@CHARSET "UTF-8";
/* CSS Document */
body{
    margin: 0;
    padding: 0;
    background: url(../images/bg_web.gif);
    color: #000000;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif; /*Trebuchet MS,*/
    /*background-color:#c1c8d0;*/
    
}
a:link, a:visited{
    text-decoration:none;
    color:#0b55c4;
}
a:hover, a:active{
    text-decoration:underline;
}
#header{
    background-image:url(../images/cms_banner.jpg); height:150px
}
#content{
    padding:20px 10px 10px 20px;
    background: #ffffff;
}
.main-table{
    border-collapse: collapse;
    border:1px solid #c1c8d0;
}
.bg-left {
    background-image:url(../images/bg_left.gif);
    background-position:right top;
    background-repeat:repeat-y;
}
.bg-right {
    background-image:url(../images/bg_right.gif);
    background-repeat:repeat-y;
}
.bg_nav_bottom{
    margin:0px;
    background: #dfdfdf url(../images/bc_bg.png) repeat-x scroll left top;
    border-top:1px solid #cfcdcb;
    border-bottom:1px solid #cfcdcb;
}
/* ---------------------- Blueslate nav ---------------------- */
.blue{
    margin-top: -38px;
    position:absolute;
}
.blue #slatenav{position:relative;display:block;height:38px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:14px 14px 0 14px;height:24px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- left menu ---------------------- */
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 11px Helvetica, Verdana, Arial, sans-serif;line-height:22px;width:150px;}
ul.vert-one li{margin:0;padding:0px;border-bottom:1px solid #FFFFFF;line-height:28px}
ul.vert-one li a:link, ul.vert-one li a:visited{display:block;text-decoration:none;color:#666666;background:#F0F0F0;padding:0 0 0 10px;width:140px;}
ul.vert-one li a:hover{background:#006999; color:#FFFFFF}
/* ---------------------- end left menu ------------------ */



.curve {
padding: 10px;
background-color: #efeff8;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
}
.curve h3{
    font-size:1.2em;
    color:#006999;
}
.corner {
/*border:1px solid red;*/
padding: 10px;
background-color: #efeff8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.corner_bottom{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}

.blog_content{
    border:1px solid #cbcbcb;
    padding:10px;
    -webkit-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}

.blog_news_head{
    background-image:url(../images/blog-news.gif);
    background-repeat:no-repeat;
    line-height:49px;
    background-repeat:no-repeat;
}
.blog_article_head{
    background-image:url(../images/blog-article.gif);
    background-repeat:no-repeat;
    line-height:49px;
    background-repeat:no-repeat;
}
.blog_faq_head{
    background-image:url(../images/blog-faq.gif);
    background-repeat:no-repeat;
    line-height:49px;
    background-repeat:no-repeat;
}
.blog_introbook_head{
    background-image:url(../images/blog-introbook.gif);
    background-repeat:no-repeat;
    line-height:49px;
    background-repeat:no-repeat;
}

/* CSS For NewIndex and ArticleIndex */

.blogindex ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blogindex li {
  padding-left:1.0em;
  background: url("../images/arrow1.gif") left no-repeat;
}

.blogindex li a:link, .blogindex li a:visited  {
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  color: #484848;
  text-decoration: none;
}

.blogindex li a:hover {
  background-color: #f4f4fb;
  color: #ff8000;
}

* html .blogindex li a {

}

.boxsmallpic{
    border:5px solid #d1e2ed;
    float:left;
}
.boxcontentpic{
    margin-left:10px;
    float:left;
    line-height:2.0;
}
.boxpic{
    border:5px solid #d1e2ed;
}
.boxcontentpic a:link, .boxcontentpic a:visited  {
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  color: #484848;
  text-decoration: none;
}
.boxcontentpic a:hover {
  color: #0080c0;
}
.clr{
    clear:both;
}
#pagination a, #pagination strong {
    background: #e3e3e3;
    padding: 4px 7px;
    text-decoration: none;
    border: 1px solid #cac9c9;
    color: #292929;
    font-size: 13px;
}

#pagination strong, #pagination a:hover {
    font-weight: normal;
    background: #cac9c9;
}

/*
datatable: ใช้สำหรับ Table เพื่อแสดง list ข้อมูลแบบ grid
*/
.head{
    background: #dfdfdf url(../images/gray-grad.png)  repeat-x scroll left top;
}
.datatable{
    width: 100%;
    border: 1px solid #c9c9c9;
    border-collapse: collapse;
}
.datatable tr{
    border: 1px solid #eaeaea;
}
.datatable td, .datatable th{
    border: 1px solid #c9c9c9;
}
.datatable2 td{
    border: 1px solid #c9c9c9;
}
.datatable tr.head, .datatable2 tr.head{
    background: #dfdfdf url(../images/gray-grad.png)  repeat-x scroll left top;
}
.datatable th{
    font-weight: bold;
    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
    color: #5a5a5a;
    background: #dfdfdf url(../images/gray-grad.png) repeat-x scroll left top;
}
.datatable2 th{
    border: 1px solid #c9c9c9;
}
.datatable th.head{
    color: #006697;
}
.datatable tr.altrow, .datatable2 tr.altrow{
    background-color: #f9f9f9;
}
.datatable tr:hover,.datatable tr.hilite
, .datatable2 tr:hover,.datatable2 tr.hilite{
    background-color: #ffffa8;
    color: #000000;
}
/*รูปแบบ colum 1 */
.col1{
    background-color:#f2f2f2;
}
.col2{
    background-color:#fbfbfd;
}
a.ban-findbook{
    display:block;
    background: url(../images/ban_findbook.gif) no-repeat;
    width: 238px;
    height: 120px;
}
/*------ Start Book -----*/
a:hover.ban-findbook,a:hover.ban-findbook-enable{
    display:block;
    background: url(../images/ban_findbook.gif) no-repeat 0px -119px;
    width: 238px;
    height: 120px;
}
a.ban-findbook-enable{
    display:block;
    background: url(../images/ban_findbook.gif) no-repeat 0px -238px;
    width: 238px;
    height: 120px;
}
/*------ End Book -------*/
/*------ Start Vdo -----*/
a.ban-findvdo{
    display:block;
    background: url(../images/ban_findvdo.gif) no-repeat;
    width: 238px;
    height: 120px;
}
a:hover.ban-findvdo,a:hover.ban-findvdo-enable{
    display:block;
    background: url(../images/ban_findvdo.gif) no-repeat 0px -119px;
    width: 238px;
    height: 120px;
}
a.ban-findvdo-enable{
    display:block;
    background: url(../images/ban_findvdo.gif) no-repeat 0px -238px;
    width: 238px;
    height: 120px;
}
/*------ End Vdo -------*/
/*------ Start Journal -------*/
a.ban-findjournal{
    display:block;
    background: url(../images/ban_findjournal.gif) no-repeat;
    width: 238px;
    height: 120px;
}
a:hover.ban-findjournal,a:hover.ban-findjournal-enable{
    display:block;
    background: url(../images/ban_findjournal.gif) no-repeat 0px -119px;
    width: 238px;
    height: 120px;
}
a.ban-findjournal-enable{
    display:block;
    background: url(../images/ban_findjournal.gif) no-repeat 0px -238px;
    width: 238px;
    height: 120px;
}
/*------ End Journal -------*/

.warning{
    display: block;
    border: 1px solid #cc0000;
    color: #333333;
    padding: 10px;
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url(../images/error.gif) no-repeat;
    background-color: #ffebe8;
    background-position: 5px
}