@charset "utf-8";
/*css common*/
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#2b2b2b;}
input{font-family:Arial, Helvetica, sans-serif;}
/*a{color:#2388cf; text-decoration:none;}*/
a{color:#eeeeee; text-decoration:none;}
a:hover{ text-decoration:underline;}
p{ text-align:justify;}
div.spacer{clear:both; height:10px; font-size:0px; line-height:0px;}
div.spacer2{clear:both; height:5px; font-size:0px; line-height:0px;}
div.clear{clear:both; height:0px; display:block; overflow:hidden;}
div.hr{height:5px; line-height:0px; font-size:0px; border-bottom:1px #dddddd solid; margin:5px; margin-top:0px;}
img{border:0px;}
form{margin:0px;padding:0px;}


/*all*/
#container{ width:980px; z-index:0; margin:0px auto; padding:0px;}

/*header*/
#header{ width:980px; height:130px; background:url(../imgs/header_bg.gif) no-repeat; float:left;}
#header img.logo{ margin:0px; float:left;}
#header img.ad{ margin:20px 0px 10px 0px; float:left;}
#header .search{ float:right; margin:10px 15px 10px 3px; font-size:13px; color:#eeeeee;}
#header .search img{margin-left:5px;}
#header .search a{ color:#eeeeee;}
#header .search input.keyin{ border:1px #565656 solid; background: url(../imgs/search_bg.jpg) repeat-x; height:17px; margin:0px 0px 0px 5px; width:175px; color:#eeeeee; font-size:12px;}
#header .search input.sub{ border:none;background:url(../imgs/search_btn.gif); width:44px; height:22px; color:#353535; margin:0px 0px 0px 2px;}
#header .search .login{color:#eeeeee;}
#header .search .joinoth{color:#999999;}
#header .search .joinoth a{ color:#999999;}
#header .search .push{color:#eeeeee; font-size:12px; margin:3px 0px 0px 0px;}
#header .mainNav{ margin-top:5px; height:26px; border-bottom:3px #2492dd solid; width:980px;}
#header .mainNav ul{ margin:0px; padding:0px; list-style:none;}
#header .mainNav ul li{ float:left; margin:0px; padding:5px 0px 0px 0px; color:#d6edfc; text-align:center; height:21px;}
#header .mainNav .index{background:url(../imgs/index_btn.gif) no-repeat; width:67px;}
#header .mainNav .forum{background:url(../imgs/forum_btn.gif) no-repeat; width:77px; padding-left:33px;}
#header .mainNav .hotel{background:url(../b&b/imgs/hotel_btn.gif) no-repeat; width:92px; padding-left:18px;}
#header .mainNav a{ color:#d6edfc;}


/*content*/
#content{width:980px;}

/*maincont*/
#content #maincont{ width:650px; margin-left:5px; float:left;}

/*頭條新聞*/
.headarea{background:#222222; padding:12px 10px;}
.headarea .hdnews{ margin:0px 16px 0px 6px; width:260px; float:left;}
.headarea .hdnews h3{ margin:0px 0px 5px 0px; font-size:15px; color:#dddddd; width:260px;}
.headarea .hdnews h3 a{ color:#dddddd;}
.headarea .hdnews .headpic{ margin:0px 0px 2px 0px; width:260px; position:relative; z-index:1;}
.headarea .hdnews .headpic span{ width:250px; height:20px; padding:5px 0px 0px 10px; background-color:#333333; color:#dddddd; font-size:12px; z-index:3; filter:Alpha(Opacity=80); Opacity:0.8; position:absolute; top:148px; left:0; }

.headarea .hdtopic{ margin:0px 16px 0px 0px; width:160px; float:left; background:url(../imgs/topic_bg.gif) repeat-x;}
.headarea .hdtopic h3{ margin:0px 0px 5px 0px; font-size:15px; color:#dddddd; width:160px;}
.headarea .hdtopic h3 a{ color:#dddddd;}
.headarea .hdtopic span{ width:155px; height:20px; padding:5px 5px 0px 0px; text-align:right; display:block; color:#dddddd; font-size:12px; }
.headarea .hdtopic img{ margin:0px 0px 5px 10px;}

.headarea .hdmethod{ margin:0px 0px 0px 0px; width:160px; float:left; background:url(../imgs/method_bg.gif) repeat-x;}
.headarea .hdmethod h3{ margin:0px 0px 5px 0px; font-size:15px; color:#dddddd; width:160px;}
.headarea .hdmethod h3 a{ color:#dddddd;}
.headarea .hdmethod span{ width:155px; height:20px; padding:5px 5px 0px 0px; text-align:right; display:block; color:#dddddd; font-size:12px; }
.headarea .hdmethod img{ margin:0px 0px 5px 10px;}

.headarea img.head{ border:0px;}

.headarea .hdshare{ margin:0px; padding:0px 0px 0px 0px;}
.headarea .hdshare img.head2{ border:1px #555555 solid; margin:0px 5px 0px 0px; float:left; filter:Alpha(Opacity=60); Opacity:0.6;}
body > div .headarea .hdshare img.head2{margin:0px 4px 0px 0px;}


/*各區塊*/
.topic{background-color:#222222; float:left; width:650px; padding:0px 0px 15px 0px;}
.topic ul.menu{ margin:0; padding:0;}
.topic ul.menu li{ background:url(../imgs/topic_top.jpg); width:130px; float:left; display:block; height:33px; line-height:25px; text-align:center; list-style:none; color:#616161;}
.topic ul.menu li a{color:#616161;}
.topic ul.menu li.on{background:url(../imgs/topic_top_over.jpg); color:#FFF;}
.topic .imgbox{padding:3px; background-color:#e5e5e5; border:1px solid #bebebe; display:inline; text-align:center; float:left; width:128px; margin-left:12px; margin-right:12px;}
.topic .imgbox img{border:1px #a6a6a6 solid;}
.topic .imgbox p{font-size:13px; color:#504d4d; text-align:center; margin:5px;}

.topic2{background-color:#2b2b2b; float:left; padding:5px 0px; width:650px;}
.topic2 img.link{ margin:0px 6px 10px 10px; float:left; display:inline;}

/*最新、熱門話題*/
.forumlist{float:left; width:318px; background-color:#333333; font-size:13px; color:#504d4d; }
.forumlist .top{background:url(../imgs/forumlist_bg.jpg) repeat-x; height:25px; border:1px #696969 solid; color:#fafafa; line-height:25px; font-size:15px;}
.forumlist .top img{ vertical-align:middle; margin-left:5px; margin-right:0px;}
.forumlist img{ margin-left:10px; margin-right:10px;}
.forumlist a{ color:#888888;}
.forumlist .hr{border-bottom:1px #444444 solid;}

/*討論區分類*/
.forumcate{ width:650px; margin:0px;}
.forumcate h3{ background:url(../imgs/rightside_top.jpg) repeat-x; height:25px; line-height:25px; font-size:15px; font-weight:normal; color:#FFF; margin:0px; border:1px #424242 solid; padding-left:5px;}
.forumcate h3 img{ vertical-align:middle; margin-left:3px; margin-right:5px;}
.forumcate .catelist{ background-color:#222222; padding:10px 15px 5px;}
.forumcate .box{ float:left; width:155px; margin:0px 2px 5px 0px;}
body > div .forumcate .box{ width:153px; margin:0px 2px 5px 0px;}

.forumcate .box img.cate{  margin:0px 3px 0px 0px; float:left;}
.forumcate .box h4{font-size:15px; color:#ffbc00; margin:5px 0px 0px 0px; font-weight:normal;}
.forumcate .box h4 a{ color:#ffbc00;}




/*sideright*/
#rightside{width:300px; float:right; margin-right:5px;}
#rightside h3{ background:url(../imgs/rightside_top.jpg) repeat-x; height:25px; line-height:25px; font-size:15px; font-weight:normal; color:#FFF; margin:0px; border:1px #424242 solid; padding-left:5px;}
#rightside h3 img{ vertical-align:middle; margin-left:3px; margin-right:5px;}
#rightside .box{ background-color:#5a5a5a; padding:10px 0px; width:300px;}

#rightside .box img.hot{ margin:0px 19px;}
#rightside .box .info{ color:#dedede; background-color:#757575; width:260px; margin:0px 19px; text-align:center; font-size:13px; line-height:22px; padding:5px 0px;}

#rightside .box img.act{border:1px #a6a6a6 solid; margin:0px 6px 0px 8px; float:left; display:inline;}
#rightside .box h4{font-size:15px; color:#FFF; margin:0px;}
#rightside .box p{ color:#d8d8d8; margin:0px; font-size:13px; line-height:20px;}
#rightside .box .hr{height:5px; line-height:0px; font-size:0px; border-bottom:1px #7e7e7e solid; margin:0px 5px 5px;}
#rightside .box h5{font-size:15px; color:#FFF; margin:0px 8px; font-weight: normal;}
#rightside .box p.textad{ margin:0px 8px;}
#rightside .box p.textad a{color:#3fa2e7;}

#rightside .box .calhead{ width:270px; margin:0px auto 5px; text-align:center; color:#fff; font-size:15px; padding:0px 0px 3px 0px; border-bottom:1px #888 solid;}
#rightside .box .caltitle{ font-weight:bold; margin:0px 10px; color:#ddd}
#rightside .box .calhead a{ font-size:18px;font-weight:bold; color:#aaa}
#rightside .box table.caltb{ width:80%; margin:0px auto; font-size:13px;}
#rightside .box table.caltb td{ padding:4px; text-align:center;}
#rightside .box table.caltb th{ padding:6px; text-align:center;}
#rightside .box table.caltb .sunT,#rightside .box table.caltb .satT,#rightside .box table.caltb .dayT{ font-size:13px;}
#rightside .box table.caltb .sunT{background-color:#333; color:#7e7e7e;}
#rightside .box table.caltb .satT{background-color:#333; color:#7e7e7e;}
#rightside .box table.caltb .dayT{background-color:#333; color:#7e7e7e;}
#rightside .box table.caltb .day{ background-color:#444; color:#999}
#rightside .box table.caltb .dayNow{ border:1px #333 solid; color:#ffbc00; font-weight:bold}
#rightside .box table.caltb .dayOth{ background-color:#444; color:#999}
#rightside .box table.caltb a{ color:#dadada; text-decoration:underline;font-weight:bold; }
#rightside .box table.caltb a:hover{ text-decoration:none}



/*footer*/
#footer{ background:#202020; color:#eeeeee; text-align:center;}
#footer p{ margin:0px; text-align:center; font-size:13px; line-height:40px;}
#footer p a{ color:#FFF;}