@charset "UTF-8";

/* Created by Terapon  CSS Document  */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
}

*{	margin:0;	padding:0;}

/*html{background:url(http://www.smarttecfilm.com/images/new/bg_first.png) no-repeat center top;}*/

body{font-family:Tahoma,Verdana;font-size: 13px;color:#55647f; background:#010f18 url(http://www.smarttecfilm.com/images/new/bg_first.png) repeat-x top center;}

img{border: 0;}

/* ---------- Clear Float ----------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#main-containner,.detail-containner{margin:0 auto;}
#main-containner{position:relative;width:1000px;}
.top-title{width:1000px; height:237px; margin:0 auto; background: url(http://www.smarttecfilm.com/images/new/bg_main.jpg) no-repeat center top;}

.top-title h1{padding:73px 0 0 12px;}
.top-title h1 a{width:391px; height:93px; display:block; text-indent:-9999px; overflow:hidden; background:url(http://www.smarttecfilm.com/images/new/logo-SMT.png) no-repeat;}
.top-title .control-title{float:right; margin-right:26px!important; margin-right:17px;}
.englishVersion{width:1000px; text-align:right; margin:2px auto 0;}
.englishVersion a{color:#FFF; font-size:12px; text-decoration:none;}
.englishVersion a span{visibility:hidden;}
/*------ Detail -----------*/
.bg-detail{background:url(http://www.smarttecfilm.com/images/new/bg_all.png) repeat-x; padding-top:16px}
.detail-containner{padding:0 49px; width:903px;}
.detail-containner h2{font-size:29px; font-weight:normal; background:url(http://www.smarttecfilm.com/images/new/bg-header.png) no-repeat; height:41px; padding:1px 0 0 15px;}

.readMore,.dealerSearch,.subscribe,.view-car,.Search,.SearchAll,.product-show{margin-top:20px; float:right; padding-left:17px; font-size:11px; height:33px; background:url(http://www.smarttecfilm.com/images/new/more-L.png) no-repeat top left;}
.dealerSearch,.Search,.SearchAll{cursor:pointer;}
.Search,.SearchAll{float:left; width:37px; margin-top:0; margin-left:10px;}
.SearchAll{width:71px;}
.readMore span,.dealerSearch span,.subscribe span,.view-car span,.Search span,.SearchAll span, .product-show span{background:url(http://www.smarttecfilm.com/images/new/more-R.png) no-repeat top right; padding:2px 10px 0 0; height:33px; display:block;}
.readMore a,.dealerSearch a,.subscribe a,.view-car a,.Search a,.SearchAll a,.product-show a{ color:#8299BD; text-decoration:none; cursor:pointer;}
.readMore a:hover,.dealerSearch a:hover,.subscribe a:hover,.view-car a:hover,.Search a:hover,.SearchAll a:hover,.product-show a:hover{color:#FFF;}

/*--- Welcome ----*/
.smarttec-welcome{float:right; width:520px; overflow:hidden; padding-left:20px;}
.welcome-detail{margin-top:8px; background:url(http://www.smarttecfilm.com/images/new/bg-welcome.jpg) no-repeat top left; height:173px; padding-left:128px;}
.smarttec-welcome .readMore{margin-top:0;}
.smarttec-welcome span{ width:35px;}
/*----- NEws -------*/
.news-event{width:338px; overflow:hidden; padding-right:20px; border-right:1px solid #192431}
.news-event dl{margin:8px 0 0 10px;}
.news-event dl dt{font-size:17px; font-weight:bold;}
.news-event dl dd a{color:#a7481b; text-decoration:none;}
.news-event span{width:58px;}
/*------ smt-three-group ------*/
.smt-three-group{margin-top:10px; list-style:none; clear:both; border-bottom:1px solid #192431; height:121px; padding-bottom:12px;}
.smt-three-group li{float:left;}
.smt-three-group li a{width:292px;height:121px; display:block; overflow:hidden; text-indent:-9999px; padding-right:13px;}
.smt-three-group li.about-flim a{background:url(http://www.smarttecfilm.com/images/new/about-film.jpg) no-repeat;}
.smt-three-group li.test-film a{background:url(http://www.smarttecfilm.com/images/new/test-film-car.jpg) no-repeat;}
.smt-three-group li.test-flim-bulding a{background:url(http://www.smarttecfilm.com/images/new/test-film-building.jpg) no-repeat; padding-right:0;}
/*------- Two Panel  ---------*/
.two-panel{margin-top:10px;}
.two-panel h2,h2.detail-head-2{ clear:both; font-size:26px; font-weight:normal; background:url(http://www.smarttecfilm.com/images/new/bg-header-2.png) no-repeat; height:41px; padding:4px 0 0 15px;}
.two-panel h2 em,.box-all-detail h2 em{font-size:19px; font-style:normal; font-weight:normal;}
.two-panel h3,.box-all-detail h3{font-size:19px; font-weight:normal;}
.left-Side{float:left;}
.right-Side{float:right;}
* html .right-Side{float:none;} 
.left-Side{width:580px; border-right:1px solid #192431; margin-right:10px;}
.left-Side{padding-right:12px;}
.left-Side .readMore{clear:both; float:left; margin-top:10px;}
.right-Side{width:300px!important;width:296px;}
.right-Side h2 {margin-bottom:10px;}
.right-Side p{margin-left:10px;}
.right-Side br{line-height:43px; display:inline;}
/*----- Web Board ---*/
.board{margin:5px 0 0 15px;}
.board h3{border-bottom:1px solid #192431; padding-bottom:2px;}
.board ul{list-style-image:url(http://www.smarttecfilm.com/images/new/bullet-all.png); list-style-position:outside; margin:10px 0 0 15px;}
.board ul li{line-height:20px;}
.board ul li a,.box-all-detail a.link{color:#a7481b; text-decoration:none;}
.board span{width:68px;}
/*-------  Sample Car ---*/
.show-sample-car,.show-sample-building{margin:5px 0 10px 15px;}
.show-sample-car a,.show-sample-building a{margin-right:12px; text-decoration:none;}
.show-sample-car .readMore,.show-sample-building .readMore{margin-top:15px;}
.show-sample-car span,.show-sample-building span{width:53px;}

.show-sample-building ul{list-style:none;}
.show-sample-building ul li{float:left; margin-left:5px;}
.show-sample-building ul li a span{font-size:11px; color:#A7481B;}
/*--- show popup building  ---*/
.building-show{width:600px; display:block; margin:0 auto;}
.building-show h1{background-color:#000066; padding:5px 0; border-bottom:10px #FFCC00 solid;}
.galleryview{height:300px; overflow:hidden;}
.panel img{width:600px;}
.panel-overlay span{position:absolute; top:5px; right:10px;}
.desc-building{margin-top:5px; padding:5px; background-color:#E6E6E6; height:100px; overflow: auto; list-style:none;}
.filmstrip li img{width:75px; height:56px; overflow:hidden;}

/*--------- Delear home and inpage----*/
.marquee{display: block; margin-left:10px;list-style: none;line-height: 1;position: relative;overflow: hidden;	width: 275px!important; width: 277px; height: 40px; border: 1px solid #192431; background-color:#0f1f29;}
.marquee li {position: absolute;	top: -999em;	left: 0;	display: block;/*white-space:  nowrap;*/padding:5px;}
.marquee li span{padding-right:3px; font-weight:bold; color: #C60;}
.marquee li a{color:#8299BD; text-decoration:none;}
.Dealer-option{margin:5px 0 0 10px}
.Dealer-option form select{font-size:12px; width:90px; border:1px solid #192431;}
.Dealer-option form input{margin-top:10px;}
.dealerSearch{float:left; margin-top:10px;}
.Dealer-inpage{width:350px; margin:5px auto 10px;}
.Dealer-inpage .dealerSearch{margin:2px 0 0 8px}
.dealerSearch span{width:26px;}
.list-dealer-all{clear:both; border-collapse:collapse; margin:0 0 15px 10px;}
.list-dealer-all th{padding:10px 3px; font-size:15px; background-color:#274457; color:#FFF;}
.list-dealer-all .col1,.list-dealer-all .col2{width:79px;}
.list-dealer-all .col3{width:100px;}
.list-dealer-all .col4{width:255px;}
.list-dealer-all .col5{width:345px;}
.list-dealer-all td{border-top:0; padding:5px;}
.list-dealer-all td img{float:none; margin:0;}
.list-dealer-all th,.col-center{text-align:center;}
.dealerNavi{clear:both; float:right;}
/*----- Subscribe --*/
#FormNewsLetter{margin:5px 0 0 10px;}
#FormNewsLetter input{border:1px solid #192431; padding:1px; width:200px;}
#FormNewsLetter input{float:left; margin-right:5px;}
.subscribe{float:left; width:37px; margin-top:0;}
/*------- regisWaranty ----*/
.regisWaranty{margin:0 0 10px 5px; display:block; width:289px; height:57px; overflow:hidden; text-indent:-9999px; background:url(http://www.smarttecfilm.com/images/new/regis-waranty.png) no-repeat;}
/*--- Issu -------*/
.box-issu{margin:0 0 10px 10px;}
/*---- Link about window films --*/
.about-window-film{list-style:none; margin-left:8px;}
.about-window-film li{float:left;}
.about-window-film li a{display:block; width:71px; height:49px; text-indent:-9999px; overflow:hidden; margin-left:1px;}
.about-window-film li.about1 a{ background: url(http://www.smarttecfilm.com/images/new/link-about-window-film.png) no-repeat 0 0; margin-left:0;}
.about-window-film li.about2 a{ background: url(http://www.smarttecfilm.com/images/new/link-about-window-film.png) no-repeat -72px 0;}
.about-window-film li.about3 a{ background: url(http://www.smarttecfilm.com/images/new/link-about-window-film.png) no-repeat -144px 0;}
.about-window-film li.about4 a{ background: url(http://www.smarttecfilm.com/images/new/link-about-window-film.png) no-repeat -216px 0;}
/*---- All Detail --*/
.box-all-detail h2{margin-bottom:8px;}
.box-all-detail h3{margin-left:10px;padding-bottom:20px; margin-bottom:10px;}
.box-all-detail p.reason{ color:#903301; margin:0 auto 10px; width:800px; text-align:right;}
.box-all-detail img{float:left; margin:0 10px 10px 10px;}
.box-all-detail ul{list-style:none;}
.box-all-detail p.img-center img{float:none; margin:0;}
.box-all-detail p.img-center{text-align:center;}
.box-all-detail p em{font-size:11px; line-height:20px; font-style:normal;}
.box-all-detail p{margin-bottom:15px; padding:0 10px;}
.box-all-detail a.link{text-decoration:underline; font-size:15px; font-weight:bold; line-height:30px;}
.T1{width:543px; margin:0 auto 10px;border-collapse:collapse;}
.hcol2,.hcol3,.hcol4,.col1,.col2,.col3,.col4,.col5,.list-dealer-all td{border:1px solid #192431;}
.hcol2,.hcol3,.hcol4{background-color:#006699; color:#FFF; width:33%; padding:10px;}
.col1,.col2,.col3{padding:5px; text-align:center;}
h2.detail-head-2{margin-top:10px;}
.search-tool{float:right;/*width:569px;*/ margin-top:7px;}
.building{width:400px;}
.searchCar,.box-all-detail form{float:left;}
.box-all-detail form select,.box-all-detail form input{border:1px solid #192431; font-size:12px; padding:2px;}

.Pic-list{list-style:none; width:800px; margin:0 auto 20px;; padding:10px 0; border-top:1px solid #192431;border-bottom:1px solid #192431;}
.Pic-list li a{display:block;height:80px;padding:8px;width:98px;}
.building-list li a{width:80px; height:90px; display:block; margin:10px; padding:0;} 
.Pic-list li{float:left; text-align:center;}
.box-all-detail .Pic-list img{margin:10px;}
.box-all-detail .Pic-list li a img{margin:0;}
.box-all-detail .building-list img{margin:0; float:none;} 
/*------- Navigator ----------*/
.count{text-align:center;}
.navigator{text-align:center; color:#FFF;}
.navigator a{color:#8299BD; text-decoration:none;}
.navigator a:hover{color:#FFF;}
/*------------------ News Navigator --------------------*/
 .paginationstyle{text-align: center;}
 .paginationstyle select{margin: 0 15px; }
 .paginationstyle a{padding: 1px 2px;	text-decoration: none;color:#8299BD; }
 .paginationstyle a.selected{color:#8299BD; font-weight:bold;}
 .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{color:#8299BD;}

.keep-link,.detail-contact{padding:10px;}
.keep-link dl{width:278px; height:80px; margin:8px; float:left;}
.keep-link dl dt{margin-bottom:3px; padding-bottom:6px; border-bottom:1px solid #192431}
.keep-link dl.list-Link dt{ border:0;}
.keep-link dl dt a,.keep-link dl.list-Link dt a{font-size:15px; font-weight:bold; color:#a7481b; text-decoration:none;}
.keep-link dl.list-Link{ float:none; height:auto; width:100%; padding-bottom:13px; border-bottom:1px solid #192431}
.keep-link h3 a{color:#a7481b; text-decoration:none;}
.promotion h3,.smt-ad h3{padding-bottom:10px;}
.promotion img,.smt-ad img{float:none;}
.smt-ad img{margin:5px; padding:1px; border:1px solid #A5B3CD;}
.box-showAD{margin-bottom:20px; padding-bottom:20px;  border-bottom:1px solid #192431;}
.showAD{ text-align:center; float:left; margin-left:10px;width:280px;}
.showAD dd a{color:#A7481B; text-decoration:none;}

.list-cat-product{ clear:both; width:768px; margin:0 auto 10px; padding-bottom:10px;border-bottom:1px solid #192431;}
.list-cat-product img{float:none; margin:0 0 5px;}
.list-cat-product dt{font-size:19px; margin-bottom:5px;}
.product-show{width:70px; margin-top:12px;}
.product-detial{margin-left:10px;}
.product-detial img{float:none; margin:0; padding:0; background-color:#FFF;}
.product-detial h3{margin-left:0;padding-bottom:0; margin-bottom:0;}
.product-detial a{text-decoration:none; color:#A7481B}
.product-detial a:visited{text-decoration:none;}

/*---- News --------*/
.set-right{width: auto;} 
.virtualpage{margin:0 0 20px 10px; border-bottom:1px solid #192431; padding-bottom:10px;}
.news-list{ border-top:1px solid #192431; padding-top:10px; margin:10px 0 0 0;}
.noimg dt,.noimg dd{margin-left:10px;}
.news-list img{margin-bottom:0;}
.news-list dt.dateNews,.news-list dd.dateNews{font-size:17px; font-weight:bold;}
.news-list dd a{color:#A7481B; text-decoration:none;}
h3.head-news{border-top:1px solid #192431; padding-top:10px;}
.List-pic-news li{display:inline;}
.List-pic-news li img{border:1px solid #a5b3cd; padding:1px;}
.detail{margin-top:20px!important; margin-top:25px; padding:0 10px;}
.detail ol,.detail ul{ list-style-position: inside;}
.news-back span{width:21px;}

/*------ Smart Warranty --------------*/
.box-all-detail form.samrtForm,.box-all-detail form.alert-confirm{ float:none; width:643px; margin:0 auto 10px; position:relative;}
.box-all-detail form.samrtForm fieldset{border:1px solid #192431; margin-bottom:10px; padding:10px; width:634px;}
.box-all-detail form.samrtForm legend{font-size:15px; font-weight:bold; padding:0 5px; margin-left:5px; background-color:#0F1F29; line-height:25px;}
.box-all-detail form.samrtForm legend.checkSmartCode{background-color: #C00; color:#FFF;}

.box-all-detail form.samrtForm fieldset p,.box-all-detail form.alert-confirm p strong{color:#C00;}
.box-all-detail form.samrtForm fieldset p.noWarranty{background-color:#DFDFDF; padding:3px;}

* html .noWarranty,* html ul.film-desc{margin-top:10px;}

.Groupwarranty{float:left; margin:10px 5px 0 0;}

.box-all-detail form.samrtForm input,.box-all-detail form.samrtForm select,.box-all-detail form.samrtForm textarea{border:1px solid #DCDDDE;}
.box-all-detail form.samrtForm input{width:180px; padding:2px;}
.box-all-detail form.samrtForm input#warrantyCode{width:74px;}
.sample-warranty{margin:0 auto; width:600px; display:block;}
.sample-warranty img{ float:none; margin:10px 0 0;}

.samrtForm ul{margin:5px auto 0; width:634px;}
.samrtForm ul li{line-height:20px;}
.samrtForm ul li label{float:left; width:162px; text-align:right;}
.samrtForm ul li p{width: 452px; float: right; text-align: left;}

#newCar,#acceptBox{width:20px; border:0;} 
#newCarBox{margin-bottom:6px;}
.samrtForm p strong{margin-left:8px; vertical-align:top; font-size:11px;}
.samrtForm p.noWarranty strong{font-size:13px;}
#frontFilmSpan,#sideFrontFilmSpan,#sideBackFilmSpan,#backFilmSpan,#dealerDiv{color:#C00;}
#frontFilmSpan input,#sideFrontFilmSpan input,#sideBackFilmSpan input,#backFilmSpan input,#dealerDiv input,#dealerDiv select,#dealerDiv textarea{border:1px solid #C00;}
.Terms-of-Use{ margin:5px 0 10px; overflow:auto; border:1px solid #CCC; padding:5px; height:300px; background-color:#DBDBDB; color:#424242;}
.Terms-of-Use p{margin-bottom:10px}
.Terms-of-Use ol{list-style-type:decimal; margin:0 0 10px 35px;}
.Terms-of-Use ol li{line-height:22px;}
.bt-bottom{width:305px;margin: 10px auto;}
#submitButton,#reset{ width:150px;}
.set-widthDownload{width:108px;}
.set-widthReset{width:41px;}

.warranty-back{ float:none; width:31px; margin:10px auto 0;}
.regis-remark{ position:absolute; width:160px; height:45px; border:1px solid #DCDDDE; background-color:#F7F7F7; top:73px!important; top:83px; right:6px!important; right:22px; font-size:11px; color:#F00; padding:3px;}

.Link-acrobat{width:620px; margin:0 auto; padding:10px;}
.Link-acrobat img{float:left; margin-right:10px;}

/*--- Contact ---*/
#map_canvas,.show-address{float:left;}
#map_canvas{margin-right:10px;/* background-color:#EDEAE2;*/ width:490px; /*height:300px;*/ display:block; /*border:5px solid #192431;*/}
#map_canvas div span{visibility:hidden;}

.show-address h3{padding-bottom:3px; border-bottom:1px solid #192431;}
.show-address p{margin-bottom:5px;}
.show-address img{float:none; margin:0;}
.detail-contact{position:relative;}
.pmap{ width:370px; margin:10px auto 10px;}/* position:absolute; bottom:42px!important; bottom:62px; left:78px;*/
.pmap li{float:left; margin-right:10px;}
.pmap li a{width:175px; height:64px; display:block;background: url(http://www.smarttecfilm.com/images/new/print-map-dealer.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
.pmap li.dealer a{background-position:-175px 0;}

.box-all-detail form#info{float:none;}
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:276px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:21px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:84px; padding-bottom:5px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(http://www.smarttecfilm.com/images/new/bt-send.png) no-repeat;border:0 none;cursor:pointer;display:block;height:34px;width:45px;overflow:hidden;text-indent:-4000px;float:right; outline:none;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:265px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:116px !important;}
.valid{border:2px solid #099 !important;}
.invalid{border:2px solid  #F30 !important;}

/*---- payment ---*/
.payment h3{ margin:0 0 0 10px; padding-bottom:12px;}
.payment p{ margin-bottom:8px; padding:0 27px; font-weight:bold;}
.payment strong{color:#903301}
.payment img{margin-bottom:40px;}
.payment ol{list-style-position:inside; margin-left:26px;}

/*--- Site map ---*/
.sitemap{margin:10px 0 0 20px;font-size:15px;}
.sitemap li{padding:8px 0; border-bottom:1px solid #192431;}
.sitemap li.sub{border:0; margin:0; padding:0; list-style-image:none;}
.sitemap li.sub strong{display:block;padding:9px 0; border-bottom:1px solid #192431;}
.sitemap li.sub ul{list-style-image:url(http://www.smarttecfilm.com/images/new/bullet-all.png); list-style-position:inside;}
.sitemap li.sub ul li{padding-left:25px;}
.sitemap li.sub ul li a{margin-left:5px;}
.sitemap li.sub ul li.clear-sub{margin-bottom:0;}

.sitemap li a{color:#A7481B; text-decoration:none;}
/*------ Flash show test -----*/
.show-flash{clear:both;margin:0 auto; width:766px; height:578px; text-align:left;}
.list-note1,.list-note2{list-style:none; float:left; width:316px; margin-right:20px; margin:20px 0;}
.description-test-film{float:left;}
.view-car{margin-top:0; width:89px;}
/*---- Footer ---*/
#footer{clear:both; margin-top:20px; background:url(http://www.smarttecfilm.com/images/new/bg-copy.png) repeat-x top left; padding:10px;}
#footer a{font-size:11px; color:#55647f; text-decoration:none;}
#footer p.tag,#footer p.tag a{color:#903301;}
#footer p.tag span{color:#55647f;}
#footer .copy{margin-top:10px;}

/*---- Vtip ---*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.9em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
