/*首頁*/
#contents_1{
	background: url(../image/0-1.png) center center no-repeat !important;
	background-size: corver;
	height: 95vh;

}

#contents_1 span{
	float: right;
	margin-right: 5%;
	font-weight: 1000;
	font-size: 2em;
	text-align: right;
	color: #ffffff;
	opacity: 0.9;
}



.navbanner{
	margin:15px;
	width: 350px;
	height: 130px;
	border-radius: 3px;
	display: block;
	float: left;
	cursor: pointer;
	
}

.navbanner:nth-child(1){
	background: url(../image/b1.jpg) center center no-repeat !important;
}

.navbanner:nth-child(2){
	background: url(../image/b2.jpg) center center no-repeat !important;

}
.navbanner:nth-child(3){
	background: url(../image/b3.jpg) center center no-repeat !important;

}
.navbanner:nth-child(4){
	background: url(../image/b4.jpg) center center no-repeat !important;

}

.navbanner span:nth-child(1){
	width: 80px;
	height: 130px;
	background: rgba(202,218,173,0.8) !important;
	border-radius: 0 130px 130px 0 !important;
	display: inline-block;
	writing-mode: vertical-lr;
	font-weight: 1000;
	font-size: 1.8em;
	color: #000000 !important;
	float: left;
	
	box-shadow: 8px 0px 2px rgba(0,0,0,0.1);

}

.navbanner span:nth-child(2){
	margin: 10px;
	width: 240px;
	height: 100px;
	display: inline-block;
	background: rgba(0,0,0,0.3) !important;
	text-shadow:0 0 0;
	font-size: 1.6em;
	font-weight: 1000;
	padding: 5px;
	color: #FFFFFF !important;
	opacity: 0.8;
}

/*關於我們*/

#contents_3{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	min-width:380px;
	min-height: 650px;
	display: block;
	clear: both;
}

#concept{
	width: 90%;
	margin-right: 5%;
	display: block;
	float: right;
}

#concept span:nth-child(1){
	font-size: 2em;
	display: block;
	clear: both;
}

#concept span:nth-child(2){
	font-size: 1em;
	line-height: 1.7em;
	clear: both;
}

#map{
	margin-left: 5%;
	width: 90%;
	height: 300px;
	background-color: grey;
	border-radius: 8px;
	display: block;
	float: left;
}

#information{
	margin-left: 5%;
	width: 90%;
   	min-width: 350px;
	display: block;
	float: left;
 	clear: both;
 	text-shadow: 0 0 0;
 	background: linear-gradient(90deg, rgba(202,218,173,0)0%, rgba(202,218,173,0.5)10%,rgba(202,218,173, 0.5)90%,rgba(202,218,173, 0)100%) !important;
 	
}

#information ul{
	list-style-type: none;
	color: #404040 !important;
	line-height: 1.7em;
}

#information ul li a{
	text-decoration: none;
}

#information span:nth-child(2){
	margin-left: 15%;
	font-size: 0.8em;
	letter-spacing:0.2em;
	vertical-align:sub;
}
#information span:nth-child(4){
	margin-left: 20%;
	font-size: 1.7em;
	letter-spacing:0.4em;
}
#information span:nth-child(6){
	margin-left: 20%;
	font-size: 0.8em;
	vertical-align:super;
	letter-spacing:0.2em;
}

/*租賃服務*/

/*驅動table*/
#contents_5{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	min-width:380px;
	min-height: 650px;
	display: block;
	clear: both;
}

.driver_info_table{
	margin-top:30px;
	clear: both;

}
.driver_tabs img{
	box-shadow: 2px 3px 2px rgba(0,0,0,0.1);
	border-top: 1px solid #000000;

}

/*服務項目*/
#contents_6{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	min-width:380px;
	min-height: 650px;
	display: block;
	clear: both;
}

#contents_6 .shopbanner{
	margin:15px;
	width: 350px;
	height: 130px;
	border-radius: 3px;
	border: 1px solid #000000;
	display: block;
	float: left;

}

a:nth-child(1) .shopbanner{
	background: url(../image/c01.gif) center center no-repeat !important;
	background-size: cover;
}

a:nth-child(2) .shopbanner{
	background: url(../image/c02.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(3) .shopbanner{
	background: url(../image/c03.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(4) .shopbanner{
	background: url(../image/c04.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(5) .shopbanner{
	background: url(../image/c05.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(6) .shopbanner{
	background: url(../image/c06.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(7) .shopbanner{
	background: url(../image/c07.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(8) .shopbanner{
	background: url(../image/c08.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(9) .shopbanner{
	background: url(../image/c09.gif) center center no-repeat !important;
	background-size: cover;
}
a:nth-child(10) .shopbanner{
	background: url(../image/c10.gif) center center no-repeat !important;
	background-size: cover;
}

.shopbanner span:nth-child(1){
	margin-top: 5px;
	height: 30px;
	line-height: 30px;
	font-weight: 750;
	font-size: 1.3em;
	text-shadow:0 0 0;
	color: #FFFFFF;
	background:linear-gradient(90deg, rgba(0,104,139,1)0%, rgba(0,104,139,0.1)100%) !important;
	width: 350px;
	display: block;
	float: left;
	overflow: hidden;
}

.shopbanner span:nth-child(2){
	margin-top:10px;
	width: 0px;
	height: 85px;
	display: block;
	float: right;
	overflow: hidden;
	color: #EEFFBB;
	background:linear-gradient(90deg, rgba(0,104,139,0.4)0%, rgba(0,104,139,1)100%);
	transition: 0.3s;

}

.shopbanner:hover span:nth-child(2){
	width: 330px;
	transition: 0.8s;
}


/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 800px),print  {

#contents_1 span{
	color: #000000;
	opacity: 0.5;

}

/*首頁*/
#contents_2{
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	min-height: 450px;
	clear: both;

}

/*關於我們*/
#contents_3{
	min-width:770px;
	max-width: 1050px;
}

#concept{
	margin-right: 5%;
	width: 50%;
	padding-left:5%; 
}

#map{
	margin-left: 5%;
	width: 35%;
	height: 400px;
}

#information{
	width: 35%;	
}



/*租賃服務*/
#contents_4{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	min-width:770px;
	max-width: 1050px;
	min-height: 650px;
	display: block;
	clear: both;
}


/*驅動*/
#contents_5{
	padding-top: 30px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	min-width:770px;
	max-width: 1050px;
	min-height: 650px;
	display: block;
	clear: both;

}

/*服務項目*/
#contents_6{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width:770px;
	min-height: 650px;
	display: block;
	clear: both;

}




}

