@charset "utf-8";
body{background:url(../images/bg_x.jpg) fixed left 0;margin:0px auto;padding:0px;width:100%;min-width:990px;font-size:13px;}
a{ color:#069;}
.clear{clear:both}
.bg_top{position:fixed;background:url(../images/bg_top.jpg) no-repeat center top;height:100%;width:100%;z-index:1;}
#masthead_promo{position:relative;z-index:2;}
#area{position:relative;margin:0px auto;width:990px;z-index:2;}
#header{height:180px;}
#header .logo{position:absolute;top:38px;left:95px;}
.Social_area {
	width: 180px;
	height: 20px;
	position: absolute;
	margin: 0;
	top:5px;
	right:0;
	z-index: 2;
}
.Social_area img{float:left;margin:0px 5px 0px 0px;}
.bg1{background:url(../images/box_1.png) no-repeat center top;height:25px;}
.bg2{background:url(../images/box_1.png) repeat-y center 25px;height:50px;}
#content{background:url(../images/box_2.png) fixed center top;position:relative;}
#about{float:left;width:445px;margin:-15px 0px 0 15px;padding:30px 33px 0px 30px; height:290px;overflow:hidden;line-height:19px; background:url(../images/about.png) no-repeat; position:relative;}
#about p{ padding:8px 0 0 0;}
#d_news{float:left;width:460px;}
#d_news .list{border-bottom:1px dashed #CCC;margin:0 30px 5px 10px;padding:6px 0 13px;}
#d_news .list .pic{float:left;margin:5px 10px 0 0;}
#d_news .list .pic img{ width:120px; height:100px;}
#d_news .list h3{color:#000;font-size:15px;line-height:20px;overflow:hidden;padding:0;text-align:left;}
#d_news .list h3 a{color: #333;text-decoration:none;}
#d_news .list h3 a:hover{color:#006699;text-decoration:underline;}
#d_news .list p{color:#000;font-size:13px;line-height:21px;overflow:hidden;text-align:left;}
#d_news .list a.more{color:#FF6600;font-weight:bold;text-decoration:none;}
#d_news .list a.more:hover{color:#690;}
#d_news h2{background:url(../images/title.png) 0 0;color:#FFF;font-size:15px;font-weight:bold;line-height:35px;margin:-20px 0 0 0;padding:5px 0px 5px 0px;text-align:center;width:160px;position:relative;}
#d_news h2 a{color:#FFF;text-decoration:none;}
#d_news h2 a:hover{color:#FF0;text-decoration:none;}
#menu{position:relative;z-index:4;padding:0 0px 0 28px; height: 110px;}
#menu li{float:left;display:block;}
#menu a{display:block;background-image:url(../images/menu.jpg);background-repeat:no-repeat;width:133px;height:110px;overflow:hidden;float:left;}
#menu .item1 a{background-position:0px 15px;}
#menu .item2 a{background-position:-133px 15px;}
#menu .item3 a{background-position:-266px 15px;}
#menu .item4 a{background-position:-399px 15px;}
#menu .item5 a{background-position:-532px 15px;}
#menu .item6 a{background-position:-665px 15px;}
#menu .item7 a{background-position:-798px 15px;width:160px;}
#menu .item1 a:hover,#menu .item1 .over,#flowers #menu .item1 a{background-position:0px 0px;}
#menu .item2 a:hover,#menu .item2 .over,#root #menu .item2 a{background-position:-133px 0px;}
#menu .item3 a:hover,#menu .item3 .over,#bicycle #menu .item3 a{background-position:-266px 0px;}
#menu .item4 a:hover,#menu .item4 .over,#farm #menu .item4 a{background-position:-399px 0px;}
#menu .item5 a:hover,#menu .item5 .over,#temple #menu .item5 a{background-position:-532px 0px;}
#menu .item6 a:hover,#menu .item6 .over,#whale #menu .item6 a{background-position:-665px 0px;}
#menu .item7 a:hover,#menu .item7 .over,#tour #menu .item7 a,#tour_detail #menu .item7 a{background-position:-798px 0px;}
#menu .txt{display:block;background-image:url(../images/menu_t.png);background-repeat:no-repeat;width:28px;height:55px;margin:45px 0 0 15px;}

#menu .item1 .txt{background-position:-31px 0px;}
#menu .item2 .txt{background-position:-61px 0px;}
#menu .item3 .txt{background-position:-91px 0px;}
#menu .item4 .txt{background-position:-121px 0px;}
#menu .item5 .txt{background-position:-151px 0px;}
#menu .item6 .txt{background-position:-181px 0px;}
#menu .item7 .txt{background-position:-1px 0px;}

#menu .icon{background:url(../images/icon.png) 0 0;height:15px;width:40px;position:absolute;bottom:-10px;left:80.5px;}
#theme{background-image:url(../images/themebg.gif);background-repeat:repeat-y;background-position:right top;background-color:#f6a4c7;margin:0 24px 0 28px;padding:0 0px 0 0;position:relative;z-index:3;border-radius:0 0 20px 10px;height:520px; overflow:hidden;}
#default #theme{}
.menu_bg{background:url(../images/box_1.png) no-repeat center -10px;height:16px;position:absolute;top:100px;z-index:5;width:100%;left:0px;}
#theme .box{background-color:#FFF;border-radius:8px;position:absolute;margin:0px 16px 0px 10px;padding:10px;overflow:hidden;top:10px;left:0px;}
.introduction{padding:0 0 10px 0;border-bottom:1px dashed #CCC;line-height:18px; position:relative;}
.introduction .pic{float:left;margin:0 10px 0 0;}
.introduction h3 {overflow: hidden; font-size:15px;}
.introduction p{ font-size:13px;}
.introduction .pic img{width:300px; height:225px;border-radius:5px;}
.introduction .more{ /* font-size:15px; */ position:absolute;left:310px; bottom:5px;font-weight:bold; text-decoration:none; padding:10px 0 0 0;}



.contents_hotel{font-size:13px;line-height:1.4em;position:relative;padding:0 0 10px 10px;}
.contents_hotel div{overflow:hidden;}

.contents_hotel div.clear{overflow:visible;}
.contents_hotel h2{font-size:15px;margin:10px 0 0 0;background:url(../images/title2.png) no-repeat;width:183px;line-height:32px;text-align:center;}
.contents_hotel .list{margin:0px;padding:10px 10px 10px 7px;float:left;width:275px;}
.contents_hotel .cname a{text-decoration:none;font-weight:bold;}
.item1 .contents_hotel .cname a{color:#F36;}
.item2 .contents_hotel .cname a{color:#F60;}
.item3 .contents_hotel .cname a{color:#28B;}
.item4 .contents_hotel .cname a{color:#393;}
.item5 .contents_hotel .cname a{color:#C55;}
.item6 .contents_hotel .cname a{color:#28B;}
.item7 .contents_hotel .cname a{color: #630;}
.contents_hotel .cname a:hover{text-decoration:underline;}

.contents_hotel .pic{float:left;margin:5px 5px 5px 0px;padding:0px;}
.contents_hotel .pic img{padding:1px;border:1px solid #ccc;margin:0px;}
.contents_hotel .hname a{text-decoration:none;font-weight:bold;}
.item1 .contents_hotel .hname a{color:#C03;}
.item2 .contents_hotel .hname a{color:#930;}
.item3 .contents_hotel .hname a{color:#069;}
.item4 .contents_hotel .hname a{color:#360;}
.item5 .contents_hotel .hname a{color:#C00;}
.item6 .contents_hotel .hname a{color:#069;}
.item7 .contents_hotel .hname a{color:#C60;}
.contents_hotel .hname a:hover{text-decoration:underline;}
.contents_hotel .address{color:#333;font-size:12px;}
.contents_hotel .price{color:#C00;}
.contents_hotel .booking{float:left;margin:0px 5px 0px 0px;}
.contents_hotel .booking a{text-decoration:none;color:#900;border:1px solid #C30;font-size:12px;background-color:#EEC6C6;display:block;margin:0px;padding:0px;height:15px;width:50px;line-height:15px;text-align:center;}
.contents_hotel .booking a:hover{border:1px solid #600;background-color:#C00;color:#FFF;}

#theme .introduction .list {overflow: hidden;margin: 0px 16px 0px 16px;padding:0;width: 260px;line-height: 17px;height: 225px; float:left;}
#theme .introduction .list h3{ font-size:13px; color:#000; padding:0 10px;}
#theme .introduction .list h3 a{color:#630;}
#theme .introduction .list h3 a:hover{color:#c00;}
#theme .introduction .list .pic{ float:none;}
#theme .introduction .list img{width: 260px; height:173px; margin:0 0 5px 0;} 

.item7 .introduction .more{ left:auto; right:20px;}
.item7 .introduction .more a:hover{color:#c00;}

.point{padding:20px 0 0 0; line-height:1.5em;}
#main{float:left;width:720px;margin:10px 20px 0px 40px;position:relative;}

#point_detail #main{width:900px}
#main p{padding:0;margin:10px 0 0 0;}
#main h4{padding:0;margin:15px 0 5px 0;font-size:15px;}
#main h2{background:url(../images/title3.png) 0 0;color:#FFF;font-size:15px;font-weight:bold;line-height:35px;margin:0;padding:5px 15px 5px 15px;text-align:center; position:relative; float:left;}
#main h2 span{background:url(../images/title3.png) 10px 0px;position: absolute; display:block; width:10px; height:45px; right:-10px; top:0px;}

/* 內頁副選單 */
.smenu{float:right;margin:20px 0 0 0;}
#theme .smenu{margin:0px 0 5px 0px;float: none;}
#bicycle .smenu{ margin:0px 0 10px 0;}
.smenu li{float:left;margin:5px 6px 0 0;}
.smenu li a{display:block;border-radius:5px;padding:3px 8px;text-decoration:none;font-weight:bold;font-size:15px;}
.smenu li a:hover{}
.item1 .smenu li a,
#flowers .smenu li a{background-color:#Fcc;color:#b03;}
.item1 .smenu li a:hover,
#flowers.unit1 .smenu .no1 a,
#flowers.unit2 .smenu .no2 a,
#flowers.unit3 .smenu .no3 a,
#flowers.unit4 .smenu .no4 a,
#flowers.unit5 .smenu .no5 a,
#flowers.unit6 .smenu .no6 a,
#flowers.unit7 .smenu .no7 a,
#flowers .smenu li a:hover{background-color: #F99;color:#903;}
.item2 .smenu li a,
#root .smenu li a{background-color: #FFF580;color:#930;}
.item2 .smenu li a:hover,
#root.unit1 .smenu .no1 a,
#root.unit2 .smenu .no2 a,
#root.unit3 .smenu .no3 a,
#root.unit4 .smenu .no4 a,
#root.unit5 .smenu .no5 a,
#root.unit6 .smenu .no6 a,
#root .smenu li a:hover{background-color: #FFDB11;}
.item3 .smenu li a,
#bicycle .smenu li a{background-color: #8CE0F9;color:#069;}
.item3 .smenu li a:hover,
#bicycle.unit1 .smenu .no1 a,
#bicycle.unit2 .smenu .no2 a,
#bicycle.unit3 .smenu .no3 a,
#bicycle.unit4 .smenu .no4 a,
#bicycle.unit5 .smenu .no5 a,
#bicycle.unit6 .smenu .no6 a,
#bicycle .smenu li a:hover{background-color: #58CDFA;}
.item4 .smenu li a,
#farm .smenu li a{background-color: #D9EE91;color:#360;}
.item4 .smenu li a:hover,
#farm.unit1 .smenu .no1 a,
#farm.unit2 .smenu .no2 a,
#farm.unit3 .smenu .no3 a,
#farm.unit4 .smenu .no4 a,
#farm.unit5 .smenu .no5 a,
#farm.unit6 .smenu .no6 a,
#farm .smenu li a:hover{background-color: #B8D944;}
.item5 .smenu li a,
#temple .smenu li a{background-color:#Fcc;color:#C00;}
.item5 .smenu li a:hover,
#temple.unit1 .smenu .no1 a,
#temple.unit2 .smenu .no2 a,
#temple.unit3 .smenu .no3 a,
#temple.unit4 .smenu .no4 a,
#temple.unit5 .smenu .no5 a,
#temple.unit6 .smenu .no6 a,
#temple .smenu li a:hover{background-color:#F99;}
.item6 .smenu li a,
#whale .smenu li a{background-color:#8CE0F9;color:#069;}
.item6 .smenu li a:hover,
#whale.unit1 .smenu .no1 a,
#whale.unit2 .smenu .no2 a,
#whale.unit3 .smenu .no3 a,
#whale.unit4 .smenu .no4 a,
#whale.unit5 .smenu .no5 a,
#whale.unit6 .smenu .no6 a,
#whale .smenu li a:hover{background-color:#58CDFA;}

/* 內頁連結 */
.item1 a,#flowers a{color:#925;}
.item2 a,#root a{color:#952;}
.item3 a,#bicycle a{color:#069;}
.item4 a,#farm a{color:#360;}
.item5 a,#temple a{color:#C00;}
.item6 a,#whale a{color:#069;}
.item7 a,#whale a{color: #630;}

/* 內頁底下優惠專案飯店 */
#main .hotelnews{margin:20px 0 20px 0; padding:10px 0 0 0;border-top:1px dashed #ccc;}
#main .hotelnews h2{ margin: 0 0 10px 0;}
#main .hotelnews a{text-decoration:none;}
#main .hotelnews .list{border-bottom:0px none #ccc;width:190px; margin:0 5px 0 10px;float:left;}
#main .hotelnews .list .pic{margin:0px;padding:0px;float:none;}
#main .hotelnews .list img{border:0px none #FFF;width:190px;height:130px;border-radius:5px;}
#main .hotelnews b{font-size: 13px;font-weight:bold;float:left;line-height: 1.5em;}
#main .hotelnews i{font-style:normal;margin:0px 0px 0px 5px;float:left;/* font-weight: bold; */color: #333;}
#main .hotelnews em{font-family:Arial;font-style:normal;margin:0px 5px 0px 0px;float:right;color:#c00;font-weight: bold;font-size: 14px;}
#main .hotelnews ul{list-style-type:none;}
#main .hotelnews ul li {border-bottom:1px dashed #ccc;position:relative;line-height: 1.6em;overflow: hidden;}
#main .hotelnews b a:hover{color:#000}
#main .hotelnews i a{color:#444;}
#main .hotelnews i a:hover{color:#c00}

/* top或回上一頁按鈕 */
.goto a{color:#C03; text-decoration:none;font-weight:bold;}
.goto a:hover{color: #000; text-decoration:underline;}

/* 內頁內文 */
#main .text{font-size:13px;line-height:25px; padding: 0 0 0 10px;}
#main .text h3{font-size:15px;margin:10px 0px 5px 0px;}
#main .text .pic{border:1px solid #CCC;margin:3px 3px 3px 3px;padding:5px;text-align:center;width:auto;overflow:hidden;}
#main .text .left{float:left;margin-right:5px;}
#main .text .right{float:right;margin-right:5px;}
#main .text .pic p{text-align:left;margin:0px 0px 0px 0px;font-size:12px;line-height:16px;padding:0px;}
#main .text  p{font-size:15px;line-height:25px;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}
#main .text .traffic{color: #069;}

#flowers .text strong,.item1 .introduction .more,.item1 .introduction h3,#flowers .text h3,#flowers .goto a,#flowers #side .banner h2,#flowers .hotelnews b a{color:#C03;}
#root .text strong,.item2 .introduction .more,.item2 .introduction h3,#root .text h3,#root .goto a,#root #side .banner h2,#root .hotelnews b a{color:#930;}
#bicycle .text strong,.item3 .introduction .more,.item3 .introduction h3,#bicycle .text h3,#bicycle .goto a,#bicycle #side .banner h2,#bicycle .hotelnews b a{color:#069;}
#farm .text strong,.item4 .introduction .more,.item4 .introduction h3,#farm .text h3,#farm .goto a,#farm #side .banner h2,#farm .hotelnews b a{color:#360;}
#temple .text strong,.item5 .introduction .more,.item5 .introduction h3,#temple .text h3,#temple .goto a,#temple #side .banner h2,#temple .hotelnews b a{color:#C00;}
#whale .text strong,.item6 .introduction .more,.item6 .introduction h3,#whale .text h3,#whale .goto a,#whale #side .banner h2,#whale .hotelnews b a{color:#069;}
#tour .text strong, .item7 .introduction .more, .item7 .introduction h3, #tour .text h3, #tour .goto a, #tour #side .banner h2, #tour .hotelnews b a,#tour_detail .text strong, .item7 .introduction .more, .item7 .introduction h3, #tour_detail .text h3, #tour_detail .goto a, #tour_detail #side .banner h2, #tour_detail .hotelnews b a{color: #630;}



/* 新聞 */
#main .news_detail{}
#main .news_detail .list{font-size:13px;line-height:25px;}

#main .news_detail .list h1{font-family:"標楷體";font-size:25px;color:#069;margin:10px 0px 5px 0px;}
#main .news_detail .list h2{font-size:15px;color:#666;margin:0px 0px 5px 0px;padding:0px;line-height:18px;float:left;width:auto;height:auto;background:none;}
#main .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;}
#main .news_detail .pic{border:1px solid #CCC;margin:3px 3px 3px 3px;padding:5px;text-align:center;width:auto;overflow:hidden;}
#main .news_detail .left{float:left;margin-right:5px;}
#main .news_detail .right{float:right;margin-right:5px;}
#main .news_detail .list .pic p{text-align:left;margin:0px 0px 0px 0px;font-size:12px;line-height:16px;padding:0px;}
#main .news_detail .list p{font-size:15px;line-height:25px;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}
#main .news_detail .list a{color:#000;text-decoration:none;}
#main .news_detail .list a:hover{color:#000;text-decoration:underline;}
#main .tnews{background-repeat:no-repeat;margin:0px 0px 0px 0px;padding:40px 0px 0px 8px;}
#main .tnews .list{margin:0px 30px 30px 30px;padding:0px;overflow:hidden;}
#main .tnews h2{margin-bottom:15px;}
#main .tnews .list .pic{margin:0px 10px 5px 0px;padding:2px;border:1px solid #CCC;width:200px;overflow:hidden;}
#main .tnews .list h3{overflow:hidden;font-weight:bold;color:#069;margin:10px 0px 8px 0px;padding:0px;}
#main .tnews .list h3 a{color:#069;text-decoration:none;}
#main .tnews .list h3 a:hover{text-decoration:underline;}
#main .tnews .list p{margin:0px 0px 8px 0px;padding:0px;overflow:hidden;font-size:13px;line-height:20px;}
#main .tnews .list a.more{font-weight:bold;color:#F60;text-decoration:none;letter-spacing:0px;}
#main .tnews .list a.more:hover{text-decoration:underline;}
.tnews ul{margin:0px 25px 10px 25px;padding:0px;list-style-type:none;overflow:hidden;}
#main .tnews ul li{background-image:url(../images/icon1.png);background-repeat:no-repeat;background-position:10px 11px;margin:0px;padding:0px 0px 0px 30px;font-size:13px;line-height:35px;border-bottom:1px dashed #CCC;}
#main .tnews li a{color:#333;text-decoration:none;}
#main .tnews a:hover{color:#F60;}
#main .more{clear:both;font-size:12px;color:#FFF;text-align:right;}
#main .more a{color:#000;text-decoration:none;}
#main .more a:hover{text-decoration:underline;}

#tour #main{ width:auto;}
#tours{ }
#tours .list{ float:left;width: 300px;height: 280px;padding:10px 15px 15px 15px; position:relative;}
#tours .list .pic{ margin:0 0 8px 0;}
#tours .list .pic img{width:270px;border-radius:5px;}
#tours .list h3{ font-size:13px; line-height:150%; padding:0 10px 0 10px;font-weight: normal;}
#tours .list h3 a{color:#000;}
#tours .list h3 a:hover{ color:#060;}
#tours .google_tour{ position:absolute; bottom:15px; right:30px;}
.tour_txt{ margin:10px 0 0 10px; font-weight:bold;}

/* 右欄*/
#side{padding:10px 0px 0px 0px;float:left;overflow:hidden;}
#side .banner h2{color:#C03;font-size:15px;}
#side .banner img{border-radius:6px;}
#side .up_hotel{width:165px;background-color:#eee;padding:0px 0px 0px 0px;margin:20px 0px 0px 0px;border-radius:10px;position:relative;}
#side .up_hotel h2{background:url(../images/title.png) 0 0;color:#FFF;font-size:15px;font-weight:bold;line-height:35px;margin:0px auto 0px auto;top:-10px;padding:5px 0px 5px 0px;text-align:center; width:160px;position:relative;}
#side .up_hotel table.list {margin:5px 0px 0px 9px;padding:0px 5px 5px 5px;width:140px;overflow:hidden;/* background-color:#eff7d8;border:1px solid #fff;*/ }
#side .up_hotel .pic {margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;text-align:center;}
#side .up_hotel .pic img {border:1px solid #FFF;width:120px;height:90px;background-color:#FFF;}
#side .up_hotel h3{font-size:13px;margin:5px 0 0 0;overflow:hidden;font-weight:normal;text-align:center;}
#side .up_hotel h3 a{color:#000;text-decoration:none;}
#side .up_hotel h3 a:hover{text-decoration:underline;color:#000;}
#side .up_hotel .address{font-size:12px;color:#666;text-align:left;padding: 3px;}
/* 表尾 */
#footer{ position:relative; z-index:2;background:url(../images/box_2.png) repeat-y center top; width:990px; margin:0 auto;}
#footer .copyright {}

/* 行程地圖視窗 */  
#tourmap{ position:fixed;top:0px; left:0px; z-index:10; width:100%;height:100%; font-size:13px;line-height:150%;}
#tourmap .bg{ position:fixed; background:url(../../../Tools/route/images/bg_000_70.html); top:0px; left:0px; width:100%;height:100%;}
#tourmap .close{position: absolute; right:10%; width:20px; height:20px; top:8%; background:url(../../../Tools/route/images/close.html); margin:-20px 0 0 0;cursor: pointer;}
#tourmap_box{width:80%; height:84%; position:relative; top:8%; margin:0 auto; border:1px solid #000;background-color:#FFF; border-radius:5px;padding:5px;}
#tour_map{width:100%;position:relative;height:100%; margin:-1px; padding:0;border-radius:5px;border:1px solid #ccc;}


/* 行程地圖按鈕 */  
.google_tour{ border:1px solid #98b2e8;background-image:url(../../../Tools/route/images/tour_map.html); background-position:0px -3px;color:#248;height:17px; line-height:17px; text-align:center;border-radius:9px; margin:0 0 0 5px; padding:0 7px; font-size:12px;text-indent: 0em;font-weight: normal;/* display:block; float: right; 靠右用 */}
.google_tour:hover{border:1px solid #74b4e1;background-position:0px -28px;color:#069;cursor: pointer;}
body #hotnets,
body #hotnets .box1,
body #hotnets .box2,
body #hotnets .bg_rt,
body #hotnets .bg_lt, 
body #hotnets .bg_rb, 
body #hotnets .bg_lb{background:none;}
body #hotnets{background:url(../images/box_2.png) repeat-y center top;width:990px; margin:0 auto;}
body #hotnets .box1{ padding:5px 4.5%;}