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

@font-face{font-family: 'MyriadPro'; src:url('../fonts/MyriadPro-Light.woff'); src:url('../fonts/MyriadPro-Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face{font-family: 'MyriadPro'; src:url('../fonts/MyriadPro-Regular.woff'); src:url('../fonts/MyriadPro-Regular.woff') format('woff'); font-weight:500; font-style:normal;}
@font-face{font-family: 'MyriadPro'; src:url('../fonts/MyriadPro-Bold.woff'); src:url('../fonts/MyriadPro-Bold.woff') format('woff'); font-weight:900; font-style:normal;}
@font-face{font-family: 'NotoSans'; src:url('../fonts/NotoSansHK-Light.otf'); src:url('../fonts/NotoSansHK-Light.otf') format('opentype'); font-weight:normal; font-style:normal;}
@font-face{font-family: 'NotoSans'; src:url('../fonts/NotoSansHK-Regular.otf'); src:url('../fonts/NotoSansHK-Regular.otf') format('opentype'); font-weight:500; font-style:normal;}
@font-face{font-family: 'NotoSans'; src:url('../fonts/NotoSansHK-Bold.otf'); src:url('../fonts/NotoSansHK-Bold.otf') format('opentype'); font-weight:900; font-style:normal;}

html, body{width:100%; min-width:320px; margin:0; padding:0; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale; font-family:MyriadPro,NotoSans,Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif; font-weight:normal; font-size:calc(21px + (56 - 21) * ((100vw - 320px) / (1600 - 320))); background-color:#191919; color:#FFFFFF; font-feature-settings:'kern'; text-rendering:optimizeLegibility; -webkit-overflow-scrolling:touch;}
html.Fixed, body.Fixed{overflow:hidden;}
img{transform:translateZ(0); will-change:transform;}
*{box-sizing:border-box;}
p{font-size:calc(15px + 0.2vw); font-weight:500; line-height:140%; margin:5px 0px; letter-spacing:1px;}
h1{font-size:calc(50px + 1.2vw); font-weight:900; line-height:normal; padding:calc(30px + 1vw) 0px; text-align:center; margin:0px;}
h2{font-size:calc(26px + 0.8vw); font-weight:900; line-height:normal; padding:calc(30px + 1vw) 0px; text-align:center; margin:0px;}
h3{font-size:calc(18px + 0.5vw); font-weight:900; line-height:normal; padding:25px 0px 10px 0px; margin:0px;}
h3 + p{margin-top:0.4vw;}
h6{font-size:calc(8px + 0.4vw); font-weight:100; line-height:normal; text-align:center; margin:1vw 0px 2vw 0px;}
a, a:hover{color:#FFFFFF; text-decoration:none;}

.Container{width:100%; max-width:1100px; padding:30px; display:block; position:relative; margin:auto; overflow:hidden;}
.Container.Large{max-width:1600px;}
.DynamicPadding{padding-left:0px; padding-right:0px;}

#ProductName{margin-top:3vw;}
#ProductName p{line-height:normal; text-align:center; margin:0px;}
#ProductName p:first-of-type{font-size:calc(15px + 0.5vw); font-weight:900;}
#ProductName p:first-of-type span{font-weight:900;}
#ProductName p:nth-of-type(2){font-size:calc(30px + 1vw); font-weight:900; background-image:linear-gradient(358.7deg, rgba(42,136,157,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(211,232,242,1) 95.5%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
#ProductName p:last-of-type{font-size:calc(16px + 4vw); font-weight:900; margin:2vw 0px 4vw 0px;}


#LangWrapper{width:auto; display:flex; flex-wrap:nowrap; justify-content:center; position:absolute; top:0px; right:10px; z-index:10000; background-color:#19abb5; border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding:0 10px;}
#LangWrapper a{flex:0 0 auto; padding:10px; text-decoration:none; font-size:calc(15px + 0.3vw); line-height:100%; color:rgba(255,255,255,0.5); transition:0.2s ease-in;}
#LangWrapper a:hover{color:rgba(255,255,255,1); transition:0.2s ease-out;}
#LangWrapper a.Selected{color:rgba(255,255,255,1);}

#KeyVisual{width:100%; height:auto; overflow:hidden; opacity:0; animation:KeyVisualAnimate 2s forwards ease-out;}
#KeyVisual img{width:300%;}

@keyframes KeyVisualAnimate{
    0%{opacity:0;}
    100%{opacity:1;}
}


#Open{margin-top:-36%;}
#Intro{margin:0px 0px 3vw 0px;}
#Intro p{line-height:normal; text-align:center; font-size:calc(13px + 0.5vw); font-weight:900; margin:1.5vw 0px; letter-spacing:1px;}


#Fetaure{margin:0px; padding:0px; background-image:radial-gradient(circle farthest-corner at -14.3% -17.5%, rgba(42,136,157,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(211,232,242,1) 95.5%); position:relative; line-height:0px; font-size:0px;}
#FeatureContainer{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; font-size:0px; line-height:0px; padding:0px 30px;}
#FeatureVisual{flex:0 0 100%; align-self:flex-end; font-size:0px; line-height:0px; order:2;}
#FeatureVisual img{width:100%;}
#FeatureContent{flex:1 1 auto; padding-bottom:3vw; order:1}
#Fetaure h2{text-align:left;}
#Fetaure h3:first-of-type{padding-top:0px;}

/*
#ShortcutWrapper{width:100%; display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; margin-bottom:2vw;}
#ShortcutWrapper > a{flex:0 0 auto; font-size:calc(15px + 0.2vw); font-weight:100; color:#FFFFFF; border-radius:50px; margin:0.8vw; display:block; background-size:200% auto; padding:10px 20px 10px 10px; text-align:center; position:relative;}
#ShortcutWrapper > a::before{content:"\203A"; font-size:18px; line-height:18px; display:block; position:absolute; right:0px; top:50%; transform:translateY(-40%); width:20px; height:20px;}
*/
         
#KeyFunction{margin:0px; padding:2vw 0px 0px 0px; background-image: linear-gradient( 89.7deg,  rgba(0,0,0,1) -10.7%, rgba(53,92,125,1) 88.8% ); background-attachment:fixed; position:relative;}
#KeyFunctionContainer{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; font-size:0px; line-height:0px; padding:30px 10px;}
.FunctionWrapper{flex:0 0 100%; display:flex; flex-wrap:wrap; flex-flow:column; align-items:flex-start; justify-content:flex-start; margin-bottom:calc(20px + 4vw); cursor:pointer;}
.FunctionWrapper > div{flex:0 0 auto;}
.FunctionWrapper > div.FunctionHeader{width:100%; height:auto; font-size:calc(18px + 0.5vw); font-weight:900; text-align:center; line-height:normal; position:relative; overflow:hidden;}
.FunctionWrapper > div.FunctionHeader::before, .FunctionWrapper > div.FunctionHeader::after{display:block; position:absolute; bottom:0px; content:""; width:calc(13px + 0.7vw); height:calc(13px + 0.7vw); border:1px solid rgba(255,255,255,0.5); border-bottom:none;}
.FunctionWrapper > div.FunctionHeader::before{left:calc(13px + 0.7vw); border-top-left-radius:8px; border-right:none;}
.FunctionWrapper > div.FunctionHeader::after{right:calc(13px + 0.7vw); border-top-right-radius:8px; border-left:none;}
.FunctionWrapper > div.FunctionBody{width:100%; flex:1 1 auto; display:flex; flex-wrap:wrap; flex-flow:column; align-items:flex-start; justify-content:space-between; padding:10px calc(20px + 3vw); position:relative;}
.FunctionWrapper > div.FunctionBody::before, .FunctionWrapper > div.FunctionBody::after{display:block; position:absolute; top:0px; content:""; width:1px; height:100%; background-color:rgba(255,255,255,0.5);}
.FunctionWrapper > div.FunctionBody::before{left:calc(13px + 0.7vw);}
.FunctionWrapper > div.FunctionBody::after{right:calc(13px + 0.7vw);}
.FunctionWrapper > div.FunctionBottom{width:100%; height:calc(13px + 0.7vw); font-size:0px; line-height:0px; position:relative; overflow:hidden;}
.FunctionWrapper > div.FunctionBottom::before{display:block; position:absolute; bottom:0px; left:calc(13px + 0.7vw); content:""; width:calc(100% - 28px - 1.4vw); height:calc(13px + 0.7vw); border:1px solid rgba(255,255,255,0.5); border-top:none; border-bottom-left-radius:8px;; border-bottom-right-radius:8px;}
.FunctionContent{display:block; width:100%; flex:1 1; font-size:0px; line-height:0px; text-align:justify;}
.FunctionContent p{font-size:calc(14px + 0.2vw); font-weight:100; line-height:140%; margin:1vw 0px;}
.FunctionThumbnail{display:block; width:100%; flex:0 0; margin-top:1vw;}
.FunctionThumbnail img{width:100%;}




#Tutorial{margin:0px; background-color:#161616;}
#TutorialContainer{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; font-size:0px; line-height:0px; padding-top:0px; padding-bottom:50px;}
.TutorialWrapper{flex:0 0 100%; overflow:hidden;}
.TutorialVideoContainer, .TutorialVideoContainer img{width:100%; position:relative;}
.TutorialVideoContainer::before, .TutorialVideoContainer::after{content:""; position:absolute; z-index:2; pointer-events:none;}
.TutorialVideoContainer::before{background-color:rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,0.5); width:50px; height:50px; display:block; border-radius:50%; top:calc(50% - 25px); left:calc(50% - 25px); transform:translate(-50% -50%); transition:background-color 0.2s ease-in;}
.TutorialVideoContainer::after{border-top:14px solid transparent; border-bottom:14px solid transparent; border-left-width:20px; border-left-style:solid; border-left-color:#FFFFFF; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px 3px 0px 0px; float:left; top:calc(50% - 12px); left:calc(50% - 5px); transform:translate(-50% -50%);}
.TutorialVideoContainer:hover::before{background-color:rgba(0,0,0,1); transition:background-color 0.2s ease-out;}
#Tutorial h2{padding-top:calc(20px + 4vw);}
.TutorialWrapper p{margin-bottom: 15px;}


#Config{margin:0px; background-color:#202020;}
#ConfigContainer{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-size:0px; line-height:0px; padding-bottom:80px;}
#ConfigContainer > div{flex:0 0 100%; display:table; border-spacing:none; border-collapse:collapse;}
#ConfigContainer ul{width:100%; list-style:none; padding:0px; margin:0px; display:table-row; border-bottom:1px solid rgba(255,255,255,0.1);}
#ConfigContainer ul:last-of-type{border-bottom:none;}
#ConfigContainer li{font-size:calc(14px + 0.2vw); font-weight:500; line-height:120%; letter-spacing:1px; display:table-cell; padding:1vw;}
#ConfigContainer li:first-of-type{white-space:nowrap;}
#Config h2{padding-bottom:0vw; padding-top:calc(20px + 4vw);}


#AddOn{margin:0px; background-image:url("../images/517963238.jpg"); background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#AddOnContainer{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; font-size:0px; line-height:0px;}
#AddOnContent{width:100%; padding:20px 40px; margin:2vw 0px; position:relative; -webkit-box-shadow:0px 20px 40px -10px rgba(0,129,193,1); box-shadow:0px 20px 40px -10px rgba(0,129,193,1);}
#AddOnContent::before{content:""; display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:rgba(4,57,83,0.95); backdrop-filter:blur(8px); mix-blend-mode:multiply; z-index:0;}
#AddOnContainer h2, #AddOnContent > div{z-index:2; position:relative; text-align:center;}
#AddOnContent > div{margin-bottom:4vw;}



#Price{margin:0px; padding:calc(40px + 2vw) 0px; background-image:linear-gradient( 89.7deg,  rgba(0,0,0,1) -10.7%, rgba(53,92,125,1) 88.8% );}
#Price .Container *{text-align:center;}
#Price h2{padding-bottom:0px;}
#Price h1{padding-top:0px;}
#Price p span.Special{font-size:calc(12px + 0.5vw); flex-wrap: wrap; width: calc(50% - 2vw); align-items: center; justify-content: center; border: 1px solid #FFFFFF; border-radius: 12px; padding: 10px 15px; font-weight: 500; line-height: 130%;}

.DownloadWrapper{width:auto; max-width:800px; margin:auto; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;}
.DownloadWrapper > a{flex:1 0 calc(50% - 2vw); width:calc(50% - 2vw); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #FFFFFF; border-radius:12px; padding:20px 30px; font-size:calc(18px + 0.2vw); font-weight:500; line-height:130%; user-select:none; margin:1vw; -webkit-box-shadow:0px 5px 20px -5px rgba(0,129,193,1); box-shadow:0px 5px 20px -5px rgba(0,129,193,1); background-color:rgba(0,0,0,0); transition:background-color 0.2s ease-in;}
.DownloadWrapper > a:hover{background-color:rgba(0,124,186,0.85); transition:background-color 0.2s ease-out;}
.DownloadWrapper > a span{padding:0px 3px; pointer-events:none; flex:0 0 100%; text-align:center; margin:0px; align-self:center;}
#Price h3{margin-top:50px;}
#Price p{margin:20px 0px;}
#Price .Logo{display:block; margin:80px 0px; text-align:center;}
#Price .Logo img{width:120px; display:block; margin:auto;}
#Price .Disclaimer{font-size:calc(11px + 0.1vw); font-weight:100; line-height:normal; text-align:center;}


#OverlayWrapper{position:fixed; top:0px; left:0px; width:100%; height:100vh; overflow:hidden; z-index:1000000000000000000000; background-image:linear-gradient(94.3deg, rgba(26,33,64,0.95) 10.9%, rgba(53,92,125,0.95) 87.1%); flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; pointer-events:none; opacity:0;}
#OverlayWrapper .OverlayImgContainer{display:block; width:auto; height:auto; flex:0 0 auto; max-width:80vw; max-height:80vh; margin:auto; position:relative; object-fit:contain;}
#OverlayWrapper .OverlayImgContainer::after{display:block; position:absolute; top:12%; left:12%; width:90%; height:90%; content:""; border-radius:12%; background-color:rgba(0,0,0,1); -webkit-filter:blur(calc(10px + 0.3vw)); filter:blur(calc(10px + 0.3vw)); z-index:-1; mix-blend-mode:multiple;}
#OverlayWrapper .OverlayImgContainer img{width:auto; height:auto; max-width:80vw; max-height:80vh; z-index:2;}
#OverlayWrapper.Show{display:flex; pointer-events:all; opacity:1;}
#OverlayWrapper #CloseOverlay{width:71px; height:71px; position:absolute; top:50%; transform:translateY(-50%); right:10px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.8); border-radius:100%; z-index:100000000000000;}
#OverlayWrapper #CloseOverlay::before, #OverlayWrapper #CloseOverlay::after{content:""; width:41px; height:2px; background-color:#FFFFFF; font-size:0px; line-height:0px; position:absolute; top:34px; left:15px; transform-origin:center center;}
#OverlayWrapper #CloseOverlay::before{transform:rotate(45deg);}
#OverlayWrapper #CloseOverlay::after{transform:rotate(-45deg);}
#OverlayWrapper h3{flex:0 0 100%; color:#FFFFFF; text-align:center; margin:0px 0px 5vh 0px; padding:0px; height:auto;}

#ShortcutWrapper{width:100%; display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; padding:8px 0px; position:fixed; left:0px; bottom:0px; z-index:99999999999999; -webkit-box-shadow:0px -20px 20px -10px rgba(0,0,0,0.2); box-shadow:0px -20px 20px -10px rgba(0,0,0,0.2); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); background:rgba(0,4,40,0.9); background:-webkit-linear-gradient(to right, rgba(0,78,146,0.9), rgba(0,4,40,0.9)); background:linear-gradient(to right, rgba(0,78,146,0.9), rgba(0,4,40,0.9));}
#ShortcutWrapper > a{flex:0 0 auto; font-size:calc(15px + 0.2vw); font-weight:500; color:#FFFFFF; background-color:transparent; border:1px solid rgba(255,255,255,0.6);  border-radius:40px; margin:calc(2px + 0.5vw); display:block; background-size:200% auto; padding:calc(7px + 0.5vw) calc(12px + 1vw); text-align:center; position:relative;transition:background-color 0.3s ease-in;}
#ShortcutWrapper > a:hover{background-color:rgba(10,37,78,1); transition:all 0.5s ease-out;}

.inactive{color:rgba(255,255,255,0.3) !important; border-color:rgba(255,255,255,0.3) !important; cursor:default;}
.inactive:hover{background-color:transparent !important;}

#BackToTop{display:block; width:60px; height:60px; border-radius:50%; overflow:hidden; position:fixed; bottom:120px; right:2vw; -webkit-box-shadow:0px 25px 20px -10px rgba(0,0,0,0.3); box-shadow:0px 25px 20px -10px rgba(0,0,0,0.3); user-select:none; cursor:pointer; z-index:999999999999;}
#BackToTop::before{content:""; position:absolute; top:24px; left:21px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom-width:12px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,0.4); width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px 3px 0px 0px; float:left; vertical-align:bottom; z-index:10000; pointer-events:none; transition:border-bottom-color ease-in 0.2s;}
#BackToTop:hover::before{border-bottom-color:rgba(0,0,0,0.9); transition:border-bottom-color ease-out 0.2s;}
#BackToTop::after{content:""; position:absolute; top:0px; left:0px; width:60px; height:60px; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); transition:background-color ease-in 0.2s;}
#BackToTop:hover::after{background-color:rgba(255,255,255,0.8); transition:background-color ease-out 0.2s;}


/* new added by WM 20230911 */
#KVPromoWrapper{width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0 0 calc(15px + 0.5vw) 0;}
#KVPromoWrapper h2{padding:0; color:#ff5400;}
#KVPromoWrapper p{text-align:center; flex:0 0 100%; margin:0 auto;}
#KVPromoTigger{width:100%; display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; padding:8px 0px;}
#KVPromoTigger > a{flex:0 0 auto; font-size:calc(15px + 0.2vw); font-weight:500; color:#ffffff; background-color:#ff5400; border:1px solid #ff5400;  border-radius:40px; margin:calc(2px + 0.5vw); display:block; background-size:200% auto; padding:calc(7px + 0.5vw) calc(30px + 1vw); text-align:center; position:relative; transition:background-color 0.3s ease-in;}
#KVPromoTigger > a:hover{background-color:transparent; color:#ff5400; transition:all 0.5s ease-out;}

#PricePromoWrapper{width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0 0 calc(15px + 0.5vw) 0;}
#PricePromoWrapper > div{flex:0 1 auto; width:auto; max-width:770px; padding:calc(30px + 0.5vw); border:1px solid #ff5400; border-radius:20px; display:flex; flex-wrap:wrap; justify-content:center;}
#PricePromoWrapper h5{padding:0; color:#ff5400; flex:0 0 100%; margin:0 auto;}
#PricePromoWrapper h3, #PricePromoWrapper h3 + p, #PricePromoWrapper h2 + p{margin-top:0;}
#PricePromoWrapper p{text-align:center; flex:0 0 100%;}
#PricPromoTigger{width:100%; display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; padding:8px 0px;}
#PricPromoTigger > a{flex:0 0 auto; font-size:calc(15px + 0.2vw); font-weight:500; color:#ffffff; background-color:#ff5400; border:1px solid #ff5400;  border-radius:40px; margin:calc(2px + 0.5vw); display:block; background-size:200% auto; padding:calc(7px + 0.5vw) calc(30px + 1vw); text-align:center; position:relative; transition:background-color 0.3s ease-in;}
#PricPromoTigger > a:hover{background-color:transparent; color:#ff5400; transition:all 0.5s ease-out;}

#ApplyTrigger{background-image:radial-gradient(circle farthest-corner at -14.3% -17.5%, rgba(211,232,242,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(42,136,157,1) 95.5%); color:#012561 !important; font-weight:900 !important;}
#PriceTrigger{position:relative;}
#PriceTrigger::after{content:"SPECIAL"; width:50px; height:16px; line-height:16px; font-size:10px; font-weight:bold; background-image:radial-gradient(circle farthest-corner at -14.3% -17.5%, rgba(211,232,242,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(42,136,157,1) 95.5%); color:#012561; position:absolute; top:-6px; right:0; border-radius:200px;}

@media only screen and (min-width:700px){
    #Open{margin-top:0%;}
    .DynamicPadding{padding:20px; padding-bottom:0px;}
    #KeyVisual img{width:100%;}
    #ProductName p:last-of-type{font-size:calc(50px + 1vw);}
    #Fetaure{background-image:radial-gradient(circle farthest-corner at -14.3% -17.5%, rgba(211,232,242,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(42,136,157,1) 95.5%);}
    #FeatureContainer{flex-wrap:nowrap;}
    #FeatureVisual{flex:0 0 50%; order:1}
    #FeatureContent{flex:1 1 auto; padding-left:1vw; padding-right:10vw; order:2}
    .FunctionWrapper{flex:0 0 49%;}
    .TutorialWrapper{flex:0 0 30%;}
    #AddOnContent{width:90%}
    #ConfigContainer > div{flex:0 0 auto;}
    .DownloadWrapper{flex-wrap:nowrap;}
    .DownloadWrapper > a{flex:1 0 calc(25% - 0.5vw); width:calc(25% - 0.5vw); margin:0.5vw;}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:820px) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (max-device-width:820px) and (orientation: landscape), only screen and (min-resolution:192dpi) and (max-device-width:820px) and (orientation: landscape), only screen and (min-resolution:2dppx) and (max-device-width:820px) and (orientation: landscape){
    #Fetaure{background-image:radial-gradient(circle farthest-corner at -14.3% -17.5%, rgba(42,136,157,1) 1.7%, rgba(122,197,214,1) 51.1%, rgba(211,232,242,1) 95.5%);}
    #FeatureContainer{flex-wrap:wrap}
    #FeatureVisual{flex:0 0 100%; order:2;}
    #FeatureVisual img{width:60%;}
    #FeatureContent{flex:0 0 100%; padding-bottom:3vw; padding-left:0vw; padding-right:0vw; order:1}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #ProductName p:nth-of-type(2){background-image:none; color:rgba(122,197,214,1);}
    #KeyFunctionContainer{align-items:flex-start; padding-bottom:0px;}
    .FunctionWrapper > div.FunctionBody{display:block; flex:0 0 auto;}
}