@charset "utf-8";

/*區塊*/
#LeftZone{width: 764px;float:left;}
#RightZone{width: 232px;float:right;}

/*上方遊戲*/
#mainGame{width:730px;height:268px;float:left;border:7px #fff solid;margin:16px 0px 0px 20px;position:relative;
          border-bottom:0px;background:url(/images/Top_BN.jpg) no-repeat;}
.mainGameImg{position:absolute;left:5px;top:5px;}
.mainGameImg img{width:720px;height:262px;}
.mainGameHome{position:absolute;left:40px;bottom:50px;z-index:20;}
.mainGameOther{position:absolute;left:40px;bottom:20px;z-index:20;}

/*主區塊*****************************/
#mainZone{width:730px;float:left;margin:0px 0px 30px 27px;}

/*遊戲列表*/
#gameList{width:730px;float:left;margin-bottom:20px;background:url(/images/indexGameList_bg.jpg) repeat-y;
          border-bottom:#99b800 solid 3px ;}
.gameListTop{width:100%;height:108px;float:left;background:url(/images/indexGameList_top.jpg) no-repeat;}
.gameListTop li{float:left;margin-top:1px;position:relative;}
.gameListTop li#t01{margin-left:3px;width:134px;}
.gameListTop li#t02{width:194px;text-align:center;}
.gameListTop li#t03{width:196px;text-align:center;margin-right:2px;}
.gameListTop li h1{position:absolute;cursor:pointer;height:74px;}
.gameListTop li#t01 h1{width:126px;}
.gameListTop li#t02 h1{width:187px;left:-1px;}
.gameListTop li#t03 h1{width:191px;left:-1px;}
.gameListTop li#t04 h1{width:194px;left:-1px;}
.gameListTop li a:hover h1{border:3px solid #f90;background:url(/images/gameIcon/imgB_light.png) repeat-x;}

.gameListGame{width:100%;float:left;margin:5px 0px;}
.gameListGame li{width:98px;height:34px;float:left;position:relative;margin-bottom:2px;}
.gameListGame li h1{position:absolute;cursor:pointer;left:0px;top:0px;width:31px;height:30px;}
.gameListGame li a:hover h1{border:2px solid #99b800;background:url(/images/gameIcon/img_light.png) no-repeat;}
.gameListGame ul.gameListL{width:112px;float:left;margin:0px 2px 0px 3px;padding-left:20px;}
.gameListGame ul.gameListM{width:392px;float:left;margin:0px 2px 0px 0px;padding-left:0px;}
.gameListGame ul.gameListR{width:196px;float:left;padding-left:2px;}


/*社群BN*/
#member_BN{width:326px;float:left;margin:0px 16px 20px 0px;}

/*公告*/
#Notice{width:386px;height:136px;margin-bottom:20px;float:left;}
#TabbedPanels2 .Notice_more{width:123px;height:27px;line-height:27px;float:left;text-align:right;}

/*#NoticeTab{width:366px;height:27px;margin-bottom:10px;float:left;background:url(/images/noticeTab_bg.jpg) repeat-x;padding-left:20px;}
#NoticeTab li{height:27px;float:left;}
#NoticeTab a{width:100%;height:28px;display:block;background:url(/images/noticeTab_link.jpg) no-repeat;}
#NoticeTab a:hover,#NoticeTab a.stand{background:url(/images/noticeTab_hover.jpg) no-repeat;}

#NoticeTab .N1 {width:68px;}#NoticeTab .N2 {width:62px;}#NoticeTab .N3 {width:66px;}#NoticeTab .N4 {width:45px;}
#NoticeTab .N1 a,.N1 a:hover{background-position:  0px 0px;}
#NoticeTab .N2 a,.N2 a:hover{background-position:-68px 0px;}
#NoticeTab .N3 a,.N3 a:hover{background-position:-130px 0px;}
#NoticeTab .N4 a,.N4 a:hover{background-position:-196px 0px;}
*/
.NoticeList{width:100%;}
.NoticeList li{width:100%; margin-bottom:2px;float:left;}
.NoticeList h1{width:40px;color:#99b800;margin-right:10px;float:left;}
.NoticeList p{width:280px;height:18px;line-height:18px;float:left;font-size:12px;overflow: hidden;text-overflow:ellipsis;}
.NoticeList p a{width:280px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.NoticeList h2{width:55px;height:18px;float:right;color:#999;font-size:11px;text-align:right;}


/*社群功能列*/
#member_FN{width:326px;height:210px;float:left;margin:0px 16px 20px 0px;clear:both;}
/*
#memberFN_Tab{width:326px;height:37px;margin-bottom:10px;float:left;background:url(/images/memberFnTab_link.jpg) no-repeat;padding-left:8px;}
#memberFN_Tab li{width:72px;height:37px;float:left;margin-right:6px;cursor:pointer;}
#memberFN_Tab li:hover{background:url(/images/memberFnTab_hover.jpg) no-repeat;}
.Mtbstand{background:url(/images/memberFnTab_hover.jpg) no-repeat;}
#TabbedPanels1 #Mtb1,#TabbedPanels1 #Mtb1:hover{background-position: -8px 0px;}
#TabbedPanels1 #Mtb2,#TabbedPanels1 #Mtb2:hover{background-position:-86px 0px;}
#TabbedPanels1 #Mtb3,#TabbedPanels1 #Mtb3:hover{background-position:-164px 0px;}
#TabbedPanels1 #Mtb4,#TabbedPanels1 #Mtb4:hover{background-position:-242px 0px;}
*/
/*嗆辣話題*/
#memberFN_Topic{width:100%;height:200px;}
#memberFN_Topic h1{width:281px;height:22px;line-height:20px;background:url(/images/topic_bg.jpg) 3px no-repeat;
                   color:#FFF;padding-left:45px;float:left;margin-bottom:10px;}
#memberFN_Topic h2{width:154px;float:left;margin:0px 10px 5px 0px;}
#memberFN_Topic h2 img{width:150px;border:2px solid #8ca801;}
#memberFN_Topic h3{width:160px;height:90px;overflow:hidden;float:left;margin-bottom:5px;}
#memberFN_Topic #topicBtn{width:100%;clear:both;}
#memberFN_Topic h4{width:150px;float:left;text-align:center;}
#memberFN_Topic h4 a{padding:0px 3px;}
#memberFN_Topic h5{width:80px;float:right;text-align:right;}

/*碎碎念*/
#memberFN_Whisper{width:100%;height:200px;}
#memberFN_Whisper li{width:100%; margin-bottom:5px;padding-bottom:5px;float:left;border-bottom:1px dotted #cfcfcf;}
#memberFN_Whisper h1{width:22px;margin-right:5px;float:left;}
#memberFN_Whisper h1 img{width:20px;height:20px;border:1px solid #99b800;float:left;}
#memberFN_Whisper h2{width:75px;color:#99b800;margin-right:5px;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#memberFN_Whisper p{width:216px;height:18px;line-height:18px;float:left;font-size:12px;text-overflow: ellipsis;overflow: hidden;}
#memberFN_Whisper .noBorder{border:0px;}

/*Wa好友*/
#memberFN_Friend{width:100%;height:200px;}
#memberFN_Friend #list_B{width:100%;height:103px;margin-bottom:5px;clear:both;}
#memberFN_Friend #list_B li{width:71px;height:84px;float:left;background:url(/images/friend_bg.jpg) no-repeat;margin:0px 5px;}
#memberFN_Friend #list_B h1{width:30px;height:5px;float:left;line-height:14px;font-size:10px;color:#fff;margin-right:24px;text-align:center;}
#memberFN_Friend #list_B h2{width:16px;height:16px;float:left;}
#memberFN_Friend #list_B h3{width:65px;height:65px;clear:both;margin:-1px auto 0px auto;}
#memberFN_Friend #list_B h3 img{width:63px;height:65px;border:1px solid #555;}
#memberFN_Friend #list_B h4{width:100%;color:#97ae24;text-align:center;font-size:11px;margin-top:3px;overflow:hidden;}
#memberFN_Friend #list_S{width:100%;}
#memberFN_Friend #list_S li{width:27px;height:27px;float:left;margin:auto 1px;position:relative;}
#memberFN_Friend #list_S li img{width:25px;height:25px;border:1px solid #91ab0b;}
#memberFN_Friend #list_S li img:hover{border:1px solid #ff7800;}
#memberFN_Friend #list_S li p{font-size:11px;color:#FFF;background:#444;position:absolute;left:0px;bottom:-20px;
                              visibility:hidden;width:90px;height:18px;text-align:center;z-index:999;}
#memberFN_Friend #friend_title{width:auto;margin-bottom:3px;clear:both;padding-left:15px;background:url(/images/icon_green.jpg)2px 7px no-repeat;}

/*成就*/
#memberFN_Achive{width:100%;height:200px;}
#memberFN_Achive h1{width:53px;height:53px;padding:3px;background:url(/images/Archive_img.jpg) no-repeat;float:left;margin:auto 5px;}
#memberFN_Achive h2{width:178px;height:55px;margin:5px 10px 0px 0px;text-align:left;float:left;}
#memberFN_Achive h3{width:59px;height:45px;padding-top:26px;color:#ff9600;font-size:20px;text-align:center;
                    background:url(/images/Archive_num.jpg) no-repeat;float:left;}
#memberFN_Achive #list_S{width:100%;}
#memberFN_Achive #list_S li{width:27px;height:27px;float:left;margin:1px 1px;position:relative;}
#memberFN_Achive #list_S li img{width:25px;height:25px;border:1px solid #91ab0b;}
#memberFN_Achive #list_S li img:hover{border:1px solid #ff7800;}
#memberFN_Achive #list_S li p{font-size:11px;color:#FFF;background:#444;position:absolute;left:0px;bottom:-20px;
                              visibility:hidden;width:90px;height:18px;text-align:center;z-index:999;}
#memberFN_Achive #Achive_title{width:311px;margin-bottom:3px;clear:both;padding-left:15px;background:url(/images/icon_green.jpg)2px 7px no-repeat;}

/*社群討論*/
#member_Discuss{width:386px;margin-bottom:20px;float:right;}
/*#member_Discuss #Discuss_head{width:100%;float:left;}*/
#Discuss_L{width:120px;float:left;}
#Discuss_R{width:256px;float:right;}
#Discuss_photo{width:100%;height:140px;background:#8ca801;margin:7px auto 10px auto;padding-top:5px;}
#Discuss_photo h1{width:102px;margin:0px auto 2px auto;}
#Discuss_photo h1 img{width:100px;height:112px;border:1px solid #2a3200;}
.Discuss_photoImg{width:100px;height:112px;border:1px solid #2a3200;}
#Discuss_photo h2{width:100%;margin:0px auto;text-align:center;color:#FFF;}

#Discuss_R h1{width:230px;height:40px;padding:2px 3px 0px 20px;background:url(/images/Discuss_bg.jpg) no-repeat;line-height:16px;}
#Discuss_R h2{float:left;margin-right:6px;}
#Discuss_R h3{width:217px;height:16px;padding:0px 5px 0px 5px;background:url(/images/Discuss_bg2.jpg) no-repeat;
              line-height:16px;float:left;color:#fff;}

#Fans_Photo{width:100%;float:left;margin-top:5px;}
#Fans_Photo li{width:23px;height:23px;float:left;margin-right:2px;position:relative;}
#Fans_Photo li img{width:21px;height:21px;border:1px solid #99b800;}
#Fans_Photo li img:hover{border:1px solid #ff7800;cursor:pointer;}
#Fans_Photo li p{font-size:11px;color:#FFF;background:#444;position:absolute;left:0px;bottom:-20px;
                 visibility:hidden;width:90px;height:18px;text-align:center;z-index:999;}

#Fans_Talk{width:100%;float:left;margin-top:5px;}
#Fans_Talk li{width:100%;float:left;line-height:15px;}
#Fans_Talk h4{width:80px;float:left;color:#99b800;font-size:11px;}
#Fans_Talk h5{width:176px;float:left;font-size:11px;}