#HomePlanList {margin:0;z-index:1;}
#HomePlanList ul{list-style:none;margin: 0;}
#HomePlanList ul li{
	list-style:none;
	width:100%;
	margin-bottom:13px;
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:solid 1px #999;
}
#HomePlanList ul li:first-child {border:none;}
#HomePlanList img {border:none;width:100%;margin-bottom:2px;}

.CONTEMPORARY{background:#921051;}
.COUNTRY{background:#5e4009;}
.MEDITERRANEAN{background:#409fbd;}
.MODERN{background:#660066;}
.SPANISH{background:#7f7b62;}
.THAI-RESORT{background:#660033;}
.TROPICAL{background:#5a5f07;}
.TROPICAL-MODERN{background:#7dad0b;}
.TUDOR{background:#9B6A28;}

.square{position:relative;width:100%;overflow:hidden;}
.square:before{content: "";display: block;padding-top: 100%;}
.square-content{position:absolute;top: 0;left: 0;bottom: 0;right: 0;color: white;}
.typography .square-content h6{margin-left:14px;font-family:'ThaiSansNeue-Bold';font-size:13px;line-height:16px;margin-bottom:3px;}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}
.caption{padding:0 10px;}
.bathroom,.bedroom,.carpark{width:33%;float:left;margin:0;}
.bedroom:before{content:url(../images/bedroom.png);vertical-align:middle;margin-right:3px;}
.bathroom:before{content:url(../images/bathroom.png);vertical-align:middle;margin-right:3px;}
.carpark:before{content:url(../images/carpark.png);vertical-align:middle;margin-right:3px;}
.promotion{position:absolute;top:10px;left:0;z-index:3;background:#4be500;padding:2px 8px 2px 4px;color:#660033;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.new{position:absolute;top:10px;right:0;z-index:2;background:#ff9900;padding:2px 4px 2px 12px;color:#660033;box-shadow:-2px 2px 5px rgba(0,0,0,0.3);}

.detail *{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
}
.detail{overflow:hidden;margin-bottom:10px;}
.description{width:100%;padding:10px;background:#666;}
.detail .description p{margin-top:60px;}
.detail .description .txt{margin-top:10px;}
.detail-promotion{display:inline-block;float:left;margin-right:10px;background:#4be500;padding:2px 4px 2px 4px;color:#660033;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.detail-new{display:inline-block;float:left;background:#ff9900;padding:2px 4px 2px 4px;color:#660033;box-shadow:-2px 2px 5px rgba(0,0,0,0.3);}
.txt{position:relative;bottom:0;font-family:'ThaiSansNeue-Regular';font-size:13px;line-height: 18px;color:#bbb;}
.txt span{font-family:'ThaiSansNeue-Bold';font-size:15px;color:#fff;display:inline-block;float:right;}
.perspective{width:100%;background:#660033;}
.perspective img{width:100%;}
.floor-plan{text-align:center;background:#444;padding:5px;}
.thumb{width:48%;padding:0 5px;display:inline-block;text-align:left;top:0;padding-bottom:500em;margin-bottom:-500em;}
.thumb img{width:100%;}
.price{text-align:center;background:#222;padding:10px 5px;}
.price .thumb{border-top:4px solid #666;margin-top:10px;font-family:'ThaiSansNeue-Regular';color:#666;font-size:14px;}
.price .thumb:last-child{border-right:none;}
.price .thumb h3{font-family:'ThaiSansNeue-Regular';margin-bottom:0;}
.price .thumb h4{font-family:'ThaiSansNeue-Regular';margin-bottom:15px;color:#666;font-size:14px;line-height:10px;}
.price .thumb h5{font-family:'ThaiSansNeue-Regular';color:#ff0000;display:inline-block;}
.price .thumb h5 span{font-family:'ThaiSansNeue-Regular';color:#999;font-size:16px;}
.price .thumb h1{font-family:'ThaiSansNeue-Bold';font-size:20px;background:none;text-align:center;margin-top:15px;margin-bottom:0;}
.price .thumb h2{font-family:'ThaiSansNeue-Regular';font-size:18px;line-height:10px;background:none;text-align:center;margin-bottom:0;}
.price .thumb a h1,.price .thumb a h2{color:#fff;}
.price .thumb a:hover h1,.price .thumb a:hover h2{color:#ff0000;}
.price .thumb .kill{color:#ff0000;display:inline-block;margin-top:4px;margin-right:5px;text-decoration:line-through;}
.price .thumb .kill span{color:#666;}
.price-promotion{display:inline-block;float:right;margin:5px 0;background:#4be500;padding:2px 4px 2px 4px;color:#660033;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}

@media all and (min-width: 360px) {
#HomePlanList ul li{width:48.5%;margin-right:3%;}
#HomePlanList ul li:nth-child(2n+0) {margin-right:0;}
.typography .square-content h6{margin-left:0;font-family:'ThaiSansNeue-Regular';font-size:11px;line-height:13px;margin-bottom:1px;}
}

@media all and (min-width: 480px) {
.typography .square-content h6{margin-left:14px;font-family:'ThaiSansNeue-Bold';font-size:13px;line-height:16px;margin-bottom:3px;}
}

@media all and (min-width: 640px) {
#HomePlanList ul li{width:32%;margin-right:2%;}
#HomePlanList ul li:nth-child(2n+0) {margin-right:2%;}
#HomePlanList ul li:nth-child(3n+0) {margin-right:0;}
.thumb{width:24%;}
.price{padding:10px 5px;}
.price .thumb{border-top:none;border-right:1px dotted #666;margin-top:0;}
.price .thumb:last-child{border-right:none;}
.description{width:50%;padding:10px;background:#666;float:left;padding-bottom:500em;margin-bottom:-500em;border-right:5px solid #333;}
.detail .description .txt{margin-top:40px;}
.perspective{width:50%;background:#660033;float:right;padding-bottom:500em;margin-bottom:-500em;}
}

@media all and (min-width: 768px) {
#HomePlanList ul li{width:24%;margin-right:1.25%;}
#HomePlanList ul li:nth-child(2n+0) {margin-right:1.25%;}
#HomePlanList ul li:nth-child(3n+0) {margin-right:1.25%;}
#HomePlanList ul li:nth-child(4n+0) {margin-right:0;}
.description{width:34%;padding:10px;background:#666;float:left;padding-bottom:500em;margin-bottom:-500em;border-right:5px solid #333;}
.detail .description .txt{margin-top:180px;}
.perspective{width:66%;background:#660033;float:right;padding-bottom:500em;margin-bottom:-500em;}
}