/*-- to-top เอมาจาก template อื่น สำหรับ  bootstarp--*/
/*--/ Social Icon */

/*--// Social Icon */
@import 'https://fonts.googleapis.com/css?family=Athiti|Chonburi|Itim|Kanit|Maitree|Mitr|Pattaya|Pridi|Prompt|Sriracha|Taviraj|Trirong';
@font-face {font-family: 'TH Mali Grade6 Bold'; src: url("../fonts/TH Mali Grade6 Bold.ttf") format('truetype');}
@font-face {font-family: 'TH Mali Grade6 Bold Italic'; src: url("../fonts/TH Mali Grade6 Bold Italic.ttf") format('truetype');}
@font-face {font-family: 'TH Charmonman Bold'; src: url("../fonts/TH Charmonman Bold.ttf") format('truetype');}
@font-face {font-family: 'THSarabun Bold'; src: url("../fonts/THSarabun Bold.ttf") format('truetype');}
@font-face {font-family: 'TH Kodchasal Bold'; src: url("../fonts/TH Kodchasal Bold.ttf") format('truetype');}
@font-face {font-family: 'CS-Cheangkhan'; src: url("../fonts/CS-Cheangkhan.ttf") format('truetype');}
@font-face {font-family: 'TS-kaewpet NP'; src: url("../fonts/TS-kaewpet NP.ttf") format('truetype');}
@font-face {font-family: 'TS-kaewPet Extra-NP'; src: url("../fonts/TS-kaewPet Extra-NP.ttf") format('truetype');}
@font-face {font-family: 'Mi Teiyng Script'; src: url("../fonts/Mi Teiyng Script.otf") format('truetype');}





#toTop {display: none;text-decoration: none;position: fixed;bottom: 49px;right: 17px;overflow: hidden;z-index: 999; width: 32px;height: 32px;border: none;text-indent: 100%;background: url("../images/top2.svg") no-repeat 0px 0px;}
#toTopHover {width: 32px;height: 32px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);background: url("../images/top4.svg") no-repeat 0px 0px;}
/*-- //to-top --*/
.bor-img{border-radius: 4px 4px 0 0;}
.bor-pic-vie{/* เดิม border: 1px solid #ebccd1; */border: 1px solid #7D7DF6;border-radius: 4px ;}
.bor-pic-vie:hover{
	border: 1px solid #0000FF;
}

/* เว้นระยะด้านบน ภาพ install ด้านขวา*/

.address{font-size: 0.8em;}
.p-nam-p{padding: 0.7em 0 0 0 ;}
/* padding ตรงที่เลื่อนเมาส์ไปที่ภาพ*/
.pad-text-zoom{padding: 0 0 0 0.5em;}	   
.bor-sing{border-radius: 5px; transition: 0.5s all;}
.bor-sing:hover{-webkit-box-shadow: 1px 2px 3px #909193; box-shadow: 1px 2px 3px #B7B7B7;}
/*เริ่ม css zoom */
.imgzoom { -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;
/*all คือการระบุเพื่องาน effect transition ทุกประเภท*/
/*250ms คือ time delay ของ effect*/}
.imgzoom:hover {transform: scale(1.1); -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);}
.imgzoom-tav{border-radius: 4px; transition: all 250ms ease-in-out; cursor:pointer;}
.imgzoom-tav:hover{
	border: 1.5px solid #013F7D;	
	box-shadow: 2px 3px 5px #6F6F71;
	border-radius: 4px;
	transform: scale(1.05);
}
.tav-imgzoom{padding:10px; border:1px solid rgba(178, 178, 178, 0.5); border-radius:4px; transition: all 250ms ease-in-out; cursor:pointer; position:relative;}
/* .tav-imgzoom ต้องมี position:relative ถ้าไม่มี   position: absolute ของ  div div h5 จะไม่เสถียร */
div div h5, .new {position:absolute; color:#fff; font-size:13px;font-family:'Athiti', sans-serif!important; right:20px; text-shadow:1px 2px 3px #000; text-align:right;} div div h5{ top:6px;}
div div h5 a:hover{color:#fff;text-shadow:0px 0px 0px #fff; text-decoration:none;}
.new{top:16px; background:#4CAF50;padding:0 4px 1px; border-radius:3px;text-shadow:0px 0px 0px #fff;}
.tav-tooltip{position:relative;}.tav-tooltip .tav-text{display:none;}.tav-tooltip:hover .tav-text{display:inline-block;background-color:#005DF4!important;} /* เดิม #607d8b */
.tav-tag{color:#fff; display:inline-block; padding:6px 8px 5px ;  text-align:center; margin-right:0px!important}
.tav-imgzoom:hover{border:1px solid rgba(178, 178, 178, 0.9); box-shadow: 2px 3px 5px rgba(204, 204, 204, 0.9); transform: scale(1.005);}
div .tav-imgzoom img{margin-bottom:2px; border-radius:4px;}
.tv-cur-zoom{cursor:zoom-in;cursor:-webkit-zoom-in;}

.hidden{visibility: hidden;}

.tav-iframe{height:480px!important}
iframe{height: 1024px; width: 100%; border: 0;}
.bg-contact{background:url("../images/bgseven.jpg");}
.video-container {position: relative; padding-bottom: 50%; padding-top: 30px;  height: 0;  overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 /* background link view and downloads drawing*/

.drawing{
  padding: 0 0.3em 0 0.3em;
  margin: 0.1em 0 0;
  color: #FFF;
  background:#56AAFF;
  font-size: 1em;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
  border-radius: 3px;
  border:1px solid rgba(66, 160, 255, 0.3);
}
.drawing:hover{
	background: #0177EE;
	border:1px solid rgba(1, 119, 238, 0.3);
	color: #FFF;
}
.drawing-noactive{
  padding: 0 0.3em 0 0.3em;
  margin: 0.1em 0 0;
  color: #FFF;
 /*  background: #C14242; */
  background:rgba(245, 45, 34, 0.9);
  /* margin: 1.5em 0 0; */
  font-size: 1em;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
  border-radius: 3px;
}
.drawing-noactive:hover{
	background: #0177EE;
	color: #FFF;
}
.bottom-menutav{
  padding: 0 0.3em 0 0.3em;
  margin: 0.1em 0 0;
  color: #fff;
  background:rgba(67, 160, 254, 0.5);
  font-size: 1em;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
  border:1px solid rgba(67, 160, 254, 0.2);
  border-radius: 3px;
  transition: 0.5s all;
}
.bottom-menutav:hover{
	background: #0177EE;
	color: #FFF;
}
.vbottom{
  padding: 3px 15px ;
  color: #FFF;
  font-size: 1em;
  display: inline-block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
  border-radius: 4px;
  border:1px solid rgba(66, 160, 255, 0.4);
 }
  
.vbot-blue{background:#2196F3;}
.vbot-blue:hover{background:#107ACA;box-shadow:0 5px 10px rgba(0, 0, 0, .2);}
.vmargintopx{margin-top:7px}
.vmargintopl{margin-top:5px}
.vmargintopLL{margin-top:10px}
/* ความกว้างภาพ หน้า about*/
.pic-about{
	width: 100%;
}
/* ความกว้างภาพ view*/
.pic-view{width: 90%; padding-top: 5em;}

.t-ali-center{text-align: center!important;}
.tex-col-grey{color: #b2b2b2;}
.tex-col-whitei{color: #fff;}
.tex-col-gr{color: #4F4E4E;}
.pa{font-size: 0.9em;}
.img-logo{width:9em;}
/* ---ทำ  drop down allproduc---t*/
.allpro-drop{
	width: 248px;
	/* border: 1px solid rgba(200, 201, 201, 0.1); */
	background: url("../images/drop3.png") no-repeat 5px 5px;
	transition: 0.5s all;
	padding:0 0 0 1.5em;
	
}
.allpro-drop:hover{
	/* border: 1px solid rgba(38, 180, 251, 0.6); */
	background: url("../images/drop4.png") no-repeat 5px 5px;
}
/* ---// ทำ  drop down allproduc---t*/

.inline-v{
	width:60%;
}
/*เว้นระยะห่างหน้าเพจ  hardwaer*/
/* .kuk{
	font-size: 0.9em;
	width:1px;
	height:1000px;
	color:#fff;
} */

/* color text menu หน้าhome*/
.text-menu-home{
	color: #fff;
}
.txet-col-c{
	color: #0551BB;
}
/*ความห่างระหว่างแถว*/
.txet-col-c strong{
	line-height:1.5em;
}
.txet-col-a h5{
	line-height:1.9em;
	color:#000;
}
/*//ความห่างระหว่างแถว*/
/* h1 strong{
	font-size:0.5em;
} */

/* แสดง desk */
.show-desktop{
	visibility : visible;
}
.address i{font-size:2.5em;}
.tav-address1{
	float: left;
	  margin-top: 0.5em;
}
.tav-address1 p{
	font-size:1.4em;
	color: #686868;
	line-height: 1.7em;	
	
}
.tav-address1 p a{
	text-decoration:none;
	color: #686868;
}
.tav-address1 p a:hover{
	color: #0066cc;
}
.bottom-draw{
  
  padding: 0.1em 0.3em 0.1em 0.3em;
  margin: 0.1em 0.1em 0 0;
  float:right;
  color: rgba(1, 119, 238, 0.6);
  font-size: 1em;
  display: block;
  line-height: 1.6em;
  text-align: center;
  text-decoration:none;
  border-radius: 3px;
  border:1px solid rgba(1, 119, 238, 0.4);
  transition: 0.4s all;
}
.bottom-draw:hover{
	background: #0177EE;
	border:1px solid #0177EE;
	color: #FFF;
	text-decoration:none;
}
.tav-float-l{float:left!important}
.tav-clearfix{display:none}
.tav-clearfix-show-desktop{display:block}
.tav-position-absolute-top{position:absolute; top:0; z-index:1;width:100%}
.tav-pd-6{padding:0.6em!important;padding-bottom:0.6em!important}
.tav-padding-s{padding-top:0.4em}
.tav-padding-t-L{padding-top:1.5em}
.tav-padding-t-x{padding-top:5px;padding-bottom:5px}
.tav-padding-lt-s{padding-top:1em;padding-left:1em}/* ยังไม่ได้ใช้กับตัวไหน */
.tav-padding-logo{padding:0 0.4em}
.tav-pd-bot{padding-bottom:5px}
.tav-pd-bot35{padding-bottom:25px ;padding-top:20px}
.tav-pd-allx{padding:5px 3px 5px!important}
.tav-margin-top5{margin-top:5px!important}
.tav-margin-top8{margin-top:8px!important}
.tav-margin-top-5{margin-top:-30px}
.tav-margin-tb-l{margin-top:2em;margin-bottom:2em}
.tav-margin-t2-b1{margin-top:4em;margin-bottom:1em}
.tav-margin-tb-xl{margin-top:3em;margin-bottom:3em}
.tav-margin-t4b-35{margin-top:4em;margin-bottom:-3.5em}
.tav-margin-t36{margin-top:3.6em;}
.tav-margin-lt-s{margin-left:1em;margin-top:1em}
.tav-margin-tblr-s{margin:0.5em 1em;}
.tav-margin-ts{margin-top:0.4em} .tav-margin-t5{margin-top:3.9em}
.tav-margin-tpb{margin-top:-0.3em!important}
.tav-margin-t{margin-top:0.5em!important}
.tav-margin-tm{margin-top:1em!important}
.tav-margin-t1-5{margin-top:1em}
.tav-margin-tx{margin-top:2em}
.tav-mar-b{margin-bottom:0.5em}
.tav-mar-b03{margin-bottom:0.3em}
.tav-mar-b1-4em{margin-bottom:1.3em!important}
.tav-m-b10{margin-bottom:10px!important}
.tav-mar-b0{margin-bottom:0}
.tav-m-bo-s{margin-bottom:-0.3em}
.tav-m-bo-x{margin-bottom:-0.7em}
.tav-m-t2{margin-top:1em!important}
.tav-mar-t-30{margin-top:-30px!important}
.tav-mar-t-5e{margin-top:-4em!important}
.tav-mar-Lx{margin-left:50px!important} .tav-mar-r{margin-right:7px!important;}
.tav-mar-Lb{margin-left:15px!important;margin-bottom:-5px;}
.tav-mar-L-allpro{margin-left:40%!important}
.tav-m-l-2{margin-left:1em!important}
.tav-mar-select{margin-left:44.9999%!important;}
.tav-mar-t50{margin-top:50px}
.tav-margin-lr{margin-left:10px;margin-right:10px!important}
 
div .tav-content h1{margin-top:1.8em!important;} div .tav-content h4 {margin-top:-1.5em!important;}.tav-contact{padding: 4em 0;} .tav-contact h1{margin: 0 0px 1em;}

.tav-box-shadow1{box-shadow:none}
.tav-box-shadow1:hover{box-shadow:2px 4px 5px #909193}

.tav-border-cc-hover{border:1px solid #ccc!important}
.tav-border-cc-hover:hover{border:1px solid #9B9696!important}
#tav-m-b10{margin-bottom:10px!important}
#tav-m-t{margin-top:-15px!important;margin-bottom:10px!important}


/* condo หน้าเริ่มต้น*/
/* tavoei */
.tavcollor-black{color:#000;}
.bg-nex-slide{;background:rgba(216, 216, 216, 0.3);color:#232323;}
.bg-nex-slide:hover{background:rgba(216, 216, 216, 0.4);color:#fff;text-decoration:none}
.tav-bg-f{background:rgba(255, 255, 255, 0.2)!important}
.tav-bg-fff{background:rgba(255, 255, 255, 0.2);border-radius:2px;}
.tav-bg-ff{background-color:rgba(255, 255, 255, 0.8);border-radius:2px;}
.tav-bg-fff-rgb{background-color:rgba(255, 255, 255, 0.6)!important}
.tav-bg-green{background:#4CAF50!important}
.tav-bg-green2{background:#4CAF50;border-radius:2px;}
.tav-bg-green1{background:rgba(76, 175, 80, 0.9);border-radius:2px;}
.tav-bg-green3{background:rgba(76, 175, 80, 0.6)}
/* .tav-bg-green3{background:rgba(20, 20, 20, 0.9)}เปลี่ยนสีเดือนตุลาคม */
.tav-bg-back1{background:rgba(0, 0, 0, 0.1)}
/* .tav-bg-back1{background:rgba(20, 20, 20, 0.9)} เปลี่ยนสีเดือนตุลาคม */
.tav-bg-back2{background:rgba(0, 0, 0, 0.2)}
.tav-bg-back3{background:rgba(0, 0, 0, 0.3)}
.tav-bg-b{background:rgba(0, 0, 0, 0.1);padding:0 1em 0}
.tav-bg-grad-w-g{background: linear-gradient(white, green)!important;}
.tav-bg-purple{background-color:#FF3A71;color:#fff!important}
.tav-bg-purple1{background-color:#FF3A71;color:#fff!important}
.tav-bg-purple1:hover{background:rgba(255, 58, 113, 0.8)!important;color:#000!important}
.tav-bg-purple2{background-color:#FF3A71;color:#fff!important}
.tav-bg-purple2:hover{background-color:#FF3A71!important;}
.tav-bg-purple-rgb{background:rgba(255, 58, 113, 0.8)}
.tav-bg-purple-rgb2{background:rgba(255, 58, 113, 0.5)}
.tav-bg-purple-rgb3{background:rgba(255, 58, 113, 0.2)}
.tav-bg-610{background:#610653!important; color:#fff!important}  /* ม่วง */
.tav-bg-ff1{background:#fff!important}
.tav-bg-cf{background:#CFC77E!important} /* เขียวอ่อนออกเหลือง */
.tav-bg-ff6{background:#4CAF50!important; color:#fff!important;border-radius:6px; }/*เขียว*/
.tav-bg-5e{background:#0177EE!important; color:#fff!important;border-radius:6px; }/*ฟ้า*/
.tav-bg-23{background:rgb(234, 234, 234)!important;color:#4B4848!important}/* เทาอ่อน */
.tav-bg-42A{background:#42A2CE!important}
.tav-bg-429{background:rgba(66, 159, 252, 0.6)!important}
.tav-bg-429:hover{background:#429FFC!important}
.tav-bg-69b{background:#69BDE1!important}
.tav-bg-a1d{background:#A1D5EB}
.tav-bg-77c{background:#77C2E3}
.tav-bg-b9{background:#B9E6F8}
.tav-bg-42Arg{background:rgba(66, 162, 206, 0.8)!important}
.tav-bg-red{background:#f44336!important;} .tav-bg-red:hover{color:#fff!important}
.tav-bg-25{background:rgba(252, 27, 27, 0.5)}/* แดง */
.tav-bg-25:hover{background:rgba(252, 27, 27, 0.8)!important}/* แดง */
.tav-bg-bgseven{background:url("../images/bgseven.jpg");}
.tav-bg-3c5{background:#3C5B7E;}
.tav-bg-8b{background:#8bc34a!important}/* เขียว */
.tav-bg-sgb-ff{background:rgba(255, 255, 255, 0.2);}/* ขาว */
.tav-bg-tran{background-color:transparent!important} .tav-bg-tran:hover{color:#00ffff!important;opacity:1!important}

.tav-bg-wlapaper1{background:url("../images/bg_pb_top.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper3{background:url("../images/bg_pb_mid.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-animation:opac 4s;animation:opac 4s}
/* .tav-bg-wlapaper1{background-color:rgba(20, 20, 20, 0.9);-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} เดือนต.ค. */
.tav-bg-wlapaper2{background:url("../images/bg_pb1.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper-u{background:url("../images/bg_pbu1.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper-t{background:url("../images/bg_pbt1.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-diy{background:url("../images/bg_diy1.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-concealed{background:url("../images/bg_concealed_tank1.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper-ab{background:url("../images/tavbg_pb.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.tav-bg-slide{background:url("../images/tem-bg-pb-01.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.tav-content-logo{width:10%;margin-right:auto; margin-left:auto;}

.tav-heigth1{height:50px}
.tav-heigth2{height:57px}/* เดิม 55 */


.img-size-v{width:100%}
.img-size-v1{width:90%}
.v-max-width{max-width:100%;}
.v-siz-mo{width:100%;border-radius: 4px}
.tav-bor-radius{width:100%;border-radius: 6px}


.vSlides{display:none!important;}
.mySlides{display:none;}
.tavSlides{display:none}
.zindL{z-index:99!important}
.zindLL{z-index:9999999999999999999999!important}
.zind{z-index:5}
.zind1{z-index:3}
.zind2{z-index:2}
.zindon{margin-top:6px;}



.tav-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 1.5s}
.tav-animate-left{position:relative;-webkit-animation:animateleft 1.5s;animation:animateleft 1.5s}
.tav1-animate-left{position:relative;-webkit-animation:animateleft .5s;animation:animateleft .6s}
.tav2-animate-left{position:relative;-webkit-animation:animateleft .9s;animation:animateleft .9s}
.tav-animate-right{position:relative;-webkit-animation:animateright 2s;animation:animateright 2s}
.tav1-animate-right{position:relative;-webkit-animation:animateright .5s;animation:animateright .5s}
.tav2-animate-right{position:relative;-webkit-animation:animateright .9s;animation:animateright .9s}
.tav3-animate-right{position:relative;-webkit-animation:animateright 1.3s;animation:animateright 1.3s}
.tav0-animate-opacity{-webkit-animation:opac 1s;animation:opac 0.2s}
.tav-animate-opacity{-webkit-animation:opac 1s;animation:opac 1s}
.tav1-animate-opacity{-webkit-animation:opac 2s;animation:opac 2s}
.tav2-animate-opacity{-webkit-animation:opac 3s;animation:opac 3s}
.tav3-animate-opacity{-webkit-animation:opac 4s;animation:opac 4s}
.tav4-animate-opacity{-webkit-animation:opac 5s;animation:opac 5s}
.tav5-animate-opacity{-webkit-animation:opac 6s;animation:opac 6s}
.tav6-animate-opacity{-webkit-animation:opac 7s;animation:opac 7s}
.tav7-animate-opacity{-webkit-animation:opac 8s;animation:opac 8s}
.tav-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 1.5s}
.w3-display-bottomleft-v{position:absolute;left:0;bottom:35px;background:rgba(255, 255, 255, 0.3);}
.w3-display-topmiddle-v{position:absolute;left:0;top:0;width:100%;text-align:center}

.tav-location{position:fixed;left:190px;top:12px;background:rgba(5, 111, 9, 0.7)!important; padding:4px 8px 3px; border-radius:6px;border:1px solid rgba(255, 255, 255, 0.4);}
/* .tav-location{position:fixed;left:190px;top:12px;background:rgba(20, 20, 20, 0.9)!important; padding:4px 8px 3px; border-radius:6px;border:1px solid rgba(255, 255, 255, 0.4);}เดือนตุลา */
.tav-location:hover{box-shadow: 1px 3px 4px rgba(147, 147, 147, 0.8);border:1px solid rgba(255, 255, 255, 0.7);background:rgba(5, 111, 9, 0.9)!important;}
.tav-button{background:rgba(66, 159, 252, 0.7)!important; padding:4px 8px 3px;width:100px; border-radius:6px;border:1px solid rgba(255, 255, 255, 0.4);text-align:center;color:#fff}
.tav-button:hover{box-shadow: 1px 3px 4px rgba(147, 147, 147, 0.8);border:1px solid rgba(255, 255, 255, 0.7);background:rgba(66, 159, 252, 0.9)!important;}
.tav-button-1{background:rgba(66, 159, 252, 0.7)!important; padding:3px 8px 3px;width:100px; border-radius:6px;border:1px solid rgba(255, 255, 255, 0.4);text-align:center;color:#fff}
.tav-button-1:hover{box-shadow: 1px 3px 4px rgba(147, 147, 147, 0.8);border:1px solid rgba(255, 255, 255, 0.7);background:rgba(66, 159, 252, 0.9)!important;color:#fff!important;}.tav-button-1 a:hover{color:#fff!important;}
.border-radius-v{border-radius: 4px;}
.phon-v{position:absolute;left:200px;top:1px;}
/* div.tav-location p span{font-family:'Tahoma', Arial Narrow , sans-serif} *//* เบอรโทรศัพท์ header */
.tav-side-nav{
	line-height: 2.2!important;
	color: #fff;
	position: fixed;
	top: 9px;
	left: 70px;
	z-index: 4;
	margin: 0 20px 0 20px;
	background: rgba(0, 0, 0, 0.9);/* rgba(42, 44, 17, 0.7) */
	box-shadow:0 8px 8px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 2px;
	padding: 0 12px 0!important;
}
.tav-side-nav:hover{background:rgba(0, 0, 0, 0.7);box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.tav-menu-single{line-height: 2.2!important;color: #fff;position: fixed;top: 65px; left:70px; z-index: 4; margin:0 20px 0 20px; background:#607d8b; border:1px solid rgba(255, 255, 255, 0.6); border-radius:2px; padding:0 12px 0!important;}
.tav-menu-single:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
/* #right1{right:0}ถ้าให้เมนูออกมาทางด้านขวาเอาคอมเมนออก */
.tav-dropdown1{background:#FF3A71;border:1px solid #fff;border-radius:4px;margin-bottom:5px;transition: 0.4s all}
.tav-dropdown1:hover{background:rgba(255, 58, 113, 0.3);color:#000}

/* logo condo */

/* style textใต้ภาพ */
.lin-hei-v{line-height:1.5;margin-top:10px;margin-bottom:20px}
h6.lin-hei-v.tav-color-purple{font-family:'TH Kodchasal Bold',cursive;font-size:22px}
/* //style textใต้ภาพ */
.logo-abs{position:absolute;top:7px;right:0;z-index:3;width:100%;text-align:center;}/* ตอนปรับให้ไปอยู่ทางขวาไม่ได้แก้อะไร */
.logo-abs img{width:150px;float:right;margin-right:20px; /* background:rgba(255, 255, 255, 0.9); padding:0 5px;border-radius:4px; */} /* ปรับให้ไปอยู่ทางขวา แก้ จาก left เป็น right *เมื่อ 60-1-11 */
/* logoเดิม .logo-abs img{width:160px */


.text-on{position:absolute; top:500px; width:100%;text-align:center;margin:auto; text-decoration:none;}
.text-on img{width:350px}
.tav-t-dec{text-decoration:none;margin-left:5px}



.text-link{background:rgba(216, 216, 216, 0.2);padding:15px 30px 15px;font-size:20px;border: 1px solid #fff;border-radius: 4px;color:#fff;text-align:center; transition: 0.5s all;/* ;position: absolute;
	top: 480px; */
	/* ทำให้ position:absolute อยู่กึ่งกลาง */
	/* left: 50%;
	margin-left: -50px; */ /* -(width/2) */}
.text-link:hover{background:rgba(216, 216, 216, 0.1);}

.tav-bottom-center{background:rgba(63, 191, 131, 0.1); padding:5px 30px 5px; font-size:20px;border:1px solid #fff; border-radius: 6px; color:#fff;text-align:center; transition: 0.5s all;
	/* ทำให้ position:absolute อยู่กึ่งกลาง */
	/* left: 50%;
	margin-left: -50px; */ /* -(width/2) */}
.tav-bottom-center:hover{background:rgba(255, 58, 113, 0.8)/* rgba(0, 0, 0, 0.2) */;color:#fff;text-decoration:none;}
.tav-btn{ border:none; display:inline-block; outline:0; vertical-align:middle; overflow:hidden; text-decoration:none!important; color:#fff; transition:0.4s all; padding:0.4em 0.6em; margin: 0.1em 0.1em 0 0;background-color:#607d8b;text-align:center;cursor:pointer;white-space:nowrap}
.tav-btn:hover{background-color:#324B56; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.tav-btn-ff{ border:1px solid rgba(255, 255, 255, 0.4); transition: 0.4s all; padding: 0.1em 0.4em;}
.tav-btn-ff:hover{background:rgba(255, 58, 113, 0.8)}

.bg-condo-bod-y{background:url("../images/bgseven.jpg");}
.tav-opennav{float:right!important; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -user-select:none}
.tav-opennav{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;} 
.tav-opennav:hover{cursor:pointer;}
/* -- */ 

/* //Condo css */
.tav-c-z-in{cursor:zoom-in}
.tav-cursos{cursor:pointer}
.tav-content{width:80%;padding-right: 15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.tav-footer{width:76%;margin-right: auto;margin-left: auto; color:#4E827E!important;}
.tav-width{width:48%;margin-right: auto;margin-left: auto; color:#009688!important;}
.tav-width460{width:460px!important}
/* ผู้ที่อยู่ใต้ class ตามลำดับนี้จะแสดงผลตามนี้ */
.tav-content .w3-row-padding .w3-third,.tav-content .w3-row-padding .w3-quarter{margin-bottom:10px} 
.tav-line-heig1{line-height:1;}
.tav-line-heig2{line-height:1.1;}
.tav-line-heig{line-height:1.3;}
.tav-line-heig-s{line-height:1.7}

/* google */
.tav-font-family-Itim{font-family: 'Itim', cursive!important;}
.tav-font-family-Sriracha{font-family: 'Sriracha', cursive!important;}
.tav-font-family-Athiti{font-family: 'Athiti', sans-serif!important;}
.tav-f-f-kanit{font-family: 'kanit', sans-serif!important;}
.tav-f-f-chonburi{font-family: 'chonburi', sans-serif!important;}
/* //google */

.tav-font-family-Th-Cha{font-family: 'TH Charmonman Bold', cursive!important;} /* เอนมีหางอ่อนช้อย */
.tav-font-family-TH-K{font-family:'TH Kodchasal Bold',cursive!important}/*  ตัวมนอ้วนลูกเล่นเรียบร้อย */
.tav-f-f-CS-Che{font-family: 'CS-Cheangkhan',cursive!important} /* ตัวเขียนบางเล็กน่าเก็บไว้ใช้ */
.tav-f-f-TS-kaew{font-family:'TS-kaewpet NP',cursive!important}
.tav-f-f-TS-kaew-ex{font-family:'TS-kaewPet Extra-NP',cursive!important}
.tav-f-mis{font-family:'Mi Teiyng Script',cursive!important}
.tv-f-fAr{font-family:'Arial Narrow', Tahoma , sans-serif!important}
.tv-f-Ta{font-family:'Tahoma', Arial Narrow , sans-serif!important}
.tav-font-weight{font-weight:bold!important}

.tav-f-93{font-size:0.93em!important}

.tav-f-13{font-size:13px!important}
.tav-f-14{font-size:14px!important}
.tav-f-15{font-size:15px!important}
/* .tav-f-16{font-size:15px!important} */
.tav-f-zL{font-size:16px!important}
.tav-f-siz-about{font-size:16px!important}
.tav-f-ssL{font-size:18px!important}
.tav-f-18{font-size:18px!important}
.tav-f-sL{font-size:20px!important}
.tav-f-sxL{font-size:22px}
.tav-f-zxL{font-size:24px!important}
.tav-f-zmL{font-size:31px!important}
.tav-f-zxxL{font-size:1.6em!important} .tav-f-1e{font-size:1.1em!important} .tav-f-1emx{font-size:1.3em!important}
.tav-f-zLL{font-size:36px!important}
.tav-f-zLL768{font-size:38px!important}
.tav-text-shadow-white{text-shadow:0.1px 1px 0px rgba(255, 255, 255, 0.2)}
.tav-f-92{font-size:0.92em!important;line-height:1!important}
.tav-f-20{font-size:20px!important}
.tav-f-20-19{font-size:20px!important}
.tav-f-16{font-size:16px!important;}
.tav-tex-cen{text-align: center!important;} .tav-tex-left{text-align:left!important}
/* text slide เล็ก */
li h5{position:absolute; color:#fff!important; top:0; margin-top:2px; margin-left:-10px; font-size:15px!important; font-family:'Itim', cursive!important; text-shadow:2px 3px 4px #000!important;}

/* หน้าเริ่มต้น */

.tav-banner-text{display:block; position:absolute; color:#fff!important; top:50%;/* width:7.5%;ถ้ามีห้าสไลด์ใช้ขนาดนี้์  */ width:8.5%;/*  3สลด์ */margin:auto;font-size:15px!important; text-shadow:1px 1px 0px rgba(5, 5, 5, 0.1)!important;text-align:center;}

.tav-banner-text h2, .tav-banner-text h1 {font-size:6em; font-family:'TS-kaewpet NP',cursive!important; margin:0 0 -0.1em 0; letter-spacing:0.06cm;}
.tav-banner-text h2 span{font-family:'TS-kaewPet Extra-NP',cursive!important;}
.tav-banner-text p{font-size:54px;font-family:'Athiti', sans-serif!important;letter-spacing:0.02cm!important;}
.tav-banner-text p span{font-size:30px; font-family:'TH Kodchasal Bold',cursive!important; letter-spacing:0.0cm!important;}
.tav-banner-text h3{font-size:1.3em; font-family:'Athiti',cursive!important; line-height:28px; text-decoration:none; padding-left:20%; padding-right:20%; margin-top:10px; margin-bottom:23px;}
li h6{position:absolute; color:#fff!important;bottom:20px; margin-left:18px; font-size:20px!important; font-family:'CS-Cheangkhan', cursive!important; text-shadow:1px 1px 0px #000!important;}
.tav-banner-text a:hover, .tav-banner-text h2 a:hover, .tav-banner-text h2 span a:hover, .tav-banner-text p a:hover, .tav-banner-text p span a:hover,.tav-banner-text h3 a:hover{text-decoration:none!important;color:#fff!important;text-shadow:none!important;}

/* .text-on{position:absolute; top:500px; width:100%;text-align:center;margin:auto; text-decoration:none;}
.text-on img{width:350px} */
/* text silide ใหญ่ */


/* font ใต้ภาพแบบ crad */
div.tav-t-dec h2{font-size:28px; line-height:0.9; font-family:'TH Kodchasal Bold', Arial Narrow , sans-serif!important; margin-left:10px; margin-top:10px; color:#254B73!important} 
div.tav-t-dec a h2{font-family:'Itim', sans-serif!important;font-size:1.04em!important;color:#0066CC!important}
div.tav-t-dec h3{font-size:23px; line-height:0.93; font-family:'Athiti', sans-serif!important; margin-top:10px;}
div.tav-t-dec h3 span{font-size:14px!important;font-family:'Itim', sans-serif!important;float:right;padding-right:10px}
div.tav-t-dec h4{font-size:1.12em; line-height:1.4; font-family:'Itim', sans-serif!important; color:#005DF4!important;letter-spacing:-0.01cm;}

div.tav-t-dec h4 a{font-size:0.93em!important;} div.tav-t-dec h4 a:hover{color:#1D00FF!important} div.tav-t-dec a{text-decoration:none;} div.tav-t-dec a strong{color:#000!important;}

div.tav-t-dec p{font-size:0.9em!important;margin-bottom:-10px;margin-top:15px;font-family:'Sriracha', cursive!important;letter-spacing:.02cm!important}
div.w3-twothird h3 span{font-family:'TH Kodchasal Bold',cursive!important;font-size:18px!important}
/* div.tav-t-dec h4 span{font-size:13px;font-family:'Athiti', sans-serif!important;float:right;padding-right:10px} */
div.tav-bg-ff1 h6, div.w3-container h6, div.tav-bg-bgseven h6, div.tav-t-dec h6{font-size:0.95em; line-height:1.6; color:#686868!important; font-family:'monospace',Arial Narrow, sans-serif!important; text-decoration:none!important}

div.flexslider{border-bottom: 1px solid rgba(204, 204, 204, 0.5)!important; padding-bottom:4px!important;transition: 0.5s all}
div.flexslider:hover{border-bottom: 1px solid #7F7F7F!important}
div.flexslider.carousel{border: 1px solid rgba(204, 204, 204, 0.5)!important; padding:4px!important;transition: 0.5s all} /* แปลงเอามาจาก flexslider */
div.flexslider.carousel:hover{border: 1px solid #333!important;}
.tv-t-in-30{text-indent:30px}
.tv-t-ind{text-indent:50px;}
.tav-text-indent{padding-left:12px;}
h3.tav-pd-bot a{color:#fff; margin:0 0.2em 0;padding:0 0.1em 0;}
h3.tav-pd-bot a:hover{color:#fff;box-shadow: 1px 2px 3px #858688}
/* .tav-banner{font-family: 'Sriracha', cursive; text-align:center; background: url("../images/bg-dessert-1.jpg") no-repeat top center; padding-top:600px; padding-bottom:70px; background-size:cover} */
/* .tav-banner{background: url("../images/bg-dessert-1.jpg") top center; padding-top:700px; padding-bottom:70px; background-size:cover}*/


/* .tav-row{overflow:hidden} */
/*.tav-wrapper{width:960px;margin:auto}
.tav-wrapper h2{font-size:44px;}
.tav-wrapper p{font-size:20px} */
.tex-col-grey{color: #b2b2b2;}
.tex-col-whitei{color: #fff;}
.tex-col-gr{color: #4F4E4E;}
.tav-color-8b{color:#8bc34a!important}/* เขียว */
.tav-color-8b:hover{color:#F687FB!important}
.tav-color-fff{color:#fff!important}
.tav-color-purple{color:#FF3A71!important}
.tav-color-purple1{color:#9c27b0!important}
.tav-color-86{color: #686868!important}
.tav-color-green{color:#4CAF50!important}/* เขียวอ่อน */
.tav-color-00{color: #000!important}
.tav-color-deep-orange{color:#ff5722!important} /* ส้มสดใส */
.tav-color-3c5{color:#3C5B7E!important;} /* เทาน้ำเงินอ่อน */
.tav-color-254{color:#254B73!important} /* เทาน้ำเงินอออกดำ */
.tv-color-33{color:#333333!important} /* เกือบดำ */
.tav-color-99{color:#993300!important} /* น้ำตาล */
.tav-color-61{color:#610653!important}/* ม่วงดำ */
.tav-color-006{color:#0066CC!important} /* น้ำเงิน */
.tav-color-008{color:#008E00!important} /* เขียวเข้ม */
.tav-color-4e{color:#4E827E!important} /* เขียว footer */
.tav-color-009{color:#009688!important}
.tav-color-f4{color:#F4F4F4}
#tav-color-99{color:#993300!important} /* น้ำตาล */


.tv-rtl {direction: rtl!important;}/* อักษรชิดด้านหลัง */
.tv-line-ss{border-top:1px solid rgba(204, 204, 204, 0.5)}
.tv-line-s{ border-top:1px solid #ccc;}
.tv-line-sLr{border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF} /* ยังไม่ได้ใช้กับตัวไหน */
.tv-line-s-f{border-top:1px solid #fff;}
.tv-line-x-f{border-top:4px solid #fff;}
.tv-line-xL-0{border-top:4px solid #000; margin:auto;}
.tv-line-xl-ff3{border-top:4px solid #FF3A71;}
.tav-line{border-top: 1px solid rgba(255, 58, 113, 0.8);}
.tav-border-right{border-right:1px solid rgba(204, 204, 204, 0.5)!important;margin-top:1.5em}

.tav-list-none{list-style-type:none!important;}
.tav-list-margin{margin-left:30px!important;}

.tv-dropdown-img{position:absolute; top:20px;width:100%}

.tv-col-3{width:50%; padding:0 8px}
.tv-imgzoom-single{width:150px; cursor:zoom-in;cursor:-webkit-zoom-in; margin:5px}

.tav-slider { margin: 5px 0 0!important;}
#tav-single-left {float:left; width: 60%; overflow: hidden; padding:0;}
#tav-single-right {float: right; width: 35%; padding: 0 0 0 10px; overflow: hidden;}
#tav-single-right ul li{margin:0 0 0 1.4em; line-height: 1.7em; font-size:0.92em; color:#474747;}
#tavmar-tx{margin-bottom:30px!important}
div .tav-imgzoom a h4{color: #fff!important; position: absolute; font-size: 16px; font-family:'CS-Cheangkhan',cursive!important; top:3px; margin-left:20px!important;padding:2px 15px 2px 15px; text-shadow:2px 3px 4px #000;line-height:1.3em;transition: 0.5s all;}

div ul li h4{color: #fff!important; position: absolute; font-size: 16px; font-family:'CS-Cheangkhan',cursive!important; top:-3px; margin-left:20px!important;padding:2px 15px 2px 15px; text-shadow:2px 3px 4px #000;line-height:1.3em;background:rgba(0, 0, 0, 0.1);transition: 0.5s all;}
div ul li h4:hover{background:rgba(0, 0, 0, 0.7);transition: 0.5s all;}
div .zind2 ul li h3{color: #fff!important; position: absolute; font-size: 16px; font-family:'Athiti', sans-serif!important; top:-3px; margin-left:20px!important;padding:2px 10px 2px 10px; /* text-shadow:2px 3px 4px #000; */line-height:1.3em;background:rgba(0, 0, 0, 0.1);transition: 0.5s all;}
div .zind2 ul li h3:hover{background:rgba(0, 0, 0, 0.7);transition: 0.5s all;}
div .zind2 ul li p{color: #fff!important; position: absolute; font-size: 13px; font-family:'Athiti', sans-serif!important; bottom:0!important; margin-left:4px!important; padding:2px 6px 2px 6px; text-shadow:2px 3px 4px #000;line-height:1.3em;background:rgba(0, 0, 0, 0.2);transition: 0.5s all; border-radius: 3px;}
div .zind2 ul li p:hover ,div .zind2 ul li a:hover{background:rgba(0, 0, 0, 0.7);cursor:zoom-in;}
.tav-back{background:rgba(0, 0, 0, 0.9);transition: 0.5s all ;z-index:9}
div.w3-center ul li a{padding:1px 8px; margin-left:2px;border-radius:50%} /* สไตล์ Next */
.tav-select-group{padding:1px 8px 2px!important; margin:3px 0 0 2px!important;border-radius:4px!important} /* เลือกกลุ่ม */
.tav-select-group-background{background-color:#607d8b!important;color:#fff!important;padding:3px 10px 5px!important; margin:3px 0 0 2px!important;border-radius:2px!important; font-family: 'Itim', cursive!important;font-size:1.2em;} /* เลือกกลุ่ม */
.tav-select-group-background:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

div .w3-accordion-content a{font-size:13px}


.tav-product-s{padding: 1em 0;margin-left:1em}
h6.best2 a{color:#000!important; font-family:'Arial Narrow', Tohoma , sans-serif!important}
h6.best2 a:hover{color:#993300!important}
div.w3-container a{text-decoration:none}

.tav-container-1{padding:0.01em 16px}
.tav-container-2{margin:auto;}
.tav-container-3{margin:-4px -4px 0!important;}

/* test */
  .flex-caption {
      width: 96%;
      padding: 2%;
      left: 0;
      bottom: 0;
      background: rgba(0,0,0,.5);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      font-size: 14px;
      line-height: 18px;
    }
    li.css a {
      border-radius: 0;
    }
/* //test59-9-9 */

/* เอามาจาก demo */
.slider { margin: 50px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Loading
***********************/
.loading #tavwo-container {opacity: 0;}  
.loading:before  { content: 'loading'; display: block; margin: 200px 0 0; text-align: center; color: #616161; /* font-weight: bold; */ font-size: 60px; opacity: 0.3;}
/* --//เอามาจาก demo */
.tav-show-smartphone991{display:none}
.tav-col-l2-s1{width:49.99999%}
.tav-col-l4-m2-s1{width:24.99999%;margin-bottom:20px;}
.tav-col-l3-m2-s1{width:31.99999%;}
.tav-address-col3{padding:10px; position:relative;}
nav a{ color: #fff!important;} nav div .tav-text-indent a{font-size:0.9em!important}
nav a:hover, nav a:focus, nav a span {color:#23527c!important;}
.tav-border { transition: transform .3s ease-in-out; overflow: hidden; }
.tav-border img {display: block; width: 100%; height: auto; transform: scale(1); transition: transform .3s ease-in-out}
.tav-border:hover {transform: scale(.97);}
.tav-border img:hover {transform: scale(1.1);}
.review-v-intro{float:right; padding: 0 1em; margin:0 0 0.7em 0;}
.tav-display-n{display:none;}/* ซ่อนหน้า Desktop */
.tav-d-none{display:none!important;}
.tav-cursor-auto{cursor:default!important;}
.tav-cursor-uns-o{cursor:auto!important;}
.tav-cursor-uns-o:hover{opacity:0.6}
.tav-link-disable{cursor:not-allowed!important; opacity:0.6}
.tav-single-pic{/*61-5-23*/float:left; width:58%; padding-left:5px;}
.tav-single-text{/*61-5-23 */float: right; width: 40%; padding: 30px 0 0 20px ;  color: #474747; line-height: 15px;}
.tav-single-text h1{font-size:1.6em!important;color:#3C5B7E!important;font-family: 'kanit', sans-serif!important;}
.tav-single-text h4{font-size:1.2em!important;font-family: 'kanit', sans-serif!important;line-height:1.4}
.tav-single-text ul li {line-height:1.6}
.tav-container-2 h6 span{padding-left:32px!important}

@media(max-width:1920px){ 

}

@media(max-width:1600px){

.text-on{top:370px;}	
.tav-width{width:52%;}
}
@media(max-width:1400px){
.tav-banner-text{top:46%; }
.tav-col-l3-m2-s1{width:30.99999%;}
.text-on{top:300px;}	
.tav-width{width:58%;}
div .tav-content h1{margin-top:1.3em!important;}
}
@media(max-width:1366px){

.text-on{top:280px;}
} 
@media(max-width:1280px){
/* .tav-side-nav{background: rgba(42, 44, 17, 0.7);top: 9px;} .tav-side-nav:hover{background:rgba(0, 0, 0, 0.9)} */
.tav-menu-single{background: rgba(42, 44, 17, 0.7);top: 9px; left:20px} .tav-menu-single:hover{background:rgba(0, 0, 0, 0.9)}
.tav-content-logo{width:13%;}
div .tav-content h1{margin-top:1.1em!important;}	
.text-on{top:260px;}
.text-on img{width:340px}	
.tav-content{width:90%;}
.tav-footer{width:84%;}
.tav-f-zL{font-size:14px}
/* .tav-banner-text{width:8%; top:42%;}ถ้าห้าสไลด์ไช้ตัวนีั้ */
.tav-banner-text{top:42%;}
li h6{margin-left:18px; font-size:18px!important;}
.tav-width{width:64%;}
}

@media(max-width:1152px){
.tav-content-logo{width:14%;}
.text-on{top:200px;}	
.tav-footer{width:82%;}
.tav-width{width:62%;}

}
@media(max-width:1024px){
/* .tav-banner-text{width:7.5%; top:40%;}ถ้าห้าสไลด์ไช้ตัวนีั้  */
.tav-banner-text{top:40%;}
.tav-banner-text h2{font-size:4.5em;}
.tav-banner-text p{font-size:42px;}
.tav-banner-text h3{ margin-top:7px;}
.tav-side-nav,.tav-menu-single{left:5px;}

.tav-location{left:100px;}
.phon-v{left:120px}

.tav-heigth2{height:58px}/* เดิม 50 */

.text-on{top:180px;}
.text-on img{width:240px}
.text-link{font-size:18px;padding:12px 24px 12px;}

.tav-bottom-center{font-size:18px;}

#tav-single-left {width: 55%; padding:0; margin-left:50px}
#tav-single-right {width: 30%; padding: 0; margin-right:50px }
div .tav-content h1 {margin-top:0.9em!important;}

}

@media(max-width:996px){

li h6{bottom:5px}	

.text-on{top:160px;}
.tav-content{width:100%;padding-right: 0; padding-left: 0}
.tav-f-siz-about{font-size:15px!important}

.tav-footer p{text-align:left}
}
@media(max-width:991px){.tav-show-smartphone991{display:block}
.tav-single-pic{/*61-5-23*/ float:none;width:90%; padding-left:0px;margin-left:auto!important;margin-right:auto!important}
.tav-single-text{/*61-5-23 */float:none;width:90%; padding: 0 0 10px 20px ;margin-left:auto!important;margin-right:auto!important}
.tav-border-right{border-right:none!important;}
}

@media(max-width:964px){
.text-on{top:140px;}
.tav-banner-text{ top:38%;}
.tav-banner-text h2{font-size:3.8em;}
.tav-banner-text p{font-size:40px;}
.tav-banner-text p span{font-size:28px;}
.tav-banner-text h3{font-size:1.1em; margin-top:4px; line-height:25px;}
.tav-mar-L-allpro{margin-left:35%!important}
}
@media(max-width:840px){

.tav-bg-wlapaper2{background:url("../images/bg_pb2.jpg");-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}	
.tav-bg-wlapaper-u{background:url("../images/bg_pbu2.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper-t{background:url("../images/bg_pbt2.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-diy{background:url("../images/bg_diy2.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-clearfix{display:block}
.tav-clearfix-show-desktop{display:none!important}
.tav-col-l4-m2-s1{width:46.66666%;margin-left:2%}
.tav-col-l3-m2-s1{width:45.66666%;margin-left:2%}	
.text-on{top:100px;}
.tav-side-nav, .tav-menu-single{left:0;}
.tav-banner-text p span, .tav-banner-text p span a{font-size:24px;}
.tav-banner-text h3{font-size:1em;}
.tav-banner-text p a{font-size:14px;}

.tav-mar-L-allpro{margin-left:30%!important}
.tav-single-pic{/*61-5-23*/padding:0 0 0 10px}
.tav-single-text{/*61-5-23 */padding: 0 0 10px 30px}
}
@media(max-width:800px){
.tav-content-logo{width:15%;}
.tav-heigth2{height:48px}/* เดิม 45 */
.text-on{top:90px;}
.tav-location{top:8px!important;}
.text-link{font-size:16px}
.tav-iframe{height:250px!important}
.tav-side-nav, .tav-menu-single{top:5px}
.logo-abs{top:1px;}
.logo-abs img{width:140px}
.phon-v{top:-4px;}
.tav-contact{padding: 3.3em 0;}
.tav-mar-t-5e{margin-top:-3.5em!important}
}
@media(max-width:768px){
.tav-content-logo{width:17%;}
div.tav-t-dec h3 span{padding-right:0px}	
.tav-tooltip{position:relative;}.tav-tooltip .tav-text{display:block}.tav-tooltip:hover .tav-text{display:block;background-color:#fff!important;} .tav-tag{color:#0066CC!important;}
.tav-display-n{display:block;}
.tav-dis-none768{display:none!important;}	
.tav-pd-6{padding:0.15em!important;padding-bottom:0.15em!important}
.tav-banner-text h2{font-size:3.5em;}
.tav-banner-text p{font-size:36px;}
.tav-banner-text p span{font-size:23px;}
.tav-banner-text h3{margin-bottom:20px;line-height:23px;}
.tav-bottom-center{font-size:17px;}
.slider {padding-left:10px; padding-right:10px;}
.tav-container-1{margin-bottom:0.5em}
/* .tav-container-2{width:86%} *//* 61-5-23 */

.tv-t-ind{text-indent:30px;}
.tav-f-zL{font-size:15px}  .tav-f-zLL768{font-size:24px!important} .tav-f-zxxL{font-size:1.6em!important} .tav-product-s{margin-left:0} 

.text-on{top:690px;}
/* .logo-abs{right:20px;} *//* ถ้าให้ไปอยู่ทางขวาคอมเมนไว้ถ้าให้ไปอยู่ทางซ้ายเอาคอมเมนออก */

.tav-address1 p { font-size: 1.4em;line-height: 1.7em;}
/* .show-desktop ไม่เกี่ยวกับ condo */
.show-desktop{visibility: hidden;}
.address i{font-size:2.2em;}	


div.w3-twothird.w3-container.tav-border-right{width:100%!important}
div.w3-third.w3-container{width:100%!important}

#toTop {bottom: 15px;width: 35px;height: 35px;}
#toTopHover {width: 35px;height: 35px;}
.tav-width{width:78%;}
div .tav-content h1 {margin-top:0.6em!important;}

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


.text-on{top:650px;}
}

@media(max-width:667px){
	
.tav-banner-text{top:25%; }
li h6{bottom:3px}
.tav-col-l3-m2-s1{width:44.66666%;}
/* .tav-address-col3{padding:10px 10px 1px 30px;} */
.text-on{top:530px;}
/* .tav-container-2{width:88%} */
.tav-bottom-center{font-size:16px;padding:5px 26px 5px;}
.tav-mar-L-allpro{margin-left:20%!important}
}

@media(max-width:640px){
/* .tav-mar-t-5e{margin-top:-4em!important} */
.tav-f-sL{font-size:18px!important}	
.tav-f-zL{font-size:14px}
.tav-f-16{font-size:14px!important}
.tav-f-20{font-size:18px!important}
.tav-f-20-19{font-size:19px!important}

.text-on{top:550px;}
.tav-banner-text h3{letter-spacing:-0.02cm}
.slider {padding-left:15px; padding-right:15px;}
div .tav-content h1 {margin-top:1em!important;}
}

@media(max-width:603px){
.tav-content-logo{width:30%; height:40px;}	
div .zind2 ul li h3{margin-left:10px!important}	
.tav-banner-text{top:50%;}	
.tav-banner-text h2{font-size:5.3em;}
.tav-banner-text p{font-size:48px;} .tav-banner-text p span{font-size:30px;} .tav-banner-text p span a{font-size:30px;} .tav-banner-text p a{font-size:16px;}
.tav-banner-text h3{font-size:1.2em; margin-bottom:20px; padding-left:12%; padding-right:12%; letter-spacing:-0.01cm; line-height:26px;}

.tav-bottom-center{font-size:18px;padding:5px 30px 5px;}

.tav-col-l4-m2-s1{width:48.66666%;margin-left:0.9%}	
/* .tav-container-2{width:94%} */
.text-on{top:510px;}
.tav-text-haeder-de1{font-size:22px}
li h6{font-size:16px!important; bottom:20px}
.tav-f-zLL{font-size:30px}
.tav-f-zmL{font-size:27px!important;}
.tav-f-ssL{font-size:16px!important}
div .col-lg-4 h3{font-size:20px;}
.tav-width{width:84%;}

}

@media(max-width:600px){

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

.tav-col-l3-m2-s1{width:43.66666%;margin-left:3%}
}

@media(max-width:576px){
.tav-banner-text h3{font-size:1.1em; margin-bottom:20px; margin-top:15px;}
.text-on{top:440px;}
.tav-col-l3-m2-s1{width:44.66666%;margin-left:2%}

}

@media(max-width:568px){
.logo-abs img{margin-right:10px}	
/* .tav-container-2{width:100%} */
.text-on{top:450px;}
/* --/ปรับขนาด font-size .w3-sidenav กตัวหลักหน้าเริ่มต้นอยู่ ที่  w3 css */
/* .w3-sidenav{font-size:20px}
.w3-large{font-size:20px!important} */
/*--// ปรับขนาด font-size .w3-sidenav กตัวหลักหน้าเริ่มต้นอยู่ ที่  w3 css */
}
@media(max-width:533px){
.tav-banner-text h3{ padding-left:10%; padding-right:10%;}
.text-on{top:410px;}
.tav-width{width:80%;}
.tav-f-siz-about{font-size:14px!important;}
.tav-location{font-size:13px!important;top:12px!important;}
.phon-v{left:90px;top:0;}
.phon-v img{width:35px;}
}

@media(max-width:480px){
.tav-content-logo{width:35%; height:45px;}
.tav-banner-text h2{font-size:4.5em;letter-spacing:0.03cm;}
.tav-banner-text p{font-size:40px;} .tav-banner-text p span,.tav-banner-text p span a{font-size:22px; letter-spacing: -0.01cm;} 
.tav-banner-text h3{font-size:1.12em; margin-bottom:20px; margin-top:10px; line-height:22px;}
.tav-bottom-center{font-size:17px;padding:5px 24px 5px; letter-spacing: -0.01cm;}	
.tav-col-l4-m2-s1{width:91.66666%;margin-left:4.5%}	
.tav-col-l3-m2-s1{width:91.66666%;margin-left:4.5%}	
.tav-col-l2-s1{width:91.66666%}
.tv-t-ind{text-indent:0;}	
.tav-f-zxL{font-size:22px!important}
.text-on{top:350px;}
.tav-f-sxL{font-size:21px!important}
.tav-f-sL{font-size:17px!important}
.tav-address1 p {font-size: 1.2em;}
div .zind2 ul li h3{margin-left:2px!important;font-size:13px;top:-4px;}
.phon-v img{width:35px;}
/* .phon-v{top:-2px;} */
.tav-bg-wlapaper2{background:url("../images/bg_pb3.jpg");-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}
.tav-bg-wlapaper-u{background:url("../images/bg_pbu3.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}	
.tav-bg-wlapaper-t{background:url("../images/bg_pbt3.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-bg-diy{background:url("../images/bg_diy3.jpg");-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.tav-imgzoom{padding:0px;border:1px solid rgba(178, 178, 178, 0.4);} .tav-t-dec{text-decoration:none;margin-left:10px; margin-right:5px} 

.tav-single-pic{/*61-5-23*/width:94%; padding:0 0 0 0px}
.tav-single-text{/*61-5-23 */width:94%; padding: 0 0 10px 20px}
}

@media (max-width:442px){
.tav-content-logo{height:37px;}	
.tav-banner-text{top:45%;}
.slider {padding-left:10px; padding-right:10px;}
.text-on{top:320px;}
.tv-t-in-30{text-indent:15px}
div .tav-content h1 {margin-top:0.99em!important;}	
}

@media(max-width:414px){
.review-v-intro{font-size:0.7em;}	
.tav-banner-text h3{ padding-left:8%; padding-right:8%;}	
.text-on{top:280px;}
.text-link{font-size:14px;padding:10px 22px 10px;}
.tav-location{/* left:2px;top:48px!important */}/* เดิม top 46 */
.phon-v{/* left:80px; */top:-1px}

.tav-single-pic{/*61-5-23*/width:96%;}
.tav-single-text{/*61-5-23 */width:94%;padding: 0 0 10px 5px}
.tav-single-text h1{font-size:1.4em!important;}
.tav-single-text h4{font-size:1.1em!important;line-height:1.5}
/* .tav-single-text ul li {line-height:1.4} */
.tav-container-2 h6 span{padding-left:32px!important}

}
@media (max-width:384px){
.tav-banner-text{top:44%; }
.tav-banner-text p{font-size:34px; letter-spacing: 0.01cm!important}
.tav-col-l4-m2-s1{width:99.66666%;margin-left:0}
.tav-col-l3-m2-s1{width:99.66666%;margin-left:0}

.text-on{top:240px;}
.tav-f-zmL{font-size:21px!important;}
}
@media(max-width:375px){
.tav-content-logo{width:40%;}
.tav-banner-text h3{font-size:1em;margin-bottom:18px; margin-top:8px; line-height:21px;}
div .tav-content h1 {margin-top:0.6em!important;}
}
@media(max-width:360px){
.text-on{top:180px;}
/* .logo-abs{right:15px;} */  /* ถ้าให้ไปอยู่ทางขวาคอมเมนไว้ถ้าให้ไปอยู่ทางซ้ายเอาคอมเมนออก */
.tav-f-ssL{font-size:15px!important}
.tav-f-sL{font-size:16px!important}
}
@media(max-width:320px){
.tav-content-logo{width:45%; height:35px;}
div .tav-content h1 {margin-top:0.5em!important;}
.tav-f-sL{font-size:15px!important}
.tav-f-zmL{font-size:19px!important;}	
.tav-banner-text{top:38%; }
.tav-banner-text p span{font-size:20px;}
.tav-banner-text h3{ padding-left:7%; padding-right:7%;}	
.tav-col-l4-m2-s1{width:100%;margin-left:0.1%}
.tav-col-l3-m2-s1{width:100%;margin-left:0.1%}

.text-on{top:150px;}

.tav-address1 p {font-size: 1em;}
.tav-address1{margin-top: 0;}
#toTop {bottom:10px; right:15px;}

.logo-abs{top:1px;}   /* ถ้าให้ไปอยู่ทางซ้ายใช้ตัวนี้  .logo-abs{position:absolute; top:2px; right:20px; z-index:3; width:100%; text-align:center;} */
.logo-abs img{margin-right:8px}  /* ถ้าให้ไปอยู่ทางซ้ายใช้ตัวนี้  .logo-abs img{width:140px;float:left;margin-left:20px} */

.tav-side-nav{margin:0 20px 0 20px;}
/* .phon-v{left:160px;top:45px} *//* logoเดิม left:160px  ไม่ได้คอมเมนไว้*/
.phon-v{left:80px;}
.tav-single-text{/*61-5-23 */width:96%;padding: 0 0 10px 5px}
.tav-single-text ul li {line-height:1.4;padding-left:0!important }
}
/* เฉพาะริบบิ้น */
.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; }
@media only all and (min-width: 768px) { 
.black-ribbon { width: auto; } 
}
.stick-left { left: 0; opacity : 0.8;}
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/* เฉพาะริบบิ้น */