@charset "gb2312";
/*
html { margin:0; padding:0; text-align:center; width:100%; height:100%; background-color:#F5F5F8; }
body { margin:0 auto; padding:0; text-align:left; width:100%; height:100%; display:-webkit-flex; display:flex; flex-wrap:nowrap; -o-flex-wrap:nowrap; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-direction:column; -o-flex-direction:column; -ms-flex-direction:column; -webkit-flex-direction:column; -moz-flex-direction:column; justify-content:space-between; -o-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; }*/
h2 { font-size:150%; line-height:150%; text-align:center; }
label { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
input { padding:10px; border-top:#ABADB3 1px solid; border-left:#E2E3EA 1px solid; border-right:#DBDFE6 1px solid; border-bottom:#E3E9EF 1px solid; outline:none; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
button { border:1px #666666 solid; background-color:#FF9900; font-weight:bold; color:#FFFFFF; }
button::-moz-focus-inner { margin:0; padding:0; }
input, textarea { resize:vertical; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
button, label { border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
label { background-color:#EFEFEF; padding:10px; cursor:pointer; font-size:87.5%; line-height:100%; }
.body { max-width:1000px; margin:0 auto; }
#top { margin-bottom:8px; text-align:center; background-color:#47A18D; }
#top .body { max-width:976px; padding:5px 12px; }
#top .body, .nav { display:-webkit-flex; display:flex; flex-wrap:nowrap; -o-flex-wrap:nowrap; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; -moz-flex-direction:row; align-items:center; -o-align-items:center; -ms-align-items:center; -webkit-align-items:center; -moz-align-items:center; justify-content:space-between; -o-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; }
#top #logo img { max-height:60px; width:auto; }
#top #logo b, #top:hover a#logo:after { margin-left:5px; font-weight:bold; color:#D3E2E7; font-size:87.5%; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#top:hover a#logo:after { content:"สืาณ"; }
#top:hover a#logo b { display:none !important; }
#top label { margin-left:12px; }
#top .write img { width:24px; height:24px; }
#top .write a span { display:none; }
#top .write:hover a img { width:0; height:0; display:none; }
#top .write:hover a span { display:inline; }
#manage { width:100%; text-align:center; }
#manage.nav_bar { position:fixed; top:0; left:0; z-index:1;  margin:0;  }
#manage .body { background-color:rgba(0,0,0,0.6); }
#manage .body#manage_area { background-color:rgba(102,102,102,0.6); }
.title { display:none; background-color:#6699CC; }
.title label { background-color:#6699CC; }
.title_bottom { margin-bottom:12px; display:-webkit-flex; display:flex; flex-wrap:nowrap; -o-flex-wrap:nowrap; -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; -moz-flex-direction:row; align-items:center; -o-align-items:center; -ms-align-items:center; -webkit-align-items:center; -moz-align-items:center; justify-content:space-around; -o-justify-content:space-around; -ms-justify-content:space-around; -webkit-justify-content:space-around; -moz-justify-content:space-around; }
.title_bottom a { color:#999999; font-size:87.5%; position:relative; padding-left:23px; }
.title_bottom a img { width:18px; height:18px; position:absolute; top:50%; left:0; margin-top:-9px; }
.title_bottom a:hover img { width:48px; height:48px; left:-30px; margin-top:-24px; }
.title_bottom a.area:hover img {
	animation:amplify1 1s forwards;
	-o-animation:amplify1 1s forwards;
	-ms-animation:amplify1 1s forwards;
	-webkit-animation:amplify1 1s forwards;
	-moz-animation:amplify1 1s forwards;
}
@-webkit-keyframes amplify1 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:48px; height:48px; left:-30px; margin-top:-36px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}
@-moz-keyframes amplify1 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:48px; height:48px; left:-30px; margin-top:-36px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}
@keyframes amplify1 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:48px; height:48px; left:-30px; margin-top:-36px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}
.title_bottom a.hi:hover img {
	animation:amplify2 1s forwards;
	-o-animation:amplify2 1s forwards;
	-ms-animation:amplify2 1s forwards;
	-webkit-animation:amplify2 1s forwards;
	-moz-animation:amplify2 1s forwards;
}
@-webkit-keyframes amplify2 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:60px; height:60px; left:-42px; margin-top:-30px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}
@-moz-keyframes amplify2 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:60px; height:60px; left:-42px; margin-top:-30px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}
@keyframes amplify2 {
	0% { width:18px; height:18px; left:0; margin-top:-9px; }
	10% { width:60px; height:60px; left:-42px; margin-top:-30px; }
	20% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	80% { width:48px; height:48px; left:-30px; margin-top:-24px; }
	100% { width:18px; height:18px; left:0; margin-top:-9px; }
}

.texts { padding:12px; }
.text { font-size:112.50%; overflow-y:auto !important; overflow:auto; overflow-x:hidden; word-break:break-all; word-wrap:break-word; white-space:normal; }
.text p { text-indent:0em; /*margin-top:0.5em; margin-bottom:0.5em;*/ }
.ad_reply { }
.ad_reply strong { font-size:16px; line-height:100%; padding:5px 10px; color:#FFFFFF; background-color:#B8CFE6; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; border-radius:11px; -o-border-radius:11px; -ms-border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; -o-border-bottom-right-radius:0px; -ms-border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-bottom-right-radius:0px; border-bottom-right-radius:0px; }
.ad_reply .text { color:#FF0000; font-size:16px; line-height:100%; /* background-color:#FFFFCC; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; */ }
.text::-webkit-scrollbar { width:16px; height:0 }
.text::-webkit-scrollbar { background-image:url(../images/scroll_more.gif); background-position:50% 50%; background-repeat:no-repeat }
.text::-webkit-scrollbar-button { display:none; width:16px; height:11px; background-color:#F1F1F1 }
.ad_reply .text::-webkit-scrollbar { background-image:url(../images/scroll_more_re.gif) }
.text::-webkit-scrollbar-thumb { background:none }
.text::-webkit-scrollbar-track { background:none }
.text::-webkit-scrollbar-track-piece:vertical:start { background:none }
.text::-webkit-scrollbar-track-piece:vertical:end { background:none }
.text:hover::-webkit-scrollbar-thumb { background:#858585; border:5px #F1F1F1 solid; border-radius:16px; -o-border-radius:16px; -ms-border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px }
.text:hover::-webkit-scrollbar-track { background:#F1F1F1 }
.text:hover::-webkit-scrollbar-button { display:inline; background-repeat:no-repeat }
.text:hover::-webkit-scrollbar-button:decrement { background-image:url(../images/triangle_start.gif); background-position:center 100% }
.text:hover::-webkit-scrollbar-button:increment { background-image:url(../images/triangle_end.gif); background-position:center 0 }
@media screen and (orientation:portrait) and (max-device-width:600px),screen and (orientation:landscape) and (max-device-width:800px) {
	.text:hover::-webkit-scrollbar-button { display:none }
	.text:hover::-webkit-scrollbar-thumb { border-top:none; border-bottom:none; border-left:6px #FFFFFF solid; border-right:6px #FFFFFF solid; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px }
	.text:hover::-webkit-scrollbar-track { background:#FFFFFF }
	.text:hover::-webkit-scrollbar-track-piece:vertical:start { background:#F8E8E8; border-top:none; border-bottom:none; border-left:6px #FFFFFF solid; border-right:6px #FFFFFF solid; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px }
	.text:hover::-webkit-scrollbar-track-piece:vertical:end { background:#E8F3F8; border-top:none; border-bottom:none; border-left:6px #FFFFFF solid; border-right:6px #FFFFFF solid; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px }
}
fieldset { padding:12px; color:#996600; font-weight:bold; border:1px #CCCCCC solid; margin-bottom:12px; }
#replydiv { margin:12px; zoom:1; }
#replydiv:after { content:""; clear:both; display:block; height:1px; overflow:hidden; }
.textarea_box { width:100%; text-align:left; }
#foot { padding:12px; clear:both; text-align:center; font-size:81.25%; line-height:150%; color:#999999; background-color:#EEEEEE }
.send2 { letter-spacing:5px; padding-left:15px; padding-right:10px; border:none }
.redword { color:#FF5500 }
.redbg { font-weight:bold; background-color:#FF9966 }
.redbg a { color:#FFFFFF }
.yellowbg { background-color:#FFCC66 }
.yellowbg a { color:#FFFFFF }
.approved { color:#996600; background-color:#FFFFCC; border:1px #666633 dotted; padding:0 12px; height:38px; line-height:36px; text-align:center; display:inline-block; *display:inline; *zoom:1; vertical-align:middle }
.approved a { background-color:#D8D8D8; padding:3px 5px; color:#996600; font-size:75%; line-height:normal; font-weight:bold; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px }
.warning { color:#FF6600; font-weight:bold; background-color:#FFFF00; padding:15px; text-align:center }
noscript { margin:0; position:fixed; bottom:0; left:0; width:100% }
#submit_safe { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; }
#submit_safe_in { position:fixed; top:0; left:0; z-index:912; width:100%; height:100%; background-color:#CCCCCC; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
#submit_safe_in2 { position:fixed; top:0; left:0; z-index:913; width:100%; height:100%; text-align:center }
#submit_safe_in2 #submit_safe_in22 { max-width:600px; background-color:#FFFFCC; border:3px #666633 solid; padding:10px 30px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#imcodediv { white-space:nowrap; clear:both; }
#imcodediv span { white-space:nowrap; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
input#subject, input#imcode, textarea#content { font-size:112.50%; }
#subarea { padding:12px; text-align:center; display:-webkit-flex; display:flex; flex-wrap:wrap; -o-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; -moz-flex-direction:row; justify-content:space-around; -o-justify-content:space-around; -ms-justify-content:space-around; -webkit-justify-content:space-around; -moz-justify-content:space-around; }
#subarea label { font-size:100%; text-align:center; background-color:#FFFFFF; border:2px #666633 dotted; color:#666633; padding:10px 20px; border-radius:12px; -o-border-radius:12px; -ms-border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; }
#subarea label input { display:none }
#subarea label#is { background-color:#FFFFCC; font-weight:bold; }
.rounded { margin-bottom:15px; }
.texts { padding:30px; }
/*
@media screen and (orientation:portrait) and (max-device-width:600px) {}
*/
@media (max-width:600px) {
	.rounded { margin-bottom:8px; }
	.texts { padding:12px; }
	#subarea label { padding:15px; }
	#subarea label span { writing-mode:vertical-rl; writing-mode:tb-rl; -ms-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; }
}