.appContent .intro .intro-content{display:flex;align-items:flex-start;justify-content:center;position:relative;height:84vh;overflow:hidden}.appContent .intro .intro-content .intro-img{left:0}.appContent .intro .intro-content .intro-internal-content{padding:0 16vw}.appContent .content .container{width:100%;padding-top:50px;padding-bottom:50px;margin:0}.appContent .content .container .section-title{text-align:center;margin-bottom:60px;position:relative}.appContent .content .container .section-title h2{font-size:48px;color:#000;display:inline-block;position:relative;padding-bottom:15px}.appContent .content .container .section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary);border-radius:2px}.appContent .content .container .index-features{background-color:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:60px}.appContent .content .container .index-features .index-features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.appContent .content .container .index-features .index-features-grid .index-feature-card{background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #eee;position:relative;height:320px;background:#ffcc80}.appContent .content .container .index-features .index-features-grid .index-feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1);border-color:transparent}.appContent .content .container .index-features .index-features-grid .index-feature-card .index-feature-img{width:100%;height:320px;opacity:.5;border-radius:12px}.appContent .content .container .index-features .index-features-grid .index-feature-card .index-feature-content{z-index:1;position:absolute;top:30px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.appContent .content .container .index-features .index-features-grid .index-feature-card .index-feature-content h3{font-size:26px;margin-bottom:15px;color:#000;color:#333;text-shadow:10px 20px 20px #fff}.appContent .content .container .index-features .index-features-grid .index-feature-card .index-feature-content p{color:#333;text-shadow:10px 20px 20px #fff}.appContent .content .container .index-features .index-features-grid .index-feature-card .index-feature-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}@media screen and (max-width:750px){.appContent .intro .intro-content{margin-top:50px}.appContent .content{width:100%;box-sizing:border-box;padding:0!important;margin-bottom:30px!important;margin-left:0!important;margin-right:0!important;display:flex;flex-direction:column;align-items:center}.appContent .content .container{width:100%;padding:30px;padding-left:20px;padding-right:20px;margin:0}.appContent .content .container .index-features .index-features-grid{display:flex;flex-direction:column}}.appContent .intro .intro-content .intro-img{position:absolute;top:60px;width:100%;height:auto;z-index:1}.appContent .intro .intro-content .intro-overlay{z-index:2;position:absolute;background-color:rgba(0,0,0,.5019607843137255);width:100%;height:100%}.appContent .intro .intro-content .intro-internal-content{position:absolute;top:21.5vh;z-index:3;width:100%;color:#fff;display:flex;flex-direction:column;align-items:start;text-align:start;padding-left:304px;padding-right:304px}.appContent .intro .intro-content .intro-internal-content h5{font-size:12px;font-weight:400;margin-bottom:10px}.appContent .intro .intro-content .intro-internal-content h2{line-height:4rem;font-size:48px;font-weight:600}.appContent .intro .intro-content .intro-internal-content h2 span{margin-top:5px;font-weight:600;font-size:48px;color:#f90}.appContent .intro .intro-content .intro-internal-content p{max-width:450px;font-size:15px;font-weight:300;line-height:1.5rem}.appContent .content .section .section-rooms-container{min-height:110vh;position:relative;align-content:center}.appContent .content .section .section-room-floor-plan-container{position:relative;align-content:center;padding-top:0!important}.appContent .content .section .section-room-floor-plan-container .room-floor-plan-bg{width:100%}.appContent .content .section .section-room-floor-plan-container .room-floor-plan-div{width:100%;display:flex;flex-direction:row;justify-content:center}.appContent .content .section .section-room-floor-plan-container .room-floor-plan-div .room-floor-plan-room{width:180px}.appContent .content .section .container-room-floor-plan{position:relative;width:100%;padding-top:50px;margin:0}.appContent .content .section .container-room-floor-plan .section-title-rooms{position:relative;width:100%;height:120px;display:flex;align-items:flex-start;justify-content:flex-start;top:1vh;margin:0}.appContent .content .section .container-room-floor-plan .section-title-rooms h2{color:#ffeedc;font-size:120px}.appContent .content .section .container .features-grid-hk{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:30px!important}.appContent .content .section .container .feature-card{background:#f6f6f6;height:330px}.appContent .content .section .container .feature-img{height:330px}.appContent .content .section .container .feature-content{padding:25px}.appContent .content .section .container .feature-icon{margin:0 auto 25px;margin-bottom:40px}.appContent .content .section .container .feature-card .feature-content h3{font-size:20px}.appContent .content .section .container .feature-card .feature-content p{font-size:15.5px}.appContent .content .section .container .room-list-visit-overlay{position:fixed;top:200px;position:absolute;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:block;z-index:500}.appContent .content .section .container .room-list-visit-overlay .room-list-visit-bg{width:100%}.appContent .content .section .container .room-list-visit-overlay .room-list-visit-enlarged{display:block;position:absolute;left:40%}.appContent .content .section .container .room-visit-overlay{width:70%}.appContent .content .section .container .room-visit-overlay .room-visit-bg-close{width:40px;position:absolute;top:10px;right:0}.appContent .content .section .container .room-floor-plan-section,.appContent .content .section .container .room-section{background-color:#fff8f2}.appContent .content .section .container .room-list-video-content .room-list-video{display:block;height:1400px;width:auto;position:absolute;left:400px;top:10px}.appContent .content .section .container .room-list-video-content .room-list-video-control{position:absolute;left:600px;top:40px;z-index:10;width:1000px;height:1100px}.appContent .content .section .container .room-list-video-content .room-list-video-control .room-list-video-intro{height:1100px}.appContent .content .section .container .room-video-content .room-video-control-hk{position:absolute;left:30px;top:40px;z-index:10;width:1000px;height:1100px}.appContent .content .section .container .room-video-content .room-video-control-hk .room-video-intro{height:1100px}.appContent .content .section .container .room-card{border-radius:10px}.appContent .content .section .container .room-list-item{margin:20px}.appContent .content .section .container .room-list-item .room-list-num{display:block;font-size:20px;color:#fff;padding:20px;border-radius:80px;cursor:pointer;background:#4caf50}.appContent .content .section .container .room-list-item .room-list-num-active{display:block;font-size:20px;color:#fff;padding:20px;border-radius:80px;cursor:pointer;background:#ff6b35}.appContent .content .section .container .room-img{height:250px}.appContent .content .section .container .room-details div{text-align:start}.appContent .content .section .container .room-details i{margin-bottom:6px}.appContent .content .section .container .price-hk{font-size:20px;font-weight:700;color:#f90;margin:10px 0;text-align:center;position:absolute;bottom:100px}.appContent .content .section .container .btn-room{color:#fff;background-color:orange;border:1px solid orange}.appContent .content .section .container .location-container .location-content .universities{background-color:#fff8f0;padding:20px 30px}.appContent .content .section .container .location-container .location-content .universities .university{flex-direction:row}.appContent .content .section .container .location-container .location-content .universities .university i{padding:0 10px;border-radius:50%;background-color:rgba(0,0,0,.095);display:flex;align-items:center;width:30px;height:30px;justify-content:center;position:relative;bottom:5px;right:5px}.appContent .content .section .container .location-container .location-content .universities .university .university-details .university-name{font-weight:400}.appContent .content .section .container .location-container .location-content .universities .university .university-time{color:#f90}.appContent .content .section .container .contact-info-div{padding:60px 50px}@media screen and (max-width:750px){.appContent .intro .intro-content{margin-top:50px}.appContent .content{width:100%;box-sizing:border-box;padding:0!important;margin-bottom:30px!important;display:flex;flex-direction:column;align-items:center;margin-left:0!important;margin-right:0!important}.appContent .content .section .container{width:100%;padding:30px;padding-left:20px;padding-right:20px;margin:0}.appContent .content .section .container .features{padding:0;padding:10px}.appContent .content .section .container .features .features-grid-hk{display:grid!important;grid-template-columns:1fr!important;gap:30px!important}.appContent .content .section .container .contact-info-div{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:30px 20px}.appContent .content .section .container .contact-info{width:100%;max-width:none;display:flex;flex-direction:column;align-items:flex-start}.appContent .content .section .container .contact-qr-div{margin-top:20px}.appContent .content .section .container .location-container,.appContent .content .section .container .location-container .location-content{display:flex;flex-direction:column}.appContent .content .section .container .location-container .location-content .map-container,.appContent .content .section .container .location-container .location-content .universities{width:100%}.appContent .content .room-floor-plan-section{display:none}}.appContent .content .section .container .features-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important}.appContent .content .section .container .feature-icon{background:var(--primary)}.appContent .content .section .container .room-content{height:270px}.appContent .content .section .container .price-sg{font-size:24px;font-weight:700;color:#f90;margin:15px 0;text-align:center;position:absolute;bottom:100px}@media screen and (max-width:750px){.appContent .intro .intro-content{margin-top:50px}.appContent .content{width:100%;box-sizing:border-box;padding:0!important;margin-bottom:30px!important;margin-left:0!important;margin-right:0!important;display:flex;flex-direction:column;align-items:center}.appContent .content .section .container{width:100%;padding:30px;padding-left:20px;padding-right:20px;margin:0}.appContent .content .section .container .features{padding:0;padding:10px}.appContent .content .section .container .features-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important}.appContent .content .section .container .contact-info-div{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:30px 20px}.appContent .content .section .container .contact-info{width:100%;max-width:none;display:flex;flex-direction:column;align-items:flex-start}.appContent .content .section .container .contact-qr-div{margin-top:20px}.appContent .content .section .container .location-container,.appContent .content .section .container .location-container .location-content{display:flex;flex-direction:column}.appContent .content .section .container .location-container .location-content .map-container,.appContent .content .section .container .location-container .location-content .universities{width:100%}}.appContent .intro{display:flex;align-items:center;text-align:center;color:#fff;position:relative}.appContent .intro .intro-content{width:100%;margin:0 auto;animation:fadeInUp 1s ease;display:block}.appContent .intro .intro-content .video-intro{width:100%;height:auto}.appContent .content{box-sizing:border-box;padding:0!important;margin-left:304px!important;margin-right:304px!important;display:flex;flex-direction:column;align-items:center}.appContent .content .section{width:100%}.appContent .content .section .container{position:relative;width:100%;padding-top:50px;padding-bottom:50px;margin:0}.appContent .content .section .container .section-title{text-align:center;margin-bottom:60px;position:relative}.appContent .content .section .container .section-title h2{font-size:48px;color:#000;display:inline-block;position:relative;padding-bottom:15px}.appContent .content .section .container .section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#f90;border-radius:2px}.appContent .content .section .container .section-title p{font-size:18px}.appContent .content .section .container .section-title-rooms{position:relative;width:100%;height:120px;display:flex;align-items:flex-start;justify-content:flex-start;top:1vh;margin:0}.appContent .content .section .container .section-title-rooms h2{color:#ffeedc;font-size:120px}.appContent .content .section .container .section-title-location{position:absolute;width:100%;height:120px;display:flex;align-items:flex-start;justify-content:flex-start;top:-10px;margin:0;margin-left:650px}.appContent .content .section .container .section-title-location h2{color:#dce8e9;font-size:120px}.appContent .content .section .container .features{background-color:#fff;border-radius:15px;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.appContent .content .section .container .features-grid1{width:100%;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:30px!important}.appContent .content .section .container .features-grid2{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important;padding-left:200px;padding-right:200px}.appContent .content .section .container .feature-card{background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #eee;position:relative;width:100%!important}.appContent .content .section .container .feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1);border-color:transparent}.appContent .content .section .container .feature-img{width:100%;height:320px;opacity:.5;border-radius:12px}.appContent .content .section .container .feature-content{z-index:10;position:absolute;top:30px;width:100%}.appContent .content .section .container .feature-icon{width:80px;height:80px;margin:0 auto 20px;background:#f90;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}.appContent .content .section .container .feature-card .feature-content h3{font-size:26px;margin-bottom:15px;color:#000;color:#333;text-shadow:10px 20px 20px #fff}.appContent .content .section .container .feature-card .feature-content p{color:#333;text-shadow:10px 20px 20px #fff}.appContent .content .section .container .room-visit-overlay{position:fixed;top:200px;position:absolute;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:block;z-index:500}.appContent .content .section .container .room-visit-overlay .room-visit-bg{width:100%}.appContent .content .section .container .room-visit-overlay .room-visit-enlarged{display:block;position:absolute;left:40%}.appContent .content .section .container .room-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.appContent .content .section .container .room-video-content .room-video{display:block;height:1400px;width:auto;position:absolute;left:400px;top:10px}.appContent .content .section .container .room-video-content .room-video-control{position:absolute;left:600px;top:40px;z-index:10;width:1000px;height:1100px}.appContent .content .section .container .room-video-content .room-video-control .room-video-intro{height:1100px}.appContent .content .section .container .room-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease}.appContent .content .section .container .room-list{display:flex;flex-direction:column;position:absolute;top:100px;justify-content:center}.appContent .content .section .container .room{margin:20px}.appContent .content .section .container .room .room-num{display:block;font-size:20px;color:#fff;padding:20px;border-radius:80px;cursor:pointer;background:#4caf50}.appContent .content .section .container .room .room-num-active{display:block;font-size:20px;color:#fff;padding:20px;border-radius:80px;cursor:pointer;background:#ff6b35}.appContent .content .section .container .room-card-back{background:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.appContent .content .section .container .room-card-back h3{font-size:2.2rem;color:#000;margin-bottom:20px}.appContent .content .section .container .room-img{height:220px;background-size:cover;background-position:50%;position:relative}.appContent .content .section .container .room-content{padding:15px;position:relative;height:300px;display:flex;flex-direction:column;align-items:start;background:#fff}.appContent .content .section .container .room-content h3{font-size:22px;margin-bottom:10px;color:#000}.appContent .content .section .container .room-details{width:100%;display:flex;justify-content:space-between;margin:15px 0}.appContent .content .section .container .room-details div{text-align:center;flex:1}.appContent .content .section .container .room-details i{font-size:24px;color:#f90;margin-bottom:8px}.appContent .content .section .container .room-features{width:100%;display:flex;flex-direction:column;align-items:flex-start}.appContent .content .section .container .room-features .room-feature{padding-bottom:10px}.appContent .content .section .container .price{font-size:24px;font-weight:700;color:#f90;margin:15px 0;text-align:center;position:absolute;bottom:10px}.appContent .content .section .container .btn{display:inline-block;background:#f90;color:#fff;padding:15px 40px;border-radius:50px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 15px rgba(255,107,53,.4)}.appContent .content .section .container .btn:hover{background:transparent;border-color:#f90;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,.6)}.appContent .content .section .container .btn-room{width:140px!important;position:absolute;bottom:30px;color:#000;background-color:#fff;font-weight:400;text-align:start!important;border:1px solid #000;border-radius:10px;font-size:15px!important;padding:10px 20px;box-shadow:none}.appContent .content .section .container .btn-room:hover{background-color:#f90;color:#fff}.appContent .content .section .container .location-container{display:flex;flex-direction:row}.appContent .content .section .container .location-container .location-content{width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.appContent .content .section .container .location-container .location-content .map-container{height:600px;border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:20px;font-weight:700}.appContent .content .section .container .location-container .location-content .map-container .map{height:70%}.appContent .content .section .container .location-container .location-content .map-container div{height:15%;color:#000;font-size:15px}.appContent .content .section .container .location-container .location-content .universities{background-color:#fff;border-radius:15px;padding:0 30px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.appContent .content .section .container .location-container .location-content .universities .university{display:flex;justify-content:space-around;flex-direction:column;padding:15px 0;border-bottom:1px solid #eee}.appContent .content .section .container .location-container .location-content .universities .university:last-child{border-bottom:none}.appContent .content .section .container .location-container .location-content .universities .university .university-name{font-weight:400}.appContent .content .section .container .location-container .location-content .universities .university .university-time{color:#3a71a8;font-weight:700;padding:10px 0}.appContent .content .section .container .charge-info-div{width:100%;display:flex;flex-direction:row;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.appContent .content .section .container .charge-info-div .charge-info{width:100%;max-width:1000px;margin:0 auto}.appContent .content .section .container .charge-info-div .charge-info .charge-info-content{background-color:#fff;border-radius:15px;padding:40px;margin-top:40px;margin-bottom:60px}.appContent .content .section .container .charge-info-div .charge-info .charge-info-content .charge-info-title{font-size:30px;text-align:center;margin-bottom:20px;color:#f90}.appContent .content .section .container .charge-info-div .charge-info .charge-info-content .charge-info-desc{color:#000;font-size:18px}.appContent .content .section .container .contact-info-div{width:100%;display:flex;flex-direction:row;margin:0 auto;background:#f90;border-radius:15px;padding:50px;align-items:start;justify-content:space-between}.appContent .content .section .container .contact-info-div .section-title-contactus{text-align:start;margin:0}.appContent .content .section .container .contact-info-div .section-title-contactus h2{font-size:32px;padding:0}.appContent .content .section .container .contact-info-div .contact-info-content{display:flex;flex-direction:column}.appContent .content .section .container .contact-info-div .contact-qr-div{padding-top:5px}.appContent .content .section .container .contact-info{width:100%;max-width:1000px;margin:0 auto;background:#f90;border-radius:15px;padding:30px 0;display:flex;flex-direction:row;align-items:center}.appContent .content .section .container .contact-info p{font-size:14px;margin-right:15px;display:flex;align-items:flex-start;justify-content:flex-start}.appContent .content .section .container .contact-info i{color:#f90;font-size:22px}@media screen and (max-width:750px){.appContent .intro .intro-content{margin-top:50px}.appContent .content{width:100%;box-sizing:border-box;padding:0!important;margin-bottom:30px!important;margin-left:0!important;margin-right:0!important;display:flex;flex-direction:column;align-items:center}.appContent .content .section .container{width:100%;padding:30px;padding-left:20px;padding-right:20px;margin:0}.appContent .content .section .container .features{padding:0;padding:10px}.appContent .content .section .container .features .features-grid1,.appContent .content .section .container .features .features-grid2{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:30px!important}.appContent .content .section .container .features .features-grid2{padding-left:0;padding-right:0}.appContent .content .section .container .contact-info-div{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:30px 20px}.appContent .content .section .container .contact-info{width:100%;max-width:none;display:flex;flex-direction:column;align-items:flex-start}.appContent .content .section .container .contact-qr-div{margin-top:20px}.appContent .content .section .container .location-container,.appContent .content .section .container .location-container .location-content{display:flex;flex-direction:column}.appContent .content .section .container .location-container .location-content .map-container,.appContent .content .section .container .location-container .location-content .universities{width:100%}}