@charset "utf-8";

body {

	margin: 0px;

	padding: 0px;

	background-color: #b0b0b0;

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x;

	font-family: "微軟正黑體";

}

.clean{ clear: both; line-height: 0;font-size: 0; margin:0; padding:0;}

ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#page {

	text-align: center;

	margin-top: 10px;

}

#page a {

	border: 1px solid #666;

	margin-right: 2px;

	margin-left: 2px;

	text-decoration: none;

	padding-right: 5px;

	padding-left: 5px;

	color: #666;

}

#page a:hover {

	border: 1px solid #666;

	margin-right: 2px;

	margin-left: 2px;

	text-decoration: none;

	padding-right: 5px;

	padding-left: 5px;

	color: #FFF;

	background-color: #333;

}

#page .selected {

	border: 1px solid #666;

	margin-right: 2px;

	margin-left: 2px;

	text-decoration: none;

	padding-right: 5px;

	padding-left: 5px;

	color: #FFF;

	background-color: #333;

}



.header {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	height: 75px;

	position: relative;

	z-index: 9999;

}

#topbar {

	color: #333;

	height: 30px;

	text-align: right;

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	font-size: 13px;

	margin-top: 5px;

	position: absolute;

	top: 0px;

	right: 0px;

}

#topbar a{

	color: #969696;

	font-size: 13px;

	line-height: 30px;

	text-decoration: none;

	background-image: url(../images/topicon.png);

	background-repeat: no-repeat;

	padding-left: 18px;

	margin-right: 5px;

	padding-right: 5px;

	display: inline-block;

	height: 30px;

}

#topbar a:hover{

	color: #e53033;

}

#topbar .home{

	background-position: 0px 0px;

}

#topbar .home:hover{

	background-position: 0px -120px;

}

#topbar .bookmark{

	background-position: 0px -30px;

}

#topbar .bookmark:hover{

	background-position: 0px -150px;

}

#topbar .job{

	background-position: 0px -60px;

}

#topbar .job:hover{

	background-position: 0px -180px;

}

#topbar .contact{

	background-position: 0px -90px;

}

#topbar .contact:hover{

	background-position: 0px -210px;

}

.header .logo {

	background-image: url(../images/logo.png);

	background-repeat: no-repeat;

	float: left;

	height: 40px;

	width: 266px;

	margin-top: 30px;

}

.header #menu {

	float: right;

	height: 36px;

	width: 708px;

	font-size: 15px;

	margin-top: 40px;

	background-image: url(../images/menubg.png);

	background-repeat: no-repeat;

}

.header #menu ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.header #menu ul li {

	float: left;

	margin-right: 1px;

}

.header #menu ul li a{

	font-size: 0px;

	line-height: 36px;

	height: 36px;

	width: 100%;

	overflow: hidden;

	display: block;

}

.header #menu .menu01,.header #menu .menu02,.header #menu .menu03,.header #menu .menu04 {

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

}

.header #menu .menu01 {

	background-position: 0px 0px;

	height: 36px;

	width: 176px;

	display: block;

}

.header #menu .menu02 {

	background-position: -177px 0px;

	height: 36px;

	width: 176px;

	display: block;

}

.header #menu .menu03 {

	background-position: -354px 0px;

	height: 36px;

	width: 175px;

	display: block;

}

.header #menu .menu04 {

	background-position: -531px 0px;

	height: 36px;

	width: 177px;

	display: block;

}

.header #menu .menu01:hover {

	background-position: 0px -36px;

}

.header #menu .menu02:hover {

	background-position: -177px -36px;

}

.header #menu .menu03:hover {

	background-position: -354px -36px;

}

.header #menu .menu04:hover {

	background-position: -531px -36px;

}

.header #menu ul li ul {

	display: none;

}

.header #menu ul li:hover ul {

	display: block;

	border-radius:5px;

	background-color: rgba(255,255,255,.9);

	margin-top: -4px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

}

.header #menu ul li ul li {

	float: none;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCC;

	text-align: center;

}

.header #menu ul li ul #end {

	border-bottom-style: none;

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.header #menu ul li ul li a {

	color: #333;

	font-size: 15px;

	text-decoration: none;

	display: block;

	width: 100%;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 20px;

	height: 20px;

}

.header #menu ul li ul li a:hover {

	color: #FFF;

	background-color: rgba(255,51,51,.6);

}



.mainbg {

	width: 100%;

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x;

	background-color: #FFF;

}

.main {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 20px;

	padding-top: 10px;

	background-color: #FFF;

}

.main #main_banner {

	margin-bottom: 20px;

	height: 120px;

	width: 1000px;

}

#side_title {

	font-size: 20px;

	color: #3f3d90;

	position: relative;

	font-weight: bolder;

	background-image: url(../images/title01.png);

	background-repeat: no-repeat;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 65px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.main .side {

	float: left;

	width: 220px;

}

.side #mian-menu {

	background-color: #FFF;

	border-radius: 10px 0 0 10px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}

.side #mian-menu ul {

	background-color: #b1b3be;

	border-radius: 10px 0 0 10px;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecedf6+0,d0d2e2+100 */

background: #ecedf6; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWRmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ecedf6 0%, #d0d2e2 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecedf6), color-stop(100%,#d0d2e2)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ecedf6 0%,#d0d2e2 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ecedf6 0%,#d0d2e2 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ecedf6 0%,#d0d2e2 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ecedf6 0%,#d0d2e2 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedf6', endColorstr='#d0d2e2',GradientType=0 ); /* IE6-8 */



}

.side #mian-menu ul #first {

	border-top-style: none;

}

.side #mian-menu ul #end {

	border-bottom-style: none;

}

.side #mian-menu ul li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFF;

	padding-top: 10px;

}

.side #mian-menu ul li ul {

	display: none;

	background-image: none;

}

.side #mian-menu ul li #category1 {

	display: block;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 30px;

	border-radius: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.side #mian-menu ul li #category2 {

	display: none;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 30px;

	border-radius: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.side #mian-menu ul li #category1 li,.side #mian-menu ul li #category2 li {

	border-bottom-style: none;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.side #mian-menu ul li:hover ul {

	display: block;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 30px;

	border-radius: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.side #mian-menu ul li:hover ul li {

	border-bottom-style: none;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.side #mian-menu ul li a {

	color: #333;

	text-decoration: none;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	display: block;

	padding-left: 30px;

	background-position: 5px -4px;

}

.side #mian-menu ul li a:hover {

	color: #d60000;

	background-position: 10px -34px;

}

.main .article {

	float: left;

	width: 758px;

	border: 1px solid #CCC;

	border-radius:10px;

	-webkit-box-shadow: 0 0 3px 2px #e4e4e4;

	-moz-box-shadow: 0 0 3px 2px #e4e4e4;

	box-shadow: 0 0 3px 2px #e4e4e4;

	padding: 10px;

}

#title {

	font-size: 20px;

	text-shadow:0px 0px 15px #380000;

	color: #FFF;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	line-height: 25px;

	height: 25px;

	position: relative;

	font-weight: bold;

	border-radius: 5px;

	margin-right: 10px;

	margin-left: 10px;

	background-image: url(../images/main_titlebg.jpg);

	background-repeat: repeat-x;

	margin-top: 10px;

}

#title span {

	background-image: url(../images/title-bg.png);

	background-repeat: no-repeat;

	padding-right: 10px;

	padding-left: 35px;

	margin-left: 10px;

	height: 25px;

}

#title img{

	position: absolute;

	left: 15px;

	top: 8px;

}



#about {

	padding: 20px;

	

	line-height: 30px;

	font-size: 15px;

}

#about span {

	font-size: 24px;

	margin-left: 15px;

}

#news  {

	margin-bottom: 20px;

}

#news ul {

	font-size: 15px;

	padding-top: 20px;

	padding-right: 40px;

	padding-bottom: 20px;

	padding-left: 40px;

}

#news ul li {

	margin-top: 8px;

	margin-bottom: 8px;

	padding-bottom: 8px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #cacaca;

	background-repeat: no-repeat;

	padding-left: 25px;

	background-position: 5px 5px;

	background-image: url(../images/arrow.png);

}

#news ul li #date {

	float: left;

	color: #999;

	width: 100px;

}

#news ul li .text {

	width: 530px;

	width: 70%;

    width: -moz-calc(100% - 139px);

    width: -webkit-calc(100% - 139px);

    width: calc(100% - 139px); 

	float: left;

	color: #333;

	text-decoration: none;

}

#news ul li .text:hover {

	color: #C00;

	text-decoration: underline;

}

#news ul li span {

	float: right;

	background-image: url(../images/new.png);

	background-repeat: no-repeat;

	height: 16px;

	width: 39px;

	margin-top: 2px;

}

#news_detail {

	line-height: 24px;

	font-size: 15px;

	padding-top: 20px;

	padding-right: 30px;

	padding-bottom: 20px;

	padding-left: 30px;

}

#news_detail #news_title {

	font-size: 20px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #666;

	padding-bottom: 10px;

	color: #C00;

}



#news_detail #date {

	text-align: right;

	margin-bottom: 30px;

	color: #999;

	margin-top: 10px;

}



#news_detail img {

	max-width: 100%;

}

#news_detail #explanation {

	background-image: url(../images/lost_property.png);

	height: 122px;

	border: 1px solid #6b481d;

	background-repeat: no-repeat;

	padding-left: 240px;

	border-radius: 5px;

	font-size: 18px;

	padding-top: 15px;

	line-height: 30px;

	color: #FFF;

	background-color: #6f4e23;

}



#news_detail #lost_property {

	border: 1px solid #CCC;

	padding: 5px;

	margin-top: 20px;

	margin-bottom: 20px;

}

#news_detail #lost_property li {

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCC;

	padding-top: 5px;

}

#news_detail #lost_property #lititlte {

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333;

	color: #FFF;

	background-color: #353856;

	padding-top: 5px;

	text-align: center;

}

.mainbg .main .article #news_detail #lost_property li #number {

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	width: 13%;

	text-align: center;

}

#news_detail #lost_property li #dates {

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	width: 15%;

	text-align: center;

}

#news_detail #lost_property li #item {

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	width: 32%;

	padding-right: 10px;

	padding-left: 10px;

}

#news_detail #lost_property li #location {

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	width: 19%;

	text-align: center;

}

#news_detail #lost_property li #place {

	float: left;

	width: 17%;

	text-align: center;

}

#news_detail #lost_property li #place a {

	color: #C00;

	text-decoration: none;

}

#news_detail #lost_property li #place a:hover {

	color: #F60;

}

#cars {

	margin-bottom: 20px;

	font-size: 15px;

	padding: 20px;

}

#cars #cars_t {

	font-size: 18px;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	height: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 20px;

	display: block;

	background-position: 0px -2px;

}

#cars ul {

	padding: 0px;

	text-align: center;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#cars ul li {

	display: inline-block;

}

#cars ul li a{
	border-radius: 5px;
	padding: 5px;
	width: 150px;
	display: inline-block;
	color: #333c97;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 6px;
	border: 1px solid #333c97;
}

#cars ul li a:hover {

	color: #C00;

	text-decoration: none;

	border-top-color: #C00;

	border-right-color: #C00;

	border-bottom-color: #C00;

	border-left-color: #C00;

}

#cars ul li img {

	width: 100%;

}



#cars ul li #car_text {

	float: left;

	width: 65%;

	width: -moz-calc(100% - 290px);

    width: -webkit-calc(100% - 290px);

    width: calc(100% - 290px); 

}

#cars ul li #car_text span {

	color: #FFF;

	display: block;

	margin-bottom: 10px;

	font-size: 18px;

	background-color: #353856;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 15px;

	border-radius: 20px 0 0 20px;

}

#cars ul li #car_text #text_box {

	margin-right: 20px;

	margin-left: 16px;

	line-height: 24px;

}

#cars_d {

	margin-bottom: 20px;

	font-size: 15px;

	padding: 20px;

}

#car_info {

	margin-top: 15px;

	line-height: 24px;

	font-size: 18px;

}

#car_info #info_t {

	font-size: 20px;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	height: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 20px;

	display: block;

	background-position: 0px -2px;

}

	#product_photo {

	width: 720px;

	position: relative;

	padding-bottom: 72px;

	}

	#product_photo ul, #product_photo li {

		margin: 0;

		padding: 0;

		list-style: none;

	}

	#product_photo img {

	border: none;

	width: 100%;

	}

	#product_photo .photo {

	width: 720px;

	overflow: hidden;

	}

	#product_photo .thumbs {

	width: 720px;	/* 圖片高度 - padding-top */

	padding-top: 12px;

	position: absolute;

	}

	#product_photo .carousel {

	position: relative;

	width: 660px;

	height: 60px;

	overflow: hidden;

	margin-left: 30px;

	}

	#product_photo .carousel img {

	height: 100px;

	}

	#product_photo .carousel ul {

	position: absolute;

	width: 9999px;

	}

	#product_photo .carousel li {

	width: 60px;

	height: 60px;

	float: left;

	text-align: center;

	overflow: hidden;

	position: relative;

	border-radius: 5px;

	margin-right: 3px;

	margin-left: 3px;

	}

#product_photo .carousel li a {

	display: inline-block;

	position: absolute;

	left: -50%;

}

	#product_photo .carousel li a img{

	height: 100px;

	margin-left: 30px;

	}

	#product_photo .carousel .current .nav-bar {	/* 當被點選時，縮圖左邊的顏色 */

		background: #007acc;

	}

	#product_photo .thumbs .prev, #product_photo .thumbs .next {	/* 縮圖上下的控制鈕 */

	position: absolute;

	width: 25px;

	height: 69px;

	overflow: hidden;

	display: block;

	cursor: pointer;

	background-image: url(../images/arrow4.png);

	background-repeat: no-repeat;

	background-position: 0 0;

	top: 50%;

	margin-top: -29px;

	}

	#product_photo .thumbs .prev {

	background-position: 0 -69px;

	left: 3px;

	}

	#product_photo .thumbs .next {

	background-position: 0px 0px;

	right: 3px;

	}

#inquiry {

	margin-bottom: 20px;

	min-height: 250px;

}

#inquiry #choose {

	color: #333;

	margin-right: 20px;

	margin-left: 20px;

	border-radius: 10px;

	margin-top: 30px;

	background-image: url(../images/choosebg.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-right: 40px;

	padding-bottom: 10px;

	padding-left: 290px;

	height: 170px;

	background-position: 0px 0px;

	font-size: 18px;

	margin-bottom: 20px;

	-webkit-box-shadow: 0 0 2px 1px #c4c4c4;

	-moz-box-shadow: 0 0 2px 1px #c4c4c4;

	box-shadow: 0 0 2px 1px #c4c4c4;

}

#inquiry #choose2 {

	color: #333;

	margin-right: 20px;

	margin-left: 20px;

	border-radius: 10px;

	margin-top: 30px;

	background-image: url(../images/choosebg2.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-right: 40px;

	padding-bottom: 10px;

	padding-left: 290px;

	height: 190px;

	background-position: 0px 10px;

	font-size: 18px;

	margin-bottom: 20px;

	-webkit-box-shadow: 0 0 2px 1px #c4c4c4;

	-moz-box-shadow: 0 0 2px 1px #c4c4c4;

	box-shadow: 0 0 2px 1px #c4c4c4;

}

#inquiry #choose3 {

	color: #333;

	margin-right: 20px;

	margin-left: 20px;

	border-radius: 10px;

	margin-top: 30px;

	background-image: url(../images/choosebg3.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-right: 40px;

	padding-bottom: 10px;

	padding-left: 290px;

	height: 190px;

	background-position: 0px 10px;

	font-size: 18px;

	margin-bottom: 20px;

	-webkit-box-shadow: 0 0 2px 1px #c4c4c4;

	-moz-box-shadow: 0 0 2px 1px #c4c4c4;

	box-shadow: 0 0 2px 1px #c4c4c4;

}

#inquiry #choose4 {

	color: #333;

	margin-right: 20px;

	margin-left: 20px;

	border-radius: 10px;

	margin-top: 30px;

	background-image: url(../images/choosebg4.png);

	background-repeat: no-repeat;

	padding-top: 40px;

	padding-right: 40px;

	padding-bottom: 10px;

	padding-left: 290px;

	height: 190px;

	background-position: 0px 10px;

	font-size: 18px;

	margin-bottom: 20px;

	-webkit-box-shadow: 0 0 2px 1px #c4c4c4;

	-moz-box-shadow: 0 0 2px 1px #c4c4c4;

	box-shadow: 0 0 2px 1px #c4c4c4;

}

#inquiry span {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #8a8b94;

	display: block;

	padding-bottom: 10px;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	background-position: 0px -2px;

	padding-left: 20px;

}



#inquiry #select {

	font-size: 15px;

	padding: 5px;

	display: block;

	width: 98%;

	border-radius: 5px;

	margin-top: 20px;

	margin-bottom: 20px;

}

#inquiry #button {

	float: right;

	margin-right: 10px;

	font-size: 15px;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-family: "微軟正黑體";

}

#inquiry #fare {

	color: #333;

	margin-right: 20px;

	margin-left: 20px;

	border-radius: 10px;

	margin-top: 10px;

	font-size: 18px;

	margin-bottom: 20px;

	padding: 10px;

	border: 1px solid #CCC;

}



#point {

}

#point ul {

	padding-right: 15px;

	padding-left: 15px;

}



#point ul li {

	margin-top: 20px;

	margin-bottom: 20px;

	-webkit-box-shadow: 1px 1px 3px 1px #c4c4c4;

	-moz-box-shadow: 1px 1px 3px 1px #c4c4c4;

	box-shadow: 1px 1px 3px 1px #c4c4c4;

	border-radius: 5px;

	padding: 10px;

}

#point ul li #point_pic {

	float: left;

	height: 200px;

	width: 350px;

	margin-right: 20px;

	overflow: hidden;

	-webkit-box-shadow: 1px 1px 3px 2px #c4c4c4;

	-moz-box-shadow: 1px 1px 3px 2px #c4c4c4;

	box-shadow: 1px 1px 3px 2px #c4c4c4;

	background-color: #FFF;

	border-radius: 5px;

}

#point ul li #point_pic img {

	width: 100%;

}

#point ul li #point_name {

	float: left;

	width: 45%;

    width: -moz-calc(100% - 370px);

    width: -webkit-calc(100% - 370px);

    width: calc(100% - 370px); 

	line-height: 30px;

	font-size: 15px;

	position: relative;

	height: 200px;

}

#point ul li #point_name a {

	color: #C00;

	text-decoration: none;

	outline: none;

}

#point ul li #point_name a:hover {

	color: #F90;

	text-decoration: underline;

}

#point ul li #point_name span {

	font-size: 24px;

	display: block;

	margin-bottom: 15px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	color: #333;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #C00;

	font-weight: bold;

}

#point ul li #point_name ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#point ul li #point_name ul li {

	margin: 0px;

	-webkit-box-shadow: 0 0 0 0;

	-moz-box-shadow:  0 0 0 0;

	box-shadow:  0 0 0 0;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 25px;

	position: relative;

}

#point ul li #point_name ul li img{

	position: absolute;

	left: 0px;

	top: 5px;

}

#point ul li #point_name #add {

	background-image: url(../images/point01.png);

	background-repeat: no-repeat;

	line-height: 25px;

	width: 25px;

	background-position: 0px 5px;

}

#point ul li #point_name #tel {

	background-image: url(../images/point02.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	width: 25px;

}

#point ul li #point_name #service {

	background-image: url(../images/point03.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	width: 25px;

}



#point ul li #point_map {

	float: right;

	height: 180px;

	width: 180px;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #e4e4e4;

}

.gotop {

	font-size: 0px;

	background-image: url(../images/gotop.png);

	background-repeat: no-repeat;

	display: block;

	height: 20px;

	width: 70px;

	float: right;

	position: absolute;

	right: 0px;

	bottom: 0px;

}

.gotop2 {

	font-size: 0px;

	background-image: url(../images/gotop.png);

	background-repeat: no-repeat;

	display: block;

	height: 20px;

	width: 70px;

	float: right;

	margin-top: 10px;

}

#traffic {

	font-size: 15px;

	line-height: 24px;

	padding-top: 20px;

	padding-right: 40px;

	padding-bottom: 20px;

	padding-left: 40px;

}

#traffic h1 {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-size: 24px;

	font-weight: normal;

	color: #52567f;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #52567f;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 35px;

	background-image: url(../images/h1bg2.png);

	background-repeat: no-repeat;

	line-height: 30px;

}

#traffic span {

	font-size: 18px;

	display: block;

	margin-bottom: 5px;

	color: #C00;

	margin-top: 20px;

}

#traffic ul {

	padding: 5px;

	list-style-type: none;

	border: 1px solid #999;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

#traffic ul #lititlte {

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333;

	color: #FFF;

	background-color: #353856;

	padding-top: 5px;

	text-align: center;

}

#traffic ul li    {

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCC;

	padding-top: 5px;

}

#traffic ul #number {

	width: 119px;

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	text-align: center;

}

#traffic ul #line {

	width: 100%;

	width: -moz-calc(100% - 261px);

	width: -webkit-calc(100% - 261px);

	width: calc(100% - 261px);

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	padding-right: 10px;

	padding-left: 10px;

}

#traffic ul #link {

	width: 119px;

	float: left;

	text-align: center;

}

#traffic ul #link a{

	text-align: center;

	color: #333;

	text-decoration: none;

	background-color: #efeff0;

	margin-right: auto;

	margin-left: auto;

	padding-top: 2px;

	padding-right: 20px;

	padding-bottom: 2px;

	padding-left: 20px;

	border-radius: 3px;

	border: 1px solid #CCC;

}



.mainbg .main .article #traffic table {

	background-color: #353856;

}

.mainbg .main .article #traffic table tr th {

	color: #FFF;

}

#tour_bus {

	font-size: 15px;

	line-height: 30px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}

#tour_bus span {

	font-size: 18px;

	display: block;

	margin-bottom: 5px;

	color: #C00;

	margin-top: 20px;

}

#tour_bus table{

	margin-bottom: 20px;

	margin-top: 20px;

}

#tour_bus .tb02 {

	line-height: 24px;

}



#e_ticket {

	font-size: 15px;

	line-height: 24px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}

#e_ticket h1 {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	font-size: 24px;

	font-weight: normal;

	color: #52567f;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #52567f;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 5px;

}

#e_ticket h2 {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-size: 18px;

	font-weight: normal;

	color: #52567f;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 35px;

	background-image: url(../images/h1bg.png);

	background-repeat: no-repeat;

}

#e_ticket span {

	font-size: 18px;

	display: block;

	margin-bottom: 5px;

	color: #C00;

	margin-top: 20px;

}

#e_ticket ul {

	margin-top: 20px;

	margin-bottom: 30px;

}

#e_ticket #box1  {

	padding: 10px;

	border: 1px solid #CCC;

	border-radius: 10px;

	margin-top: 10px;

	margin-bottom: 30px;

	-webkit-box-shadow: 1px 1px 3px 1px #c4c4c4;

	-moz-box-shadow: 1px 1px 3px 1px #c4c4c4;

	box-shadow: 1px 1px 3px 1px #c4c4c4;

	text-align: center;

}

#e_ticket #box2  {

	margin-top: 10px;

	margin-bottom: 30px;

}

#e_ticket ul li #ticket-title {

	color: #353856;

	margin-bottom: 10px;

	font-size: 18px;

}

#e_ticket ul li #ticket-title2 {

	color: #FFF;

	margin-bottom: 10px;

	font-size: 15px;

	background-color: #23285e;

	border-radius: 5px 5px 0 0;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	margin-top: 10px;

}

#e_ticket #ticket-pic   {

	float: left;

	margin-right: 20px;

	height: 120px;

	width: 191px;

	font-weight: bold;

	color: #C00;

}

#e_ticket #box1 #ticket-text   {

	float: left;

	width: 60%;

    width: -moz-calc(100% - 211px);

    width: -webkit-calc(100% - 211px);

    width: calc(100% - 211px); 

}

#e_ticket #box2 #ticket-text   {

	float: left;

	width: 60%;

	width: -moz-calc(100% - 241px);

	width: -webkit-calc(100% - 241px);

	width: calc(100% - 241px);

	padding: 10px;

	border: 1px solid #CCC;

	border-radius: 10px;

	-webkit-box-shadow: 1px 1px 3px 1px #c4c4c4;

	-moz-box-shadow: 1px 1px 3px 1px #c4c4c4;

	box-shadow: 1px 1px 3px 1px #c4c4c4;

}

#e_ticket #box1 .link  {

	color: #FFF;

	text-decoration: none;

	display: inline-block;

	border: 1px solid #060b43;

	border-radius: 5px;

	background-color: #23285e;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	background-image: url(../images/btn_bg.png);

	background-repeat: repeat-x;

	background-position: 0px -80px;

	margin-top: 10px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

}

#e_ticket #box1 .link:hover {

	background-color: #b80407;

	border: 1px solid #7c0002;

}

#e_ticket .tb01 {

	background-color: #353856;

}

#e_ticket .tb01 tr th {

	color: #FFF;

	background-color: #353856;

}

#e_ticket .tb01 tr    {

	background-color: #eaebf5;

}

#e_ticket .selecticon {

	display: inline-block;

	height: 40px;

	font-family: "微軟正黑體";

	font-size: 24px;

	color: #FFF;

	text-decoration: none;

	background-color: #23285e;

	border-radius: 10px;

	line-height: 40px;

	font-weight: bold;

	background-image: url(../images/btn_bg2.png);

	background-repeat: repeat-x;

	background-position: 0px -10px;

	padding-right: 25px;

	padding-left: 50px;

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 20px;

}

#e_ticket .selecticon:hover {

	background-image: url(../images/btn_bg2.png);

	background-repeat: repeat-x;

	background-position: 0px -70px;

}

#e_ticket #q_select {

}



#e_ticket #ticket_t {

	font-size: 18px;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	height: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 20px;

	display: block;

	background-position: 0px -2px;

}

#contact {

	line-height: 24px;

	font-size: 15px;

	padding-top: 20px;

	padding-right: 40px;

	padding-bottom: 20px;

	padding-left: 40px;

}

#contact table {



}

#contact table tr th {

	color: #FFF;

	background-color: #353856;

	letter-spacing: 5px;

}

#contact table tr td #select {

	padding: 5px;

	border: 1px solid #999;

	border-radius: 5px;

	margin-left: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

}

#contact table tr td .t1 {

	padding: 5px;

	border: 1px solid #999;

	border-radius: 5px;

	margin-left: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

}

#contact .btn {

	display: inline-block;

	margin: 10px;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

}

#careers {

	line-height: 24px;

	font-size: 15px;

	padding-top: 20px;

	padding-right: 40px;

	padding-bottom: 20px;

	padding-left: 40px;

}

#careers ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#careers ul li {

	padding-top: 4px;

	padding-bottom: 4px;

	background-color: #eaebf5;

	margin-top: 1px;

	margin-bottom: 1px;

}

#careers ul li:hover {

	background-color: #d3d5e8;

}

#careers ul #title2 {

	color: #FFF;

	background-color: #353856;

	text-align: center;

}

#careers ul #job {

	float: left;

	width: 40%;

	width: -moz-calc(40% - 41px);

	width: -webkit-calc(40% - 41px);

	width: calc(40% - 41px);

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999;

	padding-right: 10px;

	padding-left: 10px;

	text-align: center;

}

#careers ul a {

	color: #333;

	text-decoration: none;

}



#careers ul #location {

	float: left;

	width: 60%;

	padding-right: 10px;

	padding-left: 10px;

}

#careers table tr th {

	color: #FFF;

	background-color: #353856;

	text-align: right;

}

.fooetrbg {

	background-color: #b0b0b0;

	width: 100%;

}

.fooetrbg #footer {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 30px;

	padding-bottom: 30px;

	color: #FFF;

	text-align: center;

	font-size: 13px;

	line-height: 30px;

}

.CSS_PDF {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.CSS_PDF:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}.CSS_PDF:active {
	position:relative;
	top:1px;
}