/* Css Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 12px; font-family: Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background:#eff0f2; }
ol, ul {list-style: none;}
table {border-collapse: separate;}
img { border:0; }
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: “”;}
blockquote, q {quotes: “” “”;}
body,p,td,th,ul,li{ color: #000; font-family: Tahoma, Sans-Serif; font-size: 12px; line-height: 15px; padding: 0; margin:0; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
/* End Css Reset */
/* -------------------------------- Link มาตรฐาน -------------------------------- */
a { font:12px Tahoma; color:black; text-decoration:none; }
a:hover { font:12px Tahoma; color:black; text-decoration:underline; }
/* ------------------------ ส่วนควบคุมความกว้าง 820px ------------------------ */
#warpper { margin: 0 auto; width: 820px; background:white; }
/* ------------------------------- ส่วน Wrap สีเทา ------------------------------- */
.wrapgrey { width:820px; margin:0; padding:0; height:7px; font-size:1px; background:#eff0f2; }
/* .wrapgrey { float:left; width: 820px; margin:0; padding:0; height:7px; font-size:1px; background: #eff0f2; } */
/* ------------------------------- ส่วน Wrap สีขาว ------------------------------- */
.wrapwhite { margin:0; padding:0; height:7px; font-size:1px; background:#fff; }
/* -------------------------------- ส่วน Header -------------------------------- */
.header { background:url(../img/head_bg_nologo.jpg) no-repeat; padding:0; margin:0; height:102px; }
.header #logo { float:left; padding:23px 0 0 34px; }
.header #slogan { float:left; padding:55px 0 0 45px; }
img.login { float:right; padding:70px 50px 0 0; }
/* -------------------------------- ส่วน Menu -------------------------------- */
.subHeader { width:820px; height:195px; border-Bottom:1px solid #e5e5e5; position:relative }
#menu { float:left; width:165px; position:absolute; }
#menu ul { margin:0; list-style:none; }
#menu ul li { background:#ffffff url(../img/arrow.gif) left no-repeat; border-Bottom:1px solid #e5e5e5; line-height:27px; }
/* #menu ul li { background:#ffffff url(../img/arrow2.gif) left no-repeat; line-height:28px; } */
#menu ul li a { font:12px Tahoma; font-weight:bold; color:#146092; text-decoration:none; padding-left:30px; }
#menu ul li a:hover { font:12px Tahoma; font-weight:bold; color:#e56d1b; text-decoration:none; padding-left:30px; }
/* -------------------------------- ส่วน News -------------------------------- */
#news { float:right; width:171px; background:; }
p.news { font:11px Tahoma; font-weight:bold; color:#146092; padding:9px 0 9px 8px; }
p.news a { font:11px Tahoma; font-weight:bold; color:#146092; line-height:12px; }
p.news a:hover, { font:11px Tahoma; font-weight:bold; color:#e56d1b; line-height:12px; }
#line_news img { padding:0; margin:0 auto; }
/* -------------------------------- ส่วน Member -------------------------------- */
#memberForm { float:right; width:175px; background:url(../img/bg_member.gif); }
#memberForm .tab { padding: 0 0 0 9px; font:11px Tahoma; color:#6b6d6b; }
#memberForm ul { padding:3px 0 0 40px; list-style:none; }
#memberForm ul li { background:#ffffff url(../img/arrow_login.gif) left no-repeat; line-height:15px; }
#memberForm ul li a { font:10px Tahoma; color:#146092; text-decoration:none; padding-left:15px; }
#memberForm ul li a:hover { font:10px Tahoma; color:#e56d1b; text-decoration:none; padding-left:15px; }
form { padding:11px 0 0 21px; }
input.txt { margin: 0 0 2px 0; font:11px Tahoma; color:#146092; border:1px solid #c6c3c6; width:132px; height:15px; }
input.submit { float:right; margin:10px 18px 0 0; font:11px Tahoma; color:#146092; background-color:#eff3f7; border:1px solid #c6c3c6; width:52px; }
/* -------------------------------- ส่วน Banner -------------------------------- */
#banner { float:left; top:-28px; left:177px; position:absolute; padding:2px; border: 1px solid #e6e6e6; background:#ffffff; z-index:10; }
/* ---------------------------- ส่วนควบคุม Mainbody ---------------------------- */
/* #mainbody { float:left; width: 820px; height:100px; background:red; } */
#mainbody { width:820px; height:760px; border-top:1px solid #dde1e4; border-bottom:0px solid #dde1e4; text-align:left; }
/* ---------------------------- ส่วนควบคุม กล่องใหญ่ด้านซ้าย ---------------------------- */
#mainbody #lcol { float:left; width:205px; display:inline; margin:0; padding:10px 0 0 0; }
/* ---------------------------- ส่วนควบคุม กล่องเล็กด้านซ้าย ---------------------------- */
#sidebarLeft { width:190px; padding:0; margin:0px 0px 6px 8px; }
#sidebarLeft #head { background:url(../img/tab_head.gif) no-repeat; height:48px; }
#sidebarLeft #middle { background:url(../img/tab_middle.gif) repeat-y; height:99px; padding: 8px 0 0 0; }
#sidebarLeft #middle2 { background:url(../img/tab_middle.gif) repeat-y; height:495px; padding: 0px 0 10px 0; }
#sidebarLeft #middle3 { background:url(../img/tab_middle.gif) repeat-y; height:185px; padding: 0px 0 10px 0; }
#sidebarLeft #bottom { background:url(../img/tab_bottom.gif) no-repeat; height:22px; }
p.middle2 { text-align:left; padding:0 5px 0 15px; }
p.head_promo { text-align:center; font:12px Tahoma; font-weight:bold; color:#006dbe; line-height:14px; }
p.promo { text-align:left; font-size:11px; line-height:14px; padding:0 0 0 25px; margin:0; }
#promotion { padding:10px 0 8px 0; }
#line_left img { margin-top:20px; }
#sidebarLeft #middle ul { list-style:none; margin:0 auto;}
#sidebarLeft #middle ul li { padding:4px 0 0 0; margin-left:5px; background:url(../img/icon_menu.gif) no-repeat; }
#sidebarLeft #middle ul li a { font:11px Tahoma; color:#146092; text-decoration:none; margin-left:44px;}
#sidebarLeft #middle ul li a:hover { color:#e56d1b; }
/* ---------------------------- ส่วนควบคุม กล่องใหญ่ตรงกลาง ---------------------------- */
#ccol { float:left; width:607px; display:inline; padding:10px 0 0 0; }
/* ---------------------------- ส่วนควบคุม กล่องเล็กตรงกลาง ---------------------------- */
/* ส่วนเนื้อหา คอลัมน์ตรงกลาง*/
#sidebarCenter { width: 607px; padding: 0; margin-bottom: 10px; }
#sidebarCenter #head { background:url(../img/tab_center_head.gif) no-repeat; height:48px; }
#sidebarCenter #middle { background:url(../img/tab_center_middle.gif) repeat-y; }
#mainbodyref #middle { background:url(../img/tab_center_middle_ref.gif) repeat-y; }
img.welcome { float:left; margin:13px 20px 13px 24px; }
p.welcomemsg { text-indent:25px; padding:14px 20px 0 0; }
#sidebarCenter #width_events { width:373px; float:left; position:relative; }
p.view { position:absolute; left:320px; margin-top:25px; }
p.view a { font:11px Tahoma; color:red; text-decoration:none; }
p.view a:hover { font:11px Tahoma; color:#035c98; text-decoration:none; }
#sidebarCenter #tab_events { background:url(../img/topic/events_topic.gif) no-repeat; margin:0 7px 0 10px; width:356px; height:43px; }
img.event_pic { float:left; padding:10px 10px 10px 16px; }
#pevent { padding-top:16px; }
p.event { line-height:15px; font-size:11px; }
.orange { font:11px Tahoma; color:#f26522; }
.blue { font:11px Tahoma; color:blue; }
#read { font-size:12px Tahoma; float:left; color:red; margin:0 0 5px 65px; }
#read a { color:red; text-decoration:none; }
#read a:hover { color:#035c98; text-decoration:underline; }
#line_center { width:336px; margin-left:20px; padding:0; height:1px; font-size:1px; }
#sidebarCenter #center_banner { border: 1px solid #efebef; width:222px; height:385px; float:left; }
img.center_banner_pic { float:left; padding:5px 5px 0 5px; }
#bottom { background:url(../img/tab_center_bottom.gif) no-repeat; height:22px; }
#mainbodyref #bottom { background:url(../img/tab_center_bottom_ref.gif) no-repeat; height:22px; }
#mainbodyref #head_ref { background:url(../img/topic/ref_topic.gif) no-repeat; height:48px; }
.noborder { border:none; }
/* ------------------------------------- ส่วน Clear ------------------------------------- */
.clearfloat { clear:both; }
/* ------------------------------------- ส่วน Footer ------------------------------------- */
#footer { height: 91px; background: #ffffff; border-top: 2px solid #dde1e4; padding: 10px 10px 0 34px; margin: 0px; }
#footer p { font: 11px Tahoma; color: #6b6c6e; line-height: 14px; }
#footer p #fontblack { font-weight: bold; color: #000000; line-height: 22px; }
#footer p #fontblue { font-weight: bold; color: #006dbe; line-height: 22px; }
#footer p a, #footer p a:visited { font-weight: bold; color: #006dbe; text-decoration: none; }
#footer p a:hover, #footer p a:active { font-weight: bold; color: #035c98; text-decoration: underline; }