/* This CSS is created by Taira Promote SG Pte Ltd */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
ol, ul { list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.floatleft { float: left; }
.floatright { float: right !important; }


@font-face {
	font-family: 'Conv_Roboto-Regular';
	src: url('fonts/Roboto-Regular.eot');
	src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Conv_Roboto-Regular',Sans-Serif;
	color:#111;
	font-size:14px;
}
a { text-decoration:none; font-weight:normal !important; }
a img { border:none; }
h1 { font-size:26px; font-weight:500; }
h2 { font-size:12px; }

.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"],
.ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active, .ui-page-active, object {
      -webkit-backface-visibility: hidden; 
}


/*************** home page ****************/
#home { background: #efefef; }

.homepage header { position:absolute; left: 45px; top: 30px;margin: 0 auto; width: 250px; height:100px; z-index:500; font-size:22px; color:#00595a; line-height:30px;  }
.homepage header img { vertical-align:middle; /*border-bottom:1px solid #014099;*/}
.homepage { margin:0 auto; height:600px; width: 1024px; position:relative;  }
.homepage span { position:absolute; left: 0px; top: 0px; z-index:100; }
.homepage .btn { position:absolute; left: 680px; top: 280px; z-index:500; border-radius:10px !important; padding:10px 20px; color:#FFF !important;  }


/*************** individual page ****************/
.II { font-family:'Times New Roman', serif !important; font-size:19px !important; margin-left:2px;}
.header { padding:8px 15px; font-size:18px; font-weight:300; min-height: 30px; }
.header img { vertical-align: middle !important; margin-right:5px; }
.logo { width:150px; height:30px;}
.ui-header .ui-bar-a { background:none !important; border: none !important; box-shadow: none !important; }
.ui-header .ui-bar-a .ui-btn-inner { background: rgba(0, 0, 0, 0.2); }
.ui-header .ui-btn-right { margin-top:5px !important; margin-right:5px !important; }
.content {
	background: #efefef; 
	border-radius: 3px;
	margin:0 auto;
	padding: 0.3%; 
	min-height: 580px; 
	width:985px; 
}
.content h1, .content p { padding:5px 10px;}
.popup-content { background: #000; padding: 0px !important; margin:0 auto;min-height: 705px; width:1024px; /* 994 */ }
 
.touch { display:block; float:left; height:565px; width:760px; margin-right:10px; position:relative; }
.touch .slider { position:absolute; top:0; left:0; }

.description { line-height:18px; display:block; float:left; width:205px; }
.description h1 { color:#111; font-size:20px; margin-top:10px; }
.description h2 { color:#111; text-transform:uppercase; }
.description b { font-weight: 900; }
.description pos {  padding-top: 2cm;}
.description p { border-bottom:1px solid #bbb; box-shadow:0px 1px 0px #f4f4f4; margin:10px 0; padding-bottom:10px; overflow:hidden; }
.description img { margin-right:10px; float:left; }
.description ul { border-bottom:1px solid #f4f4f4; margin-bottom:15px;}
.description li { display:block; border-top:1px solid #f4f4f4; border-bottom:1px solid #bbb; padding:10px 0 15px; overflow:hidden; }
.description li:first-child { border-top:none; }
.ui-btn-text img { margin-right:0px !important; }

.ui-grid-a .ui-body { padding-top:15px; padding-bottom:5px;}

.html5gallery-car-list-0, .html5gallery-car-mask-0, .html5gallery-tn-0, .html5gallery-car-0, .html5gallery-tn-selected-0 { width:210px !important; }
.html5gallery-tn-title-0 { width:140px !important;}


/*************** footer nav ****************/
.ui-footer {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); 
	min-height:75px; 
}
footer { width: 1024px; margin:0 auto; }
footer li a { float:left; display:block; width: 14.5%; min-height:25px; border-left:1px solid #434343; border-top: 3px solid #111; text-align:left; padding:16px 0 15px 20px; color: #999 /*#179264*/ !important; }
footer li a span { font-size:22px; color:#f4f4f4; }

footer li:before a { 
	border-left: 1px solid #000;
    left: -2px;
	top:0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 1px;
}
footer li:first-child a { border-left: none; }
footer li.selected a { background:#111; border-top: 3px solid #299878; color:#34b993 !important; }
footer li.selected a span { color:#34b993; }