/* For Global */
* {padding:0px;margin:0px;}
html, body {height:100%;line-height:100%;color:#6f6f6e;}
/* body {width:100%;background-color:#EEEDEB;font-family:"Droid Sans", "Lucida Grande", Myriad, Arial,'微軟正黑體',Microsoft JhengHei,STHeiti,'华文黑体',SimHei,'黑体','新細明體',PMingLiU,'細明體',MingLiU,sans-serif;font-size:100%;} */
body {width:100%;background-color:#EEEDEB;font-family:"Myriad Pro", 'Droid Sans', 'Lucida Grande', Myriad, Arial, Verdana, Helvetica, sans-serif;font-size:100%;}
a { outline: 0; text-decoration:none; }
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}
/* For mobile */
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
/* Page Style */
#page-container {position:relative;width:1060px;max-width:1060px;min-width:320px;margin-left:auto;margin-right:auto;height: auto !important;min-height:100%;height:100%;}
#page-header {width:91%;padding-left:4.5%;padding-right:4.5%;background-image:none;}
#page-lang {float:right;text-align:right;color:#000000;margin-top:10px;width:50px;height:25px}
#page-footer {padding-left:4.5%;padding-right:4.5%;width:91%;clear:both;}
#date-frame {width:100%;height:22px;border:0px;padding-top:5px;}
/* Menu */
#property-menu {width:100%;padding-top:10px;padding-bottom:0px;font-size:0.75em;font-weight:normal;text-transform:uppercase;}
body.lang-tchi #property-menu, body.lang-schi #property-menu {font-size:0.8em}
#property-menu-bottom {width:100%;padding-top:0px;padding-bottom:10px;font-size:0.75em;font-weight:normal;text-transform:uppercase;}
body.lang-tchi #property-menu-bottom, body.lang-schi #property-menu-bottom {font-size:0.8em}
#residential-menu {width:100%;overflow:hidden;}
#parking-menu {width:100%;overflow:hidden;}
#residential {color:#000000;font-weight:bold;width:140px;float:left;padding:2px;white-space:nowrap;}
#parking {color:#000000;font-weight:bold;width:100px;float:left;padding:2px;white-space:nowrap;}
body.lang-tchi #residential, body.lang-schi #residential {width:80px;}
body.lang-tchi #parking, body.lang-schi #parking {width:80px;}
div.arrow {float:left;margin-top:5px;margin-right:2px;padding-bottom:5px;width:6px;height:9px;background-image:url('../images/arrow.png');background-repeat:no-repeat;}
.toggle-input, .toggle { display: none; }
.toggle{z-index: 2;}
.pmenu {padding-top:2px;padding-left:0px;margin:0px;overflow:hidden;}
.pmenu > li { list-style: none; float:left;}
.pmenu > li > span {padding-top:0px;padding-left:3px;padding-right:3px;}
.pmenu > li > a {text-decoration:none;padding:0px;}
.pmenu > li > a.menu-selected {color:#000000;}
.pmenu > li > a.menu {color:#000000;}
.pmenu > li > a.menu-balloting {display:none;}
.pmenu > li > span.menu-balloting {display:none;}
body.nopark #parking-menu {display: none;}
body.balloting .pmenu > li > a.menu-selected {padding:2px 1px 2px 1px;}
body.balloting .pmenu > li > a.menu {padding:2px 1px 2px 1px;}
body.balloting .pmenu > li > a.menu-balloting {display:inline;}
body.balloting .pmenu > li > span.menu-balloting {display:inline;}
/* Property Logo */
#property-logo {color:#000000;font-size:2em;font-weight:bold;width:100%;padding-top:10px;padding-bottom:10px;}
#property-logo span {display:block;width:100%;height:60px;}
body.property-7 #property-logo {max-width:146px;height:73px;}
body.property-7 #property-logo span {background:#ffffff url('../images/mainLogo_riverpark.png') no-repeat 0px 0px;background-size:100% auto;padding-top:60%;line-height:0px;font-size:0px;background-image:url('../images/ie8/mainLogo_riverpark.png') \9;}
body.property-9 #property-logo {max-width:338px;height:43px;}
body.property-9 #property-logo span {background:#ffffff url('../images/mainLogo_wood.png') no-repeat 0px 20px;background-size:100% auto;padding-top:20%;line-height:0px;font-size:0px;background-image:url('../images/ie8/mainLogo_wood.png') \9;}
body.property-10 #property-logo {max-width:318px;height:62px;}
body.property-10 #property-logo span {background:#ffffff url('../images/mainLogo_parksignature.png') no-repeat 0px 10px;background-size:100% auto;padding-top:25%;line-height:0px;font-size:0px;background-image:url('../images/ie8/mainLogo_parksignature.png') \9;}
body.property-13 #property-logo {max-width:338px;height:59px;}
body.property-13 #property-logo span {background:#ffffff url('../images/mainLogo_eight.png') no-repeat 0px 20px;background-size:100% auto;padding-top:25%;line-height:0px;font-size:0px;background-image:url('../images/ie8/mainLogo_eight.png') \9;}
body.property-15 #property-logo {max-width:305px;height:23px;padding-top:58px;}
body.property-15 #property-logo span {background:#EEEDEB url('../images/mainLogo_woodside.png') no-repeat 0px 0px;background-size:100% auto;padding-top:25%;line-height:0px;font-size:0px;}
/* The Riverpark */
body.property-7.lang-eng #property-image {background:#ffffff url('../images/key_riverpark.jpg') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-7.lang-tchi #property-image {background:#ffffff url('../images/key_riverpark_tc.jpg') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-7.lang-schi #property-image {background:#ffffff url('../images/key_riverpark_sc.jpg') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-7.lang-eng #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_riverpark.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:18%;padding-bottom:10px;}
body.property-7.lang-tchi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_riverpark_tc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:18%;padding-bottom:10px;}
body.property-7.lang-schi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_riverpark_sc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:18%;padding-bottom:10px;}
/* The Woodsville */
body.property-9 #property-image {background:#ffffff url('../images/key_woodvilles.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-9.lang-eng #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_woodvilles.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:26%;padding-bottom:10px;}
body.property-9.lang-tchi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_woodvilles_tc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:26%;padding-bottom:10px;}
body.property-9.lang-schi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_woodvilles_sc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:26%;padding-bottom:10px;}
/* Park Signature */
body.property-10.lang-eng #property-image {background:#ffffff url('../images/key_parksignature.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-10.lang-tchi #property-image {background:#ffffff url('../images/key_parksignature_tc.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-10.lang-schi #property-image {background:#ffffff url('../images/key_parksignature_sc.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-10.lang-eng #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_parksignature.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
body.property-10.lang-tchi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_parksignature_tc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
body.property-10.lang-schi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_parksignature_sc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
/* EIGHT SOUTH LANE */
body.property-13 #property-image {background:#ffffff url('../images/key_eight.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-13.lang-eng #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_eight.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
body.property-13.lang-tchi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_eight_tc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
body.property-13.lang-schi #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_eight_sc.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:28%;padding-bottom:10px;}
/* The Austin */
body.property-14 #property-image {background:#EEEDEB url('../images/key_austin.gif') no-repeat 0px 0px;background-size:100% auto;width:100%;padding-top:39%;}
body.property-14 #property-disclaimer {background:#D0D0D0 url('../images/disclaimer_austin.gif') no-repeat 0px 10px;background-size:100% auto;padding-top:30%;padding-bottom:10px;}
/* woodside */
body.property-15 #property-image {overflow:hidden; position:relative; width:100%; padding-top:50%; height:0px; }
body.property-15 #property-image .mask {background:url(../images/day.jpg) no-repeat 0 0; width:100%; height:320%; position:absolute; top:0; left:0; background-size:100% auto;}
body.property-15 #property-image .caption {width:100%; height: 100%; background:url(../images/mainCaption.png) no-repeat 50% 50%; position:absolute; top:0; left:0;background-size:52% auto;}
/*#property-image {display:none !important;}*/
#page-lang {font-size:0.75em;}
#page-lang ul {display:block;list-style:none; }
#page-lang ul li {float:left; text-transform: uppercase;}
#page-lang ul li a {display:block; float:left; color:#333333;}
#page-lang ul li a:hover, #page-lang #nav ul li a.active {color:#A7A7A7;}
#page-lang ul li span {margin:0 3px;}
#page-lang ul li.last {background:none; padding:0;}
#page-footer .right {position:absolute; right:0px; top:48px;}
#page-footer .left {float:left; width:100%;margin-bottom:20px;}
#page-footer .left div {display:block; margin-bottom:10px;}
#page-footer .left .info {font-size:0.75em; color:#333333; text-transform: uppercase;}
#page-footer .left .info span {padding-left:10px;}
#page-footer .copyright {margin-bottom:15px;}
#page-footer .copyright span {color:#878686;font-size:0.65em;}
#page-footer .note{position:relative;}
#page-footer .note p {font-size:0.65em;padding-bottom:10px;text-align:justify;}
#popUpDisclaimer{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;font-size:0.75em;text-align:center;}
#popUpDisclaimer .overlay{background:rgba(0,0,0,0.6);width:100%;height:100%;}
#popUpDisclaimer .overlay .alignment{display:inline-block;height:100%;width:0;text-indent:-9999px;vertical-align:middle;}
#popUpDisclaimer .overlay .content{background:rgba(255,255,255,1);display:inline-block;vertical-align:middle;width:80%;text-align:center;padding:20px 0;color:#4C4C4C;}
#popUpDisclaimer .overlay .content p{width:90%;text-align:justify;margin:0 auto;padding-bottom:15px;}
#popUpDisclaimer .overlay .content p.closeBtn{text-align:right;color:#4C4C4C;}
#page-header .info {display:none;text-align:center;}
.enquiryInfo {display:block; width: 100%;max-width:640px;min-width:280px;margin: 0 auto;font-size:0.75em;padding:10px 0 5px 0;}
.enquiryInfo span{font-weight:bold;}
.enquiryInfoTel1 {display:inline-block; width: 100%;max-width:640px;min-width:280px;margin: 0 auto;font-size:0.75em;padding:10px 0 15px 0;}
.enquiryInfoTel1 span{font-weight:bold;}
.enquiryInfoTel2 {display:inline-block;width: 3%;max-width:304px;margin: 0 0;}
.enquiryInfoTel3 {display:inline-block;width: 33%;max-width:319px;margin: 0 auto;}
/* Media Queries for Tablet and Mobile */
@media only screen and (max-width:67em)
{
#page-container {width:100%}
}
@media only screen and (max-width:41em)
{
#page-header{position:relative;width:100%;padding-right:0px;padding-left:0px;}
#page-header .info {margin-top:55%;display:block;padding-left:5%;padding-right:5%;width:90%;}
#property-logo {margin-left:auto;margin-right:auto;}
#page-lang {margin-top:0px;position:absolute;right:5%;top:80px;}
#page-footer {width:100%;padding-right:0px;padding-left:0px;}
#page-footer .note p {display:none;}
#page-footer .copyright {text-align:center;}
#page-footer .right {position:relative; left:50%;margin-left:-132px;top:0px;width:265px;margin-bottom:20px;}
#page-footer .left {display:none;}
#property-menu-bottom {padding-top:0px;padding-bottom:10px;}
body.property-15 #property-logo {padding-top:48px;}
#property-image {position:absolute !important;top:100px !important}
#popUpDisclaimer .overlay .content {font-size:0.75em;-webkit-transform : scale(0.75);-o-transform: scale(1); width:99%; }
}
/* Menu for Mobile */
@media only screen and (max-width:41em){
#property-menu {padding-top:0px;padding-bottom:0px;}
.pmenu { display: block; opacity: 1; width: 100%; margin:0 0px;}
.pmenu > li { display: block; width: 100%; height:auto; margin: 0px; }
body.lang-eng .pmenu > li.salesBrochure a {background:url(../en/images/btn_salesBrochure.png); background-size:100% auto;}
body.lang-eng .pmenu > li.priceList a {background:url(../en/images/btn_priceList.png); background-size:100% auto;}
body.lang-eng .pmenu > li.salesArrangement a {background:url(../en/images/btn_salesArrangements.png); background-size:100% auto;}
body.lang-eng .pmenu > li.registerOfSale a {background:url(../en/images/btn_register.png); background-size:100% auto;}
body.lang-eng .pmenu > li.dmc a {background:url(../en/images/btn_deed.png); background-size:100% auto;}
body.lang-eng .pmenu > li.aerialPhoto a {background:url(../en/images/btn_aerialPhoto.png); background-size:100% auto;}
body.lang-eng .pmenu > li.carparkSalesBrochure a {background:url(../en/images/btn_parking_brochure.png); background-size:100% auto;}
body.lang-eng .pmenu > li.carparkPriceList a {background:url(../en/images/btn_parking_pricelist.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.salesBrochure a {background:url(../tc/images/btn_salesBrochure.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.priceList a {background:url(../tc/images/btn_priceList.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.salesArrangement a {background:url(../tc/images/btn_salesArrangements.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.registerOfSale a {background:url(../tc/images/btn_register.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.dmc a {background:url(../tc/images/btn_deed.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.aerialPhoto a {background:url(../tc/images/btn_aerialPhoto.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.carparkSalesBrochure a {background:url(../tc/images/btn_parking_brochure.png); background-size:100% auto;}
body.lang-tchi .pmenu > li.carparkPriceList a {background:url(../tc/images/btn_parking_pricelist.png); background-size:100% auto;}
body.lang-schi .pmenu > li.salesBrochure a {background:url(../sc/images/btn_salesBrochure.png); background-size:100% auto;}
body.lang-schi .pmenu > li.priceList a {background:url(../sc/images/btn_priceList.png); background-size:100% auto;}
body.lang-schi .pmenu > li.salesArrangement a {background:url(../sc/images/btn_salesArrangements.png); background-size:100% auto;}
body.lang-schi .pmenu > li.registerOfSale a {background:url(../sc/images/btn_register.png); background-size:100% auto;}
body.lang-schi .pmenu > li.dmc a {background:url(../sc/images/btn_deed.png); background-size:100% auto;}
body.lang-schi .pmenu > li.aerialPhoto a {background:url(../sc/images/btn_aerialPhoto.png); background-size:100% auto;}
body.lang-schi .pmenu > li.carparkSalesBrochure a {background:url(../sc/images/btn_parking_brochure.png); background-size:100% auto;}
body.lang-schi .pmenu > li.carparkPriceList a {background:url(../sc/images/btn_parking_pricelist.png); background-size:100% auto;}
.pmenu > li > a { display:block; width:100%;padding-top:12%; }
.pmenu > li > a span {display: none;}
.pmenu > li > span {display: none;}
body.balloting .pmenu > li > span.menu-balloting {display: none;}
/*.pmenu > li:hover, .pmenu > li:focus{background: #F2F2F2;box-shadow: inset 5px 0px #51C1F1;}*/
.toggle { display: none; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#property-menu div.arrow, #property-menu-bottom div.arrow {display:none;}
#residential, #parking {display:none;width:auto;margin-left:10px;margin-right:10px;}
#residential-toggle:checked ~ .pmenu { display: block; opacity: 1;clear:both;overflow:hidden;}
#parking-toggle:checked ~ .pmenu { display: block; opacity: 1;clear:both;overflow:hidden;}
#residential-toggle:checked ~ div { display: block; opacity: 1;}
#parking-toggle:checked ~ div { display: block; opacity: 1;}
.toggle:after {
content: 'Main Menu';
display: block;
width: 280px;
margin: 5px 5px;
padding: 10px 10px;
background: #51C1F1;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align: center;
color: #FFFFFF;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle:hover:after{background: #45ABD6;}
#residential-menu .toggle:after {content: 'Residential Property Menu';}
#parking-menu .toggle:after {content: 'Parking Space Menu';}
#residential-toggle:checked + .toggle:after{ content: 'Close Menu';}
#parking-toggle:checked + .toggle:after{ content: 'Close Menu';}
}