/*Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
@font-face {
    font-family: 'OleoScript-Regular';
    src:url(../fonts/OleoScript-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto-Regular';
    src:url(../fonts/Roboto-Regular.ttf) format('truetype');
}

html,body{
	background: #fff;
	font-size: 100%;
	font-family: 'Roboto-Regular';
	background-color: #fff;
	/*  background-color: rgba(20, 20, 20, 0.1);เดือนตุลาคม */
	
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/*background ของ V*/
.bghome{
	background-image: url(../view/bg1.jpg);
}
.bg-hea{
	background-image: url(../view/body-bg.jpg);
}
#logov{
	background-image: url(../view/kuk_1.jpg);
	width: 100%;
}
#contv{
	background-image: url(../view/kuk.jpg);
	/* width: 100%; */
}
ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
/*----*/
.header-top{
	padding: 15px 0;
}
.header-top-v{
	border-bottom: 1px solid #2b3012;
	padding: 15px 0;
}
.header-left{
	margin-top: 4px;
}
.header-left ul li{
	display: inline-block;	
}
.header-left ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 1.1em;
	margin: 0 2em 0 0;
}
.header-left ul li a:hover{
	color:  #EF5F21; 
}
.head-top {
  padding: 1em 0 0;
}
.number {
  /* margin-top: 1%;  ของเดิม */
  position:fixed;top:0;left:10%;z-index:9;
}
.number span {
  color: #000;
  font-size: 1em;
}
/* start menu */
.h_menu4 {
  margin: -7px 0 0px;
}
.h_nav h4{
	border-bottom:1px solid rgb(236, 236, 236);
	font-size: .9em;/*เดิม 1.1em*/
	color:#000;
	line-height: 1.8em;
	margin-bottom: 4%;
	  text-align: left;
}
.h_nav h4.top{
	margin-top:1%;
}
.h_nav ul li{
	display: block;
}
.h_nav ul li a{
	  display: block;
  font-size: .9em;/*เดิม1em*/
  color: #7c7c7c;/* เดิม # B0B0B0*/
  text-transform: capitalize;
  line-height: 2em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: left;
}
/*ตาเวยเพิ่มเติม*h_nav ul li span เดิมไม่มี  หน้าเริ่มต้น*/
/*เดิมไม่มี  ,.h_nav a h4 ตาเวยเพิ่มเข้ามา  สินค้า สีหัวข้อเมนู dop down*/
.h_nav ul li h4,.h_nav a h4{
	border-bottom:1px solid rgb(236, 236, 236);
	font-size: .9em;/*เดิม 1.1em*/
	color:#0B7415;
	line-height: 1.8em;
	margin-bottom: 4%;
	  text-align: left;
}
/*เดิมไม่มี  ,.h_nav ul li a h4 ตาเวยเพิ่มเข้ามา สินค้า สีหัวข้อเมนู dop down */
.h_nav ul li a h4{
	color:#0B7415;
	font-size: 1em;
}
.h_nav ul li a:hover{
	color:#0066cc;
	text-decoration:underline;
}
/*--banner--*/
/*--header--*/
select.in-drop,select.in-drop1 {
	border: none;
	outline: 0;
	font-size: 0.9em;
	color: #000;
	background: none;
	width: 81%;
}
.world ul li {
	display: inline-block;
    margin: 0 2% 0 0;
}
select.in-drop1{
	width:100%;
}
.logo{
	text-align:center;
}
p.log{
	float:left;
	font-size: 1em;
	width: 50%;
	margin-top: 4%;
}
p.log a{
	color:#0066cc;
	text-decoration:none;
	margin: 0 5%;
	display: inline-block;
}
p.log a:hover{
	color:#000;
}
.search {
  text-align: right;
    margin-top: 1%;
}
i.glyphicon.glyphicon-search {
  color: #000;
  font-size: 1em;
}
.world {
  margin-top: 2%;
}
i.glyphicon.glyphicon-phone {
  margin: 0 4% 0 0;
}
/*--cart--*/
.itemContainer{
	width:100%;
	float:left;
}
.itemContainer div{
	float:left;
	margin: 5px 20px 5px 20px ;
}
.itemContainer a{
	text-decoration:none;
}
.cartHeaders{
	width:100%;
	float:left;
}
.cartHeaders div{
	float:left;
	margin: 5px 20px 5px 20px ;
}
.item_add {
  color: #000;
  border:none;
}	
a.item_add {
 text-decoration: none;
}		
.grid_1 img{
	margin-bottom:1em;
}
.box_1 h3{
  color: #000;
  font-size: 1em;
}
.box_1 h3 img{
	margin-left: 5px;
}
.box_1 p a{
  color: #B5B3B3;
  font-size: 0.77em;
}
.total {
  display: inline-block;
}
.cart.box_1{
	float: right;
	margin-top: 2px;
}
/*--- slider-css --*/
.slider {
	position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	background: #fff;
	border-radius:50px;
}
.callbacks_here a:after{
	background:#000;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14px;
	z-index: 999;
	left: 45%;
}
.banner{
	padding: 0.3em 0 0;
}
.banner-mat{
	padding: 0 ;
}

/*-- content --*/
.content-top h1{
	color:#000;
	font-size: 3em;
	font-family: 'OleoScript-Regular';
	text-align: center;
	margin: 0 0 1em;
}
.col-md1 img{
	margin: 0 auto;
}
.col-md1 h3 {
  	font-size: 1.2em;
  	line-height: 1.1em;
  	font-family: 'OleoScript-Regular';
  	text-align: center;
  	margin: 0 0 0.7em;
  	color: #000;
}
.col-md1 h3 a{
  	color: #000;/*สีชื่อสินค้า หน้าจอ desktopเดิม #000; #6C7B8B;*/
	font-size: 0.8em;
	text-decoration: none;
}
.col-md1 h3 a:hover{/*ตรงนี้ตาเวยเพิ่มเข้ามา*/
	color: #000;
	text-decoration: none;
}
/*--//ตาเวยเพิ่มเข้ามา  หน้าเริ่มต้น*/
.imgzoom-v {
	/*all คือการระบุเพื่องาน effect transition ทุกประเภท*/
 
 /*250ms คือ time delay ของ effect*/
	margin:0.5em 0 0.5em ;	
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	text-align:center;
}
 
.imgzoom-v:hover {
	/* border-radius: 4px; */
	transform: scale(1.3);
	-ms-transform: scale(1.1); /* IE 9 */
	-moz-transform: scale(1.1); /* Firefox */
	-webkit-transform: scale(1.1); /* Safari and Chrome */
	-o-transform: scale(1.1);
	
	
}
/*--ตาเวยเพิ่มเข้ามา*/
.price h5{/* ราคาสินค้า*/
	float: left;
	color:#000;
	font-size: 1em;/*ขนาดของ ราคา หน้าจอ desktop เดิม 1.5em;*/
	margin-top: 3px;
}
.price a ,.price-v-back a{/*ป้ายชื่อสินค้า   เดิมเป็นป้าย Add To Cart*/
    color: #fff;
    font-size: 0.7em;/*เดิม font-size: 0.9em;*/
	display: block;
	float: none;
	background-color:#337AB7;/*เดิม background-color: #0066cc;ถ้าเขียวก็ใช้#80adaa*/
	padding: 0.3em 0.6em;
	border-radius: 0 0 3px 3px;
	border-color: #2e6da4;
	text-decoration: none;
}
.price-v a {/*ป้ายชื่อสินค้า   เดิมเป็นป้าย Add To Cart*/
    color: #727272;
    font-size: 0.9em;/*เดิม font-size: 0.9em;*/
	display: block;
	float: none;
	background-color:#fff;   /*เดิม background-color: #0066cc;ถ้าเขียวก็ใช้#80adaa*/
	padding: 0.3em 0 0;
	/* border-radius: 0 0 3px 3px;
	border-color: #2e6da4; */
	text-decoration: none;
	
}
.price-v a:hover{
	color: #025EB9;
}
/*หน้าเริ่มต้น*/
.price1,.price1 p a{
	text-align:center; /*  ตัว col-md1-v คุม centerอยู่แล้ว */
	color:#0066cc;/* #317B75 */
	font-size:0.92em;
	margin:0.5em 0 0 0;
}
.price1 p a:hover{
	color:#317B75;/* #0066cc */
	text-decoration: none;
}
.price1 a:hover{
	text-decoration: none;
}
.price1 h5{
	color:#FF3333;
}
/*ปิดกลับหน้าที่แล้ว หน้าเริ่มต้น*/
.back{
	padding: 0.2em 0.9em 0.2em 0.6em!important;
	color:#fff;
	font-size:1em;
	text-align: center;
	text-decoration:none;
	border-radius: 3px;
	transition: 0.4s all;
	position: fixed;
	bottom: 1em;
	height: auto;
	left: 1em;
	/* border:solid 1px #429FFC; */
	font-family:'Tahoma', Arial Narrow , sans-serif;
	background:rgba(66, 159, 252, 0.6);
}
.back:hover{
	/* border:solid 1px #44A0FD; */
	background:#2E87BF;
	color:#fff;
	text-decoration:none;
}
/* show ของตาเวย 1*/
.show{
	position: relative;
	overflow: hidden;
	text-align:left;	
}
.show span{
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 0.8em;/*หน้าเริ่มต้น*/
	padding: 2px 5px 2px 5px;
	border-radius: 2px;
	position: absolute;
	/* left: -160px; */
	opacity:0;
	transition:opacity 0.5s ease-in-out;
	
}
.show:hover span{
	overflow:auto;
	opacity:1;
	left: 0;
}
/* //show ของตาเวย */
/* video*/
.vide {
	text-align:center;
	border: 2px solid #000;
	background:#000;
	margin: 0.5em 0 0.5em 0;
	color:#fff;
}
.videos{
	width:auto;
}
/* //video*/
/* gallery ของตาเวย 1*/
.galle,.galle h3{
	margin:0.5em 0 0 0;
	text-align:center;
}
.galler{
	margin:0.9em 0 5em 0;
	text-align:center;
}
.gall img{
	margin: 0.5em 0 1em 0.5em;
	
}
/* //gallery ของตาเวย */

/* about ตาเวย หน้าเริ่มต้น*/
.about{
	margin:2em 0 5em 0;
	color: #727272;
	transition: 0.5s all;
}
.about:hover{
	color: #025EB9;
}
.size{
	margin:1em 0 0;
}
.h1-intro{
  font-size: 1.1em;
  text-align: center;
  color:#0177EE;
}
.size h3{
	font-size:1em;
	text-align:center;
	margin:1em 0 0;
	color:#80adaa;
}
.ab h3{
	margin:0.2em 0 0.2em;
	text-align: left;
	font-size:1.5em;
}
/* //about ตาเวย*/
.content-top {
	padding: 0 4em 3em;
}
.content-top1 {
	padding: 2em 0;
}
.col-md2 {
  margin-bottom: -2em;/* ตาเวยแก้ให้ติดลบ หน้าเริ่มต้น*/
}	
/* border กรอบสินค้า*/
.col-md1 {
  padding:1em 0 1em 0;
}
.col-md1:hover {
 /*  border: 1.5px solid #000000; */
  /* border-bottom: 5px solid #000; */
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/*สินสุด border สินค้า*/
.col-md1:hover .price a {/*ป้ายชื่อสินค้า :hover   เดิมเป็นป้าย Add To Cart*/
  background-color: #000;
  text-decoration: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/* border กรอบสินค้า หน้าเริ่มต้น*/
.col-md1-v {
  padding: 1em;
  text-align:center;
}
.col-md1-v:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/*สินสุด border สินค้า*/

.col-md1-v:hover .price-v a {/*ป้ายชื่อสินค้า :hover   เดิมเป็นป้าย Add To Cart*/
 /*  background-color: #000; */
  text-decoration: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/*--footer--*/
.top-footer iframe{
	width: 100%;
	min-height:300px;
	border: none;
}
.top-footer1 h2 {
  font-size: 2em;
  color: #0066cc;
    font-family: 'OleoScript-Regular';
      margin: 0 0 0.5em;
}
.top-footer1 input[type="text"] {
  width: 65%;
  padding: 0.6em;
  outline: none;
  color: #BDBDBD;
  font-size: 1em;
  background: none;
  border: 1px solid #BDBDBD;
}
.top-footer1 input[type="submit"] {
  font-size: 0.9em;
  color: #fff;
  background-color:#000;
  border: none;
  padding: 0.8em 0em;
  width: 30%;
  vertical-align: top;
  outline: none;
}
.top-footer1 input[type="submit"]:hover {
  background-color:#0066cc;
}
.footer {
  border-top: 1px solid #BDBDBD;
}
.footer-top {
	padding: 3em 0 ;
}
.top-footer1 {
	margin: 6em 0 0;
}
.footer-bottom-cate h6{
	font-size: 1.1em;
	color: #000;
	margin: 0 0 0.5em;
	  font-family: 'OleoScript-Regular';
}
.footer-bottom-cate ul{
	padding: 0;
	margin: 0;
}
.footer-bottom-cate ul li{
	list-style: none;
	padding: 0.2em 0;
}
.footer-bottom-cate ul li a {
	text-decoration:none;
	font-size: 0.8em;
	color: #B2B2B2;
}
.footer-bottom-cate ul li a:hover{
	color:#0066cc;
	padding-left: 5px;
}
.cate-bottom ul li  {
	font-size:1em;
	color: #000;
}
.cate-bottom ul li.phone {
	color:#0066cc;
	padding: 1em 0 0em;
}
p.footer-class {
	font-size: 0.9em;
	color:  #80adaa;
	margin: 1.2em 0 2em;
	/* เดิม  margin: 2em 0 0; เพิ่ม ตัวท้ายเป็ฯ 0.5em เพื่อให้หน้า single มีที่ว่างด้านล่างเล็กน้อย*/
	text-align:center;
}
/* --/ตาเวยเพิ่ม เพื่อให้ เบอร์โทรล่างสุดของหน้ามีสี */
p.footer-class span{
	color: #0066cc;
}
/* --//ตาเวยเพิ่ม เพื่อให้ เบอร์โทรล่างสุดของหน้ามีสี */
p.footer-class a{
	text-decoration:none;
	color:#80adaa;
}
p.footer-class a:hover{
	color:#0066cc;
}
.footer-bottom {
	padding: 4em 0;
	border-top: 1px solid #BDBDBD;
}
/*--//footer--*/
/*-- contact --*/
.contact {
	padding: 4em 0;
}
.contact h1{font-size: 3em;color: #000;font-family: 'OleoScript-Regular';margin: 0 0px 1em;text-align: center;}
.contact-bottom  span,.contact-bottom-top span{
	font-size:1.2em;
	color:#fff;
	display:block;
	padding:0 0 0.5em;
}
.contact-bottom  input[type="text"]{
	width:100%;
	padding:0.7em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#000;
	outline-color:#0066cc;
	  background: none;
}
.contact-bottom-top textarea{
	width:100%;
	padding:1em;	
	border:1px solid #bbb;
	-webkit-appearance:none;
	outline:none;
	color:#000;
	min-height:220px;
	resize:none;
	outline-color:#0066cc;
	 background: none;
}
.contact-bottom-top {
	  margin: 1em 15px 0;
}
.contact-form input[type="submit"]{
	background: #0066cc;
	color: #fff;
	border: none;
	outline: none;
	margin:1em 15px 0;
	padding: 0.3em 1em;
	font-size: 1.2em;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover{
	background: #000;
}
.address-grid i{
	color:#0066cc;
	font-size:4em;
	float: left;
	margin: 0 9% 0 0;
	display: inline-block;
}
.address1{
	float: left;
	  margin-top: 0.5em;
}
.address1 p{
	font-size:1.8em;
	color: #b2b2b2;
	line-height: 1.7em;	
	
}
.address1 p a{
	text-decoration:none;
	color: #b2b2b2;
}
.address1 p a:hover{
	color: #0066cc;
}
.address-more h2{
	color:#000;
	font-size:2em;
	margin: 0 15px 0.7em;
	  font-family: 'OleoScript-Regular';	
}
.address {
  padding: 3em 0 0;
}
.contact span {
	color: #b2b2b2;
	font-size:0.9em;
	padding-bottom: 0.2em;
	display: block;
}
/*--//contact--*/
/*--login--*/
.account h1 {
	color:#000;
	font-size: 3em;
	margin:0 0 1em;
	font-family: 'OleoScript-Regular';
	text-align: center;
}
.login-left h4{
	color:#000;
	font-size: 1.3em;
	font-family: 'OleoScript-Regular';
}
 .login-left p {
	color: #b2b2b2;
	display: block;
	font-size: 0.9em;
	margin: 1em 0 1.5em 0;
	line-height: 1.8em;
	width: 95%;
}
.acount-btn {
	background:#0066cc;
	color: #FFF;
	font-size: 0.9em;
	padding: 0.4em 1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
	background:#000;
	text-decoration:none;
	color:#fff;
}
.login-right form {
	padding: 1em 0;
}
.login-right span {
	color: #b2b2b2;
	font-size:0.9em;
	padding-bottom: 0.4em;
	display: block;
}
.word-in{
	margin: 0.5em 0 0;
}
.login-right input[type="text"] {
	border: 1px solid #bbb;
	outline-color:#0066cc;
	width: 96%;
	font-size:0.9em;
	padding:10px;
	  margin: 0.5em 0;
}
.login-right input[type="submit"] {
	background:#0066cc;
	color: #FFF;
	font-size: 0.9em;
	padding: 0.4em 1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}
a.forgot {
	font-size: 0.8125em;
	  color: #000000;
}
.account {
  padding: 4em 0;
}
/*--register--*/
.register h1 {
	color:#000;
	font-size:3em;
	margin:0 0 1em;
	  font-family: 'OleoScript-Regular';
	  text-align: center;
}
.register-top-grid span, .register-bottom-grid span {
	color:#b2b2b2;
	font-size: 0.9em;
	padding-bottom: 0.2em;
	display: block;
}
.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#0066cc;
	width: 100%;
	font-size: 1em;
	padding: 0.5em;
	margin: 0.5em 0;
}
.checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.2em;
	line-height: 27px;
	cursor: pointer;
}
.checkbox {
	position: relative;
	font-size: 0.9em;
	color:#000;
}
.checkbox:last-child {
	margin-bottom: 0;
}
.news-letter {
	color: #000;
	font-size: 1em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	clear: both;
}
.checkbox i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width:20px;
	height:20px;
	outline: none;
	border: 2px solid #E1DFDF;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 1px 2px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input {
	position: absolute;
	left: -9999px;
}
.checkbox input:checked + i:after {
	opacity: 1;
}
.news-letter:hover {
	color:#00BFF0;
}
.register-but{
	margin-top:1em;
}
.register-but form input[type="submit"] {
	background:#0066cc;
	color: #FFF;
	font-size:1em;
	padding: 0.4em 1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	border:none;
	outline:none;
}
.register-but input[type="submit"]:hover {
	background:#000;
}
.mation{
	padding: 1em 0;
}
.register {
	padding: 4em 0;
}
/*--product--*/
/*เริ่มต้น*/
.products h1{
	color: #80adaa;
	font-size: 1.3em;
	font-family: 'OleoScript-Regular';
	text-align: center;
	margin: -3em 0 -1.5em;
}
.products {
  padding: 4em 0;
}
/*--menu-drop--*/
h3.cate {
	color: #0066cc;
	font-size: 1.5em;
	font-family: Tahoma, Verdana, Geneva, sans-serif;/* 'OleoScript-Regular' */;
}
ul.kid-menu{
	display: block !important;
}
.menu-drop {
	width: auto;
	height: auto;
	padding: 0;
	list-style: none;
	margin: 0.5em 0;	
}
.menu-drop > li > a {
	width: 100%;
  margin: 0.3em 0;
	display:inline-block;
	position: relative;
	color: #515151;/*เดิม color: #B2B2B2;*/
	font-size: 0.9em;
	text-decoration:none;
	
}
.menu-drop > li > a:hover{
	color:#0066cc;
}
.menu-drop ul li a {	
	width: 100%;
	display: inline-block;
	position: relative;
	font-size:0.9em;
	margin:0.3em 0;
	color: #0066cc;
	text-decoration:none;
	text-indent: 1.2em;
}
.menu-drop ul li a:hover{
	color:#000;
}
ul.kid-menu li,ul.cute li{
	list-style: none;	
}
/*--//menu-drop--*/
	
.install-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 40%;
}
.install-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	color:#0551BB;
	float: right;
	width: 50%;
	padding: 0.9em 3em 1em 0;
}
.install-grid1 h5{
	line-height:1.3em;/* ทำให้แถว text ห่างจากกัน ไม่ติดกัน*/
}
.install-v-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 60%;
	color:#0551BB;
}
.install-v-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	color:#0551BB;
	float: right;
	width: 35%;
	padding: 0.6em 1em 1em 0;
}
.install-v-grid1 h5{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	line-height:1.3em;/* ทำให้แถว text ห่างจากกัน ไม่ติดกัน*/
}
.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 90%;
	color:#0551BB;
	margin:0 0 0 7%;
}
.fashion-grid{
	float:left;
	  width: 24%;
}
.fashion-grid1{
	float: right;
	  width: 68%;
}
.install-grid-ab{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 50%;
	margin:0 0.2em 0 0;
}
.install-grid-ab-1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:right;
	width: 40%;
	margin:0 0 0 0.2em;
}
.install-grid-index{/* ของหน้า indexตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 16%;
	/* margin:0 0.2em 0 0; */
}
.install-grid-idex-1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:right;
	width: 10%;
	/* margin:0 0 0 0.2em; */
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:right;
	width: 60%;
	margin:-3em 1em 0 0;
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้าเริ่มต้น*/
	float:left;
	width: 30%;
	margin:-4em 0 0 5em;
}
h6.best2 {
  font-size: 0.9em;
  line-height: 1.5em;
}
h6.best2 a{
 	color:#1C1C1C;
 	text-decoration: none;
}
h6.best2 a:hover{
	color:#0066cc;
}
span.price-in1 {
  font-size: 1em;
  padding: 0.3em 0 0;
  display: block;
  color:#0066cc;
}
.product-go {
  padding: 1em 0;
}
/*--tag--*/
.tag {
  padding: 2em 0;
}
.tags {
  padding: 1.5em 0 0;
}
.tags ul li {
	display: inline-block;
	float:left;
	width: 22.8%;
  	margin: 0.5em 2% 0 0;
 	 text-align: center;
}
.tags li a {
	font-size: 0.9em;
	display:block;
	padding: 0.3em 0.1em;
	text-decoration: none;
	color: #B2B2B2;
	border: 1px solid #B2B2B2;
}
.tags li a:hover {
	color: #fff;
	background:#0066cc;
	border: 1px solid #0066cc;
}

.tags ul li:nth-child(4),.tags ul li:nth-child(8),.tags ul li:nth-child(12){
	margin:0.5em 0 0;
}
/*--typo-single--*/
.thumb-image { width: 305px; }

.thumb-image > img { width: 100%; }
/*--single--*/
.single-para h1{/*ชื่อสินค้า*/
	font-size:1.5em;
	color:#0066cc;
	line-height:1.5em;
	  font-family: Tahoma, Verdana, Geneva, sans-serif /*'OleoScript-Regular';*/
}
#properties{
	font-size:1.2em;
}
label.add-to{/*ราคาหน้า  single*/
	display:block;
	font-size: 0.8em;/*เดิม font-size: 2em;*/
	color: #A3A3A3;
}
.single-para p{
	font-size:0.9em;
	color:#515151;/* เดิม color:#B2B2B2;*/
	line-height:1.8em;
}
a.cart{
  padding: 0.3em 0.7em;
  color: #FFF;
  background: #0066cc;
  margin: 1.5em 0 0;
  font-size: 1em;
  display:inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
}
a.cart:hover{
	background: #000;
}
/*----*/
.star-on {
  padding: 1em 0;
}
.star-on ul {
  float:left;
}

.star-on ul li{
	display: inline-block;
}
.star-on ul li i{
	color:#000;
}
.review{
	float:left;
	  padding: 0 1em;
}
/* ป้าย drawing dowlode install หน้า iframe หน้าเริ่มต้น*/
.review-v{
	float:right;
	padding: 0 1em;
	margin:0 12em 0 0;
	
}
.star-on a{
	text-decoration:none;
	font-size:1em;
	color:#0066cc;
}
.star-on a:hover{
	color:#000;
}
.single-bottom h4{
	color:#000;
	font-size:1.5em;
	padding:0.5em;
	border-bottom:1px solid #fa7455	;
}
.single {
  padding: 4em 0;
}
.available h6{
	color:#0066cc;
	font-size:1.4em;
	padding: 0 0 1em;
}
.available ul li{
	display:inline-block;
	padding:0 0.5em 0 0;
	color:#4c4c4c;
	font-size:0.9em;
}
.available ul li select {
  outline: none;
  padding: 3px;
}
.available {
  padding: 2em 0 1em;
}

/*--checkout--*/
.check-out{
	padding:4em 0em;
}
table{
	width:100%;
	  margin: 0em 0 2em;
}
th{
	color: #0066cc;
  	font-size: 1.2em;
 	font-family: 'OleoScript-Regular';
    font-weight: 400;	
}
th, td {
    padding: 10px;
}
td{
	color:#b2b2b2;
  font-size: 1em;
}
a.at-in {
  float: left;
    width: 20%;
}
.sed {
    float: right;
	width: 74%;
}
.sed h5{
     color: #0066cc;
  	font-size: 1.1em;
  	font-family: 'OleoScript-Regular';
}
.sed p{
    color:#b2b2b2;
	font-size:0.8em;
	line-height:1.8em;
	padding:1em 0 0;
}
.check input[type="text"]{
    width: 76%;
  padding: 0.3em;
  margin: 1em 0;
  background: #fff;
  outline: none;
  text-align: center;
   border: 1px solid #000;
}
.check{
	width:6%;
}
.ring-in{
	width:45%;
}
.check-out h1 {
    font-size: 3em;
  color: #000;
  font-family: 'OleoScript-Regular';
  margin: 0 0px 1em;
  text-align: center;
}
a.to-buy{
	padding: 0.3em 0.7em;
  color: #FFF;
  background: #0066cc;
  margin: 0.5em 0 0;
  font-size: 1em;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration: none;
}
a.to-buy:hover{
  background: #000;
}
/*--//checkout--*/
/*--typo--*/
h1.typo1 {
    font-size: 3em;
  color: #000;
  font-family: 'OleoScript-Regular';
  margin: 0 0px 1em;
  text-align: center;
}
.page-header h3{
	font-size: 2.5em;
	color:#000;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
.grid1 {
  margin: 1.5em 0 0;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
	margin: 1em 0 0;
}
.page {
  padding: 4em 0;
}
/*--//typo--*/
/* margin banner main*/
.pic-view-mar{
	margin-top: 0.1em;
	margin-bottom:-5.3em;
}
/* margin content*/
.con-mar{
	margin-top: 0.3em;
}
/* margin logo หน้า single*/
.sing-logo-margin{
	margin-bottom:-2.4em;
}
/*--/text slide หน้าเริ่มต้น*/
div ul li a span{
	color: #fff;
	position: absolute;
	right: 20px;
	font-size: 1.9em;
	font-family: tohama;
	text-shadow:3px 4px 5px #000;
	top: 20px;
	padding:2px 20px 2px 20px;
	border-radius: 7px
}
/*--//text slide*/
/*--/border slide หน้าเริ่มต้น*/
.bor-pic-vie-home{
	border: 2px solid #424242;
	border-radius: 4px;
}
.intro{
	text-align: center;
	color: #0066cc;
	margin: 1.3em 0 -1em; 
	line-height:1.5em;
	font-size: 1.5em;
}
.intro-sing{
	text-align: center;
	color: #3C99F5;
	margin: 0; 
	line-height:1.5em;
}
.intro strong{
	color: #fff;
	background:#0066cc;
	padding:0.1em 0.5em;
	border-radius: 4px;
 	border: 1px solid rgba(87, 150, 239, 0.2);
}
/*หน้าเริ่มต้น*/
.intr-bot{
	margin:0.5em 0 -1.5em 0;
}
/*ซ่อน-แสดง*/
.hid-visi{
	visibility: hidden;
	height:0px;
}
/*แสดงหน้าเริ่มต้น*/
.hid-show-desk{
	display: block;
}
/*ซ่อนหน้าเริ่มตัน */
.hid-show-smart-footer{display:none;}
.hid-show-smart{display:none;}
.backginsert{
	display:none;
}
/* ซ่อนหน้าเริ่มต้น แสดง หน้า 964 */
.hidv-desk{
	display: block;
}
/*หน้าเริ่มต้น*/
.backgpb-smart{
	width:100%;
	position:absolute;
	display:none;
}
.backgpb-desk{
	position:Relative;
	display:block;
}
.text-pb{
	display:none;
}
/* หน้าเริ่มต้น */
#select-grop{
	background:#5B8EC2;
	color:#fff;
	padding:0.5em 0 0.5em;
	font-size:1.5em;
	position:Relative;
	margin-bottom:0.5em;
	display:none;
	
}
.list-sy-t{
	list-style-type: none;
}



/*--responsive--*/
@media(max-width:1600px){
.number {left:15%;}
}
@media(max-width:1366px){

/* margin banner*/
.pic-view-mar{
	/* margin-top: 1em; */
	margin-bottom:-5.3em;
}
/* margin content*/
.con-mar{
	margin-top: 0.1em;
}	
.content-top {
  padding: 0 4em 3.5em;
}
.col-md2 {
  margin-bottom: -3em;/* ตาเวยแก้ให้ติดลบ*/
}
/*ปิดกลับหน้าที่แล้ว 1366px*/
.install-v-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 1366*/
	float:left;
	margin-left: 0.8em;
}
.install-v-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	color:#0551BB;
	float: right;
}		
}
@media(max-width:1280px){
/* .text-on{top:310px;}
.text-link{top:420px;} */	
.number {width:100%;}/* ตาเวเพิ่มเข้ามา */	
/* margin banner*/
.pic-view-mar{
	/* margin-top: 1em; */
	margin-bottom:-5em;
}
/* margin content*/
.con-mar{
	margin-top: 0.1em;
	
}
/*1280*/
.ab h3{
	font-size:1.3em;
}
.install-v-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี  1280*/
	width: 35%;
	padding: 0.6em 0 1em 1em;
}
.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	margin:0 0 0 10%;
}

.review-v{
	margin:0 12em 0 0;
}	
}
@media(max-width:1024px){


.show{
	font-size: 1.1em;
}
.content-top h1 {
  font-size: 2.5em;
  margin: 0 0 0.3em;
}	
.top-footer1 input[type="submit"] {
  width: 33%;
}
.banner-mat img {
  height: 256px;
  width: 100%;
}
.footer-bottom {
  padding: 3em 0;
}
/*--products--*/
.products {
  padding: 3em 0;
}
.products h1 {
  font-size: 1.2em;/*1024*/
}
.tags li a {
  font-size: 0.77em;
}
/*--single--*/
.thumb-image {
  width: 242px;
}
/*--contact--*/
.contact {
  padding: 3em 0;
}
.contact h1 {
  font-size: 2.5em;
    margin: 0 0px 0.8em;
}
/*--account--*/
.account h1,.register h1 {
  font-size: 2.5em;
}
.account,.register {
  padding: 3em 0;
}
/*--checkout--*/
.check-out {
  padding: 3em 0em;
}
.check-out h1 {
  font-size: 2.5em;
}
/*--typo--*/
.page {
  padding: 3em 0;
}
h1.typo1 {
  font-size: 2.5em;
}
.h_menu4 {
  float: left;
  width: 100%;/*เดิม ไม่มี*/
  margin: -17px 0 0px;
}
/* margin banner 1024px*/
.pic-view-mar{
	margin-top: -0.7em;
	margin-bottom:-5em;
}
/* margin content*/
.con-mar{
	margin-top: 1em;
	
}
.about{
	margin:2em 0 5em 0;
}

.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี 1024*/
	width: 50%;
	margin:-3em 2em 0 0;
	padding:0.5em 0 0 0;
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 30%;
	margin:-4em 0 0 6em;
}
/*ทำให้ text ab h3.cate อยู่ด้านซ้าย ของหน้า iframe ตั้งแต่ หน้า 1024 ลงไป ถ้าไม่ใส่ มันจะอยู่ตรงกลาง*/
.ab h3.cate {
	text-align:left;
}
.catalog{
	font-size:0.9em;
}
/*1024*/
.review-v{
	margin:0 5em 0 0;
}
}
@media(max-width:966px){/* เดิมไม่มี ตาเวิยเพิ่มเข้ามา*/

.review-v{
	margin:0 3em 0 0;
}
.col-md2 {
  width: 50%;
  float: left;
  margin-bottom: 2em;
}
div ul li a span{
	right: 3px;
	font-size: 1.3em;
	top: 3px;
	padding: 2px 10px 2px 20px;
}
.about{
	margin:2em 0 0;
}
.ab h3{
	font-size:1em;
	text-align:center;
}
.size h3{
	margin:0 0 0;
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 35%;
	margin:-4em 0 0 3em;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี 966*/
	width: 50%;
	margin:-3em 0 0 0;
	padding:0.5em 0 0 0;
}
.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี 966*/
	margin:0 0 0 0;
}
/*966*/
/* .intr-bot{
	margin:1.5em 0 -1em 0;
} */
}

@media(max-width:996px){

} 
@media(max-width:964px){
/* .text-link{top:320px;padding:10px 22px 10px;font-size:16px;margin-left: -120px;} */	
.number{margin-top:0px;}

	
/* แสดง หน้า 964 ซ่อนหน้าเริ่มตัน*/
.hidv-desk{
	display: none;
}	
}
@media(max-width:800px){
.number img {width:35px;}/* ตาเวเพิ่มเข้ามา */	
.number{left:17%!important;}
.content-top {
  padding: 0 4em 3.5em;
}
}
@media(max-width:768px){
	


.back{
	
	bottom: 0.5em;
	/* float: left; */
	right: auto;
	left: 0.5em;
}
.back:hover{
	text-decoration:none;
	color:#fff;
}
/*ซ่อน-แสดง*/
.hid-visi{
	height:auto;
	visibility : visible;
}
/*ซ่อน 768 */
/* .hid-show-desk{
	display:none;
} */
/*แสดง 768*/
.hid-show-smart-footer{display: block;}
.hid-visi-smart{
	height:0;
	visibility :hidden;
}

.review-v{
	margin:0 4em 0 0;
}
.intro{
	margin: 0 0 0.9em;
	font-size: 1.5em;
}
/*768*/
.intr-bot{
	margin:0.5em 0 0em 0;
}
p.log {
    width: 55%;
  font-size: 0.85em;
}
.number span {
  /* color: #000;
  font-size: 0.82em;
  margin-top: 1.5em;
  display: block; */
}
.search {
  margin-top: 3%;
}
.banner-mat img {
  height: 186px;
}
.content-top1 {
  padding: 0em 0;
}
.content-top h1 {
  margin: 0 0 1em;
}
.content-top {/* 768*/
  padding: 1.2em 4em 0;
}
.top-footer1 {
  margin: 2em 0 0;
}
.top-footer1 input[type="text"] {
  width: 40%;
}
.top-footer1 input[type="submit"] {
  width: 16%;
}
.world ,.logo,.header-left{
  width: 33.33%;
  float: left;
}
.number ,.search{
  /* width: 16.66%; */
  float: left;
}
.h_menu4 {
  float: left;
  width: 100%;/*เดิม 66.66% 768*/
}
.logo img{
	width: 100%;
}
/*ทำให้ซ่อนการแสดงผลสไลด้วย display: none; หน้า index768 */

.banner-mat {
	/*ทำให้ซ่อนการแสดงผลสไลด้วย display: none;768 */
  display: none;
  width: 25%;
  float: left;
}
/*ทำให้ซ่อนการแสดงผลสไลด้วย display: none; 768*/
.matter-banner {
  display: none;
  width: 50%;
  float: left;
}
.footer-bottom-cate {
  float: left;
  width: 25%;
}
.number {
/*   margin-top: 0%;
    padding: 0; */
}
/*--products--*/
.col-md3 {
  float: left;
  width: 33.33%;
  margin: 0 0 2em;
}
.install-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้า768*/
	float:left;
	width: 35%;
}
.install-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	/* color:#606060; */
	float: right;
	width: 60%;
	padding: 0.5em 1em 1em 0;
}
.install-v-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้า768*/
	float:left;
	width: 60%;
}
.install-v-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	float: right;
	width: 35%;
	padding: 0.5em 1em 1em 0;
}
.fashion-grid1 {
  width: 85%;
}
.fashion-grid {
  width: 9%;
}
.install-grid-ab{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้า 768*/
	float:left;
	width:90%;
	margin:0 0 0 2.6em;
}
.install-grid-ab-1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้า 768*/
	float:left;
	width: 90%;
	margin:0 0 0 2.6em;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี 768*/
	width: 50%;
	margin:-3em 1em 0 0;
}
.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี 768*/
	margin:0 0 0 5%;
}
.tags li a {
  font-size: 0.9em;
}
/*--single--*/
.grid {
  width: 50%;
  float: left;
}
.thumb-image {
  width: 305px;/*เดิม 305*/
}
.single-top-in {
  width: 50%;
  float: left;
}
.single {
  padding: 3em 0;
}
/*--contact--*/
.in-contact {
  margin: 1em 0 0;
}
.contact h1 {
  margin: 0 0px 0.3em;
}
.address-grid i {
  font-size: 3em;
  margin: 0 5% 0 0;
}
.address1 p {
  font-size: 1.4em;
  line-height: 1.7em;
}
.address-grid {
  margin: 0 0 1em;
}
/*--account--*/
.account h1 ,.register h1{
  margin: 0;
}
/*--checkout--*/
.sed p {
  padding: 0.5em 0 0;
}
.check-out {
  padding: 3em 0em;
}
/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
/* margin banner 768px*/
.pic-view-mar{
	margin-top: -0.8em;
	margin-bottom:-3em;
}
/* margin content*/
.con-mar{
	margin-top: 1em;
}
.products h1{
	margin: -2.5em 0 0;
}
.size{
	margin:0 0 0.9em 0;
}
.h1-intro{
  font-size: 1.5em;
}
.size h3{
	margin:0 0 0.7em;
}

/*768*/



/*768*/


/*768*/
.price1,.price1 p a{
	font-size:1.2em;
}
/*768*/
/* .number img {width:35px;} *//* ตาเวเพิ่มเข้ามา */	

}
@media (max-width: 736px){


p.log {
  width: 60%;
}
.number span {
 /*  font-size: 0.75em; */
}
.content-top {/* 736*/
	padding: 1.2em 4em 0;
}

/* ป้าย drawing dowlode install หน้า iframe หน้าเ736*/
.review-v{
	margin:0.8em 0 0.3em;
}
.install-v-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 736*/
	width: 90%;
    margin: 0 5% 0;
}
.install-v-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 90%;
    margin: 0 5% 0;
	padding: 0.5em 0 1em 0;
}
.install-grid-ab{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้า 736*/
	float:left;
	width:90%;
	margin:0 0 0 2em;
}
.install-grid-ab-1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้า 736*/
	float:left;
	width: 90%;
	margin:0 0 0 2em;
}
/* 736 */



}
@media (max-width: 667px){
	
/* .number img {width:6%;} *//* ตาเวเพิ่มเข้ามา */	
/* .number{top:-3px;} */
	
.intr-bot{
	margin:0.5em 0 0em 0;
}

p.log {
  font-size: 0.77em;
}
/* video*/
.vide{
	border: 2px solid #000;
	background: #000;
	margin: 0.5em 0 0.5em 0;
}
.videos{
	width:380px;
}
/* //video*/
/* margin banner*/
.pic-view-mar{
	margin-top: -0.7em;
	margin-bottom:-2.2em;
}
/* margin content 667px*/
.con-mar{
	margin-top: 0.2em;
	
}
/* ป้าย drawing dowlode install หน้า iframe หน้าเ 667*/
/* .review-v{
	font-size:0.8em;
} */
.catalog{
	font-size:0.8em;
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 667*/
	width: 40%;
	margin:-4em 0 0 1em;
}

.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี 667*/
	width: 50%;
	margin:-3em 1em 0 0;
	padding:0.5em 0 0 0;
}
/* 667 */

}
@media(max-width:640px){



.intr-bot{
	margin:0.5em 0 0.5em 0;
}

.world {
  width: 26%;
  padding: 0;
}	
select.in-drop, select.in-drop1 {
  font-size: 0.8em;
}
.box_1 h3 {
  font-size: 0.85em;
}
.header-left {
  width: 33%;
  padding: 0;
}

.logo {
  width: 41%;
}
.logo img{
  width: 80%;
  margin: 0 auto;
}
.number {
  padding: 0;
  /* width: 20%; */
}
.h_menu4 {
  width: 100%;/*เดิม 63%  640*/
}
.search {
  padding: 0;
}
.banner-mat img {
  height: 152px;
}
.content-top h1 {
  font-size: 2em;
}
.cate-bottom ul li {
  font-size: 0.9em;
}
/*--product--*/
.col-md1 {
  padding: 0.5em 0;
}
.price h5 {
  font-size: 1.1em;
}
.price a {
  padding: 0.3em 0.5em;
}
/* v เพิ่มเติมรูปแบบ text ที่ไม่มี background 640*/
/* .price1,.price1 p a{
	font-size:0.9em;
} */
/* .show{
	font-size: 1em;
} */

/* video*/
.vide{
	border: 2px solid #000;
	background: #000;
	margin: 0.5em 0 0.5em 0;
}
.videos{
	width:320px;
}
/* //video*/
/* gallery ของตาเวย 2*/
.galle h3{
	margin:1em 0 0 0;
	font-size: 1em;
}
.galler{
	margin:1em 0 5em 0;
}
/* //gallery ของตาเวย */
/* about ตาเวย  640*/
.about{
	margin:1em 0 0.1em 0;
}
.ab h3{
	margin:0.5em 0 0 0;
}
/* //about ตาเวย*/

.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 640*/
	width: 50%;
	margin:-4em 0 0 1em;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 40%;
	margin:-3em 1em 0 0;
	padding:0.5em 0 0 0;
}	
/*--single--*/
.single-top-in {
  width: 100%;
  float: left;
    margin: 0 0 2em;
}
.grid {
  width: 53%;
}
.thumb-image {
  width: 257px;
}
/*--contact--*/
.contact {
  padding: 2em 0;
}
/*--account--*/
.account,.register {
  padding: 2em 0;
}
/*--checkout--*/
th, td {
  padding: 10px 4px;
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em;
}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
h3.typo1 {
  font-size: 2.5em;
}
.page {
  margin: 2em 0;
}
/* 640 */

}
@media (max-width: 603px){
/*ซ่อน 603 */
.number{left:22%!important; top:-1px;}	
/* ตาเวเพิ่มเข้ามา */
.hid-show-desk{display:none;}	
/*แสดง 768*/
.hid-show-smart{display: block; transition: 0.5s all;}
	
.intr-bot{
	margin:0.5em 0 0.3em 0;
}
#mar-top{
	margin-top:58em;
	/* font-size:1em; */
	text-align:center;
	color:#0066cc;
}

.backgpb-smart{
	width:100%;
	display:block;
}
.backgpb-desk{
	display:none;
}
#select-grop{
	display:block;
	
}
/*603*/
.text-pb{
	color: #fff;
	position: absolute;
	text-decoration:none;
	font-size: 1.8em;
	font-family: tohama;
	top:25.5em;
	left:0.5em;
	float:left;
	line-height:1.3em;
	margin:0 0 0 0.8em;
	display:block;
	z-index:1;
}
.text-pb:hover{
	color:#f1fcf8;
	text-decoration:none;

}

}
@media (max-width: 600px){
select.in-drop, select.in-drop1 {
  font-size: 0.7em;
}
.install-grid-ab{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้า 600*/
	float:left;
	width:90%;
	margin:0 0 0 1.5em;
}
.install-grid-ab-1{/* ตาเวยเพิ่มเติมเดิมไม่มี หน้า 600*/
	float:left;
	width: 90%;
	margin:0 0 0 1.5em;
	/* font-size:0.5em; */
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 600*/
	width: 50%;
	margin:-4em 0 0 2em;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 40%;
	margin:-3em 1em 0 0;
	padding:0.5em 0 0 0;
}

}
@media (max-width:576px){
/* .text-on{top:480px;}
.text-link{top:580px;padding:10px 22px 10px;font-size:16px;} */		
	
	#mar-top{
	margin-top:55em;
}
.text-pb{
	top:22.5em;
	margin:0 0 0 0.8em  ;
}
.number{top:1px;}
}	

@media (max-width:568px){




.products h1{
	margin: -2.5em 0 0.5em;
}
#mar-top{
	margin-top:53em;
}
.world {
  width: 28%;
  padding: 0;
}
.logo {
  width: 39%;
}
/*--/text slide*/
div ul li a span{
	right: 7px;
	font-size: 0.9em;
}
/*--//text slide*/
/* margin banner*/
.pic-view-mar{
	margin-top: -0.7em;
	margin-bottom:-2.2em;
}
/* margin content 568px*/
.con-mar{
	margin-top: 0.2em;
	
}
/* 568 */
.text-pb{
	top:19.5em;
	margin:0 0 0 0.8em  ;
}
}/* สิ้นสุด 568 */

@media(max-width:533px){

}
@media(max-width:480px){

	
#select-grop{
	font-size:1.2em;
	
}
.text-pb{
	top:16.5em;
	margin:0 0 0 0.8em  ;
}	
#mar-top{
	margin-top:45em;
}
/*480*/
/* .intr-bot{
	margin-bottom:0.4em;
} */
.bor-pic-vie-home{
	border: 1px solid #424242;
	border-radius: 4px;
}
.bghome{
	background-image: url(../view/kuk.jpg);
}
#logov{
	background-image: url(../view/kuk.jpg);
	width: 100%;
}
.header-top-v{
	border-bottom: none;
}	
.matter-banner,.banner-mat {
	/* เพิ่ม display: bloch เข้ามาเพื่อการแสดงผลภาพสไลหน้าเริ่มต้น 480;*/
	display: block;
  width: 100%;
  padding: 0;
}
.banner-mat img {
  display: none;
}	
.world {
  display: none;
}
.logo {
  width: 100%;
  padding: 0;
    text-align: center;
}
.header-left {
  width: 100%;
}
.logo img {
  width: 29%;
}
.search {
  width: 11%;
}
.h_menu4 {
  width: 100%;/*เดิม 67%  480*/
}

/* .number img {width:7.5%;} *//* ตาเวเพิ่มเข้ามา */

.content-top {
  padding: 1.3em 0 0.3em;
}
.price h5 {
  font-size: 1em;
  margin-top: 6px;
}
.footer-top {
  padding: 2em 0;
}
.top-footer iframe {
  min-height: 150px;
}
.top-footer1 {
  margin: 1em 0 0;
}
.top-footer1 h2 {
  font-size: 1.5em;
}
.top-footer1 input[type="text"] {
  width: 46%;
}
.top-footer1 input[type="submit"] {
  width: 23%;
}
.footer-bottom-cate {
  width: 50%;
    margin: 0 0 1em;
}
.footer-bottom {
  padding: 2em 0 0em;
}
/*--products--*/
.products {
  padding: 2em 0;
}
.products h1 {
  font-size: 1.1em;/*มีผลกับขนาด360 375 384 412 480*/
  margin: -1.8em 0 0;
}
/* ปรับ width ให้เป็น 50% เพื่อให้การแสดงผลภาพสินค้าเป็น 2 คอลัม  เดิมไม่มี widht ตรงนี้ทำให้ หน้าตังแต  480 ลงไป แสดงเป็น 3 คอลัม*/
.col-md3 {
  padding: 0 3px;
  margin: 0 0 1em;
}
.price a {
  font-size: 0.8em;
}
/*--//text slide 480*/
div ul li a span{
	right: 7px;
	font-size: 1.2em;
	padding-top: 2px;
}
/*--//text slide*/
/* margin banner*/
.pic-view-mar{
	margin-top: -0.4em;
	margin-bottom:-2em;
}
/* margin content 480px*/
.con-mar{
	margin-top: 0.9em;
}
/* margin logo หน้า single 480*/
.sing-logo-margin{
	margin-bottom:-1.3em;
}
/* .show{
	font-size: 1em;
} */
/* video*/
.vide{
	border: 2px solid #000;
	background: #000;
	margin: 0.5em 0 0.5em 0;
}
.videos{
	width:320px;
}
/* //video*/
/* gallery ของตาเวย 3*/
.galle h3{
	margin:1em 0 0 0;
	font-size: 1em;
}
.galler{
	margin:1em 0 5em 0;
}
/* //gallery ของตาเวย */
/* about ตาเวย 480*/
.about{
	margin:1em 0 0.1em 0;
}
.ab h3{
	font-size: 0.9em;
}
/* //about ตาเวย*/
.col-md-9 {
  padding: 0;
}
/*480*/


/* //hardware inline ตาเวยเพิ่มเติมเดิมไม่มี 480*/
.install-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 480*/
	width: 90%;
    margin: 0 5% 0;
}
.install-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 90%;
    margin: 0 5% 0;
	padding: 0.5em 0 1em 0;
}
.fashion-grid {
  width: 20%;
}
.fashion-grid1 {
  width: 76%;
}
.install-grid-ab{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้า 480  */
	float:left;
	width:95%;
	margin:0 0.5em;
}
.install-grid-ab-1{/* ของหน้า aboutตาเวยเพิ่มเติมเดิมไม่มี หน้า 480  */
	float:left;
	width:95%;
	margin:0 0.5em;
}
.install-grid-ab-1 h5{
	font-size:0.8em;
} 
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 480*/
	width: 55%;
	margin:-3em 0 0 0.5em;
	padding:0 0 0 10px;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 40%;
	margin:-3em 0.5em 0 0;
	padding:0.5em 0 0 0;
}
.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี 480*/
	margin:0 0 0 0;
}
.product-bottom{
	padding: 0;
}
.product-go {
  padding: 0.5em 0;
}
.tag {
  padding: 1em 0;
}
.tags {
  padding: 1em 0 0;
}
.grid {
  width: 67%;
}
/*--contact--*/
.contact h1 {
  font-size: 2em;
}
.address-more h2 {
  font-size: 1.7em;
}
.address-grid i {
  font-size: 2.5em;
}
.address1 p {
  font-size: 1.2em;
}
.address {
  padding: 2em 0 0;
}
/*--account--*/
.account h1, .register h1 {
  font-size: 2em;
}
/*--checkout--*/
.check-out h1 {
  font-size: 2em;
  margin: 0 0 0.4em;
}
.check-out {
  padding: 2em 0em;
}
.sed {
  float: right;
  width: 0;
  display: none;
}
a.at-in {
  float: left;
  width: 76%;
}
.ring-in {
  width: 20%;
}
th, td {
  padding: 7px 0px;
}
th {
  font-size: 1em;
}
td {
  font-size: 0.8em;
}
a.to-buy {
  margin: 0;
  font-size: 0.8em;
}
.single {
  padding: 2em 0;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
h3.typo1 {
  font-size: 2em;
}
.page {
  margin: 2em 0;
}
h1.typo1 {
  font-size: 2em;
  margin: 0 0 0.8em;
}
/* 480 */
.intro{

	font-size: 1.2em;
}
.h1-intro{
	font-size:1.3em;
}
}/* สิ้นสุด 480 */
@media (max-width:442px){

.number{left:25%!important;}
#mar-top{
	margin-top:41em;
}
.text-pb{
	top:21.5em;
	margin:0 0 0 0.5em  ;
	font-size:1.4em;
}	
}
@media (max-width:414px){

	
.intr-bot{
	margin:0.5em 0 -0.2em 0;
}
.products h1 {
  margin: -1.8em 0 -0.5em;
}
.h_menu4 {
  width: 100%;/*เดิม 60%*/
}
.number {
  /* width: 29%; */
}
/* video*/
.vide{
	border: 2px solid #000;
	background: #000;
	margin: 0.5em 0 0.5em 0;
}
.videos{
	width:300px;
}
/* //video*/
/*--//text islde*/

/*--/text slide*/
/* margin banner 414px*/
.pic-view-mar{
	margin-top: -0.5em;
	margin-bottom:-2em;
}
/* margin content*/
.con-mar{
	margin-top: 0.5em;
	
}
/* //ป้ายชื่อสินค้า   เดิมเป็นป้าย Add To Cart 414*/
.price a {
	/* visibility:hidden; */
  color: #000;
  background-color:#fff;
  text-decoration: none;
  padding: 0.2em 0 0 0;
}
.col-md1:hover .price a {/*ป้ายชื่อสินค้า :hover   เดิมเป็นป้าย Add To Cart*/
  background-color: #fff;
  text-decoration: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/* border กรอบสินค้า  414*/
.col-md1 {
  padding: 1em 0;
}
.col-md1:hover {
  border: none;
  border-bottom: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/* ทดลองแก้*/
.price-v a {
	/* visibility:hidden; */
  color: #000;
  background-color:#fff;
  text-decoration: none;
  padding: 0.2em 0 0 0;
}
.col-md1-v:hover .price-v a {/*ป้ายชื่อสินค้า :hover   เดิมเป็นป้าย Add To Cart*/
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/* border กรอบสินค้า  414*/
.col-md1-v {
 /*  padding: 1em; */
/*   border-bottom:none; */
  margin-top:-1em;
  margin-bottom:-2em;
}
/* .col-md1-v img ตาเวยเพิ่มเข้ามา เพื่อให้ img แสดงกลางหน้าจอ*/
.col-md1-v img{
  margin: 0 auto;
}
.col-md1-v:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
/*สินสุด border สินค้า*/
/* --//--ทดลองแก้ --*/
.content-top { /* 414*/
  padding: 0.6em 0 0;
}
.col-md2 {
  margin-bottom: 0.8em;
  width: 50%;
  float: left;
}
/*เพิ่ม margin เพื่อให้ห่างจาก all product  */
.col-md3 {
  margin: 0 0 2.5em;
  width: 100%;
}
.size h3{
	margin:0 0 0.1em;
}
.allpro-grid{/* ตาเวยเพิ่มเติมเดิมไม่มี 414*/
	width: 100%;
	margin:-3em 0 0 1em;
}
.allpro-grid1{/* ตาเวยเพิ่มเติมเดิมไม่มี */
	width: 50%;
	margin: -3em 0.5em 0 0;
	padding: 0.5em 0 0 0;
	display:none;
}

.install-v-grid-dra{/* ตาเวยเพิ่มเติมเดิมไม่มี 414*/
	margin:0 0 0 4%;
}
.review-v{
	margin:0.8em 0 0.5em;
}
/* 414 */
#mar-top{
	margin-top:38em;
}	
.text-pb{
	top:19.5em;
	/* font-size:1.5em; */
}			
}
@media (max-width:384px){
		
	
.text-pb{
	top:18.5em;
	margin:0 0 0 0.5em  ;
	font-size:1.3em;
}	
#mar-top{
	margin-top:35em;
}
.intro{

	font-size: 1em;
}
.number{left:30%!important;}
/* .number img {width:5%;} *//* ตาเวเพิ่มเข้ามา */	
}
@media (max-width:375px){


#mar-top{
	margin-top:34em;
}
.text-pb{
	top:19.5em;
	margin:0 0 0 0.5em  ;
	font-size:1.2em;
}
.text-pb h4	{
	font-size:0.8em;
}		
}
@media (max-width:360px){


#mar-top{
	margin-top:32em;
}
.text-pb{
	top:18.5em;
	margin:0 0 0 0.4em  ;
/* 	font-size:1.2em; */
}

}
@media(max-width:320px){
	
.back{font-size:1.15em!important;}
	
.intr-bot{
	margin:0.5em 0 0.4em 0;
}
#mar-top{
	margin-top:27em;
}
/* .logo {
  width: 100%;	
} *//* ตาเวยคอมเมนไว้เพราะมันซ้ำกัน*/
.header-left {
  width: 100%;
}
.logo img {
  width: 46%;
}
.logo {
  width: 100%;
  text-align: center;
}
.header-left {
  width: 100%;
}
.box_1 h3 {
  font-size: 0.8em;
}
p.log {
  	margin-top: 7%;
    font-size: 0.9em;
}
.header-left {
  margin-top: 1%;
}
.number{left:35%!important;}
.number span {
  font-size: 0.9em;
}
.search {
  width: 6%;
}
.h_menu4 {
  width: 100%;/*เดิม 62% 320*/
  margin: -7px 0 0px;
}
.number {
  margin-top: 0%;
}
.search {
  margin-top: 6%;
}
.head-top {
  padding: 0.4em 0 0;
}
.content-top h1 {
  font-size: 1.5em;
    margin: 0 0 0.7em;
}
.content-top {
  padding: 0.5em 0 0.1em;
}
.col-md2 { /*320*/
  padding: 0 5px;
  margin-bottom: 0.5em;
}
.col-md1 h3 {
  font-size: 1.1em;
}
.price a {
  font-size: 0.7em;
  display: inline-block;
  float: left;
  padding: 0.2em 0 0 0;
  text-align:left;
  
}
/*320*/
/* .show{
	font-size:0.7em;
} */
/* video*/
.vide{
	border: 2px solid #000;
	background: #000;
}
.videos{
	width:250px;
}
/* //video*/
/* gallery ของตาเวย 4*/
.galle h3{
	margin:1em 0 0 0;
}
.galler{
	margin:1em 0 5em 0;
}
/* //gallery ของตาเวย */
/* about ตาเวย 320*/
.about{
	margin:1em 0 1em 0;
}

/*--//text slide*/

/*--/text slide*/
/* //about ตาเวย*/
.col-md1 {
  padding: 0.3em 0;
}
/* margin banner320px*/
.pic-view-mar{
	margin-top:-0.9em;
	margin-bottom:-2em;
}
/* margin content*/
.con-mar{
	margin-top: 1em;
	
}
.price h5 {
  font-size: 1em;
  margin: 0.4em 0;
    float: none;
}
.price {
  text-align: center;
}
.footer-top {
  padding: 1.5em 0;
}
.top-footer {
  padding: 0;
}
.top-footer1 {
  padding: 0;
}
.top-footer1 h2 {
  font-size: 1.3em;
}
.top-footer1 input[type="text"] {
  width: 65%;
  padding: 0.4em;
}
.top-footer1 input[type="submit"] {
  font-size: 0.85em;
  padding: 0.6em 0em;
  width: 33%;
}
.footer-bottom-cate {
  padding: 0;
}
p.footer-class {
  font-size: 0.8em;
  margin: 0.7em 0 1em;
  line-height: 1.5em;
}
ul.callbacks_tabs.callbacks1_tabs {
  left: 40%;
}
.callbacks_tabs a:after {
  height: 10px;
  width: 10px;
}
/*--product--*/
.products h1 {
  font-size: 1.2em;/*มีผลกับขนาดหน้าจอ 320*/
  margin: -1.8em 0 0;
}
.products {
  padding: 1.5em 0;
}
h3.cate {
  font-size: 1.2em;
  text-align:left;
}
.ab h3{
	font-size: 0.8em;
}
.contact h1 {
  font-size: 1.7em;
    margin: 0;
}
.in-contact {
  padding: 0;
    margin: 0.5em 0 0;
}
.contact-bottom input[type="text"] {
  padding: 0.5em;
}
.contact-bottom-top {
  margin: 0.5em 0 0;
}
.contact-bottom-top textarea {
  min-height: 120px;
}
.contact-form input[type="submit"] {
  margin: 0.5em 0px 0;
  padding: 0.3em 0.5em;
  font-size: 1em;
}
.address {
  padding: 1em 0 0;
}
.address-more h2 {
  font-size: 1.5em;
  margin: 0 0 0.5em;
}
.address-grid {
  padding: 0;
}
.address-grid i {
  font-size: 2em;
}
.address1 p {
  font-size: 1em;
}
.address1 {
  margin-top: 0;
}
.contact {
  padding: 1.5em 0 0.5em;
}
.product-bottom {
  padding: 0;
}
.single {
  padding: 1.5em 0 0.5em;
}
/*--account--*/
.account, .register {
  padding: 1.5em 0;
}
.account h1, .register h1 {
  font-size: 1.7em;
}
.login-right ,.login-left,.register-top-grid,.register-bottom-grid{
  padding: 0;
}
.login-left p {
  width: 100%;
}
.login-right span {
  padding-bottom: 0em;
}
.register-but {
  margin-top: 0em;
}
.mation {
  padding: 0 0 0.5em;
}
td {
  font-size: 0.75em;
}
table {
  margin: 0em 0 1em;
}
.check-out h1 {
  font-size: 1.7em;
  margin: 0 0 0.4em;
}
.check-out {
  padding: 1.5em 0em;
}
/*--single--*/
.thumb-image {
  width: 260px;
}
.grid {
  width: 100%;
}
.single-top-in {
  padding: 0;
    margin: 0 0 1em;
}
.single-para h1 {
  font-size: 1em;/*ชื่อสินค้าหน้า singleหน้าจอ320*/
}
#properties{
	font-size:.9em;
}
.star-on a {
  font-size: 0.8em;
}
.available {
  padding: 1em 0 1em;
}
label.add-to {
  font-size: 0.9em;/**/
}
a.cart {
  padding: 0.2em 0.5em;
  margin: 0.5em 0 0;
}
.h_nav h4 {
  font-size: 1.1em;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.5em;
}
h2#h2-bootstrap-heading {
  font-size: 1.4em;
}
h3#h3-bootstrap-heading {
  font-size: 1.3em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
	padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
  padding: 0em;
   margin: 1.7em 0;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
h3.typo1 {
  font-size: 1.7em;
}
.page-header h3 {
  font-size: 1.8em;
} 
h1.typo1 {
  font-size: 1.7em;
  margin: 0 0 0.5em;
}
/*--/text slide 320*/
div ul li a span{
	right: 3px;
}

.review-v{
	font-size:0.8em;
	margin:0.8em -0.5em 0.5em 0;
}
/* 320 */
.text-pb{
	top:18em;
	margin:0 0 0 0.3em  ;
	font-size:1.1em;
}
.price1,.price1 p a{
	 font-size: 1em;
}	
.price1 a{
	font-size: 1em;
}
.intro{

	font-size: 0.9em;
}	
}