/* html {
/* IE */
/*
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important;
-webkit-filter: grayscale(30%);
-moz-filter: grayscale(30%);
-ms-filter: grayscale(30%);
-o-filter: grayscale(30%);
filter: grayscale(30%);
filter: gray;
}
*/
/* img {
/* -ms-filter: grayscale(40%);	 /* IE 6-9 */
/* -webkit-filter: grayscale(30%); 
filter: grayscale(30%);
filter: gray;
} */
 
/* body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=40%) !important;
  -webkit-filter: grayscale(40%) !important;
  filter: grayscale(40%) !important;
}
*/
.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}
.clear{clear:both; display:block; overflow:hidden;}
.box{
    border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;background: #EEFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));background: -webkit-linear-gradient(#EEFF99, #66EE33);background: -moz-linear-gradient(#EEFF99, #66EE33);background: -ms-linear-gradient(#EEFF99, #66EE33);background: -o-linear-gradient(#EEFF99, #66EE33);background: linear-gradient(#EEFF99, #66EE33);-pie-background: linear-gradient(#EEFF99, #66EE33);
    behavior: url('pie/PIE.htc');
}
body{
    background: url("../images/bg.jpg") repeat fixed 0 0 #f6f6f6;
    margin:0px;
    padding:0px;
    font: 13px "HelveThaiCa";
    color:#707070;
}
p{
    padding:0;
    margin: 0 0 15px;
}
a{outline:none;color:#707070;}
a:link {text-decoration:none;color:#707070; outline:none}
a:visited {text-decoration:none;color:#707070; outline:none}
a:hover {text-decoration:none;color:#0068b3; outline:none}
a:active {text-decoration:none;color:#707070; outline:none}
.content-detail a{outline:none;color:#0068b3;}
.content-detail a:link {text-decoration:none;color:#0068b3; outline:none}
.content-detail a:visited {text-decoration:none;color:#0068b3; outline:none}
.content-detail a:hover {text-decoration:none;color:#0068b3; outline:none}
.content-detail a:active {text-decoration:none;color:#707070; outline:none}
img{
    border:none
}
#wraper{
    margin: 0 auto;
    display: block;
    /*position: relative;*/
    width: 980px;
    padding:0px;
}
#content{
    clear: both;
    display: block;
    height: auto;
    overflow: hidden;
    background: #fff;
    width: 978px;
   /* border-bottom: 1px solid #e9e9e9;*/
    padding: 0px;
    /*                -webkit-border-radius: 0px 0px 8px 8px;
                    -moz-border-radius:0px 0px 8px 8px;
                    border-radius:0px 0px 8px 8px;*/
   /* -webkit-box-shadow: #e9e9e9 0px 1px 2px;
    -moz-box-shadow: #e9e9e9 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;*/
    /*                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
                    background: -webkit-linear-gradient(#EEFF99, #66EE33);
                    background: -moz-linear-gradient(#EEFF99, #66EE33);
                    background: -ms-linear-gradient(#EEFF99, #66EE33);
                    background: -o-linear-gradient(#EEFF99, #66EE33);
                    background: linear-gradient(#EEFF99, #66EE33);
                    -pie-background: linear-gradient(#EEFF99, #66EE33);*/
    behavior: url('pie/PIE.htc');
}
#content-detail{
    clear: both;
    display: block;
    height: auto;
    width: 980px;
    padding:10px 0px;
	position: relative;
}
#head{
    /*background: url("../images/bg_head.png") no-repeat 0 0 transparent;*/
    margin:0px;
    padding:10px;
    display: block;
    height:127px;
    width: 960px;
    margin-bottom:5px;
}
#nav-top{
    padding:0px;
    display: block;
    height:21px;
    width: 960px;
}
#main-nav{
    padding:0px;
    display: block;
    height:79px;
    width: 960px;
    margin-top: 15px;
}
#slide-home{
    padding:0px;
    display: block;
    height:390px;
    width: 978px;
}
#slide-footer-home{
    height: 68px;
    margin-top: -55px;
    padding: 0;
    position: relative;
    width: 978px;
    z-index: 120;
    background: url("../images/footer-slide.png") no-repeat 0 0 transparent;
}
#slide{
    padding:0px;
    display: block;
    height:277px;
    width: 978px;
}
#slide-footer{
    height: 68px;
    top: -25px;
    padding: 0;
    position: relative;
    width: 978px;
    z-index: 120;
    background: url("../images/footer-slide.png") no-repeat 0 0 transparent;
}
#logo{
    margin-left:10px;
    float:left;
    display:block;
    height:63px;
    width:163px;
}
.clear{
    clear:both;
}
#footer_line {
    /*background: url("../images/line-footer.png") no-repeat scroll 0 0 transparent;*/
    margin: auto;
    width: 990px;
    height:20px;
    /*margin-bottom:10px;*/
	padding-top:20px;
	border-top:solid 1px #faa427;
}
#pages{
    margin-left:10px;
	position: relative;
	z-index: 999;
}
#pages span {
    color: #F9A120;
}
#head-content{
    display: block;
    color: #109ADE;
    height: 60px;
    padding: 14px 0 0 45px;
    font-size: 34px;
    font-family: 'Conv_SukhumvitBold';
}
.phperror {
	border:1px solid #990000;
	padding-left:20px;
	margin:0 0 10px 0;
	display: none;
}
.officialmap {
	display: block;
	height: 485px;
	width: 610px;
	margin: 0px auto;
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}
.guydido360iframe {  
    position:relative;  
    margin:auto;  
    display:none;    
    width:630px;
    height:350px;
    overflow:hidden;  
}  
.guydido360iframe iframe {  
    position:absolute;  
    display:block;  
    float:left;  
    margin-top:-235px; 
    margin-left:-186px; 
}
.btn-service {
	background-color: #d9272e;
    border-radius: 15px;
    color: #ffffff !important;
    display: block;
    float: left;
    height: auto;
    margin-left: 10px;
    padding: 5px 25px;
    width: auto;
}
.hr-service {
	border-bottom: 1px #707070 solid !important;
	border: 0px;
	width: 60%;
}
#detail { margin-top:10px; float:right!important; }
#pages { margin:0px 0px 0px 10px!important; }
.detail-rulesandregulations { padding:0px 20px;}
.impactwecare {
    margin: 0px;
    padding: 0px;
	text-align:justify;
    list-style:none;
    width: 670px;
}
.impactwecare ul {
    margin: auto;
    padding: 0px;
    list-style: none;
}
.impactwecare li {
    display: block;
    float: left;
    height: 120px;
    padding: 20px 60px;
    /*margin-top: 20px;*/
    width: 215px;
    position: relative;
	text-align: center;
}
.impactwecare li:hover { background-color:#b7e3fc; }
.impactwecare li:hover a { color:#000000; }
#show-content .btn-download { width:130px!important; margin:-20px auto 0px; }
#show-content .floorplan-contact a { color:#109ade; }
#show-content .btn-download a img { float:left; margin-right:5px; }
#show-content .btn-download a div { width:100px; float:left; }
.floorplan-contact { text-align:center; margin-top:40px; }
.box-head { text-align:left!important; margin-bottom:10px; font-weight:bold; font-size:14px; }

/*GUYDIDO*/
.btn-banner img:last-child { display: none }
.btn-banner:hover img:first-child { display: none }
.btn-banner:hover img:last-child { display: inline-block }
.sidebar {
	position: fixed;
    height: 100%;
    right: 0;
    top: 150px;
    width: 57px;
    height: 422px;
    text-align: center;
    padding-right: -1px;
    padding-top: 15px;
	background:url("https://www.impact.co.th/images/right-icon/2020/right-icon_27-04-2020-bg.png") no-repeat;
	/*background-color: #909294;  */ 
}
.sidebar ul li { list-style: none; padding: 0; }

#nav-top-page { margin: 0px 0px 0px 20px!important; padding: 5px 0px 5px 5px!important; }
#bestview {text-align: center;}
#footer-top ul { margin-left: 25%!important; }

@media screen and (max-width: 1024px) {
    .sidebar {display: none;}
}

@media screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media screen and (max-device-width: 320px) and (orientation: portrait) {

}

@media screen and (max-device-width: 640px) and (orientation: landscape) {

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {  
    .sidebar {display:none;}
    .sidebar-app {display:none;}
}