@charset "UTF-8";
/* RWDfullscreen01 start=> */ 
 .color4, .slice.color4, .bulle.color4, .ctaBox.color4{background-color:#525252}
 .RWDMenuIcon001{background-color:rgb(255, 255, 255)}
 .navbar-nav>li:hover{background-color:rgba(255, 255, 255, 0)}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:transparent}
 .navbar-default .navbar-nav > li > a{color:#b6b6b6}
 .navbar-default .navbar-nav > li > a:hover{color:#ffffff}
 .navbar-nav > li > a i:hover{color:#000000}
 ul.nav li ul{background:#000000}
 ul.nav li ul li{background:transparent}
 .navbar .nav li ul li:hover{background-color:transparent}
 .navbar .nav li.active a, .navbar .nav li.active a:hover{color:#FFFFFF}
 .in ul.nav{background:transparent}
 .RWDnews005 h1.main-title{color:transparent}
 .RWDnews005 h2.sub-title{color:transparent}
 .RWDnews005 .section-line{background-color:transparent}
 .RWDnews005 .owl-theme .owl-controls .owl-buttons div{color:#313131}
 .RWDnews005 .owl-theme .owl-controls .owl-buttons div{background:#ffffff}
 .text-left{color:#666666}
 .RWDproduct002 h1.main-title{color:#999999}
 .RWDproduct002 h2.sub-title{color:#999999}
 .RWDproduct002 .section-line{background-color:#999999}
 .RWDproduct002 .btn.btn-rj{background-color:#e7ac06}
 .RWDproduct002 .btn.btn-rj{border-color:rgba(255, 255, 255, 0)}
 .RWDproduct002 .btn.btn-rj{color:#ffffff}
 .RWDproduct002 .btn.btn-rj:hover, .btn.btn-rj:focus{background-color:rgba(231, 172, 6, 0.7)}
 .RWDproduct002 .btn.btn-rj:hover, .btn.btn-rj:focus{color:#ffffff}
 .portfolio-item > .inner-content > .portfolio-content > .portfolio-detail a > .portfolio-text{color:#ffffff}
 .RWDPreloader001{background:#ffffff}
 .copyright_desc{color:#ffffff}
 .copyright_desc a{color:#ffffff}
 .copyright_desc a:hover{color:#ffffff}
 /* <= RWDfullscreen01 end */ 
 /* miracle customization start=> */ 
:root {    --TransitionEase: .3s ease-in-out;    --MainColor: var(--wt-MainColor);    --SubColor: var(--wt-SubColor);    --TextMainColor: #444;    --TextSubColor: #777;    --TextWhiteColor: #ffffffb0;    --TitleMainColor: #111;    --TextMainGradient: linear-gradient(to bottom, #75e7e3 0%, #58b9b6 100%);    --DecoLineGradient: linear-gradient(to right, rgba(9, 16, 35, 0) 0%, rgb(18, 130, 255) 38%, rgb(1209, 255, 253) 49%, rgb(152 111 173) 60%, rgba(9, 16, 35, 0) 100%);    --BorderPx1: 1px solid #333;    --BorderGrayPx1: 1px solid #ccc;    --MainHoverColor: var(--SubColor);    --SubHoverColor: #333;    /* 按鈕 */    --BtnOutlineColor: var(--wt-BtnEmptyColor);    --BtnOutlineBg: transparent;    --BtnOutlineHoverColor: var(--wt-HoverColor);    --BtnOutlineHoverBg: var(--MainHoverColor);    --BtnColor: white;    --BtnBg: var(--MainColor);    --BtnHoverColor: white;    --BtnHoverBg: var(--MainHoverColor);    --SubBtnColor: white;    --SubBtnBg: var(--SubColor);    --SubBtnHoverColor: white;    --SubBtnHoverBg: var(--SubHoverColor);    --BtnBorderRadius: 99em;    --BtnWidth: 250px;    --BtnHeight: 55px;    --BtnFontSize: 16px;    --BtnMarginTop: max(3vw, 2rem);    /* 字體 */    --FontFamily: "Kanit", "Noto Sans TC", sans-serif;    --FontFamilyEn: "Kanit", sans-serif;    --FontFamilyTw: "Noto Sans TC", sans-serif;    /* Navi */    --NaviHeight: 100px;    --StickyHeight: calc(var(--NaviHeight) + 1rem);    --NaviColor: white;    --NaviHoverColor: var(--SubColor);    --NaviUpColor: white;    --NaviUpHoverColor: var(--SubColor);    /* 文字大小 */    /* 螢幕2560px-767px 大小48px-28px */    --FontSizeMain: clamp(1.75rem, 1.3673rem + 1.0204vw, 3rem);    /* 螢幕2560px-767px 大小24px-20px */    --FontSizeSub: clamp(1.25rem, 1.1431rem + 0.2231vw, 1.5rem);    /* 螢幕2560px-767px 大小22px-18px */    --FontSizeH3: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);    /* 螢幕2560px-767px 大小18px-16px */    --FontSizeH4: clamp(1rem, 0.9465rem + 0.1115vw, 1.125rem);    /* 螢幕2560px-767px 大小16px-15px */    --FontSizeH5: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);    /* 螢幕2560px-767px 大小17px-15px */    --FontSizeH6: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem);    /* 螢幕2560px-767px 大小16px-15px */    --FontSizeP: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);    /* 螢幕2560px-767px 大小24px-16px */    --FontSizeEn: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem);    /* 螢幕2560px-1366px 大小16px-15px */    --FontSizeNavi: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);    /* 區塊邊界 */    /* 螢幕2560px-600px 大小160px-80px */    --SectionPadding: clamp(5rem, 3.4694rem + 4.0816vw, 10rem);    /* 內頁區塊邊界 */    /* 螢幕2560px-600px 大小160px-60px */    --InnerSectionPadding: clamp(3.75rem, 1.8367rem + 5.102vw, 10rem);    /* 標題下邊界 */    /*螢幕2560px-600px 大小80px-40px */    /*--SectionTitleBottom: clamp(2.5rem, 1.7347rem + 2.0408vw, 5rem);*/    /*螢幕2560px-600px 大小50px-30px */    --SectionTitleBottom: clamp(1.875rem, 1.4923rem + 1.0204vw, 3.125rem);    /*頁尾邊界*/    /*螢幕2560px-600px 大小120px-50px */    --FooterPadding: clamp(3.125rem, 1.7857rem + 3.5714vw, 7.5rem);    /* 小項目間的邊界 */    --ItemSpacing: max(2vw, 1.5rem);    /* 卡片的邊界 */    --CardPadding: max(3vw, 2rem);    /* 螢幕2560px-650px 50px-25px */    --BorderRadius: clamp(1.5625rem, 1.0308rem + 1.3089vw, 3.125rem);    /* 推回中間的時候用 */    --TransformCenter: translateX(-50%) translateY(-50%);    --TransformXCenter: translateX(-50%);    --TransformYCenter: translateY(-50%);    /* sns */    --SnsLine: #4cc764;    --SnsFB: #1877f2;    --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%);    --SnsYT: #ff0000;    --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);    --SnsTwitter: #000;    --SnsShopee: #ed4c2f;}/* 圖片撐滿 */img {    max-width: 100%;    height: auto;}/* 圖片需要object-fit: cover時在圖片加上.cover */img.cover {    width: 100%;    height: 100%;    max-width: unset;    object-fit: cover;    max-height: 100%;    min-height: 100%;}a,button,button:hover,a:is(:hover, :active, :focus, :visited) {    transition: var(--TransitionEase);    text-decoration: none;}a:hover,a:focus {    color: var(--MainHoverColor);}/* 取消掉預設 */:is(h1, h2, h3, h4, h5, h6, p) {    padding: 0;    margin: 0;}/* 取消掉預設 */ .row {    margin-right: 0px;    margin-left: 0px;}.row::before,.row::after {    display: none;}body.wrapper_bg {    font-family: var(--FontFamily) !important;    letter-spacing: 1px;    line-height: 1.8;    font-size: var(--FontSizeP);    color: var(--TextMainColor);    background-repeat: repeat;}/* 有sticky要改成visible */ .cd-main-content {    overflow: hidden;}/*容器設定*//* 把預設都改成滿版 */#RWDfullscreen01 .container {    width: 100%;    z-index: 1;    position: relative;}/* 把預設都改成滿版 */ .RWDmenu_plus04 .container {    width: 100% !important;    max-width: unset;    padding: 0;}/* 容器100%時用 */ .container-fuild {    width: 100%;    z-index: 1;    position: relative;}/* 其他的寬度請自行增加 */ .container-95 {    width: 95%;    margin: auto;    z-index: 1;    position: relative;}.container-90 {    width: 90%;    margin: auto;    z-index: 1;    position: relative;}.container-85 {    width: 85%;    margin: auto;    z-index: 1;    position: relative;}.container-80 {    width: 80%;    margin: auto;    z-index: 1;    position: relative;}.container-75 {    width: 75%;    margin: auto;    z-index: 1;    position: relative;}.container-70 {    width: 70%;    margin: auto;    z-index: 1;    position: relative;}/* 共用設定 *//* 上下區塊邊界 */ .section-spacing {    padding: var(--SectionPadding) 0;    position: relative;}/* 只有上區塊邊界 */ .section-spacing-top {    padding-top: var(--SectionPadding);    position: relative;}/* 只有下區塊邊界 */ .section-spacing-bottom {    padding-bottom: var(--SectionPadding);    position: relative;}/* 把預設空div拿掉 */body.wrapper_bg .clear,body.wrapper_bg .RWDedictor008>div:last-of-type,body.wrapper_bg .RWDedictor>div:last-of-type {    display: none;}.edit_mask {    display: block !important;}.scrollTop002 {    bottom: 100px;}/* banner下滑按鈕的區塊 */ .anchor-block {    padding-top: calc(var(--NaviHeight)*0.9);    margin-top: calc(0px - calc(var(--NaviHeight)*0.9));}/* 反白顏色設定*/::selection {    background: #555;    color: #fff;}::-moz-selection {    background: #555;    color: #fff;}/* 表單 */input[type=checkbox],input[type=radio] {    accent-color: var(--MainColor);    margin: 0 0;}/*搜尋*/ .RWDmenu_plus04 #search-box.full .form-control {    font-size: 30px;}.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 25px;}/* 文字 */ .section-title {    position: relative;    margin-bottom: var(--SectionTitleBottom);}/* 標調文字有下方邊界 */ .section-title-bottom {    margin-bottom: var(--SectionTitleBottom);}/* 主標 */ .main-title {    letter-spacing: 2px;    font-weight: 600;    margin-top: 0rem;    margin-bottom: 0;    font-size: var(--FontSizeMain);    color: var(--TitleMainColor);    line-height: 1.3;}/* 副標 */ .sub-title {    letter-spacing: 1px;    font-weight: 500;    font-size: var(--FontSizeSub);    color: var(--TitleMainColor);    line-height: 1.4;    text-transform: uppercase;    font-family: var(--FontFamily);}/* 當有主副標時才會有邊界 */ .main-title+.sub-title {    margin-top: 10px;}.sub-title+.main-title {    margin-top: 8px;}/* 英文標題 */ .en-title {    font-size: var(--FontSizeEn);    font-weight: 500;    letter-spacing: 0px;    font-family: var(--FontFamilyEn) !important;    color: var(--TextGreyColor);    line-height: 1;}/* 需要標題是白字時 */:is(.main-title, .sub-title, .en-title).white {    color: white !important;}h3 {    font-size: var(--FontSizeH3);    letter-spacing: 1px;    font-weight: 400;    line-height: 1.3;}p,.description {    font-size: var(--FontSizeP);    letter-spacing: 1px;    color: var(--TextSubColor);    line-height: 1.8;    font-weight: 400;    font-family: var(--FontFamily) !important;}/* Navi */ .collapsing_header .main {    top: 0 !important;    background-color: transparent;}.RWDmenu_plus04 .header {    padding: 0 5%;    background: transparent;    transition: var(--TransitionEase);} /* 測選單  */#div_forget_content .subject {    letter-spacing: 2px;    font-weight: 500;    color: var(--TextMainColor);}#forget_table .verifyimg {    width: 80px;}#forget_table .th {    font-weight: 400;    color: var(--TextMainColor);}/* 統一選單高度 */ .RWDmenu_plus04 .header,.RWDmenu_plus04 .logo {    height: var(--NaviHeight);}/* 選單背景 */ .RWDmenu_plus04 .header {    background: transparent;    border-bottom: 1px solid rgba(255, 255, 255, 0.15);}.RWDmenu_plus04 .header.is-up {    background-color: rgba(0, 0, 0, 0.55);    -webkit-backdrop-filter: saturate(200%) blur(4px);    backdrop-filter: saturate(200%) blur(4px);}/* 選單下滑後色塊 *//*.RWDmenu_plus04 .header::before {    content: '';    width: 100%;    height: 0%;    background: #fff;    background-size: cover;    opacity: 0;    transition: var(--TransitionEase);    position: absolute;    left: 0;}.RWDmenu_plus04 .header.is-up::before {    height: 100%;    opacity: 1;    transition: var(--TransitionEase);    left: 0;}*//* logo設定 */ .RWDmenu_plus04 .logo {    position: relative;    display: flex;    align-items: center;    width: fit-content;    transition: var(--TransitionEase);}/* logo高度等於選單高度-30px這樣就不會碰到邊邊有動態時也比較好調整 */ .RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 40px);    aspect-ratio: 100/23;    filter: brightness(0) invert(1);    /* 依照自己的圖片比例修改 */}/* 選單設定 */ .RWDmenu_plus04 .site-nav .menu>li>a {    font-size: var(--FontSizeNavi);    text-align: center;    color: var(--NaviColor);    letter-spacing: 1px;    font-weight: 400;}/* 統一選單icon顏色 */ .RWDmenu_plus04 .features :is(.cart-btn, .querycar-btn, .share-group a, i, .lang-select) {    color: var(--NaviColor);}/* 統一上滑選單icon顏色 */ .RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i, .features .lang-select, .site-nav .menu>li>a) {    color: var(--NaviUpColor);    transition: var(--TransitionEase);}/* 選單收尋icon */ .RWDmenu_plus04 .glyphicon-search {    position: relative;    top: 3px;}.RWDmenu_plus04 .site-nav .menu {    text-align: right;}.RWDmenu_plus04 .features .share-group span,.RWDmenu_plus04 .site-nav .menu ul li a {    font-size: var(--FontSizeNavi);    text-align: center;    color: var(--NaviColor);}.RWDmenu_plus04 .features .member-btn {    margin-right: 4px;}.lang-select-label,.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn {    padding-inline: 15px !important;    height: var(--NaviHeight);    display: flex;    align-items: center;}/* 購物車數字 */ .cart-nu {    top: 3px;    position: relative;}.cart-btn img {    width: 20px;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {    border-color: var(--MainColor);}.RWDmenu_plus04 .cart-block h3,.RWDmenu_plus04 .querycar-block h3 {    font-size: 18px;    font-weight: 500;}/* 下拉選單 */ .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after {    border-color: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .header.is-up .lang-select-label:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after {    border-color: var(--NaviUpColor);}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {    text-decoration: unset;    font-weight: 400;    color: var(--NaviHoverColor);}.RWDmenu_plus04 .site-nav .menu>li>ul {    width: 200px;    margin-left: -100px;    padding: 0;}.RWDmenu_plus04 .site-nav .menu ul li>a {    padding-right: 10px;}.RWDmenu_plus04 .site-nav .menu ul li.has-child>a:after {    right: 20px;}.RWDmenu_plus04 .site-nav .menu>li.active>a {    background: transparent;    color: var(--NaviHoverColor);}.member-block h3 {    text-align: left;    font-weight: bold;    padding-bottom: 1rem;}.RWDmenu_plus04 .cart-block-headline,.RWDmenu_plus04 .querycar-block-headline,.member-block .login-headline {    font-size: var(--FontSizeH3);    text-align: left;    font-weight: 500;}.RWDmenu_plus04 .cart-block .bottom-box .total,.RWDmenu_plus04 .querycar-block .bottom-box .total {    font-size: var(--FontSizeNavi);}.lang-select-options a {    font-size: var(--FontSizeNavi);}/* 登入按鈕 */#btn_member_login {    float: none;    background: var(--BtnBg);    padding: 6px 12px;}#btn_member_login,#div_forget_content #forget_table_btn {    background: var(--BtnBg);    border: 1px solid var(--BtnColor);    color: var(--BtnColor);    border-radius: var(--BtnBorderRadius);    transform: var(--TransitionEase);}/* 會員區塊 */ .RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login,.RWDmenu_plus04 .member-block a.login.is-on,.RWDmenu_plus04 .member-block button.login.is-on {    background-color: var(--NaviBtnBg);    color: var(--NaviBtnColor);    transition: var(--TransitionEase);    border-radius: var(--BtnBorderRadius);}.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {    font-size: var(--FontSizeNavi);    background: var(--NaviBtnBg);    transition: var(--TransitionEase);    color: var(--NaviBtnColor);}.RWDsearch01 .bottom-box .search_btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn {    background: var(--NaviBtnBg);    transition: var(--TransitionEase);    font-size: var(--FontSizeNavi);}.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic {    background: transparent;}.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login {    background-color: var(--NaviSubBtnBg);    color: var(--NaviSubBtnColor);    transition: var(--TransitionEase);}.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.signin {    background-color: var(--BtnOutlineBg);    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);    transition: var(--TransitionEase);    border-radius: var(--BtnBorderRadius);}/* 漢堡選單 */ .RWDmenu_plus04 #mobile-menu .menu>li.active>a {    background-color: transparent;    color: white !important;}.RWDmenu_plus04 #mobile-menu .menu>li.active{     background-color: var(--MainColor);    color: white !important;}.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {    color: var(--NaviColor);}.RWDmenu_plus04 #mobile-menu .menu li a {    color: var(--NaviColor);}.RWDmenu_plus04 #mobile-menu .menu>li {    border-bottom: 1px solid #f2ecf3;}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {    letter-spacing: 2px;}.RWDmenu_plus04 .ml-stack-nav-toggle{    color: var(--NaviColor);    height: var(--NaviHeight);    align-items: center;    padding-block: 0;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle {    color: var(--NaviUpColor);}.ml-stack-nav-toggle__line {    background: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {    background: var(--NaviUpColor);}/*loading*/ .fl {    width: 150px;}.fl img {    width: 100%;    animation-name: zeroall;    animation-duration: 1s;    filter: brightness(0) invert(1);}@-webkit-keyframes zeroall {    0% {        opacity: .1;    }    100% {        opacity: 1;    }}/* btn *//* 按鈕模組父層加上 .index-btn */ .index-btn a,.RWDbtn01 .btn {    border: none;    padding: 10px;    width: var(--BtnWidth);    height: var(--BtnHeight);    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    letter-spacing: 2px;    margin-top: var(--BtnMarginTop);    transition: var(--TransitionEase);    display: flex;    align-items: center;    justify-content: center;}/* 按鈕背景主色 */ .index-btn .main-btn {    color: var(--BtnColor);    background: var(--BtnBg);}/* 按鈕背景輔色 */ .index-btn .sub-btn {    color: var(--SubBtnColor);    background: var(--SubBtnBg);}/* 按鈕邊框 */ .index-btn .outline-btn {    border: var(--BorderPx1);    background: var(--BtnOutlineBg);    color: var(--BtnOutlineColor);}/* 按鈕如果有icon或圖片 */ .index-btn i,.index-btn img {    transition: var(--TransitionEase);    margin-left: 10px;}.m-auto{    margin-inline: auto;}@media (hover:hover) {    .RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i):hover {        color: var(--NaviUpHoverColor);    }    .RWDmenu_plus04 .features>div:hover .cart-nu,    .RWDmenu_plus04 .features>div:hover i {        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .header.is-up .features>div:hover .cart-nu,    .RWDmenu_plus04 .header.is-up .features>div:hover i {        color: var(--NaviUpHoverColor);    }    .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,    .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after {        border-color: var(--NaviHoverColor);    }    .RWDsearch01 .bottom-box .search_btn:hover,    .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {        background: var(--NaviBtnHoverBg);        transition: var(--TransitionEase);        color: white;    }    .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {        background: var(--NaviBtnHoverBg);        transition: var(--TransitionEase);        font-size: var(--FontSizeNavi);    }    .RWDmenu_plus04 .lang-select-label:hover::after,    .RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after,    .RWDmenu_plus04 .header .site-nav .menu li.active>a:after,    .RWDmenu_plus04 .header .site-nav .menu li.has-child:hover>a:after {        border-color: var(--NaviHoverColor);    }    .lang-select-label:hover i,    .RWDmenu_plus04 .features .lang-select:hover .lang-select-label i,    .RWDmenu_plus04 .lang-select:hover .lang-select-label {        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .site-nav .manu-item:hover>a,    .RWDmenu_plus04 .site-nav .menu ul li a:hover {        text-decoration: unset;        font-weight: 400;        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .header.is-up .site-nav .menu>li>a:hover,    .RWDmenu_plus04 .lang-select:hover .lang-select-label,    .RWDmenu_plus04 .site-nav .menu>li>a:hover {        background: transparent;        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .member-block a.signin:hover,    .RWDmenu_plus04 .member-block button.signin:hover {        background-color: var(--BtnOutlineHoverBg);        color: var(--BtnOutlineHoverColor);        transition: var(--TransitionEase);        border-color: var(--BtnOutlineHoverBg);    }    .RWDmenu_plus04 .member-block a.login:hover,    .RWDmenu_plus04 .member-block button.login:hover,    .RWDmenu_plus04 .member-block a.login.is-on:hover,    .RWDmenu_plus04 .member-block button.login.is-on:hover {        background-color: var(--NaviBtnHoverBg);        color: var(--NaviBtnHoverColor);        transition: var(--TransitionEase);    }    .RWDmenu_plus04 .member-block .other a:hover {        color: var(--NaviHoverColor);        transition: var(--TransitionEase);    }    .lang-select-options a:hover,    .lang-select-options a:hover * {        font-weight: 400;        color: var(--NaviHoverColor);    }    #btn_member_login:hover,    #div_forget_content #forget_table_btn:hover {        background: var(--BtnHoverBg);        border: 1px solid var(--BtnHoverColor);        color: var(--BtnHoverColor);    }    .RWDmenu_plus04 #mobile-menu .menu>li:hover>a,    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a:hover {        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .ml-stack-nav-toggle:hover i,    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover,    .RWDmenu_plus04 .ml-stack-nav-toggle:hover {        color: var(--NaviHoverColor);    }    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line,    .RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line {        background: var(--NaviHoverColor);    }    /* 按鈕 */    .index-btn .main-btn:hover {        color: var(--BtnHoverColor);        background: var(--BtnHoverBg);    }    .index-btn .sub-btn:hover {        color: var(--SubBtnHoverColor);        background: var(--SubBtnHoverBg);    }    .index-btn .outline-btn:hover {        border-color: var(--BtnOutlineHoverBg);        background: var(--BtnOutlineHoverBg);        color: var(--BtnOutlineHoverColor);    }}
/*首頁客製 start*/ 

/*-------網頁捲軸--------*//*網頁捲軸-寬度*/::-webkit-scrollbar {    width: 10px;}/*網頁捲軸-背景顏色*/::-webkit-scrollbar-track {    background: #f2f3fd;}/*網頁捲軸-把手顏色*/::-webkit-scrollbar-thumb {    background: linear-gradient(0deg, #5371a4 0%, #6e58aa 100%);    border-radius: 30px;}/*網頁捲軸-滑過時把手的顏色*/::-webkit-scrollbar-thumb:hover {    background: #333;}/*錨點*/html.index {    scroll-behavior: smooth;    scroll-padding-top: 200px;}/*defaultfix*/ .RWDleft_cont002 .item-second .text-box,.RWDleft_cont002 .item-second {    background: transparent;    color: #333}.RWDleft_cont002 .item-second .pic {    width: 100%;    float: none}.RWDright_cont002 .item-first {    background: transparent}.RWDright_cont002 .item-first .text-box {    color: #333;    padding: 0;    letter-spacing: 1px;    line-height: 2}.RWDright_cont002 .item-first .pic {    float: none;    width: 100%}.RWDright_cont002 .item-first>a {    pointer-events: none;    float: left;}.RWDright_cont002 .item-first .text-box .underline {    display: none;}.RWDright_cont002 .item-first .text-box .subtitle, .RWDleft_cont002 .item-second .text-box .underline, .RWDleft_cont002 .item-second .text-box .subtitle {    display: none;}.RWDleft_cont002 .item-second:hover .pic img {    -webkit-transform: scale(1);    transform: scale(1);}.RWDleft_cont002 .item-second .text-box {    padding: 0;}.RWDleft_cont002 .item-second .text-box a {    display: none;}.RWDleft_cont002 .item-second .text-box .text {    margin-top: 0;    width: 100%;}.RWDleft_cont002>.container {    padding: 0 !important;}/* 創立 */ .founded-block .RWDbanner_plus01 .logo {    position: absolute;    right: -8vw;    bottom: -8vw;}.founded-block .RWDbanner_plus01 .logo img {    width: 52vw;    margin-bottom: 0;}#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container {    width: 75%;}.founded-block .RWDbanner_plus01 .slick-caption {    top: 50%;    transform: var(--TransformYCenter);}.founded-block .RWDbanner_plus01 .banner-slider .slick-item .pic-box:before {    content: '';    position: absolute;    width: 100%;    height: 30%;    background: linear-gradient(to top, #120a21 20%, #11092000 100%);    bottom: 0;    left: 0;    z-index: 1;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt1 {    /* 螢幕2560px-1200px 大小32px-18px */    font-size: clamp(1.125rem, 0.3529rem + 1.0294vw, 2rem);    font-weight: 400;    letter-spacing: 1px;    color: transparent;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: var(--TextMainGradient);    line-height: 1.4;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    /* 螢幕2560px-1200px 大小72px-36px */    font-size: clamp(2.25rem, 0.2647rem + 2.6471vw, 4.5rem);    font-weight: 700;    line-height: 1.4;    letter-spacing: 5px;    color: white;   }.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    /* 螢幕2560px-1200px 大小18px-15px */    font-size: clamp(0.9375rem, 0.7721rem + 0.2206vw, 1.125rem);    font-weight: 300;    line-height: 1.8;    color: #ffffffd9;    margin-top: 5rem;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3>span>span {    display: block;}/*scroll*/ .founded-block .RWDbanner_plus01 .page-scroll {    left: auto;    right: 5%;}.founded-block .RWDbanner_plus01 .page-scroll.style01 a {    position: relative;    z-index: 0;    display: flex;    justify-content: center;    align-items: center;    font-size: 13px;    color: var(--TextSubColor);}.founded-block .RWDbanner_plus01 .page-scroll.style01 a span, .founded-block .RWDbanner_plus01 .page-scroll.style02 a span {    width: 16px;    height: 16px;}.founded-block .RWDbanner_plus01 .page-scroll.style01 a::before {    content: '';    background: rgba(255, 255, 255, 0.05);    border-radius: 50%;    border: 1px solid rgba(21, 22, 26, 0.15);    position: absolute;    top: 0;    left: 0;    width: 100px;    height: 100px;}.founded-block .RWDbanner_plus01 .page-scroll.style01 a span, .founded-block .RWDbanner_plus01 .page-scroll.style02 a span {    margin-left: 0;    left: auto;}/*banner*/ .banner-block {    position: relative;}.banner-block::before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: #120a21;    left: 0;    top: 0;}.banner-block .RWDbanner_plus01 .slick-caption {    top: initial;    bottom: 14vh;}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 80%;    padding: 0 !important;}.banner-block .RWDbanner_plus01 .banner-slider .slick-item .pic-box:before {    content: '';    position: absolute;    width: 100%;    height: 40%;    background: linear-gradient(to bottom, #120a21 5%, #11092000 100%);    top: 0;    left: 0;    z-index: 2;}.index .banner-block .RWDbanner_plus01 .slick-caption .txt1 {    /* 螢幕2560px-1200px 大小72px-36px */    font-size: clamp(2.25rem, 0.2647rem + 2.6471vw, 4.5rem);    font-weight: 700;    line-height: 1.4;    letter-spacing: 5px;    color: white;}.index .banner-block .RWDbanner_plus01 .slick-caption .txt2 {    /* 螢幕2560px-1200px 大小24px-16px */    font-size: clamp(1rem, 0.5588rem + 0.5882vw, 1.5rem);    font-weight: 300;    letter-spacing: 1px;    color: white;    line-height: 1.4;}/*點點*/ .index .banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #fff;}.index .banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button {    background: transparent;    border: 1px solid #fff;    width: 8px;    height: 8px}/*智慧儲能*/ .about-apply-bg {    background: url(archive/image/customization/about-bg5.webp) no-repeat;    background-size: cover;    background-position: top right;}.RWDleft_cont002 .item-second .text-box .text p.about-txt {    margin-top: 1.5rem;    color: var(--TextWhiteColor);}.RWDleft_cont002 .item-second .pic {    width: 100%;    float: none}.RWDleft_cont002 .item-second {    display: grid;    grid-template-columns: 1fr 1.3fr;    grid-template-areas:        'txt pic';    gap: 0 max(5vw, 50px);}.RWDleft_cont002 .item-second .text-box {    grid-area: txt;    width: 100%;}.RWDleft_cont002 .item-second>a {    pointer-events: none;    grid-area: pic;}.about-block .main-block .RWDedictor008 {    display: grid;    grid-template-columns: 1fr 1.3fr;    grid-template-areas:        'txt pic';    gap: 0 max(5vw, 50px);}.about-block .main-block .about-left {    grid-area: txt;}.about-block .main-block .about-right {    grid-area: pic;}.about-block .main-block p.about-txt {    margin-top: 1.5rem;    color: var(--TextWhiteColor);}p.about-txt .txt-point {    color: transparent;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: var(--TextMainGradient);    font-weight: 600;}.about-subbox {    padding-top: var(--SectionTitleBottom);    border-top: 1px solid #ffffff24;    position: relative;}.about-subbox:before {    content: '';    position: absolute;    background: var(--DecoLineGradient);    width: 90px;    height: 4px;    left: 0;    top: -2px;}.apply-block .en-block {    /*螢幕2560px-991px 大小150px-70px */    font-size: clamp(4.375rem, 1.2169rem + 5.0988vw, 9.375rem);    font-family: var(--FontFamilyEn);    font-weight: 500;    text-transform: uppercase;    color: #ffffff1f;    line-height: 1;    margin-bottom: 1rem;    white-space: nowrap;}.about-block .RWDleft_cont002 {    display: none;}/*應用*/ .apply-block.section-spacing {    padding-top: 0;}.apply-box.apply-front {    position: relative;}.apply-inner {    display: flex;    flex-direction: column;    gap: 3rem 0;}.apply-inner .apply-box {    display: grid;    grid-template-columns: max-content auto;}.apply-inner .apply-box h4.apply-name {    font-size: var(--FontSizeH3);    font-weight: 500;    writing-mode: vertical-lr;    letter-spacing: 3px;    text-align: center;    padding: 20px 20px;    color: white;    border-radius: 15px 0 0 15px;}.apply-box.apply-front h4.apply-name {    background: linear-gradient(to bottom, #986FAD 0%, #0C57A2 100%);}.apply-box.apply-back h4.apply-name {    background: linear-gradient(to bottom, #54d4cf 0%, #299c99 100%);}.apply-box.apply-front .apply-content {    display: grid;    grid-template-columns: 1fr 1.3fr;    gap: 5rem;    padding: max(2vw, 50px) max(3vw, 70px);    border-radius: 0 50px 50px 0;    position: relative;}.apply-box.apply-front .apply-content:after {    content: '';    position: absolute;    background: url(archive/image/customization/apply-electric-1.webp) no-repeat;    background-size: contain;    background-position: center;    width: 6vw;    height: 4vw;    top: 50%;    left: 42%;    transform: var(--TransformYCenter);    z-index: 1;}.apply-box.apply-front::after {    content: '';    position: absolute;    background: url(archive/image/customization/apply-electric-2.webp) no-repeat;    background-size: contain;    background-position: center;    width: 4vw;    height: 6vw;    bottom: -14%;    right: 22%;    z-index: 1;}.front-left {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: 1.5rem;}.front-left .pic {    width: 12vw;}.front-right {    width: 26vw;    margin: 0 0 0 auto;}.front-right .pic img {    width: 100%;}.front-left .txt {    font-size: var(--FontSizeH4);    font-weight: 500;    color: white;    line-height: 1.5;}.apply-box.apply-front .apply-content::before {    content: '';    position: absolute;    width: 65%;    height: 100%;    border: 1px solid #ffffff3d;    background-color: rgba(0, 0, 0, 0.2);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px);    border-radius: 0 20px 20px 0;    left: 0;    top: 0;    z-index: -1;}.apply-box.apply-back .apply-content {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 4rem;    padding: max(2vw, 50px) max(3vw, 70px);    border: 1px solid #ffffff3d;    background-color: rgba(0, 0, 0, 0.2);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px);    border-radius: 0 20px 20px 0;    position: relative;}.apply-box.apply-back .back-item {    display: flex;    flex-direction: column;    gap: 16px;    text-align: center;}.apply-box.apply-back .back-item .pic {    width: 80%;    margin-inline: auto;}.apply-box.apply-back .back-item .txt h5 {    font-size: var(--FontSizeH4);    font-weight: 500;    color: white;    margin-bottom: 8px;}.apply-box.apply-back .back-item .txt p {    line-height: 1.4;    color: var(--TextWhiteColor);}/*認證*/ .certify-block {    display: grid;    grid-template-columns: 65% 35%;    align-items: center;    position: relative;}.certify-block .certify-info {    padding: var(--SectionPadding) max(16vw, 100px) var(--SectionPadding) 14vw;    position: relative;}.certify-block .certify-info:before {    content: "";    position: absolute;    width: 100%;    height: 100%;    background: url(archive/image/customization/certify-bg.webp) no-repeat;    background-size: cover;    background-position: center right;    left: 0;    top: 0;    opacity: .8;    z-index: -1;}.certify-block .section-title {    margin-bottom: 1rem;}.certify-pics {    display: flex;    /*grid-template-columns: max-content max-content max-content;*/    gap: 2rem;    margin-top: calc(var(--SectionTitleBottom)*.5);    padding: 40px 50px;    width: fit-content;    background: linear-gradient(0deg, #ffffffa1 20%, transparent);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px);    border-radius: 5px;}.certify-pics a {    display: block;    width: calc(100% / 3 - 1px);}.certify-pics a img {    /*width: 220px;*/    border: 1px solid #e8e8e8;}.certify-bg .RWDparallax_new {    height: 100%;    width: 100%;}.certify-bg, .certify-bg .RWDparallax_new .picbgbox {    height: 100%;}/*展示中心*/ .exhibit-block {    margin-top: calc(var(--SectionPadding)*.6);}/*上*/ .exhibit-top {    position: relative;    padding: calc(var(--SectionPadding)* 1.3) calc(var(--SectionPadding)* 1.5) calc(var(--SectionPadding)* 3);}.exhibit-top .bg-block {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;}.exhibit-top .bg-block .RWDedictor009, .exhibit-top .bg-block .RWDedictor009 .visible-lg, .exhibit-top .bg-block .RWDedictor009 .visible-lg>div, .exhibit-top .bg-block .RWDedictor009 .visible-lg>div img,.exhibit-top .bg-block .RWDedictor009 .visible-md, .exhibit-top .bg-block .RWDedictor009 .visible-md>div, .exhibit-top .bg-block .RWDedictor009 .visible-md>div img,.exhibit-top .bg-block .RWDedictor009 .visible-xs, .exhibit-top .bg-block .RWDedictor009 .visible-xs>div, .exhibit-top .bg-block .RWDedictor009 .visible-xs>div img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: top center;}.exhibit-top .main-block {    width: 34%;}.exhibit-top p.exhibit-txt {    color: var(--TextWhiteColor);    text-align: justify;    padding-top: var(--SectionTitleBottom);    border-top: 1px solid #ffffff24;    position: relative;}.exhibit-top p.exhibit-txt:before {    content: '';    position: absolute;    background: var(--DecoLineGradient);    width: 90px;    height: 4px;    left: 0;    top: -2px;}/*下*/ .exhibit-bottom {    width: 80%;    margin: calc(0px - var(--SectionPadding)*1.8) auto 0;}.bottom-inner {    padding: max(3vw, 50px) max(6vw, 60px);    display: grid;    grid-template-columns: 1fr 1.3fr;    gap: max(4vw, 50px);    align-items: center;    background: linear-gradient(to bottom, #33437f 0%, #182044 90%);    border: 1px solid transparent;    -moz-border-image: -moz-linear-gradient(315deg, #5974a2 0%, #585daa 20%, #585daa 80%, #5974a2 100%);    -webkit-border-image: -webkit-linear-gradient(315deg, #5974a2 0%, #585daa 20%, #585daa 80%, #5974a2 100%);    border-image: linear-gradient(315deg, #5974a2 0%, #585daa 20%, #585daa 80%, #5974a2 100%);    border-image-slice: 1;}.exhibit-bottom .section-title {    padding-bottom: 2rem;    margin-bottom: 2rem;    border-bottom: 1px solid #ffffff24;}.exhibit-bottom .sub-title b {    display: block;    font-weight: 400;    margin-top: 12px;    font-size: calc(var(--FontSizeP)*1.15);}.exhibit-bottom p.team-txt {    color: var(--TextWhiteColor);}.exhibit-bottom p.team-txt span {    display: block;}.exhibit-bottom p.team-txt span b {    display: block;    color: transparent;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: var(--TextMainGradient);}/*願景*/ .vision-block {    position: relative;}.vision-block .main-block {    position: absolute;    left: 0;    top: var(--SectionPadding);    width: 100%;    text-align: center;}.vision-block .sub-title {    font-weight: 400;}.vision-block p.vision-txt {    margin-top: 1.5rem;}.vision-word {    display: flex;    flex-direction: row;    justify-content: center;    /*2560-600 160-50*/    gap: clamp(3.125rem, 1.0204rem + 5.6122vw, 10rem);    margin-top: 5rem;    position: relative;}.vision-word:before {    position: absolute;    content: "\f404";    font-family: "Ionicons";    font-size: 40px;    top: 4.3rem;    left: 50%;    line-height: 1;    transform: var(--TransformXCenter);    color: #999;}.vision-word .word-item {    min-width: 210px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: 1rem 0;}.word-circle {    width: 180px;    height: 180px;    border-radius: 99em;    border: 1px solid #d7cad3ad;    font-size: var(--FontSizeH3);    font-weight: 400;    color: var(--TitleMainColor);    display: flex;    justify-content: center;    align-items: center;    background: #ffffff66;}.vision-word .word-item p {    line-height: 1.5;}.vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    width: 100%;    height: 42vw;    object-fit: cover;    object-position: top center;}

/*首頁客製 end*/ 
/*footer start*/ 

.footer-block { padding: var(--FooterPadding) 0; /*background: #111a46;*/ background: url(archive/image/customization/ft-bg.webp);    background-position-y: 50%; color: var(--TextWhiteColor);}.footer-block .container-70 { display: grid; grid-template-columns: max-content auto max-content; gap: 3rem max(4.5vw, 60px); grid-template-areas:        'logo info cta'        'logo info copyright';}.ft-logo { grid-area: logo;}.ft-info { grid-area: info;}.ft-cta { grid-area: cta;}.ft-copyright {    grid-area: copyright;    display: flex;    flex-direction: column;    justify-content: flex-end; margin-bottom: 5px;}/*logo*/ .ft-logo h2 { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; font-size: var(--FontSizeH3); color: white;}.ft-logo h2 img {    /*width: 130px;*/    /* 螢幕2560px-600px 大小130px-190px */    width: clamp(5.625rem, 4.8597rem + 2.0408vw, 8.125rem); filter: brightness(0) invert(1);}/*資訊*/ .ft-info {    border-left: 1px solid #ffffff21;    border-right: 1px solid #ffffff21;    padding-inline: max(4.5vw, 60px);}ul.info-list {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;    gap: 8px 0; line-height: 1.5;}ul.info-list, ul.info-list li a {    color: var(--TextWhiteColor);}ul.info-list li span {    margin-right: 1rem;    width: 40px;    display: inline-block;    color: white;    font-weight: 500;}.info-map { margin-top: 1.5rem;}.info-map iframe { filter: grayscale(.3);}/*cta*/ .cta-des { font-size: calc(var(--FontSizeP)*1.1); color: white;    line-height: 1.5;}.ft-cta .cta-btn a { background: rgba(255, 255, 255, 0.05);    width: 100%;    height: var(--BtnHeight);    font-weight: 500;    position: relative;    z-index: 99;    display: flex;    align-items: center;    justify-content: center;    font-size: var(--BtnFontSize);    overflow: hidden;    font-family: var(--FontFamily);    border-radius: 99em;    border: #ffffff4a solid 1px; margin-top: 1rem; color: var(--TextWhiteColor);}.ft-cta .cta-btn a i { margin-left: 5px;}.ft-cta .cta-btn a::after {    content: "";    background: var(--MainColor);    width: 0;    height: 100%;    position: absolute;    right: 0;    top: 0;    transition: .5s;    z-index: -1;}/*隱私權*/ .privacy-link a { color: var(--TextWhiteColor);}/* footer_block */ .keyarrow p,.copyrights,.copyrights a,.copyrights:hover,.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #ffffff4f !important; font-size: 13px !important; font-weight: 300; line-height: 1.4;}.RWDssl01 { display: flex;}.copyrights { display: flex; flex-direction: column;    flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-top: 8px;}.footer-info p,.footer-info a { color: #4a4a4a;}.footer-info-list>div { display: flex; font-size: var(--FontSizeP); align-items: center; gap: 10px;}/* footer-btn  */ .footer-btn { display: flex; gap: 1rem;}.footer-btn a { text-align: center; width: var(--BtnWidth); height: var(--BtnHeight); padding: 10px; border-radius: var(--BtnBorderRadius); line-height: 1; font-size: var(--BtnFontSize); display: flex; align-items: center; justify-content: center; background: var(--BtnOutlineBg); border: 1px solid var(--BtnOutlineColor); color: var(--BtnOutlineColor);}/*網頁警告*/ .RWDalert_fancybox.bottom {    z-index: 99999 !important;    width: 60vw !important;    border-radius: 99em !important;    padding: 2rem 6rem !important;    background: rgb(0 3 15 / 80%) !important; -webkit-backdrop-filter: saturate(200%) blur(4px);    backdrop-filter: saturate(200%) blur(5px);    color: #ffffffa1 !important;    left: 50% !important;    line-height: 1.5 !important;    letter-spacing: 0px !important;    transform: translateX(-50%) !important;    text-align: left !important;    display: flex;    justify-content: space-between;    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px !important;    margin-bottom: 3rem;    border: 1px solid #76a4bf47;}.RWDalert_fancybox.bottom .editor {    font-size: var(--FontSizeP);    letter-spacing: 1px;    margin: 0 !important; text-align: left;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active {    color: var(--TextWhiteColor) !important;    padding: 5px 20px;    border-color: #76a4bf47;    background: linear-gradient(to right, #986FAD 0%, #0C57A2 100%) !important;    border-radius: 50px;    font-size: var(--FontSizeP);}.RWDalert_fancybox.bottom .editor a {    color: #ffffffa1;    border-bottom: 1px solid #ffffff70;}@media (max-width: 1500px) {    .RWDalert_fancybox.bottom {        width: 80% !important;        padding: 2rem 4rem !important;    }}@media (max-width: 1200px) {    .RWDalert_fancybox.bottom {        width: 90% !important;        transform: translateX(0%) !important;        left: 5% !important;    }}@media (max-width: 800px) {    .RWDalert_fancybox.bottom {        width: 100% !important;        border-radius: 0 !important;        margin-bottom: 0 !important;        left: 0 !important;        flex-direction: column !important;        justify-content: flex-start !important;        padding: 30px 30px 20px !important;    }    .RWDalert_fancybox .btn {        margin-top: 10px !important;    }}@media (max-width: 600px) {.RWDalert_fancybox .btn {    margin: 12px 0 0 !important;    width: 100%;}}/* go top */ .scrollTop002 { bottom: 100px; right: 20px; width: 35px; transition: var(--TransitionEase);}.scrollTop002 .ii:hover { opacity: 1 !important; transition: var(--TransitionEase);}.scrollTop002 .ii {    font-size: 35px;    /* background: linear-gradient(0deg, #5371a4 0%, #6e58aa 100%); */    background: #111;    color: #ffffffab;    border-radius: 99em;    transition: var(--TransitionEase);    border: 1px solid #ffffff7a;}@media (hover:hover) { .footer-sns .RWDsocial002 .iconRounded:hover {  background-color: transparent; } .footer-sns.RWDsocial002 ul.socialNetwork li:hover {  transition: var(--TransitionEase);  transform: translateY(-3px); } .footer-edm #btn_order_email:hover {  background-color: var(--BtnHoverBg);  border-color: var(--BtnHoverBg);  color: var(--BtnHoverColor); } .footer-edm #btn_reject_email:hover {  background-color: var(--SubBtnHoverBg);  border-color: var(--SubBtnHoverBg);  color: var(--SubBtnHoverColor); } .ft-cta .cta-btn a:hover {     color: #fff; } .ft-cta .cta-btn a:hover::after {     width: 100%;  transition: var(--TransitionEase);  right: auto;  left: 0;  background: var(--MainHoverColor); } ul.info-list li a:hover, .privacy-link a:hover {  color: var(--MainHoverColor); }}

/*footer end*/ 
/*首頁RWD start*/ 

/* 首頁RWD */@media (max-width: 2300px) {/*智慧儲能*/ .apply-box.apply-back .back-item .txt p {    max-width: 250px;    margin-inline: auto;}}@media (max-width: 2200px) {/*認證*/ .certify-block .certify-info {    padding: var(--SectionPadding) max(14vw, 80px) var(--SectionPadding) 14vw;}.certify-pics {    padding: 40px;}}@media (max-width: 2048px) {/*main*/ .container-70 {    width: 75%;}/*創立*/ .founded-block .RWDbanner_plus01 .logo {    bottom: -7vw;}/*應用*/ .front-right {    width: 28vw;}/*展示*/ .exhibit-top .main-block {    width: 40%;}.bottom-inner {    padding: max(3.5vw, 70px) max(5vw, 60px);}/*願景*/ .word-circle {    width: 160px;    height: 160px;}.vision-word {    margin-top: 4rem;}.vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 44vw;}.vision-block .bg-block .bg-inner img {    padding-top: 3vw;}}@media (max-width: 1920px) {}@media (max-width: 1900px) {/*main*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container {    width: 80%;}.container-70 {    width: 78%;}/*創立*/ .founded-block .RWDbanner_plus01 .logo {    right: -6vw;}/*智慧儲能*/ .RWDleft_cont002 .item-second {    align-items: center;}.about-block .main-block .RWDedictor008 {    align-items: center;}/*創立*/ .apply-box.apply-front .apply-content {    padding: max(2vw, 50px) 0 max(2vw, 50px) max(3vw, 70px);}.front-left .pic {    width: 14vw;}.front-right {    width: 30vw;}.apply-box.apply-front .apply-content:after {    width: 7vw;    height: 5vw;    left: 44%;}.apply-box.apply-front::after {    width: 5vw;    height: 7vw;    bottom: -15%;    right: 18%;}.apply-box.apply-back .back-item .pic {    width: 85%;}/*認證*/ .certify-block .certify-info {    padding: var(--SectionPadding) max(15vw, 80px) var(--SectionPadding) 11vw;}/*展示*/ .exhibit-top {    padding: calc(var(--SectionPadding)* 1.2) calc(var(--SectionPadding)* 1.2) calc(var(--SectionPadding)* 3);}.exhibit-bottom p.team-txt span b {    display: inline;}}@media (max-width: 1680px) {/*創立*/ .index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {          margin-top: 4rem;}/*願景*/ .vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 50vw;}.vision-block .bg-block .bg-inner img {    padding-top: 8vw;}/*footer*/ .cta-des {    font-size: var(--FontSizeP);}}@media (max-width: 1600px) {/*創立*/ .index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    width: 40%;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3>span>span {    display: contents;}.founded-block .RWDbanner_plus01 .page-scroll {    bottom: 50px;}/*認證*/ .certify-block .certify-info {    padding: var(--SectionPadding) max(13vw, 80px) var(--SectionPadding) 11vw;}/*展示*/ .exhibit-top .main-block {    width: 45%;}}@media (max-width: 1536px) {/*header*/ .RWDmenu_plus04 .header {    padding: 0 3%;}.RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 45px);}/*main*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 85%;}.container-70 {    width: 85%;}/*創立*/ .founded-block .RWDbanner_plus01 .logo {    right: -3vw;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    margin-top: 3rem;}/*展示*/ .exhibit-top {    padding: calc(var(--SectionPadding)* 1) calc(var(--SectionPadding)* 1) calc(var(--SectionPadding)* 3);}.exhibit-bottom {    width: 84%;}}@media (max-width: 1500px) {:root {    --BtnHeight: 50px;}/*創立*/ .founded-block .RWDbanner_plus01 .page-scroll {    bottom: 30px;}.founded-block .RWDbanner_plus01 .logo {    bottom: -6vw;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    letter-spacing: 3px;}/*banner*/ .index .banner-block .RWDbanner_plus01 .slick-caption .txt1 {    letter-spacing: 3px;}/*應用*/ .front-left .pic {    width: 15vw;}.front-right {    width: 32vw;}/*展示*/ .bottom-inner {    padding: 70px 60px;}/*願景*/ .vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 54vw;}.vision-block .bg-block .bg-inner img {    padding-top: 12vw;}}@media (max-width: 1440px) {/*認證*/ .certify-pics {    gap: 1.5rem;} /*展示*/ .bottom-inner {    grid-template-columns: 1fr 1.5fr;}.exhibit-top .main-block {    width: 50%;}}@media (max-width: 1400px) {/*展示*/ .exhibit-bottom .sub-title b {    max-width: 400px;}}@media (max-width: 1366px) {/*智慧儲能*/ .RWDleft_cont002 .item-second {    grid-template-columns: 1fr 1.2fr;}.about-block .main-block .RWDedictor008 {    grid-template-columns: 1fr 1.2fr;}}@media (max-width: 1300px) {/*願景*/ .vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 60vw;}.vision-block .bg-block .bg-inner img {    padding-top: 18vw;}.vision-word {    margin-top: 3rem;}.word-circle {    width: 140px;    height: 140px;}}/* ipad pro 橫式 */@media (width: 1366px) and (height: 1024px) {}@media (max-width: 1199px) {/*header-漢堡提早*/ .RWDmenu_plus04 .site-nav .menu {        display: none;    }    .RWDmenu_plus04 #mobile-menu,.RWDmenu_plus04 .ml-stack-nav-toggle,.RWDmenu_plus04 .toggle-menu,.RWDmenu_plus04 .toggle-mmenu-cover {        display: block;    }    .ml-stack-nav-toggle i {        display: none;    }    .RWDmenu_plus04 #mobile-menu .menu>li>a {        color: white;    }    .RWDmenu_plus04 .menu-icon {        color: white;    }    .RWDmenu_plus04 #mobile-menu .menu>li {        border-bottom: 1px solid #f2ecf347;    }    .RWDmenu_plus04 .menu-icon:after, .menu-icon:before {        background-color: white;    }        .RWDmenu_plus04 #mobile-menu .menu>li>ul {        background: #f3f5f5;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        background-color: transparent;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active {        background: var(--MainColor);    }    .RWDmenu_plus04 #mobile-menu .menu a {        font-size: 16px;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after {        color: #ffffffbd;    }    .RWDmenu_plus04 .features {        float: right;        position: relative;    }    .RWDmenu_plus04 .features .share-group.main_share {        padding-right: 25px;    }    .ml-stack-nav-toggle {        padding: 25px 35px 25px 15px;    }    .RWDmenu_plus04 #mobile-menu {        background: #0C131B;    }/* 首頁預設 */:root {    --NaviHeight: 80px;}.banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {    max-height: 100svh !important;    height: 100svh !important;}/*header*/ .RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 35px);}/*main*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 88%;}.container-70 {    width: 88%;}/*創立*/ .founded-block .RWDbanner_plus01 .logo {    right: -5vw;    bottom: -7vw;}.founded-block .RWDbanner_plus01 .logo img {    width: 58vw;}.founded-block .RWDbanner_plus01 .page-scroll {    display: none;}.founded-block .RWDbanner_plus01 .banner-slider .slick-item .pic-box:before {    height: 20%;}/*banner*/ .banner-block .RWDbanner_plus01 .slick-caption {    bottom: 10vh;}.banner-block .RWDbanner_plus01 .banner-slider .slick-item .pic-box:before {    height: 30%;}/*智慧儲能*/ .about-block .section-title {    margin-bottom: calc(var(--SectionTitleBottom)*1.4);}.about-subbox {    padding-top: calc(var(--SectionTitleBottom)*1.4);}/*應用*/ .apply-inner {    gap: 2rem 0;}.apply-box.apply-back .apply-content {    padding: 50px 60px;    gap: 3rem;}.front-left .pic {    width: 17vw;}.front-right {    width: 35vw;}.apply-box.apply-front .apply-content:after {    width: 8vw;    height: 6vw;    left: 45%;}.apply-box.apply-front::after {    width: 6vw;    height: 8vw;    bottom: -6%;    right: 14%;}/*認證*/ .certify-block .certify-info {    padding: var(--SectionPadding) max(8vw, 80px) var(--SectionPadding) 6vw;}/*展示*/ .exhibit-top {    padding: var(--SectionPadding) calc(var(--SectionPadding)* 0.6);}.exhibit-bottom {    width: 100%;    margin: 0;}.bottom-inner {    border: 0;}/*footer*/ .footer-block .container-70 {    grid-template-columns: 300px auto;    grid-template-areas:        'logo info'        'cta info'        'copyright copyright';    gap: 3.5rem 60px;}.ft-logo h2 {    align-items: flex-start;}.ft-info {    border-right: 0;    padding: 0 0 0 max(4.5vw, 60px);}.info-map iframe {    height: 150px;}.ft-copyright {    display: grid;    grid-template-columns: max-content auto;    justify-content: flex-start;    align-items: center;    margin-bottom: 0;    gap: 0 15px;    padding-top: 20px;    border-top: 1px solid #ffffff21;}.copyrights {    flex-direction: row;    gap: 0 10px;    margin-top: 0;    line-height: 1.8;}.ft-cta .cta-btn a {    margin-top: 10px;    margin-bottom: 5px;}}@media (max-width: 1100px) {/*main*/ .container-70 {    width: 90%;}/*創立*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 90%;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    margin-top: 2.5rem;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    width: 42%;}.founded-block .RWDbanner_plus01 .logo {    right: -8vw;}.founded-block .RWDbanner_plus01 .logo img {    width: 61vw;}/*智慧儲能*/ .RWDleft_cont002 .item-second {    grid-template-columns: auto;    grid-template-areas: 'txt' 'pic';    gap: 0;}.RWDleft_cont002 .item-second>a {    width: 80%;    margin-inline: auto;    margin-top: 70px;}.about-block .main-block .RWDedictor008 {    grid-template-columns: auto;    grid-template-areas: 'txt' 'pic';    gap: 0;}.about-block .main-block .about-right {    width: 80%;    margin-inline: auto;    margin-top: 70px;}/*應用*/ .apply-box.apply-front .apply-content {    padding: 50px 0 50px 40px;    gap: 7rem;}.apply-box.apply-back .apply-content {    padding: 50px 40px;    gap: 2rem;}.front-left .pic {    width: 18vw;}.apply-box.apply-back .back-item {    text-align: left;}/*認證*/#m_RWDfullscreen01_72_1 .picbgbox {    height: 100% !important;    background-size: cover;}.certify-pics {    gap: 1.3rem;    padding: 30px;}/*應用*/ .bottom-inner {    grid-template-columns: 1fr 1.2fr;}.apply-box.apply-back .back-item .txt p {    max-width: none;}/*願景*/ .vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 65vw;}.vision-block .bg-block .bg-inner img {    padding-top: 25vw;}}@media (max-width: 1024px) {}/* ipad pro 直式 */@media (width: 1024px) and (height: 1366px) {}@media (max-width: 991px) {/*main*/ .container-70, .container-90 {    width: 100%;    padding: 0 50px;}/*創立*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container {    width: 93%;}#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container {    display: flex;    flex-direction: column;}.founded-block .RWDbanner_plus01 .slick-caption {    top: 20%;    transform: none;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3>span>span {    display: block;}.index .founded-block .RWDbanner_plus01 .slick-caption.txt-left {    text-align: center;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    width: 100%;}.founded-block .RWDbanner_plus01 .logo {    position: relative;    right: -2vw;    bottom: auto;    order: 4;    margin-top: 10vh;}.founded-block .RWDbanner_plus01 .logo img {    width: auto;}/*banner*/#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 100%;    padding: 0 50px !important;}.banner-block .RWDbanner_plus01 .slick-caption {    bottom: var(--SectionPadding);}.banner-block .RWDbanner_plus01 .slick-caption.txt-left {    text-align: center;}/*應用*/ .apply-block .en-block {    /*螢幕991px-380px 大小70px-36px */    font-size: clamp(2.25rem, 0.9284rem + 5.5646vw, 4.375rem);    white-space: inherit;}.apply-inner .apply-box h4.apply-name {    padding: 20px 15px;}.apply-box.apply-back .apply-content {    grid-template-columns: repeat(2, 1fr);    gap: 4rem 2rem;}.front-left .pic {    width: 30vw;}.front-right {    width: 45vw;    margin: 0 auto;}.apply-box.apply-back .back-item {    text-align: center;}.apply-box.apply-back .back-item .pic {    width: 80%;}.apply-box.apply-front .apply-content {    grid-template-columns: auto;}.apply-box.apply-front .apply-content::before {    width: 100%;}.apply-box.apply-front .apply-content {    padding: 50px 40px;    gap: 9rem 0;}.apply-box.apply-front .apply-content {    border: 1px solid #ffffff3d;    background-color: rgba(0, 0, 0, 0.2);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px);    border-radius: 0 20px 20px 0;}.apply-box.apply-front .apply-content:after {    background: url(archive/image/customization/apply-electric-2.webp) no-repeat;    background-size: contain;    background-position: center;    width: 7vw;    height: 9vw;    left: 50%;    transform: var(--TransformXCenter);    top: 48%;}.apply-box.apply-front .apply-content:before {    display: none;}.apply-box.apply-front::after {    display: none;}.apply-box.apply-back .apply-content {    position: relative;}.apply-box.apply-back .apply-content:after {    content: '';    position: absolute;    background: url(archive/image/customization/apply-electric-2.webp) no-repeat;    background-size: contain;    background-position: center;    width: 7vw;    height: 9vw;    left: 50%;    transform: var(--TransformXCenter);    top: -10%;    z-index: 2;}.apply-box.apply-back .back-item .txt p {    max-width: 190px;}/*認證*/ .certify-block {    /*grid-template-columns: auto;*/    display: flex;    flex-direction: column-reverse;}.certify-bg, .certify-bg .RWDparallax_new .picbgbox {    width: 100%;}.certify-block .certify-info {    padding: 50px 50px var(--SectionPadding);}.certify-bg .RWDparallax_new {    height: 36vw;}/*展示中心*/ .exhibit-top {    padding: 0;}.exhibit-top .main-block {    background: #081028;    padding: var(--SectionPadding) 50px 20px;    width: 100%;}.exhibit-top .bg-block {    position: relative;    height: 50vw;    margin-top: -1px;}.exhibit-bottom {    margin-top: 0;}.bottom-inner {    display: flex;    flex-direction: column-reverse;    padding: 70px 50px;}.exhibit-top .RWDedictor009 .visible-md, .exhibit-top .RWDedictor009 .visible-sm {    display: none !important;}.exhibit-top .RWDedictor009 .visible-xs {    display: block !important;}/*願景*/ .vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 86vw;}.vision-block .bg-block .bg-inner img {    padding-top: calc(var(--SectionPadding)* 4);}.vision-word:before {    font-size: 38px;    top: 2.6rem;}.word-circle {    width: 120px;    height: 120px;}/*footer*/ .footer-block .container-70 {    grid-template-columns: 285px auto;    grid-template-areas:        'logo cta'        'info info'        'copyright copyright';    gap: 2rem 3rem;}.ft-logo h2 {    gap: 1.5rem;}.ft-cta .RWDedictor {    height: 100%;    display: flex;    flex-direction: column;    justify-content: flex-end;}.ft-info {    padding: 3rem 0 0;    border-left: 0;    border-top: 1px solid #ffffff21;}.ft-cta .cta-btn a {    margin-top: 15px;    margin-bottom: 0;}ul.info-list li span {    width: 35px;}.ft-info .RWDedictor008 {    display: grid;    grid-template-columns: max-content auto;    gap: 3rem;}.info-map {    margin-top: 0;}.ft-copyright {    grid-template-columns: auto;}.privacy-link {    margin-bottom: 4px;}}@media (max-width: 850px) {  }@media (max-width: 768px) {/*創立*/ .founded-block .RWDbanner_plus01 .slick-caption {    top: 18%;}.founded-block .RWDbanner_plus01 .logo {    margin-top: 7vh;}}@media (max-width: 767px) {/*創立*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    width: 100%;    padding: 0 50px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    font-size: clamp(1.5625rem, 0.8874rem + 2.8424vw, 2.25rem);}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    text-align: left;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3>span>span {    display: contents;}/*banner*/ .index .banner-block .RWDbanner_plus01 .slick-caption .txt1 {    font-size: clamp(1.5625rem, 0.8874rem + 2.8424vw, 2.25rem);}.index .banner-block .RWDbanner_plus01 .slick-caption .txt2 {    font-size: 15px;}}@media screen and (min-width: 415px) and (max-width: 767px) {}@media (max-width: 650px) {    /* 首頁預設 */    :root {        --BtnWidth: 100%;    }    /* navi */    .RWDmenu_plus04 .features .member-btn,    .RWDmenu_plus04 .features .search-btn {        padding-inline: 10px;    }    .RWDmenu_plus04 .features {        margin-right: 0;        padding-right: 0;    }    .RWDmenu_plus04 .features:after {        display: none;    }}@media (max-width: 600px) {/*loading*/ .fl {    width: 100px;}/*main*/ .container-70, .container-90 {    padding: 0 30px;}/*header*/ .RWDmenu_plus04 .header {    padding: 0 15px;}.RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 40px);}/*文字*/ .main-title {    letter-spacing: 1px;}/*創立*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    padding: 0 30px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    font-size: 14px;    margin-top: 2rem;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    letter-spacing: 2px;}.founded-block .RWDbanner_plus01 .slick-caption {    top: auto;    bottom: 15%;}/*banner*/ .banner-block .RWDbanner_plus01 .slick-caption {    bottom: 9vh;}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    padding: 0 30px !important;}.index .banner-block .RWDbanner_plus01 .slick-caption .txt1 {    letter-spacing: 2px;}/*智慧儲能*/ .RWDleft_cont002 .item-second>a {    width: 100%;    margin-top: 60px;}.about-block .main-block .about-right {    width: 100%;    margin-top: 60px;}/*應用*/ .apply-inner .apply-box {    grid-template-columns: auto;}.apply-inner .apply-box h4.apply-name {    padding: 12px 20px;    border-radius: 10px 10px 0 0;    writing-mode: inherit;}.apply-box.apply-front h4.apply-name {    background: linear-gradient(to right, #986FAD 0%, #0C57A2 100%);}.apply-box.apply-front .apply-content {    border-radius: 0 0 15px 15px;}.front-left .pic {    width: 35vw;}.front-right {    width: 55vw;}.apply-box.apply-front .apply-content:after {    width: 53px;    height: 63px;}.apply-box.apply-back .apply-content:after {    width: 53px;    height: 63px;    top: -7.5rem;}.apply-inner {    gap: 3rem 0;}.apply-box.apply-back .apply-content {    border-radius: 0 0 15px 15px;}/*認證*/ .certify-block .certify-info {    padding: 50px 30px var(--SectionPadding);}.certify-pics {    gap: 1rem;    padding: 0;    background: transparent;    -webkit-backdrop-filter: none;    backdrop-filter: none;    margin-top: 2rem;}/*展示*/ .exhibit-block {    margin-top: calc(var(--SectionPadding)* .5);}.exhibit-top .main-block {    padding: 60px 30px 20px;}.bottom-inner {    padding: 60px 30px;    gap: 2rem 0;}/*願景*/ .vision-block {    margin-top: var(--SectionPadding);    display: flex;    flex-direction: column-reverse;}.vision-block .main-block {    position: relative;    top: 0;}.vision-block p.vision-txt {    text-align: left;}.vision-block p.vision-txt br {    display: none;}.vision-block .bg-block .bg-inner img {    padding-top: 0;}.vision-block .bg-block {    margin-top: -12rem;}.vision-block .bg-block .bg-inner, .vision-block .bg-block .bg-inner img {    height: 90vw;}.vision-word {    gap: 2rem;}/*footer*/ .footer-block {    background-position: center;    background-size: cover;}.footer-block .container-70 {    grid-template-columns: auto;    grid-template-areas:        'logo'        'cta'        'info'        'copyright';    gap: 2rem 3rem;}.ft-info .RWDedictor008 {    grid-template-columns: auto;    gap: 1.5rem;}.ft-logo h2 {    align-items: center;}.cta-des {    text-align: center;}.copyrights {    flex-direction: column;}.scrollTop002 {    bottom: 60px;    right: 10px;}}@media (max-width: 480px) {/*header*/ .ml-stack-nav-toggle {    padding: 35px 14px;}/*創立*/ .index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    margin-top: 10px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    margin-top: 1.5rem;}.founded-block .RWDbanner_plus01 .logo {    margin-top: 5vh;}.founded-block .RWDbanner_plus01 .slick-caption {    /*bottom: 21%;*/    bottom: 23svh;}/*應用*/ .apply-box.apply-back .apply-content {    grid-template-columns: auto;    gap: 4rem 2rem;}.apply-box.apply-front .apply-content:after {    top: 50%;}.apply-box.apply-front .apply-content {    gap: 6rem 0;}.front-left .pic {    width: 70%;}.front-right {    width: 100%;}.apply-box.apply-back .apply-content {    gap: 3.5rem 0;}/*認證*/ .certify-pics {    flex-wrap: wrap;}.certify-pics a {    width: calc(50% - 1rem);}.certify-block .certify-info:before {    background-position: center;}/*願景*/ .vision-word {    flex-direction: column;    gap: 4.5rem;    margin-top: 2.5rem;}.vision-word:before {    top: 50%;    transform: var(--TransformCenter);}.vision-block .main-title {    max-width: 200px;    margin-inline: auto;}}@media (max-width: 414px) {/*banner*/ .RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {    width: inherit;}.index .banner-block .RWDbanner_plus01 .slick-caption .txt2 {    margin-top: 10px;}.RWDbanner_plus01.style-dotnav.control-left .control-box .slick-arrow, .RWDbanner_plus01.style-dotnav.control-right .control-box .slick-arrow {    display: none;}/*展示*/ .bottom-inner {    padding: 55px 30px;}.exhibit-top .main-block {    padding: 55px 30px 20px;}/*footer*/ .ft-cta .cta-btn a {    margin-top: 10px;}}@media (max-width: 400px) {    }@media (max-width: 380px) {/*main*/ .container-70, .container-90 {    padding: 0 25px;}.exhibit-block .container-90 {    padding: 0;}/*創立*/#RWDfullscreen01 .founded-block .RWDbanner_plus01 .slick-caption .container, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    padding: 0 25px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt1 {    font-size: 16px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt2 {    font-size: 22px;}.index .founded-block .RWDbanner_plus01 .slick-caption .txt3 {    font-size: 13px;}/*banner*/#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {    padding: 0 25px !important;}/*認證*/ .certify-block .certify-info {    padding: 50px 25px var(--SectionPadding);}.certify-pics a {    width: 100%;}/*展示*/ .exhibit-block {    margin-top: 0;}.bottom-inner {    border: 0;}.exhibit-top .bg-block {    height: 58vw;}/*footer*/ .ft-logo h2 {    align-items: flex-start;}.cta-des {    text-align: left; }ul.info-list {    gap: 12px 0;}ul.info-list li span {    display: block;    margin-right: 0;}.copyrights {    line-height: 1.4;    font-size: 12px !important;    letter-spacing: 0;}}

/*首頁RWD end*/ 
/*內頁RWD start*/ 

/* 內頁RWD */

/*內頁RWD end*/ 
/*850px start*/ 

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

/*850px end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2025-10-20 10:22:08 */ 
/* last build by :網站管理員 */