@import url(partials/_reset.css);*:lang(zh-Hant),*:lang(zh-Hans){font-family:Microsoft JhengHei}a,a:hover{-webkit-transition:all .2s cubic-bezier(0, 0, 0, 0.74);-o-transition:all .2s cubic-bezier(0, 0, 0, 0.74);transition:all .2s cubic-bezier(0, 0, 0, 0.74)}html{-webkit-text-size-adjust:100%}body{color:#333;font:16px "Catamaran",Microsoft JhengHei,sans-serif}.header{position:relative;padding:13px 0;width:100%;text-align:center}.header img{padding-left:20px}@media only screen and (max-width: 768px){.header img{width:120px}}@media only screen and (max-width: 768px){.header{text-align:left}}.header .changeLangBox{position:absolute;top:20px;right:15px;display:inline-block}@media only screen and (max-width: 768px){.header .changeLangBox{top:14px;right:10px}}.header .changeLangBox .langButton{border:3px solid #959595;float:left;min-height:27px;min-width:31px;padding:4px 4px 2px;color:#333;font-size:1.5rem;line-height:1.3;text-align:center;background-color:white;-webkit-transition:all .2s cubic-bezier(0, 0, 0, 0.74);-o-transition:all .2s cubic-bezier(0, 0, 0, 0.74);transition:all .2s cubic-bezier(0, 0, 0, 0.74)}.header .changeLangBox .langButton.toggleButton{position:absolute;z-index:1;left:76px;font-weight:500;-webkit-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;transition:left .3s ease-in-out}@media only screen and (max-width: 768px){.header .changeLangBox .langButton.toggleButton{left:81px}}.header .changeLangBox .langButton.toggleButton.isToggled{left:-33px;background-color:#ececec;-webkit-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;transition:left .3s ease-in-out}@media only screen and (max-width: 768px){.header .changeLangBox .langButton.toggleButton.isToggled{left:-5px}}.header .changeLangBox .langButton:hover{background-color:#ececec;-webkit-transition:all .2s cubic-bezier(0, 0, 0, 0.74);-o-transition:all .2s cubic-bezier(0, 0, 0, 0.74);transition:all .2s cubic-bezier(0, 0, 0, 0.74)}@media only screen and (max-width: 768px){.header .changeLangBox .langButton{min-height:21px;min-width:22px;padding-top:6px;font-size:1rem}}.header .changeLangBox .frame{position:relative;display:inline-block;height:46px;overflow:hidden;width:122px}.header .changeLangBox .frame .optionalLang{position:absolute;right:-122px;float:left;visibility:hidden;opacity:0;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .changeLangBox .frame .optionalLang.expanded{right:-5px;visibility:visible;opacity:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .changeLangBox .frame .optionalLang li{float:left}.header .changeLangBox .frame .optionalLang li .langButton{margin:0 5px;color:#777;background-color:#ececec}.header .changeLangBox .frame .optionalLang li .langButton:lang(zh-Hant),.header .changeLangBox .frame .optionalLang li .langButton:lang(zh-Hans){padding-bottom:5px;line-height:1.2}@media only screen and (max-width: 768px){.header .changeLangBox .frame .optionalLang li .langButton:lang(zh-Hant),.header .changeLangBox .frame .optionalLang li .langButton:lang(zh-Hans){padding-bottom:2px}}.header .changeLangBox .frame .optionalLang li .langButton:hover{background-color:white}.wrapper{display:inline-block;min-height:500px;width:100%}@media only screen and (max-width: 768px){.wrapper{min-height:600px}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px){.wrapper{max-height:700px}}.wrapper .left,.wrapper .right{height:100%;width:50%}.wrapper .left{float:left}.wrapper .right{float:right}.wrapper .right .topChild,.wrapper .right .bottomChild{height:50%}@media only screen and (max-width: 1024px){.wrapper .left,.wrapper .right{height:-webkit-calc(100% / 2);height:calc(100% / 2);width:100%}.wrapper .right .topChild,.wrapper .right .bottomChild{height:100%;width:50%}.wrapper .right .topChild{float:left}.wrapper .right .bottomChild{float:right}}@media only screen and (max-width: 768px){.wrapper .left,.wrapper .right{height:-webkit-calc(100% / 3);height:calc(100% / 3);width:100%}.wrapper .right .topChild,.wrapper .right .bottomChild{float:none;height:100%;width:100%}}.footer{display:inline-block;padding:20px 0;width:100%}@media only screen and (max-width: 768px){.footer{padding-bottom:0}}.footer .sitemap{float:left;padding-left:20px;width:65%}@media only screen and (max-width: 1280px){.footer .sitemap{float:none;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);display:inline-block}}@media only screen and (max-width: 1280px){.footer .sitemap .featuresSitemap{display:inline-block;width:100%}}.footer .sitemap .featuresSitemap li{float:left;width:33%}.footer .sitemap .featuresSitemap li .item{padding-right:20px}.footer .sitemap .featuresSitemap li .item h5,.footer .sitemap .featuresSitemap li .item .address{line-height:1}.footer .sitemap .featuresSitemap li .item h5{font-size:.875rem;margin-bottom:8px;color:#06c;text-transform:uppercase}.footer .sitemap .featuresSitemap li .item .address{min-height:35px;font-size:.75rem}@media only screen and (max-width: 768px){.footer .sitemap .featuresSitemap li .item .address{min-height:inherit}}.footer .sitemap .featuresSitemap li .item .email{color:#26609d;font-size:.8125rem}.footer .sitemap .featuresSitemap li .item .email:hover{text-decoration:underline}.footer .sitemap .featuresSitemap li .item .featuresShare dl{margin-left:-5px;margin-top:16px}.footer .sitemap .featuresSitemap li .item .featuresShare dl dt{margin-bottom:7px;margin-left:4px;font-size:.8125rem}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd{float:left;margin-right:15px}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a{position:relative;display:block;height:17px;width:17px}@media only screen and (max-width: 768px){.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a{height:20px;width:20px}}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a>img{position:absolute;top:0;left:0;bottom:0;right:0;opacity:1;height:17px;width:17px}@media only screen and (max-width: 768px){.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a>img{height:20px;width:20px}}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a>img+img{z-index:1;opacity:0}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode{position:absolute;bottom:-webkit-calc(100% + 10px);bottom:calc(100% + 10px);left:0;z-index:5;display:none}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode img{width:200px;height:200px}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode+img{z-index:4}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode+img+img{z-index:4}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode-overlay{position:fixed;bottom:0;top:0;left:0;right:0;width:100%;height:100%;background-color:transparent;z-index:1;display:none}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a .wechat-qrcode-overlay:hover{display:none}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a:hover>img{opacity:0}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a:hover>img+img{z-index:2;opacity:1}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a:hover .wechat-qrcode{display:block}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a:hover .wechat-qrcode-overlay{display:block}.footer .sitemap .featuresSitemap li .item .featuresShare dl dd a:hover .wechat-qrcode-overlay:hover{display:none}@media only screen and (max-width: 960px){.footer .sitemap .featuresSitemap li{min-height:150px}}@media only screen and (max-width: 768px){.footer .sitemap .featuresSitemap li{margin-bottom:30px;min-height:inherit;width:100%}.footer .sitemap .featuresSitemap li:last-child{margin-top:0}}.footer .copyright{float:right;padding-right:20px;width:-webkit-calc(100% - 65% - 40px);width:calc(100% - 65% - 40px)}@media only screen and (max-width: 1280px){.footer .copyright{display:inline-block;float:none;margin-top:40px;padding-right:0;width:100%}}@media only screen and (max-width: 768px){.footer .copyright{margin-top:0}}.footer .copyright p{float:right;color:#5a5b5b;font-size:.75rem}@media only screen and (max-width: 1280px){.footer .copyright p{float:none;padding:0 20px 0}}@media only screen and (max-width: 768px){.footer .copyright p{padding-bottom:20px}}.grid-content{position:relative;overflow:hidden;width:100%;height:100%}.grid-content .grid-background{position:absolute;width:100%;height:100%;z-index:1;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s, -o-transform 1s;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}.grid-content .content-wrapper{position:relative;z-index:2;color:white;width:100%;height:100%;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.grid-content .content-wrapper .content-overlay{position:absolute;top:15px;bottom:15px;left:15px;right:15px;background-color:rgba(0,0,0,0.4);-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;z-index:1}@media only screen and (max-width: 768px){.grid-content .content-wrapper .content-overlay{top:5px;bottom:5px;left:5px;right:5px}}.grid-content .content-wrapper .building-info-wrapper{position:relative;display:table;width:100%;height:100%;z-index:2}.grid-content .content-wrapper .building-info-wrapper .building-container{display:table-cell;vertical-align:middle;text-align:center;position:relative}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info{display:inline-block;position:relative}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name{color:white;position:relative;font-size:2.375rem;letter-spacing:.125rem;line-height:1;text-transform:uppercase}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name{font-size:1.75rem}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name:before{content:" ";height:1px;width:60px;margin:auto;position:absolute;left:0;right:0;bottom:-20px;border-bottom:1px solid white}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name:before{bottom:-10px}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name+.building-description,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name+.btn-more-info{margin-top:40px}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name+.building-description,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-name+.btn-more-info{margin-top:20px}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-description{line-height:26px;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;font-size:1.125rem;margin:20px auto auto;max-width:70%}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-description+.btn-more-info{margin-top:40px}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-description{line-height:20px;max-width:85%;font-size:.875rem}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .building-description+.btn-more-info{margin-top:20px}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info{-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0;position:relative;display:inline-block}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info>a{display:block;color:white;width:160px;padding:11px 0}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info>a{width:100px;padding:8px 0}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-text{position:relative;font-size:1rem;text-transform:uppercase;z-index:2;line-height:1}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-text{font-size:.875rem}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw{z-index:1;position:absolute;top:0;left:0;bottom:0;right:0}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-top,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-right,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-bottom,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-left{position:absolute;background-color:white;-webkit-transition:width 0.5s, height 0.5s, left 0.5s, right 0.5s,top 0.5s, bottom 0.5s;-o-transition:width 0.5s, height 0.5s, left 0.5s, right 0.5s,top 0.5s, bottom 0.5s;transition:width 0.5s, height 0.5s, left 0.5s, right 0.5s,top 0.5s, bottom 0.5s}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-top{width:30px;height:2px;top:-10px;left:-10px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-right{width:2px;height:30px;right:-10px;bottom:-10px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-bottom{width:30px;height:2px;bottom:-10px;right:-10px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-left{width:2px;height:30px;top:-10px;left:-10px}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-top{width:15px;height:2px;top:-5px;left:-5px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-right{width:2px;height:15px;right:-5px;bottom:-5px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-bottom{width:15px;height:2px;bottom:-5px;right:-5px}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-left{width:2px;height:15px;top:-5px;left:-5px}}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info .btn-draw .draw-background{position:absolute;width:0;height:0;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width 0.5s, height 0.5s;-o-transition:width 0.5s, height 0.5s;transition:width 0.5s, height 0.5s;background-color:rgba(0,102,204,0.5)}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-left,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-right{height:-webkit-calc(100% + 20px);height:calc(100% + 20px)}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-top,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-bottom{width:-webkit-calc(100% + 20px);width:calc(100% + 20px)}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-background{width:160px;height:40px}@media only screen and (max-width: 768px){.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-left,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-right{height:-webkit-calc(100% + 10px);height:calc(100% + 10px)}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-top,.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-bottom{width:-webkit-calc(100% + 10px);width:calc(100% + 10px)}.grid-content .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:hover .draw-background{width:100px;height:30px}}.grid-content.init-animate .building-name{-webkit-transition:top 0.5s;-o-transition:top 0.5s;transition:top 0.5s}.grid-content:hover .grid-background,.grid-content._hover .grid-background{-webkit-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.grid-content .content-wrapper:hover .building-info-wrapper .building-container .building-info .building-name,.grid-content._hover .content-wrapper .building-info-wrapper .building-container .building-info .building-name{top:0}.grid-content .content-wrapper:hover .building-info-wrapper .building-container .building-info .building-description,.grid-content._hover .content-wrapper .building-info-wrapper .building-container .building-info .building-description,.grid-content .content-wrapper:hover .building-info-wrapper .building-container .building-info .btn-more-info,.grid-content._hover .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info{opacity:1}.grid-content .content-wrapper:hover .building-info-wrapper .building-container .building-info .btn-more-info:before,.grid-content._hover .content-wrapper .building-info-wrapper .building-container .building-info .btn-more-info:before{display:none}.grid-content .content-wrapper:hover .content-overlay,.grid-content._hover .content-wrapper .content-overlay{opacity:1}
