@charset "windows-874";
/* กำหนดสี background หรือ รูป background บน */
html { background:url(../images/bg.jpg) repeat center; background-color:#3b2014; 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%;}

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

/* กำหนดค่า height topbar*/
#top-bar { height: 32px; clear: both; position: relative; padding-top: 7px;}
#top-bar a{ color:#fff;}
#top-bar a:hover { color:#fe4973; 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: 341px; 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: 80px; top: 50px; }
/* กำหนด color ข้อความ logo */
#header h1 a { color:#3b281e; }
/* กำหนด color hover ข้อความ logo */
#header h1 a:hover { text-decoration:none; color:#8F5301; }
/* กำหนด background เมนู */
#main-navigator { padding: 0; background:url(../images/nav_bar.png) no-repeat center top; border:0; height:80px; }
/* กำหนดระยะบนล่างของตัวหนังสือ เมนู */
#main-navigator ul { display: block; margin-top: 15px; padding: 0px; text-align: center ;}
#main-navigator ul ul { padding:0; }
#main-navigator li li { padding:0 !important; }
#main-navigator ul li { display: inline-block; padding:0; margin:22px 15px 0 15px; font-weight:bold; }
/* กำหนด background icon เมนู */
#main-navigator ul li.icon { padding:20px 20px 0 60px; margin:0; height:49px; background:url(../images/icon.png) no-repeat top left;  }
#main-navigator ul li.icon ul { margin-top:15px !important; }
/*กำหนด 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:#fe95ae; color:#fff !important; text-align:left;}
#main-navigator li li a:hover { background:#fe4973; color:#fef562 !important; }
.sfHover ul { border:#7f2439 1px solid !important; border-bottom:0 !important; box-shadow:none !important; margin-top:0px !important;}
.sfHover ul li { border-bottom:#7f2439 1px solid !important; }
.sf-sub-indicator { right:-1em; margin-top: 3px;}
/*a > .sf-sub-indicator { text-indent:9999px !important; }*/

/* ครอบเมนูซ้ายทั้งหมด */
.sidebar { width: 199px !important; margin:0; padding:0; float: left; border:0;}

/* กำหนด background center block ซ้าย */
.widget { background:url(../images/widget_footer.png) no-repeat bottom; height:auto; padding-bottom:20px; }
/* กำหนด background footer block ซ้าย */
.widget .container { background:url(../images/widget_bg.png) repeat-y top; color:#FFF;  width:199px; }
/* กำหนด background title block ซ้าย */
.widget h4.title { background:url(../images/widget_title.png) no-repeat top; height:56px; font-size: 1.1em; margin:0; padding:0 0 0 46px; display:block; line-height:64px; text-align:left; color:#fe547c; border:0; }
/*กำหนด color text สำหรับ block ซ้ายทั้งหมด*/
.widget ul { margin: 0px; padding:10px 30px 10px 8px; color:#000; }
/* กำหนด color text สำหรับ block ซ้ายทั้งหมด*/
.widget p { margin:0; padding: 3px 30px 3px 12px; color:#000; }
.widget b { color:#000; }
.widget p:first-child { padding-top: 0px; }
.widget ul ul { margin: 0; padding: 0 0 0 10px; }
.widget ul li { margin: 0; padding: 0; list-style: none; display: block; }
/*กำหนด color link สำหรับ block ซ้ายทั้งหมด*/
.widget ul li a { display: block; margin-left: 23px; color:#000; }
/*กำหนด color link hover สำหรับ block ซ้ายทั้งหมด*/
.widget ul li a:hover { text-decoration: none; color:#973100; }

/*stat*/
/* กรณีมี background แตกต่างจากอันอื่น */
/*.widget.stat {}
.widget.stat .container { background:url(../images/box_1_bg.jpg) no-repeat bottom left; height:163px;}
.widget.stat .container h4.title { background:url(../images/box_1_title.jpg) no-repeat left top; }*/
/*height:56px; margin:0px; padding-left:20px; line-height: 25px;}*/

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

.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; }
.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:2px; color:#000;}
/*.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:#000; }
.widget.poll label.poll-answer-name { display: block; float: left; width: 40%; color:#000; }
.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] { width:148px !important; margin-bottom: 5px; }
.widget.productsearch select { width:148px !important; display: block; margin-bottom: 10px; }
.widget.productsearch br { display: none; }
/*widget newsletter*/ /*กำหนดค่า width*/
.widget.newsletter input[type=text] { width: 154px !important; margin: 0; }
/* กำหนดค่า color */
.widget.newsletter label { color:#000; } 
/* footer */ /* เปลี่ยน background กับ height ปรับตัวหนังสือบนล่าง ค่า padding */
#footer { text-align: center; height:15px; background:url(../images/bg_bottom.jpg) no-repeat center top; overflow: hidden; font-size: 0.9em; clear: both;  border:0;}
#footer ul li { display: inline-block; margin: 0 15px; }
 /* กำหนด color */
#footer p { color:#000; 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:10px 0;}


/* เฉพาะช่อง input ด้านซ้าย โดยเปลี่ยนค่า  width */
.sidebar input[type=text], .sidebar input[type=password] { color:#352547; padding:2px !important; width:44% !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 90px 0 0; padding: 0 0 0 0; color: #fff; text-decoration:none;}
/* สีหัวข้อ  */
.block-content h4.entry-title a { color:#fe4973; }
.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; }
 
.module-header { margin-bottom:10px; }
/*.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 { padding:0; margin:0; float:left;}
#content.small { width:600px; padding:0; }
#content.medium { width:800px; padding:0; }
#content.full { width:1000px; padding:0; }

/* กำหนดความสูง-กว้าง ของ title ทุกอัน */
#content.small .module-header { width:600px; padding: 9px 0 0 0; text-align:left; background:url(../images/content_title_small.png) no-repeat top left; }
#content.medium .module-header {width:800px; text-align:left; padding: 9px 0 0 0; background:url(../images/content_title_medium.png) no-repeat top left;}
#content.full .module-header { width:1000px; padding: 9px 0 0 0; text-align:left; background:url(../images/content_title_full.png) no-repeat top left; }

/*รูป 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-header { display:none; }
.module-content-footer { display:none; }

#content.small .module-content-intro { background:url(../images/content_bg_small.png) no-repeat; width:590px; height:401px;}
#content.medium .module-content-intro { background:url(../images/content_bg_medium.png) no-repeat; width:801px;  height:401px;}
#content.full .module-content-intro { background:url(../images/content_bg_full.png) no-repeat; width:1000px; height:401px;}

#content.small .content-padding-intro { padding:50px 130px 30px 232px; }
#content.medium .content-padding-intro { padding:50px 210px 30px 275px; }
#content.full .content-padding-intro { padding:50px 280px 30px 325px; }

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

/* webboard */
table.forum-table-topic-list tr { border:1px solid #fe4973; }
table.forum-table-topic-list tr th { background:#fe4973; 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:#fe4973; }
.language { display:inline-block; float:right; top:0; }

#customsearch_keyword, #customsearch_price { width:142px !important; }
table.calendar-area { width:80% !important; margin:10px 8px !important; }

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