@charset "UTF-8";

.site-container.non-home .footer-container{ background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.site-container.non-home .page-bg-container{ opacity:1}

.site-container.non-home.tour .footer-container{ background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 0%); }


.site-container.tour .page-bg-container{ background-image:url(../img/tour/bg.jpg)!important; }
.cnt-container.align-top{ top:-2em!important; bottom:auto!important}
.cnt-container.align-top-more{ top:2em!important; transform:translateY(-100%);  }
.cnt-container.align-center{ top:50%!important; transform:translateY(-50%);  }
.cnt-container.align-center-up{ top:50%!important; transform:translateY(-100%);}
.cnt-container.align-left-abs{ left:0  }
.cnt-container.align-right{ left:80%  }



/*
.site-container.non-home .page-svg-title{ opacity:0;}
.site-container.non-home.init .page-svg-title{ opacity:1;  }
*/
.page-title-container:nth-child(3) .page-svg-title{  opacity:0!important }
.page-title-container:nth-child(5) .page-svg-title{  opacity:0 }

.site-container.non-home.init .page-title-container:nth-child(5) .page-svg-title{  opacity:1;  transition:opacity .5s linear; animation:ani-title-out .5s linear; animation-iteration-count:1; animation-delay:1.5s; animation-fill-mode:forwards}
@keyframes ani-title-out {
    0%   { opacity:1 } 
	100% { opacity:0; }
}
.site-container.non-home.init .page-title-container:nth-child(3) .page-svg-title{  opacity:1!important;  transition:opacity .5s 1s linear;  }

/* virtual tour */
/* 0120 */
.site-container.vt .page-bg-container, .site-container.vt .page-bg-container > div > div > div, .home-nav-ele.vt .flip-card-front-inner{ background-image:url(../img/vt/bg.jpg); }
/* 0120 */
.home-nav-ele.vt .flip-card-front .flip-card-front-inner{ background-image:url(../img/vt/bg-window.jpg); }
.site-container.vt .side-body-container .scrollbar-inner{ height:7em;  }
.home-nav-ele.vt .page-svg-title, .site-container.vt .page-svg-title{ background-image:url("../img/vt/title-w.svg"); }
.site-container.vt .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/vt/title-c.svg");  }
.site-container.vt .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/vt/graphic-top.png"); background-position:top right; right:10%; top:10%; width:15%; height:50%; background-size:contain; animation:ani-vt-cloud  20s linear infinite alternate;z-index: 1}
.site-container.vt .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/vt/graphic-middle.png"); background-position:top left; left:15%; top:40%; width:12%; height:50%; background-size:contain;animation:ani-vt-cloud  20s linear infinite alternate ;z-index: 1;}
.site-container.vt .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/vt/graphic-bottom.png"); background-position:left bottom; left:0; bottom:0; width:36%; height:50%; background-size:contain;  animation:ani-vt-float 10s linear infinite; z-index: 1  }

@keyframes ani-vt-cloud {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(-40%)}
	100% { transform:translateX(0%) }
}

@keyframes ani-vt-float {
    0%   { transform:translate(-2%, 0%); }
    50% { transform:translate(0%, 2%);  }
	100% { transform:translate(-2%, 0%); }
}
@keyframes ani-vt-float-m {
    0%   { transform:translate(1%, 0%) scale(-1,1); }
    50% { transform:translate(0%, 2%) scale(-1,1);  }
	100% { transform:translate(1%, 0%) scale(-1,1); }
}

.site-container.vt .doc-ele > a > div:nth-child(1)::after{ transform:rotate(-90deg)  }



/* virtual tour */


/* Sales borchure */
.site-container.sb .page-bg-container, .site-container.sb .page-bg-container > div > div > div, .home-nav-ele.sb .flip-card-front-inner{ background-image:url(../img/sb/bg.jpg); }
.home-nav-ele.sb .flip-card-front .flip-card-front-inner{ background-image:url(../img/sb/bg-window.jpg); }

.home-nav-ele.sb .page-svg-title, .site-container.sb .page-svg-title{ background-image:url("../img/sb/title-w.svg"); }
.site-container.sb .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sb/title-c.svg");  }

.site-container.sb .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); }

.site-container.sb .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/sb/graphic-top.png"); background-position:bottom left; left:5%; bottom:55%; width:18%; height:25%; background-size:contain; z-index:1;  }
.site-container.sb .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/sb/graphic-middle.png"); background-position:left bottom; left:69%; bottom:70%; width:12%; height:19%;  background-size:contain;animation:ani-sb-sun 8s linear infinite; z-index:1; }
.site-container.sb .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/sb/graphic-bottom.png"); background-position:right bottom; right:0; bottom:0; width:37%; height:28%; background-size:contain;    }
 

.site-container.sb .page-floating-container > div{ transform:translateX(0%); display:none }
.site-container.sb .page-floating-container > div > div{ padding-bottom:50%; background-image:url("../img/sb/deco.png");  width:100%; animation:ani-sb-float 10s linear infinite;}
.site-container.sb .page-floating-container > div:nth-child(2) > div{ padding-bottom:66%; background-image:url("../img/sb/deco-b.png"); }
.site-container.sb .page-floating-container > div:nth-child(1){  width:20vw; left:30%; top:7%; }
.site-container.sb .page-floating-container > div:nth-child(2){ width:15vw; left:76%; top:17%; }

.site-container.sb.chi .side-body-container .scrollbar-inner{ height:6em;  }

@keyframes ani-sb-float {
    0%   { transform:translateX(0%); opacity:0}
	5%   { transform:translateX(-10%); opacity:0}
	10%   { transform:translateX(-20%); opacity:1}
    80% { transform:translateX(-160%); opacity:1}
	100% { transform:translateX(-200%); opacity:0}
}

@keyframes ani-sb-sun {
    0%   { transform:translateY(0%)}
    50%  { transform:translateY(15%)}
    100% { transform:translateY(0%)}
}

/* Sales borchure */


/* Sales arrangements */
.site-container.sa .page-bg-container, .site-container.sa .page-bg-container > div > div > div, .home-nav-ele.sa .flip-card-front-inner{ background-image:url(../img/sa/bg.jpg); }
.home-nav-ele.sa .flip-card-front .flip-card-front-inner{ background-image:url(../img/sa/bg-window.jpg); }
.home-nav-ele.sa .page-svg-title, .site-container.sa .page-svg-title{ background-image:url("../img/sa/title-w.svg"); }
.site-container.sa .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sa/title-c.svg");  }

.site-container.sa .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em);  }

.site-container.sa .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/sa/graphic-top.png"); background-position:bottom right; right:8%; bottom:65%; width:25%; height:8.5%; background-size:contain;animation:ani-sa-float 10s linear infinite alternate; z-index:1}
.site-container.sa .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/sa/graphic-middle.png"); background-position:right bottom; right:-2%; bottom:63.5%; width:20%; height:8%;  background-size:contain;animation:ani-sa-float 10s linear infinite alternate; z-index:1;animation-delay: -2s}
.site-container.sa .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/sa/graphic-bottom.png"); background-position:right bottom; right:15%; bottom:0; width:15%; height:35%; background-size:contain; z-index:1;  }
.site-container.sa .page-deco-container > .bg-default:nth-child(4){}
.site-container.sa .page-deco-container > .bg-default:nth-child(5){ background-image:url("../img/sa/graphic-bird-a.png"); background-position:left top; left:40%; top:10%; width:6%; height:5%; z-index: 1; animation:ani-ap-bird 15s linear infinite; animation-delay:0s ;background-size:contain }
.site-container.sa .page-deco-container > .bg-default:nth-child(6){ background-image:url("../img/sa/graphic-bird-b.png"); background-position:right top; right:22%; top:28%; width:4%; height:4.1%; z-index: 1; animation:ani-ap-bird 15s linear infinite; animation-delay:-4s ;background-size:contain }

/*
.site-container.sa .page-floating-container > div{ transform:translate(-50%,-50%); }
.site-container.sa .page-floating-container > div > div{ padding-bottom:100%; width:100%; background-image:url("../img/sa/deco.png"); animation:ani-sa-a-star 40s linear infinite;}
.site-container.sa .page-floating-container > div:nth-child(even) > div{ animation:ani-sa-b-star 40s linear infinite;}

.site-container.sa .page-floating-container > div:nth-child(1){ width:5%; left:20%; top:10%; transform: rotate(-60deg);}
.site-container.sa .page-floating-container > div:nth-child(2){ width:1.5%; left:40%; top:23%; transform: rotate(60deg)}
.site-container.sa .page-floating-container > div:nth-child(3){ width:3%; left:52%; top:10%; }
.site-container.sa .page-floating-container > div:nth-child(4){ width:2%; left:70%; top:13%; transform: rotate(180deg) }
.site-container.sa .page-floating-container > div:nth-child(5){ width:1.5%; left:75%; top:5%; }

.site-container.sa .page-floating-container > div:nth-child(2) > div{  animation-delay:-1.2s}
.site-container.sa .page-floating-container > div:nth-child(3) > div{  animation-delay:-0.8s}
.site-container.sa .page-floating-container > div:nth-child(4) > div{  animation-delay:-0.4s}
.site-container.sa .page-floating-container > div:nth-child(5) > div{  animation-delay:-1.6s}
*/
.site-container.sa .footer-container{z-index:2}

.site-container.sa .side-body-container .scrollbar-inner{ height:12em;  }
/*
@keyframes ani-sa-a-star {
    0%   { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
@keyframes ani-sa-b-star {
    0%   { transform:rotate(0deg); }
	100% { transform:rotate(-360deg);}
}
*/
@keyframes ani-sa-float {
    0%   { transform:translateX(0%)}
	100% { transform:translateX(-10%)}
}

@keyframes ani-sa-float-m {
    0%   { transform:translateX(0%) scaleX(-1)}
	100% { transform:translateX(-10%) scaleX(-1)}
}

/* Sales arrangements */


/* Tender Document */
.site-container.td .page-bg-container, .site-container.td .page-bg-container > div > div > div, .home-nav-ele.td .flip-card-front-inner{ background-image:url(../img/td/bg.jpg); }
.home-nav-ele.td .flip-card-front .flip-card-front-inner{ background-image:url(../img/td/bg-window.jpg); }
.home-nav-ele.td .page-svg-title, .site-container.td .page-svg-title{ background-image:url("../img/td/title-w.svg"); }
.site-container.td .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/td/title-c.svg");  }

.site-container.td .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); }

.site-container.td .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/td/graphic-top.png"); background-position:bottom left; left:10%; bottom:59%; width:22%; height:10%; background-size:contain; z-index:1;animation:ani-td-cloud 20s linear infinite alternate}
.site-container.td .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/td/graphic-top.png"); background-position:right bottom; right:15%; bottom:85%; width:20%; height:10%;  background-size:contain; z-index:1;animation:ani-td-cloud 20s linear infinite alternate;animation-delay: 3s}
.site-container.td .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/td/graphic-middle.png"); background-position:left bottom; left:1%; bottom:55%; width:20%; height:10%; background-size:contain;  z-index:1 ;animation:ani-td-cloud 20s linear infinite alternate;animation-delay: 6s}
.site-container.td .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/td/graphic-bottom-b.png"); background-position:left bottom; left:-2%; bottom:0; width:20%; height:20%; background-size:contain;  }
.site-container.td .page-deco-container > .bg-default:nth-child(5){ background-image:url("../img/td/graphic-bottom-a.png"); background-position:right bottom; right:0%; bottom:0%; width:25%; height:40%; background-size:contain;z-index: 1  }
.site-container.td .page-deco-container > .bg-default:nth-child(6){ background-image:url("../img/td/graphic-bottom-c.png"); background-position:right bottom; right:2%; bottom:2%; width:13%; height:30%; background-size:contain;z-index: 1 ;animation:ani-pl-girl 6s linear infinite alternate }



.site-container.td .page-floating-container > div{ transform:translate(-50%,-50%); }
.site-container.td .page-floating-container > div > div{ padding-bottom:100%; width:100%; background-image:url("../img/td/deco.png"); animation:ani-td-float 5s linear infinite alternate;}

.site-container.td .page-floating-container > div:nth-child(1){ width:13vw; left:25%; top:18%;}

.site-container.td .footer-container{z-index:2}

.site-container.td .side-body-container .scrollbar-inner{ height:12em;  }

.td .cnt-container.align-top-more{ top:1em!important; }

@keyframes ani-td-float {
    0%   { transform:translateY(0%);}
    50%  { transform:translatey(5%);}
    100% { transform:translatey(0%);}
}

@keyframes ani-td-cloud {
    0%   { transform:translateX(0%)}
	50%   { transform:translateX(10%)}
	100% { transform:translateX(0%)}
}

@keyframes ani-td-cloud-m {
    0%   { transform:translateX(0%) scaleX(-1)}
	50%   { transform:translateX(10%) scaleX(-1)}
	100% { transform:translateX(0%) scaleX(-1)}
}
/* Tender Document */



/* Register of Transactions */
.site-container.rot .page-bg-container, .site-container.rot .page-bg-container > div > div > div, .home-nav-ele.rot .flip-card-front-inner{ background-image:url(../img/rot/bg.jpg); }
.home-nav-ele.rot .flip-card-front .flip-card-front-inner{ background-image:url(../img/rot/bg-window.jpg); }
.home-nav-ele.rot .page-svg-title, .site-container.rot .page-svg-title{ background-image:url("../img/rot/title-w.svg"); }
.site-container.rot .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/rot/title-c.svg");  }
.site-container.rot .page-deco-container > .bg-default{background-size:contain; z-index: 1; }
.site-container.rot .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/rot/graphic-top.png"); background-position:top left; left:15%; bottom:85%; width:9%; height:8%;; animation:ani-rot-s-float 25s linear infinite alternate; }
.site-container.rot .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/rot/graphic-top.png"); background-position:top right; right:12%; bottom:73%; width:12%; height:11%; animation:ani-rot-float 20s linear infinite alternate; }
.site-container.rot .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/rot/graphic-middle.png"); background-position:center bottom; left:8%;  width:7%; height:17%; transform:translate(-50%, -100%);/* animation:ani-bird-jump 3s linear infinite alternate; animation-timing-function:linear*/}
.site-container.rot .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/rot/graphic-bottom.png"); background-position:right top; right:5%; top:60%; width:17%; height:27%;  transform:translate(-72%, -34%)}

.site-container.rot .side-body-container .scrollbar-inner{ height:5.5em;  }

.rot .cnt-container.align-top-more{ top:1em!important; }

.site-container.rot .footer-container{z-index:2}



@keyframes ani-rot-float {
    0%   { transform:translateX(0%)}
	50%   { transform:translateX(-80%)}
	100% { transform:translateX(0%)}
}
@keyframes ani-rot-s-float {
    0%   { transform:translateX(20%)scaleX(-1)}
	50%   { transform:translateX(-60%)scaleX(-1)}
	100% { transform:translateX(0%)scaleX(-1)}
}

/*@keyframes ani-bird-jump {
    0%   { transform:translate(-50%, -100%);}
	40%   { transform:translate(-50%, -100%);}
	44%   { transform:translate(-50%, -103%);}
    48%   { transform:translate(-50%, -100%);}
	52%   { transform:translate(-50%, -103%);}
	56%   { transform:translate(-50%, -100%);}
    100% { transform:translate(-50%, -100%);}
}*/
/* Register of Transactions */



/* Aerial Photograph */
.site-container.ap .page-bg-container, .site-container.ap .page-bg-container > div > div > div, .home-nav-ele.ap .flip-card-front-inner{ background-image:url(../img/ap/bg.jpg); }
.home-nav-ele.ap .flip-card-front .flip-card-front-inner{ background-image:url(../img/ap/bg-window.jpg); }
.site-container.ap .page-deco-container > .bg-default{ background-size:contain; }
.home-nav-ele.ap .page-svg-title, .site-container.ap .page-svg-title{ background-image:url("../img/ap/title-w.svg"); }
.site-container.ap .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/ap/title-c.svg");  }
.site-container.ap .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/ap/graphic-top-a.png"); background-position:top left; left:-5%; top:40%; width:15%; height:13%;  animation:ani-pl-float-reverse 70s linear infinite; animation-delay:-.2s;z-index:1;}
.site-container.ap .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/ap/graphic-top-a.png"); background-position:top right; right:3%; top:11%; width:11%; height:10%; animation:ani-rot-s-float 70s linear infinite; animation-delay:-3s ;z-index:1; }
.site-container.ap .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/ap/graphic-top-b.png"); background-position:top right; right:9%; top:15%; width:13%; height:10.5%; z-index:1; animation:ani-pl-float 70s linear infinite; animation-delay:-1.2s }
.site-container.ap .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/ap/graphic-middle-a.png"); background-position:right top; right:10%; top:28%; width:5.5%; height:6.8%; z-index: 1; animation:ani-ap-bird 15s linear infinite; animation-delay:-4s  }
.site-container.ap .page-deco-container > .bg-default:nth-child(5){ background-image:url("../img/ap/graphic-middle-b.png"); background-position:right top; right:30%; top:10%; width:4%; height:5.6%; z-index: 1; animation:ani-ap-bird 15s linear infinite; animation-delay:0s  }
.site-container.ap .page-deco-container > .bg-default:nth-child(6){ background-image:url("../img/ap/graphic-bottom.png"); background-position:center bottom; left:27%; bottom:0; width:13.2%; height:41%;  z-index: 1; transform:translateX(0%)}

.site-container.ap .footer-container{z-index:2}

@keyframes ani-ap-bird {
    0%   { transform:translate(0%,0%) }
	50%   { transform:translate(-80%,80%)}
	100% { transform:translate(0%,0%) }
}

/* Aerial Photograph */


/* Parking Space Document */
.site-container.psd .page-bg-container, .site-container.psd .page-bg-container > div > div > div, .home-nav-ele.psd .flip-card-front-inner{ background-image:url(../img/psd/bg.jpg); }
.home-nav-ele.psd .flip-card-front .flip-card-front-inner{ background-image:url(../img/psd/bg-window.jpg); }
.home-nav-ele.psd .page-svg-title, .site-container.psd .page-svg-title{ background-image:url("../img/psd/title-w.svg"); }
.site-container.psd .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/psd/title-c.svg");  }

.site-container.psd .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); }

.site-container.psd .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/psd/graphic-top.png"); background-position:top right; right:25%; top:10%; width:25%; height:12%; background-size:contain; z-index:1;animation:ani-psd-float 20s linear infinite alternate}
.site-container.psd .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/psd/graphic-middle.png"); background-position:center bottom; left:8%; top:18%; width:14%; height:10%; background-size:contain;  z-index:1; transform:translateY(-100%); }
.site-container.psd .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/psd/graphic-bottom.png"); background-position:right bottom; right:8%; bottom:8%; width:23%; height:28%; background-size:contain;z-index: 1  }


@keyframes ani-psd-float {
    0%   { transform:translateX(10%)}
	50%   { transform:translateX(-10%)}
	100% { transform:translateX(10%)}
}
/* Parking Space Document */


/* Sales Brochure for Parking Space */
.site-container.sbfps .page-bg-container, .site-container.sbfps .page-bg-container > div > div > div, .home-nav-ele.sbfps .flip-card-front-inner{ background-image:url(../img/sbfps/bg.jpg); }
.home-nav-ele.sbfps .flip-card-front .flip-card-front-inner{ background-image:url(../img/sbfps/bg-window.jpg); }
.home-nav-ele.sbfps .page-svg-title, .site-container.sbfps .page-svg-title{ background-image:url("../img/sbfps/title-w.svg"); }
.site-container.sbfps .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sbfps/title-c.svg");  }

.site-container.sbfps .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em);  }

.site-container.sbfps .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/sbfps/graphic-top.png"); background-position:top left; left:21%; top:12%; width:10%; height:10%; background-size:contain; z-index:2;animation:ani-sbfps-float 20s linear infinite alternate;}
.site-container.sbfps .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/sbfps/graphic-top-b.png"); background-position:top left; left:30%; top:9%; width:7%; height:12%; background-size:contain; z-index:2;animation:ani-sbfps-float 20s linear infinite alternate}
.site-container.sbfps .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/sbfps/graphic-top.png"); background-position:top right; right:8%; top:22%; width:7%; height:12%; background-size:contain; z-index:2; animation:ani-sbfps-b-float 20s linear infinite alternate}
.site-container.sbfps .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/sbfps/graphic-middle.png"); background-position:bottom right; right:8%; top:25%; width:21%; height:38%; background-size:contain;  z-index:1;  transform:translateY(-100%)}
.site-container.sbfps .page-deco-container > .bg-default:nth-child(5){ background-image:url("../img/sbfps/graphic-bottom.png"); background-position:left bottom; left:0%; bottom:-0.1%; width:60%; height:35%; background-size:contain; z-index:1;}

.site-container.sbfps .footer-container{z-index:2}

.site-container.sbfps .cnt-container{ width:auto; top:2em!important; }
.site-container.sbfps .special-zt{  z-index:2 }

@keyframes ani-sbfps-float {
    0%   { transform:translateX(10%)}
	50%   { transform:translateX(-10%)}
	100% { transform:translateX(10%)}
}

@keyframes ani-sbfps-b-float {
    0%   { transform:translateX(10%) scaleX(-1)}
	50%   { transform:translateX(-10%) scaleX(-1)}
	100% { transform:translateX(10%) scaleX(-1)}
}
/* Sales Brochure for Parking Space */






/* Gallery */
.site-container.g .page-bg-container, .site-container.g .page-bg-container > div > div > div, .home-nav-ele.g .flip-card-front-inner{ background-image:url(../img/g/bg.jpg); }
.home-nav-ele.g .flip-card-front .flip-card-front-inner{ background-image:url(../img/g/bg-window.jpg); }
.home-nav-ele.g .page-svg-title, .site-container.g .page-svg-title{ background-image:url("../img/g/title-w.svg"); }
.site-container.g .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/g/title-c.svg");  }


.site-container.g .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); width:250px; }

.site-container.g .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/g/graphic-top.png"); background-position:top right; right:10%; top:15%; width:15%; height:25%; background-size:contain; animation:ani-g-paragliding 15s linear infinite alternate; transform-origin: 10% 0% ;z-index:1; }
.site-container.g .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/g/graphic-middle.png"); background-position:right bottom; right:-4%; bottom:30%; width:20%; height:40%;  background-size:contain; }
.site-container.g .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/g/graphic-bottom.png"); background-position:left bottom; left:0; bottom:-4%; width:100%; height:40%; background-size:contain;  }

.site-container.g .page-floating-container > div{ transform:translateX(0%); }
.site-container.g .page-floating-container > div > div{ padding-bottom:50%; background-image:url("../img/g/deco.png");  width:100%; animation:ani-g-float 80s linear infinite alternate;}
.site-container.g .page-floating-container > div:nth-child(2) > div{ padding-bottom:66%; background-image:url("../img/g/deco-b.png"); }
.site-container.g .page-floating-container > div:nth-child(1){  width:12vw; left:30%; top:12%;z-index: 1 }
.site-container.g .page-floating-container > div:nth-child(2){ width:8vw; left:76%; top:28%; z-index: 1}

.site-container.g .side-body-container .scrollbar-inner{ height:5.5em;  }

@keyframes ani-g-float {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(-80%)}
	100% { transform:translateX(0%) }
}

@keyframes ani-g-paragliding {
    0%    {transform:rotate(0deg) translate(0%,0%)}
	25%    {transform:translate(8%,4%)}
	50%   {transform:rotate(10deg)translate(0%,0%)}
	75%    {transform:translate(8%,4%)}
    100%  {transform:rotate(0deg) translate(0%,0%)}
}

/*  Gallery */



/* Registration */
.site-container.r .page-bg-container, .site-container.r .page-bg-container > div > div > div, .home-nav-ele.r .flip-card-front-inner{ background-image:url(../img/r/bg.jpg); }
.home-nav-ele.r .flip-card-front .flip-card-front-inner{ background-image:url(../img/r/bg-window.jpg); }
.home-nav-ele.r .page-svg-title, .site-container.r .page-svg-title{ background-image:url("../img/r/title-w.svg"); }
.site-container.r .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/r/title-c.svg");  }

.site-container.r .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% - 22em); }
.site-container.r .page-deco-container > .bg-default{ background-size:contain; }
.site-container.r .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/r/graphic-top-1.png"); background-position:top center; right:20%; top:-3%; width:28%; height:28%; z-index: 1 ; animation:ani-r-cloud-l 80s linear infinite alternate}
.site-container.r .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/r/graphic-top-2.png"); background-position:top center; right:11%; top:9%; width:14%; height:28%; z-index: 1 ; animation:ani-r-cloud-r 80s linear infinite alternate}
.site-container.r .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/r/graphic-middle.png"); background-position:left bottom; left:0; bottom:11%; width:20%; height:53.7%;  z-index: 1}
.site-container.r .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/r/graphic-bottom.png"); background-position:center bottom; right:11%; bottom:5%; width:16%; height:26%;z-index: 1 }
.site-container.r .page-deco-container > div:nth-child(5){ position:absolute;/*background-image:url("../img/r/graphic-butterfly-bottom.png"); background-position:center bottom; animation:ani-pl-girl 3s linear infinite alternate*/ right:12%; bottom:20%; width:4%; height:26%; animation:ani-butterfly-y 5s alternate infinite ease-in-out; z-index: 1}

.site-container.r .page-deco-container > div:nth-child(5) > .bg-default{ position:absolute; background-size:contain; background-image:url("../img/r/graphic-butterfly-bottom.png"); background-position:center bottom; width:100%!important; height:100%!important; top:0; left:0; animation:ani-butterfly-x 10s -2.5s alternate infinite ease-in-out;   }

.site-container.r .footer-container{z-index:2}

@keyframes ani-r-cloud-l {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(-10%)}
	100% { transform:translateX(0%) }
}
@keyframes ani-r-cloud-r {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(10%)}
	100% { transform:translateX(0%) }
}
/* Registration */


/* Ballot Result */
.site-container.br .page-bg-container, .site-container.br .page-bg-container > div > div > div, .home-nav-ele.br .flip-card-front-inner{ background-image:url(../img/br/bg.jpg); }
.home-nav-ele.br .flip-card-front .flip-card-front-inner{ background-image:url(../img/br/bg-window.jpg); }
.home-nav-ele.br .page-svg-title, .site-container.br .page-svg-title{ background-image:url("../img/br/title-w.svg"); }
.site-container.br .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/br/title-c.svg");  }
.site-container.br .page-deco-container > .bg-default{ background-size:contain;}
.site-container.br .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/br/graphic-top.png"); background-position:top right; right:-1%; top:-2%; width:20%; height:26%; }
.site-container.br .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/br/graphic-middle-a.png"); background-position:center bottom; left:19%; bottom:18%; width:5%; height:18%; z-index:1;  }
.site-container.br .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/br/graphic-middle-b.png"); background-position:right bottom; right:15%; bottom:8%; width:9%; height:25%; z-index:1; animation:ani-rabbit-jump 3s linear infinite alternate; animation-timing-function:linear }
.site-container.br .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/br/graphic-bottom.png"); background-position:left top; left:-10%; bottom:-7%; width:120%; height:25%; background-size:100% auto;  }

.site-container.br .footer-container{z-index:3}
.site-container.br .side-body-container .scrollbar-inner{ height:13em;  }


@keyframes ani-rabbit-jump {
    0%   { transform:translateY(0%)}
    50%   { transform:translateY(-3%)}
    100% { transform:translateY(0%)}
}
/* Ballot Result */


/* price list */
.site-container.pl .page-bg-container, .site-container.pl .page-bg-container > div > div > div, .home-nav-ele.pl .flip-card-front-inner{ background-image:url(../img/pl/bg.jpg); }
.home-nav-ele.pl .flip-card-front .flip-card-front-inner{ background-image:url(../img/pl/bg-window.jpg); }
.home-nav-ele.pl .page-svg-title, .site-container.pl .page-svg-title{ background-image:url("../img/pl/title-w.svg"); }
.site-container.pl .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/pl/title-c.svg");  }

.site-container.pl .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); }

.site-container.pl .side-body-container .scrollbar-inner{ height:7.5em; }

.site-container.pl .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/pl/graphic-top-wave.png"); background-position:bottom left; left:0; bottom:-2%; width:37.5%; height:50%; background-size:contain; z-index:1;  }
.site-container.pl .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/pl/graphic-top-girl.png"); background-position:bottom center; left:12%; bottom:18%; width:19%; height:30%; background-size:contain;animation:ani-pl-girl 6s linear infinite alternate; z-index:1; ; }
.site-container.pl .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/pl/graphic-middle.png"); background-position:left bottom; left:66%; bottom:-2%; width:8.8%; height:25.3%;  background-size:contain; z-index: 1;animation:ani-pl-girl 7s linear infinite alternate }
.site-container.pl .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/pl/graphic-bottom.png"); background-position:right bottom; right:0; bottom:0; width:25%; height:50%; background-size:contain; }

.site-container.pl .page-floating-container > div{ transform:translateX(0%); }
.site-container.pl .page-floating-container > div > div{ padding-bottom:40%; background-image:url("../img/pl/deco.png");  animation:ani-pl-float 80s linear infinite alternate;}
.site-container.pl .page-floating-container > div:nth-child(2) > div{ padding-bottom:53%; background-image:url("../img/pl/deco-b.png"); }
.site-container.pl .page-floating-container > div:nth-child(1){  width:20vw; left:30%; top:7%; }
.site-container.pl .page-floating-container > div:nth-child(2){ width:11vw; left:76%; top:17%; }
.site-container.pl .footer-container{z-index:3}

@keyframes ani-pl-float {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(-80%)}
	100% { transform:translateX(0%) }
}
@keyframes ani-pl-float-reverse {
    0%   { transform:translateX(0%) }
	50%   { transform:translateX(80%)}
	100% { transform:translateX(0%) }
}
@keyframes ani-pl-girl {
    0%   { transform:translateY(0%) translateX(-50%)}
    50%  { transform:translateY(2%) translateX(-50%)}
    100% { transform:translateY(0%) translateX(-50%)}
}
/* price list */


/* domc */
.site-container.domc .page-bg-container, .site-container.domc .page-bg-container > div > div > div, .home-nav-ele.domc .flip-card-front-inner{ background-image:url(../img/domc/bg.jpg); }
.home-nav-ele.domc .flip-card-front .flip-card-front-inner{ background-image:url(../img/domc/bg-window.jpg); }
.home-nav-ele.domc .page-svg-title, .site-container.domc .page-svg-title{ background-image:url("../img/domc/title-w.svg"); }
.site-container.domc .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/domc/title-c.svg");  }
/*.site-container.domc .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/domc/graphic-middle.png"); background-position:right bottom; right:0; top:43%; width:20%; height:40%; display: none }*/
.site-container.domc .page-deco-container > .bg-default:nth-child(2){ background-image:url("../img/domc/graphic-bottom.png"); background-position:right bottom; right:0; bottom:0; width:35%; height:36%; background-size:contain;  }
.site-container.domc .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/domc/graphic-top.png"); background-position:top left; left:0; top:0; width:100%; height:90%;  }

.site-container.domc .page-floating-container > div{ transform:translate(-50%,-50%); }

.site-container.domc .page-floating-container > div > div{ padding-bottom:100%; width:100%;; animation:ani-domc-float 9s linear infinite alternate;}

.site-container.domc .page-floating-container > div:nth-child(1) > div{  background-image:url("../img/domc/deco3.png")}
.site-container.domc .page-floating-container > div:nth-child(2) > div{  background-image:url("../img/domc/deco2.png")}
.site-container.domc .page-floating-container > div:nth-child(3) > div{  background-image:url("../img/domc/deco1.png")}

.site-container.domc .page-floating-container > div:nth-child(1){ width:7vw; left:30%; top:30%; }
.site-container.domc .page-floating-container > div:nth-child(2){ width:5vw; left:70%; top:15%; }
.site-container.domc .page-floating-container > div:nth-child(3){ width:3vw; left:75%; top:10%; }

.site-container.domc .page-floating-container > div:nth-child(2) > div{  animation-delay:-3s}
.site-container.domc .page-floating-container > div:nth-child(3) > div{  animation-delay:-6s}

@keyframes ani-domc-float {
    0%   { transform:translate(20%,30%) }
	50%   { transform:translate(0%,-30%) }
	100% { transform:translate(-30%,20%)}
}
/* domc */

@media only screen and  (max-width:1023px) {/*portrait (orientation: portrait) and */
	.page-bg-container.home{ background-image:url(../img/bg-m.jpg);  background-size:140% auto!important} 
	.page-bg-container.innerpage{ background-image:url(../img/bg-m.jpg);  }
	
	.site-container .cnt-container{ top:100%; }
	.cnt-container.align-top{ top:100%!important; }
	.cnt-container.align-top-more, .cnt-container.align-center{ top:100%!important; transform:translate(0,0)}
	.cnt-container.align-left-abs{ left:auto}
	.cnt-container.align-right{ left:auto  }
	.cnt-container.align-center-up{ top:100%!important; transform:translateY(-0%);} 
	
	.init .page-deco-container > .bg-default:nth-child(1){ transition-delay:1.2s  }
	.init .page-deco-container > .bg-default:nth-child(2){ transition-delay:1.4s  }
	.init .page-deco-container > .bg-default:nth-child(3){ transition-delay:1.6s  }
	
	
	/* sales brochure */
	.site-container.sb .page-bg-container, .site-container.sb .page-bg-container > div > div > div, .home-nav-ele.sb .flip-card-front-inner{ background-image:url(../img/sb/bg-m.jpg); background-position:55% 50%}
	
	site-container.sb .page-bg-container > div > div > div{ background-position:55% calc(50% + 0vw)}
	
	.home-nav-ele.sb .page-svg-title, .site-container.sb .page-svg-title{ background-image:url("../img/sb/title-w-m.svg"); }
	.site-container.sb .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sb/title-c-m.svg"); }
	
	.site-container.sb .page-deco-container > .bg-default:nth-child(1){ width:40%; height:24%; bottom:auto; top:125vw; left:-3%; transform:translateY(-100%)   }
	.site-container.sb .page-deco-container > .bg-default:nth-child(2){  left:72%;  width:21%; bottom:80%; }
	.site-container.sb .page-deco-container > .bg-default:nth-child(3){ width:100%; height:25%; right:-15%;  }
	
	.site-container.sb .cnt-container{ width:65%; margin-left:5%; top:110%;  }
	
	.site-container.sb .side-body-container .scrollbar-inner{ height:10em;  }
	
	
	/* sales brochure */
	
	
	
	/* Sales arrangements */
	.site-container.sa .page-bg-container, .site-container.sa .page-bg-container > div > div > div, .home-nav-ele.sa .flip-card-front-inner{ background-image:url(../img/sa/bg-m.jpg); background-position:50% 50%}
	
	.site-container.sa .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.home-nav-ele.sa .page-svg-title, .site-container.sa .page-svg-title{ background-image:url("../img/sa/title-w-m.svg"); }
	.site-container.sa .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sa/title-c-m.svg"); }
	
	.site-container.sa .page-deco-container > .bg-default:nth-child(1){  right:-15%; bottom:82%; width:45%; height:5%; animation:ani-sa-float 7s linear infinite alternate }
	.site-container.sa .page-deco-container > .bg-default:nth-child(2){  left:-5%; bottom:70%; width:30%; height:4%;  animation:ani-sa-float-m 7s linear infinite alternate  }
	.site-container.sa .page-deco-container > .bg-default:nth-child(3){  background-position:center top; left:60%; bottom:20%; width:31%; height:24%;  }
  	.site-container.sa .page-deco-container > .bg-default:nth-child(4){  background-position:center bottom; background-size:100% auto; width:100%; bottom:0; height:15%; left:0; background-image:url("../img/sa/graphic-bottom-m.png")  }
	.site-container.sa .page-deco-container > .bg-default:nth-child(5){ left:80%; top:12%; width:10%; height:3%; }
	.site-container.sa .page-deco-container > .bg-default:nth-child(6){ right:70%; top:20%; width:6%; height:2.3%;}
    /*
	.site-container.sa .page-floating-container > div:nth-child(1){ width:8vw; top:13%; }
	.site-container.sa .page-floating-container > div:nth-child(2){ width:4vw; left:5%; top:23%; }
	.site-container.sa .page-floating-container > div:nth-child(3){ width:6vw; left:45%; top:15%; }
	.site-container.sa .page-floating-container > div:nth-child(4){ width:5vw; left:70%; top:18%;   }
	.site-container.sa .page-floating-container > div:nth-child(5){ width:2vw; left:85%; top:10%; }
	*/
	.site-container.sa .cnt-container{ width:50%; margin-left:5%; top:100%;  }
	
	.site-container.sa .side-body-container .scrollbar-inner{ height:10em;  }
	/* Sales arrangements */
	
	
	/* Register of Transactions */
	.site-container.rot .page-bg-container, .site-container.rot .page-bg-container > div > div > div, .home-nav-ele.rot .flip-card-front-inner{ background-image:url(../img/rot/bg-m.jpg); background-position:50% 50%}
	
	.site-container.rot .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.home-nav-ele.rot .page-svg-title, .site-container.rot .page-svg-title{ background-image:url("../img/rot/title-w-m.svg"); }
	.site-container.rot .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/rot/title-c-m.svg"); }
	
	.site-container.rot .page-deco-container > .bg-default:nth-child(1){  background-position:top left; left:5%; bottom:80%;  width:18%; height:4%;   }
	.site-container.rot .page-deco-container > .bg-default:nth-child(2){  background-position:top right; right:-10%; bottom:85%; width:24.5%; height:6%;  }
	.site-container.rot .page-deco-container > .bg-default:nth-child(3){  width:11.5%; height:10%;  ; }
	.site-container.rot .page-deco-container > .bg-default:nth-child(4){   top:54%; width:40%; height:25%;  transform:translate(-103%, 18%);  }
	.site-container.rot .cnt-container{ width:65%; margin-left:5%; top:100%;  }
	.site-container.rot .page-deco-container > .bg-default:nth-child(5){  background-position:center bottom; background-size:100% auto; width:100%; bottom:0; height:15%; left:0; background-image:url("../img/rot/graphic-bottom-m.png")  }
	
	
	.rot .cnt-container.align-top-more{ top:105%!important; }
	
	.site-container.rot .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* Register of Transactions */
	
	
	/* Aerial Photograph */ 
	.site-container.ap .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.home-nav-ele.ap .page-svg-title, .site-container.ap .page-svg-title{ background-image:url("../img/ap/title-w-m.svg"); }
	.site-container.ap .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/ap/title-c-m.svg"); }
	
	.site-container.ap .page-deco-container > .bg-default:nth-child(1){ left:5%; top:20%; width:22%; height:6.7%; z-index:1 }
	.site-container.ap .page-deco-container > .bg-default:nth-child(2){ right:3%; top:11%; width:19%; height:6%;  }
	.site-container.ap .page-deco-container > .bg-default:nth-child(3){  right:7%; top:12%; width:26.5%; height:6.7%;   }
	.site-container.ap .page-deco-container > .bg-default:nth-child(4){ right:0%; top:20%; width:10%; height:4%; }
	.site-container.ap .page-deco-container > .bg-default:nth-child(5){ right:70%; top:15%; width:10%; height:4%;}
	.site-container.ap .page-deco-container > .bg-default:nth-child(6){  right:auto; left:4%;  width:38%; height:38%;  bottom:-1%  }
 
	.site-container.ap .cnt-container{ width:55%; margin-right:1em; top:calc(100% + 2em)!important;  }
	
	.site-container.ap .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* Aerial Photograph */
	
	
	/* Registration */
	.site-container.r .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.site-container.r .cnt-container{ top:calc(100% + 2em); }
	
	.home-nav-ele.r .page-svg-title, .site-container.r .page-svg-title{ background-image:url("../img/r/title-w-m.svg"); }
	.site-container.r .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/r/title-c-m.svg"); }
	
	.site-container.r .cnt-container{ width:50%; margin-left:45%; top:100%;  }
	.site-container.r .page-deco-container > .bg-default:nth-child(1){ right:5%; top:4%; width:46%; height:16.8%;  animation:ani-r-cloud-l 30s linear infinite alternate }
	.site-container.r .page-deco-container > .bg-default:nth-child(2){ right:-10%; top:10%; width:28%; height:16.8%;  animation:ani-r-cloud-r 30s linear infinite alternate }
	.site-container.r .page-deco-container > .bg-default:nth-child(3){ left:0; bottom:4%; width:38%; height:33.7%;  }
	.site-container.r .page-deco-container > .bg-default:nth-child(4){  right:15%; bottom:2.5%; width:25%; height:13%; }
	.site-container.r .page-deco-container > .bg-default:nth-child(5){  bottom:10%; width:6%;  }
	
	.site-container.r .page-deco-container > div:nth-child(5){  right:16%; bottom:16%;}
	.site-container.r .page-deco-container > div:nth-child(5) > .bg-default{width:170%!important; height:170%!important; top:-50%; left:-40%}
	.site-container.r .page-deco-container > .bg-default:nth-child(6){  background-position:right bottom; background-size:contain; width:46%; bottom:0; height:12%; right:0; background-image:url("../img/r/graphic-bottom-m.png")  }
	
	.site-container.r.init .page-deco-container > .bg-default:nth-child(3){ transition-delay:2.3s  }
	.site-container.r.init .page-deco-container > .bg-default:nth-child(4){ transition-delay:2.1s  }
	
	.site-container.r .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* Registration */
	
	
	/* Ballot Result */
	.site-container.br .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.home-nav-ele.br .page-svg-title, .site-container.br .page-svg-title{ background-image:url("../img/br/title-w-m.svg"); }
	.site-container.br .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/br/title-c-m.svg"); }
	
	.site-container.br .page-deco-container > .bg-default:nth-child(1){ width:30%; height:11%;top:-1%;  z-index:1 }
	.site-container.br .page-deco-container > .bg-default:nth-child(4){   left:8%; top:calc(100vw + 5em - 12%); width:14.3%; height:13%;   }
	.site-container.br .page-deco-container > .bg-default:nth-child(3){   right:5%; bottom:5%; width:20%; height:13%;  }
	.site-container.br .page-deco-container > .bg-default:nth-child(2){  height:15%; width:205%; bottom:-7% }
	.site-container.br .cnt-container{ width:70%; margin-left:5%; top:100%;  }
	
	.site-container.br .cnt-container{  top:105%!important;}
	
	.site-container.br .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* Ballot Result */
	
	
	/* Gallery */ 
	.site-container.g .page-bg-container > div > div > div{background-position:50% calc(50% + 0vw)}
	
	.home-nav-ele.g .page-svg-title, .site-container.g .page-svg-title{ background-image:url("../img/g/title-w-m.svg"); }
	.site-container.g .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/g/title-c-m.svg"); }

	.site-container.g .cnt-container{ margin-left:5%; top:calc(100%); width:50%; }

	.site-container.g .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/g/graphic-top-m.png"); background-position:top center; right:17%; top:10%; width:18%; height:20%;  z-index:1}
	.site-container.g .page-deco-container > .bg-default:nth-child(2){  right:5%; top:calc(100vw + 2em - 0%); width:25%; height:25%; background-position:right center;  }
	.site-container.g .page-deco-container > .bg-default:nth-child(3){ background-image:url("../img/g/graphic-bottom-m.png"); background-position:left bottom; background-size:100% auto; bottom:0 }

	.site-container.g .page-floating-container > div:nth-child(1){ width:22vw;  top:15%; left:10%;}
	.site-container.g .page-floating-container > div:nth-child(2){ width:14vw;   top:32%; left:80%;}
	
	.site-container.g .side-body-container .scrollbar-inner{ height:10em;  }

	/*  Gallery */
	
	
	/* virtual tour */
	.site-container.vt .page-bg-container, .site-container.vt .page-bg-container > div > div > div, .home-nav-ele.vt .flip-card-front-inner{ background-image:url(../img/vt/bg.jpg); }
	
	.site-container.vt .page-bg-container > div > div > div{ background-position:50% calc(50% + 0vw)}
	
	.site-container.vt .cnt-container{ margin-left:5%; top:calc(100%); width:50%; }

	.site-container.vt .page-deco-container > .bg-default:nth-child(1){ right:60%; top:23%; width:30%; height:50%;  }
    .site-container.vt .page-deco-container > .bg-default:nth-child(2){display:none}
	.site-container.vt .page-deco-container > .bg-default:nth-child(3){   background-position:left bottom; left:38%; width:70%; transform:scale(-1,1);  animation:ani-vt-float-m 10s linear infinite;  }
	
	
	.site-container.vt .cnt-container{  top:105%!important;}
	
	.site-container.vt .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* virtual tour */
	
	
	
	/* price list */
	.site-container.pl .page-bg-container, .site-container.pl .page-bg-container > div > div > div, .home-nav-ele.pl .flip-card-front-inner{ background-image:url(../img/pl/bg-m.jpg); background-position:50% 50%}
	
	.site-container.pl .page-bg-container > div > div > div{ background-position:50% calc(50% + 0vw) }
	
	.home-nav-ele.pl .page-svg-title, .site-container.pl .page-svg-title{ background-image:url("../img/pl/title-w-m.svg"); }
	.site-container.pl .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/pl/title-c-m.svg"); }
	
	.site-container.pl .page-deco-container > .bg-default:nth-child(1){ background-image:url("../img/pl/graphic-top-wave-m.png");width:60%; height:50%; bottom:0%; }
	.site-container.pl .page-deco-container > .bg-default:nth-child(2){  left:20%;  width:30%; bottom:14%;  }
	.site-container.pl .page-deco-container > .bg-default:nth-child(3){  left:75%;  width:17%; }
	.site-container.pl .page-deco-container > .bg-default:nth-child(4){display:none }
	
	.site-container.pl .page-floating-container > div:nth-child(1){ width:36vw;  left:6%; top:13%;  }
	.site-container.pl .page-floating-container > div:nth-child(2){ width:16vw;  left:90%; top:22%; }
	
	
	.site-container.pl .cnt-container{ width:55%; margin-left:40%; top:100%;}
	
	.site-container.pl .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* price list */
	
	
	/* domc */
	.site-container.domc .page-bg-container, .site-container.domc .page-bg-container > div > div > div, .home-nav-ele.domc .flip-card-front-inner{ background-image:url(../img/domc/bg-m.jpg); background-position:70% 50%}
	
	
	.site-container.domc .page-bg-container > div > div > div{ background-position:70% calc(50% + 0vw)}
	
	.home-nav-ele.domc .page-svg-title, .site-container.domc .page-svg-title{ background-image:url("../img/domc/title-w-m.svg"); }
	.site-container.domc .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/domc/title-c-m.svg"); }
	
	.site-container.domc .page-deco-container > .bg-default:nth-child(1){ top:0; left:0; height:80vw;   background-image:url(../img/domc/graphic-top-m.png); background-size:cover; width:100%!important; background-position:right bottom}
	.site-container.domc .page-deco-container > .bg-default:nth-child(2){ bottom:-2%; width:70%; height:50%; background-image:url("../img/domc/graphic-bottom-m.png")}
	
	
	.site-container.domc .page-floating-container > div:nth-child(1){ width:9vw; left:30%; top:25%; }
	.site-container.domc .page-floating-container > div:nth-child(2){ width:7vw; left:70%; top:15%; }
	.site-container.domc .page-floating-container > div:nth-child(3){ width:5vw; left:80%; top:5%; }
	
	.site-container.domc .cnt-container{ width:65%; margin-left:5%; top:103%;}
	
	.site-container.domc .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* domc */
	
	
	
	/* psd */
	.home-nav-ele.psd .page-svg-title, .site-container.psd .page-svg-title{ background-image:url("../img/psd/title-w-m.svg"); }
	.site-container.psd .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/psd/title-c-m.svg"); }
	
	.site-container.psd .page-deco-container > .bg-default:nth-child(1){  width:28%; }
	.site-container.psd .page-deco-container > .bg-default:nth-child(2){ top:28%; left:3%;}
	.site-container.psd .page-deco-container > .bg-default:nth-child(3){ right:5%; bottom:6%; width:45%; height:35%; }
	.site-container.psd .page-deco-container > .bg-default:nth-child(4){ background-image:url("../img/psd/graphic-bottom-m.png"); background-position:left bottom; left:-3%; bottom:-1%; width:35%; height:30%; background-size:contain;}

	
	.site-container.psd .page-bg-container > div > div > div{ background-position:50% calc(50% + 0vw)}
	
	.site-container.psd .cnt-container{  width:50%; margin-left:5%;  }
	
	.site-container.psd .side-body-container .scrollbar-inner{ height:10em;  }
	
	/* psd */
	
	
	/* Sales Brochure for Parking Space */
    
    .home-nav-ele.sbfps .page-svg-title, .site-container.sbfps .page-svg-title{ background-image:url("../img/sbfps/title-w-m.svg"); }
    .site-container.sbfps .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/sbfps/title-c-m.svg");  }

    .site-container.sbfps .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 5em); }
	

    .site-container.sbfps .page-deco-container > .bg-default:nth-child(1){ left:3%; top:20%; width:17%; }
    .site-container.sbfps .page-deco-container > .bg-default:nth-child(2){ left:20%; top:18%; width:12%; }
    .site-container.sbfps .page-deco-container > .bg-default:nth-child(3){ right:4%; top:7%; width:20%;  }
    .site-container.sbfps .page-deco-container > .bg-default:nth-child(4){ right:4%; top:66%; width:50%; height:40%;}
    .site-container.sbfps .page-deco-container > .bg-default:nth-child(5){ background-image:url("../img/sbfps/graphic-bottom-m.png"); left:0%; bottom:-0.1%; width:100%; height:35%; background-size:contain; }

	.site-container.sbfps .cnt-container{ width:70%; margin-left:5%; top:110%!important; }
	
	.site-container.sbfps .side-body-container .scrollbar-inner{ height:10em;  }
	
    /* Sales Brochure for Parking Space */
	
	
	/* Tender Document */
    
	.site-container.td .page-bg-container > div > div > div{ background-position:50% calc(50% + 0vw)}
    .home-nav-ele.td .page-svg-title, .site-container.td .page-svg-title{ background-image:url("../img/td/title-w-m.svg"); }
    .site-container.td .page-title-container:nth-child(3) .page-svg-title{ background-image:url("../img/td/title-c-m.svg");  }

    .site-container.td .cnt-container{ height:calc(5.4em + 1em + 1px + 1.75em); top:calc(100% + 2em); }

    .site-container.td .page-deco-container > .bg-default:nth-child(1){ left:65%; bottom:70%; width:40%; height:10%; ;animation-delay: 6s;animation:ani-td-cloud 10s linear infinite alternate}
    .site-container.td .page-deco-container > .bg-default:nth-child(2){ display:none}
    .site-container.td .page-deco-container > .bg-default:nth-child(3){ left:22%; bottom:88%; width:25%; height:10%; animation:ani-td-cloud-m 10s linear infinite alternate;animation-delay: none}
    
    .site-container.td .page-deco-container > .bg-default:nth-child(4){ display:none  }
	.site-container.td .page-deco-container > .bg-default:nth-child(5){  right:-5%; bottom:-2%; width:65%; height:50%; }
	.site-container.td .page-deco-container > .bg-default:nth-child(6){  right:-10%; bottom:2%; width:30%; height:50%; }




    .site-container.td .page-floating-container > div:nth-child(1){ width:35vw; left:15%; top:23%;}
	
	.site-container.td .cnt-container{  width:60%; margin-left:5%;  }
	
	.site-container.td .side-body-container .scrollbar-inner{ height:10em;  }
	


    
    /* Tender Document */
	
	
}


@media only screen and (min-width:0px)  and (max-width:1023px) { 
	
	.disclaimer-container.home{ background-image:url(../img/disclaimer-bg.jpg); }
	.disclaimer-container.tour{ background-image:url(../img/tour/disclaimer-bg.jpg); }
	.disclaimer-container.ap{ background-image:url(../img/ap/disclaimer-bg.jpg); }
	.disclaimer-container.br{ background-image:url(../img/br/disclaimer-bg.jpg); }
	.disclaimer-container.domc{ background-image:url(../img/domc/disclaimer-bg.jpg); }
	.disclaimer-container.g{ background-image:url(../img/g/disclaimer-bg.jpg); }
	.disclaimer-container.psd{ background-image:url(../img/psd/disclaimer-bg.jpg); }
	.disclaimer-container.pl{ background-image:url(../img/pl/disclaimer-bg.jpg); }
	.disclaimer-container.rot{ background-image:url(../img/rot/disclaimer-bg.jpg); }
	.disclaimer-container.r{ background-image:url(../img/r/disclaimer-bg.jpg); }
	.disclaimer-container.sa{ background-image:url(../img/sa/disclaimer-bg.jpg); }
	.disclaimer-container.sb{ background-image:url(../img/sb/disclaimer-bg.jpg); }
	.disclaimer-container.td{ background-image:url(../img/td/disclaimer-bg.jpg); }
	.disclaimer-container.vt{ background-image:url(../img/vt/disclaimer-bg.jpg); }
	.disclaimer-container.sbfps{ background-image:url(../img/sbfps/disclaimer-bg.jpg); }
	
}