/*
	Theme Name: GoodLife Child Theme
	Theme URI: http://themeforest.net/user/fuelthemes
	Version: 1.0.0
	Author: fuelthemes
	Template: goodlife-wp

@import url("../goodlife-wp/style.css");	
	
*/
html,body{
    height:-webkit-fill-available;
}
body ul li:last-child,body ol li:last-child {
	margin: 0!important
}

body .flexslider .flex-control-nav li:last-child {
	margin: 0 6px!important
}

body #wrapper [role=main] {
	overflow: hidden
}

/*
#eyeDiv>div{width: 100vw!important;
    height: 100vh!important;
    background: #00000080; background: #00000080;display: flex;
    justify-content: center;}
#eyeDiv iframe{     height: 100vh!important;
    width: calc(750 / 1624 * 100vh)!important;  }
	
*/
 
.page .aday-billboard{ margin: 0 -88px;
    display: flex;
     
    justify-content: center;}
 .billboard_fluid{ max-width:800px;width:100%; margin:10px auto 0 auto; height:200px;}

.middlebar_fluid{ max-width:1074px;width:100%; margin:10px auto 0 auto;}

.single .post-content .responsive_iframe iframe {
    width: 100%;
    height:calc(720 / 1280 * (100vw - 1.25rem));
}

@media (max-width: 1080px) {
.middlebar_fluid iframe{     width: 100%; height: calc(100vw*150/1074);}
}
.gpt iframe {
    width: 100%;
    height: auto;
}

.gpt iframe img{width:100%;height:auto;}

.vh100 iframe{height:100vh;}

.the-adv-wrapper .gpt iframe{margin-bottom: 60px; }

.post .post-content .fixed_size iframe{width:auto;} 
.entry-content h4{ font-size:18pt; font-weight:bold;    } 
.single .post-content .bilibili {
    width: 100%;
    height: 0;
    padding-bottom: 63.244%;
    position: relative;
    line-height: 0;
    margin: 1em 0;
}
.single .post-content .bilibili iframe{ position:absolute; height:100%;}

.single .post-content .ats-slot iframe{width:auto; }
.hermes_underlay{text-align:center; margin-bottom:30px;}
.single .post-content .hermes_underlay iframe{width:300px; height:600px;}

.underlay_fixed iframe {height: calc(1624/750 * (100vw - 20px)); margin:20px auto;}
.between_post iframe{ width:100%;  }
.ajax-article .dgwt-jg-gallery{display: flex;grid-gap: 0 0.5%;}
 
.single .post-content .w320 iframe{ width: 320px;max-width: 100%;
    margin: 20px auto 30px auto;
    display: block;} 


.widget{ margin:0; padding:0;}


 
.menu-holder .campaign_menu a, .campaign_menu a {   
    background-image: url(assets/img/eb2024.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width:120px;
  /*   height: 32px; */
    background-position: center left;
}


.menu-holder .menu_tw_camp a, .menu_tw_camp a {   
    background-image: url(assets/img/menu-selfhealing.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
 width: 100px;
    height: 50px;
    background-position: center left;
}
 
 
.subheader.fixed .menu-holder .menu-item-910521 a  {
	margin-left: 17px
}


#menu-mobile-menu .menu-item-710443 a,
#menu-mobile-menu .menu-item-910535 a {
	text-indent: -9999px
}

#menu-mobile-menu .menu-item-710443 a:after,
#menu-mobile-menu .menu-item-910535 a:after {
content: '';	
background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 100%;
	position: absolute;
height: 24px;
    background-position: center left;
    left: 0;
    top: 15px;	
}



#menu-mobile-menu .menu-item-710443 a:after {
	background-image: url(assets/img/adayshop.png);height: 20px;
}

#menu-mobile-menu .campaign_menu a  {
	background-image: url(assets/img/eb2024.png);
width: 100%;
    background-size: 110px;
}


#menu-mobile-menu .menu_tw_camp a  {
	background-image: url(assets/img/menu-selfhealing.png);
height: 47px;
    width: 100%;
    background-size: auto 20px;
}
 
.subheader  .shop_link{border-left:none;}
.subheader  .shop_link a{ padding: 0 5px 0 11px; display: block;}
.subheader  .shop_link img{width:16px;} 

.fixtop_right{ display:flex; }
.mobile_shop_link{    padding: 2px 0 0 10px;}
.mobile_shop_link img{ width:16px;}

.quick_search .quick_search_icon {

    margin-top: -5px;
    margin-right: -4px;
}

.quick_search {  margin: -2px 3px -4px 0;}  

#social_bar {
background: #fff;
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
height: 10vw;
max-height:50px;
display: flex;
box-shadow:2px 2px 10px 2px #adadad;
z-index: 99;
transition: all 0.3s;
}
#social_bar a{flex:1; } 
#social_bar a img{ max-height:50px;}
 
.fixed_adv{position: fixed;transition: all 0.35s ;
    left: 10px;
    z-index: 99;
    bottom: 0;
	transform: translate(0,42%);
    max-width: 120px;
	}
	
.fixed_adv:hover{ transform: translate(0,0);}

.fixed_adv img{width:100%; }

#video-wrapper .video-box.expand-height {
    height: auto;
}

 
.sidebar_a{ max-width:300px; display:block;  margin: 0 auto;}
.sidebar_a img, .sidebar_a video{ width:100%;height:auto;  }

.video_ad{ position:relative; width: 300px;}
.replay_video_ad {display:none;
	cursor:pointer;
     position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0;
    right: 0;
    z-index: 9;
} 
	
	
.replay_video_ad:after {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f01e";
	position: absolute;
	top: calc(50% - 9px);
    left: calc(50% - 5px);
}

.replay_video_ad:hover{ opacity:0.8;}

 
.post-content blockquote, .fullpage blockquote{ display:inline-block; text-align:left;padding-left: 35px;}
.post-content blockquote:before, .fullpage blockquote:before {content:''; position:absolute;top:25px; left:0;width:40px; height:40px; background-size: 100% 100%; }
.post-content blockquote:before, .fullpage blockquote:before{ 
 
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtNDk3LjI0IDQyNS43M2M1Mi4wOTQgMCA5NC4yNDItNDIuNjIxIDk0LjI0Mi05NC43MTVzLTQyLjYyMS05NC43MTUtOTQuNzE1LTk0LjcxNS05NC43MTUgNDIuNjIxLTk0LjcxNSA5NC43MTVjMCAxMDQuNjYgODQuNzcgMTg5LjQzIDE4OS40MyAxODkuNDMtMC4wMDM5MDYgMC02Mi4wNDMtMjMuMjA3LTk0LjI0Ni05NC43MTl6bS0xNDIuNTUtOTQuNzE1YzAtNTIuMDk0LTQyLjYyMS05NC43MTUtOTQuNzE1LTk0LjcxNXMtOTQuNzE1IDQyLjYyMS05NC43MTUgOTQuNzE1YzAgMTA0LjY2IDg0Ljc3IDE4OS40MyAxODkuNDMgMTg5LjQzIDAgMC02Mi4wMzktMjMuMjA3LTk0LjI0Mi05NC43MTUgNTIuMDktMC4wMDM5MDcgOTQuMjM4LTQyLjYyNSA5NC4yMzgtOTQuNzE5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
   
}

.post-content .whitequote blockquote:before,
.post-content .whitequote blockquote:before,
.post-content .whitequote blockquote:before,
.post-content .whitequote blockquote:before
{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIGZpbGw9IndoaXRlIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3NTIgNzUyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTQ5Ny4yNCA0MjUuNzNjNTIuMDk0IDAgOTQuMjQyLTQyLjYyMSA5NC4yNDItOTQuNzE1cy00Mi42MjEtOTQuNzE1LTk0LjcxNS05NC43MTUtOTQuNzE1IDQyLjYyMS05NC43MTUgOTQuNzE1YzAgMTA0LjY2IDg0Ljc3IDE4OS40MyAxODkuNDMgMTg5LjQzLTAuMDAzOTA2IDAtNjIuMDQzLTIzLjIwNy05NC4yNDYtOTQuNzE5em0tMTQyLjU1LTk0LjcxNWMwLTUyLjA5NC00Mi42MjEtOTQuNzE1LTk0LjcxNS05NC43MTVzLTk0LjcxNSA0Mi42MjEtOTQuNzE1IDk0LjcxNWMwIDEwNC42NiA4NC43NyAxODkuNDMgMTg5LjQzIDE4OS40MyAwIDAtNjIuMDM5LTIzLjIwNy05NC4yNDItOTQuNzE1IDUyLjA5LTAuMDAzOTA3IDk0LjIzOC00Mi42MjUgOTQuMjM4LTk0LjcxOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K')}

.post-content blockquote.sbi-embed:before, .post-content blockquote.sbi-embed:after, .post-content blockquote.tiktok-embed:before, .post-content blockquote.tiktok-embed:after{ display:none;}
 
 blockquote p{text-transform: none;}
 
 .post-content .instagram-media:before,  .post-content .instagram-media:after,  .post-content .tiktok-embed:before,  .post-content .tiktok-embed:after{content:none; }
 
 .post-content blockquote.tiktok-embed{ padding: 0;}
 
.instagram-media{margin: 0 auto 12px auto !important;}
 
.twocol_embed{ display:flex;justify-content: center;}
.flexgap30{ width:30px; height:30px;}
 
 .mini_caption{ line-height: 1.75;
    display: inline-block;
    margin: 10px 0;}
.report-misktake {
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    margin: 30px 0 10px 0;
}
.nocopy {
    font-size: 13px;
    font-style: italic;
} 
 
.follow_us {
    margin: 20px 0;
}
.follow_us h6 {
    font-weight: normal;
    font-style: italic;
    font-size: 20px;
}

.follow_us .dh, .follow_us .mh{ text-align:center;}

.category .fap-wrapper{display:none;}

.marker{ background-image: linear-gradient(to right,#ff6b30 0,rgba(255,107,48,.01) 100%);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: left 180%;
    padding-bottom: 5px;}

 .two_col .small-12{ flex:0 0 50%; max-width:50%; width:50%; } 
 /* mfv ads */
body.fixed{ overflow: hidden;}

.mfv_ads {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: #000000b8;
    overflow: hidden;
    z-index: 2147483647; 
	text-align: center;
}
	
.mfv_wrap{position:relative;display:flex;justify-content: center; align-items:center; /* align-items:flex-start; */
height: 100%; max-width: 768px; margin: 0 auto;background: #000; overflow: hidden; /* display: inline-block; */ 
}	

 .twlg_btn{  position: absolute;
    top: 39%;
    transform: translate(0, -50%);
    background: rgb(165 0 52);
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    padding: 0 15px;
    letter-spacing: 1px;
    height: 32px;
    line-height: 32px;
    overflow: hidden; }
.twlg_btn:after{ content:''; 
    cursor: pointer;
    position: absolute;
    left: -120px;
    top: -1px;
    width: 40px;
    height: 32px;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);  
	
	
	animation:  lightmove 3s linear infinite;
}

@keyframes lightmove{
  0%{
      left:-120px;
  }
  25%{  left: 120px; }
  100%{
      left: 120px;
  }
}
	
	
.mfv_ads img{ width: 100%;
    height: auto;} 
.mfv_ads img.ad_tracking{width:1px; height:1px; }



.mfv_ads .lgimg img {
     
    width: 100%;
    height: auto;
}

.flex_start{align-items:flex-start; }
.flex_end{align-items:flex-end;  }
.mfv_ads video{ display: block;  width: 100%;  height:auto;   }

.cartier-tw .mfv_wrap{ background:#fff; align-items: end; }
.cartier-tw .mfv_wrap video{ display: block;  width: auto;  height:100vh;  padding-bottom: 60px; }

.mfv_link, .underlay_link{     position: absolute;
    top: 50px;
    bottom: 50px;
    left: 0;
    right: 0;  

  }
  
  
  
.mfv_mute, .mfv_replay {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
}
	
	
.mfv_mute:after, .mfv_replay:after{
	font: normal normal normal 18px/1 FontAwesome;
	 content: "\f028";
	position: absolute;
	top: calc(50% - 9px);
    left: calc(50% - 5px);
}

.mfv_muted:after{  content: "\f026"; }
 
 
.mfv_replay{display:none;}
 
.mfv_replay:after{     content: "\f01e"; }


.mfv_image {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    max-width: 475px;
    margin: 0 auto;
    background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') center no-repeat #fff;
    overflow: hidden;
}


.mfv_image img {
    opacity: 1;
    display: block;
    transition: all 0.25s;
    width: 100%;
} 
.mfv_image img[data-src]  {
	opacity: 0; 
}
	
.mfv_close {    position: absolute;
    z-index: 9;
    top: -5px;
    right: -5px;
    height: 40px;
    width: 40px;
    background: #0000007d;
    border-radius: 0 0 0 30px;
    }
.mfv_close:before, .mfv_close:after { content:'';
 
    width: 2px;
    height: 16px;
    position: absolute;
    background: #fff;   bottom: 12px;
    left: 20px;
/*     bottom: 19px;
    left: 27px; */
    transform: rotate(45deg);	 
 }
.mfv_close:after {transform: rotate(-45deg); }



/* new underlay */
:root {
  --offset: calc( (100vw - 375px) / 2);
}
 


.underlay-wrap{ display: none;
	position: relative;
    height: 100vh;
	    margin: 0 -1.25rem;
}


	
.underlay-box{	
	position: absolute;
   
    width: 100%;
    height: 100%;
    
    clip: rect(0px, auto, auto, 0px);
}	
	
.underlay-content{
	position: fixed;
    left: 50%;
	top:50%;
	width:100%;
    transform: translate3D(-50%,-50%,0); 
	/*  position: fixed;
    left: 50%;
    bottom: 10px;
    width: 100%;
    transform: translate3D(-50%, 0, 0); */
	 
}

.chanel-tw-underlay .underlay-content{position: fixed;bottom: initial;
    left: 50%;
   top:50%; 
    width: 100%;
    transform: translate3D(-50%, -50%, 0);}

.underlay-content>div>div{display: flex;    max-width: 640px;
    justify-content: center;}
	
.single .post-content .underlay-content iframe { height: 812px;
    width: 375px;}

.underlay-content img{ width:100%}
.underlay-content video{ webkit-transform: translate3d(0, 0, 0); width: 100%;  height: 100vh; }
.underlay-content img.underlay_tracking{width:1px; height:1px; }

#adv_box, .underlay-dfp{  text-indent: -99999px;line-height: 0;}
 
.show_underlay{
     height: 100vh;
    width: 100vw;
   margin-left: -10px;
    left: 0;
    top: 0;
 }
 
 
 .underlay_box{position: fixed;      display: flex;
  align-items: center;
    top: 0;
   -webkit-backface-visibility: hidden;
    z-index: 999;
    width: 100vw; height:100vh; overflow:hidden;
	clip:rect(0,0,0,0);
	}
	
 
.underlay_wrap { 
    display: flex;
    justify-content: center;
    align-items: center;align-items:flex-start;
    height: 100%;
}

.lg-undeerlay .underlay_wrap{ align-items: center;height:100vh;  }	
.lg-undeerlay .underlay-content{ bottom:0;}
	
.underlay_wrap img{width: 100%;  height:auto; }
	
.underlay_box video{ webkit-transform: translate3d(0, 0, 0); width: 100%;  height: 100vh;
}

#underlay{width: 100vw;
    height: 100vh;
    border: 0;}
	
 .mfv-dfp{ line-height:0 }

.custom_popup>div, .mfv_fixed{position: fixed; 

z-index: 9999999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000b0;
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
}
.custom_popup>div>iframe{ height: 812px;
    width: 375px;}

.single .post-content .custom_popup iframe, .dfp_underlay iframe{ height: 812px;
    width: 375px;}
	
/* .single .post-content .custom_popup iframe{ height: 480px;
    width: 320px;} 
	
*/
 
.mobile_billboard{ margin: 0 -0.625rem;
    height: 0;
    padding-top: 53%;
    position: relative;}
	
.single .mobile_billboard{margin:0;} 	
.mobile_billboard iframe{width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

/* .underlay-hermes{position: fixed;  top: 50%; left: 50%;  transform: translate(-50%,-50%);  width: 300px;  height: 600px;z-index: 999999;
overflow:hidden; clip:rect(0,0,0,0); }

.underlay_holder{width:300px;height:600px;} */ 
 

#wrapper [role=main]{z-index:unset; }
.dfp_sto{
	display:none;
	opacity:0;
	position: fixed;
    top: 0;
    z-index: 9999;
    background: #000000b8;
    bottom: 0;
    left: 0;
    right: 0;
   
    justify-content: center;
    align-items: center;}
.close_sto {
    position: absolute;
background: none;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}

.close_sto:before, .close_sto:after { content:'';
 
    width: 2px;
    height: 16px;
    position: absolute;
    background: #fff;
    bottom: 19px;
    left: 27px;
    transform: rotate(45deg);	 
 }
.close_sto:after {transform: rotate(-45deg); }

.code-block-default.code-block-25{ margin:0;}
.code-block-default.code-block-2{ margin:0;line-height: 0;}

.ads-top, .ads-bottom {
	display:none;
    text-align: center;
    height: 20px;
    width: 100vw;
	margin-left: -10px;
    z-index: 9999999;
    
    
    white-space: nowrap;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font: 10px / 20px Helvetica, Arial, sans-serif;
}
.ads-bottom{ margin-bottom: 30px;}


.chanel-ads{ margin-bottom:30px;}

.underlay_adv{ background-size: cover;background-position: center;
    width: 100%;
    height: 100%;
    display: block;}
	
/*  ias popup */

.popup{    position: fixed; background:#fff; 
    width: 100vw;
    height: 100vh;
    z-index: 99999;}
	
 
	
.popup #fond,
.popup #logo,
.popup #claim,
.popup #cta {
	 opacity:0;
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	
}




.popup #fond{ transition: opacity 0.7s linear 0.3s;}
.popup #logo{ transition: opacity 0.7s linear 0.8s;}
.popup #claim{transition: opacity 0.7s linear 1.3s;}
.popup #cta{transition: opacity 0.7s linear 1.8s;}

 

#popup-close {position:absolute;opacity:0; background-image:url(assets/ias/4o-collection/close.png); transition: opacity 0.7 linear 1.8s; width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat; }

#ias-4o-collection #fond{background-image:url(assets/ias/4o-collection/fond.jpg); }
#ias-4o-collection #logo{ background-image:url(assets/ias/4o-collection/logo.png);}
#ias-4o-collection #claim{background-image:url(assets/ias/4o-collection/claim.png);}
#ias-4o-collection #cta{background-image:url(assets/ias/4o-collection/a.png);}

#ias-gisele #fond{background-image:url(assets/ias/gisele/fond.jpg); }
#ias-gisele #logo{ background-image:url(assets/ias/gisele/logo.png);}
#ias-gisele #claim{background-image:url(assets/ias/gisele/claim.png);}
#ias-gisele #cta{background-image:url(assets/ias/gisele/a.png);}

#ias-mao #fond{background-image:url(assets/ias/mao/fond.jpg); }
#ias-mao #logo{ background-image:url(assets/ias/mao/logo.png);}
#ias-mao #claim{background-image:url(assets/ias/mao/claim.png);}
#ias-mao #cta{background-image:url(assets/ias/mao/a.png);}


.no-padding{ padding:0;}

.btn-1{  font-family: HenriDidot;letter-spacing: 0.5px;
    display: flex;
    line-height: 48px;
    white-space: nowrap; }
.btn-1 i{  border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0 5px;}
.btn-1 a{font-size: 18px;
    background: #000;
    color: #fff;
    margin-left: 10px;
    position: relative;
    flex: 1;
    text-align: center;
    font-weight: bold;
    max-width: 400px;}
 .btn-1 a:hover{ background:#fff; color:#000;letter-spacing: 1px; } 
  
.btn-1 span {
  transition: all 0.1s;
}
.btn-1 a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s 0.2s;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: rgba(0,0,0,0.5);
  border-bottom-color: rgba(0,0,0,0.5);
  transform: scale(0.1, 1);
}
 
.btn-1 a:hover::before {
  opacity: 1; 
  transform: scale(1, 1); 
}
.btn-1 a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s;
  background-color: rgba(0,0,0,0.1);
}
.btn-1 a:hover::after {
  opacity: 0; 
  transform: scale(0.1, 1);
}


.btn-2{ font-family: HenriDidot;letter-spacing: 0.5px; 
    line-height: 60px;
    white-space: nowrap;
	transition: all 0.5s;
  position: relative;
	 overflow:hidden; 
	}
	
.btn-2 i{ z-index:1;  }	
.btn-2 i::after{content: '';  transition: all 0.3s;
    border-right: 1px solid #000;
    height: 81px;
    display: block;
    position: absolute;
    top: -5px;
    left: 45%;
    transform: rotate(30deg); }
.btn-2 a{ display: flex; justify-content: space-around;cursor:pointer;
   }
.btn-2 a span{ color: #000; transition: all 0.3s;
    margin-left: 10px;
    font-size: 18px; 
  z-index:1; 
	font-style: italic;
    text-align: center;
    font-weight: bold;
    max-width: 400px; }	
	
.btn-2 a:hover span{ font-style: normal; letter-spacing:2px;}
.btn-2 a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  background-color:#fff;
  transition: all 0.3s;
}
.btn-2 a:hover::before {
  
  transform: scale(.9,.7);
}
.btn-2 a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
 
  transition: all 0.3s;
  	border: 1px solid #000;
    border-left: none;
   border-right: none;
}
.btn-2 a:hover::after {
   border: 1px solid #000;
  transform: scale(0.95,0.95);
}	
.btn-2 a:hover i{ color:#000;}


.btn-2 a:hover i::after{opacity:0;}


 

.link-1{  position:relative;}
.link-1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    bottom: -5px;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform .4s ease-out;
} 

.link-1:hover:before{
	transform: scaleX(1); transform-origin:0 0;
}


.link-2{
    display: inline;
    background-image: linear-gradient(to right,#000 0,#000 100%);
    background-size: 0 1px;
    background-position:center bottom;
    background-repeat: no-repeat;
}

.link-2:hover{background-size: 100% 1px;} 


 

/* posts */
 
.frame_post{border:none; }
 
.teads-aday>div{ line-height:0;}
 .full-fill .wpb_column{ padding:0;}
.full-fill .wpb_wrapper{margin:0; line-height: 0;}
.post.post-small{display:flex;   margin-bottom: 80px;}
.post-small .post-gallery{    flex: 0 0 25%;}
.post-small .post-title{margin-left: 1.875em;}
.post-small .entry-title a{ font-weight: 400; font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;}

 
@media (max-width: 768px) {
.header{height:90px;}
.post.post-small { 
    margin-bottom: 60px;
}	
.post-small .entry-title a{font-size: 14px; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.post-small .post-gallery{    flex: 0 0 29%;}
.post.style1-featured {margin-bottom: 45px;}
.style1-featured  .post-category, .style2-featured  .post-category{text-align:center;  }
.style1-featured .post-gallery, .style2-featured .post-gallery{margin-left: -.625rem;
    margin-right: -.625rem;}
	
.style1-featured .post-title a, .style2-featured .post-title a{ text-align:center; 
    display: block;
    line-height: 1.4; }
		
.style1-featured .post-bottom-meta,  .style2-featured .post-bottom-meta{width:100%;text-align:center; display: block; }
.style1-featured .post-bottom-meta .author,  .style2-featured .post-bottom-meta .author, 
.style1-featured .post-bottom-meta .author [rel=author], .style1-featured .post-bottom-meta .author [rel=author]{float:none;}

.style1-featured .post-content.small p, .style2-featured .post-content.small p{ text-overflow: ellipsis;text-align:center; 
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;}
	
.single .post-content #bilibili{ padding-bottom:56.25%;}

}	

 .ajax-article  .post .post-author { margin-top:30px; }
 
 
.vita_bar{ transform: translate(-50%, 100%);
    transition: all 0.5s;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 50%;
    max-width: 468px;}
.vita_close{    position: absolute;cursor: pointer;
    right: 10px;
    width: 8%;
    top: 14%;}
.vita_main{ margin-right: 10px;}
.vita_main a{position: absolute;
    bottom: 5%;
    width: 98px;
    left: 53%;}
	
.vita_inview{transform: translate(-50%, 0); }

.vita_closed{transform: translate(-50%, 100%); opacity:0;display:none}
 

/* wishlist-2022 */
.sidebar_inner .wishlist{width:310px; overflow: hidden; }
.wishlist_box{ width:320px; overflow: hidden; }
.wishlist{ background:#fff; }


.wishlist img{width:100%;display: block;  }
 .wl-head{padding: 10px 15% 20px 15%; margin: 0 0 30px 0;}
.wishlist li{ list-style: none; position:relative; display: flex;  flex-direction: column;}
 
 
.wishlist h6{    font-size: 14px;
    text-align: center;
    font-family: Asterina;
    letter-spacing: 1px;}
.wishlist h6 b{font-size: 12px;scale: 0.8333; white-space: nowrap;
    font-weight: normal;}
 
.wl_seemore a:before{ bottom:0;}
 
.wl_seemore{ background: #f0f0f0;
    text-align: right;
    margin: 10px 0 30px 20%;
    font-size: 12px;
    scale: .85;
    line-height: 40px; }
.wl_seemore a{    border-left: 1px solid #000;text-decoration:none; color:#000; font-family: Asterina;
    line-height: 12px;
    border-right: 1px solid #000;
    padding: 0 10px;
    margin: 0 10px;}	
	
.wl-goods{  position:absolute;transition: 0.6s all ease-out;}
.wl-goods:hover{ scale:1.1;}
.wl-num{ position:absolute;top:0; width: 100%;} 
.wl-num:before{  content:''; position:absolute; border-bottom:1px solid #000; }
.wl-guide{ margin:-10px 0 30px 0;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 32px; transition: 0.5s all ease; }
.wl-guide b{ scale:0.8; display: block;}
.wl-guide:hover{ letter-spacing:2px;background:#333;}
 
.wl-li-1 h6{  margin: 20px 0 0 55%;
    width: 45%;}
.wl-li-1 h6 b{ display:block;}
.wl-li-1 .wl-num:before{bottom: 0; left: 0; width: 55%;}




.wl-li-1 .wl-num img{     height: 30px; width: auto; float:right;    margin-right: 40%;}
 
.wl-li-1 .wl-goods{  width: 42%;
    transform: translate(20%,-25%);
    left: 0;}

.wl-li-2{margin: 40px 0 -15px 0;}
.wl-li-2 h6{   
    width: 50%; }
.wl-li-2 h6 b{ display:block;}
 .wl-li-2 .wl_seemore{margin: 10px 20% 80px 5%;
    text-align: left;
    padding-left: 10px;}
 

.wl-li-2 .wl-num:before{    bottom: 8px; right: 0; width: 55%; }
.wl-li-2 .wl-num img{ margin-left: 38%; width:calc(62 / 1000 * 100%);  }
.wl-li-2 span{ width: 52%; margin: 10px 0 10px 4%;text-align: center;} 
.wl-li-2 span i{ margin: 0 -10%;}
.wl-li-2 .wl-goods{ width: 42%;
    transform: translate(-10%,-25%);
    right: 0;}
	
	

 
 
 .open_wishlist{   position:fixed; 
 bottom:10%;
    left: -16px;
    width: 33.4px;
    height: 26.7px;
	background-image:url(assets/img/wishlist-2022/open_wishlist.png); 
    background-size: 100%;}
 #wrapper.open-menu {
    overflow: hidden;
    height: 100vh;
}

 #mobile-menu { padding: 15px  5px; width: 300px;transform: translateX(-300px); }
 
  #mobile-menu .wishlist { 
 margin-left: -10px;}
 
 .open-menu #mobile-menu { 
    overflow-y: scroll;
    height: 100vh;
}

.ps__scrollbar-y-rail {
    width: 1px;
}
 
 .open-menu .mobile-menu{ margin-left:10px;}
 
 /* buyer2023 */
 .buyer2023_head{width: 90%;
   margin: 20px auto;
    display: block;}
.buyer2023 .swiper-wrapper{ margin-top:30px;}
 
  body .buyer2023 .swiper-slide {    flex-wrap: wrap;     cursor: grab;}
   body .buyer2023 li{ display: flex;
    margin: 0 0 25px 0;
    width: 100%;
    padding: 0 5px;}
 body .buyer2023 li:nth-child(even){flex-direction: row-reverse; }
  .vb_googs{  width:135px;}
  
  .buyer2023 li:nth-child(odd) .vb_link{ margin-top:-15px;}
   .vb_link{ flex: 1;}
 
  
   .vday_num{ position:relative;     margin-top: 10px;}
  .swiper-slide  .vday_num img{ height:30px; width:auto;}
  .vday_num:after{     content: '';
    position: absolute;
    border-bottom: 1px solid #000;
    bottom: 0;
    left: -36%;
    width:77%;
    z-index: -1;}
	.buyer2023 li:nth-child(even) .vday_num:after{  right: -36%; 
    left: unset;}
	
 .vb_link h6{font-size: 16px;
    margin: 1em auto 0 auto;
    font-family: didot;
   }
  .vb_link p{ font-size: 12px; white-space: nowrap; line-height: 1.4; margin-top: 10px;}
  .vb_link a{
    width: 115px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto; }
	
.vb_yellow  .vb_link a{background: linear-gradient(#fcf7f1,#efd0ae);}
.vb_pink  .vb_link a{background: linear-gradient(#faf5f5,#dcb3b0);}
.vb_green  .vb_link a{background: linear-gradient(#eef5ef,#87b78f);}
.vb_lightgreen  .vb_link a{background: linear-gradient(#f6f8f3,#c3cfa7);}


  .vb_link a span{     font-size: 12px;
    line-height: 12px;
    font-weight: bold;white-space: nowrap;
    scale: 0.6;
    display: inline-block;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    padding: 0 12px;}
	
.vb_link h6 b{     display: block;
    font-size: 34px;
    height: 34px;
    line-height: 34px;
    margin: -5px 0 0 0;}
	
.vb_link h6 i{display: block;
    font-style: normal;
    font-size: 12px;}
 
 .buyer2023 .swiper_pn{  margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;}
  .buyer2023 .swiper_pn span{ border: 1px solid #000;
    background: #fff;}
	.buyer2023 .swiper_pn span.swiper-pagination-bullet-active{ background:#000;}
 .more_vday2023{background: #000; margin-bottom:10px; 
    text-align: center;
    color: #fff;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-family: arial;} 
	.more_vday2023 b{     scale: 0.8;
    display: block;
    letter-spacing: 0.5px;}
	
	#mobile-menu  .vb_googs{  width:115px;}
	#mobile-menu  .vb_link h6{ scale: 0.9;
    }
	
	
.vb_link #a1{width: calc(283 / 578 * 100%); }
.vb_link #a2{width: calc(279 / 578 * 100%); }
.vb_link #a3{width: calc(333 / 578 * 100%); }
.vb_link #a4{width: calc(372 / 578 * 100%); }
.vb_link #a5{width: calc(226 / 578 * 100%); }
.vb_link #a6{width: calc(138 / 578 * 100%); }
.vb_link #a7{width: calc(423 / 578 * 100%); }
.vb_link #a8{width: calc(435 / 578 * 100%); }
.vb_link #a9{width: calc(244 / 578 * 100%); }
.vb_link #a10{width: calc(395 / 578 * 100%); }	


#bsg5 .vb_link{ position:relative;}
#bsg5 .vday_num{    position: absolute;
    width: 75px;
    top: 44%;}
#bsg5 .vday_num:after{width: 58%;}
#bsg10 .vday_num:after{width: 67%;}	
 
/* diptyque room */
.diptyque_room{position:relative; }
.diptyque_room a{ position:absolute;}
 
.dr_door_a{     top: 4%;
    width: 30.5%;
    left: 2%;}
.dr_door_b{    top: 4%;
    width: 30.5%;
    right: 2.7%;}
	
.dr_door_c{ top: 8.3%;
    width: 29%;
    left: 2.3%;}	
	
.dr_door_d{top: 8.5%;
    width: 29%;
    right: 3.8%;}
	
.dr_plant {
    position: absolute;
    bottom: 0;
    left: 2%;
    width: 18%;
} 

.diptyque_room .dr_open img{ opacity:0; transition: .2s opacity ease-in-out;}
 
.dr_vbox {
    position: absolute;
    width: 100%;
    bottom: 4%;
   
}
.dr_video{ margin: 0  10%; position:relative; }
.dr_video video{ width:100%;display:block; }

.dr_vcontrol {
    position: absolute;
    width: 100%;
    height: 24px;
    background: #00000036;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    bottom: 0;
}
.dr_vprogress{ width: 100%; 
    height: 3px;
    background: #ffffffa6;}
.dr_vbuffer{width:0; height:3px; background: #000000a6;
    display: block;}
	
	
 .modal_close{     position: absolute;
    padding: 5px;
    right: 0;
    top: 0;}
 .modal_close b{     border-radius: 100%;
    color: #fff;
    background: #000;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;} 

/* design decor */

.design_decor {
    position: relative; 
	
}
.design_decor ul {
    position: absolute;
    width: 100%;
    top: 50%;
}
.design_decor li {
    list-style: none;
    display: flex;
    align-items: flex-start;
}

.design_decor li p {
    margin: 0;
    font-family: "GenRyuMin TW";
	font-weight: 500;
}
.design_decor li span {
	display:block;
   font-family:'MADE Mirage';
   font-size: 18px;
    width: 33%;
    text-align: right;
    margin-right: 10%;
     
}

.design_decor b{    font-size: 22px; }
.design_decor em{font-style: normal; }

.decor_designer {
    display: flex;
    justify-content: end;
}
.decor_designer a {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100%;
   margin: 5px 0 15px 15px;
}
.design_decor small{ font-size:65%;}
.post .post-content p  .decor_designer a { box-shadow: none;border: none; }
.decor_fb, .post  .post-content p a.decor_fb:hover{ background:url(assets/img/decor_fb.png); background-size: cover;}
.decor_ig, .post  .post-content p a.decor_ig:hover{ background:url(assets/img/decor_ig.png);background-size: cover;}
.decor_web, .post .post-content p a.decor_web:hover{background:url(assets/img/decor_web.png);background-size: cover;}

@media (max-width:1024px) {
	.design_decor ul { 
    top: 42%;
}
.design_decor li {
margin-bottom: 6px;}
.decor_designer a { 
    margin: 5px 0 5px 15px;
}

.design_decor b {
    font-size: 16px;
}
.design_decor li p {
   margin: 1px 0 0 0;
    font-size: 14px;
    line-height: 25px;
}
.design_decor li span {
line-height: 25px;}
.design_decor small{ display:block; }
 	
}
	/* toggle list */
 
.toggle_list li{list-style: none;
    margin-bottom: 30px;}
.toggle_list h4{    margin-bottom: 10px; cursor:pointer;}
.toggle_list p{margin-bottom: 0;  display:none;
    
    padding-left: 1em;
    font-size: 16px;}
.toggle_list p.show{ display:block;}
	
	
.visible_box{ cursor:pointer; }	
.hidden_box{ display:none;}	




.overlay{ position: fixed; display:none; 
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #000;
    z-index: 99;
    opacity: 0.5;}
	
.form-modal{ display:none;   position: fixed;  
    background: #fff;
    top: 50%;
    left: 50%;line-height: 0;
    transform: translate(-50%,-50%);
    z-index: 100;}
.single .post-content  .form-modal iframe,
.fullpage .form-modal iframe {width: 600px;
    height: 704px; border: none;}
	
	
@media (max-width: 768px){
.twocol_embed{ flex-direction:column;}	
	
.form-modal {
    width: 90%;
    height: 85%;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.single .post-content  .form-modal iframe,.fullpage .form-modal iframe {
    height: 100%;
    width: 1px;
    min-width: 100%; 
}
}


/*  psy test */

.psy_question, .psy_answer{ display:none; }
.psy_question:nth-child(1){ display:block; }
.psy_question li{ cursor:pointer; list-style:none; }

a.diro_gift  {
    display: block;
    width: 10em;
    background: #00000047;
    text-align: center;
    margin: 10px auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}
.psy_playagain {
    display: block;
    width: 8em;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
    font-style: italic;
}

.post .post-content p a.psy_playagain:hover{  background: none;  border-bottom: 1px solid #000; }


.animated-button1 {
 
     position:relative; box-sizing:border-box;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8c7cf;
    padding:7px 10px;
  
}

.animated-button1::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #d75a7b;
  opacity: 0.125;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
  opacity: 0.07;
}

.animated-button1 i {
  position: absolute; opacity:0.6;
}

.animated-button1 i:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  
  background: linear-gradient(to left, rgba(43, 8, 8, 0), #ffa7bc);
  -webkit-animation: 4s animateTop linear infinite;
          animation: 4s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button1 i:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 1px;
 
  background: linear-gradient(to top, rgba(43, 8, 8, 0), #ffa7bc);
  -webkit-animation: 1s animateRight linear -1s infinite;
          animation: 2s animateRight linear 3s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button1 i:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
 
  background: linear-gradient(to right, rgba(43, 8, 8, 0), #ffa7bc);
  -webkit-animation: 4s animateBottom linear infinite;
          animation: 4s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button1 i:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 1px;
 
  background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #ffa7bc);
  
          animation: 2s animateLeft linear 3s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.man_blue .animated-button1{ border: 1px solid #9ab1ff;}
.man_blue .animated-button1::before{ background-color: #568dfd;}
.man_blue .animated-button1 i:nth-child(1){ background: linear-gradient(to left, rgba(43, 8, 8, 0), #c7ceff);}
.man_blue .animated-button1 i:nth-child(2){ background: linear-gradient(to top, rgba(43, 8, 8, 0), #c7ceff);}
.man_blue .animated-button1 i:nth-child(3){ background: linear-gradient(to right, rgba(43, 8, 8, 0), #c7ceff);}
.man_blue .animated-button1 i:nth-child(4){background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #c7ceff);}



/* aday video */
 
.wp-video, .wp-video-playlist{ position: relative; transition:all .4s; max-width: 100%; background:url(assets/img/loading-b.gif) center center no-repeat; background-size: 70px 70px;
    margin: 30px auto 55px auto;}
 
.wp-video video, .wp-video-playlist video{  width:100%; display: block;height: auto;  }

.video_cut{display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center; 
	background: #000;}
 

.video_controls{position: absolute;  opacity:0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    height:30px;
       width:100%; 
    display: flex;  
    color: #fff;padding: 0 15px;
    align-items: center;
    justify-content: space-between;} 

.video_controls	a{color:#fff;}
.video_play{cursor:pointer;  width:16px;  }

.video_start{ background: url(assets/img/video.png);
    position: absolute;
    bottom: -25px;
    width: 50px;
    height: 50px;
    display: block;
    left: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    transform: translate(-50%,0); } 
.video_mute{ cursor:pointer;margin: 0 15px;  width:16px;  }
.fa-volume-up.fa-volume-off:before{  content: "\f026";  }

.video_progress{     display: flex;
   cursor: col-resize;
    flex: 1;
    position: relative;
    height: 100%;
    align-items: center; }
.video_buffer{ position: absolute;
    width: 0;
    background: #1692dfa3;
    height: 2px;
    display: block;
    top: calc(50% - 1px);}
.video_timeline{ height: 2px;
    background: #555;
    width: 100%;
    display: block; }
 .video_preload{position: absolute;
    width: 0;
    background: #999;
    height: 2px;
    display: block;
    top: calc(50% - 1px);}
.video_duration{margin:0 15px; font-size: 12px;}
.video_fullscreen{cursor:pointer;  }

 
.fadeOutDown { 
opacity: 0;
    -webkit-animation: fadeOutDown 0.5s;
    animation: fadeOutDown 0.5s;
}

@keyframes fadeOutDown{
0% {
    opacity: 1;
}

100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
}
}
/* wp-video-playlist */
 
.video_list{ position: absolute; left: 30px;  right: 0;bottom: 50px;transition:left .46s,opacity .19s; }
.showlist{left:-100%; opacity:0; }
    	
.video_list li{ list-style: none;
    cursor: pointer;
    align-items: center;
    color: #fff;
    text-shadow: 0px 0px 2px #000;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;}
 .video_list li:hover{padding-left:5px; color:#eee; }
 
 .video_list li i{width: 16px;
    height: 16px;
    display: inline-block;vertical-align: middle;
    background-size: cover;
    margin: 0 5px; 
	background-image:url(assets/img/canplay.png); 
	}
.video_list li.onplay i{background-image:url(assets/img/playing-unscreen.gif); }
	
.videolist{cursor:pointer;margin: 0 15px 0 0;  width:16px;  }	

@media only screen and (max-width:768px) {
	.video_list li{font-size: 14px;}
}

 

/* member plus  */
.member-plus {
	font-family:PingFangHK-Regular,sans-serif;
	max-width:76.875rem;
	margin:0 auto;
}
.member-plus-desktop {
	padding:3% 12%;
}
.member-plus-mobile {
	padding:3% 5%;
}
.load-fade-up {
	border:0;
	opacity:1;
	transform:translate(0,0);
	transition:all 0.6s;
}
.load-fade-up[data-src] {
	opacity:0;
	transform:translate(0,30px);
}
.plus-head {
	position:relative;
}
.plus-right {
	position:absolute;
	left:62%;
	top:4%;
	width:21%;
}
.plus-left {
	position:absolute;
	left:11%;
	top:11%;
	width:40%;
}
.plus-head p {
	font-size:16px;
}
.mem-gift-set {
	padding:10% 0 5% 0;
}
.gift-sets {
	padding: 10% 0 5% 0;
    display: flex;
}
.gift-sets a {
	width:33%;
	display:inline-block;
}
.gift-sets a img {
	width:80%;    margin: 0 auto;
	display:block;
	transition:all 0.4s;
}
.gift-sets a:hover img {
	opacity:0.7;
}
 
.gift-set-detail {
	height:100%;
	width:100%;
	overflow-x:hidden;
}
.gift-set-wrap {
	width:300%;
	display:flex;
	position:relative;
}
.gift-detail {
	width:100%;
	position:relative;
}
.gift-detail a {
	border-bottom:1px solid #000;
}
.gift-detail h3 {
	font-size:1.4rem;
	background:#eee;
	padding:12px 10px;
}
.gift-detail h3 span {
	font-size:1rem;
}
.gift-detail-1 {
	overflow:hidden;
}
.gd_1_1 {
	float:left;
	width:40%;
}
.gd_1_1 img {
	width:100%;
}
.gd_1_text {
	width:55%;
	float:right;
}
.gd_1_2 {
	position:relative;
	overflow:hidden;
	width:100%;
}
.gd_1_2 img {
	float:right;
	width:60%;
}
.gd_12_text {
	float:left;
	width:40%;
	margin:30px 0 0 0;
}
.gd_1_2 h4 {
	background:#000;
	color:#fff;
	padding:5px 10px;
}
.gift-detail-2 {
	display:flex;
	background:url(assets/member/gift_02.jpg) bottom center no-repeat;
	background-size:100%;
	padding-bottom:5rem;
	justify-content:space-between;
}
.gd_2_1 {
	width:47%;
}
.gd_2_1 p {
	font-size:17px;
}
.gd_2_2 {
	width:45%;
}
.gift-detail .mark {
	font-style:normal;
	border:1px solid #656360;
	border-radius:50%;
	width:14px;
	height:14px;
	display:inline-block;
	line-height:13px;
	font-size:12px;
	text-align:center;
	transform:translate(0,-6px);
}
.gd_3_1 {
	float:left;
	width:50%
}
.gd_3_2 {
	float:right;
	width:50%;
}
.gd_3_2 p {
	margin:40px;
	font-size:16px;
}
.member-modal {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 9;
	background:#000000b8;
}
.member-body {
	width:70%;
	padding:3%;
	margin:0 auto;
	max-width:1170px;
	position:absolute;
	left:50%;
	top:100px;
	transform:translate(-50%,0);
	background:#fff;
	z-index:999;
}
.member-body img {
	width:100%
}
.modal-locked {
	overflow:hidden;
	height:100%;
}
.join-member-now {
	position:relative;
	padding:13.24% 0;
}
.join-member-btn {
	position:absolute;
	width:18%;
	right:6%;
	top:36.5%;
	transition:all 0.4s;
}
.join-member-btn:hover {
	opacity:0.7;
}
.join-member-btn:hover:after {
	animation:none;
	display:none;
}
.join-member-btn:after {
	content:'';
	width:20px;
	height:20px;
	border-radius:100%;
	border:6px solid #9cddef;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:btn_ring 1.5s infinite;
}
.member-plus-faq {
	width:90%;
	margin:0 auto;
}
.member-plus-faq h2 {
	font-family:PingFangHK-Regular,sans-serif;
	font-size:28px;
}
.member-plus-faq h3 {
	font-family:PingFangHK-Regular,sans-serif;
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
}
.member-plus-faq p {
	font-family:PingFangHK-Regular,sans-serif;
	font-size:15px;
	padding-left:1em;
	margin-bottom:30px;
}
.member-plus-faq a {
	font-family:PingFangHK-Regular,sans-serif;
	border-bottom:1px solid #999;
	padding-bottom:2px;
}
.member-plus-mobile .member-plus-faq {
	width:100%;
}
.member-plus-mobile .member-plus-faq h3 {
	display:flex;
}
.member-plus-mobile .member-plus-faq h3 span {
	display:inline-block;
	margin-left:0.5em;
	font-size:14px;
}
.post-content .member-plus-desktop {
	padding:0;
	font-size:14px;
}
.post-content .plus-right {
	left:50%;
	width:50%;
	top:4%;
}
.post-content .plus-left {
	left:0;
	top:9%;
	width:56%;
}
.post-content  .plus-head p {
	font-size:14px;
	line-height:1.8;
}
.post-content .gift-detail h3 {
	font-size:1rem;
}
.post-content .gd_3_1 {
	width:50%;
}
.post-content .gd_3_2 {
	width:45%;
}
.post-content .gd_1_2 h4 {
	font-size:14px;
}
.post-content .join-member-btn {
	top:36.5%;
}
.post-content .gd_3_2 p {
	margin:0;
}
.post-content .gd_12_text {
	margin:0;
}
.member-plus-mobile .member-plus-faq p {
	padding-left:1.5em;
	font-size:12px;
}
@keyframes btn_ring {
	0% {
	width:20px;
	height:20px;
	opacity:1;
}
100% {
	width:120%;
	height:0;
	padding:60%;
	opacity:0;
}
}.m-plus-gift {
	margin:90px 0;
}
.m-part-2-title {
	margin:0 0 30px 0;
}
.m-plus-gift li {
	padding:0;
	margin:0 0 20px 0;
	list-style:none;
}
.m-gift-detail {
	margin:10px 0 0 0;
	display:none;
	transition:all 0.5s;
}
.show-gift-detail .m-gift-detail {
	display:block;
}
.m-gift-detail a {
	border-bottom:1px solid #000;
}
.m-plus-part4 {
	margin:90px 0;
}
.m-plus-join {
	margin:0 8% 60px 8%;
	position:relative;
}
.m-join-member-btn {
	position:absolute;
	top:60%;
	width:41%;
	left:50%;
	transform:translate(-50%,0);
}
.member-plus-desktop {
	display:none;
}
.member-plus-mobile {
	display:block;
}


.lightbox-overlay {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 999;
	background:#000000b8;
}
.lightbox-content {
   
    padding: 1em;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    background: #fff;
    z-index: 9999;
    min-width: 310px;
	
}

.lightbox-loaded{     width: fit-content; max-width: 1170px;}
 
.lightbox-content img{ 
	max-width: 100%;
    display: block;
    margin: 0 auto;
    opacity:0;
	height: auto;transition:all 0.4s;
	}
.lightbox-loaded img{ opacity:1;}



 

 

@media only screen and (min-width:1024px) {
	.member-plus-desktop {
	display:block;
}
.member-plus-mobile {
	display:none;
}
}



.swiper, .ajax-article .flexslider{  overflow: hidden;
    position: relative;}
	
.swiper-wrapper { 
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}	
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
display: flex;
    align-items: center;
    position: relative;
    transition-property: transform; 
}	

.swiper-slide a{display:block; }

.swiper-slide img{    width: 100%;
    height: auto;}
	
.swiper-prev, .swiper-next{ position: absolute; width: 36px;
    cursor: pointer;
    height: 36px;
      z-index:1050;
    border-radius: 100%;
 
    display: inline-block;
    top: 50%;
    transform: translate(0, -50%);

   } 

.swiper-prev{left: 10px;} 
.swiper-next{right: 10px;}  
   
.swiper-prev:after,.swiper-next:after{ content: "";
    position: absolute;
    height: 24px;
    display: block;
    width: 24px;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(45deg) scaleY(1);
    top:7px;
  }
 .swiper-prev:after{
	 left:5px;
    } 
.swiper-next:after{transform: rotate(-45deg) scaleX(-1);
    right: 5px
  }  

	
.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;

}


.swiper .swiper-pagi, .ajax-article .flexslider .swiper-pagi{     position: absolute;   text-align: center;  bottom: 10px; z-index:9;}
 
.swiper_pn{text-align: center; margin-top:10px;}
.swiper_pn span{ text-indent: -9999px; margin:0 4px;}
.swiper-pagination-bullet{ border: 1px solid #000; text-indent: -999999px;
    background: #222;   }
.swiper-pagination-bullet-active{  border: 1px solid #222;
    background: #000;}


/* flex slider fixed */
body .flexslider {
    border: none;
    box-shadow: none;
    background: none;
}


body .flexslider .flex-prev, body .flexslider:hover .flex-prev {  left: -40px; }
body .flexslider .flex-next, body .flexslider:hover .flex-next {  right: -40px; }


.flexslider .flex-direction-nav a { text-indent:999999px;}
.flexslider .flex-direction-nav .flex-prev:before,
.flexslider .flex-direction-nav .flex-next:before{ content: "";
    position: absolute;
    height: 28px;
    display: block;
    width: 28px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg) scaleY(1);
    top: 6px;}
	
	
.flexslider .flex-direction-nav .flex-prev:before{ left:25px; } 
.flexslider .flex-direction-nav .flex-next:before{transform: rotate(-45deg) scaleX(-1); right: 25px; } 

.flexslider .flex-control-paging li a {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}	
	
/* museum_adv */
.museum_adv{ position:relative; }
.museum_adv h2, .museum_adv a,  #m_people, #m_leftdesk{ position:absolute;}
.museum_adv h2 img, .museum_adv a img,  #m_leftdesk img, #m_people img{ width:100%; height:auto; display:block;}
 
#m_middle{ width: calc(742/2000*100%); left: 50%; transform: translate(-50%,0);  top:20%;}
#m_left{ left: 0;  top: 26.5%; width: calc(695/2000*100%);}
#m_right{right:0;     top: 26.5%;width: calc(695/2000*100%);}
#m_leftdesk{left:10%;bottom:20%;width: calc(141/2000*100%);}
#m_rightdesk{right:10%;bottom:20%;width: calc(154/2000*100%);}
#m_people{   left: 50%;  transform: translate(-50%,0); bottom:13.5%;width: calc(1828/2000*100%);}

.vid_title{background: #76480e; }
.vid_title img{width: 50%;
    height: auto;
    margin: 0 auto;
    display: block;} 

.m_guide img{ position:absolute;}
.mguide_1{ left: 14.5%; top: 45.4%; width: calc(317 / 2000 * 100%); animation:move 4s 0s infinite;}
.mguide_2{ left: 47%;  top: 31.5%; width: calc(312 / 2000 * 100%); animation:move 4s 1s infinite;}
.mguide_3{ right: 3.5%;  top: 44%;width: calc(325 / 2000 * 100%); animation:move 4s 2s infinite;}
.mguide_4{ bottom: 32.4%; right: 15%;width: calc(317 / 2000 * 100%); animation:move 4s 3s infinite;}
.mguide_5{ left: 37%;  bottom: 2%; width: calc(554 / 2000 * 100%);}

@media only screen and (max-width:768px) {
 
.mguide_1{ top: 29%; left: 8%;  width: calc(1.4 * 317 / 2000 * 100%);}
.mguide_2{top: 28%;
    left: 44%;
    width: calc(1.4 * 312 / 2000 * 100%); }
.mguide_3{right: 1.5%;
    top: 30%;
    width: calc(1.4 * 325 / 2000 * 100%);}
.mguide_4{bottom: 33.4%;
    right: 13%;}
.mguide_5{left: 31%;  bottom:3%; width: calc(1.4 * 554 / 2000 * 100%);}






}

@keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}



.debeers{position:relative;}
.debeers a{ display:block; }	
.debeers a:hover .db_object {transform: scale(1.03); opacity:0.9;  }
.debeers img{width:100%;}
.db_head{ margin: 32px 0;}
 


.db_guide, .db_object{ position:absolute;}
.db_guide{  /* animation: pulse linear 1.5s infinite; */}
.db_object{ transition:all 0.3s;  }


#db_middle .db_object{top: 58.95%;
    left: 38.1%;
    width: calc(375 / 2000 * 100%);}
#db_middle .db_guide{     top: 55.4%;
    left: 45.3%;
    width: calc(232/2000 * 100%);}
	
#db_left .db_object{bottom: 22.9%;
    left: 14.4%;
    width: calc(353 / 2000 * 100%); }	
#db_left .db_guide{  top: 72%;
    left: 3.8%;
        width: calc(185/2000 * 100%); }
	
#db_right .db_object{     bottom: 34.9%;
    right: 2.5%;
    width: calc(345 / 2000 * 100%);}	
#db_right .db_guide{bottom: 35.5%;
    right: 2.3%;
   width: calc(193/2000 * 100%);}
	
#db_diamond .db_object{bottom: 14.6%;  right: 10.4%; width: calc(154 / 2000 * 100%);}	
#db_diamond .db_guide{ bottom: 23.4%;
    right: 18.3%;width: calc(228/2000 * 100%); animation:move 4s 0s infinite; }

/* mobie */
#mdb_middle .db_object{/* top: 37.2%; */
    left: 4.2%;top: 22%;
    width: calc(546 / 2000 * 100%);}
#mdb_middle .db_guide{ left: 33.9%;
    top: 29%;
    width: calc(256/2000 * 100%);}
	
#mdb_left .db_object{/* top: 56.7%; */
    left: 71%;top: 46.3%;
    width: calc(485 / 2000 * 100%); }	
#mdb_left .db_guide{ left: 54.4%;
    top: 52%;
    width: calc(280/2000 * 100%);}
	
#mdb_right .db_object{ /* bottom: 14.4%; */
    left: 3.3%; bottom: 18%;
    width: calc(501 / 2000 * 100%);}	
#mdb_right .db_guide{ right: 56.3%;
    bottom: 18%;
    width: calc(281/2000 * 100%);}
	
#mdb_diamond .db_object{   /*  bottom: 5%; */ bottom: 6.3%;
    left: 15.8%;width: calc(219 / 2000 * 100%);}	
#mdb_diamond .db_guide{ left: 5.7%;
    bottom: 14.6%;
    width: calc(383/2000 * 100%);
    animation: move 4s 0s infinite;}



/* video */
.vid_box{ position:relative;}
.vid_box video{width:100%;display: block; height:auto; }
.vid_control{    position: absolute;
    bottom: 0;
    width: 100%;
    align-items: flex-end;
    height: 100px;
    display: flex;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
}  
.vid_play{ background:url(assets/img/play.png); background-size: cover;
    width: 44px;
    height: 40px; }
.vid_play.vid_pause{  background:url(assets/img/pause.png);background-size: cover; }
.vid_sound{ background:url(assets/img/sound.png); background-size: cover;
    width: 44px;
    height: 40px;}
.vid_sound.vid_muted{ opacity:0.5; }
.vid_progress{ flex:1; position:relative;height:40px; margin-left: 20px;     cursor: col-resize; }
.vid_progress span{  position: absolute;
    background-image: url(assets/img/progress.png);
    background-size: auto 40px;
    height: 100%;
     }
.vid_buffer{   opacity:0.4;  }
.vid_time{ opacity:0.3; width: 100%; }

 .modal video {
  pointer-events: none;
}

  

/*   modal  */
 
.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

 .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition:transform 0.36s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
   transition: all 0.3s;
   border-radius:3px;
}
 
 

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

 

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {  
  position: relative;
   overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
border-radius: 3px;
  outline: 0;
}

 
 

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
    
}

 
.modal-content .loading{ min-height: 300px;}
 

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}


.fade {
    transition: opacity .15s linear;
}


.close_modal{    position: absolute;
    top: 3px;
    right: 3px;
       height: 24px;
    width: 24px;
    z-index: 1050;
    cursor: pointer;
    border-radius: 100%;
    background: #000;}
.close_modal:before, .close_modal:after{ content:'';
content: '';
    width: 1px;
    height: 14px;
    position: absolute;
 background: #fff;
    bottom: 5px;
    left: 12px;
    transform: rotate(45deg);	 
 }
 .close_modal:after{transform: rotate(-45deg); }
 

.modal-html{ display:none; }



 
.leftfade { opacity:0; transform:translate(-110%,0);}
.rightfade{ opacity:0; transform:translate(110%,0);}
.upfade{opacity:0; transform:translate(0,-30%);}
.downfade{opacity:0; transform:translate(0, 30%);}

.inview{ opacity:1; transform:translate(0,0);  transition:all 1s ease-out;}


.typewriter:after{
    content: '';
	border-left:2px solid #fff;
    animation: blink 1s infinite;
}
@keyframes blink{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/* fullpage */
.fullpage .code-block{display:none;}
.fullpage .campaign_menu{ display:none; }

.ajax-article .fullpage-content{ margin-top: 30px;}

.fullpage li{ list-style:none;}
.fullpage-top {position:fixed; top:0;width:100%; padding:0 1vw;z-index:9; display:flex; align-items: center; justify-content: space-between; height:60px; line-height:60px; background: #ffffff57;
}
.no-opacity{ background:#fff;}
.fullpage-logo img{height: 45px;
    width: auto;
    display: block;}
.fullpage-right li a{margin: 0 15px; }
.fullpage .quick_search {
    margin:0;
    line-height: 60px;
}

.fullpage-menu{ display:flex;    margin: 0; }

.fullpage-menu li{
    margin: 0;}
.fullpage-menu li a{display: block;
    line-height: 60px;
   padding: 0 10px;
    font-size: 12px;}

.fullpage-menu li ul{ display:none; }

.fullpage-menu li ul{}
.fullpage-menu li ul li{}
.fullpage-menu li ul li a{ white-space:nowrap; padding: 0 20px; line-height: 40px;}

.fullpage-menu .menu-item-has-children>a:after {
    display: inline-block;
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.fullpage-menu .menu-item-has-children:hover ul{     
display: block;
    position: absolute;
    background: #fff; padding: 20px 0;
   }
	
.fullpage-menu .menu-item-has-children ul .menu-item-has-children  ul{display:none;left: 100%;
    margin: -40px 0 0 0;
    padding: 10px 0; }	
	
.fullpage-menu .menu-item-has-children ul .menu-item-has-children:hover  ul{ display:block; }

.fullpage-right{ display:flex; }
.scroll_progress{position: absolute;
    height: 1px;
    bottom:0;
    left: 0;
	    width: 0;
    background: #af9090;
    transition: all .2s linear;
	}
	


.fullpage-content{ overflow:hidden;}

.fullpage-content .fullwidth_row.row {max-width:100%; padding:0;}
.fullpage-content .fullwidth_row.row .columns {padding: 0; }
.fullpage-content .row.full_width .columns {  margin: 0 auto; max-width: 76.875rem;}
 
  
.fullpage-header{margin: 0 auto; max-width: 76.875rem;}
.fullpage_navico{display:none; }


@media (max-width: 1024px) {
 .fullpage-top{   display:flex;  height:46px; line-height:46px; align-items: center;} 
 .fullpage-logo img {
 height: 32px;}
 .fullpage-nav{
	 max-height:0; 
	 position: absolute;
    top: 46px;
    background: #fffffff7;
    transition: 0.3s;
    overflow: hidden;
    width: 100%;
    right: 0;
    left: 0;
    }
  .fullpage-nav ul{flex-flow: column; padding: 20px 0; border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    align-items: center;}
   .fullpage-nav li a{ line-height:40px; }
  .fullpage-menu .menu-item-has-children>a:after { display:none;}
   .sub-menu { display:none; }
   .fullpage-menu .menu-item-has-children:hover ul{ display:none;}
 
 .fullpage-right{ display:none;}
 
 .fullpage_navico{ position: relative; display:block; 
    height: 46px;
    width: 46px;
    }
.fullpage_navico:before, .fullpage_navico:after{position: absolute;content:''; width: 20px; top:19px;right:13px;
    height: 1px;
    display: block;
    background-color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
.open_menu .fullpage_navico:before{width:21px; transform: rotate(45deg) translate(3px, 2px);}

 
.fullpage_navico:after{margin-top:8px;}

.open_menu .fullpage_navico:after{width: 21px; transform: rotate(-45deg) translate(3px, -3px); }

 .open_menu .fullpage-nav{ max-height: 100vh;
    transition: max-height .4s ease-in; }	
	
.ch_progress{display: block;
    position: absolute;
    bottom: 0;
   
    height:1px;
    width: 0;
    background: #af9090;
  
    transition: all .2s linear;}
 
}
.full-viewport{height: 100vh; 
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center;  }
.full-viewport video{     width: 100%;
    height: 100%;
    object-fit: cover;}
	

 
.accordion ul{display: flex; margin:0 auto;  overflow:hidden; }
.accordion li{ list-style:none;z-index: 1; position:relative; margin:0; transition:all 0.35s ease-out;  flex:0 0 85px; width:85px; }

.accordion  li label{z-index: 1;
	width:86px; 
	 transition:all 0.5s ease-out;
	position: absolute; cursor:pointer;  font-family:didot;
    align-items: center;
    display: flex;
    font-size: .85rem;
    line-height: 1;
    height: 80%;
    top: 50%;

    padding: 10% 0;
    transform: rotate(180deg) translate(0,50%);
    writing-mode: vertical-lr;
    border-left: 1px solid #000; }	
.accordion  label i{    position: absolute;  
    bottom: 0;
    transform: rotate(90deg);
    font-size: 32px;
    font-style: normal;
    font-weight: normal;}
	
 .accordion li.on{   flex:1;   }

 .accordion  li label:hover, .accordion li.on label{ color:#fff;}

.mobile_acc { display:none; }
 
.acc-zh li label{ transform: rotate(0deg) translate(0,-50%);
    writing-mode: vertical-rl;
    justify-content: end;
    border-left: none;
    border-right: 1px solid #fff;letter-spacing: 2px; }
.acc-zh li label i{ transform: rotate(-90deg);
    top: 0;
    bottom: auto;}


.acc-content{width:0; overflow:hidden;  }



@media (max-width:768px) {
.mobile_acc { display:flex; }
.accordion li label{display:none;}
.mobile_acc  label{ 
	flex: 1;
	letter-spacing: 2px;
	 cursor:pointer;  font-family:didot;
    align-items: center;
    display: flex;
    margin: 0;
        justify-content: space-between;
     
   font-size: 11px;  line-height: 1.5; 
    padding:20px 0;
    transform: rotate(180deg);
        writing-mode: tb-rl;
		
	}
.mobile_acc label i{font-size: 24px;margin-top: 20px; position:relative;  }
.mobile_acc label.on{ color:#fff;}	
 
.accordion ul {  margin-top: -1px; }
.accordion  li{  display: none; }
.accordion li.on {  display: block;flex: 1;   }

.acc-zh .mobile_acc label{ transform: none;
    writing-mode: vertical-lr; font-size: 13px; 
    justify-content: space-between;
    flex-direction: row-reverse;
    text-align: end; }
.acc-zh .mobile_acc label i{  transform: rotate(-90deg);
    bottom: auto;
    margin: 0;
    margin-bottom: 20px;  }



}



/* chanel */

.post-725947 .fullpage-logo img,  /* local and server id*/
.post-756756 .fullpage-logo img{opacity:0;}
.post-725947 .fullpage-logo,
.post-756756 .fullpage-logo{    background: url(assets/img/chanel_title.png);
    width: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;}

.ch_head {height: 100vh;width:100vw;
    display: flex;
    align-items: center;
    position: relative; 
    overflow: hidden;
    justify-content: center;}
.ch_head video{  width: 100%;  height: 100%;   object-fit: cover;}
	 
.ch_head video::-webkit-media-controls {
    display:none !important;
}
.ch_overlay{ position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 25%);}
	
 .ch_center{  position: absolute;text-align: center;
    top: 50%;
    left: 50%;
      transform: translate(-50%,-50%);}
	
 .ch_center img{}	
  .ch_center p{color: #fff;font-family: arial;
    font-size: 16px;
    margin: 5px 0 30px 0;}
 .ch_center h3{    color: #fff;  
    font-size: 3rem;
   text-align: left;
    white-space: nowrap;
    width: 39rem;
     }

.ch_swipedown{  position: absolute; cursor:pointer;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%,-50%);
    height: 36px; }
  
 


.chanel_nav{ position: fixed;    z-index: 999; right:20px;  transform: translate(120%,-50%);transition:all .8s ease-out;
    /* right: calc(((100% - 76.875rem) / 2) - 7.5%); */
    top: 50%;
    }
.chanel_nav ul{margin:0; }
.chanel_nav li{  list-style: none;margin:0; }


.chanel_nav li a{padding: 3px 0; transition:all .3s ease-out;
    display: block; font-size:14px; padding-left:7px; }
.chanel_nav li.on a{color:#bca6a6; }
.chanel_nav li a:hover{ transform:translate(-7px,0)}
.chanel_nav .ch_title a{ font-size:15px; font-weight:bold; padding:5px 0;}
.ch_current, .ch_mobile_logo{ display:none;}
 
#ch_home .wpb_wrapper{ margin: 0;}

 
#ch_about, #ch_perfect, #ch_relax, #ch_snack{padding:0 30%; }
.vc_custom_1623988586482 .wpb_content_element,
.vc_custom_1623988586482 img,
.vc_custom_1623988603029 .wpb_content_element,
.vc_custom_1623988603029 img{width:100%;}

#ch_pleasure .wpb_wrapper, #ch_pleasure  p{ margin-bottom:0; }
 
.ch_arrow{     position: absolute; border-radius:50%; border: 1px solid #fff;
    text-indent: -99999px;
    width: 50px;
    height: 50px;
    background-size: cover;}
 .ch_arrow:hover{ opacity:.8; animation-play-state: paused;}
.ch_yellow_arrow{ background-image:url(assets/img/chanel_yellow_arrow.png); animation: yellow-shadow 3s infinite;} 
.ch_blue_arrow{ background-image:url(assets/img/chanel_blue_arrow.png); animation: yellow-shadow 3s infinite;} 

.ch_link_2 img{    width: 57%;
    position: absolute;
    top: 55%;
    right: 0;} 

.ch_link_3 img{ 
    position: absolute;
   }
	
	
.ch_link_1 i{bottom: 11%; left: 34%; transform: rotate(180deg);} 
	
	
.ch_link_2 i{ bottom: 35.5%;
    left: 33%;} 
.ch_link_3 i{ bottom: 81%;
    left: 16%; } 
.ch_link_4 i{ bottom: 16%;
    left: 53%; transform: rotate(180deg); } 
.ch_link_5 i{ bottom: 61%;
    left: 31%; transform: rotate(180deg); } 
.ch_link_6 i{     bottom: 44%;
    left: 34%; } 
.ch_link_7 i{ bottom: 44%;
    left: 54%;} 	
 
	
@keyframes yellow-shadow {
  0% { box-shadow: 0 0 -10px #c4a300; }
  40% { box-shadow: 0 0 20px #c4a300; }
  60% { box-shadow: 0 0 20px #c4a300; }
  100% { box-shadow: 0 0 -10px #c4a300; }
}

.ch_footer{ text-align:center; padding:10% 0;}

.ch_footer p{color: #fff;
    margin: 20px 0 0 0;}
	
/*  ADAY Valentine's Day */


#aday_vday  .wpb_wrapper{     margin: 0 -.625em;}
	
.aday_cinema{position:relative; }
.aday_cinema img{width:100%; display:block; height:auto; }
.aday_cinema>div, .aday_cinema a{ position:absolute; } 
	
.ct_light{width:calc(756 / 2000 * 100%);top: 2.2%; 
    left: 31%;  animation: blinker 0.5s linear infinite; }
	
.ct_light_m{width: calc(837 / 2000 * 100%); animation: blinker2 0.5s linear infinite;
    top: 2.9%;
    left: 29%; }
.cm_light{width:calc(982 / 2000 * 100%); top: 21.2%;
    left: 0.7%;
	 
	}
	
.cm_light_m{width:calc(982 / 2000 * 100%); top: 49.1%;animation: blinker2 0.5s linear infinite;
    left: 0.6%;
	 
	}
	
.cm_light .cml_1{  animation: blinker2 1s linear infinite;position: absolute;
    top: 0;
    left: 0; }
.cm_light .cml_2{animation: blinker2 1s  0.5s linear infinite;}
.cc_light{width:calc(173 / 2000 * 100%);top: 52.8%; animation: blinker 0.5s linear infinite;
    left: 33.2%; }	
	
	.cc_light_m{     width: calc(190 / 2000 * 100%);
    top: 70.56%;
    animation: blinker2 0.5s linear infinite;
    left: 32.2%;}

.cl_light_m{      width: calc(888 / 2000 * 100%);
    top: 17.2%;
    animation: blinker2 0.5s linear infinite;
    left: 1%;}	

 .c_door{width: calc(510 / 2000 * 100%);
    top: 50.3%;
    left: 3.6%;}
	
 .c_door_m{width: calc(510 / 2000 * 100%);
    top: 69%;
    left: 3.6%;}
	
 .c_store{width:calc(924 / 2000 * 100%);top: 34.5%;
    right: 0;}
	
.c_cookie {width: calc(582 / 924 * 100%);   height: 100%;
    top: 28.8%;
    left: -17.8%;}
	
.c_cnm_m{ width:calc(1019 / 2000 * 100%);top: 43.5%;
    left: 0;  }	
	
	
.aday_cinema .cloesed_door{    position: absolute;display:none; }	
.aday_cinema .opening_door{   position: absolute;  }	
	
 .opening_door{display:none; } 
	
.aday_cinema  .door_status{ display:none; width: calc(154/582*100%); transform: rotate(-2deg);  transform-origin: top; animation: shaker 3s linear infinite;
    position: absolute;
    top: 15%;
    right: 18%; }
	
.c_cookie .opening_door{ display:block; } 
/* .c_cookie:hover .cloesed_door{ display:none; } 	
.c_cookie:hover .door_status{display:none; } */

.c_cookie_m{     width: calc(529 / 2000 * 100%);
    top: 47%;
    cursor: pointer;
    left: 43.6%;}

	
.c_post{width:calc(147 / 2000 * 100%);     top: 62%;    cursor: pointer;
    z-index: 3;
      left: 47.5%;}	
	  
.c_post_m{width:calc(202/ 2000 * 100%);  top: 75%;    z-index: 2;
    cursor: pointer;
    left: 47%;}
	  
.c_post i{ width: calc(83/147*100%);
    height: calc(64/326*100%);
    position: absolute;
    background: url(assets/vday/lt1.png);background-repeat:no-repeat;
    top: 11%;
    left: -17%;
    background-size: contain; }	  
.c_post:hover i {background:url(assets/vday/lt2.png);  background-size: contain; background-repeat:no-repeat;}	

 
	  
.c_people{width:calc(1566 / 2000 * 100%);    bottom: 0;
    left: 9%; }	
	
.c_people1_m{width: calc(546 / 2000 * 100%);
    bottom: 6%;
    left: 63%; }
	
.c_people2_m{width:calc(862 / 2000 * 100%);    bottom: 0;
    left: 9%; }
	
@keyframes blinker {
40% {
    opacity: 0.2;
}
}	
@keyframes blinker2 {
40% {
    opacity:0;
}
}

@keyframes shaker {
8%{ transform: rotate(8deg);}
16%{transform: rotate(-2deg); }
24%{ transform: rotate(8deg);}
36%{transform: rotate(-2deg);}
100%{transform: rotate(-2deg); } 
}
 
.cnm_welcome{display:none; background:url(assets/vday/welcome.png) center center no-repeat;background-size: 100% 100%;
    line-height: 45px;
    color: #fff;  }	
	
.cnm_welcome span{display: block;
    text-align: center;}
.cnm_fixed{ position:fixed; top:46px; z-index:9999; }
	
.cnm_menu{     display: flex;
    background: #4f4f4f;
    align-items: center;
    justify-content: space-between;
    height: 95px; }
.cnm_menu a{     color: #fff;font-size: 1.2rem;font-weight:bold;  
    width: 16%;
    text-align: center;
    display: block;}
	
	.cnm_menu a:hover{ color:#eee; }
	.cnm_menu a span{ position:relative; }
	.cnm_menu a span:after,
 .cnm_menu a span:before {
    content: ''; 
    position: absolute;
    top: calc(100% + 5px);
    width: 0;
    right: 0;
    height: 1px;background: #fff;
  }
  
  .cnm_menu a span:before {
    transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
    
  }
  
  .cnm_menu a span:after {
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
 
  }
  
   .cnm_menu a span:hover:after,
   .cnm_menu a span:hover:before {
      width: 100%;
      left: 0;
    }

	
.cnm_menu .cnm_home{     height: 60px;
    background-image: url(assets/vday/home.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 31px auto;
    text-indent: -9999px;
    width: 60px;
    border-radius: 100%;
    background-color: #f2eee7;
    margin: 0 20px; }
.cnm_menu .cnm_home:hover{ opacity:0.7}	
	
.cnm_menu .cnm_buy{     height: 100%;
    background-color: #f2eee7;
    line-height: 100%;
    color: #000;
    width: 22%;
    display: flex;
    justify-content: center;
    align-items: center;}
	
.cnm_menu a.cnm_buy:hover{ color:#000; }
.cnm_menu a.cnm_buy span:after,
.cnm_menu a.cnm_buy span:before { background:#000; }
	
	
.cnm_menu .cnm_cmenu{border-left: 2px solid #fff;border-right:2px solid #fff;  }	
.cnm_menu .cnm_test{border-right:2px solid #fff; }


.vdaydesk_chat{  display:none; z-index:8888;
   position:fixed; 
    top: 15%;
    width: 150px;
    height: 150px;
    background: url(assets/vday/chat_icon.png) center center no-repeat;
    background-size: contain;
} 

.vdaydesk_chat_fixed{  display:block;}

.vdaymo_bot{     display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 45px;
    justify-content: space-between;
    background: #fff;}
.vdaymo_buy{ width: calc(515/828*100%);   background: url(assets/vday/mbuy.png) center center no-repeat;
    background-size: contain; }
.vdaymo_qa{
	    width: calc(137/828*100%); 
	background: url(assets/vday/mqa.png) center center no-repeat;
    background-size: contain; }
.vdaymo_chat{
	    width: calc(176/828*100%); 
	background: url(assets/vday/mchat.png) center center no-repeat;
    background-size: contain;
     }
	
.vday_ck1{ background: #f0ded2; position:relative;
 
    padding: 50px 3%;}
	
.ck1_img1{margin-top:50px; }
 
.ck1_goods {     display: flex;
    justify-content: space-between;
    padding: 0 5%;
    margin: 100px 0;}
.ck1_goods li{ list-style: none;
    text-align: center;
    width: 50%;
    position: relative;}
.ckg_in{      position: absolute;
    top: 64%;
    padding: 0 15% 0 13%;}	
	
.ck1_goods h6 { position:relative; font-style: italic;}
.ck1_goods h6:before, .ck1_goods h6:after{ content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 2em;
   
    top: 40%;}
.ck1_goods h6:before{ left: calc(50% - 5em);}	
.ck1_goods h6:after{left: calc(50% + 3em); }	
	
.ck1_goods p{}
.ck1_goods a{ display: inline-block;
    color: #fff;
    padding: 0 25px;  margin-top:10px}

.ck1_goods a.redbtn{ background:#ac461c; }
.ck1_goods a.bluebtn{ background:#8eadc8;   } 
	
	
	
.ck1_img2{     width: 60%;
    display: block;
    margin: 60px auto 30px auto;}	
	
.cnmck_text1 {       text-align: center;
    margin: 0 20%;
    padding: 10px 0 50px 0;
    border-bottom: 1px solid #000; }
.cnmck_text1 p{ font-size: 1.4rem;
    margin-bottom: 2rem;}	
	
 
	
.ck1_see{ transform: translate(0,113px);   } 
	
 
	
.vday_ck2 { background:#f3eee8; padding: 50px 3%; }	
	
	
	
.ck2_img1{margin: 120px 0 0 0;
    padding: 0 0 5% 0;
    border-bottom: 1px solid #000;}
	
.vday_sec2{  background:url(assets/vday/sf.png) center right no-repeat;     margin: 0 -3%;
    background-size: 24% auto;  }
 
	
 .vday_swiper_a{    overflow: hidden;
    width: 74%;
    margin: 120px 4%; 
	}
	
	
 .vday_swiper  .swiper-pagi{text-align: center;  margin:30px 0;}
 .vday_swiper  .swiper-pagi .swiper-pagination-bullet{ background:#d4d4d4; width: 12px; margin:0 12px; opacity:1;
    height: 12px;}	
 
  .vday_swiper  .swiper-pagi .swiper-pagination-bullet-active{background:#999; } 
  
  
  
.vday_sec3 {     background: url(assets/vday/cbg.png) 12% center no-repeat;
        margin: 0 0 30px 0;
    background-size: 203px; } 

.vday_sec3_text{ margin: 0 0 30px 40%;}	
	
.vday_sec3_text h4{  font-size: 1.6rem;}
	
.vday_sec3_text p{ 
    font-size: 1.1rem;
    font-weight: bold;
    margin: 2.5rem 0;
     }
  
 .vday_sec3_text a{    border: 1px solid #000;
    display: block;
    width: 134px;
    text-align: center;
    margin: 0 auto;} 

.vday_sec4{  background: url(assets/vday/rf.png) left 17% no-repeat;
    margin: 0 -3%;
    background-size: 40% auto;
    padding: 10px 0; }
 
	
 .vday_swiper_b{      overflow: hidden;
    width: 74%;
    margin: 120px 4% 80px 23%;
	}

 
  
.vday_sec5{  background: url(assets/vday/cf.png) center top no-repeat;
    background-size: 300px auto;
    padding: 87px 0 0 0;
    margin-bottom: 60px;    position:relative; }
 
	
 .vday_swiper_c{  overflow: hidden;
    width: 74%;
    margin: 0 auto; 
	}
 
 
.vday_sec5 .swiper-prev:after, .vday_sec5 .swiper-next:after{ display:none;} 
.vday_sec5 .swiper-prev, .vday_sec5 .swiper-next{ height:36px; width:36px; }
 
.vday_sec5 .swiper-prev{  background: url(assets/vday/s_prev.png) center center no-repeat;      background-size: contain;left: 13%;   transform: translate(-60px, -15px); }
.vday_sec5 .swiper-next{   background: url(assets/vday/s_next.png) center center no-repeat;      background-size: contain; right: 13%;  transform: translate(60px, -15px);} 
 
	
 
.vday_swiper_c  .swiper-pagination-bullet:nth-child(1){ background:#ecaf39; }	
.vday_swiper_c  .swiper-pagination-bullet:nth-child(2){ background:#da7820; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(3){ background:#8f5e8e; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(4){ background:#6f8a6b; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(5){ background:#c7654b; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(6){ background:#e3cf63; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(7){ background:#dcb849; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(8){ background:#ddc7de; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(9){ background:#685a56; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(10){ background:#a4546b; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(11){ background:#857866; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(12){ background:#bebbb4; }
.vday_swiper_c  .swiper-pagination-bullet:nth-child(13){ background:#946e4f; }
 
 .vday_swiper_c .swiper-pagination-bullet-active{border:2px solid #fff;  }
  
  
 
	
 .ck2_bott{ display: none;  justify-content: space-between;padding: 0 5%;}
 .ck2_bott img{padding: 0 12%;}
 .ck2_bott li{width:45%;  list-style:none; }
.ck2_bott h6 {    text-align: center;
    font-style: italic;
    margin: 30px 0;}
 .ck2_bott p{display: flex; font-size: 15px;
    flex-wrap: wrap;
    justify-content: space-between; }
 .ck2_bott span{ width:49%; } 
 
 .vckbot{ background:url(assets/vday/vckbot.png) center top no-repeat;
 background-size: auto 14px;
    text-align: center;
    padding: 30px 0 0 0;
    margin: 150px 0 0 0;
    font-size: 1rem;
 }
 
 
 .cnm_cinema{}
 .vday_swiper_cinema{    position:relative; 
    overflow: hidden;
    margin: 0 auto;}
	
.cnm_cinema .swiper-slide:nth-child(1){ background:#e6ddd6;position:relative;  }
.cnm_cinema .swiper-slide:nth-child(2){ background:#ded0cf;position:relative;  }	
  .vday_swiper_cinema img{ width: 60%;
    display: block;
    margin: 0 auto; }
	
.cnm_cinema .swiper-pagi{     position: absolute;
    bottom: -11px;
    z-index: 9;}
	
.cnm_cinema a{ width: 135px;
    height: 40px;   position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,-100%);  display:inline-block; }

.cnm_cinema .cnm_more1{  background:url(assets/vday/wn1.png) center center no-repeat; background-size:contain; }
.cnm_cinema .cnm_more2{ background:url(assets/vday/wn2.png) center center no-repeat; background-size:contain;   }


.vday_faq{text-align: center; background:#f0ded2; padding:120px 0 60px 0; overflow:hidden;margin-bottom: 50px;}
.vday_faq img{width: 60%;
    margin: 0 auto;
    display: block;}
.vday_faq h3{margin: 30px 0 60px 0; font-size:1.2rem; }
.vday_faq ul{padding: 0 15%;}
.vday_faq li{ list-style:none;list-style: none;
    margin: 0 0 30px 0; }
.vday_faq h6{ font-size: 1rem;cursor: pointer;
    font-style: italic;}
.vday_faq h6 b{ display:block; font-style: normal;}
.vday_faq p{font-size: 1rem; display:none;  }

.vday_read { display:none; background:#f2eee7; padding:90px 5%;    margin-bottom: 45px; }

 .vdrimg{ background: #f2eee7;
    padding: 60px 3%;
    overflow: hidden;}
.vday_read ul{     padding: 0 3%;
    display: flex;
    justify-content: space-between;
    margin: 30px 0;}
.vday_read li{width: 31%; margin:0; display: flex;
    flex-direction: column;
    list-style: none;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;}
.vday_read li img{ padding:10px; }
.vday_read li h4{     border-bottom: 1px solid #9a8484; font-size: 1rem;
    padding: 10px 0 10px 20px; }
.vday_read li h3{ font-size: 1rem;flex:1; 
    padding: 0 20px 0 20px;}
	
.post .vday_read li p{ text-align:center; padding: 0 0 20px 0; }
.post .vday_read li p a{     background: #9a8484;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 2px 15%;  }


/*   TEST1  */
.vday_test{     overflow: hidden;
    background: url(assets/vday/tbg-t.jpg) center top  no-repeat,
				url(assets/vday/tbg-b.jpg) center bottom no-repeat,
				url(assets/vday/tbg-m.jpg) center 105% repeat-y;
	
    background-size: contain,contain,contain; }
 
 .vday_test img{ display:block; height:auto; }
.vtest_box{width:300%;display: flex; 
    position: relative;}
.vtest_lead {width: 100%;  perspective: 1000px; }




.vtest_card {
  position: relative;
  width: 100%;   
    height: 100%;
 transition: transform 0.7s;
  transform-style: preserve-3d;
}

.vcard_content{      padding: 30px; 
    display: flex;
    flex-direction: column;
    height: 100%; }

 
.vcard_face,  .vcard_back {
 position: absolute;
  width: 100%; height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  transform: perspective(1px) translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}

.vcard_face { 
  transform: translateZ(1px);
}
 
 
 
 .vcard_back {
 transform: rotateY(180deg);
}
 
.vtest_result{display:none; }

.flip { transform: translateZ(-1px) rotateY(180deg); }

 
 
.vtest_content { height: 100%; background:url(../pages/test1/mid.png); background-repeat:repeat-y; background-size:100%; } 
 

 
  .vtest_start{text-align:center;}
 .vtest_start img{     width: 72%;
    margin: 10% auto;
    display: block;}
  .vtest_start h3{     font-size: 1.8rem;
    line-height: 2;}
   .vtest_start p{     font-size: 1.5rem;
    padding: 5%;}
    .vtest_start a{ background: url(assets/vday/tstart.png) center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 80px;
    display: block;
    margin: 7% 0 17% 0; }
 
 
 .test_start2 h2{     background: url(assets/vday/tabout.png) center top no-repeat;
    background-size: auto 3rem;
    text-align: center;
    font-size: 2rem;
    padding: 4rem 0;
    margin: 15% 0 5% 0; }
 
 .vtest_choice {display: flex;align-items: center;
    justify-content: space-between;
    padding: 0 8%;}
 .vtest_choice img{width:47%; cursor:pointer;} 
 
 
 .vcard_face h2{    background: url(assets/vday/tquestion.png) center top no-repeat;
    background-size: auto 6rem;
    font-size: 2rem;
    padding: 6rem 0 0 0;
    margin: 2rem auto 7% auto;
    width: 75%;
    text-align: center;} 
	
.vtest_swiper{ width: 46%;  
    margin: 0 auto 20% auto;
    overflow: hidden;}
	
.vtest_single_href .swipper_vtest_2{display:none; }
.vtest_inlove_href .swipper_vtest_1{display:none; }

.vtest_tool{  display: flex;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    bottom: 7%;
    transform: translate(-50%,0);
    left: 50%; }	
	
.vtest_prev, .vtest_next{  cursor:pointer;    background: url(assets/vday/tsl.png) center center no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain; }

.slidetoleft{ font-size: 2rem;}	


.vresult_main{ display: flex;
    align-items: center;
    padding: 14% 4%; }
.vresult_main img{width:40%; }
.vtest_text{     padding: 0 0 0 4%;
    font-size: 1.3rem;
    line-height: 2;}

.vtest_btn{display: flex;  align-items: center;    justify-content: center; }
.sharetofb{margin: 0 10px;    width: 214px;
    height: 106px;
    background: url(assets/vday/tfb.png) center center no-repeat;
    background-size: contain; }
.gotobuy{  margin: 0 10px;   width: 214px; 
    height: 106px;
    
   background: url(assets/vday/tbox.png) center center no-repeat; background-size: contain; }

@media (max-width:768px) {
.cnm_menu{height:50px;}
 .cnm_fixed{top:0;}
.cnm_menu .cnm_qa,.cnm_menu .cnm_buy{ display:none; }

.cnm_menu a{  flex:1; font-size:14px;}	
 .cnm_menu .cnm_home{  flex:none; 
    width: 30px;
    height: 30px;
    background-size: 13px auto;}
.cnm_menu .cnm_test{border:none; }
 

.ck1_goods{flex-wrap: wrap;}
.ck1_goods li{width:100%;margin-bottom: 40px; }
.ckg_in { top: 61%;}
.ck1_goods p {  font-size: 14px; }
.cnmck_text1 p {
font-size: 1rem;}
.ck1_see {  transform: translate(0,83%);}
.ck2_img1 {
margin: 60px 0 0 0;}
.vday_swiper_a { 
    width: 88%;
    margin: 60px 4%;
}
.vday_sec3 p {
font-size: 12px;}
.vday_sec3 { background-size: 100px;}

.vday_swiper_b { 
    width: 88%;
    margin: 60px 4% 80px 8%;
}

.vday_swiper_b {  margin: 60px 4% 40px 8%;}
.vday_swiper .swiper-pagi { 
    margin: 30px -13%;
    width: auto;
}
.vday_swiper .swiper-pagi .swiper-pagination-bullet{ margin:0 5px; width: 10px;
    height: 10px;}
.vckbot { margin: 50px 0 0 0;}
.vday_sec5{ margin-bottom:0; }
.ck2_bott { 
    flex-wrap: wrap;
}

.vday_sec5 .swiper-prev { transform: translate(-50px, -30px);}
.vday_sec5 .swiper-next { transform: translate(50px, -30px);}


.ck2_bott li { width: 100%; margin-bottom: 30px;}
.ck2_bott p {  font-size: 13px;}
.vday_swiper_cinema img {
width: 100%;}
.cnm_cinema a { bottom:-20px;}

.cnm_cinema .swiper-pagi {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 9;
}

 .vtest_start h3 {
 font-size: 1.1rem;}
 
 .vtest_start p {
 font-size: 16px;}
 
 .vtest_start a {
 transform: scale(0.7);}
 
.test_start2 h2{font-size:1.2rem; }

.vtest_choice{ padding:0; }

.vcard_face h2 {     background-size: auto 2rem;
    font-size: 1.1rem;
    line-height: 1.5;
    padding: 2rem 0 0 0;}

.vtest_swiper {
width: 62%;}
.vtest_tool {
width: 60%;}
.slidetoleft {
    font-size: 1.3rem;
}

.vtest_prev, .vtest_next {  width: 45px;
height: 45px;}

.vresult_main { flex-wrap: wrap;}
.vresult_main img { display:none; 
}
.vtest_text {
    padding: 4% 0;
font-size: 15px;}

.vday_read ul {
flex-wrap: wrap;}
.vday_read li { margin-bottom: 30px;
width: 100%;}

.ck1_img2 {
width: 76%;}

.cnmck_text1 { margin: 0 12%;}
.vday_ck1 { padding: 0 3%;}
.ck1_goods { padding: 0 5% 30px 5%;
margin: 60px 0 0 0;}

.postid-766443 .header,
.postid-766443 .post.blog-post .post-title {display:none; }

.postid-766443 .post-header.no-shadow+.row{ padding-top:0; }
	
}


/* sloggi */
.sloggi .ch_center img{ width: 60%;  margin-bottom: 3rem; min-width:300px; }
.sloggi .ch_center p{     text-transform: uppercase;
    font-size:1rem;}
.sloggi .ch_swipedown{ height:60px; } 

.fullwidth_img_row .wpb_content_element{width:100%;}
.fullwidth_img_row .wpb_content_element img{width:100%; height:auto;}
.fullwidth_img_row .wpb_wrapper{ margin:0 auto;}
.fullwidth_img_row p{ margin:0; }

/* xmas2021 home page */



.x_project img {
    transform: translate(0,50%);
    z-index: 9;
    max-width: 700px;
    margin: 0 auto;
    display: block;
    width: 96%;
}

.x_project .wpb_wrapper{ margin:0;}

#xmas2021_home {
    max-width: 370px;
    margin:10% auto 5% auto;
    width: 66.42512077294686%;
}

#xmas2021_home .swiper_pn{ text-align:center; } 
#xmas2021_home .swiper_pn span {
    background: #fff;
    width: 14px;
    height: 14px;
    margin: 0 7px;
	 
}
#xmas2021_home .swiper_pn span.swiper-pagination-bullet-active{ opacity:1}
 
.row.buy_blindbox {
   padding: 90px 0 45px 0;
    text-align: center;
    color: #fff;
    background: url(assets/img/xmas2021/xmas2021_line.png) no-repeat center;
    background-size: 2560px auto;
}
.buy_blindbox img {
    width: 85%;
    max-width: 450px;
    display: block;
    margin: 0 auto;
}



.koke_video_wrap {
    width: 70%;
    margin: 30px auto;
    max-width: 350px;
}



.koke_lab_video {
    width: 100%;
    height: 0;
    padding: 50% 0;
    border-radius: 100%;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.koke_lab_video video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.koke_img {
    width: 70%;
    margin: 30px auto;
    max-width: 350px;
}

.buy_blindbox h2 {  font-weight:normal; 
    color: #fff;
    font-size: 1.6rem;
    margin: 1.2rem;
    line-height: 1.5;
}
.buy_blindbox h2 span {
    display: block;
    font-size: 1.2rem;
}
.buy_blindbox h2 span b{ font-weight:normal; 
    font-size: 0.8rem;
}
.buy_blindbox h3 {  font-weight:normal; 
    color: #fff;
    font-size: 1rem;
}
.buy_blindbox h3 i{
    font-size: 2.4rem;
}
.xmas2021_buynow {
    background: #e28633;
    color: #fff;
    padding: 10px 20px;
}
 

.buy_blindbox p{ margin-top:10px; }
 
.row.box_content{ padding: 5% 0 3% 0; }



#xmas2021_box {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
#xmas2021_box .swiper-slide {
    flex-flow: column;
}
#xmas2021_box .swiper-slide img {
    width: 60%;
    max-width: 300px;
}
 
#xmas2021_box .swiper-slide h2 {
    font-size: 1.2rem;
    color: #fff;
    border-top: 1px solid #fff;
    letter-spacing: 8.15px;
    width: 100%;
        margin: 2em 0 5em 0; 
    text-align: center;
    position: relative;
} 
#xmas2021_box .swiper-slide h2 span{
    background: #95682f;
    position: absolute;
    padding: 0 30px;
    transform: translate(-50%,-50%);
}
 
#xmas2021_box .swiper-slide p{ width: 96%; color:#fff;  font-size: 1.1rem;
    max-width: 350px;} 
 
#xmas2021_box .swiper_pn { z-index:8;
    top: 65%; 
    bottom: unset;
    position: absolute; left: 50%;
    transform: translate(-50%, 0); width: 100%;
}
#xmas2021_box .swiper_pn span {     border-radius: 0;text-indent: 0;
    width: auto;
    height: auto;
    background: none;
    color: #fff;
    font-size: 1.4rem;
    margin: 0 1em; padding:0 5px;
    opacity: 1;  
	border:none; 
}
#xmas2021_box .swiper_pn span.swiper-pagination-bullet-active{    border-bottom: 2px solid #fff; }

#xmas2021_box .xmas2021_box_middle { width:100%;}
#xmas2021_box .xmas2021_box_middle img{ display:none; width:60%;  max-width: 300px;  margin:0 auto;   opacity:0;}
#xmas2021_box .xmas2021_box_middle .playshow{ display:block;   }

.xmas2021_footer {
    background: url(assets/img/xmas2021/xmas2021_line2.png) no-repeat;
    background-position: center 37px;
    background-size: 2560px auto;
}

.xmas_aday {
    width: 55%;
    max-width: 250px;
    margin: 30px auto;
    display: block;
}

.xmas_to_tw {
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    margin: 200px auto 100px 0;
}
.xmas_to_tw a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.xmas_to_tw  img { margin-left:10px;
    height: 1.1em;
}
.xmas2021_nav_col .wpb_wrapper{ margin-bottom:15px; }
.xmas2021_navbar {
   margin-top:15px; 
    display: flex;
    justify-content: center;
}

.xmas2021_nav { 
 
    display: flex;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.xmas2021_nav a { height: 40px;
    text-indent: -9999px;
    background-size: contain;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center; 
}

.xmas2021_nav a:after{ content:'';  width:0; height:0; overflow:hidden; z-index:-1; 
}

.xmas2021_nav_home {
    background-image: url(assets/img/xmas2021/home.png);
}

.xmas2021_nav_box {
    background-image: url(assets/img/xmas2021/box.png);
}
.xmas2021_nav_guide {
    background-image: url(assets/img/xmas2021/guide.png);
}
.xmas2021_nav_member {
    background-image: url(assets/img/xmas2021/member.png);
}

.xmas2021_nav_store {
    background-image: url(assets/img/xmas2021/store.png);
}

.xmas2021_nav_home:hover, .xmas2021_nav_home:after {
    background-image: url(assets/img/xmas2021/home_on.png);
}
.xmas2021_nav_box:hover, .xmas2021_nav_box:after {
    background-image: url(assets/img/xmas2021/box_on.png);
}
.xmas2021_nav_guide:hover, .xmas2021_nav_guide:after  {
    background-image: url(assets/img/xmas2021/guide_on.png);
}
.xmas2021_nav_member:hover, .xmas2021_nav_member:after{
    background-image: url(assets/img/xmas2021/member_on.png);
}

.xmas2021_nav_store:hover, .xmas2021_nav_store:after{
    background-image: url(assets/img/xmas2021/store_on.png);
}

.xmas2021_side {
    position: fixed;
    left: 5%;
    width: 14px;
    top: 50%;
    transform: translate(0,-50%);
}
 
 
.row.buy_blindbox h2, 
.row.buy_blindbox h3, 
.row.buy_blindbox p, 
.row.buy_blindbox a,
#xmas2021_box .swiper-slide h2,
#xmas2021_box .swiper-slide p,
#xmas2021_box .swiper_pn span,
.xmas_to_tw{font-family:serif, STSong, NSimSun;}

 /* dior asmr */
 

.waveform_dior {
    background-image: url(assets/img/dior_asmr/wave-2.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    flex: 1;
}


.dior_audio_btn {
    width: 40px;
    height: 40px;
    background-size: 100%; margin: 0 40px 0 0;
	cursor:pointer; 
	transition: all 0.5s;
}


.dior_c1 .dior_audio_play{ background-image:url(assets/img/dior_asmr/play_1.png);}
.dior_c1 .dior_audio_pause{ background-image:url(assets/img/dior_asmr/pause_1.png);}
.dior_c2 .dior_audio_play{ background-image:url(assets/img/dior_asmr/play_1.png);}
.dior_c2 .dior_audio_pause{ background-image:url(assets/img/dior_asmr/pause_1.png);}
.dior_c3 .dior_audio_play{ background-image:url(assets/img/dior_asmr/play_1.png);}
.dior_c3 .dior_audio_pause{ background-image:url(assets/img/dior_asmr/pause_1.png);}

.dior_fixed_btn {
    position: fixed;
    bottom: 100px;
        z-index: 9;
 opacity:0;  transition:all 0.5s;
} 
.dior_fixed_done{ opacity:1; }
.d_a_volume{ width: 40px; 
    height: 40px;
    margin: 0 0 30px 20px;
    display: block;
    background-size: 32px;
    background-position: center center;
    background-repeat: no-repeat;background-image:url(assets/img/dior_asmr/v.png);  }
 
.d_a_volume:after{content:''; background-image: url(assets/img/dior_asmr/muted.png),url(assets/img/dior_asmr/pause_1.png),url(assets/img/dior_asmr/pause_2.png),url(assets/img/dior_asmr/pause_3.png); }
.d_a_muted {
    background-image: url(assets/img/dior_asmr/muted.png);
}

.d_a_gift {
    background-image: url(assets/img/dior_asmr/g.png);
    width: 80px;
    height: 80px;
    background-size: 100%;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.dior_rose_audio{ position:relative;}
.dior_rose {
    display: flex;
    width: 80%;
    max-width: 300px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-100%);
}
.dior_rose .dior_audio_play{ background-image:url(assets/img/dior_asmr/rose_play.png);width: 60px;
    height: 60px;}
.dior_rose .dior_audio_pause{ background-image:url(assets/img/dior_asmr/rose_pause.png);width: 60px;
    height: 60px;}
	
#waveform_rose{  filter: grayscale(100%); }	
 
 
#dior_rose_volume .d_a_volume {
    background-image: url(assets/img/dior_asmr/rose_on.png);
    margin: 0;
    width: 60px;
    height: 60px;
    background-size: 100%;
}
#dior_rose_volume .d_a_muted{ background-image: url(assets/img/dior_asmr/rose_off.png);}
.d_a_volume:after{ background-image: url(assets/img/dior_asmr/rose_off.png), url(assets/img/dior_asmr/rose_pause.png); }

@media (max-width:1024px) {
	.dior_fixed_btn{bottom: 10px;}
	.d_a_volume{  margin: 0 0 20px 11px;}
.d_a_gift {
    width: 50px;
    height: 50px;
}
.dior_rose{width:220px; transform: translate(-50%,-50%); } 
.dior_rose .dior_audio_btn{ margin-right:10px;}
.dior_rose .dior_audio_play,.dior_rose .dior_audio_pause, #dior_rose_volume .d_a_volume{ width:40px; height:40px;}
 
	
}

/* response  */
@media (max-width: 1440px) {
	#ch_about, #ch_perfect, #ch_relax, #ch_snack{padding:0 15%; }
}

@media (max-width: 1366px) {
	#ch_about, #ch_perfect, #ch_relax, #ch_snack{padding:0 10%; }
	
 
	
.postid-725921 .subheader.fixed.header--slide{ transform: translateY(-100%);}
	
.ch_lead h2{font-size: 1rem;} 
	
.chanel_nav{  
    right: 0;
    top: -100%;
    transform: translate(0,0);
    width: 100%;
   background: #fff9;
	border-bottom: 1px solid #ddd;
     height: 46px;    transition: all 0.3s;
}

.no-opacity {
    background: #fff;
}

.ch_mobile{  padding: 0 .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;}
	
	.ch_mobile_logo{height:12px; }
.ch_navico{ position: relative;
    height: 46px;
    width: 46px;
    }
.ch_navico:before, .ch_navico:after{position: absolute;content:''; width: 20px; top:19px;right:13px;
    height: 1px;
    display: block;
    background-color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
.open_chnav .ch_navico:before{width:21px; transform: rotate(45deg) translate(3px, 2px);}

 
.ch_navico:after{margin-top:8px;}

.open_chnav .ch_navico:after{width: 21px; transform: rotate(-45deg) translate(3px, -3px); }

.ch_current{  font-size: 14px;  line-height: 46px;height:46px; transition: all .3s linear;
    text-align: center;}
.ch_current, .ch_mobile_logo{ display:block;}	
	
.ch_progress{display: block;
    position: absolute;
    bottom: 0;
   
    height:1px;
    width: 0;
    background: #af9090;
  
    transition: all .2s linear;}

.ch_swipedown{bottom:15%;}

.chanel_nav ul{    margin: 0;
   max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    position: absolute;
    top: 46px;
    right: 0;
    background: #fff;
    z-index: 9;
    width: 100%;
    text-align: center;}
.open_chnav ul{ max-height:100vh;
    transition: max-height 0.4s ease-in;  }
	
.chanel_nav li:first-child{ padding-top:30px}
.chanel_nav li:last-child{     padding-bottom: 30px; }	
	
.chanel_nav li a{ padding:5px 0; }	
	
}
@media (max-width: 1024px) {
 .fullpage-top{display:none;} 
}
@media (max-width: 768px) {
	
#xmas2021_home { margin:90px auto 45px auto;}
.xmas2021_side { left:3%; width: 10px; }
.row.buy_blindbox { padding: 60px 0 35px 0;}
.row.box_content {
    padding: 60px 0 0 0;
}
	
#ch_about, #ch_perfect, #ch_relax, #ch_snack{padding:0 5%; }
.ch_center h3{ font-size: 1.2rem;width: 15.6rem;}
.fullpage .small-12{ /* flex: 1; */} 
.fullpage .ch_what_item .small-12{padding:0;}
.fullpage .vc_custom_1623983641957,
.fullpage .vc_custom_1623983619042,
.fullpage .vc_custom_1623983662939,
.fullpage .vc_custom_1623983681641{padding:0 !important;}
.ch_arrow{  width:40px;height:40px;}

.fixed_adv{width:100px; }
 
}

@media (max-width:576px) {
	
.xmas2021_footer {
    background: url(assets/img/xmas2021/xmas2021_line2m.png) no-repeat  #95682f;
    background-position: center;
    background-size: contain;
}
 
.ch_arrow{  width:30px;height:30px;}

.ch_link_1 i{bottom: 14%; left: 38%;  } 
	
	
.ch_link_2 i{ bottom: 35.5%;
    left: 33%;} 
.ch_link_3 i{ bottom: 83%;
    left: 6%;} 
.ch_link_4 i{ bottom: 24%;
    left: 53%; } 
.ch_link_5 i{ bottom: 61%;
    left: 31%;   } 
.ch_link_6 i{     bottom: 44%;
    left: 34%; } 
.ch_link_7 i{ bottom: 44%;
    left: 54%;} 
.ch_footer img{width:60%;}
.ch_footer p{font-size:12px;}

}



@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
  
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 700px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
	  width:80%;
    max-width: 1280px;
  }
}






/* recuritment   */	
.recu-form{margin:30px auto;display:block;width:600px;padding:15px 0;}.recu-form li{display:flex;position:relative;list-style:none;}.recu-form p{font-size:.88em;margin:0 0 3em 0;}.recu-form label.error{position:absolute;margin:3px 0 0 0;color:#771111;font-size:.6em;letter-spacing:1px;}.recu-friend{margin-top:2.5em;color:#666;}.recu-label{font-size:.88em;position:relative;width:150px;color:#666;text-align:right;margin:2px 10px 0 0;}.recu-input,.seat-list{flex:1;margin-bottom:1.35em;}.recu-form input[type="text"]{width:100%;line-height:38px;padding:0 10px;height:38px;font-size:90%;box-sizing:border-box;margin:0;}.recu-label b{font-weight:200;font-size:0.8rem;text-transform:none;display:block;font-style:italic;margin:5px 0 0;}.required-field:after{content:'*';position:absolute;color:#771111;top:-2px;right:-8px;}.is_have_seat{flex-direction:column;}.is_have_seat p{text-align:center;margin:0;}.seat-check{display:flex;flex-wrap:wrap;padding:0;height:auto;justify-content:space-between;}.seat-check label{width:22%;margin:0 0 10px 0;height:30px;background:#fff;text-align:center;line-height:30px;cursor:pointer;}.seat-check label{border:2px solid #ddd;}.seat-check label:hover{background:#eee;}.seat-list input[type="checkbox"]:checked + label{border:2px solid #828171}.seat-check label.recu-taken{cursor:not-allowed;background:#ddd;}.seat-list input{display:none}.seat-list h5{color:#828171;font-size:1em;text-align:center;width:100%;font-weight:400;}.seat-list h6{width:100%;text-align:center;font-size:1.05em;font-weight:normal;margin:0 0 1em 0;}.recu-form .recu-friend{display:none;}.recu-taken b,.seat-valid i{display:none;font-style:normal;font-weight:normal;}.recu_tips b{font-weight:normal;display:block;text-decoration:underline;}.recu_tips i{display:block;color:#deb887;font-style:normal;}.check_submit{margin:3em 0;}.check_submit label{display:inline-block;font-size:.88em;position:relative;width:173px;text-align:right;}.check_submit input[type="checkbox"]{margin:0 0 0 5px;}.check_submit em a{color:#828171;font-size:1em;font-weight:900;letter-spacing:1px;}.check_policy label{position:relative;}.check_policy label:after{right:15px;}.check_letters{margin:3em 0;font-size:1em;letter-spacing:1px;}.check_policy{position:relative;font-size:1em;letter-spacing:1px;}.recu-form  #policy-error{margin:0;text-align:left;left:178px;top:3em;}.recu-form .submit{background:#828171;color:#fff;width:97px;height:37px;border:none;padding:0;margin:0 auto;display:block;}#recu-result{margin:-1em  0 2em 0;text-align:center;}#recu-result li{text-align:center;color:#771111;display:block;line-height:1.2em;}.success_apply{color:#828171;font-size:1.1em;text-align:center;font-weight:800;margin:0 0 3em;line-height:2em;}.recu-back{background:#828171;line-height:37px;color:#fff;width:97px;height:37px;border:none;padding:0;margin:0 auto;display:block;}.recu-back:hover{background:#080808;color:#fff;}@media all and (max-width:768px){.recu-form{overflow:hidden;width:100%;padding:0 10px;font-size:0.8em;}.recu-label{width:100px;}.check_policy{margin-left:30px;}.check_submit label{width:auto;}.recu-form #policy-error{margin:30px 0 0 0;left:0;}.check_letters{margin:3em 0 3em 30px;}}



/******* *******************/