@charset "utf-8";




.pBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pCon{
position:relative;
z-index:5;}
.left{
float:left;}
.right{
float:right;}
.alt0{
position:absolute;
left:0;
top:0;}
.wh100{
width:100%;
height:100%;}
.aBody, .aItem,.sh{
overflow:hidden;}
.wrapIn{
width:110%;
overflow:hidden;}
.hide{
display:none;}
.vm{
vertical-align:middle;}
.tc{
text-align:center;}
.ofh{
width:100%;
overflow:hidden;}
.wc1{
width:990px;
margin:0 auto;}
.BG{
display:none;
z-index:70;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
background-color:white;
opacity:0.7;
filter:alpha(opacity=70);}
.dot{
position:absolute;
left:50%;
top:50%;}
.DOT{
display:none;
z-index:75;}
.nc{
cursor:default;}

body, html{
font-family:"nbk", "microsoft yahei","微軟正黑體",arial,sans-serif;
font-family:"nbk", "微軟正黑體",arial,sans-serif;
min-height:100%;
-webkit-text-size-adjust:none;}


.pageBody{
background:url(../images/re-page-1.gif);}

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


/* zzzzzzzzzzzzzzzzzzzzzz   */
.Menu{
z-index:50;}
.subMenuBox{
z-index:55;}
.indexBanner{
z-index:10;}

/* transition animate */
.a1000{
-webkit-transition:all 1000ms;
-moz-transition:all 1000ms;
-ms-transition:all 1000ms;
transition:all 1000ms;}
.a700{
-webkit-transition:all 700ms;
-moz-transition:all 700ms;
-ms-transition:all 700ms;
transition:all 700ms;}
.a500{
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;}
.a300{
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.preserve{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;}
.origin1{
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;}
.origin2{
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-ms-transform-origin:50% 0;
transform-origin:50% 0;}
.origin3{
-webkit-transform-origin:100% 0;
-moz-transform-origin:100% 0;
-ms-transform-origin:100% 0;
transform-origin:100% 0;}
.origin4{
-webkit-transform-origin:0 50%;
-moz-transform-origin:0 50%;
-ms-transform-origin:0 50%;
transform-origin:0 50%;}
.origin5{
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;}
.origin6{
-webkit-transform-origin:100% 50%;
-moz-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
transform-origin:100% 50%;}
.origin7{
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
transform-origin:0 100%;}
.origin8{
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
transform-origin:50% 100%;}
.origin9{
-webkit-transform-origin:100% 100%;
-moz-transform-origin:100% 100%;
-ms-transform-origin:100% 100%;
transform-origin:100% 100%;}

.pat1{
background:url(../images/grid-1.gif);}

.tweenMenu{
position:relative;}

.Menu{
position:fixed;
left:0;
top:0;
width:100%;}
.menuPadding{
padding:0 16px;}
.menuCenter,.Menu .logo, .Menu .btn{
height:50px;}
.menuCenter{
position:relative;
width:100%;
background:white;
border-bottom:1px solid #c9c9c9;}
.Menu .logo{
display:inline-block;
padding-left:30px;
width:185px;
background:url(../images/logo-1.png) right center no-repeat;}
.Menu .btn{
position:absolute;
right:0;
top:0;
display:inline-block;
width:117px;
background:url(../images/btn-menu-1.png) left center no-repeat;}
.menuCenter2{
position:relative;
width:100%;
height:48px;
color:#222222;
text-align:center;
/*background:url(../images/bg-submenu-1.png) center bottom no-repeat;*/
background-position:center top;
background-repeat:no-repeat;}
.menuCenter2 span, .menuCenter2 a{
display:inline-block;
vertical-align:middle;
height:48px;
line-height:48px;}
.menuCenter2 a{
color:#222222;
font-size:16px;
padding:0 20px;}
.menuCenter2 a:hover{
text-decoration:none;}
.menuCenter2 .hr1{
padding:0 20px;
width:1px;
overflow:hidden;
background:url(../images/hr-1.gif) center center no-repeat;}
.prevMenu{}


.indexBanner{
position:relative;
width:100%;
height:1000px;
padding-bottom:20px;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.indexBanner .aBtn{
position:absolute;
z-index:5;
top:0;
width:15px;
background-color:white;}
.indexBanner .aBtn a{
position:absolute;
top:50%;
display:inline-block;
width:51px;
height:88px;}
.indexBanner .aLeft a{
left:32px;
background-image:url(../images/aleft-1.png);}
.indexBanner .aRight a{
right:32px;
background-image:url(../images/aright-1.png);}
.indexBanner .aLeft{
left:0;}
.indexBanner .aRight{
right:0;}
.indexBanner .aBody, .indexBanner .aItem, .indexBanner .aBtn, .indexBanner .hr, .indexBanner .hr div, .indexBanner .eachChop, .indexBanner .slice, .indexBanner .overLayer, .indexBanner .eachBG, .indexBanner .mask, .indexBanner .eachTxtBox{
height:100%;}
.indexBanner .aBody{
z-index:1;
position:relative;

background:black;}
.indexBanner .aPage{
position:relative;
z-index:5;
padding:0 15px;}
.indexBanner .aPageIn{
position:relative;
width:100%;
height:0;}
.indexBanner .aList{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;}
.indexBanner .aList a{
padding:0 5px;}
/*.indexBanner .aList a{
display:inline-block;
vertical-align:bottom;
padding:0 5px;
width:13px;
height:31px;
background:url(../images/dot-1.gif) center top no-repeat;}
.indexBanner .aList a.ON, .indexBanner .aList a:hover{
background-position:center bottom;}*/
.indexBanner .aItem, .indexBanner .aItem img{
width:100%;}
.indexBanner .aItem2{
position:absolute;
z-index:2;
left:0;
top:0;}
.indexBanner div.aItem3{
position:absolute;
z-index:5;}
.indexBanner .aItem4{
position:absolute;
left:0;
top:0;
z-index:-1;
visibility:hidden;
overflow:hidden;}
.indexBanner .aItem4 img{
width:100%;}
.indexBanner .overLayer{
position:relative;}
.indexBanner .imgAdjustTop{
position:absolute;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;}
.indexBanner .eachChop{
-webkit-perspective:1200px;
-moz-perspective:1200px; 
-ms-perspective:1200px; 
perspective:1200px;}
.indexBanner .mask{
position:relative;
top:0%;
float:left;
width:20%;
overflow:hidden;
/*background-color:#333333;*/}
.indexBanner .maskOut{
top:100%;}
.indexBanner .slice{
position:relative;
left:0;
width:100%;
overflow:hidden;}
.indexBanner div.flipTran{
left:-100%;}
.indexBanner div.flipOver{
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);}
.indexBanner div.flipOut{
-webkit-transform: rotateY(90deg)  translateY(-100px);
-ms-transform: rotateY(90deg)  translateY(-100px);
transform: rotateY(90deg)  translateY(-100px);
opacity:0;
filter:alpha(opacity=0);}
div.indexBanner div.flipStart{
-webkit-transform: rotateY(90deg)  translateY(200px);
-ms-transform: rotateY(90deg)  translateY(200px);
transform: rotateY(90deg)  translateY(200px);
opacity:0;
filter:alpha(opacity=0);}
body div.indexBanner div.flipEnd{
-webkit-transform: rotateY(0deg)  translateY(0px);
-ms-transform: rotateY(0deg)  translateY(0px);
transform: rotateY(0deg)  translateY(0px);
opacity:1;
filter:alpha(opacity=100);}
.indexBanner div.slice img{
top:0;
width:500%;}
/*.indexBanner .slice img.tLeft{
width:600%;}*/
.indexBanner .slice1 img{
left:0;}
.indexBanner .slice2 img{
left:-100%;}
.indexBanner .slice3 img{
left:-200%;}
.indexBanner .slice4 img{
left:-300%;}
.indexBanner .slice5 img{
left:-400%;}

.indexBanner .hr{
display:none;
pointer-events:none;
position:absolute;
z-index:5;
top:0;
left:0;
width:100%;}
.indexBanner .hr div{
position:absolute;
top:0;
width:1px;
overflow:hidden;
background-color:white;
filter:alpha(opacity=10);
opacity:0.1;}
.indexBanner .hr1{
left:20%;}
.indexBanner .hr2{
left:40%;}
.indexBanner .hr3{
left:60%;}
.indexBanner .hr4{
left:80%;}
.indexBanner .eachBG{
position:absolute;
left:0;
top:0;
z-index:1;
width:100%;
overflow:hidden;
/*visibility:hidden;*/}
.indexBanner .eachBG .imgAdjustTop{
z-index:1;}
.indexBanner .eachTxt{
position:absolute;
z-index:2;
top:25%;
left:8%;
width:30%;
color:white;
font-family:"微软雅黑";
}
.indexBanner div.color2{
color:#1d1d1d;}
.indexBanner .eachTxtBox{
position:relative;
width:100%;
overflow:hidden;}
.indexBanner .eachTxt .title{
font-size:45px;
line-height:56px;}
.indexBanner .eachTxt .des{
font-size:36px;
line-height:26px;
padding:5px 0 15px;
}
.indexBanner .eachTxt .txt{ line-height:22px; margin-top:10px; font-size:13px;}
.indexBanner .eachTxt .btn{
padding:30px 0 0;}
.indexBanner div.color2 .btn a{
background:url(../images/btn-more-1x.gif) left top no-repeat;}
.indexBanner .eachTxt .btn a{
display:inline-block;
width:79px;
height:23px;
background:url(../images/btn-more-1.gif) left top no-repeat;}
.indexBanner .eachTxt .tvc{
padding:30px 0 0;}
.indexBanner .eachTxt .tvcT1{
width:265px;
height:81px;}
.indexBanner .eachTxt .tvcT1 img{
width:auto;}
.indexBanner .eachTxt .tvcT1 .cover{
width:auto;}
.indexBanner .sliceBtn{
position:absolute;
z-index:15;
left:0;
bottom:30px;}
.indexBanner .sliceBtn .each{
width:20%;
float:left;
text-align:center;}
.indexBanner .sliceBtn a, .indexBanner .sliceBtn span{
height:44px;}
.indexBanner .sliceBtn a{
display:inline-block;
overflow:hidden;
width:44px;
background-color:white;}
.indexBanner .sliceBtn span{
display:block;
width:100%;
opacity:0.6;
filter:alpha(opacity=60);
background-position:center center;
background-repeat:no-repeat;}
.indexBanner .sliceBtn a.ON, .indexBanner .sliceBtn a:hover{
width:132px;}
.indexBanner .sliceBtn a.ON span, .indexBanner .sliceBtn a:hover span{
opacity:1;
filter:alpha(opacity=100);}
.indexBanner .timeBar{
position:absolute;
z-index:16;
left:0;
top:0;}
.indexBanner .timeBar div{
width:20%;
height:3px;
background-color:#1285fa;
overflow:hidden;}

.indexShareWidth{
margin:0 auto;}
.indexGarage, .indexFeatures , .indexNews{
padding:30px 0;}
.indexNewsTop{
position:relative;}
.nobelBox{
color:#222222;
font-size:28px;
line-height:38px;}
.nobelBox .en{
font-family:'nbk', "微軟正黑體";}
.nobelBox .ch{
padding-left:10px;}
/*.indexFeatures .logo, .indexGarageBoxL .logo,.indexNewsTop .logo{
width:200px;
height:110px;
background-repeat:no-repeat;
background-position:center center;}
.indexFeatures .logo{
background-image:url(../images/title-img-features-1.png);}
.indexGarageBoxL .logo{
background-image:url(../images/title-img-models-1.png);}*/
.nobelBox span{
display:block;}
.indexGarageBoxL .btn{
width:145px;
margin:0 auto;}
.indexGarageBoxL .btn a{
display:inline-block;
padding-left:10px;
width:120px;
line-height:31px;
height:31px;
color:#aaaaaa;
border-top:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:3px solid #aaaaaa;
border-right:3px solid #aaaaaa;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
background:url(../images/arrow-1.gif) right top no-repeat;}
.indexGarageBoxL .btn a:hover, .indexGarageBoxL .btn a.ON{
text-decoration:none;
border-color:#212121;
color:#212121;
width:139px;
background-position:right bottom;}
.indexNewsTop .logo{
position:absolute;
left:0;
top:0;}
.indexNewsTop .btn{
padding:40px 0;
text-align:center;}
.indexNewsTop a{
text-align:center;
display:inline-block;
vertical-align:top;
width:106px;
color:#222222;
line-height:30px;
height:31px;
font-size:18px;
border-bottom:1px solid #cccccc;}
.indexNewsTop a.ON, .indexNewsTop a:hover{
color:#1285fa;
height:30px;
border-bottom:2px solid #1285fa;}
.indexNewsTop a:hover{
text-decoration:none;}
.indexNewsBottom{
position:relative;
padding-bottom:30px;
min-height:256px;}
.indexNewsBottom .each{
position:absolute;
left:0;
top:0;
overflow:hidden;}
.indexNewsBottom .s3 .img{
position:relative;}
.indexNewsBottom .s3 .icon{
position:absolute;
z-index:2;
left:0;
top:0;
width:36px;
height:36px;
background:url(../images/icon-fb-2.png) no-repeat;}
.indexNewsBottom .img{
height:256px;
-webkit-transition:all 2000ms;
-moz-transition:all 2000ms;
-ms-transition:all 2000ms;
transition:all 2000ms;
background-position:center center;
background-size:100% auto;
background-repeat:no-repeat;
background-color:black;}
.indexNewsBottom .img:hover{
background-size:150% auto;}
div.indexNewsBottom2 .img{
height:auto;
overflow:hidden;}
div.indexNewsBottom2 .img img{
width:100%;}
.indexNewsBottom .img a{
z-index:1;
position:relative;
display:block;
width:100%;
height:100%;
background:url(../images/gif.gif);}
.indexNewsBottom .s4 .img a{
background:url(../images/btn-play-2.png) center center no-repeat;
position:relative;}
.indexNewsBottom .s4 .img a:hover{
background-color:rgba(0,0,0,0.3);}
.indexNewsBottom .s4 .img a span img{
visibility:hidden;}
.indexNewsBottom .s4 .img a span:hover{
background-color:rgba(0,0,0,0.5);}
.indexNewsBottom .s4 .img a span{
position:absolute;
left:0;
top:0;
z-index:5;
display:block;
width:100%;
height:100%;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
background:url(../images/btn-play-2.png) center center no-repeat;}
.indexNewsBottom .img img{
/*display:none;*/
position:absolute;
left:0%;
top:0%;
width:100%;
-webkit-transition:all 2000ms;
-moz-transition:all 2000ms;
-ms-transition:all 2000ms;
transition:all 2000ms;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;
}
.indexNewsBottom .img a:hover img{
/*left:-10%;
top:-10%;
width:120%;*/
-webkit-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-ms-transform:scale(1.5,1.5);
transform:scale(1.5,1.5);
}
div.indexNewsBottom2 .w1{
width:50%;}
div.indexNewsBottom2 .w2{
width:100%;}
.indexNewsBottom .w1{
width:256px;}
.indexNewsBottom .w2{
width:512px;}
.indexNewsBottom .over{
position:absolute;
z-index:10;
color:white;
padding:10px 0;
left:0;
bottom:0;
width:100%;
background:url(../images/png-black-a50.png);}
.indexNewsBottom .txt{
padding:0 10px;
height:20px;
overflow:hidden;}
.indexNewsBottom .date{
padding:0 10px;
color:#3d9dff;
font-size:12px;}
.indexNewsBottom .btn{
position:absolute;
right:10px;
bottom:8px;
width:79px;
height:23px;
display:inline-block;
background:url(../images/btn-more-1.gif) left top no-repeat;}
.indexNewsBottom .grey{
background-color:#e4e4e4;}
.indexNewsBottom .white{
background-color:white;}

.returnTop{
width:100%;
clear:both;
text-align:right;
border-bottom:1px solid black;}
.returnTop a{
display:inline-block;
width:19px;
height:26px;
background:url(../images/btn-top-1.png) center top no-repeat;}
.returnTop a:hover{
background-position:center bottom;}


.indexGarageBox{
position:relative;
padding:10px 0;}
.indexGarageBoxL{
padding:0 0 30px;}

.indexGarageBoxR{
position:relative;
/*padding:0 0 30px 200px;*/}
.indexGarageBoxL a{
display:inline-block;
margin:7px 0;
width:145px;
height:32px;
background-position:left top;
background-repeat:no-repeat;}
.indexGarageBoxL a:hover, .indexGarageBoxL a.ON{
background-position:right top;}
.indexGarageBoxL .models{
background-image:url(../images/btn-models-1.png);}
.indexGarageBoxL .spec{
background-image:url(../images/btn-spec-1.png);}
.indexGarageBoxR .each{
position:absolute;
width:300px;}
.indexGarageBoxR .label{
float:left;
width:150px;}
.indexGarageBoxR .img{
float:right;
width:150px;}
.indexGarageBoxR .hover{
width:100%;
overflow:hidden;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.indexGarageBoxR .hover:hover{
position:relative;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5);
}



.indexFeatures .logo{
padding:0 0 20px;}
.featuresSlide{}
.featuresSlide .aItem, .featuresSlide .aBody{
position:relative;
width:100%;}
.featuresSlide .aItem{
overflow:visible;}
.featuresSlide .eachPage{
top:0;
width:100%;
position:absolute;
overflow:hidden;}
.featuresSlide .fakeImg{
width:25%;
visibility:hidden;}
.featuresSlide .each{
float:left;
width:22%;}
.featuresSlide .hr{
float:left;
width:4%;
height:10px;
overflow:hidden;}
.featuresSlide .each a, .featuresSlide .each img{
display:block;
width:100%;}
.featuresSlide .aPage{
text-align:center;}
.featuresSlide .aPage a{
display:inline-block;
width:25px;
height:30px;
background:url(../images/icon-page-1.gif) center top no-repeat;}
.featuresSlide .aPage a.ON, .featuresSlide .aPage a:hover{
background-position:center bottom;}

.Foot, .Foot a{
text-transform:uppercase;
color:#b3b3b3;}
.Foot{
position:relative;
z-index:1;
padding:10px 0;
font-size:12px;
background-color:black;}
.Foot .left{
font-size:10px;
padding-left:30px;}
.Foot .right{
padding-right:30px;}
.Foot a, .Foot i{
display:inline-block;
vertical-align:middle;}
.Foot i{
font-style:normal;
padding:0 15px;}
.Foot a:hover{
color:white;
text-decoration:none;}

.Box{
position:relative;}

.subMenuControl{
padding:0 20px;}
.subMenuBox{
position:fixed;
right:0;
top:0;
width:0px;
overflow:hidden;
height:100%;}
.subMenuBox .subClose{
position:absolute;
left:-22px;
top:0;
display:inline-block;
width:44px;}
.subMenuBox .subClose img{
width:100%;}
.subMenu{
width:495px;
height:100%;
background-color:white;
overflow:auto;}
.mobileIndexSubmenu{
display:none;
padding:0 10px;}
.mobileIndexSubmenu a{
display:block;
float:left;
width:25%;}
.mobileIndexSubmenu img{
width:100%;}



.subMenuIcon a{
display:block;
padding-right:1px;}
.subMenuIcon .each{
display:block;
float:left;
width:25%;
overflow:hidden;}
.subMenuIcon .pc{
display:none;}
.subMenuIcon img{
width:100%;}
.subMenuModel{
padding:30px 0;}
.subMenuModel .title{
padding:0 0 5px;
border-bottom:1px solid #e8e8e8;}
.subMenuModel .title .left{
color:#818181;
font-size:18px;
line-height:26px;
padding-left:5px;}
.subMenuModel .title .right{
padding:3px 5px 0 0;
font-size:11px;
color:#b7b7b7;}
.subMenuModel .title .right img, .subMenuModel .title .right span{
vertical-align:middle;
display:inline-block;}
.subMenuModel .title .right span{
padding-left:10px;}
.subMenuModel .title .right img{
padding-right:3px;}
.subMenuModel .list {
padding:20px 0 0;}
.subMenuModel .list .cImg{
padding-bottom:5px;}
.subMenuModel .list .cImg img{
width:100%;}
.subMenuModel .list .left, .subMenuModel .list .right{
width:46%;
padding-bottom:20px;}
.subMenuModel .list .left{
padding-left:2%;}
.subMenuModel .list .right{
padding-right:2%;}
.subMenuModel .list .cPrice, .subMenuModel .list .cName{
padding-left:10px;}
.subMenuModel .list .cPrice{
float:left;
color:#b1b1b1;
font-size:12px;
height:20px;
line-height:20px;}
.subMenuModel .list .cType{
float:right;
padding-right:10px;}
.subMenuModel .list .cType img{
padding-left:3px;}
.subMenuModel .list .cName{
font-family:"nbk","微軟正黑體",arial,sans-serif;
color:#222222;
line-height:34px;
font-size:26px;
height:34px;
overflow:hidden}
.subMenuModel .list .cName2{
font-size:22px;}

.subMenuOption{
padding:20px 10px;
border-top:#e8e8e8 1px solid;
text-align:center;}
.subMenuOption .aBtn{
display:inline-block;
vertical-align:top;
width:25%;
text-align:center;}
.subMenuOption a{
display:inline-block;
width:100%;
text-decoration:none;
color:#222222;}
.subMenuOption img{
width:70%;}
.subMenuOption b{
display:block;
padding-top:5px;
width:100%;
font-weight:300;
font-size:12px;
line-height:16px;}

.roomBanner{
position:relative;
width:100%;
padding-bottom:50px;}
.roomBanner .aBtn{
position:absolute;
top:300px;
z-index:5;}
.roomBanner .aLeft{
left:30px;}
.roomBanner .aRight{
right:30px;}
.roomBanner .aBody{
z-index:1;}
.roomBanner .each{
height:570px;}
.roomBanner .each .img{
position:relative;
left:50%;}
.roomBanner .each .img img{
position:relative;
left:-90%;
width:180%;}
.roomBanner .each .img a{
position:absolute;
left:-50%;
top:0;
display:block;
width:100%;}
.roomBanner .each .img a img{
display:block;
visibility:hidden;}
.roomBanner .aPage{
position:absolute;
z-index:2;
bottom:26px;
width:100%;
text-align:center;}
div.collectBanner .aPage{
bottom:0;}
.roomBanner .aPage a{
padding:0 5px;}
.roomBanner .each img{
display:none;
width:100%;}

.roomMenu{
position:absolute;
z-index:30;
left:0;
bottom:0;
width:100%;
height:78px;
background:url(../images/menu-room-1.png) center top no-repeat;}
.roomMenuIn{
overflow:hidden;}
.roomMenuIn .left{
cursor:pointer;
width:230px;
color:#575757;
line-height:62px;
background:url(../images/hr-roommenu-1.gif) right center no-repeat;}
.roomMenuIn .left .f1{
font-size:46px;
padding:0 5px 0 10px;
font-family:'nlt', "微軟正黑體";}
.roomMenuIn .left .f2{
display:inline-block;
font-family:'nr', "微軟正黑體";
line-height:18px;
width:150px;}
.roomMenuIn .right{
position:relative;
float:left;
padding-left:20px;
line-height:50px;}
.roomMenuIn .right .bar{
position:absolute;
bottom:0;
left:0;
width:0px;
height:2px;
background-color:#017eff;
overflow:hidden;
-webkit-transition:all 100ms;
-moz-transition:all 100ms;
-ms-transition:all 100ms;
transition:all 100ms;}
.roomMenuIn .right a{
padding:10px 10px 0 15px;
vertical-align:top;
display:inline-block;
letter-spacing:5px;
margin:0 10px;
color:#0d0e14;}
.roomMenuIn .right a:hover, .roomMenuIn .right a.ON{
text-decoration:none;
background:url(../images/on-roommenu-1.gif) center 51px no-repeat;
/*border-bottom:2px solid #017eff;*/}
.roomBanner .dot{
z-index:10;
top:150px;
color:white;}
.roomBanner .txt{
position:absolute;
left:-485px;}
.roomBanner .dot .color2{
color:#1d1d1d;}
.roomBanner .color2 .service  .btn a{
border-color:#1d1d1d;
color:#1d1d1d;}
.roomBanner .title{
line-height:80px;
font-size:40px;
font-family:'nlt', "微軟正黑體";}
.roomBanner .title2{
height:20px;
line-height:20px;}
.roomBanner .txt .name{
font-family:'nbk', "微軟正黑體";
font-size:75px;
padding-right:10px;}
.roomBanner .service{
padding:100px 0 0;
width:265px;
overflow:hidden;}
.roomBanner .service2{
display:none;}
.tvcT1{
position:relative;
display:inline-block;
text-align:right;}
.tvcT1 .cover{
position:absolute;
left:0;
top:0;}
.tvcT1 img{
height:100%;}
.roomBanner .service .tvc, .roomBanner .service .tvc a{
position:relative;
display:block;
width:100%;
text-align:right;
height:81px;
overflow:hidden;
background-color:black;}
.roomBanner .service .tvc img{
height:100%;}
.roomBanner .service .image{
position:absolute;
left:0;
top:0;}
.roomBanner .service .btn{
padding:15px 0 0;
display:block;
width:100%;
overflow:hidden;}
.roomBanner .service .btn a{
display:inline-block;
padding:0 5px;
width:110px;
line-height:30px;
color:white;
border:1px solid white;
border-left:3px solid white;
border-right:3px solid white;
background-position:right center;
background-repeat:no-repeat;}
.roomBanner .service .btn a:hover{
text-decoration:none;}
.roomBanner .service .dl{
float:left;
background-image:url(../images/btn-dl-1.gif);}
.roomBanner .color2 .service .dl{
background-image:url(../images/btn-dl-1x.gif);}
.roomBanner .service .reserve{
float:right;
background-image:url(../images/arrow-r-1.gif);}
.roomBanner .color2 .service .reserve{
background-image:url(../images/arrow-r-1x.gif);}

.roomTitle{
padding:30px 0 0;}
.roomTitle .title{
line-height:50px;}
.roomTitle .title span{
display:inline-block;
vertical-align:bottom;}
.roomTitle .title .f1{
padding-left:10px;
font-size:38px;
color:#939393;
font-family:'nlt', "微軟正黑體";}
.roomTitle .title .f2{
padding-left:10px;
font-size:25px;
color:#222222;}


.slide100{
position:relative;
width:100%;}
.slide100 .aItem, .slide100 .aBody, .slide100 .each{
width:100%;}
.slide100 .aBody{
position:relative;
width:100%;
overflow:hidden;}
.slide100 .aItem{
position:relative;
left:0%;
overflow:visible;}
.slide100 .each{
position:absolute;
left:0%;
top:0;
width:100%;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;}


.roomHeader .each{
height:545px;}
.roomHeader .aBtn{
position:absolute;
z-index:2;
left:50%;
width:0px;
top:200px;}
.roomHeader .aBtn a{
position:absolute;
top:0;}
.roomHeader .aLeft a{
right:535px;}
.roomHeader .aRight a{
left:535px;}
.roomHeader .aBody{}
.roomHeader .aTxt{
position:absolute;
z-index:5;
bottom:0;
left:0;
width:100%;}
.roomHeader .each img{
display:none;
position:relative;
left:-60%;
width:120%;}
.roomHeader .each a.tvcPop{
position:absolute;
top:0;
left:-50%;
display:block;
width:100%;
background:url(../images/btn-play-2.png) center 30% no-repeat;}
.roomHeader .each a.tvcPop img{
visibility:hidden;}
.roomHeader .each a img{
width:100%;
display:block;
position:static;}
.roomHeader .each .img{
position:relative;
left:50%;}
.roomHeader .info{
padding-bottom:20px;
overflow:hidden;
color:white;
background:url(../images/grid-10x10-black-80.png);}
.roomHeader .info .eachTxt{
padding:10px 20px;}
.roomHeader .title{
font-size:20px;
line-height:30px;}
.roomHeader .title2{
color:#0f61ab;
line-height:24px;
font-size:18px;}
.roomHeader .txt{
color:#b1b1b1;
padding:10px 0;}
.roomHeader .warn{
color:#b1b1b1;
font-size:12px;}
.roomHeader .aPage{
position:absolute;
z-index:10;
left:0;
bottom:0;
width:100%;
text-align:center;}
.roomHeader .aPage a{
display:inline-block;
vertical-align:middle;
padding:0 5px;
width:13px;
height:30px;
background:url(../images/dot-2.png) center top no-repeat;}
.roomHeader .aPage a.ON, .roomHeader .aPage a:hover{
background-position:center bottom;}

.whiteBG{
background-color:rgba(255,255,255,0.5);
background-color:white\9;
background-color:white;}
.blackBG{
background-color:black;}

.roomColor{
height:592px;
background:url(../images/bg-roomcolor-1.gif) center top no-repeat;}
.roomColor .left{
width:185px;
height:428px;
background:url(../images/menu-roomcolor.png) left top no-repeat;}
.roomColor .right{
width:800px;
padding:19px 0 0;}
.roomColor .tab{
text-align:center;
padding:30px 0;}
.roomColor .tab a{
display:inline-block;
vertical-align:top;
padding:0 30px;
line-height:30px;
height:34px;
font-size:18px;
color:#6d6d6d;
border-bottom:1px solid #c2c3c4;}
.roomColor .tab a:hover, .roomColor .tab a.ON{
text-decoration:none;
color:#318fef;
height:33px;
border-bottom:2px solid #1587fd;}
.roomColorMenu{
width:91px;
padding:17px 0 0 70px;}
.roomColorMenu span{
display:block;}
.roomColorMenu .aItem{
position:absolute;
right:0;
top:0;
width:91px;
overflow:visible;}
.roomColorMenu .aBox, .roomColorMenu .aBody, .roomColorMenu .aBody, .roomColorMenu .eachPage{
height:285px;
height:342px;}
.roomColorMenu .arrow2{
display:none;}
.roomColorMenu .aBox{
width:100%;
display:block;
position:relative;}
.roomColorMenu .aBody{
position:absolute;
right:0;
top:0;
width:300px;}
.roomColorMenu .each{}
.roomColorMenu .each a{
position:relative;
display:block;
padding:12px 0 0 9px;
height:45px;
background:url(../images/hover-roomcolor-2.png) -100px -100px no-repeat;}
.roomColorMenu .each a:hover, .roomColorMenu .each a.ON{
text-decoration:none;
background-position:left top;}
.roomColorMenu .each .color{
display:block;
width:68px;
color:white;
text-align:center;
background:url(../images/roomcolor-color-1.png) left center repeat-x;}

.roomColorMenu span.txt2{
top:9px;}
.roomColorMenu .txt{
display:none;
position:absolute;
right:95px;
top:18px;
color:black;
width:70px;
text-align:right;
font-size:16px;
line-height:20px;
font-size:14px;}
.roomColorMenu .each a img{
width:68px;}
.roomColorMenu .each a:hover .txt, .roomColorMenu .each a.ON .txt{
display:block;}
.roomColorMenu .aBtn{
padding-left:5px;
height:26px;}
.roomColorMenu .aBtn a{
display:block;
width:100%;}
.roomColor .aName{
display:none;
width:100%;
text-align:center;
font-size:16px;
line-height:30px;
font-style:italic;}
.roomColorCont, .roomColorCont .colorArray, .roomColorCont .each{
overflow:hidden;}
.roomColorCont{
position:relative;
width:100%;}
.roomColorCont .eachColor{
position:relative;
z-index:1;
width:100%;}
.roomColorCont .eachColor img{
position:absolute;
left:0;
top:0;
width:800px;}
.roomColorCont .colorArray{
position:relative;
width:100%;}
.roomColor360{
position:absolute;
z-index:2;
left:150px;
bottom:5px;
width:500px;
text-align:center;}
.roomColor360 .bar{
position:relative;
margin:0 auto;
width:421px;
height:40px;
background:url(../images/roomcolor-line-1.png) left bottom no-repeat;}
.roomColor360 .drag{
position:absolute;
left:0;
bottom:10px;}
.roomColor360 .drag img{
cursor:pointer;
position:absolute;
left:-9px;
bottom:0;}
.roomColor360 .img {
position:absolute;
right:-68px;
bottom:-3px;}
.roomColorCont .each{
position:absolute;
left:0;
top:0;
width:100%;}
.roomColorCont .each img{
width:100%;}
.roomColorCont .each .info{
position:absolute;
color:white;
left:0;
bottom:0;
width:100%;
background:url(../images/grid-10x10-black-50.png);}
.roomColorCont .each .txt{
padding:15px 20px;
color:#fefefe}
.roomColorCont .each .txt b{
font-size:16px;
padding-right:10px;}
.roomColorCont .fake{
width:100%;}
.roomColorCont .warn{
text-align:center;
color:#898989;
font-size:12px;
line-height:30px;
background:url(../images/re-warn-1.png) center top repeat-y;}
.roomColorCont .each .txt2{
position:absolute;
left:0;
bottom:5px;
text-align:center;
width:100%;}

.roomCMS {
padding:10px 0 0;}
.roomCMS .wc1{
overflow:hidden;}
.roomCMST2 .each{
width:490px;}
.roomCMST2 .set{
padding:0 0 10px;}
.roomCMS .img{
position:relative;}
.roomCMST2 .img{
position:relative;
width:100%;}
.roomCMS .arrow{
display:none;
position:absolute;}
.roomCMS .arrowD, .roomCMS .arrowU{
left:30px;}
.roomCMS .arrowD{
bottom:0;}
.roomCMS .arrowU{
top:0;}
.roomCMS .arrowR{
right:0;
top:30px;}
.roomCMS .image{
width:100%;}
.roomCMS .title{
font-size:20px;
line-height:30px;}
.roomCMS .title2{
font-size:16px;
line-height:24px;}
.roomCMS .des{
padding-top:10px;}

.roomCMST2 .txt{
display:none;
padding:30px;
background-color:white;}
.roomCMS .warn{
padding-top:10px;
color:#606465;}
.roomCMST2 .left .arrowD, .roomCMST2 .right .arrowU{
display:inline-block;}
.roomCMST2 .left .txt2, .roomCMST2 .right .txt1{
display:block;}

.roomCMST3 .each{
width:320px;}
.roomCMST3 .left{
padding-right:15px;}
.roomCMST3 .arrowD{
display:inline-block;}
.roomCMST3 .image{
width:100%;}
.roomCMST3 .txt{
padding:20px;
background-color:white;}
.roomCMST3 .title{}
.roomCMST3 .des{}


.roomCMST4 .each{
padding:0 0 10px;}
.roomCMST4 .set{
width:100%;
overflow:hidden;
background-color:white;}
.roomCMST4 .img{
float:left;
width:379px;}
.roomCMST4 .arrowR{
display:inline-block;}
.roomCMST4 .txt{
width:611px;
float:right;}
.roomCMST4 .title, .roomCMST4 .title2, .roomCMST4 .des, .roomCMST4 .warn{
padding-left:20px;
padding-right:20px;}
.roomCMST4 .title{
padding-top:20px;}
.roomCMST4 .des{}
.roomCMST4 .warn{
padding-top:10px;}

.roomCMST5 .each{
padding:0 0 10px;}
.roomCMST5 .set{
padding:20px;
background-color:white;}

.roomPrice{
padding:20px 0;
background:url(../images/roomcolor-bg-price-1.gif) left bottom repeat-x white;}
.roomPrice .wc1{
padding:30px 0;
overflow:hidden;}
.roomPrice .img{
float:left;
width:220px;}
.roomPrice .txt, .roomPrice .title{
float:right;
width:750px;
padding-left:20px;}
.roomPrice .title{
line-height:46px;
font-size:25px;
color:#9a9a9a;}
.roomPrice .title i{
font-family:'nlt', "微軟正黑體";
font-size:38px;
font-style:normal;}
.roomPrice b{
padding:0 10px;
color:#222222;
font-weight:300;}
.roomPrice .title *{
vertical-align:bottom;}
.roomPrice .txt{
padding-top:10px;}
.roomPrice .name{
clear:both;
width:100%;
font-size:18px;
line-height:40px;
color:#9a9a9a;
padding:0;}
.roomPrice .each{
float:left;
width:200px;
line-height:40px;
padding:0 25px 15px 0;}
.roomPrice .th, .roomPrice .td{
padding:0 3px;}
.roomPrice .th{
font-family:'nbk','微軟正黑體';
font-size:24px;
font-size:20px;
color:#575757;
border-bottom:2px solid #b1b1b1;}
.roomPrice .td{
color:#0f61ab;
font-size:20px;
border-bottom:1px solid #b1b1b1;}

.roomSpec{
padding:0 0 35px;}
.roomSpec .warn table, .roomSpec .warn td{
border:1px solid #8c8c8c;}
.roomSpec .warn td{
padding:5px 10px;}
.roomSpec .warn{
color:#a8a8a8;}
.roomSpec .warn li{
padding:5px 0;
width:420px;
list-style:outside disc;
margin-left:30px;}
.roomSpec .warn .left, .roomSpec .warn .right{
width:490px;}
.roomSpec .warn .hr{
height:10px;}
.roomSpec .tab{
padding:30px 0 0;
background:url(../images/grid-2.gif) left bottom repeat-x;}
.roomSpec .tab .btn{
float:left;}
.roomSpec .tab .btn a{
display:inline-block;
color:black;
text-align:center;
margin-right:5px;
width:100px;
height:36px;
line-height:36px;
border:1px solid #bbbbbb;
background:url(../images/roomspec-re-tab-1.gif) 0 500px repeat-x;}
.roomSpec .tab .btn a:hover, .roomSpec .tab .btn a.ON{
text-decoration:none;
background-position:left top;
border-bottom:1px solid white;}
.roomSpec .option{
float:right;}
.roomSpec .option .name{
padding-right:5px;}
.roomSpec .option a, .roomSpec .option span{
vertical-align:middle;
display:inline-block;}
.roomSpec .option a{
line-height:28px;
text-align:center;
color:#bbbbbb;
border:1px solid #bbbbbb;}
.roomSpec .option a:hover{
text-decoration:none;}
.roomSpec .option .f1{
width:96px;
margin:0 5px}
.roomSpec .option .f2{
width:120px;
margin-left:5px;}
.roomSpec .option a.ON, .roomSpec .option a:hover{
color:white;
background-color:#318fef;
border-color:#318fef;}
.roomSpec .option .hr{
width:9px;
height:18px;
overflow:hidden;
background:url(../images/roomsepc-hr-1.gif) center center no-repeat;}
.roomSpec .select{
padding:30px 0 0;
text-align:right;}
.roomSpec .select span{
display:inline-block;
vertical-align:middle;
width:260px;
text-align:center;
padding-right:1px;}
.roomSpec .select select{
width:90%;
padding:5px 0;}
.roomSpec .list{
padding:5px 0 10px;}
.roomSpec .list .head{
padding:3px 0;}
.roomSpec .list .head .ofh{
color:#0f61ab;
background-color:#d9d9d9;}

.roomSpec .list .head .left{
padding-left:20px;
line-height:34px;}
.roomSpec .list .head .right{
padding:6px 20px 0 0 ;}
.roomSpec .list .head .right a{
display:inline-block;
overflow:hidden;
width:19px;
height:19px;
background:url(../images/btn-expand-1.gif) left top no-repeat;}
.roomSpec .list .head .right a.ON{
background-position:left bottom;}
.roomSpec .list .table{
padding:1px 0 10px;
color:#575757;}
.roomSpec .list table, .roomSpec .list td{
font-family:"微軟正黑體";
border:1px dotted #b1b1b1;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;}
.roomSpec .list .t1{
width:185px;
padding-left:10px;
padding-right:10px;}
.roomSpec .list .t2{
text-align:center;
width:260px;}

.roomPaper{
padding-bottom:50px;
overflow:hidden;}
.roomPaper .img, .roomPaper .res,.roomPaper .list{
height:346px;
overflow:hidden;}
.roomPaper .img{
float:left;
width:615px;}
.roomPaper .res{
float:left;
font-family:'nbk', "微軟正黑體";
width:160px;
text-align:center;
background-color:white;}
.roomPaper .res .eachBox{
padding-top:20px;}
.roomPaper .res .btn{
padding:20px 20px 0;}
.roomPaper .res a{
padding-top:10px;
display:block;
color:black;
line-height:26px;
border-bottom:1px dotted black;}
.roomPaper .res a:hover{
text-decoration:none;
color:#017eff;}
.roomPaper .list{
float:left;
width:160px;
background-color:#dbdbdb;}
.roomPaper .list .eachBox{
padding:20px 0 0;}
.roomPaper .list .image{
width:100%;}
.roomPaper .list a{
position:relative;
display:block;
padding:0 20px 10px;}
.roomPaper a.ON .arrowL{
display:inline-block;}
.roomPaper .list .arrow{
display:none;
position:absolute;
left:0;
top:23px;}

.roomShare{
background-color:white;
padding:30px 0;}
.roomShare .btn{
padding:0 10px;}
.roomShare a{
padding-right:10px;}
.roomShare a, .roomShare span{
display:inline-block;
vertical-align:middle;}

.log{
/*position:fixed;
left:0;
top:60px;
font-size:30px;
line-height:36px;
background:white;
z-index:99;*/
padding:30px;
margin:50px;
height:30px;}

.roomFlip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective:1200px;  
-moz-perspective:1200px; 
-ms-perspective:1200px; 
perspective:1200px;
position:relative;
width:100%;}
.roomFlipDom {
-webkit-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all 500ms;
-moz-transition:all 500ms; 
-ms-transition:all 500ms;
transition:all 500ms;}
.roomFlip div.roomFlipIn {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity:1;
filter:alpha(opacity=100);}

.pageT1{}
.pageT1 a, .pageT1 .aDot{
display:inline-block;
vertical-align:bottom;
width:13px;
height:30px;}
.pageT1 a{
text-align:center;
background:url(../images/dot-bg-1.gif) center 30px no-repeat;
-webkit-transition:background-position 200ms;
-moz-transition:background-position 200ms;
-ms-transition:background-position 200ms;
transition:background-position 200ms;
}
.pageT1 .aDot{
background:url(../images/dot-2.gif) center top;}
.pageT1 a:hover .aDot, .pageT1 a.ON .aDot{
background-position:center bottom;}
.pageT1 a.ON{
background-position:center 0px;}

.newsTop{
min-height:50px;}

.newsDetail{
padding:70px 0 0;}
.newsDetailTop{
background-color:white;}
.newsDetailLeft{
position:relative;
float:left;
width:20%;}
.newsDetailLeft2{
background-color:#eaeaea;}
.newsDetailLeft .fakeImg{
width:100%;}
.newsDetailLeft .link{
position:absolute;
top:60px;
left:0;
width:100%;}
.newsDetailLeft .iBtnT1{
padding:0 21px 0 20px;}
.newsDetailLeft .iBtnT1 a{
width:100%;
text-align:center;}
.newsDetailLeft .iBtnT1 span{
display:block;
line-height:30px;
font-size:16px;}
.newsDetailRight{
float:right;
width:80%;}
.newsDetailSlide{
position:relative;
width:100%;}
.newsDetailSlide .each img{
width:100%;}
.newsDetailSlide .aBody{
z-index:1;}
.newsDetailSlide .aPage{
position:absolute;
z-index:5;
left:0;
width:100%;
bottom:0;
text-align:center;}
.newsDetailTitle{
background:url(../images/arrow-down-1.png) 20px bottom no-repeat #eaeaea;}
.newsDetailTitle .date{
position:relative;
width:100%;
color:#017eff;
line-height:26px;}
.newsDetailTitle .date a{
position:absolute;
right:0;
bottom:0;
display:none;}
.newsDetailTitle .title{
padding:5px 0 0;
color:#222222;
font-size:36px;
line-height:40px;}
.newsDetailLeft .share{
position:absolute;
left:0;
top:0;}
.newsDetailLeft .share .block{

width:100%;}
.newsDetailLeft .share .btn{
position:absolute;
left:0;
top:10px;}
.newsDetailLeft .share .img{
width:100%;}
.newsDetailLeft .share, .newsDetailSlide .share{
color:#616161;}
.newsDetailLeft .share a, .newsDetailSlide .share a{
padding-left:5px;}
.newsDetailLeft .share a, .newsDetailLeft .share img, .newsDetailSlide .share a, .newsDetailSlide .share img{
display:inline-block;
vertical-align:middle;}
.newsDetailArticle, .newsDetailLeft .share, .newsDetailTitle, .newsDetailStart{
padding:20px;}
.newsDetailArticle{
color:#222222;
background-color:white;}
.newsDetailArticle a{
color:#017eff;}
.newsDetailPage{
padding:0 0 50px;
text-align:right;}
.newsDetailPage .block{
display:inline-block;
padding:15px;
background-color:#eaeaea;}
.newsDetailPage a, .newsDetailPage .txt, .newsDetailPage .hr, .newsDetailPage img{
display:inline-block;
vertical-align:middle;}
.newsDetailPage .txt{
padding:0 5px;}
.newsDetailPage .hr{
padding:0 10px;
width:1px;
height:27px;
overflow:hidden;
background:url(../images/hr-2.png) center center no-repeat;}
.newsDetailPage a{
padding:0 10px;
color:#212121;}
.newsDetailPage a:hover{
color:#017eff;}

.newsDetailStart .return{
padding:25px 0 0;}
.newsDetailStart .return a{
display:block;
color:#212121;
padding:0 10px;
line-height:32px;
border:1px solid #212121;
background:url(../images/btn-return-1.gif) right center no-repeat;}
.newsDetailStart .return a:hover{
text-decoration:none;}
.newsDetailSlide .share{
position:absolute;
right:5px;
top:5px;
z-index:5;}

.pageT2 a{
display:inline-block;
vertical-align:bottom;
padding:0 5px;
width:13px;
height:30px;
overflow:hidden;
background:url(../images/dot-2.png) center top no-repeat;}
.pageT2 a:hover, .pageT2 a.ON{
background-position:center bottom;}

.pageT3 a{
display:inline-block;
vertical-align:bottom;
padding:0 5px;
width:13px;
height:31px;
overflow:hidden;
background:url(../images/dot-5.png) center top no-repeat;}
.pageT3 a:hover, .pageT3 a.ON{
background-position:center bottom;}

.kvBanner{
position:relative;
width:100%;
height:330px;
overflow:hidden;
color:white;
font-size:28px;
line-height:36px;
background-position:center top;
background-attachment:fixed;
background-repeat:no-repeat;
background-color:black;
-webkit-transition:background-size 100ms;
-moz-transition:background-size 100ms;
-ms-transition:background-size 100ms;
transition:background-size 100ms;
}
.kvBanner .txt{
position:relative;
padding:160px 0 0;}
.kvBanner .title{}
.kvBanner .title2{
padding-left:13px;}
.contactBody, .locationBody{
padding:10px 0 0;}
.contactBody .wc1{
background-color:white;}
.contactBox{
padding:20px 0;
width:100%;
overflow:hidden;}
.contactService{
float:left;
padding:0 1% 0 3%;
width:22%;}
.contactForm{
float:right;
padding:0 3%;
width:68%;}

.contactService a{
display:block;
width:100%;}
.contactService a{
padding-bottom:10px;}

.contactForm .btn{
padding:20px 0 70px;
text-align:center;}
.contactForm .btn a{
margin:0 5px;}
.contactForm .btn span{
width:126px;
line-height:40px;
font-size:16px;}
.contactForm .title{
line-height:50px;
font-size:25px;
padding:0 20px 5px;}
.contactForm .form{
padding:10px 0;
border-top:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;}
.contactForm form{
width:100%;
display:block;}
.contactForm .tr{
position:relative;
min-height:30px;
padding:5px 10px 5px 140px;}
.contactForm .label{
position:absolute;
left:0;
top:0;
line-height:30px;
width:120px;
color:#666666;
padding:5px 0 5px 20px;}
/*.contactForm input,.contactForm textarea{
-webkit-transition:color 100ms;
-moz-transition:color 100ms;
-ms-transition:color 100ms;
transition:color 100ms;
font-size:14px;}
.contactForm input:focus,.contactForm textarea:focus{
color:#017eff;}*/
.contactForm .iput1, .contactForm .iput2, .contactForm .iput3{
background-color:#f1f1f1;
padding:5px;}
.contactForm .iput1, .contactForm .iput2{
width:32%;}
.contactForm .iput2, .contactForm .select{
display:inline-block;
vertical-align:middle;}
.contactForm .iput3{
width:96%;}
.contactForm .itext1, .contactForm .iarea1{
width:100%;
border:0;
height:20px;
line-height:20px;
background-color:transparent;}
.contactForm .iarea1{
height:120px;}
.contactForm label{
display:inline-block;
padding-right:10px;
line-height:30px;}
.contactForm label input{
margin-right:5px;}
.contactForm .select{
width:16%;
padding-right:10px;}
.contactForm .select select{
width:100%;
padding:5px 0;}
.contactForm .m{
background:url(../images/dot-3.png) 10px 18px no-repeat;}

.pageReturn{
padding:20px 0;}

.locationFilter{
padding:20px;
background-color:white;}
.btnT1{
display:inline-block;
padding:0 40px 0 10px;
line-height:31px;
color:#aaaaaa;
border:1px solid #aaaaaa;
border-left:3px solid #aaaaaa;
border-right:3px solid #aaaaaa;
background:url(../images/arrow-1.gif) right top no-repeat;}
.locationFilter a{
margin-right:10px;}
.locationFilter a.ON, .btnT1:hover{
background-position:right bottom;
border-color:#212121;
color:#212121;
text-decoration:none;}
.locationSelect{
padding:20px 20px 10px;}
.locationSelect select{
padding:5px 20px;}
.locationTable{
padding:0 20px 20px;}
.locationSelect, .locationTable{
background-color:white;}
.locationBody{}
.locationBody .returnTop{
padding:20px 0 0;}
.locationTable .warn{
padding:20px 0 0;
color:#838383;}
.locationTable .warn div{
padding:3px 0;}
.locationTable .warn div img{
width: 20px;}
.locationTable a{
color:#017eff;}


.conceptCarBlock .aTxt{
position:absolute;
left:0;
bottom:42px;
width:100%;}
.conceptCarBlock .title{
position:relative;
width:100%;
color:white;
padding:0 0 5px;}
.conceptCarBlock .btn{
position:absolute;
text-align:center;
width:100%;
left:0;
bottom:0;}
.conceptCarBlock .btn a{
display:inline-block;
width:92px;
height:46px;
background:url(../images/btn-expand-2.png) left top no-repeat;}
.conceptCarBlock .btn a.ON{
background-position:left bottom;}
.conceptCarBlock .title1, .conceptCarBlock .title2{
pointer-events:none;}
.conceptCarBlock .title1{
font-family:'nbk', "微軟正黑體";
font-size:75px;
line-height:80px;}
.conceptCarBlock .title2{
font-size:26px;
line-height:40px;}
.conceptCarBlock .txt{
display:none;
background:url(../images/grid-10x10-white-80.png);
overflow:hidden;}
.conceptCarBlock .txt .wc1{
padding:20px 0;}
.conceptCarBlock .close{
position:absolute;
display:block;
right:15px;
top:53px;
width: 187px;
height: 47px;
background-image:url(../images/cept/btn_conceptlist.png);
background-position: top;}
.conceptCarBlock .close:hover {
    background-position: bottom;
}
.conceptCarBlock .aPage{
position:absolute;
right:24px;
top:130px;
width:23px;}
.conceptCarBlock .aPage a{
display:block;}

.iBtnT1 a, .iBtnT1 span{
display:inline-block;
vertical-align:middle;
vertical-align:bottom;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.iBtnT1 a{
color:black;
border:1px solid #c1c6ca;
-webkit-box-shadow:0 2px 3px rgba(200,200,200,0.5);
-moz-box-shadow:0 2px 3px rgba(200,200,200,0.5);
-ms-box-shadow:0 2px 3px rgba(200,200,200,0.5);
box-shadow:0 2px 3px rgba(200,200,200,0.5);
}
.iBtnT1 a span{
border:1px solid white;
background:url(../images/btn-t1-re-1.gif) left top repeat-x #eeeff1;}
.iBtnT1 a:hover, .iBtnT1 a.ON{
border:1px solid #f1f2ed;
color:#017eff;
text-decoration:none;}
.iBtnT1 a.ON span, .iBtnT1 a:hover span{
-webkit-box-shadow:0 0 5px rgba(255,255,255,1) inset;
-moz-box-shadow:0 0 5px rgba(255,255,255,1) inset;
-ms-box-shadow:0 0 5px rgba(255,255,255,1) inset;
box-shadow:0 0 5px rgba(255,255,255,1) inset;
}

.DIFF .t2{
color:#d30009;}

.videoPop{
width:100%;
padding-bottom:1px;
background:black;}
.videoPop a{
color:white;}
.videoPop a:hover{
text-decoration:none;}
.videoPop .video{}
.videoPop .control{
position:relative;
width:100%;}
.videoPop .control .play{
position:absolute;
left:0;
top:0;}
.videoPop .control .play a{
display:inline-block;
text-align:center;
color:white;
width:40px;
height:40px;
background:white url(../images/vf-ui-play-1.png) left bottom no-repeat;}
.videoPop .control .play a.ON{
color:orange;
font-weight:bold;
background-position:left top;}
.videoPop .control .time{
padding:0 151px 0 41px;}
.videoPop .control .time2{
padding:0 10px;
background-color:white;}
.videoPop .control .timeLine{
cursor:e-resize;
background:url(../images/vf-ui-dur-1.gif) left center repeat-x;}
.videoPop .control2{
display:none;
text-align:center;}
.videoPop .control .bar{
height:40px;
width:0%;
background:url(../images/vf-ui-cur-1.gif) left center repeat-x;
/*-webkit-transition:width 100ms;
-moz-transition:width 100ms;
-ms-transition:width 100ms;
transition:width 100ms;*/
}
.videoPop .control .option{
position:absolute;
right:0;
top:0;
width:150px;
overflow:hidden;}
.videoPop .control .option .sec{
float:left;
width:149px;
width:109px;
line-height:40px;
text-align:center;
background-color:white;}
.videoPop .control .option .sec span{
padding:0 3px;}
.videoPop .control .option .close{
float:right;}
.videoPop .close a{
display:inline-block;
width:40px;
height:40px;
background:white url(../images/vf-ui-close-1.png) center center no-repeat;}

.DOT{
position:fixed;
top:0;
width:100%;}
.videoBox{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;}
.tvcPop{
cursor:pointer;}

.oeDetailPageRight .oeLogBar{
padding-top:15px;
background-color:transparent;}
.oeLogBar1{
display:none;}
.oeLogBar, .oeLogBar a{
color:#333333;}
.oeLogBar{
background-color:#f4f4f4;
padding:70px 0 20px;}
.oeLogBar span, .oeLogBar img{
display:inline-block;
vertical-align:middle;}
.oeLogBar .iBtnT1 span{
line-height:30px;
padding:0 20px;}
.oeDetailPageRight .oeLogBar .iBtnT1{
line-height:30px;
width:30%;
text-align:right;}
.oeDetailPageRight .oeLogBar .iBtnT1 a{
width:98%;
text-align:center;}
.oeDetailPageRight .oeLogBar .iBtnT1 span{
display:block;
vertical-align:top;}
.oeLogBar .txt1, .oeLogBar .txt2, .oeLogBar .txt3{
line-height:30px;}
.oeLogBar .txt1{
font-size:17px;
padding:0 5px;}
.oeDetailPageRight .oeLogBar .input{
width:70%;}
.oeDetailPageRight .oeLogBar .input input{
width:42%;
padding:3px 3%;
margin-right:1%;}
.oeLogBar .input input{
height:24px;
line-height:24px;
padding:3px 5px;
margin-right:5px;
border:1px solid #dddfe2;}
.oeLogBar .txt2{
padding:0 0 0 10px;}
.oeLogBar .mob{
display:none;}

.oeEventTitle1{
padding:40px 0 20px;}
.oeEventTitle1 .right select{
padding:5px 0;
margin-left:5px;}

.oeEventList{
position:relative;
width:100%;
color:#828282;
min-height:600px;
padding:0 0 20px;}
.oeEventList .each{
position:absolute;
width:320px;
/*border:1px solid #e7e7e7;*/
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;}
.oeEventList .each:hover{
-webkit-box-shadow:0 0 10px grey;
-moz-box-shadow:0 0 10px grey;
-ms-box-shadow:0 0 10px grey;
box-shadow:0 0 10px grey;
}
.oeEventList .img{
position:relative;
width:100%;}
.oeEventList .img img{
width:100%;}
.oeEventList .des{
background-color:white;
padding:20px;}
.oeEventList .title{
font-weight:700;
color:#3b3c3e;
color:black;
font-size:15px;}
.oeEventList .txt1{
padding:10px 0;
border-bottom:1px solid #c8c8ca;}
.oeEventList .txt2{
padding:10px 0 0;}
.oeEventList .icon{
position:absolute;
top:0;
right:0;
width:30px;}
.oeEventList .icon a{
display:block;
height:30px;
background-position:left top;
background-repeat:no-repeat;}
.oeEventList .icon a:hover{
background-position:left bottom;}
.oeEventList .fb{
background-image:url(../images/icon-fb-1.png);}
.oeEventList .icon-status {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 59px;
    background-image: url("../images/icon-new.png");
    background-repeat: no-repeat;
}
.oeEventList .foutlet .icon-status {
    background-image: url("../images/icon-over.png");
}
.oeBanner{
position:relative;
z-index:1;
width:100%;
height:550px;
overflow:hidden;
background-position:center top;
background-repeat:no-repeat;}
.oeBanner .img{
display:none;
width:100%;}
.oeBanner .close{
position:absolute;
right:16px;
top:51px;
display:inline-block;
width:45px;
height:45px;
background:white url(../images/close-2.gif) center center no-repeat;}

.oeDetailPage{
position:relative;
z-index:2;
padding:0 0 20px}
.oeDetailPageLeft{
float:left;
width:45%;}
.oeDetailPageRight{
float:right;
width:53%;}
.oeDetailPageLeft .oeDetailBoxT1{
position:relative;
top:-25px;}
.oeDetailBoxT0{
padding:20px;
border:1px solid #e7e7e7;
background-color:white;}
.oeDetailBoxT1 .type{
color:#008def;}
.oeDetailBoxT1 .date{
color:#828282;
padding:3px 0 10px;}
.oeDetailBoxT1 .share{
border-top:1px solid #c8c8ca;
text-align:right;}
.oeDetailBoxT1 .share a{
display:inline-block;
vertical-align:top;
background-position:center center;
background-repeat:no-repeat;}
.oeDetailBoxT1 .share .fb{
width:30px;
height:30px;
background-image:url(../images/icon-f-1.png);
background-color:#c8c8ca;}
.oeDetailBoxT1 .share .fb:hover{
background-color:#008def;}
.oeDetailBoxT1 .title{
padding-top:10px;
font-size:25px;
line-height:32px;}
.oeDetailBoxT1 .des, .oeDetailBoxT1 .info, .oeDetailBoxT1 .warn{
color:#666666;}
.oeDetailBoxT1 .des{
padding:10px 0 5px;}
.oeDetailBoxT1 .info{
padding:10px 0;
width:100%;
overflow:hidden;}
.oeDetailBoxT1 .info .each{
position:relative;
padding:0 0 3px 75px;}
.oeDetailBoxT1 .info .td1{
position:absolute;
font-weight:700;
left:0;
top:0;
width:75px;
color:#333333;
word-spacing:25px;}
.oeDetailBoxT1 div.form{
line-height:30px;
border-bottom:1px solid #b2b2b2;}
.oeDetailBoxT1 div.form .each{
padding-left:85px;
padding:3px 0 3px 85px;}
.oeDetailBoxT1 div.form .td1{
width:85px;
font-weight:300;}
.oeDetailBoxT1 div.form .td1{
top:4px;}
.oeDetailBoxT1 .form .hr1{
width:100%;
clear:both;
height:37px;
overflow:hidden;
background:url(../images/hr-4.png) center left repeat-x;}
.oeDetailBoxT1 .form .input{
display:inline-block;
vertical-align:middle;
padding:3px 5px;
height:24px;
overflow:hidden;
background-color:#e6e6e6;}
.oeDetailBoxT1 .form .input2{
margin-left:5px;}
.oeDetailBoxT1 .form .input1 input{
width:250px;}
.oeDetailBoxT1 .form .input2 input{
width:90px;}
.oeDetailBoxT1 .form .input input{
vertical-align:top;
height:24px;
line-height:24px;
border:0;
background-color:transparent;}
.oeDetailBoxT1 .form label{
display:inline-block;
margin-right:10px;}
.oeDetailBoxT1 .form label input{
vertical-align:middle;
margin-right:3px;}
.oeDetailBoxT1 .form .td2{
display:inline-block;
vertical-align:middle;
padding:0 5px;}


input.blur{
color:grey;}

.oeDetailBoxT1 .stage{
width:100%;
overflow:hidden;
background:url(../images/grid-1x1-grey.gif) left bottom repeat-x;}
.oeDetailBoxT1 .stage .head{
float:left;
display:inline-block;
padding-right:30px;
border-bottom:1px solid #6d6d6d;
line-height:40px;
font-size:15px;}
.oeDetailBoxT1 .stage a{
float:right;
padding:8px 0 0;}
.oeDetailBoxT1 .warn li{
padding:3px 0;
margin-left:30px;
list-style:outside disc;}
.oeDetailBoxT1 .btn, .eventSearchEachBox .btn{
position:relative;
width:100%;
text-align:right;}
.oeDetailBoxT1 .btn a, .eventSearchEachBox .btn a, .oeDetailBoxT1 .btn span{
position:relative;
right:-35px;
padding:5px 0;
line-height:28px;
padding:0 30px;
color:white;
display:inline-block;
background-color:#008def;}
.oeDetailBoxT1 .btn a:hover, .eventSearchEachBox .btn a:hover{
text-decoration:none;}
.oeDetailBoxT1 .btn2{
padding:15px 0 0;
text-align:center;}
.oeDetailBoxT1 .btn2 a{
margin:0 10px;}
.oeDetailBoxT1 .btn2 span{
padding:0 30px;
line-height:38px;}
.oeDetailBoxT1 .warn2{
padding:10px 0;
color:#008def;}
.oeDetailP1{
padding:5px 0;}

.whiteBG2{
background-color:rgba(255,255,255,0.5);}
.oeLogin{
margin:0 auto;
width:300px;}
.oeLoginPage{
padding:80px 0 30px;}
.oeLoginPage .title{
font-size:22px;
line-height:38px;
padding:0 30px;
border-bottom:1px solid #d3d3d3;
background:url(../images/icon-oe-logbar-2.png) left top no-repeat;}
.oeLoginPage .txt1{
padding:10px 0;}
.oeLoginPage .input div{
margin:3px 0;
border:1px solid #e4e4e4;}
.oeLoginPage .input input{
width:94%;
border:0;
line-height:24px;
height:24px;
padding:3px 3%;}
.oeLoginPage .check{
padding:10px 0;
color:#8a8a8a;}
.oeLoginPage .check input{
margin-right:5px;}
.oeLoginPage .btn a, .oeLoginPage .btn span{
display:block;
text-align:center;}
.oeLoginPage .btn span{
line-height:36px;
font-size:16px;
word-spacing:2px;}
.oeLoginPage .link{
padding:10px 0 0;}
.oeLoginPage .link a{
color:black;}

.oeBG1{
background:url(../images/bg-oe-login-1.png) center top no-repeat;}
.oeLoginPage2{
padding:30px 0;}
.oeLoginPage2 .txt1{
padding:0 20px;}
.oeLoginPage2 .btn{
text-align:center;
padding:10px 0 0;}
.oeLoginPage2 .btn span{
line-height:36px;
font-size:16px;
width:280px;}

.roomMenu2{
position:fixed;
z-index:50;
top:51px;
left:0;
width:100%;
display:none;}
.roomMenu2 .roomTitle{
display:none;
padding-bottom:5px;
background-color:white;}
.roomMenu2 .btn{
position:absolute;
bottom:15px;
right:30px;
width:19px;
height:19px;
background:url(../images/btn-expand-1.gif) left bottom no-repeat;}

.eventReturn1{
padding:10px 0;
text-align:right;}
.eventReturn1 a{
display:inline-block;
width:165px;
padding:0 5px;
text-align:left;
border:1px solid #212121;
border-left:3px solid #212121;
border-right:3px solid #212121;
color:#212121;
line-height:30px;
background:url(../images/btn-return-1.gif) right center no-repeat;}
.eventReturn1 a:hover{
text-decoration:none;}

.eventSearchTitle{
color:#222222;}
.eventSearchTitle .title1{
font-size:28px;
line-height:36px;
letter-spacing:3px;}
.eventSearchEach{
padding:10px 0;}
.eventSearchEachBox{
background-color:white;
border:1px solid #e7e7e7;
padding:20px;}
.eventSearchEach .left{
width:38%;}
.eventSearchEach .left img{
width:100%;}
.eventSearchEach .right{
width:59%;}

.wcShowRoom{
width:100%;
margin:0 auto;}

.collectBanner{
height:570px;
padding:0;}
.collectBanner .aBtn{
display:none;}

.collectState2{
padding-top:51px;}
.collectState{
padding-bottom:30px;}
.collectStateUp{
padding:15px 0;
background:white;
border-bottom:1px solid #bdbdbd;}
.collectStateUp .login{
display:inline-block;
line-height:26px;
color:white;
padding:0 50px 0 10px;
background:#318fef url(../images/arrow-r-1.gif) right center no-repeat;}
.collectStateUp .login:hover{
text-decoration:none;}
.collectStateUp .right a{
display:inline-block;
line-height:25px;
color:#666666;
margin:0 0 0 10px;
padding:0 2px;
border-bottom:1px solid #939393;}
.collectStateUp .right a:hover{
text-decoration:none;}
.collectStateUp .right a.dl{
padding-right:25px;
background:url(../images/btn-dl-2.gif) right center no-repeat;}
.collectStateUp .hi{
padding:0 5px 0 20px;
display:inline-block;
vertical-align:middle;
background:url(../images/icon-oe-logbar-1.png) left center no-repeat;}
.collectStateUp a, .collectStateUp span{
display:inline-block;
vertical-align:middle;}
.collectStateUp .btn1{
margin:0 0 0 5px;
padding:0 20px;
color:white;
line-height:26px;
background-color:#b6b6b6;}
.collectStateUp .btn1:hover{
text-decoration:none;}
.collectStateUp select{
padding:3px;}
.collectStateDown{
text-align:right;
color:#dddddd;}
.collectStateDown select, .collectStateDown .search, .collectStateDown .cart{
vertical-align:top;}
.collectStateDown select{
padding:13px 10px 12px;
width:150px;
font-size:16px;
border:1px solid #d9d9d9;}
.collectStateDown span{
display:inline-block;
vertical-align:middle;}
.collectStateDown .search, .collectStateDown .cart{
border:1px solid #d9d9d9;
border-top:0;
margin-left:10px;}
.collectStateDown .search{
background-color:white;}
.collectStateDown .cart{
background-color:#ededed;}
.collectStateDown .itext{
border:0;
font-size:16px;
padding:5px 10px;
height:30px;
line-height:30px;}
.collectStateDown .icon{
display:inline-block;
vertical-align:middle;
width:44px;
height:44px;}
.collectStateDown .scope{
background:#b6b6b6 url(../images/btn-scrope-1.png) center center no-repeat;}
.collectStateDown .cage, .collectStateDown .cart{
position:relative;
width:44px;
height:44px;
background:#b6b6b6 url(../images/icon-cart-1.png) center center no-repeat;}
.collectStateDown .cart .amu{
display:inline-block;
position:absolute;
right:1px;
top:1px;
width:16px;
line-height:16px;
text-align:center;
font-size:12px;
background-color:white;
font-weight:700;
font-style:normal;
color:#318fef;}
.collectStateDown .num, .collectStateDown .txt{
padding:0 3px;}
.collectStateDown .num{
padding-left:10px;
font-size:16px;
color:#318fef;}
.collectStateDown .txt{
padding-right:10px;}
.collectStateDown .f4{}

.collectList{
padding:0 0 30px;}
.collectListGrid{
position:relative;
width:100%;
min-height:300px;}
.collectListGrid .each{
position:absolute;
width:300px;
padding:5px;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.collectListGrid .each a{
display:block;
width:100%;
padding-bottom:10px;
color:#222222;
background:white;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.collectListGrid .each span{
display:block;}
.collectListGrid .name, .collectListGrid .price{
padding:0 10px;}
.collectListGrid .each .img{
padding:0 0 5px;}
.collectListGrid .each a .price{
color:#979797;
font-size:12px;}
.collectListGrid .each a:hover{
text-decoration:none;
color:#1588fd;
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 5px rgba(0,0,0,0.5);
box-shadow:0 0 5px rgba(0,0,0,0.5);}
.collectList .indexNewsTop .btn{
text-align:right;}
.collectList .indexNewsTop a.collectFilter-store {
    color: #FFF;
    background-color: #318fef;}
.collectList .indexNewsTop a.collectFilter-store.ON,
.collectList .indexNewsTop a.collectFilter-store:hover {
    background-color: #1c7ad9;}
.collectList div.fixTab{
position:fixed;
left:0;
top:45px;
z-index:15;
padding-bottom:0;
background-color:white;}

.listT1{}
.listT1 .tr{
position:relative;}
.listT1 .td1{
position:absolute;
left:0;
top:0;}

.collectDetail{
padding:0 0 30px;}

.collectProductImg{
float:left;
width:41%;
padding:0 0 20px;}
.collectProductInfo{
float:right;
width:53%;
color:#333333;
padding:0 0 20px;}

.collectProductImg img{
width:100%;}
.collectProductImg .list{
position:relative;
width:100%;
padding:5px 0;
overflow:hidden;}
.collectProductImg .list a{
float:left;
display:inline-block;
width:18%;
padding:3px 1%;}
.collectProductImg .list a.ON span{
border-color:#017eff;}
.collectProductImg .just{
position:relative;
width:102%;
left:-1%;
overflow:hidden;}
.collectProductImg .list span{
display:block;
border:1px solid white;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
}


.collectProductInfo .title{
font-size:25px;
line-height:36px;
color:#222222;
border-bottom:1px solid #b6b6b6;
padding:0 0 10px;}
.collectProductInfo .info{
padding:10px 0;}
.collectProductInfo .info .td1{
top:3px;
width:81px;
color:#999999;}
.collectProductInfo .info .tr{
padding:3px 5px 3px 81px;}
.collectProductInfo .info .color{
padding-right:15px;}
.collectProductInfo .info .color i, .collectProductInfo .info .color b{
display:inline-block;
vertical-align:middle;
font-weight:300;}
.collectProductInfo .info .color i{
margin-right:3px;
width:38px;
height:17px;
overflow:hidden;}
.collectProductInfo .des .b{
color:#999999;}
.collectProductInfo .des .p{
padding:0 0 10px;}
.collectProductInfo .warn, .collectProductInfo .warn a{
color:#1688fe;
font-size:12px;}
.collectProductInfo .warn a{
text-decoration:underline;}
.collectProductInfo .btn{
padding:20px 0 0;}
.collectProductInfo .btn a{
text-decoration:none;
margin-right:10px;
display:inline-block;
padding:5px 15px;
color:white;
background-color:#b6b6b6;}

.collectProduct .newsDetailPage{
border-top:1px solid #b6b6b6;
width:100%;
clear:both;}

.collectFav{}
.collectFav .list{
position:relative;}
.collectFav .just{
position:relative;
width:102%;
left:-1%;
padding:10px 0 30px;
overflow:hidden;}
.collectFav .just a{
display:inline-block;
float:left;
width:23%;
padding:5px 1%;}
.collectFav .just a:hover span{
border-color:#017eff;}
.collectFav .just span{
display:block;
border:1px solid white;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
}
.collectFav .just img{
width:100%;}

.brandBannerIndex{
padding:0 15px 15px;
height:800px;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
color:white;
background-color:white;}
.brandBannerIndexIn{
position:relative;
width:100%;
height:100%;}
.brandBannerIndex .cont{
width:100%;
height:100%;
background:black url(../images/bg-brand-1.jpg) center center no-repeat;
background-size:100% auto;}
.brandBannerIndex .txt{
padding:100px 0 0 80px;}
.brandBannerIndex .title1{
font-size:50px;
font-family:'nbd', "微軟正黑體";
line-height:70px;}
.brandBannerIndex .title2{
padding:0 0 30px;
font-size:36px;
line-height:40px;}
.brandBannerIndex .des{
font-size:15px;
line-height:26px;
letter-spacing:1px;}
.brandBannerIndex .play{
z-index:5;
display:block;
background:url(../images/btn-play-1.gif) center center no-repeat;}
.brandBannerIndex .hr{
position:absolute;
z-index:1;
left:0;
top:0;
width:100%;
height:100%;}
.brandBannerIndex .line{
position:absolute;
width:100%;
height:94px;
background:url(../images/hr-6.gif) center center no-repeat;}
.brandBannerIndex .hr1{
top:89px;}
.brandBannerIndex .hr2{
bottom:35px;}
.brandBannerIndex .scroll{
position:absolute;
left:0;
bottom:8px;
width:100%;
text-align:center;
font-family:'nlt', "微軟正黑體";
color:#a1a3a5;
font-size:12px;}

.brandList{
position:relative;
margin:0 15px;}
.brandList .back{
width:100%;}
.brandList .cont{
position:absolute;
left:0;
top:0;
width:100%;
text-align:center;}
.brandList .cont img, .brandList span{
display:inline-block;
vertical-align:middle;}
.brandList .each{
display:block;
position:relative;
float:left;
color:#222222;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.brandList a.each:hover{
color:#017eff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5);
background-color:rgba(255,255,255,0.5);
background-color:white\9;}
.brandList .cont a.nc:hover{
/*background-color:white;*/}
.brandList a.each:hover .title2{
font-size:26px;}
.brandList a.each:hover .num{
font-size:18px;}
.brandList a.each:hover .en{
/*font-size:20px;*/}
.brandList .w2{
width:40%;}
.brandList .w1{
width:20%;}
.brandList .img4{
width:25%;}
.brandList .index .img{
width:1%;}
.brandList .txt{
width:90%;}
.brandList .txt span{
display:block;}
.brandList .title{
font-size:32px;
line-height:50px;}
.brandList .des{
line-height:30px;}
.brandList .hr{
margin:0 auto;
width:165px;
height:30px;
background:url(../images/hr-5.png) center center no-repeat;}
.brandList .right {
float:right;}
.brandList .txt2{
width:50%;}
.brandList .txt3{
width:100%;}
.brandList .w1 .txt2{
width:90%;}
.brandList .txt2 span{
display:block;}
.brandList a span.num{
display:inline-block;
color:#9b9b9b;
line-height:30px;
border-bottom:1px solid #222222;}
.brandList .w2 img{
width:50%;}
.brandList .w1 img{
width:100%;}
.brandList .w1 .txt3 img{
width:1%;}
.brandList .title2, .brandList .en, .brandList .num{
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.brandList .title2{
font-size:22px;
padding:15px 0 0;
line-height:40px;}
.brandList .en{
color:#a0a0a0;
line-height:30px;
font-size:16px;
padding-bottom:15px;}
.brandList .cont2{
display:none;
text-align:center;}
.brandList .cont2 a{
display:inline-block;
width:33.33%;
color:#222222;
background-color:#fafafa;
text-decoration:none;}
.brandList .cont2 a:nth-child(even){
background-color:#f2f2f2;}
.brandList .txt4{
width:90%;}
.brandList .list .img{
width:1%;
vertical-align:middle;}
.brandList .txt4 .title2, .brandList .txt4 .en{
display:block;}
.brandList .cont2 .index{
width:100%;
float:none;
background-color:white;}
.brandList .cont2 .img{
vertical-align:middle;}
.brandList .cont2 .title{
font-size:22px;
line-height:40px;}
.brandList .cont2 .title2{
font-size:16px;
line-height:30px;
padding-top:5px;}
.brandList .cont2 .en{
padding-bottom:5px;
font-size:14px;
line-height:20px;}
.brandList .cont2 .index{
padding:0px 0 10px;}
.brandList .cont2 .hr{
height:20px;}

.brandPa1{
padding:50px 0;}
.brandList2{
padding:30px 0;
background-color:white;}
.brandList2 span{
display:inline-block;
vertical-align:middle;}
.brandList2 .des span{
width:100%;
color:#222222;}
.brandList2 .title{
font-size:38px;
line-height:46px;}
.brandList2 .txt{
font-size:18px;
line-height:30px;}
.brandList2 .des span.hr{
width:90%;
height:30px;
background:url(../images/hr-5.png) center center no-repeat;}
.brandList2 .des{
width:40%;
text-align:center;}
.brandList2 .each{
width:20%;}
.brandList2 a{
display:block;}
.brandList2 img{
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;}
.brandList2 a:hover img{
position:relative;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.9);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.9);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.9);
box-shadow:0 0 10px rgba(0,0,0,0.9);
}
.brandList2 .each img, .brandList2 a{
width:100%;
color:#222222;}
.brandList2 em{
display:block;
font-style:normal;
padding-left:40px;}
.brandList2 b{
font-weight:300;
display:block;
font-size:19px;
line-height:30px;
padding:5px 10px 5px 40px;
background:url(../images/btn-circle-1.png) 3px center no-repeat;}
.brandList2 a:hover{
text-decoration:none;}

.kvBrand1{
background-image:url(../images/kv-brand-1.jpg);}
.kvBrand2{
background-image:url(../images/kv-brand-2.jpg);}
.kvBrand3{
background-image:url(../images/kv-brand-3.jpg);}
.kvBrand4{
background-image:url(../images/kv-brand-4.jpg);}
.kvBrand5{
background-image:url(../images/kv-brand-5.jpg);}
.kvBrand6{
background-image:url(../images/kv-brand-6.jpg);}
.kvBrand7{
background-image:url(../images/kv-brand-7.jpg);}
.kvBrand8{
background-image:url(../images/kv-brand-8.jpg);}
.kvBrand9{
background-image:url(../images/kv-brand-9.jpg);}
.kvBrand, .kvBrand .video, .kvBrand .video video{
height:646px;}
.kvBrand{
position:relative;
width:100%;
z-index:1;
overflow:hidden;
background-color:black;
background-position:center top;
background-repeat:no-repeat;}
.kvBrand .return{
position:absolute;
z-index:5;
top:80px;
left:30px;}
.kvBrand .return a{
display:inline-block;
line-height:46px;
color:white;}
.kvBrand .return a:hover{
text-decoration:none;}
.kvBrand .return a:hover span{
background-position:-46px 0;
border-color:#017eff;}
.kvBrand .return span, .kvBrand .return b{
display:inline-block;
vertical-align:middle;}
.kvBrand .return span{
width:46px;
height:46px;
border:1px solid #898e8f;
background:url(../images/arrow-left-2.gif) 0 0 no-repeat;
-webkit-transition: all 300ms cubic-bezier(0.640, 0.055, 0.205, 0.980); 
   -moz-transition: all 300ms cubic-bezier(0.640, 0.055, 0.205, 0.980); 
     -o-transition: all 300ms cubic-bezier(0.640, 0.055, 0.205, 0.980); 
        transition: all 300ms cubic-bezier(0.640, 0.055, 0.205, 0.980);
}
.kvBrand .return b{
font-weight:300;
padding-left:10px;}
.kvBrand .videoBox{
position:fixed;
z-index:1;
left:50%;
top:0;}
.kvBrand .video{
visibility:hidden;
position:relative;
left:-960px;
width:1920px;}
.kvBrand .video video{
width:100%;}
.kvBrand .des{
position:absolute;
z-index:5;
top:180px;
left:0;
width:100%;
color:white;
text-align:center;}
.kvBrand .title{
font-size:35px;
line-height:40px;
padding:0 0 30px;}
.kvBrand .txt{
line-height:24px;
padding:40px 15px 0;}
.kvBrand .hr{
width:100%;
height:13px;
background-position:center center;
background-repeat:no-repeat;}
.kvBrand .hr1{
background-image:url(../images/hr-brand-1.png);}
.kvBrand .hr2{
background-image:url(../images/hr-brand-2.png);}
.kvBrand .hr3{
background-image:url(../images/hr-brand-3.png);}
.kvBrand .hr4{
background-image:url(../images/hr-brand-4.png);}
.kvBrand .hr5{
background-image:url(../images/hr-brand-5.png);}
.kvBrand .hr6{
background-image:url(../images/hr-brand-6.png);}
.kvBrand .hr7{
background-image:url(../images/hr-brand-7.png);}
.kvBrand .hr8{
background-image:url(../images/hr-brand-8.png);}
.kvBrand .hr9{
background-image:url(../images/hr-brand-9.png);}
.brandFixBG{
position:relative;
z-index:2;
border-top:10px solid white;
background:url(../images/re-page-1.gif);}
.brandFixBG2{
border-top:0;}
.brandReturn{
padding:50px 0 60px;}
.kvBrand5 .p{
text-align:left;
padding:0 30px 30px;}
div.kvBrand4{
height:auto;}

.brandParaT1{
color:#222222;
padding:30px 0;}

.brandImgT1{
padding:50px 0 0;}
.brandImgT1 .ofh div{
float:left;
width:50%;}
.brandImgT1 .f1 img{
width:100%;}
.brandImgT1 .f2 img{
width:50%;}

.brandTabT1{}
.brandTabT1 .tab{
position:relative;
height:100px;}
.brandTabT1 .tabAdjust{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;}
.brandTabT1 .each{
position:relative;
display:inline-block;
text-align:center;
vertical-align:bottom;}
.brandTabT1 .each span{
cursor:pointer;
display:block;}
.brandTabT1 .img {
position:relative;
z-index:2;
width:100%;
overflow:hidden;
height:86px;
background-position:center center;
background-repeat:no-repeat;
background-color:black;
background-size:100% auto;
-webkit-transition:all 150ms;
-moz-transition:all 150ms;
-ms-transition:all 150ms;
transition:all 150ms;}
.brandTabT1 span.bot{
background-position:center bottom;}
.brandTabT1 span.top{
background-position:center top;}
.brandTabT1 .img img{
position:absolute;
width:100%;
bottom:0;
left:0;}
.brandTabT1 .tab2 .each{
width:25%;}
.brandTabT1 .tab3 .each{
width:25%;}
.brandTabT1 .txt{
position:relative;
z-index:5;
padding:10px 0;
background-color:#222222;
color:white;
background-position:left bottom;
background-repeat:repeat-x;}
.brandTabT1 .en{}
.brandTabT1 .ch{}
.brandTabT1 .arrow{
position:absolute;
z-index:1;
left:0;
bottom:0;
width:100%;
height:13px;
overflow:hidden;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
}
.brandTabT1 .arrow img{
vertical-align:top;}
.brandTabT1 .ON .arrow {
bottom:-13px;}
.brandTabT1 .ON .txt {
background-image:url(../images/tab-1.gif);}
.brandTabT1 .ON .img{
height:90px;
border-bottom:3px solid #017eff;
background-size:110% auto;}

.brandParaT2{
color:#222222;
padding:30px 0 0;}
.brandParaT2 .head{
position:relative;
color:#222222;
padding-bottom:20px;}
.brandParaT2 .head .br1, .brandParaT2 .head .title2{
height:50px;
border-left:1px solid #222222;}
.brandParaT2 .head .title1{
font-size:35px;
line-height:60px;}
.brandParaT2 .head .title2, .brandParaT3 .head .title2{
height:auto;
min-height:50px;}
.brandParaT2 .head .title2{
font-size:30px;
line-height:30px;
margin-left:100px;
padding-left:20px;}
.brandParaT3 .head .title2{
margin-left:36px;}
.brandParaT2 .txt{
font-size:16px;
color:#222222;
padding:0 0 20px;}
.brandParaT2 .head .title3{
position:absolute;
right:0;
bottom:45px;
border-top:1px solid black;
border-bottom:1px solid black;
background:url(../images/bevel-start-1.gif) left center no-repeat;}
.brandParaT2 .head .title3 span{
display:block;
line-height:20px;
padding:5px 15px;
background:url(../images/bevel-end-1.gif) right center no-repeat;}

.brandSlide{}
.brandSlide .aBody{
z-index:1;}
.brandSlide .each img{
width:100%;}
.brandSlide .each a img{
visibility:hidden;}
.brandSlide .each a{
position:absolute;
left:0;
top:0;
display:block;
width:100%;
background:url(../images/btn-play-1.gif) center center no-repeat;}
.brandSlide .aBtn{
position:absolute;
z-index:5;
top:215px;}
.brandSlide .aLeft{
left:20px;}
.brandSlide .aRight{
right:20px;}
.brandSlide .aPage{
position:absolute;
z-index:5;
left:0;
bottom:0;
width:100%;
text-align:center;}
.brandSlide .aPage a{
padding:0 5px;}
.brandSlide .aTxt {
position:absolute;
z-index:2;
width:100%;
left:0;
bottom:0;
background:url(../images/grid-10x10-black-80.png);}
.brandSlide .aTxt .eachTxt{
padding:10px 20px 30px;
color:white;}
.brandSlide .aTxt .eachTxt div{
padding-bottom:5px;}
.brandSlide .aTxt .b{
font-size:20px;
line-height:30px;}
.brandSlide .aTxt .p{
color:#b1b1b1;}

div.kvBrand9, div.kvBrand5{
height:auto;}
div.kvBrand5{
background-position:center center;}
div.kvBrand9{
background:#1b1b1c url(../images/brand-re-9.gif) left top repeat-x ;}
.kvBrand9 .back{
background:url(../images/brand-bg-9.jpg) center top no-repeat;}
.kvBrand9 .txt{
position:relative;
text-align:left;}
.kvBrand9 .txt img{
position:absolute;
right:74px;
top:-80px;}
.kvBrand9 .txt .p{
padding-left:163px;
padding-bottom:20px;}

.testdriveBody{
padding:20px 0 30px;}
.testdriveBody .whiteBG{
padding:15px;}
.testdriveBox{
padding:30px 55px;
background:url(../images/re-testdrive-1.gif) left bottom repeat-x;}
.testDriveTitle{
font-size:25px;
line-height:50px;
padding-left:10px;
border-bottom:#b2b2b2 1px solid;}
.testDriveStep{
padding:30px 0 20px;}
.testDriveStep .title{
font-size:17px;
line-height:30px;
padding-bottom:10px;
color:#333333;}
.testDriveStep .steps{
float:left;
width:28%;
text-align:center;}
.testDriveStep .arrow{
float:left;
width:8%;
padding-top:10px;}
.testDriveStep .steps span{
display:inline-block;
vertical-align:middle;}
.testDriveStep .steps .txt span{
display:block;
padding-left:5px;}
.testDriveStep .steps .num{
width:15%;
text-align:right;
font-size:45px;
line-height:50px;
color:#666666;
font-style:italic;}
.testDriveStep .steps .txt{
width:85%;
text-align:left;}
.testDriveStep .steps .b{
font-size:18px;
line-height:24px;
color:#333333;
font-size:16px;}
.testDriveStep .steps .p{
color:#666666;}
.testDriveStep .arrow .d{
display:none;}
.testDriveStep .link{
padding:10px 0;
color:#666666;}
.testDriveStep .link a{
color:#017eff;
text-decoration:underline;}
.testDriveLocate{
padding:15px 0;}
.testDriveLocate .img{
float:left;
width:30%;}
.testDriveLocate .img img{
width:100%;}
.testDriveLocate .des{
float:right;
width:70%;
padding:20px 0 0;
color:#666666;}
.testDriveLocate .btn{
padding:0 0 10px;}
.testDriveLocate .btn a{
text-decoration:none;
display:inline-block;
line-height:31px;
color:black;
padding:0 40px 0 15px;
border:1px solid black;
border-right:3px solid black;
border-left:3px solid black;
background:url(../images/arrow-1.gif) right bottom no-repeat;}

.linkBox{
padding:20px;}
.linkLogo{
padding:20px 0;
text-align:center;}
.linkLogo a.hide{
display:none;}
.linkLogo a{
padding:5px;
width:25%;
display:inline-block;}
.linkLogo img{
width:100%;}

.epaperBox{
padding:30px 100px;}
.epaperForm{
padding:10px 10px 50px;}
.epaperForm span{
display:inline-block;
vertical-align:middle;}
.epaperForm .td1{
width:74%;
padding:5px 3%;
background-color:#f1f1f1;}
.epaperForm .td1 input{
width:100%;
border:0;
height:20px;
line-height:20px;
background:transparent;}
.epaperForm .td2{
width:20%;
text-align:center;}
.epaperForm .td2 a{
width:90%;}
.epaperForm .td2 span{
display:block;
line-height:27px;}
.epaperForm .txt{
padding:10px 0;}

.readBody{
padding:20px 0 0;}
.readingBox{
letter-spacing:1px;
color:#333333;
padding:20px 10px;}
.readingBox a{
color:#017eff;}
.readingBox .b{
font-weight:700;
line-height:30px;
font-size:16px;}
.readingBox .iBtnT1{
padding:20px 0 0;}
.readingBox .iBtnT1 span{
padding:0 20px;
line-height:30px;}

.siteMap{
padding:20px 10px;}
.siteMap .each{
float:left;
width:16%;
padding-bottom:20px;}
.siteMap .each a{
text-decoration:none;
display:block;
color:#666666;
padding:3px 10px 3px 0;
-webkit-transition:all 100ms;
-moz-transition:all 100ms;
-ms-transition:all 100ms;
transition:all 100ms;}
.siteMap .each a:hover{
padding-left:10px;
padding-right:0px;
background-color:#e5e5e5;}
.siteMap .each .b{
line-height:30px;
font-size:16px;
font-weight:700;}
.siteMap .each .b a{
color:black;}
.siteMap .hr{
clear:both;
width:100%;
height:20px;
border-top:1px dotted #9f9f9f;}

.infoBox img{
width:30px;}
.infoBox .mapPop img{
width:auto;}

.collectProductInfo .info a{
color:#222222;}
.collectProductInfo .iBtnT1{
padding:20px 0 0;}
.collectProductInfo .iBtnT1 span{
padding:0 20px;
line-height:30px;}

.loading{
position:fixed;
z-index:45;
width:100%;
height:100%;
background:white url(../images/loading-2.gif) center center no-repeat;
}

.collectionReturnTop{
margin:0 auto;
padding:20px 0 0;}

.ownerEventReturnTop{
padding:0 0 20px;}

.ownersSignupTitle{
padding:60px 15px 10px;}

.oeDetailBoxT1 div.form .td1{}

.collectList .indexNewsTop .iBtnT1 a{
float:none;
width:auto;
height:auto;}

.collectList .result{
display:inline-block;
vertical-align:middle;
line-height:30px;
padding-right:10px;}
.collectList .keyword, .collectList .num{
color:#017eff;
padding:0 3px;}
.collectList .iBtnT1 span{
padding:0 20px;
font-size:16px;}

.rotatePlz{
position:fixed;
z-index:9999;
left:50%;
top:50%;
width:0%;
height:0%;
overflow:hidden;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.rotatePlz .txt{
position:absolute;
left:-200px;
width:400px;
top:-15px;
color:white;
line-height:30px;
font-size:20px;
text-align:center;}

.oePage .whiteBG{
background-color:transparent;}

.ownerRepair .txt a{
color:#017eff;}

.oeLoginPage2 .btn a.mob{
display:none;}

.oeDetailBoxT0 .page6_p0{
padding:10px 0;
color:#666666;}
.oeDetailBoxT0 .h_1{
font-weight:300;
font-size:16px;
line-height:24px;}
.oeDetailBoxT1 div.form div.each1{
padding-left:0;}
.oeDetailBoxT1 div.form div.each1 .td1{
position:static;}
.oeDetailBoxT1 div.form div.each1 .iBtnT1{
padding-left:10px;
display:inline-block;
vertical-align:middle;}
.oeDetailBoxT1 div.form div.each1 .iBtnT1 span{
font-style:normal;
font-size:14px;
line-height:20px;
padding:0 10px;}
.oeDetailBoxT0  .tag{
margin-top:15px;
padding-top:5px;
border-top:1px grey dotted;}

.cmsBrandT1{
padding:30px 0;}
.cmsBrandT1 .inBox{
width:95%;
background-color:white;}
.cmsBrandT1 .img{
position:relative;
width:35%;}
.cmsBrandT1 .img img{
position:relative;
z-index:1;
top:-30px;
width:140%;}
.cmsBrandT1 .inBoxRight{
margin:0 0 0 auto;}
.cmsBrandT1 .inBoxLeft{
margin:0 auto 0 0 ;}
.cmsBrandT1 .inBoxLeft .img, .cmsBrandT1 .inBoxLeft .des{
float:right;}
.cmsBrandT1 .inBoxLeft .des{
padding-right:11%;}
.cmsBrandT1 .inBoxRight .img, .cmsBrandT1 .inBoxRight .des{
float:left;}
.cmsBrandT1 .inBoxRight .des{
padding-left:11%;}
.cmsBrandT1 .inBoxRight .img img{
left:-15%;}
.cmsBrandT1 .inBoxLeft .img img{
right:25%;}
.cmsBrandT1 .des{
width:50%;
color:#222222;
padding-top:20px;}
.cmsBrandT .info1{
font-size:22px;}
.cmsBrandT1 .des .info1{
padding:10px 0;
line-height:30px;
/*border-bottom:#929497 1px solid;*/}
.cmsBrandT .info2{
/*font-size:16px;*/}
.cmsBrandT1 .des .info2{
line-height:30px;
padding:10px 0;}
.cmsBrandT1 .arrow{
position:absolute;
z-index:5;
top:34px;
width:10px;
height:21px;
overflow:hidden;}
.cmsBrandT1 .inBoxRight .arrow{
right:-25%;
background:url(../images/arrow-right-1.png) no-repeat;}
.cmsBrandT1 .inBoxLeft .arrow{
left:-25%;
background:url(../images/arrow-left-1.png) no-repeat;}

.cmsBrandT2{
padding:0 0 10px;}
.cmsBrandT2 .img {
position:relative;}
.cmsBrandT2 .arrow{
position:absolute;
left:25px;
bottom:0;
width:21px;
height:10px;
overflow:hidden;
background:url(../images/arrow-down-1.png) no-repeat;}
.cmsBrandT2 .img img{
width:100%;}
.cmsBrandT2 .inBox{
background-color:white;}
.cmsBrandT2 .des{
padding:20px;}
.cmsBrandT2 .des .info1{
line-height:36px;
padding-bottom:5px;}
.cmsBrandT2 .des .info2{
padding:0 0 20px;
line-height:26px;}
.cmsBrandT2 .aBtn{
position:absolute;
z-index:5;
top:230px;}
.cmsBrandT2 .aLeft{
left:10px;}
.cmsBrandT2 .aRight{
right:10px;}
.cmsBrandT2 .aBody{
z-index:1;}
.cmsBrandT2 .each img{
width:100%;}

.cmsBrandT3{
padding:20px 0;}
.cmsBrandT3 .hr{
width:5%;
float:left;
height:10px;
overflow:hidden;}
.cmsBrandT3 .eachInBox{
float:left;
width:30%;}
.cmsBrandT3 .img img{
width:100%;}
.cmsBrandT3 .info1{
line-height:30px;
padding:10px 20px;}
.cmsBrandT3 .info2{
padding:0 20px;}
.cmsBrandT .warn{
padding-top:10px;
color:#606465;}

.brandHistoryBox{
padding-top:270px;}
.brandHistory{

position:relative;
width:100%;
height:570px;
z-index:1;
overflow:hidden;}
.brandHistory .wh100{
position:relative;
z-index:1;
overflow:auto;
height:600px;
}
.brandHistory .ONPOP{
-webkit-transform:rotateX(30deg);
-moz-transform:rotateX(30deg);
-ms-transform:rotateX(30deg);
transform:rotateX(30deg);
}
.brandHistory .ONPOP .each{
opacity:0.2;
filter:alpha(opacity=20);}
.brandHistory .ONPOP .inBoxW3, .brandHistory .ONPOP .inBoxW2, .brandHistory .ONPOP .inBoxW{
/*-webkit-transform:rotateX(-10deg);
-moz-transform:rotateX(-10deg);
-ms-transform:rotateX(-10deg);
transform:rotateX(-10deg);*/
}

.brandHistory .inBoxW{
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;}
.brandHistory .inBoxW{
position:relative;
width:10000px;
background:url(../images/brand-4-line-2.png) 30px -65px repeat-x;
overflow:hidden;}
.brandHistory .inBoxW2{
background:url(../images/brand-4-line-1x.png) 1000px -65px repeat-x;}
.brandHistory .inBoxW3{
background:url(../images/brand-4-line-2x.png) 5000px -65px repeat-x;}
.brandHistory .inBox{
position:relative;
height:570px;
background:url(../images/brand-4-line-1.png) left -65px repeat-x;}
.brandHistory .inBox .each{
position:absolute;
width:13px;
height:30px;
background:url(../images/dot-2.png) left bottom no-repeat;}
.brandHistory .inBox .each2{
background:none;}
.brandHistory .inBox .each3{
background-position:left top;}
.brandHistory .txtx{
position:absolute;
left:20px;
top:3px;
color:white;
width:200px;
font-size:18px;
line-height:24px;
text-decoration:none;}
.brandHistory .txtx2{
position:absolute;
top:-30px;
left:-60px;
width:120px;
font-size:50px;
line-height:60px;
color:white;

font-weight:700;
text-align:center;}
.brandHistory .aLeft{
left:10px;}
.brandHistory .aRight{
right:10px;}
.brandHistory .aBtn{
position:absolute;
z-index:5;
top:230px;}
.brandHistory .aBtn a{
display:inline-block;
padding:5px;
width:18px;
height:35px;}
.historyCont{
display:none;
position:absolute;
left:0;
top:0;
padding:120px 0 0;
z-index:5;
width:100%;}
.historyCont .inBox2{
width:930px;
margin:0 auto;}
.historyCont .close{
position:absolute;
right:10px;
top:10px;}
.historyCont .close a{
display:inline-block;
width:45px;
border:1px solid #545454;}
.historyCont .txtH, .historyCont .imgH{
display:inline-block;
vertical-align:middle;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.historyCont .imgH{
width:60%;}
.historyCont .ON .imgH{
transform:rotateY(42deg) rotateX(13deg);}
.historyCont .ON .txtH{
transform:rotateY(-42deg) rotateX(13deg);}
.historyCont .txtH span, .historyCont .imgH span{
display:block;}
.historyCont .imgH span{
display:block;
border:4px solid white;}
.historyCont .imgH img{
width:100%;}
.historyCont .txtH{
width:40%;
color:white;
font-size:25px;
line-height:36px;
padding-bottom:10px;
/*border-bottom:1px solid white;*/}
.historyCont .txtH .desH{
font-size:14px;}
.historyCont .txtH span{}
.historyCont .eachH{
position:relative;
width:100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective:1200px;
-moz-perspective:1200px; 
-ms-perspective:1200px; 
perspective:1200px;}

.cmsWarn1{
color:#b1b1b1;
padding:0 0 20px;}

.collectionStepTitle{
padding:0 40px 15px;}
.collectionStepTitle .inBox{
font-size:18px;
line-height:36px;
color:#333333;
text-align:center;
border-bottom:1px solid #b6b6b6;}
.collectionStepTitle .inBox span{
display:inline-block;
vertical-align:middle;}
.collectionStepTitle .inBox span.ON{
color:#017eff;}
.collectionStepTitle .inBox span.ON .txt{
display:inline-block;}
.collectionStepTitle .inBox .hr{
width:29px;
width:2%;
height:11px;
overflow:hidden;
background:url(../images/arrow-right-2.png) right center no-repeat;}
.collectionStepTitle .inBox .each{
width:15%;
text-align:center;}
.collectionStepTitle .des{
padding:10px 0 0;
color:#666666;}
.collectionStepTitle .des span{
color:#318fef;}
.collectionStepTitle .warn{
color:#318fef;
padding:0 0 0 10px;
background:url(../images/list-1.png) left 7px no-repeat;}

.collectionW{
padding:20px 30px;
background-color:white;}

.collectBoughtList{}
.collectBoughtList .th, .collectBoughtList .td{
display:inline-block;
vertical-align:middle;}
.collectBoughtList .th{
text-align:center;}
.collectBoughtList .title1, .collectBoughtList .logged{
font-size:18px;
line-height:36px;}
.collectBoughtList .title1{
padding-left:30px;
background:url(../images/icon-cart-2.png) left 7px no-repeat;}
.collectBoughtList .title1 .num, .collectBoughtList .logged{
color:#017eff;}
.collectBoughtList .logged{
padding-bottom:10px;}
.collectBoughtList .logged .num{
padding-right:10px;
display:inline-block;
vertical-align:middle;}
.collectBoughtList .logged select{
padding:5px 10px;}
.collectBoughtList .tr1, .collectBoughtList .tr2, .collectBoughtList .table3{
border-bottom:1px dotted #b1b1b1;}
.collectBoughtList .th{
float:left;
height:30px;
line-height:30px;}
.collectBoughtList .th1, .collectBoughtList .td1{
width:18%;}
.collectBoughtList .th2, .collectBoughtList .td2{
width:28%;}
.collectBoughtList .th3, .collectBoughtList .td3{
width:8%;}
.collectBoughtList .th4, .collectBoughtList .td4{
width:12%;}
.collectBoughtList .th5, .collectBoughtList .td5{
width:12%;}
.collectBoughtList .th6, .collectBoughtList .td6{
width:12%;}
.collectBoughtList .th7, .collectBoughtList .td7{
width:10%;}
.collectBoughtList .th3, .collectBoughtList .td3,.collectBoughtList .th4, .collectBoughtList .td4,.collectBoughtList .th5, .collectBoughtList .td5,.collectBoughtList .th6, .collectBoughtList .td6,.collectBoughtList .th7, .collectBoughtList .td7{
text-align:center;}
.collectBoughtList .itext1{
width:30px;
line-height:24px;
height:24px;
text-align:center;}
.collectBoughtList .title2{
display:block;}
.collectBoughtList .img{
display:block;
padding-right:10px;}
.collectBoughtList .img img{
width:100%;
border:1px solid #f1f1f1;}
.collectBoughtList .tr2, .collectBoughtList .tr3{
padding:10px 0;}
.collectBoughtList .btn1{
display:inline-block;
line-height:26px;
text-decoration:none;
color:white;
padding:0 10px;
background-color:#b6b6b6;}
.collectBoughtList .result{
padding:10px 0;
text-align:right;}
.collectBoughtList .result span{
display:inline-block;
vertical-align:middle;}
.collectBoughtList .result .label{
width:70px;}
.collectBoughtList .result .amount{
width:80px;}
.collectBoughtList .result .blue{
color:#017eff;
line-height:30px;}
.collectBoughtList .result .blue span{
border-top:1px dotted grey;}
.collectBoughtList .mob{
display:none;}
.collectBoughtList .th2{
text-align:left;}
.collectBoughtList .td8{
width:22%;}
.collectBoughtList .td9{
width:20%;}
.collectBoughtList .td10{
width:18%;}
.collectBoughtList .td11{
width:16%;}
.collectBoughtList .td12{
width:24%;
text-align:right;}
.collectBoughtList .td8 a{
color:#666666;
text-decoration:underline;}
.collectBoughtList .td8 a:hover{
color:#318fef;}
.collectBoughtList .td12 a{
margin-left:10px;}
.collectBoughtList .tbody{
padding:10px 0;}
.collectBoughtList .td9 .f1, .collectBoughtList .td9 .f2{
display:inline-block;
vertical-align:middle;}
.collectBoughtList .td9 .f1{
width:80px;}

.collectListPage .btn1{
color:#017eff;}

.collectForm1, .collectForm1 a{
color:#666666;}
.collectForm1 a{
text-decoration:underline;}
.collectForm1 .itext, .collectForm1 .iarea{
display:inline-block;
background-color:#e6e6e6;}
.collectForm1 .itext .ip, .collectForm1 .iarea .ip{
display:block;
padding:3px 5px;}
.collectForm1 .itext input, .collectForm1 .iarea textarea{
background-color:transparent;
border:0;
line-height:20px;
height:20px;
width:100%;}
.collectForm1 .itext1{
width:350px;}
.collectForm1 .itext2{
width:48px;}
.collectForm1 .itext3{
width:110px;}
.collectForm1 .itext4{
width:250px;}
.collectForm1 .itext5, .collectForm1 .iarea{
width:100%;}
.collectForm1 select{
padding:3px;
width:82px;
margin:0 5px;}
.collectForm1 .ofh{
position:relative;
padding:5px 0;}
.collectForm1 .cap, .collectForm1 .warn{
color:#318fef;}
.collectForm1 .cap{
padding:5px 0 20px;}
.collectForm1 .cap .td1{
font-size:17px;}
.collectForm1 .td1{
position:absolute;
left:0;
top:5px;}
.collectForm1 .td2{
padding-left:110px;
width:570px;}
.collectForm1 .iarea textarea{
height:150px;}
.collectForm1 label{
display:inline-block;
vertical-align:middle;}
.collectForm1 label input{
display:inline-block;
margin-right:5px;
padding-bottom:5px;}
.collectForm1 .label1{
margin-left:10px;}
.collectForm1 .label2{
width:25%;}
.collectForm1 .warn{
padding-bottom:20px;}
.collectForm1 .word{
vertical-align:middle;
display:inline-block;}
.collectForm1 .iBtnT1{
text-align:center;}
.collectForm1 .iBtnT1 span{
width:200px;
line-height:30px;
text-align:center;}

.collectP1{
padding:20px 0;}


.collectReceipt1 .title, .collectReceipt2 .title{
font-size:18px;
line-height:26px;
color:#318fef;
padding-bottom:5px;}
.collectReceipt2 .tr{
position:relative;
padding-bottom:5px;}
.collectReceipt2 .td{
vertical-align:middle;
display:inline-block;}
.collectReceipt2 .td1{
position:absolute;
width:100px;
text-align:right;}
.collectReceipt2 .td2{
padding-left:105px;}
.collectReceipt2{
position:relative;}
.collectReceipt2 .selection{
position:absolute;
left:0;
top:0;
width:95px;
font-size:16px;
padding-left:15px;
background:url(../images/icon-arrow-1.png) left center no-repeat;}
.collectReceipt2 .detail{
padding:0 0 0 110px;}
.collectReceipt2 .btn a{
margin:0 5px 5px 0;}
.collectReceipt2 .btn span{
text-align:center;
width:200px;
line-height:30px;}

.collectReceipt3 .td{
display:inline-block;
vertical-align:middle;}
.collectReceipt3 .btn{
padding:20px 0 0;}
.collectReceipt3 .itext1{
padding:5px;
line-height:20px;
height:20px;
width:100px;}
.collectReceipt3 .btn a{
margin-left:10px;
line-height:28px;}
.collectReceipt3 .btn a span{
padding:0 10px;}

.collectTtitleT1{
padding:0 25px 10px;
font-size:25px;
line-height:32px;}
.collectTtitleT2{
font-size:26px;
line-height:1.1em;
padding:10px 0;
font-size:#333333;
border-bottom:1px solid #b6b6b6;}

.collectHDt1{}
.collectHDt1 .inBox{
padding:10px 30px;
line-height:36px;
background-color:white;}
.collectHDt1 .left, .collectHDt1 .right{
width:50%;}
.collectHDt1 .left .inBox{
margin-right:10px;}
.collectHDt1 .right .inBox{
margin-left:10px;}
.collectHDt1 .label {
padding:0 5px 0 15px;
font-size:16px;
background:url(../images/icon-arrow-1.png) left center no-repeat;}
.collectHDt1 .num{
font-size:25px;}
.collectHDt1 .inBox span{
display:inline-block;
vertical-align:middle;}

.collectQA{
padding:15px 0;}
.collectQA .q{
padding-bottom:5px;}
.collectQA .q a, .collectQA .q .ask{
display:block;}
.collectQA .q a{
text-decoration:none;
position:relative;
padding:10px 0;
color:#1972cc;
background-color:#e1e1e1;}
.collectQA .q .ask{
padding:0 40px 0 50px;}
.collectQA .q span{
line-height:20px;}
.collectQA .q .num{
left:20px;
font-weight:700;}
.collectQA .q .expand, .collectQA .q .num{
position:absolute;
top:10px;
display:inline-block;}
.collectQA .q .ON .expand{
background-position:right top;}
.collectQA .q .expand{
right:20px;
width:19px;
height:19px;
background:url(../images/btn-expand-3.gif) left top no-repeat;}
.collectQA .a{
display:none;
padding:0px 20px 10px 40px;}

.collectRule{
padding:20px 0;
color:#666666;}
.collectRule .h{
font-weight:700;
padding-top:20px;}

.collectRule li{
margin-left:30px;
padding:3px 0;
list-style:outside decimal;}

.brandBox8{
position:relative;
clear:both;}
.brandBox8 .img{
z-index:1;}
.brandBox8 .txt{
position:relative;
color:white;
font-size:16px;
line-height:30px;
z-index:5;}
.brandEight1 .img{
position:absolute;
left:-150px;
top:0;}
.brandEight1 .txt{
padding:80px 0 50px 540px;}
.brandBox8 .title1 b, .brandBox8 .title1 em{
display:block;
font-style:normal;
font-size:40px;
line-height:50px;
padding-bottom:20px;}
.brandBox8 .title1 em{
padding-bottom:0;}
.brandBox8 .title1 p{
font-size:14px;
line-height:22px;}
.brandBox8 .title1, .brandBox8 .title2, .brandBox8 .title3{
padding-left:10px;}
.brandBox8 .title1{
font-size:24px;
line-height:36px;}
.brandBox8 .title2{
font-size:24px;}
.brandBox8 .title3{
font-size:22px;}
.brandBox8 .hr1{
border-left:1px solid white;}
.brandBox8 .des1{
padding:10px 0 0 11px;}
.brandEight2 .img{
position:absolute;
right:-30px;
bottom:0px;}
.brandEight2 .txt{
padding:50px 0;}
.brandEight2 .txt li{
width:290px;}
.brandBox8 .txt ul{
padding:10px 0 0 ;}
.brandBox8 .txt li{
font-size:12px;
margin-left:20px;
color:#a2a2a2;
padding:3px 0;
line-height:20px;
list-style:outside disc;}
.brandEight3 .img{
position:relative;
left:50%;}
.brandEight3 .img img{
position:relative;
left:-960px;}
.brandEight3 .txt{
position:absolute;
width:100%;
left:0;
top:90px;}
.brandEight3 .title2, .brandEight3 .des1{
width:480px;
padding-left:10px;}

.brandEight4 .img{
position:absolute;
right:-30px;
bottom:0px;}
.brandEight5 .img{
right:-50px;}
.brandEight4 .txt{
padding:50px 0;}
.brandEight4 .txt li{
width:290px;}

.brandEight6{
padding:90px 0;
text-align:center;}
.brandEight6 .img, .brandEight6 .txt{
display:inline-block;
vertical-align:middle;}
.brandEight6 .img{
width:30%;}
.brandEight6 .img img{
width:100%;}
.brandEight6 .txt{
text-align:left;
width:40%;
padding-left:5%;}
.brandEight6 .txt span{
display:block;
color:#222222;}
.brandEight6 .title{
padding:0 0 0 10px;
margin-bottom:10px;
border-left:1px solid #222222;
font-size:40px;
line-height:50px;}

.brandHistory2{
display:none;
color:white;
line-height:30px;
padding:10px 10px 20px;}
.brandHistory2 img{
width:100%;}
.brandHistory2 .each{
position:relative;}
.brandHistory2 .each1{
font-size:20px;
padding-top:10px;
margin-bottom:5px;
border-bottom:1px solid #404040;}
.brandHistory2 .eachO{
padding-right:15px;
cursor:pointer;
background:url(../images/icon-arrow-1.png) right center no-repeat;}
.brandHistory2 .eachO .icon{
background-position:left bottom;}
.brandHistory2 .icon{
position:absolute;
left:10px;
top:0px;
display:inline-block;
height:30px;
width:13px;
overflow:hidden;
background-image:url(../images/dot-2.png);
background-repeat:no-repeat;}
.brandHistory2 .each2, .brandHistory2 .each3{
padding-left:30px;
padding-bottom:3px;}
.brandHistory2 .each3{
overflow:hidden;
opacity:0;
height:0;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
transition:all 500ms;
}
.brandHistory2 div.ON{
opacity:1;
height:auto;}
.brandHistory2 div.LOCK{
background:none;}

.pohTVC{
background:url(../images/power-of-h/img01.jpg) center top no-repeat;
background-size:100% auto;}
.pohTVC a{
opacity:0.7;
display:block;
width:100%;
background:url(../images/btn-play-1.gif) center center no-repeat;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-ms-transition:all 300ms;
transition:all 300ms;
}
.pohTVC a:hover{
opacity:1;}
.pohTVC a img{
visibility:hidden;}

.brandInt{
background-color:white;}

.collectNewFoot {
display:none;
padding:0 0 20px;
text-align:center;}
.collectNewFoot a{
display:inline-block;
margin:0 5px;
color:#939393;
border-bottom:1px solid #939393;}


.brandHistory .inBox .each2, .brandHistory .inBox .each3, .brandHistory .inBox .each4, .brandHistory .inBox .each5{
background-color:red;
width:1px;
height:1px;}
.brandHistory .inBox .each3{
background-color:blue;}
.brandHistory .inBox .each4{
background-color:orange;}
.brandHistory .inBox .each5{
background-color:maroon;}

 .techFixBox3 img{
display:none;}

.newsLoaderBox{
display:none;
clear:both;
position:relative;
width:100%;
overflow:hidden;
height:0px;}

.newsMoreBtn{
padding:0 0 10px;
text-align:center;}
.newsMoreBtn a{
width:50%;}
.newsMoreBtn span{
display:block;
line-height:30px;}