@charset "windows-874";
/* กำหนดสี background หรือ รูป background บน */
html { background:url(../images/bg.jpg) repeat center; background-color:#242424; height: auto; }

/* กำหนดสี background หรือ รูป background ล่าง */
body{ font:13px/1.5 Tahoma,'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; background:url(../images/bg_top.jpg) no-repeat center top; height:100%;}

.main { }
/* กำหนด color link ตัวอักษรทั้งหมด ของเว็บ */
a { text-decoration: none; color:#fff; }
/* กำหนด color link hover ตัวอักษรทั้งหมด ของเว็บ */
a:hover { text-decoration: none; }
#wrapper { width: 1000px; margin: 0 auto; border:0; background:none;}

/* กำหนดค่า height topbar*/
#top-bar { background:url(../images/top_bar.png) no-repeat center top; height: 39px; clear: both; position: relative; padding:5px 0 0 8px;}
#top-bar a{ color:#fff;}
#top-bar a:hover { color:#FC0; text-decoration:none; }
#top-bar label { float:left; display:block; width:50px; padding: 2px; text-align:center; font-weight:bold; line-height:15px; color:#000;}    
#top-bar input, select { float:left; display:block; padding:2px; margin-right:10px; font-size:13px !important; }
#top-bar input[type=submit] { line-height:8px !important; height:24px; background:#000; color:#fff; border-radius:4px; text-shadow:none; width:60px; }
/* กำหนดค่า height รูป header*/
#header { height: 343px; clear: both; position: relative; background:url(../images/header.png) no-repeat center bottom;}
/* หากมีรูปโลโก้ ให้ใส่คำสั่ง background:url(../images/ชื่อโลโก้.นามสกุลโลโก้) no-repeat; width:ค่าความกว้างของโลโก้; height:ค่าความสูงของโลโก้; */
#header h1 { margin: 0; position: absolute; left: 60px; top: 80px; }
/* กำหนด color ข้อความ logo */
#header h1 a { color:#fff; }
/* กำหนด color hover ข้อความ logo */
#header h1 a:hover { text-decoration:none; color:#c60202; }
/* กำหนด background เมนู */
#main-navigator { padding: 0; background:url(../images/nav_bar.png) no-repeat center top; border:0; height:40px; }
/* กำหนดระยะบนล่างของตัวหนังสือ เมนู */
#main-navigator ul { display: block; margin-top:6px; padding: 0px; text-align: left; float:left; width:95%; }
#main-navigator ul ul { padding:0; }
#main-navigator li li { padding:0 !important; }
#main-navigator ul li { display: inline-block; padding: 4px 0; font-weight:bold; }
/* กำหนด background icon เมนู */
#main-navigator ul li.icon { padding:0 15px 0 23px; margin:0; background:url(../images/icon.png) no-repeat top left;  }
/*กำหนด color เมนู*/
#main-navigator ul li a { color:#fff; text-shadow:none; }
/*กำหนด color hover เมนู*/
#main-navigator ul li a:hover { text-decoration: none; color:#fff799; }

/* เมนูหลักด้านบน */
#main-navigator li li a img { margin:0 5px 0 5px}
#main-navigator li li a { background:#9c0101; color:#fff !important; text-align:left;}
#main-navigator li li a:hover { background:#c60202; color:#FC0 !important; }
.sfHover ul { border:#000 1px solid !important; border-bottom:0 !important; box-shadow:none !important; margin-top:0px !important;}
.sfHover ul li { border-bottom:#000 1px solid !important; }
.sf-sub-indicator { right:-1em; margin-top: 1px;}
/*a > .sf-sub-indicator { text-indent:9999px !important; }*/

/* ครอบเมนูซ้ายทั้งหมด */
.sidebar_top { background:url(../images/sidebar_top.jpg) no-repeat left top; height:13px; }
.sidebar { background:url(../images/sidebar_middle.png) repeat-y left top; width: 190px !important; margin:0; padding:0; float: left; border:0;}
.sidebar_bottom { background:url(../images/sidebar_bottom.jpg) no-repeat left bottom; height:13px;}

/* กำหนด background center block ซ้าย */
.widget { background:url(../images/widget_footer.png) no-repeat left bottom ; color:#FFF; padding-bottom:11px; /*margin:0 0 4px 0;*/ }
/* กำหนด background footer block ซ้าย */
.widget .container { background:url(../images/widget_bg.png) repeat-y left top; padding:10px 0;}
/* กำหนด background title block ซ้าย */
.widget h4.title { background:url(../images/widget_title.png) no-repeat top left; font-size: 1.1em; display:block; text-align:left; color:#fff; border:0; height:42px; line-height:33px; margin:0; padding:0 0 0 50px;}
/*กำหนด color text สำหรับ block ซ้ายทั้งหมด*/
.widget ul { margin:0; padding:0 10px; color:#fff; }
/* กำหนด color text สำหรับ block ซ้ายทั้งหมด*/
.widget p { margin:0; color:#fff; padding: 0 0 0 20px;}
.widget p:first-child {}
.widget ul ul { margin:0; padding:0;}
.widget ul li { list-style: none; display: block; margin:0; }

/*กำหนด color link สำหรับ block ซ้ายทั้งหมด*/
.widget ul li a { display: block; margin-left: 23px; color:#fff; }
/*กำหนด color link hover สำหรับ block ซ้ายทั้งหมด*/
.widget ul li a:hover { text-decoration: none; color:#FC0; }

/*stat*/
/* กรณีมี background แตกต่างจากอันอื่น */
.widget.stat { background:none; margin:0; padding:0;}
.widget.stat .container { background:url(../images/box_1_bg.png) no-repeat top left;}
.widget.stat h4.title { background:url(../images/box_1_title.png) no-repeat left top;}
.widget.stat ul li label { text-align: left; float: left; color:#000;}
.widget.stat ul li { margin: 0 0 0 0; padding: 0 5px 0 5px; text-align: right; clear: both; color:#000; line-height:18px;}

/*กำหนด color ข้อมูล stat*/
.widget.shoppingcart .container { padding-bottom:10px;}
.widget.shoppingcart ul {padding: 0 20px 0 20px; }
/*.widget.stat ul li,*/ .widget.shoppingcart ul li {text-align: right; clear: both; color:#fff;  }
.widget.shoppingcart ul li label { text-align: left; float: left; color:#fff; }

.widget.default { padding: 5px 0 0 0; margin:0; }
.widget.default .container { text-align: center; }
.widget.link_image ul li { list-style: none; display: block; margin: 0; padding: 0 0 0 10px; }
.widget.link_image ul li a { margin: 0; }

/*.widget.members {}
.widget.members .container { background:url(../images/box_2_bg.jpg) no-repeat bottom left; height:227px;}
.widget.members .container h4.title { background:url(../images/box_2_title.jpg) no-repeat left top; }*/

.widget.members label { width: 44%; display: block; float: left; padding-left:0px; color:#fff;}
.widget.members .member-forgot-pwd, .widget.members .member-signin { display: block; float: left;}*/
.widget.members .member-forgot-pwd { margin-right: 10px; }
.widget.members .member-signin { padding-left: 10px;}

/* widget poll */
.widget.poll label { color:#fff; }
.widget.poll label.poll-answer-name { display: block; float: left; width: 40%; color:#fff; }
.widget.poll textarea { width: 150px; height: 45px; background:#fff; }
.widget.poll input[type=text] { width: 105px; margin: 0; }
.widget.poll input[type=radio] { display: block; float: left; margin-right: 10px; }
/*widget productsearch*/ /* กำหนดค่า width */
.widget.productsearch input[type=text] { margin-bottom: 5px; }
.widget.productsearch select { display: block; margin-bottom: 10px; }
.widget.productsearch br { display: none; }
/*widget newsletter*/ /*กำหนดค่า width*/
.widget.newsletter {}
.widget.newsletter .container {}
.widget.newsletter .container h4.title {}
.widget.newsletter input[type=text] { width: 154px !important; margin: 0; }
/* กำหนดค่า color */
.widget.newsletter label { color:#fff; } 
/* footer */ /* เปลี่ยน background กับ height ปรับตัวหนังสือบนล่าง ค่า padding */
#footer { text-align: center; background:url(../images/bg_bottom.jpg) no-repeat top center; height:40px; padding:0; overflow: hidden; font-size: 0.9em; clear: both;  border:0;}
#footer ul { display: block; }
#footer ul li { display: inline-block; margin: 0 15px; }
 /* กำหนด color */
#footer p { color:#fff; font-size:0.8em; }
/* กำหนด color */
#footer a { font-weight:bold; color:#fef562; } 
/*กำหนด color เมื่อ hover */
#footer a:hover { text-decoration: none; color:#fe4973; } 
#foot-navigation { margin:20px 0 5px 0; }

/* เฉพาะช่อง input ด้านซ้าย โดยเปลี่ยนค่า  width */
.sidebar input[type=text], .sidebar input[type=password] { color:#352547; padding:2px !important; width:45% !important; background:#fff; }
.sidebar input[type=submit], .sidebar input[type=reset] { width:75px; line-height:13px; height: 26px;}

.block-content { border:1px dotted #fff; height:auto;}

/* สี Title article, webboard, product + hover */
.module-header h3.module-title a { margin: 0 0 0 30px; text-align:center; display:block;}
.module-header h3.module-title a { color:#fff; }
.module-header h3.module-title a:hover { color:#fef562;  text-decoration:underline; }

/* ดูทั้งหมด  กำหนดระยะห่างจากด้านขวา*/
a.module-readmore span { margin: 0 30px 0 0; padding: 0 0 0 0; color: #fff; text-decoration:none;}

/* สีหัวข้อ  */
.block-content h4.entry-title a { color:#ff0000; }
.block-content h4.entry-title a:hover { text-decoration:underline;  color:#fef562;}
/* สีวันที่ */
.block-content .entry-meta span { color:#fff; }
/* สีข้อความ */
.block-content .entry-content { }
/* สีข้อความอ่านต่อ */
.block-content .entry-utility { }
.block-content.block-list { margin-right:10px !important; }

 รูป title (block สร้างเอง)  
.module-header { background:url(../images/content_title.png) no-repeat top center; }
/*.module-header span.title_left { background:url(../images/content_title_left.jpg) no-repeat top left; }
.module-header span.title_left span.title_right { background:url(../images/content_title_right.jpg) no-repeat top right; }*/

/* ความกว้าง content */
#content {margin:0; padding:0; float:left; color:#fff;}
#content.small { width:600px; padding:10px; }
#content.medium { width:800px; padding:10px 0 10px 10px; }
#content.full { width:1000px; padding:10px 0; }

/* กำหนดความสูง-กว้าง ของ title ทุกอัน */
#content.small .module-header { text-align:left; background:url(../images/header_small.png) no-repeat top left; width:100%; height:100%;}
#content.medium .module-header {text-align:left; background:url(../images/header_medium.png) no-repeat top left; width:100%; height:100%;}
#content.medium .block-half .module-header {text-align:left; background:url(../images/header_block-half.png) no-repeat top left; width:100%; height:100%;}
#content.full .module-header { text-align:left; background:url(../images/header_full.png) no-repeat top left; width:100%; height:100%;}

/*รูป background content */
/*#content.small .module-content-header { background:url(../images/content_header_small.jpg) no-repeat top left; height:17px; }
#content.small .module-content { background:url(../images/content_bg_small.jpg) repeat-y top left; padding:0 0 0 10px; height:100%; overflow:hidden; }
#content.small .module-content-footer { background:url(../images/content_footer_small.jpg) no-repeat bottom left; height:17px; }*/

/*รูป background content 
#content.medium .module-content-header { }
#content.medium .module-content { background:url(../images/content_bg.jpg) repeat-y top center; padding:0 0 0 10px; height:100%; overflow:hidden; }
#content.medium .module-content-footer { background:url(../images/content_footer.jpg) no-repeat bottom center; height:17px; }*/

/*รูป background content */
/*#content.full .module-content-header { background:url(../images/content_header_full.jpg) no-repeat top left; height:17px; }
#content.full .module-content { background:url(../images/content_bg_full.jpg) repeat-y top left; padding:0 0 0 10px; height:100%; overflow:hidden; }
#content.full .module-content-footer { background:url(../images/content_footer_full.jpg) no-repeat bottom left; height:17px; }*/
.module-content-intro { overflow:hidden; }

#content.small .module-content-intro { background:url(../images/intro_small.png) no-repeat left top; width:100%; height:230px; margin-bottom: 10px;}
#content.medium .module-content-intro { background:url(../images/intro_medium.png) no-repeat left top; width:100%; height:230px; margin-bottom: 10px;}
#content.full .module-content-intro { background:url(../images/intro_full.png) no-repeat left top; width:100%; height:230px; margin-bottom: 10px;}

#content.small .content-padding-intro { padding:7px 50px 20px 180px; }
#content.small .content-padding-intro h3.module-title { padding-left:80px; margin-bottom:40px; }
#content.medium .content-padding-intro { padding:7px 50px 40px 300px; }
#content.medium .content-padding-intro h3.module-title { padding-left:50px; margin-bottom:40px; }
#content.full .content-padding-intro { padding:7px 50px 40px 310px; }
#content.full .content-padding-intro h3.module-title { padding-left:60px; margin-bottom:40px; }

.module-title {}
.module-title a { color:#fff;}
.module-content-intro p { color:#fff; }
/* border แบ่งแต่ละ block */
hr.endline { border:0; margin:0; }
/*สีของคำว่า อ่านต่อ*/
.entry-utility .entry-readmore { color:#fef562;}

/* webboard */
table.forum-table-topic-list tr { border:1px solid #c00; }
table.forum-table-topic-list tr th { background:#c00; color:#fff; }
.entry-title a, .entry-full-title a, table.forum-table .forum-detail .forum-room-name a, table.forum-table-topic-list .forum-topic-name a, .topic-title, table.forum-table-post .member-name { color:#c00; }
.language { display:inline-block; float:right; margin-top:5px; margin-right:5px; width:4%; }

#footer { height:inherit; }
#footer p { height:inherit; overflow:inherit; }