@import url(/_inc/declare/network/tw/copyright.css); /* 宣告設定css檔匯入 */
@import url(/tourguide/_pageBaseMenu.css); /* 宣告設定css檔匯入 */

body{
	margin:0px;	padding:0px;
	text-align: center;
	background-image: url(../images/bigbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0D9BC9;
}

#bigbg{
	background-image: url(../images/bigbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Header ------------------------------------------------- */
#area{
	margin:0 auto;
	padding:0;
	width:990px;
	background-color: #FFFFFF;
}
#header{
	text-align:left;
	margin:0px auto;
	width:990px;
	position: relative;
	z-index: 1;
}
#header .swf,
#header .img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}#header .banner {
	position: absolute;
	top: 200px;
	left: 310px;
	z-index: 2;
}
#header .text {
	position: absolute;
	top: 140px;
	left: 110px;
	z-index: 3;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 1px;
}
#header .text a{
	color: #000000;
	text-decoration: none;
}
#header .text a:hover{
	color: #000000;
	text-decoration: none;
}


#header .Vicetxt{ background-image:url(../images/default_05.jpg); background-repeat:no-repeat; width:990px; height:99px;}
#header .Vicetxt p{font-size:13px;color: #fff;line-height:13pt;margin:0 0 0 65px; padding:10px 0 0 0;}
#TopBar { background-image:url(../images/copyright/top_logo_bg.jpg); background-repeat:repeat-x; background-position:left top;height:1%; height:35px;}
#header .maps{position: absolute; right:0px; top:284px;}
/* maincont ---------------------------------------------- */
#maincont {padding:0px; margin:0px;background-image:url(../images/map2.gif); background-repeat:no-repeat; background-position:center top;text-align:left;position: relative;}
#maincont3 {padding:0px; margin:0px;background-image:url(../images/map3.gif); background-repeat:no-repeat; background-position:center top;text-align:left;position: relative;}
#maincont4 {padding:0px; margin:0px;background-image:url(../images/map4.gif); background-repeat:no-repeat; background-position:center top;text-align:left;position: relative;}

/* list ------------------------------------------------- */
.event ul{
	margin: 0px ;
    padding: 17px 0px  0px 125px;
	width:700px;
	background-repeat: no-repeat;
}
.event li{
	list-style-type:none;
	color: #fff;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0px;
	width:160px;
	float:left;
	margin:0px 5px 0px 0px;
}
.event li a{
	color: #660000;
	text-decoration: none;
	font-size: 12px;
}

.event li a:hover{
	color: #FF6600;
	text-decoration: underline;
}
/* list2 ------------------------------------------------- */
.list4{
	margin: 0px;
	padding: 18px 0px 7px 155px;

	*padding: 30px 0px  3px 155px;
	width:700px;
	background-repeat: no-repeat;
	}
.list4 h2 {
	color: #333333;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 2px;
	width:560px;
	padding: 0px
	}	
	
.list4 h2 a{
	color: #333333;
	font-size: 15px;
	text-decoration: none;
	}	
.list4 h2 a:hover{
	color: #CC3300;
	font-size: 15px;
	}		

/* HOTEL ------------------------------------------------- */

.title{
	padding:2px 20px;
	width:900px;
	margin: 0px auto;
	text-align: left;
}

.title h2{
	margin:0px auto;
	padding:0px;
	font-size:16px;
	color:#006600;
	line-height: 26px;
	background-image: url(../images/fire.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
}

.hotelbig{
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.hotel{
	float: left;
	height: auto;
	width: 200px;
	background-color: #CEE79C;
	margin: 15px 9px 0px 9px;
	padding: 2px;
	text-align: left;
}
.t10c {
	FONT-SIZE: 10pt;
	COLOR: #000000;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: none;
	text-align: left;
}

.t10c a {
	 COLOR: #CC6600; LINE-HEIGHT: 14pt; TEXT-DECORATION: none}
.t10c a:hover {
	COLOR: #333333; LINE-HEIGHT: 14pt; TEXT-DECORATION: underline}
.price {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: line-through;
	text-align: left;
	font-weight: normal;
}
.price2 {
	FONT-SIZE: 12px;
	COLOR: #FF0000;
	LINE-HEIGHT: 14pt;
	text-align: left;
}
.add {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: none;
	text-align: left;
}

.page {
	FONT-SIZE: 12px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	text-align: center;
	margin-top: 10px;
}

.page a {
	COLOR: #333333; TEXT-DECORATION: none}
.page a:hover {
	COLOR: #333333;  TEXT-DECORATION: underline}
	
/* contact------------------------------------------------- */

.content{
	padding:35px 20px 20px 20px;

	*padding:20px;
	width:91%;
	margin: 0px auto;
	text-align: left;
}

.content h2{
	padding:0px;
	font-size:16px;
	color:#006600;
	line-height: 26px;
	background-image: url(../images/fire.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
}

.content p{
	font-size:13px;
	color:#333333;
	line-height: 22px;
	letter-spacing: 1px;
	text-indent: 25px;
}

.content p a:link, .content p a:visited{
	color:#333333;
	font-weight: bold;
}
.content p a:hover{
	color:#783C00;
	font-weight: bold;
}

.word15 {
	font-size: 15px;
	font-weight: bold;
	color: #669900;
	line-height: 1.8;
}

.word13 {
	font-size: 13px;
	color: #333333;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #99CC00;
	text-indent: 0px;
	margin: 0px 0px 15px 15px;
}

.content ul{
	margin:0px;
	padding:0px 0px 0px 25px;
}
.content li{
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#333333;
	line-height: 24px;
}
.content li a{
	color:#333333;
	font-weight: bold;
}
.content li a:hover{
	color:#333333;
	font-weight: bold;
	text-decoration: none;
}

.content .pic{
	padding:0px 0px 0px 7px;
	margin:0px;
	float:right;
}
.content .pic img {
	padding:5px;
	margin:0px 0px 0px 0px;
}
.content .pic p {
	padding:0px 3px 0px 0px;
	margin:0px;
	font-size: 12px;
	color: #666666;
	letter-spacing: 1px;
    text-align:right;
}
.content .pic p a:link, .content .pic p a:visited{
	text-decoration: none;
	color: #666666;
}
.content .pic p a:hover{
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.content .pic_left{
	padding:0px 7px 5px 0px;
	margin:0px;
	float:left;
	width: auto;
}
.content .pic_left img {
	padding:5px;
	margin:0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.content .pic_left p {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size: 12px;
	color: #666666;
	letter-spacing: 1px;
	text-align:left;
	text-indent: 0px;
}
.content .pic_left p a:link, .content .pic_left p a:visited{
	text-decoration: none;
	color: #666666;
}
.content .pic_left p a:hover{
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.main {
	background-image: url(../images/default_23.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	height: 240px;
	margin: 10px auto 10px auto;
	padding:0px;
	width: 961px;
	position: relative;
}
.main .pic {
	margin: 15px 10px 0px 15px;
	padding: 0px;
	float: left;
}
.main .pic img {
	border: 1px solid #FFFFFF;
}
.main .info {
	font-size: 12px;
	line-height: 20px;
	margin: 5px 50px 0px 5px;
	padding: 0px;
	float: left;
	width: 310px;
	overflow: hidden;
}
.main .info h2 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #006633;
	font-size: 18px;
}
.main .info h2 a {
	color: #006633;
	text-decoration: none;
}
.main .info h2 a:hover {
	color: #006633;
}
.main  .info  p {
	margin: 0px;
	padding: 0px;
}

.main  .hotels {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background: none;
	width: 280px;
	float: left;
	overflow: hidden;
}
.main .hotels h2 {
	color: #006633;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	font-size: 18px;
}
.main .hotels h2 a {
	color: #006633;
	text-decoration: none;
}
.main .hotels h2 a:hover {
	color: #006633;
}

.main .hotels ul{
	margin:10px 0px 0px 0px;padding: 0px;
	overflow: hidden;
	list-style-type: none;
}
.main .hotels li{
	font-size:13px;
	color:#000000;
	list-style-type:none;
	background-image:url(../images/next.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:15px;
	line-height:2.2;
	width:270px;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#CCCCCC;
	position:relative;
	margin: 0px;
	padding: 0px;
	float: none;
}
.main .hotels li img{margin:0px 0px 0px 0px;position:absolute;right:10px;top:4px;*top:0px;}
.main .hotels li i{margin:0px 0px 0px 0px;position:absolute;right:10px;top:4px;*top:0px;font-style:normal;color:#FF6600;}
.main .hotels li a{color:#000000;text-decoration:none;}
.main .hotels li a:hover{color:#CC0000;}
.main .info cite {
	font-size: 12px;
	font-style: normal;
	color: #006600;
	display: block;
	position: absolute;
	bottom: 10px;
	left:310px;
}






/* bot -------------------------------------------------  */
.bot{
	padding:0;
	width:950px;
	background-image: url(../images/bot.gif);
	height: 29px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
}

.bot img{
	float: right;
}

.clear{
	clear: both;
}
/* NavMenu -------------------------------------------------  */

ul.Navs{
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	height:34px;
	width:990px;
	background-image: url(../images/title.gif);
	background-position: right top;
	list-style-type: none;
	}
ul.Navs li{float:left; margin:0px;padding:0px; background-color:#3333CC;height:34px;}

ul.Navs li img{
	margin:0px 5px 0px 0px;
	padding:0px;
	width: 7px;
	height: 7px;
}
ul.Navs li a{
	height:34px;
	padding:0px 10px;
	display:block;
	color:#000000;
	line-height: 34px;
	font-size:15px;
	text-decoration: none;
	background:url(../images/menu_bga.jpg) repeat-x;
}
ul.Navs li a:hover{background:url(../images/menu_bgb.jpg) repeat-x;display:block;}
ul.Navs li.btng{
	margin:0px 0px 0px 160px;
}ul.Navs li.btng a{padding:0px 25px 0px 15px;
}
body#page1 ul.Navs li.btna a{background:url(../images/menu_bgb.jpg) repeat-x;}
body#page2 ul.Navs li.btnb a{background:url(../images/menu_bgb.jpg) repeat-x;}
body#page3 ul.Navs li.btnc a{background:url(../images/menu_bgb.jpg) repeat-x;}
body#page4 ul.Navs li.btnd a{background:url(../images/menu_bgb.jpg) repeat-x;}
body#page5 ul.Navs li.btne a{background:url(../images/menu_bgb.jpg) repeat-x;}
body#page6 ul.Navs li.btnf a{background:url(../images/menu_bgb.jpg) repeat-x;}

.style3 a{font-size:13px!important; line-height:1.5;}

td.icon{ font-size:12px; line-height:2;}
td.icon a{ color:#006633; text-decoration:none;}
td.icon a:hover{ color:#783C00;}

select.info20 {color:#333333!important;}
tr.info20{ font-size:12px!important; color:#333!important;}
tr.info20 td a.class1{color:#fff!important; font-size:12px;}
tr.info20 td a.class1:hover{ color:#CCC!important;}

#point_detail .content {
	font-size: 13px;
	line-height:22px;
}
#point_detail .content a {
	color: #000000;
	text-decoration: none;
}
#point_detail .content a:hover {
	text-decoration: underline;
}#point_detail .content a:hover {
	text-decoration: underline;
}
#point_detail .content h4 {
	color: #FF9900;
	line-height:25px;
	font-size:16px;
	margin: 10px 0px 3px 0px;
	padding: 0px;
}

#point_detail .content p{
	font-size:13px;
	line-height:22px;
	margin: 0px;
	padding: 0px;
}
#point_detail .content table table table td{
	font-size:13px;
	line-height:16px;
	margin: 0px;
	padding: 0px;
}
.news_detail{
	width:730px;
	overflow:hidden;
	float:left;
	padding:5px;
}

.news_detail .list
 {
	font-size:13px;
	margin:0px 10px 0px 15px;
	padding:0px 0px 0px 0px;
	line-height:28px;
}

.news_detail .list h1{font-family:"標楷體";font-size:25px;color:#006699;margin:10px 0px 5px 0px;}
.news_detail .list h2{
	font-size:12px;
	color:#666666;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	float:left;
	width:auto;
	height:auto;
	background:none;
	border-bottom: 0px none #fff;
	padding-left: 0px;
	text-indent: 0px;
}
.news_detail .list h3{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#666666;margin:0px 0px 5px 0px;line-height:18px;}
.news_detail .list .pic{
	border:1px solid #CCCCCC;
	margin:3px 3px 3px 3px;
	padding:5px;
	text-align:center;
	width:auto;
}
.news_detail .list .left{float:left;margin-right:5px;}
.news_detail .list .pic p{
	text-align:left;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:16px;
	padding: 0px 0px 0px 0px;
}
.news_detail .list p{
	font-size:13px;
	line-height:28px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 0px;
}
.news_detail .list a{color:#000;text-decoration:none;}
.news_detail .list a:hover{color:#000;text-decoration:underline;}
.tnews{
	padding-bottom:30px;
	width:730px;
	float:left;
}
.tnews .list{margin:0px 30px 30px 30px;padding:0px;overflow:hidden;}
.tnews h2{margin-bottom:15px;}
.tnews .list .pic{margin:0px 10px 5px 0px;padding:2px;border:1px solid #CCCCCC;width:auto;overflow:hidden;}
.tnews .list h3{overflow:hidden;font-weight:bold;color:#006699;margin:10px 0px 8px 0px;padding:0px;}
.tnews .list p{margin:0px 0px 8px 0px;padding:0px;overflow:hidden;font-size:13px;line-height:20px;}
.tnews .list a.more{font-weight:bold;color:#FF6600;text-decoration:none;letter-spacing:0px;}.tnews  .list a.more:hover{text-decoration:underline;}
.tnews ul{margin:0px 25px 10px 25px;padding:0px;list-style-type:none;overflow:hidden;}
.tnews ul li{
	background-image:url(../images/icon01.gif);
	background-repeat:no-repeat;
	background-position:13px 13px;
	margin:0px;
	padding:0px 0px 0px 30px;
	font-size:15px;
	line-height:35px;
	border-bottom:1px dotted #CCCCCC;
}
.tnews li a{color:#333333;text-decoration:none;}
.tnews  li a:hover{color:#FF6600;}
.up_hotel {width:160px;background-image:url(../images/s2.gif);background-repeat:repeat-y;padding:0px;margin:50px 0px 0px 0px;overflow:hidden;}
.up_hotel h2{
	font-size:15px;
	margin:0px 0px -10px 0px;
	padding:0px 0px 0px 0px;
	color:#003300;
	line-height:37px;
	background-image:url(../images/s1.gif);
	background-repeat:no-repeat;
	background-position:center center;
	border-bottom:0px none #fff;
	height:46px;
	text-align: center;
	text-indent: 0px;
}
.up_hotel table.list {margin:7px 5px 0px 5px;padding:0px 5px 5px 5px;border:0px none #fff;border-bottom:1px solid #86c400;width:150px;top:0px;left:0px;overflow:hidden;}
.up_hotel .lpic {float:left;}

.up_hotel .pic {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	width:140px;
	text-align:center;
}
.up_hotel .pic img {border:1px solid #ccc;width:90px;height:60px;background-color:#FFFFFF;}
.up_hotel h3 {font-size:13px;margin:5px 0 0 0;overflow:hidden;}
.up_hotel h3 a {color:#006699;text-decoration:none;}
.up_hotel h3 a:hover {color:#FF6600;}
.up_hotel .address {font-size:12px;color:#333333;text-align:left;}
.up_hotel .more a {background-color:#FF9900;color:#FFF7D2;text-decoration:none;font-family:Arial, Helvetica, sans-serif;padding:0px 10px;}
.up_hotel .more a:hover {color:#FFFFFF;background-color:#FF6600;}
.up_hotel .more {text-align:right;padding:3px;}
.goto {font-size:13px;font-weight:bold;color:#006699;text-decoration:none;margin:0px 0px 0px 0px;padding:0px;line-height:19px;letter-spacing:2px;}
.goto a {font-weight:normal;color:#666666;text-decoration:none;}
#page2 .content li {
	width: auto;
	float: none;
}