@charset "utf-8";
body {
	margin: 0px;
	font-size: 1em;
	letter-spacing: 0.01em;
	color: #333;
}
img {
	border: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
 *border-collapse: expression('separate', cellSpacing = '0');
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
table tr td {
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul, li, ol {
	margin: 0;
	padding: 0;
}
/*表單設定*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Century Gothic', 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}
select {
	border: 1px solid #ccc;
	color: #666;
}
input {
	border: 1px solid #ccc;
	padding: 8px 5px;
	color: #666;
}
textarea {
	border: 1px solid #ccc;
	padding: 3px 5px;
	color: #666;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}

@media (min-width: 959px) {
/*選單*/
#navmenu {
	display: none;
}
#menu-btn {
	display: none;
}
#toolbarnav {
	display: none;
}
/*主內容*/
#content {
 margin-top: 88px;
}
#pagebody {
	margin: 0;
}
#w {
	margin: 0;
}
}
/*統一設定*/
.rel {
	position: relative;
}
.container {
	margin: 0 auto;
	max-width: 1200px;
	width: auto !important;
	width: 980px;
}
.container02 {
	margin: 0 auto;
	width: 80%;
}
.container04 {
	margin: 0 auto;
	padding: 25px;
}
.addtop0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.addtop25 {
	padding-top: 25px !important;
}
.addtop50 {
	padding-top: 50px !important;
}
.addtop100 {
	margin-top: 100px !important;
}
.addleft25 {
	margin-left: 25px !important;
}
.addbottom25 {
	margin-bottom: 25px;
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../images/loader.gif) center no-repeat #fbfbfb;
}
.web {
	display: block;
}
.mobile {
	display: none;
}
/*全網站icon設定*/
.icon-home{
  background: url(../images/svg/home.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-arrow{
  background: url(../images/svg/arrow02.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-phone{
  background: url(../images/svg/phone.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-time{
  background: url(../images/svg/time.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}

.blue {
	color: #9c82af;
}
.red {
	color: #ba6955;
}
.red-more {
	color: #ff0000;
	padding: 25px 5px;
	font-weight: 600;
}
.green {
	color: #34f083;
}
.white {
	color: #fff;
}
.gold {
	color: #bfb575;
}
.font-big {
	font-size: 120%;
}
.font_small {
  font-size: 0.85em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.w30 {
	width: 30%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.bgwhite {
 background: #fff;
}

/*上方*/
header {
	width: 100%;
	height: 88px;
	position: fixed;
	top: 0;
	left: 0;		
	z-index: 250;
	-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);
	background: #fff;
}
header.fix {
	width: 100%;
	position: fixed;
	z-index: 250;
	top: 0;
	left: 0;	
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
header #logo {
	position: absolute;
	top: 15px;
	left: 30px;
	padding: 0;
}
header #logo .logoimg{
 float: left;
}
header #logo .logotxt{
 float: left;
}
header #logo .logotxt span.main { 
 display: block;
 font-weight: 900;
 line-height: 30px;
 font-size: 1em !important;
 color: #4b4a4c;
}
header #logo .logotxt span.sub { 
 display: block;
 font-weight: 400;
 line-height: 25px;
 font-size: 0.6em !important;
 color: #4b4a4c;
}
header.fix #logo {
	position: absolute;
	top: 5px;
	left: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: none;
	width: auto;
	padding: 0;
}
header.fix #logo .logoimg{
  height: 45px;
}
header.fix #logo .logotxt{
 font-size: 0.8em;
}
header.fix #logo .logotxt span.sub { 
 line-height: 15px;
}


/*連結*/
nav {
	z-index: 250;
	height: 50px;
	position: absolute;
	top: 15px;
	/*right: 170px;*/
	right: 0;
}
nav li {
	list-style-type: none;
}
#more-money {
 position: absolute;
 top: 20px;
 right: 5px;
}
header.fix nav {
	z-index: 250;
	height: 65px;
	top: 0 !important;
	position: absolute;
}
header.fix nav li ,header.fix nav li a{
	color: #737373;
}
header.fix #more-money {
 position: absolute;
 top: 5px;
 right: 5px;
}
/*第一層*/
ul.navigation li {
	position: relative;
	list-style-type: none;
	z-index: 100;
	display: inline-block;
	color: #434343;
	text-align: center;
	line-height: 55px;
	padding: 0 15px;
}
ul.navigation li a {
	display: block;
	text-align: center;
	color: #434343;
}
ul.navigation li:hover a{
	color: #fff;
}
ul.navigation li:last-child {
	border-right: none;
}
ul.navigation li ul {
	width: 100%;
	display: none;/*隱藏*/
	position: absolute;
	left: 0;
}
ul.navigation li:hover > ul {
	display: block;/*出現*/
}
ul.navigation ul li {
	color: #fff;
	width: 100%;
	background: #433d3b;
	line-height: 25px;
	padding: 10px 0;
}
ul.navigation ul li:hover {
	background: #77608f;
}
ul.navigation ul li:last-child {
	border-bottom: none;
}

/*連結高度*/
.addheight {
	text-align: center;
}
.addheight:hover {
	background: #77608f;
	color: #fff;
}
.addheight ul li a {
	color: #fff;
}
.addheight ul li a:hover {
}

/*掃光效果*/
.button {
 width: 100%;
}
.button .flash {
	overflow: hidden;
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
}
.button .flash:after {
	content: '';
	position: absolute;
	height: 400%;
	width: 30%;
	top: -180%;
	left: 0;
	opacity: 0.6;
	background: url(../images/light01.png);
	background-size: 100%;
	background-position: center;
	animation-name: flashLight;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
.button img {
	width: 100%;
	z-index: 1;
}
@-webkit-keyframes flashLight {
	from {
		left: -50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	to {
		left: 100%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0.6;
	}
}
@keyframes flashLight {
	from {
		left: -50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	to {
		left: 100%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0.6;
	}
}



/*首頁banner*/
#banner {
 display: block;
}
#bannermobile {
 display: none;
}


/*首頁連結*/
#index-link {
	position: absolute;
	width: 100%;
	margin: -50px 0 0 0;
	z-index: 100;
	display: flex;
}
.index-link {
 display: flex;
 flex: 1;
 margin: 1%;
 -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);
}
.index-link:hover >.txt{
 font-size: 120%;
}
.index-link .txt {
 position: absolute;
 width: 50%;
 padding: 25px;
}
.index-link .txt h3 {
 font-size: 2em;
 font-weight: 100;
}
.index-link .txt .color01 { color: #927467;}
.index-link .txt .color02 { color: #95849c;}
.index-link .txt .color03 { color: #7d8ec0;}
.index-link .txt b {
 font-size: 1.1em;
 font-weight: 100;
 color: #b0b0b0;
}


/*首頁消息標題*/
.crossTitleBox {
  width: 320px;
  margin: 200px auto 70px auto;
}
.crossTitleBox h2 {
  top: -3px;
  right: 7px;
  font-size: 22px;
}
.crossTitleBox .wordBox {
  font-size: 50px;
  letter-spacing: 4px;
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-bottom: 6px;
  font-weight: 600;
}
.crossTitleBox .wordBox > b {
    padding-left: 10px;
    padding-right: 150px;
    font-weight: 800;
}
.crossTitleBox .wordBox > b::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #feeaba 0, #6a498d 50%, #6d5393 100%) 50% 50% no-repeat;
}
.crossTitleBox .rightWord {
  position: absolute;
	right: -60px;
	top: 3px;
	z-index: 1;
	padding-right: 65px;
	padding-left: 15px;
	font-size: 25px;
	letter-spacing: 5px; 
	-webkit-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
	border-left: 1px solid #000;
	background-color: #fff;
	line-height: 80px;
	overflow: hidden;
}
.crossTitleBox .rightWord b {
  display: block;
  font-weight: 600;
  -webkit-transform: skew(40deg) translate(-15px, 10px);
      -ms-transform: skew(40deg) translate(-15px, 10px);
          transform: skew(40deg) translate(-15px, 10px);
}
.crossTitleBox .rightWord::before {
  content: '';
  position: absolute;
  left: 150px;
  bottom: 15px;
  z-index: -1;
  width: 30px;
  height: 6px;
  background: linear-gradient(to right, #5cc1e7 0, #85aad7 10%) 50% 50% no-repeat;
  -webkit-transform: skew(40deg);
      -ms-transform: skew(40deg);
          transform: skew(40deg);
}
.crossTitleBox p {
  position: relative;
  font-size: 14px;
  color: #8971d9;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  opacity: 0;
  top: 20px;
	left: 55px;
}
.crossTitleBox p.show {
  opacity: 1;
  top: 0;
  transition-delay: .5s;
}

/*首頁消息*/
#index-news {
 margin-bottom: 50px;
}
#index-news .index-news-list {}
#index-news .index-news-list .news {
  width: 100%;
  padding-top: 0;
}
#index-news .index-news-list .news:hover {
 transform: matrix(1,0,1,0);
 transition-delay: 0.1 s;
}


/*首頁據點*/
#index-location-bg {
 background: url(../images/index-location-bg.jpg);
 background-position: right;
 background-repeat: no-repeat;
}
#index-location-bg .left {
 float: left;
 width: 50%;
 height: 594px;
 position: relative;
}
#index-location-bg .left #img{
position: absolute;
top: 50%;
margin-top: -215px;
left: 5%;
}
#index-location-bg .right {
 float: right;
 width: 50%;
 color: #fff;
 text-align: center;
 height: 594px;
 position: relative;
}
#index-location-bg .right #txt {
  position: absolute;
	top: 60%;
	margin-top: -50px;
	right: 50%;
	margin-left: -120px;
}
#index-location-bg .right #txt h3 {
 font-size: 1.2em;
 font-weight: 100; 
 letter-spacing: 4px; 
}
#index-location-bg .right #txt b {
 font-size: 3em;
 font-weight: 100;
 letter-spacing: 10px;
}
#index-location-bg .right #txt li {
 display: inline-block;
 padding: 0 20px;
 border-right: 1px solid #fff;
}
#index-location-bg .right #txt li:last-child {
 border-right:none; 
}
#index-location-bg .right #txt li a {
 color: #fff;
}

/*首頁熱門車款*/
#index-hot-car {
}
#index-hot-car > h4{
 font-size: 2.5em;
 font-weight: 900;
 text-align: center;
 margin: 25px 0 5px 0;
}
#index-hot-car h5 {
 font-size: 1.8em;
 font-weight: 300;
 text-align: center;
 height: 50px;
 line-height: 50px;
 letter-spacing: 0.2em;
 margin: 0 0 25px 0;
}
#index-hot-car h5 span.white {
 display: inline-block;
 background: url(../images/index-hot-car-icon.png);
 background-position: center center;
 background-repeat: no-repeat;
 height: 50px;
 width: 50px;
 line-height: 50px;
}
/*首頁熱門車款-切換*/
#index-hot-car ul {
 text-align: center;
}
#index-hot-car li {
 display: inline-block;
}
#index-hot-car li a {
 display: block;
 color: #b3a16e;
 border: 1px solid #b3a16e;
 padding: 3px 10px;
 margin: 0 10px 25px 0;
 font-size: 0.8em;
}
#index-hot-car li a:hover {
 background: #b3a16e;
 color: #fff;
}

/*首頁熱門車款*/
#index-hot-car .index-hot-car {
 margin-bottom: 50px;
}
#index-hot-car .index-hot-car {}
#index-hot-car .index-hot-car .car {
  position: relative;
  width: 100%;
  padding-top: 0;
}
#index-hot-car .index-hot-car .car .txt {
 position: absolute;
 top: 0;
 left: 0;
}
#index-hot-car .index-hot-car h4.name {
 text-align: left;
 font-size: 1.2em;
 font-weight: 500;
}
#index-hot-car .index-hot-car div.price {
 text-align: left;
 color: #ca8e38;
}

/*麵包屑*/
#sitemap {
	padding: 5px 0 0 0;
}
#sitemap ul {
	text-align: right;
}
#sitemap li {
	display: inline-block;
	font-size: 0.8em;
	color: #666666;
	padding: 0 10px;
	border-right: 1px solid #666666;
	margin-left: -5px;
	line-height: 1em;
}
#sitemap li a {
	color: #666666;
}
#sitemap li a:hover {
 color: #ba6955;
}
#sitemap li:last-child {
	border-right: none;
}




/*內頁共用*/
#main {
 width: 800px;
 margin: 25px auto;
}
#main img {
 width: 100% !important;
}
.ckediter{
 padding: 10px;
}
.ckediter img {
	max-width: 100%;
	height:auto !important;
}
.ckediter-date {
	padding-left: 10px;
	color: #00a0e9;
}
h1.title {
 text-align: center;
 font-size: 1.8em;
 font-weight: 400;
 padding: 10px 0;
}
h2.title {
 text-align: center;
 font-size: 1.8em;
 font-weight: 400;
 padding: 25px 0;
 color: #fff;
}
h3.title  {
 text-align: center;
 font-size: 1.8em;
 font-weight: 400;
 padding: 0 0 15px 0;
 margin-top: 50px;
}
h3.title02  {
 text-align: left;
 font-size: 1.8em;
 font-weight: 400;
 padding: 0 0 0 0;
 margin-bottom: 25px;
}
h3.subtitle  {
 text-align: center;
 font-size: 1em;
 font-weight: 400;
 padding: 0 0 15px 0;
}

/*回上頁*/
.back {
	width: 120px;
	margin: 50px auto;
	text-align: center;
	cursor: pointer;
	-mox-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.back:hover {
	-mox-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}
.back span {
	float: left;
	display: block;
	padding: 5px;
}

/*分頁數字*/
#page {
	margin: 25px 0;
}
#page ul {
	text-align: center;
}
#page li {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	color: #000;
}
#page li a {
	color: #999;
}
#page li a:hover {
	color: #000;
}

/*空車出租*/
#rent-top {
padding: 30px 0;
background: rgb(202,7,237); /* Old browsers */
background: -moz-linear-gradient(left, rgb(254,234,186) 1%, rgb(182,140,156) 25%, rgb(106,73,141) 50%, rgb(120,125,178) 75%, rgb(130,159,206) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(254,234,186) 1%, rgb(182,140,156) 25%, rgb(106,73,141) 50%, rgb(120,125,178) 75%, rgb(130,159,206) 100%);  /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(left, rgb(254,234,186) 1%, rgb(182,140,156) 25%, rgb(106,73,141) 50%, rgb(120,125,178) 75%, rgb(130,159,206) 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b68c9c', endColorstr='#787db2', GradientType=1 ); /* IE6-9 */
}

/*快速租車表單*/
.login {
 float: left;
}
.w01 {
 width: 45%;
 margin-right: 5%;
}
.w02 {
 width: 25%;
 margin-right: 3%;
}
.w03 {
 width: 16%;
}
.w100 {
 width: 100%;
}
.login .list {
 width: 100%;
}
.login .list [type="text"] , .login .list select{
 width: 100%;
 height: 35px;
 font-size: 1em;
 border: none;
 outline:1px #ccc solid;
}
.login .listinput {
	float: left;
	width: 100%;
	line-height: 35px;
}
.login .list .one {
	width: 100%;
}
.login .list .two {
	width: 50%;
}
.login .list .three {
	width: 33.33%;
}
.login .list .red {
  color: #972829;
}
.login .list .green {
  color: #6dbb58;
}
.login .list .btn {
  width: 100%;
	background: #2b2258;
	text-align: center;
	color: #fff;
 font-size: 1em !important;	
}
.login .list .btn02 {
  width: 20%;
	margin: 25px 40%;
	background: #2b2258;
	text-align: center;
	color: #fff;
  font-size: 1em !important;	
}

/*額外設定*/
.login .list .date {
 background-image: url(../images/svg/timetable.svg);
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left: 40px;
 padding-right: 10px;
 -moz-background-size:30px;
 -webkit-background-size:30px;
 -o-background-size:30px;
 background-size:30px;
}
.login .list .location {
 background-image: url(../images/svg/location.svg);
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left: 40px;
 -moz-background-size:30px;
 -webkit-background-size:30px;
 -o-background-size:30px;
 background-size:30px;
 width: 70%;
}
.login .list .search {
 width: 29%;
 margin-left: 1%;
}
.login .list .search a {
 color: #e7cbb2
}

.need-fillin {
 background: #fbf1f5;
}

/*空車出租*/
#rent-car {
}
#rent-car .car {
 float: left;
 width: 25%;
 padding: 10px;
 height: 350px;
 margin-bottom: 20px;
}
#rent-car .car .left {
 float: left;
 width: 50%;
 padding: 0 5%;
 text-align: center;
}
#rent-car .car h4 {
 font-size: 2.1em;
 font-weight: 300;
 padding: 1% 10%;
 text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
#rent-car .car .img {
 height: 230px;
 padding: 50px;
 overflow: hidden;
}
/*#rent-car .car .img:hover img{
 margin-top: -10px;
}*/
#rent-car .car .price {
 font-size: 0.8em;
 padding-top: 2px;
}
#rent-car .car .p01 {color: #eb6100;}
#rent-car .car .p02 {color: #7c541b;}

#rent-car .addbag {
 color: #dd9578;
 border: 1px solid #ec6941;
 width: 80%;
 padding: 5%;
 cursor: pointer;
}
#rent-car .addbag:hover {
 background: #dd9578;
 color: #fff;
}

#rent-car .nocar {
 color: #ccc;
 border: 1px solid #ccc;
 width: 80%;
 padding: 5%;
 cursor: default;
}

/*空車出租-內頁*/
#car {
 margin: 50px 0;
}
#car-img {
 float: left;
 width: 50%;
}
#car-txt {
 float: left;
 width: 50%;
 margin: 25px 0;
}
#car-txt h1.title {
 text-align: left;
 font-size: 1.8em;
 font-weight: 400;
 padding: 10px 0;
}
#car-txt #introduction li{
 display: inline-block;
 width: 30%;
 margin-right: 3%;
 margin-bottom: 1%;
}
#car-txt #introduction li .grey {
 color: #adadad;
}
#car-txt #equipped {
 text-align: left;
}
#car-txt #equipped li {
 display: inline-block;
 margin-right: 1%;
 margin-bottom: 1%;
 padding: 5px 20px;
 border: 1px solid #eee;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}
#car-txt #equipped-txt {
 max-width: 600px;
}
#car-txt #information {
 border-bottom: 1px solid #bfbfbf;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
#car-txt #qty {
 padding: 5px 20px; 
 font-size: 1.2em;
}
#car-txt #price-delete {
 margin: 20px 0 0 0;
 font-size: 1.2em;
 font-weight: 500;
 text-decoration:line-through;	
}
#car-txt #price {
 margin:0 0 20px 0;
 font-size: 1.8em;
 font-weight: 500;
}
#car-txt #price small {
 font-size: 80%;
}
#car-txt .addbag {
color: #dd9578;
border: 1px solid #ec6941;
width: 124px;
text-align: center;
padding: 5px;
cursor: pointer;
}
#car-txt .addbag:hover {
 background: #dd9578;
 color: #fff;
}
#more-picture {
 background: #f1f1f1;
 padding: 20px;
}
#more-picture-in {
 background: #fff;
 margin: 50px auto;
 padding: 20px;
}
#more-picture-in h3.title {
 text-align: center;
 font-weight: 500;
 padding: 10px 0 25px 0;
}

/*司機代駕*/
#bannerin-driver {
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: right;
	background: url(../images/banner-driver.jpg);
	height: 400px;
	padding: 150px 0 0 0;
	position: relative;
}

/*司機代駕-banner上方*/
#driver-top {
 position: absolute;
 top: 15%;
 left: 50%;
 text-align: left;
 width: 500px;
 color: #fff;
}
#driver-top h1.title {
 font-size: 4em;
 font-weight: 500;
 color: #fff;
 text-align: left;
}
#driver-top-in {
}
#driver-top-in .left {
 float: left;
}
#driver-top-in .left b{
 font-size: 3em;
 background-image: url(../images/slash-line.png);
 background-position: right center;
 background-repeat: no-repeat;
 padding-right: 70px;
 font-weight: 500;
}
#driver-top-in .left h6 {
 padding: 10px 0 0 0;
 margin: -3px 0 0 -5px;
 font-size: 0.95em; 
 color: #da9bfa;
 font-weight: 500;
}
#driver-top-in .left h3 {
 padding: 5px 0 0 0;
 margin: 0 0 0 -20px;
 font-size: 1.1em;
 font-weight: 500;
}
#driver-top ul {
 margin-left: 25px;
}
#driver-top ul li {
 margin-bottom: 2px;
}

/*司機代駕-中間*/
#driver-center h3{
 text-align: center;
 font-size: 1.6em;
 font-weight: 600;
 margin: 25px 0;
}
#driver-center {
 padding-bottom: 50px;
}
#driver-center .driver-car h4.name{
 text-align: center;
 margin: 25px 0;
}

/*司機代駕-下方*/
#driver-bottom {
 padding: 50px 0;
 background: #eee;
}
#driver-bottom h3{
 text-align: center;
 font-size: 1.6em;
 font-weight: 600;
}
#driver-bottom p {
 text-align: center;
 margin-bottom: 20px;
}

/*司機代駕-下方注意事項*/
#bottom-note {
 background: #eee;
 padding: 50px 0;
}
#bottom-note h3 {
 font-size: 1.5em;
 display: inline-block;
 padding: 25px 5px 5px 0;
 border-bottom: 5px solid #9a85b3;
 margin-bottom:25px;
}
#bottom-note ol {
 color: #6a4a8f;
 font-weight: 800;
 margin-left: 20px;
 margin-bottom: 20px;
}
#bottom-note ol li {
 margin-bottom: 15px;
}
#bottom-note ol li > ul li {
 color: #000;
 font-size: 0.8em;
 list-style-type: none;
 margin: 5px 0 0 0;
}

/*司機代駕-價目表*/
#schedule{
  margin: 25px 0;
	background: #fff;
	width: 100%;
}
#schedule .title{
	background-image: url(../images/icon_schedule.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	margin-bottom:10px;
	color:#2f2f2f;
	height:30px;
	line-height:30px;
	font-size:1.2em;
}
#schedule .title .en {
	color:#f4a6db;
	font-size:80%;
}

/*司機代價-搜尋*/
#search-schedule {
 padding-bottom: 10px;
}
#search-schedule .list {
 float: left;
 /*width: 20%;*/
}
#search-schedule .list .listinput {
 width: 98%;
}
#search-schedule .list .listinput select {
 width: 100%;
 padding: 5px 13px;
 font-size: 1em;
}
#search-schedule .list input {
 width: 100%;
}

/*司機代駕表格*/
#schedule .divTableHeading {
 color: #eee;
 background: #917ba5 !important;
 text-align: center;
 vertical-align: middle;
 display: table-header-group;
}
#schedule .divTableBody {
 text-align: center;
}

/*司機代駕-其他*/
.bg-grey {
 background: #eee;
 padding: 1px 0;
}

/*仿table列表設定*/
#item {
	color: #63686b;
	border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee;
	display: table; /*仿table設定*/
	width: 100%;
	table-layout: fixed;
}
/*仿table列表設定-表頭*/
.itemth {
	color:#eee;	
	background-color: #917ba5;
	text-align: center;
	vertical-align: middle;	
	display: table-header-group; /*仿table設定*/	
}
.itemth li {
	padding: 10px;	
	border-right:1px solid #fff;
	display: table-cell; /*仿table設定*/	
}
.itemth li:last-child {
	border-right:none;
}
/*仿table列表設定-表身*/
.itembody {
	display: table-row-group; /*仿table設定*/	
}
.item {
	font-size:1.1em;
	border-bottom:1px solid #eee;
	display: table-row; /*仿table設定-橫列*/
}
.item:nth-child(even){
		background: #f7f7f7;
}
.item li {
	padding: 10px;
	text-align: center;
	list-style-type: none;
	border-right:1px solid #eee;
	vertical-align: middle;
	display: table-cell; /*仿table設定-每格*/		
}
.item li:last-child {
	border-right:none;
}
/*仿table列表_標題+寬度等額外元素*/
.w20 {
	width: 450px;
}
.w10 {
	width: 150px;
}

/*仿table列表設定*/
div.minimalistBlack {
  border: 1px solid #EEEEEE;
  width: 100%;
  border-collapse: collapse;
}
.divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack, .divTableHead, .divTableFoot{
  border: 1px solid #E4E4E4;
  padding: 10px 8px;
}
.divTable.minimalistBlack .divTableHeading {
  background: #F2F2F2;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #f3f3f3 66%, #F2F2F2 100%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f3f3f3 66%, #F2F2F2 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #f3f3f3 66%, #F2F2F2 100%);
}
.divTable.minimalistBlack .divTableHeading .divTableHead {
  font-weight: bold;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; } /*橫列*/
.divTableHeading { display: table-header-group;} /*表頭*/
.divTableBody { display: table-row-group;}
.divTableCell, .divTableHead { display: table-cell;} /*每格及標題每格*/
.divTableFoot {border-top: none; }  /*表尾*/

.divTableCell ul { margin-left: 20px; font-size: 0.85em;}
.divTableCell ul li{ margin-bottom: 5px;}


/*空車出租-內頁表格*/
.table-top {
 width: 500px !important;
 /*font-size: 0.8em!important;*/
 line-height: 0.9em!important;
 margin-bottom: 25px!important;
}
.table-heading {
 background:#bca8c6!important;
 color: #fff!important;
}

/*企業長租*/
#bannerin {
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: center;
	background: url(../images/banner-longrent.jpg);
	height: 400px;
	padding: 180px 0 0 0;
	text-align: center;
}
#bannerin h1.title {
 font-size: 2.5em;
 font-weight: 500;
 color: #fff;
}
/*長期租車優勢*/
#longrent-outTable {
 margin-bottom: 25px;
 border: 1px solid #bdc5e0;
}
#longrent-outTable .left {
 float: left;
 width: 50%;
}
#longrent-outTable .addline {
 border-right: 1px solid #bdc5e0;
}
#longrent-outTable .top {
 color: #fff;
 background: #bca8c6;
 text-align: center;
 height: 50px;
 line-height: 50px;
}
#longrent-outTable .top h4 {
 font-weight: 500;
 font-size: 1.5em;
}
#longrent-outTable .list {
 padding: 20px 20px 20px 25px;
}
#longrent-outTable .list ul.bad li {
 background-image: url(../images/good-no.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 padding-left: 28px;
 list-style-type: none;
 margin-bottom: 8px;
 color: #2B2B2B;
}
#longrent-outTable .list ul.good li {
 background-image: url(../images/good.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 padding-left: 28px;
 list-style-type: none;
 margin-bottom: 8px;
 font-weight: 500;
}
#longrent-outTable .list ul.good li:nth-child(odd) {
 color: #5f2cc3;
}
#longrent-outTable .list ul.good li:nth-child(even) {
 color: #db8921;
}
h4.title {
 font-size: 1.5em;
 color: #6a4a8f;
 margin-bottom: 10px;
}

/*長租注意事項*/
#longrent-note .left {
 width: 50%;
 float: left;
 padding: 5px 20px;
}
#longrent-note .left ol {
 margin-left: 20px;
}

/*企業長租表單*/
#bottom-contact {
 background: #e8e8e8;
 padding: 20px 0;
}
#bottom-contact p {
 width: 600px;
 margin: 0 auto;
 text-align: center;
}

/*服務據點*/
#bannerin-location {
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: center;
	background: url(../images/banner-location.jpg);
	height: 400px;
	padding: 150px 0 0 0;
	text-align: center;
}
#bannerin-location h1.title {
 font-size: 2.5em;
 font-weight: 500;
 color: #000;
}
#location .location {
 float: left;
 width: 27%;
 margin: -100px 3% 150px 3%;
}
#location .location h4 {
 color: #fff;
 margin: 15px 15px 0 15px; 
 font-size: 2em;
 font-weight: 500;
}
#location location p {
 margin: 5px 15px;
}
#location .location .txt {
 margin: 15px;
 border-top: 1px solid #fff;
 padding-top: 10px;
 min-height: 80px;
}
#location .location .txt li {
 list-style-type: none;
 color: #fff;
}
.loc01 { background:#ba93a3;}
.loc02 { background:#735494;}
.loc03 { background:#7f83b5;}
.loc01 p { margin-left: 15px; color: #d2fbe1;}
.loc02 p { margin-left: 15px; color: #eef4bb;}
.loc03 p { margin-left: 15px; color: #d8defe;}


/*情報消息*/
#bannerin-news {
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: center;
	background: url(../images/bannerin-new-bg.jpg);
	height: 400px;
	padding: 0 0 0 0;
	overflow: hidden;
	text-align: center;
	position: relative;
}
#bannerin-location h1.title {
 font-size: 2.5em;
 font-weight: 500;
 color: #000;
}
#bannerin-news .left {
 position: absolute;
 left: 0;
 width:45%;
 z-index: 10
}
#bannerin-news .right {
 position: absolute;
 right: 0;
 width: 60%;
 z-index: 11;
 background-position: left center;
 background-repeat: no-repeat;
 height: 400px;
 overflow: hidden;
}

/*首頁消息標題*/
#bannerin-news  .crossTitleBox {
  width: 100%;
  margin: 100px 0 0 0;
}
#bannerin-news  .crossTitleBox h2 {
  top: -3px;
  right: 7px;
  font-size: 22px;
}
#bannerin-news  .crossTitleBox .wordBox {
  font-size: 50px;
  letter-spacing: 4px;
  position: relative;
  display: block;
  padding-left: 10px;
  padding-bottom: 6px;
  font-weight: 600;
}
#bannerin-news  .crossTitleBox .wordBox > b {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
}
#bannerin-news  .crossTitleBox .wordBox > b span.big {
 font-size: 150%;
 font-weight: 500; 
}
#bannerin-news  .crossTitleBox .wordBox > b::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #feeaba 0, #6a498d 50%, #6d5393 100%) 50% 50% no-repeat;
}
#bannerin-news  .crossTitleBox .rightWord {
  position: absolute;
	right: 10%;
	top: 3px;
	z-index: 1;
	padding-right: 6px;
	padding-left: 15px;
	font-size: 25px;
	letter-spacing: 5px; 
	-webkit-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
	border-left: 1px solid #000;
	background-color: #f7f6f8;
	line-height: 80px;
	overflow: hidden;
}
#bannerin-news  .crossTitleBox .rightWord b {
  display: block;
  font-weight: 600;
  -webkit-transform: skew(40deg) translate(-15px, 10px);
      -ms-transform: skew(40deg) translate(-15px, 10px);
          transform: skew(40deg) translate(-15px, 10px);
}
#bannerin-news  .crossTitleBox .rightWord::before {
  content: '';
  position: absolute;
  left: 150px;
  bottom: 15px;
  z-index: -1;
  width: 30px;
  height: 6px;
  background: linear-gradient(to right, #5cc1e7 0, #85aad7 10%) 50% 50% no-repeat;
  -webkit-transform: skew(40deg);
      -ms-transform: skew(40deg);
          transform: skew(40deg);
}
#bannerin-news  .crossTitleBox p {
  position: relative;
  font-size: 14px;
  color: #8971d9;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  opacity: 0;
  top: 20px;
	left: 55px;
}
#bannerin-news  .crossTitleBox p.show {
  opacity: 1;
  top: 0;
  transition-delay: .5s;
}

/*消息內頁*/
#main {
 width: 800px;
 margin: 0 auto ;
}
#main img {
 width: 100% !important;
}
.textTitle {
	display: table;
	width: 100%;
	position: relative;
	height: 92px;
	padding: 15px 0 16px 77px;
  background: url(../images/title_line.jpg) bottom repeat-x;	
}
.textTitle .textDate {
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 1.1rem;
	font-size: 0.7rem;
	color: #fff;
	background: #6c5091;
	border-radius: 60px;
	padding: 15px 0;
	text-align: center;
	top: 15px;
	left: 2px;
}
.textTitle h1 {
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	height: 60px;
	line-height: 1.5rem;
	font-size: 1.4rem;
	vertical-align: middle;
	padding-right: 40px;
}



/*消息*/
#news {
 margin-bottom: 50px;
}
#news .news {
 float: left;
 width: 33%;
 padding: 50px;
}
#news .news .img {
 box-shadow: 0 0 10px 2px rgba(0,0,0,.10);
}
#news .news .date {
 font-size: 0.8em;
 color: #1F1F1F;
 margin: 5px 0;
}
#news .news h4 {
 font-size: 1.2em;
 font-weight: 500;
}

/*聯絡我們*/
#contact-bg {
 background: url(../images/bg-contact.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 -moz-background-size:cover;
 -webkit-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 height: 100vh;
}
#contact {
  position: absolute;
	left: 20px;
	top: 200px;
  width: 40%;
}
#contact h2 {
 font-size: 2.5em;
 font-weight: 300;
 color: #000 !important;
}
#contact  .list {
	width: 100%;
	margin: 15px 0;
}
#contact .btn {
  width: 20%;
	margin: 0 40%;
	background: #000;
	text-align: center;
	color: #fff;
}


/*會員專區*/
.account {
 background: #fff;
 padding: 25px;
 width: 100%;
 box-shadow: 0 0 15px 10px rgba(0,0,0,.02);
 margin-bottom: 50px;
}
.account aside {
 float: right;
 width: 20%;
}
.account main {
 float: left;
 width: 80%;
 padding: 0 20px 0 0;
}
.account-bg {
	background-image: url(../images/account-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}


/*會員專區-格子*/
.account .list {
 margin-bottom: 25px;
 width: 100%;
}
.account .list .listinput{
 font-weight: 700;
}
.account .list [type="text"] , .account .list select{
 width: 100%;
 height: 35px;
 font-size: 1em;
 border: none;
 outline:1px #ccc solid;
}
.account .listname {
	float: left;
	width: 15%;
	line-height: 35px;
}
.account .listinput {
	float: left;
	width: 85%;
	line-height: 35px;
}
.account .list .one {
	width: 100%;
}
.account .list .two {
  float: left;
	width: 50%;
}
.account .list .two > .listinput {
 width: 100%;
}
.account .list .red {
  color: #972829;
}
.btn-account > input {
  width: 20%;
  margin: 25px 40%;
	background: #9f89b5;
	text-align: center;
	color: #fff;
  font-size: 1em !important;	
}

/*會員專區-三格*/
.account .list .three {
	float: left;	
	width: 31.33%;
	margin-right: 1%;	
	margin-left: 1%;
}
.account .list .three-double {
	float: left;	
	width: 64.66%;
	margin-right: 1%;	
	margin-left: 1%;
}
.account .list .three:nth-child(3) {
  margin-right: 0;
	margin-left: 1%;
}
.account .listinput .w20 {
 width: 28.33%;
}
.account .listinput .w10 {
 width: 5%;
 text-align: center;
}

/*會員專區-備註*/
.list .three-three {
	float: left;	
	width: 98%;
	margin-right: 1%;	
	margin-left: 1%;
}
.shopping02-note {
 height: 72px;
 width: 100%;
 padding: 0 10px;
 background: #eee; 
 overflow: auto;
}

/*會員專區-側邊*/
ul#sider li {
	list-style-type: none;
}
ul#sider li a {
  display: block;
	color: #fff;
	background: #6b6b6b;
	line-height: 50px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.01em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
ul#sider li a:hover {
	color: #fff;
	background: #000;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}

/*會員專區-密碼+驗證*/
#loginother {
}
#loginother ul {
	text-align: left;
}
#loginother li {
	display: inline-block;
	margin-right: 5px;
	list-style-type: none;
}
#loginother li a {
	font-size: 0.85em;
	color: #666;
}

/*會員專區-會員登入按紐*/
.btnlocation {
 width: 600px;
 margin: 0 auto;
}
.btnlocation ul {
 list-style-type: none;
 text-align: center;
}
.btnlocation li {
 display: inline-block;
 margin-right: 5px;
}
.btnlocation li input[buttom] , .btnlocation li input[submit] {
 margin: 0;
}
.btn {
	background: #333333;
	padding: 5px 25px;
	color: #fff;
	font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}
.btn_fb {
	background: #3e5b99;
	padding: 5px 25px;
	color: #fff;
	font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*會員專區-追蹤*/
a.addbag {
 display: block;
 width: 120px;
 margin: 0 auto;
 font-size: 0.9em;
 color: #fff !important;
 background:#333333;
 padding: 10px;
 cursor: pointer;
}

/*聯絡我們*/
.listinput02 > select{
	padding: 8px 5px;
}

/*購物頁上方步驟*/
#shopping-step {
 margin: 140px 0 25px 0;
}
#shopping-step ul {
 text-align: center;
}
#shopping-step ul li {
 display: inline-block;
 width: 200px;
 height: 45px;
 line-height: 45px;
 color: #fff;
 text-align: center;
 background: url(../images/arrow-shop.png);
 background-position: center center;
 background-repeat: no-repeat;
 margin-right: -10px;
}
#shopping-step ul li.notyet {
 background: url(../images/arrow-shop02.png);
}


/*購物頁*/
.shopping {
 box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
 margin-top: 10px;
 margin-bottom: 20px;
 padding: 20px;
}
.shopping h4 {
 font-size: 2em;
 font-weight: 500;
 color: #432366;
 margin-left: 1%;
 margin-bottom: 20px;
}
.shopping h5 {
 font-size: 1.2em;
 font-weight: 600; 
 margin-left: 1%;
 margin-bottom: 5px;
}

/*購物頁上方*/
.shopping-top {
}
.shopping-top .left{
 float: left;
 width: 50%;
}
.shopping-top .right{
 float: right;
 width: 50%;
 text-align: right;
}
.shopping-top .right a {
 color: #e5944c;
}

/*購物頁格子*/
.shopping .list {
 width: 100%;
 margin-bottom: 25px;
}
.shopping .list [type="text"] , .shopping .list select{
 width: 100%;
 height: 35px;
 font-size: 0.9em;
 border: none;
 outline:1px #ccc solid;
}
.shopping .list .two {
	float: left;
	width: 49%;
	margin-right: 1%;
}
.shopping .list .two:child(even){
  margin-right: 0;
	margin-left: 1%;
}
.shopping .list .three {
	float: left;	
	width: 31.33%;
	margin-right: 1%;	
	margin-left: 1%;
}
.shopping .list .three-double {
	float: left;	
	width: 64.66%;
	margin-right: 1%;	
	margin-left: 1%;
}
.shopping .list .three:nth-child(3) {
  margin-right: 0;
	margin-left: 1%;
}
.shopping .list .three-right {
	float: right;	
	width: 31.33%;
	margin-right: 1%;	
	margin-left: 1%;
}
.shopping .listname {
  position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	z-index: 5;
	line-height: 35px;
	background: #22162f;
	color: #fff;
	text-align: center;
}
.shopping .listinput {
	width: 100%;
	padding-left: 100px;
	z-index: 4;
	line-height: 35px;
}
.shopping .listinput p {
 margin: 0;
 line-height: 35px;
 height: 35px;
 padding: 0 10px;
 background: #eee;
}
.shopping .listinput .left {
 float: left;
}
.shopping .listinput .w10 {
 width: 5%;
 text-align: center;
}
.shopping .listinput .w20 {
 width: 28.33%;
}
.shopping .listinput p.bg-white {
 background: #fff;
 border: 1px solid #ccc;
}
.shopping .listinput p .font-red {
 color: #ce1872;
 font-size: 1.4em;
 font-weight: 600;
}

ul#shopping-end li {
 margin-left: 25px;
 margin-bottom: 5px;
}

/*購物頁-購買方式*/
ul#pay-method {
 text-align: left;
 margin-left: 1%;
 margin-bottom: 25px;
}
ul#pay-method li {
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 10px;
     cursor: pointer;
}
ul#pay-method li a {
 display: block;
 padding: 0 20px;
 color: #848484;
 border: 1px solid #848484;
 height: 35px;
 line-height: 35px;
}
ul#pay-method li a.bg01 {
 background-image: url(../images/icon-pay01.jpg);
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left: 35px;
}
ul#pay-method li a.bg02 {
 background-image: url(../images/icon-pay02.jpg);
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left: 35px;
}

ul#pay-method li a.bg03 {
 background-image: url(../images/icon-pay03.jpg);
 background-position: 5px center;
 background-repeat: no-repeat;
 padding-left: 35px;
}

ul#pay-method li a.active {
 background: #536185;
 color: #fff;
}

/*購物按鈕*/
#shopping-btn {
	font-size: 0.8em;
	margin: 10px 0 50px 0;
	padding: 15px 0 13px 0;
}
#shopping-btn ul {
	list-style-type: none;
	margin: 0px auto;
	border: medium none;
	list-style: none outside none;
	text-align: center;
}
#shopping-btn li {
	display: inline;
	float: none;
	height: inherit;
	width: inherit;
	padding: 0 3px;
}
#shopping-btn li a {
	background-color: #333436;
	padding: 10px;
	position: relative;
	text-decoration: none;
	color: #fff;
	box-shadow: inset 0px 1px 0px #000, 0px 6px 0px #000;
	border-radius: 5px;
	cursor: pointer;
}
#shopping-btn li a:active {
	top: 7px;
	box-shadow: inset 0px 1px 0px #000, inset 0px -1px 0px #000;
	color: #eee;
	text-shadow: 0px 1px 1px #000;
	background-color: #62c1b2;
}
#shopping-btn li input {
	background-color: #333436;
	padding: 10px;
	position: relative;
	text-decoration: none;
	color: #fff;
	background-image: linear-gradient(bottom, #000 0%, #000 100%);
	box-shadow: inset 0px 1px 0px #000, 0px 6px 0px #000;
	border-radius: 5px;
	border: none !important;
	cursor: pointer;
}
#shopping-btn input:active {
	top: 7px;
	background-image: linear-gradient(bottom, rgb(100,170,30) 100%, rgb(129,212,51) 0%);
	box-shadow: inset 0px 1px 0px #781d06, inset 0px -1px 0px #781d06;
	color: #eee;
	text-shadow: 0px 1px 1px #924937;
	background-color: #ba8c81;
}




/*尾部*/
footer {
	background: #333436;
	color: #ececec;
	text-align: center;
}
footer #bottom {
  background: #333436;
}
footer #bottom .column {
	float: left;
	width: 14.2%;
	padding: 10px 20px;
	text-align: center;
}
footer #bottom h5 {
	font-size: 1.3em;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	color: #fff;
	font-weight: normal;
}
footer #bottom #footernav {
}
footer #bottom #footernav li {
	font-size: 1em;
	padding-bottom: 3px;
	list-style-type: none;
}
footer #bottom ul#footernav li a {
	color: #d0d1d1;
}
footer #bottom ul#footernav li a:hover {
	color: #a36a3b;
}
footer #bottom ul#footericon {
	text-align: center;
}
footer #bottom ul#footericon li {
	display: inline-block;
}
footer #copyright {
 background: #000;
 padding: 25px 0;
}
footer #copyright .left{
 float: left;
}
footer #copyright .left ul {
 text-align: left;
 list-style-type: none;
}
footer #copyright .left li {
 font-size: 1.1em;
 padding-bottom: 3px;
}
footer #copyright .right{
 float: right;
 text-align: right;
 color: #fff;
 margin-top: 50px;
}
footer #copyright .right ul {
 list-style-type: none;
}



/*訂車管理頁*/
.car-rent-manage {
 box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
 margin-top: 10px;
 margin-bottom: 20px;
 padding: 20px 20px 40px 20px;
}
.car-rent-manage  h4 {
 font-size: 2em;
 font-weight: 500;
 color: #432366;
 margin-left: 1%;
 margin-bottom: 20px;
}
.car-rent-manage h5 {
 font-size: 1em;
 font-weight: 600; 
 margin-top: 5px;
}
.car-rent-manage span {
 padding: 0 0 0 5px;
}

/*訂車管理頁上方*/
.car-rent-manage-top {
 margin: 5px 0 0 10px;
}
.car-rent-manage-top .left{
 float: left;
 width: 50%;
}
.car-rent-manage-top .right{
 float: right;
 width: 50%;
 text-align: right;
}

/*送出按鈕*/
.car-rent-manage-top .right input {
	background-color: #333436;
	padding: 10px;
	position: relative;
	text-decoration: none;
	color: #fff;
	background-image: linear-gradient(bottom, #000 0%, #000 100%);
	box-shadow: inset 0px 1px 0px #000, 0px 6px 0px #000;
	border-radius: 5px;
	border: none !important;
	cursor: pointer;
	font-size: 1em;
}
.car-rent-manage-top .right input:active {
	top: 7px;
	background-image: linear-gradient(bottom, rgb(100,170,30) 100%, rgb(129,212,51) 0%);
	box-shadow: inset 0px 1px 0px #781d06, inset 0px -1px 0px #781d06;
	color: #eee;
	text-shadow: 0px 1px 1px #924937;
	background-color: #ba8c81;
}

/*訂車管理頁格子*/
.car-rent-manage .list {
 float: left;
 width: 50%;
 margin-bottom: 0 !important;
}
.car-rent-manage .list [type="text"], .car-rent-manage .list select {
 width: 100%;
 height: 35px;
 font-size: 1em;
 border: none;
 outline:1px #ccc solid;
 padding: 0 5px;
}
.car-rent-manage .listname {
  position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	z-index: 5;
	line-height: 35px;
  background: #7e90af;
  color: #eee;
	text-align: center;
}
.title-strong { 
 background:#981a3f !important;
 color: #eee !important;
}
.title-mint { 
 background:#c7dd9c !important;
 color: #175310 !important;
}
.title-green { 
 background:#2ca534 !important; 
 color: #eee !important;
}
.title-money {
  background:#b29c50 !important;
	color: #fff !important;
}
.title-purple {
  background:#af7ead !important;
	color: #fff !important;
}
.strong { font-weight:900;}

.car-rent-manage .listinput {
	width: 100%;
	padding-left: 150px;
	z-index: 4;
	line-height: 35px;
}
.car-rent-manage .listinput label{
 margin-left: 5px;
}
.car-rent-manage .bg-grey {
  background: #eee;
}
.car-rent-manage .list .half {
	float: left;	
	width: 50%;
	margin-bottom: 1px !important;
}
.car-rent-manage .intact {
  float: left;
  width: 100%;
  margin-bottom: 1px;
}
.car-rent-manage .listbtn {
 position: absolute;
 top: 0;
 right: 0;
}

/*訂單管理-填寫錯誤*/
#fillin-wrong {
  position: fixed;
	bottom: 0;
	left: 0;
	padding: 15px 5px 0 5px;
	width: 100%;
	background: #8e1508;
	color: #fff;
	font-size: 0.8em;
	z-index: 1000000;
}
#fillin-wrong ul {
 text-align: center;
}
#fillin-wrong li {
 display: inline-block;
 margin-right: 5px;
}
#fillin-wrong li:after {
 content: " / ";
}