@font-face {
    font-family:'Kunlasatri';
    src: url('../font/Kunlasatri/Kunlasatri.ttf') format('truetype');
}
body{font-family:Kunlasatri, Geneva, sans-serif;font-size:22px;}




.div_main{ background-color:#FFF;border:0px solid #F00;}
.p_top20{ padding-top:20px;}
.p_top40{ padding-top:40px;}
.p_top100{ padding-top:100px;}
.m_top20{ margin:20px;}
.menu_top{ margin-left:5px;font-size:22px;font-weight:bold;padding-top:5px;letter-spacing: 1px;}

.menu_topright{float:right;font-size:22px;font-weight:bold;padding-top:10px;}
.magnifier{border:1px solid #000;bottom:25px;}
.text_header{ color:#5d6a99;font-size:60px;font-weight:bold;letter-spacing: 3px;line-height:55px;text-align:center;}

.text_header_sub{color:#959595;font-size:26px;font-weight:bold;}
.alert_true{color:#468847;background-color:#dff0d8;padding:10px;margin-bottom:15px;}
.alert_false{color:#b94a4d;background-color:#f2dede;padding:10px;margin-bottom:15px;}
.alert_remind{color:#c09853;background-color:#fcf8e3;padding:10px;margin-bottom:15px;}

.text_header_48{ font-size:48px;font-weight:bold;letter-spacing: 3px;line-height:55px;text-align:center;}
.text_header_48_b{font-size:48px;font-weight:bold;letter-spacing: 3px;line-height:55px;text-align:center;color:#5d6a99;}
.div_all_product{ border:1px solid #000;padding:0px 5px;width:142px;font-size:22px;margin-top:15px;}
.div_all_product > a{ color:#333;text-decoration:none; }
.cart,.br{ display:none;}
.text_header2{ font-size:30px;font-weight:bold;}
.text_call{color:#f68236;font-size:40px;font-weight:bold;}
.pro_img{ background-color:#FFFFFF;margin-top:15px;text-align:center;width:100%;margin-bottom:15px;}
.tb_cart_list td{ border-bottom:1px solid #e5e5e5;}
.td_cart_2{background-color:#f9f9f9;}
.pro_img_2{ background-color:#FFFFFF;margin-top:15px;text-align:center;width:90px;margin-bottom:15px;}
.text_header_email{font-size:54px;font-weight:bold;}
.input_mail{padding:4px 15px 6px 15px;font-size:22px;height:53px;}
.bn_send_mail{ padding:0px 10px;font-size:30px;border-radius:0px;background-color:#f68236;color:#FFF;border:1px solid #f68236;margin-top:-1px;margin-left:-6px;padding:4px 30px 5px 30px;}
.fontfooter{ font-size:18px;}
.betwixt_footer{ border-left:1px solid #eaeaea;padding-left:15px;height:165px;}
.div_font{font-size:66px;font-weight:bold;padding-top:15px;}
.font_pro_all,.font_pro_all:hover{ font-size:24px;text-decoration:underline;color:#6b6b6b;}
.text_name_pro{ text-align:center;font-size:22px;font-weight:bold;}
.text_name_ty_pro{ color:#707070;text-align:center;}
.div_type_pro_1{border:0px solid #F00;text-align:right;}
.div_type_pro_2{border:0px solid #F00;text-align:left;}
.select_type_pro{padding:5px;width:180px;border-bottom:1px solid #333;border-top:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;}
.div_img_right{width:164px;height:838px;border:0px solid #000;position:absolute;bottom:0px;right:0px;margin-bottom:30px;margin-right:30px;margin-top:30px;}
.div_img_right_s{width:164px;height:194px;border:1px solid #000;margin-top:15px;}
.div_img_right2{position:absolute;bottom:0px;}
.img_pro_small{cursor:pointer;height:192px;}
.img_nocopy
{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.text_sale
{
	border:0px solid #F00;height:40px;margin-top:-40px;position:relative;background-color:#F00;padding-top:5px; background: rgba(255, 0, 1, 0.7);
}
.text_sale_new
{
	border:0px solid #F00;height:40px;margin-top:-40px;position:relative;background-color:#F00;padding-top:5px; background: rgba(247, 148, 19, 0.8);
}
.text_sale_hi
{
	border:0px solid #F00;height:40px;margin-top:-40px;position:relative;background-color:#F00;padding-top:5px; background: rgba(0, 174, 239, 0.8);
}
.text_sale_good
{
	border:0px solid #F00;height:40px;margin-top:-40px;position:relative;background-color:#F00;padding-top:5px; background: rgba(141, 198, 63, 0.8);
}

.box_news_list{border-bottom:1px solid #e5e5e5;padding-top:10px;padding-bottom:10px;}
.news_list_title{margin-top:30px;}
.news_list_read{color:#f26522;margin-top:30px;text-decoration:none;}
@media (max-width:767px)
{
	.text_header,.menu_top,.text_header_email,.text_header_48_b,.text_header_48 {font-weight:normal;}
}
@media (max-width:991px)
{
	.div_img_right{width:auto;height:auto;border:0px solid #000;position: inherit !important;margin:0px;}
	.div_img_right_s{width:164px;height:194px;border:1px solid #000;margin-top:0px;float:left;margin:10px 8px 10px 0px;}
	.div_img_right2{position:inherit;bottom:0px;}
	.pro_img_2{width:100%;}
}
@media (max-width:767px)
{
	/*.div_img_right_s{margin:10px 5px 10px 0px;}*/
	.div_img_right_s{ border:0px;width:100%;float:none;height:auto !important;}
	.img_pro_small{width:100%;height:auto !important;border:0px solid #039;display:block;};
	.div_img_right2{position:inherit;height:auto;max-width:100%;}
	.display_web{ display:none;}
}
@media (max-width:757px)
{
	/*.div_img_right2{ width:350px;}*/
	/*.div_img_right_s{margin:10px 10px 10px 0px;}*/
}

@media (max-width:423px)
{
	/*.div_img_right_s{ float:none;}*/
	.div_img_right2{ width:100%;}
}
.text_header_pro{ color:#5d6a99;font-size:48px;font-weight:normal;letter-spacing: 3px;line-height:55px;text-align:center;}


.tb_com{display:inline;}
.tb_moblie,.div_moblie{ display:none;}
@media (max-width:767px)
{
	.tb_com{ display:none;}
	.tb_moblie,.div_moblie{ display:inline;}
}

.menu_cart{ width:480px;left:-305px;padding:0 5px;}
.menu_cart>li{ border-bottom:1px solid #e5e5e5;}
.list_cart{ padding:15px 20px 15px 20px;}
.img_cart{ /*background-color:#bbbbbb;*/width:57px;height:70px;border:1px solid #e5e5e5;float:left;}
.name_cart{ float:left;width:170px;padding-left:25px;font-size:22px;font-weight:bold;text-align: center;vertical-align: middle;line-height: 60px;}
.close_cart{ float:left;text-align:right;text-align: center;vertical-align: middle;line-height: 60px;padding:0 8px;cursor:pointer;}
.menu_cart2{ width:480px;padding:0 5px;position:relative;right:0px;cursor:pointer;}
@media (max-width:414px)
{
	.menu_cart2{ width:125%;padding:0 5px;position:relative;right:0px;}
	.list_cart{ padding:5px 5px}
	.img_cart{ /*background-color:#bbbbbb;*/width:50px;height:auto;border:1px solid #e5e5e5;float:left;}
	.name_cart{ float:left;width:36%;padding-left:10px;font-size:14px;font-weight:bold;text-align: center;vertical-align: middle;line-height: 60px;}
	.close_cart{ float:left;text-align:right;text-align: center;vertical-align: middle;line-height: 60px;padding:0 8px;}
}
@media (max-width:320px)
{
	.menu_cart2{ width:130%;}
	.name_cart{ width:32%;padding-left:0px;}
}
@media (max-width:240px)
{
	.menu_cart2{ width:150%;}
	.img_cart{ float:none;}
	.name_cart{ width:45%;padding-left:0px;}
	.close_cart{ padding:0 0px;}
}
/*.div_size{border:1px solid #959595;padding:0px 10px;width:30px;float:left;margin-right:8px;}
.div_size2{border:1px solid #959595;padding:0px 10px;width:45px;float:left;margin-right:8px;}*/
.bn_size{border:1px solid #959595;padding:0 10px;border-radius:0px;font-size:20px;margin-right:8px;}
.line{border-bottom:1px solid #e5e5e5;margin-top:60px;}

 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
@media (max-width:1199px)
{
	.img_res{display:block;max-width:100%;height:auto};
}
@media (max-width:990px)
{
	.img_res{ display:inline};
}
@media (max-width:990px)
{
	.div_type_pro_1{text-align:center;}
    .div_type_pro_2{text-align:center;}
}
@media (max-width:768px)
{
	.betwixt_footer{ border-left:0px solid #eaeaea;padding-left:0px;}
	.display_footer{ display:none;}
	.contact_on{ text-align:center;}
}
.navbar-inverse .navbar-nav > li.menu_login{ display:none;}
@media (max-width:765px)
{
	.navbar-collapse { background-color:#8d8d8d;width:98%;position:relative;top:-8px;}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#FFFFFF}
	.navbar-inverse .navbar-nav > li > a {color:#FFFFFF}
	.navbar-inverse .navbar-nav > li{ border-bottom:1px solid #898989}
	.li_one{ border-top:1px solid #a3a3a3;width:98%}
	.cart{position:absolute;right:70px;top:10px;display:inline;}
	
	/*.display_footer{ display:none;}
	.contact_on{ text-align:center;}*/
	.navbar-inverse .navbar-nav > li.menu_login{ display:inline;}
}

@media (max-width:764px)
{
	.menu_top{margin-left:0px;letter-spacing: 2px;}
	.menu_topright{float:left;margin-left:0px;display:none;}
	.magnifier{bottom:0px;}
}
@media (max-width:550px)
{
	.br{ display:inline;}
}
@media (max-width:414px)
{
	.div_font{font-size:46px;}
}
@media (max-width:320px)
{
	.cart{right:60px;}
	.div_font{font-size:36px;
}
@media (max-width:240px)
{
	.text_call{color:#f68236;font-size:28px;font-weight:bold;}
	.img_res{display:block;max-width:100%;height:auto};
	.input_mail{width:40%;}
	.bn_send_mail{padding:4px 10px 5px 10px;}
}