@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');



 
body {
	height:100%;
	font-family: "Microsoft JhengHei";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 16px;
}
.Models{ text-align:center}
.Models .txt H3{color:#4da771;margin :5px auto 10px auto;font-family: "cwTeXYen", sans-serif; }
.Models .txt H4{color:#44301a;font-family: Arial, Helvetica, sans-serif;}
.Models img{margin:30px auto}
@media only screen and (max-width: 768px) {
.Models .txt H4{font-size:12px}
.Models .txt H3{font-size:20px}
}
.btnBooking a, .section-title a{
	text-decoration: none;
}
 .btnBooking{text-align:center;margin-top:80px; display:block;height:150px;padding:30px 30px;}
 .btnBooking .site-btn { font-size:20px;background: #4da771;border: none;color:#fff1d4;font-weight:800;padding: 15px 30px;border-radius: 50px; width: 160px;
	cursor: pointer;  
	-webkit-box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
 .btnBooking .site-btn:hover {color: #fff;background: #333;}

.contact{text-align:center}
.Advantages{text-align:center}
.Advantages H3{margin :5px auto 10px auto;font-family: "cwTeXYen", sans-serif;} 
.BooboBear{}
.BooboBear h3{margin:20px 0px}
.mt80{margin-top:80px}
.mt25{margin-top:25px}
.mt-20{margin-top:-20px}
.mt-70{margin-top:-70px}
.mt40{margin-top:40px}
.mb5{margin-bottom:5px;}
.mb80{margin-bottom:80px;}

 
.hover{}
.hover a:hover{color:#8c7134}
  
.t-center{text-align:center}
.ml100{margin-left:100px}

section{overflow:hidden;width:100%}
 
.t-Noto{font-family: "cwTeXYen", sans-serif;font-size:16px;}
.imgHover{}
.imgHover:hover{opacity: 0.5; filter: alpha(opacity=50);	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}	
img {max-width: 100%;}
h1,h2{
	font-family: "cwTeXYen", sans-serif;
	color: #4ba56f;
	font-weight: 600;
	font-size: 50px;
}
h3,h4,h5,h6 {padding: 0;margin: 0;font-weight: 600;color: #222;}
p {font-size:16px;margin-bottom: 10px;line-height: 22px;color: #666;}
button:focus,input:focus,textarea:focus,select:focus {outline: none;}
a:hover,a:focus {text-decoration: none;outline: none;}
ul,ol {padding: 0;margin: 0;}
.section-title {text-align: center;margin: 80px 0px 40px 0px;}
.section-title h4 {
	font-size:15px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
} 
 
.set-bg {
	background-repeat: no-repeat;
	height:100%;
	height:100vh;
	background-position: center center;
	background-image: url(../img/banner1920-1.jpg); 
}
 
.show991{display:none}
.show768{display:none}

/* 選單 */
.header-section {position: absolute;top: 0;left: 0;width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;z-index:999;
 }
.nav-shrink {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: fixed;background: #4da771;border-bottom-width: 0px!important;}
.nav-shrink .nav-link { color:#fff; }
.nav-shrink .site-menu a:hover{ color:#fff1d4; }

.nav-shrink .site-menu .act{ color:#fff1d4; }
.site-menu .act{ color:#4da771; }


.header-warp {width:100%;height:100px;padding:0px;}
.header-section .site-logo{float:left;height:100%;padding:10px 0px;}
.header-section .site-logo img {height:80px;max-height:100%;}
.nav-shrink .light {display:none}
.header-section .dark{display:none}
.nav-shrink .dark{display:block}

.responsive-switch,.sm-close {display:none;}
.sm-close{color: #fff1d4;}


.site-menu ul {font-family: "cwTeXYen", sans-serif;float:right;list-style: none;padding-top:35px;margin-left:0px}
.site-menu li {display: inline-block;}
.site-menu li.current a:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.site-menu a:hover {color: #4da771;}
.site-menu a {color: #000; font-size:20px;position: relative;font-weight: 600;}

.site-menu li  { 
	text-align:center;
	line-height: 15px;margin-left:20px;
}
.site-menu a span{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
}

.eng{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;letter-spacing: 1px;
}
.site-menu a:after {position: absolute;content: "";width: 10px;height: 10px;left: 50%;bottom: -10px;margin-left: -5px;border-radius: 20px;background: #4da771;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

/* 海報 */
.sliders-section2 {min-height:450px;height:450px;background-position: center center;position: relative;}
.sliders-section3 {min-height:300px;height:300px;background-position: center center;position: relative;}

 .sliders-section {
	min-height: 100%;
	height:100vh;
 	position: relative;
   background-image: url(../img/banner1920.jpg), url(../img/banner1920-1.jpg);
  background-position: center bottom, center center;
  background-repeat: no-repeat, repeat;}
.sliders-text{margin-top:30%;min-height:250px;}
.sliders-img{margin-top:150px;}

.sliders-section .sliders-content {width:100%;margin:10px auto;position: absolute; z-index: 5;overflow:hidden}
.sliders-content.sticky {position: absolute;}
.sliders-content h2 {font-size:70px;font-weight: 700;color: #4da771;line-height:70px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
 
.sliders-content .move { 
	-webkit-animation: finger 1.5s infinite;
	animation: finger 1.5s infinite;
}
@-webkit-keyframes finger {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		opacity: .2;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes finger {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		opacity: .2;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

 /* 租車需求 */
.inquire{
padding:70px 0px;
	margin: 80px auto 0px auto;
	background-image: url(../img/banner1920-1.jpg);
	background-repeat: repeat;
}
.inquire .site-btn {font-size:20px;background: #4da771;border: none;color:#fff1d4;font-weight:800;padding: 15px 30px;border-radius: 50px;min-width: 160px;
	cursor: pointer;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.inquire .site-btn:hover {color: #fff;background: #333;}

/* 連絡我們 */
.cont-info {margin-bottom: 50px;}
.cont-info .icon {display: block;font-size: 35px;margin-bottom: 15px;}
.cont-info a,
.cont-info span {color: #333;font-size: 15px;font-weight: 600;line-height: 28px;}
.cont-info a {text-decoration: underline #333 dotted 1px;}
.cont-info p {font-size: 12px;margin-bottom: 0;}
.social {text-align:center;position:relative;}
.social .scanning {left: 50%;width:250px;transform: translate(-50%, -0px);visibility: hidden;text-align: center;position: absolute;z-index: 1;bottom:20px;}
.social:hover .scanning {visibility: visible;}

/* 頁腳 */
.footer-section{margin-top:-5px;background-color:#4da771;text-align:center;height:75px;}
.copyright {font-size: 12px;color: #fff;padding-top: 25px;letter-spacing: 2px;}

.hotKey{display:block;width:100%;Z-index:999;background-color: #fff;position: fixed;height: 75px;bottom: 0px;display: block;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.hotKey ul , li{margin:0px 0px;padding:0px;display: block;}
.hotKey li{float:left;margin:10px 0px;width:20%;list-style-type: none;}
.hotKey li img{width:auto;max-width:60px;margin-bottom:3px;}
.hotKey li p{
	margin-top:5px;
	font-size:12px!important;
	font-weight: 800;
	line-height: 10px;
	letter-spacing: 0px;color: #333;
}


/*--------------------
	Responsive
----------------------*/

@media only screen and (max-width: 768px) {
.sliders-text{margin-top:120px;}
.sliders-img{margin-top:0px;}



.isotope_items p{margin:10px 0px 20px 0px;line-height:20px;}
.sliders-content .move img{width:280px;margin-top:50px;}
.social:hover .scanning {display:none}
.details{font-size:10px!important;}
h1, h2{font-size:40px;}
.t-center768{text-align:center}	
.isotope_items h3{font-size:16px;}
.sliders-content {position: absolute;}
.sliders-content h2 {font-size:45px;}

}

@media only screen and (max-width: 991px) {
.telCall .tel{font-size:2.5em;}
.hidden991{display:none}
.show991{display:block}
.t-center991{text-align:center}	
 .sliders-section {
	min-height: 100%;
	height:100vh;
 	position: relative;
   background-image: url(../img/banner991-1.jpg), url(../img/banner1920-1.jpg);
  background-position: center bottom, center center;
  background-repeat: no-repeat, repeat;}
}

@media only screen and (max-width: 1024px) {
.header-section .responsive-switch {color: #000;}

.header-section i {font-size: 60px;}

.nav-shrink .responsive-switch {color: #fff;}

.nav-shrink .site-menu a {color: #fff1d4;}
.nav-shrink .site-menu a:hover {color: #4da771;}

.site-menu a {color: #fff1d4;}
.ml100{display:none}
.responsive-switch {color: #fff;display: block;float: right;font-size: 40px;padding-top: 10px;padding-right: 12px;cursor: pointer;}
.sm-close {font-size: 40px;
		display: block;
		position: absolute;
		top: 20px;
		right: 30px;
		width: 60px;
		height: 60px;
		
		text-align: center;
		padding-top:0px;
		cursor: pointer;
		z-index: 9;
		opacity: 0;
		transform: rotate(90deg);
		transition: all 0.3s ease 0s;
	}
	.site-menu {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top:0px;
		display: table;
 
		background: #fff;
		z-index: 999;
		opacity: 0;
		transform: translateX(-100%);
		transition: all 0.4s ease 0.3s;
	}
.site-menu.active {opacity: 1;transform: translateX(0);transition: all 0.4s ease 0s;}
.site-menu.active ul {top: 0;opacity: 1;transition: all 0.3s ease 0.4s;}
.site-menu.active .sm-close {opacity: 1;transform: rotate(0);transition: all 0.3s ease 0.4s;}
.site-menu ul {vertical-align: middle;float: none;text-align: center;position: relative;margin-top: 10%;opacity: 0;transition: all 0.3s ease 0s;}
.site-menu li {display: block;margin:15px ;}
.site-menu a {font-size: 25px;padding: 0px 4px;margin-left: 0;margin-bottom: 5px;display: inline-block;}
.site-menu a:after {background: #4da771;height: 5px;width: 100%;left: 2px;bottom: 6px;margin-left: -3px;z-index: -1;}	
}

@media only screen and (max-width: 1280px) {
.sliders-content .move img{width:350px;}
.header-section .site-logo{padding:8px 0px;}
.header-section .site-logo img {height:64px;}
.ml100{margin-left:50px}
.site-menu{background-color: rgba(0,0,0,0.7);}
.header-warp {height:80px;}
 
.site-menu ul {padding-top:25px;}
}	
.panel-group .panel{margin-bottom:20px;}  
.panel-default{}
.panel-default .panel-heading{
	border-radius:5px 5px 0px 0px;
	padding:12px 20px;
	background-color: #f5f5f5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
}.panel-default .panel-heading H4{
	font-size: 18px;
}

.panel-default .panel-body{
	padding:12px 20px;
	border-radius:0px 0px 5px 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}