@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft JhengHei;
	background-color: #EEEEEE;
}
::selection {
	color: #FFFFFF;
	background-color: #00b4ff;
}
::-moz-selection {
    color: #FFFFFF;
    background: #00b4ff; /* Firefox */
}
::-webkit-selection {
	color: #FFFFFF;
	background: #00b4ff; /* Safari */
}
a {
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
img {
	border-style: none;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.both {
	clear: both;
}
.backToTop {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 120px;
	z-index: 900;
	background-image: url(../images/gotop.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.backToTop:hover {
	background-position: 0px -50px;
}

/*--------------------------------------------首頁--------------------------------------------*/
header {
	background-image: url(../images/index_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 301px;
}
.main {
	width: 990px;
	margin: 0 auto;
}
.left{
	float: left;	
}
.right{	
	float: right;
}
.logo {
	padding: 0 20px;
	width: 220px;
	float: left;
}
.logo img, .footer_div .left img{
	width: 100%;	
}
.menu {
	float: right;
	background-image: url(../images/TopMenuBG.png);
	background-position: right top;
	background-repeat: repeat-x;
	height: 49px;
}
.ck_div {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
	padding: 15px;
}
.ck_div img {
	max-width: 100%;
}
.ck_div p {
	text-align: justify;
}
.ck_div p a {
	color: #000000;
}
.ck_div p a:hover {
	color: #00b4ff;
}
.footer_div {
	background-image: -webkit-linear-gradient(270deg,rgba(0,174,255,1.00) 0%,rgba(0,158,228,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,174,255,1.00) 0%,rgba(0,158,228,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,174,255,1.00) 0%,rgba(0,158,228,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,174,255,1.00) 0%,rgba(0,158,228,1.00) 100%);
	padding: 0 0 60px 0 ;
}
.footer_div .left  {
	width: 20%;	
}
.footer_div .right {
	width: 70%;	
}
.footer_div p {
	margin: 15px 20px 15px 0;
	display: inline-block;
	color: #FFFFFF;
}
.footer_div p a {
	color: #FFFFFF;
}
.footer_div p a:hover {
	color: #000000;
}
.copy {
	margin: 15px 0 0 0;
	color: #69D2FD;
}
/*------------------------------加好友+來電------------------------------*/
.qlink {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 6px;
	z-index: 999;
	font-family: "微軟正黑體";
	font-weight: bold;
	line-height: 40px;
}
.qlink li {
	width: calc(100%/4 - 20px);
	margin: 10px;
	float: left;
	text-align: center;
	list-style: none;
	border-radius: 20px;
}
.qlink li:nth-child(1) {
	background-color: #C4EAC1;
}
.qlink li:nth-child(2) {
	background-color: #8ED9F9;
}
.qlink li:nth-child(3) {
	background-color: #FBBBBB;
}
.qlink li:nth-child(4) {
	background-color: #D3BFF9;
}
.qlink li:nth-child(1):hover {
	background-color: #2F7028;
}
.qlink li:nth-child(2):hover {
	background-color: #288EC9;
}
.qlink li:nth-child(3):hover {
	background-color: #C92727;
}
.qlink li:nth-child(4):hover {
	background-color: #6F26C9;
}
.qlink li a {
	display: block;
	color: #2F7028;
}
.qlink li:nth-child(2) a {
	color: #007AC1;
}
.qlink li:nth-child(3) a {
	color: #C10000;
}
.qlink li:nth-child(4) a {
	color: #5000C1;
}
.qlink li a:hover, .qlink li:nth-child(2) a:hover, .qlink li:nth-child(3) a:hover, .qlink li:nth-child(4) a:hover {
	color: #FFFFFF;
}
.qlink li a .fa {
	margin-right: 5px;
	position: relative;
	font-size: 25px;
}
.qlink li a .fa.fa-commenting, .qlink li a .fa.fa-phone, .qlink li a .fa.fa-facebook, .qlink li a .fa.fa-map-signs {
	top: 4px;
}
.right_link {
	padding: 10px;
	position: fixed;
	right: 5px;
	bottom: 200px;
	z-index: 999;
	border-radius: 5px;
	background-color: #8E0002;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.right_link:hover {
	background-color: #3C0000;
}
.right_link a {
	color: #FFFFFF;
}
/*--------------------------------------------內頁抬頭--------------------------------------------*/

.title_pic {
	width: 121px;
	float: left;
}
.title_pic2 {
	width: 71px;
	float: left;
}
.title_div {
	color: #000000;
	font-size: 24px;
	position: relative;
	font-weight: bold;
	background-image: url(../images/H1_BG.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 60px 0 0 0;
	width: calc(100% - 121px);
	float: right;
}
.title_div2 {
	color: #06f;
	font-size: 20px;
	position: relative;
	font-weight: bold;
	background-image: url(../images/H2_BG.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 30px 0 0 0;
	width: calc(100% - 71px);
	float: right;
}
.see_div {
	font-size: 15px;
	color: #00b4ff;
	height: 20px;
	width: 300px;
	position: absolute;
	top: 70px;
	right: 0px;
	text-align: right;
	font-weight: normal;
}
.home a:link, .home a:visited, .home a:active {
	font-size: 15px;
	color: #666;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	height: 20px;
	width: 50px;
	padding-left: 20px;
}
.home a:hover {
	color: #00b4ff;
	background-position: 0px -21px;
}

/*--------------------------------------------公司簡介--------------------------------------------*/

.ab1_l {
	color: #f60;
	font-size: 18px;
	font-weight: bold;
	width: 48%;
}
.ab1_l p{
	text-align: right;
}
.ab1_r {
	width: 48%;
	text-align: left;	
}
.ab1_r img{
	width: 48%;
	text-align: left;
	border: 5px solid #FFF;
	-webkit-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
}

/*--------------------------------------------車型介紹--------------------------------------------*/

.car_div {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-radius: 10px 200px 200px 10px;
	margin: 20px 0;
	padding: 10px 20px;
}
.car_div .left {
	width: 450px;
	position: relative;
}
.car_tit {
	font-size: 22px;
    font-weight: bold;
    font-style: italic;
	color: #00b4ff;	
	padding: 0 0 5px 0;
}
.car_div ul {	
}
.car_div ul li {
	padding: 5px 0;
	border-top: thin dashed #cccccc;
}
.car_div ul li span{
	width: 170px;
	display: inline-block;
}
.car_div ul li strong{
	color: #F00;	
	
}
.car_btn {
	position: absolute;
	top: 35px;
	right: 0px;	/*left: 385px;*/
}
.car_btn a img {
	background-image: url(../images/But_OderCar_A.gif);	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.car_btn a:hover img {
	background-image: url(../images/But_OderCar_B.gif);	
}


.car_div .right {
	width: calc(100% - 450px);
	position: relative;	
}
.car_top {
	position: absolute;
	right: 50px;
	bottom: 20px;
}

#jumpMenu {
	width: 100%;
	display: block;
	margin: 20px 0;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	border-style: none;
	background-color: #00b4ff;
	border-radius: 10px;
	outline: none;
}


/*--------------------------------------------預約租車--------------------------------------------*/

.mem_div strong, .mem_div strong a {
	font-size: 24px;
	color: #FF0000;
	display: inline-block;
}
.mem_div strong a:hover {
	color: #000000;	
}
.mem_div ul  {
	padding: 0 0 0 20px;
	line-height: 40px;
}
.mem_div ul li {
	list-style-type: decimal;
}
.mem_frame {	
    background-color: #B7EDFF;
    font-size: 18px;
    line-height: 28px;
    border: 1px solid #06F;
    padding: 10px;
    margin: 10px 0;
    color: #000;
}
.mem_pic  {
	padding: 10px 0 20px 50px;
}
.mem_pic p, .mem_pic h2 {
	margin: 0;
	padding: 0 0 10px 70px;
}
.mem_pic strong {
	color: #FF0000;
	font-size: 28px;
}


/*--------------------------------------------推薦行程--------------------------------------------*/


.tra_div {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-radius: 10px;
	width: calc(100%/2 - 20px);
	margin: 20px 0;
}

.tra_div h2 {
	background-color: #00b4ff;
	color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0;
	padding: 10px;
	font-size: 20px;
}
.tra_div ul, .tra_div2 ul {
	margin: 0 0 0 20px;
	padding: 20px 20px 0 20px;
}
.tra_div ul li {
	padding: 5px 0;
	list-style-type: disc;
	color: #666666;
}
.tra_mom {	
	padding: 10px 0;
	margin: 10px  20px;
	border-top: 3px solid #00b4ff;
}
.tra_mom span {
	width: 170px;
	display: inline-block;
	font-weight: bold;	
}
.tra_mom strong {
	font-weight: bold;
	color: #F00;
	float: right;
}
.tra_top {
	float: right;	
}
.tra_top a i {;
	color: #FFF;	
}

.tra_div2 {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-radius: 10px;
	width: 100%;
	margin: 20px 0;
}
.tra_div2 h2 {
	background-color: #C00000;
	color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0;
	padding: 10px;
	font-size: 20px;
}

.tra_div2 ul li {
	padding: 5px 0;
	list-style-type: decimal;
	color: #666666;
}
/*--------------------------------------------注意事項--------------------------------------------*/

.note_div a {
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
}
.note_div a:hover {
	color: #000000;	
}
.note_div ul {
	padding: 0 0 0 20px;
	line-height: 30px;
}

.note_div ul li {
	list-style-type: decimal;
}
.note_div ul li ul li {
	list-style-type: circle;
}
/*--------------------------------------------表單--------------------------------------------*/

.can_f_box {
	margin-top: 30px;
	padding-top: 10px;
	border-top: thin dashed #999999;
}
.form_div strong, .can_f_box strong {
	padding: 0 5px 0 0;
	color: #DC0000;
	font-weight: bold;
	text-decoration: none;
}
.can_form {
	margin: 20px 0;
}
.sexybox {
	margin: 35px 0;
}
.sexybox label {
	width: auto;
}
.can_form p a {
	color: #00b4ff;
}
.can_form p a:hover {
	color: #000000;
}

form {
	width: 100%;
	font-size: medium;
}
label {
	width: 100%;
	transition: all 500ms ease;
}
label:hover {
	color: #0099FF;
}
input[type="text"], input[type="date"], input[type="time"], input[type="password"], input[type="email"], input[type="tel"], select {
	width: calc(100% - 22px);
	margin: 10px 0;
	padding: 10px;
	color: #0099FF;
	border: thin solid #CCCCCC;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.50);
	outline: none;
	transition: all 500ms ease;
}
select {
	width: calc(100%/2 - 10px);
	margin: 10px 0;
	padding: 10px;
}
input[type="text"]:hover, input[type="text"]:focus,
input[type="date"]:hover, input[type="date"]:focus,
input[type="time"]:hover, input[type="time"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="tel"]:hover, input[type="tel"]:focus,
select:hover {
	-webkit-box-shadow: inset 1px 1px 2px 0px #CCCCCC;
	box-shadow: inset 1px 1px 2px 0px #CCCCCC;
}
input[type="button"], input[type="submit"], input[type="reset"], .cart_btn a {
	margin: 0 10px 30px 10px;
	padding: 10px 20px;
	color: #FFFFFF;
	text-align: center;
	border: none;
	border-radius: 10px;
	background-color: #0099FF;
	outline: none;
	transition: all 500ms ease;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .cart_btn a:hover {
	background-color: #000000;
}
input[type="radio"] {
	margin-right: 5px;
	position: relative;
	top: 2px;
	zoom: 120%;
}



/*--------------------------------------------手機--------------------------------------------*/
@media screen and (max-width:1000px) {
.main, .footer_div .left, .footer_div .right, .car_div .left, .car_div .right {
	width: 100%;
}
.left, .right, .menu, .logo {
	float: none;	
}
.logo{
	width: 30%;
}
.menu {
	background-image: none;
}
.footer_div {
	padding: 0 0 130px 0 ;
	text-align: center;
}
.footer_div .left img{		
	width: 150px;
	}	
.qlink li {
	width: calc(100%/2 - 20px);
	display: inline-block;
}
.ab1_l, .ab1_r  {
	width: 100%;
	text-align: center;
}
.ab1_l p, .car_div .right{
	text-align: center;
}
.car_div {
	border-radius: 10px;
}
.mem_pic  {
	padding: 10px 0 20px 0px;
}
.mem_pic p, .mem_pic h2 {
	padding: 0 20px 10px 20px;
}
.tra_div {
	margin: 20px 0;
	width: 100%;
}
}	
	
	
	
	
@media screen and (max-width:480px) {
.logo {
	width: 40%;
}
}