@charset "UTF-8";
/* CSS Document */

html { width:100%; height:100%; overflow:auto; min-height:0 !important; }
body { background:white url('../img/bg-dot.png'); background-repeat:repeat; color:var(--kol-gray); -webkit-text-size-adjust:none; line-height:1.75em; }
html, body { font-family:var(--kol-font-en),var(--kol-font-zh), Helvetica, Arial, sans-serif; }
a {
	text-decoration:none; cursor:pointer; color:var(--ol-yellow);
	transition:color 300ms; -webkit-transition:color 300ms; -ms-transition:color 300ms;
}
a:hover { color:var(--ol-yellow); text-decoration:none; }
a.active { color:var(--ol-yellow); }
a:focus { outline:none; color:var(--ol-yellow); text-decoration:none; }
a:link:after, a:visited:after { content:""; }
:root {
	--swiper-theme-color: white;
	--ss-orange: #ee3124;
	--kol-gray: #747884;
	--kol-gray-light: #b4bcbf;
	--kol-beige: #d9c2ba;
	--kol-beige-light: #f7efec;
	--kol-font-zh: "source-han-sans-cjk-hk";
	--kol-font-en: "proxima-nova";
}
.svg_path { width:0; height:0; }
.desktop { display:block; }
.mobile { display:none; }

@media (max-width: 959px) {/* Essential */
	
}
@media (max-width: 767px) {/* Essential */
	.desktop { display:none; }
	.mobile { display:block; }
}




/* UTIL */



@media (max-width: 767px) {

}




/* GLOBAL */

.h1, h1, .h2, h2 { /* font-size:3rem; */ margin-bottom:2.8rem; font-weight:600; }
.h3, h3 { margin-bottom:2.5rem; font-weight:600; }
.h4, h4 { font-weight:600; }

picture { text-align:center; }



@media (min-width: 1200px) {
	.h1, h1, .h2, h2 { font-size:4.5rem; }
	.h3, h3 { font-size:2.25rem; }
	p { font-size:1.125rem; }
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}




/* TOP */


.hdr-bar { width:100%; height:20px; background-color:var(--ss-orange); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding-left:10px; }
.hdr-bar .logo-img { width:138px; height:16px; float:left; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}

@media (max-width: 1399.98px) {
	
}
@media (max-width: 1199.98px) {
	
}
@media (min-width: 992px) {
	
}
@media (max-width: 991.98px) {
	
}




/* MAIN */

main { overflow:hidden; }
.main-profile { padding-top:10.31rem; padding-bottom:8.31rem; }
.main-profile-container { position:relative; }

.main-profile .main-profile-avartar { position:relative; margin-right:4em; }
.main-profile .main-profile-avartar-deco { position:absolute; top:50%; left:50%; transform:translateX(-52%) translateY(-33%); width:115%; overflow:visible; }
.main-profile .main-profile-pic { width:100%; height:100%; }
.main-profile .main-profile-pic-img { clip-path: url(#path-profile-pic); width:100%; height:100%; }

.main-profile .main-profile-desc { display:flex; flex-direction:column; align-items:flex-start; }
.main-profile .main-profile-desc.top { margin-bottom:-2em; display:none; }
.main-profile .main-profile-title { font-weight:normal; letter-spacing:.3em; color:var(--kol-gray-light); margin-bottom:.88em; }
.main-profile .main-profile-name { letter-spacing:.3em; margin-bottom:.52em; }
.main-profile .main-profile-text { letter-spacing:.1em; font-weight:300; line-height:1.75em; }
.main-profile .main-profile-title-enus { font-weight:normal; color:var(--kol-gray-light); margin-bottom:.88em; }
.main-profile .main-profile-name-enus { margin-bottom:.52em; }
.main-profile .main-profile-text-enus { font-weight:300; line-height:1.75em; }


.main-profile .main-profile-socialmedia { clip-path:url(#path-socialmedia); background-color:var(--kol-beige-light); padding:1em 2em; align-self:flex-end; font-size:1.5em; white-space:nowrap; }
.main-profile .main-profile-socialmedia a + a { margin-left:.5em; }

.main-profile .main-profile-deco-01 { position:absolute; max-width:328px; width:100%; left:-15%; top:-7em; opacity:.5; }
.main-profile .main-profile-deco-02 { position:absolute; max-width:682px; width:100%; left:56%; top:-3em; opacity:.5; }
.main-profile .main-profile-deco-03 { position:absolute; max-width:428px; width:100%; left:66%; top:32em; opacity:.5; }

.main-profile-video { position:relative; max-width:560px; width:100%; margin:8em auto 0; }
.main-profile-video-container { position:relative; padding-bottom:56.25%; width:100%; margin-bottom:2em; }
.main-profile-video-container .video_body { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; border-radius:1.5em; cursor:pointer; }
.main-profile-video-container .video_icon { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; pointer-events:none; }
.main-profile-video-container .video_icon img { width:15%; }
.main-profile-video-container .video_border { position:absolute; top:-1em; left:-1em; bottom:-1em; right:-1em; border:2px solid var(--kol-beige); padding:1em; border-radius:2em; z-index:1; }


.main-desc { background-color:var(--kol-beige); color:white; padding-bottom:3.625em; position:relative; margin-top:8.59vw; margin-bottom:5.88vw; }
.main-desc .main-desc-curve-top { width:100%; position:absolute; bottom:100%; left:0; }
.main-desc .main-desc-curve-bottom { width:100%; position:absolute; top:100%; left:0; }

.main-desc .desc-cards { display:flex; flex-direction:column; align-items:center; }
.main-desc .desc-card { display:flex; flex-direction:row; align-items:center; }
.main-desc .desc-card + .desc-card { margin-top:4em; }
.main-desc .card-hero { position:relative; order:0; }
.main-desc .card-info { flex:1; margin:0 4em; font-weight:300; max-width:528px; position:relative; order:1; }

.main-desc .card-01 .card-hero { order:1; }
.main-desc .desc-card-art-01-img { clip-path:url("#path-desc-card-art-01"); width:100%; max-width:442px; }
.main-desc .desc-card-art-01-deco { position:absolute; top:50%; left:50%; transform:translateX(-43%) translateY(-45%); width:100%; overflow:visible; }
.main-desc .desc-card-info-01-deco { position:absolute; top:50%; left:50%; transform:translateX(-57%) translateY(-50%); width:132%; overflow:visible; opacity:.5; }

.main-desc .desc-card-art-02-img { clip-path:url("#path-desc-card-art-02"); width:100%; }
.main-desc .desc-card-art-02-deco { position:absolute; top:50%; left:50%; transform:translateX(-62%) translateY(-35%); width:110%; overflow:visible; }




.main-items { padding-top:2em; overflow:hidden; }
.main-items .items-container { position:relative; }

.main-items .items-title { display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; margin-bottom:2em; }
.main-items .items-title .material-icons { font-size:20rem; color:#f7efec; }
.main-items .items-title-txt { line-height:1; }
.main-items .items-title-txt span { color:var(--kol-beige); }
.main-items .items-title-txt span.small { font-size:.66em; }

.main-items .items-grid { margin-bottom:4em; }
.main-items .items-grid-container { padding:0; }

.main-items .items-cards { display:flex; flex-direction:column; align-items:center; }
.main-items .items-card { display:flex; align-items:center; margin-bottom:8em; }

.main-items .hero-title { position:relative; margin-bottom:0; color:var(--kol-gray-light); }
.main-items .hero-caption { position:relative; margin-bottom:0; }
.main-items .hero-caption small { font-size:.38em; }

.main-items .card-hero { position:relative; }
.main-items .card-info { max-width:467px; width:100%; margin-left:8em; display:flex; flex-direction:column; position:relative; }

.main-items .info-price { font-size:1.5em; font-weight:bold; color:var(--kol-beige); padding-bottom:.83em; padding-left:2em; border-bottom:1px solid var(--kol-beige); align-self:flex-end; }
.main-items .info-desc { margin-bottom:0; }
.main-items .info-action {
	font-size:1.5em; font-weight:bold; align-self:flex-end; clip-path:url(#path-socialmedia); background-color:var(--kol-beige-light); padding:1.6em 1.4em; margin-bottom:-2em;
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; -ms-transition:-ms-transform 300ms;
}
.main-items .info-action:hover { transform:translateY(-10%); }


.main-items .main-items-deco-01 { position:absolute; max-width:676px; width:100%; left:46%; top:9em; opacity:.5; }
.main-items .main-items-deco-02 { position:absolute; max-width:549px; width:100%; left:-9%; top:-2em; opacity:.5; }
.main-items .main-items-deco-03 { position:absolute; max-width:285px; width:100%; left:-8%; top:44%; opacity:.5; }

.main-items .main-card-deco-01 { position:absolute; top:50%; left:50%; transform:translateX(-70%) translateY(-50%); width:100%; overflow:visible; }
.main-items .main-card-deco-02 { position:absolute; top:50%; left:50%; transform:translateX(-70%) translateY(-50%); width:100%; overflow:visible; }

.main-items .items-note { text-align:center; margin-bottom:0; font-size:.875em; }



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
}

@media (max-width: 1649.98px) {
	.main-profile { padding-top:10vw; padding-bottom:10vw; }
}
@media (max-width: 1399.98px) {

}
@media (min-width: 1399.99px) {
	.main-profile .main-profile-title { font-size:2.25rem; margin-bottom:.88em; line-height:1; }
	.main-profile .main-profile-name { font-size:4.5rem; margin-bottom:.52em; line-height:1; }
	.main-profile .main-profile-text { font-size:1.75rem; }

	.main-profile .main-profile-title-enus { font-size:2.25rem; margin-bottom:.88em; line-height:1; }
	.main-profile .main-profile-name-enus { font-size:4.5rem; margin-bottom:.52em; line-height:1; }
	.main-profile .main-profile-text-enus { font-size:1.75rem; }


	.main-profile .main-profile-socialmedia { font-size:1.75rem; }

	.main-desc .card-info p { font-size:1.5em; line-height:1.75em; }
}
@media (max-width: 1399.98px) and (min-width: 1199.99px) {

}
@media (max-width: 1319.98px) {
	
}
@media (max-width: 1219.98px) {
	.main-profile .main-profile-name { font-size:2.5rem; }
	.main-profile .main-profile-name-enus { font-size:2.5rem; }

}
@media (max-width: 1199.98px) {
	.main-items .card-info { margin-left:2em; }
}
@media (max-width: 1199.98px) and (min-width: 575.99px) {

}
@media (max-width: 991.98px) {
	.main-profile .main-profile-avartar { margin-right:0; max-width:400px; margin:0 auto; margin-bottom:2em; }
	.main-profile .main-profile-desc.top { display:block; }
	.main-profile .main-profile-desc.normal .main-profile-title { display:none; }
	.main-profile .main-profile-desc.normal .main-profile-name { display:none; }
	.main-profile .main-profile-desc.normal .main-profile-title-enus { display:none; }
	.main-profile .main-profile-desc.normal .main-profile-name-enus { display:none; }
	.main-profile-video { margin-top:4em; }


	.main-desc .desc-card { flex-direction:column; }
	.main-desc .desc-card + .desc-card { margin-top:2em; }
	.main-desc .card-hero { margin-bottom:2em; }
	.main-desc .card-info { max-width:none; width:100%; }

	.main-desc .card-01 .card-hero { order:0; }
	.main-desc .desc-card-art-01-img { max-width:300px; }
	.main-desc .desc-card-info-01-deco { opacity:.2; }
	.main-desc .desc-card-art-02-img { max-width:300px; }

	.main-items .items-card { flex-direction:column; align-items:center; }
	.main-items .card-info { margin-left:0; max-width:none; }

	.main-items .main-items-deco-01 { left:46%; top:20em; transform:translateX(-93%) translateY(-50%); width:80%; }
	.main-items .main-items-deco-02 { transform:translateX(-93%) translateY(-50%); width:80%; }
	.main-items .main-card-deco-01 { width:60%; }
	.main-items .main-card-deco-02 { width:60%; }
	
	.main-items .items-title { margin-bottom:3em; }
	.main-items .items-title-txt br { display:none; }
	.main-items .items-title .material-icons { font-size:10rem; margin-right:-2rem; }

}
@media (max-width: 767.98px) {
	.main-profile .main-profile-socialmedia { align-self:center; }

	.main-items .items-title { margin:0 auto; margin-bottom:5em; }
	.main-items .items-title-txt { margin-bottom:0; }
	.main-items .items-title .material-icons { margin-top:-1rem; }

	.main-items .card-hero { margin-bottom:1em; }

	.main-items .main-items-deco-01 { width:70%; }
	.main-items .main-items-deco-02 { width:70%; }
	.main-items .main-items-deco-03 { width:70%; }

	.main-items .info-action { font-size:1em; }
}
@media (max-width: 575.98px) {
	.main-profile .main-profile-title { font-size:1rem; margin-bottom:.5em; }
	.main-profile .main-profile-title-enus { font-size:1rem; margin-bottom:.5em; }

	
	.main-desc { padding-top:2em; }
	.main-desc .desc-card-info-01-deco { opacity:.5; }

	.main-items .items-card { align-items:flex-start; }
	.main-items .main-items-deco-01 { transform:translateX(-78%) translateY(-50%); }
	.main-items .items-title-txt br { display:inline; }
	.main-items .items-title .material-icons { align-self:flex-end; }
}
@media (max-width: 479.98px) {
	.main-items .items-title { flex-direction:column; margin-bottom:1.5em; }
	.main-items .items-title-txt { align-self:flex-start; }
}




/* BOTTOM */


.footer { text-align:center; padding:48px 18px 72px; }
.copyright { font-size:14px; color:gray; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}

@media (max-width: 991.98px) {
	
}