@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: .35s ease-in-out;    --MainColor: var(--wt-MainColor);    --SubColor: var(--wt-SubColor);    --ThirdColor: #05ab7c;    --TitleMainColor: #333333;    --TextMainColor: #333333;    --TextSubColor: #555555;    --BorderColor: #d2d2d2;    --BorderColorLight: #cde7f8;    --LinearBgColor: linear-gradient(90deg, #fcfdfe 18%, #d2e8f6);    --LinearBgColor: linear-gradient(90deg, #ebf4f6 18%, #cbe7f9);    --BorderPx1: 1px solid #d2d2d2;    --MainHoverColor: var(--wt-MainColor);    --SubHoverColor: var(--wt-MainColor);    --EMainColor: #00c393;    --ESubColor: #13a681;    --SMainColor: #f6a810;    --SSubColor: #e59100;    --GMainColor: #ac1ce1;    --GSubColor: #8619ae;    --EInnerColo: #00c393;    --SInnerColo: #f6a810;    --GInnerColo: #ac1ce1;    --FooterBg: linear-gradient(to bottom, #04aba9, #147670);    --FooterBtnColor: #0595aa;    --FooterEdmBg: #4f9f9b;    --TabBgColor: #59b474;    /* 按鈕 */    --BtnOutlineColor: var(--wt-BtnEmptyColor);    --BtnOutlineBg: transparent;    --BtnOutlineHoverColor: white;    --BtnOutlineHoverBg: var(--MainHoverColor);    --BtnColor: white;    --BtnBg: var(--MainColor);    --BtnHoverColor: white;    --BtnHoverBg: var(--MainHoverColor);    --SubBtnColor: white;    --SubBtnBg: var(--SubColor);    --SubBtnHoverColor: white;    --SubBtnHoverBg: var(--SubHoverColor);    --BtnBorderRadius: 99rem;    --BtnWidth: 300px;    --BtnHeight: 50px;    --BtnFontSize: var(--FontSizeP);    /* 字體 */    --FontFamily: "微軟正黑體", sans-serif;    --FontFamilyEn: "Poppins", serif;    --FontFamilyTw: "微軟正黑體", sans-serif;    --FontFamilyTitle: "Noto Sans TC", serif;    /* Navi */    --NaviHeight: 90px;    --StickyHeight: calc(var(--NaviHeight) + 2rem);    --NaviColor: var(--TextMainColor);    --NaviHoverColor: var(--SubColor);    --NaviUpColor: var(--TextMainColor);    --NaviUpHoverColor: var(--SubColor);    /* 有會員或電商的時候用 */    --NaviBtnColor: white;    --NaviBtnBg: var(--wt-MainColor);    --NaviBtnHoverColor: white;    --NaviBtnHoverBg: var(--wt-MainColor);    --NaviSubBtnColor: white;    --NaviSubBtnBg: var(--wt-SubColor);    --NaviSubBtnHoverColor: white;    --NaviSubBtnHoverBg: var(--wt-SubColor);    /* 文字大小 */    --FontSizeMain: clamp(2.125rem, 1.9821rem + 0.7143vw, 3.125rem);    --FontSizeSub: clamp(1.25rem, 1.2143rem + 0.1786vw, 1.5rem);    --CardTitleSize: clamp(1.125rem, 1.1071rem + 0.0893vw, 1.25rem);    --NumberSize: clamp(1.875rem, 1.3393rem + 2.6786vw, 5.625rem);    --FontSizeP: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    --FontSizeSmall: clamp(0.875rem, 0.8571rem + 0.0893vw, 1rem);    --FontSizeNavi: var(--FontSizeP);    /* 區塊邊界 */    --SectionPadding: clamp(4.0625rem, 3.75rem + 1.5625vw, 6.25rem);    --ItemSpacing: clamp(2.5rem, 2.1875rem + 1.5625vw, 4.6875rem);    /* 螢幕2560px-650px 50px-25px */    --BorderRadius: 99rem;    /* 推回中間的時候用 */    --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;}/* 圖片撐滿 */input,select,textarea {    font-family: var(--FontFamily) !important;}img {    max-width: 100%;    height: auto;}.index-pic {    position: relative;}.index img {    width: 100%;}a,button,button:hover,a:is(:hover, :active, :focus, :visited) {    transition: var(--TransitionEase);    text-decoration: none;}a:hover,a:focus {    color: var(--MainHoverColor);}.index ul,.index ol {    list-style: none;    padding: 0;    margin: 0;}/* 取消掉預設 */:is(h1, h2, h3, h4, h5, h6, p) {    padding: 0;    margin: 0;}.row {    margin-right: 0px;    margin-left: 0px;}.index .row::before,.index .row::after,.index .container:before,.index .container:after {    display: none;}.index .clearfix {    clear: unset;}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;}/* 有sticky要改成visible */ .cd-main-content {    overflow: visible;    position: relative;}.cd-main-content:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: var(--LinearBgColor);    top: 0;    left: 0;    z-index: -5;}.collapsing_header .main {    top: 0 !important;    background-color: transparent;}/* 下滑目標位置設定 */ .scrolltarget-block {    position: absolute;    top: calc(0px - var(--NaviHeight));}/*容器設定*/ .index .container {    width: 70%;    z-index: 1;    position: relative;    padding: 0;}.index .container.container-full {    width: 100%;}.index .container.container-90 {    width: 90%;}.index .container.container-85 {    width: 85%;}.index .container.container-80 {    width: 80%;}.index .container.container-60 {    width: 60%;}/* 共用間距 */ .section-block {    padding: var(--SectionPadding) 0;    position: relative;    display: block;}.section-none-block {    padding: 0;}.section-block.section-bottom {    padding: 0 0 var(--SectionPadding);}.section-block.section-top {    padding: var(--SectionPadding) 0 0;}/* 共用位置 */:is(.main-block, .text-block, .pic-block, .footer-block) {    position: relative;}/* 共用編排 */ .flex-row {    display: flex;    position: relative;    flex-wrap: wrap;}.flex-column {    display: flex;    flex-direction: column;    position: relative;}.index .grid-container,.grid-item {    position: relative;    display: grid;}.grid-container .bg-block {    grid-area: bg;}.grid-container .title-block {    grid-area: title;}.grid-container .main-block {    grid-area: main;}.grid-container .text-block {    grid-area: text;}.grid-container .pic-block {    grid-area: pic;}.grid-container .score-block {    grid-area: score;}.grid-container .logo-block {    grid-area: logo;}.grid-container .main-pic-block {    grid-area: main-pic;}.grid-container .min-pic-block {    grid-area: min-pic;}.grid-container .btn-block {    grid-area: btn;}.grid-container .social-block {    grid-area: social;}/* 共用文字對齊 */ .text-center {    text-align: center;}.text-right {    text-align: right;}/* 共用文字 */body.wrapper_bg {    font-family: var(--FontFamily);    letter-spacing: 1.5px;    line-height: 1.6;    font-size: var(--FontSizeP);    color: var(--TextMainColor);    font-weight: 400;}/* 共用標題 */ .title-block {    position: relative;    margin-bottom: var(--ItemSpacing);}.section-subject {    position: relative;}/* 主標 */ .main-title {    letter-spacing: 2px;    font-weight: 700;    font-size: var(--FontSizeMain);    color: var(--TitleMainColor);    line-height: 1.3;    position: relative;}.main-title+.sub-title {    margin: 10px 0 0;}.main-title span {    display: block;}/* 副標 */ .sub-title {    letter-spacing: 1px;    font-weight: 400;    font-size: var(--FontSizeSub);    line-height: 1.6;    position: relative;    color: var(--TextSubColor);}p,.description {    font-size: var(--FontSizeP);    letter-spacing: 1.5px;    line-height: 1.6;    font-weight: 400;    font-family: var(--FontFamily);    margin-bottom: 20px;}.index-content p:last-child {    margin: 0;}/* 表單 */input[type=checkbox],input[type=radio] {    accent-color: var(--MainColor);    margin: 0 0;}/* 文字白色 */ .index .text-white {    color: white;}/* 共用背景 */ .bg-block {    position: absolute;    top: 0;    left: 0;    width: 100%;    z-index: -4;    overflow: hidden;}.bg-block,.bg-block .RWDparallax_new,.bg-pic,.bg-block .RWDedictor {    height: 100% !important;}.bg-block .RWDparallax_new .picbgbox {    height: 105% !important;}.bg-block img {    max-height: 100%;    min-height: 100%;    object-fit: cover;}.pic-block .RWDparallax_new,.pic-block .RWDparallax_new .picbgbox {    height: 105vh !important;}/* 其他共通設定 *//*網頁捲軸-寬度*/::-webkit-scrollbar {    width: 8px;    height: 5px;}/*網頁捲軸-背景顏色*/::-webkit-scrollbar-track {    background: white;}/*網頁捲軸-把手顏色*/::-webkit-scrollbar-thumb {    background: var(--MainColor);    transition: var(--TransitionEase);    border-radius: 10px;}/*網頁捲軸-滑過時把手的顏色*/::-webkit-scrollbar-thumb:hover {    background: var(--MainColor);    transition: var(--TransitionEase);}/* 反白顏色設定*/::selection {    background: #555;    color: #fff;}::-moz-selection {    background: #555;    color: #fff;}/*loading*/ .RWDfakeloader {    background: var(--FooterBg);    background-size: cover;    background-position: center;}.fl {    width: 350px;}.fl img {    width: 100%;    animation-name: zeroall;    animation-duration: 1.0s;}@-webkit-keyframes zeroall {    0% {        opacity: 0;        transform: translateY(50px);    }    100% {        opacity: 1;        transform: translateY(0px);    }}/*網頁警告*/ .RWDalert_fancybox.bottom {    z-index: 99999 !important;    width: 550px !important;    border: 1px solid var(--BorderColor);    border-radius: 10px !important;    padding: 3rem 4.5rem !important;    color: var(--TextMainColor) !important;    line-height: 1.8 !important;    letter-spacing: 0px !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: 4rem;    align-items: center;    flex-direction: column;    gap: 1rem 0;    left: auto !important;    right: 2vw !important;    backdrop-filter: blur(50px);    -webkit-backdrop-filter: blur(50px);    background: rgb(255 255 255 / 0%) !important;    background-color: rgba(255, 255, 255, .6) !important;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active {    color: white !important;    padding: 5px 2rem;    border-color: var(--MainColor);    background: var(--MainColor) !important;    font-size: var(--FontSizeP);    border-radius: var(--BorderRadius);    font-weight: 400;}.RWDalert_fancybox.bottom .editor a {    color: var(--MainColor);    border-bottom: 1px solid var(--MainColor);    white-space: nowrap;}.RWDalert_fancybox.bottom .editor {    font-size: var(--FontSizeP) !important;    text-align: left;    margin-bottom: 0 !important;}.RWDalert_fancybox.bottom .btn-box {    margin: 1rem 0 0;}@media (max-width: 1500px) {    .RWDalert_fancybox.bottom {        width: 50% !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: 991px) {    .RWDalert_fancybox.bottom {        margin-bottom: 2rem;    }    .RWDalert_fancybox.bottom .btn-box {        text-align: center;    }}@media (max-width: 800px) {    .RWDalert_fancybox.bottom {        width: 100% !important;        border-radius: 0px !important;        margin-bottom: 0 !important;        left: 0 !important;        flex-direction: column !important;        justify-content: flex-start !important;        padding: 30px 30px 20px !important;    }}/*搜尋*/ .RWDmenu_plus04 #search-box.full {    height: 100vh;}.cd-search.full input {    font-size: 30px;}.cd-search.full .ibtn {    font-size: 25px;}@media (min-width: 800px) {    .cd-search.full .search-in {        max-width: 1000px;        width: 80%;    }}.RWDmenu_plus04 #search-box.full .form-control {    font-size: 24px;    letter-spacing: 1px;}.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 25px;}@media (min-width: 800px) {    .RWDmenu_plus04 #search-box.full .search-in {        max-width: 1000px;        width: 80%;    }}/* 搜尋框 */ .RWDmenu_plus04 #search-box.full .form-control {    border: 1px solid;    padding: 2rem 8rem 2rem 4rem;    border-radius: var(--BorderRadius);}.RWDmenu_plus04 #search-box.full .btn-box {    top: 50%;    transform: translateY(-50%);    right: 4rem;}.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 1.25rem;}/* Navi */ .RWDmenu_plus04 .container {    width: 100% !important;    max-width: unset;    padding: 0;}.RWDmenu_plus04 .header {    padding: 0 calc(160px + 30px + 1.5rem) 0 5vw;    background: transparent;    transition: var(--TransitionEase);    border-bottom: 1px solid rgba(255, 255, 255, .6);}.RWDmenu_plus04 .header.is-up {    backdrop-filter: blur(50px);    -webkit-backdrop-filter: blur(50px);    background: rgb(255 255 255 / 0%);    transition: var(--TransitionEase);    background-color: rgba(255, 255, 255, .6);}/* 統一選單高度 */ .RWDmenu_plus04 .header,.RWDmenu_plus04 .logo {    height: var(--NaviHeight);}/* logo設定 */ .RWDmenu_plus04 .logo {    position: relative;    display: flex;    align-items: center;    width: fit-content;    transition: var(--TransitionEase);}.RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 35px);    aspect-ratio: 125/37;    width: auto;    transition: var(--TransitionEase);}.RWDmenu_plus04 .is-up .logo img {    transition: var(--TransitionEase);}/* 選單設定 */ .RWDmenu_plus04 .site-nav .menu>li>a {    font-size: var(--FontSizeNavi);    text-align: center;    padding: 30px 25px;    color: var(--TextMainColor);    letter-spacing: 1px;    font-weight: 400;}.RWDmenu_plus04 .features i,.RWDmenu_plus04 .features .share-group a,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .lang-select,.RWDmenu_plus04 .features .querycar-btn {    color: var(--TextMainColor);}/* 選單收尋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 .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .lang-select {    padding-inline: 15px !important;    height: var(--NaviHeight);    display: flex;    align-items: center;}/* 購物車數字 */ .RWDmenu_plus04 .cart-nu {    top: 3px;    position: relative;    font-size: 10px;}.RWDmenu_plus04 .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(--TextMainColor);}.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(--TextMainColor);}.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(--TextMainColor);}.RWDmenu_plus04 .site-nav .menu>li>ul {    width: 200px;    margin-left: 0;    transform: translateX(-50%);    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(--TextMainColor);}.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(--FontSizeH4);    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 {    color: var(--TextMainColor);    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 .features {    position: relative;    width: 175px;    padding-left: 3rem;    border-left: 1px solid white;}.RWDmenu_plus04 .site-nav {    transform: translateX(-3rem);}/* 漢堡選單 */ .RWDmenu_plus04 #mobile-menu .menu>li.active,.RWDmenu_plus04 #mobile-menu .menu>li.active>a {    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: white;}.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;}.ml-stack-nav-toggle {    color: var(--NaviColor);}.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);}/* 搜尋換icon */ .RWDmenu_plus04 i.glyphicon.glyphicon-search:before {    content: "\f4a4";    font-family: "Ionicons";    font-size: 20px;    top: -1px;    position: relative;}.RWDmenu_plus04 #search-box {    margin-right: 10rem;    top: calc(100% - 15px);}/* 語系 */ .RWDmenu_plus04 .features .lang-select {    float: left;}.RWDmenu_plus04 .lang-select-label {    padding: 0;    position: relative;    top: 0;}.RWDmenu_plus04 .lang-select-label {    font-size: var(--FontSizeP);}.RWDmenu_plus04 .lang-select-label>span:nth-of-type(1) {    display: none;}.RWDmenu_plus04 .lang-select-label .ic_lang-select:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: url(archive/image/customization/menu-lan-icon.webp) no-repeat;    background-size: 100% 100%;    top: 50%;    transform: translateY(-50%);}.RWDmenu_plus04 .lang-select-label i.fa.ic_lang-select {    display: inline-block;    width: 18px;    height: 18px;    position: relative;    top: 3px;}/* 測選單 */#div_forget_content .subject {    letter-spacing: 1.5px;    font-weight: 500;    color: var(--TextMainColor);}#forget_table .verifyimg {    width: 80px;}#forget_table .th {    font-weight: 400;    color: var(--TextMainColor);}.RWDmenu_plus04 .member-block,.RWDmenu_plus04 .cart-block,.RWDmenu_plus04 .querycar-block,.RWDmenu_plus04 .cart-block .bottom-box,.RWDmenu_plus04 .querycar-block .bottom-box {    background: #f2f2f2;}.RWDmenu_plus04 .member-block .form-area .group {    border-bottom: none;}.RWDmenu_plus04 .member-block .form-area .group img.verifyimg {    width: auto;    max-width: 82px;}/* 選單滑過 */ .RWDmenu_plus04 .site-nav .menu li:before {    content: '';    position: absolute;    width: 0;    height: 1.5px;    background: var(--MainColor);    right: 0;    bottom: -1px;    transition: var(--TransitionEase);}.RWDmenu_plus04 .site-nav .menu li:hover:before {    right: auto;    left: 0;    width: 100%;    transition: var(--TransitionEase);}/* 寬版選單 */ .RWDmenu_plus04 .dropdown-menu {    max-width: none;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a,.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>a,.RWDmenu_plus04 .dropdown-menu .manu-item-box li a {    font-size: var(--FontSizeNavi);    color: var(--TextMainColor);    line-height: 1.2;    letter-spacing: 1px;    padding: var(--SpaceSm);}.RWDmenu_plus04 .dropdown-menu .manu-item-box {    margin: 0;    display: grid;    grid-template-columns: repeat(3, 1fr);    grid-gap: var(--SpaceLg);}.RWDmenu_plus04 .dropdown-menu .manu-item-box li {    width: 100%;}/* 滑過樣式 */@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(--SubColor);    }    .RWDmenu_plus04 .is-up .lang-select-label:hover::after,    .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:hover:after {        border-color: var(--SubColor);    }    .RWDmenu_plus04 .header.is-up .site-nav .menu li.active>a:after,    .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child:hover>a:after {        border-color: var(--SubColor);    }    .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;        background: var(--NaviHoverColor);        color: white !important;    }    .RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li>a:hover,    .RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li.active>a {        background: transparent;        color: var(--MainColor);        padding-left: 0;    }    .RWDmenu_plus04 .lang-select:hover .lang-select-label,    .RWDmenu_plus04 .site-nav .menu>li>a:hover {        background: transparent;        color: var(--SubColor);    }    .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 a {        color: var(--BtnHoverColor);        background: var(--BtnHoverBg);    }    .index-btn.sub-btn:hover a {        color: var(--SubBtnHoverColor);        background: var(--SubBtnHoverBg);    }    .index-btn.outline-btn:hover a {        border-color: var(--BtnOutlineHoverBg);        background: var(--BtnOutlineHoverBg);        color: var(--BtnOutlineHoverColor);    }    .convert-btn .white-btn:hover {        color: white;    }}/* 按鈕 */ .btn-block {    margin: var(--ItemSpacing) 0 0;}.RWDbtn01 .btn-box {    margin: 0 auto;    display: flex;    justify-content: center;}.RWDbtn01 .btn-box .col-sm-6 {    padding: 0;    width: 100%;}.RWDbtn01 .btn-box .col-sm-12 {    padding: 0;    justify-content: center;    max-width: 300px;}.RWDbtn01 {    margin: 0;    overflow: unset;}.white-btn,.RWDbtn01 .btn {    display: block;    padding: 15px 15px;    color: var(--SubColor);    border: none;    background: white;    font-weight: 400;    position: relative;    font-size: var(--FontSizeP);    line-height: 1.5;    text-align: center;    border-radius: var(--BorderRadius);    max-width: 300px;    min-width: 300px;    transition: var(--TransitionEase);    box-shadow: 9px 11px 15px rgb(78 117 147 / 15%);    overflow: hidden;}.RWDbtn01 .btn:before {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    color: var(--SubColor);    right: 1.5rem;    line-height: 1;    transition: var(--TransitionEase);}.RWDbtn01 .btn:hover:before {    color: white;    opacity: 0;    right: -1.5rem;    transition: var(--TransitionEase);}.RWDbtn01 .btn:hover {    background-color: var(--MainColor);    color: white;    border: none;    letter-spacing: 3px;}.RWDbtn01 .btn:after {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    line-height: 1;    color: white;    right: 3rem;    opacity: 0;    transition: var(--TransitionEase);}.RWDbtn01 .btn:hover:after {    right: 1.5rem;    opacity: 1;    transition: var(--TransitionEase);}/* 白色 */a.index-btn {    font-size: var(--FontSizeP);    font-weight: 400;    color: var(--SubColor);    padding: 15px 15px;    min-width: 300px;    border: 1px solid var(--SubColor);    border-radius: var(--BorderRadius);    text-align: center;    display: flex;    justify-content: center;    align-items: center;    position: relative;    overflow: hidden;}.about-btn-item.grid-item {    display: grid;    grid-template-columns: 300px 300px;    grid-gap: 0 2rem;    justify-content: center;    align-items: center;}a.index-btn.about-btn01 {    background: var(--MainColor);    color: white;    border-color: var(--MainColor);}a.index-btn:before {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    color: var(--SubColor);    right: 1.5rem;    transition: var(--TransitionEase);}a.index-btn.about-btn01:before {    color: white;}a.index-btn:after {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    color: var(--SubColor);    right: 3rem;    opacity: 0;    transition: var(--TransitionEase);}/* 滑過 */a.index-btn.white-btn {    border-color: white;}@media (hover: hover) {    a.index-btn:hover {        background: var(--ThirdColor);        border-color: var(--ThirdColor);        letter-spacing: 3px;        color: white;    }    a.index-btn.about-btn02:hover {        background: var(--SubColor);        color: white;        border-color: var(--SubColor);    }    a.index-btn:hover {        background: var(--ThirdColor);        border-color: var(--ThirdColor);    }    a.index-btn:hover:before {        right: -1.5rem;        opacity: 0;        transition: var(--TransitionEase);    }    a.index-btn:hover:after {        right: 1.5rem;        opacity: 1;        transition: var(--TransitionEase);        color: white;    }}
/*客製化語法 start*/ 

/* banner */ .RWDbanner_plus01 .slick-caption {    top: 32%;}.RWDbanner_plus01 .slick-active .pic.fadeInLeft01 {    -webkit-animation-name: zoomOut01;    animation-name: zoomOut01;    -webkit-animation-duration: 15s;    animation-duration: 15s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both}/* scorll */ .RWDbanner_plus01 {    overflow: visible;}.RWDbanner_plus01 .banner-slider {    overflow: hidden;}.RWDbanner_plus01 .page-scroll {    margin-left: 0;    width: 140px;    height: 140px;    bottom: -70px;    transform: translateX(-50%);    transition: var(--TransitionEase);}.RWDbanner_plus01 .page-scroll:hover {    width: 130px;    height: 130px;    transition: var(--TransitionEase);}.RWDbanner_plus01 .page-scroll:before {    content: '';    position: absolute;    width: 400px;    height: 150px;    background: url(archive/image/customization/20250213-scroll-bg.webp) no-repeat;    background-size: contain;    bottom: 70px;    left: 50%;    transform: translateX(-50%);    pointer-events: none;    z-index: -1;}.RWDbanner_plus01 .page-scroll.style-custom span {    margin: 0;    position: absolute;    top: 30%;    text-align: center;    left: 50%;    transform: translateX(-50%);    letter-spacing: 0.5px;    font-family: var(--FontFamilyEn);}.RWDbanner_plus01 .page-scroll a {    -webkit-transform: translate(0, 0%);    transform: translate(0, 0%);    position: relative;}.RWDbanner_plus01 .page-scroll a:before {    content: "\f3d0";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    left: 50%;    transform: translateX(-50%);    bottom: 20%;}.RWDbanner_plus01 .page-scroll a:hover {    opacity: 1;}/* banner輪播 */ .RWDbanner_plus01.style-dotnav.dot .slick-dots button {    width: 10px;    height: 10px;    background: transparent;    border: 1px solid white;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: white;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li {    width: 25px;    height: 25px;    line-height: 1.5;}/* 引言 */ .intro-block.section-block {    padding-top: calc(var(--SectionPadding) + 2rem);}/* 關於 */ .about-block {    overflow: hidden;}.about-block .pic-block:before {    content: '';    position: absolute;    width: 26vw;    height: 26vw;    background: linear-gradient(90deg, #cbe2f1, transparent);    right: -13vw;    bottom: -7vw;    border-radius: 100%;    z-index: -2;}.index .about-block>.container {    grid-template-columns: 33vw auto;    grid-template-areas:        'text pic'        'score pic'        'btn btn';    grid-gap: 0 5vw;}.about-block :is(.text-block, .score-block) {    padding-left: 5vw;}.about-block .text-block {    align-self: flex-end;    margin-bottom: var(--SectionPadding);}/* 裝飾 */ .about-block:before {    content: '';    position: absolute;    width: 48vw;    height: 49vw;    background: url(archive/image/customization/about-center-circle.webp) no-repeat;    background-size: contain;    left: 50%;    transform: translateX(-50%);    mix-blend-mode: lighten;    opacity: .85;    top: 0;    z-index: -2;    pointer-events: none;}/* 關於數據 */ .RWDscore01 .score-maintitle,.RWDscore01 .score-subtitle {    display: none;}.RWDscore01 .trigger-blk {    display: none;}.RWDscore01 .count-blk {    max-width: none;    padding: 0;    overflow: unset;}.RWDscore01 .count-blk .swiper-slide {    padding: 0;    display: flex;    flex-wrap: wrap;    width: 100% !important;}.RWDscore01 .count-item {    width: calc(50% - 2rem);    line-height: 1.2;    display: flex;    align-items: baseline;    justify-content: space-between;    padding: 2rem 2.5rem;    position: relative;    flex-direction: column;    background: white;    border-radius: 1.5rem;    box-shadow: 7px 6px 20px color(srgb 0.78 0.82 0.85);    margin: 0 1.5rem 2rem 0;    gap: 2rem 0;}.RWDscore01 .score-mainblk {    width: 100%;    min-height: auto;}.RWDscore01 .score-content {    padding: 0;    text-align: left;}.RWDscore01 .count-num {    font-size: var(--NumberSize);    font-family: var(--FontFamilyTitle);    letter-spacing: -1px;    color: var(--MainColor);    font-weight: 700;    position: relative;    line-height: 1;}.RWDscore01 .count-title {    font-size: var(--FontSizeP);    font-weight: 500;    letter-spacing: 1px;    margin: 0;}.RWDscore01 .count-item>div:nth-child(1) {    position: relative;    /*padding-right: 2.5rem;*/}.RWDscore01 .count-item>div>span:nth-child(2) {    display: none;}.RWDscore01 span.count-str:before {    content: '+';    position: absolute;    font-size: 1.25rem;    left: 2px;    color: var(--MainColor);    top: 10px;    font-weight: 300;}.RWDscore01 .score-content span.count-str {    font-size: var(--FontSizeP);    font-weight: 400;    height: 100%;    position: absolute;    bottom: 0;    display: flex;    justify-content: flex-start;    align-items: flex-end;    right: 0;    color: var(--MainColor);}.RWDscore01 .count-blk>.swiper-wrapper {    height: auto !important;}/* 關於圖片 */ .about-pic img {    aspect-ratio: 113 / 110;}/* 認證 */ .certificate-box01 {    grid-area: cer-left;}.certificate-box02 {    grid-area: cer-right;}.index .certificate-block>.container {    grid-template-columns: calc(50% - 2.5rem) calc(50% - 2.5rem);    padding: 5vw;    background: white;    grid-gap: 0 5rem;    grid-template-areas: 'cer-left cer-right';    box-shadow: 11px 11px 30px rgb(78 117 147 / 10%);    border-radius: 10px;}/* 項目 */ .certificate-block .RWDnews005 .main-title {    font-size: calc(var(--CardTitleSize) * 1.2);    font-weight: bold;    letter-spacing: 1px;    text-align: left;    color: var(--TextMainColor);    line-height: 1.5;    padding: 0 0 1rem;    margin: 0 0 2rem;    border-bottom: 1px solid var(--BorderColor);}.certificate-block .RWDnews005 h4 a,.certificate-block .news005_h4 a {    font-size: var(--FontSizeSmall);    color: var(--TextMainColor);    line-height: 1.2;}.certificate-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 1rem;}/* 拆掉news005預設 */ .RWDnews005 .container {    width: 100% !important;}.RWDnews005 .section-line {    display: none;}.RWDnews005 .section-subject {    text-align: left;    margin: 0;    display: block;}.RWDnews005 .section-subject .col-md-12 {    padding: 0;}.RWDnews005 .margin-top-20 {    margin: 0 !important;}.RWDnews005 a {    display: block;    width: 100%;    height: 100%;}.RWDnews005 .owl-carousel .owl-item .news005_h4 span {    display: block;    line-height: 1.8;    font-size: 14px;}.RWDnews005 .owl-carousel.owl-padding-10 {    margin-bottom: 0;    position: unset;}.certificate-block .RWDnews005 .owl-carousel.buttons-autohide .owl-buttons {    display: none;}/* 圖片 */ .certificate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {    width: 60%;    margin: 0 auto 1rem;}.certificate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a img {    aspect-ratio: 1 / 1;}/* 輪播點 */ .RWDnews005 .owl-theme .owl-controls .owl-page span {    width: 8px;    height: 8px;    margin: 0 5px;}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page span {    border: var(TextSubColor);}.certificate-block .RWDnews005 .controlls-over .owl-pagination {    width: fit-content;    text-align: right;    bottom: auto;    position: absolute;    top: 0;    left: auto;    right: 1rem;    z-index: 2;}/* ESG */ .esg-block:before {    content: '';    position: absolute;    width: 100%;    height: 155%;    background: url(archive/image/customization/esg-bg04.webp) no-repeat;    background-size: 100% 100%;    top: 0;    left: 0;    mix-blend-mode: luminosity;    z-index: -5;}.RWDservice006 {    margin-top: 0;}.esg-block .main-block {    padding: 4vw 4vw;    background: linear-gradient(90deg, #eaf3f8, #eef7fb);    box-shadow: 11px 11px 30px rgb(78 117 147 / 10%);    border-radius: 10px;}/* 關鍵切換 */ .RWDservice006 .tab-title {    color: white;    text-align: center;    height: auto;    font-size: var(--CardTitleSize);    letter-spacing: 1px;}.RWDservice006 .tab-block {    background: transparent;    border-radius: var(--BorderRadius);    overflow: hidden;    margin: 0 0 3.5vw;}.RWDservice006 .tab-lead {    color: white;    font-size: calc(var(--CardTitleSize)* 2);    font-weight: 600;    padding: 0;    line-height: 1;    margin: 0 10px 8px 0;}/* 拆掉service006預設 */ .RWDservice006 .main-slider {    margin: 0 6rem;}.RWDservice006 .tab-icon,.RWDservice006 .tab-lead:after {    display: none;}/* esg 項目 */ .RWDservice006 .main-slider .swiper-slide {    display: grid;    grid-template-columns: 1fr 1.4fr;    align-items: center;    grid-gap: 0 3vw;}.RWDservice006 .main-slider .img-box,.RWDservice006 .main-slider .RWDservice006__content {    width: 100%;    padding: 0;}/* 大區塊圖片 */ .RWDservice006 .main-slider .img-box {    height: 100%;    border-radius: 10px;    overflow: hidden;}.RWDservice006 .main-slider .img-box img {    min-height: 100%;    max-height: 100%;    object-fit: cover;}/* 大區塊文字 */ .RWDservice006 .RWDservice006__content .editor {    font-family: var(--FontFamilyTw);}.RWDservice006 .main-slider .RWDservice006__content .editor strong {    font-size: calc(var(--FontSizeMain) * 0.65);    font-weight: 700;    color: var(--TextMainColor);    display: inline-block;    line-height: 1.7;}.RWDservice006 .main-slider .RWDservice006__content .editor em {    font-style: normal;    letter-spacing: .5px;    font-size: calc(var(--CardTitleSize)*1.2);    color: var(--TextMainColor);    margin: 0 0 3rem;    display: inline-block;    line-height: 1;    font-weight: 400;}/* 切換 */ .RWDservice006 .tab-name {    color: white;    font-weight: 700;    display: flex;    justify-content: center;    align-items: center;    padding: 1.25rem 0;    position: relative;}/* 切換背景 */ .RWDservice006 .tab-name:nth-child(1) {    background: linear-gradient(0deg, var(--ESubColor), var(--EMainColor), var(--ESubColor));    transform: translateX(-95%);}.RWDservice006 .tab-name:nth-child(2) {    background: linear-gradient(0deg, var(--SSubColor), var(--SMainColor), var(--SSubColor));    transform: translateX(-10px);}.RWDservice006 .tab-name:nth-child(3) {    border-radius: 0 var(--BorderRadius) var(--BorderRadius) 0;    background: linear-gradient(0deg, var(--GSubColor), var(--GMainColor), var(--GSubColor));    transform: translateX(95%);}/* 子標題顏色 */ .RWDservice006 .main-slider .swiper-slide:nth-child(1) .editor strong {    color: var(--EMainColor);}.RWDservice006 .main-slider .swiper-slide:nth-child(2) .editor strong {    color: var(--SMainColor);}.RWDservice006 .main-slider .swiper-slide:nth-child(3) .editor strong {    color: var(--GMainColor);}.RWDservice006 .tab-name:after,.RWDservice006 .tab-name:nth-child(4),.RWDservice006 .tab-name:nth-child(5),.RWDservice006 .tab-name:nth-child(6) {    display: none;}.RWDservice006 .tab-name:nth-child(1):before {    content: '';    position: absolute;    width: calc(200% + 20px);    height: 100%;    background: linear-gradient(0deg, var(--ESubColor), var(--EMainColor), var(--ESubColor));    left: calc(-50% - 20px);    top: 0;    z-index: -3;    pointer-events: none;    border-radius: var(--BorderRadius) 0 0 var(--BorderRadius);}.RWDservice006 .tab-name:nth-child(2):before {    content: '';    position: absolute;    width: calc(200% + 20px);    height: 100%;    background: linear-gradient(0deg, var(--SSubColor), var(--SMainColor), var(--SSubColor));    left: 50%;    transform: translateX(-50%);    z-index: 0;    pointer-events: none;}.RWDservice006 .tab-name:nth-child(3):before {    content: '';    position: absolute;    width: calc(200% + 20px);    height: 100%;    background: linear-gradient(0deg, var(--GSubColor), var(--GMainColor), var(--GSubColor));    right: calc(-50%);    top: 0;    z-index: -3;    pointer-events: none;    border-radius: 0 var(--BorderRadius) var(--BorderRadius) 0;}.RWDservice006 .tab-lead,.RWDservice006 .tab-title {    z-index: 2;}/* 前往永續專區按鈕 */ .RWDservice006__content__down__a {    padding: 15px 3rem;    border-radius: var(--BorderRadius);    position: relative;    min-width: 300px;    max-width: 300px;    display: flex;    justify-content: center;    transition: var(--TransitionEase);}.RWDservice006__content__down {    margin: 3rem 0 0;}.RWDservice006__content__down__a:before {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    color: var(--SubColor);    right: 1.5rem;    line-height: 1;    transition: var(--TransitionEase);}.RWDservice006__content__down__a:after {    content: "\f3d6";    position: absolute;    font-family: "Ionicons";    font-size: 1.5rem;    line-height: 1;    color: white;    right: 3rem;    opacity: 0;    transition: var(--TransitionEase);}/* 滑過 */ .no-touch .RWDservice006__content__down__a:hover {    letter-spacing: 3px;}.RWDservice006__content__down__a:hover:before {    color: white;    opacity: 0;    right: -1.5rem;    transition: var(--TransitionEase);}.RWDservice006__content__down__a:hover::after {    right: 1.5rem;    opacity: 1;    transition: var(--TransitionEase);}/* 循環之路 */ .activate-block:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: url(archive/image/customization/activate-bg.webp) no-repeat;    background-size: 100% 100%;    top: -29%;    mix-blend-mode: multiply;    opacity: .5;    z-index: -5;    pointer-events: none;}.activate-block .RWDnews005 .owl-carousel .owl-item .img-hover {    padding: 1.5rem;    border: 1px solid var(--BorderColor);    border-radius: 10px;    background: white;    transition: var(--TransitionEase);}.activate-block .RWDnews005 .owl-carousel .owl-item .img-hover:hover {    transform: translate(-10px, -10px);    transition: var(--TransitionEase);}.activate-block .RWDnews005 .owl-carousel .owl-item .img-hover:hover {    box-shadow: 11px 11px 30px rgb(78 117 147 / 10%);    transition: var(--TransitionEase);}.activate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {    margin: 0 0 2.5rem;}.activate-block .news005_h4 a {    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;}.activate-block .RWDnews005 .owl-carousel .owl-item .img-hover p {    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;    margin: 0;}.activate-block .RWDnews005 h4 a,.activate-block .news005_h4 a {    font-size: var(--CardTitleSize);    text-align: left;    font-weight: bold;    letter-spacing: 1.5px;    line-height: 1.6;}.activate-block .RWDnews005 .owl-carousel .owl-item .news005_h4 span,.activate-block .RWDnews005 .owl-carousel .owl-item .news005_h4 b {    display: block;    font-weight: bold;    font-size: 16px;    color: var(--MainColor);    letter-spacing: 1px;    margin: 0;}.activate-block .RWDnews005 .owl-carousel .owl-item .news005_h4 b {    color: #5979b4;}.activate-block .RWDnews005 .owl-carousel .owl-item .news005_h4 {    margin: 0 0 1rem !important;}.activate-block .RWDnews005 .owl-carousel .owl-item {    padding: 1.5rem 1.5rem;}/* 輪播 */ .activate-block .RWDnews005 .controlls-over .owl-pagination {    bottom: 0;    margin: 2rem auto 0;}/* 左右按鈕 */ .activate-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div {    margin-top: 0;    width: 4rem !important;    height: 4rem !important;    font-weight: 400;    padding: 10px;    display: flex;    justify-content: center;    align-items: center;    border-radius: 100%;    font-size: 1.5rem;    color: var(--TextMainColor);    box-shadow: 6px 10px 20px rgb(78 117 147 / 10%);}.activate-block .RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -5rem;}.activate-block .RWDnews005 .controlls-over .owl-controls .owl-next {    right: -5rem;}/* 最新消息 */ .news-block:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: linear-gradient(90deg, #dbe7ee, #e9f4fa);    top: 0;    left: 0;    z-index: -4;}/* 20250213 */ .RWDscore01 .count-item>div:nth-child(1) {    justify-content: flex-start;    gap: 0 5px;    display: flex;}.RWDscore01 .score-content span.count-str {    position: relative;    bottom: auto;    right: auto;}

/*客製化語法 end*/ 
/*轉化區塊 start*/ 

.convert-block .index-pic {    position: absolute;    top: 0;    left: 0;    z-index: 1;    opacity: 0;    width: 100%;}.convert-block {    overflow: hidden;    margin-bottom: calc(var(--SectionPadding) - 29px);    position: relative;}.convert-block .index-pic .cover {    width: 100%;}.convert-block .container-60 {    max-width: 1420px;    width: 60%;    margin-inline: auto;    display: flex;    flex-direction: column;    z-index: 1;    position: relative;}.convert-title {    width: 80%;    margin-inline: auto;    padding-top: calc(var(--SectionPadding)*1);    padding-bottom: calc(var(--SectionPadding)* 1.5);}.convert-material {    position: relative;    aspect-ratio: 1200/330;}.convert-material::before {    content: '';    width: 100%;    aspect-ratio: 4 / 1;    background: radial-gradient(circle, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);    filter: blur(2.5vw);    position: absolute;    pointer-events: none;}.convert-material>div {    position: absolute;}.index .convert-material-01 {    width: clamp(2.375rem, 0.8749rem + 2.4219vw, 4.75rem);    top: 8%;    left: 14%;    animation: convert-material-01 linear 3s infinite alternate-reverse;}@keyframes convert-material-01 {    0% {        transform: translateX(0px) translateY(0px);    }    25% {        transform: translateX(25px) translateY(10px);    }    50% {        transform: translateX(20px) translateY(0px);    }    75% {        transform: translateX(10px) translateY(10px);    }    100% {        transform: translateX(0px) translateY(0px);    }}.index .convert-material-02 {    width: clamp(3.4375rem, 1.5427rem + 3.0593vw, 6.4375rem);    left: 23%;    bottom: 19%;    animation: convert-material-02 linear 3s infinite alternate-reverse;}@keyframes convert-material-02 {    0% {        transform: translateX(0px) translateY(0px);    }    25% {        transform: translateX(-25px) translateY(-10px);    }    50% {        transform: translateX(-20px) translateY(0px);    }    75% {        transform: translateX(-10px) translateY(-10px);    }    100% {        transform: translateX(0px) translateY(0px);    }}.index .convert-material-03 {    width: clamp(5.8125rem, 2.9308rem + 4.6526vw, 10.375rem);    left: 35%;    top: 3%;    animation: convert-material-01 linear 6s infinite alternate-reverse;}.index .convert-material-04 {    width: clamp(3.75rem, 2.092rem + 2.6769vw, 6.375rem);    right: 39%;    bottom: 0%;    animation: convert-material-02 linear 7s infinite alternate-reverse;}.index .convert-material-05 {    width: clamp(5.0625rem, 2.7334rem + 3.7604vw, 8.75rem);    right: 20%;    bottom: 28%;    animation: convert-material-01 linear 6s infinite alternate-reverse;}.index .convert-material-06 {    width: clamp(1.8125rem, 0.9835rem + 1.3384vw, 3.125rem);    right: 13%;    top: -3%;    animation: convert-material-02 linear 6s infinite alternate-reverse;}.convert-text {    border-radius: 2em;    padding: 4rem 2.5rem;    position: relative;    box-shadow: inset 0px 0px 2px 4px #ffffffa1;}.convert-text::before {    content: '';    width: 100%;    height: 100%;    border-radius: 2em;    background: url(archive/image/customization/convert-text-bg.webp) no-repeat;    background-size: cover;    position: absolute;    left: 0;    top: 0;    z-index: -1;    box-shadow:        2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),        6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),        12.5px 12.5px 10px rgba(0, 0, 0, 0.035),        22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),        41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),        100px 100px 80px rgba(0, 0, 0, 0.07);}.convert-text .sub-title {    font-size: calc(var(--FontSizeMain)/1.5);    font-weight: bold;    color: var(--TextMainColor);    line-height: 1.5;    margin-bottom: 1.5rem;}.convert-text .sub-title br:nth-of-type(2) {    display: none;}.convert-text .item-box {    display: grid;    grid-template-columns: repeat(4, max-content);    justify-content: center;}.convert-text .item-icon {    border-top: 1px solid rgb(150 150 150 / 40%);    border-bottom: 1px solid rgb(150 150 150 / 40%);}.convert-text .item-icon img {    width: 55px;    display: block;    margin-inline: auto;    padding-block: 1rem;}.convert-text .item-text {    text-align: center;    padding: 1.5rem 1.8vw;    border-right: 1px solid rgb(150 150 150 / 45%);}.item-04 .item-text {    border-right: 0;}.convert-text .item-title {    font-size: var(--CardTitleSize);    font-weight: bold;    letter-spacing: 1px;    line-height: 1.4;}.convert-text .description {    font-size: calc(var(--FontSizeP)*0.9);    margin-bottom: 0;    margin-top: 8px;}.convert-material-circle {    z-index: -1;    position: relative;    margin: auto;    aspect-ratio: 1207 / 915;}.convert-material-circle::after {    content: '';    width: 95%;    height: 100%;    position: absolute;    left: 50%;    transform: var(--TransformXCenter);    bottom: 20%;    background: linear-gradient(to right, #20ad9a 0%, transparent 50%, #20ad9a 100%);    opacity: 0.5;    mask: linear-gradient(0deg, #ff000000 20%, #000000 50%, #ff000000 90%);    clip-path: polygon(0 0, 100% 0, 70% 100%, 30% 100%);    animation: material-circle 3s linear infinite;}@keyframes material-circle {    0% {        transform: var(--TransformXCenter);        height: 50%;        opacity: 0;    }    50% {        transform: var(--TransformXCenter);    }    80% {        transform: var(--TransformXCenter);        height: 100%;        opacity: 0.5;    }    100% {        transform: var(--TransformXCenter);        height: 100%;        opacity: 0.5;    }}.convert-material-circle>div {    position: absolute;    top: 0;    left: 50%;    transform: var(--TransformXCenter);}.convert-material-circle .circle-01 {    animation: circle-01 3s linear infinite;    opacity: 0;}.convert-material-circle .circle-01 img {    aspect-ratio: 2 / 0.5;}@keyframes circle-01 {    0% {        transform: var(--TransformXCenter) translateY(-160%) scale(2);        opacity: 0;    }    50% {        transform: var(--TransformXCenter) translateY(-160%) scale(2);        opacity: 0;    }    75% {        transform: var(--TransformXCenter) translateY(-45%) scale(2);        opacity: 1;    }    100% {        transform: var(--TransformXCenter) translateY(-45%) scale(2);        opacity: 0;    }}.convert-material-circle .circle-02 {    margin-inline: auto;    mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);    animation: circle-02 3s linear infinite;    opacity: 0;}.convert-material-circle .circle-02 img {    aspect-ratio: 2 / 0.35;}@keyframes circle-02 {    0% {        transform: var(--TransformXCenter) translateY(-100%) scale(2);        opacity: 0;    }    30% {        transform: var(--TransformXCenter) translateY(-100%) scale(2);        opacity: 0;    }    75% {        transform: var(--TransformXCenter) translateY(178%) scale(1.7);        opacity: 1;    }    85% {        transform: var(--TransformXCenter) translateY(178%) scale(1.7);        opacity: 1;    }    100% {        transform: var(--TransformXCenter) translateY(178%) scale(1.7);        opacity: 0;    }}.convert-material-circle .circle-03 {    margin-inline: auto;    mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);    animation: circle-03 linear 3s infinite;    opacity: 0;}.convert-material-circle .circle-03 img {    aspect-ratio: 2 / 0.33;}@keyframes circle-03 {    0% {        transform: var(--TransformXCenter) translateY(0%) scale(2);        opacity: 0;    }    70% {        transform: var(--TransformXCenter) translateY(380%) scale(1.5);        opacity: 1;    }    80% {        transform: var(--TransformXCenter) translateY(380%) scale(1.5);        opacity: 1;    }    100% {        opacity: 0;        transform: var(--TransformXCenter) translateY(380%) scale(1.5);    }}.convert-image {    width: 85%;    margin-inline: auto;    position: relative;}.convert-image-box {    z-index: -1;    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 50%;    transform: var(--TransformXCenter);}.convert-image-box .image-bg {    height: calc(100% - 58px);}.convert-image-box::before {    content: '';    width: 80%;    height: 75%;    background: url(archive/image/customization/light.webp) no-repeat;    position: absolute;    bottom: 0;    left: 50%;    background-size: contain;    z-index: 1;    transform: var(--TransformXCenter);    animation: light linear 3s infinite;    opacity: 0;}@keyframes light {    0% {        opacity: 0;    }    50% {        opacity: 0;    }    60% {        opacity: 1;    }    90% {        opacity: 1;    }    100% {        opacity: 0;    }}.convert-image-box .image-bg img {    height: 100%;    object-fit: cover;}.convert-image-bg-1 {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 79vw;}.convert-image-left {    position: absolute;    left: 0;    bottom: 0;    width: 30vw;    z-index: 2;}.convert-image-right {    position: absolute;    right: -15px;    bottom: 0;    width: 26vw;    z-index: 2;}.convert-cta .main-title {    font-size: var(--FontSizeMain);    margin-bottom: 3rem;    text-shadow: 0px 0px 16px #00000069;}.convert-cta .description {    font-size: var(--CardTitleSize);    font-weight: bold;    margin-bottom: 0;}.convert-btn .white-btn {    margin-inline: auto;    border: 0;    box-shadow: 11px 11px 30px rgb(78 117 147 / 10%);    margin-bottom: 29px;    margin-top: 4.5rem;}.convert-block .scroll-down {    color: #ffffff85;    font-size: 2.5rem;    display: flex;    flex-direction: column;    align-items: center;    padding-block: 2.5rem;}.convert-block .scroll-down .ionicons:nth-of-type(2) {    margin-top: -25px;}.convert-block .index-pic {    pointer-events: none;}.convert-block .main-title {    font-size: calc(var(--FontSizeMain)* 1.2);}/* 20250213 */ .convert-text .item-box a.item {    color: var(--TextMainColor);}.convert-text .item-box a.item:hover {    color: var(--SubColor);}@media (max-width: 2280px) {    .convert-image-bg-1 {        height: 94vw;    }    .convert-block .container-60 {        width: 70%;    }    .convert-image-box .image-bg {        height: calc(110% - 58px);        top: -10%;        position: relative;    }}@media (max-width: 1800px) {    .convert-block .container-60 {        width: 80%;    }    .convert-block .scroll-down {        font-size: 2rem;    }    .convert-block .scroll-down .ionicons:nth-of-type(2) {        margin-top: -20px;    }    .convert-image-bg-1 {        height: 100vw;    }    @keyframes circle-02 {        0% {            transform: var(--TransformXCenter) translateY(-100%) scale(2);            opacity: 0;        }        30% {            transform: var(--TransformXCenter) translateY(-100%) scale(2);            opacity: 0;        }        75% {            transform: var(--TransformXCenter) translateY(148%) scale(1.7);            opacity: 1;        }        85% {            transform: var(--TransformXCenter) translateY(148%) scale(1.7);            opacity: 1;        }        100% {            transform: var(--TransformXCenter) translateY(148%) scale(1.7);            opacity: 0;        }    }}@media (max-width: 1680px) {    .convert-image-left {        left: -7%;    }    .convert-image-right {        right: -3%;    }    .convert-title {        padding-bottom: calc(var(--SectionPadding)* 1);    }    .convert-image-box::before {        width: 90%;        height: 80%;    }}@media (max-width: 1600px) {    .convert-image {        width: 70%;    }    .convert-material-circle::after {        width: 97%;    }    .convert-material::before {        opacity: .85;        aspect-ratio: 5 / 2;    }    .convert-image-bg-1 {        height: 90vw;    }}@media (max-width: 1512px) {    .convert-block .container-60 {        width: 85%;    }    .convert-image-bg-1 {        height: 93vw;    }    .convert-image-left {        width: 35vw;    }    .convert-image-right {        width: 30vw;    }    .convert-material-circle>div {        top: -5vw;    }    .convert-text {    margin-top: 4rem;}}@media (max-width: 1440px) {    .convert-block .container-60 {        width: 90%;    }    .convert-cta .main-title {        margin-bottom: 1.5rem;    }}@media (max-width: 1366px) {    .convert-text .item-text {        padding: 1.5rem 2rem;    }    .convert-text {        padding: 5rem 4rem;    }    .convert-text .item-box {        grid-template-columns: repeat(2, 1fr);        gap: 3rem 2rem;    }    .convert-text .item-icon img {        padding-block: 0rem;    }    .convert-text .item-box>.item {        display: grid;        grid-template-columns: max-content auto;        gap: 2rem;        align-items: start;    }    .convert-text .sub-title {        border-bottom: 1px solid rgb(150 150 150 / 40%);        padding-bottom: 2rem;        margin-bottom: 2rem;    }    .convert-text .item-text {        padding: 0;        border: 0;        text-align: left;    }    .convert-text .item-icon {        border: 0;    }    .convert-image-box .image-bg {        height: calc(115% - 58px);        top: -15%;    }    .convert-material-circle {        aspect-ratio: 1207 / 800;    }}@media (max-width: 1199px) {    .convert-material::before {        filter: blur(6.5vw);    }    .convert-image-box::before {        width: 100%;        height: 90%;    }    .convert-image-right {        width: 30vw;    }    .convert-text {        padding: 3rem 4rem;    }    .convert-text .item-box>.item {        gap: 1rem;    }    .convert-block .main-title {        font-size: calc(var(--FontSizeMain)* 1.125);    }    .convert-image-box .image-bg {        height: calc(110% - 58px);        top: -10%;    }    .convert-material-circle {        aspect-ratio: 1207 / 915;    }}@media (max-width: 1024px) {.convert-text {        padding: 3rem 2.5rem;    }}@media (max-width: 991px) {    .index .convert-material-01 {        width: clamp(1.5625rem, 0.0137rem + 3.8123vw, 2.375rem);    }    .index .convert-material-02 {        width: clamp(2.25rem, -0.0136rem + 5.5718vw, 3.4375rem);    }    .index .convert-material-03 {        width: clamp(3.8125rem, 0.0002rem + 9.3842vw, 5.8125rem);    }    .index .convert-material-04 {        width: clamp(2.4375rem, -0.0643rem + 6.1584vw, 3.75rem);    }    .index .convert-material-05 {        width: clamp(3.3125rem, -0.0233rem + 8.2111vw, 5.0625rem);    }    .index .convert-material-06 {        width: clamp(1.25rem, 0.1778rem + 2.6393vw, 1.8125rem);    }    .convert-text {        padding: 3rem 3rem;    }    .convert-text .item-box>.item {        gap: 1.5rem;    }    .convert-image-box::before {        width: 100%;        height: 80%;    }    .convert-text .item-box {        grid-template-columns: 1fr;        gap: 2rem;        width: fit-content;        margin: auto;    }    .convert-text .item-icon img {        width: 50px;    }    .convert-cta .main-title {        margin-bottom: 2rem;    }    .convert-btn .white-btn {        margin-top: 4rem;    }    .convert-image-box .image-bg {        height: calc(103% - 58px);        top: -3%;    }    .convert-image-bg-1 {        height: 110vw;    }    .convert-image-left {        left: -15%;        width: 42vw;    }    .convert-image-right {        right: -15%;        width: 38vw;    }    .convert-text::before {        opacity: 0.8;    }    .convert-image {        width: 80%;    }}@media (max-width: 800px) {    .convert-text .sub-title br:nth-of-type(2) {        display: block;    }    .convert-image {        width: 90%;    }    .convert-material-circle {        aspect-ratio: 1207 / 800;    }    .convert-image-bg-1 {        height: 120vw;    }    .convert-image-left {        width: 47vw;    }    .convert-image-right {        right: -17%;        width: 43vw;    }}@media (max-width: 767px) {    .convert-cta .main-title {        margin-bottom: 1rem;    }    .convert-block .scroll-down {        padding-block: 1.5rem 1rem;    }    .index .convert-material-01 {        left: 0%;    }    .index .convert-material-06 {        right: 0%;    }    .index .convert-material-03 {        left: 30%;    }    .convert-title {        width: 90%;    }}@media (max-width: 650px) {    .convert-image-bg-1 {        height: 140vw;    }    .convert-block .main-title {        font-size: calc(var(--FontSizeMain)*0.9);        letter-spacing: 1px;    }    .convert-text .sub-title br,    .convert-text .sub-title br:nth-of-type(2) {        display: block;    }    .convert-text .sub-title {        font-size: calc(var(--FontSizeSub)*1.05);        letter-spacing: 1px;    }    .index .convert-material-03 {        width: clamp(2.8125rem, 1.9034rem + 4.5455vw, 3.75rem);    }    .index .convert-material-05 {        width: clamp(2.5rem, 1.7121rem + 3.9394vw, 3.3125rem);    }    .index .convert-material-04 {        width: clamp(1.875rem, 1.3295rem + 2.7273vw, 2.4375rem);    }    .convert-text {        padding: 2rem 1.5rem;    }    .convert-material-circle {        aspect-ratio: 1207 / 915;    }    .convert-block .scroll-down {        padding-block: 1.5rem 2rem;    }.convert-block {    margin-bottom: 0;}}@media (max-width: 480px) {    .convert-text .sub-title br:nth-of-type(2) {        display: none;    }    .convert-text .item-icon img {        width: 45px;    }    .convert-text .item-box {        gap: 1.5rem;    }    .convert-image-bg-1 {        height: 160vw;    }    .convert-material {        aspect-ratio: 1200 / 460;    }    .convert-material-box {        width: 100%;    }    .convert-block .main-title {        font-size: calc(var(--FontSizeMain)* 0.85);        letter-spacing: 1px;    }    .convert-text .item-box>.item {        gap: 1rem;    }    .convert-image-left {        width: 50vw;    }    .convert-image-right {        width: 48vw;        right: -19%;    }    .convert-image-box .image-bg {        height: calc(105% - 58px);        top: -5%;    }}@media (max-width: 380px) {    .convert-text .item-icon img {        width: 40px;    }    .convert-cta .main-title {        letter-spacing: 0;    }    .convert-image-bg-1 {        display: none;    }    .convert-text .sub-title {        font-size: calc(var(--FontSizeSub)*1);        letter-spacing: 0px;        padding-bottom: 1.5rem;        margin-bottom: 1.5rem;    }}

/*轉化區塊 end*/ 
/*動態 start*/ 

@keyframes animate {    0% {        opacity: 0;        transform: translate(0, -20px);    }    50% {        opacity: 1;    }    100% {        opacity: 0;        transform: translate(0, 20px);    }}.convert-block .scroll-down i.ion-ios-arrow-down {    animation: animate 1.4s infinite;}.convert-block .scroll-down i.ion-ios-arrow-down:nth-child(1) {    animation-delay: -0.2s;}.convert-block .scroll-down i.ion-ios-arrow-down:nth-child(2) {    animation-delay: -0.4s;}

/*動態 end*/ 
/*footer start*/ 

.footer-block {    padding: var(--SectionPadding) 0 0;    color: white;    font-family: var(--FontFamilyTw);}.wrapper_bg .footer-block>.container {    display: grid;    width: 80%;    background: var(--FooterBg);    border-radius: 1.5rem;    padding: 5vw;    grid-template-columns: auto 385px;    grid-template-areas:        'info cta'        'webmap social'        'webmap btn'        'webmap edm'        'menu menu';}.footer-block  .btn-block {    margin-bottom: 1rem;}/* 間距 */ .footer-block :is(.webmap-block, .social-block) {    margin: 4rem 0 0;    padding: 4rem 0 0;    border-top: 1px solid rgba(255, 255, 255, .5);}.footer-block :is(.webmap-block, info-block) {    padding-right: 6rem;}.footer-block :is(.webmap-block, .edm-block) {    margin-bottom: 5rem;}.footer-block a {    color: white;}/* 排列 */ .grid-container .cta-block {    grid-area: cta;}.grid-container .info-block {    grid-area: info;}.grid-container .webmap-block {    grid-area: webmap;}.grid-container .edm-block {    grid-area: edm;}.grid-container .menu-block {    grid-area: menu;}.footer-map-all {    display: flex;    gap: 0 4rem;}.footer-info-all {    grid-template-columns: 365px auto;    grid-gap: 0 4.5rem;}ul.footer-info {    list-style: none;    padding: 0;    margin: 0;}ul.footer-info>li>span {    padding: 0 15px 0 0;}/* 社群 */ .RWDsocial002 .iconRounded {    background: transparent;    color: transparent;    border: none;}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover {    background: white;    border: none;    color: transparent;}.RWDsocial002 .iconRounded {    margin: 0;    padding: 10px;    background: white;    display: grid;    justify-content: center;    align-items: center;    width: 45px;    height: 45px;}.RWDsocial002 ul.socialNetwork {    float: none !important;    display: flex;    justify-content: flex-end;    gap: 0 10px;}/* edm */ .web_edm {    background: var(--FooterEdmBg);    border: none;    border-radius: var(--BorderRadius);    display: flex;    justify-content: space-between;    padding: 0 0 0 2rem;    min-height: 55px;}.web_edm .email input {    background: transparent;    height: 100%;    color: rgba(255, 255, 255, .6);    width: 100%;    padding: 0;    margin: 0;    line-height: 1.5;    letter-spacing: 1.5px;}.web_edm .btn_container {    width: 120px;    display: flex;    align-items: center;}.web_edm .email {    width: calc(100% - 120px);}.web_edm .btn {    border: none;    padding: 10px;    border-radius: 0;    font-size: 15px;    font-weight: bold;    color: var(--SubColor);    background: transparent;    width: 50%;    height: 100%;    display: flex;    justify-content: center;    align-items: center;}.web_edm .btn:nth-child(1) {    background: rgba(255, 255, 255, .8);}.web_edm .btn:nth-child(1) {    background: white;}.web_edm .btn:hover {    color: var(--SubColor);}.web_edm .btn:nth-child(2) {    color: rgba(255, 255, 255, .5);}/* 頁尾地圖 */ul.footer-map,ul.footer-menu {    opacity: .85;    font-size: calc(var(--FontSizeP)* 1.1);    list-style: none;    padding: 0;    margin: 0;}ul.footer-map>li {    margin: 0 0 5px;}.footer-map-item .footer-map-title {    font-weight: bold;    margin: 0 0 1rem;    font-size: calc(var(--FontSizeP)* 1.22);}.footer-map-title {    font-weight: bold;    margin: 0 0 1rem;}/* 頁尾選單 */ul.footer-menu {    display: flex;    gap: 0 3rem;}ul.footer-menu>li {    position: relative;}ul.footer-menu>li:before {    content: '';    position: absolute;    width: 1px;    height: 70%;    right: -1.5rem;    background: white;    top: 50%;    transform: translateY(-50%);    opacity: .5;}/* 來信諮詢 */a.index-btn.index-mail-btn {    background: var(--FooterEdmBg);    border: none;}a.index-btn.index-mail-btn:before,a.index-btn.index-mail-btn:after {    content: "\f422";    color: white;}/* 網頁選告 */ .footer-block .copyrights {    color: #bababa;    font-size: 13px;    line-height: 1.5;    letter-spacing: 1px;    justify-content: center;    align-items: center;    display: flex;    flex-wrap: wrap;    padding: 2rem 0;    gap: 0 2rem;}.copyright_desc,.copyright_desc a,.copyright_desc a:hover {    color: #bababa;    font-size: 13px;    line-height: 1.5;    letter-spacing: 1px;}/* gotop */ .scrollTop002 .txt {    font-size: 15px;    color: var(--MainColor);}.scrollTop002 .ii-arrow_b3:before {    content: "\f3d7";    font-family: "Ionicons";}.scrollTop002 .ii {    transform: rotate(0deg);    background: transparent;    color: var(--MainColor);}.scrollTop002 {    bottom: 150px;    right: 15px;}

/*footer end*/ 
/*內頁 start*/ 

:root {    --FontSizeH1: clamp(2.25rem, 2.0357rem + 1.0714vw, 3.25rem);    --FontSizeH2: clamp(1.875rem, 1.7143rem + 0.8036vw, 2.5rem);    --FontSizeH3: clamp(1.625rem, 1.5179rem + 0.5357vw, 2.125rem);    --FontSizeH4: clamp(1.1875rem, 1.1518rem + 0.1786vw, 1.375rem);    --FontSizeH5: 1.125rem;    --FontSizeH6: 1rem;    /* 基礎間距 - 4px 為基準 */    --Space1: 4px;    --Space2: 8px;    --Space3: 12px;    --Space4: 16px;    --Space5: 20px;    --Space6: 24px;    --Space8: 32px;    --Space9: 36px;    --Space10: 40px;    --Space12: 48px;    --Space16: 64px;    /* 語意化間距 */    --SpaceXs: var(--Space1);    /* 4px - 極小間距 */    --SpaceSm: var(--Space2);    /* 8px - 小間距 */    --SpaceMd: var(--Space4);    /* 16px - 中等間距 */    --SpaceLg: var(--Space6);    /* 24px - 大間距 */    --SpaceXl: var(--Space8);    /* 32px - 極大間距 */    --Space2xl: var(--Space12);    /* 48px - 超大間距 */    --Space3xl: var(--Space16);    /* 64px - 巨大間距 */    /* 功能性間距 */    --SpaceComponent: max(3.5vw, 48px);    /* 元件內間距 */    --SpaceGutter: var(--SpaceMd);    /* 網格間距 */    --SpaceForm: var(--SpaceSm);    /* 表單元素間距 */    --SpaceCard: max(var(--Space2xl), 28px);    --SpaceSeciton: max(4vw, 35px);    --SpaceInnerSection: clamp(3.75rem, 2.8295rem + 4.0909vw, 9.375rem);    /* 圓角系統 */    --RadiusNone: 0;    --RadiusSm: 2px;    --RadiusMd: 4px;    --RadiusLg: 8px;    --RadiusXl: 12px;    --RadiusFull: 99rem;    /* 功能性圓角 */    --RadiusButton: var(--RadiusFull);    --RadiusCard: var(--RadiusMd);    --RadiusInput: var(--RadiusMd);    --RadiusSection: var(--RadiusXl);    /* 陰影 */    --ShadowImage: 11px 11px 30px rgb(78 117 147 / 10%);    --ShadowButton: 0 0 30px #cfcfcf;}.innerpage-radius-shadow {    border-radius: var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;}.innerpage-about-block03 {    border: 1px solid rgba(255, 255, 255, .5);    margin-bottom: var(--SpaceXl);}.about-number-card, section.innerpage-store-block01, .store-card.card, .why-qa, .innerpage-why-block02, .why-flow-item .icon {     border: 1px solid rgba(255, 255, 255, .5);}/* 背景 */ .page_wrapper_bg section.call_to_action:after {    content: '';    position: fixed;    width: 100%;    height: 100%;    background: url(archive/image/customization/all-bg-deco.webp) no-repeat;    background-size: 100%;    bottom: 0;    z-index: -5;    left: 0;    aspect-ratio: 2 / 1;    filter: brightness(0) invert(1);    background-position: center bottom;    opacity: .8;}/* section間距 */ .section-spacing {    position: relative;    padding: var(--SpaceInnerSection) 0;}.section-spacing-bottom {    position: relative;    padding-bottom: var(--SpaceInnerSection);}.section-spacing-top {    position: relative;    padding-top: var(--SpaceInnerSection);}/* fadeinup */ .page_wrapper_bg .paneleffect_v1 {    animation-delay: 0.5s !important;    animation-duration: 1.0s !important;}@-webkit-keyframes fadeInUp {    from {        opacity: 0;        -webkit-transform: translate3d(0, 60px, 0);        transform: translate3d(0, 60px, 0);        filter: blur(8px);    }    to {        opacity: 1;        -webkit-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);        filter: blur(0);    }}@keyframes fadeInUp {    from {        opacity: 0;        -webkit-transform: translate3d(0, 80px, 0);        transform: translate3d(0, 80px, 0);        filter: blur(6px);    }    to {        opacity: 1;        -webkit-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);        filter: blur(0);    }}/* container */ .container-80 {    margin: auto;    position: relative;    width: 80%;}.container-90 {    margin: auto;    position: relative;    width: 90%;}/* card */ .card {    padding: var(--SpaceCard);    border-radius: var(--RadiusXl);}.card-title {    position: relative;    font-size: var(--CardTitleSize);    font-weight: bold;    margin-bottom: var(--SpaceXs);}/* grid */ .d-grid {    display: grid;    position: relative;}.column-half {    grid-template-columns: 1fr 1fr;}.column-third {    grid-template-columns: repeat(3, 1fr);}.column-quarter {    grid-template-columns: repeat(4, 1fr);}.column-fifth {    grid-template-columns: repeat(5, 1fr);}/* align */ .align-center {    align-items: center;}.align-end {    align-items: flex-end;}/* line */hr {    margin-bottom: var(--Space3xl);}/* color */ .page_wrapper_bg .text-white,.page_wrapper_bg .article-text p.text-white {    color: white;}/* bg */section.white-bg,.white-bg {    background: white;}section.white-bg-40,.white-bg-40 {    background: rgba(255, 255, 255, .4);}/* list style */ .innerpage-list {    margin-bottom: 0;    padding-left: 28px;}.innerpage-list.innerpage-list--dot {    list-style: disc;    padding-left: 28px;}.innerpage-list.innerpage-list--number {    list-style: auto;    padding-left: 28px;}.innerpage-list.innerpage-list--none {    list-style: none;    padding-left: 0;}ul.innerpage-list.innerpage-list--circle {    list-style: circle;    padding-left: 28px;}ul.innerpage-list a {    color: var(--TextMainColor);}span.innerpage-list__label {    font-weight: 600;    opacity: .4;    padding-right: var(--SpaceSm);}/* image */ .bg-image {    height: 100%;}.bg-image img {    min-height: 100%;    max-height: 100%;    object-fit: cover;}.image {    position: relative;}.image img {    width: 100%;}/* 圖片小字 */span.image-text {    position: absolute;    z-index: 2;    display: block;    font-size: 15px;    font-weight: 400;}small.image-text-title {    display: block;    font-size: 15px;    font-weight: 400;}/* icon */ .icon {    width: 48px;    height: 48px;    margin-bottom: var(--Space3xl);}/* text */ .text {    position: relative;}.text p:last-child {    margin-bottom: 0;}/*a連結*/a {    text-decoration: none;}.page_wrapper_bg section.call_to_action a,.page_wrapper_bg section.call_to_action a:hover,.page_wrapper_bg section.call_to_action a:focus,.page_wrapper_bg section.call_to_action .btn,.page_wrapper_bg section.call_to_action .btn:hover,.layoutlist_3 .dbtn_v2,.layoutlist_3 .dbtn_v2:hover {    text-decoration: none;    transition: var(--TransitionEase);}.row {    margin-right: 0px;    margin-left: 0px;}.boxname {    margin: 0 10px;}div[style="clear: both;"] {    display: none;}/*230531範本預設按鈕改色導圓角統一5px*/ ._bd_btn._bd_btn-primary:hover {    color: #fff;    background-color: var(--BtnHoverColor);    border-color: var(--BtnHoverColor)}._bd_btn._bd_btn-primary {    background: var(--BtnBg);    border-radius: 5px !important}._bd_btn._bd_btn-default {    background: 0 0;    border: 1px solid var(--SubBtnBg);    color: var(--SubBtnBg);    border-radius: 5px !important}._bd_btn._bd_btn-default:hover {    color: #fff;    background-color: var(--SubBtnHoverColor);    border-color: var(--SubBtnHoverColor)}._bd_row a {    color: #333}/*221226最小字級修正*/ .login_box_body .control-label,#btn_forget_form,#btn_reverify_form,.link-style,.member_join,#forget_table .th,#join_form,.RWDquiry,.RWDshopping,.RWDproduct_page .control-box .control-label,.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .txt .title,#mobile-fixed input,#mobile-fixed select,#mobile-fixed select.form-control:not([size]):not([multiple]),#plusbuy_mobile-fixed input,#plusbuy_mobile-fixed select,#plusbuy_mobile-fixed select:not([size]):not([multiple]),.RWDproduct_page input,.RWDproduct_page select,.RWDproduct_page select.form-control:not([size]):not([multiple]),.RWDproduct_page .btn,.RWDproduct_page .ibtn,.shopping-item-box .item-btn,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping select,.RWDshopping select.form-control:not([size]):not([multiple]),.bonus-box .form-group .btn,.voucher-box .form-group .btn,.form-control,select,textarea,.video_item_summary,.download .search-go,.layoutlist_2 .listdate .yearmonth,.layoutlist_2 .list_subject .subsubject,.layoutlist_4 .listdate .yearmonth,.rwdlayoutlist_9 .summary,.rwdlayoutlist_9 .cdate,.RWDsearch01 .search-nav-btn,.count_info,.layoutlist_5 .item .summary,.list-btn_mobile,.list-btn,.buybtn,.layoutlist_3 .dbtn_v2,#mobile-fixed .btn,#plusbuy_mobile-fixed .btn,#mobile-fixed .stock,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,.sum-box .total .td:last-child small,.delivery-editor ul,.goadd-box,.info-editor ul,.plus-fixed .name a,.plus-list .name a,.shopping-item .name,.shopping-step .name,.RWDshopping,.RWDshopping .btn,.bonus-box .form-group .btn,.delivery-editor,.goadd-box .goadd,.info-editor,.login-box a,.login-box a:hover,.plus-list .addcart,.plus-list .price-box,.shopping-item .tag,.shopping-title .freight,.shops-box .shops,.voucher-box .btn.vouchers,.voucher-box .form-group .btn,.login_box_footer a.shopping_view,.shopping_viewlogin__member,.RWDproduct_page .download_container .btn,.RWDsearch_page .list-img .name,.RWDmenu_plus04 .cart-block .name,.RWDmenu_plus04 .querycar-block .name,.RWDmenu_plus04 .cart-block .spe-box,.RWDmenu_plus04 .querycar-block .spe-box,.RWDtimeline02 .timeline2_list .block .text,.shopping_viewlogin__intro {    font-size: var(--FontSizeP);    letter-spacing: 1px;    line-height: 1.5;}.list-btn {    padding: 0 10px;    margin: 20px 0 0;    height: calc(var(--BtnHeight)* 0.8);    display: flex;    align-items: center;    justify-content: center;    line-height: 1;}.layoutlist_5 .product_list_item .subject {    margin: 10px 0 0;}.layoutlist_5 .item .buybtn {    width: 100%;    padding: 5px 0;}input#top_search_searchkey {    font-size: 20px !important;    letter-spacing: 1px !important;}.cd-search.full .ibtn,.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 20px;}.search-in #search_box_text {    font-size: 20px !important;}.search-box #search_box_text {    font-size: 15px !important;}.RWDmenu_plus04 .member-block .form-area .group {    flex-wrap: nowrap;}.login_box_footer a.member_join {    display: flex;    justify-content: center;    align-items: center;}.login_box_footer {    width: 100%;}.page_wrapper_bg .RWDeditor01 ol,.page_wrapper_bg .RWDeditor01 ul {    margin-top: 0;    margin-bottom: 0;}/*購物流程圈圈改色*/@keyframes num-bg {    0% {        background: #666;        -webkit-transform: scale(.5);        transform: scale(.5)    }    100% {        background: #666;        -webkit-transform: scale(1);        transform: scale(1)    }}/*main*/ .page_wrapper_bg section.call_to_action {    position: relative;    padding: var(--SectionPadding) 0 0;    min-height: 35vw;}.page_wrapper_bg section.call_to_action>.container {    padding: 0;    width: 65%;}.page_wrapper_bg .article-text .container {    width: 100%;}.page_wrapper_bg .article-text .container .pagecontent {    padding: 0 !important;}.page_wrapper_bg .article-text .container {    width: 100%;    padding: 0;}.hgroup .container {    width: 100%;    padding: 0;    border: none;    margin: 0 0 var(--ItemSpacing);}.page_subject {    padding: 0;    display: flex;    flex-direction: column;    gap: 10px 0;    text-align: center;}/*搜尋結果*/ .RWDsearch_page .list-title .qty,.RWDsearch_page .list-tab li .qty {    background: var(--BtnBg);    color: var(--BtnColor);}.RWDsearch_page .search-list .hashtag_block .hashtagLink {    color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);}.RWDsearch_page .search-list {    margin-bottom: calc(var(--SectionPadding) - var(--ItemSpacing));}.RWDsearch_page .list-img .name {    height: auto;    text-align: left;    font-size: var(--FontSizeH4);    color: var(--TextMainColor);}.RWDsearch_page .list-img>ul>li {    width: calc(100% / 5);    margin-bottom: var(--ItemSpacing);}.RWDsearch_page .list-title {    margin-bottom: 2rem;    font-size: var(--FontSizeH4);    font-weight: 600;}.RWDsearch_page .list-img .pic {    height: auto !important;}.RWDsearch_page .list-img .btn-box {    margin-top: 0;    display: flex;    justify-content: center;}.RWDsearch_page .ibtn,.RWDsearch_page .more {    width: var(--BtnWidth);    height: var(--BtnHeight);    padding: 10px 15px;    background: var(--BtnBg);    color: var(--BtnColor);    border: 0;    transition: var(--TransitionEase);    line-height: 1;    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    display: flex;    align-items: center;    justify-content: center;    max-width: unset;}.RWDsearch01 {    margin-bottom: 1rem;    display: flex;    flex-direction: row;    flex-wrap: wrap;    gap: 1rem;}.RWDsearch01 .search-text {    font-size: var(--FontSizeP);    color: var(--TextSubColor);    margin-bottom: 0;}/*文字統一設定*/ .pageTitle {    font-size: var(--FontSizeMain);    font-weight: 700;    line-height: 1.2;    margin: 0;    padding: 0;    color: var(--TextMainColor);    letter-spacing: 1.5px;}.hgroup .breadcrumb {    background-color: transparent;    border: none;    position: relative;    right: auto;    bottom: auto;    float: none;    margin: 0 auto;    padding: 0;}.breadcrumb,.breadcrumb>li+li:before,.page_wrapper_bg .hgroup .breadcrumb a {    color: var(--TextSubColor);    font-size: 13px;}.page_wrapper_bg .hgroup h1 {    line-height: 1.2;    font-size: var(--FontSizeH1);    color: var(--TitleMainColor);    font-weight: 700;    letter-spacing: 2px;}.page_wrapper_bg .article-text h2 {    font-size: var(--FontSizeH2);    line-height: 1.2;    letter-spacing: 1.5px;    margin: 0 0 10px;    font-weight: 700;    color: var(--TitleMainColor);}.page_wrapper_bg .article-text h3 {    letter-spacing: 1.5px;    color: var(--TitleMainColor);    line-height: 1.2;    margin: 0 0 10px;    font-weight: 700;    font-size: var(--FontSizeH3);}.page_wrapper_bg .article-text h4 {    letter-spacing: 1.5px;    line-height: 1.4;    margin: 0 0 10px;    font-weight: 700;    font-size: var(--FontSizeH4);    color: var(--TitleMainColor);}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.RWDslider01 .slick-dots button {    font-size: var(--FontSizeP);    line-height: 1.6;    letter-spacing: 1px;    color: var(--TextMainColor);    font-weight: 400;    font-family: var(--FontFamily);}#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page {    font-family: var(--FontFamilyTw);}.bd_row h1,.bd_row h2,.bd_row h3,.bd_row h4,.bd_row h5,.bd_row h6 {    font-family: var(--FontFamilyTw);}._bd_row label,._bd_row li,._bd_row p,._bd_row td {    font-size: var(--FontSizeP);    line-height: 1.6;    font-weight: 400;}._bd_row li {    margin-bottom: 10px;}._bd_row ol {    padding-left: 22px;}._bd_row ul {    padding-left: 18px;}/*-------按鈕--------*/#panelCms .btn.btn-primary {    float: none;    border-radius: 5px !important;}/*重新填寫*/ .refill_btn {    display: none;}/*回上一頁按鈕*/ .btn {    font-size: var(--BtnFontSize);}.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.login,.RWDmenu_plus04 .member-block button.signin {    border-radius: var(--BtnBorderRadius);}.ebtn,.btn.btn_back {    margin-right: 0;    float: unset;    background: transparent !important;    padding: 0;    box-shadow: none;    margin-top: var(--ItemSpacing);    width: 100%;}.productcontent .btn.btn_back {    margin-top: 0;}#reply_app .member_block_rp .star_block_box_rp .add_msg_rp,.RWDquiry .btn.normal,.btn.btn_back a {    width: var(--BtnWidth);    height: var(--BtnHeight);    padding: 10px 15px;    background: var(--BtnOutlineBg);    color: var(--BtnOutlineColor);    transition: var(--TransitionEase);    border: 1px solid var(--BtnOutlineColor);    line-height: 1;    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    display: flex;    align-items: center;    justify-content: center;}.ebtn a,.new-form .new-width .currectsend_btn a {    width: var(--BtnWidth);    height: var(--BtnHeight);    padding: 10px 15px;    background: var(--BtnBg);    color: var(--BtnColor);    transition: var(--TransitionEase);    border: 1px solid var(--BtnColor);    line-height: 1;    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    display: flex;    align-items: center;    justify-content: center;}.new-form .new-width .currectsend_btn a,.ebtn a,.btn.btn_back a {    margin-left: auto;}.new-form .new-width .currectsend_btn a:hover,.ebtn a:hover,.btn.btn_back a:hover {    border: 1px solid var(--MainColor);    color: var(--BtnHoverColor);    background: var(--BtnHoverBg);}#reply_add_box .send_button_rp {    padding: 10px 15px;    background: var(--BtnBg);    color: var(--BtnColor);    transition: var(--TransitionEase);    border: 1px solid var(--BtnColor);    line-height: 1;    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    display: flex;    align-items: center;    justify-content: center;}#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {    width: 100%;}/*購物清單*/ .RWDshopping .btn.normal {    border-radius: 0;}/*購物車按鈕*/ .RWDshopping_v3 .order-infobox .btn-row {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 1rem;}.RWDshopping_v3 .order-infobox .btn-row .links {    margin-bottom: 0;}.RWDshopping .btn.bg1 {    background: transparent;    color: var(--BtnColor);    border: 1px solid var(--BtnColor);    border-radius: var(--BtnBorderRadius);}.RWDshopping .btn.bg1:hover {    border-radius: 0;    transition: var(--TransitionEase);    border: 1px solid var(--BtnBg);    color: var(--BtnHoverColor) !important;    background: var(--BtnBg);}.layoutlist_4 .showY br {    display: none;}.RWDshopping .btn.normal {    max-width: initial;}.page_wrapper_bg.lang_en .voucher-box .form-group .btn {    width: auto;}.RWDshopping .btn.bg2 {    border-radius: 0 !important;    transition: var(--TransitionEase);    border: 1px solid var(--BtnColor) !important;    color: var(--BtnColor) !important;    background: var(--BtnColor) !important;}.RWDshopping .btn.bg2:hover {    background: var(--BtnHoverColor) !important;    color: var(--BtnHoverColor) !important;    border: 1px solid var(--BtnHoverColor) !important;}.RWDshopping .btn.bg2 i {    transition: none;}.RWDshopping .btn.bg3 {    background: transparent;    color: var(--BtnColor);    border: 1px solid var(--BtnColor);    border-radius: 0;}.RWDshopping .btn.bg3:hover {    border-radius: 0;    transition: var(--TransitionEase);    border: 1px solid var(--BtnHoverColor);    color: var(--BtnHoverColor) !important;    background: var(--BtnHoverColor);}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal {    max-width: initial;}/*購物車v3按鈕*/ .gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .cartform-submit {    width: var(--BtnWidth);    line-height: 1;    min-height: unset;    border-radius: var(--BtnBorderRadius);    background: var(--BtnBg);}.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn,.payhint-modal .btn-row .gray33radius-btn {    background: var(--BtnBg);}.RWDshopping_v3 .cartform-submit:hover,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links:hover,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover,.payhint-modal .btn-row .gray33radius-btn:hover {    background: var(--BtnHoverBg);    color: var(--BtnHoverColor);}.gray82empty-btn,.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn {    color: var(--BtnOutlineColor);    border-color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);}.gray82empty-btn:active,.gray82empty-btn:focus,.gray82empty-btn:visited,.gray82empty-btn:hover,.RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover {    color: var(--BtnOutlineHoverColor);    border-color: var(--BtnOutlineHoverColor);    background: var(--BtnOutlineHoverBg);}.selectpick .selectDropdown .selectOption input[type=radio].forSelect:checked+label {    background-color: var(--BtnBg);    color: var(--BtnColor);}.blue-link {    color: var(--MainColor);}.blue-link:hover {    color: var(--MainHoverColor);}.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic {    background: transparent;}/*會員按鈕*/#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);}.memberlist .col-sm-9.col-md-9 .btn.btn-primary a,.memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover {    color: var(--BtnColor) !important;}#btn_reverify_form:hover,#btn_forget_form:hover,.form-checkbox:hover,.form-group .form-radio:hover,.member_login a:hover,.member_login a:hover .member_join_strong {    color: var(--MainHoverColor);}.RWDmenu_plus04 .member-block .login-is-on .item a:hover {    color: var(--NaviHoverColor);}.search_area input {    margin-left: 5px;}/*會員頁a連結修正*/ .member .css-table .tr a {    color: var(--MainHoverColor);}.go2member {    text-decoration: underline !important;    color: var(--MainColor);}/*會員註冊*/#join_form {    background: white;}/* 會員生日欄位長度修正 */ .join_form-title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    font-weight: 700;}#join_form input#memberColumns_00003 {    min-width: 130px;}#join_form .btn-primary {    width: var(--BtnWidth);    float: none;    background: var(--BtnBg);    color: var(--BtnColor);    border: 1px solid var(--BtnBg);    padding: 6px 12px;    height: var(--BtnHeight);    display: flex;    align-items: center;    justify-content: center;    margin-left: auto;    font-size: var(--BtnFontSize);    letter-spacing: 4px;}#join_form .btn-link:hover {    text-decoration: none;}.webbtn {    background: var(--BtnBg)}.webbtn:hover {    background: var(--BtnHoverBg);    color: var(--BtnHoverColor);}.btn-primary,.shopping_viewlogin__submit {    color: var(--BtnColor);    background-color: var(--BtnBg);    border: 1px solid var(--BtnBg);    border-radius: var(--BtnBorderRadius) !important;    float: right;    margin-right: 0px;    box-shadow: none;    width: var(--BtnWidth);    height: var(--BtnHeight);    display: flex;    align-items: center;    justify-content: center;}#join_form .btn-primary:hover,.no-touch .shopping_viewlogin__submit:hover,.shopping_viewlogin__submit:hover {    background: var(--BtnHoverBg);    color: var(--BtnHoverColor);    border-color: var(--BtnHoverBg);}#shopping_viewlogin_form.processing .shopping_viewlogin__submit {    color: var(--BtnColor);    background-color: var(--BtnBg);    border: 1px solid var(--BtnBg);    border-radius: var(--BtnBorderRadius) !important;    box-shadow: none;    width: var(--BtnWidth);    height: var(--BtnHeight);    display: flex;    align-items: center;    justify-content: center;}.shoppingQuery .shopping_viewlogin__submit {    float: unset;    margin: 2rem auto;}.btn-primary a {    color: var(--BtnColor);    font-size: var(--FontSizeP);}.btn.btn-primary:focus a,.btn.btn-primary:hover a,.btn.btn-primary:active a {    color: var(--BtnColor) !important;}.btn-primary:hover {    transition: var(--TransitionEase);    color: var(--BtnHoverColor);    background-color: var(--BtnBg);    border-color: var(--BtnBg);}.btn-primary:active:hover,.btn-primary:active:focus {    background-color: var(--SubBtnBg);    border: 1px solid var(--SubBtnBg);}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {    color: var(--BtnHoverColor) !important;    background-color: var(--BtnHoverBg);    border-color: var(--BtnHoverBg);    outline: none;}.shopping_viewlogin__member a:hover {    color: #333;}/*詢問車按鈕*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {    transition: var(--TransitionEase);}/*忘記密碼 ＆重發認證信*/#div_forget_area * {    border-radius: 0;}/*註冊*/ .join_form_btns {    text-align: right;}/*sidebar 固定側選單*/ .collapsing_header .main {    overflow: inherit;    margin-top: var(--NaviHeight) !important;}/* 有開評論功能的話這這串都要刪掉 */ .main section .container .article-text>.container>.xrow {    position: relative;    width: 100%;    height: 100%;    display: inline-block;}.main section .container .article-text>.container .xrow #sidebar {    position: sticky;    top: var(--StickyHeight);    left: 0;}.page_wrapper_bg .m2018 .products-nav .nav-title {    font-size: var(--FontSizeH5);    padding: 5px 20px;    margin-bottom: 0;    font-weight: bold;    color: var(--BtnColor);    background: var(--BtnBg);}#sidebar .products-nav {    font-family: var(--FontFamily)}#sidebar .products-nav>ul {    padding: 0;    border: none;}.m2018 .products-nav .sidemenu2__ul--child li {    padding-left: 25px;}.page_wrapper_bg .m2018 .products-nav {    background: transparent;}.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a:hover {    color: var(--MainColor);    transition: var(--TransitionEase);}.page_menu_block ul.nav>li>a,.page_wrapper_bg .m2018 .products-nav>ul>li>a {    padding: 0px 10px !important;    transition: var(--TransitionEase);    font-size: var(--FontSizeH5) !important;    letter-spacing: 1px !important;    font-weight: 500 !important;}.page_wrapper_bg .m2018 .products-nav>ul>li>a {    padding: 0 0 16px !important;}.page_wrapper_bg .m2018 .products-nav>ul>li {    padding: 0;    margin: 0 0 16px;    border-bottom: 1px solid var(--BorderColor);}.page_wrapper_bg .m2018 .products-nav>ul>li:last-child a {    padding-bottom: 5px;}.page_wrapper_bg .m2018 .products-nav ul .is-open>a,.page_wrapper_bg .m2018 .products-nav ul .active>a,.m2018 .products-nav ul li>ul>li:hover>a,.m2018 .search-box .ibtn:hover {    color: var(--MainColor);    font-weight: bold !important;}.page_wrapper_bg .m2018 .products-nav>ul>li.active::before {    content: '';    position: absolute;    background: var(--MainColor);    width: 20%;    height: 1px;    left: 0;    bottom: 0;}.m2018 .products-nav>ul>li {    padding: 0;    margin: 0;}.m2018 .products-nav a {    padding: 12px 0px !important;    font-weight: 400;    font-size: var(--FontSizeH5);}.m2018 .search-box {    margin-bottom: 24px;}/* 預設文章 */ .pagecontent .RWDslider01,.pagecontent .RWDeditor01 {    margin-top: calc(var(--SpaceInnerSection)*0.7) !important;}.pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}/*圖文輪播*/ .RWDslider01 .products-list .products-item .box {    display: flex;    align-items: center;}.RWDslider01.pic-right .products-list .products-item .box {    flex-direction: row-reverse;}.RWDslider01 .text {    color: var(--TextSubColor);}/* 時間軸 */ .RWDtimeline02 .control-box .slick-arrow {    background: rgba(255,255,255,.6);    border: 1px solid var(--BorderColor);}.RWDtimeline01 li.event .point {    z-index: 1;}.RWDtimeline01 li.event .point .title,.RWDtimeline02 li.event .point .title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);}.RWDtimeline02 {    margin-top: var(--SectionPadding);    padding-top: 0;}.RWDtimeline02 .control-box {    top: 0;}.page_wrapper_bg .pagecontent .RWDtimeline01 {    margin-top: var(--SectionPadding);}.RWDtimeline01 .circle_img {    margin-bottom: var(--SpaceLg);}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2,.productlist .layoutlist_4,.productlist .layoutlist_5,.albumlist .layoutlist_2,.albumlist .layoutlist_4,.articlelist .layoutlist_2,.articlelist .layoutlist_4 {    display: flex;    flex-wrap: wrap;    align-items: flex-start;}/* 文章列表 */ .page_wrapper_bg .cate_list .subject {    color: var(--TextMainColor);    font-size: var(--FontSizeH4);    font-weight: 700;    margin-top: 16px;    margin-bottom: 0;    text-align: left;}.page_wrapper_bg .cate_list .subject a {    color: var(--TextMainColor);    transition: var(--TransitionEase);}#article .cate_list.row>div {    margin-bottom: var(--ItemSpacing);    margin-top: 0;}.rwdlayoutlist_9 .litem .litem__imgs,.layoutlist_7 .litem .img,#article .cate_list.row .img {    overflow: hidden;}#product .product_list_item img,.rwdlayoutlist_9 .litem img,.layoutlist_7 .litem img,#article .cate_list.row img {    transition: var(--TransitionEase);}.customized_columns>.row,.col-sm-6 {    margin-top: 0;}.webdesc {    margin-bottom: var(--ItemSpacing);    font-size: var(--FontSizeP);    padding-inline: 15px;}#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject,.rwdlayoutlist_9 .subject,.layoutlist_8 .article_subject,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject a,.page_wrapper_bg #article .layoutlist_7 .subject a,.page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,.page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {    font-size: var(--FontSizeH4);    margin: 0px 0px 16px !important;    display: block;    line-height: 1.5 !important;    color: var(--TextMainColor);    font-weight: 700;    transition: var(--TransitionEase);}.rwdlayoutlist_9 .summary,.item .summary .itemlink,.page_wrapper_bg :is(.layoutlist_4, .layoutlist_8, .layoutlist_7) .summary a,.page_wrapper_bg .subsubject {    font-weight: 400;    line-height: 1.8;    color: var(--TextSubColor);    font-size: var(--FontSizeP);    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.page_wrapper_bg #article :is(.layoutlist_4, .layoutlist_2) .listdate {    text-align: center;    border-left: var(--BorderGrayPx1);}.page_wrapper_bg :is(.layoutlist_4, .layoutlist_2) .listdate .yearmonth {    padding-bottom: 0;}.page_wrapper_bg :is(.layoutlist_4, .layoutlist_2, .layoutlist_8) .item {    width: 100%;}#article .layoutlist_2 .item {    width: 100%;}/* .page_wrapper_bg :is(.layoutlist_4, .layoutlist_2 ,.layoutlist_8) .item {        width: 100%;        border-bottom: var(--BorderGrayPx1);        padding: var(--ItemSpacing) 0;    } */#article .layoutlist_4 .item {    border-bottom: var(--BorderGrayPx1);    padding: var(--ItemSpacing) 0;}#article .layoutlist_8 .item,#article .layoutlist_7 .litem,#article .rwdlayoutlist_9 .litem {    padding-block: 0;    margin-bottom: var(--Space2xl);    margin-top: 0;}/*文章列表-4*/#article .layoutlist_4 .item {    display: flex;}#article .layoutlist_4 .fixrow {    width: 100%;}#article .layoutlist_4 .listdate {    padding: 0 10px;    width: 150px;    border-left: 1px solid #eee}#article .layoutlist_4 .listdate .day {    font-size: 25px}#article .layoutlist_4 .listdate .yearmonth {    letter-spacing: 1px;    padding: 0;    font-size: 12px !important;}#article .layoutlist_4 .item .list_img {    padding-left: 0}#article .layoutlist_4 .list_subject {    width: calc(100% - 90px)}#article .layoutlist_4 .list_subject .summary {    margin: 0;}#article .layoutlist_4 .xrow.list {    height: auto;}/*文章列表-5 文章列表-6*/ .rwdlayoutlist_6 ul,.rwdlayoutlist_6 ul a,.page_wrapper_bg .layoutlist_5 .list_date,.page_wrapper_bg .layoutlist_5 .list_subject a {    font-size: var(--FontSizeH5);    color: var(--TextMainColor);}#article .layoutlist_5 .list_subject a {    letter-spacing: 2px;}#article .layoutlist_5 .item {    padding: 15px 0px;}/* 文章列表-6 */ .rwdlayoutlist_6 .subject_title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    font-weight: 700;}/* 文章列表-7 */ .layoutlist_7 .litem .img {    order: 1;    margin-bottom: var(--SpaceMd);}.layoutlist_7 .cdate {    order: 2;}.layoutlist_7 .subject {    order: 3;}.layoutlist_7 .summary {    order: 4;    margin-top: 0 !important;}.page_wrapper_bg .layoutlist_7 .subject {    margin-top: var(--SpaceMd);    margin-bottom: 0;}.page_wrapper_bg .layoutlist_7 .summary a {    margin-top: 0;}.page_wrapper_bg #article .layoutlist_7 .subject a {    margin-bottom: 0 !important;}.layoutlist_7>.row:before,.layoutlist_7>.row:after {    display: none;}:is(.downloadlist, #article) .cate_list.row {    display: flex;    flex-wrap: wrap;}.layoutlist_7 .row,.layoutlist_7 .row:after,.layoutlist_7 .row:before {    clear: inherit !important;    margin-right: 0;    margin-left: 0;}/*文章列表-8*/ .layoutlist_8 .list_subject {    padding: 0 max(3vw, 2.5rem);}.layoutlist_8 .list_subject .summary {    margin: 0;}#article .layoutlist_8 .item {    padding-bottom: max(3vw, 2.5rem);}#article .layoutlist_8 .item .list_img {    padding: 0;    border-radius: var(--RadiusLg);    overflow: hidden;}.layoutlist_8 .listdate {    text-align: center;}.layoutlist_8 .listdate .day {    color: var(--TextMainColor);    font-size: 2vw;    font-family: var(--FontFamilyEn);}.layoutlist_8 .listdate .yearmonth {    font-size: calc(var(--FontSizeP)*0.9);    letter-spacing: .5px;    color: var(--TextSubColor);    font-family: var(--FontFamilyEn);}/*文章列表-9*/ .rwdlayoutlist_9 .cdate {    font-size: calc(var(--FontSizeP)*0.9);    color: var(--TextSubColor);    padding-top: 0;    padding-bottom: 4px;}.no-touch .rwdlayoutlist_9 .litem:hover .litem__imgs::after,.rwdlayoutlist_9 .cdate::before {    display: none;}.rwdlayoutlist_9 .summary {    margin: 0;}/* 產品列表 */ .layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item {    margin-top: 0;    margin-bottom: var(--ItemSpacing);    border-bottom: 0;}#product .item .subject {    height: auto !important;    margin-top: 12px;}.productlist .layoutlist_4>div {    margin: 0;}.productlist .layoutlist_4 .product_list_item {    padding-bottom: 0;    border: 0;}.productlist .layoutlist_4 .hashtag_block {    margin-top: 0;    margin-bottom: 10px;}/* 產品列表-2*/ .productlist .layoutlist_2 .item .compare .btn_compare {    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    border-radius: var(--BorderRadius);    padding: 10px;    text-align: center;    font-size: var(--BtnFontSize);}.productlist .layoutlist_2 .item .compare {    margin-bottom: 0;    border-top: 0;    margin-top: 20px;    padding-top: 20px;}.productlist .layoutlist_2 .item .compare .ii-check {    border: 1px solid var(--BtnOutlineColor);}/* 產品列表-3*/ .productlist .layoutlist_3 .item {    margin-top: 0;    margin-bottom: var(--ItemSpacing);}.productlist .layoutlist_3 .item .col-sm-12.col-md-6:nth-of-type(1),.productlist .layoutlist_3 .item .col-md-12 {    padding: 0;}/* 產品列表-4*/ .layoutlist_4 .pricearea {    text-align: left;    display: flex;    align-items: flex-end;    letter-spacing: 0;    flex-direction: row-reverse;    justify-content: flex-end;    gap: 15px;    line-height: 1;    margin-bottom: 16px;}.layoutlist_4 .amount_div,.layoutlist_4 .stands_options,.layoutlist_4 .cate_div {    padding: 0;    margin: 0;}.layoutlist_4 .amount_div,.layoutlist_4 .stands_div,.layoutlist_4 .cate_div {    margin-bottom: 8px;}.layoutlist_4 .cate_div .nocateselect {    display: none;}.count_info {    margin-bottom: 24px !important}.pricearea .payprice,.pricearea .price,.layoutlist_4 .sellprice {    color: #f10404;    font-weight: 700;    font-size: var(--FontSizeH4);    margin: 0;}.layoutlist_4 .subject {    height: auto !important;    line-height: 1.5;    min-height: auto;    font-weight: 700;    margin-bottom: 0;}.layoutlist_4 .buybtn {    background: var(--BtnBg);    color: var(--BtnColor);    transition: var(--TransitionEase);    border-radius: var(--BtnBorderRadius);    padding: 10px 0;    margin-top: 1.5rem;    margin-bottom: 0;}.pricearea .price.delline,.pricearea .price.fixprice,li#O_fixPrice,li#O_fixPrice b,li#O_fixPrice span {    text-decoration: line-through;    color: var(--TextSubColor);    font-size: var(--FontSizeP);}.cate_title,.stands_name,.amount_name {    margin-right: 3px;}/* 產品列表-5*/ .layoutlist_5 .list-btn_mobile a,.layoutlist_5 .product_list_item .list-btn_mobile,.layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn {    background-color: var(--BtnBg);    transition: var(--TransitionEase);    font-size: var(--BtnFontSize);}.closeup-frame .right select {    border: var(--BorderGrayPx1);    color: var(--TextSubColor);    font-size: var(--FontSizeP);}.layoutlist_5 .closeup-frame .left {    margin-bottom: var(--ItemSpacing);}/*產品A*/ .page_content1 #productbx_bg {    background: #efefef;    -moz-opacity: 1;    opacity: 1;}.product_desc_content {    color: var(--TextMainColor);    letter-spacing: 1px;    line-height: 1.8;}#prod_price .currency,.page_content1 #prod_price {    margin-top: 0;    color: #fe0000;}#prod_price .money {    font-weight: bold;    color: #fe0000;    font-size: var(--FontSizeH4);    margin-left: 5px;}#member_org_price,div#prod_fixprice,.pagecontent.menu5 .page_content1 #prod_price,.pagecontent.menu8 .page_content1 #prod_price {    margin: 0;}._shopping_info>div {    display: flex;    align-items: flex-end;    letter-spacing: 0;    justify-content: center;    gap: 15px;    line-height: 1;}.productcontent .page_content1 .info {    text-align: center;    margin: 30px 0 0;}.productcontent .page_content1 .product_desc_subject {    text-align: center;}.page_content1 .spec-scroll .items ul li:hover {    border: 1px solid #333;}#product>div.page_content1>div.product_top.row>div:nth-child(3) {    display: flex;    justify-content: center;    flex-wrap: wrap;    flex-direction: column;    gap: 0;    margin: 30px 0 0;}.page_content1 #prod_name,.page_content1 #prod_name .product_name {    font-size: var(--FontSizeSub);    font-weight: 700;    letter-spacing: 0;    line-height: 1.5;    color: var(--TextMainColor);    margin-bottom: 8px;}.spec-scroll .items ul li {    border: 0;}#product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4) {    display: flex;    gap: 10px;    margin: auto;    max-width: 900px;    flex-wrap: wrap;    justify-content: center;}.productcontent .page_content1 .info :is(.page_content2 .btn,    #btn_querycar,    #btn_shopping,    #prod_amount_area,    #prod_stands2_area,    #prod_stands_area,    .page_content1 .btn.btn_querycar) {    margin: 0 !important;}#btn_shopping_tracking,#prod_stands_area,#prod_stands2_area,#prod_amount_area,.btn_shopping,.btn_querycar {    width: calc(100%/3 - 10px) !important;}.dd-container,:not(.member) .page_wrapper_bg .dd-select {    width: 100% !important;}#product .page_content1 .btnfloat {    margin-inline: 0 !important;    /* width: 100% !important; */}#btn_shopping_tracking,#product .page_content1 #btn_shopping,#product .page_content1 #btn_querycar {    margin: auto;}#product .spec-scroll .items ul li,#product .page_content1_thumbphoto .swiper-slide {    border: 0;}.page_content1 #prod_no {    display: none;}/*產品A按鈕*/#btn_shopping {    border-radius: 0;    background: var(--BtnBg);    color: var(--BtnColor);    border: 1px solid var(--BtnColor);}.fbtn {    border-radius: 0;    font-size: 14px;    background: var(--BtnBg);    background: transparent;    color: var(--BtnBg);    border: 1px solid var(--BtnBg);    transition: var(--TransitionEase);}#product .fbtn {    font-size: var(--BtnFontSize);}#btn_querycar {    border-radius: 0;    font-size: var(--BtnFontSize);    background: var(--BtnOutlineBg);    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);    transition: var(--TransitionEase);}/*產品下拉樣式*/ .page_content1 .dd-selected {    letter-spacing: 1px;    padding: 0 40px 0 10px;    font-size: var(--FontSizeP);    line-height: 32px;}.page_content1 .dd-selected,.page_wrapper_bg .dd-pointer-down {    border: var(--BorderGrayPx1);}label.dd-option-text {    font-size: var(--FontSizeP);    color: var(--TextMainColor);    line-height: 1 !important;    margin: 0 !important;    font-weight: 400;}.dd-option {    padding: 5px 10px;}/*產品B*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {    margin-top: max(2.5vw, 2rem);    display: grid;    grid-template-columns: 1fr 1fr;    gap: 1rem;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop {    background: var(--SubBtnBg);    color: var(--SubBtnColor);    border-radius: var(--BtnBorderRadius);    width: 100%;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add {    background: var(--BtnBg);    color: var(--BtnColor);    border-radius: var(--BtnBorderRadius);    width: 100%;}.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .style-radio .control-label {    width: 100%;}.btn-compare .ii {    position: relative;    top: -1px;}/* 產品內頁 */ .RWDproduct_page .hashtag .hashtag_block,.RWDproduct_page .pic-box {    width: 70%;    padding-right: var(--ItemSpacing);}.RWDproduct_page .hashtag .hashtag_block {    margin-top: 0;    margin-bottom: 1rem;}.RWDproduct_page .products-info {    width: 30%;}.RWDproduct_page .menu3 .pic-box {    width: 65%;}.RWDproduct_page .menu3 .products-info {    width: 35%;}.RWDproduct_page .products-info .name {    font-size: calc(var(--FontSizeMain)*0.95);    font-weight: 700;    color: var(--TextMainColor);    line-height: 1.3;    margin-bottom: 1rem;}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor {    font-size: var(--FontSizeP);    line-height: 1.5;    font-weight: 400;    color: var(--TextMainColor);    letter-spacing: 0;}.RWDproduct_page .products-info .price-box b {    font-size: var(--FontSizeH4);    margin-left: 4px;}.RWDproduct_page .products-info .price-box li {    margin-right: 0;}.RWDproduct_page .products-info .price-box {    display: flex;    align-items: flex-end;    gap: 15px;    line-height: 1;}.RWDproduct_page .btn-other {    display: flex;    align-items: flex-end;    justify-content: flex-end;    gap: 15px;}.RWDproduct_page .btn-other .ibtn {    padding: 0;}.RWDproduct_page .form-group {    display: grid;    grid-template-columns: max-content 1fr;    align-items: center;    gap: 0 10px}.RWDproduct_page .products-info .select-box,.RWDproduct_page .products-info .qtybox {    width: 100%;}.RWDproduct_page .products-info .txt .editor {    border-top: var(--BorderGrayPx1);    border-bottom: var(--BorderGrayPx1);    padding: 2rem 0;    margin: 2rem 0;}.RWDproduct_page .products-info .price-box li.delline:after {    display: none;}.RWDproduct_page .products-info .txt .title {    display: none;}.RWDproduct_page .products-info .pd-info .control-label {    color: var(--TextMainColor);}.btn-compare {    border-top: var(--BorderGrayPx1);    padding-top: 2rem;    margin-top: 2rem;}.btn-compare .btn.add {    border: 1px solid var(--BtnOutlineColor);    color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    transition: var(--TransitionEase);}.RWDproduct_page .download_container .btn {    width: auto;}.RWDproduct_page .file_area {    width: 100% !important;}.products-info .download_container .btn {    background: var(--BtnBg);    color: var(--BtnColor);    border: 1px sloid var(--BtnColor);}.page_wrapper_bg .products-info .dd-selected {    border: 0;}.menu5 .products-info .download_container {    display: grid;    grid-template-columns: 2fr 1fr;}/* 相關產品、文章 */ .page_wrapper_bg .articlerelated-box .title,.RWDproduct_page .related-box .title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    font-weight: 700;    letter-spacing: 2px;    position: relative;}.page_wrapper_bg .articlerelated-box .title,.RWDproduct_page .products-info .txt .title,.RWDproduct_page .related-box .title {    border-bottom: var(--BorderGrayPx1);    margin-bottom: 3rem;    padding-bottom: 1rem;}.page_wrapper_bg .articlerelated-box,.RWDproduct_page .related-box {    margin: var(--SectionPadding) 0 0;    overflow: hidden;}.page_wrapper_bg .articlerelated-box .article-slider .item .name,.RWDproduct_page .related-box .name {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    margin-top: 16px;    font-weight: 700;    letter-spacing: 1px;    margin-bottom: 8px;}.page_wrapper_bg .articlerelated-box .article-slider .item .name {    line-height: 1.5;    max-height: unset;    margin-top: 4px;    transition: var(--TransitionEase);}.page_wrapper_bg .articlerelated-box .article-slider .item .pic {    margin-top: 0;}.page_wrapper_bg .articlerelated-box .article-slider .item .summary {    margin-top: 0;    font-size: var(--FontSizeP);    line-height: 1.6;    color: var(--TextSubColor);}.page_wrapper_bg .articlerelated-box .article-slider .item .date {    color: var(--TextSubColor);}.page_wrapper_bg .articlerelated-box .article-slider .item {    padding: 0 1.5rem 1rem;}.RWDproduct_page .related-box .price-box li.delline,#mobile-fixed .price-box li.delline {    text-decoration: line-through;    color: var(--TextSubColor);}.RWDproduct_page .related-box .item a:hover .name {    transition: var(--TransitionEase);}.RWDproduct_page .related-box .item {    padding: 0 1.5rem 1rem;}.RWDproduct_page .related-box .price-box {    display: flex;    flex-direction: column;    align-items: flex-start;    gap: 0;    font-size: 14px;}.page_wrapper_bg .articlerelated-box .slick-arrow,.RWDproduct_page .related-box .slick-arrow {    top: unset;    bottom: 1rem;}/* 排序 */ .productlist .sortbar {    margin-top: 0;    margin-bottom: 20px !important;    text-align: left;    width: 100% !important;    padding-inline: 15px;    float: unset;}.productlist .sortbar a {    color: var(--TextMainColor);}.productlist .sortbar a:hover {    color: var(--MainHoverColor);}/*頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li ul,.RWDproduct_page .tab-box .tab-container>ul>li ol {    padding-left: 22px;}.page_wrapper_bg .tabs nav a,.RWDproduct_page .tab-box .tab-menu a {    margin: 0 5px 0 0;    padding: 15px 30px;    height: auto;    font-size: var(--FontSizeH4);    background: transparent;    border: 0;    position: relative;    color: var(--TextMainColor);    background: transparent;}.page_wrapper_bg .tabs nav li.tab-current a,.RWDproduct_page .tab-box .tab-menu li.active a {    color: var(--MainHoverColor);    border: transparent;    background: transparent;    font-weight: 700;    letter-spacing: 1px;}.page_wrapper_bg .tabs .content,.RWDproduct_page .tab-box .tab-container {    border: var(--BorderGrayPx1);}.RWDproduct_page .tab-box .tab-menu li:last-child a:after {    opacity: 0;}.page_wrapper_bg .tabs nav ul li:before,.RWDproduct_page .tab-box .tab-menu a:after {    content: "";    background: #ccc;    position: absolute;    width: 1px;    height: 15px;    right: 0;    top: 50%;    transform: translateY(-50%);}#mobile-fixed,.RWDproduct_page {    color: var(--TextSubColor);}.page_wrapper_bg .tabs .content,.RWDproduct_page .tab-box .tab-container>ul>li {    padding: var(--ItemSpacing);    line-height: 1.5;    font-size: var(--FontSizeP);}.RWDproduct_page .tab-box .tab-menu li.active a:before {    display: none;}.RWDproduct_page .tab,.RWDproduct_page .tab:last-child {    display: flex;}.productcontent .tabs nav ul {    margin: 0 !important;}/*文章頁籤*/ .page_wrapper_bg .tabs {    margin: var(--SectionPadding) 0 0;}.tabs nav ul li:first-child {    border: 0;    box-shadow: none;}.tabs nav li:last-child:before {    opacity: 0}.tabs nav li.tab-current a::before,.tabs nav li.tab-current a::after,.tabs nav li.tab-current:after {    display: none}.tabs nav ul li {    border: 0}/*相簿列表*/ .layoutlist_2 .album_item {    height: auto !important;}#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject {    padding: 16px 0 0 0;    margin: 0 !important;}.album_item img {    max-height: unset !important;}.layoutlist_1 .album_item,.albumlist .layoutlist_2 .album_item {    margin: 0 0 var(--ItemSpacing);    height: auto !important;}/*相簿-樣式1*/ .row .album_d_item a {    border-bottom: 0;}.album_d_item .album_item_subject {    font-size: var(--FontSizeP);}.albumcontent .layoutlist_1 .row a,.row .album_d_item a {    padding-bottom: 0;}.page_content1v1 .album_d_item .album_item_subject {    bottom: 0;    opacity: 1 !important;    background: transparent;}.page_content1v1 .album_d_item {    margin-bottom: 60px !important;}/*相簿-樣式2*/#album .page_content2 .dis .dis_li .text {    font-size: var(--FontSizeP);    line-height: 1.8;    letter-spacing: 0;    color: var(--TextMainColor);    margin: 0 0 30px}.photo_view .flexslider .slides2 {    height: max(10vw, 150px) !important;}/*相簿-樣式3*/ .photo_num {    position: relative;    text-align: right;    margin: 10px 0 0px;}#album .page_content4 .page_desc2,#album .page_content3 .page_desc2 {    margin-top: var(--ItemSpacing);}/*相簿-樣式4*/ .lg-sub-html p {    font-size: var(--FontSizeP);    color: #fff;    font-weight: 400;}/*相簿上下方說明*/#album .page_desc {    margin: 0 0 var(--ItemSpacing) 0;}/* .albumcontent :is(.page_content3, .page_content2, .page_content4, .page_content5) br {        display: none;    } *//*Q&A*/ .rwd .faq_answer {    font-size: var(--FontSizeP);    letter-spacing: 2px;    line-height: 1.8;    padding: 0;    padding-bottom: 1rem;}.rwd .faq_question {    padding: 20px 0px;    font-size: var(--FontSizeH4);    letter-spacing: 2px;}.rwd .faq_item:first-child .faq_question {    padding: 0px 0px 20px;}.faq1 .layoutlist_2 {    background: #fff;}.faq_split {    border-top: 0;}.faq_item {    border-bottom: var(--BorderGrayPx1);}.faq_a_icon,.faq_q_icon {    position: relative;    margin: 0 10px;    width: 20px;    height: 30px;    z-index: 10;    background: transparent;}.faq_a_icon:before,.faq_q_icon:before {    position: absolute;    top: 50%;    left: 50%;    width: 20px;    height: 30px;    font-size: 20px;    color: var(--TextMainColor);    line-height: 1;    border-radius: 50%;    transform: translate(-50%, -50%);    display: flex;    align-items: center;    justify-content: center;    z-index: 0;    padding-bottom: 3px;    font-weight: 700;}.faq_a_icon:before {    content: 'A';    padding-left: 3px;}.faq_q_icon:before {    content: 'Q';}/*影片*/ .videolist .video_item_subject {    font-size: var(--FontSizeH4);    letter-spacing: 0;    font-weight: 700;    color: var(--TextMainColor);    margin: 16px 0px 0;    transition: var(--TransitionEase);}.videolist .video_item_summary {    font-size: var(--FontSizeP);    text-align: left;    color: var(--TextSubColor);    margin-top: 4px;}.videolist .video_item {    margin: 0 0 var(--ItemSpacing);}/*檔案下載*/ .layoutlist_5 .dbtn_v2,.page_wrapper_bg .dd-selected,.download .search_bg {    border: var(--BorderGrayPx1);}.download .search_input {    background: transparent;    color: var(--TextSubColor);}.download .search-go:hover,.no-touch .layoutlist_5 .dbtn_v2:hover {    background: var(--SubBtnHoverBg);    border-color: var(--SubBtnHoverBg);    color: var(--SubBtnHoverColor);}.layoutlist_5 .dbtn_v2 {    display: inline-block;    margin: 15px 0 0;    padding: 6px 0.8em;    font-size: 14px;    line-height: 1.2;    color: #333;    border-radius: 2px;    background: #fff;    text-decoration: none;    cursor: pointer;}.layoutlist_5 .download_subject {    line-height: 1.4;}.layoutlist_5 .summary {    margin: 8px 0 0;    font-size: var(--FontSizeP);    line-height: 1.4;    color: var(--TextSubColor);}.dd-option,.dd-selected {    font-size: 15px;    color: var(--TextSubColor);    letter-spacing: 0;}.download_container {    border: 0;    width: 100%;    display: grid;    grid-template-columns: 70% auto;}.download_container .btn {    font-size: var(--BtnFontSize);    background: var(--BtnBg);    color: #fff;    border-radius: 0;    padding: 5px;    height: 35px;    width: var(--BtnWidth);    display: flex;    align-items: center;    justify-content: center;}.download_container .btn:hover {    background: var(--SubBtnBg)}.file_area label.dd-option-text {    margin: 0;    font-weight: 400;    display: block;}#file_dlist a.dd-option {    padding: 12px;}.recruitment .list_table tr,.recruitment .list_table th,.recruitment .list_table th.list_no,.download .list_table th.list_no,.download .list_table th {    font-weight: 700;    color: var(--TextMainColor);}.downlaod5_item_subject,.layoutlist_3 .download_subject {    font-size: var(--FontSizeH4);    transition: var(--TransitionEase);    color: var(--TextMainColor);    font-weight: 700;}.downlaod5_item_btn,.layoutlist_3 .dbtn_v2 {    margin: var(--Space5) 0 0;    padding: 0px 0;    font-size: var(--BtnFontSize);    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    text-align: center;    border-radius: var(--RadiusButton);    width: 100%;    height: calc(var(--BtnHeight)*0.9);    display: flex;    align-items: center;    justify-content: center;    transition: var(--TransitionEase);}.downlaod5_item_img {     border-radius: var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;}.download5_list {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: var(--Space2xl) var(--SpaceLg);}.download5_list::before,.download5_list::after {    display: none;}.downlaod5_item_img,.download5_list .customized_columns>.row,.download5_list .col-sm-6 {    width: 100%;}.downlaod5_item_img {    margin: 0;}.download5_list .col-sm-6 {    display: flex;    flex-direction: column;    gap: var(--SpaceLg) 0;    margin-bottom: 0;    padding: 0;}.download .list_table .oneline {    border-bottom: 0;    padding: 0;}.layoutlist_3 .download .list_table td {    padding: 0;}.download .item {    margin-bottom: var(--ItemSpacing);}.downloadlist .page_wrapper_bg .article-text .container {    padding: 0;}.list_faketb__li>div {    padding: 18px 12px;}/*檔案下載a連結修正*/ .page_wrapper_bg .dd-select a:hover {    color: #313131;}.download .search-go {    line-height: 2.4;    transition: var(--TransitionEase);    font-weight: 400;    font-size: 14px !important;}.amount_div.choice_num_type_b {    display: grid;    grid-template-columns: 45px 1fr}.layoutlist_4 .choice_num_type_b .quantity .minus,.layoutlist_4 .choice_num_type_b .quantity .plus {    height: 30px;    width: 30px}.layoutlist_4 .choice_num_type_b .quantity input.qty {    width: calc(100% - 64px);    height: 30px}.list_faketb__download {    flex: 0 0 80px;    min-width: 80px;}.list_faketb__no {    flex: 0 0 50px;    min-width: 50px;}.layoutlist_4 .showY input,.layoutlist_4 .showY select,.layoutlist_4 .showY textarea {    font-family: var(--FontFamily);    color: #121212}/* 人才招募 */ .recruitment .list_table td.list_position {    border-bottom: 1px solid #dedede;    padding-left: 0;    padding-right: 0;}.customized_columns .fillform {    font-size: var(--FontSizeH4);    margin: var(--SectionTitleBottom) 0 2rem;    text-align: center;    font-weight: 700;}.recruitmentcontent .position {    font-size: var(--FontSizeH4);    line-height: 1.8;    margin-top: 0;    padding-bottom: 16px;    margin-bottom: 24px;    border-bottom: var(--BorderGrayPx1);    color: var(--TextMainColor);}/* 據點 */ .store_search_submit {    background: var(--BtnOutlineBg);    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);}/*電子表單*/ .eformsDesc,.eformsDesc_bottom {    font-size: var(--FontSizeP);    color: var(--TextMainColor);    margin: 0;    padding: 0;}.eformsDesc {    border: 0;}.eformscontent .layoutlist_1.page_content2 {    max-width: 800px;    margin: 0 auto;    width: 90%;}.eformscontent .layoutlist_1.page_content3 {    max-width: 1400px;    width: 90%;    margin: 0 auto;}.eformscontent .layoutlist_1.page_content2 .customized_columns,.eformscontent .layoutlist_1.page_content2 .new-form {    margin: var(--ItemSpacing) 0;}.eformscontent .customized_columns,.eformscontent .new-form {    margin-left: 0;    margin-right: 0;}.form-horizontal .form-group {    margin-left: 0;    margin-right: 0;}.form-horizontal .control-label {    font-weight: 700;    width: 100px;    padding: 0 10px;}textarea.form-control {    min-height: 130px;}.systemmsg {    text-align: center;}.form-horizontal .form-column,.eformscontent .form-column {    width: calc(100% - 100px);    padding: 0;}.new-form .new-width .row .col-md-11 {    margin-bottom: 0;    margin-top: 0;}.eformscontent .col-sm-6.address-col-1,.eformscontent .col-sm-6.address-col-2 {    width: 50%;    padding: 0;    float: left;}.eformscontent .col-sm-12.col-md-11 .col-sm-12 {    width: 100%;    padding: 0;}.customized_columns>.row .col-sm-12.col-md-11 {    width: 100%;}/*電子表單送出a連結修正*/ .eforms_complete .hgroup,.eforms_complete .hgroup .container {    width: 100%;}.eforms_complete section.call_to_action>.container {    min-height: 35vh;    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;}.eforms_complete .ebtn {    margin-top: 0;}.eforms_complete .col-sm-12.col-md-12 .ebtn a {    margin-inline: auto;}/*留言板*/ .customized_columns .css-table .th.textarea {    width: 10%;}/*詢問車*/ .RWDquiry .btn-box {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 1rem;}.RWDquiry .shopping_form .control-box img {    margin-left: 10px;}.RWDquiry .btn.bg2,.btn.normal.bg3 {    background: var(--BtnBg);    color: var(--BtnColor);    border: 0;}.info-box .title,.shopping-title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);}/*隱私權*/ .privacy_block,.privacy_block p {    line-height: 2;    letter-spacing: 0;    color: var(--TextMainColor);}.privacy_block a {    color: var(--TextMainColor);    transition: var(--TransitionEase);}.privacy_block a:hover {    color: var(--TextMainColor);    transition: var(--TransitionEase);    text-decoration: none;}.privacy_block h5 {    font-size: var(--FontSizeH4);    font-weight: bold;    margin: 50px 0 10px;    color: var(--TextMainColor);}.privacy_block h6 {    font-size: var(--FontSizeP);}.privacy_block ul {    padding-left: 20px;}/*購物說明文字*/ .shopping_txt {    line-height: 2;    letter-spacing: 1px;    color: var(--TextMainColor);}.shopping_txt a {    color: var(--TextMainColor);    transition: var(--TransitionEase)}.shopping_txt a:hover {    color: var(--TextMainColor);    transition: var(--TransitionEase);    text-decoration: none;}.shopping_txt .item_row {    margin-bottom: 50px;}.shopping_txt h2 {    font-size: 24px;    font-weight: bold;    margin: 0;    color: #b90000;    text-decoration: underline;}.shopping_txt h3 {    font-size: var(--FontSizeH3);    font-weight: bold;    margin: 0 0 10px;    color: var(--TextMainColor);}.shopping_txt ul {    padding-left: 24px;    ;}/*隱私權購物說明最大寬度限制*/ .privacy_block,.shopping_txt {    max-width: 1200px;    margin: auto;}/* 頁碼 */ .page ul {    display: flex;    justify-content: center}.page .page_active {    background: #121212}.page .page_active,.page ul li a,.page ul li a:hover {    width: 30px;    height: 30px;    line-height: 30px;    font-size: var(--FontSizeP);}.page ul li a:hover {    background: #eee}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a {    background: var(--TextMainColor);    padding: 5px 20px;    color: #fff !important;    border-color: var(--TextMainColor);}/*hashtag a連結修正*/ .layoutlist_4 .list_subject .hashtag_block .hashtagLink,.rwdlayoutlist_9 .hashtag_block .hashtagLink,.hashtag_block .hashtagLink {    color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    border: 1px solid var(--BtnOutlineColor);}#article .layoutlist_7 .litem>div {    display: flex;    flex-direction: column;}#article .hashtag_block {    order: 5;}/* 比較表 */ .compare .clearall {    right: 5%;}.compare .clearall,.page_wrapper_bg .fix-compare-btn {    color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    border: 1px solid var(--BtnOutlineColor);    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    font-weight: 700;}.compare .main_title {    font-size: var(--FontSizeMain);    letter-spacing: 3px;    font-weight: 700;}.compare .clearall {    top: 59px;}.compare .main_box .memo {    padding: 0;    font-size: var(--FontSizeP) !important;    letter-spacing: 1px;    line-height: 1.5;    color: var(--TextSubColor) !important;    margin-bottom: 0;}.compare .main_box .main_name {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    font-weight: 700;    line-height: 1.5;    min-height: unset !important;    margin-bottom: 16px;}.compare .main_box .id {    display: none;}.compare .main_box .normal_price {    font-size: var(--FontSizeP);    color: var(--TextSubColor);}.compare .main_box .special_price .num,.compare .main_box .special_price {    color: #df0000;    font-size: var(--FontSizeH4);    letter-spacing: 0;    line-height: 1.5;}.compare .main_box .special_price {    margin-top: 5px;    margin-bottom: 0;}.compare .main_box .more {    width: var(--BtnWidth);    height: var(--BtnHeight);    background-color: var(--BtnBg);    color: var(--BtnColor);    margin: 2rem auto;    font-size: 15px;    text-align: center;    line-height: 1;    font-weight: 700;    border-radius: var(--BorderRadius);    display: flex;    cursor: pointer;    text-decoration: none;    align-items: center;    justify-content: center;}.compare .ii-close1 {    font-size: 22px;}.compare .swiper-button-prev,.compare .swiper-button-next {    width: 65px;    height: 65px;    color: var(--BtnOutlineColor);    border: 1px solid var(--BtnOutlineColor);    transition: var(--TransitionEase);    background-color: var(--BtnOutlineBg);    border-radius: var(--BtnBorderRadius);}.compare .main_box .memo,.compare .main_box .main_name,.compare .main_box .normal_price,.compare .main_box .special_price {    padding-inline: 15px;}.compare .compare-container {    width: 90%;}/* 評論 */#reply_app {    max-width: unset;}#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {    width: 100%;}#reply_app .msg_area_rp .line_rp .name_rp {    color: var(--TextMainColor);    font-size: var(--FontSizeH4);    margin-bottom: 1rem;}#reply_app .msg_area_rp .line_rp .memo_rp {    color: var(--TextSubColor);    font-size: var(--FontSizeP);}#reply_app .page_control_rp div {    width: 30px;    height: 30px;}#reply_app .respond_form .button_rp,#reply_app .msg_area_rp .line_rp .reply_box_rp {    border-radius: var(--BorderRadius);}#reply_app .respond_form .button_rp {    color: var(--BtnColor);    transition: var(--TransitionEase);    border: 1px solid var(--BtnColor);    font-size: var(--BtnFontSize);    background: var(--BtnBg);    width: var(--BtnWidth);    height: var(--BtnHeight);    margin-top: 2rem;}#reply_app .member_block_rp .star_block_box_rp .star_list_rp {    color: var(--MainColor);}#reply_app .member_block_rp {    padding-top: var(--ItemSpacing);    gap: 2vw;}#reply_app .top_line_rp {    font-size: var(--FontSizeSub);    color: var(--TextMainColor);    text-align: center;}#reply_app .member_block_rp .star_block_box_rp .add_msg_rp {    margin-left: auto;}@media (hover:hover) {    .layoutlist_7 .litem:hover .subject a,    #article .cate_list.row>div:hover .subject a {        color: var(--MainHoverColor);    }    #product .product_list_item:hover img,    .rwdlayoutlist_9 .litem:hover img,    .layoutlist_7 .litem:hover img,    #article .cate_list.row>div:hover img {        transform: scale(1.05);        transition: var(--TransitionEase);    }    .page_wrapper_bg .hgroup .breadcrumb a:hover,    .articlerelated-box .article-slider .item:hover .name,    .video_item:hover .video_item_subject,    .RWDproduct_page .related-box .item a:hover .name,    #product .product_list_item:hover .subject a,    .rwdlayoutlist_9 .litem:hover .subject,    .page_wrapper_bg #article .layoutlist_8 .item:hover .article_subject,    .page_wrapper_bg #article .layoutlist_7 .litem:hover .subject a,    .page_wrapper_bg #article :is(.layoutlist_2, .layoutlist_7) .item:hover .list_subject a,    .page_wrapper_bg #article .layoutlist_4 .item:hover .list_subject>a {        color: var(--MainHoverColor);    }    .RWDsearch_page .ibtn:hover,    .RWDsearch_page .more:hover,    .RWDquiry .btn.bg2:hover,    .btn.normal.bg3:hover,    .layoutlist_4 .buybtn:hover {        background: var(--BtnHoverBg);        color: var(--BtnHoverColor);    }    .layoutlist_5 .product_list_item .list-btn_mobile:hover,    .layoutlist_5 .product_list_item .list-btn:hover,    .layoutlist_5 .product_list_item .buybtn:hover {        background-color: var(--BtnHoverBg);        color: var(--BtnHoverColor);        transition: var(--TransitionEase);    }    .products-info .download_container .btn:hover {        background-color: var(--BtnHoverBg);        color: var(--BtnHoverColor);        border-color: var(--BtnHoverColor);        transition: var(--TransitionEase);    }    .downlaod5_item:hover .downlaod5_item_subject,    .download .item:hover .download_subject,    #album .album_item:hover .album_item_subject,    .page_wrapper_bg .tabs nav a:hover,    .RWDproduct_page .tab-box .tab-menu a:hover,    .RWDproduct_page .products-nav ul li>ul>li:hover>a,    .RWDproduct_page .btn-other .ibtn:hover {        color: var(--MainHoverColor);    }    #reply_app .msg_area_rp .line_rp .reply_box_rp:hover,    #reply_app .member_block_rp .star_block_box_rp .add_msg_rp:hover,    .RWDsearch_page .search-list .hashtag_block .hashtagLink:hover,    .layoutlist_4 .list_subject .hashtag_block .hashtagLink:hover,    .rwdlayoutlist_9 .hashtag_block .hashtagLink:hover,    .productlist .layoutlist_2 .item .compare .btn_compare:hover,    .compare .clearall:hover,    .page_wrapper_bg .fix-compare-btn:hover,    .hashtag_block .hashtagLink:hover,    .RWDquiry .btn.normal:hover,    .store_search_submit:hover,    .downlaod5_item_btn:hover,    .no-touch .layoutlist_3 .dbtn_v2:hover,    .btn-compare .btn.add:hover,    #btn_querycar:hover {        background: var(--BtnOutlineHoverBg);        color: var(--BtnOutlineHoverColor);        border: 1px solid var(--BtnOutlineHoverBg);        transform: var(--TransitionEase);    }    .productlist .layoutlist_2 .item .compare .btn_compare:hover .ii-check {        border: 1px solid var(--BtnHoverColor);    }    #reply_app .respond_form .button_rp:hover,    #reply_add_box .send_button_rp:hover,    .compare .main_box .more:hover,    .fbtn:hover,    #btn_shopping:hover {        background: var(--BtnHoverBg);        color: var(--BtnHoverColor);        border: 1px solid var(--BtnHoverColor);    }    .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {        background-color: var(--SubBtnHoverBg);        color: var(--SubBtnHoverColor);    }    .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {        background-color: var(--BtnHoverBg);        color: var(--BtnHoverColor);    }    .RWDproduct_page .download_container:hover .btn {        background: var(--MainHoverColor);    }    #btn_member_login:hover,    #div_forget_content #forget_table_btn:hover {        background: var(--BtnHoverBg);        border: 1px solid var(--BtnHoverColor);        color: var(--BtnHoverColor);    }    .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {        background: var(--NaviBtnHoverBg);        transition: var(--TransitionEase);        color: white;    }}

/*內頁 end*/ 
/*內頁製作 start*/ 

.article16 .layoutlist_7 .cdate {    display: none;}/* 寬度100% */ .eforms1 .page_wrapper_bg section.call_to_action>.container {    width: 100%;}/* 不用標題 */:is(.article6.id542, .article1.id47, .article15, .article18, .article25, .article26, .eforms1, .download3, .download4, .download8, .article29.articlelist) section.hgroup {    display: none;}:is(.article6.id542, .article1.id47, .article15, .article25, .article26) .page_wrapper_bg section.call_to_action {    padding-top: 0;}/* banner不用標題 */:is(.article5, .article7, .article12, .article19, .article20, .article21).is-folder-list.articlelist section.hgroup {    display: none;}:is(.article5, .article7, .article12, .article19, .article20, .article21).articlelist .page_wrapper_bg section.call_to_action {    padding-top: calc(var(--SectionPadding)*1.5);}/* 測選單寬版 */:is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action {    padding-bottom: var(--SectionPadding);}:is(.article2, .article4, .article30, .download2, .article17, .video1) .footer-block {    background: var(--LinearBgColor);}:is(.article2, .article4, .article30, .download2, .article17, .video1) .collapsing_header .main::after {    content: '';    position: absolute;    width: 25%;    height: 100%;    background: #f6fbfc;    left: 0;    top: 0;    z-index: -5;}:is(.article2, .article4, .article30, .download2, .article17, .video1) .collapsing_header .cd-main-content:before {    background: white;}:is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container {    width: 100%;}:is(.article2, .article4, .article30, .download2, .article17, .video1) .main section .container .article-text>.container .xrow #sidebar {    padding-inline: max(5vw, 60px);}:is(.article2, .article4, .article30, .download2, .article17, .video1) section.hgroup {    padding-left: calc(25% + max(10vw, 120px));    padding-right: max(10vw, 120px);}:is(.article2, .article4, .article30, .download2, .article17, .video1) section.hgroup .page_subject {    text-align: left;}:is(.article2, .article4, .article30, .download2, .article17, .video1) .hgroup .breadcrumb {    margin-left: 0;}:is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container .pagecontent {    padding-right: max(10vw, 120px) !important;    padding-left: max(10vw, 120px) !important;}/* 測選單 */ .page_wrapper_bg .m2018 .products-nav .nav-title {    background: transparent;    color: var(--MainColor);    padding: 0;    display: none;}/* overflow */:is(.article1, .article6, .article15, .article25, .article26) .collapsing_header .main {    overflow: hidden;}/* card-title前裝飾 */:is(.why-item, .plan-card, .contact-text-card) .card-title:before {    content: '';    position: relative;    display: inline-block;    width: 8px;    height: 8px;    background: var(--TextMainColor);    border-radius: 100%;    margin: 0 var(--SpaceMd) 0 0;    top: -3px;    left: 0;}.why-card .card-title:before {    content: '';    position: relative;    display: inline-block;    width: 8px;    height: 8px;    background: white;    border-radius: 100%;    margin: 0 var(--SpaceMd) 0 0;    top: -3px;    left: 0;}/* 按鈕 */ .innerpage-btn-group {    display: flex;    justify-content: center;    align-items: center;    gap: 0 var(--SpaceLg);    margin-top: var(--Space3xl);}a.innerpage-btn {    display: flex;    justify-content: center;    align-items: center;    padding: var(--SpaceMd) var(--SpaceMd);    border: 1px solid var(--BorderColor);    border-radius: var(--RadiusButton);        min-width: var(--BtnWidth);    max-width: var(--BtnWidth);}a.innerpage-btn.white-btn {    border-color: white;}a.innerpage-btn:hover {    background: var(--MainColor);    color: white;    border-color: var(--MainColor);}a.innerpage-solid-btn {    background: var(--MainColor);    color: white;    border-color: var(--MainColor);}a.innerpage-solid-btn:hover {    background: var(--SubColor);    border-color: var(--SubColor);}/* banner */ .inner-banner .RWDbanner_plus01 .slick-caption .container {    width: 95%;    padding: 0;}.inner-banner .RWDbanner_plus01 .slick-caption .txt1 {    font-size: calc(var(--FontSizeMain)*1.5);    font-family: var(--FontFamilyEn);    letter-spacing: 0;    text-transform: uppercase;    color: white;    font-weight: 600;    line-height: 1;    margin: 0;}.inner-banner .RWDbanner_plus01 .slick-caption .txt2 {    font-size: var(--FontSizeMain);    letter-spacing: 1.5px;    text-transform: uppercase;    color: white;    font-weight: 700;    line-height: 1.2;    margin: var(--SpaceMd);    font-family: var(--FontFamilyTitle);}.inner-banner .RWDbanner_plus01 .slick-caption {    top: 50%;    transform: translateY(-50%);    bottom: auto;}/* 背景乾淨一點 */ .article9 .cd-main-content:after {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: linear-gradient(180deg, white, transparent);    top: 0;    left: 0;    z-index: -4;    opacity: .7;}/* 標題 */ .RWDeditor01 .model-title {    font-weight: bold;    text-align: center;    padding: var(--SpaceMd);    background: var(--FooterBg);    color: white;    margin-bottom: 0 !important;    line-height: 1.6 !important;    border-radius: var(--RadiusMd) var(--RadiusMd) 0 0;    font-size: var(--FontSizeH4) !important;}/* 編輯器 */ .pagecontent .model[data-seq="0"] {    margin-top: 0 !important;}/* 時間軸 */ .RWDtimeline01 .line_dot2 span {    display: none;}.RWDtimeline01 li.event:before {    width: 12px;    height: 12px;    border: 1px solid var(--BorderColor);    box-shadow: var(--ShadowButton);}.circle_img img {    width: 100%;}.RWDtimeline01 li.event .circle img {    max-width: none;    margin: 0;}.article1 .RWDtimeline01 li.event .point .date {    background: white;    color: var(--TitleMainColor);    font-size: var(--CardTitleSize);    border-right: 1px dashed var(--BorderColor);    font-family: var(--FontFamilyEn);    font-weight: 600;    letter-spacing: 0px;}.article1 .RWDtimeline01 li.event .point {    display: grid;    grid-template-columns: 150px auto;    grid-template-areas:        'img img'        'date title'        'date text';    background: white;    border: 1px solid var(--BorderColor);    border-radius: var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;}.article1 .RWDtimeline01 .circle_img {    margin-bottom: 0;}.article1 .RWDtimeline01 li.event .point .circle {    grid-area: img;}.article1 .RWDtimeline01 li.event .point .date {    grid-area: date;    align-self: center;    height: 100%;    display: flex;    justify-content: center;    align-items: center;}.article1 .RWDtimeline01 li.event .point .title {    grid-area: title;    padding: var(--SpaceLg) var(--SpaceLg) 0;    text-align: left;    font-weight: bold;    margin: 0;}.article1 .RWDtimeline01 li.event .point .editor {    grid-area: text;    padding: var(--SpaceMd) var(--SpaceLg) var(--SpaceLg);}/* 共通間距 */ .innerpage-recycling-block04,.innerpage-hr-block03,.innerpage-hr-block04,:is(.innerpage-store-block01, .innerpage-recycling-block02, .innerpage-why-block02, .innerpage-hr-block02, .innerpage-contact-block01)>.text {    padding: var(--SpaceComponent);}/* 內頁標題 */ .page_wrapper_bg .section-subject {    margin-bottom: calc(var(--ItemSpacing)*0.65);}.page_wrapper_bg .section-subject .main-title {    font-size: calc(var(--FontSizeMain) * 0.8);    letter-spacing: 1.5px;}.page_wrapper_bg .section-subject .max-main-title {    font-size: var(--FontSizeMain);    letter-spacing: 2px;    font-weight: 700;    line-height: 1.3;}.max-main-title>small {    font-size: var(--FontSizeP);    display: block;    opacity: 1;    font-weight: 400;    color: var(--TextMainColor);    letter-spacing: 1px;}.max-main-title+.sub-title {    margin-top: var(--SpaceSm);}.page_wrapper_bg .section-subject .sub-title {    font-size: var(--FontSizeH4);}/* 改版型 */:is(.article10, .article15) .page_wrapper_bg section.call_to_action {    display: none;}/* recycle */:is(.inner-esg-all, .inner-recycle-all) .container {    padding: 0;    width: 70%;}/* 回收01 */ .recycle-circle-block>.container {    max-width: 1450px;    width: 90% !important;}.recycle-circle-main-block {    position: relative;    padding: var(--SpaceSeciton);    background: #f5fbff;    border-radius: var(--RadiusSection);}.circle-group {    position: relative;}.circle-group.circle-group--pdh {    display: none;}.recycle-circle-bg {    position: relative;    display: grid;    grid-template-columns: 1fr 1fr;    align-items: flex-end;    margin: var(--Space3xl) 0 calc(var(--Space3xl)*2);    transform: translateX(4.5%);}.inner-circle,.recycle-center {    position: absolute;}.circle-group--left .inner-circle {        left: 50%;    top: 50%;    transform: translate(-50%, -50%);}.circle-group--right {    width: fit-content;    transform: translateX(-8%);}.circle-group--left {    width: fit-content;    transform: translateX(8%);}.circle-group--right .inner-circle,.recycle-center {    left: 50%;    top: 50%;    transform: translate(-50%, -50%);}img.recycle-center__img {    max-width: 80px;}.recycle-center {    width: 55%;    height: 55%;    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    background: rgba(255, 255, 255, .9);    border: 10px solid #c8e1f3;    border-radius: var(--RadiusFull);    justify-content: center;    z-index: 2;}.recycle-center__text {    padding-top: var(--SpaceMd);    margin-top: var(--SpaceMd);    border-top: 1px solid var(--BorderColor);    width: 80%;}.recycle-center__text p.center-text {    margin-bottom: 0;    line-height: 1.3;}.recycle-items {    position: absolute;    width: 100%;    height: 100%;}.recycle-icon {    width: 100px;    height: 100px;    background: #4698c8;    padding: var(--SpaceLg);    border-radius: var(--RadiusFull);    border: 5px solid white;    box-shadow: var(--ShadowButton);}.pos-1 .recycle-icon {    background: linear-gradient(60deg, #4698c8, #24d0ba);}:is(.pos-3, .pos-10) .recycle-icon {    width: fit-content;    height: fit-content;    padding: var(--SpaceXs) var(--SpaceMd);}.pos-10 .recycle-icon {    background: #ddf1fb;    border-color: #f5fbff;}:is(.pos-6, .pos-7, .pos-8, .pos-9) .recycle-icon {    background: #24d0ba;}.recycle-text {    font-weight: bold;}.recycle-item {    display: flex;    flex-direction: column;    gap: var(--SpaceSm);    position: absolute;}.legend-tag {    width: fit-content;    padding: var(--SpaceSm) var(--SpaceXl);    border: 2px solid white;    border-radius: var(--RadiusFull);    line-height: 1.2;    margin-bottom: var(--SpaceSm);    font-family: var(--FontFamilyEn);}.legend-pcr .legend-tag {    background: #3e8ab7;}.legend-pcr {    background: #57a2cd;}.legend-pcr p {    color: white;}.legend-card.legend-pir {    background: linear-gradient(45deg, rgb(70 152 200 / 15%), rgb(36 208 186 / 15%));}.legend-pir .legend-tag {    background: #7ecec4;}.recycle-legend {    grid-template-columns: 1fr 1fr;    grid-gap: 0 var(--SpaceMd);    max-width: 700px;}.legend-card p {    margin: 0;    font-size: 15px;}/* circle-pos */ .pos-1 {    left: 42%;    top: 40%;    text-align: center;}.pos-2 {    left: 21%;    bottom: -15%;    text-align: center;}.pos-3 {    left: -6%;    bottom: 12%;}.pos-4 {    left: -5%;    top: 32%;}.recycle-item:is(.pos-3, .pos-4) {    flex-direction: row-reverse;    text-align: right;    align-items: center;}.pos-5 {    left: 17%;    top: -15%;}.recycle-item:is(.pos-5, .pos-6, .pos-10) {    flex-direction: column-reverse;    align-items: center;}.pos-6 {    right: 30%;    top: -15%;}.pos-7 {    right: 3%;    top: 33%;}.recycle-item:is(.pos-7, .pos-8) {    flex-direction: row;    align-items: center;}.pos-8 {    right: 2%;    bottom: 8%;}.pos-9 {        right: 30%;    bottom: -15%;    text-align: center;}.pos-10 {    left: 45%;    top: 2%;}/* contpet */ .recycle-concept-block {    padding-bottom: 50vw;}.recycle-concept-block .section-subject {    margin-bottom: 0;}/* step */ .recycle-step-block.section-spacing {    padding-block: calc(var(--SpaceInnerSection)*2);}.recycle-step-main-block {    grid-template-columns: 45vw auto;    grid-gap: 0 5vw;}.recycle-step-block>.container-90 {    margin-right: 0;}.innerpage-img img {    width: 100%;}.innerpage-img {    border-radius: var(--RadiusMd);    position: relative;    overflow: hidden;}.recycle-step-card {    background: white;    display: flex;    flex-direction: column;    gap: var(--SpaceSm);    max-height: 250px;    min-height: 250px;    padding: var(--SpaceXl) var(--SpaceMd) var(--SpaceMd);}.step-number {    color: #cbe7f9;    font-weight: 600;    letter-spacing: 0.5px;    font-family: var(--FontFamilyEn);}.step-badge {    background: #1e81b7;    font-size: 15px;    font-weight: 600;    padding: var(--SpaceXs) var(--SpaceSm);    border-radius: var(--RadiusSm);    width: fit-content;}.recycle-steps {    grid-template-columns: repeat(5, 1fr);    grid-gap: var(--SpaceLg) var(--SpaceMd);    height: fit-content;    grid-template-areas:        'card1 card2 card3 card4 card5'        'card10 card9 card8 card7 card6'        'card11 card12 card13 card14 card15';}.recycle-step-figure {    height: 100%;}.recycle-step-figure img {    min-height: 100%;    max-height: 100%;    object-fit: cover;}.step-card__icon.icon {    align-self: flex-end;    margin-top: auto;    justify-self: flex-end;    margin-bottom: 0;    position: relative;    width: 60px;    height: 60px;}/* 順序 */ .recycle-step-card1 {    grid-area: card1;}.recycle-step-card2 {    grid-area: card2;}.recycle-step-card3 {    grid-area: card3;}.recycle-step-card4 {    grid-area: card4;}.recycle-step-card5 {    grid-area: card5;}.recycle-step-card6 {    grid-area: card6;}.recycle-step-card7 {    grid-area: card7;}.recycle-step-card8 {    grid-area: card8;}.recycle-step-card9 {    grid-area: card9;}.recycle-step-card10 {    grid-area: card10;}.recycle-step-card11 {    grid-area: card11;}.recycle-step-card12 {    grid-area: card12;}.recycle-step-card13 {    grid-area: card13;}.recycle-step-card14 {    grid-area: card14;}.recycle-step-card15 {    grid-area: card15;}/* recycle banner */ .recycle-banner-block {    position: relative;}.recycle-banner-block .RWDbanner_plus01 .slick-caption>.container {    width: 80%;}.recycle-banner-block .RWDbanner_plus01 .slick-caption {    top: auto;    bottom: 12.5%;    font-size: calc(var(--FontSizeMain)*1.75);    text-transform: uppercase;    letter-spacing: 0px;    line-height: 1;    color: white;    font-weight: 700;    font-family: var(--FontFamilyEn);}.recycle-banner-block .RWDbanner_plus01 .slick-caption .txt2 {    margin: 0;}/* recycle:product */ .innerpage-recycle-product-block {    width: 90%;    margin: 0 auto;}.recycle-product-grid {    grid-template-columns: repeat(4, 1fr);    grid-gap: var(--SpaceLg);}.product-card.card {    padding: 0;    background: linear-gradient(30deg, #3eb3af, #1e80b8);}.product-card__img {    background: white;}.product-card__text {    padding: var(--SpaceXl) var(--SpaceLg);    position: relative;}.product-card__text:before {    content: '';    position: absolute;    width: 24px;    aspect-ratio: 1.8/1;    /* 寬高比例可改 */    background: white;    clip-path: polygon(50% 100%, 0 0, 100% 0);    /* 倒三角 */    /* 可做點圓角 */    left: 50%;    transform: translateX(-50%);    top: -1px;}/* product-btn */ .recycle-product-btn-group {    margin: var(--ItemSpacing) auto 0;    display: block;}.recycle-product-btn {    margin: auto;}/* skill */ .image-bg {    height: 100%;    position: relative;}.image-bg img {    object-fit: cover;    min-height: 100%;    max-height: 100%;    width: 100%;    object-position: center;}.skill-image-bg {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: 0;    border-radius: var(--RadiusXl);    overflow: hidden;}.skill-text {    z-index: 1;    position: relative;}.skill-card-box {    grid-area: img;    grid-template-columns: 1fr 1fr 1fr;    grid-template-areas:        'card01 card02 card02'        'card03 card02 card02'        'card04 card04 card05';    grid-gap: var(--SpaceMd);}.innerpage-recycle-skill-block .section-subject {    grid-area: title;    align-self: flex-end;}.innerpage-recycle-skill-block .description {    grid-area: text;}.innerpage-recycle-skill-block {    grid-template-columns: 1fr 1.4fr;    grid-gap: 0 5vw;    grid-template-areas:        'title img'        'text img';}.skill-card-card-1 {    grid-area: card01;}.skill-card-card-2 {    grid-area: card02;}.skill-card-card-3 {    grid-area: card03;}.skill-card-card-4 {    grid-area: card04;}.skill-card-card-5 {    grid-area: card05;}.skill-card {    overflow: hidden;    position: relative;    padding: var(--SpaceXl);}.card-en-title {    letter-spacing: 0px;    font-family: var(--FontFamilyEn);    font-weight: 500;    font-size: 16px;    line-height: 1.2;    margin-bottom: 0;}.skill-card .card-title {    font-size: var(--FontSizeP);    letter-spacing: 1px;}.skill-card-card-1 .skill-text {    margin-bottom: max(8vw, 60px);}.skill-card-card-3 .skill-text {    margin-top: max(3vw, 35px);}.skill-card-card-4 .skill-text {    margin-top: max(10vw, 60px);}/* 使命與願景 *//* about01 */ .image-bg.about-image-bg {    position: absolute;    width: 100vw;    height: 100%;    left: 50%;    transform: translateX(-50%);    top: 0;    z-index: -3;}.innerpage-about-block01 {    padding-top: calc(var(--SpaceInnerSection)*3.5);    padding-bottom: calc(var(--SpaceInnerSection)*0.75);}.innerpage-about-block01 .section-subject {    margin-bottom: 0;}.image-bg.about-image-bg:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: linear-gradient(45deg, black, transparent);    mix-blend-mode: multiply;    opacity: .5;    z-index: 0;    left: 0;    top: 0;    pointer-events: none;}/* about02 */:is(.innerpage-about-block02, .innerpage-about-block03)>.text {    padding: calc(var(--SpaceComponent)*1.5) var(--SpaceComponent);}.innerpage-about-block02 span.image-text {    left: 7.5%;    bottom: 10%;}.innerpage-about-block02 span.image-text {    font-size: var(--FontSizeSub);    font-weight: bold;}.innerpage-about-block02 .image-bg:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: linear-gradient(0deg, black, transparent);    opacity: .5;    pointer-events: none;}/* about03 */ .innerpage-about-block03 .card-title {    border-bottom: 1px solid var(--BorderColor);    padding-bottom: var(--SpaceMd);    margin-bottom: var(--SpaceXl);    position: relative;    font-size: calc(var(--CardTitleSize)*1.5);}/* about04 */ .innerpage-about-block04>.image-bg {    position: absolute;    width: 100vw;    height: 100%;    left: 50%;    transform: translateX(-50%);    top: 0;    z-index: -3;    pointer-events: none;}.about-number-card__icon.icon {    border: 1px solid white;    padding: var(--SpaceMd);    border-radius: var(--RadiusFull);    width: 64px;    height: 64px;}/* about04 */ .about-number-card-box {    grid-gap: 0 var(--SpaceLg);    max-width: 1200px;    margin: 0 auto;}.about-number-card__number {    font-size: calc(var(--FontSizeMain)*1.25);    font-family: var(--FontFamilyEn);    letter-spacing: -1px;    line-height: 1;    margin-bottom: var(--SpaceSm);    font-weight: 600;}.about-number-card__number>small {    padding-left: var(--SpaceMd);    font-size: var(--FontSizeP);    font-family: var(--FontFamily);    font-weight: 400;}.about-number-card__title {    font-size: var(--CardTitleSize);    font-weight: bold;}/* about05 */ .about-logo-item__img {    max-width: 70px;    margin-bottom: var(--SpaceMd);}.about-logo-item02 .about-logo-item__img {    max-width: 100px;}.innerpage-about-block05 {    max-width: 1200px;    grid-template-columns: auto 1.5fr;    margin: 0 auto;    padding-top: calc(var(--SpaceInnerSection)/2);}.innerpage-about-block05 .text {    padding-left: 5vw;    margin-left: 5vw;    border-left: 1px solid var(--BorderColor);    height: 100%;    align-content: center;}.innerpage-about-block05 .text h3 {    margin-bottom: var(--SpaceLg);}.about-logo-history {    grid-gap: 0 3vw;    display: flex;}.about-logo-item__img.about-logo-item__img01 {    max-width: 75px;    align-content: flex-start;}.about-logo-item.flex-column {    justify-content: space-between;    align-items: center;    text-align: center;    position: relative;}.about-logo-item01::before {    content: "\f3d3";    position: absolute;    font-family: "Ionicons";    font-size: 1.25rem;    right: -1.5vw;    bottom: -2px;}/* team*/ .innerpage-team-block01 .section-subject {    margin-top: var(--SpaceInnerSection);}.image.team-image02 {    padding: 0 var(--SpaceInnerSection) var(--SpaceInnerSection);    display: flex;    justify-content: center;    align-items: center;}.image.team-image02>img {    width: 65%;    margin: 0 auto;}.team-card.card {    padding: 0;}.team-card__role {    background: var(--TextMainColor);    color: white;    padding: var(--SpaceSm) var(--SpaceSm);    border-radius: var(--RadiusMd) var(--RadiusMd) 0 0;}.team-card__name {    font-size: var(--FontSizeH4);    font-weight: bold;    color: var(--TitleMainColor);    padding: var(--SpaceXl);    background: rgba(255, 255, 255, .5);    border-radius: 0 0 var(--RadiusMd) var(--RadiusMd);}.team-card-box {    grid-gap: var(--Space3xl) var(--SpaceXl);    margin: 0 auto;}.team-card__icon {    max-width: 40px;    margin: 0 auto var(--SpaceSm);}.team-card__image {    border-radius: var(--RadiusMd) var(--RadiusMd) 0 0;    overflow: hidden;}/* 營業據點 *//* store01 */section.innerpage-store-block01,.store-card.card {    background: #f6fbfc;}section.innerpage-store-block01 {    grid-template-columns: 1fr 1.2fr;}.innerpage-store-block li.innerpage-list__item {    padding-bottom: var(--SpaceSm);    margin-bottom: var(--SpaceSm);    border-bottom: 1px dashed var(--BorderColor);}.innerpage-store-block01>.text ul.innerpage-list {    margin-top: var(--SpaceXl);}/* store02 */a.innerpage-store-btn.innerpage-btn {    width: 100%;    max-width: none;}a.store-btn.innerpage-btn {    max-width: none;    width: 100%;}.store-card.card {    padding: 0;}.store-card>.text {    padding: var(--SpaceCard);}.store-grid.d-grid {    grid-gap: var(--SpaceXl);}.store-card span.innerpage-list__label {    display: block;}.innerpage-store-block li.innerpage-list__item:last-child {    padding: 0;    margin: 0;    border: none;}/* 產品 *//* product */ .innerpage-product-block {    grid-template-columns: 240px auto;    padding: var(--Space3xl);    grid-gap: 0 var(--Space3xl);}.innerpage-product-block:before {    content: '';    position: absolute;    width: 100%;    height: 10px;    background: var(--FooterBg);    top: 0;    left: 0;    z-index: 1;}.innerpage-product-block .text {    padding-left: var(--Space3xl);    border-left: 1px solid var(--BorderColor);}/* 塑膠廢棄物循環 *//* recycling01 */ .innerpage-recycling-block01.section-spacing {    padding-block: calc(var(--SpaceInnerSection)*1.5);}.image-bg.recycling-image-bg {    position: absolute;    width: 100vw;    height: 100%;    left: 50%;    transform: translateX(-50%);    top: 0;    z-index: -3;}.innerpage-recycling-block {    position: relative;}.innerpage-recycling-block01 .max-main-title {    margin-bottom: var(--SpaceLg);}/* recycling02 */ .recycling-timeline span.innerpage-list__label {    opacity: 1;    font-weight: 700;    color: var(--TitleMainColor);    min-width: 110px;    display: inline-block;    padding: 0;}.recycling-timeline li.innerpage-list__item {    font-size: var(--CardTitleSize);    padding-bottom: var(--SpaceMd);    padding-left: 32px;    position: relative;    display: flex;}.recycling-timeline li.innerpage-list__item:before {    content: '';    position: absolute;    width: 20px;    height: 1px;    background: var(--BorderColorLight);    left: 0;    top: 30%;}.recycling-timeline li.innerpage-list__item:after {    content: '';    position: absolute;    width: 1px;    height: 100%;    background: var(--BorderColorLight);    left: 0;    top: 30%;}.recycling-timeline li.innerpage-list__item:last-child::after {    height: 70%;}    /* recycling03 */ .innerpage-recycling-block03:before {    content: '';    position: absolute;    width: 100vw;    height: 100%;    background: rgba(255, 255, 255, .3);    left: 50%;    transform: translateX(-50%);    top: 0;    z-index: -3;    pointer-events: none;}.recycling-card.card {    padding: 0;    background: white;}.recycling-card.card .image {    padding: var(--SpaceSm);}.recycling-card.card .image img {    border-radius: var(--RadiusMd);}.recycling-card-grid {    grid-gap: var(--Space2xl) var(--SpaceLg);}.recycling-card>.text {    padding: var(--SpaceLg);}/* recycling04 */ .innerpage-recycling-block04 {    grid-gap: 0 var(--SpaceComponent);}.recycling-source-title {    position: relative;    background: white;    z-index: 3;    font-weight: bold;    margin-bottom: var(--Space2xl);    border-bottom: 1px solid var(--BorderColor);}.recycling-source-card {    padding: 0;    border-radius: 0;    }.recycling-source-card .icon {    width: 40px;    height: 40px;    margin-bottom: var(--SpaceMd);}.recycling-source-grid {    grid-gap: var(--SpaceXl);}/* 地碳解決方案 */ .why-qa {    padding: 3vw;    background: rgba(255, 255, 255, .7);    max-width: 1400px;    margin: 0 auto max(22vw, 120px);    grid-gap: 0 var(--Space3xl);}.why-card-box {    padding: var(--SpaceComponent);    border: 1px solid rgba(255, 255, 255, .5);    max-width: 1400px;    margin: 0 auto;    background: rgba(5, 5, 5, .15);        border-radius: var(--RadiusXl);}.why-image-bg {    position: absolute;    width: 100vw;    height: 100%;    top: 0;    left: 50%;    transform: translateX(-50%);    z-index: -3;    pointer-events: none;    display: flex;    justify-content: center;    align-items: flex-end;}.why-image-bg img {    object-fit: contain;    min-height: auto;    max-height: none;}.why-card {    padding-right: var(--Space2xl);    margin-right: var(--Space2xl);    border-right: 1px solid rgba(255, 255, 255, .5);}.why-card p {    margin: 0;}.why-card:last-child {    margin: 0;    padding: 0;    border: none;}.innerpage-why-block01 .scroll-down {    color: #ffffff85;    font-size: 2.5rem;    display: flex;    flex-direction: column;    align-items: center;    padding-bottom: 2rem;}.innerpage-why-block01 .scroll-down .ionicons:nth-of-type(2) {    margin-top: -20px;}.innerpage-why-block01 .scroll-down i.ion-ios-arrow-down {    animation: animate 1.4s infinite;}.innerpage-why-block01 .scroll-down i.ion-ios-arrow-down:nth-child(1) {    animation-delay: -0.2s;}.innerpage-why-block01 .scroll-down i.ion-ios-arrow-down:nth-child(2) {    animation-delay: -0.4s;}/* why02 */ .plan-card {    padding-bottom: var(--SpaceLg);    margin-bottom: var(--SpaceLg);    border-bottom: 1px dashed var(--BorderColor);}.plan-card ul.innerpage-list--circle {    padding-left: 50px;}/* why03 */ .innerpage-why-block03:before {    content: '';    position: absolute;    width: 100vw;    height: 100%;    background: rgba(255, 255, 255, .4);    left: 50%;    transform: translateX(-50%);    top: 0;    z-index: -3;    pointer-events: none;}.why-brand-card.card {    padding: var(--Space2xl);    background: white;}.why-brand-card-box {    grid-gap: var(--SpaceLg);}.why-brand-card .image {    padding-bottom: var(--SpaceMd);    border-bottom: 1px solid var(--BorderColor);    margin-bottom: var(--SpaceMd);    display: flex;    justify-content: center;}.why-brand-card .image img {    max-width: 80%;    margin: 0 auto;}/* why04 */ .innerpage-why-block04 {    max-width: 1400px;    margin: 0 auto;    position: relative;}.why-flow-item {    width: calc(100% / 8);    position: relative;    display: flex;    flex-direction: column;    align-items: center;    text-align: center;}.why-flow-item small.step {    font-family: var(--FontFamilyEn);    letter-spacing: 0px;    font-size: 15px;    opacity: .2;    font-weight: 600;}.why-flow-item:before {    content: '';    position: absolute;    width: 100%;    height: 1px;    background: #eaf7ff;    top: calc(var(--Space2xl)/2 + 80px);    left: 50%;    transform: translateX(-50%);}.why-flow-item:first-child:before {    width: 50%;    transform: translateX(0);}.why-flow-item .icon {    width: 80px;    height: 80px;    padding: calc(var(--SpaceMd) + 4px);    background: linear-gradient(60deg, white, transparent);    border-radius: var(--RadiusFull);    margin-bottom: var(--Space2xl);}.why-flow-item:after {    content: '';    position: absolute;    width: 10px;    height: 10px;    background: #cee9f9;    left: 50%;    transform: translateX(-50%);    top: calc(var(--Space2xl) / 2 + 80px - 4px);    border-radius: 100%;    border: 1px solid white;}/* 利害人關係 */ .innerpage-stakeholder-block {    padding: var(--SpaceComponent);    border-radius: 0 0 var(--RadiusXl) var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;    border: 1px solid rgba(255, 255, 255, .5);    border-top: none;}.stakeholder-card {    position: relative;    padding: 0 var(--SpaceXl) var(--SpaceXl);    margin: 0 var(--SpaceXl) var(--SpaceXl);    border-bottom: 1px dashed var(--BorderColor);}.stakeholder-card .card-title:before {    content: '';    position: relative;    display: inline-block;    width: 8px;    height: 8px;    background: var(--TextMainColor);    border-radius: 100%;    margin: 0 var(--SpaceMd) 0 0;    top: -3px;    left: 0;}/* 人才招募 *//* hr01 */ .hr-image-bg {    position: absolute;    width: 100vw;    height: 100%;    top: 0;    left: 50%;    transform: translateX(-50%);    z-index: -3;}.innerpage-hr-block01>.text {    padding: calc(var(--SpaceInnerSection)*5) 0 calc(var(--SpaceInnerSection)*1.25) 63%;}/* hr02 */ .innerpage-hr-block02 .innerpage-btn-group {    justify-content: flex-start;}.hr-card-box {    grid-gap: var(--SpaceXl) var(--SpaceLg);}.hr-card .card-title.d-grid {    grid-template-columns: 28px auto;    grid-gap: 0 var(--SpaceLg);}.hr-card {    margin-bottom: var(--SpaceXl);}.hr-card ul.innerpage-list {    border-left: 1px solid var(--BorderColor);    margin-left: 14px;    padding-left: calc(var(--SpaceLg) + 28px - 14px);    margin-top: var(--SpaceMd);}/* hr03 */a.innerpage-btn.innerpage-hr-btn {    margin-top: 0;    min-width: auto;}.innerpage-hr-block03 {    grid-gap: 0 var(--SpaceComponent);}section.innerpage-hr-block03 .rwd-table tr {    border-bottom: 1px dashed var(--BorderColor);}.innerpage-hr-block03 .rwd-table :is(th, td) {    padding: var(--SpaceMd);    vertical-align: middle;}a.innerpage-btn .icon {    width: auto;    height: auto;    margin: 0;}.innerpage-link-btn-box {    grid-gap: 0 var(--SpaceLg);}a.innerpage-link-btn {    grid-gap: 0 var(--SpaceMd);    margin-top: 0;    max-width: none;}.innerpage-hr-block03 .rwd-table :is(th, td) {    font-size: var(--FontSizeP);}/* hr04 */ .innerpage-hr-block04 {    border-radius: 0 0 var(--RadiusXl) var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;}/* hr05 */ .innerpage-hr-block05 .image-bg {    position: absolute;    top: 0;    left: 0;    z-index: -3;    width: 100%;}.innerpage-hr-btn-group a.innerpage-btn {    margin-top: 0;}/* 聯絡我們 */ .innerpage-contact-block01 .text .innerpage-btn-group {    justify-content: flex-start;}.eforms1.eformscontent .layoutlist_1.page_content2 {    max-width: none;    width: 100%;}.eforms1 .eformsDesc {    width: 80%;    margin: 0 auto var(--SpaceInnerSection);}.innerpage-contact-block01 .text {    height: 100%;    align-content: center;}.innerpage-contact-block01 {    grid-template-columns: 1.4fr 1fr;}.innerpage-contact-block01 .innerpage-logo {    margin-bottom: var(--SpaceXl);}.innerpage-contact-block01 li.innerpage-list__item>b {    padding-right: var(--SpaceMd);    opacity: .5;}.innerpage-contact-block01 li.innerpage-list__item {    padding-bottom: var(--SpaceSm);    margin-bottom: var(--SpaceSm);    border-bottom: 1px dashed var(--BorderColor);}.innerpage-contact-block02 {    max-width: 1650px;    margin: 0 auto;}.contact-text-card {    padding-right: var(--Space2xl);    margin-right: var(--Space2xl);    border-right: 1px solid var(--BorderColor);}.contact-text-card:last-child {    padding-right: 0;    margin-right: 0;    border: none;}/* contact03 */section.innerpage-contact-block03 {    background: var(--FooterBg);    padding-bottom: calc(var(--SpaceInnerSection)*1.5);}section.innerpage-contact-block03>.text {    width: 45%;    margin: 0 auto;}.formdesc {    padding: 0;    margin: 0;    color: var(--TextMainColor);}.eforms1.eformscontent .layoutlist_1.page_content2 .customized_columns {    max-width: 1000px;    padding: var(--SpaceComponent);    background: white;    margin-top: calc(var(--SpaceInnerSection)*-1);    z-index: 3;    position: relative;    margin-inline: auto;}.form-horizontal .control-label {    width: 100%;    padding: 0;}.form-horizontal .form-column,.eformscontent .form-column {    width: 100%;}.customized_columns ._input,.customized_columns select {    box-shadow: none;    border-radius: var(--RadiusFull);    border: none;    padding: 0 var(--SpaceMd);}.customized_columns textarea._input {    padding: var(--SpaceMd);    border-radius: var(--RadiusXl);}/* esg01 */ .esg-circle-map-box {    position: relative;    width: 55vw;}.esg-text {    width: 35vw;    height: fit-content;    align-self: center;}section.innerpage-recycle-esg-block01 {    display: flex;    padding-bottom: calc(var(--SpaceInnerSection)*5.5);}.esg-circle-text {    width: max(11vw, 280px);    height: max(11vw, 280px);    display: flex;    flex-direction: column;    text-align: center;    background: linear-gradient(-45deg, #149d98, #1e80b8);    justify-content: center;    border-radius: var(--RadiusFull);    position: absolute;    right: 7.6vw;    z-index: 2;    bottom: 10vw;    filter: drop-shadow(2px 4px 20px #c2d3dc);}.bubble-en {    text-transform: uppercase;    font-family: var(--FontFamilyEn);    opacity: .45;    margin-bottom: var(--SpaceSm);}.bubble-zh {    line-height: 1.3;    font-weight: 700;    font-size: var(--CardTitleSize);    letter-spacing: 1px;}.esg-circle-text:before {    content: '';    position: absolute;    width: 20px;    height: 18px;    /* 尾巴大小 */    background: inherit;    /* 繼承圓形的漸層 */    /* 裁成「往右下的三角」 */    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);    clip-path: polygon(0 100%, 100% 0, 100% 100%);    border-bottom-left-radius: 6px;    /* 轉角更柔和，可調 */    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .12));    right: 27px;    bottom: 40px;}/* esg02 */ .esg-initial {    font-size: calc(var(--FontSizeMain)*1.6);    font-weight: 700;    font-family: var(--FontFamilyEn);    line-height: 1;}.esg-initial.esg-initial1 {    color: var(--SInnerColo);}.esg-earth-text {    display: flex;    gap: 0 var(--SpaceMd);    align-items: anchor-center;    width: fit-content;    position: absolute;    filter: drop-shadow(0px 0px 4px rgba(255,255,255,.4));}.esg-title.card-title {    font-size: calc(var(--CardTitleSize)*1.5);    line-height: 1.2;}.esg-initial.esg-initial2 {    color: var(--EInnerColo);}.esg-initial.esg-initial3 {    color: var(--GInnerColo);}.esg-center-wrapper {    position: relative;    padding-top: max(1vw, 40px);}.esg-center-map.image-bg {    pointer-events: none;    z-index: -1;}.esg-earth-text-box {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;}.esg-earth-text1 {    left: 18%;    top: 38%;}.esg-earth-text2 {    top: 0;    left: 50%;    transform: translateX(-50%);}.esg-earth-text3 {    right: 18%;    top: 38%;}.page_wrapper_bg .innerpage-recycle-esg-block02 .section-subject {    margin-bottom: var(--ItemSpacing);}/* esg03 */ .inner-recycle-earth-block .bg-block {    height: calc(100% - 5vw) !important;}.esg-card__header {    display: flex;    gap: 0 var(--SpaceMd);    align-items: anchor-center;    padding-bottom: var(--SpaceMd);    margin-bottom: var(--SpaceMd);    border-bottom: 1px solid var(--BorderColor);}.esg-headings p.esg-subtitle {    margin: 0;    font-weight: 700;}.esg-card_text {    margin-bottom: max(5vw, 60px);}.esg-badges.d-grid {    grid-gap: var(--SpaceSm);    margin-bottom: 0;    margin-top: auto;}.esg-card-box {    grid-gap: var(--Space2xl);    margin-top: -14vw;}.esg-card {    background: #e8f3f6;    border-radius: var(--RadiusXl);    display: flex;    flex-direction: column;    box-shadow: var(--ShadowImage);}/* esg04 */section.inner-recycle-score-block {    padding-top: calc(var(--SpaceInnerSection) + 5vw);    margin-top: -5vw;}.inner-recycle-score-block:before {    content: '';    position: absolute;    width: 130vw;    height: 130vw;    background: linear-gradient(0deg, white, transparent);    bottom: calc(var(--SpaceInnerSection)*-0.5);    left: 50%;    transform: translateX(-50%);    z-index: -5;    border-radius: 0 0 180vw 180vw;}.innerpage-recycle-esg-block03 {    grid-gap: 0 10vw;    height: 100%;    grid-template-columns: 1fr 1.5fr;}.esg-number-card {    display: flex;    flex-direction: column;    padding: var(--Space2xl);    border-radius: var(--RadiusFull);    width: fit-content;    position: relative;    text-align: center;}.esg-icon.icon {    margin-inline: auto;    margin-bottom: var(--SpaceXl);}.esg-number span.num {    font-size: calc(var(--FontSizeMain)*2.3);    letter-spacing: -2px;    font-family: var(--FontFamilyEn);    font-weight: 600;    line-height: 0.8;    position: relative;    background: linear-gradient(90deg, #02d5b5, #10a492);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;}.esg-number-card2 .esg-number span.num {    min-width: 2.5ch;}.esg-number {    align-items: baseline;    gap: 0 var(--SpaceSm);    margin-bottom: var(--SpaceSm);}span.unit {    color: #137872;    position: relative;    align-self: flex-end;    height: 100%;    flex-direction: column;    display: flex;    text-align: left;    justify-content: space-between;}.esg-label {    letter-spacing: 1px;}span.unit:before {    content: '+';    position: relative;    font-size: calc(var(--FontSizeP)*1.25);    color: #10a492;    line-height: 1;    margin-bottom: 1.7vw;}.esg-number-card:before {    content: '';    position: absolute;    width: 115%;    aspect-ratio: 1/1;    height: auto;    background: white;    z-index: -2;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    border-radius: var(--RadiusFull);    box-shadow: var(--ShadowImage);    pointer-events: none;}.esg-numbers {    position: relative;    display: flex;    flex-direction: column;    height: fit-content;    width: 80%;}.esg-number-card1 {    transform: translateY(5vw);}.esg-number-card2 {    align-self: flex-end;}.esg-number-card3 {    transform: translateY(-5vw);}.arc-dots {    width: 100%;    height: 100%;    z-index: 1;}.arc-dots path {    stroke: #9cbfd5;    stroke-width: 1;    stroke-dasharray: 1 5;    opacity: .9;    border-radius: 100%;    fill: none;}.arc-dots-wrap {    position: absolute;    overflow: visible;    left: 50%;    width: 135vw;    height: 135vw;    transform: translateX(-50%);    z-index: 1;    bottom: calc(var(--SpaceInnerSection)*-2.25);    pointer-events: none;}/* esg04 */ .inner-recycle-activity-block {    padding-top: calc(var(--SectionPadding)*2);}.innerpage-recycle-esg-block04 {    width: 85%;    margin: 0 auto;}.esg-activity-card.card {    padding: 0;    grid-template-columns: 25vw auto;    grid-gap: 0 var(--Space2xl);    align-items: center;    padding-bottom: var(--Space2xl);    margin-bottom: var(--Space2xl);    border-bottom: 1px solid white;    border-radius: 0;}.esg-activity-card .image {    border: 5px solid white;}.esg-activity-text .esg-card__header {    border-bottom: none;    padding-bottom: 0;    margin-bottom: var(--SpaceLg);}.esg-activity-card.card:last-child {    padding-bottom: 0;    margin-bottom: 0;    border-bottom: none;}.esg-card-box .esg-initial1,.esg-activity-card .esg-initial1 {    color: var(--EInnerColo);}.esg-card-box .esg-initial2,.esg-activity-card .esg-initial2 {    color: var(--SInnerColo);}/* esg05 */ .RWDnews005 .innerpage-recycle-esg-block05 .section-subject {    text-align: center;}.RWDnews005 .innerpage-recycle-esg-block05 .RWDnews005-container {    padding: var(--SpaceSeciton);    background: #eef9ff;    border: 10px solid #e1f3fe;}.RWDnews005 .innerpage-recycle-esg-block05 .owl-item {    padding: 0 var(--SpaceXl);}.RWDnews005 .innerpage-recycle-esg-block05 .owl-item .card-title {    color: var(--TitleMainColor);    line-height: 1.2;    margin: 0;}.RWDnews005 .innerpage-recycle-esg-block05 .list-inline {    font-size: 14px;    margin: 0 0 var(--SpaceSm);}.RWDnews005 .innerpage-recycle-esg-block05 .owl-item .image {    margin-bottom: var(--SpaceMd);}.RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons {    font-size: calc(var(--CardTitleSize)*2);    color: var(--MainColor);}.RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons .owl-prev {    left: calc(var(--SpaceSeciton)*-1);}.RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons>div {    top: 50%;    transform: translateY(-50%);    position: absolute;}.RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons .owl-next {    right: calc(var(--SpaceSeciton)*-1);}/* esg05 btn */ .btn-group.esg-awards-btn-group {    display: block;}.esg-awards-btn-group a.innerpage-btn {    margin-inline: auto;}/* 法人說明會 */ .list_faketb__download2 .ii-down2:before {    content: "\f24d";    font-family: "Ionicons";}/* 驗認證 *//* 品質檢測 */:is(.article4, .article11) .layoutlist_7 .litem>div {    background: linear-gradient(30deg, #3eb3af, #1e80b8);    padding: 0;    border: none;    border-radius: var(--RadiusMd);    overflow: hidden;}:is(.article4, .article11) .layoutlist_7 .subject {    color: white;    padding: var(--SpaceXl) var(--SpaceLg) var(--SpaceSm);    margin-top: 0;    position: relative;}:is(.article4, .article11) .layoutlist_7 .subject>a {    color: white !important;    font-weight: bold;    text-align: center;}:is(.article4, .article11) .cdate {    display: none;}:is(.article4, .article11) .layoutlist_7 .summary {    padding-inline: var(--SpaceLg);    padding-bottom: var(--SpaceXl);    margin: 0;}:is(.article4, .article11) .layoutlist_7 .litem .img {    margin-bottom: 0;}:is(.article4, .article11) .layoutlist_7 .summary>a {    color: white;}:is(.article4, .article11) .layoutlist_7 .subject:before {    content: '';    position: absolute;    width: 24px;    aspect-ratio: 1.8 / 1;    background: white;    clip-path: polygon(50% 100%, 0 0, 100% 0);    left: 50%;    transform: translateX(-50%);    top: -1px;}/* 列表7 */#article .cate_list.row>div,.layoutlist_7 .litem>div {    background: white;    padding: var(--SpaceLg);    border: 1px solid rgba(255,255,255,.5);    border-radius: var(--RadiusXl);        box-shadow: var(--ShadowImage);}#article .cate_list.row>div {    margin-inline: 15px;    width: calc(100% / 3 - 30px);}/* 列表8 */#article .layoutlist_8 .item {    display: flex;    align-items: center;    padding: max(2vw, 30px);    margin-bottom: 0;    background: #fbfdfe;    margin: 0 0 2rem;    border-radius: var(--RadiusXl);    border: 1px solid rgba(255,255,255,.5);    box-shadow: var(--ShadowImage);}.layoutlist_8 .listdate .day {    color: var(--MainColor);    font-weight: 600;    font-size: var(--FontSizeMain);    letter-spacing: 0px;}.layoutlist_8 .listdate .yearmonth {    letter-spacing: 0px;    font-size: 13px;    color: var(--TextSubColor);}.layoutlist_8 .listdate {    text-align: center;}/* 下載表格 */ .list_faketb,.download.layoutlist_2 {    margin: 0;    background: white;    padding: var(--SpaceComponent);    border: 1px solid rgba(255,255,255,.5);    border-radius: var(--RadiusXl);    box-shadow: var(--ShadowImage);    overflow: hidden;}.download2 .download.layoutlist_2 {    box-shadow: none;    border-radius: 0;}.list_faketb__li:not(.list_faketb__li--header) {    border: 1px solid var(--BorderColor);    border-radius: var(--RadiusMd);    margin: 0 0 var(--SpaceMd);}li.list_faketb__li.list_faketb__li--header {    border: none;}.list_faketb__li.list_faketb__li--header>div {    border: none;    font-size: var(--FontSizeP);    font-weight: 700;}/* 不用外匡 */ .download2 .download.layoutlist_2 {    padding: 0;    border: none;}.list_faketb__date {    flex: none;}.download .list_table th.list_no,.download .list_table th.list_subject,.download .list_table th.list_date,.download .list_table th.list_downloadbtn {    font-size: var(--FontSizeP);    border-bottom: 1px solid var(--BorderColor);    font-weight: 700;}.list_faketb__li>div {    border-bottom: none;}.year-container .dd-options {    border: none;}.list_faketb__download1:hover span.ii-down2 {    color: var(--MainColor);}.list_faketb__download2:hover span.ii-down2 {    color: red;}.download .search-container,.download .year-container {    background: #fafafa;}.download .list_table tr>td {    border-bottom: none !important;}/* 20251001 */ .article29 .layoutlist_7 .cdate {    display: none;}

/*內頁製作 end*/ 
/*表格 start*/ 

.rwd-table :is(th, td) {    padding: var(--SpaceLg) var(--SpaceLg);    vertical-align: top;    font-size: 16px;    line-height: 1.2;}.rwd-table :is(th, td) br {    display: none;}.rwd-table table {    width: 100%;}.rwd-table th {        color: var(--TitleMainColor);    background: rgba(255, 255, 255, 1);    border-bottom: 5px solid #03aba8;    font-weight: bold;}.rwd-table th>small {    display: block;    font-weight: 400;    letter-spacing: 0.5px;    margin-top: var(--SpaceSm);}.rwd-table tr:nth-child(even) {    background: rgba(255, 255, 255, .2);}/* download btn */a.dowload-btn {    color: var(--TextMainColor);    display: flex;    justify-content: center;    align-items: center;    text-align: center;    font-size: var(--CardTitleSize);}a.dowload-btn:hover {    color: var(--MainColor);}a.dowload-btn i.icon {    margin-bottom: 0;    width: auto;    height: auto;}/* product table */ .innerpage-product-compare-block .rwd-table tr {    display: grid;    grid-template-columns: 1fr 1.2fr 1.2fr 1.5fr 1.5fr 2.5fr 1fr;}.rwd-table-compare {    font-size: var(--FontSizeP);    overflow-x: auto;}td.table-td-bg {    background: white;}.rwd-table-compare>table {    width: 100%;    -webkit-overflow-scrolling: auto;    overflow-x: auto;}.rwd-table-compare>table tr:last-child td {    border-bottom: none;}.rwd-table-compare>table td.table-td-bg {    background: var(--BgColor);    font-weight: 600;    border-bottom: none;}.rwd-table-compare>table::-webkit-scrollbar {    width: 3px;    height: 5px;}.rwd-table-compare>table::-webkit-scrollbar-thumb:horizontal {    background-color: #a6a6a6;    border-radius: 3px;}.rwd-table-compare>table::-webkit-scrollbar-track-piece:horizontal:decrement,.rwd-table-compare>table::-webkit-scrollbar-track-piece:horizontal:increment {    background-color: rgba(166, 166, 166, 0.2);}/*橫桿呈現*/ .rwd-table-compare>table {    margin: 0;    overflow-x: scroll;    padding-bottom: 15px;    -webkit-overflow-scrolling: auto;}.rwd-table-compare>table::-webkit-scrollbar {    width: 3px;    height: 5px;}.phone-info img {    width: 16px !important;    margin-right: 10px;    opacity: .85;}.phone-info {    align-items: center;    margin: 0 auto 1rem;    display: none !important;}.phone-info>span {    text-align: center;    display: inline-block;    width: auto;    font-size: 15px;    letter-spacing: .5px;    font-weight: 300;}.innerpage-salary-block a.dowload-btn {    justify-content: flex-start;}

/*表格 end*/ 
/*小螢幕 start*/ 

@media (max-width: 2400px) {    /* 共通 */    .index .container {        width: 75%;    }    .index .container.container-60 {        width: 65%;    }    /* banner */    .RWDbanner_plus01 .logo {        width: 35vw;    }    /* 關於 */    .RWDscore01 .count-item {        padding: 2rem 2rem;    }    .index .certificate-block>.container.container-80 {        width: 80%;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container {        width: 85%;    }    /* 內頁 */    .innerpage-hr-block03.d-grid {        padding: 0;        grid-gap: 0;        grid-template-columns: 1fr 1.4fr;    }    .innerpage-hr-block01>.text {        padding: calc(var(--SpaceInnerSection) * 5) 0 calc(var(--SpaceInnerSection) * 1.25) 52.5%;    }    .innerpage-hr-block03 .text {        padding: var(--SpaceComponent);    }}@media (max-width: 2200px) {    .index .container {        width: 80%;    }    .index .container.container-60 {        width: 70%;    }    /* 關於 */    .about-block :is(.text-block, .score-block) {        padding-left: 3vw;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        width: 90%;    }    /* 內頁 */    .page_wrapper_bg section.call_to_action>.container {        width: 70%;    }    /* 企業 */    .page_wrapper_bg .innerpage-store-block01 .section-subject .max-main-title {        font-size: calc(var(--FontSizeMain)*0.8);    }    .store-grid.d-grid {        grid-template-columns: repeat(2, 1fr);    }    /* 回收 */    .recycle-step-main-block {        grid-template-columns: 50vw auto;    }    /* 低碳 */    .why-image-bg img {        width: 115%;        max-width: none;    }    /* 永續 */    .esg-numbers {        width: 85%;    }}@media (max-width: 2048px) {    /* 永續 */    .esg-numbers {        width: 85%;    }    /* 關聯 */    .innerpage-store-block01 span.innerpage-list__label {        display: block;        padding: 0;    }}@media (max-width: 2000px) {    /* 共通 */    .index .container.container-80 {        width: 85%;    }    .index .container.container-60 {        width: 75%;    }    /* 選單 */    .RWDmenu_plus04 .site-nav .menu>li>a {        padding: 30px 15px;    }    /* banner */    .RWDbanner_plus01 .page-scroll.style-custom span {        font-size: 15px;    }    /* 關於 */    .index .about-block>.container {        grid-template-columns: 35vw auto;    }    /* 證書 */    .certificate-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item {        padding: 0 10px;    }    /* esg */    .RWDservice006 .tab-name {        padding: 15px 0;    }    .RWDservice006 .main-slider .swiper-slide {        grid-template-columns: 1fr 1fr;    }    .RWDservice006 .main-slider .RWDservice006__content .editor em {        margin: 0 0 2rem;    }    /* 啟程 */    .activate-block .RWDnews005 .owl-carousel .owl-item {        padding: 1rem 1rem;    }    /*  頁尾 */    .footer-map-all {        gap: 0 2rem;    }    /* 內頁 */    /* 人資 */    .hr-card-box {        grid-template-columns: auto;    }    .innerpage-link-btn-box {        grid-template-columns: repeat(2, 1fr);        grid-gap: var(--SpaceLg);    }    /* 聯絡 */    .contact-text-card {        border-right: none;        padding-right: 0;    }    /* 永續策略 */    :is(.inner-esg-all, .inner-recycle-all) .container {        width: 70%;    }    .esg-card-box {        margin-top: -12vw;        grid-gap: var(--SpaceXl);    }    .innerpage-recycle-esg-block03 {        grid-gap: 0 4vw;        grid-template-columns: 1fr 1.3fr;    }    .esg-numbers {        width: 90%;    }    .innerpage-recycle-esg-block04 {        width: 90%;    }    /* 回收 */    .pos-7 {        right: 4%;    }}@media (max-width: 1920px) {    /* 內頁 */    .page_wrapper_bg section.call_to_action {        min-height: 700px;    }    .layoutlist_8 .listdate .day {        font-size: 3vw;    }    /* 內頁 */    /* 測選單 */    :is(.article2, .article4, .article30, .download2, .article17, .video1) section.hgroup {        padding-right: max(5vw, 120px);        padding-left: calc(25% + max(5vw, 120px));    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container .pagecontent {        padding-inline: max(5vw, 120px) !important;    }    .pos-8 {        right: 4%;    }}@media (max-width: 1900px) {    :is(.inner-esg-all, .inner-recycle-all) .container {        width: 75%;    }}@media (max-width: 1800px) {    /* 共通 */    .index .container {        width: 85%;    }    .index .container.container-60 {        width: 85%;    }    .main-title {        letter-spacing: 1.5px;    }    /* 選單 */    .RWDmenu_plus04 .header {        padding: 0 calc(160px + 30px + 1.5rem) 0 2vw;    }    /* 關於 */    .index .about-block>.container {        width: 90%;        grid-template-columns: 41vw auto;    }    .index .certificate-block>.container {        grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);        padding: 5vw 4vw;        grid-gap: 0 3rem;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        grid-template-columns: auto 350px;    }    .RWDsocial002 ul.socialNetwork {        display: grid;        grid-template-columns: repeat(5, 45px);        grid-gap: 10px;        justify-content: flex-end;    }    .footer-block :is(.btn-block) {        margin-bottom: 1rem;    }    .footer-map-item .footer-map-title,    ul.footer-map,    ul.footer-menu {        font-size: var(--FontSizeP);    }    .footer-block :is(.webmap-block, info-block) {        padding-right: 4rem;    }    /* 內頁 */    /* all */    .page_wrapper_bg section.call_to_action>.container {        width: 80%;    }    /* 人資 */    .innerpage-link-btn-box {        grid-template-columns: repeat(4, 1fr);    }    /* 聯絡 */    .innerpage-contact-block01 {        grid-template-columns: 1fr 1fr;    }    /* 永續策略 */    .inner-recycle-concept-block.section-spacing-top {        padding-top: calc(var(--SpaceInnerSection)*1.5);    }    :is(.inner-esg-all, .inner-recycle-all) .container {        width: 80%;    }    .esg-circle-text {        right: 8vw;        bottom: 10.5vw;    }    /* 回收 */    .recycle-step-block>.container-90 {        width: 95%;        margin-inline: auto;    }    .recycle-step-block .section-subject {        text-align: center;    }    .innerpage-recycle-product-block {        width: auto;    }}@media (max-width: 1680px) {    .page_wrapper_bg section.call_to_action>.container {        width: 85%;    }    .RWDproduct_page .hashtag .hashtag_block,    .RWDproduct_page .pic-box {        width: 65%;    }    .RWDproduct_page .products-info {        width: 35%;    }    #article .layoutlist_4 .listdate {        width: 110px;    }    .RWDsearch_page .list-img>ul>li {        width: calc(100% / 4);    }    .compare .compare-container {        width: 100%;    }    .compare .clearall {        right: 0;    }    .compare .main_box .more {        margin: 1rem auto;    }    .page_wrapper_bg .articlerelated-box .article-slider .item,    .RWDproduct_page .related-box .item {        padding: 0 1rem 0.5rem;    }    /* 內頁 */    /* 測選單 */    :is(.article2, .article4, .article30, .download2, .article17, .video1) section.hgroup {        padding-right: max(4vw, 80px);        padding-left: calc(25% + max(4vw, 80px));    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container .pagecontent {        padding-inline: max(4vw, 80px) !important;    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .main section .container .article-text>.container .xrow #sidebar {        padding-inline: max(4vw, 60px);    }    /* 人資 */    .innerpage-hr-block03.d-grid {        grid-template-columns: auto max-content;    }    .innerpage-link-btn-box {        grid-template-columns: repeat(2, 1fr);    }    /* 聯絡 */    .contact-text-card-box.d-grid {        grid-template-columns: repeat(2, 1fr);        grid-gap: var(--Space2xl);    }    .contact-text-card {        margin: 0;    }    /* all */    .pagecontent .RWDslider01,    .pagecontent .RWDeditor01 {        margin-top: var(--SpaceInnerSection) !important;    }    /* 回收*/    .recycle-step-main-block {        grid-template-columns: auto;        grid-gap: var(--Space2xl);    }    .recycle-step-block>.container-90 {        width: 75%;    }    .recycle-step-figure {        height: auto;    }    .recycle-step-figure img {        object-fit: contain;    }    .recycle-step-block.section-spacing {        padding-block: var(--SpaceInnerSection);    }    .recycle-icon {        width: 84px;        height: 84px;        padding: var(--SpaceMd);        border: 3px solid white;    }    .legend-card.card {        padding: var(--SpaceXl);    }    .innerpage-recycle-skill-block {        grid-template-columns: 1fr 1.6fr;    }    .pos-7 {        right: 4%;    }    /* 永續策略 */    .RWDnews005 .innerpage-recycle-esg-block05 .owl-item {        padding: 0 var(--SpaceMd);    }    /* 低碳 */    .why-image-bg img {        width: 125%;    }}@media (max-width: 1600px) {    /* 共通 */    :root {        --FontSizeSmall: 14px;    }    /* 選單 */    .RWDmenu_plus04 .features {        padding-left: 1rem;        width: 140px;    }    .RWDmenu_plus04 .site-nav {        transform: translateX(-1rem);    }    .RWDmenu_plus04 .header {        padding: 0 calc(160px + 10px + 1.5rem) 0 20px;    }    .RWDmenu_plus04 .logo img {        height: calc(var(--NaviHeight) - 50px);    }    .RWDmenu_plus04 #search-box.full .form-control {        padding: 1.5rem 8rem 1.5rem 2rem;        font-size: 1.125rem;    }    .RWDmenu_plus04 #search-box.full .btn-box {        right: 2rem;    }    /* banner */    .RWDbanner_plus01 .page-scroll {        width: 120px;        height: 120px;        bottom: -60px;    }    .RWDbanner_plus01 .page-scroll:before {        bottom: 60px;    }    .RWDbanner_plus01 .page-scroll:before {        width: 340px;        height: 128px;    }    .RWDbanner_plus01 .page-scroll:hover {        width: 110px;        height: 110px;    }    /* 關於 */    .about-block :is(.text-block, .score-block) {        padding-left: 0;    }    .about-block .pic-block:before {        right: -10vw;        bottom: -5vw;        width: 28vw;        height: 28vw;    }    .certificate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {        margin: 0 auto 10px;    }    /* esg */    .RWDservice006 .main-slider {        margin: 0 4rem;    }    .esg-block .main-block {        padding: 5vw 0;    }    .RWDservice006 .tab-lead {        font-size: calc(var(--CardTitleSize)* 1.5);        margin: 0 5px 5px 0;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        grid-template-columns: auto 300px;    }    .footer-map-all {        gap: 0 1.5rem;    }    .footer-info-all {        grid-template-columns: auto;        grid-gap: 1.5rem 0;    }    .footer-logo {        max-width: 285px;    }    .footer-block :is(.webmap-block, .social-block) {        margin: 3rem 0 0;        padding: 3rem 0 0;    }    .footer-block :is(.webmap-block) {        padding-right: 4rem;    }    .cta-icon {        width: 55px;        height: 55px;    }    .web_edm {        padding: 0 0 0 1rem;    }    .web_edm .email input {        letter-spacing: .5px;    }    ul.footer-menu {        gap: 0 2rem;    }    ul.footer-menu>li:before {        right: -1rem;    }}@media (max-width: 1536px) {    .page_wrapper_bg .section-subject .max-main-title {        letter-spacing: 1px;    }    /* 內頁表格     .rwd-table-compare,    .rwd-table-compare>table {        white-space: nowrap;    }*/    /* 聯絡 */    section.innerpage-contact-block03>.text {        width: 60%;    }    /* 永續策略 */    /* 永續策略 */    .RWDnews005 .innerpage-recycle-esg-block05 .RWDnews005-container {        width: 90% !important;    }    .recycle-circle-block>.container {        width: 95%;    }    /* 低碳 */    .why-image-bg img {        width: 135%;    }    .pos-1 {        left: 43%;    }}@media (max-width: 1500px) {    .pos-7 {        right: 1%;    }    .pos-8 {        right: 2%;    }}@media (max-width: 1440px) {    .page_wrapper_bg section.call_to_action>.container {        width: 90%;    }    #sidebar.layoutmenu1,    #sidebar.layoutmenu3,    #sidebar.layoutmenu6 {        padding-right: 40px;    }    .page_wrapper_bg .m2018 .products-nav>ul>li {        padding: 12px 0px;    }    /* 內頁 */    :root {        --SpaceCard: 32px;    }    /* 大記事 */    .article1 .RWDtimeline01 li.event .point {        grid-template-columns: auto;        grid-template-areas:            'img'            'date'            'title'            'text';    }    .article1 .RWDtimeline01 li.event .point .date {        border-right: none;        border-bottom: 1px dashed var(--BorderColor);        padding: var(--SpaceSm);    }    .article1 .RWDtimeline01 li.event .point .title {        text-align: center;    }    /* 經營 */    .image.team-image02>img {        width: 80%;    }    /* 關聯 */    section.innerpage-store-block01 {        grid-template-columns: auto;    }    /* 聯絡 */    .innerpage-contact-block01 span.innerpage-list__label {        display: block;        padding: 0;    }    /* 永續策略 */    :is(.inner-esg-all, .inner-recycle-all) .container {        width: 85%;    }    .innerpage-recycle-esg-block04 {        width: 90%;    }    .esg-card-box {        margin-top: -15vw;    }    .inner-recycle-earth-block .bg-block {        height: calc(100% - 10vw) !important;    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-item .card-title {        font-size: var(--FontSizeP);    }    /* 回收 */    .recycle-banner-block .RWDbanner_plus01 .slick-caption {        bottom: 17.5%;    }    .recycle-icon {        width: 76px;        height: 76px;    }    .circle-group--left {        transform: translateX(5%);    }    .circle-group--right {        transform: translateX(-5%);    }    .recycle-circle-block>.container {        width: 95% !important;    }    .pos-1 {        left: 44%;    }    .pos-9 {        bottom: -12%;    }    .pos-6,    .pos-5 {        top: -13%;    }}@media (max-width: 1420px) {    .phone-info {        display: block !important;        padding: var(--SpaceMd) 0;    }    .innerpage-product-compare-block .rwd-table tr {        display: table-row;    }    .rwd-table-compare,    .rwd-table-compare>table {        white-space: nowrap;    }    .rwd-table :is(th, td) br {        display: block;    }}@media (max-width: 1400px) {    /* 共通 */    .cd-main-content {        margin-top: var(--NaviHeight);    }    .index .container {        width: 90%;    }    /* banner */    .RWDbanner_plus01 .slick-caption>.container {        width: 80%;    }    /* 漢堡 */    .RWDmenu_plus04 .features {        width: auto;    }    .RWDmenu_plus04 .features {        border-color: var(--BorderColor);        transition: var(--TransitionEase);    }    .RWDmenu_plus04 .is-up .features {        border-color: white;        transition: var(--TransitionEase);    }    .RWDmenu_plus04 .header {        padding: 0 2.5% 0 5%;    }    .RWDmenu_plus04 .site-nav {        display: none;    }    .RWDmenu_plus04 .header-in,    .RWDmenu_plus04 #mobile-menu {        display: block;    }    .RWDmenu_plus04 .ml-stack-nav-toggle {        display: flex;        color: var(--MainColor);    }    .RWDmenu_plus04 .features .lang-select,    .RWDmenu_plus04 .features .language-block {        display: none;    }    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>ul>li>a {        padding-left: 50px;    }    .RWDmenu_plus04 .features {        float: right;    }    .RWDmenu_plus04 .features:before {        display: none;    }    .RWDmenu_plus04 .ml-stack-nav-toggle {        padding: 30px 45px 30px 15px;        height: var(--NaviHeight);    }    .RWDmenu_plus04 .ml-stack-nav-toggle i {        display: none;    }    .RWDmenu_plus04 .ml-stack-nav-toggle__line {        height: 1px;        background-color: var(--TextMainColor);    }    .RWDmenu_plus04 #mobile-menu .menu>li>a {        font-size: var(--FontSizeP);        letter-spacing: 1px;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active {        background: transparent;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        background: var(--MainColor);    }    .RWDmenu_plus04 #mobile-menu .menu>li.active,    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        color: white !important;    }    /* 右側 */    .RWDmenu_plus04 .language-block a {        color: var(--TextMainColor);    }    .RWDmenu_plus04 .language-block a:hover {        color: var(--MainColor);    }    .RWDmenu_plus04 .menu-icon {        margin-right: 7.5%;    }    .RWDmenu_plus04 #mobile-menu .language-block {        margin-left: 7.5%;    }    .RWDmenu_plus04 #mobile-menu .main-menu {        width: 85%;        left: 50%;        transform: translateX(-50%);    }    .RWDmenu_plus04 #mobile-menu .menu>li>a {        margin-left: 0;        border-bottom: 1px solid rgba(255, 255, 255, .1);        width: 100%;    }    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {        letter-spacing: 1.5px;        padding-left: 30px;    }    .RWDmenu_plus04 #mobile-menu .menu>li>ul {        background: transparent;        box-shadow: none;    }    /* 側選單打開模糊背景 */    .RWDmenu_plus04 .overlay.is-open {        opacity: 1;        backdrop-filter: blur(8px);        transition: 0.75s ease-out;        background-color: rgb(92 131 132 / 50%);        -webkit-text-size-adjust: 100%;        -webkit-font-smoothing: antialiased;    }    .RWDmenu_plus04 .overlay.is-open:before {        content: '';        position: absolute;        width: 100vh;        height: 100vh;        background: var(--LinearBgColor);        -webkit-text-size-adjust: 100%;        -webkit-font-smoothing: antialiased;        z-index: -4;        opacity: .7;        top: 0;        left: 0;    }    /* 關於 */    .about-block :is(.text-block, .pic-block) {        margin-bottom: calc(var(--SectionPadding) / 2);    }    .index .about-block>.container {        grid-template-areas:            'text pic'            'score score'            'btn btn';    }    .RWDscore01 .count-item {        width: calc(25% - 2rem);    }    .about-block :is(.text-block, .pic-block) {        margin-bottom: var(--SectionPadding);    }    .about-block .text-block {        align-self: center;    }    .index .certificate-block>.container {        width: 80%;        display: flex;        flex-direction: column;        padding: 5vw 5vw;        gap: 2rem 0;    }    .certificate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {        width: 50%;    }    /* 啟程 */    .activate-block .RWDnews005 .controlls-over .owl-controls .owl-next {        right: -3rem;    }    .activate-block .RWDnews005 .controlls-over .owl-controls .owl-prev {        left: -3rem;    }    .activate-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div {        width: 3rem !important;        height: 3rem !important;    }    /* esg */    .RWDservice006 .tab-title {        font-size: calc(var(--CardTitleSize)*0.95);    }    .RWDservice006 .tab-lead {        font-size: calc(var(--CardTitleSize)* 1.5);        margin: 0 5px 5px 0;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        grid-template-areas:            'info cta'            'webmap webmap'            'social btn'            'menu edm';    }    .footer-map-all {        gap: 0 4rem;    }    .RWDsocial002 ul.socialNetwork {        grid-template-columns: repeat(8, 45px);        justify-content: flex-start;    }    .footer-block :is(.social-block, .btn-block) {        margin: 3rem 0 1rem;        padding: 3rem 0 0;        border-top: 1px solid rgba(255, 255, 255, .5);    }    .footer-block :is(.edm-block) {        margin: 0;    }    .footer-block :is(.webmap-block) {        padding-right: 0;    }    .footer-block :is(.menu-block) {        align-self: center;    }}/* ipad pro 橫式 */@media (width: 1366px) and (height: 1024px) {}@media (max-width: 1366px) {    .RWDsearch_page .list-img>ul>li,    .productlist .layoutlist_4>div,    .menu5 .rwdlayoutlist_9 .litem,    .videolist .video_item,    .layoutlist_2 .album_item,    #article .layoutlist_7 .litem,    .productlist :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3 {        width: calc(100%/3);        float: left;    }    .layoutlist_7 .row,    .layoutlist_7 .row:after,    .layoutlist_7 .row:before {        clear: inherit !important;        margin-right: 0;        margin-left: 0;    }    .layoutlist_8 .listdate .day {        font-size: 40px;    }    .download5_list {        grid-template-columns: repeat(3, 1fr);    }    .menu3 .rwdlayoutlist_9 .litem {        width: calc(100%/2);    }    /* 內頁 */    /* all */    /* 塑膠回收 */    .recycling-timeline li.innerpage-list__item {        flex-direction: column;        padding-bottom: var(--SpaceLg);    }    .recycling-card-grid {        grid-template-columns: repeat(3, 1fr);        grid-gap: var(--SpaceMd) var(--SpaceMd);        margin-bottom: var(--SpaceXl);        border-radius: 0;    }    .recycling-source-card {        display: flex;        gap: 0 var(--SpaceLg);        margin-bottom: var(--SpaceLg);        padding-bottom: var(--SpaceLg);        border-bottom: 1px dotted var(--BorderColor);    }    .recycling-source-card .icon {        margin: 0;    }    .recycling-source-grid.column-half {        grid-template-columns: auto;        grid-gap: 0;    }    .recycle-circle-bg {        transform: translateX(0);    }    .pos-7 {        right: -3%;    }    .recycle-item.pos-3 {        flex-direction: column;    }    .pos-3 {        left: -1%;        bottom: 0;    }    .recycle-item.pos-4 {        flex-direction: row;    }    .pos-4 {        left: 0%;    }    .pos-8 {        right: -1%;    }    /* 利害人 */    .innerpage-stakeholder-block01.column-half {        grid-template-columns: auto;    }    .stakeholder-card {        padding: 0 0 var(--SpaceXl);        margin: 0 0 var(--SpaceXl);    }    /* 聯絡 */    .innerpage-contact-block01 .section-subject .max-main-title {        font-size: calc(var(--FontSizeMain) * 0.8);    }    /* 永續策略 */    .esg-circle-map-box {        width: 65vw;    }    .esg-text {        margin-right: -15vw;        z-index: 2;    }    .esg-circle-text {        right: 12vw;        bottom: 14vw;    }    :is(.inner-esg-all, .inner-recycle-all) .container {        width: 90%;    }    /* 回收 */    .recycle-step-block>.container-90 {        width: 85%;    }    .recycle-banner-block .RWDbanner_plus01 .slick-caption {        font-size: calc(var(--FontSizeMain)*1.5);    }}@media (max-width: 1280px) {    /* banner */    .inner-banner .RWDbanner_plus01 .slick-caption .txt2 {        font-size: calc(var(--FontSizeMain)*0.8);        margin: 0;    }    .inner-banner .RWDbanner_plus01 .slick-caption .txt1 {        font-size: calc(var(--FontSizeMain) * 1.2);    }    .image.team-image02>img {        width: 100%;    }    /* 低碳 */    .why-card {        padding-right: var(--SpaceXl);        margin-right: var(--SpaceXl);    }    .why-brand-card.card {        padding: var(--SpaceXl);    }    .esg-badges.d-grid {        display: grid;        grid-template-columns: repeat(5, 1fr);        grid-gap: var(--Space3xl) 0;    }    .why-image-bg img {        width: 140%;    }    .why-flow-item {        width: 100%;    }    .why-flow.flex-row {        display: grid;        grid-template-columns: repeat(8, 1fr);    }    /* 回收 */    .recycle-center {        border: 5px solid #c8e1f3;    }    .recycle-center__text p.center-text {        font-size: 14px;    }    .recycle-center__text {        padding-top: var(--SpaceSm);        margin-top: var(--SpaceSm);    }    .pos-7 {        right: -4%;    }    .pos-1 {        left: 47%;    }    .pos-8 {        right: -3%;    }}@media (max-width: 1199px) {    /* sidebar */    #sidebar.layoutmenu1,    #sidebar.layoutmenu3,    #sidebar.layoutmenu6 {        padding-left: 0;        padding-right: 0;        width: 100%;        margin-bottom: var(--SectionTitleBottom);    }    .productlist .layoutlist_3>div {        width: calc(100%/2);    }    .main section .container .article-text>.container .xrow #sidebar {        position: relative;        top: 0;    }    /* 排序 */    .productlist .sortbar {        margin-bottom: var(--SectionTitleBottom) !important;    }    .member .col-sm-9,    .productlist .sortbar,    .pagecontent {        width: 100% !important;    }    .productlist .sortbar,    .webdesc {        padding-inline: 0;    }    /*文章列表-04*/    #article .layoutlist_4 .item {        flex-direction: column;        border-bottom: var(--BorderGrayPx1);        padding: 0;        margin-bottom: var(--ItemSpacing);        border: 0;    }    #article .layoutlist_4 .item .list_img,    #article .layoutlist_4 .list_subject,    #article .layoutlist_4 .listdate {        width: 100%;    }    #article .layoutlist_4 .item .list_img {        padding: 0;        margin: 0 0 10px;    }    #article .layoutlist_4 .list_subject {        padding: 0;        margin: 0 0 10px;    }    #article .layoutlist_4 .listdate {        border: 0;        display: flex;        align-items: center;        padding: 0;        border-left: 0 !important;    }    #article .layoutlist_4 .listdate .day:before {        content: "/";        margin-right: 5px;        color: var(--TextSubColor);    }    #article .layoutlist_4 .listdate .yearmonth,    #article .layoutlist_4 .listdate .day {        font-size: 12px;        color: var(--TextSubColor);        position: relative;        margin-left: 5px;    }    .pagecontent,    #article .layoutlist_4 .fixrow {        padding-inline: 0 !important;    }    .productlist .sortbar,    .webdesc {        text-align: center;    }    .menu3 .rwdlayoutlist_9 .litem {        width: calc(100%/3);    }    /* 文章列表 */    .litem__text {        width: 90%;    }    /* 評論 */    #reply_app .msg_block_rp {        width: 100%;    }    /* 內頁 */    .page_wrapper_bg .section-subject {        margin-bottom: calc(var(--ItemSpacing) * 0.8);    }    /* 關於 */    .innerpage-about-block03 .card-title {        font-size: calc(var(--CardTitleSize) * 1.25);    }    /*測選單 */    :is(.article2, .article4, .article30, .download2, .article17, .video1) .main section .container .article-text>.container .xrow #sidebar {        padding: 0;        margin-bottom: 2rem;    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container {        width: 90%;    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .collapsing_header .main::after {        display: none;    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) .page_wrapper_bg section.call_to_action>.container .pagecontent {        padding-inline: 0 !important;    }    :is(.article2, .article4, .article30, .download2, .article17, .video1) section.hgroup {        padding: 0;    }    /* rpp */    .innerpage-product-block {        grid-template-columns: 150px auto;    }    .innerpage-product-block .text {        padding-left: var(--Space2xl);    }    /* recyling */    .recycling-timeline li.innerpage-list__item {        font-size: var(--FontSizeP);    }    .recycling-timeline li.innerpage-list__item {        padding-bottom: var(--SpaceMd);    }    /* 人資 */    .innerpage-hr-block01>.text {        padding-left: 45%;    }    .hr-card {        margin-bottom: 0;    }    /* 聯絡 */    .innerpage-contact-block01 {        grid-template-columns: auto;    }    .innerpage-contact-block01 span.innerpage-list__label {        display: inline-block;        padding-right: var(--SpaceSm);    }    section.innerpage-contact-block03>.text {        width: 70%;    }    .eforms1.eformscontent .layoutlist_1.page_content2 .customized_columns {        max-width: 800px;    }    /* 永續策略 */    section.inner-recycle-score-block {        padding-top: var(--SpaceInnerSection);        margin-top: 0;    }    section.innerpage-recycle-esg-block01 {        margin: 0;        flex-direction: column;        padding-bottom: calc(var(--SpaceInnerSection)*1.5);        grid-gap: calc(var(--SpaceInnerSection)*3.5) 0;    }    .innerpage-recycle-esg-block01 .section-subject {        text-align: center;    }    .esg-text {        margin: 0;        width: 80%;    }    .inner-recycle-concept-block.section-spacing-top {        padding-top: var(--SpaceInnerSection);    }    .image.esg-map-image {        display: none;    }    .esg-circle-text {        position: relative;        right: auto;        bottom: auto;        margin: 0 auto;        background: transparent;        width: auto;        height: auto;    }    .esg-circle-map-box {        width: 100%;    }    .esg-circle-text:before {        display: none;    }    .bubble-zh {        font-size: var(--FontSizeMain);    }    .esg-card-box {        grid-template-columns: auto;    }    .esg-card__header {        grid-area: header;        padding: 0;        margin: 0;        border: none;    }    .esg-card_text {        grid-area: text;    }    .esg-badges {        grid-area: icon;    }    .esg-card {        display: grid;        grid-template-columns: 1fr 1.6fr;        grid-template-areas:            'header text'            'header icon';        grid-gap: 0 var(--Space3xl);        align-items: flex-start;    }    .innerpage-recycle-esg-block03 {        grid-template-columns: auto;        width: 80%;        margin: 0 auto;    }    .innerpage-recycle-esg-block03 .section-subject {        text-align: center;    }    .esg-number-card1,    .esg-number-card2,    .esg-number-card3 {        transform: translate(0, 0);        align-self: auto;    }    .esg-number-card:before {        display: none;    }    .esg-number-card {        padding: 0;        width: auto;        text-align: left;        border-radius: 0;    }    .esg-number span.num {        font-size: calc(var(--FontSizeMain) * 2);    }    .esg-numbers {        display: grid;        grid-template-columns: repeat(3, 1fr);        width: fit-content;        margin: 0 auto;        grid-gap: 0 var(--Space3xl);    }    .innerpage-recycle-esg-block03 .text {        margin-bottom: var(--Space2xl);    }    .esg-icon.icon {        width: 60px;        height: 60px;        margin-left: 0;        padding: var(--SpaceMd);        background: white;        border-radius: var(--RadiusFull);        margin-bottom: var(--SpaceXl);    }    .inner-recycle-score-block:before {        bottom: calc(var(--SpaceInnerSection) * -1);        width: 140vw;        height: 140vw;    }    .arc-dots-wrap {        width: 145vw;        height: 145vw;        bottom: calc(var(--SpaceInnerSection) * -2.5);    }    .esg-badges.d-grid {        grid-template-columns: repeat(7, 1fr);        grid-gap: var(--SpaceSm);    }    .inner-recycle-earth-block .bg-block {        height: 100% !important;    }    .inner-recycle-earth-block {        padding-bottom: var(--SectionPadding);    }    .inner-recycle-concept-block .bg-block:before {        content: '';        position: absolute;        width: 100%;        height: 30vw;        background: linear-gradient(0deg, #18272c, transparent);        bottom: 0;        left: 0;        z-index: 1;        mix-blend-mode: multiply;        opacity: .5;    }    .esg-circle-text {        filter: none;    }    .bubble-en {        opacity: 1;    }    /* 低碳 */    .why-item {        border-bottom: 1px dotted var(--BorderColor);        margin-bottom: var(--SpaceLg);    }    .why-item:last-child {        border: none;        margin: 0;    }    .why-qa {        grid-template-columns: auto;        padding: var(--SpaceComponent);    }    .why-card-box {        grid-template-columns: auto;    }    .why-card {        padding: 0 0 var(--SpaceLg);        margin: 0 0 var(--SpaceLg);        border-bottom: 1px dotted rgba(255, 255, 255, .5);        border-right: none;    }    .innerpage-why-block02 {        grid-template-columns: auto;    }    .why-brand-card-box {        grid-template-columns: repeat(2, 1fr);    }    .why-image-bg {        position: relative;        height: auto;        top: auto;        align-items: center;        justify-content: center;        width: 105vw;        left: 50%;        transform: translateX(-50%);    }    .why-image-bg img {        width: 100%;        height: auto;    }    .why-qa {        margin-bottom: 0;    }    .why-qa {        margin-bottom: var(--SpaceInnerSection);    }    .innerpage-why-block01 .max-main-title {        color: var(--TextMainColor);    }    .innerpage-why-block01 .scroll-down {        display: none;    }    .why-card-box {        background: rgba(255, 255, 255, .7);    }    .why-card .card-title,    .why-card p {        color: var(--TextMainColor) !important;    }    .why-card .card-title:before {        background: var(--TextMainColor);    }    .why-card {        border-bottom: 1px dotted var(--BorderColor);    }    .innerpage-why-block02 .image-bg {        height: auto;    }    /* 回收 */    .recycle-item.pos-3 {        flex-direction: column;        align-items: flex-end;    }    .recycle-item.pos-8 {        flex-direction: column;    }    .pos-6 {        right: 20%;    }    .pos-8 {        right: 0%;    }    .recycle-item.pos-7 {        flex-direction: column-reverse;    }    .pos-7 {        right: -2%;    }    .pos-3 {        left: -4%;    }    .recycle-banner-block .RWDbanner_plus01 .slick-caption {        font-size: calc(var(--FontSizeMain) * 1.5);    }    .recycle-product-grid {        grid-template-columns: repeat(3, 1fr);    }    .recycle-step-block>.container-90 {        width: 90%;    }}@media (max-width: 1100px) {    .recycle-icon {        width: 64px;        height: 64px;        display: flex;        justify-content: center;        align-items: center;    }}@media (max-width: 1024px) {    /*產品內頁-01*/    .page_content1 #prod_name {        width: 100%;        margin-bottom: 8px;    }    /*電子表單*/    .form-group label {        padding-left: 0 !important;        padding-right: 0 !important;    }    #join_form .form-checkbox,    #join_form .form-radio {        padding: 0 0 0 28px !important;    }    /* FAQ */    .rwd .faq_item:first-child .faq_question {        padding: 0px 0px 15px;    }    .rwd .faq_question {        padding: 15px 0;        font-size: 16px;    }    .faq_a_icon:before,    .faq_q_icon:before {        font-size: 18px;    }    /* 搜尋 */    .RWDsearch01 {        display: flex;        flex-direction: column;        gap: 1rem;        justify-content: center;        align-items: center;    }    /* 評論 */    #reply_app .msg_block_rp {        width: 90%;    }    /* 內頁 */    /* all */    .page_wrapper_bg .section-subject .sub-title {        font-size: var(--FontSizeH5);    }    /* 關於 */    .innerpage-about-block05 {        grid-template-columns: auto;        align-items: center;        justify-content: center;    }    .about-logo-history {        justify-content: center;        margin-bottom: var(--Space3xl);        grid-gap: 0 10vw;    }    .about-logo-item01::before {        right: -5vw;    }    .innerpage-about-block05 .text {        padding: var(--SpaceXl) 0 0;        margin: var(--SpaceXl) 0 0;        border-top: 1px solid var(--BorderColor);        border-left: none;        height: auto;    }    .innerpage-about-block05 .text h3 {        text-align: center;    }    /* 經營 */    .team-card-box {        grid-gap: var(--SpaceXl) var(--SpaceLg);    }    /* 回收 */    .recycle-circle-block>.container {        width: 95% !important;    }    .recycle-step-card {        min-height: 220px;        padding: var(--SpaceMd);    }    .recycle-steps {        grid-template-columns: repeat(4, 1fr);        grid-template-areas:            'card1 card2 card3 card4'            'card8 card7 card6 card5'            'card9 card10 card11 card12'            'card13 card14 card15 card12';        grid-gap: var(--SpaceLg);    }    .innerpage-recycle-skill-block {        grid-template-columns: auto;        grid-template-areas:            'title'            'text'            'img';    }    .innerpage-recycle-skill-block .section-subject {        text-align: center;    }    .recycle-banner-block .RWDbanner_plus01 .slick-caption {        font-size: var(--FontSizeMain);        text-align: center;        bottom: 25%;    }    /* 永續 */    .inner-recycle-earth-block>.container {        width: 100%;    }    .esg-card-box {        width: 90%;        margin-inline: auto;        margin-top: -20vw;    }}@media (max-width: 991px) {    .page_wrapper_bg .article-text .container {        padding: 0;    }    #article .cate_list.row>div {    width: calc(100% / 2 - 30px);}    /*麵包屑*/    .hgroup .page_subject {        text-align: center;        padding: 0;    }    .hgroup .container {        border-bottom: 0;        padding: 0;    }    .hgroup .breadcrumb {        text-align: center;        float: none !important;        position: static;        padding: 0;        border: 0;    }    /*編輯器 圖文*/    .RWDeditor01 .col-md-6 {        padding-left: 0px;        padding-right: 0px;        margin-bottom: 20px;    }    .RWDeditor01 .col-md-6 img {        width: 100%;    }    /*文章列表樣式*/    .RWDslider01 .products-list .products-item .box {        align-items: flex-start;    }    .RWDsearch_page .list-img>ul>li,    .layoutlist_2 .video_item,    .productlist .layoutlist_4>div,    .menu5 .rwdlayoutlist_9 .litem,    .videolist .video_item,    .layoutlist_2 .album_item,    #article .layoutlist_7 .litem,    .productlist :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3 {        width: calc(100% / 2);    }    /*文章列表樣式-08*/    .litem__text {        width: 85%;    }    /*產品列表樣式-03*/    #product .layoutlist_3.row {        display: flex;        flex-wrap: wrap;    }    .item .summary {        margin-bottom: 0;        line-height: 1.5;    }    /*相簿內容樣式-04*/    .album-list {        display: flex;        flex-wrap: wrap;    }    .album-list .item {        width: calc(100% / 3);    }    /*檔案下載樣式-02*/    .download .list_table .container::after {        clear: none;    }    .download .list_table .container .row::after {        clear: none;    }    .download .list_table .container .row div:last-child {        clear: none !important;    }    .download .oneline {        border-bottom: none;        clear: none;    }    /*電子表單*/    .eforms_complete .hgroup,    .eforms_complete .hgroup .container {        width: fit-content;    }    .eformscontent .layoutlist_1.page_content2,    .eformscontent .layoutlist_1.page_content3 {        width: 100%;    }    .eformscontent .layoutlist_1 {        width: 100%;    }    .eformscontent .form-horizontal .control-label {        padding: 0 !important;        width: 100%    }    .form-horizontal .form-column,    .eformscontent .form-column {        width: 100%;        padding: 0 !important    }    /*產品內頁-02*/    .RWDproduct_page .hashtag .hashtag_block,    .RWDproduct_page .menu3 .pic-box,    .RWDproduct_page .menu3 .products-info,    .RWDproduct_page .products-info,    .RWDproduct_page .pic-box {        width: 100%;        padding: 0;    }    .RWDproduct_page .products-info .name-box {        margin-top: 2rem;    }    .page_wrapper_bg .tabs .content,    .RWDproduct_page .tab-box .tab-container>ul>li {        padding: 1.5rem;    }    .download_container {        grid-template-columns: 80% auto;    }    /* 購物車按鈕pad         #mobile-fixed .btn-box .normal {            background: transparent;            color: #444;            border: 1px solid #444;            border-radius: 0;        }                #mobile-fixed .btn-box .bg2 {            border-radius: 0;            transition: all 0.3s ease;            border: 1px solid #000;            color: #fff;            background: #000;        }                .RWDshopping #mobile-fixed .btn.normal {            color: #444;        }  */    /* 購物車*/    .RWDshopping_v3 .cart-wrapper {        width: 95%;    }    .voucherbonus-btn {        text-decoration: underline;    }    .toggleblock-head .mainblue {        color: var(--TextMainColor);    }    /*檔案下載*/    .download .search-container {        margin-left: 20px;        margin-top: 0;    }    .download5_list .col-sm-6 {        grid-template-columns: 1fr;    }    .downlaod5_item_btn {        max-width: unset;    }    /* 搜尋結果 */    .RWDsearch_page .list-img>ul {        margin: 0;    }    /* 文章內頁 */    .articlecontent .btn.btn_back a {        margin-right: 0;    }    /* 內頁 */    /* all */    .column-half {        grid-template-columns: auto;    }    /* 關於 */    :is(.innerpage-about-block02, .innerpage-about-block03)>.text {        padding: var(--SpaceComponent);    }    .innerpage-about-block03 .text {        order: 1;    }    .innerpage-about-block03 .image-bg {        order: 2;    }    .innerpage-about-block03 {        margin-bottom: 3rem;    }    .about-number-card-box.column-third {        max-width: none;        grid-gap: var(--SpaceLg) var(--SpaceLg);        grid-template-columns: repeat(2, 1fr);    }    .about-number-card {        display: grid;        grid-template-columns: 32px auto;        grid-template-areas:            'icon number'            'icon text';        grid-gap: 0 var(--Space2xl);        padding: var(--SpaceXl) var(--SpaceLg);    }    .about-number-card .icon {        grid-area: icon;        margin: 0;        border: none;        width: auto;        height: auto;        padding: 0;    }    .about-number-card .about-number-card_number {        grid-area: number;    }    .about-number-card__title {        grid-area: text;    }    .about-number-card__number {        grid-area: number;    }    .about-logo-history.column-half {        grid-template-columns: 1fr 1fr;    }    .about-logo-item__img {        max-width: 80px;    }    /* 經營 */    .team-card-box {        grid-gap: var(--SpaceLg) var(--SpaceMd);    }    /* recycling */    .recycling-card-grid {        grid-template-columns: repeat(2, 1fr);    }    .innerpage-recycling-block04 {        grid-gap: var(--SpaceLg);    }    .recycling-source-grid.column-half {        grid-template-columns: 1fr 1fr;    }    .innerpage-recycling-block02 .image-bg {        max-height: 420px;    }    /* 人資 */    .innerpage-hr-block01>.text {        padding-left: 30%;    }    .innerpage-hr-block03.d-grid {        grid-template-columns: auto;    }    .innerpage-hr-block03 .text {        order: 1;    }    .innerpage-hr-block03 .image-bg {        order: 2;    }    .hr-card-box.column-half {        grid-template-columns: 1fr 1fr;    }    .innerpage-hr-block02 .image-bg {        max-height: 550px;        height: auto;    }    /* 聯絡 */    :is(.why-item, .plan-card, .contact-text-card) .card-title:before {        margin-right: var(--SpaceSm);    }    .contact-text-card-box.d-grid {        grid-gap: var(--SpaceXl);    }    .eforms1.eformscontent .layoutlist_1.page_content2 .customized_columns {        margin-top: 0;        padding-block: var(--SpaceInnerSection);        padding-inline: 7.5vw;    }    section.innerpage-contact-block03 {        padding-bottom: var(--SpaceInnerSection);    }    /* 永續策略 */    .esg-earth-text1 {        left: 5%;    }    .esg-earth-text3 {        right: 5%;    }    .esg-card {        display: flex;        flex-direction: column;    }    .esg-card__header {        padding-bottom: var(--SpaceMd);        margin-bottom: var(--SpaceMd);        border-bottom: 1px solid var(--BorderColor);        width: 100%;    }    .inner-recycle-score-block:before {        border-radius: 0;    }    .arc-dots-wrap {        display: none;    }    .innerpage-recycle-esg-block03 {        width: auto;    }    .esg-activity-card.card {        display: flex;        flex-direction: column;        gap: var(--SpaceXl);        border-bottom: none;        padding-bottom: 0;        margin-bottom: var(--Space3xl);    }    .esg-activity-card .image {        width: 100%;    }    .esg-card {        padding: var(--SpaceComponent);    }    /* 回收 */    .recycle-circle-main-block {        padding: 10vw 0 0;        background: transparent;    }    .circle-group--right {        position: absolute;        bottom: 13%;        left: 50%;        transform: translateX(-50%);        z-index: 2;        width: 250px;        height: 250px;    }    .recycle-center {        width: 100%;        left: auto;        top: auto;        transform: translate(0, 0);        position: relative;        height: 100%;    }    .recycle-circle-block>.container {        width: 90% !important;    }    .circle-group.circle-group--pdh {        display: block;    }    .circle-group.circle-group--pdh img {        width: 100%;    }    .circle-group--right :is(.outer-circle, .bg-image),    .circle-group--left {        display: none;    }    .recycle-circle-bg {        max-width: 550px;        grid-template-columns: auto;        margin: 0 auto 12vw;    }    .recycle-items-pc .recycle-text {        display: none;    }    .recycle-items.recycle-items-pdh {        grid-gap: 0 var(--Space2xl);        position: relative;        height: auto;        display: grid;        grid-template-columns: repeat(2, 1fr);        text-align: left;        margin: 0 auto 7.5vw;        padding: var(--SpaceXl);        background: white;    }    .recycle-items.recycle-items-pdh .recycle-item {        position: relative;        right: auto;        left: auto;        bottom: auto;        top: auto;        transform: translate(0, 0);        display: flex;        flex-direction: unset;        align-items: center;        padding-bottom: var(--SpaceLg);        margin-bottom: var(--SpaceLg);        border-bottom: 1px dashed var(--BorderColor);    }    .recycle-items.recycle-items-pdh .recycle-item .recycle-text {        display: block;        text-align: left;    }    .recycle-items.recycle-items-pdh .recycle-icon {        box-shadow: none;    }    section.recycle-circle-block {        background: #f5fbff;        padding: var(--SpaceInnerSection) 0;    }    .innerpage-recycle-circle-block {        display: flex;        flex-direction: column;    }    .recycle-concept-block {        padding-top: calc(var(--SpaceInnerSection)*1.5);    }    .recycle-steps {        grid-template-areas:            'card1 card2 card3'            'card6 card5 card4'            'card8 card7 card9'            'card12 card11 card10'            'card13 card14 card15';        grid-template-columns: repeat(3, 1fr);    }    .recycle-step-block>.container-90 {        width: 80%;    }    .recycle-product-grid {        grid-template-columns: repeat(2, 1fr);    }    .recycle-legend.recycle-legend {        max-width: none;        grid-template-columns: 1fr 1fr;        grid-gap: 0 var(--SpaceMd);    }    /* 回收圈圈 */    .recycle-icon {        width: 76px;        height: 76px;    }    .pos-1 {        left: 45%;        top: 45%;    }    .pos-2.recycle-item {        bottom: auto;        top: 35%;        left: 8%;        flex-direction: row-reverse;        align-items: center;    }    .pos-3 {        bottom: auto;        left: 0;        top: 15%;    }    .pos-4 {        top: -3%;        left: 45%;    }    .pos-5 {        left: auto;        right: -3%;        top: 22%;    }    .pos-6 {        top: auto;        bottom: 22%;        right: -3%;    }    .pos-7 {        top: auto;        bottom: -3%;        right: 37%;    }    .pos-8.recycle-item {        right: auto;        left: 12%;        bottom: 5%;        flex-direction: row-reverse;    }    .pos-9 {        bottom: 26%;        right: auto;        left: 1%;    }    .pos-10 {        right: -15%;        top: auto;        bottom: 44%;    }    /* 低碳 */    .why-flow.flex-row {        grid-template-columns: repeat(4, 1fr);        grid-gap: var(--Space2xl) 0;    }    .inner-recycle-activity-block {        padding-top: var(--SpaceInnerSection);    }    .inner-recycle-score-block:before {        bottom: 0;        height: 100%;        width: 100%;    }}@media (max-width: 850px) {    /*圖文輪播*/    .RWDslider01 .products-list .box {        display: flex;        flex-direction: column;    }    .RWDslider01 .products-list .products-item .box {        flex-direction: column;        justify-content: flex-start;    }    .RWDslider01.pic-right .products-list .products-item .box {        flex-direction: column;    }    .RWDslider01 .pic-list,    .RWDslider01 .text {        width: 100%;        padding: 0 !important;    }    .RWDslider01 .control-box {        right: 0;        position: relative;        width: 100%;        text-align: center;    }    .RWDslider01 .pic-list,    .RWDslider01 .text,    .RWDslider01 .pic img {        width: 100%;    }    .RWDslider01 .pic-list {        padding-right: 0;    }    .RWDslider01.pic-right .pic-list {        padding-left: 0;    }    .pagecontent .RWDslider01,    .article1 .pagecontent .RWDeditor01 {        margin-top: 30px;    }    /*文章列表樣式-03*/    #article .layoutlist_3 .listdate .yearmonth {        padding-bottom: 0px;    }    #album .layoutlist_2 .album_item_subject,    #album .layoutlist_1 .album_item_subject,    .rwdlayoutlist_9 .subject,    .layoutlist_8 .article_subject,    .RWDtimeline02 .model-title,    .RWDtimeline01 .model-title,    #product .item .subject a,    .page_wrapper_bg #article .layoutlist_7 .subject a,    .page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,    .page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {        margin: 0px 0px 12px !important;    }    #album .layoutlist_2 .album_item_subject,    #album .layoutlist_1 .album_item_subject {        padding: 8px 0 0 0;    }    /*相簿列表樣式-01*/    .layoutlist_2 .album_item {        padding: 0 10px;    }    /*檔案下載樣式-02*/    .layoutlist_3 .dbtn_v2 {        width: 100%;        text-align: center;    }    /*電子表單*/    .form-horizontal .control-label {        width: 100%;    }    .form-horizontal .form-group .col-sm-12.col-md-11 {        width: 100%;    }}@media (max-width: 812px) {    .RWDtimeline01 li.event .point {        padding-right: 0;        padding-bottom: var(--Space2xl);    }    .RWDtimeline01 li.event {        margin-bottom: var(--Space2xl);    }    .RWDtimeline01 li.event:before {        left: 46px;    }    .RWDtimeline01 li.event .point {        width: calc(100% - 100px);        left: 100px;    }    /* 大記事 */    .article1 .RWDtimeline01 li.event .point .editor {        padding-bottom: 0;    }}@media (max-width: 800px) {    .block_body .page_content2 .btn,    .block_body .page_content1 .btn,    .page_content2 .btn,    .page_content1 .btn {        margin-top: var(--ItemSpacing) !important;    }    .page_content1 .download_container .btn {        margin-top: 0 !important;    }    .list_faketb__li>div {        padding: 18px 8px;    }    /* 內頁 */    /* 關於 */    .innerpage-about-block01 .section-subject {        text-align: center;    }    /* rpp */    .innerpage-product-block {        grid-template-columns: auto;        grid-gap: var(--Space2xl);    }    .innerpage-product-block .image {        max-width: 180px;        order: 2;    }    .innerpage-product-block .text {        padding: 0;        border: none;        order: 1;    }    .innerpage-product-block {        padding: var(--SpaceComponent);    }    /* 永續策稤 */    .esg-text {        width: auto;    }}@media (max-width: 767px) {    /*列表樣式*/    .layoutlist_8.rwd .item,    #article .layoutlist_7 .litem,    #article .layoutlist_4 .xrow.list>div,    #video .layoutlist_2 .video_item,    .album-list .item,    .row .album_d_item,    .photo .content_box,    #album .layoutlist_2 .album_item,    #album .layoutlist_1 .row.masonry .album_item,    #product .layoutlist_5.layoutlist .col-sm-4,    #product .layoutlist_5.layoutlist .col-sm-3.col-md-3,    .productlist .layoutlist_4 .col-sm-4.col-md-4,    .productlist .layoutlist_4 .col-sm-3.col-md-3,    #product .layoutlist_4 .col-xs-6,    #product .layoutlist_3.row>.col-md-12,    #product .layoutlist_2 .col-sm-6 {        width: calc(100% / 2) !important;    }    /*文章列表樣式-02*/    #article .layoutlist_2 {        display: flex;        flex-wrap: wrap;        gap: 2.5rem 2rem;    }    .page_wrapper_bg #article .layoutlist_2 .listdate {        border-left: 0;        text-align: left;    }    #article .layoutlist_2 .item {        width: calc(50% - 1rem);        padding: 0;        border-bottom: 0;    }    #article .layoutlist_2 .list_subject,    #article .layoutlist_2 .listdate {        padding-left: 0px;        padding-right: 0;    }    #article .layoutlist_2 .listdate .yearmonth::after {        content: "/";        position: relative;        display: inline-block;    }    #article .layoutlist_2 .listdate .yearmonth,    .layoutlist_2 .listdate .day {        display: inline-block;    }    #article .layoutlist_2 .listdate .yearmonth,    #article .layoutlist_2 .listdate .day {        font-size: 12px !important;        letter-spacing: 2px !important;        margin-left: -3px;        color: var(--TextSubColor);    }    /*文章列表樣式-03*/    #article .layoutlist_3 {        display: flex;        flex-wrap: wrap;    }    #article .layoutlist_3 .item {        width: calc(100% / 2 - 21px);        margin: 0 10px;    }    #article .layoutlist_3 .listdate .day {        font-size: 12px !important;        letter-spacing: 2px !important;        color: var(--TextSubColor);    }    #article .layoutlist_3 .listdate .day::before {        content: " / ";    }    /*文章列表樣式-04*/    #article .layoutlist_4 .xrow.list>div {        margin-bottom: var(--ItemSpacing);    }    /*文章列表樣式-06*/    .rwdlayoutlist_6 .subject_title {        display: flex;        align-items: center;    }    .rwdlayoutlist_6 .list_no {        width: 16.66666667%;    }    .rwdlayoutlist_6 .list_subject {        width: 66.66666667%;    }    .rwdlayoutlist_6 .list_date {        width: 16.66666667%;    }    .rwdlayoutlist_6 .list_item {        display: flex;        justify-content: flex-start;        align-items: center;    }    .rwdlayoutlist_6 .list_item .column.no {        width: 16.66666667%;    }    .rwdlayoutlist_6 .list_item .column.subject {        width: 66.66666667%;    }    .rwdlayoutlist_6 .list_item .column.date {        width: 16.66666667%;    }    /*文章列表樣式-07*/    #article .layoutlist_7 .row {        flex-wrap: wrap;    }    .layoutlist_7 .row:before,    .layoutlist_7 .row:after {        display: none;    }    .layoutlist_7 .summary {        margin-top: 0 !important;    }    /*文章列表樣式-08*/    .layoutlist_8.rwd {        display: flex;        flex-wrap: wrap;    }    .layoutlist_8.rwd .item {        border-bottom: 0;        padding-inline: 15px;    }    #article .layoutlist_8 .item {        padding-bottom: 0;    }    .layoutlist_8.rwd .list_img+.list_subject {        margin-top: 15px;        padding-inline: 0;    }    .layoutlist_8.rwd .listdate {        text-align: left;        margin-top: 10px;        padding: 0;    }    .layoutlist_8.rwd .listdate .yearmonth,    .layoutlist_8.rwd .listdate .day {        color: var(--TextSubColor);        font-size: 12px;        letter-spacing: .5px;        font-weight: 400;    }    /*文章列表頁籤*/    .tab_content {        font-size: var(--FontSizeP);        color: var(--TextSubColor);        line-height: 1.5;    }    .page_wrapper_bg .tab {        border-top: var(--BorderGrayPx1);        padding: 15px;    }    .page_wrapper_bg .tab_title {        font-size: var(--FontSizeH4);        color: var(--TextMainColor);        line-height: 1.5;        font-weight: 400;    }    .tab.open .tab_title {        margin: 0 0 20px;        font-weight: 500;    }    .page_wrapper_bg .tab:last-child {        border-bottom: var(--BorderGrayPx1);    }    /*產品頁籤*/    .RWDproduct_page .faq-item .faq-question {        padding: 10px 0;        font-size: var(--FontSizeH4);        color: var(--TextMainColor);        letter-spacing: 2px;    }    .RWDproduct_page .faq-item.active .faq-question {        background: #ddd;    }    .RWDproduct_page .faq-item .faq-question:before {        display: flex;        justify-content: center;        align-items: center    }    .page_content1 #productbx {        overflow: hidden;    }    /* 產品置底按鈕 */    #mobile-fixed .btn-shop {        display: grid;        grid-template-columns: 1fr 1fr;        gap: 1rem;        justify-content: space-between;    }    #mobile-fixed .btn-shop:after {        display: none;    }    #mobile-fixed .btn-shop .btn,    #plusbuy_mobile-fixed .btn-shop .btn {        margin-top: 10px;    }    #mobile-fixed.show-info {        z-index: 203;    }    #mobile-fixed .container {        margin-block: 12px;    }    /* 產品內頁A */    #btn_shopping_tracking,    #prod_stands_area,    #prod_stands2_area,    #prod_amount_area,    .btn_shopping,    .btn_querycar {        width: calc(100% / 1 - 10px) !important;    }    /*產品列表樣式 C*/    .productlist .layoutlist_3 .item .col-sm-12.col-md-6 {        padding-inline: 0;    }    #product .item .subject {        margin-top: 8px;    }    .productlist .layoutlist_4 .product_list_item .img1 {        margin-bottom: 0;    }    /*產品列表樣式 D*/    .productlist .layoutlist_4 .col-sm-4.col-md-4,    .productlist .layoutlist_4 .col-sm-3.col-md-3 {        float: left;    }    .productlist .layoutlist_4 .pricearea {        align-items: flex-start;        gap: 10px;        flex-direction: column;    }    /*產品列表樣式 E*/    #product .layoutlist_5.layoutlist {        display: flex;        flex-wrap: wrap;    }    .layoutlist_5 .list-btn_mobile a {        line-height: 2;        margin-top: 8px;    }    /*產品我的最愛按鈕調整*/    .RWDproduct_page .btn-other {        margin: 10px 0    }    .RWDproduct_page .btn-other li {        width: fit-content;        display: block;        text-align: left;        padding: 0    }    .RWDproduct_page .btn-other li .ii {        display: inline-block    }    /*相簿列表樣式-01*/    #album .layoutlist_1 .row.masonry {        display: flex;        flex-wrap: wrap;    }    #album .layoutlist_1 .row.masonry .album_item {        margin-top: 0 !important;        padding-inline: 10px;    }    /*相簿列表樣式-02*/    #album .layoutlist_2 {        display: flex;        flex-wrap: wrap;    }    /*相簿內容樣式-01*/    .albumcontent section.call_to_action .container .article-text .container .row {        display: flex;        flex-wrap: wrap;    }    .page_content1v1 .album_d_item {        margin-bottom: 20px !important;    }    /*相簿內容樣式-04*/    #article .layoutlist_4 .item {        display: initial;    }    /*相簿內容箭頭*/    .photo_view .flex-direction-nav .flex-disabled {        opacity: 10 !important;    }    /*檔案下載樣式-01*/    .download .list_table td.list_subject {        text-align: center;    }    .download .list_table th.split {        display: none    }    .download .list_table td {        line-height: 1.5;        padding: 10px    }    .download .list_table th.list_downloadbtn,    .download .list_table th.list_no,    .download .list_table td.list_no {        min-width: 100px    }    .download .list_table th.list_date {        width: calc(100% - 200px)    }    .download .list_table td.split {        display: none;    }    /*檔案下載樣式-02*/    .download .item table tr {        display: flex;        flex-direction: column;    }    .download .oneline {        display: flex;        flex-wrap: wrap;    }    .download .list_table td {        width: 100%;        padding-top: 15px;    }    .download .list_table td:nth-child(2) {        display: none;    }    .download .oneline .col-md-4.col-sm-6 {        width: calc(100% / 3);    }    .layoutlist_5 .downlaod_item {        width: calc(100%/2);    }    .download5 .search-container {        margin: 10px 0 0;    }    .downloadForMobile__btn {        display: flex;        align-items: center;        justify-content: center;    }    /*影片列表*/    #video .layoutlist_2 {        display: flex;        flex-wrap: wrap;    }    /*購物車呼籲置底*/    #mobile-fixed .fixed-bottom .price-box {        text-align: center;    }    #mobile-fixed .btn-box.step1 li,    #mobile-fixed .btn-box.step2 li {        padding: 0 1px;    }    #mobile-fixed .btn-box .normal {        text-align: center;        padding: 10px 0;        font-size: 15px !important;    }    #mobile-fixed .btn-box ul {        display: flex;    }    .RWDshopping_v3 .cart-container {        width: 100%;        margin: auto;    }    /* 比較表 */    .page_wrapper_bg .fix-compare.is-phone {        padding: 10px 15px;    }    .page_wrapper_bg .is-phone .fix-compare-btn {        color: var(--BtnOutlineColor);        background: var(--BtnOutlineBg);        border: 1px solid var(--BtnOutlineColor);        border-radius: var(--BtnBorderRadius);        font-size: var(--BtnFontSize);        font-weight: 500;    }    .compare .clearall {        top: 0;    }    .compare .main_box .memo,    .compare .main_box .main_name {        text-align: left;    }    .compare .compare-container {        padding: 0;    }    .compare .main_box {        padding: 0 10px;    }    .compare .main_box .main_name {        font-size: calc(var(--FontSizeH3)* 0.9);    }    .compare .swiper-button-prev,    .compare .swiper-button-next {        width: 35px;        height: 35px;        background-color: #ffffff;    }    .compare .main_box .memo,    .compare .main_box .main_name,    .compare .main_box .normal_price,    .compare .main_box .special_price {        padding-inline: 0px;    }    .compare .main_box .normal_price,    .compare .main_box .special_price {        text-align: left;        font-size: 14px;        letter-spacing: 0;        min-height: unset !important;    }    .page_wrapper_bg .fix-compare.is-phone.active {        top: var(--NaviHeight);        transform: unset;    }    #reply_app .member_block_rp {        padding-top: 1rem;    }    .list_faketb__subject {        text-align: center;    }    /* 內頁 */    .page_wrapper_bg .section-subject {        margin-bottom: calc(var(--ItemSpacing) * 0.8);    }    .page_wrapper_bg .section-subject .max-main-title,    .page_wrapper_bg .section-subject .main-title,    .page_wrapper_bg .section-subject .sub-title,    .innerpage-about-block03 .card-title {        letter-spacing: 1px;        text-align: center;    }    .page_wrapper_bg .innerpage-hr-block01 .section-subject .main-title {        font-size: calc(var(--FontSizeMain) * 0.75);        text-align: left;    }    .page_wrapper_bg .section-subject .sub-title {        font-size: var(--FontSizeH6);    }    /* 下載 */    a.downloadForMobile__btn:nth-child(2) .ii-down2:before {        content: "\f24d";        font-family: "Ionicons";    }    .downloadForMobile__btn:nth-child(2):hover .ii-down2:before {        color: red;    }    a.downloadForMobile__btn:nth-child(2) span.downloadForMobile__btn__text {        display: none;    }    .downloadForMobile__btn__text {        font-weight: bold;    }    /* all */    .pagecontent .RWDslider01,    .pagecontent .RWDeditor01 {        margin-top: var(--SpaceInnerSection) !important;    }    .page_wrapper_bg .section-subject {        margin-bottom: var(--ItemSpacing);    }    /* 關於 */    .about-number-card {        grid-template-columns: auto;        grid-template-areas:            'icon'            'number'            'text';    }    .about-number-card .icon {        max-width: 32px;        margin-bottom: var(--Space2xl);    }    .innerpage-about-block.innerpage-about-block05 .text h3 {        text-align: left;        font-size: var(--FontSizeSub);    }    /* 經營 */    .team-card-box.column-quarter {        grid-template-columns: repeat(3, 1fr);    }    .image.team-image02 {        padding: 0 30px calc(var(--SpaceInnerSection)*0.5);    }    .innerpage-team-block01 .section-subject {        margin-top: calc(var(--SpaceInnerSection)*0.5);    }    /* 關聯 */    .store-grid.d-grid {        grid-template-columns: auto;    }    .store-card>.text {        padding: var(--SpaceComponent);    }    /* recycling */    .recycling-source-grid.column-half {        grid-template-columns: auto;    }    /* 文章產品列表 */    :is(.article4, .article11) .layoutlist_7 .summary {        padding-inline: var(--SpaceMd);        padding-bottom: var(--SpaceLg);    }    /* 下載列表 */    .download5_list {        grid-template-columns: repeat(2, 1fr);    }    /* 下載表格 */    .list_faketb__li {        border-top: none;        margin-bottom: var(--SpaceLg);        border-radius: var(--RadiusMd);    }    .list_faketb__li:nth-child(even) {        background: #f4f4f4;    }    .list_faketb__no {        flex: none;        width: 80px;    }    .list_faketb__date {        width: calc(100% - 96px - 8px);    }    .list_faketb__subject {        font-weight: bold;        font-size: 17px;    }    .list_faketb__li>.list_faketb__downloadForMobile {        margin-bottom: 0;        border-top: 1px solid var(--BorderColor);    }    .list_faketb__li>.list_faketb__downloadForMobile {        border: none;    }    .list_faketb__li>div {        border-bottom: 1px dotted #dedede;    }    .list_faketb__li {        border: 8px solid #f4f4f4;    }    .list_faketb__subject {        text-align: center !important;    }    .list_faketb__li .list_faketb__no {        display: none;    }    .list_faketb__li .list_faketb__date {        width: 100%;        flex: none;        margin: 0;        text-align: center;    }    /* 列表樣式８ */    #article .layoutlist_8 .item {        flex-direction: column;        padding: var(--SpaceMd) var(--SpaceMd) var(--SpaceLg);        width: calc(50% - var(--SpaceLg)) !important;        margin-bottom: 0;    }    .layoutlist_8.rwd .listdate {        width: 100%;    }    .layoutlist_8.rwd {        gap: var(--SpaceLg);    }    /* 列表樣式７ */    .layoutlist_7 .litem>div {        padding: var(--SpaceMd) var(--SpaceMd) var(--SpaceLg);    }    /* 人資 */    .innerpage-hr-block01>.text {        padding-top: calc(var(--SpaceInnerSection) * 6);        padding-inline: 10%;    }    .innerpage-hr-block03 .rwd-table td:nth-child(3) {        width: 100%;    }    .innerpage-hr-block03 .rwd-table tr {        display: flex;        flex-wrap: wrap;    }    .innerpage-hr-block03 .rwd-table th:nth-child(3) {        display: none;    }    .innerpage-hr-block03 .rwd-table :is(th, td) {        width: 50%;        padding: var(--SpaceLg);    }    section.innerpage-hr-block03 .rwd-table tbody tr {        margin-bottom: var(--SpaceLg);        border: none;    }    section.innerpage-hr-block03 .rwd-table tbody tr:nth-child(even),    section.innerpage-hr-block03 .rwd-table thead {        background: #f4f4f4;    }    /* 永續策略藍圖 */    .esg-earth-text-box {        height: auto;        position: relative;        display: flex;        flex-direction: column;        align-items: center;        justify-content: flex-start;        width: fit-content;        margin: 0 auto var(--SpaceMd);        gap: var(--SpaceXl);    }    .esg-earth-text {        position: relative;        left: auto;        right: auto;        top: auto;        bottom: auto;        transform: translateX(0);        width: 100%;        filter: none;        display: grid;        grid-template-columns: 50px auto;    }    .esg-earth-text.esg-earth-text2 {        order: 1;    }    .esg-earth-text.esg-earth-text1 {        order: 2;    }    .esg-earth-text.esg-earth-text3 {        order: 3;    }    .esg-center-wrapper {        border-top: 1px solid rgba(255, 255, 255, .2);    }    .esg-numbers {        grid-template-columns: repeat(2, 1fr);        grid-gap: 0 var(--SpaceXl);    }    .esg-number-card {        display: grid;        padding: 0;        margin: 0;        border: none;        border-radius: 0;        grid-template-columns: 60px auto;        grid-template-areas:            'icon num'            'icon label';        grid-gap: 0 5vw;        margin-bottom: var(--SpaceLg);        padding-bottom: var(--SpaceLg);        border-bottom: 1px solid white;    }    .esg-icon.icon {        grid-area: icon;    }    .esg-number {        grid-area: num;    }    .esg-label {        grid-area: label;    }    .esg-number span.num {        font-size: calc(var(--FontSizeMain) * 2);        font-weight: 500;    }    .esg-badges.d-grid {        grid-template-columns: repeat(6, 1fr);    }    /* 低碳 */    .flex-row {        grid-template-columns: repeat(4, 1fr);    }    .recycle-steps {        display: flex;        flex-wrap: wrap;    }    .recycle-step-card {        width: calc(50% - calc(var(--SpaceLg)/2));    }    .recycle-step-block>.container-90 {        width: 75%;    }    .skill-card-box {        grid-template-columns: 1.5fr 1fr 1fr;    }    /* 回收 */    .recycle-icon {        width: 80px;        height: 80px;    }    /* 人資 */    .hr-card-box.column-half {        grid-template-columns: auto;    }    section.recycle-circle-block {        overflow: hidden;    }    .pos-3 {        left: 7%;        top: 9%;    }}@media screen and (min-width: 415px) and (max-width: 767px) {    .RWDslider01 .products-list .box,    .RWDslider01.pic-right .products-list .box {        flex-direction: column    }    .RWDslider01 .text {        width: 100%    }    .RWDslider01.pic-right .pic-list {        padding: 0;    }    .RWDslider01 .products-list .box,    .RWDslider01.pic-right .products-list .box {        flex-direction: column;        width: 95%;        margin: auto;        padding: 0 !important    }    .RWDslider01 .pic-list {        width: 100%;        padding: 0;        margin: auto;        float: none !important    }    .RWDslider01.pic-right .control-box {        left: 50%;        transform: translateX(-50%);        text-align: center;        right: auto    }    .RWDslider01 .control-box {        right: auto;        left: 50%;        transform: translateX(-50%)    }    .compare .main_box .more {        margin: 1rem;    }}@media (max-width: 650px) {    /* 內頁 */    /* all */    :root {        --SpaceComponent: max(3vw, 35px);    }    .page_wrapper_bg .section-subject .max-main-title {        letter-spacing: 1px;    }    .innerpage-btn-group {        flex-wrap: wrap;        gap: var(--SpaceMd);    }    .innerpage-btn-group {        margin-top: var(--Space2xl);    }    a.innerpage-btn {        margin: 0;    }    /* banner */    .inner-banner .RWDbanner_plus01 .slick-caption .txt1 {        font-size: var(--FontSizeMain);    }    /* 關於 */    .about-number-card-box.column-third {        grid-template-columns: auto;    }    .about-number-card {        grid-template-columns: 32px auto;        grid-template-areas:            'icon number'            'icon text';    }    .about-logo-history {        grid-gap: 0 100px;        margin-bottom: 0;    }    .about-logo-item01::before {        right: -50px;    }    /* 大事記 */    .article1 .RWDtimeline01 li.event .point {        background: transparent;        border: none;        padding-bottom: 0;        box-shadow: none;    }    .article1 .RWDtimeline01 li.event .point .date {        background: transparent;        border: none;        height: auto;        margin: 0;    }    .article1 .RWDtimeline01 li.event .point .date {        justify-content: flex-start;    }    .article1 .RWDtimeline01 li.event .point .title {        text-align: left;        padding: 0 var(--SpaceSm) var(--SpaceSm);    }    .article1 .RWDtimeline01 li.event .point .editor {        padding: 0 var(--SpaceSm);    }    /* 經營 */    .team-card-box.column-quarter {        grid-template-columns: repeat(2, 1fr);    }    .image.team-image02 {        padding: 0 5vw var(--SpaceInnerSection);    }    .innerpage-team-block01 .section-subject {        margin-top: calc(var(--SpaceInnerSection)*0.5);    }    .team-card__name {        padding: var(--SpaceMd) var(--SpaceLg);    }    /* recycling */    .recycling-source-grid.column-half {        grid-template-columns: auto;    }    .recycling-card-grid {        grid-template-columns: auto;    }    /* 產品列表 */    #article .layoutlist_7 .litem {        width: 100% !important;        margin-bottom: var(--SpaceXl);    }    /* 下載列表 */    .download5_list {        grid-template-columns: auto;    }    /* 列表樣式8 */    #article .layoutlist_8 .item {        width: 100% !important;        margin-bottom: 0;    }    /* 人資 */    .hr-image-bg {        position: relative;        height: auto;        left: auto;        transform: translateX(0);        width: 100%;    }    .innerpage-hr-block01>.text {        padding: 0;    }    .innerpage-hr-block01 {        display: flex;        flex-direction: column-reverse;        gap: var(--SpaceLg);    }    .innerpage-link-btn-box {        grid-template-columns: auto;        grid-gap: var(--SpaceMd);    }    .innerpage-hr-block05 {        padding-inline: 5%;    }    /* 影片列表 */    #video .layoutlist_2 .video_item {        width: 100% !important;        padding: 0;    }    /* 聯絡 */    .eforms1 .eformsDesc {        width: 90%;    }    .contact-text-card-box.d-grid {        grid-template-columns: auto;        padding-inline: 10%;    }    section.innerpage-contact-block03>.text {        width: 90%;        text-align: left;    }    .innerpage-contact-block01 span.innerpage-list__label {        display: block;        padding: 0;    }    /* 永續策略 */    .esg-center-map.image-bg {        transform: scale(1.3);    }    .esg-numbers {        grid-template-columns: auto;        margin: 0 auto;    }    .RWDnews005 .innerpage-recycle-esg-block05 .RWDnews005-container {        padding: 0;        background: transparent;        border: none;    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-item {        padding: 0 var(--SpaceMd);    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-item .card-title {        font-size: var(--FontSizeP);    }    .esg-activity-card.card {        margin-bottom: var(--Space2xl);    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-pagination {        display: none;    }    /* 低碳 */    .why-brand-card-box {        grid-template-columns: auto;    }    .why-flow.flex-row {        grid-template-columns: repeat(2, 1fr);    }    /* 回收 */    .circle-group--right {        width: 200px;        height: 200px;    }    .recycle-center__text {        padding: 0;        margin: var(--SpaceSm) 0 0;        border: honeydew;    }    img.recycle-center__img {        max-width: 60px;    }    .recycle-icon {        width: 66px;        height: 66px;    }    .recycle-items.recycle-items-pdh .recycle-item .recycle-text {        font-size: calc(var(--FontSizeP) * 0.9);        line-height: 1.5;        letter-spacing: 0px;        text-align: center;    }    .circle-group--right {        bottom: 13%;    }    .recycle-items.recycle-items-pdh .recycle-item {        flex-direction: column;    }    .recycle-legend.recycle-legend {        grid-template-columns: auto;        grid-gap: var(--SpaceLg);    }    .recycle-concept-block {        padding-bottom: 70vw;    }    .innerpage-recycle-concept-block .section-subject .max-main-title {        font-size: calc(var(--FontSizeMain)*0.7);    }    .recycle-step-block>.container-90 {        width: 90%;    }    .recycle-steps {        grid-gap: var(--SpaceMd);    }    .recycle-step-card {        width: calc(50% - calc(var(--SpaceMd)/2));    }    .recycle-product-grid {        grid-template-columns: auto;    }    .skill-card-box {        grid-template-columns: 2fr 1fr 1fr;    }    .skill-card {        padding: var(--SpaceLg);    }}@media (max-width: 600px) {    :root {        --BtnWidth: 100%;    }    #article .cate_list.row>div {        width: 100%;    }    /*按鈕*/    .btn.btn_back,    .ebtn,    .block_body .page_content2 .btn,    .block_body .page_content1 .btn,    .page_content2 .btn,    .page_content1 .btn,    .btn-primary {        width: 100% !important;    }    /*container*/    .page_wrapper_bg .pagecontent {        padding: 0px !important;    }    .page_wrapper_bg .article-text .container {        padding: 0;    }    /*fixrow*/    .fixrow {        padding-left: 0px !important;        padding-right: 0px !important;    }    /*文章列表最上層樣式調整*/    #article .cate_list.row .col-sm-6.col-md-4 {        margin: 0 0 30px;    }    /*文章列表樣式-06*/    .rwdlayoutlist_6 ul {        margin: 0;    }    .rwdlayoutlist_6 li {        margin: 0;        border-bottom: #dfdfdf solid 1px;        padding: 10px 0 10px;    }    .rwdlayoutlist_6 .subject_title {        display: none;    }    .rwdlayoutlist_6 .list_item {        text-align: center;        flex-direction: column    }    .rwdlayoutlist_6 .list_item .column.no,    .rwdlayoutlist_6 .list_item .column.subject,    .rwdlayoutlist_6 .list_item .column.date {        width: 100%;    }    /*左右圖文輪播PH*/    .RWDslider01 .pic-list {        width: 100%;    }    /*時間軸樣式*/    .RWDtimeline01 .line_dot,    .RWDtimeline01 .line_dot2 {        left: 4px;    }    .RWDtimeline01 li.event:before {        left: 29px;    }    .RWDtimeline01 li.event .point {        width: calc(100% - 60px);        left: 60px;    }    .RWDtimeline01 li.event .point .date {        font-size: 14px;        letter-spacing: 1px    }    /*文章檔案下載*/    .file_area {        margin: 0 0 0px;    }    .download_container {        grid-template-columns: 1fr;    }    /*電子表單*/    .new-form {        margin-top: 0;    }    /*相簿上下方說明*/    #album .page_desc {        margin: 0 0 var(--SectionPadding);    }    /*產品樣式 A*/    #product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4) {        grid-template-columns: 1fr;        grid-template-areas:            "prod_stands_area"            "prod_stands2_area"            "prod_amount_area"            "btn_shopping "            "btn_querycar ";    }    /*產品樣式 B*/    #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {        grid-template-columns: 1fr;    }    /* 產品內容B */    .RWDproduct_page .download_container .btn {        height: 33px;    }    .RWDproduct_page .btn-other {        flex-direction: column;    }    .RWDproduct_page .btn-other li {        width: 100%;        text-align: center;    }    .RWDproduct_page .btn-other {        margin: 30px 0 0px;        gap: 8px;    }    /*相簿內容樣式-01*/    .row .album_d_item {        width: 100%;    }    /*相簿內容樣式-03*/    .photo .content_box {        width: 100% !important;    }    /*檔案下載樣式-02*/    .download .oneline .col-md-4.col-sm-6 {        width: 100%;        margin-bottom: 20px;    }    /*購物訂單畫面按鈕*/    .RWDshopping .btn.normal {        width: 100%;        margin: 5px 0;    }    .shopping-step li span.name {        font-size: 13px !important;    }    #mobile-fixed .btn-box {        width: 180px;    }    #mobile-fixed .fixed-in {        width: calc(100% - 180px);        letter-spacing: 0;    }    .RWDshopping_v3 .order-infobox .btn-row {        padding: 0;    }    /*詢問車按鈕*/    .RWDquiry .btn.normal {        margin: 0;    }    /* google驗證碼、top高度調整 */    .grecaptcha-badge {        bottom: 75px !important;    }    #reply_app {        padding: 2rem 1rem;    }    /*檔案下載*/    .layoutlist_5 .downlaod_item {        width: calc(100%);    }    .download5 .search-container {        margin: 10px 0 0 !important;    }}@media (max-width: 480px) {    /*檔案下載*/    .layoutlist_5 .downlaod_item {        width: calc(100%);    }    .download5 .search-container {        margin: 10px 0 0 !important;    }    .list_faketb,    .download.layoutlist_2,    section:is(.innerpage-about-block02, .innerpage-about-block03, .innerpage-why-block02) {        background: transparent;        padding: 0;        box-shadow: none;        border: none;        border-radius: 0;    }    section:is(.innerpage-about-block02, .innerpage-about-block03, .innerpage-why-block02) .image-bg {        border-radius: var(--RadiusLg);        overflow: hidden;    }    /* 內頁 */    .page_wrapper_bg .section-subject .max-main-title {        font-size: calc(var(--FontSizeMain) * 0.9);    }    /* banner */    .inner-banner .RWDbanner_plus01 .slick-caption .txt1 {        font-size: calc(var(--FontSizeMain) * 0.8);    }    .inner-banner .RWDbanner_plus01 .slick-caption .txt2 {        font-size: calc(var(--FontSizeMain) * 0.65);    }    /* 關於 */    :is(.innerpage-about-block02, .innerpage-about-block03)>.text {        padding-inline: 0;        padding-top: 0;    }    .innerpage-about-block03 .card-title {        padding: 0;        margin-bottom: var(--SpaceSm);        border: none;    }    .about-logo-item__img {        max-width: 68px;    }    .innerpage-about-block.innerpage-about-block05 .text h3 br {        display: none;    }    .page_wrapper_bg .innerpage-about-block04 .section-subject .max-main-title {        font-size: calc(var(--FontSizeMain) * 0.8);    }    /* rpp */    section.innerpage-product-block {        background: transparent;        padding: 0;        border: none;        box-shadow: none;    }    .innerpage-product-block:before {        display: none;    }    .innerpage-product-block .image {        margin-bottom: 1.5rem;    }    /* recycling */    .recycling-timeline li.innerpage-list__item {        padding-left: 0;    }    .recycling-timeline li.innerpage-list__item:before,    .recycling-timeline li.innerpage-list__item:after {        display: none;    }    /* 下載 */    .list_faketb__li {        background: white;    }    /* 聯絡 */    a.innerpage-contact-btn {        margin-top: var(--Space2xl);    }    .contact-text-card-box.d-grid {        padding-inline: 5%;    }    /* 永續策略 */    .esg-earth-text {        grid-template-columns: 40px auto;    }    .esg-card_text {        margin-bottom: var(--SpaceXl);    }    .esg-badges.d-grid {        grid-template-columns: repeat(5, 1fr);    }    .esg-activity-card.card {        margin-bottom: var(--Space2xl);    }    .inner-recycle-earth-block>.container {        width: 90%;    }    .esg-card-box {        width: 100%;    }    .esg-numbers {        width: 100%;    }    .esg-number-card {        padding-inline: var(--SpaceLg);    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-item {        padding: 0 var(--SpaceSm);    }    /* 永續策略藍圖 */    .RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons .owl-next {        right: -15px;    }    .RWDnews005 .innerpage-recycle-esg-block05 .owl-buttons .owl-prev {        left: -15px;    }    /*  低碳 */    .innerpage-why-block02 .text {        padding: 0;    }    .innerpage-why-block02 .image-bg {        margin-bottom: var(--SpaceLg);        height: auto;    }    .flex-row {        grid-template-columns: auto;        grid-gap: 0;    }    .why-flow-item {        flex-direction: row;        align-items: center;        text-align: left;        gap: 0 var(--SpaceLg);        padding-bottom: var(--SpaceMd);        border-bottom: 1px dotted #f8f8f8;        width: 80%;        margin: 0 auto var(--SpaceMd);    }    .why-flow-item .icon {        width: 64px;        height: 64px;        padding: var(--SpaceMd);        margin: 0;    }    .why-flow-item:before,    .why-flow-item:first-child:before {        display: none;    }    .why-flow-item:after {        display: none;    }    .why-flow.flex-row {        grid-template-columns: auto;        grid-gap: 0;    }    /* 回收 */    .recycle-icon {        width: 56px;        height: 56px;        padding: 12px;        box-shadow: none;    }    .circle-group--right {        width: 160px;        height: 160px;        bottom: 14%;    }    img.recycle-center__img {        display: none;    }    :is(.pos-3, .pos-10) .recycle-icon img {        max-height: 26px;        width: auto;    }    .recycle-items.recycle-items-pdh {        grid-gap: 0 var(--SpaceLg);    }    .recycle-circle-bg {        margin-bottom: 25vw;    }    .skill-card-box {        grid-template-columns: auto;        grid-template-areas:            'card01'            'card02'            'card03'            'card04';    }    .skill-card-card .skill-text {        margin-top: 0;        margin-bottom: 60px;    }    .skill-card .skill-text {        margin-top: 0;        margin-bottom: 120px;    }    .skill-card.card.skill-card-card-5 {        display: none;    }    .page_wrapper_bg .innerpage-recycle-concept-block .max-main-title {        font-size: calc(var(--FontSizeMain) * 0.75);    }    .page_wrapper_bg .innerpage-recycle-concept-block .sub-title {        width: 80%;        margin: 0 auto var(--SpaceMd);    }    /* 人才 */    .innerpage-hr-block03 .text {        padding: 0;    }    section.innerpage-hr-block03 {        background: transparent;        box-shadow: none;        border-radius: 0;    }    .innerpage-hr-block03 .rwd-table tr {        background: white;    }    .innerpage-hr-block03 .rwd-table :is(th, td) {        padding-block: var(--SpaceMd);    }    .hr-card .card-title.d-grid {        grid-gap: 0 var(--SpaceMd);    }    .hr-card ul.innerpage-list {        padding-left: calc(var(--SpaceMd) + 28px - 14px);    }    /* 經營管理 */    .team-card-box.column-quarter {        grid-template-columns: auto;    }}@media (max-width: 414px) {    /*文章左右圖文輪播PH*/    .RWDslider01 .pic-list,    .RWDslider01.pic-right .pic-list {        margin: 0;    }    /* 內頁 */    /* all */    span.innerpage-list__label {        display: block;        padding: 0;    }}@media (max-width: 380px) {    /* all */    :root {        --SpaceComponent: max(2.5vw, 28px);    }    /*跟隨購物車寬度修正*/    #mobile-fixed .btn-box {        width: 170px;        padding-left: 10px;    }    #mobile-fixed .fixed-in {        width: calc(100% - 170px);    }    .RWDproduct_page .faq-item .editor {        padding: 20px;    }    .compare .main_box {        padding: 0 5px;    }    .RWDshopping_v3 .cart-list-table .cart-list-body .cart-row:nth-last-of-type(1) .cart-cell {        padding: 1rem 1.5rem 1.5rem;    }    .RWDshopping_v3 .cart-list-table .cart-cell.info,    .RWDshopping_v3 .cart-list-table .cart-cell.pic {        width: 100%;    }    .RWDshopping_v3 .cart-list-table .cart-cell.pic .picbox {        width: 90%;        height: auto;        aspect-ratio: 1 / 1;        margin-left: 0;    }    .RWDshopping_v3 .cart-list-table .cart-cell.qtt .delete-btn {        right: 10px;    }}

/*小螢幕 end*/ 
/*1199px start*/ 
@media (max-width: 1199px) {
:root {    --BtnWidth: 200px;    --BtnHeight: 56px;    --BtnFontSize: 16px;    --NaviHeight: 75px;    --NumberSize: 3.25rem;}.banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {    max-height: 100svh !important;    height: 100svh !important;}.fl {    width: 300px;}/* 選單 */ .RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 30px);}/* banner scorll */ .RWDbanner_plus01 .page-scroll {    width: 100px;    height: 100px;    bottom: -50px;}.RWDbanner_plus01 .page-scroll:before {    bottom: 50px;}.RWDbanner_plus01 .page-scroll:before {    width: 300px;    height: 113px;}.RWDbanner_plus01 .page-scroll:hover {    width: 90px;    height: 90px;}/* 關於 */ .activate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {    margin: 0 0 1.5rem;}.RWDscore01 .count-item {    width: calc(25% - 1rem);    margin: 0 1rem 0 0;}.RWDscore01 .score-content span.count-str {    position: relative;    right: auto;    bottom: auto;}.RWDscore01 .count-item>div:nth-child(1) {    padding: 0;    display: flex;    /*justify-content: space-between;*/    width: 100%;}.RWDscore01 span.count-str:before {    font-size: 15px;    top: 0;}/* esg */ .RWDservice006 .main-slider .swiper-slide {    display: flex;    flex-direction: column-reverse;    grid-gap: 0;    gap: 2rem 0;}.RWDservice006__content__down__a {    margin: 0 auto;}.RWDservice006 .main-slider .RWDservice006__content .editor strong,.RWDservice006 .main-slider .RWDservice006__content .editor em {    text-align: center;}/* 啟程 */ .activate-block .RWDnews005 .owl-carousel .owl-item {    padding: 0 10px;}.activate-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div {    width: 3rem !important;    height: 3rem !important;}.activate-block .RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -2rem;}.activate-block .RWDnews005 .controlls-over .owl-controls .owl-next {    right: -2rem;}/* 證書 */ .index .certificate-block>.container {    grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);    grid-gap: 0 3rem;}/* 頁尾 */ .footer-map-all {    gap: 0 3rem;}
}
/*1199px end*/ 
/*1100px start*/ 

@media (max-width: 1100px) {    /* 關於 */    .RWDscore01 .count-item {        padding: 2rem 1.5rem;    }    /* esg */    .esg-block .main-block {        padding: 5vw 0 var(--SectionPadding) ;    }    .RWDservice006 .tab-lead {        font-size: calc(var(--CardTitleSize)* 1.35);    }    /* 頁尾 */    ul.footer-menu {        display: grid;        grid-template-columns: repeat(2, 1fr);        width: 65%;    }    ul.footer-menu>li:before {        display: none;    }    .footer-block .copyrights {        gap: 0 1rem;        font-size: 12px;    }    .copyright_desc,    .copyright_desc a,    .copyright_desc a:hover {        font-size: 12px;    }    .footer-map-all {        gap: 0 2rem;    }}

/*1100px end*/ 
/*1024px start*/ 
@media (max-width: 1024px) {
/* 選單 */ .RWDmenu_plus04 .features {    margin-right: 0;    padding-right: 0;}.RWDmenu_plus04 .features:after {    display: none;}/* 關於 */ .RWDscore01 .count-item {    gap: 1.5rem 0;    padding: 2rem 1.5rem;}/* 證書 */ .index .certificate-block>.container {    display: flex;    flex-direction: column;    padding: 8vw 6vw 12vw;    gap: 2rem 0;}/* esg */ .RWDservice006 .tab-lead {    font-size: calc(var(--CardTitleSize)* 1.5);    margin: 0 5px 5px 0;}/* 啟程 */ .activate-block .RWDnews005 .owl-carousel .owl-item .img-hover {    padding: 1rem;}.activate-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div {    background: transparent;    border: none;    box-shadow: none;    width: fit-content !important;    height: fit-content !important;}/* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        grid-template-areas:        'info info'        'cta cta'        'webmap webmap'        'btn edm'        'menu menu'        'social social';        grid-template-columns: 1fr 1fr;        padding: 8vw 5vw;        grid-gap: 2rem 2rem;        width: 85%;    }.footer-block :is(.social-block, .btn-block) {    margin: 0;    padding: 0;    border: none;}.footer-block :is(.webmap-block, .menu-block) {    padding: 2rem 0 0;    margin: 2rem 0 0;        border-top: 1px solid rgba(255, 255, 255, .5);}.footer-block .RWDbtn01 .btn {    min-width: auto;}.RWDsocial002 ul.socialNetwork {    display: flex;    align-items: center;}ul.footer-menu {    width: 100%;    display: flex;    align-items: center;}ul.footer-menu>li:before {    display: none;}.footer-block :is(.menu-block) {    align-self: baseline;}.footer-map-all {    gap: 0 1.5rem;}.footer-logo {    max-width: 270px;}
}
/*1024px end*/ 
/*ipad pro start*/ 

@media (width: 1024px) and (height: 1366px) {}

/*ipad pro end*/ 
/*991px start*/ 
@media (max-width: 991px) {
/* 共通 */:root {    --NumberSize: 3.5rem;}/* banner */ .RWDbanner_plus01 .logo {    width: 45vw;}.RWDbanner_plus01 .slick-caption.txt-right {    text-align: center;}.RWDbanner_plus01 .slick-caption {    top: auto;    bottom: 10%;}/* banner scorll */ .RWDbanner_plus01 .page-scroll {    width: 90px;    height: 90px;    bottom: -45px;}.RWDbanner_plus01 .page-scroll:before {    bottom: 45px;}.RWDbanner_plus01 .page-scroll:before {    width: 250px;    height: 94px;}.RWDbanner_plus01 .page-scroll:hover {    width: 80px;    height: 80px;}.RWDbanner_plus01 .page-scroll a:before {    bottom: 10px;}/* 關於 */ .about-block:before {    width: 63vw;    height: 64vw;    top: -2vw;}/* esg */ .esg-block .main-block {    padding-bottom: var(--SectionPadding);}.RWDservice006 .tab-name:nth-child(4),.RWDservice006 .tab-name:nth-child(5),.RWDservice006 .tab-name:nth-child(6) {    display: block;}.RWDservice006 .tab-title,.RWDservice006 .tab-lead {    margin: 0;    color: var(--TextMainColor);}.RWDservice006 .tab-name:nth-child(1):before,.RWDservice006 .tab-name:nth-child(2):before,.RWDservice006 .tab-name:nth-child(3):before {    display: none;}.RWDservice006 .tab-name:nth-child(1),.RWDservice006 .tab-name:nth-child(2),.RWDservice006 .tab-name:nth-child(3) {    background: transparent;    transform: translateX(0);}.RWDservice006 .main-slider .swiper-slide {    padding: 0;}.RWDservice006 .swiper-button-next:after,.RWDservice006 .swiper-button-prev:after {    font-size: 1.25rem;}.RWDservice006 .tab-name {    border-bottom: none;}.RWDservice006 .tab-lead {    font-size: calc(var(--CardTitleSize)* 1.75);}.RWDservice006 .tab-title {    font-size: calc(var(--CardTitleSize)* 1.25);}.RWDservice006 .main-slider .RWDservice006__content .editor strong {    font-size: calc(var(--FontSizeMain)* 0.8);    letter-spacing: 1px;    display: block;    text-align: center;}.RWDservice006 .main-slider .RWDservice006__content .editor em {    display: block;    text-align: center;    margin: 0;}.RWDservice006 .main-slider .RWDservice006__content .editor strong+br {    display: none;}.RWDservice006 .main-slider .swiper-slide {    gap: 1rem 0;}.RWDservice006 .tab-name,.RWDservice006 .tab-name:nth-child(4),.RWDservice006 .tab-name:nth-child(5),.RWDservice006 .tab-name:nth-child(6) {    display: flex;    padding: 10px 0;    gap: 0 10px;}.RWDservice006 .main-slider .swiper-slide:nth-child(4) .editor strong {    color: var(--EMainColor);}.RWDservice006 .main-slider .swiper-slide:nth-child(5) .editor strong {    color: var(--SMainColor);}.RWDservice006 .main-slider .swiper-slide:nth-child(6) .editor strong {    color: var(--GMainColor);}/* 關於 */ .index .about-block>.container {    grid-template-columns: auto;    grid-template-areas:        'pic pic'        'text text'        'score score'        'btn btn';    width: 80%;}.about-block .pic-block:before {    display: none;}.RWDscore01 .count-item {    width: calc(50% - 2rem);    margin: 0 1rem 2rem;    padding: 2rem 2.5rem;}.about-block .title-block {    text-align: center;}/* 啟程 */ .activate-block .news005_h4 a {    -webkit-line-clamp: 3;}/* 頁尾 */ .wrapper_bg .footer-block>.container.container-80 {    padding: 8vw 6vw;}.footer-map-all {    display: grid;    grid-template-columns: repeat(3, 1fr);    grid-gap: 2rem 2rem;}.web_edm .btn_container {    width: 100px;}.web_edm .email {    width: calc(100% - 100px);}.web_edm .email input {    font-size: 13px;}.footer-block :is(.webmap-block, .menu-block) {    border-top: none;    padding-top: 0;    margin: 3rem 0;}
}
/*991px end*/ 
/*900px start*/ 

@media (max-width: 900px) {    /* 啟程 */    .activate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {        margin: 0 0 1.5rem;    }    .activate-block .RWDnews005 .owl-carousel .owl-item .img-hover p {        -webkit-line-clamp: 4;    }    /* 頁尾 */    .wrapper_bg .footer-block>.container.container-80 {        grid-gap: 2rem 1rem;    }}

/*900px end*/ 
/*850px start*/ 

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

/*850px end*/ 
/*800px start*/ 
@media (max-width: 800px) {
.wrapper_bg .footer-block>.container.container-80 {    grid-template-areas:        'info info'        'cta cta'        'webmap webmap'        'btn btn'        'edm edm'        'menu menu'        'social social';    width: 85%;    padding: 8vw 8vw;}ul.footer-menu {    display: grid;    grid-template-columns: repeat(2, 1fr);}
}
/*800px end*/ 
/*767px start*/ 
@media (max-width: 767px) {
/* 共通 */p,.description,.RWDproduct004 .list-inline {    letter-spacing: 1px;    margin: 0 0 15px;}/* 選單 */ .RWDmenu_plus04 .logo img {    height: calc(var(--NaviHeight) - 35px);}.RWDmenu_plus04 #search-box.full .form-control {    padding: 1.5rem 6rem 1.5rem 1.5rem;}.RWDmenu_plus04 #search-box.full .btn-box {    right: 1rem;}.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 1rem;    padding: 0 5px;}.lang_tw .RWDmenu_plus04 #search-box.full .form-control,.lang_cn .RWDmenu_plus04 #search-box.full .form-control,.lang_sg-cn .RWDmenu_plus04 #search-box.full .form-control {    font-size: 1.25rem;}/* 關於 */ .about-btn-item.grid-item {    grid-template-columns: auto;    grid-gap: 1rem 0;}.RWDscore01 .trigger-prev,.RWDscore01 .trigger-next {    display: none;}.certificate-block.section-block {    padding-top: 0;}/* 認證 */ .index .certificate-block>.container {    width: 85%;}/* esg */ .RWDservice006 .tab-title,.RWDservice006 .tab-lead {    margin: 0;}.RWDservice006 .tab-name {    background: transparent;    padding: 0;}.RWDservice006 .main-slider .RWDservice006__content .editor strong {    font-size: calc(var(--FontSizeMain)* 0.8);    letter-spacing: 1px;}/* 啟程 */ .index .activate-block>.container {    width: 85%;}/* 最新消息 */ .index .news-block>.container {    width: 80%;}/* 頁尾 */ul.footer-menu {    gap: 0 15px;}.wrapper_bg .footer-block>.container.container-80 {    padding: 8vw 8vw;}
}
/*767px end*/ 
/*700px start*/ 

@media (max-width: 700px) {    /* banner */    .RWDbanner_plus01 .logo {        width: 55vw;    }    /* 關於 */    .index .about-block>.container {        width: 85%;    }    .RWDscore01 .count-item>div:nth-child(1) {        padding-right: 2rem;    }    /* 頁尾 */    ul.footer-menu {        display: grid;        grid-template-columns: repeat(2, 1fr);    }    .wrapper_bg .footer-block>.container.container-80 {        padding: 8vw 6vw;    }    .footer-map-all {    grid-gap: 2rem 1rem;}}

/*700px end*/ 
/*767-415 start*/ 

@media screen and (min-width: 415px) and (max-width: 767px) {}

/*767-415 end*/ 
/*650px start*/ 

@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;    }    /* 搜尋 */    .RWDmenu_plus04 #search-box.full .form-control {        padding: 1rem 4rem 1rem 1.5rem;    }    .lang_tw .RWDmenu_plus04 #search-box.full .form-control,    .lang_cn .RWDmenu_plus04 #search-box.full .form-control,    .lang_sg-cn .RWDmenu_plus04 #search-box.full .form-control {        font-size: 1rem;    }    .RWDmenu_plus04 #search-box.full .ibtn {        font-size: 14px;        padding: 0 2.5px;    }}

/*650px end*/ 
/*600px start*/ 
@media (max-width: 600px) {
/* 共通 */ .fl {    width: 250px;}/* 選單 */ .RWDmenu_plus04 .features {    border: none;}.ml-stack-nav-toggle__line {    width: 30px;}.RWDmenu_plus04 .ml-stack-nav-toggle {    padding: 30px 20px;}/* banner */ .RWDbanner_plus01 .logo {    width: 60vw;}.RWDbanner_plus01 .logo img {    margin: 0;}.RWDbanner_plus01 .page-scroll {    display: none;}/* 關於 */ .intro-block.section-block {    padding-top: var(--SectionPadding);}.about-block :is(.text-block, .pic-block) {    margin-bottom: 2rem;}ul.footer-menu {    display: grid;    grid-template-columns: repeat(2, 1fr);}.about-block :is(.text-block, .pic-block) {    margin-bottom: 2rem;}.RWDscore01 .count-item {    width: 100%;    margin: 0 auto 1rem;}.index .about-block>.container {    width: 80%;}.RWDscore01 .count-item>div:nth-child(1) {    padding-right: 0;    display: flex;    align-items: baseline;    gap: 0 5px;}.RWDscore01 .score-content span.count-str {    position: relative;    right: auto;}.certificate-block .RWDnews005 .controlls-over .owl-pagination {    text-align: center;    top: auto;    bottom: -20px;    right: auto;    left: 50%;    transform: translateX(-50%);    display: block;    margin: 1rem 0 0;}.certificate-block .RWDnews005 .main-title {    text-align: center;}.index .certificate-block>.container {    gap: 4rem 0;}/* esg */ .RWDservice006 .swiper-button-next:after,.RWDservice006 .swiper-button-prev:after {    font-size: 1rem;}.RWDservice006 .main-slider {    margin: 0 10%;}.RWDservice006 .tab-lead {    font-size: calc(var(--CardTitleSize)* 1.5);}.RWDservice006 .tab-title {    font-size: calc(var(--CardTitleSize)* 1.125);}/* 啟程 */ .index .activate-block>.container {    width: 80%;}/* 頁尾 */ .footer-map-all {    grid-template-columns: repeat(2, 1fr);}.RWDsocial002 ul.socialNetwork {    display: grid;    grid-template-columns: repeat(5, 45px);}.footer-block .copyrights {    padding: 2rem 10% 75px;}ul.footer-menu {    display: grid;    grid-template-columns: repeat(2, 1fr);}ul.footer-info>li>span {    display: none;}.wrapper_bg .footer-block>.container.container-80 {    width: 90%;}a.index-btn.index-mail-btn {    max-width: none;}.footer-block :is(.webmap-block, .menu-block) {    border-top: none;    padding-top: 0;    margin: 0;}.wrapper_bg .footer-block>.container.container-80 {    padding: 8vw 8vw;}/* 20250213 */ .RWDscore01 .count-item,.RWDscore01 .count-item>div:nth-child(1) {    justify-content: center;    align-items: center;}
}
/*600px end*/ 
/*480px start*/ 
@media (max-width: 480px) {
/* 共通 */ .main-title {    letter-spacing: 1px;}:root {    --FontSizeMain: 1.95rem;}a.index-btn,.RWDbtn01 .btn,.RWDservice006__content__down__a {    min-width: 260px;    max-width: 260px;    width: 100%;}/* banner */ .RWDbanner_plus01 .slick-caption {    width: 100% !important;}.RWDbanner_plus01 .logo {    width: 70vw;}.RWDbanner_plus01.style-dotnav.control-left .control-box,.RWDbanner_plus01.style-dotnav.control-right .control-box {    bottom: 10px;}/* 關於 */ .index .about-block>.container {    width: 85%;}.RWDscore01 .count-item {    padding: 2rem 1.5rem;}.certificate-block .RWDnews005 .owl-carousel .owl-item .img-hover>a {    width: 60%;}/* esg */ .RWDservice006 .tab-name {    display: flex;    flex-direction: column;}.RWDservice006 .main-slider .swiper-slide {    gap: 1rem 0;}.RWDservice006 .tab-name,.RWDservice006 .tab-name:nth-child(4),.RWDservice006 .tab-name:nth-child(5),.RWDservice006 .tab-name:nth-child(6) {    padding: 0;}/* 頁尾 */ .wrapper_bg .footer-block>.container.container-80 {    width: 85%;    padding: 10vw 8vw;}ul.footer-info>li>span {    display: none;}ul.footer-info>li {    margin: 0 0 10px;}.scrollTop002 .txt {    writing-mode: vertical-rl;}.scrollTop002 {    right: 5px;    width: 25px;}.web_edm .btn_container {    width: 100%;}.web_edm .email {    width: 100%;    padding: 16px;    text-align: center;    border-bottom: 1px solid #5aafab;}.web_edm {    flex-direction: column;    border-radius: 5px;    padding: 0;}.footer-map-all {    grid-gap: 2rem 1rem;}.RWDsocial002 .iconRounded {    width: 35px;    height: 35px;    padding: 5px;}.RWDsocial002 ul.socialNetwork {    grid-gap: 0 4px;    grid-template-columns: repeat(7, max-content);}.web_edm .email input {    text-align: center;    font-size: 15px;}.web_edm .btn {    margin-top: 0;}
}
/*480px end*/ 
/*414px start*/ 

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

/*414px end*/ 
/*380px start*/ 
@media (max-width: 380px){
/* 共通 */:root {    --FontSizeP: 15px;    --NumberSize: 3rem;}a.index-btn,.RWDbtn01 .btn,.RWDservice006__content__down__a {    min-width: 230px;    max-width: 230px;}.sub-title {    letter-spacing: .5px;}/* 關於 */ .RWDscore01 .count-item {    flex-direction: column;    gap: 1rem 0;}.RWDscore01 span.count-str:before {    top: 0;}/* esg */ .RWDservice006 .main-slider .RWDservice006__content .editor em {    font-size: var(--CardTitleSize);}.RWDservice006 .tab-lead,.RWDservice006 .tab-title {    font-size: var(--CardTitleSize);}/* 頁尾 */ .footer-block :is(.webmap-block, .menu-block) {    padding: 1.5rem 0 0;    margin: 1.5rem 0 0;}.footer-block .copyrights {    justify-content: flex-start;    letter-spacing: 0px;    font-size: 11px;}.RWDsocial002 ul.socialNetwork {    grid-template-columns: repeat(5, max-content);    grid-gap: 5px;}
}
/*380px end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2026-01-16 13:45:25 */ 
/* last build by :米洛-周郁婷 */