/*
CTC Separate Stylesheet
Updated: 2026-01-16 06:50:36
Theme Name: YuFeng
Theme URI: https://opencollective.com/blankslate
Template: blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2026.1768546236
*/

p {
   font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 21.6px/*.8*/ ;
  letter-spacing: 0px;
}
h1.wp-block-heading  {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal; font-size: 64px/*.8*/;
  text-transform: uppercase;
  letter-spacing: 0px;
}
h1.wp-block-heading:lang(zh-hans){
    font-size: 78px;
    font-family: "Noto Sans SC", sans-serif;
    font-weight: 700;
    padding-bottom: 35px;
    letter-spacing: 10px;
}
h1.wp-block-heading:lang(zh-hant){
    font-size: 78px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 700;
    padding-bottom: 35px;
    letter-spacing: 10px;
}
h2.wp-block-heading  { 
     font-family: "Newsreader", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 60px/*.8*/;
  font-style: normal;
  text-transform: uppercase;
  padding-bottom: 46px;
  margin-block-start: 12px;
}
#header {width: 100%; display: block; position: fixed; padding-top: 52px;/*.8*/ padding-bottom: 16px;/*.8*/    background-color: #FFFFFF; z-index: 22;}
#header .content { max-width: 1296px/*.8*/; width:100%; padding: 0 10px; display: block; margin: 0 auto;
height: 52px;/*.8*/ position: relative;}
#container { padding-top: 120px;/*.8*/ }
.logo { width:237.6px;/*.8*/ height: 52px;/*.8*/ display: block;}
.login h1 a { background:url("img/icon.png") center center no-repeat; background-size: contain; }
#branding { display: inline-block;}
nav { display: inline-block; float: right; }
nav ul li { display: table-cell; vertical-align: middle; height: auto;/*.8*/ padding-left: 40px;/*.8*/}
nav ul li:lang(zh-hans), nav ul li:lang(zh-hant) { height: auto;}
nav ul { display: table;}
nav ul li a { text-decoration: none; color: #000; font-size: 14.4px;/*.8*/ font-family: "Figtree", sans-serif; font-weight: 400;}
nav ul li a:lang(zh-hans) {  font-family: "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 1px;}
.section>div { margin: 0 auto; }
#wp-block-themeisle-blocks-advanced-columns-9484d563 { min-height: 690px;}
#wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover, #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover-image { min-height: 690px;}
.tabbox { margin: 0 auto; margin-bottom: 20px;/*.8*/ max-width: 864px; width: 100%; position:relative;  }
#tabbox1 { opacity: 0; transform: translateY(50%);}
#tabbox2 { opacity: 0; transform: translateY(50%);}
#tabbox3 { opacity: 0; transform: translateY(50%);}
#tabbox4 { opacity: 0; transform: translateY(50%);}
.tabbox .boxTitle { gap: 0;}
.tabbox>div { border-radius: 50px; padding: 47px 74px/*.8*/;} 
.tabbox h3 { font-size: 43px/*.8*/;   font-family: "Newsreader", serif; font-weight: 500;}
.tabbox.v2 h3 { font-size: 40px;}
.tabbox.v2 h3:lang(zh-hans) { font-size: 43px; font-weight: 600; font-family: "Noto Sans SC", sans-serif; letter-spacing: 2px;}
.tabbox.v2 h3:lang(zh-hant) { font-size: 43px; font-weight: 600; font-family: "Noto Sans TC", sans-serif; letter-spacing: 2px;}
.tabbox h4 { font-size: 24px/*.8*/;  font-family: "Figtree", sans-serif; font-weight: 600;  width: 80%; line-height: 1.25; margin-bottom: 16px;/*.8*/}
.tabbox h4:lang(zh-hans) { font-size: 27px;  font-family: "Noto Sans SC", sans-serif;
    font-weight: 700; letter-spacing: 2px;}
.tabbox h4:lang(zh-hant) { font-size: 27px;  font-family: "Noto Sans TC", sans-serif;
    font-weight: 700;letter-spacing: 2px;}
.tabbox h4 span { display:block; }
.tabbox hr.wp-block-separator {  width: 100%; border: none; height: 2px; 
    background: linear-gradient(to right, #FAF5F5,#CFB180,#FAF5F5,#6e5865, #6e5865); background-size: 200% 200%; animation: gradientBounce 3s ease-in-out infinite alternate; }

.tabbox hr.second{
    background: linear-gradient(to right, #6e5865,#6e5865,#FAF5F5 ,#CFB180, #FAF5F5); background-size: 200% 200%; animation: gradientBounce 2s ease-in-out infinite alternate;
}
@keyframes gradientBounce  { 
   from { background-position: left center; } to { background-position: right center; } 
}
.header_video .extend { display: none; }
.tabbox .extend { display: none;}
.tabbox .extend img { /*margin-top: 36px;*/}
.tabbox p { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 21.6px/*.8*/ ; line-height: 1.25; margin-bottom: 25px;} 
.tabbox p:lang(zh-hans) { font-size: 21.5px;  font-family: "Noto Sans SC", sans-serif;
    font-weight: 400; letter-spacing: 2px; }
.tabbox p:lang(zh-hant) { font-size: 21.5px;  font-family: "Noto Sans TC", sans-serif;
    font-weight: 400; letter-spacing: 2px; }    
p.ctr_more { font-size: 15px/*.8*/; position: relative; margin-right: 46px; line-height: 1.25;/*.8*/ cursor: pointer; padding-top: 7px; -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Safari */
  -khtml-user-select: none;   /* Konqueror HTML */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Standard */}
p.ctr_more.open::after { transform: rotateZ(45deg);}
.tabbox p.ctr_more:lang(zh-hans) { font-size: 15px; font-family: "Noto Sans SC", sans-serif; -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Safari */
  -khtml-user-select: none;   /* Konqueror HTML */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Standard */}
.tabbox p.ctr_more:lang(zh-hant) { font-size: 15px; font-family: "Noto Sans TC", sans-serif; -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Safari */
  -khtml-user-select: none;   /* Konqueror HTML */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Standard */}
#the-yufeng-ecosystem-a { width:100%; padding-top: 104px;/*.8*/ padding-bottom: 318px;/*.8*/ background: #FAF5F5;
background: -webkit-linear-gradient(180deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
background: linear-gradient(180deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAF5F5", endColorstr="#CFB180", GradientType=0);}
#the-asset-owner-model-a { background-color: #ddc9a9; padding-bottom: 111px;}
p.ctr_more::after { content: ''; background:url("img/close.png") center center no-repeat; width: 33px;/*.8*/ height: 33px;/*.8*/ background-size: 33px; display: block; position:absolute; top:0; right: -46px; transition: all .5s ease; }
p.ctr_more.v2::after{ content: ''; background:url("img/close2.png") center center no-repeat; width: 33px;/*.8*/ height: 33px;/*.8*/ background-size: 33px; display: block; position:absolute; top:0; right: -46px; transition: all .5s ease; }
#the-yufeng-ecosystem-a h2 { font-size: 43.2px/*.8*/; font-family: "Figtree", sans-serif; font-weight: 500; margin-bottom: 64px;/*.8*/ padding-bottom: 0;}
#the-yufeng-ecosystem-a h2.v2 { font-size: 45px; font-weight: 700;}
#the-yufeng-ecosystem-a h2.v2:lang(zh-hans) { font-size: 54px; font-family: "Noto Sans SC", sans-serif;
    }
#the-yufeng-ecosystem-a h2.v2:lang(zh-hant) { font-size: 54px; font-family: "Noto Sans tc", sans-serif;
    }
.anchor { margin-top: -133px; height: 133px; }
.header_video { max-width: 864px;/*.8*/ width: 100%; margin: 0 auto; margin-top: -217.6px;/*.8*/ }
.header_video .wp-block-cover { min-height: 432px;/*.8*/ margin-bottom: 40px;/*.8*/}
.header_video h2 { font-size: 60px;/*.8*/ font-family: "Figtree", sans-serif;  font-weight: 600; font-style: normal;  }
.header_video h2:lang(zh-hans) {  font-family: "Noto Sans SC", sans-serif; letter-spacing: 8px; font-weight: 700;}
.header_video h2:lang(zh-hant) {  font-family: "Noto Sans TC", sans-serif; letter-spacing: 8px; font-weight: 700;}
.w1080 { max-width: 864px;/*.8*/ width: 100%; margin: 0 auto; }
.w900 { max-width: 720px;/*.8*/ width: 100%; margin: 0 auto; }
.w960 { max-width: 960px;/*.8*/ width: 100%; margin: 0 auto; }
.w1200 { max-width: 1200px;/*.8*/ width: 100%; margin: 0 auto; }
#the-asset-owner-model-a p { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 21.6px/*.8*/ ; line-height: 1.25; text-align: center;}
#the-asset-owner-model-a p:lang(zh-hans), #the-asset-owner-model-a p:lang(zh-hant) {  font-family: "Noto Sans SC", sans-serif; font-size: 21.5px; font-weight: 400; letter-spacing: 3px; line-height: 1.4; }
#the-asset-owner-model-a .extend p { text-align: left;}
#the-asset-owner-model-a p.ctr_more { font-size: 15.2px/*.8*/; position: relative; margin-right: 46px; line-height: 1.25px;/*.8*/ cursor: pointer; text-align: right; padding-top: 16px; }
#the-asset-owner-model-a p.ctr_more::after  { content: ''; background:url("img/close_red.png") center center no-repeat; background-size: 33px; width: 33px;/*.8*/ height: 33px;/*.8*/ display: block; position:absolute; top:0; right: -46px }
#the-asset-owner-model-a p.ctr_more.open::after { transform: rotateZ(45deg);}
#the-asset-owner-model-a h3 { font-size: 43px/*.8*/;   font-family: "Newsreader", serif; font-weight: 500; }
#the-asset-owner-model-a h3.v2 { font-size: 40px;}
#the-asset-owner-model-a h3.v2:lang(zh-hans) {font-size: 43px; font-weight: 600;  font-family: "Noto Sans SC", sans-serif; letter-spacing: 4px; }
#the-asset-owner-model-a h3.v2:lang(zh-hant) {font-size: 43px; font-weight: 600;  font-family: "Noto Sans TC", sans-serif; letter-spacing: 4px; }
.tab { position: relative; margin-bottom: 0px;/*108*/}
.tab .tabContent { margin-top: 32px;/*.8*/ margin-bottom: 33.6px;/*.8*/ }
.tab.v2 
#slider { position: relative; z-index: 10; border: 6px solid #b2802f;}
#slider.v2 { position:  relative; border-width: 0; z-index: 10;}

#the-asset-owner-model-a hr.wp-block-separator {  width: 100%; border: none; height: 2px; 
    background: linear-gradient(to right, #FAF5F5,#CFB180,#FAF5F5,#6e5865, #6e5865); background-size: 200% 200%; animation: gradientBounce 3s ease-in-out infinite alternate; }
#the-asset-owner-model-a .tab hr.second{
    background: linear-gradient(to right, #6e5865,#6e5865,#FAF5F5 ,#CFB180, #FAF5F5); background-size: 200% 200%; animation: gradientBounce 2s ease-in-out infinite alternate;
}
#the-asset-owner-model-a p.intro { margin-bottom: 108px;/*.8*/ letter-spacing: 0;}
#the-asset-owner-model-a p.intro:lang(zh-hans) { letter-spacing: 3px; line-height: 1.4;}
#the-asset-owner-model-a p.intro:lang(zh-hant) { letter-spacing: 3px; line-height: 1.4;}
#the-asset-owner-model-a .extend { margin-bottom: 33.6px;/*.8*/}
.mt-170 { padding-top: 170px}
.preloadblock.wp-block-columns { height: 1px; overflow: hidden; top: 50px; position: absolute; z-index:1}
#our-value-a { background: #FAF5F5; 
background: -webkit-linear-gradient(360deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
background: -moz-linear-gradient(360deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
background: linear-gradient(360deg, rgba(250, 245, 245, 1) 0%, rgba(207, 177, 128, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAF5F5", endColorstr="#CFB180", GradientType=0); width: 100%; padding-top: 68.8px;/*.8*/ padding-bottom: 63px;/*.8*/ }
#our-value-a h2 { font-size: 43px;/*.8*/ padding-bottom: 64px;/*.8*/ font-family: "Figtree", sans-serif;  font-weight: 500; font-style: normal; }
#our-value-a h2:lang(zh-hans){ font-weight: 700; font-size: 54px; font-family: "Noto Sans SC", sans-serif; letter-spacing: 4px; }
#our-value-a h2:lang(zh-hant){ font-weight: 700; font-size: 54px; font-family: "Noto Sans TC", sans-serif; letter-spacing: 4px; }
#our-value-a h2.v2 { font-weight: 700;}
#our-value-a .pior { gap: 0; z-index: 0; padding-left: 16px;/*.8*/ border-left: 2px solid #b2802f; margin-block-start: 0}
#our-value-a .content { position: relative; padding-top: 340px;/*.8*/ }
#our-value-a .pior1 { width: 320px;/*.8*/ position: absolute; top:0; left:31px;/*.8*/ height: 600px;/*.8*/}
#our-value-a .pior2 { width: 266px;/*.8*/ position: absolute; top:50%;/*.8*/ left:182px;/*.8*/ height:480px; }
#our-value-a .pior3 { width: 347px;/*.8*/ position: absolute; top:50%; left:453px;/*.8*/ height:774px;/*.8*/  }
#our-value-a .pior4 { width: 312px;/*.8*/ position: absolute; top:50%;/*.8*/ left:562px;/*.8*/ height: 562px;/*.8*/}

#our-value-a .pior1-1 { width: 320px; position: absolute; top:20%; left:31px;  height: 150px; transform: translateY(100%); top: 0}
#our-value-a .pior2-1 { width: 266px;/*.8*/ position: absolute; top:170px;/*.8*/ left:182px;/*.8*/ height:150px; transform: translateY(100%); }
#our-value-a .pior3-1 {  width: 347px; position: absolute;  left:453px; height: 150px; transform: translateY(100%); top: 0; }
#our-value-a .pior4-1 { width: 312px;/*.8*/ position: absolute; top: 170px;/*.8*/ left:562px;/*.8*/ height: 150px; transform: translateY(100%);}

#our-value-a.v2 .pior1-1-v2 { width: 320px; position: absolute; top:20%; left:31px;  height: 150px; transform: translateY(100%); top: 0}
#our-value-a.v2 .pior2-1-v2 { width: 266px;/*.8*/ position: absolute; top:170px;/*.8*/ left:182px;/*.8*/ height:150px; transform: translateY(100%); }
#our-value-a.v2 .pior3-1-v2 {  width: 347px; position: absolute;  left:453px; height: 150px; transform: translateY(100%); top: 0; }
#our-value-a.v2 .pior4-1-v2 { width: 312px;/*.8*/ position: absolute; top: 170px;/*.8*/ left:562px;/*.8*/ height: 150px; transform: translateY(100%);}


#our-value-a .pior h2 { font-family: "Figtree", sans-serif;  font-weight: 600; font-style: normal; font-size: 34px;/*.8-.1*/ margin-block-end: 0; margin-block-start: 0; padding-bottom:0; word-break: normal;}
#our-value-a .pior h2:lang(zh-hans){ font-size: 39px; font-weight: 700;  font-family: "Noto Sans SC", sans-serif; margin-bottom: 12px;}
#our-value-a .pior h3 { font-family: "Figtree", sans-serif;  font-weight: 300; font-style: normal; font-size: 23px;/*.8-.1*/ margin-block-end: 0; margin-block-start: 0;}
#our-value-a .pior h3:lang(zh-hans) {  font-family: "Noto Sans SC", sans-serif; font-weight: 400; font-size: 26px; line-height: 1.4; letter-spacing: 1px; }
#our-value-a .pior h3:lang(zh-hant) {  font-family: "Noto Sans TC", sans-serif; font-weight: 400; font-size: 26px; line-height: 1.4; letter-spacing: 1px; }
#our-value-a .wp-block-cover { margin-block-start: 0; min-height: 366px;/*.8*/}
.top{ width: 38px;/*.8*/ height: 41px;/*.8*/ background:url("img/top.png") center center no-repeat; position: fixed; bottom: 50px; right: 100px; background-size: contain; display:none; transition: all .5s ease; cursor: pointer; z-index: 21;}
.t1, .t2, .t3, .t4 { opacity: 0;}
footer { background-color: #282828; width: 100%; }
footer .wp-block-columns { max-width: 1296px/*.8*/; width:100%; padding: 0 10px; margin: 0 auto; padding-top: 44px; padding-bottom: 42px;}
footer .wp-block-columns .wp-block-column .wp-block-columns { max-width: inherit; width: 100%; padding:0;}
footer p, footer h4 { color: #FFFFFF; font-family: "Figtree", sans-serif;  font-weight: 400; font-style: normal; font-size: 18px;}
footer p, footer p a { color: #ddc9a9; line-height: 1.6; text-decoration: none; font-size: 18px;}
footer p a:hover { text-decoration: underline;}
footer .content.wp-block-columns { max-width: 1296px;/*.8*/ width: 100%; margin: 0 auto; margin-top: 28px;/*.8*/ margin-bottom: 28px;/*.8*/ border-bottom: 1px solid #FFFF; padding-bottom: 43px;/*.8*/}
footer .address span:nth-child(2) { display: block}
footer .logo { width: 237.6px; height: 52px; }
footer p { margin-block-start: 10px!important;}
footer #copyright { color: #fff; }
footer .address { min-height: 120px;}
footer .address:lang(zh-hans) { min-height: 88px;}
footer .address:lang(zh-hant) { min-height: 88px;}
footer .tnc { text-align: right; /*display: none;*/ }
body.page-id-471 footer .tnc { display: block;}

footer .wp-block-columns.subnav .wp-block-column { flex-basis: 49%; }
footer .tnc a { color: #fff;  text-decoration: none;}
footer .subnav { border-top: 1px solid #fff; font-family: "Figtree", sans-serif;  font-weight: 600; font-style: normal; font-size: 13px; padding-top:13px; padding-bottom: 37px }
.header_video h2.wp-block-heading { font-size: 60px; padding-bottom: 0;}
.header_video h2.wp-block-heading::lang(zh-hans) { font-size: 66px;}
.header_video h2.wp-block-heading::lang(zh-hant) { font-size: 66px;}
body.page-id-313,body.page-id-580, body.page-id-581, body.error404 { background: #FAF4F4;
background: -webkit-linear-gradient(360deg, rgba(250, 244, 244, 1) 0%, rgba(207, 178, 129, 1) 100%);
background: -moz-linear-gradient(360deg, rgba(250, 244, 244, 1) 0%, rgba(207, 178, 129, 1) 100%);
background: linear-gradient(360deg, rgba(250, 244, 244, 1) 0%, rgba(207, 178, 129, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAF4F4", endColorstr="#CFB281", GradientType=0);
}
#post-313 h2.wp-block-heading { font-size: 18px; font-weight:600; font-family: "Figtree", sans-serif; padding-bottom: 0;}
#post-580 h2.wp-block-heading, #post-581 h2.wp-block-heading { font-size: 18px; font-weight:600;  font-family: "Noto Sans SC", sans-serif; letter-spacing: 2px; line-height: 1.4;  padding-bottom: 0;}

#post-313, #post-580, #post-581 { margin-top: 100px; padding-bottom: 196px;}
#post-313 p{ font-family: "Figtree", sans-serif; font-size: 14.5px; line-height: 1.25;}
#post-580 p,#post-581 p {font-family: "Noto Sans SC", sans-serif; font-size: 14.5px; line-height: 1.4; letter-spacing: 1px;}

#post-313 p.copyright,#post-580 p.copyright,#post-581 p.copyright { margin-top: 175px; }
#post-313 h3{ text-decoration: underline; font-size: 18px; font-weight:400; font-family: "Figtree", sans-serif;}
#post-580 h3,#post-581 h3 { text-decoration: underline; font-size: 18px; font-weight:400; font-family:  "Noto Sans SC", sans-serif; line-height: 1.4; letter-spacing: 2px;}

@keyframes fade-in-animate {
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1; }
}
@keyframes slide-in {
    0% { opacity: 0; transform: translateY(50%); }
    80% { opacity: 1;  }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes slide-in-line {
    0% { height: 150px; transform: translateY(100%); top: 0}
    100% { height: 370px; transform: translateY(0%); top: 0; }
}
@keyframes slide-in-line2 {
    0% { height: 150px; transform: translateY(100%);top:170px}
    100% { height: 210px; transform: translateY(0); top:170px}
}
@keyframes slide-in-line3 {
    0% { height: 150px; transform: translateY(100%); top:0}
    100% { height: 370px; transform: translateY(0); top:0  }
}
@keyframes slide-in-line4 {
    0% { height: 150px; transform: translateY(100%); top:170px}
    100% { height: 210px; transform: translateY(0);top:170px }
}
.fadeInA {
    animation: fade-in-animate .5s linear forwards;
    -moz-animation: fade-in-animate .5s linear forwards;
    -webkit-animation: fade-in-animate .5s linear forwards;;
    animation-timeline: view(); /* Binds animation to viewport scroll */
    
    animation-range: entry 50% cover 70%; /* Start at viewport entry, end at full cover */
}
.fadeInB {
    animation: fade-in-animate .5s linear forwards;
    -moz-animation: fade-in-animate .5s linear forwards;
    -webkit-animation: fade-in-animate .5s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 40% cover 60%; /* Start at viewport entry, end at full cover */
}
.slideUp {
    animation: slide-in .5s linear forwards;
    -moz-animation: slide-in .5s linear forwards;
    -webkit-animation: slide-in .5s linear forwards;
    animation-timeline: view(); /* Binds animation to viewport scroll */
    animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.slideUp_2 {
    animation: slide-in .5s ease-in forwards;
    -moz-animation: slide-in .5s ease-in forwards;
    -webkit-animation: slide-in .5s ease-in forwards;
    /*animation-timeline: view(); /* Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.slideUp_2_2 {
    animation: slide-in .6s ease-in  forwards;
    -moz-animation: slide-in .6s ease-in  forwards;
    -webkit-animation: slide-in .6s ease-in forwards;
    /*animation-timeline: view(); /* Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.exline {
    animation: slide-in-line 1s linear forwards;
    -moz-animation: slide-in-line 1s linear forwards;
    -webkit-animation: slide-in-line 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 45%;  Start at viewport entry, end at full cover */
}
.exline2 {
    animation: slide-in-line2 1s linear forwards;
    -moz-animation: slide-in-line2 1s linear forwards;
    -webkit-animation: slide-in-line2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exline3 {
    animation: slide-in-line3 1s linear forwards;
    -moz-animation: slide-in-line3 1s linear forwards;
    -webkit-animation: slide-in-line3 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 40%;  Start at viewport entry, end at full cover */
}
.exline4 {
    animation: slide-in-line4 1s linear forwards;
    -moz-animation: slide-in-line4 1s linear forwards;
    -webkit-animation: slide-in-line4 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exlineV2 {
    animation: slide-in-line 1s linear forwards;
    -moz-animation: slide-in-line 1s linear forwards;
    -webkit-animation: slide-in-line 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 45%;  Start at viewport entry, end at full cover */
}
.exline2V2 {
    animation: slide-in-line2 1s linear forwards;
    -moz-animation: slide-in-line2 1s linear forwards;
    -webkit-animation: slide-in-line2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exline3V2 {
    animation: slide-in-line3 1s linear forwards;
    -moz-animation: slide-in-line3 1s linear forwards;
    -webkit-animation: slide-in-line3 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 40%;  Start at viewport entry, end at full cover */
}
.exline4V2 {
    animation: slide-in-line4 1s linear forwards;
    -moz-animation: slide-in-line4 1s linear forwards;
    -webkit-animation: slide-in-line4 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
#mmenu { position: relative; padding-left: 92px; float: none;  width: 100%; max-width: 330px; margin-top: 53px ;}
#mmenu:lang(zh-hans),#mmenu:lang(zh-hant)  { margin-top: 60px; }
#mmenu ul { }
#mmenu ul li a { font-size: 27px; font-weight: 500; }
#mmenu ul li a:lang(zh-hans),#mmenu ul li a:lang(zh-hant) { font-size: 40px; line-height: 1.2;}
#mmenu ul li { margin-bottom: 60px; }
#mmenu ul li:lang(zh-hans), #mmenu ul li:lang(zh-hant) { margin-bottom: 45px;}
.menuMobClose { display: none; width: 31px; height: 31px; background-size: contain; background-image:url("img/close_red.png"); position: relative; background-repeat: no-repeat; background-position: center; float: right; top: 5px; right: -5px; transform: rotate(45deg);}
.overlay { display: none;}
.langMenu { display: none; }
body.error404 #content { min-height: 40vh; width: 100%; max-width: 1296px; margin: 0 auto;  padding: 0 10px;}
body.error404 #content h1 { font-family: "Figtree", sans-serif; font-size: 24px ; font-weight: 600; margin-bottom: 24px; }
body.error404 #content { margin-top: 100px; padding-bottom: 196px; } 
body.error404 #content p { font-family: "Figtree", sans-serif; font-weight: 400; font-size: 21.6px;}
body.error404 #content form { display: none}
/*body.page-id-471 li.wpml-ls-menu-item { display: none;}
body.page-id-471 #mmenu li.wpml-ls-menu-item { display: none; }*/

body.page-id-471 nav#menu ul li.wpml-ls-menu-item,
body.page-id-521 nav#menu ul li.wpml-ls-menu-item, 
body.page-id-519 nav#menu ul li.wpml-ls-menu-item,
body.page-id-313 nav#menu ul li.wpml-ls-menu-item,
body.page-id-580 nav#menu ul li.wpml-ls-menu-item,
body.page-id-581 nav#menu ul li.wpml-ls-menu-item
{ padding-right: 10px; }
body.page-id-471 nav#menu ul li:last-child,
body.page-id-521 nav#menu ul li:last-child,
body.page-id-519 nav#menu ul li:last-child,
body.page-id-313 nav#menu ul li:last-child,
body.page-id-580 nav#menu ul li:last-child,
body.page-id-581 nav#menu ul li:last-child
{ padding-left: 10px; border-left: 1px solid #000; padding-right: 0; }

body.page-id-471 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-521 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-519 nav#mmenu ul li.wpml-ls-menu-item,
body.page-id-313 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-580 nav#mmenu ul li.wpml-ls-menu-item,
body.page-id-581 nav#mmenu ul li.wpml-ls-menu-item
{ display: inline-block; margin-top: 70px; }
body.page-id-471 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-521 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-519 nav#mmenu ul li.wpml-ls-menu-item, 
body.page-id-313 nav#mmenu ul li.wpml-ls-menu-item,
body.page-id-580 nav#mmenu ul li.wpml-ls-menu-item,
body.page-id-581 nav#mmenu ul li.wpml-ls-menu-item
{ padding-right: 20px }
body.page-id-471 nav#mmenu ul li.wpml-ls-menu-item:last-child, 
body.page-id-521 nav#mmenu ul li.wpml-ls-menu-item:last-child, 
body.page-id-519 nav#mmenu ul li.wpml-ls-menu-item:last-child,
body.page-id-313 nav#mmenu ul li.wpml-ls-menu-item:last-child,
body.page-id-580 nav#mmenu ul li.wpml-ls-menu-item:last-child,
body.page-id-581 nav#mmenu ul li.wpml-ls-menu-item:last-child
{ padding-left: 20px; border-left: 1px solid #000; padding-right: 0;}
#menu { margin-top: 18px; }
@media (max-width: 1200px ) {
    .w1200 { padding-left: 40px; padding-right: 40px;}
}
@media (max-width: 980px ) {
    
    #post-313 p.copyright { margin-top: 105px}
    #post-313 { margin-top: 60px; padding-bottom: 117px;}
    #post-580 p.copyright { margin-top: 105px}
    #post-580 { margin-top: 60px; padding-bottom: 117px;}
    #post-581 p.copyright { margin-top: 105px}
    #post-581 { margin-top: 60px; padding-bottom: 117px;}
    #slider { border: 3px solid #b2802f}
    .header_video h2.wp-block-heading { font-size: 32px;}
    .header_video.v2 h2.wp-block-heading:lang(zh-hans), .header_video.v2 h2.wp-block-heading:lang(zh-hant) { font-size: 38px; letter-spacing: 0;}
    .header_video.v2 h2.wp-block-heading { font-size: 34px;}
    #wp-block-themeisle-blocks-advanced-columns-9484d563 { min-height: 480px;  }
    #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover, #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover-image { min-height: 480px; }
    #the-yufeng-ecosystem-a h2 { margin: 0 auto; width: 85%; margin-bottom: 38px; }
    .tabbox>div { padding: 25px; border-radius: 20px; }
    .boxTitle .wp-block-column.titleColumn { flex-basis: 65%!important; }
    .boxTitle .wp-block-column.ctrColumn{ flex-basis: 35%!important; align-content: end;}
    .tabContent .wp-block-column.titleColumn { flex-basis: 65%!important; }
    .tabContent .wp-block-column.ctrColumn { flex-basis: 35%!important; align-content: end;}
    p.ctr_more { line-height: 15px; text-align: left; width: 50px; padding-top: 1px; margin-right: 30px; float: right; height: 37px; font-size: 13.5px; }
    .tabbox p.ctr_more:lang(zh-hant), .tabbox p.ctr_more:lang(zh-hans) { font-size: 14px; width: 70px; padding-top:8px; height: 28px;}
    p.ctr_more::after { width: 30px; height: 30px;background-size: 30px; right: -30px}
    p.ctr_more.v2::after  { width: 30px; height: 30px;background-size: 30px; right: -30px}
    p.ctr_more.v2:lang(zh-hans)::after, p.ctr_more.v2:lang(zh-hant)::after {/*top: -20px;*/ }
    .tabbox h4 { font-size: 22px; width: 100%}
    .tabbox.v2 h4 { font-size: 20px;}
    .tabbox.v2 h4:lang(zh-hans),.tabbox.v2 h4:lang(zh-hant) { font-size: 18px; letter-spacing: 1px;}
    .tabbox h4 span { display:inline; }
    .tabbox h3 span { display: block; }
    #the-asset-owner-model-a p.ctr_more {line-height: 15px; text-align: left; width: 56px; padding-top: 1px; margin-right: 30px; float: right; height: 37px; }
    #the-asset-owner-model-a p.ctr_more:lang(zh-hans), #the-asset-owner-model-a p.ctr_more:lang(zh-hant) {width: 72px; padding-top: 7px; }
    #the-asset-owner-model-a p.ctr_more::after { width: 30px; height: 30px;background-size: 30px; right: -30px}
    .tabbox .extend p { font-size: 19px;}
    .tabbox.v2 .extend p { font-size: 17px;}
    .tabbox.v2 .extend p:lang(zh-hans),.tabbox.v2 .extend p:lang(zh-hant) { font-size: 15px;}
    #the-asset-owner-model-a p { font-size: 19px;}
    #the-asset-owner-model-a p:lang(zh-hans),#the-asset-owner-model-a p:lang(zh-hant) { font-size: 15px;}
    #the-yufeng-ecosystem-a { padding-bottom: 198px; }
    #the-asset-owner-model-a.v2 p { font-size: 17px;}
    #the-asset-owner-model-a p.intro { margin-bottom: 33px; }
    #the-asset-owner-model-a.v2 p:lang(zh-hans),#the-asset-owner-model-a.v2 p:lang(zh-hant)  { font-size: 17px;}
    #the-asset-owner-model-a p.intro { margin-bottom: 33px; }
    #the-asset-owner-model-a p.intro:lang(zh-hans),#the-asset-owner-model-a p.intro:lang(zh-hant) { font-size: 15px;}
    .header_video { margin-top: -177px; padding-left: 40px; padding-right: 40px;}
    .header_video .wp-block-cover { min-height: 330px;}
    #header .content { padding: 0 40px; height: 45px; }
    #the-asset-owner-model-a h3 { font-size: 32px;}
    #the-asset-owner-model-a h3.v2 { font-size: 27px;} 
    #the-asset-owner-model-a h3.v2:lang(zh-hant), #the-asset-owner-model-a h3.v2:lang(zh-hans) { font-size: 32px;}
    #our-value-a .pior h2 { font-size: 27px;}
    #our-value-a .pior h3 { font-size: 18px; line-height: 1.4;}
    #our-value-a .pior { padding-left: 7px}
    #our-value-a { padding-top: 45px; padding-left:40px; padding-right: 40px;}
    body.error404 #content { padding: 0 40px; }
    
    .logo { width: 207px; height: 45px;}
    nav#menu { display: none; }
    .anchor { height: 143px!important; margin-top: -113px;}
    #the-yufeng-ecosystem-a { padding-top: 35px;}
    #the-yufeng-ecosystem-a h2 { font-size: 30px;}
    .tabbox { padding-left: 40px; padding-right: 40px; margin-bottom: 15px;}
    .tabbox h3 { font-size: 29px;}
    .tabbox.v2 h3 { font-size: 27px;}
    .tabbox.v2 h3:lang(zh-hans), .tabbox.v2 h3:lang(zh-hant) { font-size: 32px;}
    h1.wp-block-heading { font-size: 29px;}
    h1.wp-block-heading:lang(zh-hans),h1.wp-block-heading:lang(zh-hant) { font-size: 46px; letter-spacing: 0; padding-bottom: 72px;}
    h2.wp-block-heading { font-size: 28px;}
    footer .logo { margin: 0 auto; width: 178.4px; }
    footer .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column { flex-basis: 50%!important;}
    .pior2-1 h3 span { display: block; }
    .pior2-1-v2 h3 span { display: block; }
    #our-value-a.v2 .pior3-1-v2 h3 span { display: block}
    #our-value-a.v2 .pior4-1-v2 h3 span { display: block}
    .top {right: -60px }
    #the-asset-owner-model-a { padding-bottom: 47px;}
    footer .address { min-height: 85px; }
    footer .address span { display: block; }
    footer p, footer p a, footer h4 { font-size: 13px;}
    footer h4 span { display: block; }
    footer .wp-block-columns { padding-left:40px; padding-right: 40px;}
    footer .wp-block-columns .wp-block-column .wp-block-columns { padding-top: 0; padding-bottom: 0 ; padding-left:0; padding-right: 0; margin-left: 13px}
    
    .menuMob span { width:21px; height: 2px; background:#b41e2d; display: block; top: 0; position: absolute}
    .menuMob span:nth-child(2) { position: absolute; top: 50%; transform: translateY(-50%);}
    .menuMob span:last-child { position: absolute; bottom: 0; top:auto }
    nav#mmenu ul li { display: block; padding: 0;}
  
    .overlay { width: 100%; height: 100%; position: fixed; top: 110px; left: 0; background-color: #fff; display: none;}
    #our-value-a .content { padding-top: 446px;}
    #our-value-a h2 { padding-bottom: 42px;}
    #our-value-a.v2 h2 { font-size: 30px ;}
    #our-value-a.v2 h2:lang(zh-hans), #our-value-a.v2 h2:lang(zh-hant) { font-size: 38px;}
    #our-value-a .pior1-1 { height: 150px; left: 10px; width: 260px; top: 0; }
    /*#our-value-a .pior2-1 { height: 150px; left: 40px; width: 220px; top:124px;   }
    #our-value-a .pior3-1 { height: 150px; left: 72px; width: 277px; top: 274px; }*/
    #our-value-a .pior3-1 { height: 150px; left: 40px; width: 220px; top:121px;   }
    #our-value-a .pior2-1 { height: 150px; left: 72px; width: 277px; top: 219px; }
    #our-value-a .pior4-1 { height: 150px; left: 103px; width: 225px; top:341px;     }

    #our-value-a.v2 .pior1-1-v2 { height: 150px; top: 0; left: 0; width: 150px; }
    #our-value-a.v2 .pior2-1-v2 { height: 150px; top: 90px; left: 6%; width: 135px;  }
    #our-value-a.v2 .pior3-1-v2 { left: 50%; top: 0; width: 180px; }
    #our-value-a.v2 .pior4-1-v2 { left: 56%; top: 90px; width: 155px; }

    #our-value-a.v2 .pior1-1-v2 h2 { font-size: 18px; }
    #our-value-a.v2 .pior2-1-v2 h2 { font-size: 18px;}
    #our-value-a.v2 .pior3-1-v2 h2 { font-size: 18px;}
    #our-value-a.v2 .pior4-1-v2 h2 { font-size: 18px;}

    #our-value-a.v2 h3 { font-size: 11px;}

    #our-value-a.v2 .content { padding-top: 170px; }
    #the-yufeng-ecosystem-a h2.v2 { font-size: 30px;}
    #the-yufeng-ecosystem-a h2.v2:lang(zh-hans), #the-yufeng-ecosystem-a h2.v2:lang(zh-hant) {  font-size: 38px; }
    .menuMob { width: 21px; height: 21px; position: relative; float: right; top: 10px; }
    @keyframes slide-in-line {
        0% { height: 150px; transform: translateY(100%); top: 0}
        100% { height: 543px; transform: translateY(0%); top: 0; }
    }
    @keyframes slide-in-line3 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 443px; transform: translateY(0); }
    }
    
    @keyframes slide-in-line2 {
        0% { height: 150px; transform: translateY(100%); }
        100% { height: 299px; transform: translateY(0%);  }
    }
    @keyframes slide-in-line4 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 207px; transform: translateY(0); }
    }
    @keyframes slide-in-lineV2 {
        0% { height: 150px; transform: translateY(100%); top: 0}
        100% { height: 300px; transform: translateY(0%); top: 0; }
    }
     @keyframes slide-in-line2V2 {
        0% { height: 150px; transform: translateY(100%); }
        100% { height: 250px; transform: translateY(0%);  }
    }
    @keyframes slide-in-line3V2 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 300px; transform: translateY(0); }
    }
    @keyframes slide-in-line4V2 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 200px; transform: translateY(0); }
    }
    @keyframes fade-in-animate {
        0% { opacity: 0;}
        50% { opacity: 0;}
        100% { opacity: 1; }
    }
    .exline {
        animation: slide-in-line .5s linear forwards;
        -moz-animation: slide-in-line .5s linear forwards;
        -webkit-animation: slide-in-line .5s linear forwards;
        /*animation-timeline: view();  Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; Start at viewport entry, end at full cover */
    }
    .exlineV2 {
        animation: slide-in-lineV2 .5s linear forwards;
        -moz-animation: slide-in-lineV2 .5s linear forwards;
        -webkit-animation: slide-in-lineV2 .5s linear forwards;
        /*animation-timeline: view();  Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; Start at viewport entry, end at full cover */
    }
    .exline2 {
        animation: slide-in-line2 .5s linear forwards;
        -moz-animation: slide-in-line2 .5s linear forwards;
        -webkit-animation: slide-in-line2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
    .exline2V2 {
        animation: slide-in-line2V2 .5s linear forwards;
        -moz-animation: slide-in-line2V2 .5s linear forwards;
        -webkit-animation: slide-in-line2V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }    
    .exline3 {
        animation: slide-in-line3 .5s linear forwards;
        -moz-animation: slide-in-line3 .5s linear forwards;
        -webkit-animation: slide-in-line3 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
    .exline3V2 {
        animation: slide-in-line3V2 .5s linear forwards;
        -moz-animation: slide-in-line3V2 .5s linear forwards;
        -webkit-animation: slide-in-line3V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }    
     .exline4 {
        animation: slide-in-line4 .5s linear forwards;
        -moz-animation: slide-in-line4 .5s linear forwards;
        -webkit-animation: slide-in-line4 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
    .exline4V2 {
        animation: slide-in-line4V2 .5s linear forwards;
        -moz-animation: slide-in-line4V2 .5s linear forwards;
        -webkit-animation: slide-in-line4V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }    
   
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
	and (orientation: portrait) {
        #our-value-a.v2 .pior1-1-v2 h2 { font-size: 27px; }
        #our-value-a.v2 .pior2-1-v2 h2 { font-size: 27px; }
        #our-value-a.v2 .pior3-1-v2 h2 { font-size: 27px; }
        #our-value-a.v2 .pior4-1-v2 h2 { font-size: 27px; }
        #our-value-a.v2 .content { padding-top: 270px; }
        #our-value-a .pior h2 { font-family: "Figtree", sans-serif;  font-weight: 600; font-style: normal; font-size: 34px;/*.8-.1*/ margin-block-end: 0; margin-block-start: 0; padding-bottom:0; word-break: normal; }
        
        #our-value-a .pior h3 { font-family: "Figtree", sans-serif;  font-weight: 300; font-style: normal; font-size: 23px;/*.8-.1*/ margin-block-end: 0; margin-block-start: 0; }
        
        #our-value-a .pior1-1 { width: 320px; position: absolute; top:20%; left:31px;  height: 150px; transform: translateY(100%); top: 0}
        
         #our-value-a .pior3-1 { width: 266px; position: absolute; top:170px; left:152px; height:150px; transform: translateY(100%); }
        
        #our-value-a .pior2-1 {  width: 347px; position: absolute;  left:423px; height: 150px; transform: translateY(100%); top: 0; }
        
        #our-value-a .pior4-1 { width: 280px; position: absolute; top: 170px; left:500px; height: 150px; transform: translateY(100%);}
        #our-value-a.v2 .pior1-1-v2 { width: 320px; position: absolute; top:20%; left:0;  height: 150px; transform: translateY(100%); top: 0}
        #our-value-a.v2 .pior2-1-v2 { width: 275px;/*.8*/ position: absolute; top:130px;/*.8*/ left:12%;/*.8*/ height:150px; transform: translateY(100%); }
        #our-value-a.v2 .pior3-1-v2 {  width: 347px; position: absolute;  left:53%; height: 150px; transform: translateY(100%); top: 0; }
        #our-value-a.v2 .pior4-1-v2 { width: 250px;/*.8*/ position: absolute; top: 130px;/*.8*/ left:65%;/*.8*/ height: 150px; transform: translateY(100%);}
        #our-value-a .content { padding-top: 370px; }
        #wp-block-themeisle-blocks-advanced-columns-9484d563 { min-height: 410px;}
        #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover, #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover-image { min-height: 410px; }
        @keyframes slide-in {
    0% { opacity: 0; transform: translateY(50%); }
    80% { opacity: 1;  }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes slide-in-line {
    0% { height: 150px; transform: translateY(100%); top: 0}
    100% { height: 474px; transform: translateY(0%); top: 0; }
}
@keyframes slide-in-line2 {
    0% { height: 150px; transform: translateY(100%);top:170px}
    100% { height: 380px; transform: translateY(0); top:170px}
}
@keyframes slide-in-line3 {
    0% { height: 150px; transform: translateY(100%); top:0}
    100% { height: 620px; transform: translateY(0); top:0  }
}
@keyframes slide-in-line4 {
    0% { height: 150px; transform: translateY(100%); top:170px}
    100% { height: 460px; transform: translateY(0);top:170px }
}
@keyframes slide-in-lineV2 {
    0% { height: 150px; transform: translateY(100%); top: 0}
    100% { height: 474px; transform: translateY(0%); top: 0; }
}
@keyframes slide-in-line2V2 {
    0% { height: 150px; transform: translateY(100%);}
    100% { height: 220px; transform: translateY(0); }
}
@keyframes slide-in-line3V2 {
    0% { height: 150px; transform: translateY(100%); top:0}
    100% { height: 474px; transform: translateY(0); top:0  }
}
@keyframes slide-in-line4V2 {
    0% { height: 150px; transform: translateY(100%); }
    100% { height: 220px; transform: translateY(0); }
}
/**/

.fadeInB {
    animation: fade-in-animate .5s linear forwards;
    -moz-animation: fade-in-animate .5s linear forwards;
    -webkit-animation: fade-in-animate .5s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 40% cover 60%; /* Start at viewport entry, end at full cover */
}
.slideUp {
    animation: slide-in .5s linear forwards;
    -moz-animation: slide-in .5s linear forwards;
    -webkit-animation: slide-in .5s linear forwards;
    animation-timeline: view(); /* Binds animation to viewport scroll */
    animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.slideUp_2 {
    animation: slide-in .5s ease-in forwards;
    -moz-animation: slide-in .5s ease-in forwards;
    -webkit-animation: slide-in .5s ease-in forwards;
    /*animation-timeline: view(); /* Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.slideUp_2_2 {
    animation: slide-in .6s ease-in  forwards;
    -moz-animation: slide-in .6s ease-in  forwards;
    -webkit-animation: slide-in .6s ease-in forwards;
    /*animation-timeline: view(); /* Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 50%; /* Start at viewport entry, end at full cover */
}
.exline {
    animation: slide-in-line 1s linear forwards;
    -moz-animation: slide-in-line 1s linear forwards;
    -webkit-animation: slide-in-line 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 45%;  Start at viewport entry, end at full cover */
}
.exline2 {
    animation: slide-in-line2 1s linear forwards;
    -moz-animation: slide-in-line2 1s linear forwards;
    -webkit-animation: slide-in-line2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exline3 {
    animation: slide-in-line3 1s linear forwards;
    -moz-animation: slide-in-line3 1s linear forwards;
    -webkit-animation: slide-in-line3 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 40%;  Start at viewport entry, end at full cover */
}
.exline4 {
    animation: slide-in-line4 1s linear forwards;
    -moz-animation: slide-in-line4 1s linear forwards;
    -webkit-animation: slide-in-line4 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exlineV2 {
    animation: slide-in-lineV2 1s linear forwards;
    -moz-animation: slide-in-lineV2 1s linear forwards;
    -webkit-animation: slide-in-lineV2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 45%;  Start at viewport entry, end at full cover */
}
.exline2V2 {
    animation: slide-in-line2V2 1s linear forwards;
    -moz-animation: slide-in-line2V2 1s linear forwards;
    -webkit-animation: slide-in-line2V2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
.exline3V2 {
    animation: slide-in-line3V2 1s linear forwards;
    -moz-animation: slide-in-line3V2 1s linear forwards;
    -webkit-animation: slide-in-line3V2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 40%;  Start at viewport entry, end at full cover */
}
.exline4V2 {
    animation: slide-in-line4V2 1s linear forwards;
    -moz-animation: slide-in-line4V2 1s linear forwards;
    -webkit-animation: slide-in-line4V2 1s linear forwards;
    /*animation-timeline: view();  Binds animation to viewport scroll */
    /*animation-range: entry 0% cover 35%;  Start at viewport entry, end at full cover */
}
    }
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
        #wp-block-themeisle-blocks-advanced-columns-9484d563 { min-height: 510px;}
        #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover, #wp-block-themeisle-blocks-advanced-columns-9484d563 .wp-block-cover-image { min-height: 510px; }
        
    }

@media (max-width: 768px ) {
    .tabbox h4.lead span { display: block}
    #our-value-a .content { padding-top: 446px;}
    #our-value-a h2 { padding-bottom: 42px;}
    #our-value-a .pior1-1 { height: 150px; left: 10px; width: 260px; top: 0; }
    #our-value-a .pior3-1 { height: 150px; left: 40px; width: 220px; top:121px;   }
    #our-value-a .pior2-1 { height: 150px; left: 72px; width: 277px; top: 219px; }
    #our-value-a .pior4-1 { height: 150px; left: 103px; width: 225px; top:341px;     }
    #our-value-a .content { padding-top: 446px;}
    #our-value-a.v2 .pior1-1-v2 { left: 0; top: 0; height: 150px; width: 150px; }
    #our-value-a.v2 .pior2-1-v2 { left: 12%; top: 75px; height: 150px; width: 110px;  }
    #our-value-a.v2 .pior3-1-v2 { left: 50%; top: 0; width: 130px; }
    #our-value-a.v2 .pior3-1-v2:lang(zh-hans),#our-value-a.v2 .pior3-1-v2:lang(zh-hant) { width: 145px; }
    #our-value-a.v2 .pior4-1-v2 { left: 62%; top: 75px; width: 120px; }

    #our-value-a.v2 .pior1-1-v2 h2 { font-size: 14.5px; line-height: 1.2; }
    #our-value-a.v2 .pior2-1-v2 h2 { font-size: 14.5px; line-height: 1.2; }
    #our-value-a.v2 .pior3-1-v2 h2 { font-size: 14.5px; line-height: 1.2; }
    #our-value-a.v2 .pior4-1-v2 h2 { font-size: 14.5px; line-height: 1.2; }
    #our-value-a.v2 .pior1-1-v2 h2:lang(zh-hans),#our-value-a.v2 .pior1-1-v2 h2:lang(zh-hant) { font-size: 18px; letter-spacing: 1px }
    #our-value-a.v2 .pior2-1-v2 h2:lang(zh-hans),#our-value-a.v2 .pior2-1-v2 h2:lang(zh-hant) { font-size: 18px; letter-spacing: 1px }
    #our-value-a.v2 .pior3-1-v2 h2:lang(zh-hans),#our-value-a.v2 .pior3-1-v2 h2:lang(zh-hant) { font-size: 18px; letter-spacing: 1px }
    #our-value-a.v2 .pior4-1-v2 h2:lang(zh-hans),#our-value-a.v2 .pior4-1-v2 h2:lang(zh-hant) { font-size: 18px; letter-spacing: 1px; }

    #our-value-a.v2 .pior1-1-v2 h3 { font-size: 11px; line-height: 1.2;}
    #our-value-a.v2 .pior2-1-v2 h3 { font-size: 11px; line-height: 1.2;}
    #our-value-a.v2 .pior3-1-v2 h3 { font-size: 11px; line-height: 1.2;}
    #our-value-a.v2 .pior4-1-v2 h3 { font-size: 11px; line-height: 1.2;}
    #our-value-a .pior h2:lang(zh-hans), #our-value-a .pior h2:lang(zh-hant) { margin-bottom: 7px;}
    .menuMob { width: 21px; height: 21px; position: relative; float: right; top: 10px; }
    @keyframes slide-in-line {
        0% { height: 150px; transform: translateY(100%); top: 0}
        100% { height: 543px; transform: translateY(0%); top: 0; }
    }
    @keyframes slide-in-line3 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 443px; transform: translateY(0); }
    }
    @keyframes slide-in-line2 {
        0% { height: 150px; transform: translateY(100%); }
        100% { height: 299px; transform: translateY(0%);  }
    }
    @keyframes slide-in-line4 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 207px; transform: translateY(0); }
    }
    @keyframes slide-in-lineV2 {
        0% { height: 150px; transform: translateY(100%); top: 0}
        100% { height: 220px; transform: translateY(0%); top: 0; }
    }
    @keyframes slide-in-line3V2 {
        0% { height: 150px; transform: translateY(100%);}
        100% { height: 220px; transform: translateY(0); }
    }
    @keyframes slide-in-line2V2 {
        0% { height: 130px; transform: translateY(100%); }
        100% { height: 130px; transform: translateY(0%);  }
    }
    @keyframes slide-in-line4V2 {
        0% { height: 130px; transform: translateY(100%);}
        100% { height: 130px; transform: translateY(0); }
    }
    @keyframes fade-in-animate {
        0% { opacity: 0;}
        50% { opacity: 0;}
        100% { opacity: 1; }
    }
    .exline {
        animation: slide-in-line .5s linear forwards;
        -moz-animation: slide-in-line .5s linear forwards;
        -webkit-animation: slide-in-line .5s linear forwards;
        /*animation-timeline: view();  Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; Start at viewport entry, end at full cover */
    }
    .exline2 {
        animation: slide-in-line2 .5s linear forwards;
        -moz-animation: slide-in-line2 .5s linear forwards;
        -webkit-animation: slide-in-line2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
    .exline3 {
        animation: slide-in-line3 .5s linear forwards;
        -moz-animation: slide-in-line3 .5s linear forwards;
        -webkit-animation: slide-in-line3 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
     .exline4 {
        animation: slide-in-line4 .5s linear forwards;
        -moz-animation: slide-in-line4 .5s linear forwards;
        -webkit-animation: slide-in-line4 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
     .exlineV2 {
        animation: slide-in-lineV2 .5s linear forwards;
        -moz-animation: slide-in-lineV2 .5s linear forwards;
        -webkit-animation: slide-in-lineV2 .5s linear forwards;
        /*animation-timeline: view();  Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; Start at viewport entry, end at full cover */
    }
    .exline2V2 {
        animation: slide-in-line2V2 .5s linear forwards;
        -moz-animation: slide-in-line2V2 .5s linear forwards;
        -webkit-animation: slide-in-line2V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
    .exline3V2 {
        animation: slide-in-line3V2 .5s linear forwards;
        -moz-animation: slide-in-line3V2 .5s linear forwards;
        -webkit-animation: slide-in-line3V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
     .exline4V2 {
        animation: slide-in-line4V2 .5s linear forwards;
        -moz-animation: slide-in-line4V2 .5s linear forwards;
        -webkit-animation: slide-in-line4V2 .5s linear forwards;
        /* animation-timeline: view(); /* Binds animation to viewport scroll */
        /* animation-range: entry 0% cover 20%; /* Start at viewport entry, end at full cover */
    }
}