@import url("reset.css");

body{ background:url(../img/bg.gif) repeat-x top; background-color:#90b800; font-size:78%; color:#666; font-family:Verdana, Geneva, sans-serif;}


#WRAPPER{ margin:0 auto; display:block; width:1002px; height:600px;}

#FLASH{}

#TOPMENU{ width:1002px; height:73px;}
#TOPMENU li{ float:left;}

#CON_WRAPPER{ width:1002px; height:438px; margin-top:24px;}

/* ---------------------左方次選單---------------------- */ 
#SUB{ float:left; width:159px; padding-bottom:20px;}
#SUB ul{ width:159px;}
#SUB li{ background:url(../img/icon_dot.gif) no-repeat left; padding:5px 0 5px 10px; font-size:100%; margin:4px 0 4px 40px;}
#SUB li a { color:#217200; padding-left:3px; text-decoration:none;}
#SUB li a:hover{ background-color:#217200; color:#FFF; padding:3px 20px 3px 3px;}

/* -----------------------首頁中間內容區_高------------------------------------------------------------------------ */
#WRAPPER2{ margin:0 auto; display:block; width:1002px; height:668px;}
#CON_WRAPPER2{ width:1002px; height:570px; margin-top:24px;}
#CONTENT_h{ float:left; width:805px; height:570px; background:url(../img/con_bg.gif) repeat-y left;}


/* -----------------------首頁中間內容區------------------------------------------------------------------------ */
#CONTENT{ float:left; width:805px; height:438px; background:url(../img/con_bg.gif) repeat-y left;}
.A_item1{ background:url(../img/a01.gif) no-repeat; width:190px; height:168px; display:block; margin-left:10px; float:left;}
.A_item2{ background:url(../img/a02.gif) no-repeat; width:190px; height:168px; display:block; float:left;}
.A_item3{ background:url(../img/a03.gif) no-repeat; width:190px; height:168px; display:block; float:left;}
.A_item4{ background:url(../img/a04.gif) no-repeat; width:190px; height:168px; display:block; float:left;}
.A_item5{ background:url(../img/a05.gif) no-repeat; width:190px; height:168px; display:block; margin-left:10px; float:left;}
.A_item6{ background:url(../img/a06.gif) no-repeat; width:190px; height:168px; display:block; float:left;}
.A_item7{ background:url(../img/a07.gif) no-repeat; width:190px; height:168px; display:block; float:left;}
.A_item8{ background:url(../img/a08.gif) no-repeat; width:190px; height:168px; display:block; float:left;}

.A_item1 ul,.A_item2 ul,.A_item3 ul,.A_item4 ul,.A_item5 ul,.A_item6 ul,.A_item7 ul,.A_item8 ul
{ padding:15px 20px; line-height:1.4em; letter-spacing:1px;}

.gamelist_item1{ background:url(../img/list01.gif) no-repeat; width:190px; height:128px; display:block; margin-left:10px; float:left;}
.gamelist_item2{ background:url(../img/list01.gif) no-repeat; width:190px; height:128px; display:block; float:left;}
.gamelist_item2 ul,.gamelist_item1 ul
{ padding:15px 20px; line-height:1.4em; letter-spacing:1px;}

#text_view{  display:block; height:355px; margin:5px 20px; background:url(../img/light01.gif) right bottom no-repeat;}
#text_view h1{ background:url(../img/icon_name.gif) left no-repeat; line-height:51px; padding-left:49px; width:500px; font-size:130%; color:#360; display:block; float:left;}
#text_view p.vot{ float:right; display:block; width:200px; height:20px; vertical-align:bottom; padding-top:28px;}
#text_view #text{ line-height:1.8em; overflow:auto; display:block; height:248px; padding:0px 10px;}

#text_view #group{ float:left; width:360px; display:block; }
#text_view #group_pic{ width:400px; height:345px; display:block; float:left; background:url(../img/pic_bg.gif) top no-repeat;  text-align:center; padding-top:25px}
#text_view #group #title{ float:left; width:250px; height:100px; display:block; line-height:1.8em;}
#text_view #group #title ul{ width:200px;}
#text_view #group #title li{ background:url(../img/blue_dot.gif) left no-repeat; padding-left:8px;}

#text_view #group #votes{ width:100px; float:left; height:90px; background-color:#f6ffd8; padding:5px; line-height:1.5em;}
#text_view #group h2{ background:url(../img/icon_name.gif) left no-repeat; line-height:51px; padding-left:49px; font-size:130%; color:#360;}
#text_view #group #text2{ line-height:1.8em; overflow:auto; display:block; height:220px; padding:0 10px; margin-bottom:10px; }


/* ------------------我要參賽-------------------- */
#CONTENT ul.upload{ padding-left:30px; width:740px; letter-spacing:1px;}
#CONTENT ul.upload li{ padding:3px 0 3px 8px; line-height:1.6em; border-bottom:#CCC 1px solid; background:url(../img/blue_dot.gif) left 12px no-repeat;}
#CONTENT ul.upload li.member{ background:none; background-color:#EAEAEA; border:#CCC 1px solid; color:#660; line-height:1.6em;}
/* ------------------我要投票-------------------- */
#CONTENT #vote{ background:url(../img/vot_bg.gif) no-repeat top; padding:20px; width:740px; height:330px;}
#CONTENT #vote ul{ padding-left:300px; padding-top:70px; padding-right:100px;}
#CONTENT #vote li{ line-height:1.8em; border-bottom:#999 1px solid; background:url(../img/blue_dot.gif) left 18px no-repeat; padding:8px 0 8px 10px;}

/* ------------------加入會員-------------------- */
#CONTENT #add
{
    background: url(../img/vot_bg.gif) no-repeat top;
    padding: 0px 20px 20px 20px;
    width: 740px;
    height: 330px;
}
#CONTENT #add ul{ padding-left:280px; padding-right:20px;}
#CONTENT #add li{ line-height:1.8em; border-bottom:#999 1px solid; background:url(../img/blue_dot.gif) left 18px no-repeat; padding:8px 0 8px 10px;}

/* ------------------會員登入-------------------- */
#CONTENT #login{ background:url(../img/vot_bg.gif) no-repeat top; padding:20px; width:740px; height:330px;}
#CONTENT #login ul{ padding-left:350px; padding-top:40px; padding-right:150px;}
#CONTENT #login li{ line-height:1.8em; border-bottom:#999 1px solid; background:url(../img/blue_dot.gif) left 18px no-repeat; padding:8px 0 8px 10px;}

/* ------------------社團組列表------------------- */
#LIST{ padding-left:15px;}
#LIST li{float:left; width:140px;_margin-left:-3px; padding:3px; margin:3px; line-height:1.4em;}
#LIST li I{height:100%; display:inline-block;}
#LIST li a{display:block; text-align:center; vertical-align:middle; width:130px; padding:3px; height:84px;
margin-bottom:4px; margin-top:4px; border: 1px solid #ccc; background-color:#FFF;}
#LIST li a:hover{ background-color:#CCC;}
#LIST li *{ vertical-align:middle;}

/* -----------------新聞列表---------------------- */
#news{ width:720px; margin:0 auto; height:500px; z-index:1; overflow: auto;}
#news table,tr,td{ padding:inherit; border:#CCC 1px solid; padding:2px; line-height:1.6em;}
.tr{ background:url(../img/tr_bg.gif) repeat-x top; color:#060; font-size:15px; font-weight:bold; text-align:center;}
.tr2{background:url(../img/tr2_bg.gif) repeat-x top; color:#660; font-weight:bold;}
.w01{ color:#069;}
.w02{ color:#360;}
.w03{ color:#360; font-size:108%;}
.w04{font-size:130%; color:#360; }
.w05{ color:#069; text-align:center; background-color:#DDECEC;}
.w06{ color:#900; text-align:center; background-color:#FDFBE1;}

/* ------------------------頁碼------------------------------*/
#PAGENO{ color:#666; margin:0 auto; font-size:120%; font-family:Verdana, Geneva, sans-serif;}
#PAGENO a.page_font{ color:#666; text-decoration:none;}
#PAGENO a:hover.page_font{ color:#F60;}


/*-------------------QA---------------------------- */
#QA{ width:720px; margin:0 auto; height:500px; z-index:1; overflow: auto;}
#QA li{ padding:6px 0;}
#QA li.q{ background:url(../img/icon_q.gif) left no-repeat; padding-left:30px; font-size:13px; color:#900; background-color:#EAF2D7; height:20px; margin:10px 5px 0 0; line-height:20px;}
#QA li.a{ background:url(../img/icon_a.gif) left top no-repeat; padding-left:30px; font-size:13px; color:#333; line-height:1.6em; border-bottom:#666 dashed 1px; padding-bottom:5px; margin:3px 0;}


a.common{ color:#666; text-decoration:none;}
a:hover.common{ color:#315F75;}
.import { color: #666; letter-spacing: 1px; border: 1px solid #c9c5af;}

.clearfloat{ clear:both; height:0; font-size:1px; _line-height:0;}

#FOOTER{ position:relative;}
#fb{position:absolute;right:390px;top:20px;font-size:110%;font-weight:bold;}
#skim{position:absolute;right:140px;top:28px;font-size:110%;font-weight:bold;width:80px; background:url(../img/skim.gif) left no-repeat; padding-left:71px;}
#contact{position:absolute;right:50px;top:26px;width:88px;}