/*### PAGE NUM ###*/
.pagenum ul,.pagenum li{display:inline;}
.pagenum li a{float:left;margin-right:3px;padding:4px 5px;border:1px solid #DDD;background:#FEFEFE;color:#777;}
.pagenum li a:hover {border:1px solid #2a75d3;background:#4e94eb;color:#FFF;}
.pagenum li.current { float:left;margin-right:3px;padding:4px 5px;border:1px solid #C20202;background:#E84F4F;color:#FFF;font-weight: bold;}
.pagenum li.nolink{ float:left;margin-top:5px;margin-right:3px;color:#777;}

/*### ZFORM ###*/
.zformmemedit{border:1px solid #CCC;}
@media (max-width:550px) {
	.formpost th{width:20%;}
	.emopad{max-width:100px;}
}

/*### MAIN ###*/
.wmax1060{width:100%;max-width:1060px;}
.main{background:#FFF;}
.main.club{margin-top:0px;}
.menudiv{float:left;width:20%;}
.contentdiv{float:left;width:80%;}
@media (max-width:1024px) {
	.main{margin-top:0px;}
}
@media (max-width:950px) {
	.menudiv{display:none;}
	.contentdiv{float:none;margin:0px auto;width:auto;padding:5px;}
}

/*### TOP ###*/
.topbar{background:#272727;background:linear-gradient(to bottom, #272727, #2E2E2E);border-bottom:1px solid #222;}
.topmenu{display:inline-block;z-index:999;}
.topmenu > a{border-left:1px solid rgba(100, 100, 100, .2);height:30px;line-height:30px;padding:0px 15px;display:inline-block;color:#fff;font-size:14px;white-space:nowrap;}
.topmenu > a:hover{color:#FB0;}
.topmenu > a img{margin-top:-4px;margin-right:8px;width:16px;height:16px;vertical-align:middle;}
.topmenu:last-child > a{border-right:1px solid rgba(100, 100, 100, .2);}

.topmenu div{display:none;position:absolute;width:150px;border:1px solid #222;z-index:999;}
.topmenu div a{display:block;padding:10px 15px;border-bottom:1px solid #222;background:linear-gradient(to bottom, #272727, #2E2E2E);text-align:left;color:#FFF;}
.topmenu div a:hover{background:linear-gradient(to bottom, #ffe18d 0%,#ffd25b 50%,#f9bc19 51%,#fad36b 95%);border-bottom:1px solid #244f84;color:#000;font-weight:bold;}
.topmenu div a img{width:16px;height:16px;margin-right:10px;} .topmenu.icononly a img{margin-right:0px;}
.topmenu.membername > a{color:#FA0;}.topmenu.membername > a:hover{color:#FFF;}
.topmenualert{border-left:1px solid rgba(28, 60, 106, .4);height:30px;line-height:30px;padding:0px 10px;display:inline-block;}
.topmenu div a.vmobile{display:none;}
@media (max-width: 950px) { 
	.topmenu.vdesktop{display:none;}
	.topmenu div a.vmobile{display:block;}
}

/*### DIV CONTENT PADDING ###*/
.contentpadding{padding:5px;}
@media (max-width:550px) {
	.contentpadding{padding:0px;}
}

/*### BOARD MENU ###*/
.boardmenu a{display:block;padding:10px 0px;border:1px solid #DDD;border-top:none;background:url(image/board_menubg.png) #fefefe no-repeat;text-align:left;font-weight:bold;color:#3d476b;}
.boardmenu a img{margin-left:12px;margin-right:22px;width:16px;height:16px;vertical-align:middle;}
.boardmenu a:hover{background:#444;color:#FFF;}
.boardmenuformobile a{display:block;padding:5px;border:1px solid #DDD;background:#FEFEFE;border-top:none;text-align:left;color:#3d476b;}
.boardmenuformobile a img{margin-left:5px;margin-right:8px;width:16px;height:16px;vertical-align:middle;}
.boardmenuformobile a:hover{background:#e9f2fa;color:#0055AA;}

/*### LIVECHAT REPORT ###*/
.livechatreport{margin-left:0px;border:1px solid #92b8d4;background:#ecf8ff;color:#059;}
.livechatreport:hover{border:1px solid #0c6cb9;background:#0c6cb9;color:#FFF;}

/*### LIVE CHAT ###*/
.livechatwidth{width:380px;}.livechatdiv{height:400px;}
@media (max-width: 420px) {
	.livechatwidth{width:280px;}.livechatdiv{height:300px;}
}

/*### REPORT ###*/
a.memreportlist {display:block;margin-bottom:3px;border:1px solid #DDD;background:#FAFAFA;text-align:left;color:#059;}
a:hover.memreportlist {border:1px solid #005eaf;background:#005eaf;color:#FFF;}

/*### TREE ###*/
.tree{display:inline-block;border:1px solid #DDD;background:#FAFAFA;}
.tree > div{display:inline-block;padding:8px 20px 8px 15px;background:url(image/tree.png) no-repeat right center;}
.tree > div.last{background:none;}
.tree a{color:#666;}.tree a:hover{color:#059;font-weight:bold;}

/*######## PROMOTE ########*/
.promotepic img{margin-top:0px;width:380px;height:80px;border:1px solid #999;}
@media (max-width: 420px) {
	.promotepic {padding:0px 5px;}
	.promotepic img{width:100%;height:100%;}
}


/*####### WEBBOARD ########*/
.boardmenuformobile a{display:block;padding:5px;border:1px solid #DDD;background:#FEFEFE;border-top:none;text-align:left;color:#3d476b;}
.boardmenuformobile a img{margin-left:5px;margin-right:8px;width:16px;height:16px;vertical-align:middle;}
.boardmenuformobile a:hover{background:#e9f2fa;color:#0055AA;}

.webboard{width:100%;margin-top:0px;}
.webboard th{padding:0px;color:#5F5F5F;text-align:center;border-top:1px solid #DDD;border-bottom:1px solid #DDD;vertical-align:middle;background: linear-gradient(to bottom, #FFF 10%,#fdfdfd 11%,#fdfdfd 89%,#f5f5f5 90%);}
.webboard td{padding:4px 5px;color:#888;text-align:center;border-bottom:1px solid #E4E4E4;vertical-align:middle;}
.webboard td a{color:#444;}
.webboard td a:hover{color:#06F;}
.webboard .boardbu{width:20px;}
.webboard .boardicon{width:20px;}
.webboard .boardtitle{width:460px;text-align:left;padding:5px;padding-left:10px;}
.webboard .boardname{width:100px;}.webboard td.boardname{color:#070;}
.webboard .boardpost{width:80px;}
.webboard .boardtime{width:70px;text-align:right;padding-right:5px;}
.webboard .pd4{padding:4px;}.webboard .pd6{padding:6px 4px;}
.webboard.thpdv6 th{padding:6px 4px;} .webboard.thf059 th{color:#059;}
@media (max-width: 950px) {
	.boardbu, .boardname, .boardpost, .boardtime{display:none;}
	.boardtitle{width:100%;}
}
@media (max-width: 550px) {
	.versionmenu span{display:none;}
}

/*####### BOARD ICON ########*/
.bicon{width:16px;height:16px;background:url(image/boardiconpack.png) no-repeat;}
.bnormal{background-position:0px -0px;}.bpin{background-position:0px -16px;}.bfavor{background-position:0px -32px;}
.bnew{background-position:0px -48px;}.bhot{background-position:0px -64px;}.block{background-position:0px -80px;}.bpoll{background-position:0px -96px;}
.btalk{background-position:0px -112px;}.bask{background-position:0px -128px;}.btip{background-position:0px -144px;}.bnews{background-position:0px -160px;}.bmaker{background-position:0px -176px;}.bshow{background-position:0px -192px;}
.bdownload{background-position:0px -208px;}.bfiction{background-position:0px -224px;}.bactivity{background-position:0px -240px;}.bclub{background-position:0px -256px;}.bthesims2{background-position:0px -272px;}.bother{background-position:0px -288px;}
.bfeedback{background-position:0px -304px;}.bmod{background-position:0px -320px;}.binfo{background-position:0px -336px;}.bgeneral{background-position:0px -352px;}.bjoke{background-position:0px -368px;}.bgame{background-position:0px -384px;}
.bknow{background-position:0px -400px;}.bstar{background-position:0px -416px;}.bstory{background-position:0px -432px;}
.bspecial{background-position:0px -448px;}.bfinish{background-position:0px -464px;}.bhit{background-position:0px -480px;}
.bscore{background-position:0px -496px;}.bscoremark{background-position:0px -512px;}

.biconlock{width:16px;height:16px;background:url(image/boardlockpack.png) no-repeat;}
.b18{background-position:0px -0px;}.bguest{background-position:0px -32px;}.biconlock.block{background-position:0px -16px;}
.bmem1{background-position:0px -48px;}.bmem2{background-position:0px -64px;}.bmem3{background-position:0px -80px;}.bmem4{background-position:0px -96px;}
.bsims4{background-position:0px -112px;}


/*## CLUB DETAIL ##*/
@media (max-width: 850px) { 
	.clubmenu div{display:inline-block;width:50%;border:0px solid #000;}
}
@media (max-width: 450px) { 
	.clubmenu div{display:block;width:100%;}
	.clubmenu{margin:3px;width:200px !important;border:1px solid #CCC;display:none;}
}




/*######## DOWNLOAD ########*/
/* ใน TTS4 ไม่มีหน้า download ก็จริง แต่ในหน้า member มันมีส่วน download ของอยู่ */
.downloadmenu{border:1px solid #DDD;border-bottom:none;border-top:none;}
.downloadmenu a{display:block;padding:6px 10px;padding-left:38px;border-left:none;border-right:none;border-bottom:1px solid #DDD;background: linear-gradient(to right, #EEE 17%,#FFF 17%);box-shadow:inset 0 -10px 20px rgba(200,200,200,.10);text-align:left;font-weight:normal;color:#3d476b}
.downloadmenu a img{margin-right:8px;vertical-align:middle;}
.downloadmenu a:hover{background:#FFF;border-bottom:1px solid #DDD;color:#05C;font-weight:bold;box-shadow:inset 0 5px 5px rgba(200,200,200,.30);}
.downloadmenu .current a{background:#FFF;border-right:1px solid #FFF;}
.downloadheadmenu{margin-top:-1px;padding:12px 8px;border:1px solid #CCC;box-shadow:inset 0 -10px 20px rgba(200,200,200,.30);color:#000;text-align:left;}
.downloadheadmenu img{width:17px;height:17px;padding-left:4px;padding-right:15px;vertical-align:middle;}

.downloaditem td{width:33.3%;text-align:center;padding:3px;font-weight:bold;font-size:17px;border-right:1px solid #DDD;}
.downloaditem td span{font-size:10px;color:#AAA;font-weight:normal;}
.downloaditem .vote{border-right:none;}
.downloaditem .download{color:#F08;}
.downloaditem .comment{color:#080;}
.downloaditem .vote{color:#05C;}

/*####### QUOTE & BOX ########*/
/* จริงๆมันมีใน style_topic แต่มันมีบางหน้าที่อาจจะใช้ พวก PM popup อะไรแปบบนี้ */
.quotetop {margin:5px;margin-bottom:0px;border:1px solid #CCC;border-bottom:none;background:#F5F5F5;color:#888;padding:2px;}
.quote {margin:5px;margin-top:0px;padding:5px;border:1px solid #CCC;border-top:0px solid #CCC;background:#FDFDFD;overflow:auto;overflow-x:auto;overflow-y:hidden;}


/*##### USE FOR SHOW SIMS VERSION #####*/
.vmobile980{display:none;}.vmobile1060{display:none;}
@media (max-width: 1060px) {.vdesktop1060{display:none;}.vmobile1060{display:block;}}
@media (max-width: 980px) {.vdesktop980{display:none;}.vmobile980{display:block;}}