@charset "utf-8";
body {
	font-size: 13px;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #360;
}
a:hover {
	color: #000;
}
#masthead_promo {
	position: relative;
	top: 100px;
	left: 0;
	right: 0;
}
.QR {
	display: block;
	height: 140px;
	position: relative;
}
.QR img {
	width: 113px;
	height: 113px;
	position: relative;
	top: -16px;
	right: -60px;
}
.QR p {
	font-size: 11px;
	text-align: center;
	color: #333;
	position: relative;
	top: 118px;
	right: 6px;
}
#bg1 {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 100%;
	height: 350px;
	overflow: hidden;
	min-width: 990px;
	text-align: center;
	background-color: #000;
	z-index: 1;
}
#bg1 .list {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
#bg1 img {
	width: 100%;
	margin: 0 auto;
}
#bg1 .bg_txt {
	position: absolute;
	top: 50%;
	right: 50%;
	background: url(../images/bg_000_70.png);
	color: #fff;
	padding: 3px 5px;
	margin: 120px -480px 0 0;
}
#bg1 .bg2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: url(../images/h_bg.png);
	height: 20px;
}
#area {
	width: 990px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#header {
	position: relative;
	height: 330px;
}
#header h1 a {
	position: absolute;
	top: 80px;
	left: 10px;
	background: url(../images/logo.png);
	text-indent: -9999px;
	line-height: 0px;
	width: 489px;
	height: 196px;
	display: block;
}
#header p {
	position: absolute;
	top: 267px;
	left: 10px;
	width: 800px;
	height: 80px;
	background: url(../images/h_txt.png);
	padding: 20px 40px 0px 30px;
	color: #FFF;
}

#header p a{
	color: #FFF;
}
#header .language {
	position: absolute;
	top: 110px;
	left: 50%;
	margin: 0 0 0 340px;
	background: url(../images/bg_fff_80.png);
	padding: 3px 0px;
	overflow: hidden;
	border-radius: 5px;
}
#header .language a {
	color: #000;
	padding: 0 10px;
	border-left: 1px solid #666;
	position: relative;
	margin: 0 0 0 -1px;
}
#header .language a:hover {
	color: #c00
}
#menu {
	position: relative;
	top: 0;
	margin: 0 0 0 9px;
	z-index: 3;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	background: url(../images/menu.png);
	text-align: center;
	color: #000;
	font-size: 15px;
	height: 40px;
	padding: 10px 0px 10px;
}
#menu .default a {
	width: 119px;
}
#menu .kenting-hotel a {
	width: 177px;
}
#menu .kenting-tour a {
	width: 177px;
}
#menu .route a {
	width: 177px;
}
#menu .kenting-attraction a {
	width: 177px;
}
#menu .kenting-eco a {
	width: 148px;
}
#default .default a, #about .about a, #kenting-hotelsearch .kenting-hotel a, #kenting-hotel .kenting-hotel a, #kenting-tour .kenting-tour a, #route .route a, #houli .houli a, #kukuan .kukuan a, #kenting-attraction .kenting-attraction a, #kenting-eco .kenting-eco a, #point_detail .kenting-attraction a, #menu li a:hover {
	background-position: 0 -40px;
}
#content {
	padding: 10px 0 0 0;
	position: relative;
}
h1, h2, h3 {
	position: relative;
	z-index: 2;
	line-height: 150%;
}
#main {
	width: 736px;
	float: left;
	padding: 0 7px 0 9px;
	position: relative;
	border-right: 1px solid #ccc;
}
#main h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	border-right: 2px solid #FFF;
	height: 30px;
}
#main .more {
	overflow: hidden;
}
#main .more a {
	float: right;
	background-color: #ddd;
	color: #000;
	display: block;
	padding: 2px 5px;
	margin: 3px 0;
}
#main .more a:hover {
	background-color: #ffe065;
}
.title_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #eee;
	z-index: 1;
}
.newsandhotel {
	position: relative;
	line-height: 160%;
	margin: 0 0 10px 0;
}
.newsandhotel .or a {
	float: left;
	background-color: #ddd;
	color: #000;
	padding: 5px 15px 0px 15px;
	height: 30px;
	font-size: 15px;
	border-right: 2px solid #FFF;
	display: block;
	z-index: 5;
    position: relative;
}
.newsandhotel .or a:hover {
	background-color: #ccc;
}
.newsandhotel h3 a {
	color: #360;
}
.newsandhotel h3 a:hover {
	color: #900;
}
.newsandhotel p {
	color: #666;
}
.newsandhotel p a {
	color: #F60;
}
.newsandhotel p a:hover {
	color: #900;
}
.newsandhotel .prices {
	color: #c00;
}
#news_d {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#news_d .list {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
	position: relative;
}
#news_d .pic {
	float: left;
	margin: 0 5px 0 0;
}
#news_d .txt {
}
#hotel_d {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#hotel_d .list {
	float: left;
	padding: 10px 10px 0 0;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	position: relative;
	width: 440px;
	height: 171px;
}
#hotel_d .list.s {
	width: 279px;
	border-right: 0px;
	padding: 10px 10px 0 10px;
	height: 85px;
}
#hotel_d .pic {
	float: left;
	margin: 0 5px 0 0;
}
#route_d { /* border-top:3px solid #beae00; */
	position: relative;
	margin: 0 0 10px 0;
	line-height: 160%;
}
#route_d p {
	color: #666;
	margin: 5px 10px;
	font-size: 12px;
}
#route_d li {
	float: left;
}
#route_d li a {
	display: block;
	width: 239px;
	padding: 0 5px 0 15px;
	background: url(../images/route_li.gif) no-repeat 5px 8px;
	color: #000;
}
#route_d li a:hover {
	color: #360;
}
#attraction_d {
	position: relative;
	margin: 0 0 10px 0;
	line-height: 160%;
	overflow: hidden;
}
#attraction_d .list {
	float: left;
	padding: 11px;
	border-left: 1px solid #ccc;
	position: relative;
	width: 240px;
	margin: 0 0 0 -1px;
}
#attraction_d .pic {
	margin: 0 0 3px 0;
}
#attraction_d .pic img{width: 218px;height: 145px;}
#attraction_d h3 a {
	color: #360;
}
#attraction_d h3 a:hover {
	color: #900;
}
#attraction_d p {
	color: #666;
}
#attraction_d p a {
	color: #F60;
}
#attraction_d p a:hover {
	color: #900;
}
#attraction_d .prices {
	color: #c00;
}
#side {
	width: 253px;
	float: left;
	padding: 0 6px 0 7px;
	position: relative;
}
#side h2 {
	background-color: #ffe065;
	color: #000;
	font-size: 15px;
	margin: 0;
	padding: 5px 15px 0px 15px;
	height: 30px;
}
#side h2 a {
	color: #000;
}
#side h2 a:hover {
	color: #900;
}
#side .promo .list .hot_spots_area h3 {
	color: #336600;
	padding: 10px 0 2px 0;
}
#side .promo .list .hot_spots_area p {
	float: right;
	width: 103px;
	font-size: 12px;
	line-height: 20px;
	margin: -100px 0 0 10px;
	padding: 3px 0 0 3px;
}
#side .promo .list .hot_spots_area .pic {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
}
#search select {
	max-width: 210px;
	border: 1px solid #999;
}
#search input {
	border: 1px solid #999;
	padding: 1px 3px;
}
#search .button {
	text-align: center;
}
#search .button input {
	width: 120px;
	text-align: center;
	border-radius: 5px;
	background-color: #eee;
}
#search .button input:hover {
	background-color: #ccc;
}
#search.narrow .txt {
	margin: 10px;
}
#search.narrow span {
	display: block;
	margin: 0 0 5px 0;
}
#search.narrow .attraction {
	text-align: center;
}
#search.narrow .attraction input {
	width: 200px;
	text-align: center;
}
#search.wide {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 6px 10px 9px;
}
#search.wide h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px;
	font-size: 15px;
	margin: 0 10px 0 0;
}
#search.wide .txt {
	margin: 2px 0 0 0;
}
#search.wide span {
	display: inline-block;
	margin: 0 10px 0px 0;
}
#travelking_fb iframe {
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 65px;
}
#banner {
	padding: 0 0 15px 0;
}
#banner li {
	padding: 5px 0 0 0;
}
#banner li a {
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
}
#banner img {
	width: 100%;
}
.hotel_ds {
	margin: 0 0 10px 0;
	overflow: hidden;
}
.hotel_ds .list {
	padding: 5px 0 2px 5px;
	margin: 0;
	position: relative;
	border-bottom: 1px dashed #ccc;
	min-height: 40px;
	overflow: hidden;
}
.hotel_ds .pic {
	float: left;
	margin: 0 5px 0 0;
}
.hotel_ds .txt {
	padding: 0 0 0 5px;
	float: left;
}
.hotel_ds .prices {
	position: absolute;
	color: #c00;
	right: 10px;
	top: 5px;
}
.hotel_ds .more {
	padding: 3px 10px;
	text-align: right;
}
.hotel_ds .more a {
	color: #360;
}
.hotel_ds .more a:hover {
	color: #000;
}
.hotel_ds h3 a {
	color: #360;
}
.hotel_ds h3 a:hover {
	color: #900;
}
.hotel_ds p {
	color: #444;
}
.hotel_ds p a {
	color: #000;
}
.hotel_ds p a:hover {
	color: #900;
}
.hotel_ds .booking a {
	display: block;
	width: 70px;
	background: #ddd;
	text-align: center;
	padding: 0;
	height: 18px;
	line-height: 18px;
	color: #000;
	font-size: 12px;
	border-radius: 3px;
}
.hotel_ds .booking a:hover {
	background-color: #FFE065;
}
#hotel_deals h2 {
	background-color: #FFE065;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	margin: 0;
	height: 30px;
}
#hot_hotel .prices {
	position: relative;
	color: #c00;
	right: 0px;
	top: 0px;
	margin: 4px 0 4px 0;
}
#kenting-tour .hotel_ds h2 {
	background-color: #FFE065;
	color: #000;
	padding: 6px 15px 0px 15px;
	font-size: 15px;
	margin: 0;
	height:31px;
}
#kenting-tour .hotel_ds .prices {
	position: relative;
	color: #c00;
	right: 0px;
	top: 0px;
	margin: 4px 0 4px 0;
}
.gotop {
	text-align: center;
	margin: 5px 0 20px 0;
}
/* 內頁ABOUT */
#about .txt {
	margin: 0 6px 0 9px;
	position: relative;
}
#about .txt h1 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0 15px;
	font-size: 15px;
	height: 30px;
	margin: 0 0 5px 0;
	border-right: 2px solid #FFF;
}
#about .txt h2 {
	margin: 0 0 5px 0;
	color: #360;
}
#about .txt p {
	margin: 0 0 20px 0;
	line-height: 150%;
}
#about .txt .pic_r {
	border: 1px solid #ccc;
	padding: 3px;
	float: right;
	margin: 0 0 0 10px;
}
#about .txt .pic_l {
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	margin: 0 10px 0 0;
}
#about .txt .pic_r b, #about .txt .pic_l b {
	float: left;
	color: #333;
	font-weight: normal;
	text-align: left;
	margin: 0 8px 0 0;
}
#about .txt .pic_r address, #about .txt .pic_l address {
	float: right;
	color: #360;
	width: auto;
	margin: 0;
	text-align: right;
}
#about .txt table {
	border-collapse: collapse;
}
#about .txt td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
#about .txt th {
	border: 1px solid #999;
	padding: 3px 5px;
	background: #ccc;
	text-align: left;
}
#about .txt .alt td {
	background: #eee;
}
/* 內頁kenting-hotel */
#promo {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 10px 0 0;
	margin: 0 10px 20px 9px;
	width: 680px;
}
#promo .promo_event {
	float: left;
	width: 390px;
	height: 290px;
	position: relative;
	margin: 0 10px 0 0;
}
#promo .promo_event p {
	position: absolute;
	background: url(../images/bg_000_70.png);
	color: #fff;
	padding: 5px 8px;
	z-index: 2;
	bottom: 0px;
	left: 0;
	right: 0;
}
#promo .promo_hotel {
	overflow: hidden;
}
#promo .promo_hotel h2 {
	background-color: #DDD;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	margin: 0;
	height:30px;
}
#promo .list {
	margin: 0;
	border-bottom: 1px dashed #CCC;
	padding: 9px 5px 0px 5px;
	font-size: 12px;
	height: 85px;
}
#promo .list h3 {
	font-size: 13px;
}
#promo .list .pic {
	float: left;
	margin: 3px 5px 0 0;
}
#promo .list .pic img {
	width: 90px;
	height: 60px;
}
#promo .list p {
}
#promo .list .prices {
	color: #C00;
}
#hot_hotel {
	overflow: hidden;
	margin: 0 6px 0 0;
}
#hotel_map {
	padding: 0;
	position: relative;
	margin: 0 6px 20px 9px;
}
#hotel_map h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	height:30px;
	border-right: 2px solid #FFF;
	font-size: 15px;
}
#hotel_map .map {
	position: relative;
	height: 350px;
	margin: 20px 0 0 0;
	padding: 0;
}
#hotel_map iframe {
	width: 100%;
	height: 100%;
}
#hotel_list {
	position: relative;
	margin: 0 6px 20px 9px;
}
#hotel_list h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0 15px;
	font-size: 15px;
	border-right: 2px solid #FFF;
	height: 30px;
}
#hotel_list h2 a {
	color: #000;
}
#hotel_list ul {
	float: right;
	margin: 5px 0 0 0;
	position: relative;
	z-index: 2;
}
#hotel_list ul li {
	float: left;
}
#hotel_list li a {
	display: block;
	padding: 1px 10px 0 13px;
	background: url(../images/route_li.gif) no-repeat 5px 8px;
	color: #000;
}
#hotel_list li a:hover {
	color: #360;
}
#hotel_list .lists {
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: 3px solid #beae00;
	margin: 2px 0 0 0;
}
#hotel_list .list {
	float: left;
	position: relative;
	bottom: -1px;
	right: -2px;
	width: 323px;
	padding: 10px;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
#hotel_list .list .pic {
	float: left;
	margin: 0px 5px 0 0;
}
#hotel_list .list .txt {
	display: table-cell;
	vertical-align: middle;
	height: 90px;
}
#hotel_list .list h3 {
}
#hotel_list .list p {
	color: #444;
}
#hotel_list .list .address {
	float: left;
	height: 18px;
	color: #666;
	margin: 3px 0 0 0;
}
#hotel_list .list .booking {
}
#hotel_list .list .booking a {
	float: right;
	background-color: #ddd;
	color: #000;
	display: block;
	padding: 2px 5px;
	margin: 0;
}
#hotel_list .list .booking a:hover {
	background-color: #ffe065;
}
#hotel_hc {
	position: relative;
	margin: 0 6px 20px 9px;
}
#hotel_hc h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height:30px;
	border-right: 2px solid #FFF;
}
#hotel_hc h2 a {
	color: #000;
}
#hotel_hc .box {
	padding: 2px 0 10px 2px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: 3px solid #beae00;
	margin: 2px 0 0 0;
	display: block;
}
#hotel_hc ul li {
	float: left;
}
#hotel_hc li a {
	display: block;
	padding: 2px 5px 0 13px;
	background: url(../images/route_li.gif) no-repeat 5px 8px;
	color: #000;
	width: 193px;
}
#hotel_hc li a:hover {
	color: #360;
}
/*  */
#route_main {
	position: relative;
	margin: 0 6px 10px 9px;
	line-height: 160%;
}
#route_main h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height:30px;
	border-right: 2px solid #FFF;
}
#route_main p {
	color: #666;
	margin: 5px 10px;
	font-size: 12px;
}
/*  */
#attraction_map .list {
	position: relative;
}
#attraction_map .pic {
	border: 1px solid #ccc;
	border-top: 3px solid #ffcf00;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	margin: 2px 0 20px 0;
	background-color: #e8f9ff;
}
#attraction_nav {
	position: relative;
}
#attraction_nav .menu_nav {
	border: 1px solid #ccc;
	border-top: 3px solid #ffcf00;
	border-bottom: 0px;
	margin: 2px 0 0 0;
	overflow: hidden;
}
#attraction_nav .menu_nav li {
	float: left;
	color: #000;
	margin: 2px 0 0 2px;
}
#attraction_nav .menu_nav li a {
	display: block;
	width: 57.7px;
	background: #ddd;
	text-align: center;
	padding: 5px 0;
	color: #000;
}
#attraction_nav .menu_nav li a.open {
	background-color: #ccdf85;
}
#attraction_nav .menu_nav li a:hover {
	background-color: #FFE065;
}
#attraction_nav .lists {
	position: relative;
	border: 1px solid #ccc;
	border-top: 0px;
	margin: 0 0 20px 0;
}
#attraction_nav .lists h3 {
	color: #666;
}
#attraction_nav .list {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px;
	display: none;
	right: 0;
}
#attraction_nav .list li {
	float: left;
}
#attraction_nav .list li a {
	display: block;
	padding: 2px 5px 0 13px;
	background: url(../images/route_li.gif) no-repeat 5px 8px;
	color: #000;
	width: 236px;
}
#attraction_nav .list li a:hover {
	color: #360;
}
#attraction_nav .hr {
	clear: both;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
}
#attraction_txt {
	position: relative;
}
#attraction_txt .txt {
}
#attraction_txt h3 {
	margin: 5px 0 5px 0;
	color: #360
}
#attraction_txt p {
	margin: 0 0 20px 10px;
}
#tour {
	position: relative;
	margin: 0 6px 10px 9px;
}
#tour h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height:30px;
	border-right: 2px solid #FFF;
}
#tour .list {
	padding: 10px 0 10px 0;
}
#tour .tour {
	position: relative;
	float: left;
	width: 700px;
	margin: 0 10px 20px 0;
}
#tour .tour .txt {
	float: right;
	width: 400px;
	margin: 10px 0 0 -30px;
	line-height: 150%;
}
#tour .tour .txt p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin: 0 0 0 -20px;
}
#tour .tour .txt h3 {
	border-bottom: 2px solid #add7ed;
	color: #360;
	font-size: 15px;
	margin: 0 0 5px -20px;
}
#tour .tour .txt p.bold {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin: 0 0 0 -20px;
	font-weight: bold;
	color: #333;
	padding: 2px 0 0 0;
}
#tour .tour .txt h4 {
	color: #00b1c6;
	font-size: 13px;
	margin: 0 0 0 -20px;
}
#tour .tour .txt h4.point {
	color: #00b1c6;
	font-size: 13px;
	margin: 0 0 0 -20px;
	padding: 15px 0 0 0;
}
#tour .tour .spot {
	padding: 5px 0 0 0;
	overflow: hidden;
	margin: 10px 10px;
}
#tour .tour .spot img {
	float: left;
	margin: 0px 8px 0px 0px;
	border: 1px solid rgb(204, 204, 204);
	padding: 3px;
	width: auto;
}
#tour .tour .spot h3 {
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
}
#tour .tour .spot h3 a {
	display: block;
	width: 220px;
	padding: 1px 5px 2px 15px;
	background: url(../images/route_li.gif) no-repeat 5px 8px;
	color: #000;
	font-weight: normal;
	line-height: 20px;
}
#tour .tour .spot h3 a:hover {
	color: #360;
}
#tour .tour_right {
	width: 265px;
	padding: 10px 0 0 0;
}
#tour .tour_right h3 {
	border-bottom: 2px solid #add7ed;
	color: #360;
	font-size: 15px;
	margin: 0 0 5px 0;
}
#tour .tour_right .list {
	padding: 5px 0 5px 5px;
}
#tour .tour_right .list h3 {
	border-bottom: 0px solid #add7ed;
	font-size: 12px;
	margin: 0;
}
#tour .tour_right .booking a {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 1;
}
#news article {
	position: relative;
	margin: 0 0 20px 0;
}
#news article h2 {
	margin: 0 0 5px 0;
}
#point_detail article {
	position: relative;
	margin: 0 0 20px 0;
}
#point_detail #point_LC {
	margin: 0 10px;
}
#hot_scenic {
}
#hot_scenic li {
	border-bottom: 1px dashed #CCC;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 5px 5px;
}
#hot_scenic li a {
	color: #333;
}
#hot_scenic li a:hover {
	color: #690
}
#hot_scenic li em {
	position: absolute;
	right: 0;
	color: #f00;
	font-style: normal;
}
#hot_scenic li strong {
	color: #333;
}
#hot_scenic li .icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../images/number.png);
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-position: -6px 0px;
}
#hot_scenic li .num1 {
	background-position: -6px -30px;
}
#hot_scenic li .num2 {
	background-position: -6px -60px;
}
#hot_scenic li .num3 {
	background-position: -6px -90px;
}
#hot_scenic li .num4 {
	background-position: -6px -120px;
}
#hot_scenic li .num5 {
	background-position: -6px -150px;
}
#hot_scenic li .num6 {
	background-position: -6px -180px;
}
#hot_scenic li .num7 {
	background-position: -6px -210px;
}
#hot_scenic li .num8 {
	background-position: -6px -240px;
}
#hot_scenic li .num9 {
	background-position: -6px -270px;
}
#hot_scenic li .num10 {
	background-position: -6px -300px;
}
#hot_scenic li img {
	margin: 5px 5px 0 0;
	width: 69px;
	height: 54px;
	border: 1px solid #ccc;
	padding: 2px;
	vertical-align: middle;
}
#kenting-hotelsearch article {
	position: relative;
	margin: 0 6px 10px 9px;
}
#kenting-hotelsearch article h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height:30px;
	border-right: 2px solid #FFF;
}
#kenting-hotelsearch article h2 {
	margin: 0 0 5px 0;
}
#snack_map {
	padding: 10px 0 0 0;
}
#snack_map h3 {
	border-bottom: 2px solid #999;
	font-size: 13px;
	padding: 0 0 0 10px;
}
#snack_map .spots_list {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding: 10px;
	line-height: 160%;
}
#snack_map .spic {
	float: left;
	margin: 0px 5px 0px 0;
}
#snack_map .spic img {
	width: 120px;
	height: 90px;
}
#snack_map .stxt {
	overflow: hidden;
}
#snack_map h4 {
	color: #360;
	font-size: 15px;
	line-height: 150%;
}
#snack_map h4 a {
	display: block;
	padding: 0 5px 0 0;
	color: #360;
}
#snack_map h4 a:hover {
	color: #000;
}
#snack_map p {
	padding: 0 0 0 3px;
	color: #333;
}
/* 墾丁簡介 */
.introduce {
	display: block;
	width: 965px;
	padding: 30px 0 0 15px;
}
.introduce p {
	display: block;
	font-size: 15px;
	line-height: 170%;
	padding: 10px 0 10px 0;
}
/* 旅遊景點 */
#attraction_txt table {
	margin: 10px 0px 0px 20px;
	padding: 1px;
	border: 1px solid #CCC;
	width: 662px;
	line-height: 1.5em;
}
#attraction_txt th {
	margin: 0px;
	padding: 5px 10px;
	background-color: #ffcf00;
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-right: 1px solid #e1b702;
	border-bottom: 1px solid #e1b702;
}
#attraction_txt td {
	margin: 0px;
	padding: 5px 10px;
	background-color: #f9fdc6;
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-right: 1px solid #e1b702;
	border-bottom: 1px solid #e1b702;
}
#attraction_txt table tr td p a font {
	color: #008dd7;
}
#attraction_txt table tr td p a font:hover {
	color: #336600;
}
/* 生態保育 */
#eco .list {
	position: relative;
}
#eco .list h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height: 30px;
	border-right: 2px solid #FFF;
}
#eco .list h3 {
	float: left;
	color: #00b1c6;
	font-size: 15px;
	margin: 50px 0 0 -2px;
}
#eco .list h4 {
	float: left;
	color: #00b1c6;
	font-size: 15px;
	margin: 30px 0 -20px 0;
}
#eco .list p {
	display: block;
	width: 300px;
	line-height: 200%;
	padding: 50px 0 0 0;
}
#eco .list p.second {
	width: 100%;
	line-height: 200%;
	padding: 25px 0 0 0;
}
#eco .list .pic_01 {
	display: block;
	width: auto;
	float: right;
	margin: -315px 20px 30px 0;
	padding: 3px;
}
#eco .list .txt {
	float: left;
	width: 570px;
	margin: 0 0 15px 0;
	line-height: 150%;
}
#eco .list .txt .point {
	float: left;
	width: 570px;
	height: 100px;
	background-color: #0F0;
}
#eco .list .txt2 {
	float: left;
	width: 582px;
	margin: 0 0 15px 0;
	line-height: 150%;
	padding: 25px 0 10px 12px;
}
#eco .list .txt .pic_s {
	width: auto;
	padding: 3px;
	margin: 50px 0 20px -145px;
	float: left;
}
#eco .list .txt p {
	display: block;
	width: 570px;
	line-height: 200%;
	padding: 75px 0 0 0;
	margin: 0 0 0 4px;
}
#eco .list .txt2 p {
	display: block;
	width: 670px;
	line-height: 200%;
	padding: 75px 0 0 0;
	margin: -50px 0 20px 3px;
}
#eco .list .txt2 cite {
	font-size: 12px;
	font-style: normal;
	color: #666666;
	width: 670px;
	line-height: 200%;
	padding: 50px 0 0 0;
	margin: -50px 0 20px 3px;
}
#eco .list .txt2 h3 {
	float: left;
	color: #00b1c6;
	font-size: 15px;
	margin: 0 0 0 3px;
}
#eco .pic_right {
	float: right;
	margin: 30px 5px 5px 5px;
}
#eco .pic_left {
	float: left;
	margin: 4px 14px 0 0;
}
#eco .pic_left_island {
	float: left;
	margin: 33px 10px 0 -8px;
}
#eco img {
	border: 1px solid #cccccc;
	padding: 3px;
	margin: 0px 0px 0px 8px;
	width: auto;
}
#eco cite {
	font-size: 12px;
	font-style: normal;
	color: #666666;
	line-height: 50px;
}
#eco .bottom {
	height: 120px;
}
/* 墾丁一年四季都好玩+墾丁海世界任遨遊 */
#main_tourplay {
	position: relative;
	margin: 0 6px 10px 9px;
}
#main_tourplay h2 {
	float: left;
	background-color: #add7ed;
	color: #000;
	padding: 5px 15px 0px 15px;
	font-size: 15px;
	height: 30px;
	border-right: 2px solid #FFF;
}
#main_tourplay h3 {
	color: #00b1c6;
	font-size: 15px;
}
#main_tourplay h4 {
	font-size: 12px;
	padding: 5px 0 0 15px;
	font-weight: bold;
}
#main_tourplay h5 {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	padding: 5px 0 0 15px;
	font-weight: bold;
}
#main_tourplay p {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0 0 15px;
}
#main_tourplay p.sea {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0 10px 20px;
}
#main_tourplay .list_title {
	padding: 0 0 10px 0;
}
#main_tourplay .list_content {
	padding: 5px 0 20px 0;
}
#main_tourplay .txtarea {
	margin: 20px 0 10px 4px;
}
#main_tourplay .txt {
	font-size: 15px;
	font-weight: bold;
	color: #336600;
}
#main_tourplay .txt a {
	padding: 0 15px;
}
#main_tourplay .pic_right {
	float: right;
	margin: 7px 0 0 0;
}
#main_tourplay .pic_left {
	float: left;
	margin: 4px 14px 0 0;
}
#main_tourplay img {
	border: 1px solid #cccccc;
	padding: 3px;
	margin: 0px 0px 0px 8px;
	width: auto;
}
#main_tourplay table {
	margin: 10px 0px 0px 15px;
	padding: 1px;
	border: 1px solid #CCC;
	width: 682px;
	line-height: 1.5em;
}
#main_tourplay th {
	margin: 0px;
	padding: 5px 10px;
	background-color: #ffcf00;
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-right: 1px solid #e1b702;
	border-bottom: 1px solid #e1b702;
}
#main_tourplay td {
	margin: 0px;
	padding: 5px 10px;
	background-color: #f9fdc6;
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-right: 1px solid #e1b702;
	border-bottom: 1px solid #e1b702;
}
#main_tourplay table tr td p a font {
	color: #008dd7;
}
#main_tourplay table tr td p a font:hover {
	color: #336600;
}
#main_tourplay cite {
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin: 0 0 0 15px;
}

#header .Social_area{
	width:200px;
	height:20px;
	position:absolute;
	top:260px;
	right: 5px;

}
#header .Social_area img {border:none;}