﻿@charset "utf-8";
body{margin:0px;padding:0px;font-family: Arial, Helvetica, sans-serif;	background-image: url(../images/bigbg.jpg);
	background-repeat: repeat-y;background-position: center;}

/* Header ------------------------------------------------- */
#header{
	width:990px;
	margin:0px auto;
	position:relative;
}
#header img{
	margin:0px;float:left;
}
#header .solgan{
	margin:178px 0px 0px 400px;
	color: #FFFFFF;
	position: absolute;
	font-size: 13px;
}
#share {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 8;
}

/* menu ------------------------------------------------- */
#menu{width:990px;height:25px;background-image: url(../images/menu.html);margin: 0px auto;}
#menu ul{margin:0px auto;padding:0px 0px 0px 60px;list-style:none;overflow:hidden;}
#menu li{float:left;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	color: #660000;
	font-size: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999900;
	letter-spacing: 2px;
	font-weight: bold;}
#menu li.no{border: 0px;}
#menu li a{color: #660000;text-decoration: none;}
#menu li a:hover{color: #006600;text-decoration: none;}
#page1 #menu li.in1 a,
#page2 #menu li.in2 a,
#page3 #menu li.in3 a,
#page4 #menu li.in4 a,
#page5 #menu li.in5 a,
#page6 #menu li.in6 a
{
	color: #006600;
	text-decoration: underline;
}

/* body ---------------------------------------------- */
#area{margin:15px auto 10px auto;padding:0px 30px ;width:950px;background-image: url(../images/contact_bg.html);
	background-repeat: no-repeat;background-position: center top;}

#area .main{width:695px;float:left;	margin: 0px ;}

/* 介紹------------------------------------------------- */
h2{
	font-size: 15px;
	margin: 10px 0px 10px 0px;
	padding:0px;
	color: #666600;
}
/*
.main h4{font-size:13px;margin: 10px 0px -10px 0px;_margin: 10px 0px -18px 0px;
	line-height: 1.5;color:#669900;	letter-spacing: 1px;
	text-indent: 0px;font-weight: normal;}
*/
.main p{font-size:13px;	color:#333333;line-height: 22px;text-indent: 0px;padding:0px;margin:0px 0px 10px 0px;}
.main p a{
	color:#333333;
	text-decoration: underline;
	font-weight: bold;
}
.main p a:hover{
	color:#CC0000;
	text-decoration: none;
}
.main .picr{padding:5px 7px 0px 5px;margin:0px;float:right;width: auto;}
.main .pic{padding:5px 7px 0px 5px;margin:0px;	float:left;	width: auto;}
.main .pic img ,.main .picr img {width:300px;height:225px;
	padding:0px;
	margin:0px 5px 0px 0px;
	border:4px solid #CCCCCC;
}
.main .pic p ,.main .picr p {padding:0px 6px 0px 0px;margin:0px;font-size: 12px;color: #666666;	text-align:right;
	text-indent: 0px;}

.title{
	margin: 0px 0px 10px 0px;
	height:44px;
	background-image: url(../images/menu2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.title h5{
	font-size: 15px;
	height:44px;
	padding:17px 0px 0px 32px;
	margin:0px 0px 0px 0px;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.title .list{
	width:400px;
	height:30px;
	float:right;
	margin: 10px 0px 0px 0px;
	text-align: right;
	font-size: 13px;
	color: #999999;
}
.title .list a{	color: #993300;	text-decoration: none;}
.title .list a:hover{color: #993300;text-decoration: ;text-decoration: underline;}

/* 邊攔------------------------------------------------- */
#area .side{width:247px;float:right;margin: 0px 0px 0px 0px;background-image: url(../images/side_bg.gif);	background-repeat: repeat-y;background-position: left;}
#area .side img{	margin:0px 5px 5px 0px;border:1px solid #CCCCCC;padding:3px;float:left;}
#area .side .down{
	background-image: url(../images/side_bot.gif);
	background-repeat: no-repeat;
	height:14px;
	clear: both;
}
#area .side .tt1{
	height:33px;
	font-size: 15px;
	padding:17px 0px 4px 20px;
	color: #FFFFFF;
	background-image: url(../images/side_top.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}
#area .side .tt2{height:33px;
	font-size: 15px;
	padding:9px 0px 0px 20px;
	color: #FFFFFF;	font-weight: bold;
	background-image: url(../images/side_top2.jpg);
	background-repeat: no-repeat;
}
/*  景點 -------- */
.point{
	width:220px;
	font-size: 12px;
	color: #333333;
	line-height: 1.5;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.point .name{
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.point .name a{
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.point .name a:hover{
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
/*  景點列表 --------------------------- */
.list2{}
.list2 ul{margin: 10px 10px 5px 10px;width:680px;}
.list2 li{
	width:155px;
	float:left;
	margin: 2px 6px;
	list-style-type:none;
	font-size: 13px;
	color: #333333;
	line-height:2;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	text-indent:12px;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: left;

}
.list2 li a{	font-size: 13px;color: #333333;
	text-decoration: none;}
.list2 li a:hover{color: #0066FF;text-decoration: underline;}

/*  side HOTEL ------------------------------------------------- */
.hotel_list { width:220px;margin:0px auto;padding:5px 5px 0px 5px;overflow:hidden; height:100px;}/*height:148px;*/
.hotel_list p {font-size: 12px; margin:0px; color:#888888; line-height:1.3em!important;}

.hotel_list .price {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 0px 0px 5px;
}
.hotel_list .price em {font-style:normal; font-weight:bold; color:#FF3366; }
.hotel_list .booking {font-size:9pt;background-image:url(../images/booking.gif); background-repeat:no-repeat;padding:3px 5px 2px 10px; width:48px;margin:0px 0px 0px 5px;}
.hotel_list .booking a{color:#FFFFFF; text-decoration:none;}

.hotel_list h3 {background-position:4px 6px;background-color:#F3F3F3;font-size:12px;margin:0px 0px 5px 0px; border-bottom:1px solid #DDDDDD!important;border-top:1px solid #DDDDDD!important;padding:5px 5px 3px 5px;}
.hotel_list h3 a { color:#555555; margin:0px 0px 0px 0px;text-decoration:none;}
.hotel_list h3 a:hover {border:0px; color:#666666;}

/* HOTEL2 ------------------------------------------------- */

.hotel2 { height:110px;background-color:#FFFFFF;float:left;width:330px;padding:5px 5px 10px 0px;*padding:5px 5px 10px 0px; overflow:hidden;margin:5px;}
.hotel2 p {font-size: 12px; margin:0px; color:#666666; line-height:1.3em!important;}
.hotel2 img {margin:0px 5px 5px 0px;background:#ffffff;}
.hotel2 .pics{width:120px;float:left;padding:0px 0px 0px 5px; }
.hotel2 .groups {
	width:200px;
	padding:0px;
	float:right;
	font-size: 12px;
	color: #000000;
}
.hotel2 .price {padding:5px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#FF3366;}
.hotel2 .price em {font-style:normal; font-weight:bold;  }
.hotel2 .booking {font-size:9pt;background-image:url(images/booking2.html); background-repeat:no-repeat;padding:4px 5px 2px 4px; width:48px;float:right;}
.hotel2 .booking a{color:#FFFFFF; text-decoration:none; }

.hotel2 h3 {
	background-color:#F3F3F3;
	font-size:15px;
	margin:0px 0px 5px 0px;
	padding:5px 5px 3px 0px;
	text-align: left;
}
.hotel2 h3 a { color:#006600; margin:0px 0px 0px 0px;text-decoration:none;}
.hotel2 h3 a:hover {border:0px; color:#666666;}	

table{color:#333333;font-size:13px;}
th{	background-color:#DDDDDD;
	color:#333333;
	font-size:13px;
	text-align:center;}

/* bot -------------------------------------------------  */
.bot{padding:3px;width:900px;height: 15px;margin: 0px auto;	background-repeat: repeat-x;background-image: url(../images/line_4.gif);	background-position: bottom;}
.bot img{float:right;}
.dotline_under{	width:900px;height:10px;margin: 0px auto;	background-repeat: repeat-x;background-image: url(../images/dot.gif);}
.top{font-size: 12px;color: #CC3399;vertical-align: bottom;	width: 928px;margin: 0px auto 15px auto;
	font-family: Arial, Helvetica, sans-serif;border-bottom-width: 1px;	border-bottom-style: dashed;
	border-bottom-color: #CC9999;text-align: right;	clear: both;letter-spacing: 1px;}
.top a{	color: #666600;	text-decoration: none;}
.top a:hover{color: #CC0033;}

.clear{	clear: both;}

.googlemap { text-align:center;margin:0px 20px 0px 0px} 
.googlemap iframe {border:1px solid #DDDDDD; padding:5px; margin:10px auto 0px auto;width:670px; height:400px;}
#footer {
width: 990px;
margin: 10px auto;
padding: 5px 0 0;
border-top: 1px #e6e6e6 solid;
}
