/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
.wrap1 {
	height: auto;
	width: 100%;
	float: left;
	border-bottom-color: #FF66CC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
  padding-bottom: 5%;
  box-sizing: border-box;
}
.wrap2 {
	height: auto;
	width: 100%;
	float: left;
  box-sizing: border-box;
}
.wrap3 {
	height: auto;
	width: 100%;
	margin-bottom: 10%;
	float: left;
  box-sizing: border-box;
}
.pic {
	height: auto;
	width: 100%;
	padding: 5%;
	float: left;
	background-image: url(http://estatebkk.com/condos/wp-content/uploads/2017/01/piclogo20.jpg);
  background-size: 100% 100%;
  box-sizing: border-box;
}
.gallery {
	height: auto;
	width: 100%;
	padding: 5%;
	float: left;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.pic100 {
	height: 30%;
	width: 100%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
.pic100down {
	height: auto;
	width: 100%;
	margin-top: 1%;
	float: left;
	display: block;
  box-sizing: border-box;
}
.pic49down1 {
  height: 170px;
	width: 49.5%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic49down1 { 
  width: 100%;
	margin-bottom: 1%;	
	height: auto;
        }
}
.pic49down2 {
  height: 170px;
	width: 49.5%;
	margin-left: 1%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic49down2 { 
  width: 100%;
	margin-left: 0%;
	margin-bottom: 1%;	
	height: auto;
        }
}
.pic32down1 {
  height: 125px;
	margin-right: 1%;
	width: 32%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic32down1 { 
  width: 100%;
	margin-right: 0%;
	margin-bottom: 1%;	
	height: auto;
        }
}
.pic32down2 {
  height: 125px;
	width: 34%;
	margin-bottom: 1%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic32down2 { 
  width: 100%;
	height: auto;
        }
}
.pic60 {
	height: 250px;
	width: 65%;
	margin-right: 1%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic60 { 
  width: 100%;
	margin-left: 0%;
	margin-bottom: 1%;	
	height: auto;
        }
}
.pic60-right {
	height: 250px;
	width: 65%;
	margin-left: 1%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic60-right { 
  width: 100%;
	margin-left: 0%;
	margin-bottom: 1%;	
	height: auto;
        }
}
.pic38 {
	height: auto;
	width: 34%;
	float: left;
	display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic38 { 
  width: 100%;
	height: auto;
        }
}
.pic38up {
  height: 122px;
	width: 100%;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic38up { 
  height: auto;
	margin-bottom: 1%;	
        }
}
.pic38down {
  height: 122px;
	width: 100%;
	margin-top: 6px;
	float: left;
	border: solid #FFFFFF;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 500px) {
.pic38down { 
	margin-bottom: 1%;	
	height: auto;
        }
}
.title {
	height: auto;
	width: 100%;
	text-align: left;
	margin-bottom: 10%;
	padding-bottom: 5%;
	border-bottom-color: #FF66CC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 90%;
	color: #C72E76;
	float: left;
}
.info {
	height: auto;
	width: 100%;
	text-align: left;
	padding: 5%;
	background-size: 100% 100%;
  background-image: url(http://estatebkk.com/condos/wp-content/uploads/2017/01/piclogo20-3.jpg);
 
	color: #660066;
	float: left;
  box-sizing: border-box;
}
.info-2 {
	height: auto;
	width: 100%;
	text-align: left;
	margin-bottom: 5%;
	background-size: 100% 100%;
	float: left;
  box-sizing: border-box;
}
.info-3 {
	height: auto;
	width: 100%;
	text-align: left;
	border-color: #FFECF4;
	border-width: 2%;
	border-style: solid;
	padding: 5%;
	margin-bottom: 5%;
	background-size: 100% 100%;
	float: left;
  box-sizing: border-box;
}
.row { 
       float: left; 
       width: 100%; 
	     margin-bottom: 3%;
       box-sizing: border-box;
}
.row-thai { 
       float: left; 
       width: 100%; 
    	 margin-top: 5%;
	     margin-bottom: 5%;
       box-sizing: border-box;
}
.row-1 {
	height: auto;
	width: 20%;
	text-align: left;
	color: #C72E76;
	float: left;
	font-weight: bold;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 480px){
.row-1 { 
  width: 100%;
	padding-bottom: 2%;	
        }
}
.row-2 {
	height: auto;
	width: 80%;
	text-align: left;
	padding-left: 2%;
	color: #666666;
	float: left;
	font-weight: bold;
  box-sizing: border-box;
}
@media only screen and (max-device-width: 480px){
.row-2 { 
  width: 100%;
        }
}
.style1 {
	color: #C62D75;
	
}
.contain-15 {
	height: auto;
	width: 100%;
	text-align: left;
	padding-left: 0%;
	margin-left: 0%;
	margin-top: 0px;
	float: left;
	padding-top: 2%;
        padding-bottom: 2%;
	background-color: #F7ECE6;
	border-bottom-width: 1%;
	border-bottom-color: #666666;
	border-bottom-style: dotted;
        box-sizing: border-box;

}
.contain-15-C {
	height: auto;
	width: 100%;
	text-align: right;
	padding-right: 3%;
        padding-bottom: 3%;
	font-family: "Times New Roman";
	font-size: 100%;
	color: #CC0066;
	margin-top: 0%;
	float: left;
	background-color: #F7ECE6;
	border-bottom-width: 1%;
	border-bottom-color: #666666;
	border-bottom-style: dotted;
        box-sizing: border-box;

}
@media only screen and (max-device-width: 800px) {
.contain-15-c { 
       display: none;
        }
}
.contain-18 { 
        float: left;
	height: 15%;
	width: 25%;    
	border: solid #FFFFFF;
        display: block;
        box-sizing: border-box;
	}
@media only screen and (min-device-width: 200px) and (max-device-width: 480px){
.contain-18 { 
       	width: 100%;
        height: 30%;
        }
}
@media only screen and (min-device-width: 500px) and (max-device-width: 700px) {
.contain-18 { 
        width: 100%;
        height: 40%;
        }
}
.contain-19 {
	height: 15%;
	width: 48%;
	float: left;
	margin-left: 2%;
	background-color: #FFECFC;
	padding: 2%;
	font-family: "Times New Roman";
	font-size: 120%;
	color: #5E4976;
	font-weight: bold;
        box-sizing: border-box;
}

@media only screen and (max-device-width: 800px) {
.contain-19 { 
        width: 100%;
        height: 10%;
        margin-left:0%;
        margin-top:2%;
        }
}
.contain-20 {
	height: 15%;
	width: 25%;
	padding: 2%;
        text-align: left;
	float: left;
	background-color: #FFECFC;
	font-family: "Times New Roman";
	font-size: 120%;
	color: #dd7789;
	font-weight: bold;
        box-sizing: border-box;
}

@media only screen and (max-device-width: 800px) {
.contain-20 { 
        width: 100%;
        height: 10%;
        }
}
.contain-21 {
	width: 100%;
        height: auto;
	text-align: left;
	padding-left: 2%;
        padding-right: 2%;
	font-family: "cordia new";
	font-size: 100%;
	color: #CC0066;
	float: left;
	padding-bottom: 10%;
	background-color: #F7ECE6;
	padding-top: 5%;
	font-weight: normal;
        margin-bottom: 10%;
        box-sizing: border-box;
}