@charset "utf-8";
/* CSS Document 
主要架構，兩欄式 layout
*/
*{
	padding:0;
	margin:0;
}
a{
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
html{
	font-family: Verdana, "新細明體", "微軟正黑體";
	font-size: 100%;
}
body{
	background-color: #DFDED3;
	background-image:url(../images/bg_main.png);
	font-size: 0.750rem;/*12px*/
	font-size: 12px;/*12px for IE*/
	-webkit-font-smoothing: antialiased !important;
	text-rendering: optimizelegibility;
	background-repeat: repeat-x;
	}
#wrapper {
	width:1000px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	position: relative;
}
/* ========邊欄區=========== */	
#sidebar {
	width: 240px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#sidebar #logo {
	/*background-image: url(../images/logo.png);
	height: 248px;
	width: 243px;
	text-indent: -999px;*/
	margin-bottom: 25px;
}
#sidebar #logo a {
	display: block;
	height: 248px;
	width: 243px;
}
.fb-like-box{
	height: 450px;
	width: 240px;
	background-color: #FFFFFF;
}

/* ======== 邊欄區-租車頁 =========== */	
#sidebar-car {
	width: 220px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#sidebar-car #logo {
	/*background-image: url(../images/logo.png);
	height: 248px;
	width: 243px;
	text-indent: -999px;*/
	margin-bottom: 25px;
}
#sidebar-car #logo a {
	display: block;
	height: 248px;
	width: 243px;
}


/* ========主要內容區=========== */	
#main {
	width: 720px;
	/*background-color: #00FF00;*/
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
	margin-bottom: -50px;
}
#main2 {
	width: 740px;
	/*background-color: #00FF00;*/
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
	margin-bottom: -50px;
}
#mainMenu {
	margin-top: 25px;
	margin-bottom: 20px;
	height: 135px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#mainMenu-car {
	margin-top: 25px;
	margin-bottom: 20px;
	height: 135px;
	width: 700px;
	margin-left: 100px;
}
.Menu-car {
	margin-left: 70px;
}
#board {
	width: 620px;
	padding: 45px 40px 30px 40px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: rgba(255,255,255,1);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,0.7) 47%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,0.7) 47%, rgba(255,255,255,0) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 0 -1px 13px 3px rgba(0,0,0,0.3);
	box-shadow: 0 -1px 13px 3px rgba(0,0,0,0.3);
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	-webkit-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
#board-car {
	width: 720px;
	padding: 40px 40px 30px 40px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: rgba(255,255,255,1);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,0.7) 47%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,0.7) 47%, rgba(255,255,255,0) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.75) 1%, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 0 -1px 13px 3px rgba(0,0,0,0.3);
	box-shadow: 0 -1px 13px 3px rgba(0,0,0,0.3);
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	-webkit-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.board_pic {
	height: 184px;
	width: 153px;
	background-image: url(../images/board_pic.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 30px;
	top: 140px;
}
.board_pic-car {
	height: 184px;
	width: 153px;
	background-image: url(../images/board_pic.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -70px;
	top: 140px;
}

/* 麵包屑 */
#nav{
	color: #78828D;
	font-size: 0.625rem;/*10px*/
	font-size: 10px;/*10px for IE*/
	font-family: "新細明體";
	line-height: 2rem;
	position: absolute;
	right: 90px;
	top: 200px;
}
#nav a{
	color: #67717A;
	text-decoration: none;
}
#nav a:hover{
	color: #006699;
	text-decoration: underline;
}

.mainTitle {
	background-image: url(../images/mainTitle_icon.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 20px;
	z-index: 10;
}
p {
	font-family: "微軟正黑體";
	font-size: 0.938rem;/*15px*/
	font-size: 16px;/*5px for IE*/
	line-height: 1.8rem;
	font-weight: bold;
	color: #404a4c;
	text-decoration: none;
}
.mainTitle h1 {
	font-family: "微軟正黑體";
	font-size: 1.125rem;/*18px*/
	font-size: 18px;/*18px for IE*/
	color: #000000;
	font-weight: lighter;
	letter-spacing: 0.1rem;
	margin-left:15px;
	line-height: 1.125rem;
}
.mainTitle h2 {
	font-family: Arial;
	font-size: 0.563rem;/*9px*/
	font-size: 9px;/*9px for IE*/
	line-height: 138cac;
	color: #138cac;
	letter-spacing: 0.1rem;
	margin-left:15px;
	line-height: 1rem;
}
.clear {zoom:1; clear:both;} 
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

ul.list_news {
	margin-top: 10px;
	margin-bottom: 30px;
}
ul.list_news li {
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 20px;
	list-style-image: url(../images/listNews_icon.png);
}
ul.list_news li a {
	font-family: "微軟正黑體";
	font-size: 1rem;/*16px*/
	font-size: 16px;/*9px for IE*/
	line-height: 1.8rem;
	font-weight: bold;
	color: #404a4c;
	text-decoration: none;
	padding: 3px 8px;
}
ul.list_news li a:hover {
	color: #FFFFFF;
	background-color: #006699;
}

.line{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	margin-bottom: 20px;
}
.center {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.float_left_15px{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.float_left_10px{
	float: left;
	margin-right: 10px;
}

#content p {
	font-family: "新細明體";
	font-size: 0.750rem;/*12px*/
	line-height: 1.8em;
	color: #77797f;
}
.margin-bottom_8px{
	margin-bottom: 8px;
}
.margin-bottom_16px{
	margin-bottom: 16px;
}

/* ========頁尾區=========== */	
#bottom_bg {
	background-image: url(../images/bottom_bg.png);
	background-repeat: no-repeat;
	height: 340px;
	width: 978px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bottom{
	height: 200px;
	background-color: #077a95;
	width: 100%; 

	/* 雲層背景動畫 */
	-webkit-animation: move 40s linear infinite;
	-moz-animation: move 40s linear infinite;
	-ms-animation: move 40s linear infinite;
	-o-animation: move 40s linear infinite;
	animation: move 40s linear infinite;
	background-image: url(../images/bg-clouds.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

	@-ms-keyframes move {
	from {background-position:0% 0%;}
	to {background-position:100% 100%;}
	}
	@-moz-keyframes move {
	from {background-position:0% 0%;}
	to {background-position:100% 100%;}
	}
	@-webkit-keyframes move {
	from {background-position:0% 0%;}
	to {background-position:100% 100%;}
	}
	@keyframes move {
	from {background-position:0% 0%;}
	to {background-position:100% 100%;}
	}

#footer {
	background-image: url(../images/logo_footer.png);
	background-repeat: no-repeat;
	background-position: 98px 10px;
	color: #7cdcf3;
	font-size: 0.750rem;/*12px*/
	font-size: 12px;/*12px for IE*/
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #7cdcf3;
}
#footer #keyword {
	text-align: center;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3995aa;
	letter-spacing: 0.1rem;
}
#footer #sitemap {
	padding-top: 10px;
	margin-left: 350px;
}
#footer #info {
	color: #FFFFFF;
	font-size: 0.938rem;/*15px*/
	font-size: 15px;/*15px for IE*/
	font-family: "微軟正黑體";
	line-height: 1.5rem;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 350px;
}
#footer #info a {
	color: #7cdcf3;
}
#footer #info a:hover {
	color: #FFFFFF;
}
#footer #info a.link{
	color: #FFFFFF;
}
.imgBorder_8px {
	border: 8px solid #FFFFFF;
	text-align: center;
	overflow: hidden;
	
	/*圖片內陰影*/
	-moz-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	-webkit-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	box-shadow: 0px 0px 3px rgba(40,40,40,0.3);
	width: 255px;
	height: 190px;
	/*
	width: 320px;
	height: 220px;
	*/
	overflow: hidden;
	display: block;
}
.paper {
	-moz-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	-webkit-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	background-color: #FFFFFF;
	/*width: 760px;*/
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E6E6E6;
}
ul.list_howtoRent {
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
}
ul.list_howtoRent li {
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 40px;
	color: #373636;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	list-style-position: outside;
}
.notice {
	color: #ab4f12;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 138px;
	font-weight: bold;
	text-decoration: blink;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b9b9b9;
	border-bottom-color: #b9b9b9;
	height: 138px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.notice p {
	color: #ab4f12;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
}
.float_left_02{
	float: left;
	margin-right: 15px;
	margin-left: 0px;
}

.style1 {color: #333399}

.info_title {
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}
.info_description {
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 25px;
	color: #4c4c4c;
	margin-bottom: 10px;
}

.info_read, .info_read a {
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 25px;
	color: #4c4c4c;
	text-decoration: none;
}
.info_read a:hover {
	color: #003366;
}
.float_right {
	float: right;	
}
.info_con {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	-webkit-box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	box-shadow:inset 0px 0px 39px rgba(40,40,40,0.3);
	background-color: #FFFFFF;
	width: 570px;
	padding: 30px;
}
.info_photo{
	height: 240px;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 15px;
	display: block;
}
.info_title_01 {
	line-height: 30px;
	color: #CCCCCC;
	background-color: #333333;
}
.info_title_02 {
	line-height: 30px;
	color: #CCCCCC;
	background-color: #333333;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.info_title_02 h3 {
	font-family: "微軟正黑體";
	font-size: 20px;
}
.info_title_02 h4 {
	font-family: Arial;
	font-size: 15px;
}
.info_title_02 h3, .info_title_02 h4 {
	color: #CCCCCC;
	display: inline;
	margin-left: 5px;
}
.info_con p {
	font-family: "微軟正黑體";
	line-height: 40px;
	margin-bottom: 10px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
.info_title_03 {
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
	color: #A5A5A5;
	margin-top: 10px;

}

/*最新消息 導覽列*/
.news_nav {
	color: #003366;
	clear: both;
	margin-left: 180px;
}
.news_nav span {
	border: 1px solid #999999;
	background-color: #CCCCCC;
	padding: 0px;
	font-size: 0.750rem;/*12px*/
	padding: 4px 0px;
}
.news_nav span.active {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding:4px 10px;
}
.news_nav span a {
	color: #333333;
	text-decoration: none;
	padding:4px 10px;
}
.news_nav span a:hover {
	color: #FFFFFF;
	background-color: #003366;
}

.subMenu-active span {
	color: #0d8982;
}


#lang {
	position: absolute;
	top: 0px;
	right: 20px;
}
#lang a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 1em;
	padding: 3px 5px;
	color: rgba(138, 178, 206, 1);
}
#lang a img{
	vertical-align: middle;
	margin-right: 5px;
}
#lang a:hover {
	background-color: rgba(255, 255, 255, 0.5);
	color: #064A87;
}