* {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'th_k2d_july8';
    src: url('../images/webfonts/th_k2d_july8-webfont.eot');
    src: url('../images/webfonts/th_k2d_july8-webfont.eot?#iefix') format('embedded-opentype'),
        url('../images/webfonts/th_k2d_july8-webfont.woff') format('woff'),
        url('../images/webfonts/th_k2d_july8-webfont.ttf') format('truetype'),
        url('../images/webfonts/th_k2d_july8-webfont.svg#th_k2d_july8') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: #FFFFFF;
    background: url("../images/blue_bg.jpg") repeat scroll 0 0 #E2E9ED;
    color: #454545;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 20px;
    min-width: 900px;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
}
#page {
    background: url("../images//bg_world.jpg") no-repeat scroll 50% 0 transparent;
}
a:hover,a:active,a:focus {
    outline: 0;
}
.container {
    width:980px;
    min-height: 400px;
    margin:0 auto;
    margin-top:0px;
    background-color: #fff;
    border: 1px solid #dddddd;
}
#header{
    position: relative;
}
.clear {
    clear: both;
}
#content{

}
.wrapper{
    padding:20px;
}
.center{
    text-align: center;
}
.right{
    /*text-align: right;*/
}
span.required{
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#ff2d2d;
}
#topmenu{
    margin: 0;
    padding: 0;
    /*border-top: 3px solid #C9E0ED;*/
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;

    background: -moz-linear-gradient(top,  #454545 0%, #3a3a3a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #454545 0%,#3a3a3a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #454545 0%,#3a3a3a 100%); /* W3C */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */
    background: #454545 url('../images/header-bg.png');
}
#topmenu .userprofile {
    padding-right: 0;
    font-size: 12px;
    padding:10px
}
#topmenu .userprofile a.style{
    color: #F0F0F0;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}
#topmenu .userprofile a.style:hover{
    color: #f2f200;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}

.navbar .nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
}
.navbar .nav > li > a {
    padding: 7px 12px;
}
.navbar .nav a.brand {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    padding-left:20px;
}
.navbar .nav a.brand:hover {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    color: #fff;
}

#footer{
    margin: 0;
    padding: 0;
    background-color: #363636;
    border-top:4px solid #000000;
    min-height: 100px;
}
#footer .footer-content{
    padding: 20px 10px;
    font-size:18px;
    font-family: 'th_k2d_july8';
    text-align: center;
    color:#d9d980;
}
.shortcutHomeParent{
    text-align:center;
    display: block;
}
.shortcutHome a{
    display: inline-block;
    margin: 5px 10px 20px 0px;
}
.shortcutHome a{
    *display: inline;
    *margin: 0 20px;
}
.shortcutHome a:hover{
    color: #fffff2;
    text-decoration: none;
}
.shortcutHome a:hover{
    opacity: 0.6;
    color: #5b5b5b;
}
.shortcutHome a.ban-findbook{
    background: url(../images/ban_findbook.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.shortcutHome a.ban-vdo{
    background: url(../images/ban_findvdo.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.shortcutHome a.ban-journal{
    background: url(../images/ban_findjournal.gif) no-repeat;
    width: 238px;
    height: 120px;
}
.promo {
    margin: 20px;
}
.promo .pcol-left {
    float: left;
    text-align: center;
    width: 38%;
}
.promo .pcol-right {
    float: right;
    width: 58%;
}
.promo .pbox {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 4px #888888;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 10px 0;
    max-height: 250px;
    min-height: 90px;
    padding: 25px;
}

.promo a, .promo a:visited, .promo a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.promo img {
    max-width: 70px;
    width: 70px;
}
.promo .rcolor {
    background: none repeat scroll 0 0 #FF5D5E;
    color: #FFFFFF;
}
.promo a:hover .rcolor {
    background-color: #ff2d2d
}
.promo .bcolor {
    background: none repeat scroll 0 0 #5EB2D9;
    color: #FFFFFF;
}
.promo a:hover .bcolor {
    background-color: #2b86b3
}
.promo .gcolor {
    background: none repeat scroll 0 0 #54DA4D;
    color: #FFFFFF;
}
.promo a:hover .gcolor {
    background-color: #28a222
}
.promo .pmed {
    font-family: 'th_k2d_july8';
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
}
.promo .psmall {
    font-family: 'th_k2d_july8';
    font-size: 20px;
    line-height: 20px;
}

.title-block{
    margin-top:20px;
    color:#ffffff;
    background: url('../images/header-bg.png');
    /*border-top: 2px solid #363636;*/
}

.title-block01{
    background-color: #67a7cd;
    height:34px;
    text-align: center;
    padding-top:2px;
    background: #67a7cd url('../images/header-bg.png');
}
.title-block01-1{
    font-size: 34px;
    font-family: "th_k2d_july8";
    background-color: #8fbeda;
    height:34px;
    position: relative;
    background: #8fbeda url('../images/header-bg.png');
}

.title-block02{
    background-color: #ff7a22;
    height:34px;
    text-align: center;
    padding-top:2px;
    background: #ff7a22 url('../images/header-bg.png');
}
.title-block02-1{
    font-size: 34px;
    font-family: "th_k2d_july8";
    background-color: #f0b179;
    height:34px;
    position: relative;
    background: #f0b179 url('../images/header-bg.png');
}

.well-light{
    box-shadow: none;
    border-radius: 0px;
}
.ft-intro-title{
    font-size:14px;
    font-weight: bold;
    color: #363636;
}

/*ตัดคำให้แสดงแค่ 1 บรรทัด*/
.text-oneline{
    white-space: nowrap;
    overflow: hidden;
}

.label.nolink a{
    color:#ffffff;
    font-weight: normal;
    text-decoration: none;
}

.label.nolink a:hover{
    color:#ffff80;
}

.article-title {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding-top: 15px;
}
.writted {
    color: #8C8C8C;
    font-size: 90%;
}
.article-detail {
    padding-top: 8px;
}

.hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D6D6D6 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
}

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

.blogindex li a:link, .blogindex li a:visited {
    display: block;
    font-size: 14px;
    padding: 0.4em 0 0.4em 0.5em;
    text-decoration: none;
    border-bottom: 1px solid #f3f3f3
}
.blogindex li a:hover {
    background-color: #F4F4FB;
    color: #FF8000;
}

.totop {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 104400;
}
.totop a:hover{
    background-color: #33779b;
    color: #fff;
    text-decoration: none;
}

.totop a, .totop a:visited{
    background-color: #5aa3c9;
}

.totop a, .totop a:visited {
    color: #FFFFFF;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}