.yyt_logo img {
    width: 85%;
    max-width: 600px;
}
.sec7_txt_l {
    width: 25%;
    top: 15%;
    left: 5%;
}
.sec7_txt_r {
    width: 50%;
    top: 15%;
    right: 5%;
	margin-top: -15px
}
.sec7_txt_l img {
    width: 100%;
    height: auto;
}
.sec7_txt_r img {
    width: 32% !important;height: auto;
}
.sec7_txt_l, .sec7_txt_r {
    position: absolute;
}
.into_line {    
    transform: translateX(-50%);
    width: 1px;
    background-color:#333;
    display: block;
    margin: 30px auto 10px;
}
[data-aos=animation-height] {
    height: 1px;
}

[data-aos=animation-height].aos-animate {
    height: 60px;
}
.sec10_txtWrap h4 img {
    width: 18%;
    height: auto;
    margin-top: 30px;
}
.sec9_txt .col-md-8, .sec9_txt .col-md-4 {
    padding: 1% 3%;
}
.sec9_txt {
    width: 100%;
	height: auto;
	padding: 5vh 0;
}
#international img {
    width: 100%;
    height: auto;
}
.sec7_txt {
    width: 90%;
    position: absolute;
    top: 15%;
    left: 5%;
    text-align: center;
}
.sec7_txt img {
    max-width: 1100px;
}
img.ap_tr {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}
.sec4_txt {
    position: absolute;
    top: 12%;
    left: 10%;
    min-width: 25%;
}
.caseBtn .mbuttom a {
    display: block;
    width: 100%;
    height: 100%;
}
.sq_txt3 {
    width: 100%;
}	
.sq_txt3 img {
    width: 70%;
    height: auto;
}
img.flow.d_pc {
    position: absolute;
    top: 0;
    left: 0;
}
img.flow_bg.d_pc, img.flow.d_pc {
    width: 96%;
    height: auto;
}
.sec2_txt img {
    width: 20vw !important;
}
.glory strong, .glory .bg_txt {
    font-size: 28px;color: #0c2f54;font-family: 'Noto Serif TC', serif;font-weight:800;line-height: 1em;
}
.glory strong{padding-left:5px}
.glory .bg_txt{padding-right:5px}
.glory {
    margin-top: 30px;
}
.s_text_2.ct.dk_s {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.line1, .line2, .line3, .line4 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    line-height: 2.3em;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.h2_s1 span, .h2_s1 strong {
    display: block;
    max-width: 300px;
    text-align: center;
}
.ap_home {
    position: absolute;
    width: 100%;
    height: auto;
    mix-blend-mode: darken;
    bottom: -100px;
	z-index: 1;
	overflow: hidden;
}
.ap_home img {
    width: 100%;
}
.ap_img2 {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -120px;
    z-index: 1;
}
.navbar-nav {
    align-items: center;
}
nav .l_line{
	display: block;
    width: .5px;
    height: 15px;
    background: #666;
    margin-top: 1px;
	}
	nav{transition: .5s}
svg.feather-menu {
    width: 33px;
    height: 33px;
}
img.mainLogo_txt{max-width: 600px;margin-top:20px}
img.mainLogo{max-width: 500px}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #007aff;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border-radius: 0;
}
.owl-theme .owl-dots {
    position: absolute;
    width: 95%;
    bottom: 15px;
}
.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    top: 48%;
    width: 100%;
}
.owl-theme .owl-nav{
    font-size: 4rem !important;
}
.owl-carousel .owl-item img{
	width:100%;height: auto
}
button.owl-prev {
    position: absolute;
    left: 5px;
}
button.owl-next {
    position: absolute;
    right: 5px;
}
.ft_inside {
    width: 60%;    
    text-align: center;
    padding: 30px 0 20px;
}
.ft_inside img{
    width: 100%;
    max-width: 600px;
}
.sec7_txt h2 {
    font-size: 28px;
    color: #333;
}
.efx {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    opacity: .3;
    mix-blend-mode: overlay;
    filter: grayscale(100%);
}
.efx video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.efx.bn {
    mix-blend-mode: overlay;
	opacity: 1;
}
span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0 !important;
}
.swiper-pagination.s3{
    margin-bottom: 30px;
}
.sw3_txt h2, .sw3_txt h3, .sw3_txt P {
    text-align: center;
    color: #333;
}
.sw3_txt span {
    color: #999;font-weight: normal;
}
body,html {
    background-color: #fff;
	overflow-x:hidden 
}
.sec4_txt {
    position: absolute;
    top: 12%;
    left: 10%;
}
.sec6_txt {
    position: absolute;
    top: 15%;
    left: 5%;
	width: 25%;
}
.sec4_txt h3,#shopping_district h3,.sw3_txt h3,.sec6_txt h3 {
    font-size: 18px;
    padding-left: 20px;    
}
.sec4_txt h3 span,#shopping_district h3 span,.sec6_txt h3 span,.sec7_txt h3 span,#building h3 span,.fullBottom_text h3 span,#floor h3 span {
    font-weight: normal;
}
.sw3_txt h3 {
    padding-left: 0;
    border: 0;
}
.sw3_txt img {
    width: 60% !important;
    margin-left: 20%;
}
.sex10_txt h4 {
    text-align: center;
}
.sec10_txtWrap {
    padding: 5vh 0 0;
    width: 100%;
    text-align: center;
    color: #0c2f54;
}
.sec10_txtWrap ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.sec10_txtWrap li {
    list-style: none;
    display: flex;
    width: 9vw;
    border: 3px solid #0c2f54;
    margin: 3px 10px;
    height: 9vw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1vw;
	font-weight: bold
}
.sec10_txtWrap li img {
    width: 50px;
    height: auto;
    margin-bottom: 5px;
}
.sex10_txt h3 {
    margin-bottom: 0;
    font-size: 22px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
.sex10_txt h2 {
    font-size: 26px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
	text-align: center
}
.sw3_txt {min-width:400px}
.sec4_txt h2,#shopping_district h2,.sw3_txt h2,.sec6_txt h2 {
    font-size: 26px;
}
#shopping_district h3,#shopping_district h2,#shopping_district p {border-color:#333;color:#333}
.Swiper2 h2 {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    color: #333;
    letter-spacing: 5px;
    margin: 0 auto;
}
    .swiper {
    width: 100%;
    height: auto;
    }
    .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    /*object-fit: cover;*/
    }
    .swiper.Swiper2 {
    position:absolute;
	width: 100%;
    height: 110vh;
	z-index: 99909;
	right: -100%;
    transition: right 0.5s ease-in-out;
    }
.close_btn {
    position: absolute;
    z-index: 10;
    right: 2%;
    top: 8%;
	width:30px;height:30px
}
.close_btn:hover {
    transform: rotate(180deg);
    transition: .35s;
}
    .swiper {
    top: 0;    
    }
    .swiper.show {
    right: 0;
    display:block !important;
    }
    .caseBtn .mbuttom {
    width: 32%;
    height: auto;
    display: inline-block;
    margin-top: 5px;
		position: relative;
		cursor: pointer;
    }
    .caseBtn .mbuttom img {
    width: 100%;
    height: auto;
    }
.mbuttom p {
    position: absolute;
    top: 28%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 3px;    
    margin-bottom: 0;
    font-size:16px;
	opacity: 0;
	transition: .5s;
		
}
.caseBtn .mbuttom:hover > p {
    transition: .5s;
    color: #fff;
	opacity: 1
}
.swiper-slide img {
    height: 100%;
    width: auto; 
}
#feature img {
	width: 100%;
	height: auto
}
/*ASIA ONE*/
.sq_txt3 {
    font-size: 18px;
    letter-spacing: 2px;
	margin-bottom:30px
}
.sec3_txt {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
    width: 400px;
}
.sec3_wp {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sec3_txt h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.sec3_txt h2, .sq_txt3 {
    color: #333;
}
.d_m{display:none !important}
.mask{position: absolute;top:0;left:0}
.ap_ani.light,.mask{opacity: 0;animation: fadeInOut 2s ease-in-out infinite;}
.subject {
    position: absolute;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
    top: 30px;
    border-bottom: 2px solid;
}
.subject:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #333;
    position: absolute;
    bottom: -3px;
    right: -9px;
}
.sq_txt {
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-align: center;
    color: #333;
}
.sec2_txt h2 {
    font-size: 1.8rem;color:#333
}
.sec2_txt {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3%;
	z-index:2
}
#caseMap img {
    margin-top: 3%;
    margin-bottom: 3%;
}
#feature {width:100%;height: auto;position:relative}

#transport img {
    width: 100%;
    height: auto;
}
#transport {
    width: 100%;
    height: auto;
    overflow: hidden;
	position: relative;
}
#building {
    width: 100%;
    height:auto;
    position: relative;
}
#building .col-md-4,#feature .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 0;
}
#building h2{font-size:26px;color:#333}
#building h3,#feature h3{
    font-size: 18px;
    color: #333;
	text-align: center;
	width: 96%;
}
#building h3 img,#feature h3 img {
    width: 70%;display: initial
}
#building h3 span {
    color: #999;
}
#luxury{
	width: 100%;
    min-height: 110vh;
    position: relative;
}
#green{
	width: 100%;
    min-height: 110vh;
    position: relative;
	background: url("imgs/sec11_bg.jpg")no-repeat bottom left;
    background-size: cover;
}
#floor{
	width:100%;
	min-height:100vh;
	position:relative;
	background: #fff
}
.floor .col-md-8 {
    text-align: center;
    padding: 30px 0;
}
#floor h3 span {
    color: #999;
}
#floor h2 {
    font-size: 26px;
    font-weight: 600;
    color: #333;
}
#floor h3 {
    width: 100%;
	font-size: 20px;
    color: #333;
	text-align:center
}
#floor .col-md-4 {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#contact {
    background: url(imgs/ct_bg_w.jpg)no-repeat bottom left;
    background-size: cover;
	padding: 80px 0 60px;
}
#copyright {
    background: #333;
}
.ct-logo {
    text-align: center;
    padding-bottom: 50px;
}
.ct-logo .img1{width:90%;max-width: 500px}
.ct-logo .img2{max-width: 80%;margin-top: 20px;}
img.ap_ani {
    position: absolute;
    top: 5%;
    left: 5%;
}
img.one_logo {
    max-width: 600px;
}
nav.add_bg {
transition: .5s;
/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/
background:rgb(255 255 255 / 90%);
box-shadow: 1px 1px 5px #888;
}
.ani_move{
	position: relative;
    animation: MoveUpDown 2s linear infinite;
}
.dk_s {
    color: #333;
}
.h3_s1 {
    font-size: 18px;
    margin-bottom: 5px;
}
.h2_s1 {    
    margin-bottom: 5px;
    margin-top: 0;
	font-weight: 100 !important;
}
.h2_s1 span {
    font-size: 18px;
}
.h2_s1 strong {
	font-size: 26px;
    font-weight: 600 !important;
}
.p_s1 {
    max-width: 560px;
}
.s_text.lf {
    margin-top: 90px;
    margin-left: 60px;
}
.s_text_2 h3 span {
    font-size: 14px;
    font-weight: normal;
}
.s_text_2 h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	color: #06498d;
}
.sq_list strong {
    font-size: 18px;
	font-family: 'Noto Serif TC', serif;
	font-weight:800;
}

.sq_list {
    width: 120px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    color: #06498d;
    box-shadow: 0px 0px 3px rgb(3 22 41 / 50%);
    padding: 5px;
    font-size: 12px;
    border: 1px solid #9ea7b1;
}
.line3 .sq_list {
    width: 200px;
}
.map_img img {
    width: 100%;
    height: auto;
}
.ap_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
	overflow: hidden;
}

/*end*/
section {
    width: 100%;
	overflow: hidden
}
section#home {
	height: 110vh;
}
h1, h2, h3, h4, h5, .form-group label, .Caseinfo a {
    font-family: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Arial, sans-serif;
    font-weight: 600 !important;
}
.form-group label {
    color: #333
}
h2 {
    margin-top: 10px;
    font-size: 2.5rem
}
.banner_logo h2 span {
    padding-left: 20px;
}
#live h3, .text-area h3 {
    border-bottom: 1px solid #f9d763;
    padding: 15px 0;
}
.image-area img, #features img {
    width: 100%;
    height: auto;
}
.navbar .navbar-brand {
    font-family: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Arial, sans-serif;
    color: #f9d763;
}
.banner_logo h1, .banner_logo h2, .banner_logo h3 {
    display: none;
    color: #333;
    /*text-shadow: 0 0 15px #d3b412;
    -webkit-text-shadow: 0 0 15px #d3b412;
    -moz-text-shadow: 0 0 15px #d3b412;*/`
}
.ani_zoomin {
    visibility: visible !important;
    display: block !important;
    animation: zoomIn;
    animation-duration: 5s;
}
.ani_zoomin2 {
    visibility: visible !important;
    display: block !important;
    animation: fadeInDown;
    animation-duration: 5s;
}
@-webkit-keyframes fadeIn2{
        0% {
        	opacity: .5
        }
        100% {
        	opacity: 1
        }
}
@keyframes fadeIn2{
        0% {
        	opacity: .5
        }
        100% {
        	opacity: 1
        }
}
.ani_fadeInDown {
    visibility: visible !important;
    animation: fadeInDown;
    animation-duration: 2s;
}
.ani_slideInUp {
    display: block !important;
    animation: flipInX;
    animation-duration: 2s;
}
.ani_flip {
    animation: flip;
    animation-duration: 1s;
}
#home {
    position: relative;
    background: url(imgs/ct_bg.jpg)no-repeat bottom left;
    background-size: cover;
}
#live, #features, #beautiful {
    width: 100%;
    min-height: 100vh;
    position: relative
}
#about{
	background: url(imgs/ct_bg_d2.jpg?v=1)no-repeat;
	height: 110vh;
	width: 100%;
	display: flex;
    flex-direction: column;
	background-size: cover;
	position: relative
}
#caseMap{
	background: #fff;
	width: 100%;
	min-height: auto;
	position: relative;
}
#caseList{
	background: url(imgs/casebg_1.jpg?v=1)no-repeat;
	width: 100%;
	min-height: 100vh;
	background-size: cover;
	position: relative;
}	
#view{
	width: 100%;
	height: auto;
	position: relative;
}
#view img{
	width:100%;
	height: auto;
}
#shopping_district{
	width:100%;
	height: auto;
	position: relative;
    padding: 120px 0 30px;
	background: #fff
}
#shopping_district img {width:90%;margin-left:5%;margin-bottom: 60px }
#international {
    width: 100%;
    height: auto;
    position: relative;
}
.sec7_txt h3 {
    font-size: 18px;
    text-align: center;
    color: #333;
}
.sex10_txt {
    width: 100%;
    height: 110vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ct_all {
    text-align: center;
    padding: 50px 10px;
}
.ct_all img {
    width: 68%;
    height: auto;
}
#copyright p {
    margin: 0 !important;
    padding: 5px;
	text-align: center
}
/**/
#live .live_text p {
    font-size: 1vw;
	margin: 0 30px;
}
#features {
    padding-top: 6rem;
    padding-bottom: 6rem;
    width: 100%;
    min-height: 100vh;
    position: relative;
    background-image: url(images/rose2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
#features .row {
    flex-direction: column;
}
button.btn.sent-btn.btn-primary {
    width: 100%;
    margin-top: 10px;
}
#features h3, #features p {
    width: 100%;
    text-align: center;
    max-width: 600px;
    padding: 10px;
    margin: 0 auto;
}
[data-aos=animation-height] {
    height: 1px;
}

[data-aos=animation-height].aos-animate {
    height: 80px;
}
#features p {
    margin-bottom: 16px
}
.text-area {
    display: flex;
    z-index: 10;
    bottom: 0;
    right: 0;
    background: none;
    padding: 20px 30px;
    text-shadow: 1px 1px 5px #333;
    color: #fff;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
#live p, .text-area p, .full-text p, #features p, #beautiful p {
    font-size: 1.2vw;
    color: #eadeaa;
}
#live h3, .text-area h3, .full-text h3, #features h3, #beautiful h3 {
    font-size: 1.7rem;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
}
select {
    text-transform: none;
    display: block;
    width: 100%;
    padding: 0.55rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #546E7A;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 2px solid #CFD8DC;
    border-radius: 0.3rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select.district {
    margin-top: 10px;
}
.banner_logo {
    width: 80%;
    max-width: 1000px;
    position: absolute;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, 0);
    text-align: center;
    height: 85vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.logo_p1 {
    visibility: hidden;
    width: 25%;
    height: auto;
    opacity: 0.9;
    margin: 0 auto
}
.logo_p2 {
    visibility: hidden;
    width: 50%;
    height: auto;
    margin-top: 10px;
    opacity: 0.9
}
.slideshow {
    position: relative;
    height: 110vh;
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.slider.active {
    opacity: 1;
}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.slider_.active {
    opacity: 1;
}
.slider_ img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.live_text {
    display: flex;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 50%);
    padding: 20px;
    text-shadow: 1px 1px 5px #333;
    color: #fff;
    height: 100vh;
    width: 25%;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.tracking-in-contract {
    margin-top: 15px;
    -webkit-animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.parallax {
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 0 10%;
    background: url("images/hope.jpg") no-repeat bottom left;
    background-size: cover;
    background-attachment: fixed
}
.full-text {
    max-width: 600px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 auto;
}
.full-text p {
    color: #fff;
    background: rgb(0 0 0 / 50%);
    padding: 30px;
    border: 1px solid #f9d763;
}
@-webkit-keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
	
@-webkit-keyframes MoveUpDown {
    0%, 100% {
    transform: translateX(0);
    }
    25% {
    transform: translateX(-10px);
    }
	75% {
    transform: translateX(10px);
    }
}
@keyframes MoveUpDown {
     0%, 100% {
    transform: translateX(0);
    }
    25% {
    transform: translateX(-10px);
    }
	75% {
    transform: translateX(10px);
    }
}
@-webkit-keyframes MoveUpDown2 {
    0%, 100% {
    margin-top: -10px;
    }
    50% {
    margin-top: 0;
    }
}
@keyframes MoveUpDown2 {
    0%, 100% {
    margin-top: -10px;
    }
    50% {
    margin-top: 0;
    }
}
@keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
@-webkit-keyframes shadow {
0% {
text-shadow: 0 0 15px #d3b412;
}
50% {
text-shadow: 0 0 30px #d3b412;
}
100% {
text-shadow: 0 0 15px #d3b412;
}
}
@keyframes shadow {
0% {
text-shadow: 0 0 15px #d3b412;
}
50% {
text-shadow: 0 0 30px #d3b412;
}
100% {
text-shadow: 0 0 15px #d3b412;
}
}
.carousel-control-prev, .carousel-control-next {
/*display: none;*/
}
#hope {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.fullBottom_text {
    position: absolute;
    width: 50%;
    z-index: 999;
    height: 100vh;
    top: 0;
    display: flex;
    left: 25%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
	align-items: center;
}
.fullBottom_text p {
    padding: 10px;
    text-align: center;
    max-width: 80%;
    margin-left: 10%;
    margin-bottom: 0;
	margin-top: 0px;
	color:#fff;
}
.fullBottom_text h2 {
    font-size: 28px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
	text-align: center;
}
.fullBottom_text h3 {
    text-align: center;
    margin-bottom: 0;
	font-size: 18px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
#contact h3 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
#contact .text-muted {
    text-align: center;
    margin-bottom: 3rem;
}
.yyt_logo img {
    width: 85%;
}
h4.title span:before {
    content: '|';
    padding: 8px;
}
#navbarCollapse {
    margin-top: 5px;
    margin-bottom: 5px;
}
.contact-form form {
    width: 100%
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #0a2f55;
}
#preloader:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-top-color: #f9d763;
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
}
#preloader:after {
    content: '華固中央置地';
    display: block;
    width: 150px;
    height: 40px;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    text-align: center;
    margin-top: 40px;
}
@-webkit-keyframes mymove{    
        0% {
			background-color:transparent;
			    box-shadow: 0 0 1px #7ed500;
        }
		60% {
   			background-color:rgb(15 104 19 / 50%);
			    box-shadow: 0 0 10px #7ed500;
        }
        100% {
			background-color:transparent;
			    box-shadow: 0 0 1px #7ed500;
        }
}
@keyframes mymove{
   		0% {
			background-color:transparent;
			box-shadow: 0 0 1px #7ed500;
        }
		60% {
   			background-color:rgb(15 104 19 / 50%);
			box-shadow: 0 0 10px #7ed500;
        }
        100% {
			background-color:transparent;
			box-shadow: 0 0 1px #7ed500;
        }
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.bot_btn_wrap {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-around;
    z-index: 9999;
}
.bot_btn_wrap a:first-child {
    border-left: none;
}
.bot_btn_wrap a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.bot_btn_wrap a:hover {
    background: rgb(52 33 92 / 50%);
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.bot_btn_wrap svg {
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
}
svg:not(:root) {
    overflow: hidden;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.fa-phone:before {
    content: "\f095";
}
.div_wrap {
    padding: 3.5vh 0;
    background: rgb(0 0 0 / 50%);
}
.iframe-rwd {padding-bottom: 59%;}
.bg-dark {
    background-color: #11171a !important;
    background: linear-gradient(1deg, #34215c 20%, #161946 80%);
}
section#spec {
    background:#1b1b1b url(images/line_draftBg.jpg)no-repeat !important;
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	font-family: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Arial, sans-serif;
	overflow: hidden
}
.spec_icon {
    width: 33.33333333333%;
    height: auto;
    text-align: center;
    padding: 10px 0;
	color: #eadeaa;
}
.spec_icon:hover {
    background: #333;
    transition: all .5s ease-out;
}
.spec_icon:hover img {
    transform: scale(1.2);
    transition: all .5s ease-out;
}
.row.col-reverse.spec_wrap {
    width: 80%;
    margin-left: 10%;
    max-width: 800px;
}
.spec_icon span {
    font-size: 1.7rem;
    padding-right: 5px;
    text-decoration: underline;
}
.team-text {
    width: 96%;
    margin: 2% auto;
    padding-top: 20px;
}
.our_team {
    width: 33%;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
}
.our_team h3 span {
    font-size: 1rem;
    padding-left: 5px;
    font-weight: normal;
    color: rgb(255 255 255 / 75%);
}
/*
.our_team:before {
    content: '';
    display: block;
    width: 10%;
    background: url(images/dot_bg.png);
    height: 50px;
    position: absolute;
    margin-top: -7px;
}*/
.team-text.bottom {
    margin-top: -5%;
    padding-top: 0;
}
.our_team:before {
    content: '';
    display: block;
    width: 100px;
    background: url(images/dot_bg.png);
    height: 50px;
    position: absolute;
    margin-top: -7px;
    margin-left: 50px;
}
section#team {
    background: linear-gradient(1deg, #34215c 20%, #161946 80%);
    background-size: cover;
	overflow: hidden
}
section#team h3 {position: relative}
input#email {margin-top: 15px;}
.visible-mo{display: none}
.sex10_txt h4 {
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
li.nav-item i {
    font-size: 20px;
	margin-right:10px
}
li.nav-item {
    display: flex;
}
li.nav-item {
    display: flex;
    justify-content: center;
}
.owl_tag {
    position: absolute;
    bottom: 5%;
    right: 5%;
	font-size:14px;
	color:#fff
}
.owl_tag.br {
    right: 50px;
    bottom: 50px;
    top: auto;
    left: auto;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}
div#dialog-content {
    background: #000;
    color: #fff;
}
.infoBox h3 {
    font-size: 18px;
}
.infoBox p {
    font-size: 14px;
}
.floor_txt {
    width: 55%;
    margin-top: 30px;
}
.navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
}
.sec1_txt img {
    width: 25vw;
}
.swiper-slide .img_item img {margin-top:-50px}
.sec10_txt img {
    width: 20%;
    height: auto;
}
.sec10_txt {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.owl_tag {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 14px;
    z-index: 1;
}
@-webkit-keyframes reveal {
  from { width: 1%; }
  to { width: 100%; }
}
@keyframes reveal {
  from { width: 1%; }
  to { width: 100%; }
}
@media (min-width: 767.99px) and (max-width: 1279.98px) {
	.sw3_txt{width:30% !important;}
	/*.swiper-slide img {width:70% !important	}*/
	.swiper-slide .img_item img {width:auto !important	}
	.featureImg{width:70% !important}
}
@media (max-width: 767.98px){
#my-wave{display:none !important}
.owl-theme .owl-dots {
    display: none;
}
#feature h3{text-align: left}
h3.owlmo_title.d_m img {
    margin-bottom: 0;
}
.sec10_txtWrap ul.d_pc {
    display: none !important;
}
.sec10_txtWrap ul {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
}
.owl_tag,.owl_tag.br {
    bottom: 5%;right:5%
}
.sec10_txtWrap li {
    font-size: 14px !important;
    width: 160px;
    height: 160px;
    margin: 0;
    margin-right: 10px;
    transform: translateX(-5px) !important;
}
.sec7moWrap.d_m img {
    width: 40% !important;
    float: left;
    margin-left: 10%;
}
#floor h3 {
    width: 96%;
    font-size: 20px;
    color: #333;
    text-align: left;
    margin-left: 4%;
}
#floor h3 img {
    padding-left: 4%;
}
#shopping_district img {margin-left: 0;}

.sec10_txtWrap h4 img {
    width: 50%;
}
.sec9_txt .col-md-4 img {
    width: 70%;
    margin-left: 2%;
    margin-bottom: 30px;
}
#international{
	background:url(imgs/sec7_bg.jpg?v=1)no-repeat;
	background-size:cover;
	height:100vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:flex-start;
}
#building h3 {
    text-align: left;
    width: 90%;
    margin-left: 4%;
}
.sec6_motxt.d_m {
    position: absolute;
    width: 96% !important;
    z-index: 99;
    left: 2%;
    bottom: 2%;
    top: inherit;
    background: rgb(0 0 0 / 50%);
}
.sec6_motxt img {
    width: 80% !important;
    height: auto !important;
    margin: 30px 0;
    max-width: 400px;
    margin-left: 4%;
}
.owlmo_title img {
    width: 70% !important;
    margin-left: 2%;
    margin-bottom: 30px;
}
#caseMap {
    padding-bottom: 30px;
}
.sec3_wp{height:auto;margin-top: 30px}
.sec2_txt img {
    width: 80% !important;
    margin-left: 10%;
}
section.sp_sec_line.s1 {
    margin-top: -21vh !important;
}
section.sp_sec_line.s1 img {
    width: 220% !important;
}
section.sp_sec_line {
    margin: -26vh 0 0 !important;
}
.glory {
    font-size: 12px;
}
.glory strong, .glory .bg_txt {
	font-size: 20px;
	line-height: 20px;
}
.ap_home img {
    width: 200%;
}
.sec1_txt {
    width: 100%;height:auto
}
.s_text_2.ct.dk_s img {
    width: 90%;
    height: auto;
    margin-left: 5%;
}
.sec1_txt.d_m h3 {
    color: #333;
}
.sec1_txt.d_m {
    text-align: center;
    margin-bottom: 30px;
}
.sec1_txt.d_m h2 {
    font-size: 22px;
}
#caseMap .img_wrap,#view .img_wrap,#shopping_district .img_wrap{
    width: 100%;
    height: 70vh;
    overflow-x: auto;
}
#transport .img_wrap {
	height: 110vh;
	width: auto;
	overflow-x: auto;
}
#caseMap .img_wrap img,#view .img_wrap img,#shopping_district .img_wrap img {
    height: 70vh;
    width: auto;
    margin: 0 !important;
}
#shopping_district .img_wrap img {
    margin-top: -3px !important;
}
	#shopping_district {padding: 5vh 0;}
	#shopping_district img{margin-bottom:0}
#view,#view .img_wrap,#view .img_wrap img {height: 100vh;}
.floor_txt {
    width: 80% !important;
    margin-top: 30px;
}
#view .m_pd_up {
    position: absolute;
    z-index: 10;
    width: 100%;
    color: #fff !important;
}
.ft_inside img {
    width: 96%;
    max-width: 600px;
    margin: auto;
}
section#floor img {
    width: 96%;
}
.sec3_txt {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
    max-width: 400px;
}
.ct-logo .img1, .ct-logo .img2 {
    width: 100%;
    max-width: 100%;
}
.fullBottom_text h2 {
    font-size: 24px;
}
#floor h2 {
    font-size: 24px;
}
.yyt_logo img {
    margin-bottom: 30px;
}
section#home,.banner_logo{height: 100vh}
#feature {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
	padding-top: 30px;
    padding-bottom: 60px;
}
#feature .owl-item h2,#feature .owl-item h3{color:#333;width:96%;text-align: center}
#feature .owl-item h3 span {
    color: #999;
}
#feature .owl-item h2 {
    font-size: 26px;
    text-shadow: none;
}
#feature .owl-item h3 {
    font-size: 18px;text-align: left;
}
#transport {
    width: auto;
    height: 100vh;
	}
#transport img {
    width: auto;
    height: 110vh;
}
#international{
	width: auto;
	height: 100vh;
}
#luxury {
    width: 100%;
	height: 50vh;
	min-height: fit-content;
}
#luxury .slideshow {
    height: 50vh;
}
.fullBottom_text {
    width: 96%;
    left: 2%;
}
.ft_inside {
    width: 100%;
    margin-top: 30px;
}
.div_wrap p {
    font-size: 17px;
    padding: 0;
}
.div_wrap {
    padding: 45px 0;
    margin-top: 30px;
}
.sec10_txtWrap {
    margin-top: 30px;
    padding: 30px 0;
}
.ct_all img {
    width: 100%;
    height: auto;
}
section#floor {
    width: 100%;
    height: auto;
    min-height: fit-content;
}
#floor .col-md-4 {
    height: auto;
    padding: 10px 0 30px;
}
#floor .col-md-8{
    padding-top: 5px
}
#floor .col-md-8 img {
    width: 90%;
    height: auto;
}
section#building {
    width: 100%;
    height: auto;
    min-height: fit-content;
    padding: 5vh 0;
}
.ap.ani_move {
    position: absolute;
    top: 3%;
    text-align: center;
    width: 100%;
    color: #fff !important;
	animation: MoveUpDown2 1.5s linear infinite;
}
.sec4_txt {
    position: absolute;
    width: 96% !important;
    padding: 30px 10px;
    z-index: 99;
    left: 2%;
    bottom: 0;
    top: inherit;
	background: rgb(0 0 0 / 50%);
}
nav.add_bg {
transition: .5s;
/*background: -moz-linear-gradient(top,  rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/
background: none;
box-shadow:none;
}
.owl-carousel .owl-item img {
    width: 100%;
    height: auto;
}
#building .owl-carousel .owl-item img {
    width: 100%;
    height: auto;
}
.sec3_txt h2, .sq_txt3 {
    color: #fff;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
#caseList{min-height: 100vh}
#caseList .owl-carousel {
    padding: 10px;
	margin-top: 5px;
    margin-bottom: 30px;
}
#caseList .owl-item h2 {
    color: #000;
    text-shadow: 1px 1px 5px rgb(255 255 255 / 50%);
	font-weight: normal !important;
    font-size: 14px;
}
.owl-carousel {
    padding: 10px;
    margin-top: 30px;
}
.owl-item h2 {
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
}
.owl-theme .owl-nav {
    width: 100%;
    left: 0;
	top: 42%;
}
#building .owl-theme .owl-nav {
top: 34%;
	}
#feature .owl-theme .owl-nav {
top: 35%;
	}
#caseList {    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.m_pd_up{margin-top:30px}
.sex10_txt h2 {
    font-size: 20px;
}
.sex10_txt h3 {
    font-size: 18px;
}
.sec10_txtWrap {    
    width: 96%;
	margin-left: 2%
}
#green,#green .efx {
    height: 25vh;
	min-height: fit-content;
}

.sex10_txt {
    width: 96%;
    height: 100vh;
    margin-left: 2%;
}
.floor_txt {
    width: 55% !important;
    height: auto;
    font-size: 8px;
    margin-top: 0;
	margin-bottom: 30px;
}
.sec10_txt img {
    width: 40%;
	}
img.map1_mo.d_m {
    width: 96% !important;
    margin: 2% !important;
}
.sec2_txt {
    position: relative;
    padding: 30px 10px;
    text-align: center;
}
.d_pc{display:none !important}
.d_m{display:block !important}
.s_text.lf {
    margin-left: 10%;
}
.s_text_2.ct.dk_s {
    width: 90%;
	margin-left:5%
}
.p_s1 {
    max-width: 90%;
}
	.navbar .navbar-nav .nav-item {
    text-align: center;
    padding: 10px 0;
    background: rgb(255 255 255 / 90%);
    border-bottom: 1px solid #eee;
	width: 100%;
}
	.banner_logo {top: 0;}
	img.one_logo {
    max-width: 100%;
	}	
	.parallax{
		background: url(images/hope_mo_.jpg) !important;
		background-repeat: no-repeat !important;
		background-size: auto !important;
		background-position: left center !important;
	} 
	.our_team {
    width: 49%;margin: 20px 0;
	}
	.our_team h3 span {
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
    background: rgb(2 2 2 / 60%);
    padding: 0 10px;
    font-size: 13px;
	}
	section#team {
    padding: 10% 0 0%;}
	.clear-both{
		display: block;
    	clear: both;
	}.our_team p{text-align: left}
	.spec_icon span {font-size:1rem}
	.row.col-reverse.spec_wrap {
    display: inline-block;width: 100%;
    margin-left: 0%;}
	.spec_icon {
    float: left;padding: 0 10px}
	.our_team h3 {
    text-align: left;
	}
	.visible-mo {display: inline-block;}
	.our_team.sp:before {display: none;}
	.team-text {width: 90%;}
	.team-text.bottom {
    margin-top: 0;
    padding-top: 10%;
	border-bottom: 1px solid #5c5174;
	}
	.our_team.center {
    display: none;
	}
	.row.team_wrap {
    flex-direction: column-reverse;
	background: url(images/building_line.png)no-repeat bottom right;
    padding-bottom: 10%;}
	.efx {;
    height: 100%;
    top: 0;
	}
	img.mainLogo_txt, img.mainLogo {width: 100%}
}