﻿@charset "UTF-8";
@import url(91ab2d6a61aa484988c78446f22d4f38.css);
@import url("editor-data.css");
@import url(20089c9627194733a48d8f2d9a8a7c27.css);
@import url("table.css");
@import url("fix_cate.css");

body{
	font-family:Arial,'黑体';
	}
.proList h3 a, .warranty a, .news a{
	color:#000;
	}
#navMenu a:hover, footer a:hover, .sideCate li a:hover, .sideCate li li a:hover, .dealerList h4 a:hover, .showBike .productRight a:hover, .linkWinho a, .linkWinho a:visited, .linkWinho a:active, .introTech, .introTech h3, .news .more:hover, .r-tabs #video_layout a:hover, .mbf h3{
	color:#91c300;
	}
.globalSite a:hover{
	color:#000;
	}
.dealerList a{
	color:#555;
	}
.index .menuTitle{
	display:none;
	}
.colMain h2.menuTitle{
	display:none;
	font-size:180%;
	background-color:#aaa;
	margin-top:4px;
	}
header h2.menuTitle, .colMain h2.menuTitle{
	color:#fff;	
	text-align:center;
	line-height:1.2em;
	width:100%;
	padding:10px 0;
	}
header h2.menuTitle{
	font-size:220%;
	margin-bottom:0;
	position:fixed;
	top:70px;
	z-index:3;
	background:rgba(145,195,0,0.9);
	}
header{
	padding-top:0;
	}
.header{
	overflow:hidden;
	zoom:1;
	}
.logo{
    padding:15px 0;
	position:relative;
	}
.logo img{
	width:230px;
	}
.logo strong{
	position:absolute;
	right:55px;
	top:38px;
	}
.logo a{
	color:#000;
	}
.lagH{
	padding:13px 0 0 20px;
	}
.headWrap{
    background-color:#fff;
    height:70px;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:3;
	}
.banner{
	position:static;
	margin-top:30px;
	}
.bannerArea{
	width:100%;
	}
.header nav{
	clear:none;
	float:right;
	margin:15px 0 0;
	}
#navMenu{
	font-weight:normal;
	width:auto;
	background:none;
	}
#navMenu a{
	color:#777;
	padding:5px 15px;
	}
#navMenu #menu_1890{
	background:url("/statics/images/mld/index/menu.png") right 9px no-repeat;
	}
#navMenu #menu_1890 a{
	padding:5px 23px 5px 5px
	}
.colMain ul{
	margin:20px 0 20px 20px;
	}
.index .colMain{
	position:static;
	}
.index .colMain ul{
	margin-left:0;
	}
.colMain ol{
	margin:10px 0 20px 20px
	}
.colMain li{
	line-height:1.8em;
	list-style-type:disc;
	margin-bottom:15px;
	}
/**Q & A**/
.accordionPart li{
	list-style-type:none;
	}
.index .colMain li{
	list-style-type:none;
	}
.colMain li li{
	list-style-type:decimal;	
	}
.colMain p{
	margin-bottom:15px;
	}
/**全車系 特色簡介**/
.featureBox{
	margin-top:50px;
	overflow:hidden;
	zoom:1;
	}
.featureList{
	float:left;
	width:31.3%;
	margin:0 2% 40px 0;
	}
.featureList .img{
	height:100px;
	text-align:center;
	margin-bottom:10px;
	}
.featureList img{
	max-height:100px;
	}
.featureList .txt{
	line-height:1.8em;
	min-height:400px;
	padding:20px;
	background-color:#ccc;
	}
.featureList h3{
	font-size:120%;
	margin-bottom:10px;
	}
footer{
	background:#333;
	}
.footer{
	position:static;
	padding:30px 0;
	overflow:hidden;
	zoom:1;
	}
.footer h4{
	font-size:130%;
	line-height:2em;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	}
.footer .info{
	display:none;
	}
.footer .menu{	
	position:static;
	}
.footer .menu a{
	display:block;
	padding:0;
	}
.footer .menu, .footBike{
	float:left;
	width:180px;
	margin-right:105px;
	}
.footLeft{
	float:left;
	width:250px;
	}
.footLeft img{	
	margin-bottom:40px;
	}
.footLeft a{
	display:block;
	width:132px;
	padding:10px 10px 5px;
	border:1px solid #777;
	background:url("/statics/images/mld/index/icon_contact.png") right 10px no-repeat;
	}
.footLeft a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#91c300;
	border:1px solid #91c300;
	}
.footLeft strong{	
	font-size:120%;
	display:block;
	line-height:1em;
	}
.social{
	float:left;
	width:180px;
	position:static;
	}
.social div{
	margin-top:15px;
	}
.social div a{
	display:block;
	height:auto;
	width:auto;
	margin:0 0 10px;
	padding:5px 0 5px 35%;
	border:1px solid #777;
	}
.social a{
	background:url("/statics/images/mld/index/social_facebook.png") 25px 7px no-repeat;
	}
.social a.youtube, .social a.twitter{
	width:58px;
	height:28px;
	margin-right:10px;
	}
.social .facebook{
	background-position:25px 7px;
	}
.social .youtube{
	background:url("/statics/images/mld/index/social_youtube.png") 0 0 no-repeat;
	}
.social .youtube:hover, .social .twitter:hover{
	opacity:0.5;
	}
.social .twitter{
	background-position:0 0;
	background:url("/statics/images/mld/index/social_twitter.png") 0 0 no-repeat;
	}
.social div a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#91c300;
	border:1px solid #91c300;
	}
.globalSite{
	padding-left:25px;
	background:url("/statics/images/mld/index/icon_global.png") 0 0 no-repeat;
	}
.footBottom{
	padding:10px 0;
	background-color:#91c300;
	overflow:hidden;
	zoom:1;
	}
.footBottom .wrap{
	width:1200px;
	margin:0 auto;
	}
.copyright{
	float:left;
	padding:0;
	margin-right:10px;
	}
.linkWinho a{
	text-decoration:none;
	}
.linkWinho a:hover{
	color:#fff;
	}
.linkWinho a{
	cursor:default;
	}
.linkWinho a:hover, .linkWinho a:focus{
	cursor:pointer;
	}
.telService{
	float:left;
	margin-right:10px;
	}
.globalSite{
	float:right;
	}
/**Google CSE**/
.gsc-input-box{
	width:150px;
	}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right:0 !important;
	}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
	height:11px;
	padding:7px 10px 8px !important;
	}
input.gsc-search-button-v2{
	margin-top:5px !important;
	}
.cse input.gsc-search-button, input.gsc-search-button{
	background:none;
	}
.form.gsc-search-box{
	width:100% !important;
	border:2px solid #b00;
	}
.gsc-control-cse{
	float:right;
	background-color:transparent;
	border-color:transparent;
	border:none;
	}
.cse .gsc-control-cse, .gsc-control-cse{
	width:200px !important;
	padding:0 !important;
	}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
	background-color:#aaa !important;
	border:none !important;
	}



.search{
	clear:none;
    margin-top:0;
	}
.search form{
	line-height:1.6em;
    margin:0 7px 0 0;
    padding:0 5px 3px 2px;
	border:1px solid #ccc;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.search #sf_keyword{
    color:#777;
    font-size:90%;
    padding:0 5px;
	border:0;
	}
.search #sf_submit{
    font-size:0;
	text-shadow:none;
	width:16px;	
    height:16px;
    padding:0;
	border:none;
	}
/**index**/
section{
	font-size:120%;
	}
section p{
	margin-bottom:15px;
	}
section a:hover{
	text-decoration:none;
	}
.index .content{
	width:100%;
	padding-bottom:0;
	}
/*首頁三大產品類別
--------------------------*/
.introCate{
	padding:30px 0;
	background-color:#eaeaea;
	}
.introCate .wrap{
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	}
/*3大類自行車*/
figure{
	float:left;	
	position:relative;
	overflow:hidden;
	}
.introCate figure{
	width:31.5%;
	margin:0 0.9%;
	}
figure img{
	position: relative;
	display: block;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
	}
figcaption{	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
figcaption::before, figcaption::after{
	pointer-events: none;
	}
figcaption, figcaption > a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
figcaption > a{
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
	}
figcaption div{
	width: 100%;
	height:15%;
	padding-top:10px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color:#91c300;
	background:rgba(145,195,0,0.8);
	}
figure h3{
	color:#fff;
	font-size:130%;	
	text-align:center;
	-webkit-transform: translate3d(0,15px,0);
	transform: translate3d(0,15px,0);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	}
figure:hover img{
	opacity: 0.7;
	}
figure:hover img, figure:hover h3, figure:hover p{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}

/*工藝*/
.introTech{
	text-transform:uppercase;
	position:relative;
	/*background:url("../images/technology.jpg") center 0 no-repeat;*/
	background:url("/statics/images/mld/index/technology.jpg") no-repeat center 0;
	}
@media screen and (max-width:800px) {
	.introTech{
	  background:url("/statics/images/mld/index/technology.jpg") no-repeat center 0;
	  }
}
.introTech a{
	display:block;
	width:100%;
	height:500px;
	}
.introTech a:hover{
	background-color:rgba(0,0,0,0.2);
	}
.introTech .wrap{
	position:absolute;
	left:220px;
	top:150px;	
	}
.introTech h3{
	font-size:330%;
	font-family: 'Open Sans', sans-serif;
	line-height:2em;
	}
.introTech h4{
	color:#fff;
	font-size:250%;
	}
.introNews{
	/* background:url("../images/travel.jpg") right 0 no-repeat #91c300;*/
	background:url("/statics/images/mld/index/travel.jpg") right 0 no-repeat #91c300;
	}
	
.introNewsRow{
	width:78%;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	}
.travel{
	color:#fff;
	float:right;
	width:40%;
	padding:0;
	}
.introNews h3{
	font-size:200%;
	line-height:2.5em;
	}

.travel a{
	color:#fff;
	display:block;
	line-height:2.5em;
	text-align:center;
	width:170px;
	background-color:#0bb;
	}
.travel a:hover{
	background-color:#555;
	}
.news{
	float:left;
	width:30%;
	padding:0;
	position:relative;	
	}
.news .wrap{
	position:relative;
	}
.news .more{
	float:right;
	color:#fff;
	line-height:1.9em;
	width:auto;
	margin:27px 0 0 0;
	padding:0 15px;
	border:1px solid #fff;
	}
.news .more:hover{
	background-color:#fff;
	}
.news h3{
	color:#fff;
	float:left;
	}
.news img{
	width:100%;
	}
.news ul{
	clear:both;
	}
.news ul a:hover{
	color:#fff;
	text-decoration:underline;
	}
.mbf{
	color:#fff;
	height:500px;
	position:relative;
	background:url("/statics/images/mld/index/mbf.jpg") no-repeat 0 0;
	}
@media screen and (max-width:800px) {
	.mbf{
	  background:url("/statics/images/mld/index/mbf.jpg") no-repeat 0 0;
	  }
}
.mbf .wrap{
	position:absolute;
	right:470px;
	top:80px;
	}
.mbf h3{
	font-family:'黑体', 'Open Sans', sans-serif;
	font-size:250%;
	line-height:2em;
	}
.mbf h4{
	font-size:220%;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:40px;
	text-transform:uppercase;
	}
.mbf a{
	color:#fff;	
	width:240px;	
	line-height:2em;
	margin:0 auto;
	padding:5px 15px;
	border:1px solid #fff;
	}
.mbf a:hover{
	color:#000;
	background-color:#fff;
	}
.warranty{
	height:380px;
	padding:120px 0 0;
	/* background:url("../images/warranty_bg.jpg") no-repeat right 0; */
	background:url("/statics/images/mld/index/warranty_bg.jpg") no-repeat;
	background-size:100% 100%;
	overflow:hidden;
	zoom:1;
	}
@media screen and (max-width:800px) {
	.warranty{
	  background:url("/statics/images/mld/index/warranty_bg.jpg") no-repeat right 0;
	  }
}
.warranty .wrap{
	width:500px;
	margin:0 auto;
	}
.warranty .left, .warranty .right{
	float:left;
	text-align:center;
	margin:0 30px;
	}
.warranty .right img{
   -webkit-border-radius:50%;
      -moz-border-radius:50%;
           border-radius:50%;
	}
.warranty img{
	display:block;
	margin-bottom:20px;
	}
.warranty a{
	color:#fff;
	font-size:120%;
	font-weight:bold;
	padding:8px 15px;
	background-color:#91c300;
   -webkit-border-radius:25px;
      -moz-border-radius:25px;
           border-radius:25px;
	}
.warranty a:hover{	
	background-color:#aaa;
	}	
/**全車系**/
.listProCont.bgcover .banner, .container.bgcover .banner{
	position:fixed;
	top:0;
	z-index:-1;
	width:100%;
	}
/**九宮格有背景圖(全車系,工藝, 人身部品) **/
.bgcover.listProCont .colMain, .craftsBox .colMain{
	float:none;
	width:100%;
	min-height:1100px;
	margin:150px auto 0;
	}
/**九宮格有背景圖(全車系,工藝, 人身部品), 工藝詳細頁(cate-37333) - **/
.bgcover .colSide, .bgcover .breadcrumb, .contactCont .colSide, .catalogCont .colSide, .cate-37333 .colSide{
	display:none;
	}
.bgcover .list-content{
	display:none;
	}
.breadcrumb{
	width:100%;
	margin-top:15px;
	margin-bottom:30px;
	padding:0;
	}
.productGrid{
	padding:0;
	margin-left:0;
	}
.bgcover .productGrid .proList{
	width:29.6%;
	height:auto;
	text-align:center;
	margin:0 1% 50px;
	padding:10px;
	background-color:#fff;
	box-shadow:0 0 10px #555;
	}
/**全車系 類別 第2層**/
.productGrid .proList{
	width:45%;
	height:350px;
	margin:0 5% 0 0;
	padding:0;
	text-align:left;
	box-shadow:none;
	}
.r-tabs .productGrid .proList{
	margin-bottom:10px;
	}
.r-tabs #video_layout.productGrid .proList{
	margin-bottom:30px;
	}
.r-tabs #video_layout a{
	color:#555;
	}
.listBike .productGrid .proList{
	height:400px;
	}
.listBike .productGrid .proList .img{
	height:300px;
	}
.productList .proList .img, .productGrid .proList .img{
	text-align:center;
	padding:0;
	border-radius:0;
	border:none;
	}
.productGrid .proList .img:hover{
	box-shadow:none;
	}
/*全車系 詳細頁*/
.showBike .model{
	font-size:130%;
	font-weight:bold;
	margin:5px 0;
	}
.showBike .productRight p:nth-child(2){
	margin:8px 0;
	}
.colorText{
	overflow:hidden;
	zoom:1;
	}
.colorTitle{
	float:left;
	width:20%;
	}
.colorList{
	float:left;
	width:80%;
	}
.colorWbr{
	display:block;
	margin-top:8px;
	}
.showBike .productRight a.curr{
	font-weight:bold;
	color:#91c300;
	}
/**工藝 九宮格**/
.bgcover .productGrid .proList h3{
	font-size:120%;
	font-weight:bold;
	line-height:1.5em;
	}
.people.listProCont .productGrid .proList .img{
	height:300px;
	}
.proList h5 a{
	color:#888;
	font-size:100%;
	font-weight:normal;
	}
/**工藝**/
.bgcover.craftsBox .productGrid .proList .img{
	margin-bottom:10px;
	}
/**車系**/
.listBike .productGrid .proList h3{
	color:#000;
	font-weight:bold;
	}
/**車系 end**/
.productGrid a:hover{
	color:#91c300;
	text-decoration:none;
	}
.productWrap{
	position:relative;
	}
.productRight{
	font-size:120%;
	line-height:1.5em;
	right:0;
	padding:5px 0 5px 5px;
	position:absolute;
	background-color:rgba(255,255,255,0.7);
	z-index:9999;
	}
.productRight h4{
	font-weight:normal;
	}
.productRight p{
	margin-bottom:0;
	}
/**產品縮圖**/
#slideBox a{
	margin-bottom:3px;
	}
.productRight h4{
	display:none;
	}
#slideBox{
	margin-top:10px;
	}
/**全車系:車種 - 產品詳細頁 第3層 **/
/**
.listProCont .banner, .listProCont .colMain, .showProCont .colMain, .bgcover .colMain{
	position:static;
	}**/
.showProCont header{
	height:90px;
	}
.showProCont .banner{
	display:none !important;
	}
.showProCont .colMain{
	float:right;
	}
.showProCont.showBike .colMain{
	float:none;
	width:100%;
	}
.showBike .colSide{
	display:none;
	}
/**人車幾何**/
.btnGeometry{
	margin-bottom:20px;
	}
.btnGeometry bottom{
	font-size:125%;
	margin-right:10px;
	padding:10px 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background:linear-gradient(to bottom, #ddd, #aaa);
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.btnGeometry bottom a{
	color:#555;
	display:inline-block;
	padding:10px 20px;
	}
.btnGeometry bottom:hover, .btnGeometry bottom a:hover{
	color:#fff;
	text-decoration:none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	background:linear-gradient(to bottom, #91c300, #490);
	}
ul.abbGeometry{
	margin:50px 0;
	overflow:hidden;
	zoom:1;
	}
.abbGeometry li{
	float:left;
	width:25%;
	list-style-type:none;
	}
.abbGeometry strong{
	display:inline-block;
	text-align:center;
	width:50px;
	margin-right:10px;
	padding:0 10px;
	background-color:#eee;
	}
/** tabs 表格 END **/
.gc-display-area{
	padding:0;
	border:none;
	}
.colSide{
	background:none;
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
	}
.colSide h4{
	color:#555;
	font-size:190%;
	font-weight:400;
	margin-bottom:20px;
	padding:0;
	}
.sideCate{
	font-size:120%;
	margin:0;
	padding:0;
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
	}
.sideCate li{
	border-bottom:1px dotted #ccc;
	}
.sideCate li, .sideCate li.par_tree{
	background:url("/statics/images/mld/index/icon_tree_add.png") no-repeat 0 11px;
	}
.sideCate li a.tree.active, .sideCate li.par_tree.active{
    background:url("/statics/images/mld/index/icon_tree_minus.png") no-repeat 0 11px;
	}
.sideCate li.par_tree.active .sideMenu .tree.active{
	background:url("/statics/images/mld/index/icon_tree_minus2.png") no-repeat 0px 11px;
	}
.sideCate li a.tree.active, .sideCate li.par_tree.active li.par_tree.active{
	background:none;
	}
.sideCate li a.tree{
	width:15px;
	}
.sideCate .sideMenu li a.tree{
	left:17px;
    width:15px;
	}
.sideCate li li, .sideCate li li.par_tree{
    background:url("/statics/images/mld/index/icon_tree_add2.png") no-repeat 17px 11px;
	}
.sideCate li li.par_tree.active li{
    background:url("/statics/images/mld/index/icon1.png") no-repeat 22px 14px;
	}
.sideCate li li{
	border-top:1px dotted #ccc;
	border-bottom:none;
	}
.sideCate li a{
	padding:7px 0 5px 20px;
	}
.sideCate li li a{
	color:#333;
	padding:7px 3px 5px 36px;
	}
.sideCate > li > ul > li a.active, .sideCate .active{
	color:#91c300;
	font-weight:bold;
	}
/**分類頁籤**/
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	background-color:#91c300;
	border:none;
	}
.r-tabs .r-tabs-nav .r-tabs-state-active.li_prod .r-tabs-anchor{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px 12px no-repeat #91c300;
	}
.r-tabs .r-tabs-nav .r-tabs-state-active.li_video .r-tabs-anchor{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px -92px no-repeat #91c300;
	}
.r-tabs .r-tabs-nav .r-tabs-state-active.li_gallery .r-tabs-anchor{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px -193px no-repeat #91c300;
	}
.li_prod.r-tabs-state-default{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px -41px no-repeat #eee;
	}
.li_video.r-tabs-state-default{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px -142px no-repeat #eee;
	}
.li_gallery.r-tabs-state-default{
	background:url("/statics/images/mld/index/icon_tabs.png") 85px -244px no-repeat #eee;
	}
.r-tabs-state-default, .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.sortBox{
	display:none;
	}
/**工藝類 - 人車幾何(cate-35184)**/
.cate-37333 .colMain, .cate-35184 .colMain{
	float:none;
	width:100%;
	}
.cate-37333 .proList a{
	color:#fff;
	}
.cate-37333 .productGrid .proList .img{
	float:left;
	margin-right:15px;
	}
.cate-37333 .productGrid .proList{
	height:auto !important;
	}
/**人身部品**/
.person-level .productGrid .proList{
	text-align:center;
	width:28.3%;
	}
.person-level .productGrid .proList .img{
	height:260px;
	}
.people .productGrid .proList{
	width:28%;
	}
.productPic.photo_imgL{
	width:100%;
	}
/**產品分類說明文字**/
.list-content{
	line-height:1.8em;
	padding:40px 18%;
	background-color:#eee;
	}
.proTypeTitle{
	display:none;
	}
/** 經銷商 **/
.dealerCon .colMain{
	font-size:120%;
	}
.dealerCon .content{
	margin-top:50px;
	}
.dealerBox{
	margin-top:0;
	}
/**
.dealerRange{
	padding:25px 20px 20px;
	border:1px solid #eee;
	}**/
.dealerAll{
	margin:0 0 15px;
	}
.dealerItem{
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
.dealerItem div{
	float:left;
	width:155px;
	margin-right:10px;
	margin-bottom:10px;
	}
.dealerItem input, .dealerItem label{
	float:left;
	}
.dealerItem input{
	margin-top:5px;
	}
.dealerItem label{
	width:80px;
	margin-top:3px;
	}
.dealerItem img{
	float:left;	
	margin:0 5px;
	}
.dealerItem img, .dealerList .icon img, .right .icon img{
   width:30px;
   -webkit-border-radius:50%;
      -moz-border-radius:50%;
           border-radius:50%;
	}
.dealerList{
	margin-top:30px;
	}
.dealerList .listWrap{
	margin-bottom:15px;
	position:relative;
	overflow:hidden;
	zoom:1;
	}
.listWrap .left{
	float:left;
	margin-right:20px;
	}
.listWrap .right{
	float:left;
	}
.dealerList h4{
	color:#91c300;
	font-size:110%;
	font-weight:bold;
	}
.dealerList ul{
	margin:10px 0 0;
	}
.dealerList li{
	line-height:normal;
	list-style-type:none;
	margin-bottom:0;
	}
.dealerList .icon{
	position:absolute;
	right:0;
	top:0;
	}
.dealerResult{
	font-size:140%;
	line-height:2em;
	}
.dealerAll #sk{
	width:50%;
	border:1px solid #999;
	}
.dealerAll input#send{
	color:#fff;
	border:0;
	background:linear-gradient(to bottom, #999, #777);
	}
/**電子型錄**/
.productGrid.cateBox iframe{
	box-shadow:none;
	}
/**隱藏側邊選單**/
#rwd-menu-2 h3{
	display:none;
	}
#___gcse_0{
	margin-top:10px;
	}
.dealerRange select{
	margin-bottom:15px;
	}
.glass-case{
	margin:0 auto;
	}
.glass-case ul li{
	border:1px solid #aaa;
	}
#show_data_total{
	margin:35px 0 0 !important;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	}
.onoffswitch{
	margin-bottom:20px;
	}
/**banner scroll**/
@-webkit-keyframes jump-icon {

	0%, 20%, 80%, 100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50%{
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes jump-icon {

	0%, 20%, 80%, 100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50%{
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
.jump{
	color:#fff;
	font-size:700%;
	text-align:center;
	position:absolute;
	z-index:3;
	top:calc(100% - 250px);
	width:100%;
	-webkit-animation:jump-icon 2s infinite ease-in-out;
	animation:jump-icon 2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	}
/**banner scroll end**/
/**產品詳細頁 by小麥**/
#zoomImgWrap , #showCase{
		/*display: block;
		margin: 0 auto;
		
		width: 80%;
		height: 500px;
		*/
	}
	#showCase{		
		/*position:relative;*/
		/*width:60%;*/
		/*border:0px solid red;*/
	}
	#zoomImgWrap{
		/*border:1px solid #CCC;*/
		box-sizing:border-box;
	}
	#fullscreenD{
		background:blue;
		position:absolute;
		left: 10px;
		top: 10px;
		width:32px;
		height:32px;
		background:url(/statics/images/mld/index/fullscreen.png);
		cursor:pointer;
		opacity: 1;
		z-index:999999999;
	}
	#fullscreenD:hover{
		opacity:0.7;
	}
	/*-*---------------------------*/
	#small_box{
		text-align:center;
		padding:5px 0;
		-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
		box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);	
		white-space: nowrap;
		position:relative;			
	}

	#slide{	
		width:70%;
		margin:0 auto;
		overflow:hidden;
		/*border:1px solid #999;*/
		box-size:border-box;	
	}
	#slideBox{
		position:relative;
		text-align:left;	
	}
	#slideBox > a {
		border: 1px solid #ccc;
	}
	#slideBox a {
		/**display:table-cell;**/
		display:flex;
		vertical-align:middle;
		align-items:center;
		float: left;
		margin-right: 3px;
		/**max-height: 80px;
		max-width: 80px;**/
		padding: 2px;
		width:80px;
		height:80px;
		vertical-align:middle
	}
	#slideBox a.curr {
		border: 1px solid #ff8800;
	}	
	
	.button{	
		color:#fff;
		cursor:pointer;
		position:absolute;
		top:50%;
		margin-top:-16px;
		z-index:2;
		opacity:0.8;
	}
	.button:hover{opacity:1;}
	#prev{left:3%; text-align:left;}
	#next{right:3%; text-align:right;}

	.wrap{	
		/*
		bottom:0;
		position:absolute;
		left:50%;
		margin-left:-300px;
		z-index:999;
		*/
	}
	.thumb{	
		height:60px;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		-o-background-size:contain;
		background-size:contain;	
		background-repeat:no-repeat;
		background-position:50% 50%;	
		display:inline-block;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius:5px;
	}
	.showBike .productPic.photo_imgX{
		width: 80% ;
	}
	.showBike .productRight{
		width: 20% ;
	}
.cat_content{
	word-wrap:break-word;
	}
.productGrid.cateBox iframe{
	border:0;
	}
.cateBox.list_imgXL .img{
	width:auto;
	height:auto;
	display:table-cell;
	}
.productGrid .proList h3{
	margin-top:12px;
	}
.warrantyImg{
	text-align:center;
	}
.newsH3{
	color:#b4b;
	font-size:200%;
	display:block;
	text-align:center;	
	}
/**全車系 類別和車系圖片要100%填滿容器 by 20160326 kaka**/
.listBike .productGrid .proList .img{
	text-align:left;
	}
.display_editor_data{
	font-size:120%;
	margin-bottom:30px;
	}
.aboutImg{
	margin-bottom:30px;
	}
.aboutus .display_editor_data h3{
	font-size:130%;
	line-height:1.5em;
	}
/**公司簡介表格**/
.tbAbout{
    width:100%;
	margin:5px 0 0;
	border-top:3px solid #91c300;
	}
.tbAbout th{
	width:25%;
    color:#91c300;
	font-size:110%;
	text-align:right;
	vertical-align:top;
    padding:20px 10px 0 0;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
	}
.tbAbout td{
    text-align:left;
	padding:7px 10px;
    border-bottom:1px solid #ccc;
	}
.tbAbout tr:hover{
	background-color:#f9ffea;
	}
.tableBg1{
	background-color:#f3f3f3;
	}
.colMain .tbAbout ul{
	margin:10px 0 10px 20px;
	}
.colMain .tbAbout li{
	margin-bottom:0;
	}
/*kaka160624
.content{
		display:block;
		}*/
footer{
	clear:both;
	}
/**工藝**/
.sevebWrap{
	font-size:120%;
	}
.sevenBox, .sevenBox2, .sevenBox3, .sevenBox4{
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
.sevenBox img{
	float:left;
	width:20%;
	}
.sevenBox p{
	float:right;
	width:70%;
	}
.sevenBox2 div{
	float:left;
	width:40%;
	text-align:center;
	}
.sevenBox2 img{
	float:right;
	width:55%;
	}
.sevenBox2 div p{
	color:#d44;
	font-size:130%;
	font-weight:bold;
	font-family:"Uni-Sans-Bold-Italic";
	margin-top:15px;
	}
.sevenBox3 .img{
	float:left;
	width:28%;
	}
.sevenBox3 .txt{
	float:right;
	width:70%;
	}
.sevenBox4{
	margin-top:30px;
	}
.sevenList{
	float:left;
	width:30%;
	margin-right:3%;
	}
.sevenList strong{
	font-size:120%;
	line-height:2em;
	}
.colMain p.oneTitle{
	margin-bottom:5px;
	}
.oneBox{
	margin-top:0;
	}
.mainWrap{
	position:relative;
	z-index:2;
	}



/*最新消息
---------------------*/
.newsProduct{
	font-size:150%;
	}

.newsProduct.list_imgXXL .img, .newsBike .productGrid .proList .img{
	width:100%;
	border:1px solid #ddd;
	border-sizing:border-box;
	}
.newsProduct.productGrid .proList, .newsBike .productGrid .proList{
	height:350px;	
	}
.newsProduct.productGrid .proList h3, .newsBike .productGrid .proList h3{
	margin-top:0;
	color:#000;
	}
.newsProduct .proList h5, .newsBike .productGrid .proList h5{
	color:#91c300;
	line-height:1.7em;
	}
.newsProduct .txt{
	text-align:center;
	margin-top:10px;
	}
.newsProduct .productGrid .proList img, .newsBike .productGrid .proList img{
	width:auto;
	height:100%;
	}

/*vita 處理字型*/

.cbp-l-grid-projects-title a{
	font-family:"Roboto Condensed", "黑体", sans-serif !important;}
	

/*vita 處理字型 end*/

/*車隊訊息
---------*/
.newsBike .productGrid .proList .img{
	margin-bottom:5px;
	}
.newsBike .productGrid .proList{
	text-align:center;
	}

/*
---------*/
.listBike .proList h3{
	font-size:120%;
	}
/******************* add by @wheat 2016.06.24*/
.bgcover .product .productGrid .proList img{
 width:100%;
 height:auto;
}

.product .productGrid .proList img{
 width:100%;
 height:auto;
}
.product-size{
	clear:both;
	padding-top:5px;
	}
.showBike .productRight a{
	color:#555;
	}
	
/*
 contact us 置中 ~ add by @wheat 2016.07.14
 *******************/
.contactCont .main_cont{
	max-width:700px;
	margin:0 auto;
	*margin:0px auto;	　/*適用於 IE7*/
	_margin:0px auto;　　 /*適用於 IE6*/
}



/*最新消息*/

.table1, .table2{	
	width:100%;
	text-align:center;
	margin-bottom:10px;
	border-collapse:collapse;
	}
.table1 caption{
	font-size:120%;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	}
.table1 th, .table1 td{
	border:1px solid #694;
	}
.table1 th{	
	padding:7px 0;
	background-color:#91c300;	
	}
.table1 td, .table2 td{
	padding:4px;
	}
.table2 th, .table2 td{
	border:1px solid #bbf;
	}
.table2 th{	
	padding:7px 0;
	background-color:#bbf;	
	}
.testRideBox .table2{
	margin-top:25px;
	}
.testRideBox .text1{
	color:#c00;
	font-size:250%;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:25px;
	}
.testRideBox .text2{
	color:#09c;
	font-size:200%;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:35px;
	}
.testRideBox .text3{
	color:#f00;
	font-size:130%;
	}
.testRideBox .text4{
	font-size:130%;
	line-height:1.6em;
	}
.testRideBox ol li{
	list-style-type:decimal;
	}
.testRideBox ul li{
	list-style-type:none;
	}
.testRideBox ul{
	margin:20px 0;
	}
.testRideBox ul span{
	color:#f00;
	font-size:200%;
	font-weight:bold;
	}
.showTime{
	margin:0 -2%;
	overflow:hidden;
	zoom:1;
	}
.showTime div{
	float:left;
	width:46%;
	margin:0 2% 30px;
	padding:15px 30px;
	border:5px solid #ade;
	box-sizing:border-box;
   -webkit-border-radius:10px;
      -moz-border-radius:10px;
           border-radius:10px;
	}
.showTime p{
	margin-bottom:0;
	}



/** pageUrl start **/

#pageUrl{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

#pageUrl > a{
	position: fixed;
	top: 50%;
	font-size: 5rem;
	text-decoration: none;
	color: #000;
}

#pageUrl > a:hover{
	color: #9BC819;
}

#pageUrl > a#pageUrl_prev{
	left: 10px;
}

#pageUrl > a#pageUrl_next{
	right: 10px;
}
/** pageUrl end **/

.introCate .wrap{
	width:80%;
	margin:0 auto;
	}

/*------首頁 3個品項圖片懸停---------*/
.introTest{
	overflow:hidden;
	zoom:1;
	}
.introTest figure{
	font-weight:bold;
	float:left;
	width:33.333%;
	height:400px;
	/* 註解by hank */
	/* -webkit-perspective: 1000px; */
	/* perspective: 1000px; */
	margin:0;
	display:flex;
    align-items:center;
    justify-content:center;
	}
.introTest figcaption div{
	bottom:auto;
	top:20%;
	padding-top:0;
	background:none;
	}
.introTest h3{
	font-size:200%;
	margin-bottom:70px;
	}
.introTest figure p{
	color:#fff;
	font-size:130%;	
	right:0;
	left:0;
	padding:0 20%;
	text-overflow:ellipsis;
    white-space:nowrap;
	overflow: hidden;
	position:absolute;
	line-height:1.5em;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,15px,0);
	transform: translate3d(0,15px,0);
	}
.introTest figure span{
	display:block;
	font-size:70%;
	font-weight:normal;
	margin:15px auto 0;
	padding:0 8px 1px;
	width:30%;
	border:1px solid #fff;
	}
.introTest figure:hover p{
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
.introTest figure img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,120px);
	transform: translate3d(0,0,120px);
	}
.introTest figure:hover img{
	opacity:1;
	-webkit-transform: translate3d(0,0,150px);
	transform: translate3d(0,0,150px);
	}
.introTest figure figcaption{
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,0.5);
	}
.introTest figure figcaption::before{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	content:'';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	}

.introTest figure:hover figcaption::before{
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}



/*------首頁 圖片懸停 end---------*/

@media (max-width: 1440px){
	.introTest h3{
		font-size:180%;
		margin-bottom:30px;
		}
	}
@media (max-width: 1368px){
	#pageUrl > a{
		top: 65px;
		color: #FFF;
		font-size: 4rem;
		}
	#pageUrl > a:hover{
		color: #000;
		}
}
@media (max-width: 1024px){
	.introTest h3{
		font-size:150%;
		}
	.introTest figure p{
		font-size:100%;
		padding:0 10%;
		}
	}
@media (max-width: 960px){
	.introTest h3{
		margin-bottom:0;
		}
	}
@media (max-width: 800px){
	#pageUrl > a{
		top: 43px;
		font-size: 3rem;
	}
	h2.menuTitle{
		box-sizing: border-box;
		padding-left: 35px !important;
		padding-right: 35px !important;
	}	
}
@media screen and (max-width:800px) {
	.introCate{
		padding:0;
		}
	.introTest figure{
		float:none;
		width:100%;
		}
	figure h3{
		font-size:150%;
		}
	.introTest h3{
		margin-bottom:50px;
		}
	.introTest figure p{
		font-size:120%;
		}
	.introCate{
		padding:0;
		}
	.introCate figure{
		margin:0;
		width:100%;
		float:none;
		}
	figure h3, .introTest h3{
		font-size:200%;
		}
	figcaption div{
		padding:20px 0 10px;
		}
	}
@media screen and (max-width:414px) {
	.introCate{
		padding:40px 0 20px;
		}
	.introTest figure p{
		font-size:100%;
		}
	figure h3{
		top:40%;
		}
	figure h3, .introTest h3{
		font-size:180%;
		}
	.introTest figure p{
		font-size:105%;
		}
	.introTest figure h3{
		top:0;
		margin-bottom:0;
		}
	.introTest figcaption div{
		top:30%;
		}
	figure{
		height:auto;
		}
	}
@media screen and (max-width:360px) {
	figure h3, .introTest h3{
		font-size:150%;
		}
	}





/*fix index news by hank 2017.8.4*/
.introTest .wrapLeft{
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}	


/*vita 2018.01.17 product info*/
.flex{
  display: flex;
  flex-direction: row; /* (row | row-reverse | column | column-reverse) */
  flex-wrap: nowrap; /* (nowrap | wrap | wrap-reverse) */
  justify-content: flex-start; /* (flex-start | flex-end | center | space-between | space-around) */
  align-items: flex-start; /* (flex-start | flex-end | center | baseline | stretch) */
  align-content: flex-start; /* (flex-start | flex-end | center | space-between | space-around | stretch) */
}

.flex:before, .flex:after{
  content: normal;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.flex-left{
  justify-content: flex-start;
}

.flex-center{
  justify-content: center;
}

.flex-right{
  justify-content: flex-end;
}

.flex-top{
  align-items: flex-start;
}

.flex-middle{
  align-items: center;
}

.flex-bottom{
  align-items: flex-end;
}

.flex-back{
  flex-direction: row-reverse;
}
.flex-stretch{
  -ms-align-items: stretch;
  align-items: stretch;
}


.row{
	clear: both;
	padding-top: 40px;
    padding-bottom: 30px;
}
.row .md-left{
	width: 48%;
	margin-right: 30px;
	float:left;
	font-size:  18px;
	line-height: 50px;
	text-align: right;
}
.row .md-right{
	width: 48%;
	float:left;
	font-size:  18px;
	line-height: 50px;
	text-align: left;
}


@media (max-width: 799px) {
	.row .md-left{
		margin-right: 25px;
	}
}


@media (max-width: 768px) {
	.row .md-left, .row .md-right{
		width: 100%;
		
	}
	.row .md-left{
		margin-right: 0px;
	}
	.flex-column-reverse{
    	flex-direction:column-reverse;
	} 

}




/* show news detail */

#socialShare{
	padding: 30px 0 30px 0;
}
.cbp-popup-wrap.cbp-popup-singlePage .menuTitle{
	color: #000;
}
.show_news ul{
	padding-left: 40px;
}
.show_news ul li{
    list-style-type: initial;
}
.newsCont.page-content-show-6 aside.colSide{
	display: none;
}
.newsCont.page-content-show-6 article.colMain{
	float: none;
	margin: 0 auto;
}