﻿body.mobi .homeintro { margin: 0 auto!important; }
body.mobi .nomobi, body.mobi .nomobi * { display: none!important; width: 0!important; height: 0!important; }
.gridItm { display: none; height: 0; width: 0; }
.narrow .gridItm { display: inline; float: left; clear: both; width: 100%; height: auto; position: relative; }
body.mobi .narrow .gridItm { height: 100%; }
.gridItm2 {display:inline;float:left;width:315px;height:226px;position:relative;box-sizing: border-box;}
.narrow .gridItm2 { display: none; height: 0; width: 0; }
.widelc .gridItm2 {width: 340px;margin-bottom:10px;}
.gridItm2:nth-of-type(3n+2) {margin-left:12px !important;margin-right:12px !important;}
.widelc .gridItm2:nth-of-type(3n+2) {margin-left:0 !important;margin-right:0 !important;}
.widelc .gridItm2:nth-of-type(4n+2) {margin-left:12px !important;margin-right:12px !important;}
.widelc .gridItm2:nth-of-type(4n+4) {margin-left:12px !important;}

.gridImg { display: inline; float: left; clear: left; height: 307px; width: 388px; position: relative; margin-right: 6px; }
.gridImg img { position: absolute; max-width: 388px; max-height: 307px; }
body.mobi .gridImg, body.mobi .gridImg img { width: 100%!important; clear: both; height: 100%!important; max-height: initial!important; min-height: 307px!important; top: 0!important; left: 0!important; }
.gridTxtCnt { display: inline; float: left; clear: right; width: 38%; }
body.mobi .gridTxtCnt { margin: 0 auto; width: 98%;width: -webkit-calc(100% - 12px);width: -moz-calc(100% - 12px);width: calc(100% - 12px); padding-bottom: 10px; clear: both; position: relative; top: 10px; }
.gridItm q { display: inline; float: left; clear: left; padding: 15px 0 0 5px; }
.gridTitle { font-size: 18px; font-weight: 600; color: #6d6f71; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; float: left; clear: left; /* letter-spacing: 0px;*/ margin-left: 5px; }
.gridItm2 .gridTitle { width: 280px; }
.gPad1 { display: inline; float: left; }
.gridItm2 .gPad1 { width: 38%!important; margin-left: 0; overflow: hidden; }
.gridItm2 .gridTxtCnt { width: 100%;box-sizing:border-box;
border-top:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
margin:0 5px 10px 0px;padding:10px 4px 10px 10px;}
.gPad2 { width: 100%; float: left; clear: both; }
.gPad3 { display: inline; float: left; height: auto; width: 90% !important; padding: 10px; word-wrap: break-word;}
.gMoreInfo { position: absolute; right: 20px; bottom: 20px; }
body.mobi .gMoreInfo { right: 0; top: 0; bottom: initial; }
.gMoreInfo2 { display: inline; float: left; clear: left; position: absolute; top: 76%; right: 4%; }
.grdInfo { margin: 17px 0 0 0; border: 0; }
.condoIconImg { height: 307px; width: 388px; border: solid 0px #d3d3d3; }
form#form {display:table;width: 100%; margin:0 auto;}
.imagebox { display: inline; float: left; width: 100%;height: auto; border: 1px solid #d3d3d3; margin: 15px 0 15px 0;box-sizing:border-box; }
body.mobi .imagebox {width:100% !important;}
.pagenum { display: inline; float: left; width: 75%; height: 42px; margin: 0!important; padding: 0!important; position: relative; overflow: hidden; text-align: center; }
body.mobi .pagenum { width:100%}
.pagenum ul { clear: left; float: left; margin: 0 auto!important; padding: 7px 0!important; height: 42px; position: relative; left: 50%; text-align: center; vertical-align: middle; }
.pagenum li { display: block; float: left; padding: 0 8px 0 8px; margin: 0 2px 0 2px!important; position: relative; border: 1px solid #d3d3d3; right: 50%; cursor: pointer; }
.pagenum .activeBttn { background: #ea1d24; border: 1px solid #ea1d24; color: #fff!important; }
.pagenum .activeBttn b { color: #fff!important; }
.pagenum .firstBttn, .pagenum .lastBttn, .pagenum .nextBttn, .pagenum .prevBttn { border: none!important; cursor: inherit!important; }
body.mobi .pagenum .firstBttn, body.mobi .pagenum .lastBttn, body.mobi .pagenum .nextBttn, body.mobi .pagenum .prevBttn {border: 1px solid #d3d3d3!important;}
.pagedesc { display: inline; float: left; text-align: left; min-width: 100px; height: 41px; padding-left: 20px; padding-top: 1px; }
.pagedesc p { display: inline; float: left; clear: left; height: 15px; margin: 0; padding: 0; }
.txtoptico { font-size: 12px/15px; color: #414448; line-height: 26px; }
.txtoptico a { text-decoration: none; color: #414448; }
.txtoptico a:hover { color: #ea1d25; text-decoration: none; }
body.mobi select {width:100%;text-indent:4px;}
div.hsddl {position: relative;right: -8px;}