@charset 'UTF-8';
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body {
	/*width: 100%;
	height: auto;
	border:5px #0A0 solid;*/
}
img{
	width:100%;
	height:auto;
}
#navi{
	position: absolute;
	display:block;
	width:100%;
	height:12vw;
	/*box-shadow: 0px 0px 5px #000;
	background-color:#000;
	border-bottom:1px #15154d solid;*/
}

#toggleBtn{
	position:relative;
	display:block;
	width:12vw;
	height:auto;
	cursor: pointer;
	pointer-events: auto;
	/*border: 2px #00D dotted;*/
}

#menuModal{
	/*position:absolute;*/
	top:0vw;
	margin:0px;
	padding:0px;
	z-index: 3000;
}

#menuModal ul {
	position:relative;
	display:block;
	width: 100%!important;
	height: auto;
	top:12vw;
	margin:0;
	padding:0;
	background-color:#000;
	/*border:6px #0D0 dotted;*/
}
#menuModal ul li{
	position: relative;
	cursor: pointer;
	pointer-events: auto;
	top:0px;
	left:0%;
	width: 100%;
	height: 10vw;
	text-align: left;
	font-weight: bold;
	font-size:4vw;
	background-color:#000;
	list-style-type: none;
}

#menuModal ul li .big{
	position: absolute;
	display: block;
	top:5%;
	left:5%;
	width:auto;
	height: 90%;
	transform-origin: center center;
	z-index: 50;
	/*border: 1px #d00 dotted;*/
}
#menuModal ul li .big img{
	width:auto;
	height: 100%;
}
#menuModal ul li p{
	position:relative;
	width:90%;
	height: 100%;
	margin:0px;
	margin-left:5vw;
	line-height:10vw;
	border-bottom: 1px #333 solid;
	z-index: 60;
	color:#FFF;
	/*border: 1px #d00 dotted;*/
}
#menuModal ul li.mMenuBtn p{
	padding-top:6%;
	padding-bottom:6%;
}
#mShareBtn .row{
	display:block;
	width:90%;
	margin-left:5%;
	padding-top:1.2%;
	padding-bottom:1%;
	border-bottom: 1px #333 solid;
	/*border: 2px #d00 dotted;*/
}
#mShareBtn .fbBtn,
#mShareBtn .lineBtn{
	position:relative;
	display:inline-block;
	width:50%;
	height:auto;
}

#mShareBtn .lineBtn{
	width:45%;
	
}
#mShareBtn .pic{
	display:inline-block;
	margin-right:1%;
	width:15%;
	vertical-align:middle;
}
#mShareBtn .pic img{
	width: 100%;
	height: auto;
	vertical-align:text-bottom;
}

#menuModal .mBtn,
#menuModal .mBtn p{
	color:#AAA;
	pointer-events: auto;
}
#menuModal .smenuBtn p{
	color:#FFF;
}
#footer,
#fbBtn{
	display:none;
}



/*********************************************************************************/
/* page                                                                      */
/*********************************************************************************/

#page{
	/*position:absolute;*/
	margin-top:0vw;
	padding-bottom:0vw;
	overflow:hidden;
	border: 0px #F00 dashed;
}
.section{
}
.section .content{
}

.section .box{
	width:100%;
	height:160vw;
	top:0%;
	left:0%;
	/*border: 2px #D0D dotted;*/
}
.section .bg{
}

.section .infoBox{
	display: none;
}

.section h1{
	font-size:10vw;
	margin-bottom:1vw;
}
.section h2{
	font-size:7vw;
	margin-bottom:0vw;
}
.section .ti{
	font-size:5vw;
	margin-bottom:2vw;
}
.section .txt{
	font-size:3.5vw;
	/*font-weight: bold;*/
}
.tiBox::before{
	height:7vw;
	margin-bottom:1.5vw;
}
.tiBox::after{
	height:12vw;
	margin-top:1.5vw;
}

.blueBtn{
	width:100%;
	height:  12vw;
    line-height: 12vw;
	font-size:4vw;
}

/*********************************************************************************/
/* home                                                                       */
/*********************************************************************************/
#homeArea {
	/*border:3px #D00 dotted;*/
}

#homeArea .box{
	top:17%;
	width:86%;
	height:85%;
	
	/**/
}
#homeArea h1{
	width:80vw;
}
#homeArea .logo{
	width:40vw;
	height:auto;
	bottom:15vw;
	right:28.5vw;
}


/*********************************************************************************/
/* insideArea                                                                          */
/*********************************************************************************/
#insideArea {
	/*opacity:0.5;*/
}
#insideArea .tiBox{
	margin-top:12vw;
	/*opacity:0.5;*/
}

/*********************************************************************************/
/* techArea                                                                          */
/*********************************************************************************/
#techArea{
	/*border:3px #D00 dotted;*/
}

#techArea .infoBox{
	display: block;
	
}
#techArea .info1{
	width:100%;
	margin-bottom:10vw;
}
#techArea .info1 .light{
	width:10%;
	top:-30%;
	left:-5%;
}
#techArea .info1 .txt{
	position:relative;
	width:86%;
	top:0%;
	left:7%;
	
}
#techArea .info2{
	position:relative;
	width:100%;
	top:0%;
	left:0%;
}
#techArea .info2 .light{
	width:100%;
	top:-16%;
	left:-19%;
}
#techArea .info2 .txt{
	position:relative;
	width:86%;
	top:0%;
	left:7%;
	/**/
}

/*********************************************************************************/
/* bookingArea   預約賞車                                                                          */
/*********************************************************************************/
#bookingArea{
	height: 200vw;
	z-index: 500;
}

#bookingArea .box{
	top:0vw;
	left:0%;
	width:86%;
	height:90%;
	font-size:4vw;
	pointer-events: auto;
}
#bookingArea .txtBox{
	margin-bottom:5vw;
	/*border:1px #D00 dotted;*/
}
#bookingArea h1{
	font-size:8vw;
	font-weight: bold;
	
}



/*flexslider====================================================*/
.flexslider,
.flexslider .slides,
.flexslider li,
.flexslider li .item{
	display: block;
	width:100%;
	height:auto;
	background-color: rgba(250,0,0,0)!important;
	
}

.hit{
	position: absolute;
	display: block;
	width:100%;
	height:40vw;
	pointer-events: auto;
	z-index: 500;
	/*background-color: rgba(0,250,0,0.2);
	*/
}
.hit.T{
	top:0;
}
.hit.B{
	height:20vw;
	bottom:20vw;
}
.navigation{
	width:100vw;
}
.navigation .controls{
	display:none;
}
.flexslider .prevBtn,
.flexslider .nextBtn{
	width:7vw;
}
.flexslider .prevBtn .arrow,
.flexslider .nextBtn .arrow{
	width:80%;
}

.flexslider .controls{
	height:8vw;
	bottom:8vw;
	z-index: 1000;
	
}
.flexslider .controls li,
.flexslider .controls li a{
	width:3vw;
	height:3vw;
	margin-right:3vw;
}

.item .txt,
.item .pic{
	position:relative;
	display: block;
	width:100%;
	height:auto;
	margin-bottom:0vw;
	/*border:2px #D00 dotted;*/
}
.section ul li .pic {
	margin-bottom:0vw;
}
.item .ti{
	font-size:5vw;
	padding:0vw 0vw 0 7vw;
	margin-bottom:2vw;
}
.item .txt{
	width:100%!important;
	padding:0vw 7vw 0 7vw;
	text-align: left;
}
/*outsideSlider====================================================*/

#outsideSlider .prevBtn .arrow,
#outsideSlider .nextBtn .arrow{
	top:40%;
}
#outsideSlider .item .pic{
	margin-bottom:2vw;
}
/*insideSlider====================================================*/
#insideSlider .prevBtn .arrow,
#insideSlider .nextBtn .arrow{
	top:40%;
}
#insideSlider .item .pic{
	margin-bottom:2vw;
}