@charset "UTF-8";
/* RWDfullscreen01 start=> */ 
 .color4, .slice.color4, .bulle.color4, .ctaBox.color4{background-color:transparent}
 .RWDMenuIcon001{background-color:rgb(255, 255, 255)}
 .navbar-nav>li:hover{background-color:transparent}
 .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:hover{color:#f28ca1}
 .navbar-nav > li > a i:hover{color:#f28ca1}
 ul.nav li ul{background:#ffffff}
 ul.nav li ul li{background:#ffffff}
 .navbar .nav li ul li:hover{background-color:transparent}
 .navbar .nav li.active a, .navbar .nav li.active a:hover{color:#f28ca1}
 .in ul.nav{background:transparent}
 .RWDfullScreenSlider .btn{color:#ffffff}
 .RWDfullScreenSlider .btn{border-color:#ffffff}
 .RWDfullScreenSlider .btn{background:rgba(255, 255, 255, 0.25)}
 .RWDfullScreenSlider .btn:hover{color:#f28ca1}
 .RWDproduct001 h1.main-title{color:#777777}
 .RWDproduct001 h2.sub-title{color:#888888}
 .RWDproduct001 .section-line{background-color:#f28ca1}
 .RWDproduct001 nav a{color:#555555}
 .RWDproduct001 nav a:hover, nav a.current{background-color:#f28ca1}
 .RWDproduct001 nav a:hover, nav a.current{color:#ffffff}
 .RWDproduct001 .mask{background-color:#f28ca1}
 .RWDproduct001 .iconLinks a span{color:#ffffff}
 .boxContent h3{color:#ea9fb6}
 section.call_to_action h3{color:transparent}
 section.call_to_action h3:hover{color:#ea9fb6}
 .RWDproduct001 a{color:#666666}
 .RWDproduct001 a:hover{color:#333333}
 .RWDnews006 h4{color:rgb(102, 102, 102)}
 .RWDnews006 a{color:rgb(119, 119, 119)}
 .RWDnews006 a:hover{color:rgb(216, 139, 39)}
 .footer_desc{color:#ffffff}
 .footer_desc a{color:#ffffff}
 .footer_desc a:hover{color:#efefef}
 .copyright_desc{color:#ffffff}
 .copyright_desc a{color:#ffffff}
 .copyright_desc a:hover{color:#efefef}
 .scrollTop{background-color:transparent}
 .scrollTop:hover{background-color:transparent}
 .tooltip.top{background-color:transparent}
 .tooltip.top .tooltip-arrow{border-top-color:#F0F0F0}
 .tooltip-inner{background-color:#F0F0F0}
 .tooltip-inner{color:#666666}
 .RWDedm002 h4{color:transparent}
 .RWDedm002 a{color:transparent}
 .RWDedm002 a:hover{color:transparent}
 .RWDedm002 input, .RWDedm002 textarea{color:#333333}
 .RWDedm002 input, .RWDedm002 textarea{background-color:rgba(255, 255, 255, 0.4)}
 .RWDedm002 input, .RWDedm002 textarea{border-color:rgb(216, 139, 39)}
 .web_search004 .searchIcon{background-color:#FFFFFF}
 .web_search004 .icon-search:hover{background-color:transparent}
 .web_search004 .web_search{background-color:#F0F0F0}
 .web_search004 .web_search input{color:#666666}
 .web_search004 .web_search .btn{color:#B7B7B7}
 .web_search004 .web_search .btn:hover{color:#FFFFFF}
 /* <= RWDfullscreen01 end */ 
 /* miracle customization start=> */ 
a:hover,a:focus {    text-decoration: none;}.row {    margin-right: 0;    margin-left: 0;}body,html {    font-family: "Noto Sans TC", sans-serif;    font-weight: 400;    letter-spacing: 1px;    line-height: 1.6;    color: #555;}:root {    --FooterBgColor: #e3f3e9;}/*loading*/ .fl {    width: 270px;}.fl img {    width: 100%;}/*選單*/ .RWDmenu_plus04 .site-nav .menu>li>a {    transition: .3s ease;}.RWDmenu_plus04 .header {    box-shadow: 10px 6px 20px 2px rgb(0 0 0 / 6%);}.RWDmenu_plus04 .logo {    margin-top: 7px;}.RWDmenu_plus04 .container {    max-width: 100%;}.RWDmenu_plus04 .site-nav .menu {    text-align: right;}.RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>a:hover {    background: transparent;    color: #5bbbbc;}.RWDmenu_plus04 .menu-btn a i.i.ii-line3.iconRounded {    position: relative;    top: 2px;}.RWDmenu_plus04 .features {    width: 520px;}.RWDmenu_plus04 .menu-sec {    display: flex;    align-items: center;    margin-top: 18px;    gap: 15px;}.RWDmenu_plus04 .menu-btn a i {    margin-right: 5px;}.RWDmenu_plus04 .menu-btn a {    border: 1px solid #8a8a8a;    width: 200px;    display: flex;    align-items: center;    justify-content: center;    font-size: 16px;    padding: 6px 0;    border-radius: 30px;    letter-spacing: 0.5px;    color: #333;    transition: .3s ease;}.RWDmenu_plus04 .menu-btn a:hover i {    color: #fff;}.RWDmenu_plus04 .menu-btn a:hover {    background: #5bbbbc;    border-color: #5bbbbc;    color: #fff;}.menu-btn.line a:hover {    background: #30bb2b;    border-color: #30bb2b;    color: #fff;}.RWDmenu_plus04 .site-nav .menu ul li>a {    padding-right: 10px;}.RWDmenu_plus04 .features .share-group span,.RWDmenu_plus04 .site-nav .menu ul li a {    font-size: 15px;    text-align: center;}.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: none;    font-weight: 400;    color: #5bbbbc;}.RWDmenu_plus04 .lang-select-label:hover:after,.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after {    border-color: #888;    border-width: 1px 1px 0 0;}/*模組*/ .banner-block {    margin-top: 72px;    position: relative;}.product-block .container {    width: 85%;}.product-block,.project-block {    position: relative;    padding: max(5vw, 100px) 0;}.about-block {    position: relative;    padding: 0 0 max(5vw, 100px);}.about-block .container {    display: flex;    width: 80%;    align-items: center;}.RWDproduct004 .heading-title.heading-arrow-bottom::after {    display: none;}.RWDproduct004 .item-box-desc {    padding: 40px;    margin: 0}.project-block .container {    width: 80%;}.project-block:before {    content: "";    position: absolute;    width: 100%;    height: 19vw;    top: 0;    left: 0;    background-image: linear-gradient(90deg in oklab, #87d0d1, 60%, #e3f3e9 110% 100%);}.news-block {    position: absolute;    bottom: 0;    left: 8%;    z-index: 1;}.product-block {    background: #fefffe;}/*news*/ .RWDnews014 {    width: 23vw;    border-radius: 30px 30px 0 0;    overflow: hidden;    opacity: 1 !important;    animation: none;}.RWDnews014 .news_link {    padding: 25px 50px;    background: #f6f6f6;}.RWDnews014 .news_link .type {    font-size: 18px;    line-height: 1.4;    border-bottom: none;    padding-bottom: 0;    margin-bottom: 0;    overflow: hidden;    font-weight: 500;    width: calc(100% - 120px);    text-overflow: ellipsis;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}.RWDnews014 .news_link .pic {    right: 50px;}.RWDnews014 .swiper-button-prev {    border-bottom: 1px solid #d5d5d5;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {    opacity: 0.5;}.RWDnews014 .swiper-button-prev:hover,.RWDnews014 .swiper-button-next:hover {    background-color: #d5ecec;}.RWDnews014-prev-icon,.RWDnews014-next-icon {    border: 1px solid #c1c1c1;    width: 35px;    height: 35px;}.RWDnews014 .swiper-button-prev svg polyline,.RWDnews014 .swiper-button-next svg polyline {    stroke: #b0b0b0;}.RWDnews014 .swiper-button-prev,.RWDnews014 .swiper-button-next {    background-color: #ddd;}.RWDnews014 .news_link .title {    margin: 10px 0 20px;    color: #555;    width: calc(100% - 120px);}.RWDnews014 .news_link .date {    width: calc(100% - 120px);}/*標題*/ .index .section-subject {    margin: 0 0 40px;}h2.main-title {    color: #333 !important;    font-size: clamp(2rem, 1.2894rem + 1.1472vw, 3.125rem) !important;    font-weight: 700 !important;    line-height: 1.4;    margin: 0 !important;    letter-spacing: 1px;}h3.sub-title {    font-size: 24px !important;    color: #3a3a3a !important;    line-height: 1.4;    margin: 10px 0 0 !important;    letter-spacing: 1px;    font-weight: 500 !important;}.index .section-line {    display: none;}.about-main h2.main-title span {    display: block;}/*banner*/ .RWDbanner_plus01 .slick-caption>.container {    width: 84%;    padding: 0 50px;}.RWDbanner_plus01 .slick-caption .txt1 {    font-weight: 800;    color: #171717;    line-height: 1.25;    font-size: clamp(1.875rem, 0.5rem + 2.5vw, 5.3rem);    letter-spacing: 1px;}.RWDbanner_plus01 .slick-caption .txt2 {    font-size: 26px;    font-weight: 700;    line-height: 1.4;    letter-spacing: 1px;}.RWDbanner_plus01 .slick-caption .txt3 {    margin-top: 40px;    font-size: 20px;    opacity: 0.65;}.RWDbanner_plus01 .slick-caption .txt3 span span {    opacity: 0.5;    margin: 0 7px;}/*關於*//*安心*/ .RWDproduct004 .callout-dark {    background: transparent;    border-bottom: 0px;    padding: 0;}.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3 {    font-size: 22px;    color: #333;    font-weight: 500;}.RWDproduct004 #portfolio .row.mix-grid {    margin: 0;    display: flex;    flex-wrap: wrap;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100% / 4 - 30px);    margin: 0px 15px !important;}.RWDproduct004 #portfolio {    overflow: visible;}.RWDproduct004 {    overflow-x: visible;}.RWDproduct004 .nopadding {    border-bottom: 0px;}.RWDproduct004 div.row>div img {    transition: 0.5s ease;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover img {    filter: brightness(1.2);    transition: 0.5s ease;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover:before {    opacity: 1;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box {    background: #f6f6f6;    padding: 0 !important;    margin: 0 0 30px !important;}.RWDproduct004 .list-inline {    margin-bottom: 0;    height: auto !important;    margin-top: 20px !important;    min-height: 72px;}.RWDproduct004 .item-box:after {    content: "";    position: absolute;    width: 0;    height: 5px;    bottom: 0;    background-image: linear-gradient(90deg in oklab, #87d0d1, 60%, #e3f3e9 110% 100%);    transition: .3s ease;}.RWDproduct004 .item-box:hover:after {    width: 100%;}/*媒體*/ .RWDnews005 .owl-carousel .owl-item div {    border: 0px;}.RWDnews005 .controlls-over .owl-pagination {    margin-top: 30px;    display: none;}.RWDnews005 h4 {    text-align: center;    font-size: 17px;    letter-spacing: 1px;    font-family: 'Noto Serif TC', serif;    font-weight: bold;    line-height: 1.5;}.RWDnews005 h4 a {    color: #333;}.owl-theme .owl-controls .owl-page span {    border-radius: 3px;    width: 9px;    height: 9px;}.RWDnews005 .owl-carousel.owl-padding-10 {    width: auto;    margin: 0;    padding: 30px 20px;    background: #fff;    box-shadow: 1.3px 1.6px 3.8px -70px rgba(0, 0, 0, 0.011), 3.1px 3.9px 9.2px -70px rgba(0, 0, 0, 0.016), 5.8px 7.3px 17.4px -70px rgba(0, 0, 0, 0.02), 10.3px 13px 31px -70px rgba(0, 0, 0, 0.024), 19.2px 24.2px 58.1px -70px rgba(0, 0, 0, 0.029), 46px 58px 139px -70px rgba(0, 0, 0, 0.04);    overflow: visible;    border: 1px solid #efefef;}.RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -15px;}.RWDnews005 .controlls-over .owl-controls .owl-next {    right: -15px;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item .text-left {    text-align: center;}.RWDnews005 .owl-carousel .owl-wrapper-outer {    overflow: hidden;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    border-radius: 99em;    background: white;    color: var(--title-color);    display: flex;    justify-content: center;    align-items: center;    width: 5rem !important;    height: 5rem !important;    border: 0;    filter: drop-shadow(10px 20px 20px rgba(0, 0, 0, .2));    top: 35%;    margin-top: 0;    font-size: 40px;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 10px;}.news005_h4.text-left.margin-top-20 {    font-size: 22px;    color: #333;    font-weight: 500;    margin: 0 0 5px;}.about-main {    width: 50%;    padding-right: 5vw;}.RWDscore01 .trigger-blk,.RWDscore01 .score-maintitle,.RWDscore01 .score-subtitle {    display: none;}.RWDscore01 .score-mainblk.parallax {    min-height: initial;}.RWDscore01 .count-blk {    padding-top: 0;    max-width: 100%;}.RWDscore01 .count-blk .swiper-slide {    padding: 0;    justify-content: flex-start;}.RWDscore01 .count-item:last-child {    border: none;}.RWDscore01 .count-item:first-child {    padding-left: 0;}.RWDscore01 .count-item {    margin: 0;    text-align: left;    border-right: 1px solid #c1c1c1;    padding: 0 70px;    display: flex;    flex-direction: column-reverse;}.RWDscore01 .count-num {    font-size: 50px;    font-weight: 800;    letter-spacing: -0.5px;}.about-pic .RWDparallax_new .picbgbox {    height: 35vw !important;}.RWDscore01 .score-content {    padding-top: 40px;}.RWDscore01 .more-btn {    width: 250px;    height: initial;    display: flex;    justify-content: center;    text-align: center;    line-height: 1.7;    color: #111;    font-size: 15px;    border: 1px solid #b7b7b7;    margin: 70px 0 0;    cursor: pointer;    padding: 10px 0;    border-radius: 30px;}.RWDscore01 .count-item span:nth-child(2) {    display: none;}.RWDscore01 .more-btn:hover {    background: #5bbbbc;    border-color: #5bbbbc;    color: #fff;}.about-pic {    width: 50%;}
/*footer start*/ 

.footer-block {    padding: max(5vw, 100px) 0 max(3vw, 70px) 0;    position: relative;    background: #e3f3e9;}.footer-block .container {    display: flex;    width: 70%;    align-items: self-start;}.footer-main {    width:60%;}.footer-linebox {    width: 15%;}.footer-social {    width: 25%;    color:#919191;font-size: 12px;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover {    color:#919191 !important;}    .RWDsocial002 .pull-right {        float: left !important;    }    .RWDsocial002 .iconRounded {    border: 1px solid #acacac;    color: #333;    background-color: transparent;    width: 50px;    height: 50px;    padding-top: 16px;    font-size: 18px;margin-right: 10px;transition: .3s ease;}.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {border-color: #333;background: transparent;}.RWDsocial002 {    margin: 0 0 20px;}i.i.ii-line3.iconRounded {    color: #1bb416;}i.i.ii-fb1.iconRounded {    color: #156fbd;}i.i.ii-youtube1.iconRounded {    color: #df1313;}.ftlogobox {    text-align: center;color: #000;}.ftlogobox span {    display: block;    font-size: 28px;    font-weight: 500;    letter-spacing:1px;    margin: 10px 0 0;}.ft-allsec {    display: flex;    gap: 50px;}.ftinfobox ul {    list-style: none;    padding: 20px 0 0;    border-top: 1px solid #ababab;    margin: 20px 0 0;}.ftinfobox {    width: 50%;}.ftinfobox ul span {    margin-right: 10px;}.ftinfobox a {    color: #555;}.ftinfobox h5 {    margin: 0;    font-size: 22px;}.line-allbox a span.line-imgbox img {    width: 100%;}.line-allbox a span.line-imgbox {    width:70%;    margin: 0 auto;}.line-allbox a {    background: #fff;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    padding: 20px 0 10px;    color: #333;    width:80%;    transition: .3s ease;    font-size: 18px;    margin-right: 0;}/*------*/ .fixed-block {    position: relative;}.RWDmobile_bottom_v2 a.mobile_bottom__a {    display: flex;    flex-direction: column;    align-items: center;}.RWDmobile_bottom_v2 {    background-color: #f4f4f4;    position: fixed !important;    bottom: 200px;    width: auto;    display: block;    z-index: 202;    right: 0;    box-shadow: -2px 2px 3px rgb(165 165 165 / 14%);    overflow: hidden;    border-radius: 10px 0 0 10px;}.mobile_bottom__ul {    display: flex;    padding: 0;    margin: 0;    list-style: none;    flex-direction: column;}.mobile_bottom__li {    flex: 1 1 25%;    border-left: none;    border-right: none;    padding: 20px;    border-bottom: 1px solid #a6a6a6;}.RWDmobile_bottom_v2 .text {    text-align: center;    font-size: 17px;    letter-spacing: 2px;    writing-mode: vertical-lr;    font-weight: 500;    color: #333;margin-top: 5px;}.RWDmobile_bottom_v2 .icon.ii-line1 {    color: #12b209;    font-size: 22px;    margin-bottom: 7px;}.RWDmobile_bottom_v2 .icon img {    width: 30px;    margin: 0 0 8px;}.mobile_bottom__li:last-child {    border-bottom: none;}.RWDmobile_bottom_v2 .icon.fa.fa-phone {    color: #000;}.scrollTop002 {    bottom: 120px;    right: 15px;}.scrollTop002 .ii {    font-size: 35px;    background: transparent;    color: #353c08;    border-radius: 100%;    margin: 0 auto;    transform: rotate(180deg);    border: 1px solid #353c08;    filter: contrast(0.2);}/* 20240710 */ .footer-block {    padding: max(3vw, 70px) 0 max(2vw, 40px) 0;    background-color: transparent;}.footer-block:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background-color: var(--FooterBgColor);    top: 0;    left: 0;    z-index: -3;}.RWDsocial002 .iconRounded {    display: flex;    justify-content: center;    align-items: center;    padding: 0;    margin: 0 5px;}.RWDsocial002 .iconRounded.cusimg img {    width: 23px;    height: 23px;}.footer-block:after {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: url(archive/image/customization/20240710_footer_bg01.webp) no-repeat;    background-size: cover;    top: 0;    left: 0;    z-index: -2;    mix-blend-mode: soft-light;}.RWDalert_fancybox .btn {    background: none;    color: #333;    box-shadow: inset 0 0 0 rgba(20%, 20%, 40%, 0.5);    margin: 0 6px;    transition: all .15s ease-in-out;    letter-spacing: 1px;    background: #5bbbbc !important;    border-color: #5bbbbc !important;    color: #fff;    border-radius: 30px;    padding: 5px 30px;}.RWDalert_fancybox.bottom .editor a {    text-decoration: underline;    color: #0b8789;}

/*footer end*/ 
/*動畫 start*/ 

@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}.animated .about-info .RWDleft_cont002 .item-second .pic {animation: 1200ms ease normal forwards 1 fadeInRight;opacity: 0;animation-delay: 0.3s;}

/*動畫 end*/ 
/*內頁 start*/ 

    :root {        --TransitionEase: .3s ease;        --MainColor: var(--wt-MainColor);        --SubColor: var(--wt-SubColor);        --TextMainColor: #555;        --TextSubColor: #888;        --TitleMainColor: #333;        --BorderPx1: 1px solid #333;        --BorderGrayPx1: 1px solid #ccc;        --MainHoverColor: #5BBBBC;        --SubHoverColor: #333;        /* 按鈕 */        --BtnOutlineColor: var(--wt-BtnEmptyColor);        --BtnOutlineBg: transparent;        --BtnOutlineHoverColor: var(--wt-HoverColor);        --BtnOutlineHoverBg: var(--MainHoverColor);        --BtnColor: white;        --BtnBg: var(--MainColor);        --BtnHoverColor: white;        --BtnHoverBg: var(--MainHoverColor);        --SubBtnColor: white;        --SubBtnBg: var(--SubColor);        --SubBtnHoverColor: white;        --SubBtnHoverBg: var(--SubHoverColor);        --BtnBorderRadius: 99em;        --BtnWidth: 200px;        --BtnHeight: 50px;        --BtnFontSize: 17px;        /* 字體 */        --FontFamily: "Noto Sans TC", sans-serif;        --FontFamilyTw: 'Noto Sans TC', sans-serif;        /* Navi */        --NaviHeight: 100px;        --NaviHoverColor: var(--SubColor);        /* 文字大小 */        /* 螢幕2560px-767px 大小46px-25px */        --FontSizeMain: clamp(2rem, 1.2894rem + 1.1472vw, 3.125rem);        --FontSizeSub: clamp(1.75rem, 1.6601rem + 0.3687vw, 2.25rem);;        --FontSizeH3: clamp(1.5rem, 1.4101rem + 0.3687vw, 2rem);        --FontSizeH4: clamp(1.375rem, 1.3076rem + 0.2765vw, 1.75rem);        --FontSizeH5: clamp(1.25rem, 1.2051rem + 0.1843vw, 1.5rem);        --FontSizeH6: clamp(1.125rem, 1.1025rem + 0.0922vw, 1.25rem);;        --FontSizeP: 16px;        /* 螢幕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(3vw, 2rem);        /* 螢幕2560px-650px 50px-25px */        --BorderRadius: 99rem;        --TransformCenter: translateX(-50%) translateY(-50%);        --TransformXCenter: translateX(-50%);        --TransformYCenter: translateY(-50%);    }    /*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*/    .page_wrapper_bg section.call_to_action {        padding: var(--SectionPadding) 0;        min-height: 35vw;    }    .page_wrapper_bg section.call_to_action>.container {        padding: 0;        width: 65%;    }    .page_wrapper_bg .article-text .container {        width: 100%;        padding: 0;    }    .hgroup .container {        width: 100%;        padding: 0;        margin: 0 0 var(--ItemSpacing);    }    /* 高效經濟版型寬度 */    /* .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(--TitleMainColor);        letter-spacing: 1.5px;    }    .breadcrumb>li+li:before,    .page_wrapper_bg .hgroup .breadcrumb a {        color: var(--TextSubColor);        font-size: 13px;    }    .page_wrapper_bg .hgroup h1 {        line-height: 1.3;        font-size: var(--FontSizeMain);        color: var(--TitleMainColor);    }    .page_wrapper_bg .article-text h2 {        color: var(--TitleMainColor);        font-size: var(--FontSizeSub);        line-height: 1.2;        letter-spacing: 1.5px;        font-weight: bold;        margin: 0 0 2.5rem;    }    .page_wrapper_bg .article-text h3 {        letter-spacing: 1px;        line-height: 1.2;        margin: 0 0 1rem;        font-weight: bold;        font-size: var(--FontSizeH3);        color: var(--TitleMainColor);    }    .page_wrapper_bg .article-text h4 {        font-size: var(--FontSizeH4);        line-height: 1.5;        letter-spacing: 1px;        margin: 0 0 10px;        font-weight: bold;        color: var(--TitleMainColor);    }    .page_wrapper_bg .article-text,    .page_wrapper_bg .article-text p,    .RWDslider01 .editor,    .RWDtimeline01 li.event .point .editor,    #sidebar .products-nav,    .RWDslider01 .slick-dots button {        font-size: var(--FontSizeP);        line-height: 1.6;        letter-spacing: 1px;        color: var(--TextMainColor);        font-weight: 400;        font-family: var(--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;    }    .new-form .new-width .currectsend_btn a:hover,    .ebtn a:hover,    .btn.btn_back a:hover {        border: 1px solid var(--BtnHoverColor);        color: var(--BtnHoverColor);        background: var(--BtnHoverBg);    }    #reply_add_box .send_button_rp {        padding: 10px 15px;        background: var(--BtnBg);        color: var(--BtnColor);        transition: var(--TransitionEase);        border: 1px solid var(--BtnColor);        line-height: 1;        border-radius: var(--BtnBorderRadius);        font-size: var(--BtnFontSize);        display: flex;        align-items: center;        justify-content: center;    }    #reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {        width: 100%;    }    /*購物清單*/    .RWDshopping .btn.normal {        border-radius: 0;    }    /*購物車按鈕*/    .RWDshopping_v3 .order-infobox .btn-row {        display: flex;        justify-content: center;        flex-wrap: wrap;        gap: 1rem;    }    .RWDshopping_v3 .order-infobox .btn-row .links {        margin-bottom: 0;    }    .RWDshopping .btn.bg1 {        background: transparent;        color: var(--BtnColor);        border: 1px solid var(--BtnColor);        border-radius: var(--BtnBorderRadius);    }    .RWDshopping .btn.bg1:hover {        border-radius: 0;        transition: var(--TransitionEase);        border: 1px solid var(--BtnBg);        color: var(--BtnHoverColor) !important;        background: var(--BtnBg);    }    .layoutlist_4 .showY br {        display: none;    }    .RWDshopping .btn.normal {        max-width: initial;    }    .page_wrapper_bg.lang_en .voucher-box .form-group .btn {        width: auto;    }    .RWDshopping .btn.bg2 {        border-radius: 0 !important;        transition: var(--TransitionEase);        border: 1px solid var(--BtnColor) !important;        color: var(--BtnColor) !important;        background: var(--BtnColor) !important;    }    .RWDshopping .btn.bg2:hover {        background: var(--BtnHoverColor) !important;        color: var(--BtnHoverColor) !important;        border: 1px solid var(--BtnHoverColor) !important;    }    .RWDshopping .btn.bg2 i {        transition: none;    }    .RWDshopping .btn.bg3 {        background: transparent;        color: var(--BtnColor);        border: 1px solid var(--BtnColor);        border-radius: 0;    }    .RWDshopping .btn.bg3:hover {        border-radius: 0;        transition: var(--TransitionEase);        border: 1px solid var(--BtnHoverColor);        color: var(--BtnHoverColor) !important;        background: var(--BtnHoverColor);    }    /*購物訂單畫面按鈕*/    .RWDshopping .btn.normal {        max-width: initial;    }    /*購物車v3按鈕*/    .gray82radius-btn,    .RWDshopping_v3 .order-infobox .btn-row .links,    .RWDshopping_v3 .cartform-submit {        width: var(--BtnWidth);        line-height: 1;        min-height: unset;        border-radius: var(--BtnBorderRadius);        background: var(--BtnBg);    }    .RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn,    .RWDshopping_v3 .order-infobox .btn-row .links,    .RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn,    .payhint-modal .btn-row .gray33radius-btn {        background: var(--BtnBg);    }    .RWDshopping_v3 .cartform-submit:hover,    .RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover,    .RWDshopping_v3 .order-infobox .btn-row .links:hover,    .RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover,    .payhint-modal .btn-row .gray33radius-btn:hover {        background: var(--BtnHoverBg);        color: var(--BtnHoverColor);    }    .gray82empty-btn,    .RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn {        color: var(--BtnOutlineColor);        border-color: var(--BtnOutlineColor);        background: var(--BtnOutlineBg);    }    .gray82empty-btn:active,    .gray82empty-btn:focus,    .gray82empty-btn:visited,    .gray82empty-btn:hover,    .RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,    .RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover {        color: var(--BtnOutlineHoverColor);        border-color: var(--BtnOutlineHoverColor);        background: var(--BtnOutlineHoverBg);    }    .selectpick .selectDropdown .selectOption input[type=radio].forSelect:checked+label {        background-color: var(--BtnBg);        color: var(--BtnColor);    }    .blue-link {        color: var(--MainColor);    }    .blue-link:hover {        color: var(--MainHoverColor);    }    .RWDmenu_plus04 .cart-block .pic,    .RWDmenu_plus04 .querycar-block .pic {        background: transparent;    }    /*會員按鈕*/    #btn_member_login {        float: none;        background: var(--BtnBg);        padding: 6px 12px;    }    #btn_member_login,    #div_forget_content #forget_table_btn {        background: var(--BtnBg);        border: 1px solid var(--BtnColor);        color: var(--BtnColor);        border-radius: var(--BtnBorderRadius);        transform: var(--TransitionEase);    }    .memberlist .col-sm-9.col-md-9 .btn.btn-primary a,    .memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover {        color: var(--BtnColor) !important;    }    #btn_reverify_form:hover,    #btn_forget_form:hover,    .form-checkbox:hover,    .form-group .form-radio:hover,    .member_login a:hover,    .member_login a:hover .member_join_strong {        color: var(--MainHoverColor);    }    .RWDmenu_plus04 .member-block .login-is-on .item a:hover {        color: var(--NaviHoverColor);    }    .search_area input {        margin-left: 5px;    }    /*會員頁a連結修正*/    .member .css-table .tr a {        color: var(--MainHoverColor);    }    .go2member {        text-decoration: underline !important;        color: var(--MainColor);    }    /*會員註冊*/    #join_form {        background: white;    }    /* 會員生日欄位長度修正 */    .join_form-title {        font-size: var(--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);    }    #shopping_viewlogin_form.processing .shopping_viewlogin__submit {        color: var(--BtnColor);        background-color: var(--BtnBg);        border: 1px solid var(--BtnBg);        border-radius: var(--BtnBorderRadius) !important;        box-shadow: none;        width: var(--BtnWidth);        height: var(--BtnHeight);        display: flex;        align-items: center;        justify-content: center;    }    .shoppingQuery .shopping_viewlogin__submit {        float: unset;        margin: 2rem auto;    }    .btn-primary a {        color: var(--BtnColor);        font-size: var(--FontSizeP);    }    .btn.btn-primary:focus a,    .btn.btn-primary:hover a,    .btn.btn-primary:active a {        color: var(--BtnColor) !important;    }    .btn-primary:hover {        transition: var(--TransitionEase);        color: var(--BtnHoverColor);        background-color: var(--BtnBg);        border-color: var(--BtnBg);    }    .btn-primary:active:hover,    .btn-primary:active:focus {        background-color: var(--SubBtnBg);        border: 1px solid var(--SubBtnBg);    }    .btn-primary:hover,    .btn-primary:focus,    .btn-primary.focus,    .btn-primary:active,    .btn-primary.active,    .open>.dropdown-toggle.btn-primary {        color: var(--BtnHoverColor) !important;        background-color: var(--BtnHoverBg);        border-color: var(--BtnHoverBg);        outline: none;    }    .shopping_viewlogin__member a:hover {        color: #333;    }    /*詢問車按鈕*/    .RWDmenu_plus04 .cart-block .bottom-box .pay-btn,    .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn,    .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,    .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {        transition: var(--TransitionEase);    }    /*忘記密碼 ＆重發認證信*/    #div_forget_area * {        border-radius: 0;    }    /*註冊*/    .join_form_btns {        text-align: right;    }    /*sidebar 固定側選單*/    .collapsing_header .main {        overflow: inherit;        margin-top: 74px !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:hover {        color: var(--MainColor);        transition: var(--TransitionEase);    }    .page_menu_block ul.nav>li>a,    .page_wrapper_bg .m2018 .products-nav>ul>li>a {        padding: 0px 10px !important;        transition: var(--TransitionEase);        font-size: var(--FontSizeH5) !important;        letter-spacing: 1.5px !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: 12px 0px !important;        font-weight: 400;        font-size: var(--FontSizeH5);    }    .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);    }    /* 時間軸 */    .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: var(--SectionTitleBottom);        font-size: var(--FontSizeH5);        padding-inline: 15px;    }    #album .layoutlist_2 .album_item_subject,    #album .layoutlist_1 .album_item_subject,    .rwdlayoutlist_9 .subject,    .layoutlist_8 .article_subject,    .RWDtimeline02 .model-title,    .RWDtimeline01 .model-title,    #product .item .subject a,    .page_wrapper_bg #article .layoutlist_7 .subject a,    .page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,    .page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {        font-size: var(--FontSizeH5);        font-weight: 500;        margin: 0px 0px 16px !important;        display: block;        line-height: 1.6 !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;    }    .page_wrapper_bg :is(.layoutlist_4, .layoutlist_2, .layoutlist_8) .item {        width: 100%;    }    #article .layoutlist_2 .item {        width: 100%;    }    /* .page_wrapper_bg :is(.layoutlist_4, .layoutlist_2 ,.layoutlist_8) .item {        width: 100%;        border-bottom: var(--BorderGrayPx1);        padding: var(--ItemSpacing) 0;    } */    #article .layoutlist_4 .item {        border-bottom: var(--BorderGrayPx1);        padding: var(--ItemSpacing) 0;    }    #article .layoutlist_8 .item,    #article .layoutlist_7 .litem,    #article .rwdlayoutlist_9 .litem {        padding-block: 0;        margin-bottom: var(--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(--FontSizeH5);        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;    }    .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(--FontSizeH6);        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(--FontSizeH6);        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(--FontSizeH5);        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;    }    .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(--FontSizeH6);        line-height: 1.8;        letter-spacing: 1px;        color: var(--TextMainColor);        margin: 0 0 30px;        font-weight: 400;    }    .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 max(2vw,2rem);    }    /* .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);    }    .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(--FontSizeH5);    }    .download .list_table .oneline {        border-bottom: 0;        padding: 0;    }    .layoutlist_3 .download .list_table td {        padding: 0;    }    .download .item {        margin-bottom: var(--ItemSpacing);    }    .downloadlist .page_wrapper_bg .article-text .container {        padding: 0;    }    .list_faketb__li>div {        padding: 18px 12px;    }    /*檔案下載a連結修正*/    .page_wrapper_bg .dd-select a:hover {        color: #313131;    }    .download .search-go {        line-height: 2.4;        transition: var(--TransitionEase);        font-weight: 400;        font-size: 14px !important;    }    .amount_div.choice_num_type_b {        display: grid;        grid-template-columns: 45px 1fr    }    .layoutlist_4 .choice_num_type_b .quantity .minus,    .layoutlist_4 .choice_num_type_b .quantity .plus {        height: 30px;        width: 30px    }    .layoutlist_4 .choice_num_type_b .quantity input.qty {        width: calc(100% - 64px);        height: 30px    }.list_faketb__download {    flex: 0 0 80px;    min-width: 80px;}.list_faketb__no {    flex: 0 0 50px;    min-width: 50px;}    .layoutlist_4 .showY input,    .layoutlist_4 .showY select,    .layoutlist_4 .showY textarea {        font-family: var(--FontFamily);        color: #121212    }    /* 人才招募 */    .recruitment .list_table td.list_position {        border-bottom: 1px solid #dedede;        padding-left: 0;        padding-right: 0;    }    .customized_columns .fillform {        font-size: var(--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(--FontSizeH5);        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: 100px;        padding: 0 10px;    }    textarea.form-control {        min-height: 130px;    }    .systemmsg {        text-align: center;    }    .form-horizontal .form-column,    .eformscontent .form-column {        width: calc(100% - 100px);        padding: 0;    }    .new-form .new-width .row .col-md-11 {        margin-bottom: 0;        margin-top: 0;    }    .eformscontent .col-sm-6.address-col-1,    .eformscontent .col-sm-6.address-col-2 {        width: 50%;        padding: 0;        float: left;    }    .eformscontent .col-sm-12.col-md-11 .col-sm-12 {        width: 100%;        padding: 0;    }    .customized_columns>.row .col-sm-12.col-md-11 {        width: 100%;    }    /*電子表單送出a連結修正*/    .eforms_complete .hgroup,    .eforms_complete .hgroup .container {        width: 100%;    }    .eforms_complete section.call_to_action>.container {        min-height: 35vh;        display: flex;        align-items: center;        justify-content: center;        flex-direction: column;    }    .eforms_complete .ebtn {        margin-top: 0;    }    .eforms_complete .col-sm-12.col-md-12 .ebtn a {        margin-inline: auto;    }    /*留言板*/    .customized_columns .css-table .th.textarea {        width: 10%;    }    /*詢問車*/    .RWDquiry .btn-box {        display: flex;        justify-content: center;        flex-wrap: wrap;        gap: 1rem;    }    .RWDquiry .shopping_form .control-box img {        margin-left: 10px;    }    .RWDquiry .btn.bg2,    .btn.normal.bg3 {        background: var(--BtnBg);        color: var(--BtnColor);        border: 0;    }    .info-box .title,    .shopping-title {        font-size: var(--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(--FontSizeH5);        font-weight: bold;        margin: 50px 0 10px;        color: var(--TitleMainColor);        letter-spacing: 1px;    }    .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(--FontSizeH6);        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;    }    @media (hover:hover) {        .layoutlist_7 .litem:hover .subject a,        #article .cate_list.row>div:hover .subject a {            color: var(--MainHoverColor);        }        #product .product_list_item:hover img,        .rwdlayoutlist_9 .litem:hover img,        .layoutlist_7 .litem:hover img,        #article .cate_list.row>div:hover img {            transform: scale(1.05);            transition: var(--TransitionEase);        }        .page_wrapper_bg .hgroup .breadcrumb a:hover,        .articlerelated-box .article-slider .item:hover .name,        .video_item:hover .video_item_subject,        .RWDproduct_page .related-box .item a:hover .name,        #product .product_list_item:hover .subject a,        .rwdlayoutlist_9 .litem:hover .subject,        .page_wrapper_bg #article .layoutlist_8 .item:hover .article_subject,        .page_wrapper_bg #article .layoutlist_7 .litem:hover .subject a,        .page_wrapper_bg #article :is(.layoutlist_2, .layoutlist_7) .item:hover .list_subject a,        .page_wrapper_bg #article .layoutlist_4 .item:hover .list_subject>a {            color: var(--MainHoverColor);        }        .RWDsearch_page .ibtn:hover,        .RWDsearch_page .more:hover,        .RWDquiry .btn.bg2:hover,        .btn.normal.bg3:hover,        .layoutlist_4 .buybtn:hover {            background: var(--BtnHoverBg);            color: var(--BtnHoverColor);        }        .layoutlist_5 .product_list_item .list-btn_mobile:hover,        .layoutlist_5 .product_list_item .list-btn:hover,        .layoutlist_5 .product_list_item .buybtn:hover {            background-color: var(--BtnHoverBg);            color: var(--BtnHoverColor);            transition: var(--TransitionEase);        }        .products-info .download_container .btn:hover {            background-color: var(--BtnHoverBg);            color: var(--BtnHoverColor);            border-color: var(--BtnHoverColor);            transition: var(--TransitionEase);        }        .downlaod5_item:hover .downlaod5_item_subject,        .download .item:hover .download_subject,        #album .album_item:hover .album_item_subject,        .page_wrapper_bg .tabs nav a:hover,        .RWDproduct_page .tab-box .tab-menu a:hover,        .RWDproduct_page .products-nav ul li>ul>li:hover>a,        .RWDproduct_page .btn-other .ibtn:hover {            color: var(--MainHoverColor);        }        #reply_app .msg_area_rp .line_rp .reply_box_rp:hover,        #reply_app .member_block_rp .star_block_box_rp .add_msg_rp:hover,        .RWDsearch_page .search-list .hashtag_block .hashtagLink:hover,        .layoutlist_4 .list_subject .hashtag_block .hashtagLink:hover,        .rwdlayoutlist_9 .hashtag_block .hashtagLink:hover,        .productlist .layoutlist_2 .item .compare .btn_compare:hover,        .compare .clearall:hover,        .page_wrapper_bg .fix-compare-btn:hover,        .hashtag_block .hashtagLink:hover,        .RWDquiry .btn.normal:hover,        .store_search_submit:hover,        .downlaod5_item_btn:hover,        .no-touch .layoutlist_3 .dbtn_v2:hover,        .btn-compare .btn.add:hover,        #btn_querycar:hover {            background: var(--BtnOutlineHoverBg);            color: var(--BtnOutlineHoverColor);            border: 1px solid var(--BtnOutlineHoverBg);            transform: var(--TransitionEase);        }        .productlist .layoutlist_2 .item .compare .btn_compare:hover .ii-check {            border: 1px solid var(--BtnHoverColor);        }        #reply_app .respond_form .button_rp:hover,        #reply_add_box .send_button_rp:hover,        .compare .main_box .more:hover,        .fbtn:hover,        #btn_shopping:hover {            background: var(--BtnHoverBg);            color: var(--BtnHoverColor);            border: 1px solid var(--BtnHoverColor);        }        .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {            background-color: var(--SubBtnHoverBg);            color: var(--SubBtnHoverColor);        }        .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {            background-color: var(--BtnHoverBg);            color: var(--BtnHoverColor);        }        .RWDproduct_page .download_container:hover .btn {            background: var(--MainHoverColor);        }        #btn_member_login:hover,        #div_forget_content #forget_table_btn:hover {            background: var(--BtnHoverBg);            border: 1px solid var(--BtnHoverColor);            color: var(--BtnHoverColor);        }        .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {            background: var(--NaviBtnHoverBg);            transition: var(--TransitionEase);            color: white;        }    }

/*內頁 end*/ 
/*客製化內頁 start*/ 

.photo_discription .text {    font-family: "Noto Sans TC", sans-serif !important;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01,.pagecontent .single-photo {    margin-top: max(4vw, 2rem) !important;}.article2 .hgroup .breadcrumb {    display: none;}/* 標題拿掉 */:is(.article1) section.hgroup {    display: none;}/* 背景 */ .collapsing_header .main:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: #f6f6f6;    top: 0;    left: 0;    z-index: -5;}/* 標題麵包 */ .hgroup .container .page_subject {    display: flex;    padding: 0;    flex-direction: column-reverse;    align-items: center;    justify-content: center;    gap: 5px 0;    position: relative;}.hgroup .container {    padding: 0;    border: none;}.hgroup .breadcrumb {    float: none !important;    position: relative;    background: transparent;    border: none;    padding: 0;    right: auto;    bottom: auto;}.breadcrumb>li+li:before {    content: '‧';    padding: 0;}/* 不用麵包 :is(.article8, .eformscontent) .hgroup .breadcrumb {    display: none;}*//* 排列grid */ .grid-article {    position: relative;    display: grid;}.grid-2 {    position: relative;    display: grid;    grid-template-columns: repeat(2, 1fr);    grid-gap: 0 5vw;}.grid-3 {    position: relative;    display: grid;    grid-template-columns: repeat(3, 1fr);}.grid-4 {    position: relative;    display: grid;    grid-template-columns: repeat(4, 1fr);}/* 排列flex */ .flex-row {    position: relative;    display: flex;    flex-wrap: wrap;}.flex-column {    position: relative;    display: flex;    flex-direction: column;}.column-center {    position: relative;    display: flex;    flex-direction: column;    align-items: center;}.align-start {    align-items: flex-start}.align-center {    align-items: center;}.align-end {    align-items: flex-end;}/* 文字 */ .page_wrapper_bg .article-text p {    margin-bottom: 15px;}.page_wrapper_bg .article-text p:last-child {    margin-bottom: 0;}/* 內頁BANNER */ .inn-banner-block .RWDbanner_plus01 .slick-caption .txt1 {    font-size: var(--FontSizeH6);    font-weight: 400;    line-height: 1.3;    letter-spacing: 1px;    color: var(--TitleMainColor);}.inn-banner-block .RWDbanner_plus01 .slick-caption .txt2 {    font-size: calc(var(--FontSizeMain)*1.25);    margin-top: 1rem;    font-weight: 700;    letter-spacing: 2px;    color: var(--TitleMainColor);    line-height: 1.2;    position: relative;}.inn-banner-block .RWDbanner_plus01 .slick-caption>.container {    padding: 0;    width: 65%;}.inn-banner-block .RWDbanner_plus01 .slick-caption {    top: 24%;}/* 共通設定 */:is(.inn-card, .inn-text-item, .inn-text, .inn-img, .about-article) {    position: relative;}.inn-text:last-child {    margin: 0;}.inn-text p:last-child {    margin: 0;}/* list */ul.inn-list {    padding-left: 25px;    list-style: disc;    font-size: var(--FontSizeH5);}ul.inn-list>li {    margin-bottom: 10px;    border-bottom: 1px dotted #dedede;    padding-bottom: 10px;}ul.inn-list>li:last-child {    padding-bottom: 0;    margin-bottom: 0;    border-bottom: none;}ul.inn-list>li::marker {    color: var(--MainColor);}ul.inn-list>li>span {    display: block;    font-size: var(--FontSizeH4);    font-weight: 500;    color: var(--TitleMainColor);}ul.inn-number-list {    list-style: decimal;    padding-left: 20px;    margin: 1rem 0 0;}/* 圖文輪播 */ .RWDslider01 .products-list {    margin-left: 0;    margin-right: 0;}/* 其他設定 */ .page_wrapper_bg .article-text .text-white {    color: white;}.page_wrapper_bg .article-text .container .pagecontent {    padding: 0 !important;}/* 內頁圖片+背景 */ .inn-img img {    width: 100%;}.inn-bg {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -2;    overflow: hidden;}.inn-bg img {    max-height: 120%;    min-height: 120%;    object-fit: cover;    width: 100%;}/* 內頁共通 */ .page_wrapper_bg .article-text {    padding: 4vw 4vw;    background: #fff;    box-shadow: 1.3px 1.6px 3.8px -70px rgba(0, 0, 0, 0.011), 3.1px 3.9px 9.2px -70px rgba(0, 0, 0, 0.016), 5.8px 7.3px 17.4px -70px rgba(0, 0, 0, 0.02), 10.3px 13px 31px -70px rgba(0, 0, 0, 0.024), 19.2px 24.2px 58.1px -70px rgba(0, 0, 0, 0.029), 46px 58px 139px -70px rgba(0, 0, 0, 0.04);    overflow: visible;    border: 1px solid #efefef;}.page_wrapper_bg .line {    height: auto;    background: transparent;    width: auto;    margin: 0;}.inn-text>b.inn-box {    padding: 2rem;    margin-top: 2rem;    display: block;    background: #f6f6f6;    font-size: 120%;    border-bottom: 5px solid var(--MainColor);}ul.info-list {    list-style: none;    padding: 0;    margin: 0;}.page_wrapper_bg .article-text a {    color: var(--TextMainColor);}ul.info-list>li>a>small {    display: block;}ul.info-list>li>strong {    color: var(--TitleMainColor);    font-size: 115%;    line-height: 1.8;    display: block;}ul.circle-list {    padding-left: 20px;    list-style: disc;}.page_wrapper_bg .article-text a.inn-link {    color: var(--MainColor);    border-bottom: 1px solid;}.page_desc i.icon.ion-android-arrow-dropright-circle,.inn-text i.icon.ion-android-arrow-dropright-circle {    color: var(--MainColor);}/* about */ .about-article.about-article02 {    grid-template-columns: 27% auto;    background: #f6f6f6;    align-items: center;    grid-gap: 0 4rem;}.about-article02 ul.info-list>li>b {    display: block;}.about-article02 ul.info-list>li {    margin-bottom: 10px;    border-bottom: 1px dashed #dedede;    padding-bottom: 10px;}.about-article02 ul.info-list>li:last-child {    padding-bottom: 0;    border-bottom: none;    margin-bottom: 1rem;}.about-article.about-article02 .inn-text {    padding: 0 0 0 5rem;}.about-article03 ul.info-list>li {    margin-bottom: 20px;}img.about-road01 {    max-width: 35px;    margin: 0 10px 0 0;}.about-article03 .inn-text h3 {    background: var(--TitleMainColor);    color: white;    padding: 10px 2rem;    border-radius: 5px;    font-size: var(--FontSizeH5);}.about-article03 .inn-text ul.info-list {    padding: 0 2rem;}.phone-item {    display: flex;    flex-wrap: wrap;    gap: 0 20px;}a.phone01:before, a.phone02:before {    content: '';    position: absolute;    width: 1px;    height: 100%;    background: #dedede;    right: -10px;}a.phone {    position: relative;}/* 相簿 */ .photo_view {    padding: 3rem 4rem;    background: #f6f6f6;    border-bottom: 5px solid var(--MainColor);}.photo_view .flexslider .slides2 {    height: max(7vw, 150px) !important;}#album .page_content2 .dis .dis_li .text {    margin-bottom: 0;    text-align: center;}.page_wrapper_bg .article-text h4+hr {    margin: 10px 0;    border-top: 1px solid #dedede;}.product-article {    grid-gap: 1.5rem 4rem;    padding: 0;    background-color: transparent;    border-top: none;}/*.product-article.gray-bg,.gray-bg {    padding: 2rem 3rem;    background: #f6f6f6;    border-top: 5px solid var(--MainColor);}*/ .product-article.gray-bg ul.info-list>li {    display: flex;    gap: 0 5px;    margin: 0 0 5px;}.product-article .inn-text-item>h3>span {    padding-right: 15px;    border-right: 1px solid white;    margin-right: 15px;    line-height: 1;}.product-article .inn-text-item>h3 {    background: var(--TitleMainColor);    color: white;    padding: 15px 30px;    border-radius: 5px;    font-size: var(--FontSizeH5);    letter-spacing: 1px;    line-height: 1.2;    margin-bottom: 2rem;}.product-article  .text h4,.product-article .inn-text-item .text h4 {    font-size: var(--FontSizeH6);}.product-article .inn-text-item .text {    padding: 0 30px;    margin: 0 0 1.5rem;}.album_item img {    border: 1px solid #dedede;}.photo_view .flexslider {    border: none;}.photo_view .flexslider .slides2 {    height: max(7vw, 180px) !important;}.photo_view .flexslider .slides2 li {    margin: 0;}.photo_view .flexslider .slides2 img {    opacity: 1;    position: relative;}.photo_view .flexslider .slides>li:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: #646464;    opacity: .5;    top: 0;    left: 0;    z-index: 1;    transition: 0.35s ease-out;}.photo_view .flexslider .slides>li {    position: relative;}.photo_view .flexslider .slides>li.flex-active-slide:before {    opacity: 0;    transition: 0.35s ease-out;}.photo_view .flexslider {    background: transparent !important;    border: none !important;}.photo_view #carousel .flex-direction-nav a {    border-color: white !important;    background-color: white;    border: 1px solid #dedede !important;}.photo_view .flexslider {    margin: 0 0 20px;}.photo_view #carousel .flex-direction-nav a {    display: block;    width: 40px !important;    height: 40px !important;}.photo_view #carousel .flex-direction-nav a:before {    top: 50% !important;    left: 50% !important;    right: auto !important;    transform: translate(-50%, -50%);    display: flex;    justify-content: center;    align-items: center;    width: 31px;    height: 31px;}

/*客製化內頁 end*/ 
/*小螢幕 start*/ 

@media (max-width: 2000px) {    .news-block {        left: 0;    }    .RWDnews014 {        width: 35vw;        border-radius: 0 30px 0 0;    }    .RWDbanner_plus01 .slick-caption>.container {        width: 100%;        padding: 0 7vw;    }    .RWDbanner_plus01 .slick-caption {        top: 15%;    }    .RWDnews014 .news_link {        padding: 25px 3vw;    }    .RWDnews014 .news_link .pic {        right: 3vw;    }    .product-block .container {        width: 88%;    }    .RWDproduct004 .list-inline {        font-size: 15px;    }    .project-block .container,    .about-block .container {        width: 85%;    }    .RWDscore01 .count-item {        padding: 0 40px;    }    .RWDscore01 .more-btn {        margin: 40px 0 0;    }    .RWDscore01 .count-num {        font-size: 42px;    }    .footer-block .container {        width: 80%;    }}@media (max-width: 1800px) {    .banner-block .RWDbanner_plus01 .slick-item .pic img {        object-fit: cover;        min-height: 38vw;        object-position: left;    }    .RWDnews014 .news_link {        padding: 25px 50px;    }    .RWDnews014 .news_link .pic {        right: 50px;    }}@media (max-width: 1730px) {    .RWDmenu_plus04 .logo {        margin-top: 12px;        width: 165px;    }    .RWDmenu_plus04 .site-nav .menu>li>a {        padding: 25px 10px;    }    .RWDmenu_plus04 #mobile-menu,    .RWDmenu_plus04 .ml-stack-nav-toggle,    .RWDmenu_plus04 .toggle-menu {        display: block;    }    .RWDmenu_plus04 .site-nav {        display: none    }    .RWDmenu_plus04 .features {        position: relative;        float: right;        margin-right: 10px;        padding-right: 10px;        width: auto;    }    .RWDmenu_plus04 .features .edit {        display: block;        margin-right: 12px;    }    .RWDmenu_plus04 .menu-btn a {        width: auto;        font-size: 15px;        padding: 6px 22px;    }    .RWDmenu_plus04 .features:after {        content: "";        position: absolute;        right: 0;        top: 20%;        height: 60%;        width: 1px;        background-color: #d2d2d2;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active {        background-color: #5bbbbc;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        background-color: transparent;        color: #fff;    }    .RWDmenu_plus04 .menu li a {        color: #555;        font-size: 15px;        letter-spacing: 1px;    }}@media (max-width: 1700px) {    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        width: calc(100% / 3 - 30px);    }    .about-main {        padding-right: 3vw;    }    .about-pic .RWDparallax_new .picbgbox {        height: 40vw !important;    }    .RWDscore01 .score-content {        padding-top: 20px;    }    .index .section-subject {        margin: 0 0 30px;    }    .ftinfobox {        width: 60%;    }    .about-main {        width: 70%;    }    .RWDscore01 .count-title {        font-size: 18px;    }    .about-pic .RWDparallax_new .picbgbox {        height: 45vw !important;        background-position-x: right !important;    }}@media (max-width: 1500px) {    .RWDbanner_plus01 .slick-caption {        top: 70px;    }    .RWDbanner_plus01 .slick-caption .txt3 {        margin-top: 20px;        font-size: 16px;    }    .RWDbanner_plus01 .slick-caption .txt2 {        font-size: 22px;    }    .RWDnews014 {        width: 40vw;    }    .RWDnews005 .owl-theme .owl-controls .owl-buttons div {        width: 4rem !important;        height: 4rem !important;        font-size: 30px;    }    .RWDnews005 .controlls-over .owl-controls .owl-prev {        left: -45px;    }    .RWDnews005 .controlls-over .owl-controls .owl-next {        right: -45px;    }    .footer-block .container {        width: 85%;    }    .RWDbanner_plus01 .slick-caption>.container {        padding: 0 10vw;    }}@media (max-width: 1400px) {    .footer-social {        width: 30%;    }    .RWDscore01 .count-blk {        padding-left: 0;        padding-right: 0;    }    .RWDscore01 .count-title {        font-size: 16px;    }    .news005_h4.text-left.margin-top-20,    .RWDproduct004 #portfolio div.col-md-3 h2,    .RWDproduct004 #portfolio div.col-md-3 h3 {        font-size: 20px;    }    .project-block:before {        height: 24vw;    }}@media (max-width: 1300px) {    .banner-block .RWDbanner_plus01 .slick-item .pic img {        min-height: 43vw;        object-position: 35%;    }    .RWDnews014 .news_link {        padding: 25px 30px;    }    .RWDnews014 .news_link .pic {        right: 30px;    }    .RWDnews014 {        width: 45vw;    }    .swiper-button-next.swiper-button-disabled,    .swiper-button-prev.swiper-button-disabled {        opacity: 1;        filter: brightness(1.085);    }    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        width: calc(100% / 3 - 20px);        margin: 0px 10px !important;    }    .RWDproduct004 .item-box-desc {        padding: 30px;    }    .RWDproduct004 .list-inline {        min-height: 95px;    }    .project-block .container,    .about-block .container,    .product-block .container {        width: 90%;    }    .RWDscore01 .count-item {        padding: 0 30px;    }    .footer-block .container {        width: 90%;    }    body,    html {        font-size: 15px;    }    /*----------*/    .footer-block .container {        width: 75%;        flex-wrap: wrap;    }    .ftinfobox ul {        padding: 0;        border-top: none;        margin: 15px 0 0;    }    .footer-main {        width: 70%;    }    .footer-linebox {        width: 30%;    }    .ft-allsec {        gap: 40px;        align-items: center;    }    .footer-social {        width: 100%;        display: flex;        flex-wrap: wrap;        border-top: 1px solid #ababab;        margin-top: 30px;        padding-top: 30px;    }    .RWDsocial002 {        margin: 0 0 10px;        width: 100%;    }    .RWDssl01 {        margin: 0 10px;    }    .RWDnews005 .owl-theme .owl-controls .owl-buttons div {        display: none;    }    .RWDnews005 .controlls-over .owl-pagination {        display: block;    }}/* 匯入內頁補丁包-分頁籤*/@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);    }}@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;    }}@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;    }}@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);    }}

/*小螢幕 end*/ 
/*內頁小螢幕 start*/ 

@media (max-width: 2400px) {    .page_wrapper_bg section.call_to_action>.container {        width: 75%;    }}@media (max-width: 2200px) {    .page_wrapper_bg section.call_to_action>.container {        width: 80%;    }}@media (max-width: 2000px) {    .page_wrapper_bg section.call_to_action>.container {        width: 85%;    }}@media (max-width: 1800px) {    .page_wrapper_bg section.call_to_action>.container {        width: 90%;    }}@media (max-width: 1680px) {    /* all */    .page_wrapper_bg .article-text h2 {        margin: 0 0 1.5rem;    }    /* about */    .about-article.about-article01 .inn-img {        height: 100%;    }    .about-article.about-article01 .inn-img img {        max-height: 100%;        min-height: 100%;        object-fit: cover;    }    .about-article.about-article02 .inn-text {        padding: 0 0 0 3rem;    }}@media (max-width: 1550px) {    :root {        --FontSizeP: 15px;    }    /* product */    .product-article.grid-2 {        grid-gap: 2rem 2rem;    }    .product-article .inn-text-item>h3>span {    display: block;    padding: 0;    margin: 0 0 5px;    border: none;}.product-article .inn-text-item>h3 {    text-align: left;}}@media (max-width: 1360px) {}@media (max-width: 1280px) {    /* product */    .product-article .inn-text-item .text {    padding: 0;}}

/*內頁小螢幕 end*/ 
/*1199px start*/ 
@media (max-width: 1199px) {
.banner-block .RWDbanner_plus01 .slick-caption>.container {    width: 75%;    padding: 0;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 {    font-size: 45px;}.news-block {    left: 50%;    bottom: -10vw;    transform: translateX(-50%);}.RWDnews014 {    width: 50vw;    border-radius: 30px;}.banner-block {    margin-bottom: 10vw;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100% / 2 - 20px);    margin: 0px 10px !important;}.RWDproduct004 .list-inline {    min-height: initial;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    display: -webkit-box;    margin-top: 10px !important}.RWDnews005 h4 a,.news005_h4 a {    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    display: -webkit-box;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item .text-left {    text-align: center;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    display: -webkit-box;}/*-------*/ .product-block,.project-block {    padding: max(5vw, 70px) 0;}.about-block {    padding: 0 0 max(5vw, 70px);}.footer-block {    padding: max(5vw, 70px) 0 max(3vw, 50px) 0;}.about-block .container {    flex-wrap: wrap;    flex-direction: column-reverse;}.project-block .container,.about-block .container,.product-block .container {    width: 85%;}/*---------*/ .about-main {    width: 100%;    padding: 0;    margin-top: 40px;}.about-pic {    width: 100%;}.abinfo-block .section-subject {    border-bottom: 1px solid #bfbfbf;    padding: 0 0 20px;    margin: 0 0 40px;}h3.sub-title {    font-size: 20px !important;}h2.main-title {    font-size: clamp(2rem, 1.2894rem + 1.5vw, 4.125rem) !important;}.index .section-subject {    text-align: center;}.RWDscore01 .count-item {    padding: 40px 20px !important;    width: calc(100% / 3);    text-align: center;    background: #f6f6f6;    border-right: 1px solid #e5e5e5}.RWDscore01 .more-btn {    margin: 40px auto 0;}.RWDscore01 .count-num {    line-height: 1.2;}.RWDscore01 .count-title {    margin-top: 0;}.about-pic .RWDparallax_new .picbgbox {    background-position-y: center !important;}.ftinfobox ul span.lastphone {    display: block;    margin-left: 42px;}/* 匯入內頁補丁包-分頁籤*//* sidebar */#sidebar.layoutmenu1,#sidebar.layoutmenu3,#sidebar.layoutmenu6 {    padding-left: 0;    padding-right: 0;    width: 100%;    margin-bottom: var(--SectionTitleBottom);}.productlist .layoutlist_3>div {    width: calc(100%/2);}.main section .container .article-text>.container .xrow #sidebar {    position: relative;    top: 0;}/* 排序 */ .productlist .sortbar {    margin-bottom: var(--SectionTitleBottom) !important;}.member .col-sm-9,.productlist .sortbar,.pagecontent {    width: 100% !important;}.productlist .sortbar,.webdesc {    padding-inline: 0;}/*文章列表-04*/#article .layoutlist_4 .item {    flex-direction: column;    border-bottom: var(--BorderGrayPx1);    padding: 0;    margin-bottom: var(--ItemSpacing);    border: 0;}#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate {    width: 100%;}#article .layoutlist_4 .item .list_img {    padding: 0;    margin: 0 0 10px;}#article .layoutlist_4 .list_subject {    padding: 0;    margin: 0 0 10px;}#article .layoutlist_4 .listdate {    border: 0;    display: flex;    align-items: center;    padding: 0;    border-left: 0 !important;}#article .layoutlist_4 .listdate .day:before {    content: "/";    margin-right: 5px;    color: var(--TextSubColor);}#article .layoutlist_4 .listdate .yearmonth,#article .layoutlist_4 .listdate .day {    font-size: 12px;    color: var(--TextSubColor);    position: relative;    margin-left: 5px;}.pagecontent,#article .layoutlist_4 .fixrow {    padding-inline: 0 !important;}.productlist .sortbar,.webdesc {    text-align: center;}.menu3 .rwdlayoutlist_9 .litem {    width: calc(100%/3);}/* 文章列表 */ .litem__text {    width: 90%;}/* 評論 */#reply_app .msg_block_rp {    width: 100%;}/* 內頁 *//* all */ .page_wrapper_bg section.call_to_action>.container {    width: 85%;}.page_wrapper_bg .article-text {    padding: 6vw 6vw;}/* banner */ .inn-banner-block .RWDbanner_plus01 .slick-caption>.container {    width: 90%;}/* about */ .about-article01.grid-2 {    display: flex;    flex-direction: column-reverse;    gap: 0;}.inn-text>b.inn-box {    border-bottom: none;    padding: 3rem 7rem;    text-align: center;}.about-article.about-article02 {    display: flex;    flex-direction: column;    background: transparent;    gap: 3rem 0;    border-bottom: aliceblue;}.about-article.about-article02 .inn-text {    width: 100%;    padding: 0;}.about-article02 ul.info-list>li>b {    display: inline-block;    min-width: 80px;}.about-article02 ul.info-list>li {    display: flex;}.about-article03 .inn-text .grid-2 {    display: flex;    flex-direction: column;    gap: 2rem 0;}.about-article.about-article01 .inn-img {    height: auto;}.about-article.about-article01 .inn-img img {    min-height: auto;    max-height: none;    object-fit: contain;}/* prdocut */ .product-article .inn-text-item>h3>span {    padding-right: 15px;    border-right: 1px solid white;    margin-right: 15px;    line-height: 1;    display: inline-block;}.product-article.grid-2 {    grid-template-columns: 1fr;}.product-article .inn-text-item .text {    padding: 0 1.5rem;}.photo_view .flexslider .slides2 {    height: max(7vw, 150px) !important;}
}
/*1199px end*/ 
/*1024px start*/ 
@media (max-width: 1024px) {
/* 匯入內頁補丁包-分頁籤*//*產品內頁-01*/ .page_content1 #prod_name {    width: 100%;    margin-bottom: 8px;}/*電子表單*/ .form-group label {    padding-left: 0 !important;    padding-right: 0 !important;}#join_form .form-checkbox,#join_form .form-radio {    padding: 0 0 0 28px !important;}/* FAQ */ .rwd .faq_item:first-child .faq_question {    padding: 0px 0px 15px;}.rwd .faq_question {    padding: 15px 0;    font-size: 16px;}.faq_a_icon:before,.faq_q_icon:before {    font-size: 18px;}/* 搜尋 */ .RWDsearch01 {    display: flex;    flex-direction: column;    gap: 1rem;    justify-content: center;    align-items: center;}/* 評論 */#reply_app .msg_block_rp {    width: 90%;}
}
/*1024px end*/ 
/*991px start*/ 
@media (max-width: 991px) {
    .footer-block .container {        width: 90%;        flex-wrap: wrap;    }    .ft-allsec {        gap: 25px;    }    .project-block .container,    .about-block .container,    .product-block .container {        width: 90%;    }    .project-block:before {        height: 40vw;    }    .about-pic .RWDparallax_new .picbgbox {        height: 55vw !important;    }    .RWDproduct004 .list-inline {        -webkit-line-clamp: 2;    }    /*-----------------*/    .footer-block .container {        width: 80%;    }    .footer-main {        width: 100%;        border-bottom: 1px solid #cecece;        padding: 0px 0 30px;        margin: 0px 0 40px;    }    .footer-linebox {        width: 30%;    }    .footer-social {        width: 70%;        display: flex;        flex-wrap: wrap;        border-top: none;        padding: 0;        margin: 0    }    .footer-social .RWDedictor,    .RWDssl01,    RWDcopyright {        width: 100%;    }    .RWDssl01 {        margin: 0;    }    /*-------------*/    .banner-block .RWDbanner_plus01 .slick-caption>.container {        width: 70%;        padding: 0;    }    .banner-block .RWDbanner_plus01 .slick-caption {        top: 120px;    }    .RWDnews014 {        width: 70vw;    }    /* 匯入內頁補丁包-分頁籤*/    .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%    }    .form-horizontal .form-column,    .eformscontent .form-column {        width: 100%;        padding: 0 !important    }    /*產品內頁-02*/    .RWDproduct_page .hashtag .hashtag_block,    .RWDproduct_page .menu3 .pic-box,    .RWDproduct_page .menu3 .products-info,    .RWDproduct_page .products-info,    .RWDproduct_page .pic-box {        width: 100%;        padding: 0;    }    .RWDproduct_page .products-info .name-box {        margin-top: 2rem;    }    .page_wrapper_bg .tabs .content,    .RWDproduct_page .tab-box .tab-container>ul>li {        padding: 1.5rem;    }    .download_container {        grid-template-columns: 80% auto;    }    /* 購物車按鈕pad         #mobile-fixed .btn-box .normal {            background: transparent;            color: #444;            border: 1px solid #444;            border-radius: 0;        }                #mobile-fixed .btn-box .bg2 {            border-radius: 0;            transition: all 0.3s ease;            border: 1px solid #000;            color: #fff;            background: #000;        }                .RWDshopping #mobile-fixed .btn.normal {            color: #444;        }  */    /* 購物車*/    .RWDshopping_v3 .cart-wrapper {        width: 95%;    }    .voucherbonus-btn {        text-decoration: underline;    }    .toggleblock-head .mainblue {        color: var(--TextMainColor);    }    /*檔案下載*/    .download .search-container {        margin-left: 20px;        margin-top: 0;    }    .download5_list .col-sm-6 {        grid-template-columns: 1fr;    }    .downlaod5_item_btn {        max-width: unset;    }    /* 搜尋結果 */    .RWDsearch_page .list-img>ul {        margin: 0;    }    /* 文章內頁 */    .articlecontent .btn.btn_back a {        margin-right: 0;    }    /* 內頁 */    /* about */    .inn-text>b.inn-box {        padding: 3rem 3rem;    }    /* 內頁 */    /* banner */    .inn-banner-block .RWDbanner_plus01 .slick-caption :is(.txt1, .txt2) {        color: white;    }    .inn-banner-block .RWDbanner_plus01 .slick-caption>.container {        width: 80%;        text-align: center;    }    /* product */    .photo_view {        padding: 2rem;    }
}
/*991px end*/ 
/*800px start*/ 
@media (max-width: 800px) {
/* 匯入內頁補丁包-分頁籤*/ .block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn {    margin-top: var(--ItemSpacing) !important;}.page_content1 .download_container .btn {    margin-top: 0 !important;}.list_faketb__li>div {    padding: 18px 8px;}/* 內頁 */
}
/*800px end*/ 
/*768px start*/ 

@media (max-width: 768px) {.footer-block .container {    padding: 15px;}}

/*768px end*/ 
/*767px start*/ 
@media (max-width: 767px) {
.RWDmenu_plus04 .features .edit {    display: none;}.mobile_bottom__ul {    flex-direction: row;}.RWDmobile_bottom_v2 {    bottom: 0;    border-radius: 0;    width: 100%;}.RWDmobile_bottom_v2 a.mobile_bottom__a {    display: flex;    flex-direction: row;    align-items: center;    justify-content: center;    padding: 0;}.RWDmobile_bottom_v2 .icon {    margin: 0 5px 0 0;}.RWDmobile_bottom_v2 .text {    font-size: 15px;    letter-spacing: 1px;    writing-mode: initial;    margin-top: 0;}.mobile_bottom__li {    padding: 12px 0;    border-bottom: none;    border-right: 1px solid #a6a6a6;}.mobile_bottom__li:last-child {    border: none}.RWDscore01 .trigger-next,.RWDscore01 .trigger-prev {    display: none;}.RWDscore01 .count-item {    padding: 20px !important;    width: 100%;    border-right: none;    border-bottom: 1px solid #e5e5e5;}.RWDscore01 .count-num {    font-size: 33px;}.footer-block {    padding: max(5vw, 70px) 0 max(3vw, 90px) 0;}.ft-allsec {    flex-direction: column;    gap: 50px;    text-align: center;}.ftinfobox {    width: 100%;}.icon.fa.fa-facebook {    color: #065ea9;}.RWDnews014 {    width: 85vw;}.banner-block .RWDbanner_plus01 .slick-caption {    top: 75px;}.banner-block .RWDbanner_plus01 .slick-caption>.container {    width: 80%;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: 100%;    margin: 0 !important;}.footer-linebox {    margin: 0 0 30px;}.ftlogobox img {    width: 50%;}.ftlogobox span {    font-size: 27px;    letter-spacing: 1px;}.ftlogobox {    text-align: center;    width: 35%;}.footer-block .container {    width: 90%;}.ftinfobox li.ft-phonebox span {    display: inline-block;    margin: 0;}.footer-linebox,.footer-social {    width: 100%;    text-align: center;    align-items: center;    flex-direction: column;}.footer-linebox .line-allbox {    display: flex;    justify-content: center;}.RWDsocial002 {    display: flex;    justify-content: center;}/* 20240710 */ .footer-block:after {    background-position: 84%;}/* 匯入內頁補丁包-分頁籤*//*列表樣式*/ .layoutlist_8.rwd .item,#article .layoutlist_7 .litem,#article .layoutlist_4 .xrow.list>div,#video .layoutlist_2 .video_item,.album-list .item,.row .album_d_item,.photo .content_box,#album .layoutlist_2 .album_item,#album .layoutlist_1 .row.masonry .album_item,#product .layoutlist_5.layoutlist .col-sm-4,#product .layoutlist_5.layoutlist .col-sm-3.col-md-3,.productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3,#product .layoutlist_4 .col-xs-6,#product .layoutlist_3.row>.col-md-12,#product .layoutlist_2 .col-sm-6 {    width: calc(100% / 2) !important;}/*文章列表樣式-02*/#article .layoutlist_2 {    display: flex;    flex-wrap: wrap;    gap: 2.5rem 2rem;}.page_wrapper_bg #article .layoutlist_2 .listdate {    border-left: 0;    text-align: left;}#article .layoutlist_2 .item {    width: calc(50% - 1rem);    padding: 0;    border-bottom: 0;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate {    padding-left: 0px;    padding-right: 0;}#article .layoutlist_2 .listdate .yearmonth::after {    content: "/";    position: relative;    display: inline-block;}#article .layoutlist_2 .listdate .yearmonth,.layoutlist_2 .listdate .day {    display: inline-block;}#article .layoutlist_2 .listdate .yearmonth,#article .layoutlist_2 .listdate .day {    font-size: 12px !important;    letter-spacing: 2px !important;    margin-left: -3px;    color: var(--TextSubColor);}/*文章列表樣式-03*/#article .layoutlist_3 {    display: flex;    flex-wrap: wrap;}#article .layoutlist_3 .item {    width: calc(100% / 2 - 21px);    margin: 0 10px;}#article .layoutlist_3 .listdate .day {    font-size: 12px !important;    letter-spacing: 2px !important;    color: var(--TextSubColor);}#article .layoutlist_3 .listdate .day::before {    content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4 .xrow.list>div {    margin-bottom: var(--ItemSpacing);}/*文章列表樣式-06*/ .rwdlayoutlist_6 .subject_title {    display: flex;    align-items: center;}.rwdlayoutlist_6 .list_no {    width: 16.66666667%;}.rwdlayoutlist_6 .list_subject {    width: 66.66666667%;}.rwdlayoutlist_6 .list_date {    width: 16.66666667%;}.rwdlayoutlist_6 .list_item {    display: flex;    justify-content: flex-start;    align-items: center;}.rwdlayoutlist_6 .list_item .column.no {    width: 16.66666667%;}.rwdlayoutlist_6 .list_item .column.subject {    width: 66.66666667%;}.rwdlayoutlist_6 .list_item .column.date {    width: 16.66666667%;}/*文章列表樣式-07*/#article .layoutlist_7 .row {    flex-wrap: wrap;}.layoutlist_7 .row:before,.layoutlist_7 .row:after {    display: none;}.layoutlist_7 .summary {    margin-top: 0 !important;}/*文章列表樣式-08*/ .layoutlist_8.rwd {    display: flex;    flex-wrap: wrap;}.layoutlist_8.rwd .item {    border-bottom: 0;    padding-inline: 15px;}#article .layoutlist_8 .item {    padding-bottom: 0;}.layoutlist_8.rwd .list_img+.list_subject {    margin-top: 15px;    padding-inline: 0;}.layoutlist_8.rwd .listdate {    text-align: left;    margin-top: 10px;    padding: 0;}.layoutlist_8.rwd .listdate .yearmonth,.layoutlist_8.rwd .listdate .day {    color: var(--TextSubColor);    font-size: 12px;    letter-spacing: .5px;}/*文章列表頁籤*/ .tab_content {    font-size: var(--FontSizeP);    color: var(--TextSubColor);    line-height: 1.5;}.page_wrapper_bg .tab {    border-top: var(--BorderGrayPx1);    padding: 15px;}.page_wrapper_bg .tab_title {    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    line-height: 1.5;    font-weight: 400;}.tab.open .tab_title {    margin: 0 0 20px;    font-weight: 500;}.page_wrapper_bg .tab:last-child {    border-bottom: var(--BorderGrayPx1);}/*產品頁籤*/ .RWDproduct_page .faq-item .faq-question {    padding: 10px 0;    font-size: var(--FontSizeH4);    color: var(--TextMainColor);    letter-spacing: 2px;}.RWDproduct_page .faq-item.active .faq-question {    background: #ddd;}.RWDproduct_page .faq-item .faq-question:before {    display: flex;    justify-content: center;    align-items: center}.page_content1 #productbx {    overflow: hidden;}/* 產品置底按鈕 */#mobile-fixed .btn-shop {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 1rem;    justify-content: space-between;}#mobile-fixed .btn-shop:after {    display: none;}#mobile-fixed .btn-shop .btn,#plusbuy_mobile-fixed .btn-shop .btn {    margin-top: 10px;}#mobile-fixed.show-info {    z-index: 203;}#mobile-fixed .container {    margin-block: 12px;}/* 產品內頁A */#btn_shopping_tracking,#prod_stands_area,#prod_stands2_area,#prod_amount_area,.btn_shopping,.btn_querycar {    width: calc(100% / 1 - 10px) !important;}/*產品列表樣式 C*/ .productlist .layoutlist_3 .item .col-sm-12.col-md-6 {    padding-inline: 0;}#product .item .subject {    margin-top: 8px;}.productlist .layoutlist_4 .product_list_item .img1 {    margin-bottom: 0;}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {    float: left;}.productlist .layoutlist_4 .pricearea {    align-items: flex-start;    gap: 10px;    flex-direction: column;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist {    display: flex;    flex-wrap: wrap;}.layoutlist_5 .list-btn_mobile a {    line-height: 2;    margin-top: 8px;}/*產品我的最愛按鈕調整*/ .RWDproduct_page .btn-other {    margin: 10px 0}.RWDproduct_page .btn-other li {    width: fit-content;    display: block;    text-align: left;    padding: 0}.RWDproduct_page .btn-other li .ii {    display: inline-block}/*相簿列表樣式-01*/#album .layoutlist_1 .row.masonry {    display: flex;    flex-wrap: wrap;}#album .layoutlist_1 .row.masonry .album_item {    margin-top: 0 !important;    padding-inline: 10px;}/*相簿列表樣式-02*/#album .layoutlist_2 {    display: flex;    flex-wrap: wrap;}/*相簿內容樣式-01*/ .albumcontent section.call_to_action .container .article-text .container .row {    display: flex;    flex-wrap: wrap;}.page_content1v1 .album_d_item {    margin-bottom: 20px !important;}/*相簿內容樣式-04*/#article .layoutlist_4 .item {    display: initial;}/*相簿內容箭頭*/ .photo_view .flex-direction-nav .flex-disabled {    opacity: 10 !important;}/*檔案下載樣式-01*/ .download .list_table td.list_subject {    text-align: center;}.download .list_table th.split {    display: none}.download .list_table td {    line-height: 1.5;    padding: 10px}.download .list_table th.list_downloadbtn,.download .list_table th.list_no,.download .list_table td.list_no {    min-width: 100px}.download .list_table th.list_date {    width: calc(100% - 200px)}.download .list_table td.split {    display: none;}/*檔案下載樣式-02*/ .download .item table tr {    display: flex;    flex-direction: column;}.download .oneline {    display: flex;    flex-wrap: wrap;}.download .list_table td {    width: 100%;    padding-top: 15px;}.download .list_table td:nth-child(2) {    display: none;}.download .oneline .col-md-4.col-sm-6 {    width: calc(100% / 3);}.layoutlist_5 .downlaod_item {    width: calc(100%/2);}.download5 .search-container {    margin: 10px 0 0;}.downloadForMobile__btn {    display: flex;    align-items: center;    justify-content: center;}/*影片列表*/#video .layoutlist_2 {    display: flex;    flex-wrap: wrap;}/*購物車呼籲置底*/#mobile-fixed .fixed-bottom .price-box {    text-align: center;}#mobile-fixed .btn-box.step1 li,#mobile-fixed .btn-box.step2 li {    padding: 0 1px;}#mobile-fixed .btn-box .normal {    text-align: center;    padding: 10px 0;    font-size: 15px !important;}#mobile-fixed .btn-box ul {    display: flex;}.RWDshopping_v3 .cart-container {    width: 100%;    margin: auto;}/* 比較表 */ .page_wrapper_bg .fix-compare.is-phone {    padding: 10px 15px;}.page_wrapper_bg .is-phone .fix-compare-btn {    color: var(--BtnOutlineColor);    background: var(--BtnOutlineBg);    border: 1px solid var(--BtnOutlineColor);    border-radius: var(--BtnBorderRadius);    font-size: var(--BtnFontSize);    font-weight: 500;}.compare .clearall {    top: 0;}.compare .main_box .memo,.compare .main_box .main_name {    text-align: left;}.compare .compare-container {    padding: 0;}.compare .main_box {    padding: 0 10px;}.compare .main_box .main_name {    font-size: calc(var(--FontSizeH3)* 0.9);}.compare .swiper-button-prev,.compare .swiper-button-next {    width: 35px;    height: 35px;    background-color: #ffffff;}.compare .main_box .memo,.compare .main_box .main_name,.compare .main_box .normal_price,.compare .main_box .special_price {    padding-inline: 0px;}.compare .main_box .normal_price,.compare .main_box .special_price {    text-align: left;    font-size: 14px;    letter-spacing: 0;    min-height: unset !important;}.page_wrapper_bg .fix-compare.is-phone.active {    top: var(--NaviHeight);    transform: unset;}#reply_app .member_block_rp {    padding-top: 1rem;}.list_faketb__subject {    text-align: center;}@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;    }}/* 內頁 *//* all */ .page_wrapper_bg section.call_to_action>.container {    width: 90%;}/* 內頁 *//* product */ .photo_view .flexslider .slides2 {    height: max(5vw, 120px) !important;}.article1 .pagecontent .single-photo {    height: 40vw;}.article1 .pagecontent .single-photo img {    min-height: 100%;    max-height: 100%;    object-fit: cover;}
}
/*767px end*/ 
/*650px start*/ 

@media (max-width: 650px) {    /* all */    .page_wrapper_bg .article-text {        padding: 8vw;    }    .inn-text>b.inn-box {        padding: 2rem;        text-align: left;    }    /* banner */    .inn-banner-block .RWDbanner_plus01 .slick-caption .txt2 {        margin-top: 10px;    }    .inn-banner-block .RWDbanner_plus01 .slick-caption .txt2 {        font-size: calc(var(--FontSizeMain) * 1.125);    }    /* about */    .about-article02 ul.info-list>li>b {        min-width: 70px;    }    .about-article03 .inn-text ul.info-list {        padding: 0;    }    .about-article03 .inn-text h3 {        padding: 10px 1.5rem;    }    ul.circle-list.grid-3 {        grid-template-columns: auto;    }    /* product */    .product-article .inn-text-item .text {        padding: 0;    }    .product-article .inn-text-item>h3 {        padding: 1rem;    }    .photo_view .flexslider .slides2 {        height: max(5vw, 80px) !important;    }    .product-article.gray-bg,    .gray-bg {        background: transparent;        border: none;        padding: 0;    }    #album .page_content2 .dis .dis_li .text {        text-align: left;    }}

/*650px end*/ 
/*600px start*/ 
@media (max-width: 600px) {
      .fl {           width: 240px;      }      .RWDnews005 .owl-carousel.owl-padding-10 {           padding: 15px 10px;      }      .abinfo-block .section-subject {           text-align: left;      }      .RWDscore01 .more-btn {           margin: 30px auto 0;           width: 100%;      }      .scrollTop002 {           bottom: 80px;      }      .RWDnews014 .news_link {           padding: 10px 20px 50px 20px;      }      .RWDnews014 .news_link .title {           margin: 10px 0;      }      .banner-block {           margin-bottom: 27vw;      }      .news-block {           bottom: -27vw;      }      .banner-block  .RWDbanner_plus01.style-dotnav.control-left .control-box,      .banner-block  .RWDbanner_plus01.style-dotnav.control-right .control-box {           bottom: 60px;      }      .banner-block .RWDbanner_plus01 .slick-caption {           top: 40px;      }      .banner-block .RWDbanner_plus01 .slick-caption .txt1 {           font-size: 28px;      }      .banner-block .RWDbanner_plus01 .slick-caption.txt-left,      .banner-block .RWDbanner_plus01 .slick-caption.txt-right {           text-align: left;           width: 100%;      }     .banner-block  .RWDbanner_plus01 .slick-caption .txt2 {           font-size: 16px;      }      .banner-block .RWDbanner_plus01 .slick-caption .txt3 {           margin-top: 20px;           font-size: 12px;      }      h2.main-title {           font-size: 30px !important;           line-height: 1.35;      }      h3.sub-title {           font-size: 17px !important;      }      .index .section-subject>.col-md-12 {           padding: 0;      }      /*-------*/      .product-block,      .project-block {           padding: max(5vw, 50px) 0;      }      .about-block {           padding: 0 0 max(5vw, 70px);      }      .footer-block {           padding: max(5vw, 70px) 0 max(3vw, 90px) 0;      }      .ftlogobox span {           font-size: 20px;      }      .ftlogobox {           width: 60%;      }      .ftlogobox span {           font-size: 25px;      }      /* 匯入內頁補丁包-分頁籤*/      :root {           --BtnWidth: 100%;      }      /*按鈕*/      .btn.btn_back,      .ebtn,      .block_body .page_content2 .btn,      .block_body .page_content1 .btn,      .page_content2 .btn,      .page_content1 .btn,      .btn-primary {           width: 100% !important;      }      /*container*/      .page_wrapper_bg .pagecontent {           padding: 0px !important;      }      .page_wrapper_bg .article-text .container {           padding: 0;      }      /*列表樣式*/      #article .layoutlist_2 .item,      #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;      }      /*電子表單*/      .new-form {           margin-top: 0;      }      /*相簿上下方說明*/      /*產品樣式 A*/      #product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4) {           grid-template-columns: 1fr;           grid-template-areas:                "prod_stands_area"                "prod_stands2_area"                "prod_amount_area"                "btn_shopping "                "btn_querycar ";      }      /*產品樣式 B*/      #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {           grid-template-columns: 1fr;      }      /* 產品內容B */      .RWDproduct_page .download_container .btn {           height: 33px;      }      .RWDproduct_page .btn-other {           flex-direction: column;      }      .RWDproduct_page .btn-other li {           width: 100%;           text-align: center;      }      .RWDproduct_page .btn-other {           margin: 30px 0 0px;           gap: 8px;      }      /*相簿內容樣式-01*/      .row .album_d_item {           width: 100%;      }      /*相簿內容樣式-03*/      .photo .content_box {           width: 100% !important;      }      /*檔案下載樣式-02*/      .download .oneline .col-md-4.col-sm-6 {           width: 100%;           margin-bottom: 20px;      }      /*購物訂單畫面按鈕*/      .RWDshopping .btn.normal {           width: 100%;           margin: 5px 0;      }      .shopping-step li span.name {           font-size: 13px !important;      }      #mobile-fixed .btn-box {           width: 180px;      }      #mobile-fixed .fixed-in {           width: calc(100% - 180px);           letter-spacing: 0;      }      .RWDshopping_v3 .order-infobox .btn-row {           padding: 0;      }      /*詢問車按鈕*/      .RWDquiry .btn.normal {           margin: 0;      }      /* google驗證碼、top高度調整 */      .grecaptcha-badge {           bottom: 75px !important;      }      #reply_app {           padding: 2rem 1rem;      }      /*檔案下載*/      .layoutlist_5 .downlaod_item {           width: calc(100%);      }      .download5 .search-container {           margin: 10px 0 0 !important;      }
}
/*600px end*/ 
/*515px start*/ 

     @media (max-width: 515px) {                  .project-block:before {        height: 85vw;    }     }

/*515px end*/ 
/*480px start*/ 
@media (max-width: 480px) {
.fl {    width: 220px;}.ftlogobox {    width: 40%;}/*檔案下載*/ .layoutlist_5 .downlaod_item {    width: calc(100%);}.download5 .search-container {    margin: 10px 0 0 !important;}/* 內頁 *//* banner */ .inn-banner-block .RWDbanner_plus01 .slick-caption>.container {    width: 80% !important;}.inn-banner-block .RWDbanner_plus01 .slick-caption {    text-align: center;    width: 100% !important;}/* all */:root {    --FontSizeSub: 1.6rem;    --FontSizeH5: 1.125rem;}.page_desc i.icon.ion-android-arrow-dropright-circle,.inn-text i.icon.ion-android-arrow-dropright-circle {    font-size: 85%;}.page_wrapper_bg .article-text {    padding: 0;    border: none;    background: transparent;    box-shadow: none;}.collapsing_header .main:before {    background: white;}.page_wrapper_bg section.call_to_action>.container {    width: 85%;}.hgroup .container .page_subject {    align-items: flex-start;}.breadcrumb>li+li:before,.page_wrapper_bg .hgroup .breadcrumb a {    font-size: 12px;}/* about */ .page_wrapper_bg .article-text h2 {    margin: 0 0 1rem;}.inn-text>b.inn-box {    background: transparent;    padding: 0;    margin: 0 0 2rem;}.about-article02 ul.info-list>li>b {    display: block;}.about-article02 ul.info-list>li {    flex-wrap: wrap;    flex-direction: column;}/* prodcut */ .product-article .inn-text-item>h3>span {    display: block;    padding: 0;    margin: 0 0 5px;    border: none;}.photo_view .flexslider .slides2 {    height: max(5vw, 60px) !important;}
}
/*480px end*/ 
/*414px start*/ 

@media (max-width: 414px) {       /*文章左右圖文輪播PH*/       .RWDslider01 .pic-list,       .RWDslider01.pic-right .pic-list {           margin: 0;       }   }

/*414px end*/ 
/*380px start*/ 
@media (max-width: 380px){
/* 匯入內頁補丁包-分頁籤*//*跟隨購物車寬度修正*/#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;}
}
/*380px end*/ 
/*370px start*/ 

@media (max-width: 370px){        .RWDbanner_plus01 .slick-caption .txt3 span span {    opacity: 0.5;    margin: 0 0;}    .RWDbanner_plus01 .slick-caption .txt3 {letter-spacing: 0;}    .RWDbanner_plus01 .slick-caption>.container {        width: 88%;    }    .RWDproduct004 .item-box-desc {        padding: 20px;    }h2.main-title {        font-size: 27px !important;        line-height: 1.35;    }        .footer-block .container {        width: 95%;    }    .ftinfobox h5 {    font-size: 20px;}.footer-social {letter-spacing: 0;}/* 20240710 */ .RWDsocial002 .iconRounded {    margin: 0 2px;}}

/*370px end*/ 
/*850px start*/ 
@media (max-width: 850px) {
/* 匯入內頁補丁包-分頁籤*//*圖文輪播*/ .RWDslider01 .products-list .box {    display: flex;    flex-direction: column;}.RWDslider01 .products-list .products-item .box {    flex-direction: column;    justify-content: flex-start;}.RWDslider01.pic-right .products-list .products-item .box {    flex-direction: column;}.RWDslider01 .pic-list,.RWDslider01 .text {    width: 100%;    padding: 0 !important;}.RWDslider01 .control-box {    right: 0;    position: relative;    width: 100%;    text-align: center;}.RWDslider01 .pic-list,.RWDslider01 .text,.RWDslider01 .pic img {    width: 100%;}.RWDslider01 .pic-list {    padding-right: 0;}.RWDslider01.pic-right .pic-list {    padding-left: 0;}.pagecontent .RWDslider01,.article1 .pagecontent .RWDeditor01 {    margin-top: 30px;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth {    padding-bottom: 0px;}#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject,.rwdlayoutlist_9 .subject,.layoutlist_8 .article_subject,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject a,.page_wrapper_bg #article .layoutlist_7 .subject a,.page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,.page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {    margin: 0px 0px 12px !important;}#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject {    padding: 8px 0 0 0;}/*相簿列表樣式-01*/ .layoutlist_2 .album_item {    padding: 0 10px;}/*檔案下載樣式-02*/ .layoutlist_3 .dbtn_v2 {    width: 100%;    text-align: center;}/*電子表單*/ .form-horizontal .control-label {    width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 {    width: 100%;}
}
/*850px end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2025-10-28 14:10:12 */ 
/* last build by :米洛-陳宣羽 */