/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, img, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;font: inherit;background:transparent;}
body, td, th, input, textarea, select, button { font-size:13px;color:#000;font-family: "tahoma", "MS Sans Serif", "Microsoft Sans Serif";}
body {line-height:1;}
.clear{clear:both;height:0;line-height:0;visibility:hidden;font-size:0;float:none;display:block;}
a:link, a:visited { text-decoration:none;color:#000;}
a:hover { text-decoration:none;#00F;}
a img{border:none;}
img{vertical-align:bottom;}
ul,li { list-style:none;}
li{display:inline;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,td,th{vertical-align:top;text-align:left;font-weight: normal;}
input, select {vertical-align:middle;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
:focus{outline:0;}

#showmessage{background:#FAFAFA;border:6px solid #47A;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{color:#A00;}
.myajax{cursor:pointer;}

@font-face {
    font-family: 'true_lightregular';
    src: url('font/tlight-webfont.eot');
    src: url('font/tlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tlight-webfont.woff') format('woff'),
         url('font/tlight-webfont.ttf') format('truetype'),
         url('font/tlight-webfont.svg#true_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'true_mediumregular';
    src:url('font/tmedium-webfont.eot');
    src: url('font/tmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tmedium-webfont.woff') format('woff'),
         url('font/tmedium-webfont.ttf') format('truetype'),
         url('font/tmedium-webfont.svg#true_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'true_boldregular';
    src: url('font/tbold-webfont.eot');
    src: url('font/tbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tbold-webfont.woff') format('woff'),
         url('font/tbold-webfont.ttf') format('truetype'),
         url('font/tbold-webfont.svg#true_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
font-family:'ThaiSansNeueBold';
src:url('font/ThaiSansNeue-Bold.eot');
src:url('font/ThaiSansNeue-Bold.eot?') format('embedded-opentype'),
url('font/ThaiSansNeue-Bold.woff') format('woff'),
url('font/ThaiSansNeue-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}

*/


/*### RESET ###*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, img, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;font: inherit;background:transparent;font-family: "tahoma", "MS Sans Serif", "Microsoft Sans Serif";}
body, td, th, input, textarea, select, button { font-size:100%;font-size:13px;color:#000;font-family: "tahoma", "MS Sans Serif", "Microsoft Sans Serif";}
body {line-height:1;}
.clear{clear:both;height:0;line-height:0;visibility:hidden;font-size:0;float:none;display:block;}
a:link, a:visited { text-decoration:none;color:#000;}
a:hover { text-decoration:none;#00F;}
a img{border:none;}
img{vertical-align:bottom;}
ul,li { list-style:none;}
li{display:inline;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,td,th{vertical-align:top;text-align:left;font-weight: normal;}
input, select {vertical-align:middle;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
:focus{outline:0;}

/*### SHOWMESSAGE ###*/
/*
#showmessage{background:#FAFAFA;border:6px solid #47A;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{color:#A00;}
.myajax{cursor:pointer;}
#showmessage{background:#FAFAFA;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);border-radius: 6px;max-width:600px;}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{color:#A00;}
.myajax{cursor:pointer;}
a.xbutton:hover{-webkit-filter: invert(100%); filter: invert(100%);}
*/

#showmessage{background:#FAFAFA;border:6px solid #47A;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);display:none;}
#showmessage.newstyle{border:none;border-radius: 6px;}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{-webkit-filter: invert(100%); filter: invert(100%);}
.myajax{cursor:pointer;}



/*### FONT ###*/
@font-face {font-family: 'rsu';src: url('font/rsu.eot');src: url('font/rsu.eot?') format('embedded-opentype'),url('font/rsu.woff') format('woff'),url('font/rsu.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rsu_bold';src: url('font/rsu_bold.eot');src: url('font/rsu_bold.eot?') format('embedded-opentype'),url('font/rsu_bold.woff') format('woff'),url('font/rsu_bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rsu_light';src: url('font/rsu_light.eot');src: url('font/rsu_light.eot?') format('embedded-opentype'),url('font/rsu_light.woff') format('woff'),url('font/rsu_light.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rsutext';src: url('font/rsutext.eot');src: url('font/rsutext.eot?') format('embedded-opentype'),url('font/rsutext.woff') format('woff'),url('font/rsutext.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rsutext_bold';src: url('font/rsutext_bold.eot');src: url('font/rsutext_bold.eot?') format('embedded-opentype'),url('font/rsutext_bold.woff') format('woff'),url('font/rsutext_bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'circular';src: url('font/circular.eot');src: url('font/circular.eot?') format('embedded-opentype'),url('font/circular.woff') format('woff'),url('font/circular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'circular_bold';src: url('font/circular_bold.eot');src: url('font/circular_bold.eot?') format('embedded-opentype'),url('font/circular_bold.woff') format('woff'),url('font/circular_bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'quark_bold';src: url('font/quark_bold.eot');src: url('font/quark_bold.eot?') format('embedded-opentype'),url('font/quark_bold.woff') format('woff'),url('font/quark_bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'quark_light';src: url('font/quark_light.eot');src: url('font/quark_light.eot?') format('embedded-opentype'),url('font/quark_light.woff') format('woff'),url('font/quark_light.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'boon';src: url('font/boon.eot');src: url('font/boon.eot?') format('embedded-opentype'),url('font/boon.woff') format('woff'),url('font/boon.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'pledit';src: url('font/pledit.eot');src: url('font/pledit.eot?') format('embedded-opentype'),url('font/pledit.woff') format('woff'),url('font/pledit.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'kubua';src: url('font/kubua.eot');src: url('font/kubua.eot?') format('embedded-opentype'),url('font/kubua.woff') format('woff'),url('font/kubua.ttf') format('truetype');font-weight: normal;font-style: normal;}


/*### MAIN ###*/
/*
.mypopup{background:#FAFAFA;border:6px solid #47A;position:fixed;z-index:9999;box-shadow: 1px 1px 5px rgba(0,0,0,.50);}
a.hideshowmessage{color:#666}a:hover.hideshowmessage{color:#A00;} 
.myajax{cursor:pointer;}
.graystyle{border:1px solid #DDD;background:#FAFAFA;}.gs{border:1px solid #DDD;background:#FAFAFA;}
.emessagecose {cursor:pointer;}/////////////////////////////////////// สกดผิดเปล่า 
.newajax{cursor:pointer;}
*/
.graystyle{border:1px solid #DDD;background:#FAFAFA;}.gs{border:1px solid #DDD;background:#FAFAFA;}



/*### MPAD ###*/
.mgray{padding:20px;border:1px solid #CCC;background:#FAFAFA;text-align:center;color:#444;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mgreen{padding:20px;border:1px solid #93c88d;background:#eefef1;text-align:center;color:#008800;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mred{padding:20px;border:1px solid #eb9994;background:#ffeded;text-align:center;color:#A00;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}
.mblue{padding:20px;border:1px solid #92b8d4;background:#ecf8ff;text-align:center;color:#059;border-radius: 3px;box-shadow: 1px 1px 2px rgba(0,0,0,.10), inset 0 3px 6px rgba(255,255,255,.10);}

/*### UL ###*/
.ul > li{display:list-item;margin-left:18px;list-style: disc outside;}
.ul.num > li{margin-left:22px;list-style: decimal outside;}
.ul.lipd3 > li{padding:3px;}.ul.lipd5 li{padding:5px;}.ul.lipd8 li{padding:8px;}

/*##### TABLE ####*/
table.line {border-collapse:collapse;border-spacing: 0;}
table.line > tbody > tr > th,table.line > tbody > tr > td{padding:3px;border-bottom:1px solid #DDD;}
table.line.noline > tbody > tr:last-child > th{border:none;}table.line.noline tr:last-child  td{border:none;}
table.line.EE > tbody > tr > th,table.line.EE > tbody > tr > td{border-color:#EEE;}
table.line.CC > tbody > tr > th,table.line.CC > tbody > tr > td{border-color:#CCC;}
table.line.AA > tbody > tr > th,table.line.AA > tbody > tr > td{border-color:#AAA;}
table.line.dotted > tbody > tr > th,table.line.dotted > tbody > tr > td{border-style:dotted;}
table.line.dashed > tbody > tr > th,table.line.dashed > tbody > tr > td{border-style:dashed;}

table.table {border-collapse:collapse;}
table.table > tbody > tr > td, table.table > tbody > tr > th {padding:3px;border: 1px solid #DDD;}
table.table > tbody > tr:first-child > th, table.table > tbody > tr:first-child > td {border-top: 0;}
table.table > tbody > tr:last-child > td, table.table > tbody > tr:last-child > th {border-bottom: 0;}
table.table > tbody > tr > td:first-child, table.table > tbody > tr > th:first-child {border-left: 0;}
table.table > tbody > tr > td:last-child, table.table > tbody > tr > th:last-child {border-right: 0;}
table.table.EE > tbody > tr > td, table.table.EE > tbody > tr > th {border-color:#EEE;}
table.table.CC > tbody > tr > td, table.table.CC > tbody > tr > th {border-color:#CCC;}
table.table.AA > tbody > tr > td, table.table.AA > tbody > tr > th {border-color:#AAA;}

table.pad > tbody > tr >  th{border:1px solid #F3F3F3;background:#FAFAFA;font-weight:normal;vertical-align:top;}
table.pad > tbody > tr >  td{border:1px solid #F3F3F3;background:#FFFFFF;}
table.pad.DD > tbody > tr >  th,table.pad.DD > tbody > tr >  td{border:1px solid #DDD;}
table.pad.EE > tbody > tr >  th,table.pad.EE > tbody > tr >  td{border:1px solid #EEE;}
table.pad.FA > tbody > tr >  th,table.pad.FA > tbody > tr >  td{border:1px solid #FAFAFA;}

table.tleft > tbody > tr > td,table.tleft > tbody > tr > th{text-align:left;}
table.tright > tbody > tr > td,table.tright > tbody > tr > th{text-align:right;}
table.tcenter > tbody > tr > td,table.tcenter > tbody > tr > th{text-align:center;}
table.tmiddle > tbody > tr > td,table.tmiddle > tbody > tr > th{vertical-align:middle;}
table.tpd0 > tbody > tr > td,table.tpd0 > tbody > tr > th{padding:0px;}table.tpd3 > tbody > tr > td,table.tpd3 > tbody > tr > th{padding:3px;}
table.tpd5 > tbody > tr > td,table.tpd5 > tbody > tr > th{padding:5px;}table.tpd8 > tbody > tr > td,table.tpd8 > tbody > tr > th{padding:8px;}table.tpd10 > tbody > tr > td,table.tpd10 > tbody > tr > th{padding:10px;}
table.th059 > tbody > tr > th{color:#059;}table.th666 > tbody > tr > th{color:#666;}table.thbold > tbody > tr > th{font-weight:bold;}table.thright > tbody > tr > th{text-align:right;}
table.thEE > tbody > tr > th{background:#EEE;}table.thFA > tbody > tr > th{background:#FAFAFA;}table.td666 > tbody > tr > td{color:#666;}
table.thpdt10 > tbody > tr > th{padding-top:10px;}table.thpdt12 > tbody > tr > th{padding-top:12px;}table.thpdt15 > tbody > tr > th{padding-top:15px;}table.thpdt20 > tbody > tr > th{padding-top:20px;}
table.lh15 > tbody > tr > td,table.lh15 > tbody > tr > th{line-height:1.5em;}
table.thmiddle > tbody > tr > th{vertical-align:middle;}
table.n666 .note{color:#666;}table.s666 span{color:#666;}
table.nnobold .note{font-weight:normal;}table.snobold span{font-weight:normal;}
table.nmgt5 .note{margin-top:5px;}
table.thnowrap > tbody > tr > th{white-space:nowrap;}


/*##### MYFORM ####*/
.myform input[type='text'],.myform input[type='password']{padding: 3px 6px;font-size:14px;line-height: 1.42857143;border:1px solid #CCC;background:#FAFAFA;}
.myform input[type='file']{height:22px;padding:2px;border:1px solid #CCC;background:#FAFAFA;}
.myform select{height:28px;padding:3px;border:1px solid #CCC;background:#FAFAFA;}
.myform textarea{padding:4px;border:1px solid #CCC;background:#FAFAFA;}
.myform.small input[type='text'],.myform.small input[type='password']{padding: 2px 5px;font-size: 13px;}
.myform.small input[type='file']{height:22px;padding:0px;}
.myform.small select{height:24px;padding:0px;}
.myform.small textarea{padding:2px;}
.myform.big input[type='text'],.myform.big input[type='password']{padding: 6px 3px;font-size: 14px; }
.myform.big input[type='file']{height:22px;padding:5px;}
.myform.big select{height:34px;padding: 6px 18px;font-size:14px;}
.myform.big textarea{padding:2px;}
.myform.w input:not([type='submit']), .myform.w select,.myform.w textarea{background:#FFF;}
.myform.in input[type='text'],.myform.in input[type='password'],.myform.in textarea{background:#FFF;box-shadow:inset 2px 2px 2px rgba(0,0,0,.15);}
.myform input:focus,.myform.a input:focus,.myform.small input:focus,.myform textarea:focus{box-shadow: 0 0 5px rgba(81, 203, 238, 1);border: 1px solid rgba(81, 203, 238, 1);}

.myform .radio input[type=radio]{display:none;}
.myform .radio input[type=radio] + label{display:inline-block;cursor:pointer;height:28px;line-height:28px;padding:0px 12px;border:1px solid #CCC;background:#FAFAFA;color:#666;box-shadow:inset 0 -4px 0px rgba(0,0,0,.05)}
.myform.small .radio input[type=radio] + label{height:22px;line-height:22px;}
.myform .radio input[type=radio] + label:before{content:'\20DD';margin-right:8px;color:#BBB;}
.myform .radio input[type=radio]:checked + label{border:1px solid #3681D8;background:#3c90f0;color:#FFF;}
.myform .radio input[type=radio]:checked + label:before{content:'\2714';margin-right:8px;color:#FFF;}

.myform .check2 input[type="checkbox"] {display:none;}
.myform .check2 input[type="checkbox"] + label{cursor:pointer;display:inline-block;padding:0px 0px;border:0px solid #000;height:20px;line-height:20px;margin:3px;margin-left:25px;}
.myform .check2 input[type="checkbox"] + label:before{content: " ";width: 20px; background:url('image/radio.png') 0px top no-repeat;position: absolute;height:20px;margin-left:-25px;}
.myform .check2 input[type="checkbox"]:checked + label:before{background:url('image/radio.png') -20px top no-repeat;}

.myform .radio2 input[type="radio"] {display:none;}
.myform .radio2 input[type="radio"] + label{cursor:pointer;display:inline-block;padding:0px 0px;border:0px solid #000;height:20px;line-height:20px;margin:3px;margin-left:25px;}
.myform .radio2 input[type="radio"] + label:before{content: " ";width: 20px; background:url('image/radio.png') -40px top no-repeat;position: absolute;height:20px;margin-left:-25px;}
.myform .radio2 input[type="radio"]:checked + label:before{background:url('image/radio.png') -60px top no-repeat;}

.myform.borderA input[type='text'],.myform.borderA input[type='password'],.myform.borderA input[type='file'],.myform.borderA select,.myform.borderA textarea {border:1px solid #AAA;}


/*###### ETC #######*/

.alink a{color:#00F}.alink a:hover{color:#F00}


/*##### เปลี่ยนเป็น gdblue น่าจะดีกว่า แต่ข้างล่างมีคลาส gd1 อย่างลืมไปเช็ค #####*/
/*##### อ้อ จริงๆมัน g เฉยๆ ส่วนตัว l มันคือ lblue หมาถึงสีน้ำเงินอ่อน ถ้างั้นแบบนี้ก็อาจจะดีแล้ว #####*/
.glblue{background:#48C;background:linear-gradient(to bottom, #48C, #37B);}

.dtable{display:table;}
.dtable > div{display:table-cell;}

.slidemenu{cursor:pointer;}
.slidemenudiv{display:none;position:absolute;}


/*###### BLINK #######*/
.blink {animation: blink-animation 1s steps(5, start) infinite;}
@keyframes blink-animation {to {visibility: hidden;}}


/*##### DIV ARROW #####*/
.divarrow { position: relative; background: #222;border:1px solid #eee;color:#EEE;z-index:99;	opacity: 0.98;}
.divarrow:after, .divarrow:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.divarrow:before { border-color: rgba(238, 238, 238, 0); border-width: 8px; }
.divarrow:after { border-color: rgba(34, 34, 34, 0); border-width: 6px;}

.divarrow.top:after, .divarrow.top:before {bottom: 100%; left: 50%; }.divarrow.top:before { border-bottom-color: #eee; margin-left: -8px;}.divarrow.top:after { border-bottom-color: #222; margin-left: -6px;}
.divarrow.right:after, .divarrow.right:before {left: 100%; top: 50%; }.divarrow.right:before { border-left-color: #eee;margin-top: -8px;}.divarrow.right:after { border-left-color: #222; margin-top: -6px;}
.divarrow.bottom:after, .divarrow.bottom:before {top: 100%; left: 50%; }.divarrow.bottom:before { border-top-color: #eee; margin-left: -8px;}.divarrow.bottom:after { border-top-color: #222; margin-left: -6px;}
.divarrow.left:after, .divarrow.left:before {right: 100%; top: 50%; }.divarrow.left:before { border-right-color: #eee; margin-top: -8px;}.divarrow.left:after { border-right-color: #222; margin-top: -6px;}
.divarrow.top{margin-top:6px;}.divarrow.right{margin-right:6px;}.divarrow.left{margin-left:6px;}.divarrow.bottom{margin-bottom:6px;}

.divarrow.gray { background: #FAFAFA; border: 1px solid #BBB;color:#666;box-shadow:0px 0px 4px rgba(0,0,0,.30), inset 0px 4px 2px rgba(255,255,255,.90), inset 0px -4px 2px rgba(0,0,0,.10);}
.divarrow.gray.top:before { border-bottom-color: #BBB;}.divarrow.gray.top:after { border-bottom-color: #FAFAFA;}
.divarrow.gray.right:before { border-left-color: #BBB;}.divarrow.gray.right:after { border-left-color: #FAFAFA;}
.divarrow.gray.bottom:before { border-top-color: #BBB;}.divarrow.gray.bottom:after { border-top-color: #E1E1E1;}
.divarrow.gray.left:before { border-right-color: #BBB;}.divarrow.gray.left:after { border-right-color: #FAFAFA;}


/*##### TOOLTIP #####*/
.tooltipnote{position:absolute;padding:5px;border-radius: 4px;display:none;}

/* ################ ADMIN ################ */
.nutmenu{width:180px;}
.nutmenu li{margin:2px;padding:5px;border:1px solid #DDD;background:#FAFAFA;display:block;font-weight:bold;}

.admin_table{background:#FFF;}
.admin_table th{padding:3px;border:1px solid #AAA;background:#F3F3F3;}
.admin_table td{padding:3px;border:1px solid #DDD;}


/* ################ FORMPOST ################ */
.formpost{margin:0px auto;width:100%;background:#FFF;border-collapse:separate;border-spacing:2px;}
table.formpost > tbody > tr > th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;}
table.formpost > tbody > tr > td{padding:4px;border:1px solid #F8F8F8;vertical-align:middle;}
.formpost .inhead{background:#EEE;padding:5px;border-bottom:0px solid #888;text-align:center;}
.formpost .intextarea{width:98%;height:250px;border:1px solid #CCC;background:#FFF;}
.emomenu{background:#FDFDFD;border:1px solid #DDD;border-bottom:0px solid #000;padding:5px;}
.emocontent{background:#FDFDFD;border:1px solid #DDD;padding:0px;padding-top:6px;height:210px;overflow-x:hidden;overflow-y:auto;text-align:center;}
.emopad img{cursor:hand;cursor:pointer;}
.emomenu li{margin-left:2px;padding:0px 5px;border:1px solid #BBB;cursor:pointer;}


/* ################ ADVANCE POST MODE ################ */
.btagcolor{margin:1px;width:20px;height:15px;cursor:pointer;vertical-align:bottom;}
.btagbox{margin:1px;width:20px;height:15px;cursor:pointer;vertical-align:bottom;border:1px solid #CCC;background:#FFF;}
.closebtag{text-align:right;}
.closebtag img{width:32px;height:12px;margin-top:2px;cursor:pointer;vertical-align:bottom;}
.btagpopmenu{border:1px solid #999;background-color:#F5F5F5;padding:2px;}
.btag{border:1px solid #CCC;cursor:pointer;margin-top:3px;}
.btaghover{border:1px solid #66C;box-shadow:inset 0px -7px 10px rgba(0,130,255,.50);}
.btagemo{cursor:pointer;}

.postmenu ul, .postmenu li {display:inline;}
.postmenu li a img {border:1px solid #CCC;}
.postmenu li a:hover img{border:1px solid #000;background:#DEF;}
#btagpopmenucolor, #btagpopmenusize, #btagpopmenuemo, #btagpopmenubox{position:absolute;}
.posttextarea{width:98%;height:250px;border:1px solid #000;}

/* ################ MEM EDIT ################ */
.memedit{margin:0px auto;width:100%;background:#FFF;}
.memedit th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;}
.memedit td{padding:4px;border:1px solid #F8F8F8;}
.memedit .inhead{background:#EEE;font-weight:bold;text-align:center;}
.memedit .ininput{width:160px;height:20px;line-height:20px;border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.memedit .inselect{border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.memedit .intextarea{width:98%;height:250px;border:1px solid #999;}
.memedit .inbutton{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}

/*################### Z FORM ###################*/
.zformhead{text-align:center;}
.zformprocess{padding:40px 10px;}
.zformprocess .inhead{height:30px;}

.zform{background:#FFF;}
.zform .ininput{width:160px;height:20px;border:1px solid #CCC;background:#FAFAFA;font-family: "MS Sans Serif", "Microsoft Sans Serif", "tahoma";}
.zform .inbutton{border:1px solid #999;padding:3px 12px;background-color:#F3F3F3;cursor:pointer;box-shadow:inset 0 3px 8px rgba(255,255,255,.90);}
.zform .inbutton:hover{border:1px solid #005eaf;background-color:#005eaf;color:#FFF;box-shadow:inset 0 3px 8px rgba(255,255,255,.30);}
.zform .ininputfile{height:22px;border:1px solid #CCC;background:#FAFAFA;}

.zformprocess th{width:43%;padding:4px;padding-top:9px;font-weight:bold;vertical-align:top;text-align:right;}
.zformprocess td{padding:4px;}
.zformprocess .inhead{font-weight:bold;text-align:center;}

.zformmemedit th{width:180px;padding:4px;font-weight:bold;background:#F8F8F8;vertical-align:middle;text-align:right;color:#444}
.zformmemedit td{padding:4px;border:1px solid #F8F8F8;}
.zformmemedit .inhead{background:#EEE;font-weight:bold;text-align:center;}

/* ################  PM ################ */
.pmlist {border-bottom:1px solid #DDD;table-layout: fixed;}
.pmlist th{padding:5px 5px;background:#F3F3F3;color:#333;text-align:left;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.pmlist td{padding:2px 5px;color:#000;text-align:center;border-top:1px solid #E4E4E4;border-left:0px solid #F3F3F3;text-align:left;vertical-align:middle;}
.pmlist .tright{text-align:right;}
.pmlist .pmicon{width:16px;height:16px;}
.pmlist .pmcontent{overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pmlist .pmdetail{padding:8px;border:1px solid #81a0c1;border-top:0px solid #81a0c1;background:#FFF;}
.pmlist .pmdate{color:#080;font-size:11px;text-align:right;}
.pmlistdel{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}
.pmlistactive{background:#FFE;}

/* ################  PM ################ */
.pmnamelist {width:248px;position:absolute;display:none;z-index:99;}
.pmnamelistin {width:248px;border:1px solid #999;border-bottom:1px solid #DDD;background:#F3F3F3;overflow:auto;overflow-x:hidden;overflow-y:auto;}
.pmnamelisttable {width:100%;border-collapse:separate;border-spacing:2px;}
.pmnamelisttable td{width:215px;padding:3px;padding-left:10px;background:#FAFAFA;color:#05B;font-weight:bold;}
.pmnamelisttable .pmadd{float:right;text-align:center;width:15px;padding:1px;border:0px solid #DDD;background:#FAFAFA;color:#999;}
.pmnamelistclose{width:240px;padding:4px;border:1px solid #999;border-top:0px solid #999;background:#F3F3F3;text-align:right;color:#999;}

.pmlist {width:100%;border-bottom:1px solid #DDD;table-layout: fixed;}
.pmlist th{padding:5px 5px;background:#F3F3F3;color:#333;text-align:left;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.pmlist td{padding:2px 5px;color:#000;text-align:center;border-top:1px solid #E4E4E4;border-left:0px solid #F3F3F3;text-align:left;vertical-align:middle;}
.pmlist .pmicon{width:16px;height:16px;}
.pmlist .pmcontent{width:100%;overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pmlist .pmdetail{width:100%;padding:8px;border:1px solid #81a0c1;border-top:0px solid #81a0c1;background:#FFF;}
.pmlistdel{border:1px solid #999;padding:1px 10px;background-color:#F5F5F5;}
.pmlistactive{background:#FFE;}

/* ################ HIGHSLIDE ################ */
.highslide-container div {font-family:Verdana, Helvetica;font-size: 10pt;}
.highslide-image {border:2px solid #FFF;background:gray;}
a.highslide-full-expand {background: url('highslide/fullexpand.gif') no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;}
a.highslide-credits,a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color: white;background-color: gray;}

/* ################ MULTIUPLOAD ################ */
.mu_progress{width:90%;max-width:500px;margin-top:5px;height:20px;padding:2px;border:1px solid #DDD;}
.mu_bar{width:0%;line-height:20px;background:#008DE6;text-align:center;}

/* ################ POLL ################ */
.polldiv{margin-bottom:8px;padding:10px;border:1px solid #DDD;background:#FAFAFA;text-align:center;}
.pollquestion{color:#059;font-weight:bold;}
.pollchoice{margin:5px auto;width:600px;text-align:left;}
.pollchoicedetail{margin-top:5px;margin-left:0px;width:500px;overflow:auto;overflow-x:auto;overflow-y:hidden;}
.pollbar{height:12px;box-shadow:inset 0 10px 20px rgba(255,255,255,.30),inset 0 1px 1px rgba(255,255,255,.50);}
.pollbartable{border-collapse:separate;border-spacing:10px;}
.pollbartable th{width:30%;padding-top:2px;padding-right:10px;text-align:right;}
.pollbartable td .pollbarframe{float:left;margin-top:2px;border:1px solid #DDD;background:#FAFAFA;}

/* ################ CHAT GROUP ################ */
.chatitem{padding:5px;border-bottom:1px dotted #EEE;}
.chatitem .chatname{float:left;color:#059;font-weight:bold;text-align:left;}
.chatitem .chatnote{float:left;margin-left:5px;text-align:left;color:#333;}
.chatitem .chatnote a{color:#00F;} .chatitem .chatnote a:hover{color:#A00;}




/*### CBUTTON MAIN ###*/
.cbutton {display:inline-block;border:0px solid #000;vertical-align:middle;}
.cbutton b{display:inline-block;padding: 3px 14px;font-size:14px;line-height: 1.42857143;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid #CCC;background:#FAFAFA;color:#666;box-shadow:inset 0 -3px 0px rgba(0,0,0,.08);}
.cbutton b:first-child{padding: 3px 5px;border-width:1px solid #CCC;border-right:none;}
.cbutton b:first-child img{margin-top:-3px;vertical-align:middle;}
.cbutton b:nth-child(2){padding: 3px 10px;border-width:1px solid #CCC;border-left:none;font-weight:normal;text-align:left;}

/*### CBUTTON BK ###*/
.cbutton.bk {display:block;border:0px solid #000;}
.cbutton.bk b:first-child {float:left;display:block;}
.cbutton.bk b:nth-child(2) {display:block;padding-left:30px;}
.cbutton.big.bk b:nth-child(2) {padding-left:40px;}
.cbutton.huge.bk b:nth-child(2) {padding-left:50px;}
.cbutton.jumbo.bk b:nth-child(2) {padding-left:60px;}

/*### CBUTTON SIZE ###*/
.cbutton.big b:first-child{padding: 6px 8px;}.cbutton.big b:nth-child(2){padding: 6px 12px;padding-left:8px;}
.cbutton.huge b:first-child{padding: 9px 11px;}.cbutton.huge b:nth-child(2){padding: 9px 14px;padding-left:11px;font-size: 14px;}
.cbutton.jumbo b:first-child{padding: 12px 14px;}.cbutton.jumbo b:nth-child(2){padding: 12px 18px;padding-left:12px;font-size: 16px;line-height: 1.25;}

/*### CBUTTON COLOR ###*/
.cbutton.red b:first-child {border-color:#ce4635;background:#de4b39;}.cbutton.blue b:first-child {border-color:#3681D8;background:#3c90f0;}
.cbutton.green b:first-child {border-color:#45b044;background:#5ece5d;}.cbutton.violet b:first-child {border-color:#8961D9;background:#996CF2;}
.cbutton.pink b:first-child {border-color:#e1608d;background:#f46899;}.cbutton.orange b:first-child {border-color:#eb7e54;background:#fd9342;}
.cbutton.sky b:first-child {border-color:#4eaac6;background:#5BC0DE;}.cbutton.yellow b:first-child {border-color:#eda101;background:#ffb701;}
.cbutton.facebook b:first-child {border-color:#5276bf;background:#4a6baf;}.cbutton.tweet b:first-child {border-color:#4eaac6;background:#5BC0DE;}
.cbutton.black b:first-child {border-color:#3E3E3E;background:#454545;}.cbutton.gray b:first-child {border-color:#BBB;background:#f3f3f3;color:#666;}

/*### CBUTTON RADIUS ###*/
.cbutton.r2 b:first-child{border-radius: 2px 0px 0px 2px;} .cbutton.r2 b:nth-child(2){border-radius: 0px 2px 2px 0px;}
.cbutton.r3 b:first-child{border-radius: 3px 0px 0px 3px;} .cbutton.r3 b:nth-child(2){border-radius: 0px 3px 3px 0px;}
.cbutton.r4 b:first-child{border-radius: 4px 0px 0px 4px;} .cbutton.r4 b:nth-child(2){border-radius: 0px 4px 4px 0px;}
.cbutton.r5 b:first-child{border-radius: 5px 0px 0px 5px;} .cbutton.r5 b:nth-child(2){border-radius: 0px 5px 5px 0px;}

/*### CBUTTON HOVER ###*/
.cbutton:hover b:first-child ,.cbutton:hover b:nth-child(2) {border-color:#3E3E3E;background:#454545;color:#FFF;}







/*### BTN MAIN ###*/
.btn{display:inline-block;padding: 3px 14px;font-size:14px;line-height: 1.42857143;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid #CCC;background:#FAFAFA;color:#666;}
div.btn,a.btn{color:#666;}

/*### BTN SIZE ###*/
.btn.nano{ padding: 0px 2px;font-size: 10px; }.btn.mini{ padding: 1px 5px;font-size: 11px;}.btn.small{ padding: 2px 10px;font-size: 13px;}
.btn.big{ padding: 6px 18px;font-size: 14px; }.btn.huge{ padding: 9px 26px;font-size: 14px; }.btn.jumbo{ padding: 12px 32px;font-size: 16px;line-height: 1.25;}


/*### RESIZE FOR MOBILE ###*/
@media (max-width: 850px) {
	.btn.big{padding:6px 14px;}
	.btn.huge{padding: 9px 22px;}
	.btn.jumbo{padding: 12px 28px;}
}

/*### BTN FONT SIZE & PADDING ###*/
.btn:not(.nano):not(.mini):not(.small).f16{font-size: 16px; line-height: 1.29;}.btn.f16 img{margin-top:-2px;}
.btn:not(.nano):not(.mini):not(.small).f18{font-size: 18px; line-height: 1.15;}.btn.f18 img{margin-top:-2px;}
.btn.jumbo.f20{font-size: 20px; line-height: 1.03;}
.btn.pd15{padding:15px;}.btn.pd20{padding:20px;}.btn.pd25{padding:25px;}
.btn.pdh5{padding-left:5px;padding-right:5px;}.btn.pdh10{padding-left:10px;padding-right:10px;}.btn.pdh15{padding-left:15px;padding-right:15px;}
.btn.quark.f14{font-size: 17px; line-height: 1.19;}
.btn.quark.f16{font-size: 19px !important; line-height: 1.1 !important;}
.btn.quark.f18{font-size: 21px !important; line-height: 0.98 !important;}
.btn.jumbo.quark.f20{font-size: 25px; line-height: 0.83;}

/*### BTN ICON ###*/
.btn.icon img{vertical-align:middle;margin-top:-3px;} /*ต้องอยู่หลัง fontsize เพรามี margin-top*/
.btn.icon.ispace3 img{margin-right:3px;}.btn.icon.ispace5 img{margin-right:5px;}.btn.icon.ispace8 img{margin-right:8px;}
.btn:not(.small).icon.f18 img{margin-top:-4px;}.btn.jumbo.icon.f20 img{margin-top:-5px;}
.btn.mini img,.btn.nano img{display:none;}
.btn.icon32{padding:6px 32px;line-height: 2;}

/*### BTN F S ###*/
.btn{box-shadow:inset 0 -3px 0px rgba(0,0,0,.08)}.btn.huge{box-shadow:inset 0 -4px 0px rgba(0,0,0,.07)}.btn.jumbo{box-shadow:inset 0 -6px 0px rgba(0,0,0,.07)}
.btn.s{border-radius: 4px;box-shadow: 1px 1px 1px rgba(0,0,0,.20), inset 0 1px 1px rgba(255,255,255,.40),  inset 0 -1px 2px rgba(255,255,255,.20),inset 0 -4px 6px rgba(0,0,0,.08)}
.btn.huge.s{border-radius: 4px;box-shadow: 1px 1px 1px rgba(0,0,0,.20), inset 0 1px 1px rgba(255,255,255,.40),  inset 0 -1px 2px rgba(255,255,255,.20),inset 0 -6px 6px rgba(0,0,0,.08)}
.btn.jumbo.s{border-radius: 4px;box-shadow: 1px 1px 1px rgba(0,0,0,.20), inset 0 1px 1px rgba(255,255,255,.40),  inset 0 -1px 2px rgba(255,255,255,.20),inset 0 -8px 6px rgba(0,0,0,.08)}
.btn.s{border:1px solid #BBB;}.btn.f{box-shadow:none;}
/*### ถ้าเป็นสีดำ ตรงเงาควรจะเข็มกว่านี้ ###*/
.btn.black{box-shadow:inset 0 -3px 0px rgba(0,0,0,.12)}.btn.huge.black{box-shadow:inset 0 -4px 0px rgba(0,0,0,.13)}.btn.jumbo.black{box-shadow:inset 0 -6px 0px rgba(0,0,0,.12)}
.btn.g{border:1px solid #DDD;border-radius: 2px;box-shadow:inset 0 -1px 1px rgba(0,0,0,.20);}
.btn.jumbo.g{box-shadow:inset 0 -2px 1px rgba(0,0,0,.20);}
.btn.s, .btn.huge.s, .btn.jumbo.s{box-shadow: inset 0 1px 1px rgba(255,255,255,.40),  inset 0 -1px 2px rgba(255,255,255,.20),inset 0 -4px 6px rgba(0,0,0,.08)}
.btn.s.r0,.btn.g.r0{border-radius:0px;}

/*### BTN SETCOLOR ###*/
.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:#FFF;}.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:#FFF;}.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;}

/*### BTN HEADER ###*/
.btn.header{cursor:default;display:block;text-align:left;}

/*### BTN ETC ###*/
.btn.tleft{text-align:left;}.btn.tcenter{text-align:center;}.btn.tright{text-align:right;}
.btn.bD{border:1px solid #DDD;}
.nohover{cursor:default;}
.btn.iblock{display:inline-block;}

/*### BTN MENU ###*/
.btnmenu .btn{margin-top:-1px}
.btnmenu .btn:first-child{margin-top:0px}




.previewpostshow{text-align:left;}



.quark{font-family: 'quark_bold';}