body{font-family:"EB Garamond",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size:12px;padding-right: 0!important;padding-left: 0!important}
/*@font-face{font-family:Noto;src:url('../fonts/NotoSansTC-Regular.otf');}*/
.fp-viewing-0 .top-logo {display: block!important}
.fp-viewing-0 .scrolled-logo {display: none;}

.fp-viewing-1 .top-logo {display: none!important;margin-top: 0px;}
.fp-viewing-1 .scrolled-logo {display: block!important;margin-top: -35px;}

.fp-viewing-2 .top-logo {display: none!important;margin-top: 0px;}
.fp-viewing-2 .scrolled-logo {display: block!important;margin-top: -35px;}

.fp-viewing-3-0 .top-logo {display: none!important;margin-top: 0px;}
.fp-viewing-3-0 .scrolled-logo {display: block!important;margin-top: -35px;}

.fp-viewing-4 .top-logo {display: none!important;margin-top: 0px;}
.fp-viewing-4 .scrolled-logo {display: block!important;margin-top: -35px;}

.fp-viewing-5 .top-logo {display: none!important;margin-top: 0px;}
.fp-viewing-5 .scrolled-logo {display: block!important;margin-top: -35px;}

.fadeout{visibility: hidden;opacity: 0;transition: visibility 0s 2s, opacity 2s linear;}
.fadein{visibility: visible;opacity: 1;transition: opacity 2s linear;
}

.vjs-big-play-button {visibility: hidden;}
.vjs-poster {background-size: cover!important;}

.dc-media__collapse{padding: 10px}

.test[style] {
    padding-right:0 !important;
}
.test.modal-open {
    overflow: auto;
}


.section{text-align:center;background-color: #e7f1fc}
.kv_disclaimer{text-align: left!important;}
img{max-width:100%;}
.topNavigation{background-color:transparent;border:none;padding-top:30px;padding-bottom:30px;z-index:9;}
.topNavigation .navbar-header .navbar-brand{margin-left:0;padding-top:20px;}
.topNavigation .navbar-header .showInMobile{display:none;}
.navbar-default .navbar-nav>li>a{color:#0a6cb5!important;}
.topNavigation .navbar-nav>.active>a,.topNavigation .navbar-nav>.active>a:focus,.topNavigation .navbar-nav>.active>a:hover{background-color:transparent;}
.topNavigation .navbar-left.navbar-nav>li>a{padding-top:23px;}
.topNavigation .navbar-right{display:flex;align-items:center;}
.topNavigation .navbar-right.navbar-nav li.showInMobile{display:none;}
.topNavigation .navbar-right.navbar-nav li.showMusicInMobile{display:none;}

.heroSection .container{position:relative;width:100vw;}
.heroSection .heroArrow{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);}
.heroSection .imageWrapper{position:relative;}
.heroSection .animateSection{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.heroSection .animateSection .logo{animation-name:moveInleft;animation-duration:5s; display:block!important}
.heroSection .animateSection .txt{animation-name:moveInRight;animation-duration:5s; display:block!important;font-size:20px;font-weight:700;letter-spacing:5px;margin-top:20px}
.heroSection .animateSection.txt-style{}
.heroSection .animateSection .logo-style{}

#fp-nav ul li,.fp-slidesNav ul li{width:15px;height:15px;margin:10px;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{width:15px;height:15px;background-color:#7b7b7b;margin:0;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:15px;height:15px;background-color:#53a720;margin:0;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{width:15px;height:15px;background-color:#53a720;margin:0;}

.videoSection>.container .row{display:flex;justify-content:center;}
.videoSection #videoSectionCarousel{margin-top:-50px;}
.videoSection #videoSectionCarousel .carousel-wrapper{position:relative;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-inner{max-width:100%;margin:0 auto;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-inner>.item>img,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-inner>.item>a>img{margin:auto;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control{width:38px;height:38px;top:50%;opacity:1;transform:translateY(-50%);}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control:focus,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control:hover{opacity:1;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.left,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.right{background-image:none;display:none;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.left{left:10%;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.right{right:10%;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control .sliderLeft,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control .sliderRight{background-repeat:no-repeat;width:38px;height:38px;display:block;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control .sliderLeft{background-image:url(../img/slidersection/btn_play_left.svg);}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control .sliderRight{background-image:url(../img/slidersection/btn_play_right.svg);}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control:hover .sliderLeft{background-image:url(../img/slidersection/btn_play_over_left.svg);}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control:hover .sliderRight{background-image:url(../img/slidersection/btn_play_over_right.svg);}

.sliderSection img{border-radius:5px;}
.sliderSection .text-center {text-align: center;}
.lightbox,.lightbox~.close,.lightbox~.prev_img,.lightbox~.next_img{z-index:9999;}
.lightbox img{max-width:none;}
.sliderSection .carousel-inner img:hover{cursor:pointer;}
.sliderSection .fp-slidesNav.bottom:before{content:'';background-image:url(../img/music.png);background-repeat:repeat-x;width:100%;top:0;left:0;position:absolute;height:100%;opacity:0.5;margin-top:7px;}
.sliderSection .fp-slidesContainer{display:inline-flex;}
.sliderSection #sliderSectionCarousel .carousel-wrapper{position:relative;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-inner{max-width:650px;margin:0 auto;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-inner>.item>img,.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-inner>.item>a>img{margin:auto;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control{width:38px;height:38px;top:50%;opacity:1;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control:focus,.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control:hover{opacity:1;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.left,.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.right{background-image:none;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.left{left:10%;z-index:90;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.right{right:10%;z-index:90;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control .sliderLeft,.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control .sliderRight{background-repeat:no-repeat;width:38px;height:38px;display:block;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control .sliderLeft{background-image:url(../img/slidersection/btn_play_left.svg);}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control .sliderRight{background-image:url(../img/slidersection/btn_play_right.svg);}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control:hover .sliderLeft{background-image:url(../img/slidersection/btn_play_over_left.svg);}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control:hover .sliderRight{background-image:url(../img/slidersection/btn_play_over_right.svg);}
.sliderSection #sliderSectionCarousel #thumbCarousel{max-width:650px;margin:0 auto;overflow:hidden;background:#fff;padding:10px 0;display:inline-block;padding-top:50px;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb{float:left;margin-right:24px;background:#fff;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb:last-child{margin-right:0;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb:hover{cursor:pointer;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb img{width:50px;height:50px;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb img:hover,.sliderSection #sliderSectionCarousel #thumbCarousel .thumb.active img{opacity:1;}
#sliderSectionCarousel.carousel-main .carousel-item .dc-media__collapse {
  position: absolute;
  bottom: 130px;
  left: 70px;
}
#sliderSectionCarousel.carousel-main .carousel-item.is-selected .dc-media__collapse {
  position: absolute;
  bottom: 15%;
  left: 5%;
}

/*vrsection*/
.videopopup {
  position: relative;
}
.popupbtn-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popupbtn-wrapper img {
  width: 80px;
  cursor: pointer;
}
#myModal > .modal-content {
  border-radius: 0px;
  background-color: black;
}
#vrModalonClick {
  position: absolute;
  right: 15px;
  left: 15px;
  padding: 0 !important;
}
.modal-backdrop.in {
  display: none;
}
#vrModalonClick .modal-footer {
  display: flex;
  justify-content: center;
  padding: 40px 1px 20px;
  border: none;
}
#vrModalonClick .modal-footer button {
  background-color: #fff;
  opacity: 9;
  color: #0a6cb5;
  padding: 10px 30px;
  border-radius: 4px;
}
#vrModalonClick .modal-dialog {
  width: 100%;
  margin: 0;
  height: 100%;
}
#vrModalonClick .modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0;
  background-color: rgb(10 108 181 / 75%);
  color: white;
  background-image: unset;
}
#vrModalonClick .modal-body::-webkit-scrollbar {
  width: 10px;
}
#vrModalonClick .modal-body::-webkit-scrollbar-track {
  background-color: rgba(205, 205, 205, 0.6);
}
#vrModalonClick .modal-body::-webkit-scrollbar-thumb {
  background-color: #fff;
}
@media screen and (max-width: 576px) {
  #vrModalonClick {
    position: fixed;
    right: 15px;
    left: 15px;
    height: 70vh;
    margin: auto 0;
    padding: 0 !important;
  }
}

.pdfSection ._df_thumb img{box-shadow:5px 10px 18px #888888;}
.pdfSection ._df_thumb:hover ._df_book-title,.pdfSection ._df_thumb-not-found ._df_book-title{opacity:0;}
/*.pdfSection .fp-tableCell{background-image:url(../img/pdfsection/bg_pattern.png);background-repeat:no-repeat;background-position:center left;}
.pdfSection .rightSection{background-image:url(../img/pdfsection/bg_pattern.png);background-repeat:no-repeat;background-position:bottom right;}*/
.pdfSection .details{margin-top:30px;}
.pdfSection a:hover,.pdfSection a:focus{text-decoration:none;}
.pdfSection .details img{width:45px;height:45px;margin-left:5px;}

.footerSection{margin-bottom:30px;}
.footerSection .marginTop{margin-top:20px;}
.footerSection ul.footerListItems{padding:0;margin:25px 0 0;}
.footerSection ul.footerListItems li{display:inline-block;}
.footerSection ul.footerListItems li+li{margin-left:20px;}
.footerSection .logoSection{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px;justify-content:center;}
/*			*/
/*.video-js{margin:auto;}
.video-js .vjs-big-play-button{top: 200px!important;left: 300px!important}*/
#myModal>.modal-content{border-radius: 0px;background-color: black;}
.modal-dialog {display: flex;align-items: center;width: 90%}
.topNavigation .navbar-left.navbar-nav>li:not(:first-child){}
.float-center{float:unset;margin:auto;}
#section0{background-image:url('../img/hero/kv-1280.png');background-repeat:no-repeat;background-size:cover;height:100vh!important;background-position:bottom;}
#section3>.container{max-width:970px;}
.pdfSection ._df_thumb{width:30vw;height:30vw;max-width: 400px;max-height: 400px;}
.pdfSection .floor-plan{width:24vw;height:35vw;max-width: 280px;max-height: 400px;}
.details>a{font-size: 16px;}
#section0>.container{width:100vw;/*padding-right:0;padding-left:0;*/}
/* .scrolledImage>img{max-width:180px!important;} */
.header-text{font-size:17px;}
.navbar>.container{width:96vw;}
#myModalonLoad{font-size:16px;}
#myModalonLoad>.modal-dialog{font-size:16px;position:absolute;right:0;left:0;top:0;bottom:0;}
#section0{padding-top:0px!important;}
.navbar-header{margin-right:35px;}
.topNavigation .navbar-left.navbar-nav>li>a{padding-right:0.5rem;padding-left:0.5rem;}
.topNavigation .navbar-left.navbar-nav>li{margin-right:1.5vw;}
.navbar-brand{margin-right:2vw;}
.none{display:none;}
.numbertext,#fp-nav{display:none;}
.dc-media__collapse a{color:white;}
.imageWrapper{height:90vh;}
.title{font-size:14px;}
.disclaimer-title{font-size:10px;line-height: 1.1; text-align: justify;}
#eng-page .disclaimer-title{font-size:9px;line-height: 1; text-align: justify;}
.navbar-toggle{float:left!important;}
#section1 .carousel-inner:before{left:0;z-index:10;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));}
.navbar-right>li>a{padding-right:10px!important;padding-left:10px!important;}
#section1 .carousel-inner:after{right:0;z-index:10;background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));}
#section1 .carousel-inner:before,.carousel-inner:after{content:'';width:calc((100% - 550px) / 2);height:100%;position:absolute;top:0;}
#section5{padding-top:100px!important;}

.popupImage.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.8);}
.popupImage .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:60%;border:none;}
.popupImage .close{color:white;position:fixed;top:10px!important;right:10px;font-size:35px;font-weight:bold;opacity:1;z-index:9;}
.popupImage .close:hover,.popupImage .close:focus{color:#999;text-decoration:none;cursor:pointer;}
.popupImage .mySlides{display:none;position:relative;}
.popupImage .cursor{cursor:pointer;}
.popupImage .prev{left:0;border-radius:3px 0 0 3px;}
.popupImage .prev,.popupImage .next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;transform:translateY(-50%);}
.popupImage .next{right:0;border-radius:3px 0 0 3px;}
.popupImage .prev:hover,.popupImage .next:hover{background-color:rgba(0, 0, 0, 0.8);text-decoration:none;}
.popupImage .numbertext{color:#fff;font-size:20px;padding:8px 12px;position:absolute;top:0;}
.popupImage .caption{color:#fff;font-size:15px;line-height: 1.1;padding:0 28px 15px 28px;position:absolute;bottom:0;text-align:left;width:100%;}
#eng-page .popupImage .caption{color:#fff;font-size:12px;line-height: 1; padding:0 28px 15px 28px;position:absolute;bottom:0;text-align:left;width:100%;}
.popupImage .caption .disclaimer{font-size:13px;margin-top:5px;text-align: justify;}
.popupImage .caption .disclaimer a{color:#fff;text-decoration:none;}
.popupImage .caption .disclaimer a:after{font-family:'Glyphicons Halflings';content:"\e113";float:right;margin-left:5px;}
.popupImage .caption .disclaimer a.collapsed:after{content:"\e114";}

#sliderSectionCarousel.carousel-main .carousel-item{width:100%;max-height:480px;margin:40px;opacity:0.7;}
#sliderSectionCarousel.carousel-main .carousel-item .carousel-img{max-height:480px;}
#sliderSectionCarousel.carousel-main .carousel-item.is-selected{opacity:1;}
#thumbCarousel{background-image:url(../img/wave_line.svg);}
#thumbCarousel.carousel-nav{margin-top:10px;padding:10px;}
#thumbCarousel.carousel-nav .carousel-nav-item{height:60px;margin:0 10px;}
#thumbCarousel.carousel-nav .carousel-nav-item:hover{border: 2px solid #0A6CB5}
.flickity-prev-next-button .flickity-button-icon{display:none;}
.flickity-prev-next-button.next{right:20px;}
.flickity-prev-next-button.previous{left:20px;}
.sliderSection #sliderSectionCarousel .flickity-prev-next-button{background-color:transparent;padding:3px;}
.sliderSection #sliderSectionCarousel .flickity-button .sliderLeft,.sliderSection #sliderSectionCarousel .flickity-button .sliderRight{background-repeat:no-repeat;width:38px;height:38px;display:block;}
.sliderSection #sliderSectionCarousel .flickity-button .sliderLeft{background-image:url(../img/slidersection/btn_play_left.svg);}
.sliderSection #sliderSectionCarousel .flickity-button .sliderRight{background-image:url(../img/slidersection/btn_play_right.svg);}
.sliderSection #sliderSectionCarousel .flickity-button:hover .sliderLeft{background-image:url(../img/slidersection/btn_play_over_left.svg);}
.sliderSection #sliderSectionCarousel .flickity-button:hover .sliderRight{background-image:url(../img/slidersection/btn_play_over_right.svg);}
.container>.navbar-header{margin:0;}
#video-span-eng{float: right;}
.container-full-w {width: 100% !important;padding-left: 0 !important;padding-right: 0 !important;}
#sliderSectionCarousel.carousel-main .carousel-item {
  width: 680px;
  max-width: 680px;
  opacity: 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
  height: 500px;
  position: relative;
}
/*media query*/
@media only screen and (min-width:768px){.heroSection .imageWrapper .mobile{display:none;}
.heroSection .imageWrapper .desktop{display:block;}
.navbar-right{margin-right:0px;}
#section0{padding-top:0px;}
}
@media only screen and (min-width:992px){.topNavigation{padding-top:40px;}
.flickity-prev-next-button.previous{left:12%;}
.flickity-prev-next-button.next{right:12%;}
#sliderSectionCarousel.carousel-main .carousel-item{width:600px;}
}
@media only screen and (min-width:1199px){.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.left{left:5%;}
.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.right{right:5%;}
}
@media (min-width:1200px){.flickity-prev-next-button.previous{left:17%;}
.flickity-prev-next-button.next{right:17%;}
#sliderSectionCarousel.carousel-main .carousel-item{width:630px;}
}
@media (min-width:1500px){.container{width:1470px;}
.flickity-prev-next-button.previous{left:22.5%;}
.flickity-prev-next-button.next{right:22.5%;}
#sliderSectionCarousel.carousel-main .carousel-item{width:680px;}
}
@media only screen and (min-width:1980px){
.topNavigation .navbar-left.navbar-nav>li>a{font-size:20px;}
.details>a{font-size: 19px;}
/*#section0{background-image:url('../img/hero/kv-1920.jpg');}*/
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
}

/*@media only screen and (max-width: 1279px){
.animateSection .logo img{width: 145px;height: 66px}
.animateSection .txt img{width: 122px;height: 12px;}
}*/


@media only screen and (min-width:1280px){
/*body{background-image:url('../img/bg-1280.jpg');}*/
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 50%;
  min-height: 50%;
}
.details>a{font-size: 16px;}
.animateSection .logo img{width: 290px;height: 132px}
.animateSection .txt {width: 490px;height: 46px;}
}
@media only screen and (max-width: 1279px){
#eng-page .animateSection .logo img{width: 290px;height: 132px}
#eng-page .animateSection .txt {width: 488px;height: 48px;}
}
@media only screen and (max-width: 767px){
#eng-page .animateSection .logo img{width: 145px;height: 66px}
#eng-page .animateSection .txt {width: 305px;height: 60px;}
}

/*@media only screen and (max-width:1920px){
body{background-image:url('../img/bg-1920.jpg');}
.details>a{font-size: 20px;}
.animateSection .logo img{width: 467px;height: 212px}
.animateSection .txt img{width: 428px;height: 40px;}
}*/

@media only screen and (min-width:1921px){
.animateSection .logo img{width: 467px;height: 212px}
.animateSection .txt {width: 428px;height: 40px;}
#eng-page .animateSection .logo img{width: 467px;height: 212px}
#eng-page .animateSection .txt {width: 428px;height: 80px;}
}

@media only screen and (min-width: 1890px){
.popupImage .caption {padding-right: 75px;}
}
@media only screen and (min-width: 1281px){
.right-logo{margin-left: -50px;}
}
@media only screen and (min-width: 1581px){
.right-logo{margin-left: -80px;}
}
@media only screen and (min-width: 1881px){
.right-logo{margin-left: -110px;}
}

@media only screen and (min-width:1192px){
	#eng-page .topNavigation .navbar-left.navbar-nav>li>a{display: table-caption;}
}
@media only screen and (max-width:1191px){
.topNavigation #navIcon{width:40px;height:30px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;border:none;background-color:transparent;padding:0;margin:10px;}
.topNavigation #navIcon span{display:block;position:absolute;height:5px;width:35px;background:#0a6cb5;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}
.topNavigation #navIcon span:nth-child(1){top:0px;}
.topNavigation #navIcon span:nth-child(2),.topNavigation #navIcon span:nth-child(3){top:10px;}
.topNavigation #navIcon span:nth-child(4){top:20px;}
.topNavigation #navIcon.open span:nth-child(1){top:18px;width:0%;left:50%;}
.topNavigation #navIcon.open span:nth-child(2){transform:rotate(45deg);}
.topNavigation #navIcon.open span:nth-child(3){transform:rotate(-45deg);}
.topNavigation #navIcon.open span:nth-child(4){top:18px;width:0%;left:50%;}
.topNavigation .navbar-header .navbar-brand{padding-top:15px;}
.topNavigation .navbar-header .navbar-brand.scrolledImage img{max-width:120px;margin-top:-25px!important;position:absolute;}
.topNavigation .navbar-collapse{background-color:#e7f1fc;height:100vh;max-height:none;} /*correspond to js*/
.topNavigation .navbar-left.navbar-nav,.topNavigation .navbar-right.navbar-nav{margin-left:30px;margin-right:30px;}
.topNavigation .navbar-left.navbar-nav{border-bottom:1px solid #000;}
.topNavigation .navbar-left.navbar-nav>li>a{padding-top:17px;padding-bottom:17px;text-align:center;}
.topNavigation .navbar-right.navbar-nav li{display:inline-block;}
.topNavigation .navbar-right.navbar-nav li.showInMobile{display:block;}
.topNavigation .navbar-right.navbar-nav li.showMusicInMobile{display:inline-block;}
.topNavigation .navbar-right.navbar-nav li.hideMusicInMobile{display:none;}
.topNavigation .navbar-right{margin:0 auto!important;display:table;}
.section.heroSection{padding-top:90px!important;}
.heroSection .heroArrow{display:none;}
.fp-slidesNav.bottom{bottom:-45px;left:30%;margin-left:0!important;}
.pdfSection .fp-tableCell{background-position:0% 0%;}
.pdfSection .details{margin-top:15px;}
.navbar-header{float:none;}
.navbar-toggle{display:block;}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav{float:none!important;}
.navbar-nav>li{float:none;}
.navbar-collapse.collapse.in{display:block!important;background-color: #e7f1fc}
.collapsing{overflow:hidden!important;}
.navbar-collapse.in{overflow-y:auto!important;overflow-x:hidden!important;}
}
@media only screen and (max-width:991px){.popupImage .modal-content{width:90%;}
}
@media only screen and (max-width:987px){.topNavigation .navbar-header .navbar-brand.scrolledImage img{left:0;right:0;position:absolute;margin:auto;}
}
@media only screen and (max-width:900px){.sliderSection #sliderSectionCarousel .flickity-button .sliderLeft,.sliderSection #sliderSectionCarousel .flickity-button .sliderRight,.sliderSection #sliderSectionCarousel .flickity-button .sliderLeft,.sliderSection #sliderSectionCarousel .flickity-button .sliderLeft{display:none;}
}

@media only screen and (max-width: 850px){
.dc-media__collapse a{font-size: 8px; }
#disclaimerkv {font-size: 6px;}
.popupImage .caption .disclaimer a{font-size: 8px;}
#disclaimer1,#disclaimer2,#disclaimer3,#disclaimer4,#disclaimer5,#disclaimer6,#disclaimer7,#disclaimer8,#disclaimer9,#disclaimer10,#disclaimer11,#disclaimer12,#disclaimer13,#disclaimer14,#disclaimer15,#disclaimer16,#disclaimer17,#disclaimer18,
#disclaimer1m,#disclaimer2m,#disclaimer3m,#disclaimer4m,#disclaimer5m,#disclaimer6m,#disclaimer7m,#disclaimer8m,#disclaimer9m,#disclaimer10m,#disclaimer11m,#disclaimer12m,#disclaimer13m,#disclaimer14m,#disclaimer15m,#disclaimer16m,#disclaimer17m,#disclaimer18m {font-size: 6px;}
.disclaimer-title{font-size:8px;}
.title{font-size:12px;}
}
@media only screen and (max-width:767px){
.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section{height: 450px!important}
.title{font-size:11px;}
.disclaimer-title a{font-weight:bolder;}
#thumbCarousel{height: 300px;}
#section1{padding-bottom: 150px;}
.carousel-nav-item{position: static!important;width: 70px!important;height: 50px!important;}
#thumbCarousel>.flickity-viewport>.flickity-slider {transform: none!important;}
#thumbCarousel>.flickity-viewport{overflow: visible!important;}
#thumbCarousel.carousel-nav{margin-top: -50px;}
#thumbCarousel {z-index: 2; margin-top: -30px;}
#myModalonLoad>.modal-dialog{position: unset;overflow-y: scroll;}
.animateSection>.txt{margin-top:20px;}
.topNavigation .navbar-header .showInMobile{display:block;float:right;}
.section.heroSection{padding-top:0!important;}
.heroSection .container,.videoSection .container,.sliderSection .container{padding-left:0;padding-right:0;}
.heroSection .imageWrapper .desktop{display:none;}
.fp-slidesNav.bottom{bottom:-45px;left:10%;margin-left:0!important;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control{top:40%;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb{margin-right:5px;}
.sliderSection #sliderSectionCarousel #thumbCarousel .thumb img{width:35px;height:35px;}
.sliderSection #sliderSectionCarousel .carousel-wrapper img{border-radius:0px;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.left,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.left{left:2%;}
.sliderSection #sliderSectionCarousel .carousel-wrapper .carousel-control.right,.videoSection #videoSectionCarousel .carousel-wrapper .carousel-control.right{right:2%;}
.footerSection .logoSection img{margin-top:15px;}
.popupImage .close{top:5px!important;right:10px;font-size:25px;}
.popupImage .numbertext{font-size:12px;padding:5px;}
.popupImage .caption{font-size:12px;padding:25px;}
/*.popupImage .caption .disclaimer{font-size:10px;}*/
.popupImage .prev,.popupImage .next{padding:10px;}
.heroSection .animateSection{position:absolute;}
.navbar-brand{display:none;}
.scrolledImage{display:block!important;}
.heroSection .animateSection{top:200px;} /*changed per Kanis comment Dec 22*/
.heroSection .animateSection .txt{margin-top:30px;}
.pdfSection ._df_thumb{width:35vw;height:35vw;}
.pdfSection .floor-plan{width: 31vw;height: 45vw}
.rightSection{margin-top: 80px;}
.modal-dialog{margin-right:auto;margin-left:auto;}
.section{padding:60px 0;}
.topNavigation .navbar-header .navbar-brand img{margin:auto;}
#thumbCarousel.carousel-nav .carousel-nav-item{height:40px;width:40px;margin:10px 10px;}
.scrolled{background-color:#e7f1fc;}
.scrolledImage>img{height:50px;}
}
@media only screen and (max-width:600px)
{#section0{height:100vh!important;background-image:url('../img/hero/mobile_kv.png');background-repeat:no-repeat;background-size:cover;background-position:bottom;
}
  #kv-lady {
    display: none;
  }
}
@keyframes moveInleft{0%{opacity:0;transform:translateX(-100px);}
100%{opacity:1;transform:translate(0);}
}
@keyframes moveInRight{0%{opacity:0;transform:translateX(100px);}
100%{opacity:1;transform:translate(0);}
}

.fp-viewing-0 .topNavigation {background-color: transparent}
.fp-viewing-1 .topNavigation {background-color: #e7f1fc}
.fp-viewing-2 .topNavigation {background-color: #e7f1fc}
.fp-viewing-3-0 .topNavigation {background-color: #e7f1fc}
.fp-viewing-4 .topNavigation {background-color: #e7f1fc}
.fp-viewing-5 .topNavigation {background-color: transparent}

/*English page*/
#eng-page #myModalonLoad>.modal-dialog{
	font-size: 13px!important;
}

.scrolled-logo {margin-right: 43px;}

@media (max-width:767px){
.fp-viewing-0 .topNavigation {opacity: 0.94;}
}

.overflowHidden {overflow: hidden!important;}
.overflowVisible {overflow: visible!important;}
.scrolled-logo.hideLogo {display: none!important;}
.navbar-brand-mobile {display: none;}
.navbar-brand-mobile .txtLogo {display: none;margin: 10px auto 0 auto;}
.navbar-brand-mobile .imgLogo {display: none;height: 50px;padding-left: 13px;margin-top: -9px;}
@media (max-width:767px){
.navbar-brand-mobile .txtLogo {display: block;}
}
@media (min-width:768px){
.navbar-brand-mobile {display: none;}
@media (max-width:767px){
/* .navbar-brand-mobile {display: block;} */
}

@media only screen and (max-width: 349px){
.animateSection .logo img{width: 160px;height: 71px}
.animateSection .txt img{width: 134px;height: 13px;}
#eng-page.animateSection .logo img{width: 160px;height: 71px}
#eng-page .animateSection .txt img{width: 285px;height: 30px;}
}

@media only screen and (max-width:767px){
.animateSection .logo img{width: 232px;height: 106px}
.animateSection .txt img{width: 226px;}
#eng-page .animateSection .logo img{width: 232px;height: 106px}
#eng-page .animateSection .txt img{width: 418px; height: 44px;}
}	
	
@media only screen and (min-width:768px){
.animateSection .logo img{width: 232px;height: 106px}
.animateSection .txt img{width: 226px;}
#eng-page .animateSection .logo img{width: 232px;height: 106px}
#eng-page .animateSection .txt img{width: 418px; height: 44px;}
}



@media only screen and (min-width:1024px){
.animateSection .logo img{width: 300px;height: 138px}
.animateSection .txt img{width: 294px;}
#eng-page .animateSection .logo img{width: 300px;height: 138px}
#eng-page .animateSection .txt img{width: 536px; height: 56px;}
}


@media only screen and (max-width: 1279px){
.animateSection .logo img{width: 290px;height: 127px}
.animateSection .txt img{width: 244px;height: 24px;}
#eng-page .animateSection .logo img{width: 290px;height: 127px}
#eng-page .animateSection .txt img{width: 527px;height: 55px;}
}


@media only screen and (min-width:1280px){
.details>a{font-size: 16px;}
.animateSection .logo img{width: 290px;height: 132px}
.animateSection .txt img{width: 244px;height: 24px}
#eng-page .animateSection .logo img{width: 290px;height: 132px}
#eng-page .animateSection .txt img{width: 527px;height: 55px;}
}

@media only screen and (max-width:767px){
.animateSection .logo img{width: 232px; height: 106px}
.animateSection .txt img{width: 226px;}
}

@media only screen and (min-width:1921px){
.animateSection .logo img{width: 467px;height: 212px}
.animateSection .txt img{width: 428px;height: 40px;}
#eng-page .animateSection .logo img{width: 467px;height: 212px}
#eng-page .animateSection .txt img{width: 831px;height: 87px;}
}


@media only screen and (min-width:2560px){
.animateSection .logo img{width: 607px;height: 276px}
.animateSection .txt img{width: 556px;height: 52px;}
#eng-page .animateSection .logo img{width: 607px;height: 276px}
#eng-page .animateSection .txt img{width: 1094px;height: 115px;}
}