/* 
    Document   : custom
    Created on : Aug 19, 2013, 2:46:38 PM
    Author     : kae
    Description:
        Purpose of the stylesheet follows.
*/

@charset "utf-8";

/*@font-face {
    font-family: ThaiSansLite;
    font-style: normal;
    src: url('../font/thaisanslite_r1.otf');
}

@font-face {
    font-family: ThaiSansLite;
    font-style: normal;
    src: url('../font/thaisanslite_r1.ttf');
}*/

/** Paging **/
.paging_counter{ text-align: center; }
.paging {
    text-align: center;
}
.paging .current,
.paging .disabled,
.paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block
}
.paging > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
}
.paging > span:hover {
    background: #efefef;
}
.paging .prev {
    border-left: 1px #ccc solid;
}
.paging .next {

}
.paging .disabled {
    color: #ddd;
}
.paging .disabled:hover {
    background: transparent;
}
.paging .current {
    background: #efefef;
    color: #c73e14;
}

body{ background-color: #ffffff; font-size: 16px; background-color: #f5f5f5; }
.showborder{ border: 1px red solid; }
.clear{ clear: both; }
a{ color: #212121; }
a:hover{ color: #727608; }

h1,h2,h3,h4{ }

.top-bar{ width: 100%; height: 30px; background-color: #3d3c3a; }

.header{ background: url('/img/header-bg.jpg') repeat-x; padding: 50px 30px; }

.header .logo{ height: 50px; float: left; }

/*Nav Default*/
.navbar-desktop{ height: 50px; float: right; }
.navbar-desktop ul{ margin: 0px; padding: 0px; }
.navbar-desktop ul li{ width: 100px; float: left; list-style: none; line-height: 50px; text-align: center; background: url('/img/menu-top-bg.jpg') repeat-x; border-right: 1px #d2d0cc solid; }
.navbar-desktop ul li:first-child{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.navbar-desktop ul li:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.navbar-desktop ul li.active{ background: url('/img/menu-top-active-bg.jpg') repeat-x; }
.navbar-desktop ul li div{ padding: 0px 16px; }
.navbar-desktop ul li div a{ color: #868482; font-size: 12px; text-transform: uppercase; }

.navbar-desktop ul li:hover .lev1{ display: block; background-color: #c21b63; }
.navbar-desktop ul li .lev1{ position: absolute; z-index: 999; display: none; width: 230px; margin-left: -60px; border: 0px; box-shadow: 2px 2px 10px #565555; }
.navbar-desktop ul li .lev1 li{ float: none; padding: 5px 0px 5px 0px; text-align:left; width: 100%; height: auto; line-height:30px; white-space: nowrap; border: 0px; border-radius: 0px; }
.navbar-desktop ul li .lev1 li:hover{ background: none; background-color: #cccccc; }
.navbar-desktop ul li .lev1 li a{ font-size: 12px; color: #868482; }

/*Nav Mobile*/
.navbar-mobile{ display: none; height: 40px; line-height: 50px; }
.navbar-mobile .icon{ text-align: right; }
.navbar-mobile .icon img{ cursor: pointer; margin-left: 5px; }
.navbar-mobile .menu{ background-color: #fff; width: 100%; position: relative; display: none; z-index: 9999; margin-top: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 2px 2px 10px #565555; }
.navbar-mobile .menu ul{ margin: 0px; padding: 0px; }
.navbar-mobile .menu ul li{ list-style: none; background: url('/img/menu-top-bg.jpg') repeat-x; }
.navbar-mobile .menu ul li div:hover{ background: none; background-color: #cccccc; }
.navbar-mobile .menu ul li .item{ border-bottom: 1px #ccc solid; padding-left: 40px; }
.navbar-mobile .menu ul li .icon{ background: url('/img/icons/icon-arrow.png') left center no-repeat; padding-left: 25px; }
.navbar-mobile .menu ul li .lev1 { margin: 0px; padding: 0px; }
.navbar-mobile .menu ul li .lev1 li .item{ padding-left: 60px; }

.sidebar-menu-type{ padding: 0px; margin: 0px;}
.sidebar-menu-type li{ list-style: none; background-color: #0f92e7; padding: 5px 10px 5px 15px; margin-bottom: 5px; border-radius: 3px; box-shadow: 2px 2px 10px #88898a; }
.sidebar-menu-type li a{ color: #fff; text-decoration: none; }
.sidebar-menu-type li:hover a{ font-weight: bold; color: #f5a907; }
.sidebar-menu-type li.active{ background-color: #0f7dc4; }
.sidebar-menu-type li.active a{ color: #fff; font-weight: bold; color: #f5a907; } 

.inner-block{ background-color: #fff; display: inline-block; width: 100%; }
.page-title{ padding: 0px 0px 0px 0px; margin: 0px; text-shadow: 2px 2px 8px #acadae; color: #000; }

.btn{ width: 100%; height: 43px; border-radius: 5px; line-height: 30px; }
.btn-01{ background: url('/img/btn-bg-01.jpg') repeat-x; }

.frm-search{  }
.frm-search input[type="text"]{ font-size: 14px; background-color: transparent; border: 0px; border-bottom: 1px #acadae solid; margin-top: 2px; padding: 2px; width: 130px; color: #ccc; }
.frm-search input[type="submit"]{ display: none; }

.default-block1 .first img{ height: 150px; }

.social-icon-facebook{ padding: 30px 45px 0px 0px; background: url('/img/icons/social-icon-grey.png') 0px -85px; }
.social-icon-youtube{ padding: 30px 45px 0px 0px; background: url('/img/icons/social-icon-grey.png') -49px -135px; }

/*.social-icon-facebook{ float: left; width: 45px; height: 45px; background: url('/img/icons/social-icon-grey.png') 0px -85px; }
.social-icon-youtube{ float: left; width: 45px; height: 45px; background: url('/img/icons/social-icon-grey.png') -49px -135px; }*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}