@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@200;300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@500&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@media only screen and (max-width: 768px){.keywordModal__content .keywordList__item__hover{font-size:13px}}
.loadingPage{padding:4rem 0;color:#0087dc;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.custom-loading{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#f4faf9}.start-screen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:nowrap column;flex-flow:nowrap column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;margin:24px 0}.loading__element{font-family:"Roboto Condensed",sans-serif;font-size:3rem;margin:0 24px}div[class*=loading__element]{-webkit-animation:bouncing 2.5s infinite ease;animation:bouncing 2.5s infinite ease}.el1{-webkit-animation-delay:0.1s;animation-delay:0.1s}.el2{-webkit-animation-delay:0.2s;animation-delay:0.2s}.el3{-webkit-animation-delay:0.3s;animation-delay:0.3s}.el4{-webkit-animation-delay:0.4s;animation-delay:0.4s}.el5{-webkit-animation-delay:0.5s;animation-delay:0.5s}.el6{-webkit-animation-delay:0.6s;animation-delay:0.6s}.el7{-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes bouncing{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(0, 0, 1);transform:scale3d(0, 0, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bouncing{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(0, 0, 1);transform:scale3d(0, 0, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@media only screen and (max-width: 576px){.loading__element{font-family:"Roboto Condensed",sans-serif;font-size:2rem;margin:0 12px}}
*{font-family:"Be Vietnam Pro",sans-serif}
html{-webkit-transition:font-size 1s ease-in-out;transition:font-size 1s ease-in-out}
body{overflow-x:hidden;font-weight:normal;margin:0 auto}
.app{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.app__header{background:transparent !important}
.app__header__logo{width:40px;height:40px}
.app__header .autocomplete input{color:#4e3a16;font-weight:500}
.app__header .drawer .MuiSvgIcon-root{font-size:25px;color:#4e3a16}
.app__body{-webkit-box-flex:1;-ms-flex:1;flex:1;z-index:2;position:relative}
.app__bg{position:absolute;top:0;z-index:-1;width:100%}
#download-menu .MuiMenuItem-root{color:#4e3a16 !important}
@media only screen and (max-width: 576px){.drawer__list .MuiTypography-root{font-size:16px !important}.footer__content{font-size:16px !important}}
.HeaderDrawer__navArea{background-color:#171d14;width:300px;height:100vh}.HeaderDrawer__navArea--heading{cursor:initial;background-color:#171d14}.HeaderDrawer__navArea--heading p{font-weight:400;line-height:1.5;color:#fff}.HeaderDrawer__navArea__page{cursor:pointer;background-color:#171d14}.HeaderDrawer__navArea__page--disable{cursor:inherit}.HeaderDrawer__navArea__page .list-item__text{color:#fff;padding-left:8px}.HeaderDrawer__navArea__page .list-item__text--active.MuiTypography-root{font-weight:bold}.HeaderDrawer__navArea__page .list-item__text--disable{cursor:inherit}.HeaderDrawer__navArea__page p{font-weight:400;line-height:1.5;color:#fff}.HeaderDrawer__navArea__lang-btn{display:none}.HeaderDrawer__navArea__lang-btn p{text-align:left;font-weight:400;line-height:1.5;color:#fff}
*{-webkit-box-sizing:border-box;box-sizing:border-box}.SingleToggleBtn{text-align:center;cursor:pointer}
*{-webkit-box-sizing:border-box;box-sizing:border-box}.HeaderBox{width:100vw;height:72px;z-index:1000;background-color:rgba(0,0,0,.8)}.HeaderBox__fixed{position:fixed;top:0;left:0}.HeaderBox .Header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 72px;width:100% !important;height:100%;-webkit-transition:top .3s ease-in-out;transition:top .3s ease-in-out}.HeaderBox .Header__blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.HeaderBox .Header__shadow{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.HeaderBox .Header__paper{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HeaderBox .Header__paper .text-normalize{font-weight:400}.HeaderBox .Header__paper .text-normalize .MuiTypography-root{font-weight:300}.HeaderBox .Header__paper .text-hover{cursor:pointer}.HeaderBox .Header__paper .text-hover .MuiTypography-root{cursor:pointer}.HeaderBox .Header__paper .text-light{color:#f4faf9}.HeaderBox .Header__paper .text-light .MuiTypography-root{color:#f4faf9}.HeaderBox .Header__paper .text-dark{color:#000}.HeaderBox .Header__paper .text-dark .MuiTypography-root{color:#000}.HeaderBox .Header__paper__logo{z-index:100;position:absolute;inset:0 auto 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;cursor:pointer}.HeaderBox .Header__paper__logo__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HeaderBox .Header__paper__logo__img--us img{height:40px}.HeaderBox .Header__paper__navArea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.HeaderBox .Header__paper__navArea__links{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.HeaderBox .Header__paper__navArea__links--active{border-bottom:1px solid #fff}.HeaderBox .Header__paper__navArea__links a{text-decoration:none}.HeaderBox .Header__paper__navArea__links--full{-webkit-box-flex:1;-ms-flex:1;flex:1}.HeaderBox .Header__paper__navArea__links__item{white-space:nowrap;padding:.05rem .75rem;height:32px}.HeaderBox .Header__paper__navArea__links__item--active{border-bottom:1px solid #fff}.HeaderBox .Header__paper__navArea__links__item--active-dark{border-bottom:1px solid #000}.HeaderBox .Header__paper__navArea__links__item--text{color:#fff;white-space:nowrap}.HeaderBox .Header__paper__navArea__links__item--text span{color:#fff}.HeaderBox .Header__paper__navArea__links__item--text-dark{color:#000}.HeaderBox .Header__paper__navArea__links__item--text-dark span{color:#000}.HeaderBox .Header__paper__navArea__links__item:hover{font-weight:600 !important}.HeaderBox .Header__paper__navArea__links__item--disable{cursor:inherit}.HeaderBox .Header__paper__navArea__links__item--disable .MuiTypography-root{cursor:inherit}.HeaderBox .Header__paper__navArea__vtLine{height:50%;color:gray;margin:0 12px}.HeaderBox .Header__paper__navArea__rArea{position:absolute;inset:0 0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HeaderBox .Header__paper__navArea__rArea__langSelect{font-weight:300;margin:0 24px 0 12px;font-size:1.25rem}.HeaderBox .Header__paper__navArea__rArea__langSelect .MuiSelect-select{padding:8px 0 !important}.HeaderBox .Header__paper__navArea__rArea-icon{display:none;cursor:pointer}.HeaderBox .Header__paper__navArea__rArea__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:1rem;cursor:pointer}.HeaderBox .Header__paper__navArea__rArea__icon__initial{cursor:initial}.HeaderBox .CollapseBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 36px}.HeaderBox .CollapseBox__CollapseArea{width:90%}.HeaderBox .CollapseBox__CollapseArea .MuiAutocomplete-inputRoot{border-radius:4px !important}@media only screen and (max-width: 1279px){.HeaderBox .Header{padding:16px 72px}.HeaderBox .Header__paper__logo{position:absolute;inset:0 auto 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;cursor:pointer}.HeaderBox .Header__paper__logo__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HeaderBox .Header__paper__logo__img img{width:80%}.HeaderBox .Header__paper__logo__img--us img{height:30px}}@media only screen and (max-width: 991px){.HeaderBox{height:64px}.HeaderBox .Header{padding:16px 56px}.HeaderBox .Header__paper__logo{position:absolute;inset:0 auto 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;cursor:pointer}.HeaderBox .Header__paper__logo__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HeaderBox .Header__paper__logo__img--us img{height:30px}.HeaderBox .Header__paper__navArea__links{display:none}.HeaderBox .Header__paper__navArea__rArea-icon{display:block;width:24px;height:24px}}@media only screen and (max-width: 768px){.HeaderBox .Header{padding:16px 56px}.HeaderBox .Header__paper__navArea__links{display:none}.HeaderBox .Header__paper__navArea__rArea-icon{display:block;width:24px;height:24px}}@media only screen and (max-width: 576px){.HeaderBox{height:58.67px}.HeaderBox .Header{padding:16px 24px}.HeaderBox .Header__paper__navArea__links{display:none}.HeaderBox .Header__paper__navArea__rArea-icon{display:block;width:24px;height:24px}}

.closeIcon{width:32px;height:32px}.pv_4k_video_dialog{z-index:999999;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:scale 1s ease,opacity 1s ease;transition:scale 1s ease,opacity 1s ease;pointer-events:none}.pv_4k_video_dialog.active{opacity:1;pointer-events:auto}.pv_4k_videoBox{overflow:hidden;width:100%;height:100%;position:relative}.pv_4k_video{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 768px){.pv_4k_videoBox{overflow:hidden;width:100%;height:100%;position:relative}}