/* 
    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-family: "kwamsookregular"; font-size: 16px; background: url('/img/bg01.jpg'); }
.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; }

/*Nav Default*/
.navbar-desktop{ background-color: #ffa02c; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 50px; }
.navbar-desktop ul{ margin: 0px; padding: 0px; }
.navbar-desktop ul li{ float: left; list-style: none; line-height: 50px; text-align: center; border-right: 1px #ffa83b solid; }
.navbar-desktop ul li.active{ background: url('/img/header-menu/menu-active.jpg') repeat-x; }
.navbar-desktop ul li div{ padding: 0px 17px; }
.navbar-desktop ul li div a{ color: #fff; font-size: 15px; }

/*Nav Mobile*/
.navbar-mobile{ display: none; background-color: #ffa02c; height: 40px; line-height: 50px; }
.navbar-mobile img{ cursor: pointer; margin-left: 5px; }
.navbar-mobile .menu{ background-color: #fff; width: 100%; position: relative; display: none; z-index: 9999; border-bottom: 5px #ffa02c solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.navbar-mobile .menu ul{ margin: 0px; padding-left: 20px; }
.navbar-mobile .menu ul li{ list-style: none; background: url('/img/icons/bullet-01.jpg') left center no-repeat; padding-left: 25px; }

.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; }

.network-list{ margin: 0px; padding: 0px; }
.network-list li{ list-style: none; border-bottom: 1px #ccc solid; padding: 7px 0px 7px 20px; background: url('/img/icons/bullet-01.jpg') left center no-repeat; }
.network-list li a{ font-size: 14px; }

.infomation-list{ margin: 0px; padding: 0px; }
.infomation-list li{ list-style: none; border-bottom: 1px #ccc solid; padding: 7px 0px 7px 20px; background: url('/img/icons/bullet-01.jpg') left center no-repeat; }
.infomation-list li a{ font-size: 14px; }

.links-list{ margin: 0px; padding: 0px; }
.links-list li{ list-style: none; border-bottom: 1px #ccc solid; padding: 7px 0px 7px 20px; background: url('/img/icons/bullet-01.jpg') left center no-repeat; }
.links-list li a{ font-size: 14px; }

.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; }

.alcohol-calculate input[name="alcohol_calculate"]{ border-radius: 10px; width: 55%; padding: 0px 10px; font-size: 16px; }
.alcohol-calculate .result{ width: 270px; height: 200px; margin: 0px auto; overflow: hidden; display: none; }
.alcohol-calculate .result img{ width: 100%; height: 200px; }
.alcohol-calculate .result .text{ position: absolute; }
.alcohol-calculate .result ul{ padding-top: 17px; }
.alcohol-calculate .result ul li{ list-style: none; color: #fff; text-shadow: 2px 2px 8px #ccc; }
.alcohol-calculate .result div{ font-size: 14px; }

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