@charset "utf-8";
/* CSS Document */

#content #flash{width:930px; height:385px; position:relative;}
#content #flash .nav_flash{position:absolute; top:12px; right:9px; width:202px;  background:url(../images/index/rt_bg.png) no-repeat; height:385px; z-index:200;}
/****2011.7.1新增***/
#content #flash .introduce{
color:#fff; 
	font-weight:normal;
	width:187px;
	height:17px;
	border-bottom:#898989 1px solid;
	margin-bottom:5px;
	padding:5px 5px 5px 10px;
	background:#414141;}	
#content #flash .introduce h3,#content #flash .introduce h2{padding-left:15px; background:url(../images/index/nav_off.gif) no-repeat 5px 8px; font-size:15px; color:#95adbd;}
#content #flash .introduce h3 a,#content #flash .introduce h2 a{color:#95adbd; text-decoration:none;}
#content #flash .introduce h3 a:hover,#content #flash .introduce h2 a:hover{text-decoration:underline;}


/*2011.8.18 新增天氣*/
.weather{ width:904px; background: url(../images/index/weather_bg.jpg) no-repeat; height:43px;}
.weather img{ float:left; width:55px;}
.weather p{ color:#ff6600; font-size:13px; font-weight:bold; float:left; margin-right:10px; padding-top:15px;} 
.weather p a,.weather p a{ color:#CCCCCC; font-size:12px;float:left; text-decoration:none; padding-top:2px;float:left; } /*#528BAC*/
.weather b{ float:left;  color:#21898C;font-size:13px; font-weight:bold;padding-top:17px; margin-left:35px; background:url(../images/index/weather_icn03.jpg) no-repeat left 18px; padding-left:22px; }


/* 旅遊誌 */
#left #diary_top{height:113px; background:url(../images/index/diary_top.jpg) no-repeat;}
#left #diary{width:208px; height:138px; background:#eaf2f7; padding:0 9px 12px 9px;}
#left #diary h4{font-size:13px; color:#0892f3; font-weight:bold; margin-bottom:3px;}
#left #diary h4 a{color:#0892f3; text-decoration:none;}
#left #diary h4 a:hover{color:#599bbb; margin-left:1px; text-decoration:none;}
#left #diary a{color:#979797; text-decoration:none;}
#left #diary a:hover{text-decoration:underline;}
#left #diary .line{background:url(../images/index/diary_line.jpg) repeat-x; height:2px; margin:5px 0;}
#left #diary ul li{background:url(../images/index/diary_icon.jpg) no-repeat left 7px; padding-left:10px; margin-bottom:5px;}
#left #diary ul li a{color:#4794c4; text-decoration:none;}
#left #diary ul li a:hover{color:#a8aaab; text-decoration:none; margin-left:1px;}
#left #diary ul li .date{font-size:9px; color:#ca3214;}

/* 網路超夯-飯店推薦 */
#content #right{width:691px; float:right; margin-top:17px;}
#content #right #com_hotel{background:url(../images/index/hotel_top_1.jpg) no-repeat top; padding-top:52px; position:relative;}
#content #right #com_hotel .more{position:absolute; right:15px; top:17px;}


/* 網路超夯專區(水陸活動vs美食) */
/*#content #right #hot{
	width:677px;
	background:#eaf2f7;
	margin:11px auto 0 auto;}*/
#content #right #hot{
	width:677px;
	min-height:120px;
	background:#eaf2f7;
	margin:0px auto 0 auto;
}
#content #right #hot .hot_bg{padding:38px 12px 5px 12px; width:311px; color:#7295a6; position:relative; float:left;}
#content #right #hot .hot_bg .more_1{position:absolute; top:15px; right:10px;}
#content #right #hot .hot_bg .row{margin-bottom:15px; height:82px;}
#content #right #hot .hot_bg .row img{width:100px; height:75px; background:url(../images/index/pic_bg2.jpg) no-repeat; padding:3px 6px 4px 6px; float:left; margin-right:8px;}
#content #right #hot .hot_bg .row h3{color:#1e7dff; font-weight:bold;}
#content #right #hot .hot_bg .row h3 a,{color:#1e7dff; text-decoration:none;}

#content #right #hot .hot_bg .row h3 a:hover,{text-decoration:underline;}
.rowpp a{color:#1e7dff; text-decoration:none; font-weight:bold;}
.rowpp a:hover{text-decoration:underline; font-weight:bold;}
#content #right #hot .hot_bg .row p{line-height:19px;}
#content #right #hot .hot_bg ul{width:300px;}
#content #right #hot .hot_bg ul li{background:url(../images/index/line_1.jpg) repeat-x bottom; padding-bottom:3px; margin-bottom:5px; color:#727272;float:left; line-height:25px;width:300px;} 
/*#content #right #hot .hot_bg ul li a{color:#727272; text-decoration:none; background:url(../images/index/action_icon.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg ul li a:hover{color:#599dbc; margin-left:1px;}*/
#content #right #hot .hot_bg ul li p{ float:left;color:#727272; width:214px;line-height:25px;}
#content #right #hot .hot_bg ul li p a{color:#727272; text-decoration:none; background:url(../images/index/action_icon.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg ul li p a:hover{color:#599dbc; margin-left:1px;}


/*2011.9.14美食、飯店拇指推薦*/
#push{ background:url(../images/index/push.jpg) no-repeat; padding-left:26px; width:45px; color:#727272; float:right;}


/****討論區******/
#content #right #hot .hot_bg02{padding:38px 12px 5px 12px; width:311px; color:#7295a6; position:relative; float:left;}
#content #right #hot .hot_bg02 .more_1{position:absolute; top:15px; right:10px;}
#content #right #hot .hot_bg02 ul{width:300px;}
#content #right #hot .hot_bg02 ul li{background:url(../images/index/line_1.jpg) repeat-x bottom; padding-bottom:3px; margin-bottom:5px; color:#727272;} 
#content #right #hot .hot_bg02 ul li a{color:#727272; text-decoration:none; background:url(../images/index/action_icon.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg02 ul li a:hover{color:#599dbc; margin-left:1px;}

#content #right #hot .hot_bg02 ul li .date{
	color:#5799CC;
	font-size:11px;
	width:130px;
	margin-left:10px;
}
#content #right #hot .hot_bg02 ul li .date p{ color:#5799CC; font-size:11px; margin-right:3px;  }
/****長灘島地圖****/
#left #boracay_map{ width:209px; height:161px; padding:33px 8px 0 8px; background:url(../images/index/boracay_map.jpg) no-repeat; margin-top:12px; position:relative;}
#left #boracay_map li{ font-weight:bold; color:#2097B8; padding-left:15px; background:url(../images/index/icon_01.gif) no-repeat left 7px; line-height:23px;}
#left #boracay_map li a, #left #boracay_map li a:hover{ text-decoration:none; color:#2097B8; }
#left #boracay_map #link{ position:absolute; width:140px;background:url(../images/index/icon_01.gif) no-repeat left 4px;font-weight:bold; color:#5799CC; left:110px; top:157px; padding-left:15px;font-weight:bold;}
#left #boracay_map #link a,#left #boracay_map #link a:hover{text-decoration:none;color:#5799CC; }

/***臉書***/
.face_team{ width:330px; float:left; margin:15px 15px 0 14px;_margin:15px 7px 0 7px; }
/*.face_propose{ width:320px; float:left; margin-top:15px;}*/
.face_propose{float:left; margin-top:15px;}


/***長灘島SEO文字***/
/*#boracay_txt{ width:206px; color:#4794C4; padding:10px;float:left; background:#EAF2F6; margin-top:15px; height:950px;}*/
#boracay_txt{ position:absolute; top:1344px; width:206px; background:#EAF2F6; padding:0 10px; overflow-x:hidden; overflow-y:auto; height:960px;}
#boracay_txt h1{ color:#4794C4; border-bottom:1px dashed  #cccccc; height:30px; font-size:15px; margin-bottom:10px;}
#boracay_txt h2{color:#4794C4;}
#boracay_txt h3{ color:#4794C4;}
#boracay_txt p{color:#4794C4;}
#boracay_txt strong,#boracay_txt strong a,#boracay_txt strong a:hover{ text-decoration:none;color:#4794C4;}

/*.boracay_txt1{ position:absolute; top:1344px; left:10px; width:206px;}
.boracay_txt1 h1{ color:#4794C4; border-bottom:1px dashed  #cccccc; height:30px; font-size:15px; margin-bottom:10px;}
.boracay_txt1 h2{color:#4794C4;}
.boracay_txt1 h3{ color:#4794C4;}
.boracay_txt1 p{color:#4794C4;}
.boracay_txt1 strong,.boracay_txt1 strong a,.boracay_txt1 strong a:hover{ text-decoration:none;color:#4794C4;}

#left #boracay_txt h1{ color:#4794C4; border-bottom:1px dashed  #cccccc; height:30px; font-size:15px; margin-bottom:10px;}
#left #boracay_txt h2{ color:#4794C4; }
#left #boracay_txt p{color:#4794C4;}
#left #boracay_txt strong,#left #boracay_txt strong a,#left #boracay_txt strong a:hover{ text-decoration:none;color:#4794C4;}*/

/*boracay_map長灘島地圖*/
#big_map{float:left; width:667px; background: url(../images/other/boracay_map.jpg) no-repeat #CDE3F5; padding-left:10px; padding-top:375px; padding-bottom:10px; margin-left:9px;_margin-left:4px; }
#big_map li{ background:#80AFDF; padding:6px; width:200px; float:left; margin-right:10px;_margin-right:5px;}
#big_map li h2,.big_mapp{ color:#FFFFFF; border-bottom:1px solid #fff; width:200px; line-height:30px; font-size:15px; font-weight:bold; margin-bottom:5px;}
#big_map li p{color:#FFFFFF;}



/*新增行程*/
#hot_list{ float:left; width:691px;background: url(../images/index/hot_list.jpg) no-repeat; position:relative; padding-top:36px; margin-bottom:15px;}
#hot_list .limore,#hot_list .limore a,#hot_list .limore a:hover{ color: #660000; text-decoration:none; font-size:13px; position:absolute; width:80px; top:4px; right:0px;}

#hot_list .more{position:absolute; right:15px; top:17px;}
#hot_list em,#hot_list i{ float:left; border:1px solid #CEE3ED; width:656px; margin-left:9px; _margin-left:4px; height:152px; background: url(../images/index/hot_list_ap.jpg); padding:0 10px; font-style:normal;}
#hot_list li{ float:left; width:641px;  border-bottom:1px dotted #C5CFD3;background: url(../images/index/hot_list_icn.gif) no-repeat left 11px; padding-left:15px;  }
/*#hot_list h2{ float:left; width:480px; line-height:30px;}
#hot_list h2 a{ text-decoration: none; color:#52A3A7; }
#hot_list h2 a:hover{ text-decoration: none; color:#376D71; }*/
#hot_list p{ float:left; width:480px; line-height:30px;}
#hot_list p a{ text-decoration: none; color:#52A3A7; }
#hot_list p a:hover{ text-decoration: none; color:#376D71; }



#hot_list .homoney{ float:left; width:70px; font-weight:bold; color:#ff6600;line-height:30px;}

#hot_list .hodate{ float:left; width:90px;color:#AB7B43;line-height:30px;}

.indexh2{border-bottom-color: #CCCCCC;border-bottom-style: dashed;border-bottom-width: 1px;font-size: 15px;height: 30px;margin-bottom: 10px;}
#boracay_txt a,#boracay_txt a:hover,#boracay_txt a:active,#boracay_txt a:link,#boracay_txt a:visited{font-weight:bold;color:#4794C4;}
#boracay_txt h3{font-weight:bold;}