/* now =>2026-03-04 09:39:35*/
/* Last Midoify Time By 2024-12-19 14:25:16 */
/* Last Midoify Time By 1734589516 */
/* Last Midoify Time By Thu, 19 Dec 2024 06:25:16 +0000 */
/* HTTP_IF_MODIFIED_SINCE=>*/
/* RWDfullscreen01 start=> */
.color4,
.slice.color4,
.bulle.color4,
.ctaBox.color4 {
    background-color: #525252
}

.RWDMenuIcon001 {
    background-color: rgb(255, 255, 255)
}

.navbar-nav>li:hover {
    background-color: rgba(255, 255, 255, 0)
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent
}

.navbar-default .navbar-nav>li>a {
    color: #b6b6b6
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff
}

.navbar-nav>li>a i:hover {
    color: #000000
}

ul.nav li ul {
    background: #000000
}

ul.nav li ul li {
    background: transparent
}

.navbar .nav li ul li:hover {
    background-color: transparent
}

.navbar .nav li.active a,
.navbar .nav li.active a:hover {
    color: #FFFFFF
}

.in ul.nav {
    background: transparent
}

.RWDnews005 h1.main-title {
    color: transparent
}

.RWDnews005 h2.sub-title {
    color: transparent
}

.RWDnews005 .section-line {
    background-color: transparent
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div {
    color: #313131
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div {
    background: #ffffff
}

.text-left {
    color: #666666
}

.RWDproduct002 h1.main-title {
    color: #999999
}

.RWDproduct002 h2.sub-title {
    color: #999999
}

.RWDproduct002 .section-line {
    background-color: #999999
}

.RWDproduct002 .btn.btn-rj {
    background-color: #e7ac06
}

.RWDproduct002 .btn.btn-rj {
    border-color: rgba(255, 255, 255, 0)
}

.RWDproduct002 .btn.btn-rj {
    color: #ffffff
}

.RWDproduct002 .btn.btn-rj:hover,
.btn.btn-rj:focus {
    background-color: rgba(231, 172, 6, 0.7)
}

.RWDproduct002 .btn.btn-rj:hover,
.btn.btn-rj:focus {
    color: #ffffff
}

.portfolio-item>.inner-content>.portfolio-content>.portfolio-detail a>.portfolio-text {
    color: #ffffff
}

.RWDPreloader001 {
    background: #ffffff
}

.copyright_desc {
    color: #ffffff
}

.copyright_desc a {
    color: #ffffff
}

.copyright_desc a:hover {
    color: #ffffff
}

/* <= RWDfullscreen01 end */
/* miracle customization start=> */
:root {
    --TransitionEase: .3s ease-in-out;
    --MainColor: var(--wt-MainColor);
    --SubColor: var(--wt-SubColor);
    --TextMainColor: #333;
    --TextSubColor: #525252;
    --TitleMainColor: #333;
    --BorderPx1: 1px solid #333;
    --BorderGrayPx1: 1px solid #ccc;
    --MainHoverColor: #EA7500;
    --SubHoverColor: #fcb671;
    /* --MainHoverColor: #005351;
    --SubHoverColor: #53b893; */
    /* 按鈕 */
    --BtnOutlineColor: var(--wt-BtnEmptyColor);
    --BtnOutlineBg: transparent;
    --BtnOutlineHoverColor: var(--wt-HoverColor);
    --BtnOutlineHoverBg: var(--MainHoverColor);
    --BtnColor: white;
    --BtnBg: linear-gradient(45deg, #EA7500, #fcb671);
    /* --BtnBg: linear-gradient(45deg, #005351, #53b893); */
    --BtnHoverColor: white;
    --BtnHoverBg: var(--MainHoverColor);
    --SubBtnColor: white;
    --SubBtnBg: var(--SubColor);
    --SubBtnHoverColor: white;
    --SubBtnHoverBg: var(--SubHoverColor);
    --BtnBorderRadius: 0;
    --BtnWidth: 200px;
    --BtnHeight: 50px;
    --BtnFontSize: 17px;
    --BtnMarginTop: max(3vw, 2rem);
    /* 字體 */
    --FontFamily: "Noto Sans TC", sans-serif;
    --FontFamilyEn: "Noto Sans TC", sans-serif;
    --FontFamilyTw: "Noto Sans TC", sans-serif;
    /* Navi */
    --NaviHeight: 100px;
    --StickyHeight: calc(var(--NaviHeight) + 1rem);
    --NaviColor: #333;
    --NaviHoverColor: var(--SubColor);
    --NaviUpColor: #333;
    --NaviUpHoverColor: var(--SubColor);
    /* 有會員或電商的時候用 */
    --NaviBtnColor: white;
    --NaviBtnBg: #36cee9;
    --NaviBtnHoverColor: white;
    --NaviBtnHoverBg: #0e434d;
    --NaviSubBtnColor: white;
    --NaviSubBtnBg: #ff0a0a;
    --NaviSubBtnHoverColor: white;
    --NaviSubBtnHoverBg: #721515;
    /* 文字大小 */
    /* 螢幕2560px-767px 大小46px-30px */
    --FontSizeMain: clamp(1.875rem, 1.4472rem + 0.8924vw, 2.875rem);
    /* 螢幕2560px-767px 大小24px-20px */
    --FontSizeSub: clamp(1.25rem, 1.1431rem + 0.2231vw, 1.5rem);
    /* 螢幕2560px-767px 大小22px-18px */
    --FontSizeH3: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
    /* 螢幕2560px-767px 大小18px-16px */
    --FontSizeH4: clamp(1rem, 0.9465rem + 0.1115vw, 1.125rem);
    /* 螢幕2560px-767px 大小16px-15px */
    --FontSizeH5: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);
    /* 螢幕2560px-767px 大小17px-15px */
    --FontSizeH6: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem);
    /* 螢幕2560px-767px 大小16px-15px */
    --FontSizeP: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);
    /* 螢幕2560px-767px 大小24px-16px */
    --FontSizeEn: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem);
    /* 螢幕2560px-1366px 大小17px-15px */
    --FontSizeNavi: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem);
    /* 區塊邊界 */
    /* 螢幕2560px-1200px 大小160px-60px */
    --SectionPadding: clamp(3.75rem, -1.7647rem + 7.3529vw, 10rem);
    /* 內頁區塊邊界 */
    /* 螢幕2560px-1200px 大小160px-60px */
    --InnerSectionPadding: clamp(3.75rem, -1.7647rem + 7.3529vw, 10rem);
    /* 標題下邊界 */
    --SectionTitleBottom: max(3vw, 2rem);
    /* 小項目間的邊界 */
    --ItemSpacing: max(2vw, 1.5rem);
    /* 卡片的邊界 */
    --CardPadding: max(3vw, 2rem);
    /* 螢幕2560px-650px 50px-25px */
    --BorderRadius: clamp(1.5625rem, 1.0308rem + 1.3089vw, 3.125rem);
    /* 推回中間的時候用 */
    --TransformCenter: translateX(-50%) translateY(-50%);
    --TransformXCenter: translateX(-50%);
    --TransformYCenter: translateY(-50%);
    /* sns */
    --SnsLine: #4cc764;
    --SnsFB: #1877f2;
    --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%);
    --SnsYT: #ff0000;
    --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);
    --SnsTwitter: #000;
    --SnsShopee: #ed4c2f;
}

/* 圖片撐滿 */
img {
    max-width: 100%;
    height: auto;
}

/* 圖片需要object-fit: cover時在圖片加上.cover */
img.cover {
    width: 100%;
    height: 100%;
    max-width: unset;
    object-fit: cover;
    max-height: 100%;
    min-height: 100%;
}

a,
button,
button:hover,
a:is(:hover, :active, :focus, :visited) {
    transition: var(--TransitionEase);
    text-decoration: none;
}

a {
    color: var(--TextMainColor);
}

a:hover,
a:focus {
    color: var(--SubHoverColor);
}

/* 取消掉預設 */
:is(h1, h2, h3, h4, h5, h6, p) {
    padding: 0;
    margin: 0;
}

/* 取消掉預設 */
.row {
    margin-right: 0px;
    margin-left: 0px;
}

.row::before,
.row::after {
    display: none;
}

body.wrapper_bg {
    font-family: var(--FontFamily) !important;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: var(--FontSizeP);
    color: var(--TextMainColor);
    background-repeat: repeat;
}

.cd-main-content {
    overflow: hidden;
    background: url(archive/image/customization/groovepaper.png) repeat;
}

/* 共用設定 */
/* 上下區塊邊界 */
.section-spacing {
    padding: var(--SectionPadding) 0;
}

/* 只有上區塊邊界 */
.section-spacing-top {
    padding-top: var(--SectionPadding);
}

/* 只有下區塊邊界 */
.section-spacing-bottom {
    padding-bottom: var(--SectionPadding);
}

/* 把預設空div拿掉 */
body.wrapper_bg .clear,
body.wrapper_bg .RWDedictor008>div:last-of-type,
body.wrapper_bg .RWDedictor>div:last-of-type {
    display: none;
}

.edit_mask {
    display: block !important;
}

.scrollTop002 {
    bottom: 100px;
}

.container {
    width: 80%;
}

/*cookie*/
.RWDalert_fancybox .btn.active {
    background: var(--BtnBg) !important;
    border-radius: 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    width: 80px;
}

.RWDalert_fancybox.bottom {
    color: #333 !important;
    letter-spacing: 1px !important;
    width: 500px;
    padding: 3vw 2vw !important;
    left: 50% !important;
    right: unset !important;
    box-shadow: 0px 20px 40px rgb(51 51 102 / 60%) !important;
    transform: translateX(-50%) !important;
}

.RWDalert_fancybox.bottom .editor {
    font-size: 14px !important;
    letter-spacing: 0 !important;
    margin: 0 0 20px !important
}

.RWDalert_fancybox.bottom a {
    text-decoration: underline;
}

.section-title {
    position: relative;
}

.section-title-bottom {
    margin-bottom: var(--SectionTitleBottom);
}

.RWDnews011 .title-tw,
.RWDbtn01 .main-title,
.RWDnews005 h1.main-title,
.RWDproduct004 .heading-title.heading-arrow-top h1,
.RWDproduct004 .heading-title.heading-arrow-bottom h1,
.RWDscore01 .score-maintitle,
.RWDvideo003 .main_title,
.main-title {
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0rem;
    margin-bottom: 0;
    font-size: var(--FontSizeMain);
    color: var(--TextMainColor);
    line-height: 1.3;
}

.RWDnews011 .title-en,
.RWDbtn01 .sub-title,
.RWDnews005 h2.sub-title,
.RWDproduct004 h2.sub-title,
.RWDscore01 .score-subtitle,
.RWDvideo003 .sub_title,
.sub-title {
    letter-spacing: 1px;
    font-weight: 400;
    font-size: var(--FontSizeSub);
    line-height: 1.3;
    color: var(--TextSubColor);
}

/* 當有主副標時才會有邊界 */
.main-title+.sub-title {
    margin-top: 16px !important;
}

/* 需要標題是白字時 */
.description.white,
:is(.main-title, .sub-title, .en-title).white {
    color: white !important;
}

h3 {
    font-size: var(--FontSizeH3);
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.3;
}

p,
.description,
.RWDvideo003 .text {
    font-size: var(--FontSizeP);
    letter-spacing: 1px;
    color: var(--TextSubColor);
    line-height: 1.8;
    font-weight: 400;
    font-family: var(--FontFamily) !important;
}

/* btn */
.RWDnews011 .more-btn,
.RWDvideo003 .more,
.index-btn a,
.RWDbtn01 .btn {
    border: none;
    padding: 10px;
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    letter-spacing: 2px;
    margin-top: var(--BtnMarginTop);
    transition: var(--TransitionEase);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

/* 按鈕背景主色 */
.RWDvideo003 .more,
.index-btn .main-btn a {
    color: var(--BtnColor);
    background: var(--BtnBg);
}

/* 按鈕背景輔色 */
.index-btn .sub-btn a {
    color: var(--SubBtnColor);
    background: var(--SubBtnBg);
}

/* 按鈕邊框 */
.index-btn .outline-btn a {
    border: var(--BorderPx1);
    background: var(--BtnOutlineBg);
    color: var(--BtnOutlineColor);
}

/* Navi */
.collapsing_header .main {
    top: 0 !important;
    background-color: transparent;
}

.RWDmenu_plus04 .header {
    padding: 0 5%;
    background: #fff;
    transition: var(--TransitionEase);
}

/* 測選單  */
#div_forget_content .subject {
    letter-spacing: 2px;
    font-weight: 500;
    color: var(--TextMainColor);
}

#forget_table .verifyimg {
    width: 80px;
}

#forget_table .th {
    font-weight: 400;
    color: var(--TextMainColor);
}

/* 統一選單高度 */
.RWDmenu_plus04 .header,
.RWDmenu_plus04 .logo {
    height: var(--NaviHeight);
}

/* 選單下滑後色塊 */
.RWDmenu_plus04 .header::before {
    content: '';
    width: 100%;
    height: 0%;
    background: #fff;
    background-size: cover;
    opacity: 0;
    transition: var(--TransitionEase);
    position: absolute;
    left: 0;
}

.RWDmenu_plus04 .header.is-up::before {
    height: 100%;
    opacity: 1;
    transition: var(--TransitionEase);
    left: 0;
}

/* logo設定 */
.RWDmenu_plus04 .logo {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    transition: var(--TransitionEase);
}

.RWDmenu_plus04 .logo img {
    height: calc(var(--NaviHeight) - 30px);
    aspect-ratio: 43/14;
}

/* 選單設定 */
.RWDmenu_plus04 .site-nav .menu>li>a {
    font-size: var(--FontSizeNavi);
    text-align: center;
    color: var(--NaviColor);
    letter-spacing: 1px;
    font-weight: 400;
}

/* 統一選單icon顏色 */
.RWDmenu_plus04 .features :is(.cart-btn, .querycar-btn, .share-group a, i, .lang-select) {
    color: var(--NaviColor);
}

/* 統一上滑選單icon顏色 */
.RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i, .features .lang-select, .site-nav .menu>li>a) {
    color: var(--NaviUpColor);
    transition: var(--TransitionEase);
}

/* 選單收尋icon */
.RWDmenu_plus04 .glyphicon-search {
    position: relative;
    top: 3px;
}

.RWDmenu_plus04 .site-nav .menu {
    text-align: right;
}

.RWDmenu_plus04 .features .share-group span,
.RWDmenu_plus04 .site-nav .menu ul li a {
    font-size: var(--FontSizeNavi);
    text-align: center;
    color: var(--NaviColor);
}

.RWDmenu_plus04 .features .member-btn {
    margin-right: 4px;
}

.lang-select-label,
.RWDmenu_plus04 .features .search-btn,
.RWDmenu_plus04 .features .member-btn,
.RWDmenu_plus04 .features .cart-btn,
.RWDmenu_plus04 .features .querycar-btn {
    padding-inline: 15px !important;
    height: var(--NaviHeight);
    display: flex;
    align-items: center;
}

/* 購物車數字 */
.cart-nu {
    top: 3px;
    position: relative;
}

.cart-btn img {
    width: 20px;
}

.RWDmenu_plus04 .site-nav .menu>li.active>a:after,
.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {
    border-color: var(--MainColor);
}

.RWDmenu_plus04 .cart-block h3,
.RWDmenu_plus04 .querycar-block h3 {
    font-size: 18px;
    font-weight: 500;
}

/* 下拉選單 */
.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,
.RWDmenu_plus04 .lang-select-label:after,
.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,
.RWDmenu_plus04 .site-nav .menu li.has-child>a:after {
    border-color: var(--NaviColor);
}

.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,
.RWDmenu_plus04 .header.is-up .lang-select-label:after,
.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,
.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after {
    border-color: var(--NaviUpColor);
}

.RWDmenu_plus04 .site-nav .manu-item:hover>a,
.RWDmenu_plus04 .site-nav .menu ul li a:hover,
.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,
.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {
    text-decoration: unset;
    font-weight: 400;
    color: var(--NaviHoverColor);
}

.RWDmenu_plus04 .site-nav .menu>li>ul {
    width: 200px;
    margin-left: -100px;
    padding: 0;
}

.RWDmenu_plus04 .site-nav .menu ul li>a {
    padding-right: 10px;
}

.RWDmenu_plus04 .site-nav .menu ul li.has-child>a:after {
    right: 20px;
}

.RWDmenu_plus04 .site-nav .menu>li.active>a {
    background: transparent;
    color: var(--NaviHoverColor);
}

.member-block h3 {
    text-align: left;
    font-weight: bold;
    padding-bottom: 1rem;
}

.RWDmenu_plus04 .cart-block-headline,
.RWDmenu_plus04 .querycar-block-headline,
.member-block .login-headline {
    font-size: var(--FontSizeH3);
    text-align: left;
    font-weight: 500;
}

.RWDmenu_plus04 .cart-block .bottom-box .total,
.RWDmenu_plus04 .querycar-block .bottom-box .total {
    font-size: var(--FontSizeNavi);
}

.lang-select-options a {
    font-size: var(--FontSizeNavi);
}

/* 登入按鈕 */
#btn_member_login {
    float: none;
    background: var(--BtnBg);
    padding: 6px 12px;
}

#btn_member_login,
#div_forget_content #forget_table_btn {
    background: var(--BtnBg);
    border: 1px solid var(--BtnColor);
    color: var(--BtnColor);
    border-radius: var(--BtnBorderRadius);
    transform: var(--TransitionEase);
}

/* 會員區塊 */
.RWDmenu_plus04 .member-block a.login,
.RWDmenu_plus04 .member-block button.login,
.RWDmenu_plus04 .member-block a.login.is-on,
.RWDmenu_plus04 .member-block button.login.is-on {
    background-color: var(--NaviBtnBg);
    color: var(--NaviBtnColor);
    transition: var(--TransitionEase);
    border-radius: var(--BtnBorderRadius);
}

.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {
    font-size: var(--FontSizeNavi);
    background: var(--NaviBtnBg);
    transition: var(--TransitionEase);
    color: var(--NaviBtnColor);
}

.RWDsearch01 .bottom-box .search_btn,
.RWDmenu_plus04 .cart-block .bottom-box .pay-btn {
    background: var(--NaviBtnBg);
    transition: var(--TransitionEase);
    font-size: var(--FontSizeNavi);
}

.RWDmenu_plus04 .cart-block .pic,
.RWDmenu_plus04 .querycar-block .pic {
    background: transparent;
}

.RWDmenu_plus04 .member-block a.login,
.RWDmenu_plus04 .member-block button.login {
    background-color: var(--NaviSubBtnBg);
    color: var(--NaviSubBtnColor);
    transition: var(--TransitionEase);
}

.RWDmenu_plus04 .member-block a.signin,
.RWDmenu_plus04 .member-block button.signin {
    background-color: var(--BtnOutlineBg);
    color: var(--BtnOutlineColor);
    border: 1px solid var(--BtnOutlineColor);
    transition: var(--TransitionEase);
    border-radius: var(--BtnBorderRadius);
}

/* 漢堡選單 */
.RWDmenu_plus04 #mobile-menu .menu>li.active>a {
    background-color: transparent;
    color: white !important;
}

.RWDmenu_plus04 #mobile-menu .menu>li.active {
    background-color: var(--MainColor);
    color: white !important;
}

.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,
.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,
.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {
    color: var(--NaviColor);
}

.RWDmenu_plus04 #mobile-menu .menu li a {
    color: var(--NaviColor);
}

.RWDmenu_plus04 #mobile-menu .menu>li {
    border-bottom: 1px solid #f2ecf3;
}

.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {
    letter-spacing: 2px;
}

.RWDmenu_plus04 .ml-stack-nav-toggle {
    color: var(--NaviColor);
    height: var(--NaviHeight);
    align-items: center;
    padding-block: 0;
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle {
    color: var(--NaviUpColor);
}

.ml-stack-nav-toggle__line {
    background: var(--NaviColor);
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {
    background: var(--NaviUpColor);
}

.RWDmenu_plus04 .site-nav .menu>li>a:hover,
.RWDmenu_plus04 .site-nav .menu>li.active>a,
.RWDmenu_plus04 .lang-select:hover .lang-select-label {
    background: transparent;
    color: var(--NaviColor);
}

.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,
.RWDmenu_plus04 .lang-select-label:hover:after,
.RWDmenu_plus04 .site-nav .menu>li.active>a:after,
.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {
    border-color: var(--NaviColor);
}

/*04選單下方線*/
.RWDmenu_plus04 .site-nav .menu>li:hover:after,
.RWDmenu_plus04 .is-up .site-nav .menu>li.linecontact:hover:after {
    opacity: 1;
    width: 100%;
    right: auto;
    left: 0;
    transition: .3s ease;
    bottom: -5px;
    top: auto
}

.RWDmenu_plus04 .site-nav .menu>li:after {
    content: "";
    background: var(--BtnBg);
    width: 0;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: -5px;
    transition: .3s ease;
    opacity: 0;
    top: auto;
    left: auto
}

/* banner_block */
#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {
    width: 75%;
}

.banner-block .RWDbanner_plus01 .slick-caption {
    top: 30%;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: clamp(3.75rem, 2.0956rem + 2.2059vw, 5.625rem);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.5px;
    color: #000;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: clamp(1.5625rem, 0.7353rem + 1.1029vw, 2.5rem);
    margin-top: 0.5vw;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
    line-height: 1.4;
}

/* 點點 */
.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button {
    background: #ffffff !important;
    opacity: .3;
}

.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {
    opacity: 1;
}

.banner-block .RWDbanner_plus01 .page-scroll {
    bottom: 0;
}

.anchor-block {
    padding-top: calc(var(--NaviHeight)*0.9);
    margin-top: calc(0px - calc(var(--NaviHeight)*0.9));
}

.RWDbanner_plus01 .page-scroll.style01 a span,
.RWDbanner_plus01 .page-scroll.style02 a span {
    border-color: #d9d9d9;
}

.RWDbanner_plus01 .page-scroll.style01 a {
    color: #d9d9d9;
    letter-spacing: 1px;
}

/* video-block */
.video-block .RWDvideo003 .video_box iframe {
    aspect-ratio: 16/9;
    height: auto;
    opacity: 0;
    animation: comeinright 1s .5s forwards;
}

.RWDvideo003 .box {
    padding-block: var(--SectionPadding);
    width: 80%;
    left: 0;
    margin: auto;
}

@keyframes comeinright {
    from {
        transform: translateX(50px);
        opacity: 0
    }

    to {
        transform: translateX(0px);
        opacity: 1
    }
}

.RWDvideo003 .text_box,
.video-block .RWDvideo003 .cover {
    background-color: transparent !important;
}

.RWDvideo003 .text {
    margin-bottom: 0;
}

/*score-block */
.score-block {
    position: relative;
}

.score-block .container {
    width: 80%;
}

.RWDscore01 .score-blk {
    flex-direction: row-reverse;
    align-items: center;
}

.RWDscore01 .score-image {
    background: transparent;
    min-width: auto;
    height: 100%;
    aspect-ratio: 3 / 2;
    background-repeat: no-repeat;
    opacity: 0;
    background-size: contain;
    position: relative;
    z-index: 1;
    min-height: auto;
}

.animated .RWDscore01 .score-image {
    animation: comeinleft 1s .5s forwards;
}

@keyframes comeinleft {
    from {
        transform: translateX(-50px);
        opacity: 0
    }

    to {
        transform: translateX(0px);
        opacity: 1
    }
}

.RWDscore01 .trigger-blk {
    width: fit-content;
    max-width: fit-content;
    margin: 20px 0 0;
    border: 0;
    padding: 0;
}

.RWDscore01 .trigger-blk .swiper-slide:before {
    display: none;
}

.RWDscore01 .trigger-blk .swiper-slide.active .count-link,
.RWDscore01 .trigger-blk .swiper-slide:hover .count-link {
    margin: 0;
    color: #000;
    font-weight: 300;
    padding: 0;
}

.RWDscore01 .score-content {
    text-align: left;
    padding: 0;
}

.RWDscore01 .score-subtitle {
    margin-bottom: 0;
}

.RWDscore01 .count-blk {
    padding: 0;
    margin: 0 0;
}

.RWDscore01 .count-blk .swiper-slide {
    justify-content: flex-start;
    padding: 0 0 0 3vw;
    flex-wrap: wrap;
    gap: 20px 40px;
}

.RWDscore01 .count-item {
    width: calc(100%/2 - 20px);
    margin: 0;
    padding: 30px 1.5vw;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    background: white;
    flex-direction: column;
}

.RWDscore01 .count-num {
    font-weight: bold;
    letter-spacing: -1px;
    margin-right: 0;
    line-height: 1;
    font-size: clamp(2.875rem, 1.5515rem + 1.7647vw, 4.375rem);
}

.RWDscore01 .count-item span:nth-child(2) {
    display: none;
}

.RWDscore01 .count-item span.count-str {
    font-size: clamp(0.9375rem, 0.7248rem + 0.5236vw, 1.5625rem);
    margin: 0 5px;
    font-weight: 300;
}

.RWDscore01 .count-title {
    margin-left: 0px;
    font-size: var(--FontSizeP);
    letter-spacing: 0;
    font-weight: 300;
    margin-top: 0;
    line-height: 2.5;
}

.RWDscore01 .score-mainblk {
    min-height: auto;
    z-index: 2;
    position: relative;
    padding-block: var(--SectionPadding);
}

.RWDscore01 .count-blk .swiper-wrapper {
    height: auto !important;
}

.RWDscore01 .score-maintitle,
.RWDscore01 .score-subtitle,
.RWDscore01 .trigger-blk .swiper-slide .count-link {
    padding: 0 0 0 3vw !important;
}

.RWDscore01 .trigger-wrap {
    display: none;
}

.RWDscore01 .score-maintitle {
    margin-bottom: var(--SectionTitleBottom);
}

/*happiness */
.RWDproduct004 .heading-title.heading-arrow-bottom::after {
    display: none;
}

.RWDproduct004 a.ico-rounded.lightbox {
    display: none !important;
}

.RWDproduct004 .item-box .item-hover .inner {
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0;
}

.RWDproduct004 .item-box .item-hover a {
    width: 100%;
    height: 50%;
    display: block !important;
}

.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span {
    display: none;
}

.RWDproduct004 .overlay,
.RWDproduct004 .item-box .item-hover {
    background-color: transparent;
}

.RWDproduct004 h2.sub-title {
    margin-bottom: var(--SectionTitleBottom);
}

.RWDproduct004 .callout-dark,
.RWDproduct004 section {
    background-color: transparent;
    padding: 0;
    border-bottom: 0;
}

.RWDproduct004 .item-box-desc {
    position: relative;
    margin-bottom: 10px;
    overflow: initial;
}

.RWDproduct004 .item-box figure {
    position: unset;
}

.RWDproduct004 #portfolio.portfolio-nogutter .row>div {
    width: calc(100%/3 - 2vw);
    margin: 0 1vw 20px !important;
}

.happiness .container {
    width: 80%;
    position: relative;
    z-index: 2;
}

.RWDproduct004 .item-box figure,
.RWDproduct004 .item-box figure img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 3/2;
}

.RWDproduct004 .item-box-desc {
    position: relative;
    margin-bottom: 0;
    overflow: initial;
    border: 1px solid #ebebeb;
    border-top: 0;
    padding: 1.5vw;
}

.RWDproduct004 #portfolio div.col-md-3 h3 {
    margin: 0 0 10px;
    font-size: var(--FontSizeH3);
}

.item-box-desc:before {
    content: "";
    background: url(archive/image/customization/happyarrow.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: contain;
    right: -30px;
    top: -30px;
    transform: scale(0);
    transition: .5s ease;
}

.RWDproduct004 .item-box:hover .item-box-desc:before {
    transform: scale(1);
    transition: .5s ease;
}

.RWDproduct004 .item-box {
    overflow: visible;
}

.hapbg {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}

.hapbg .bx-viewport,
.hapbg .bx-viewport img {
    height: 13vw !important;
}

.happiness {
    background: white;
    position: relative;
}

.RWDproduct004,
.RWDproduct004 #portfolio {
    overflow: visible;
}

.RWDproduct004 #portfolio.portfolio-nogutter .item-box {
    transition: .5s;
}

.RWDproduct004 #portfolio.portfolio-nogutter .item-box:hover {
    transform: translate(-10px, -10px);
    transition: .5s;
    box-shadow: 30px 30px 60px rgb(0 0 0 / 20%);
}

@keyframes move07 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.animated .RWDproduct004 .mix:nth-child(1) {
    animation: 1000ms ease normal forwards 1 move07;
    animation-delay: 0.3s;
    opacity: 0
}

.animated .RWDproduct004 .mix:nth-child(2) {
    animation: 1000ms ease normal forwards 1 move07;
    animation-delay: 0.5s;
    opacity: 0
}

.animated .RWDproduct004 .mix:nth-child(3) {
    animation: 1000ms ease normal forwards 1 move07;
    animation-delay: 0.7s;
    opacity: 0
}

.animated .RWDproduct004 .mix:nth-child(4) {
    animation: 1000ms ease normal forwards 1 move07;
    animation-delay: 0.9s;
    opacity: 0
}

/*friendships */
.friendships {
    position: relative;
    overflow: hidden;
}

.RWDnews005 .col-md-12 {
    padding: 0;
}

.RWDnews005 h2.sub-title {
    margin-bottom: var(--SectionTitleBottom);
}

.RWDnews005 .container {
    width: 100%;
}

.RWDnews005 .section-line {
    display: none;
}

.RWDnews005 .owl-carousel .owl-wrapper-outer {
    overflow: visible;
    display: inline-block;
}

.RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover img {
    transform: scale(1.05);
    transition: .5s
}

.RWDnews005 .owl-carousel .owl-item div>a {
    display: block;
    overflow: hidden
}

.RWDnews005 .owl-carousel .owl-item div img {
    transition: .5s
}

.RWDnews005 .owl-carousel .owl-item div>a {
    border-radius: 2vw;
}

.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {
    padding: 0 1vw;
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div i:before {
    content: "";
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div i {
    width: 2vw;
    aspect-ratio: 80 / 127;
    background: url(archive/image/customization/newsarrow.png) no-repeat;
    background-size: contain;
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons .owl-next i {
    transform: scaleX(-1);
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    border: 0;
    width: 2vw !important;
    height: 3vw !important;
    top: 50%;
}

.RWDnews005 .controlls-over .owl-controls .owl-prev {
    margin-left: -30px;
}

.RWDnews005 .controlls-over .owl-controls .owl-next {
    margin-right: -30px;
}

.RWDnews005 .margin-top-20 {
    margin-bottom: 10px;
    margin-top: 1.5rem !important;
}

.RWDnews005 .margin-top-20,
p.text-left {
    text-align: center;
}

.RWDnews005 h4,
.news005_h4 {
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
}

p.text-left {
    color: #000;
    font-weight: 300;
    font-size: 16px;
}

.friendships:after {
    right: auto;
    left: 0;
    top: auto;
    bottom: -3.2vw;
    transform: rotate(180deg);
    z-index: -1;
}

@media(min-width: 1199px) {
    .RWDnews011 .carry-device {
        display: none !important;
    }
}

.RWDnews011 .title-en {
    margin-top: 16px;
}

.RWDnews005 .owl-carousel {
    overflow: visible;
    margin-bottom: 0;
}

.RWDbtn01 .editor {
    width: 85%;
}

.RWDnews005 .owl-carousel .owl-item:hover div>a {
    box-shadow: 20px 20px 40px rgb(0 0 0 / 20%);
}

.RWDnews005 h4 a,
.news005_h4 a {
    font-size: var(--FontSizeH3);
}

/*joinbtn */
.joinbtn {
    position: relative;
}

.joinbtn .RWDbtn01 {
    margin: 0;
    padding: var(--SectionPadding) 0;
    z-index: 1;
}

.joinbtn .RWDbtn01 li.col-sm-3.col-xs-12 {
    padding: 0;
    width: auto;
    position: relative;
}

.RWDbtn01 .editor {
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 1140px;
    margin: auto;
}

.RWDbtn01 .btn {
    border-radius: 0;
    background: var(--BtnBg);
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 16px;
    padding: 12px;
}

.RWDbtn01 .btn:hover {
    color: #fff;
    background: linear-gradient(45deg, #005bea, #0097f4);
    filter: brightness(1.1);
}

.RWDparallax_new {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.RWDparallax_new .picbgbox {
    height: 100% !important;
}

.RWDbtn01 .sub-title {
    margin-bottom: max(2vw, 2rem);
    font-size: var(--FontSizeMain);
}

/*newss */
.newss {
    position: relative;
    overflow: hidden;
}

.newss .container {
    position: relative;
    z-index: 2;
    width: 70%;
}

.RWDnews011 .more-btn:hover {
    background: var(--BtnBg);
    filter: brightness(1.1);
}

.RWDnews011 .more-btn {
    font-size: 16px;
    letter-spacing: 0;
    border: 0;
    background: var(--BtnBg);
    color: #fff;
    font-weight: 300;
}

.RWDnews011 .title-en {
    display: block;
}

.RWDnews011 .title-tw {
    display: block;
    letter-spacing: 0;
}

.RWDnews011 .img-view {
    max-width: initial;
}

.RWDnews011 img {
    width: 100%;
}

.RWDnews011 .list {
    width: 45%;
    padding: 2vw 0 0;
}

RWDnews011 .img-slide {
    width: 50%;
}

.RWDnews011 {
    margin: 0;
}

.RWDnews011 .list-title .t1 {
    letter-spacing: 0;
    font-size: var(--FontSizeH3);
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
}

.RWDnews011 .list-title .t2 {
    font-size: var(--FontSizeP);
    letter-spacing: 0;
    font-weight: 300;
    line-height: 2;
    height: auto;
}

.RWDnews011 .list-date {
    padding-bottom: 0;
    padding-right: 3vw;
}

.RWDnews011 .list-title {
    padding-left: 1vw;
    padding-bottom: 0;
}

.RWDnews011 .list-date:before {
    background: #ccc;
    top: 13px;
}

.RWDnews011 .listitem {
    opacity: .5;
    align-items: center;
}

.RWDnews011 .list .swiper-container {
    height: 11vw;
}

.RWDnews011 .listitem.swiper-slide-active {
    opacity: 1;
}

.RWDnews011 .title-block .ctrl-bar {
    right: 4vw;
}

.fl img {
    width: max(10vw, 200px);
}

@media (hover:hover) {

    .new-form .new-width .currectsend_btn a:hover,
    .ebtn a:hover,
    .RWDvideo003 .more:hover,
    .index-btn a:hover,
    .RWDbtn01 .btn:hover {
        filter: brightness(1.3);
    }

    .btn.btn_back a:hover {
        background: var(--BtnBg);
        filter: brightness(1.3);
        border-color: transparent;
        color: white;
    }
}

/*241216修*/
.RWDbanner_plus01 .logo {
    /* 螢幕2560px-1200px 大小340px-180px */
    width: clamp(11.25rem, 2.4265rem + 11.7647vw, 21.25rem);
    /*width: 13.2vw;*/
}

.RWDbanner_plus01 .logo img {
    margin-bottom: 35px;
}

.banner-block .RWDbanner_plus01 .slick-caption {
    top: 31%;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt1 {
    /* 螢幕2560px-1200px 大小28px-18px */
    font-size: clamp(1.125rem, 0.5735rem + 0.7353vw, 1.75rem);
    color: var(--SubColor);
    line-height: 1.4;
    letter-spacing: 2px;
    font-weight: 500;
}

.banner-block .RWDbanner_plus01 .slick-caption .txt1>span>span {
    display: block;
}

/*內頁 start*/

.RWDeditor01 img,
.RWDslider01 .pic img,
.image img {
    width: 100%;
}

/*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,
.hgroup .breadcrumb,
.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*/
.collapsing_header .main {
    padding-top: var(--NaviHeight);
}

.page_wrapper_bg section.call_to_action {
    padding: var(--SectionPadding) 0;
    min-height: 35vw;
}

.page_wrapper_bg section.call_to_action>.container {
    padding: 0 15px;
    width: 80%;
    max-width: 1800px;
}

.page_wrapper_bg .article-text .container {
    width: 100%;
}

.hgroup .container {
    width: 100%;
    margin: 0 0 max(4vw, 2rem);
    padding-inline: 0;
    padding-top: 0;
}

.page_subject {
    padding-inline: 0;
}

/* 高效經濟版型寬度 */
/* .page_wrapper_bg section.call_to_action>.container{padding:0 15px;max-width:1400px;width:auto} */
/*搜尋結果*/
.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(--FontSizeH3);
    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(--FontSizeH3);
    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: bold;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: var(--TextMainColor);
    letter-spacing: 2px;
}

.breadcrumb>li+li:before,
.page_wrapper_bg .hgroup .breadcrumb a {
    color: var(--TextSubColor);
    font-size: 13px;
}

.page_wrapper_bg .hgroup h1 {
    line-height: 1.5;
    font-size: var(--FontSizeMain);
    color: var(--TextMainColor);
}

.page_wrapper_bg .article-text h2 {
    font-size: var(--FontSizeSub);
    line-height: 1;
    letter-spacing: 2px;
}

.page_wrapper_bg .article-text h3 {
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: var(--FontSizeH3);
}

.page_wrapper_bg .article-text h4 {
    font-size: var(--FontSizeH4);
    line-height: 1.7;
    letter-spacing: 2px;
    margin: 15px 0 15px;
}

.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.8;
    letter-spacing: 1px;
    color: var(--TextMainColor);
    font-weight: 400;
    font-family: var(--FontFamilyTw);
}

#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.8;
    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;
}

#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(--FontSizeH3);
    color: var(--TextMainColor);
    font-weight: 500;
}

#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);
}

.shoppingQuery .shopping_viewlogin__submit {
    float: unset;
    margin: 2rem auto;
}

#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;
}

.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: 0 !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(--NaviHeight);
    left: 0;
}

.page_wrapper_bg .m2018 .products-nav .nav-title {
    font-size: var(--FontSizeH3);
    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: 10px 20px;
    border: 1px solid #efefef;
}

.m2018 .products-nav .sidemenu2__ul--child li {
    padding-left: 25px;
}

.page_wrapper_bg .m2018 .products-nav {
    background: #fff;
}

.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a {
    line-height: 1.5;
}

.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(--FontSizeH4) !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
}

.page_wrapper_bg .m2018 .products-nav>ul>li {
    padding: 15px 0px;
    margin: 0px;
    border-bottom: 1px solid #f0f0f0;
}

.page_wrapper_bg .m2018 .products-nav>ul>li:last-child a {
    padding-bottom: 5px;
}

.page_wrapper_bg .m2018 .products-nav>ul>li:last-child {
    border-bottom: 0;
}

.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: 500;
}

.page_wrapper_bg .m2018 .products-nav .sidemenu2__ul>li.active:not(.iscate)>a::before {
    content: "";
    background: var(--MainColor);
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 100%;
    margin-bottom: 2px;
}

.m2018 .products-nav>ul>li {
    padding: 0;
    margin: 0;
}

.m2018 .products-nav a {
    padding: 10px 0px !important;
    font-weight: 400;
    font-size: var(--FontSizeH4);
}

.m2018 .products-nav ul>li>.toggle-submenu {
    top: 14px;
}

.m2018 .search-box {
    margin-bottom: 24px;
}

/* 預設文章 */
.pagecontent .RWDslider01,
.pagecontent .RWDeditor01 {
    margin-top: var(--ItemSpacing) !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);
    padding-bottom: 0;
}

/* 時間軸 */
.RWDtimeline01 li.event .point {
    z-index: 1;
}

.RWDtimeline01 li.event .point .title,
.RWDtimeline02 li.event .point .title {
    font-size: var(--FontSizeH3);
    font-weight: 500;
    color: var(--TextMainColor);
}

.RWDtimeline02 {
    margin-top: var(--SectionPadding);
    padding-top: 0;
}

.RWDtimeline02 .timeline2_list .block .text-in {
    max-height: 70px;
}

.RWDtimeline02 .control-box {
    top: 0;
}

.page_wrapper_bg .pagecontent .RWDtimeline01 {
    margin-top: var(--SectionPadding);
}

/*修正產品、文章預設列表排版*/
.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(--FontSizeH3);
    font-weight: 500;
    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: max(3vw, 3rem);
    font-size: var(--FontSizeSub);
    text-align: center;
    background: var(--SubColor);
    padding: 2rem;
    color: white;
}

#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(--FontSizeH3);
    font-weight: 500;
    margin: 0px 0px 16px !important;
    display: block;
    line-height: 1.5 !important;
    color: var(--TextMainColor);
    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;
}

#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(--ItemSpacing);
    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: 500;
}

/* 文章列表-7 */
.page_wrapper_bg .layoutlist_7 .subject {
    margin-top: 20px;
    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;
}

#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;
}

.layoutlist_8 .listdate {
    text-align: center;
}

.layoutlist_8 .listdate .day {
    color: var(--TextMainColor);
    font-size: 2vw;
}

.layoutlist_8 .listdate .yearmonth {
    font-size: calc(var(--FontSizeP)*0.9);
    color: var(--TextSubColor);
}

/*文章列表-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;
    height: auto !important;
}

.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: 500;
    font-size: var(--FontSizeH4);
    margin: 0;
}

.layoutlist_4 .subject {
    height: auto !important;
    line-height: 1.5;
    min-height: auto;
    font-weight: 500;
    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(--FontSizeH3);
    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: 500;
    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: var(--FontSizeSub);
    font-weight: 500;
    color: var(--TextMainColor);
    line-height: 1.3
}

.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(--FontSizeH3);
    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(--FontSizeH3);
    color: var(--TextMainColor);
    font-weight: 500;
    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: 500;
    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: 500;
    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;
}

.layoutlist_1 .row a,
.row .album_d_item a {
    height: auto;
}

.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: 18px;
    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: 500;
}

.faq_a_icon:before {
    content: 'A';
    padding-left: 3px;
}

.faq_q_icon:before {
    content: 'Q';
}

/*影片*/
.videolist .video_item_subject {
    font-size: var(--FontSizeH3);
    letter-spacing: 0;
    font-weight: 500;
    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);
    font-size: var(--FontSizeP);
}

.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: var(--FontSizeP);
    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: 500;
    color: var(--TextMainColor);
}

.downlaod5_item_subject,
.layoutlist_3 .download_subject {
    font-size: var(--FontSizeH3);
    transition: var(--TransitionEase);
    color: var(--TextMainColor);
}

.downlaod5_item_btn,
.layoutlist_3 .dbtn_v2 {
    margin: 24px 0 0;
    padding: 0px 0;
    font-size: var(--BtnFontSize);
    color: var(--BtnOutlineColor);
    border: 1px solid var(--BtnOutlineColor);
    background: var(--BtnOutlineBg);
    text-align: center;
    max-width: var(--BtnWidth);
    width: 100%;
    height: calc(var(--BtnHeight)*0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--TransitionEase);
}

.download5_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ItemSpacing);
}

.download5_list::before,
.download5_list::after {
    display: none;
}

.downlaod5_item_img,
.download5_list .customized_columns>.row,
.download5_list .col-sm-6 {
    width: 100%;
}

.download5_list .col-sm-6 {
    display: grid;
    grid-template-columns: 50% auto;
    gap: 3vw;
    margin-bottom: 0;
    padding: 0;
}

.download .list_table,
.list_faketb__li {
    font-size: var(--FontSizeH4);
}

.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
}

.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(--FontSizeH3);
    margin: var(--SectionTitleBottom) 0 2rem;
    text-align: center;
    font-weight: 500;
}

.recruitmentcontent .position {
    font-size: var(--FontSizeH3);
    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(--FontSizeH4);
    color: var(--TextMainColor);
    text-align: center;
    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: 500;
    width: 120px;
    padding: 0 10px;
}

textarea.form-control {
    min-height: 130px;
}

.systemmsg {
    text-align: center;
}

.form-horizontal .form-group .col-md-11,
.eformscontent .col-sm-12.col-md-11 {
    width: calc(100% - 120px);
    padding: 0;
}

.eformscontent .col-sm-12.col-md-5 {
    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(--FontSizeH3);
    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(--FontSizeH3);
    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: 500;
}

.compare .main_title {
    font-size: var(--FontSizeMain);
    letter-spacing: 3px;
    font-weight: 500;
}

.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(--FontSizeH3);
    color: var(--TextMainColor);
    font-weight: 500;
    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: 500;
    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(--FontSizeH3);
    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;
}

.article5 .breadcrumb,
.eforms2 .breadcrumb {
    display: none;
}

@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*/
/*新頁籤1 start*/

.page_wrapper_bg .sub-title {
    margin-bottom: max(1vw, 1.5rem);
    font-weight: 500;
    display: block;
}

.RWDslider01.pic-right .pic-list,
.RWDslider01 .pic-list {
    padding-right: 0;
    padding-left: 0;
}

.RWDslider01 .products-list .products-item .box {
    gap: var(--ItemSpacing);
}

.RWDslider01 .editor ul {
    padding-left: 20px;
    list-style: auto;
}

hr.inner-hr {
    margin-top: var(--ItemSpacing);
    margin-bottom: var(--ItemSpacing);
    border-top: var(--BorderGrayPx1);
}

.page_wrapper_bg .article-text {
    width: 90%;
    margin: auto;
}

.new-form {
    background: white;
    padding: var(--CardPadding);
    margin-top: var(--SectionTitleBottom);
    box-shadow: 1px 3px 17px 4px #0000000f;
    border-radius: 2em;
}

.new-form .formdesc {
    margin-bottom: 0;
    padding: 0;
}

.new-form .formdesc .logo {
    margin-bottom: var(--ItemSpacing);
}

.new-form .formdesc dl {
    margin-bottom: 0;
}

.new-form .formdesc dd {
    line-height: 1.8;
}

.new-form .formdesc,
.new-form .formdesc a {
    color: var(--TextSubColor);
}

.RWDtimeline01 .line_dot2 span {
    background: transparent;
}

.cate_list {
    gap: var(--ItemSpacing) 0;
    display: flex;
    flex-wrap: wrap;
}

.page_wrapper_bg .cate_list .subject {
    margin-top: 8px;
}

/*新頁籤1 end*/
/*footer start*/

.footer_notice {
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    background-color: #333;
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 21;
}

.footer_notice a {
    color: #fff;
}

.footer_notice span {
    margin: 0 10px;
}

/*tops*/
.scrollTop002 {
    right: 2vw;
    bottom: 100px;
}

.scrollTop002 img {
    width: 40px;
}

/*footers */
.footers {
    background: #040c12;
    color: #fff;
}

.footers>.container {
    width: 70%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: max-content auto;
    gap: var(--CardPadding);
}

.footers>.container::before,
.footers>.container::after {
    display: none;
}

.ftmenu .RWDedictor {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    gap: var(--CardPadding);
}

ul.ftmenuul a {
    color: #979797;
    font-weight: 300;
    display: block;
    width: fit-content;
}

ul.ftmenuul a:hover {
    color: #fff;
}

ul.ftmenuul {
    padding: 0;
    list-style: none;
    line-height: 2.4;
}

ul.ftmenuul li.ttl a {
    color: #fff;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dotted rgba(255 255 255 / 50%);
    width: 100%;
    font-weight: 500;
    display: block;
    font-size: 18px;
}

.ftcompany .logo .img img {
    width: 100%;
}

.ftcompany .logo .img {
    width: max(8vw, 150px);
    /* filter: grayscale(1) brightness(6); */
}

.ftcompany .logo {
    display: flex;
    margin: 0 0 30px;
    align-items: center;
}

.ftcompany .logo .txt h4 {
    font-size: 20px;
    font-weight: 300;
}

.ftcompany .logo .txt h4 span {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.563vw;
    display: block;
    margin: 0 0 5px;
    font-weight: 500;
}

.ftcompany dl dd a {
    color: #fff;
}

.ftcompany dl dd {
    line-height: 2;
    color: #fff;
}

.ftcompany dl {
    margin: 0;
    padding: 0 0 0 3.3vw;
}

.ftinfo .tips {
    margin-left: 3.3vw;
    margin-top: 1em;
}

.copyrights .container {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 13px;
    opacity: 0.4;
}

.copyrights .container::before,
.copyrights .container::after {
    display: none;
}

.copyrights {
    padding-block: 1rem;
    background: #333;
    margin-top: 4rem;
}

ul.ftmenuul-01 a {
    color: white;
}

.ftinfo .tips {
    background: var(--SnsLine);
    border-radius: 50%;
    display: block;
    width: fit-content;
}

.ftinfo .iconRounded {
    width: 40px;
    display: block;
    aspect-ratio: 1/1;
    filter: brightness(0) invert(1);
}

.ftinfo img {
    width: 15px;
    margin-left: 5px;
    margin-top: -5px;
}

/*footer end*/
/*小螢幕 start*/

@media (max-width: 2200px) {
    .abuss {
        padding: 5vw 0 3vw;
    }

    .RWDscore01 .count-blk {
        max-width: 90%;
    }

    .RWDnews011 .list .swiper-container {
        height: 300px;
    }

    .RWDnews011 .more-btn {
        margin: 30px 0 0;
    }
}

@media (max-width: 2000px) {

    .wrapper_bg,
    #mobile-fixed,
    .RWDproduct_page,
    #sidebar .products-nav,
    ._bd_row h1,
    ._bd_row h2,
    ._bd_row h3,
    ._bd_row h4,
    ._bd_row h5,
    ._bd_row h6,
    .RWDright_cont002 .item-first .text-box .text {
        font-size: 15px;
    }

    .score-block .container,
    .happiness .container,
    .container {
        width: 85%;
    }

    .newss .container,
    .footers>.container {
        width: 75%;
    }

    .RWDscore01 .count-blk .swiper-slide {
        padding: 0;
    }

    .RWDscore01 .score-maintitle,
    .RWDscore01 .score-subtitle,
    .RWDscore01 .trigger-blk .swiper-slide .count-link {
        padding: 0 !important;
    }

    .page_wrapper_bg .article-text {
        width: 100%;
    }

    /*241216修*/
    .RWDbanner_plus01 .logo img {
        margin-bottom: 30px;
    }

    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 32%;
    }
}

@media (max-width: 1920px) {
    .page_wrapper_bg section.call_to_action {
        min-height: 700px;
    }

    .layoutlist_8 .listdate .day {
        font-size: 3vw;
    }

    .list5 .download5_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .webdesc {
        padding: 1rem;
    }
}

@media (max-width: 1700px) {
    :root {
        --NaviHeight: 90px;
    }

    .RWDnews005 .owl-theme .owl-controls .owl-buttons div i {
        width: 3vw;
        height: 4vw;
    }

    .RWDproduct004 .heading-title.heading-arrow-top h1,
    .RWDproduct004 .heading-title.heading-arrow-bottom h1,
    .index h1.main-title,
    .RWDscore01 .score-subtitle,
    .RWDnews011 .title-tw {
        font-size: 30px;
    }

    .RWDnews011 .title-en,
    .main-title+.sub-title {
        margin-top: 10px !important;
    }

    .RWDbtn01 .editor {
        max-width: 890px;
    }

    .ftcompany dl {
        padding: 0 0 0 3.9vw;
    }

    .ftinfo .tips {
        margin-left: 3.9vw;
    }

    .page_wrapper_bg section.call_to_action>.container {
        width: 85%;
    }
}

@media (max-width: 1600px) {
    .RWDright_cont002 .item-first .text-box .text {
        margin-right: -5vw;
    }

    .RWDscore01 .score-content {
        padding: 0;
    }

    .RWDscore01 .count-item {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .friendships:before,
    .friendships:after {
        opacity: .4;
    }

    .friendships>.container {
        width: 90%;
    }

    .item-box-desc:before {
        width: 50px;
        height: 50px;
        right: -25px;
        top: -25px;
    }

    .joinbtn .RWDbtn01 a.btn:after {
        margin-left: 5vw;
        width: 40px;
        height: 40px;
    }

    .RWDnews011 .list .swiper-container {
        height: 250px;
    }

    .RWDnews011 .more-btn {
        font-size: 15px;
    }

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 31%;
    }

    .RWDbanner_plus01 .logo img {
        margin-bottom: 25px;
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        letter-spacing: 1px;
    }
}

@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;
    }

    .RWDvideo003 .box {
        width: 90%;
        margin-right: 0;
    }
}

@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;
    }

    .score-block .container,
    .happiness .container,
    .container {
        width: 90%;
    }

    .newss .container,
    .footers>.container {
        width: 80%;
    }

    .eformscontent .layoutlist_1.page_content3 {
        width: 100%;
    }

    /*241216修*/
    .RWDbanner_plus01 .logo img {
        margin-bottom: 20px;
    }
}

@media (max-width: 1400px) {
    :root {
        --NaviHeight: 80px;
    }

    .footer_notice {
        padding: 15px 0;
    }

    .abuss {
        padding: 5vw 0;
    }

    .RWDright_cont002 .item-first .text-box .text {
        padding: 0 0 calc(50px + 40px);
        margin-right: -8vw;
    }

    .RWDscore01 .score-mainblk {
        width: 50%;
        float: left;
    }

    .RWDscore01 .score-image {
        width: 50%;
    }

    .RWDscore01 .score-blk {
        flex-direction: row;
    }

    .abuss .container,
    .envs .container {
        width: 95%;
    }

    .RWDscore01 .count-blk {
        max-width: 95%;
    }

    .RWDscore01 .count-title {
        line-height: 2;
    }

    .RWDproduct004 .item-box-desc {
        padding: 30px;
    }

    .score-block .container,
    .happiness .container,
    .container {
        width: 90%;
    }
}

@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,
    #article .cate_list.row>div,
    .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(2, 1fr);
    }

    .menu3 .rwdlayoutlist_9 .litem {
        width: calc(100%/2);
    }

    .newss .container,
    .footers>.container,
    .score-block .container,
    .happiness .container,
    .container {
        width: 90%;
    }

    .copyrights .container {
        font-size: 13px;
    }

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 30%;
    }
}

@media (max-width: 1300px) {
    .ftcompany dl {
        padding: 0 0 0 4rem;
    }

    .ftinfo .tips {
        margin-left: 4rem;
    }

    .ftmenu .RWDedictor {
        grid-template-columns: repeat(3, max-content);
        gap: 2.5rem;
    }
}

/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {

    /* 匯入內頁版面寬度80%*/
    :root {
        --BtnFontSize: 16px;
        --NaviHeight: 80px;
    }

    .RWDnews011 .news-block {
        margin-bottom: 0;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .item-box:hover {
        box-shadow: 20px 20px 40px rgb(0 0 0 / 20%);
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .item-box:hover {
        transform: none;
    }

    .item-box-desc:before {
        display: none;
    }

    .page_wrapper_bg section.call_to_action>.container {
        width: 90%;
        padding-inline: 10px;
    }

    /* 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%;
    }

    /* 搜尋 */
    .RWDsearch01 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    /* 評論 */
    #reply_app .msg_block_rp {
        width: 100%;
    }

    .RWDvideo003 .box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .RWDvideo003 .main_title,
    .RWDvideo003 .sub_title {
        text-align: center;
        width: 100%;
    }

    .RWDvideo003 .more {
        margin-inline: auto;
        float: unset;
        text-align: center;
        line-height: 1;
    }

    .RWDvideo003 .box {
        padding-top: 0;
    }

    .score-block .container,
    .video-block .container {
        width: 80%;
    }

    .RWDscore01 .count-blk {
        max-width: unset;
    }

    .RWDvideo003 .video_box {
        height: auto;
    }

    .RWDscore01 .score-blk {
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    .RWDscore01 .score-image,
    .RWDscore01 .score-mainblk {
        width: 100%;
    }

    .RWDscore01 .score-maintitle {
        text-align: center;
    }

    .RWDscore01 .count-item {
        align-items: center;
    }

    .RWDscore01 .score-image {
        aspect-ratio: 2 / 1;
        background-size: cover;
        background-position: center;
    }

    .score-block .container {
        padding-bottom: var(--SectionPadding);
    }

    .RWDnews005 .owl-theme .owl-controls .owl-buttons div i {
        width: 25px;
        height: 40px;
    }

    .RWDnews011 .pc-only {
        display: none !important;
    }

    .hgroup .breadcrumb {
        position: relative;
        bottom: 0;
    }

    .hgroup .container {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .hgroup .breadcrumb {
        background: transparent;
        border: 0;
        padding: 0;
        width: 100%;
    }

    .page_subject {
        width: 100%;
    }

    .article4 .hgroup .container,
    .article6.is-folder-list .hgroup .container,
    .albumlist .hgroup .container {
        border-bottom: 0;
        padding-bottom: 0;
    }
}

/*1199px end*/
/*1024px start*/
@media (max-width: 1024px) {
    .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {
        max-height: 100svh !important;
        height: 100svh !important;
    }

    .abuss .RWDright_cont002 .item-first {
        flex-direction: column;
    }

    .RWDright_cont002 .item-first .text-box {
        margin: 0 0 80px;
        width: 60%;
        text-align: center;
    }

    .abussbox p br {
        display: none;
    }

    .RWDright_cont002 .item-first .text-box .text {
        margin: 0;
    }

    .RWDright_cont002 .item-first .text-box a {
        left: 50%;
        transform: translateX(-50%);
        max-width: 200px;
    }

    .abuss:before {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(238, 238, 238, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(238, 238, 238, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(238, 238, 238, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .abuss {
        padding: 60px 0 0;
        margin: 0;
    }

    .RWDscore01 .score-blk:before {
        z-index: -1;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .RWDscore01 .score-content {
        text-align: center;
    }

    .RWDscore01 .score-maintitle,
    .RWDscore01 .score-subtitle,
    .RWDscore01 .trigger-blk .swiper-slide .count-link {
        padding: 0 0 !important;
    }

    .RWDscore01 .count-blk {
        max-width: 100%;
    }

    .RWDscore01 .count-blk .swiper-wrapper {
        justify-content: center;
    }

    .RWDproduct004 #portfolio .mix-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--ItemSpacing);
        width: 100%;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {
        width: 100%;
        margin: 0 !important;
        background: white;
        float: left;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) {
        grid-column: 1/3;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) .item-box figure,
    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) .item-box figure img {
        aspect-ratio: 2 / 1;
    }

    @keyframes move07 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .hapbg .bx-viewport,
    .hapbg .bx-viewport img {
        height: 30vw !important;
    }

    .joinbtn .RWDbtn01 a.btn span {
        font-size: 40px;
        margin: 0 0 8px;
    }

    .joinbtn .RWDbtn01 a.btn {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .joinbtn .RWDbtn01 a.btn:after {
        margin-left: 9vw;
    }

    .RWDnews011 .title-block {
        text-align: center;
        margin: 0 0 40px;
    }

    .RWDnews011 .title-block .ctrl-bar {
        right: 0;
    }

    .RWDnews011 .title-en {
        margin: auto;
    }

    .RWDnews005 .controlls-over .owl-controls .owl-prev {
        margin-left: -10px;
    }

    .RWDnews005 .controlls-over .owl-controls .owl-next {
        margin-right: 0;
    }

    .RWDnews005 .section-subject {
        margin-bottom: 30px;
    }

    /* 匯入內頁版面寬度80%*/
    /*產品內頁-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;
    }

    /* 購物車*/
    .RWDshopping_v3 .cart-wrapper {
        width: 95%;
    }

    /* 搜尋 */
    .RWDsearch01 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    /* 評論 */
    #reply_app .msg_block_rp {
        width: 90%;
    }

    .RWDmenu_plus04 .ml-stack-nav-toggle {
        display: flex;
    }

    .banner-block .RWDbanner_plus01 .page-scroll,
    .RWDmenu_plus04 .features:after {
        display: none;
    }

    .RWDmenu_plus04 .features {
        margin-right: 0;
        padding-right: 0;
    }

    .RWDproduct004 .item-box-desc {
        padding: 1.5rem;
    }

    @media (width: 1024px) and (height: 1366px) {
        .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {
            max-height: 50svh !important;
            height: 50svh !important;
        }
    }
}

/*1024px end*/
/*991px start*/
@media (max-width: 991px) {
    .banners {
        padding: 40vw 0 0;
        margin: 10vw 4vw 0;
    }

    .RWDbanner_plus01 .slick-caption {
        top: -30vw;
    }

    .RWDbanner_plus01 .logo {
        position: relative;
        left: 0;
        width: 36vw;
        order: 3;
        margin: 20px 0 0;
    }

    .RWDbanner_plus01 .slick-caption .container {
        display: flex;
        flex-direction: column;
    }

    .RWDbanner_plus01 .txt1 {
        font-size: 35px;
        font-weight: 500;
    }

    .RWDbanner_plus01 .txt2 {
        font-size: 20px;
    }

    .RWDbanner_plus01 .slick-caption .txt2,
    .RWDbanner_plus01 .slick-caption .txt3,
    .RWDbanner_plus01 .slick-caption .txt4,
    .RWDbanner_plus01 .slick-caption .txt5,
    .RWDbanner_plus01 .slick-caption .txt6 {
        margin-top: 10px;
    }

    /*tops*/
    .scrollTop002 .ii {
        font-size: 30px
    }

    .RWDnews011 .news-block {
        flex-direction: column;
        align-items: center;
    }

    .RWDnews011 .news-block .list,
    .RWDnews011 .img-slide {
        width: 80%;
    }

    .RWDnews011 .title-block .ctrl-bar {
        display: block;
        right: auto;
        position: relative;
        margin: 30px 0 0;
    }

    .RWDnews011 .title-block {
        margin: 0 0 20px;
    }

    .newss:before {
        width: 60vw;
        height: 40vw;
        right: 0;
        opacity: .1;
    }

    .joinbtn .RWDbtn01 a.btn:after {
        margin-left: 100px;
    }

    /* 匯入內頁版面寬度80%*/
    .page_wrapper_bg .article-text .container {
        padding: 0;
    }

    /*麵包屑*/
    .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,
    #article .cate_list.row>div,
    .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%
    }

    .eformscontent .form-horizontal .form-group .col-sm-12.col-md-11 {
        width: 100%;
        padding: 0 !important
    }

    .eformscontent .col-sm-12.col-md-11,
    .eformscontent .col-sm-12.col-md-5 {
        width: 100%;
    }

    .customized_columns,
    .eformscontent .form-horizontal .col-sm-12.col-md-5 {
        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;}  */
    /* 購物車*/
    .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;
    }

    .score-block .container,
    .video-block .container {
        width: 85%;
    }

    .RWDbtn01 .editor {
        width: 90%;
        padding-inline: 10px;
    }

    .copyrights .container {
        font-size: 12px;
        letter-spacing: 0.5px;
        gap: 0 10px;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .copyrights {
        margin-top: 2rem;
    }

    .new-form .formdesc {
        margin-bottom: var(--SectionTitleBottom);
    }

    .new-form .formdesc dl {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px var(--CardPadding);
    }

    .new-form .formdesc .logo {
        text-align: center;
        border-bottom: var(--BorderGrayPx1);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .ftcompany dl {
        padding: 0;
    }

    .RWDalert_fancybox.bottom {
        width: 100% !important;
        padding: 30px !important;
        transform: unset;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .RWDalert_fancybox.bottom .editor {
        margin: 0 0 0px !important;
    }

    .RWDnews011 .more-btn {
        margin-inline: auto;
    }

    .ftinfo .tips {
        margin-left: 0rem;
    }

    /*241216修*/
    .RWDbanner_plus01 .slick-caption .container {
        display: inherit;
    }

    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 25%;
    }

    .RWDbanner_plus01 .logo {
        width: 200px;
        margin: 0;
    }
}

/*991px end*/
/*850px start*/

@media (max-width: 850px) {

    .score-block .container,
    .video-block .container,
    .newss .container,
    .footers>.container,
    .score-block .container,
    .happiness .container,
    .container {
        width: 90%;
        padding-inline: 10px;
    }

    .RWDnews011 .news-block .list,
    .RWDnews011 .img-slide {
        width: 90%;
    }

    .footers>.container {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ftmenu .RWDedictor {
        width: 90%;
        margin: auto;
    }

    .ftcompany .logo {
        justify-content: center;
    }

    .ftcompany dl {
        padding: 0 0 2rem 0;
        text-align: center;
        border-bottom: var(--BorderPx1);
        margin-bottom: 2rem;
    }

    /* 匯入內頁版面寬度80%*/
    /*圖文輪播*/
    .RWDslider01 .products-list .box {
        display: flex;
        flex-direction: column;
    }

    .RWDslider01 .products-list .products-item .box {
        flex-direction: column-reverse;
        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%;
    }

    .new-form .formdesc dl {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px var(--CardPadding);
        margin: auto;
        width: fit-content;
    }

    .article2.id17 .RWDslider01 .products-list .products-item .box {
        flex-direction: column-reverse;
    }

    .article2.id17 .pagecontent .RWDslider01.pic-right {
        flex-direction: column;
    }

    .service-page .sub-title {
        text-align: center;
    }

    .article2.id17 .pagecontent .RWDslider01[data-seq="1"] .service-page {
        border-top: var(--BorderGrayPx1);
        padding-top: var(--ItemSpacing);
        margin-top: var(--ItemSpacing)
    }

    .RWDslider01 .editor ul {
        width: fit-content;
        margin: auto;
    }

    .ftinfo .tips {
        margin: auto;
        margin-bottom: 2rem;
    }
}

/*850px end*/
/*800px start*/
@media (max-width: 800px) {

    /* 匯入內頁版面寬度80%*/
    .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;
    }

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 24%;
    }

    .RWDbanner_plus01 .logo {
        width: 180px;
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: 17px;
    }
}

/*800px end*/
/*767px start*/
@media (max-width: 767px) {

    .inner-banner .RWDbanner_plus01 .slick-item .pic img,
    .inner-banner .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img {
        width: 100%;
        height: 200px !important;
        margin: 0;
        display: block !important;
        object-fit: cover;
    }

    #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {
        width: 90%;
    }

    .footer_notice br.visible-xs {
        display: none !important;
    }

    .footer_notice span {
        margin: 0 5px;
    }

    .footer_notice {
        letter-spacing: 0;
    }

    .RWDright_cont002 .item-first .text-box {
        width: 85%;
    }

    .RWDscore01 .trigger-next,
    .RWDscore01 .trigger-prev {
        display: none;
    }

    .RWDscore01 .trigger-blk .swiper-slide {
        width: 100%;
    }

    .RWDscore01 .trigger-blk {
        width: 100%;
    }

    .RWDscore01 .trigger-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .RWDscore01 .score-mainblk {
        width: 100%;
    }

    .abussbox p {
        margin: 30px 0 0;
    }

    .RWDproduct004 .item-box-desc {
        padding: 25px;
    }

    .RWDnews011 .news-block .list,
    .RWDnews011 .img-slide {
        width: 100%;
    }

    .RWDnews011 .page-arrow:after,
    .RWDnews011 .page-arrow:before {
        font-size: 13px;
    }

    .RWDnews011 .list .swiper-container {
        height: auto;
    }

    .RWDnews011 .listitem {
        justify-content: center;
    }

    .RWDnews011 .list-title .t1 {
        text-align: center;
        margin: 15px 0;
    }

    .RWDnews011 .list-date {
        padding: 0;
        justify-content: center;
    }

    .RWDnews011 .list-date:before {
        opacity: 0;
    }

    .RWDnews011 .news-block .list {
        background: white;
        padding: 30px;
    }

    .RWDnews011 .list-D,
    .RWDnews011 .list-M-Y {
        width: fit-content;
    }

    /* 匯入內頁版面寬度80%*/
    /*列表樣式*/
    .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: 0px;
        padding: 0;
    }

    .layoutlist_8.rwd .listdate .yearmonth,
    .layoutlist_8.rwd .listdate .day {
        color: var(--TextSubColor);
        font-size: 12px;
        letter-spacing: .5px;
    }

    /*文章列表頁籤*/
    .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;
    }

    .page_wrapper_bg .tab:last-child {
        border-bottom: var(--BorderGrayPx1);
    }

    .tab.open .tab_title {
        margin: 0 0 20px;
        font-weight: 500;
    }

    /*產品頁籤*/
    .RWDproduct_page .faq-item .faq-question {
        padding: 12px 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;
    }

    .RWDscore01 .count-blk .swiper-slide {
        gap: 20px 30px;
    }

    .RWDscore01 .count-item {
        width: calc(100% / 2 - 15px);
    }

    .RWDproduct004 #portfolio .mix-grid {
        grid-template-columns: 1fr;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) {
        grid-column: unset;
    }

    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) .item-box figure,
    .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(3) .item-box figure img {
        aspect-ratio: 3 / 2;
    }

    .RWDbtn01 .editor .description {
        text-align: left;
    }

    .RWDnews011 {
        padding-left: 0;
        padding-right: 0;
    }

    .RWDvideo003 .text {
        margin-top: var(--SectionTitleBottom);
    }

    .RWDproduct004 .list-inline {
        height: auto !important;
    }

    .RWDnews011 .title-block .ctrl-bar {
        display: none;
    }

    ul.ftmenuul a {
        color: #dbdbdb;
    }
}

/*767px end*/
/*768px start*/

@media only screen and (max-width: 768px) {
    body.wrapper_bg .pagecontent {
        padding: 0px !important;
    }
}

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

/* 請另開分頁放這串 */
@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;
    }
}

/*415-767 end*/
/*600px start*/
@media (max-width: 600px) {
    :root {
        --BtnWidth: 100%;
        --NaviHeight: 70px;
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: clamp(2.8125rem, 2.4716rem + 1.7045vw, 3.75rem);
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt2 {
        font-size: clamp(1.25rem, 1.1071rem + 0.7143vw, 1.375rem);
    }

    /*列表樣式*/
    #article .layoutlist_2 .item,
    .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,
    #article .cate_list.row>div,
    .productlist :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3,
    #article .layoutlist_8 .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: 100% !important;
        padding-inline: 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: 27px;
    }

    .RWDtimeline01 li.event .point {
        width: calc(100% - 90px);
        left: 90px;
    }

    .RWDtimeline01 li.event .point .date {
        font-size: 14px;
        letter-spacing: 1px
    }

    /*文章檔案下載*/
    .file_area {
        margin: 0 0 0px;
    }

    .download_container {
        grid-template-columns: 1fr;
    }

    /*相簿上下方說明*/
    #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;
    }

    .page_wrapper_bg .text-xs-left {
        text-align: left;
    }

    .RWDscore01 .count-blk .swiper-slide {
        gap: 20px;
    }

    .RWDscore01 .count-item {
        width: 100%;
    }

    .joinbtn .RWDbtn01 li.col-sm-3.col-xs-12 {
        width: calc(90% - 20px);
    }

    .RWDbtn01 .btn-box {
        margin: 0;
    }

    .RWDnews005 .controlls-over .owl-controls .owl-next {
        right: 0;
    }

    .RWDnews005 .controlls-over .owl-controls .owl-prev {
        left: 0;
    }

    .eformsDesc,
    .text-xs-left {
        text-align: left;
    }

    .webdesc {
        padding: 5px;
        margin-bottom: max(3vw, 2rem);
    }

    .new-form .formdesc .logo img {
        width: 140px;
    }

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: 16px;
    }

    .RWDbanner_plus01 .logo img {
        margin-bottom: 10px;
    }
}

/*600px end*/
/*480px start*/
@media (max-width: 480px) {

    /* 匯入內頁版面寬度80%*/
    /*檔案下載*/
    .layoutlist_5 .downlaod_item {
        width: calc(100%);
    }

    .download5 .search-container {
        margin: 10px 0 0 !important;
    }

    .RWDmenu_plus04 .features {
        margin-right: 20px;
    }

    .ftmenu .RWDedictor {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .ftmenuul-01 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 var(--ItemSpacing);
    }

    .new-form {
        background: transparent;
        box-shadow: unset;
        padding: 0;
    }

    .RWDnews011 .title-en,
    .main-title+.sub-title {
        margin-top: 5px !important;
    }

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 24.5%;
    }

    .RWDbanner_plus01 .logo {
        /* 螢幕480px-320px 大小180px-110px */
        width: clamp(6.875rem, -1.875rem + 43.75vw, 11.25rem);
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: 14px;
    }
}

/*480px end*/
/*414px start*/

@media (max-width: 414px) {

    /*文章左右圖文輪播PH*/
    .RWDslider01 .pic-list,
    .RWDslider01.pic-right .pic-list {
        margin: 0;
    }
}

/*414px end*/
/*400px start*/

@media (max-width: 400px) {

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 25%;
    }
}

/*400px end*/
/*380px start*/
@media (max-width: 380px) {
    .RWDbanner_plus01 .txt1 {
        font-size: 30px;
    }

    .RWDbanner_plus01 .slick-caption .container {
        padding: 0 20px;
    }

    .RWDbanner_plus01 .txt2 {
        font-size: 15px;
    }

    .RWDbanner_plus01 .logo {
        width: 100%;
    }

    .banners {
        padding: 90vw 0 0;
        margin: 15vw 4vw 0;
    }

    .RWDbanner_plus01 .slick-caption {
        top: -75vw;
    }

    /* 匯入內頁版面寬度80%*/
    /*跟隨購物車寬度修正*/
    #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;
    }

    .copyrights .container {
        letter-spacing: 0;
    }

    .ftcompany dl dd {
        letter-spacing: 0px;
    }

    #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container {
        width: 100%;
    }

    /*241216修*/
    .RWDbanner_plus01 .logo {
        /* 螢幕480px-320px 大小180px-110px */
        width: clamp(6.875rem, -1.875rem + 43.75vw, 11.25rem);
    }
}

/*380px end*/
/*350px start*/

@media (max-width: 350px) {

    /*241216修*/
    .banner-block .RWDbanner_plus01 .slick-caption {
        top: 24%;
    }

    .banner-block .RWDbanner_plus01 .slick-caption .txt1 {
        font-size: 13px;
    }
}

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

/* <= user customization end */