/*
body{background:url(image/bg01.jpg) #DFF no-repeat top center;}
*/

body, div, a, span,td,th{font-family:quark_bold;}
/*
a.fC5F{color:#C5F;}a:hover.fC5F{color:#F5C;}
*/



.btn.red{border:1px solid #c44e3f;background:#d45244;color:#FFF;}.btn.blue{border:1px solid #3681D8;background:#3c90f0;color:#FFF;}
.btn.green{border:1px solid #45b044;background:#5ece5d;color:#FFF;}.btn.violet{border:1px solid #8961D9;background:#996CF2;color:#FFF;}
.btn.pink{border:1px solid #e1608d;background:#f46899;color:#FFF;}.btn.orange{border:1px solid #eb7e54;background:#fd9342;color:#FFF;}
.btn.sky{border:1px solid #4eaac6;background:#5BC0DE;color:#FFF;}.btn.yellow{border:1px solid #eda101;background:#ffb701;color:#FFF;}
.btn.facebook{border:1px solid #5276bf;background:#4a6baf;color:#FFF;}.btn.tweet{border:1px solid #4eaac6;background:#5BC0DE;color:#FFF;}
.btn.black{border:1px solid #3E3E3E;background:#454545;color:#FC5;}.btn.gray{border:1px solid #BBB;color:#444;}
.btn.dgreen{border:1px solid #40ac3f;background:#5cb85c;color:#FFF;}.btn.dgray{border:1px solid #75828e;background:#7f8d99;color:#FFF;}
.btn.lblack{border:1px solid #494949;background:#535353;color:#FB0;}.btn.white{border:1px solid #aaa;background:#FFF;color:#444;}.btn.lwhite{border:1px solid #DDD;background:#FFF;color:#666;}
.btn.lblue{border:1px solid #4994d8;background:#4fa1ea;color:#FFF;}.btn.dblue{border:1px solid #2b6fa9;background:#337ab7;color:#FFF;}



	.cardzoneselect{height:560px;}
	.backcard{width:80px;}

	.cardzone{height:900px;}
	.card{width:120px;}


	.carddes{width:80px;}
	.des{font-size:25px;}

.content{float:left;width:800px;margin-top:5px;}

	.maincard{width:250px;}
	.mainname{font-size:50px;}
	.mainthainame{font-size:45px;}
	.keyword{display:inline-block;margin:10px 10px;padding:10px 20px;font-size:30px;border:2px dashed #8CF;background:#E1F2FF;color:#059;}
.boardyoutube{width:640px;height:360px;border:none;}


@media (max-width: 850px) { 
	.cardzone{height:750px;}
	.card{width:100px;}


	.carddes{width:80px;}
	.des{font-size:25px;}

	.maincard{width:250px;}

}

@media (max-width: 650px) { 
	.cardzoneselect{height:500px;}
	.backcard{width:60px;}

	.cardzone{height:600px;}
	.card{width:80px;}


	.carddes{width:70px;}
	.des{font-size:20px;}


	.content{width:auto;margin-top:5px;}

	.maincard{width:120px;}
	.mainname{font-size:30px;}
	.mainthainame{font-size:25px;}
	.keyword{font-size:20px;}
	.keyword{margin:5px;padding:5px 10px;font-size:16px;border:1px dashed #8CF;}

	.boardyoutube{width:440px;height:248px;border:none;}

}
@media (max-width: 400px) { 
	.cardzoneselect{height:300px;}
	.backcard{width:40px;}

	.card{width:60px;}
	.cardzone{height:450px;}


	.carddes{display:none;}
	.des{font-size:20px;}

	.content{width:auto;margin-top:5px;}

	.maincard{width:120px;}
	.mainname{font-size:25px;}
	.mainthainame{font-size:20px;}
	.keyword{font-size:20px;}
	.keyword{margin:5px;padding:5px 10px;font-size:16px;border:1px dashed #8CF;}

	.boardyoutube{width:340px;height:185px;border:none;}

}





/*
.menutop{display:none;}
@media (max-width: 1280px) { 
	.menuleft{display:none;}
	.menutop{display:block;}
}
*/



/*### 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{margin-top:50px;background:#FFF;box-shadow: 0px 0px 10px rgba(0,0,0,.20);}
.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-color:rgba(28,60,106,.4);border-bottom: 1px solid rgba(28, 60, 106, .4);}
.topmenu{display:inline-block;z-index:999;}
.topmenu > a{border-left:1px solid rgba(28, 60, 106, .4);height:30px;line-height:30px;padding:0px 15px;display:inline-block;color:#fff;font-size:14px;white-space:nowrap;}
.topmenu > a:hover{color:#FB0;background: linear-gradient(to bottom, #244f84 85%,#1e4678 50%);color:#FFF;}
.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(28, 60, 106, .4);}

.topmenu div{box-sizing: border-box;display:none;position:absolute;width:150px;border:5px solid #244f84;z-index:999;}
.topmenu div a{display:block;padding:6px 15px 10px 14px;border-bottom:1px solid #DDD;background: linear-gradient(to bottom, #FAFAFA 85%,#F3F3F3 50%);color:#222;text-align:left;}
.topmenu div a:hover{background: linear-gradient(to bottom, #244f84 85%,#1e4678 50%);border-bottom:1px solid #244f84;color:#FFF;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:#FD4;}.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;}
}


/*### MAIN MENU ###*/
.mainmenu .cbutton{margin-bottom:1px;}
.mainmenu .cbutton.jumbo b:first-child{height:25px;}
.mainmenu .cbutton.jumbo b:nth-child(2){height:25px;padding-left:70px;font-family: 'quark_bold';font-size:22px;color:#888;}

/*### BOARD MENU ###*/
.boardmenu a{display:block;padding:10px 0px;border:1px solid #CCC;border-top:none;border-left:8px solid #EEE;background: linear-gradient(to bottom, #FEFEFE 85%,#F3F3F3 50%);text-align:left;font-weight:bold;color:#3d476b;}
.boardmenu a.cur{border-right:none;border-left:8px solid #67ca6f;background:#FFF;}
.boardmenu a img{margin-left:12px;margin-right:22px;width:16px;height:16px;vertical-align:middle;}
.boardmenu a:hover{border-color:#3E3E3E;background:#454545;color:#FFF;box-shadow:inset 0 -3px 0px rgba(0,0,0,.08)}

/*### 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;}
}


/*######## MEMBER ########*/
.memdetail th{width:70px;padding:3px;background:#FAFAFA;border:1px solid #FAFAFA;text-align:right;}
.memdetail td{padding:3px;padding-left:8px;background:#FFFFFF;border:1px solid #FAFAFA;}
.emailshow {font-size:9px;color:#80F;}

.memmenu a{display:block;padding:12px;border-bottom:1px solid #DDD;background:#FFF;font-size:14px;color:#777;}
.memmenu a:hover{background:#005eaf;color:#FFF;}

.memmessagepost .intextarea{width:480px;height:55px;}

.friendlisttable td{vertical-align:middle;padding:2px;border-bottom:1px dotted #DDD;}

.mbannertable th{padding:1px;vertical-align:middle;text-align:center;}
.mbannertable td{padding:1px;vertical-align:middle;color:#999999;}
.mbannertable td img{margin-right:10px;vertical-align:middle;}

.clublogolist td{padding:5px;vertical-align:middle;}

/*########### MEMSETSTYLE ###########*/
.memsetstylediv{margin-top:8px;padding:10px;border:none;border-top:1px solid #E1E1E1;background:#FFFFFF;}
.memsetstylediv .inhead{margin-bottom:5px;color:#0033AA;font-weight:bold;}
.memsetstylediv .inhelp{color:#666666;}
.memsetstylediv table{margin-top:20px;}

.ajaxitemlist li {float:left;border:2px solid #EEEEEE;cursor: pointer;}
.memsetstyle_memcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_membgcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_membgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_memcbgcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_memcbgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_mempbgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_membar .ajaxitemlist li {margin:2px;width:30px;height:30px;}

.nextpage{margin:3px;padding:1px 5px;border:1px solid #DDDDDD;background:#FAFAFA;cursor:pointer;color:#666666;font-weight:bold;}


/*######## 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;}}