@charset "utf-8";
/*
 * CSS DOCUMENT
 * 
 * $Id: template.css 1.0.0 2013-05-28 07:22:13 Piyabut Chumchuen $
 * @package	    {PROJECT} 
 * @subpackage	cpks
 * @version     1.0.0
 * @description 
 * @copyright	  Copyright © 2013 - All rights reserved.
 * @license		  GNU General Public License v2.0
 * @author		  Piyabut Chumchuen
 * @author mail	choomcheen_11@hotmail.com
 * @website		  cpks.co.th
 *
 * CODE GENERATED BY: ALEXEY GORDEYEV IK CODE GENERATOR
 * HTTP://WWW.AGJOOMLA.COM/
 *
 *
 */

/*****   YOUR CODE HERE   *****/

@font-face {
    /* font-family: 'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    src: url('../font-kanda-modern/psl162sp_0-webfont.eot');
    src: url('../font-kanda-modern/psl162sp_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font-kanda-modern/psl162sp_0-webfont.woff') format('woff'),
        url('../font-kanda-modern/psl162sp_0-webfont.ttf') format('truetype'),
        url('../font-kanda-modern/psl162sp_0-webfont.svg#psl_kanda_modern_extraspRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    /*font-family:'BrowalliaUPC';*/
    font-family:BrowalliaUPC;
    src:url(../font/browau.ttf),
        url(../font/browau-webfont.eot),
        url(../font/browau-webfont.svg),
        url(../font/browau-webfont.woff);
}
body{
    background-image:url(../images/bg.png);

    background-repeat: no-repeat;
    background-position:center top;	
    background-color:#011138;
    /*font-family:'DiTC_Md_Rg';*/
    /*font-family:Calibri;*/
    font-family:BrowalliaUPC;
    font-size: 20px;
}
#header{
    /*background-image:url(../../../images/bg_head_2.png);*/
    background-image:url(../../../images/bg_head3.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:167px;
    margin:auto;
    min-width:1024px;
    margin-top:-18px;
}
.moduletable_logo{
    float:left;
    position:relative;
    left:50px;
}
#left{
    float:left;
    /*width:250px;*/
    width:auto;
    height:280px;
    position:absolute;
    z-index:999;
}
#left .active{ width:auto;}
#left li a{
    /*font-family:Calibri;*/
    font-family:BrowalliaUPC;
    font-size:25px;
    font-weight:900;
    /*font-weight:normal;*/
}
#left [class^='moduletable_Slide']{
    margin-top:42px;
    width:210px;
}
img{
    border:0px;
}
#stoke_component{
    width:1029px;
    height:572px;
    float:right;
    background-image:url(../../../images/banner_in_b.png);
    background-repeat:no-repeat;
}
#component{
    width:550px;
    max-height:565px;
    padding-left:255px;
    overflow: hidden;
}
#component  div[class^='item-page']>h2>a{
    float:left;
    color: #FFD811;
    /* font-family: 'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    font-size: 30px;
    font-style: italic;
    vertical-align: bottom;
    text-decoration:none;
}

#footer{
    clear:both;
    height:94px;
    background-image:url(../images/bg_head_5.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    margin-top:45px;	
}
#footer_in{
    width:1024px;
    margin:auto;
    padding-top:20px;
}
#content_footer{
    margin-top:30px;
    color:#FFF;
    font-size:22px;
}
#content_footer a{
    color:#FFF;
    text-decoration:none;
}
#right{
    float:right;
    /*margin-top:-280px;*/
}
#right1{
    background-image:url(../../../images/banner.png);
    background-repeat:no-repeat;
    width:982px;
    height:372px;	
}
#right2{
    clear:both;
    background-image:url(../../../images/contact.png);
    background-repeat:no-repeat;
    width:982px;
    height:210px;
    margin-top:-18px; 
}
#center{
    width:1024px; 
    height:570px;
    margin:auto;
    overflow:hidden; 
    clear:both; 
    z-index:9 !important;  	/*---annclub -> z-index:999; ---*/
    position:relative;
} 

#fname_newsletter{
    margin-left:50px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#036;
    border: 1px solid #003366;
    width:210px;
}
#femail_newsletter{
    margin-left:30px;
    margin-bottom:10px;
    background-color:#036;
    border: 1px solid #003366;
    width:210px;
}
#bt_newsletter{
    margin-left:10px;
    cursor:pointer;
}

.moduletable_maphome{
    width:752px;
    height:155px;
    margin-left:75px;
    padding-top:50px;
}
.pagination li{
    float:left;
    list-style:none;
    margin:5px;
    color:#999;
}
.pagination li a{
    color:#FFF;
    text-decoration:none;
}
.map_left{
    float:left;
}
#contact_home{
    float:right;
    margin-right:90px;
    color:#39C;
    font-size:15px;
}
.contact_l1{
    margin-left:40px;
}
.contact_l2{
    margin-left:30px;
}
.contact_l3{
    margin-left:20px;
}
.contact_l4{
    margin-left:10px;
}
/*
.map_right{
        float:right;
}
#map_home{
        position:relative;
        z-index:1;
}
#block_left{
        position:relative;
        z-index:999;
        left:60px;
}
#block_right{
        position:relative;
        z-index:999;
        right:60px;
}*/
#img_blog{
    float:left;
    margin-left:-174px;
}
.content_blog{
    float: left;
    margin-left:20px;
    width:380px;
    font-size:16px;
    min-height:98px;
}
.text_blog{
    color:#FFF;
}
.content_blog .title a{
    color:#09F;
    text-decoration:none;
}
div.content_blog:not(:last-child){
    border-bottom:1px dashed #006699;
}
#div_blog_cpk{
    min-height:130px;
}
/*.blog_News_Articles{
        margin-left:38px;
}*/
.blog_News_Articles .pagination{ z-index:99999;}
.in_header{
    width:1024px;
    height:168px;
    margin:auto;
}
.moduletable_falang{
    float:right;
    position:relative;
    top:55px;
    /*left:-50px;*/
}
.moduletable_falang li{
    float:left;
    list-style:none;
    margin:5px;
}
.moduletable_mainmenu_home_en  li,
.moduletable_mainmenu_home_th li,
.moduletable_mainmenu_en li,
.moduletable_mainmenu_th li{
    float:left;
    list-style:none;
    cursor:pointer;
}
.moduletable_mainmenu_en2 li,
.moduletable_mainmenu_th2 li,
.moduletable_Slide_ProduceService li,
.moduletable_Slide_NewsArticles li,
.moduletable_contact li{
    float:left;
    /*list-style:inside url(../images/icon45.png);*/
    list-style:none;
}
div.moduletable_mainmenu_en2 ul li,
div.moduletable_mainmenu_th2 ul li,
div.moduletable_Slide_ProduceService ul li,
div.moduletable_Slide_NewsArticles ul li,
div.moduletable_contact ul li{	
    padding:8px;
    margin-left:20px;
}
div.moduletable_mainmenu_en2 ul li a,
div.moduletable_mainmenu_th2 ul li a,
div.moduletable_Slide_ProduceService ul li a,
div.moduletable_Slide_NewsArticles ul li a,
div.moduletable_contact ul li a{
    /*font-family:Calibri;*/
    font-family:BrowalliaUPC;
    font-style:italic;
    font-weight:bold;
    font-size:24px;
    color:#666666;
    text-decoration:none;
}
div.moduletable_mainmenu_en2 ul li a:hover,
div.moduletable_mainmenu_en2 ul li.active a,
div.moduletable_mainmenu_th2 ul li a:hover,
div.moduletable_mainmenu_th2 ul li.active a,
div.moduletable_Slide_ProduceService ul li a:hover,
div.moduletable_Slide_ProduceService ul li.active a,
div.moduletable_Slide_NewsArticles ul li a:hover,
div.moduletable_Slide_NewsArticles ul li.active a,
div.moduletable_contact ul li.active a,
div.moduletable_contact ul li a:hover{
    color:#ce0300;
}
div.moduletable_Slide_home ul li,
div.moduletable_Slide_AboutUs ul li{
    text-align:right;
}
div.moduletable_Slide_home ul li a,
div.moduletable_Slide_AboutUs ul li a{
    color:#FFD811;
}
div.moduletable_Slide_home ul li a:hover,
div.moduletable_Slide_AboutUs ul li a:hover{
    color:#FFFFFF;
}


/*div.moduletable_Slide_home li.item-101{margin-left:82px;}*/
div.moduletable_Slide_home li.item-112{margin-right:10px;}
div.moduletable_Slide_home li.item-108{margin-right:22px;}
div.moduletable_Slide_home li.item-110{margin-right:34px;}
div.moduletable_Slide_home li.item-111{margin-right:50px;}
div.moduletable_Slide_home li.active a.contact_menu{margin-right:20px;}
#menu_seach{ padding-top:3px;}
div.moduletable_Slide_AboutUs li.item-137{}
div.moduletable_Slide_AboutUs li.item-138{margin-right:10px;}
div.moduletable_Slide_AboutUs li.item-139{margin-right:22px;}
div.moduletable_Slide_ProduceService li.item-141{margin-right:10px;}
div.moduletable_Slide_NewsArticles li.item-132{margin-right:10px;}

.moduletable_mainmenu_home_en,
.moduletable_mainmenu_home_th,
.moduletable_mainmenu_home_en2,
.moduletable_mainmenu_home_th2{
    position:relative;
    top:120px;
    left:280px;

}
.moduletable_mainmenu_en,
.moduletable_mainmenu_th,
.moduletable_mainmenu_en2,
.moduletable_mainmenu_th2,
.moduletable_Slide_ProduceService,
.moduletable_Slide_NewsArticles,
.moduletable_contact{
    position:relative;
    top:120px;
    left:280px;
}
.moduletable_contact_form #table_contact{
    color:#FFF;
    font-size:18px;
}
.moduletable_contact_form input ,.moduletable_contact_form textarea{
    width:300px;
}
.moduletable_contact_form textarea{
    height:40px;
    overflow:hidden;
}
.moduletable_contact_form input ,.moduletable_contact_form textarea {
    background-color:#003366;
    border:1px solid #003366;
}
a[href='http://www.faboba.com']{
    display:none !important;
}
#button_contact{
    cursor:pointer;
}
.moduletable_contact_map{
    margin-left:-100px;
}

#header_map{
    margin-left:-100px;
    position:relative;
    top:-30px;
}
#layout_img{
    width:174px;
    height:99px;
    background-image:url(../../../images/layout_img.png);
    background-repeat:no-repeat;
    float:left;
    position:relative;
    z-index:999;
}
.finder{
    color:#FFF;
}
span.highlight{
    color:#FFF;
    background-color: #03C !important;
}
.search-pages-counter{
    display:none;
}
.word{
    border:0px;
}
.item-page_News_knowledge>h2>a ,.item-page_News_Articles>h2>a ,.item-page_show_product>h2{
    color:#FFF;
    font-size:18px;
    text-decoration:none;
}
.item-page_News_knowledge .overlay ,.item-page_News_Articles .overlay{
    display:none;
}
.moduletable_contact_map{
    margin-top:-30px;
}
.moduletable_Slide_home li,
.moduletable_Slide_AboutUs li{
    list-style:none;
}
.moduletable_Slide_home a,
.moduletable_Slide_AboutUs a,
.moduletable_Slide_ProduceService a{
    text-decoration:none;
}
.moduletable_Slide_home li.active a,
.moduletable_Slide_AboutUs li.active a,
.moduletable_Slide_ProduceService li.active a{
    color: #FFF;
}
#div_blog_product{
    overflow:hidden;
    margin-bottom:20px;
}
#div_blog_product>div{ 
    float:left;
}
#div_blog_product .title{
    text-align:center;
    margin-top:10px;
    padding-top:10px;
    clear:both;
}
#div_blog_product .title a,
div.category-list_glass_bead td.list-title a{
    color:#0099FF;
    text-decoration:none;
}
#div_blog_product{
    padding-left:20px;
}
.categories-list_Product li a{
    /*font-family:'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    text-decoration:none;
    font-size:22px;
    color:#FFD811;
}
.moduletable_news_slide_show{
    height:145px;
    margin-top:-10px;
}
.moduletable_news_slide_show >div:first-child{
    margin-left:95px;
}
.moduletable_news_slide_show .slides_container{
    margin-top:-40px;
}

.subheading-category-product,
.subheading-category{
    /*font-family:'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    font-size:30px;
    color:#FFD811;
    vertical-align:bottom;
    float:left;
    font-style:italic;
}
div#img_title{
    height:33px;
    width:auto;
    max-width:307px;
    overflow:hidden;
    background-image:url(../../../images/title_img.png);
    background-repeat:no-repeat;
    background-size: 100%;
    background-position:bottom center;
}
.moduletable_bannerlink{
    margin-left:64px;
}

#btcontentslider124 .bt_handles {
    right: 5px !important;
    top: 0px !important;
}
.item-page_Product a{
    text-decoration:none;
    line-height: 1em;
    text-transform:uppercase;
}
div.contact_us_div{
    height:400px;
    overflow:auto;
    margin-top:15px;
}
div.spu_content h2{
    color:#FFD811;
}
div.item-page_glass_bead a,
div.item-page_othere a{
    color:#FFD811;
    text-decoration:none;
}
div.item-page_glass_bead a:hover,
div.item-page_othere a:hover{
    color:#FFFFFF;
}
div.item-page_glass_bead a:before,
div.item-page_othere a:before{
    content: "• ";
}
div[id^='product_popup_']{	 
    display: none;
}
div[id^='product_popup_'] h2{
    color:#FFD811;
    /*font-family:'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    margin-top:0;
}
div.fancybox-inner div{ 
    padding:50px;
    background-color: #102248;
    width: 600px; 	
}
div.fancybox-inner p{ margin:0; }
div.item-page_contact_us a,
div.item-page_work_with_us a{
    color:#009900;
    text-decoration:none;
}
.search-results a{
    color:#009900;
    text-decoration:none;
}
div#map_center small{
    color:#FFFFFF;
}
div#map_center a{
    color:#009900 !important;
    text-decoration:none;
}
div.item-page_Product table tbody tr.bg_img td{	
    background:url(../images/box_img.png) no-repeat;
    padding-top:10px;
    height:110px;
}
div.item-page_Product table tbody tr td span em a img{
    max-width:89px;
    max-height:98px;
}
div.other_product{
    height:500px;
    overflow:auto;
    padding-bottom:30px;
}
div.other_product h2{
    color:#FFD811;
    /*font-family:'DiTC_Md_Rg';*/
    font-family:BrowalliaUPC;
    border-bottom:solid 2px #900;
    width:500px;
    margin:0;
    text-transform:uppercase;
}
div.moduletable_contact_form input,
div.moduletable_contact_form textarea {
    color:#FFFFFF;
}
div.item-page_Product ul{
    color:#FFFF00;
}
div.item-page_Product ul li h3{
    margin:0;
}
div.item-page_Product div#article-index{
    /*width:120px;*/	
    width:140px;
    font-size:16px;
    position:absolute;
    margin-left:555px;
    margin-top:-14px;
    border:dotted 1px #CCC;
    border-radius:10px;
    padding:10px;
}
div.item-page_Product div#article-index ul{
    color:#FFFFFF;
    padding:0;
    margin:0;
    list-style:inside;
}
div.item-page_Product div#article-index ul li:hover{ background:#FFCC00; border-radius:10px;}
div.item-page_Product div#article-index ul li:hover a{color:#990000;}
div.item-page_Product div#article-index ul li:first-child,
div.item-page_Product div#article-index ul li:last-child{
    display:none;
}
div.pagenavcounter{
    display:none;
}
div.item-page_Product div.pagination ul li:first-child{
    float:left;
}
div.item-page_Product div.pagination ul li:nth-child(2){
    float:right;
}
/*sun edit*/
.moduletable_Slide_home ul.menu_frontpage{
    padding:0px;
}
td{
    line-height:0.8em;
    font-size:20px;
}	
.item-page_Product{
    margin-left:-15px;
    width:550px;
}	
#contact{
    float:left;
    /*margin-left:1125px;*/
    width:100%;
    height:50px;
    z-index:-1;
    position:relative;
    margin-top:-220px;
}
#contact2{
    margin-left:1300px;
    width:200px;
    /*width:425px;*/
    height:50px;
    /*	width:90%;
            
            text-align:right;*/
    /*background:#9F0;*/

}
@media screen and (max-width: 1500px){
    #contact2{
        margin-left:95%;
    }
}
@media screen and (max-width: 900px){
    #contact2{
        margin-left:110%;
    }
}
#contact2 p{
    text-shadow: 2px 2px 2px #000000;  
    font-family:Arial;
    font-weight:600;
    line-height:1em;
    margin-bottom:0px;
    margin-top:0px;
    font-size:0.9em;
    font-style:italic;
    color:#d30707;
}
#contact2 p:first-of-type{ font-size:0.9em; color:#FFF; margin-bottom:10px;}					
.moduletable_Slide_NewsArticles ul li a::before,
.moduletable_mainmenu_en2 ul li a::before,
.moduletable_mainmenu_th2 ul li a::before,
.moduletable_Slide_ProduceService ul li a::before,
.moduletable_contact ul li a::before
{ float:left; width:10px; content:" "; background:url('../images/icon45.png'); background-repeat:no-repeat; margin-top:12px;    height:10px;}
/*sun edit*/

/*pick edit*/
.moduletable_mainmenu_home_en #menu_news img {padding-top: 11px; padding-left: 30px;}
.moduletable_mainmenu_home_en #menu_faq img {padding-top: 11px; padding-left: 35px;}
.moduletable_mainmenu_home_en #menu_seach img {padding-left: 34px; padding-top: 3px;}

/*---------Start ann 12/1/59---------*/
div.moduletable_footer_ditc div.custom_footer_ditc{
    font-weight: bold;  
    letter-spacing: 0.5px;
}
/*--------------End ann---------------*/

.item-page_News_knowledge .scrollflowy{
    overflow-y: auto;
    height: 300px;
}

.item-page_News_knowledge p{
    color: #FFFFFF;
}

/*
body{
    background:none;
}
body .wrapper{
    background:url("../images/bg.png") top center no-repeat,#000;
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;  IE6-9 
    filter: grayscale(100%);
}*/