@charset "utf-8";

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;line-height:0;}
#jquery-lightboxaimg{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box>#lightbox-nav{left:0;}
#lightbox-nava{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.8em;overflow:auto;width:100%;padding:0 10px;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data#lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;font-size:14px;}
#lightbox-image-details-currentNumber{display:block;clear:left;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

html,body,div,span,applet,object,iframe,caption,del,dfn, em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;zoom:1;}
ol,ul{list-style:none;}
img{vertical-align:bottom;}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse;border-spacing:0;padding:0;margin:0;font-size:100%;outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:none;}
.CLEAR{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:1px;}
body{
font-size:12px;
line-height:18px;
font-family:"Arial";
/*font-family:"Arial","新細明體";*/}

input,select,textarea{padding:0;margin:0;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.pBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pCon{
position:relative;
z-index:5;}
.popClose{
position:absolute;
z-index:6;}
.aBody, .aItem{
overflow:hidden;}
/*.scroll{
SCROLLBAR-FACE-COLOR:black;
SCROLLBAR-HIGHLIGHT-COLOR:black;
SCROLLBAR-SHADOW-COLOR: black;
SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-DARKSHADOW-COLOR: black;
SCROLLBAR-ARROW-COLOR: white;
SCROLLBAR-TRACK-COLOR: white;}*/

.Box{
z-index:10;}
	.Top{
	z-index:20;}
	.indexBanner, .indexBody{
	z-index:10;}
	.indexLeftMenu{
	z-index:30;}
#BG{
z-index:20;}
#DOT{
z-index:25;}


.headBar, .topMenu{
width:990px;
margin:0 auto;}

.indexBIe1, .pageBread, .pageBodyIn, .scooterDivi, .indexVote, .motorinTab, .cfTopSlide, .companysociBanner, .csbImg, .companyinfoCont1, .indexVoteNUM, .companyphiloC2, .accessBox1, .accessDetailTop1, .accessDImg .each, .accessBarSelect, .accessBikeMap, .accessBikeMap div.f1{
width:100%;
overflow:hidden;}

body, html{
background:url(../images/bg-re.gif) repeat;}

.preloader{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1px;
height:0px;
overflow:hidden;}

.Box{
position:relative;}
.Top{
position:relative;
width:100%;
background:url(../images/bg-top.gif) left 26px repeat-x #fcfcfc;
border-bottom:1px solid #e7e7e7;}
.headBar{
height:21px;
text-align:right;
font-family:Arial;
background:#fcfcfc;}
.headBar a{
padding:3px 0 0 15px;
color:#666666;
display:inline-block;
/*background:url(../images/arrow-5.gif) left center no-repeat;*/}
.headBar a:hover{
color:#bc0614;
text-decoration:none;}
.headBar img{
vertical-align:middle;
padding-right:3px;}
.topMenu{
height:45px;}
.Logo{
display:inline-block;
float:left;
width:173px;
height:34px;
background:url(../images/logo.gif) right top no-repeat;}
.Menu{
position:relative;
float:left;
width:723px;
padding:5px 0 0 88px;
background:url(../images/bg-top.gif) left 5px repeat-x;}
.mBtn{
float:left;
position:relative;
width:90px;}
.mBtnA{
display:block;
width:100%;
text-align:center;
padding:3px 0 0;
height:22px;
background:url(../images/bg-menu1over.gif) left -25px no-repeat;}
.mBtnA:hover{
background-position:left top;}
.mBtn div{
position:absolute;
display:none;
padding:3px 0;
top:25px;
left:-21px;
width:133px;
border:1px solid #5d5d5d;
border-top:0;
background:white;
opacity:0.9;
filter:alpha(opacity=90);}
.mBtn div a{
color:#5d5d5d;
display:block;
width:113px;
margin:2px 0;
padding:0 10px;
background:url(../images/bg-menu2.gif) left top repeat-y;}
.mBtn div a:hover{
text-decoration:none;
color:#bc0614;}
.indexBanner{
position:relative;
padding-bottom:5px;
background:url(../images/load-1.gif) center center no-repeat;}
.reBanner div, .indexBanner, .bikeBanner div, .reBanner, .bikeBanner, .bikeBanner .f3{
width:100%;
height:443px;}
.reBanner, .bikeBanner{
position:absolute;
z-index:1;
top:0;
left:0;}
.reBanner a, .bikeBanner span{
position:relative;
display:block;
width:980px;
margin:0 auto;
height:443px;
background-position:center top;
background-repeat:repeat-x;}
.bikeBanner div{
z-index:2;}
.reBanner div, .bikeBanner div{
position:absolute;
left:0;
top:0;
background-position:center top;
background-repeat:repeat-x;}
.bikeBanner{
height:0;
overflow:hidden;}
.bikeBanner span a{
position:absolute;
right:26px;
display:inline-block;
width:84px;
height:19px;
background-position:left top;}
.bikeBanner span a:hover{
background-position:left bottom;}
.bikeBanner .f1{
top:248px;
background-image:url(../images/btn-eventsite.gif);}
.bikeBanner .f2{
top:274px;
background-image:url(../images/btn-info1.gif);}
.bikeBanner .f3{
display:block;
background:url(../images/gif.gif);}
.reBannerPage{
position:relative;
height:1px;
overflow:visible;
z-index:10;
width:980px;
margin:0 auto;}
.reBannerPage .page{
position:absolute;
top:290px;
left:50px;
text-align:right;}
.reBannerPage a, .reBannerPage b, .scooterBannerPage a, .scooterBannerPage b{
cursor:pointer;
display:inline-block;
width:11px;
height:11px;
overflow:hidden;}
.reBannerPage a, .scooterBannerPage a{
position:relative;
background:url(../images/dot-1.png) left top no-repeat;}
.reBannerPage .dot, .scooterBannerPage .dot{
display:inline-block;
padding:0 5px;}
.reBannerPage b, .scooterBannerPage b{
position:absolute;
top:11px;
left:0;
background:url(../images/dot-2.png) left top no-repeat;}
.reBannerPage .ON b, .scooterBannerPage .ON b{
top:0;}
.indexSlide{
position:relative;
z-index:5;
top:310px;
width:980px;
height:127px;
margin:0 auto;
background:#fcfcfc;}
.indexSlideIn{
width:954px;
height:121px;
padding:0 8px;
margin:0 auto;
background:url(../images/bg-indexslide.gif) left bottom repeat-x;}
.indexSlide .aLeft, .indexSlide .aRight{
padding-top:46px;
height:30px;}
.indexSlide .aLeft{
float:left;
width:38px;
text-align:center;}
.indexSlide .aRight{
float:right;
padding-right:12px;
width:11px}
.indexSlide .aBody, .indexSlide .aItem{
position:relative;}
.indexSlide .aBody{
float:left;
width:880px;
height:121px;}
.indexSlide .aItem div{
position:relative;
float:left;
width:110px;
padding-top:7px;
height:114px;}
.indexSlide .aItem a{
display:block;
position:absolute;
width:100px;
bottom:0;
left:5px;
color:#565656;
line-height:22px;
text-align:center;}
.indexSlide .aItem a:hover{
color:#930505;
font-size:14px;
text-decoration:none;}
.indexSlide .aItem img, .indexSlide .aItem span{
width:95px;}
.indexSlide .aItem a.ON img, .indexSlide .aItem a:hover img, .indexSlide .aItem a.ON span{
width:100%;}
.indexSlide .aItem b{
position:absolute;
cursor:pointer;
font-family:Arial;
display:block;
width:100%;
left:0;
bottom:0;
text-align:center;}

.indexLeftMenu, .indexLeftMenu .pBG{
width:279px;
height:528px;}
.indexLeftMenu{
position:absolute;
left:-239px;
top:68px;}
.indexLeftMenu .pBG{
background:url(../images/bg-left2.png) left top no-repeat;}
.indexLeftMenu .pCon{
width:100%;}
.indexLeftBtn{
display:inline-block;
position:absolute;
top:223px;
left:240px;
width:30px;
height:97px;
background:url(../images/arrow-1x.gif) right top no-repeat;}
.indexLeftSlide{
padding:6px 0 0 26px;
width:190px;}
.indexLeftSlide .aLeft, .indexLeftSlide .aRight{
width:100%;
text-align:center;}
.indexLeftSlide .aLeft{
padding:9px 0 0;
height:25px;}
.indexLeftSlide .aBody{
height:456px;}
.indexLeftSlide .aItem div{
color:#5d5d5d;
height:152px;}
.indexLeftSlide .aItem a{
display:inline-block;
border:1px solid #9c9c9c;}
.indexLeftSlide .aItem a:hover{}
.indexLeftSlide .aItem b, .indexLeftSlide .aItem p{
display:block;
padding:0 3px;}
.indexBody{
position:relative;
margin:0 auto;
width:980px;
padding:0 5px;
background:url(../images/shadow-1.png) left top repeat-y;}
.indexBodyIn, .indexBodyIn2{
width:100%;
padding:5px 0 0;
background:white;}
.indexBodyIn2{
padding:0;}
.indexBI{
width:920px;
margin:0 auto;
overflow:hidden;
padding:0 0 20px;}
.indexBIleft{
float:left;
width:628px;}
.indexBIright{
float:right;
width:270px;
text-align:right;}
.indexBIright a{
display:inline-block;}
.indexBIright a.f1{
padding-top:5px;}
.indexFoot{
width:952px;
margin:0 auto;
clear:both;
overflow:visible;
border:1px solid #dedede;
background:url(../images/bg-footre.gif) left top repeat #f8f8f8;}
.indexEnd{
width:950px;
overflow:hidden;
margin:0 auto;
padding:20px 0 25px;}
.indexEnd a{
float:left;
color:#848484;
display:inline-block;
padding:0 5px 0 10px;
background:url(../images/arrow-2.gif) 5px center no-repeat;}
.indexEnd a:hover{
color:#a40000;}
.indexEnd p{
float:right;
padding-right:5px;
font-size:10px;
color:#999999;
font-family:Arial;}
.btnSitemap{
position:relative;
top:-1px;
cursor:pointer;
margin:0 auto;
width:119px;
height:26px;
clear:both;
background:url(../images/btn-sitemap.png) left top no-repeat;}
.btnSitemap a{
display:block;
height:26px;
width:100%;
background:url(../images/cross-foot1.gif) left top no-repeat;}
.btnSitemap a:hover{}
.indexFootIn{
display:none;
width:102%;
overflow:hidden;
/*padding:0 0 5px 35px;*/
padding:0 0 5px;}
.indexFootIn2{
width:110%;
overflow:hidden;}
.indexFootBox{
float:left;
/*width:132px;
padding:10px;*/
width:105px;
padding:10px 0 10px 13px;
color:#676767;}
.indexFootIn .f1{
width:90px;}
.indexFootIn .f2{
width:142px;}
.indexFootBox .txt{
font-weight:700;}
.indexFootBox .link{
padding:5px 0 0 5px;}
.indexFootBox img{
vertical-align:middle;
padding-right:3px;}
.indexFootBox a{
color:#676767;
display:block;
line-height:20px;
background:url(../images/arrow-3.gif) left center no-repeat;
padding-left:5px;}
.indexFootBox a:hover{
color:#a40000;}
.indexBItab{
width:100%;
position:relative;
background:url(../images/gray-1.gif) left bottom repeat-x;}
.indexBItab p a{
margin-right:6px;
display:inline-block;
height:27px;
background-repeat:no-repeat;
background-position:left top;}
.indexBItab p a.ON{
background-position:left bottom;}
.indexBItab .f1{
width:90px;
background-image:url(../images/tab-news1.gif);}
.indexBItab .f2{
width:90px;
background-image:url(../images/tab-off1.gif);}
.indexBItab .f3{
width:90px;
background-image:url(../images/tab-race1.gif);}
.indexBItab .f4{
width:115px;
background-image:url(../images/tab-hot1.gif);}
.indexBItab p{}
.indexBItab .f1{}
.indexBItab .btn{
position:absolute;
height:19px;
width:72px;
right:3px;
bottom:5px;
overflow:hidden;}
.indexBItab .btn a.more{
font-family:Arial, "新細明體";
width:43px;
height:12px;
padding:0;
background:url(../images/more-1.gif) left top no-repeat;}
.indexBItab .btn a{
position:absolute;
right:0;
bottom:0;
color:#7e7e7e;
display:inline-block;
text-align:center;
width:69px;
height:17px;
padding-top:2px;
padding-left:3px;
overflow:hidden;
background:url(../images/more-2.gif) left top no-repeat;}
.indexBItab .btn .more:hover, .indexBItab .btn a:hover{
text-decoration:none;
color:#b40404;
background-position:left bottom;}
.indexBIe1, .indexBIe2{
padding:10px 0;
color:#7d7d7d;
border-bottom:1px dotted #b0b0b0;}
.indexBIe1 .img{
float:left;
width:125px;}
.indexBIe1 .img img{
border:1px solid #cacaca;}
.indexBIe1 .txt{
float:left;
width:490px;}
.indexBIe1 i{
font-style:normal;
padding-right:15px;}
.indexBIe1 .txt a, .indexBIe2 .txt a{
color:#1953c9;
font-weight:700;}
.indexBIcon{
padding:5px 0 0;}
.indexBIe2{}
.indexBIe2 i{
display:inline-block;
font-style:normal;
width:45px;
padding-left:10px;
background:url(../images/arrow-4.gif) 2px center no-repeat;}
.indexBIe2 p{
padding:0 0 0 55px;}
.indexBIli1, .indexBIli2, .indexBIli3{}
.indexBIli2, .indexBIli3, .indexBIli4{
display:none;}
.pageBody{
padding:0 0 10px 10px;}
.pageBread{
clear:both;
line-height:30px;
color:#7d7d7d;}
.pageBread img{
vertical-align:middle;}
.pageBread a, .pageBread b{
display:inline-block;
color:#7d7d7d;
padding:0 5px;}
.pageBread b{
color:#5c5b5b;}
.pageBodyIn{}
.pageLeft{
float:left;
width:200px;}

.pageLeft .hr1{
margin:0 auto;
clear:both;
width:165px;
height:22px;
background:url(../images/dot-3.gif) center left repeat-x;}
.pageRight{
float:left;
width:753px;
padding:0 0 0 10px;}

.pageRightMOTO{
float:left;
width:730px;
padding:0 0 0 10px;}
.pageLeftMOTO{
float:left;
width:220px;
padding:0 0 0 5px;}

.pLeftSelect{
padding:13px 0 0 22px;}
.pLeftSubH{
padding:3px 0 10px 23px;}
.pLeftA{}
.pLeftA a{
display:block;
padding-left:35px;
color:#5a5a5a;
height:34px;
line-height:34px;
background:url(../images/btn-pleft2.gif) center top no-repeat;}
.pLeftA a:hover, .pLeftA a.ON{
text-decoration:none;
background-position:center bottom;}
.pageRtop1, .pageRre1, .pageRend1, .pageRtop2, .pageRre2, .pageRend2, .pageRre3, .pageRend3{
width:738px;
padding:0 5px 0 10px;
overflow:hidden;}
.pageRre2,.pageRre3{
overflow:visible;}
.pageRtop1, .pageRtop2{
height:40px;}
.pageRtop1{
background:url(../images/bg-pagetop.gif) left top no-repeat;}
.pageRtop2{
background:url(../images/bg-pagetop2.gif) left top no-repeat;}
.pageRtop1 img, .pageRtop2 img{
padding:9px 0 0 43px;}
.pageRre1{
background:url(../images/bg-pagere.gif) left top repeat-y;}
.pageRre2{
background:url(../images/bg-pagere2.gif) left top repeat-y;}
.pageRre3{
background:url(../images/bg-pagere3.gif) left top repeat-y;}
.pageRend1, .pageRend2,.pageRend3{
height:6px;}
.pageRend1{
background:url(../images/bg-pageend.gif) left top no-repeat;}
.pageRend2{
background:url(../images/bg-pageend2.gif) left top no-repeat;}
.pageRend3{
background:url(../images/bg-pageend3.gif) left top no-repeat;}
.pageR695{
width:695px;
margin:0 auto;}
.scooterBanner{
position:relative;
width:100%;}
.scooterBannerPage{
position:absolute;
width:100%;
bottom:10px;
text-align:right;}
.scooterBannerImg{
width:100%;
height:280px;
overflow:hidden;}
.scooterSize{
padding:5px 0 0;}
.scooter125 div, .scooter100 div, .scooter50 div{
float:left;
width:169px;
padding:20px 0 0;}
.scooter125, .scooter100, .scooter50{
float:left;}
.scooter125{
width:341px;}
.scooter100, .scooter50{
width:172px;}
.scooterDivi{
padding:0 0 20px;}
.scooterDivi a{
display:block;
text-align:center;
height:135px;
width:100%;}
.scooterDivi b{
display:block;
text-align:center;
color:#a60b08;}
.indexVoteT{
position:relative;
width:590px;
font-size:16px;
font-weight:700;
font-family:"微軟正黑體";
color:#1953c8;
line-height:30px;
padding:15px 28px 6px 18px;
background:url(../images/arrow-4.gif) 6px 27px no-repeat;}
.indexVoteT .btn{
position:absolute;
display:inline-block;
right:5px;
top:23px;}
.voteQuest{
padding:3px 0;}
.voteQuest img, .voteQuest b, .voteQuest em, .voteQuest span{
display:inline-block;
vertical-align:middle;}
.voteQuest img{
padding-right:11px;}
.voteQuest b{
width:203px;
font-weight:300;
color:#7d7d7d;
padding:0 10px 0 0;}
.indexVoteLeft{
float:left;
width:420px;
padding-left:18px;}
.indexVoteRight{
float:right;
width:180px;}
.voteQuest em, .voteQuest i{
height:15px;
overflow:hidden;}
.voteQuest em{
width:100px;
border:1px solid #bbbbbb;
background:url(../images/bg-barout1.gif) left top repeat-x;}
.voteQuest span{
padding-left:3px;
color:#7D7D7D;}
.voteQuest i{
height:15px;
display:block;
vertical-align:top;
background:url(../images/bg-barin1.gif) left top repeat-x;}
.voteQuest input{
margin:0 5px 5px 0;}
.voteSend{
padding:0 0 0 270px;}
.indexWhiteGra{
display:none;
position:absolute;
left:0;
z-index:3;

opacity:0.5;
filter:alpha(opacity=50);
top:0;
width:100%;
height:455px;
background:url(../images/bg-re2.gif) left top repeat;
/*top:355px;
height:100px;
background:url(../images/gradi-white1.png) left top repeat-x;*/}
.motorinTab{
padding:4px 0 0;
background:#383838;}
.motorinTab p{
float:left;
width:134px;
padding:0 0 4px 4px;}
.motorinTab p a{
display:block;
width:100%;
height:33px;
background-position:left top;
background-repeat:no-repeat;}
.motorinTab p a:hover, .motorinTab p a.ON{
background-position:left bottom;}
.motorinTab .f1{
background-image:url(../images/motorin-tab1.jpg);}
.motorinTab .f2{
background-image:url(../images/motorin-tab2.jpg);}
.motorinTab .f3{
background-image:url(../images/motorin-tab3.jpg);}
.motorinTab .f4{
background-image:url(../images/motorin-tab4.jpg);}
.motorinTab .f5{
background-image:url(../images/motorin-tab5.jpg);}
.motorinTab .f6{
background-image:url(../images/motorin-tab6.jpg);}
.motorinTab .f7{
background-image:url(../images/motorin-tab7.jpg);}
.motorinTab .f8{
background-image:url(../images/motorin-tab8.jpg);}
.motorinTab .f9{
background-image:url(../images/motorin-tab9.jpg);}
.motorinTab .f10{
background-image:url(../images/motorin-tab10.jpg);}
.motorinBimg{
position:relative;
width:100%;}
.motorinHotbtn{
position:absolute;
width:190px;
height:30px;
right:17px;
bottom:12px;
overflow:hidden;}
.motorinHotbtn .btn{
display:inline-block;
width:100%;
height:30px;
background:url(../images/btn-motorinhot.gif) left top no-repeat;}
.motorinHotCon1, .motorinHotCon2{
width:220px;
position:absolute;
bottom:30px;
left:-16px;}
.motorinHotCon1 .pBG, .motorinHotCon2 .pBG{
width:100%;}
.motorinHotCon1, .motorinHotCon1 .pBG{
height:126px;}
.motorinHotCon2, .motorinHotCon2 .pBG{
height:233px;}
.motorinHotCon1 .pBG{
background:url(../images/bg-block-white2.png);}
.motorinHotCon2 .pBG{
background:url(../images/bg-block-white1.png);}
.motorinHotCon1 .pCon img, .motorinHotCon2 .pCon img{
border:1px solid #9c9c9c;}
.motorinHotCon1 .pCon, .motorinHotCon2 .pCon{
text-align:center;
padding-top:13px;}
.motorinHotCon1 .pCon a, .motorinHotCon2 .pCon a{
padding-bottom:8px;
display:inline-block;}
.motorinImg2{
padding:10px 0;}
.motorinVote{
width:686px;
margin:0 auto;
overflow:visible;
padding-bottom:20px;}
.motorinTop{
width:100%;
background:url(../images/bg-motorintop1.gif) left top no-repeat;}
.motorinEnd{
background:url(../images/bg-motorinend1.gif) left top no-repeat;}
.motorinRe{
background:url(../images/bg-motorinre1.gif) left top repeat-y;}
.motorinTop, .motorinEnd{
width:100%;
height:23px;}
.motorinVoteTitle{
position:relative;
width:100%;
padding:10px 0;}
.motorinVoteTitle img{
position:absolute;
left:-12px;
top:0;}
.motorinVoteTitle b{
display:block;
padding-left:176px;
font-size:16px;
color:#1953c8;
font-family:"微軟正黑體";
background:url(../images/arrow-4.gif) 168px center no-repeat;}
.motorinVote .indexVoteLeft{
padding-left:30px;}
.motorinVote .indexVoteRight{
padding-right:30px;}
.cfTopBox{
width:693px;
padding:25px 0;
border:1px solid #b4b4b4;
background:white;}
.cfTopTab{
width:628px;
margin:0 auto;
background:url(../images/gray-1.gif) left bottom repeat-x;}
.cfTopTab a{
display:inline-block;
width:116px;
height:27px;
background-position:left top;
background-repeat:no-repeat;}
.cfTopTab .f1{
background-image:url(../images/tab-cf1.jpg);}
.cfTopTab .f2{
background-image:url(../images/tab-cf2.jpg);}
.cfTopTab a.ON{
background-position:left bottom;}
.cfVideoTitle{
width:100%;
padding-top:10px;
font-family:"微軟正黑體";
font-size:16px;
color:#636363;
position:relative;}
.cfVideoTitle b{
display:block;
line-height:30px;}
.cfVideoTitle .btn{
position:absolute;
right:0;
bottom:3px;
width:90px;
height:24px;
text-align:right;}
.cfVideoTitle .btn a{
display:inline-block;
margin-left:2px;}
.cfTopSlide{
padding:17px 0 0;}
.cfTopSlide .aLeft, .cfTopSlide .aRight, .cfTopSlide .aBody{
float:left;}
.cfTopSlide .aLeft, .cfTopSlide .aRight{
height:25px;
width:10px;}
.cfTopSlide .aLeft{
padding:28px 10px 0 9px;}
.cfTopSlide .aRight{
padding:28px 0 0 9px;}
.cfTopSlide .aBody{
width:635px;}
.cfTopSlide .aItem div{
float:left;
width:127px;
line-height:28px;
text-align:center;
color:#636363;}
.cfTopSlide .aItem div img{
cursor:pointer;}
.cfVideoWarn{
color:#696969;
padding:10px 0 20px;}
.companyinfoBanner{
position:relative;
width:100%;
height:280px;}
.companyinfoBanner .img{
position:absolute;
left:0;
top:0;}
.companyinfoTab{
position:absolute;
bottom:0;
left:0;
width:100%;
height:58px;
overflow:hidden;
border-bottom:#0053a8 3px solid;}
.companyinfoTab a{
display:inline-block;
width:114px;
height:58px;
margin-right:3px;
background-position:left top;}
.companyinfoTab a.ON{
background-position:left bottom;}
.companyinfoTab .f1{
background-image:url(../images/tab-companyinfo1.gif);}
.companyinfoTab .f2{
background-image:url(../images/tab-companyinfo2.gif);}
.companyinfoTab .f3{
background-image:url(../images/tab-companyinfo3.gif);}
.companyinfoTab .f4{
background-image:url(../science/images/tab-science01.gif);}
.companyinfoTab .f5{
background-image:url(../science/images/tab-science02.gif);}




.companyinfoCont{
padding:30px 0 20px;}
.scienceinfoCont{
padding:0px 0 20px;}
.companyinfoCont1, .companyinfoCont2, .companyinfoCont3{}
.companyinfoCont2 {
display:none;
color:#696969;
line-height:20px;
background:url(../images/dash-1.gif) 164px top repeat-y;}
.companyinfoCont2 div{
padding-bottom:20px;}
.companyinfoCont2 i, .companyinfoCont2 em, .companyinfoCont2 .txt{
display:inline-block;
vertical-align:top;
font-style:normal;}
.companyinfoCont2 i{
padding-left:111px;
width:55px;
font-size:14px;
font-family:Arial;}
.companyinfoCont2 em{
width:50px;
height:20px;
background:url(../images/dash-2.gif) left center repeat-x;}
.companyinfoCont2 .txt{
width:450px;
padding-left:10px;}
.companyinfoCont2 .txt img{
margin-top:5px;
padding:3px;
background:#f0f0f0;
border:1px solid #a4a4a4;}

.locatorName, .locator{
height:492px;}
.locator{
position:relative;
border:1px solid #b6b6b6;
width:693px;
height:492px;
margin-bottom:20px;
background:url(../images/map.jpg) left top no-repeat;}
.locatorWarn{
position:absolute;
top:289px;
left:42px;
width:220px;
color:#696969;
line-height:20px;}
.locatorWarn i{
font-style:normal;
display:inline-block;
width:20px;
font-weight:700;
color:#1953c9;
font-family:Arial, "新細明體";}
.locatorSelect{
position:absolute;
top:66px;
left:94px;
width:168px;
color:#757575;}
.locatorSelect div{
padding:8px 0;}
.locatorSelect select{
margin-left:10px;}
.locatorSelect p{
padding:10px 0 0 18px;}
.locatorSelect .btn{
display:inline-block;
width:99px;
height:26px;
background:url(../images/btn-search1.gif) left top no-repeat;}
.locatorSelect .btn:hover{
background-position:left bottom;}
.locatorName{
position:absolute;
right:0;
top:0;
width:400px;}
.locatorName a{
position:absolute;
color:#5c5c5c;
display:inline-block;}
.locatorName a.ON, .locatorName a:hover{
font-size:13px;
font-weight:700;
color:#1953c9;
text-decoration:none;}
.loc1{right:88px;top:36px;}
.loc2{right:77px;top:73px;}
.loc3{right:27px;top:49px;}
.loc4{right:129px;top:66px;}
.loc5{right:174px;top:88px;}
.loc6{right:109px;top:113px;}
.loc7{right:156px;top:129px;}
.loc8{right:182px;top:170px;}
.loc9{right:219px;top:200px;}
.loc10{right:236px;top:236px;}
.loc11{right:137px;top:217px;}
.loc12{right:170px;top:272px;}
.loc13{right:248px;top:275px;}
.loc14{right:222px;top:316px;}
.loc15{right:222px;top:358px;}
.loc16{right:171px;top:416px;}
.loc17{right:42px;top:117px;}
.loc18{right:54px;top:206px;}
.loc19{right:104px;top:332px;}
.loc20{right:318px;top:216px;}
.loc21{right:319px;top:381px;}

.companyphiloTab{
padding:20px 0 0;
border-bottom:3px solid #0053a8;}
.companyphiloTab a{
display:inline-block;
width:116px;
height:60px;
margin-right:2px;
background-position:left top;}
.companyphiloTab a.ON{
background-position:left bottom;}
.companyphiloTab .f1{
background-image:url(../images/tab-philo1.jpg);}
.companyphiloTab .f2{
background-image:url(../images/tab-philo2.jpg);}
.companyphiloTab .group01{
background-image:url(../images/tab-companyGroup_YMRT.jpg);}
.companyphiloTab .group02{
background-image:url(../images/tab-companyGroup_YMTT.jpg);}
.companyphiloTab .group03{
background-image:url(../images/tab-companyGroup_TP.jpg);}
.companyphiloTab .man01{
background-image:url(../images/tab-manpower01.jpg);}
.companyphiloTab .man02{
background-image:url(../images/tab-manpower02.jpg);}
.companyphiloCont{
padding:0 0 10px;}
.companyphiloCont01{
padding:0 0 10px;}
.companyphiloCont02{
padding:0 0 10px;}



.companyHistoryTab{
padding:20px 0 0;
border-bottom:3px solid #0053a8;}
.companyHistoryTab a{
display:inline-block;
width:98px;
height:45px;
margin-right:1px;
background-position:left top;}
.companyHistoryTab a.ON{
background-position:left bottom;}
.companyHistoryTab .history01{
background-image:url(../images/tab-companyHistory_1950.gif);}
.companyHistoryTab .history02{
background-image:url(../images/tab-companyHistory_1960.gif);}
.companyHistoryTab .history03{
background-image:url(../images/tab-companyHistory_1970.gif);}
.companyHistoryTab .history04{
background-image:url(../images/tab-companyHistory_1980.gif);}
.companyHistoryTab .history05{
background-image:url(../images/tab-companyHistory_1990.gif);}
.companyHistoryTab .history06{
background-image:url(../images/tab-companyHistory_2000.gif);}
.companyHistoryTab .history07{
background-image:url(../images/tab-companyHistory_2010.gif);}
.companyHistoryTab{
padding:0 0 0px;}
.companyHistoryCont01{
padding:0 0 10px;}
.companyHistoryCont02{
padding:0 0 10px;}


.companysociTab{
border-bottom:3px solid #0053a8;}
.companysociBox{
display:none;
width:635px;
margin:0 auto;}
.csbT{
font-weight:700;
color:#1953c9;
line-height:20px;}
.csbP{
color:#676767;
padding-bottom:18px;}
.csbP li{
list-style:outside decimal;
margin-left:30px;}
.csbP b{
display:block;
color:#454545;}
.csbH{
font-family:"微軟正黑體";
font-size:16px;
padding-left:22px;
color:#1953c9;
line-height:36px;
font-weight:700;
background:url(../images/arrow-6.gif) 2px 9px no-repeat;}
.companysociCont{
padding:20px 0 0;}
.companysociBanner{
position:relative;}
.companysociBanner .img{
height:277px;
overflow:hidden;}
.companysociTab{
position:absolute;
left:0;
top:216px;
width:110%;}
.companysociTab a{
display:inline-block;
margin-right:2px;
width:114px;
height:58px;
background-position:left top;}
.companysociTab a.ON{
background-position:left bottom;}
.companysociTab .f1{
background-image:url(../images/tab-companysoci1.gif);}
.companysociTab .f2{
background-image:url(../images/tab-companysoci2.gif);}
.companysociTab .f3{
background-image:url(../images/tab-companysoci3.gif);}
.companysociTab .f4{
background-image:url(../images/tab-companysoci4.gif);}
.companysociTab .f5{
background-image:url(../images/tab-companysoci5.gif);}
.companysociTab .f6{
background-image:url(../images/tab-companysoci6.gif);}
.csbImg{
padding:0 0 15px;}
.csbImg .img{
float:left;
width:200px;}
.csbImg .img a{
display:inline-block;
padding:3px 0;}
.csbImg .img img{
padding:3px;
border:1px solid #a4a4a4;
background:#f0f0f0;}
.csbImg .txt{
float:right;
width:431px;}
.csbB{
width:280px;
text-align:center;
line-height:23px;
clear:both;
background:url(../images/bevel-1.gif) left top no-repeat;
padding-bottom:15px;
color:#313f52;}
.companyinfoCont1{
color:#676767;}
.companyinfoCleft{
float:left;
width:333px;
font-size:16px;
line-height:20px;
font-family:"微軟正黑體";
font-weight:700;
padding-left:33px;}




.companyinfoCleft .f1{
padding-bottom:30px;}
.companyinfoCright{
float:right;
width:293px;}
.companyinfoCright .title{
text-align:center;
line-height:21px;
padding-top:2px;
width:173px;
height:21px;
background:url(../images/bevel-2.gif) left top no-repeat;}
.companyinfoCright .txt{
padding:5px 3px 45px;}
.companyinfoCright .txt b{
font-weight:300;

word-spacing:21px;}
.getScroll{
clear:both;
position:relative;
width:100%;
height:200px;
overflow:hidden;
border-bottom:1px solid maroon;
border-top:1px solid maroon;}
.getScroll .aBar{
position:absolute;
z-index:2;
width:13px;
right:0;
height:200px;
background:url(../images/bg-abar-1.gif) center top repeat-y;}
.getScroll .aDrag{
cursor:pointer;
position:absolute;
top:0;
left:0;
width:13px;
height:43px;
background:url(../images/abar-1.gif) left top no-repeat;}
.getScroll .scrollBody{
position:relative;
z-index:1;
width:100%;}

#BG{
position:absolute;
left:0;
top:0;
width:100%;
height:0;
background:black;
opacity:0.5;
filter:alpha(opacity=50);
overflow:hidden;}

#DOT{
position:absolute;
left:50%;
top:0;
width:0;
height:0;
overflow:hidden;}

.popT1{
position:absolute;
top:0;
left:-370px;
width:740px;}
.popT1 .pCon{
width:732px;
height:400px;
border:4px solid #282828;
background:white;}
.dealerTH1, .dealerTD1 {
width:655px;}
.dealerTH1 th, .dealerTD1 td{
padding-left:18px;
border-bottom:1px dotted #cacaca;}
.dealerTH1 th{
text-align:left;
line-height:34px;
font-size:16px;
color:#1953c9;
font-family:"微軟正黑體";}
.dealerTable{
padding:20px 13px 0 30px;}
.dealerTD1 td{
line-height:30px;
padding-top:1px\9;
color:#696969;}
.dealerScroll{
height:320px;
overflow:auto;}
.popT1 .popClose{
right:-30px;
top:0px;}
.pageLeftRe{
background:url(../images/are-1.gif) left top repeat-y;}
.pageLeftTop{
background:url(../images/atop-1.gif) left top no-repeat;}
.pageLeftEnd{
width:100%;
padding-bottom:80px;
background:url(../images/aend-1.gif) left bottom no-repeat;}
.voteList{
padding:0 0 0 10px;
background:url(../images/arrow-4.gif) left center no-repeat;}
.voteList a{
line-height:36px;
display:block;
color:#1953c8;
font-weight:700;
border-bottom:1px dotted #B0B0B0;}
.indexVoteNUM{
padding:10px 0 0;}
.indexVotePage{
float:left;
width:303px;
text-align:center;}
.indexVotePage a{
padding:0 3px;
color:#767676;
line-height:27px;}
.ON{
color:#bc0614;}
.indexVoteNUM .btn{
display:inline-block;
float:right;
width:114px;
height:26px;
background:url(../images/btn-return1.gif) left top no-repeat;}
.indexVoteHis, .indexVoteList{
display:none;}
.indexVoteList{
padding:30px 0 0;}
#Flash{
display:none;}
.companyphiloC2{
display:none;
color:#696969;
line-height:20px;
padding:55px 0 0;
background:url(../images/bg-company-philo.jpg) right top no-repeat;}
.companyphiloC2 .block{
float:right;
width:280px;
height:350px;}
.companyphiloC2 h6{
font-size:16px;
color:#1953c9;
font-weight:700;
line-height:56px;
font-family:"微軟正黑體";}
.companyphiloC2 h6 i{
font-size:30px;
padding-right:5px;
font-family:Helvetica;}
.companyphiloC2 p{
padding:0 3px 20px;}
.companyphiloC2 .hr1, .companyphiloC2 .hr2{
height:20px;
background:url(../images/dot-3.gif) left center repeat-x;}
.companyphiloC2 .hr1{
width:390px;}
#pageLeftEnd2 .pLeftA{
display:none;}
#pageLeftEnd2 div.ON{
display:block;}
#pageLeftEnd2 .pLeftSubH{
cursor:pointer;}
.accessTitle{
position:relative;
width:100%;
height:70px;
overflow:visible;
background:url(../images/pattern-1.gif) left 10px repeat-x;}
.accessTitle img{
position:absolute;
right:-1px;
top:-28px;
padding:0 5px;
background:white;}
.fixFloat{
width:105%;
padding:0 0 20px;
overflow:hidden;}
.abOneT1{
float:left;
width:225px;
padding:0 10px 10px 0;}
.abOneT1 .btop, .abOneT1 .bre, .abOneT1 .bend{
width:100%;}
.abOneT1 .btop, .abOneT1 .bend{
height:10px;
overflow:hidden;}
.abOneT1 .btop{
background:url(../images/beveltop-1.gif) left top no-repeat;}
.abOneT1 .bre{
position:relative;
height:145px;
background:url(../images/bevelre-1.gif) left top repeat-y;}
.abOneT1 .bend{
background:url(../images/bevelend-1.gif) left top no-repeat;}
.abOneT1 .img{
float:left;
width:135px;
padding-left:1px;
height:135px;
overflow:hidden;
text-align:center;}
.abOneT1 .hot{
position:absolute;
right:0;
top:-10px;
z-index:1;}
.abOneT1 .txt{
position:relative;
float:left;
width:85px;
z-index:2;
padding:8px 0 0;}
.abOneT1 .txt b, .abOneT1 .txt i, .abOneT1 .txt a{
font-style:normal;
display:block;}
.abOneT1 .txt i, .abOneT1 .txt p{
padding-left:10px;}
.abOneT1 .txt b, .abOneT1 .txt a{
padding:10px 0 0 5px;
color:black;
height:36px;
overflow:hidden;}
.abOneT1 .txt i{
color:#555555;
word-wrap:break-word;
word-break:break-all;}
.abOneT1 .txt p{
color:#929292;
padding-left:}
.accessDetailTop1{
padding:0 0 25px;}
.accessDetailTop1 .img{
float:left;
width:318px;}
.accessDetailTop1 .txt{
float:right;
width:345px;}
.accessDetailTop1 .btop, .accessDetailTop1 .bre, .accessDetailTop1 .bend{
width:100%;}
.accessDetailTop1 .btop, .accessDetailTop1 .bend{
overflow:hidden;
height:10px;}
.accessDetailTop1 .btop{
background:url(../images/beveltop-2.gif) left top no-repeat;}
.accessDetailTop1 .bre{
position:relative;
background:url(../images/bevelre-2.gif) left top repeat-y;}
.accessDetailTop1 .bend{
background:url(../images/bevelend-2.gif) left top no-repeat;}
.aDetail360{
margin:0 auto;
width:300px;
height:220px;
background-position:left top;
background-repeat:repeat;}
.accessDetailTop1 .btn360{
position:absolute;
right:3%;
bottom:0;
width:94%;
height:30px;
/*background:url(../images/360.gif) center 3px no-repeat;*/}
.accessDetailTop1 .btnScope{
position:absolute;
top:0;
right:5px;
width:30px;}
.accessDetailTop1 .btn360 .aLeft{
float:left;}
.accessDetailTop1 .btn360 .aRight{
float:right;}
.accessDetailTop1 .txt h6{
font-weight:700;
font-size:16px;
line-height:30px;
padding:5px 0 0;
font-family:"微軟正黑體";}
.accessDetailTop1 .txt div{
padding:0 0 10px;
color:#555555;}
.accessDetailTop1 .txt div b{
display:inline-block;
font-weight:300;
width:70px;
padding:0 0 0 9px;
color:#929292;
background:url(../images/arrow-2.gif) left 7px no-repeat;
background-position:left 5px\9;}
.accessDetailTop1 .txt div span{
display:inline-block;
width:260px;
vertical-align:top;}
.accessDetailTop1 .txt li{
margin-left:30px;
list-style:outside decimal;
vertical-align:top;
display:list-item;}
.accessDetailTop1 .txt div.hr1{
padding:0;
height:15px;
overflow:hidden;
background:url(../images/dot-4.gif) left top repeat-x;}
.accessDetailTop1 .txt a{
margin:10px 0 0;
display:inline-block;
padding-left:10px;
color:white;
width:101px;
height:21px;
line-height:21px;
background:url(../images/btn-1.gif) left top no-repeat;}
.accessDetailTop1 .txt a:hover{
text-decoration:none;}
.accessDetailTop1 .txt i{
margin-right:4px;
cursor:pointer;
display:inline-block;
width:35px;
height:9px;
overflow:hidden;
border:1px solid #8c8c8c;}
.popT2{
position:absolute;
top:0;
left:-247px;
width:494px;
border:3px solid #700e88;
background:white;}
.popT2 .popClose{
right:10px;
top:10px;
width:18px;}
.popT2 .pCon{
width:100%;
height:394px;}
#accDetailPop .aLeft, #accDetailPop .aRight{
position:absolute;
top:200px;}
#accDetailPop .aLeft{
left:15px;}
#accDetailPop .aRight{
right:15px;}
.accPop360{
width:100%;
height:394px;
background-position:left top;
background-repeat:repeat;}
.accessDImg{
position:relative;
border:1px solid #aeaeae;
border-bottom:0;
width:693px;
height:400px;
overflow:hidden;}
.accessDetailBot1{
padding-bottom:20px;}
.accessDImg{
position:relative;}
.accessDImg .each, .accessDImg, .accessDImg .each .txt, .accessDImg .each .txt .pBG{
height:400px;}
.accessDImg .each{
position:relative;}
.accessDImg .each .txt{
position:absolute;
cursor:pointer;
top:0;
left:523px;
width:170px;}
.accessDImg .each .txt .pBG{
width:100%;
background:black;
opacity:0.84;
filter:alpha(opacity=84);}
.accessDImg .each .txt .pCon{
padding:15px;
color:white;}
.accessDImg .each .txt .pCon b{
display:block;
font-size:16px;
line-height:20px;
font-family:"微軟正黑體";
padding-bottom:10px;}
.accessDImg .each .txt .pCon li{
display:list-item;
list-style:decimal outside;
margin-left:30px;
color:#d2d2d2;
vertical-align:top;
padding:0 0 5px;}
.accessDSlide{
border:1px solid #aeaeae;
width:693px;
overflow:hidden;
border-top:0;
padding-bottom:15px;}
.accessDSlide .aLeft, .accessDSlide .aRight{
float:left;
padding-top:43px;
height:20px;}
.accessDSlide .aLeft{
text-align:center;
width:31px;}
.accessDSlide .aRight{
width:10px;
padding-left:10px;}
.accessDSlide .aBody{
position:relative;
float:left;
width:630px;
padding:15px 0 0;}
.accessDSlide .aItem div{
float:left;
width:120px;
padding:0 3px;}
.accessDSlide .aItem a{
display:inline-block;
position:relative;
width:118px;
height:67px;
overflow:hidden;
border:1px solid #adadad;}
.accessDSlide .aItem img{
width:118px;}
.accessDSlide .aItem a.ON{
width:116px;
height:63px;
border:3px solid #700e88;}
.accessDSlide .aItem a.ON img{
position:relative;
top:-1px;
left:-1px;}

.accessCustom1, .accessCustom2, .accessCustom3, .accessCustom4, .accessCustom5{
position:relative;
width:100%;
padding-bottom:20px;
line-height:20px;
color:white;}
.accessCustom1{
height:2153px;
background:url(../images/cus-bg1.jpg) left top no-repeat;}
.accessCustom2{
height:2204px;
background:url(../images/cus-bg2.jpg) left top no-repeat;}
.accessCustom3{
height:2836px;
background:url(../images/cus-bg3.jpg) left top no-repeat;}
.accessCustom4{
height:3375px;
background:url(../images/cus-bg4.jpg) left top no-repeat;}
.accessCustom5{
color:#686868;
height:2810px;
background:url(../images/cus-bg5.jpg) left top no-repeat;}
.accessCustom1 div, .accessCustom2 div, .accessCustom3 div, .accessCustom4 div, .accessCustom5 div{
position:absolute;}
.accessCustom1 b, .accessCustom2 b, .accessCustom3 b{
color:#ff0c0c;
font-family:"微軟正黑體";
font-size:16px;
line-height:28px;
display:block;}
.accessCustom1 p, .accessCustom2 p, .accessCustom3 p, .accessCustom5 p{
padding-bottom:18px;}
.accessCustom1 .f1{
left:466px;
top:135px;
width:210px;}
.accessCustom1 .f2, .accessCustom1 .f4, .accessCustom1 .f6, .accessCustom1 .f7, .accessCustom1 .f8, .accessCustom1 .f10, .accessCustom2 .f2, .accessCustom2 .f3, .accessCustom2 .f4, .accessCustom2 .f5, .accessCustom2 .f6, .accessCustom3 .f2, .accessCustom3 .f3, .accessCustom3 .f4, .accessCustom3 .f5, .accessCustom3 .f6, .accessCustom3 .f10, .accessCustom2 .f22{
left:30px;}
.accessCustom1 .f6, .accessCustom1 .f8, .accessCustom1 .f10, .accessCustom2 .f22, .accessCustom2 .f3, .accessCustom2 .f6, .accessCustom3 .f2, .accessCustom3 .f3, .accessCustom3 .f5, .accessCustom3 .f6, .accessCustom3 .f10, .accessCustom2 .f5, .accessCustom1 .f4{
width:635px;}
.accessCustom1 .f2{
top:450px;
width:180px;}
.accessCustom1 .f3{
top:662px;
left:25px;
width:646px;}
.accessCustom1 .f3 .img{
position:absolute;
top:-18px;
left:485px;}
.accessCustom1 .f3 table{
border-top:1px solid white;}
.accessCustom1 .f3 td{
line-height:39px;
text-align:center;
border-bottom:1px solid white;}
.accessCustom1 .f3 td.fL{
text-align:left;
padding-left:25px;}
.accessCustom1 .f4{
top:635px;
/*width:495px;*/}
.accessCustom1 .f5{
left:223px;
top:825px;
width:450px;}
.accessCustom1 .f6{
top:1130px;}
.accessCustom1 .f7{
top:1350px;
width:270px;}
.accessCustom1 .f8{
top:1526px;}
.accessCustom1 .f9{
left:308px;
top:1747px;
width:360px;}
.accessCustom1 .f10{
top:2012px;}

.accessCustom2 .f1{
left:357px;
top:137px;
width:305px;}
.accessCustom2 .f2{
top:580px;
width:270px;}
.accessCustom2 .f22{
top:830px}
.accessCustom2 .f3{
top:1003px;}
.accessCustom2 .f4{
top:1310px;
width:410px;}
.accessCustom2 .f5{
top:1642px;
/*width:410px;*/}
.accessCustom2 .f6{
top:2072px;}

.accessCustom3 .f1{
left:386px;
top:137px;
width:280px;}
.accessCustom3 .f2{
top:418px;}
.accessCustom3 .f3{
top:487px;}
.accessCustom3 .f4{
width:375px;
top:748px;}
.accessCustom3 .f5{
top:1193px;}
.accessCustom3 .f6{
top:1621px;}
.accessCustom3 .f7, .accessCustom3 .f8, .accessCustom3 .f9{
top:2071px;
width:170px;
color:black;}
.accessCustom3 .f7{
left:50px;}
.accessCustom3 .f8{
left:262px;}
.accessCustom3 .f9{
left:471px;}
.accessCustom3 .f10{
top:2338px;}

.accessCustom4 div{
left:65px;
width:590px;}
.accessCustom4 div.f1{
left:388px;
top:233px;
width:270px;}
.accessCustom4 .f2{
top:1337px;}
.accessCustom4 .f3{
top:1411px;}
.accessCustom4 .f4{
top:1467px;}
.accessCustom4 .f5{
top:1530px;}
.accessCustom4 .f6{
top:1768px;}
.accessCustom4 .f7{
top:1855px;}
.accessCustom4 .f8{
top:1940px;}
.accessCustom4 .f9{
top:2027px;}
.accessCustom4 .f10{
top:2115px;}
.accessCustom4 .f11{
top:2198px;}

.accessBarSelect{
padding:0 0 20px;}
.accessBarSelect2{
width:105%;
overflow:hidden;}
.absEach{
position:relative;
float:left;
width:49px;
height:540px;
border-right:1px solid white;
overflow:hidden;}
.absEach .img{
position:absolute;
z-index:6;
left:0;
top:0;
cursor:pointer;}
.absCon1, .absCon2, .absCon3, .absCon4, .absCon5{
position:relative;
z-index:1;
width:49px;
height:540px;}
.absCon1{
background-image:url(../images/bg-accbar-1.jpg);}
.absCon1 a{
display:inline-block;
position:absolute;
left:15px;
width:171px;
height:31px;
background-position:left top;
background-repeat:no-repeat;}
.absCon1 a:hover, .absCon2 a:hover{
background-position:right top;}
.absCon1 a.f1{
top:300px;
background-image:url(../images/accb1-b1.gif);}
.absCon1 a.f2{
top:336px;
background-image:url(../images/accb1-b2.gif);}
.absCon1 a.f3{
top:372px;
background-image:url(../images/accb1-b3.gif);}
.absCon2{
background-image:url(../images/bg-accbar-2.jpg);}
.absCon2 a{
position:absolute;
left:348px;
width:133px;
height:31px;
display:inline-block;
background-position:left top;
background-repeat:no-repeat;}
.absCon2 a.f1{
top:379px;
background-image:url(../images/accb2-b1.gif);}
.absCon2 a.f2{
top:418px;
background-image:url(../images/accb2-b2.gif);}
.absCon2 a.f3{
top:457px;
background-image:url(../images/accb2-b3.gif);}
.absCon2 a.f4{
top:496px;
background-image:url(../images/accb2-b4.gif);}
.absCon2 a.f5{
left:369px;
top:334px;
width:111px;
height:21px;
background-image:url(../images/accb2-b5.gif);}
.absCon3{
background-image:url(../images/bg-accbar-3.jpg);}
.toMapac3{
z-index:1;
position:absolute;
top:336px;
left:166px;
height:120px;}
.toMapac3 div{
position:absolute;
overflow:hidden;}
.ac3{
position:relative;
z-index:5;}
.toMapac3 div p{
position:absolute;
left:0;
top:0;}
.toMapac3 .f1{
top:0;
left:0;
width:150px;
height:50px;}
.toMapac3 .f1 p{
width:150px;
height:100px;
background:url(../images/acc3-png1.png) left top no-repeat;}
.toMapac3 .f2{
top:23px;
left:60px;
width:120px;
height:45px;}
.toMapac3 .f2 p{
width:120px;
height:90px;
background:url(../images/acc3-png2.png) left top no-repeat;}
.toMapac3 .f3{
top:47px;
left:53px;
width:158px;
height:53px;}
.toMapac3 .f3 p{
width:158px;
height:106px;
background:url(../images/acc3-png3.png) left top no-repeat;}
.absCon4{
background-image:url(../images/bg-accbar-4.jpg);}
.toMapac4{
position:absolute;
z-index:1;
width:157px;
top:158px;
left:0;}
.toMapac4 div{
position:absolute;
right:0;
width:146px;
height:30px;
overflow:hidden;}
.toMapac4 div p{
position:absolute;
height:30px;
width:292px;
top:0;
left:0;}
.toMapac4 .f1{
top:0;}
.toMapac4 .f2{
top:33px;}
.toMapac4 .f3{
top:66px;}
.absCon4 a{
position:absolute;
z-index:5;
display:inline-block;
height:15px;
width:113px;
background-position:left top;
background-repeat:no-repeat}
.absCon4 a.f1{
left:30px;
top:494px;
background-image:url(../images/accb4-b3.gif);}
.absCon4 a.f2{
left:193px;
top:473px;
background-image:url(../images/accb4-b2.gif);}
.absCon4 a.f3{
left:350px;
top:452px;
background-image:url(../images/accb4-b1.gif);}
.absCon4 a.f4{
top:498px;
left:352px;
width:113px;
height:23px;
background-image:url(../images/accb4-b4.gif);}
.absCon4 a:hover{
background-position:right top;}
.absCon5{
background-image:url(../images/bg-accbar-5.jpg);}
.absCon5 a{
position:absolute;
width:78px;
height:23px;
display:inline-block;
background-position:-100px top;
background-repeat:no-repeat;}
.absCon5 a:hover{
background-position:left top;}
.absCon5 .f1{
left:243px;
top:140px;
background-image:url(../images/accb5-b1.gif);}
.absCon5 .f2{
left:411px;
top:181px;
background-image:url(../images/accb5-b2.gif);}
.absCon5 .f3{
left:313px;
top:272px;
background-image:url(../images/accb5-b3.gif);}
.absCon5 .f4{
left:388px;
top:381px;
background-image:url(../images/accb5-b4.gif);}
.absCon5 .f5{
left:270px;
top:481px;
background-image:url(../images/accb5-b5.gif);}
.accessBikeMap{
position:relative;
height:692px;
background:url(../images/map-bike.jpg) left top no-repeat;
padding-bottom:20px;}
.accessBikeMap .pBG, .accessBikeMap .pCon, .accessBikeMap .popClose{}
.accessBikeMapPopUp{
position:absolute;
width:100%;
z-index:2;
top:246px;
left:100%;
height:200px;}
.accessBikeMap .pBG, .accessBikeMap .pCon{
left:0;
top:0;
width:100%;
height:200px;}
.accessBikeMap .pBG{
background:black;
opacity:0.9;
filter:alpha(opacity=90);}
.akmCross{
position:absolute;
z-index:1;
left:0;
top:0;}
.accessBikeMap .popClose{
right:12px;
top:12px;}
.akmCross a{
position:absolute;
display:inline-block;
width:40px;
height:39px;
background-image:url(../images/cross-1.gif);
background-position:50px top;
background-repeat:no-repeat;}
.akmCross a:hover{
background-position:left top;}
.akmCross .f1{
top:274px;
left:92px;}
.akmCross .f2{
top:251px;
left:346px;}
.akmCross .f3{
top:223px;
left:520px;}
.akmCross .f4{
top:370px;
left:595px;}
.akmCross .f5{
top:570px;
left:404px;}
.akmCross .f6{
top:457px;
left:294px;}
.accessBikeMap .pCon{
width:100%;}
.accessBikeMap div.f1{}
.accessBikeMap .img{
float:left;
padding-left:15px;
width:210px;
text-align:center;
font-family:Arial;
font-size:13px;
color:white;}
.accessBikeMap .txt{
float:left;
width:460px;
font-family:"微軟正黑體";
font-size:16px;
font-weight:700;
line-height:22px;}
.accessBikeMap .txt i, .accessBikeMap .txt p{
padding:0 0 0 55px;}
.accessBikeMap .txt i{
display:block;
font-style:normal;
color:#a7a7a7;}
.accessBikeMap .txt p{
color:white;}
.accessBikeMap .title{
height:50px;
padding:23px 0 0;}
.goTop{
text-align:right;
width:954px;
margin:0 auto;
padding:0 0 10px;}
#TOP{
height:0px;
overflow:hidden;
display:inline-block;
width:0px;}

.accessCustom5 .f1, .accessCustom5 .f2{
width:242px;
left:29px;}
.accessCustom5 .f1{
top:117px;}
.accessCustom5 .f2{
top:265px;}
.accessCustom5 .f3{
top:620px;
left:38px;
width:120px;}
.accessCustom5 .f4{
top:534px;
left:328px;
width:195px;}
.accessCustom5 .f5{
top:625px;
left:547px;
width:120px;}
.accessCustom5 .f6{
top:973px;
left:196px;
width:320px;}
.accessCustom5 .f7{
top:917px;
left:546px;
width:120px;}
.accessCustom5 .f8{
top:1177px;
left:45px;
width:275px;}
.accessCustom5 .f9{
top:1177px;
left:482px;
width:180px;}
.accessCustom5 .f10{
top:1430px;
left:45px;
width:610px;}
.accessCustom5 .f11, .accessCustom5 .f12, .accessCustom5 .f13, .accessCustom5 .f14, .accessCustom5 .f15{
top:1563px;
width:95px;}
.accessCustom5 .f11{
left:45px;}
.accessCustom5 .f12{
left:172px;}
.accessCustom5 .f13{
left:300px;}
.accessCustom5 .f14{
left:427px;}
.accessCustom5 .f15{
left:554px;}
.accessCustom5 .f16, .accessCustom5 .f17, .accessCustom5 .f18, .accessCustom5 .f19, .accessCustom5 .f20, .accessCustom5 .f21, .accessCustom5 .f22, .accessCustom5 .f23, .accessCustom5 .f24, .accessCustom5 .f25, .accessCustom5 .f26, .accessCustom5 .f27{
left:212px;}
.accessCustom5 .f16, .accessCustom5 .f20, .accessCustom5 .f25{
width:300px;}
.accessCustom5 .f17, .accessCustom5 .f18, .accessCustom5 .f19, .accessCustom5 .f21, .accessCustom5 .f22, .accessCustom5 .f23, .accessCustom5 .f24, .accessCustom5 .f26, .accessCustom5 .f27{
width:450px;}
.accessCustom5 .f16{
top:1919px;}
.accessCustom5 .f17{
top:1997px;}
.accessCustom5 .f18{
top:2058px;}
.accessCustom5 .f19{
top:2103px;}
.accessCustom5 .f20{
top:2161px;}
.accessCustom5 .f21{
top:2220px;}
.accessCustom5 .f22{
top:2280px;}
.accessCustom5 .f23{
top:2393px;}
.accessCustom5 .f24{
top:2452px;}
.accessCustom5 .f25{
top:2509px;}
.accessCustom5 .f26{
top:2645px;}
.accessCustom5 .f27{
top:2739px;}
.accessCustom5 .f28{
left:35px;
top:2875px;
width:250px;}

/* urania_add */
.classTitle{padding:5px 0 10px 0;clear:both;}
.accessCustom4 div.accessCustom4Nav{
	left:auto;
	right:29px;
	top:5px;
	width:auto;
	color:#cecece;}
.accessCustom4 div.accessCustom4Nav a{color:#cecece;margin:0 9px;}
.accessCustom4 .f6,.accessCustom4 .f7,.accessCustom4 .f8,.accessCustom4 .f9,.accessCustom4 .f10,.accessCustom4 .f11{left:153px;width:542px;}
.accessCustom4 .f12{left:47px;top:2908px;width:345px;}
#Custom4Con1{top:567px;}
#Custom4Con2{top:1240px;}
#Custom4Con3{top:1685px;}
#Custom4Con4{top:2282px;}
#Custom4Con5{top:2839px;}
.jasoCon .jqmClose{position:absolute;top:10px;right:10px;}
.jasoCon{
	display:none;
	position:relative;
	width:695px;
	height:445px;
	margin-left:-347px;}
.jqmWindow{
	display:none;	     
	position:fixed;
	top:20%;	 
	left:50%;}
.jqmOverlay{background:#000;}
* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;
	width:expression(this.parentNode.offsetWidth+'px');
	height:expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow{
   position:absolute;
   top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}	

/* 1208_access-oil.aspx加top鈕 */
.topBtn1,.topBtn2,.topBtn3,.topBtn4{position:absolute;right:23px;}
.topBtn1{top:1229px;}
.topBtn2{top:1668px;}
.topBtn3{top:2265px;}
.topBtn4{top:2815px;}

.FutureInnovation{
float:left;
width:333px;
font-size:13px;
line-height:20px;
font-family:"微軟正黑體";
font-weight:700;
padding-left:15px;}




a{
	font-family:Arial;
	font-size: 11px;
	color: #2f2e2e;
	word-spacing:3px;
	font-family:Arial;
	text-decoration:none;
}
a:hover{
    color:#0b588f;
	text-decoration: underline;
}

ul{margin:0;
	padding-left:30;
	padding-right:5;
	padding-top:0;
	}


li a{
	font-family:Arial;
	font-size: 12px;
	color: #0066CC;
	word-spacing:4px;
	font-family:Arial;
	text-decoration:none;
	line-height:16px;
}
li a:hover{
    
	text-decoration: underline;
}

li.Tittle2 a{
	font-family:Arial;
	font-size: 12px;
	color: #0066CC;
	word-spacing:4px;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	text-indent:20px;
}
li.Tittle2 a:hover{
    color:#CC3300;
	text-decoration: underline;
}

li.Tittle3{
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	word-spacing:4px;
	font-family:Arial;
	text-decoration:none;
	line-height:16px;
	text-indent:0px;
}

li.Tittle4{
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	word-spacing:4px;
	font-family:Arial;
	text-decoration:none;
	line-height:16px;
	list-style-type: none;
}


.TITTLE{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color:#a12807;
	text-indent:10px;
	margin:0;
}

.TITTLE1{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color:#505253;
	text-indent:15px;
	margin:0;
	line-height:25px;
}



.TITTLE4 a{
	background-image:url(image/bg_top_blue.gif);
    display:block;
	width:100%;
	height:24;
	line-height:24px;
	text-align:left;
	text-indent:6px;
    color:#FFFFFF;
	font-weight:bold;
    font-family:Arial;
	font-size: 12px;
	margin:0;

}
.TITTLE4 a:hover{
	text-decoration: underline;

}

.TITTLE5{
	font-size: 11px;
	font-family: Arial;
	color:#666666;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	padding-left:5px;
	text-indent:0px;
	font-weight: lighter;
}
.TITTLE5B{
	font-size: 11px;
	font-family: Arial;
	color:#666666;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	text-indent:0px;
	font-weight: lighter;
}
.TITTLE5C{
   background:#000000;
   width:100%;
	font-size: 13px;
	font-family: Arial;
	color:#FFFFFF;
	text-indent:5px;
	margin:0;
	padding-top:5px;
	text-align:left;
	font-weight:bold;
}
.TITTLED{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color:#FF0000;
	margin:0;
}

.TITTLE6{
	font-size: 11px;
	font-family: Arial;
	color:#006699;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	padding-left:5px;
	text-indent:0px;
	font-weight: bold;
}
.TITTLE6 a{
    color:#CC3300;
	text-decoration:underline;
}

.TITTLE7{
	font-size: 12px;
	font-family: Arial;
	color:#006699;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	padding-left:5px;
	text-indent:0px;
	font-weight: bold;
}




h1{background-image:url(image/bg_top_blue.gif);
    display:block;
	width:100%;
	height:24;
	line-height:24px;
	text-align:left;
	text-indent:6px;
    color:#FFFFFF;
    font-family:Arial;
	font-size: 12px;
	margin:0;
}
h2{background-color: #003399;
    display:block;
	width:100%;
	height:24;
	line-height:15px;
	text-align:left;
	text-indent:0px;
    color:#FFFFFF;
    font-family:Arial;
	font-size: 11px;
	margin:0;
	padding-top: 0px;
    padding-left:6px;
}

h3{	text-align:left;
	text-indent:0px;
    color:#6e6f70;
    font-family:Arial;
	font-size: 11px;
	margin:0;
	padding-top: 0px;
    padding-left:0px;
	padding-right:0px;
}
h4 {text-align:left;
	text-indent:0px;
    color:#000000;
    font-family:Arial;
	font-size: 12px;
	font-style:normal;
	margin:0;
	padding-top: 0px;
    padding-left:0px;
	padding-right:0px;
}
h5 {text-align:left;
	text-indent:0px;
    color:#000000;
    font-family:Arial;
	font-size: 13px;
	font-style:normal;
	margin:0;
	padding-top: 0px;
    padding-left:0px;
	padding-right:0px;
}




.BAR{display:block;
	width:100%;
	height:20;
	font-size: 12px;
	line-height:20px;
	font-weight: bold;
	background-color: #b7bac2;
	font-family: Arial;
	color:#000000;
	text-indent:6px;
	margin:0;
   padding-top: 0px;
   padding-left: 0px;
}

.worldBotton a{
	display:block;
    width: 154px;
	height: 29px;
	line-height:29px;
	background-image:url(../Eng/image/botton_main.gif);
	text-indent:15px;
	text-align:left;
	text-decoration: none;
	color:#818181;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.worldBotton a:hover{
	background-image:url(../Eng/image/botton_main_on.gif);
	color:#ee8857;
	text-decoration: none;
	}

.world_MANU a{
	display:block;
	width: 101px;
	height: 32px;
	line-height: 32px;
	background-image:url(../Eng/image/botton_mainC.gif);
	text-indent: auto;
	text-decoration: none;
	color:#666666;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
.world_MANU a:hover{
    background-position: bottom ;
	font-size: 11px;

}

.motorBotton01 a{
	display:block;
    width: 130px;
	height: 29px;
	line-height:29px;
	background-image:url(../Image_Motor/button/button_01.gif);
	text-indent:25px;
	text-align:left;
	text-decoration: none;
	color:#818181;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.motorBotton01 a:hover{
	background-position: bottom ;
	color:#FFFFFF;
	text-decoration: none;
	}

.motorBotton02 a{
	display:block;
    width: 130px;
	height: 29px;
	line-height:29px;
	background-image:url(../Image_Motor/button/button_02.gif);
	text-indent:17px;
	text-align:left;
	text-decoration: none;
	color:#7f888b;
	font-family: Arial;
	font-size: 11px;
	font-weight:lighter;
	
}

.motorBotton02 a:hover{
	background-position: bottom ;
	color:#FFFFFF;
	text-decoration: none;
	}
	
.motorBotton02_200 a{
	display:block;
    width: 220px;
	height: 29px;
	line-height:29px;
	background-image:url(../Image_Motor/button/button_02_200.gif);
	text-indent:20px;
	text-align:left;
	text-decoration: none;
	color:#7f888b;
	font-family: Arial;
	font-size: 11px;
	font-weight:lighter;
	
}

.motorBotton02_200 a:hover{
	background-position: bottom ;
	color:#FFFFFF;
	text-decoration: none;
	}

.motorBotton03 a{
	display:block;
    width: 130px;
	height: 31px;
	line-height:31px;
	background-image:url(../Image_Motor/button/button_03.gif);
	text-indent:25px;
	text-align:left;
	text-decoration: none;
	color:#f3f3f3;
	font-family: Arial;
	font-size: 11px;
	font-weight:lighter;
}

.motorBotton03 a:hover{
	background-position: bottom ;
	color:#7f888b;
	text-decoration: none;
	}

.motorBotton04 a{
	display:block;
    width: 130px;
	height: 29px;
	line-height:29px;
	background-image:url(../Image_Motor/button/button_04.gif);
	text-indent:25px;
	text-align:left;
	text-decoration: none;
	color:#818181;
	font-family: Arial;
	font-size: 11px;
	font-weight:lighter;
}

.motorBotton04 a:hover{
	background-position: bottom ;
	color:#007899;
	text-decoration: none;
	}
	
.motorBotton04_200 a{
	display:block;
    width: 220px;
	height: 29px;
	line-height:29px;
	background-image:url(../image/button/button_04_200.gif);
	text-indent:25px;
	text-align:left;
	text-decoration: none;
	color:#818181;
	font-family: Arial;
	font-size: 11px;
	font-weight:lighter;
}

.motorBotton04_200 a:hover{
	background-position: bottom ;
	color:#007899;
	text-decoration: none;
	}

.TITTLE8{
	font-size: 11px;
	font-family: Arial;
	color:#000000;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	padding-left:5px;
	text-indent:0px;
	font-weight: bold;
}
.TITTLE8 a:hover{
    color:#666666;
	text-decoration: none;

}
.TITTLE9{

	font-size: 11px;
	font-family: Arial;
	color:#000000;
	text-indent:0px;
	margin:0;
	padding-top: 0px;
	padding-left:5px;
	text-indent:0px;
	font-weight: bold;
	line-height:32px;
}

.motorinTab2{
padding:4px 0 0;}
.motorinTab2 p{
float:right;
width:110px;
padding:0 0 0px 0px;}
.motorinTab2 p a{
display:block;
width:100%;
height:26px;
background-position:right top;
background-repeat:no-repeat;}
.motorinTab2 p a:hover, .motorinTab p a.ON{
background-position:left bottom;}
.motorinTab2 .html{
background-image:url(../motor/images/botton_in_Html.gif);}
.motorinTab2 .flash{
background-image:url(../motor/images/botton_in_Flash.gif);}


.newsTitle {display:block;  color: #454648; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:16px;background-color:#cfdee9; padding:5px;}