/*snow edit 2009.12.15*/
img.flotLeft{float:left}
img.flotRight{float:right}
/*snow edit end*/
/*yui-reset*/ /*Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {background: #cfcfcd url(/img/bg-body.jpg) repeat-x; font-family:"微軟正黑體", Verdana, Arial, Helvetica, sans-serif;}
sup {margin-left:0px;font-size:0.9em;letter-spacing:0;vertical-align:text-top;}
.dCenter {width:100%; text-align:center;}
a {color:#39c;outline:none;}
a:focus { -moz-outline-style:none; }
object {outline:none;}

/* position */
#warp {position:relative;width:950px; min-height:100%; margin:0 auto; background:#eee url(/img/bg-warp.png) repeat-y; border:1px #cfcec7 solid; border-top:0; border-bottom:0;}
#logo {position:absolute; top:0px; left:16px; width:180px; height:73px;z-index:99;}
#topNavBar {position:absolute; top:0px; right:0px; width:950px; height:18px; background:#eee url(/img/bg-topNavBar.png) repeat-y;z-index:98;}
#mainNav {position:absolute; top:18px; right:0px; height:38px;z-index:97;}
#h1swf {width:919px;height:118px; margin-top:-7px;}
#mainContent {padding-top:56px; padding-bottom:40px;margin-left:31px;}
#localNav {display:block;width:172px;padding-left:24px;background:url(/img/bg-localNav.png) repeat-x;border:0px #f00 solid; }
#content {display:block; width:695px; padding-top:33px;padding-left:22px;min-height:400px;}
#chooseFont {float:right;margin-top:-28px;padding-right:5px;}
#tail {width:950px;height:8px;margin:0 auto;background:#eee url(/img/bg-tail.png) repeat-y;}
#footer {width:950px; height:30px; margin:0 auto; padding-top:6px;background:url(/img/bg-footer.jpg) no-repeat;font-family:"Times New Roman", Times, serif;}
#footer a {padding:0 0 0 444px; background:transparent;} 


/* main navigation*/
ul#topNavBar li{display:inline;}
ul#topNavBar li a{display:block; height:18px; float:right; text-indent:-9999px;}
ul#topNavBar li.it6 a {background:url(/img/bg-topNavBar-item.png) 0 0 no-repeat; width:62px;}
ul#topNavBar li.it5 a {background:url(/img/bg-topNavBar-item.png) -62px 0 no-repeat; width:77px;}
ul#topNavBar li.it4 a {background:url(/img/bg-topNavBar-item.png) -139px 0 no-repeat; width:46px;}
ul#topNavBar li.it3 a {background:url(/img/bg-topNavBar-item.png) -185px 0 no-repeat; width:69px;}
ul#topNavBar li.it2 a {background:url(/img/bg-topNavBar-item.png) -252px 0 no-repeat; width:62px;}
ul#topNavBar li.it1 a {background:url(/img/bg-topNavBar-item.png) -314px 0 no-repeat; width:64px;}

ul#mainNav li{display:block;position:relative;height:31px;overflow:hidden;float:right;}
ul#mainNav li.it6 {width:106px;}
ul#mainNav li.it5 {width:97px;}
ul#mainNav li.it4 {width:94px;}
ul#mainNav li.it3 {width:125px;}
ul#mainNav li.it2 {width:75px;}
ul#mainNav li.it1 {width:106px;}
ul#mainNav li.it0 {width:82px;}

#mN0, #mN1, #mN2, #mN3, #mN4, #mN5, #mN6{display:block;height:38px;text-indent:-9999px;}
#mN6 {background:url(/img/bg-mainNav-item.png) -573px 0 no-repeat; width:106px;}
#mN5 {background:url(/img/bg-mainNav-item.png) 0 0 no-repeat; width:97px;}
#mN4 {background:url(/img/bg-mainNav-item.png) -97px 0 no-repeat; width:94px;}
#mN3 {background:url(/img/bg-mainNav-item.png) -191px 0 no-repeat; width:125px;}
#mN2 {background:url(/img/bg-mainNav-item.png) -310px 0 no-repeat; width:75px;}
#mN1 {background:url(/img/bg-mainNav-item.png) -386px 0 no-repeat; width:106px;}
#mN0 {background:url(/img/bg-mainNav-item.png) -493px 0 no-repeat; width:82px;}
#mN6:hover {background:url(/img/bg-mainNav-item.png) -573px -31px no-repeat;}
#mN5:hover {background:url(/img/bg-mainNav-item.png) 0 -31px no-repeat;}
#mN4:hover {background:url(/img/bg-mainNav-item.png) -97px -31px no-repeat;}
#mN3:hover {background:url(/img/bg-mainNav-item.png) -191px -31px no-repeat;}
#mN2:hover {background:url(/img/bg-mainNav-item.png) -310px -31px no-repeat;}
#mN1:hover {background:url(/img/bg-mainNav-item.png) -386px -31px no-repeat;}
#mN0:hover {background:url(/img/bg-mainNav-item.png) -493px -31px no-repeat;}

ul#mainNav li p.subNav {position:absolute;top:38px;right:0px; height:110px; text-align:center; width:100%;border-top:1px #ccc solid;}
ul#mainNav li p.subNav a {display:block; color:#4b4b4b; background:url(/img/bg-mainNav-subNav-a.png) repeat-y; padding-top:4px;font-weight:bold; text-decoration:none;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;height:22px;} ul#mainNav li p.subNav a:hover {color:#0583c9;}


/* content page */
body.homepage #mainContent {height:518px;}
body.about h2, body.technology h2, body.showroom h2,body.service h2,body.news h2{width:590px;height:26px;margin:0px 0 13px 0;text-indent:-9999px;}
body.about {}
body.about h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-about.jpg) no-repeat; text-indent:-9999px;}
body.about #phil-1, body.about #phil-2{display:block;float:left;width:349px; height:580px;cursor:default;}
body.about #phil-1 {background:url(/img/lxg.jpg) 0 0 no-repeat;}
body.about #phil-2 {background:url(/img/lxg.jpg) -349px 0 no-repeat;}
body.about #phil-1:hover {background:url(/img/lxg-over.jpg) 0 0 no-repeat;}
body.about #phil-2:hover {background:url(/img/lxg-over.jpg) -349px 0 no-repeat;}


body.technology {}
body.technology h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-technology.jpg) no-repeat; text-indent:-9999px;}
body.technology #content div.content-c h3 {clear:both; padding-top:15px;}
body.showroom {}
body.showroom h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-showroom.jpg) no-repeat; text-indent:-9999px;}
body.showroom div.tcontainer {padding:4px;border:1px #ccc solid;margin-bottom:10px;}
body.showroom table {margin:0px;}
body.showroom table td {padding-left:4px;border:1px #eee solid; border-spacing:0px;/*width:75px;*/}
body.showroom table td img {vertical-align:middle; padding-left:10px;}
body.showroom table .tr1 {background:#0583c9;color:#fff;}
body.showroom table .td1 {background:#eee;color:#4d4d4d;width:68px;}
body.showroom table .t {width:110px;}
body.showroom table .w {width:200px;}
body.showroom table .s {width:40px;text-align:center;}

body.service {}
body.service h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-service.jpg) no-repeat; text-indent:-9999px;}
body.service p#booking-step {padding:23px 0 0 136px;}
.booking-form {position:relative;border:1px #ccc solid;padding:15px 0 15px 85px;}
.booking-form div {position:relative;padding:5px 0; height:20px; font-size:12px;}
.booking-form div label {display:block;	width:125px;float:left;	font-style:normal;font-size:13px;font-weight:normal;}
.booking-form div input {display:block;float:left;height:20px;width:200px; margin-right:5px;}
.booking-form div select {display:block;height:20px;width:200px; margin:0px;}
#content .booking-form h2 {font-size:16px;height:20px;margin:0;padding-bottom:20px;text-indent:0;}
table.maintainHistroy {margin-left:10px;background:#f7f7f7;border:1px #ccc solid;}
table.maintainHistroy tr.row1 {background:url(/img/bg-tr-maintainHistroy-row1.png) repeat-x bottom #f7f7f7;}
table.maintainHistroy tr.row2 {background:url(/img/bg-tr-maintainHistroy-row2.png) repeat-x bottom #eee;}
table.maintainHistroy td {text-align:center;}
.maintainHistroy .head th {background:url(/img/bg-th-maintainhistory.png);height:39px;color:#fff;text-align:center;border:0px;}
.maintainHistroy .head .first {background:url(/img/bg-th-maintainhistory.png) -1px 0;}
#content .maintainHistroy p.item{margin:0;padding:0;width:100%;}
.maintainHistroy .item .itemTitle {display:block;float:left;width:60%;}
.maintainHistroy .item .itemQty {display:block;float:left;width:30%;}

body.contact {}
body.contact h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-contact.jpg) no-repeat; text-indent:-9999px;}
body.contact #content {padding:33px 0 0 110px; font-family:"微軟正黑體", Verdana, Arial;font-size:12px;}
body.contact #content form label, body.contact #content form fieldset  {display:block;height:30px;} 
body.contact #content form label span, body.contact #content form fieldset span {display:block; width:70px;float:left;font-weight:bold;}
body.contact #content form label input, body.contact #content form label select {position:relative;margin:0;width:200px;height:20px; background:#FAFAFA;}
body.contact #content fieldset input {margin:6px 0;}
body.contact #content fieldset.radio span {font-size:1em;font-weight:bold;}
body.contact #content fieldset.radio label {width:auto; padding-left:10px;float:left;}
body.contact #content fieldset.radio label input {width:14px;position:relative;float:left;}
body.contact #content form textarea {height:110px;width:580px;}
body.contact #content form label .radio {width:20px;border:0px;}
body.contact #content form textarea {background:#fafafa;}
body.contact #content form select#ddlCity {width:65px;}
body.contact #content form select#ddlDistrict {width:95px;}
body.testdrives {}
body.testdrives #content form label span {display:block; width:150px;float:left;font-weight:bold;}
body.news {}
body.news h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-news.jpg) no-repeat; text-indent:-9999px;}
body.news h2{font:normal 500 16px/20px "微軟正黑體", Verdana, Arial;color:#7e7e7e;letter-spacing:3.5px;text-indent:0;}
body.news #content .contentImg {float:right;padding:5px 16px;}
body.download h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-download.jpg) no-repeat; text-indent:-9999px;}
body.faq {}
body.faq h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-faq.jpg) no-repeat; text-indent:-9999px;}
body.faq h2 {font-size:1.8em;margin:0 0 13px 20px;color:#7e7e7e;font-weight:bold;letter-spacing:0.1em;}
body.faq #content {width:800px; padding-left:65px;}
body.faq #qlist {padding:0 0 30px 20px;} #qlist li {zoom:1;} #qlist li a{color:#7E7A77;text-decoration:none;zoom:1;} #qlist li a:hover{color:#39c;text-decoration:underline;}
.az {display:none;background:#ddd;padding:5px 25px 21px 27px;margin-left:2px;border-left:0px #ccc solid;}
.qz {display:block;font-size:15px;padding:6px 0;cursor:pointer;font-weight:bold;}
.qz a {font-weight:normal;}
body.faq {}
body.sitemap {}
body.sitemap h1{width:919px;height:118px; margin-top:-7px;background:url(/img/kv-sitemap.jpg) no-repeat; text-indent:-9999px;}
body.sitemap h2 a{font-size:1.1em;font-family:"微軟正黑體", Verdana, Arial;font-weight:bold;text-decoration:none;border-left:4px #39c solid;padding:0 6px;}
body.sitemap h2 a:hover{text-decoration:underline;color:#39c;}
body.sitemap #content {width:900px;padding-top:0px;}
body.sitemap #content .content-a {padding-top:15px;padding-left:74px;}
.sitemap-col {float:left; padding-right:20px;width:205px;}
.sitemap-col h2 {padding-top:10px;letter-spacing:1px;}
.sitemap-col img {padding-bottom:3px;}
.sitemap-col ul {padding:8px 0 0 28px;}
.sitemap-col ul li{font-size:8px;line-height:20px;padding:3px 0;list-style-type:square;}
.sitemap-col ul li a{text-decoration:none;color:#4d4c48;font-size:12px;}
.sitemap-col ul li a:hover{text-decoration:underline;color:#39c;}
.sitemap-col ul ul {padding:0px 0 0 14px;width:125px;}
.sitemap-col ul ul li{line-height:18px;}

/*Car EV*/
body.car-ev {}
body.car-ev h1{width:919px;height:118px; margin-top:-7px;background:url(/img/cars/ev/kv-car-ev.jpg) no-repeat; text-indent:-9999px;}
body.car-ev h2{width:590px;height:26px;margin:0px 0 13px 0;text-indent:-9999px;}
body.car-ev #content div.h3 {color:#3383c8;padding:25px 0 10px 0;font:normal bold 14px/16px "微軟正黑體", Verdana, Arial;}
body.car-ev #content div.blk-d {float:left; width:200px;padding-right:20px;}

/*Car SUV 2009-12-03 */
body.car-suv {}
body.car-suv #warp{background:#eee url(/img/bg-warp-1col.png) repeat-y;}
body.car-suv #h1swf{width:864px;height:427px; margin:25px 0 0 15px;background:url(/img/cars/suv/kv-suv.jpg) no-repeat; text-indent:-9999px;}
body.car-suv #content {width:857px;}
body.car-suv h2{width:590px;height:30px;margin:0px 0 13px 0;text-indent:-9999px;}
body.car-suv #content div.h3 {color:#7d7d7d;padding:25px 0 10px 0;font:normal bold 16px/18px "微軟正黑體", Verdana, Arial;}
body.car-suv #content div.blk-d {float:left; width:200px;padding-right:20px;}

/*Car 7 CEO 2009-12-10 */
body.car-ceo {}
body.car-ceo #warp{background:#eee url(/img/bg-warp-1col.png) repeat-y;}
body.car-ceo #h1swf{width:864px;height:427px; margin:25px 0 0 15px;background:url(/img/cars/ceo/kv-ceo.jpg) no-repeat; text-indent:-9999px;}
body.car-ceo #content {width:857px;}
body.car-ceo h2{width:590px;height:30px;margin:0px 0 13px 0;text-indent:-9999px;}
body.car-ceo #content div.h3 {color:#7d7d7d;padding:25px 0 10px 0;font:normal bold 18px/20px "微軟正黑體", Verdana, Arial;letter-spacing:2px;}
body.car-ceo #content  p b.h4 {display:block;clear:right;}
body.car-ceo #content div.blk-d {float:left; width:200px;padding-right:20px;}

/*Content Style*/
#content {font-family:Arial,Verdana,"新細明體", sans-serif; color:#7e7a77;}

#content div p {padding-bottom:20px;}
#content h3 {color:#3383c8;padding:25px 0 10px 0;font:normal bold 14px/16px "微軟正黑體", Verdana, Arial;}
#content .val {color:#0583c9;}
#content input {border:1px #a5a6a1 solid;background:#FAFAFA;}
#content .btn {border:0px;}
#content .err input{border:1px #f00 solid;}
#content .signature img{float:right; padding-bottom:60px;}


div.fontNormal {line-height:23px; font-size:13px; }
div.fontSmall {line-height:21px; font-size:12px; }
div.fontLarge {line-height:25px; font-size:15px; }

#content div.content-a {padding:31px 0 0 0;}
#content div.content-c {width:660px; }
#content div.content-c div.swf {float:left; padding-right:20px;}
#content div.content-c dl {font-size:12px;line-height:23px;width:480px;}
#content div.content-c dl dt {width:65px;float:left;line-height:16px;}
#content div.content-c dl dd {width:400px;float:left;line-height:16px;padding-bottom:10px;}
#content div.blk-a {width:324px;padding:12px 0 0 17px;margin-left:3px;background:#eee url(/img/bg-blk-a.png) no-repeat;float:left;min-height:260px;}
#content div.blk-224 {width:214px;padding:0;margin-right:0px;background:#eee url(/img/bg/tech_list01.jpg) no-repeat;float:left;height:204px;}
#content div.blk-233 {width:223px;padding:0;margin-right:0px;background:#eee url(/img/bg/tech_list02.jpg) no-repeat;float:left;height:204px;}
	#content div.blk-224, #content div.blk-233{padding:14px 0 0 10px;} 
	.blk-224 a, .blk-233 a{display:block;}
#content div.blk-b {float:left; width:315px;padding:10px 25px 8px 6px;line-height:18px;}
#content div.blk-b p{padding:0;} #content div.blk-b p img {float:left;}
#content div.blk-b dl {position:relative; padding-top:15px;}
#content div.blk-b dl dt {color:#3383c8;font-weight:normal;}
#content div.blk-c {float:left; padding:0 34px 3px 0;}
#content #newslist {padding:18px 30px 0 10px;line-height:28px;} 
#content #newslist li {display:block;width:100%;height:28px; background:url(/img/bg-li-newslist.png) repeat-x;}
#content #newslist span.date {display:block; font-family:Arial, Helvetica, sans-serif;padding-left:20px;float:left;background:url(/img/ul-newslist.png) no-repeat;}
#content #newslist span.newsTilte {display:block;padding-left:42px;float:left;} .newsTilte a {color:#7e7976;text-decoration:none;} .newsTilte a:hover {color:#1672bb;text-decoration:underline;}
#content .pagenate {padding:20px 0;width:100%; text-align:center;}
#content .pagenate a {padding:2px 5px;color:#7e7976;} #content .pagenate a.on {background:#b8e0fa;border:1px #a0c2de solid;color:#3383c2;font-weight:bold;text-decoration:none;}
#content sup {margin-left:0px;font-size:10px;letter-spacing:0;vertical-align:text-top;}

#faq-video-box {float:right; width:410px; height:300px; text-align:left;}
ul#faq-items {margin:0px;width:375px; font:13px/20px normal normal; list-style:none; }
ul#faq-items a {text-decoration:none; color:#666;} ul#faq-items .on a, ul#faq-items a:hover {color:#fff;}
ul#faq-items li {height:28px; padding:10px 20px 0 48px; background:url(/img/bg-faq-item.png) no-repeat 0px -191px ; text-indent:-40px;} ul#faq-items li.on {background:url(/img/bg-faq-item.png) no-repeat 0px -76px ; }
ul#faq-items li#item-2 {height:66px; background:url(/img/bg-faq-item.png) no-repeat 0px -115px ;} 
ul#faq-items li#item-2.on {height:66px; background:url(/img/bg-faq-item.png) no-repeat 0px 0px ;}


/* local navigation */
#localNav {font-size:12px;font-weight:bold;letter-spacing:2px; min-height:300px;}
#localNav p.subNav {text-align:left; width:170px; padding-top:22px; line-height:32px;}
#localNav ul {padding-left:25px;padding-bottom:10px;}
#localNav ul li {width:120px;letter-spaceing:0px;line-height:18px;padding-bottom:6px;list-style:url(/img/list-image.png)}
#localNav a {color:#4d4d4d;text-decoration:none;}
#localNav a.active, #localNav a:hover {color:#3399cc;}