/* CSS Document */

#content #flash{width:930px; height:385px; position:relative;}
#content #flash .nav_flash{position:absolute; top:15px; right:9px; width:202px; background:url(../images/index/rt_bg.png) no-repeat; 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{padding-left:15px; background:url(../images/index/nav_off.gif) no-repeat 5px 8px; font-size:15px; color:#dcbf78;}
#content #flash .introduce h2 a{color:#dcbf78; text-decoration:none;}
#content #flash .introduce h2 a:hover{text-decoration:underline;}

/*2011.8.18 新增天氣*/
.weather{ width:904px; background: url(../images/index/weather_bg_n.jpg) no-repeat; height:43px;}
.weather img{ float:left; width:55px;}
.weather p{ color:#F0D584; 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; }
.weather b{ float:left;  color:#F0D584;font-size:13px; font-weight:bold;padding-top:17px; margin-left:35px; background:url(../images/index/weather_icn03_n.jpg) no-repeat left 18px; padding-left:22px; }

/* 旅遊誌 */
#left #diary_top{height:113px; background:url(../images/index/diary_top_n.jpg) no-repeat;}
#left #diary{width:208px; height:138px; background:#5a5548; padding:0 9px 12px 9px;}
#left #diary h4{font-size:13px; color:#caa74a; font-weight:bold; margin-bottom:3px;}
#left #diary h4 a{color:#caa74a; text-decoration:none;}
#left #diary h4 a:hover{color:#a07e21; margin-left:1px; text-decoration:none;}
#left #diary a{color:#fff; text-decoration:none;}
#left #diary a:hover{text-decoration:underline;}
#left #diary .line{background:url(../images/index/diary_line_n.jpg) repeat-x; height:2px; margin:5px 0;}
#left #diary ul li{background:url(../images/index/diary_icon_n.jpg) no-repeat left 7px; padding-left:10px; margin-bottom:5px;}
#left #diary ul li a{color:#c3ab6b; text-decoration:none;}
#left #diary ul li a:hover{color:#a58b47; text-decoration:none; margin-left:1px;}
#left #diary ul li .date{font-size:9px; color:#c8c8c8;}

/* 網路超夯-飯店推薦 */
#content #right{width:691px; float:right; margin-top:17px;}
#content #right #com_hotel{background:url(../images/index/hotel_top_n.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; height:244px; background:#5a5548; margin:11px auto 0 auto;}*/
#content #right #hot{width:677px; min-height:150px; background:#5a5548; 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:#fafdff; padding:3px; float:left; margin-right:8px; border:#b2bec5 1px solid;}
#content #right #hot .hot_bg .row h3{color:#fff; font-weight:bold;}
#content #right #hot .hot_bg .row h3 a{color:#fff; text-decoration:none;}
#content #right #hot .hot_bg .row h3 a:hover{text-decoration:underline;}
#content #right #hot .hot_bg .row p{line-height:19px; color:#d5d5d5;}
#content #right #hot .hot_bg ul{width:300px;}
#content #right #hot .hot_bg ul li{background:url(../images/index/line_1_n.jpg) repeat-x bottom; padding-bottom:3px; margin-bottom:5px; float:left; line-height:25px;width:300px;} 
/*#content #right #hot .hot_bg ul li a{color:#aaa; text-decoration:none; background:url(../images/index/action_icon_n.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg ul li a:hover{color:#c1be8a; 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:#aaa;  text-decoration:none; background:url(../images/index/action_icon_n.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg ul li p a:hover{color:#c1be8a; margin-left:1px;}
.rowpp a{color:#13c4d4; text-decoration:none; font-weight:bold;}
.rowpp a:hover{text-decoration:underline; font-weight:bold;}

/*2011.9.14美食、飯店拇指推薦*/
#push{ background:url(../images/index/push_n.jpg) no-repeat; padding-left:26px; width:45px; color:#fff; 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_n.jpg) repeat-x bottom; padding-bottom:3px; margin-bottom:5px; color:#727272;} 
#content #right #hot .hot_bg02 ul li a{color:#ffffff; text-decoration:none; background:url(../images/index/diary_icon_n.jpg) no-repeat 2px 3px; padding-left:12px;}
#content #right #hot .hot_bg02 ul li a:hover{color:#ffffff; margin-left:1px;}

#content #right #hot .hot_bg02 ul li .date{
	color:#FFCA5A;
	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:179px; padding:33px 8px 0 8px; background:url(../images/index/boracay_map_n.jpg) no-repeat; margin-top:12px; position:relative;}
#left #boracay_map li{ font-weight:bold; color:#2097B8; padding-left:15px; background:url(../images/index/map_icon_n.gif) no-repeat left 7px; line-height:23px;}
#left #boracay_map li a, #left #boracay_map li a:hover{ text-decoration:none; color:#ffffff; }
#left #boracay_map #link{ position:absolute; width:150px;background:url(../images/index/map_icon_n.gif) no-repeat left 4px;font-weight:bold; color:#ffffff; 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:#ffffff; }

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



/***長灘島SEO文字***/
/*先前舊的我自己寫的
#left #boracay_txt{ width:206px; color:#ffffff; padding:10px;float:left; background:#5a5548; margin-top:15px;}
#left #boracay_txt h3{ color:#ffffff; border-bottom:1px dashed  #ffffff; height:30px; font-size:15px; margin-bottom:10px;}
#left #boracay_txt p{color:#ffffff;}*/


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



/*boracay_map長灘島地圖*/
#big_map{float:left; width:667px; background: url(../images/other/boracay_map_n.jpg) no-repeat #C1B48A; padding-left:10px; padding-top:375px; padding-bottom:10px; margin-top:15px; margin-left:9px;_margin-left:4px;}
#big_map li{ background:#5A5548; padding:6px; width:200px; float:left; margin-right:10px;_margin-right:5px;}
#big_map li h2{ 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_n.jpg) no-repeat; position:relative; padding-top:36px; margin-bottom:15px; font-style:normal;}
#hot_list .limore,#hot_list .limore a,#hot_list .limore a:hover{ color: #330000; 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{ float:left; width:658px; margin-left:9px; _margin-left:4px; height:154px; background: #5A5548; padding:0 10px;}
#hot_list li{ float:left; width:641px;  border-bottom:1px dotted #C5CFD3;background: url(../images/index/hot_list_icn_n.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:#8DE6FF; }
#hot_list h2 a:hover{ text-decoration: none; color:#fff; }*/
#hot_list p{ float:left; width:480px; line-height:30px;}
#hot_list p a{ text-decoration: none; color:#8DE6FF; }
#hot_list p a:hover{ text-decoration: none; color:#fff; }



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

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