@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=> */ 
:root {    --main-color: #5f340b;    --sub-color: #d7a562;    --thd-color: #796149;    --thd_hover-color: #9b7c63;    --text-color: #555;    --gradient-color: linear-gradient(45deg, #e3c9a5, #b28e6b);    --gradient1-color: linear-gradient(45deg, #d19c5c, #ebce85);    --gradient2-color: linear-gradient(45deg, #aa6e3c, #d69c5e);}/*cookie*/ .RWDalert_fancybox .btn.active {    background: var(--main-color) !important;    border-radius: 0 !important;    border: 0 !important;    font-size: 14px !important;    width: 80px;}.RWDalert_fancybox.bottom {    color: #333 !important;    letter-spacing: 1px !important;    max-width: 400px;    padding: 40px !important;    left: auto !important;    right: 0 !important}.RWDalert_fancybox.bottom .editor {    font-size: 14px !important;    letter-spacing: 0 !important;    margin: 0 0 20px !important}.RWDalert_fancybox .btn:last-child:hover {    background: #000;    color: #fff;}.RWDalert_fancybox .btn:last-child {    font-size: 14px;    border-radius: 0;    margin: 0;    letter-spacing: 0 !important;}.RWDmenu_plus04 .features .lang-select:hover .lang-select-label i,.RWDmenu_plus04 .lang-select:hover .lang-select-label {    color: #000;}.RWDalert_fancybox.bottom a {    color: #000;    text-decoration: underline;}@media (max-width: 600px) {    .RWDalert_fancybox .btn.active {        width: 100% !important;        display: block !important;        margin: 15px 0 0;    }    .RWDalert_fancybox.bottom .editor,    .RWDalert_fancybox.bottom .btn-box {        display: block !important;        margin: auto !important;    }    .RWDalert_fancybox.bottom {        max-width: 100%;        padding: 30px !important;    }}/* 動態效果fadeIn&hover*/ .RWDproduct002_v2 .bounceIn,.RWDproduct002_v3 .bounceIn,.RWDproduct002_v4 .bounceIn {    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;}.RWDService002 .flipInY {    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;}.RWDmenu_plus02 .cart-block:hover:after,.RWDmenu_plus02 .member-block:hover:after,.RWDmenu_plus02 .querycar-block:hover:after {    display: none}.RWDleft_cont002 .item-second:hover .pic img,.RWDright_cont002 .item-first:hover .pic img {    transform: scale(1)}/*defaultfix*/ .RWDleft_cont002 .item-second .text-box,.RWDleft_cont002 .item-second {    background: transparent;    color: #333}.RWDleft_cont002 .item-second .pic {    width: 100%;    float: none}.RWDleft_cont002 .item-second>a {    float: right;    width: 50%}.RWDright_cont002 .item-first {    background: transparent}.RWDright_cont002 .item-first .text-box {    color: #333;    padding: 0;    letter-spacing: 1px;    line-height: 2}.RWDright_cont002 .item-first .pic {    float: none;    width: 100%}.RWDright_cont002 .item-first>a {    pointer-events: none;    width: 50%;    float: left}.RWDright_cont002 .item-first .text-box .underline {    display: none;}.portfolio-bottom-summary {    height: auto !important}.RWDproduct002_v2 .popup-portfolio .portfolio-item,.RWDproduct002_v3 .popup-portfolio .portfolio-item,.RWDproduct002_v4 .popup-portfolio .portfolio-item {    float: left;    height: auto !important;    width: calc(100%/3 - 1px);}.RWDnews005 .owl-carousel.owl-padding-10 {    margin: 0;    overflow: visible}.RWDnews005 .owl-carousel .owl-wrapper-outer {    overflow: hidden}.RWDproduct002_v3 .popup-portfolio .portfolio-item,.RWDproduct002_v4 .popup-portfolio .portfolio-item {    height: auto !important;}.funny-boxes.not-right-column::before,.funny-boxes>.funny-boxes-text>h4::after {    display: none}.RWDproduct002_v3 .popup-portfolio .portfolio-item,.RWDproduct002_v4 .popup-portfolio .portfolio-item {    padding: 0 20px;    width: calc(100%/3 - 1px);    margin: 0 0 40px}.RWDproduct002_v3 .showbottom .portfolio-bottom__h4,.RWDproduct002_v4 .showbottom .portfolio-bottom__h4 {    padding: 15px 0 0;    color: #333;    letter-spacing: 1px;    font-weight: 400;    line-height: 1.5}.RWDproduct002_v3,.RWDproduct002_v4 {    padding: 0}.RWDService002 {    padding: 0}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4,.RWDproduct002_v5 .showbottom:hover .portfolio-bottom__h4 {    color: #000;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover img {    transform: scale(1.05);    transition: .5s}.RWDnews005 .owl-carousel .owl-item div>a {    display: block;    overflow: hidden}.RWDnews005 .owl-carousel .owl-item div img {    transition: .5s}.RWDproduct004 .callout-dark {    background: transparent;    padding: 0 0 50px}.RWDproduct004 .heading-title.heading-arrow-top h1,.RWDproduct004 .heading-title.heading-arrow-bottom h1 {    color: #333}.RWDproduct004 .heading-title.heading-arrow-bottom::after {    display: none}.RWDproduct004 section {    border: 0}.RWDproduct004 .row.mix-grid {    margin: 0}.RWDproduct004 a.ico-rounded.lightbox {    display: none !important}.RWDproduct004 .item-box .item-hover .inner {    height: 100%;    position: absolute;    display: block;    left: 0;    right: 0;    top: 0;    margin-top: 0}.RWDproduct004 .item-box .item-hover a {    width: 100%;    height: 100%;    display: block}.RWDproduct004 a.ico-rounded.lightbox {    display: none !important}.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span {    display: none}.RWDproduct004 .overlay,.RWDproduct004 .item-box .item-hover {    background-color: transparent}.RWDproduct004 .item-box-desc {    position: initial;    margin-bottom: 10px;    overflow: initial}.RWDproduct004 .item-box figure {    position: unset}.RWDvideo002 figure figcaption,.RWDvideo002 figure a {    position: relative;    padding: 0;    height: auto}.RWDvideo002 figure.effect-sarah img,.RWDvideo002 figure.effect-sarah .iframe {    transform: none}.RWDvideo002 figure.effect-sarah h2,.RWDvideo002 figure.effect-sarah p {    color: #000;    opacity: 1;    transform: none;    font-size: 16px}.RWDvideo002 figure.effect-sarah h2 {    font-size: 20px;    padding: 0;    margin: 30px 0 5px}.RWDvideo002 figure.effect-sarah h2::after {    display: none}.RWDvideo002 figure.effect-sarah {    background: transparent}.RWDvideo002 figure.effect-sarah:hover img,.RWDvideo002 figure.effect-sarah:hover .iframe {    opacity: 1}.index .section-line {    display: none}/*annie*/@-webkit-keyframes fadeInblur {    0% {        filter: blur(0);        opacity: 0    }    50% {        filter: blur(2px)    }    100% {        opacity: 1;        filter: blur(0);    }}.paneleffect.animated {    animation-duration: 0.75s !important;    animation-name: fadeInblur, fadeInUp;    opacity: 0;    transition: all 0.4s cubic-bezier(.165, .84, .44, 1);}.fl {    width: 300px;}.fl img {    width: 100%;    animation-name: zeroall;    animation-duration: 2.3s;}@-webkit-keyframes zeroall {    0% {        opacity: .1    }    30% {        opacity: 1    }}a,a:hover,a:focus {    text-decoration: none;    transition: .5s ease !important}.cd-main-content {    overflow: hidden;    background: url(archive/image/customization/mainbg.webp) repeat;    position: relative;}.cd-main-content:before {    content: "";    border: 1px solid #ddd;    position: fixed;    top: -1px;    width: calc(100% - 4.2%*2);    left: 4.2%;    z-index: 2;    height: calc(100% + 2px);    pointer-events: none;}/*menu04*/ .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after {    display: block;    position: absolute}.RWDmenu_plus04 .site-nav .menu li.has-child {    margin-right: 15px;}.cd-primary-nav>.has-children>a::after,.cd-primary-nav>.has-children>a::before {    background: #969696}.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic {    background: #fff}.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: var(--main-color)}.RWDmenu_plus04 .site-nav .menu>li>a {    font-weight: 500;    padding: 25px 15px}.RWDmenu_plus04 .site-nav .menu>li a {    color: #333}.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: var(--main-color)}.RWDmenu_plus04 .site-nav .menu>li>a:hover .m_title_block {    color: #0092e0;    transition: .5s}.RWDmenu_plus04 .site-nav .menu>li>a:hover .m_title_block,.RWDmenu_plus04 .site-nav .menu>li>a .m_title_block {    transition: .5s}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .features .share-group a,.RWDmenu_plus04 .features i,.RWDmenu_plus04 .lang-select {    color: #333}.RWDmenu_plus04 .features i:hover,.RWDmenu_plus04 .features i {    transition: .5s}.RWDmenu_plus04 .site-nav .menu>li>ul {    padding: 0}.RWDmenu_plus04 .site-nav .menu ul li>a {    text-align: center;    padding: 10px}.RWDmenu_plus04 .site-nav .menu ul li a {    font-size: 1rem}.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;    background: var(--gradient-color);    color: #fff}.RWDmenu_plus04 .site-nav .menu li.has-child>a {    padding: 25px 25px 25px 15px}.RWDmenu_plus04 .site-nav .menu>li>ul {    padding: 0px;    top: calc(100% + 0px);    margin-left: -100px;    width: 200px;}.RWDmenu_plus04 .header {    padding: 0 4.2%;    transition: .5s;    background: transparent;    margin: 4vw 0;    border-bottom: 1px solid #ddd;}.RWDmenu_plus04 .header.is-up {    box-shadow: 0 0 30px rgb(0 0 0 / 10%);    transition: .5s;    margin: 0;    background: white;    padding: 0 4.2%;}.RWDmenu_plus04 .logo {    width: 120px;    transition: .5s;}.RWDmenu_plus04 .is-up .logo {    width: 90px;    margin: 0.5rem 0;    transition: .5s;}.RWDmenu_plus04 .site-nav .menu>li>a,.RWDmenu_plus04 .site-nav .menu>li a {    font-size: 1rem;}.RWDmenu_plus04 .features .share-group.main_share a span {    font-size: 1rem;}.RWDmenu_plus04 .features .share-group.main_share a {    background: var(--gradient-color);    color: white;    padding: 1rem 4rem;}.RWDmenu_plus04 .features .share-group.main_share a:hover {    filter: brightness(1.2);}.RWDmenu_plus04 .features .share-group.main_share {    padding: 0;    margin: 0.5rem 0 0 2rem;}/*購物車會員*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .member-block a.login.is-on {    background: var(--main-color);    color: #fff;}#div_forget_content #forget_table_btn {    background: var(--main-color);    border-radius: 0;    transition: .5s}.RWDmenu_plus04 .cart-block .bottom-box .total,.RWDmenu_plus04 .querycar-block .bottom-box .total {    font-size: 1rem;    color: #555}.RWDmenu_plus04 .cart-block h3,.RWDmenu_plus04 .querycar-block h3,.member-block h3 {    font-family: 'Playfair Display', serif;    font-weight: 500}.RWDmenu_plus04 .member-block .form-area .group label {    color: #333}.RWDmenu_plus04 .member-block a.login:hover,.RWDmenu_plus04 .member-block a.signin:hover,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,#div_forget_content #forget_table_btn:hover {    background-color: var(--sub-color);    color: #fff;    transition: .5s}.RWDmenu_plus04 .member-block a.login.is-on,.RWDmenu_plus04 .member-block button.login.is-on {    background: var(--main-color);}.RWDmenu_plus04 .features .cart-btn {    letter-spacing: 0;}/*banner*/ .RWDbanner_plus01 .logo img {    margin: 0}.RWDbanner_plus01 .slick-caption {    top: 0;    height: 100%;}.banner-block {    position: relative;    padding: 0;}.RWDbanner_plus01 .slick-caption .logo {    position: absolute;    right: 4.2%;    bottom: 4.8%;    width: 57vw;}.RWDbanner_plus01 .slick-caption .container {    width: 100%;    padding: 7% calc(4.2% + 5vw) 0;    height: 100%;}.RWDbanner_plus01 .slick-caption .txt1 {    margin: 7vw 0 0;    font-size: 3.5rem;    font-weight: 600;    color: #222;    width: 35%;}.RWDbanner_plus01 .slick-caption .txt2 span span {    font-size: 1.93rem;    font-weight: 300;    display: block;    margin: 1rem 0 0;}.RWDbanner_plus01 .slick-caption .txt2 {    font-size: 2.45rem;    margin: 5rem 0;    font-weight: 600;    max-width: 40%;}.RWDbanner_plus01 .slick-caption .txt3 {    position: absolute;    bottom: 0.65vw;    width: 100%;    text-align: center;    left: 0;}.RWDbanner_plus01 .slick-caption .txt3 span {    font-size: 10rem;    background: var(--gradient1-color);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}/* newss */ .RWDnews_autolist {    max-width: 100%;    margin: 0;}.news-block {    position: relative;    width: 100%;    left: 0;    z-index: 3;    top: 0;}.RWDnews_autolist .news-box {    background: #2d2d2d;    border: 0;    font-size: 1rem;    letter-spacing: 2px;    color: white;    text-align: center;}.RWDnews_autolist .news-list {    padding: 5px 4rem;}.RWDnews_autolist .title,.RWDnews_autolist .slick-arrow {    display: none !important;}.RWDnews_autolist .news-list a {    color: white;}@media (max-width: 1180px) {    .RWDbanner_plus01 .page-scroll {        display: none    }}@media (max-width: 600px) {    .RWDbanner_plus01.style-dotnav.control-left .control-box,    .RWDbanner_plus01.style-dotnav.control-right .control-box {        bottom: 30px;    }}/*dotsqure*/ .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #fff;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {    background: transparent;    border: 1px solid #fff;    width: 8px;    height: 8px}@media (max-width: 767px) {    .RWDbanner_plus01 .txt1.device_phone,    .RWDbanner_plus01 .txt2.device_phone,    .RWDbanner_plus01 .txt3.device_phone {        display: block !important;    }    .RWDbanner_plus01 .txt1.device_pad,    .RWDbanner_plus01 .txt2.device_pad,    .RWDbanner_plus01 .txt3.device_pad {        display: none !important;    }}.RWDmenu_plus04 #search-box.full .form-control {    font-size: 30px;    letter-spacing: 1px;}.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 25px;}@media (min-width: 800px) {    .RWDmenu_plus04 #search-box.full .search-in {        max-width: 1000px;        width: 80%;    }}.wrapper_bg {    font-size: 1rem;    line-height: 1.8;    letter-spacing: 2px;    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    ;    color: var(--text-color)}.wrapper_bg p {    margin: 0}.row {    margin: 0}.index_sec .container {    width: 63%;}.index_sec {    padding: 10rem 0;    position: relative;}.main-titile {    font-size: 5rem;    line-height: 1.1;    letter-spacing: 3px;    font-weight: 500;    color: #222;}.ttlbox {    display: flex;    align-items: flex-start;    gap: 0 10rem;}.subttlbox .sub-title {    color: var(--sub-color);}.subttlbox .enttl {    color: var(--main-color);    letter-spacing: 0;    font-weight: 500;}.subttlbox {    gap: 0 10rem;    font-size: 1.3rem;    padding: 1rem 0;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);}.deco {    position: absolute;    z-index: 2;    aspect-ratio: 1/.5;    pointer-events: none;}.deco img {    width: 100%;}.secbtn {    position: relative;    z-index: 3;}/* ab */ .ab.secbtn {    margin: 5rem 0 0;}.ab.secttl .main-titile {    position: absolute;    left: -20rem;}.ab.secttl {    padding: 0 0 0 20rem;}.ab.secttl .subttlbox {    flex-direction: row-reverse;    display: flex;}.abtxt {    margin: 2rem 0 0;}.abtxt .ttl {    font-size: 1.35rem;    font-weight: 500;    margin: 0 0 1rem;    color: #222;}.RWDService002 .section-subject {    display: none;}.index_sec .container .container {    width: 100%;    padding: 0;}.abcontent .row:nth-child(2) {    margin: 5rem 0 0;    display: flex;}.abcontent .col-sm-4.col-md-4 {    background: white;    padding: 5rem;    width: calc(100%/3 - 30px);    margin: 0 15px;}.funny-boxes.float-shadow>.funny-boxes-icon {    box-shadow: none;}.funny-boxes>.funny-boxes-icon {    border-radius: 0;    width: 8rem;    height: 8rem;    margin: 0;}.funny-boxes.float-shadow>.funny-boxes-icon::before,.funny-boxes>.funny-boxes-text>.funny-boxes-tit:after {    display: none;}.funny-boxes-text {    margin: 2rem 0 0;    padding: 2rem 0 0;    border-top: 1px solid #eee;}.funny-boxes>.funny-boxes-text>.funny-boxes-tit {    font-size: 1.3rem;    letter-spacing: 1px;    color: #222;    font-weight: 500;    padding: 0 0 1rem;}.funny-boxes>.funny-boxes-text>p {    font-size: 1rem;}.ab.deco {    right: 0;    bottom: -1vw;    width: 50vw;}.cloud {    content: "";    background: url(archive/image/customization/abcloud.webp) no-repeat;    width: 20vw;    height: 5vw;    background-size: contain;    position: absolute;    bottom: -4vw;    left: 30vw;}.applications .container {    width: 75%;}/* applications */ .p.secttl .ttlbox,.ser.secttl .ttlbox,.eve.secttl .ttlbox,.wit.secttl .ttlbox {    align-items: center;    gap: 0 5rem;}.p.secttl .ttlbox .subttlbox,.ser.secttl .ttlbox .subttlbox,.eve.secttl .ttlbox .subttlbox,.wit.secttl .ttlbox .subttlbox {    border: 0;    padding: 0;}.p.secttl .ttlbox .subttlbox .sub-title,.ser.secttl .ttlbox .subttlbox .sub-title,.eve.secttl .ttlbox .subttlbox .sub-title,.wit.secttl .ttlbox .subttlbox .sub-title {    padding: 1rem 0;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    margin: 1rem 0 0;}.applications .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    margin: 0 30px 60px !important;    width: calc(100%/4 - 60px);}.RWDproduct004 .item-box-desc {    padding: 2rem 0 0;}.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3 {    font-size: 1.2rem;    margin: 0 0 0.5rem;    line-height: 1.3;    color: #222;    letter-spacing: 1px;}.p.secttl,.wit.secttl .ttlbox {    display: flex;    justify-content: center;    margin: 0 0 5rem;}.app.deco {    width: 20vw;    bottom: -8vw;}.RWDbtn01 .btn {    min-width: 300px;    max-width: 300px;    padding: 15px;    font-size: 1rem;    background: transparent;    border-radius: 0;    border: 1px solid var(--main-color);    color: var(--main-color);}.RWDbtn01 .btn:hover {    color: #fff;    background: var(--gradient-color);    border: 1px solid var(--sub-color);}.app.cloud {    background: url(archive/image/customization/appcloud.webp) no-repeat;    background-size: contain;    width: 45vw;    height: 11vw;    left: 0;    bottom: -8vw;}.RWDproduct004 .item-box:hover figure img {    transform: scale(1.05);    transition: .5s;}.RWDproduct004 .item-box figure img {    transition: .5s;}/* services */ .ser.content {    margin: -1rem 0 0;}.ser.secttl .ttlbox {    flex-direction: column;    align-items: center;    text-align: center;    gap: 2rem 0;}.ser.secttl .subttlbox .enttl span,.opp .RWDbtn01 article.editor strong span {    font-size: 5vw;    line-height: 1;    background: var(--gradient2-color);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}.ser.secttl .ttlbox .subttlbox {    display: flex;    flex-direction: column-reverse;    gap: 3rem 0;}.ser.secttl .ttlbox .subttlbox .sub-title {    width: fit-content;    margin: 1rem auto;    padding: 1rem 4rem;}.services .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/3 - 60px);    margin: 0 30px 40px !important;}.services .container {    width: 75%;}.ser.cloud {    background: url(archive/image/customization/sercloud1.webp) no-repeat;    background-size: contain;    left: 0;    bottom: 5vw;    width: 30vw;}.ser.deco {    right: 0;    width: 40vw;    bottom: -7vw;}/* evt */ .events {    display: grid;    justify-content: space-between;    align-items: start;    grid-template-areas: "b c";    grid-template-columns: 20% 70%;    padding: 10rem 12% 10rem 0 !important;}.eve.deco {    position: relative;    grid-area: b;    margin-left: -12vw;    margin-top: 7vw;}.eve.secttl .ttlbox {    align-items: center;    margin: 0 0 5rem;    padding: 0 30px;}.events .container {    width: 100% !important;    padding: 0;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 2rem;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 2rem 5rem;}.RWDnews005 .owl-carousel .owl-item .img-hover {    background: white;    padding: 1rem 1rem 3rem;    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, .2));}.RWDnews005 .margin-top-20 {    margin: 2rem 0 0 !important;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    border-radius: 99em;    background: white;    color: #222;    font-size: 2rem;    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: 40%;}.eve.cloud {    background: url(archive/image/customization/evecloud.webp) no-repeat;    width: 65vw;    height: 10vw;    background-size: contain;    left: 0;    bottom: 0;}/* wit */ .wit .container {    width: 75% !important;}.wit .RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover img {    transform: scale(1);}.wit .RWDnews005 .owl-carousel .owl-item .img-hover>a {    max-width: 120px;    margin: 0 0 4rem;}.wit .RWDnews005 .margin-top-20 a {    text-align: left;    font-weight: bold;    margin: 0 0 1rem;}.wit p.text-left {    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.wit .RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 1rem 3rem;}.wit .RWDnews005 .owl-carousel .owl-item .img-hover {    padding: 3rem;    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .1));}.wit.deco {    right: 5vw;    top: 5vw;    width: 21vw;}.wit .owl-buttons {    display: none;}.wit.cloud {    background: url(archive/image/customization/witcloud.webp) no-repeat;    background-size: contain;    left: 0;    width: 100%;    height: 100%;    z-index: 1;    background-position: bottom;    bottom: -13vw;    pointer-events: none;}.wit.content {    position: relative;    z-index: 2;}/* opp */ .opp.secttl {    text-align: center;    max-width: 50%;    margin: auto;}.opp.secttl .RWDbtn01 {    margin: 0 0 5rem;}.opp .RWDbtn01 article.editor strong span {    line-height: 1;    padding: 0;    margin: 0 0 3rem;    font-weight: 500;}.opp .RWDbtn01 article.editor {    font-size: 2.5rem;    font-weight: 600;    color: #222;    line-height: 1.8;    margin: 0 0 2rem;}.opp .RWDbtn01 .btn {    max-width: 350px;    width: 100%;    min-width: 350px;    background: var(--gradient-color);    border-color: #d4a06b;    color: white;    filter: contrast(1.5);}.opp .RWDbtn01 .btn:hover {    filter: contrast(1);    border-color: var(--sub-color);}.opp.deco {    bottom: 6vw;    z-index: 1;}.opp.secttl,.opp.content {    position: relative;    z-index: 3;}.opportunities {    padding: 15rem 0 0 !important;}.opp.content img {    width: 100%;}/* 語系 */ .RWDmenu_plus04 .features .lang-select {    float: left;}.RWDmenu_plus04 .features i.lang-select-symbol {    display: none;}.RWDmenu_plus04 .lang-select-label>span:nth-of-type(1) {    display: none;}.RWDmenu_plus04 .features {    width: 465px;}.RWDmenu_plus04 .lang-select-options a:hover,.RWDmenu_plus04 .lang-select-options a:hover * {    font-weight: 400;    color: #333;}.RWDmenu_plus04 .lang-select-options a {    font-size: 15px;    color: #333;}.RWDmenu_plus04 .lang-select-label {    font-size: 1rem;}.RWDproduct004 .row.mix-grid {    display: flex;    flex-wrap: wrap;}
/*footer start*/ 

.footers .container {    width: 70%;}.ftinner {    display: flex;    justify-content: center;    text-align: center;}.ftinfo strong {    font-size: 1.5rem;    color: #222;    margin: 0 0 0.5rem;    display: inline-block;}.ftinfo {    font-size: 1.1rem;}.ftinfo a {    color: #555;}.ftinfo a:hover {    color: var(--sub-color);}.ftbtn a:hover img {    filter: brightness(0) invert(1);    transition: .5s;}.ftbtn a:hover {    background: #3f68d8;    color: white;}.ftbtn a img {    width: 30px;    margin-right: 1rem;    transition: .5s;}.ftbtn a {    display: flex;    align-items: center;    justify-content: center;    font-size: 2rem;    font-weight: 600;    color: #3f68d8;    margin: 2rem;    padding: 1rem 10rem;    border-top: 1px solid;    border-bottom: 1px solid;}.socialbox img {    width: 150px;}.socialbox {    display: flex;    gap: 0 3rem;}.socialli a {    display: flex;    flex-direction: column;    gap: 0.5rem 0;    font-weight: 500;    font-family: 'Noto Serif TC', serif;    letter-spacing: 0;    font-size: .8rem;    color: #555;}.ftinner.social {    margin: 2rem 0 5rem;}.scrollTop002 {    right: 1.5%;    bottom: 8%;}/*rights*/ .rights {    display: flex;    font-size: 12px;    padding: 20px 4.2%;    color: #888;    justify-content: center;    background: transparent;    flex-wrap: wrap;    align-items: center;    width: 100%;    letter-spacing: 0;    border-top: 1px solid #ddd;}.copyright_desc,.copyright_desc a,.copyright_desc a:hover{color:#888}.RWDssl01,.rights .RWDedictor{margin-right:20px}/*social樣式*/ .RWDsocial002 .iconRounded{border:0;font-size:18px;margin:0 10px;width:45px;height:45px;background: transparent;}.RWDsocial002 .pull-right{float:none!important;display:flex!important;justify-content:center;margin:30px 0 0}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover{background-color:transparent;color:#fff}@media (max-width: 991px) {/*tops*/ .scrollTop002 .ii{font-size:35px}.scrollTop002{right:15px;bottom:80px}}@media (max-width:767px){.fols{display:block;position:fixed;bottom:0;width:100%;left:0;z-index:220}.RWDmobile_bottom_v2{background:0 0}.mobile_bottom__li{border:0}a.mobile_bottom__a{width:100%;background:var(--gradient-color);border-radius:0;border:0;flex-direction:revert;justify-content:center;align-items:center;color:#fff;display:flex;gap:0 15px;padding:15px}.RWDmobile_bottom_v2 .icon{font-size:18px}.RWDmobile_bottom_v2 .icon{margin:0}.RWDmobile_bottom_v2 .text{font-size:16px;letter-spacing:2px;font-weight:400}.RWDmenu_plus04 .features .share-group.main_share {    display: none;}}@media (max-width: 600px) {/*fols*/ .fols{display:block;position:fixed;bottom:0;width:100%;left:0;z-index:220}.RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {width: 100%;}}@media (max-width: 480px) {a.ml-stack-nav-toggle { margin: 0 0 0 20px;}}@media (max-width: 414px) {a.ml-stack-nav-toggle {padding: 25px 15px; margin: 10px 0 0 20px;}}/* 20250614 */ .fixed-social-block {    position: fixed;    right: 10px;    bottom: 260px;    z-index: 2;}.fixed-social-block .RWDsocial002 ul.socialNetwork {    display: flex !important;    flex-direction: column;    margin: 0;}.fixed-social-block .RWDsocial002 .iconRounded {    width: max(2.5vw, 50px) !important;    height: max(2.5vw, 50px) !important;    margin: 0;    padding: 0;    display: flex;    justify-content: center;    align-items: center;    background-color: white !important;    border: 1px solid #dedede;    border-radius: 0;}.fixed-social-block .RWDsocial002 ul.socialNetwork li {    float: none;    margin-top: -1px;}.fixed-social-block .RWDsocial002 .iconRounded img {    padding: 14px;}

/*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 .RWDproduct004 .mix:nth-child(5) {animation: 1000ms ease normal forwards 1 move07;animation-delay: 1.1s;opacity: 0}.animated .RWDproduct004 .mix:nth-child(6) {animation: 1000ms ease normal forwards 1 move07;animation-delay: 1.3s;opacity: 0}.animated .RWDproduct004 .mix:nth-child(7) {animation: 1000ms ease normal forwards 1 move07;animation-delay: 1.5s;opacity: 0}.animated .RWDproduct004 .mix:nth-child(8) {animation: 1000ms ease normal forwards 1 move07;animation-delay: 1.7s;opacity: 0}

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

/* 匯入內頁版面寬度80%*//*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: .5s;}.row{margin-right:0px;margin-left:0px;}.boxname {margin: 0 10px;}/*230531範本預設按鈕改色導圓角統一5px*/ ._bd_btn._bd_btn-primary:hover{color:#fff;background-color:var(--btn-main-hover-color);border-color:var(--btn-main-hover-color)}._bd_btn._bd_btn-primary{background:var(--btn-main-color);border-radius:5px!important}._bd_btn._bd_btn-default{background:0 0;border:1px solid var(--btn-sub-color);color:var(--btn-sub-color);border-radius:5px!important}._bd_btn._bd_btn-default:hover{color:#fff;background-color:var(--btn-sub-hover-color);border-color:var(--btn-sub-hover-color)}._bd_row a{color:#333}/*221226最小字級修正*/ .login_box_body .control-label, #btn_forget_form, #btn_reverify_form, .link-style, .member_join, .btn-primary, #forget_table .th, #join_form, .m2018 .products-nav>ul>li a, .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, .layoutlist_8 .listdate .yearmonth, select, textarea, .video_item_summary, .download .search-go, .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .list_subject .subsubject, .layoutlist_4 .listdate .yearmonth, .layoutlist_5 .list_subject a, .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: 1rem ;    letter-spacing: 0 ;    line-height: 1.5;}.layoutlist_4 .buybtn {padding: 10px 0;}.list-btn {padding: 10px 0;margin: 20px 0 0;}.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;}.RWDmenu_plus04 .member-block .form-area .group {flex-wrap: nowrap;}.login_box_footer a.member_join { display: flex;justify-content: center; align-items: center;}input#search_box_text {font-size: 20px !important;}/*購物流程圈圈改色*/@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: 100px 0; min-height: 35vw;}.page_wrapper_bg section.call_to_action>.container {padding: 0 15px;width: 80%; max-width:1700px}.page_wrapper_bg .article-text .container {width: 100%;}.hgroup .container {width: 100%; margin: 0 0 50px;}/*搜尋*/ .RWDsearch_page .search-list { margin-bottom: 40px !important;}.RWDsearch_page .list-img .name {height: auto;}/*文字統一設定*/ .page_wrapper_bg .hgroup h1 {line-height: 1.7;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav {font-size:1rem;line-height: 1.8;letter-spacing: 1px;color: #333; font-weight: 400;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{font-size:1rem;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: 16px;}#article .btn.btn_back a, #album .btn.btn_back a {padding: 10px 15px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:60px;}.btn.btn_back a { min-width:180px;padding: 10px 15px;background: transparent;color: var(--btn-main-color); transition: all 0.2s ease;border: 1px solid var(--btn-main-color);line-height: 1}.btn.btn_back a:hover {border: 1px solid var(--btn-main-hover-color);color: #fff !important;background: var(--btn-main-hover-color);}/*確定送出*/ .ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}.ebtn a{display:block;text-align:center;min-width:180px;line-height:1.5;padding:6px 30px!important;margin-top:20px;color:#fff!important;background:var(--btn-main-color);border:1px solid var(--btn-main-color);transition:all .2s ease;border-radius:0}.ebtn a:hover {background: var(--btn-sub-hover-color); color: #fff !important; border-color: var(--btn-main-hover-color); transition: all .2s ease;}.new-form .new-width .currectsend_btn a{color:var(--btn-main-color)!important;background:0 0}.new-form .new-width .currectsend_btn a:hover{color:#fff!important;background:var(--btn-main-hover-color)}/*購物車按鈕*/ .RWDshopping .btn.bg1{background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}.RWDshopping .btn.bg1:hover{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff !important;background: #000 ;}.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: all 0.3s ease;border: 1px solid #444 !important;color: #fff !important;background: #444 !important;}.RWDshopping .btn.bg2:hover{background:#000 !important;color: #fff !important;border: 1px solid #000 !important;}.RWDshopping .btn.bg2 i {transition: none;}.RWDshopping .btn.bg3{background: transparent; color: #444; border: 1px solid #444;border-radius: 0;}.RWDshopping .btn.bg3:hover{border-radius: 0;transition: all 0.3s ease;border: 1px solid #000;color: #fff !important; background: #000;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal {max-width: initial;}/*購物車v3按鈕*/ .RWDshopping_v3 .cartform-submit,.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(--btn-main-color)}.RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,.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(--btn-main-hover-color)}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn{color:var(--btn-main-color);border-color:var(--btn-main-color);background:0 0}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover{background:var(--btn-sub-hover-color);color:#fff}/*會員按鈕*/#join_form .btn{padding: 6px 12px;border-radius: 0;}#join_form .btn-link:hover { text-decoration: none;}.memberlist .col-sm-9.col-md-9 .btn.btn-primary a,.memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover {color: #fff !important;}#btn_member_login { float: none;background: #444;color: #fff;border: 1px solid #444;padding: 6px 12px;}#btn_member_login:hover {background: #000;color:#fff !important;border: 1px solid #000;}#join_form .btn-primary {min-width:180px;float: none; background: var(--btn-main-color);color: #fff;border: 1px solid var(--btn-main-color);}#join_form .btn-primary:hover,.shopping_viewlogin__submit:hover {background: var(--btn-main-hover-color) !important;color:#fff !important;border: 1px solid var(--btn-main-hover-color);}.webbtn {background: var(--btn-main-color)}.webbtn:hover {background: var(--btn-main-hover-color)}.btn-primary,.shopping_viewlogin__submit { background-color:#444;border: 1px solid #444; border-radius: 0 !important; float: right; margin-right: 0px;font-size: 14px;box-shadow:none;}.btn-primary a {color: #fff;font-size: 14px;}.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color:#fff !important;}.btn-primary:hover{transition: all 0.3s ease; color:#fff; background-color: #000;border-color: #000;} .btn-primary:active:hover, .btn-primary:active:focus{background-color: #000;border: 1px solid #000;}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #fff !important;background-color:  #000;border-color: #000;outline: none;}/*詢問車按鈕*/ .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: .5s;}/*忘記密碼 ＆重發認證信*/#div_forget_area *{border-radius: 0 !important;}/*註冊*/ .join_form_btns{ text-align: right;}/*文章列表*/ .RWDslider01 .products-list .products-item .box {display: flex;align-items: center;}.RWDslider01.pic-right .products-list .products-item .box {flex-direction: row-reverse;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 60px !important;}/*文章列表-2*/#article .layoutlist_2 .list_subject a {font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:1.5 !important;}.subsubject {font-size: 14px;font-weight: 400;line-height: 1.5 ;}.layoutlist_2 .listdate .yearmonth, .layoutlist_4 .listdate .yearmonth{ padding-bottom: 0;}.layoutlist_2 .item {width: 100%;}.pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*文章列表-3*/ .layoutlist_3.fn_article3 .list_subject a{font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item {display: flex;align-items: stretch;border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a{font-size:17px!important;font-weight:700;margin:0 0 10px!important;display:block;line-height:1.5!important}#article .layoutlist_4 .list_subject .summary a{font-size:16px!important;font-weight:400;line-height:1.5!important}#article .layoutlist_4 .listdate{padding:0 10px;width:90px;border-left:1px solid #eee}#article .layoutlist_4 .listdate .day{font-size:25px}#article .layoutlist_4 .listdate .yearmonth{letter-spacing:1px;padding:0}#article .layoutlist_4 .item .list_img{padding-left:0}#article .layoutlist_4 .list_subject{width:calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list {height: auto;}/*文章列表-7*/#article .layoutlist_7 .subject, .article7 .layoutlist_7 .subject a{margin-top: 15px !important;;margin-bottom: 10px !important;;}#article .layoutlist_7 .cdate, .article7 .layoutlist_7 .cdate a{font-size: 12px;}#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a {font-size: 16px !important; font-weight: 300; line-height: 1.5 !important;}.layoutlist_7 .subject, .layoutlist_7 .subject a {font-size: 18px !important;font-weight: 500;}.layoutlist_7> .row:before, .layoutlist_7>.row:after {display: none;}/*文章列表-8*/ .layoutlist_8 .list_subject {padding-left: 4rem;}.layoutlist_8 .article_subject{font-weight:500;font-size:1.3rem;line-height:1.5;display:block}.layoutlist_8 .list_subject .summary{margin:10px 0;}.layoutlist_8 .list_subject .summary a{font-size:16px;font-weight:400;line-height:1.5;color:#000}/*文章列表頁籤修正*/#article .tabs {margin: 50px 0;}#article .tabs .content {padding: 30px !important;border-top: 1px solid #ccc !important;}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li { padding: 50px;}#product_tabs .content section {border-top: 0;margin: -10px 0 0;}/*相簿列表*/ .layoutlist_2 .album_item {height: auto !important;}/*相簿上下方說明*/#album .page_desc {margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 50px 0 0;}/*修正相簿a連結顏色*/ .photo_view .flex-direction-nav a {color: transparent !important;}.album_item a:hover {color: #313131;}/*相簿-1*/#album .layoutlist_1 .album_item_subject {padding: 20px 0px;font-size: 18px;}#album .page_content2 .dis .dis_li .text{font-size:16px;line-height:1.8;letter-spacing:0;color:#000;font-weight:400;margin:0 0 30px}/*相簿-2*/#album .layoutlist_2 .album_item_subject{padding: 20px 0px;font-size: 18px;}/*Q&A*/ .rwd .faq_question{font-size: 16px;letter-spacing: 2px;}.rwd .faq_answer{font-size: 15px;letter-spacing: 2px;line-height: 1.8;}/*影片*/ .video_item_subject{font-size: 16px;letter-spacing:1px;}.video_item a.videolink:hover {color: #000;}/*檔案下載*/ .download .search_input {background: transparent;}.no-touch .layoutlist_5 .dbtn_v2:hover {background: #333;border-color: #333;color: #fff;}.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: 1px solid #b7b7b7; 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: 13px;line-height: 1.4;color: #818181;}.dd-selected {font-size: 15px;letter-spacing: 0;}.download_container .btn{font-size:16px;background:var(--btn-main-color);color:#fff;border-radius:0;padding:6px 3rem}.download_container .btn:hover{background:var(--btn-sub-color)}.file_area label.dd-option-text {margin: 0;font-weight: 400;display: block;}#file_dlist a.dd-option {padding: 12px;}/*檔案下載a連結修正*/ .page_wrapper_bg .dd-select a:hover {color: #313131;}.download .search-go {line-height: 2;transition: .5s;}.download .search-go:hover {background: #000;color: #fff;transition: .5s;}/*產品A*/ .page_content1 #productbx_bg{background: #efefef;-moz-opacity:1;opacity: 1;}.page_content1 .dd-selected {letter-spacing: 1px;padding: 0 40px 0 10px;}.product_desc_content {color: #333;letter-spacing: 1px;line-height: 30px;}.page_content1 #prod_price {margin-top: 0;}.page_content3_mainphoto .swiper-slide img {width: 100%;}#prod_price .money {font-size: 20px;font-weight: bold;}#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;}div#prod_price {margin-left: 15px !important;}.productcontent .page_content1 .info {text-align: center;margin: 30px 0 0;}.productcontent .page_content1 .product_desc_subject {text-align: center;}.page_content1 ._shopping_info>div {justify-content: center;}.page_content1 .spec-scroll .items ul li:hover {border: 1px solid #333;}#product > div.page_content1 > div.product_top.row > div.info.col-sm-12.col-md-12.col-xs-12 > div:nth-child(4),#product > div.page_content1 > div.product_top.row > div:nth-child(3) { display: flex; justify-content: center;margin: 0 0 10px;},#product > div.page_content1 > div.product_top.row > div:nth-child(3) {gap:0 10px;}.page_content1 #prod_name,.page_content1 #prod_name .product_name{font-size:25px;font-weight:700;letter-spacing:0;line-height:1.5;margin:0}/*產品A按鈕*/#btn_shopping{border-radius: 0;font-size: 14px;background: var(--btn-main-color)}#btn_shopping:hover{background:var(--btn-main-hover-color)}.fbtn{border-radius: 0;font-size: 14px;background:var(--btn-main-color);background: transparent;color:var(--btn-main-color);border:1px solid var(--btn-main-color);transition: .5s;}.fbtn:hover{background:var(--btn-sub-hover-color);color:#fff;transition: .5s;}#btn_querycar{border-radius: 0;font-size: 14px;background:var(--btn-sub-color);background: transparent;color:var(--btn-main-color);border:1px solid var(--btn-main-color);transition: .5s;}#btn_querycar:hover{background:var(--btn-sub-hover-color);color:#fff;transition: .5s;}/*產品下拉樣式*/label.dd-option-text {font-size: 14px !important;line-height: 1 !important;margin: 0 !important;font-weight: 400;}.dd-option {padding: 5px 10px;}/*產品B*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background:var(--btn-main-color);}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: var(--btn-sub-color);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: var(--btn-main-hover-color);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {background-color: var(--btn-sub-hover-color);}#mobile-fixed .style-radio .form-radio, .RWDproduct_page .style-radio .form-radio {border: 1px solid rgb(214, 214, 214);}#mobile-fixed .style-radio .form-radio.checked, .RWDproduct_page .style-radio .form-radio.checked {border-color: #000;}.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {color: #555;font-size: 1rem;letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item, .layoutlist_2 .product_list_item {margin: 0 0 40px;}.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;margin:0 5px 0 0;}.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}.layoutlist_4 .subject {height: auto !important;line-height: 1.5;min-height: auto;font-weight: 500;}#product .item .subject {height: auto !important;}.productlist .layoutlist_4 .col-sm-4.col-md-4 {margin: 0 0 30px;}.productlist .layoutlist_4 .product_list_item {padding-bottom: 0;border: 0;height: auto !important;}.layoutlist_5 .product_list_item .list-btn_mobile, .layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn {background-color: var(--btn-main-color);}.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(--btn-main-hover-color);}.layoutlist_4 .buybtn {background: var(--btn-main-color);transition: .5s;}.layoutlist_4 .buybtn:hover{background:var(--btn-sub-hover-color);transition: .5s;}/*修正產品、文章預設列表排版*/ .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;}.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;flex-wrap: wrap;}.sortbar a:hover {color: #515151;}/*產品售價顏色*/li#O_sellPrice,span.payprice,.pricearea .price {color: var(--btn-main-color) !important;font-weight: bold;}.pricearea .price.delline {color: #333 !important;}.pricearea .price.fixprice {color: #777 !important;}/*購物清單*/ .RWDshopping .btn.normal{border-radius: 0;}/*會員註冊*/#join_form .btn-primary{border-radius: 0;}#join_form {background: white;}/*會員頁a連結修正*/ .member .css-table .tr a {color: #313131;}/*留言板*/ .customized_columns .css-table .th.textarea {width: 10%;}/*詢問車*/ .RWDquiry .shopping_form .control-box img {margin-left: 10px;}.RWDquiry .btn.normal{border-radius:0;font-size:15px;letter-spacing:1.5px;transition:.5s ease;color:var(--btn-main-color);border-color:var(--btn-main-color)}.RWDquiry .btn.normal:hover{transition:.5s ease;background:var(--btn-sub-hover-color);color:#fff;border-color:var(--btn-sub-hover-color);font-weight:500}.RWDquiry .btn.bg2,.btn.normal.bg3{background:var(--btn-main-color);color:#fff;border-color:var(--btn-main-color)}/*電子表單*/ .eformsDesc {margin: 50px 0;border: 0;}.eformscontent .layoutlist_1 {width: 100%;max-width: 1170px; margin: 0 auto;}.form-horizontal .form-group {margin-left: 0; margin-right: 0;}.form-horizontal .control-label {font-weight: 500;}textarea.form-control {min-height: 130px;}.systemmsg {text-align: center;}/*電子表單送出a連結修正*/ .eformscontent .col-sm-12.col-md-12 .ebtn a:hover {color: #fff!important;background: var(--btn-main-color);}.eformscontent .col-sm-12.col-md-12 .ebtn a {background: transparent;color: var(--btn-main-color) !important;}/*左側選單*/ .m2018 .products-nav>ul>li {padding: 0; margin: 0;}.m2018 .products-nav a {padding: 15px 10px !important;font-weight: 400;font-size: 16px;}/*隱私權*/ .privacy_block a {color: var(--text-color);transition: 0.4s}.privacy_block a:hover {color: #000;transition: 0.4s;text-decoration: none}.privacy_block h5 {font-size: 18px;font-weight: bold;margin: 50px 0 10px;color: #000;}.privacy_block ul {padding-left: 24px;}.privacy_block .item {    margin-top: 3rem;}/*購物說明文字*/ .shopping_txt {line-height: 2;letter-spacing: 1px;color: #000}.shopping_txt a {color: #000;transition: 0.4s}.shopping_txt a:hover {color: #000;transition: 0.4s;text-decoration: none}.shopping_txt .item_row {margin-bottom:50px}.shopping_txt h2 {font-size: 24px !important;font-weight: bold;margin: 0;color: #b90000;text-decoration: underline;line-height:1.5 !important}.shopping_txt h3 {font-size: 20px !important;font-weight: bold;margin: 0 0 10px;color: #000;line-height:1.5 !important}.shopping_txt ul {padding-left: 24px;}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a {background: #000;padding: 5px 20px;color: #fff !important;border-color: #000;}/*隱私權購物說明最大寬度限制*/ .privacy_block,.shopping_txt {max-width: 1200px; margin: auto;}/*hashtag a連結修正*/ .hashtag_block .hashtagLink {color: #fff !important;}/* 人才招募表單標題修正 */ .customized_columns .fillform {font-size: 1.5rem; margin: 3rem;text-align: center;}

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

._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6 {    line-height: 1.4;    letter-spacing: 2px;    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    font-weight: 500;}/* 文字統一設定 */:root {    --h1-size: 65px;    --h2-size: 60px;    --h3-size: 48px;    --h4-size: 28px;    --h5-size: 24px;    --h6-size: 20px;    --p-size: 16px;}:root {    --title-color: #222222;    --white-color: #ffffff;    --black-color: #000000;    --btn-main-color: #d7a562;    --btn-main-hover-color: #796149;    --btn-sub-color: #796149;    --btn-sub-hover-color: #9b7c63;}.page_wrapper_bg .hgroup h1 {    color: var(--title-color);    font-size: var(--h1-size);    margin-bottom: var(--2dst);    line-height: 1.1;    letter-spacing: 3px;    font-weight: 500;}.page_wrapper_bg .article-text h2 {    position: relative;    font-size: var(--h2-size);    line-height: 1.2;    letter-spacing: 1.5px;    margin: 0 0 var(--1dst);    color: var(--title-color);    font-weight: 500;}.page_wrapper_bg .article-text h3 {    position: relative;    font-size: var(--h3-size);    letter-spacing: 1px;    line-height: 1.5;    margin: 0 0 var(--1dst);    font-weight: 500;    color: var(--title-color);}.page_wrapper_bg .article-text h4 {    position: relative;    font-size: var(--h4-size);    line-height: 1.6;    letter-spacing: 1px;    margin: 0 0 10px;    color: var(--title-color);}.page_wrapper_bg .article-text h5 {    position: relative;    font-size: var(--h5-size);    line-height: 1.6;    letter-spacing: 1px;    margin: 0 0 10px;    color: var(--title-color);}.page_wrapper_bg .article-text h6 {    position: relative;    font-size: var(--h6-size);    line-height: 1.6;    letter-spacing: 1px;    margin: 0 0 10px;    color: var(--title-color);}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav {    font-size: var(--p-size);    line-height: 1.8;    letter-spacing: 1px;    color: var(--text-color);    font-weight: 400;    margin: 0 0 1rem;}._bd_row label,._bd_row li,._bd_row p,._bd_row td {    color: var(--text-color);    font-size: var(--p-size);    line-height: 1.7;    font-weight: 400;}._bd_row li {    margin-bottom: 10px;}._bd_row ol {    padding-left: 22px;}._bd_row ul {    padding-left: 18px;}/*區塊*/ .con_txt,.con_pic {    position: relative;}.con_pic img {    width: 100%;    height: 100%;    object-fit: cover;}/*間距*/:root {    --1dst: 1rem;    --2dst: 2rem;    --3dst: 3rem;    --4dst: 4rem;    --5dst: 5rem;    --6dst: 6rem;    --7dst: 7rem;    --8dst: 8rem;    --9dst: 10rem;    --10dst: 10rem;}/*編排*/ .grid_item {    display: grid;    position: relative;}.flex_item {    display: flex;    position: relative;}.page_wrapper_bg .article-text .container .pagecontent {    padding: 0 !important;}/* 內頁選單頁尾 */ .page_wrapper_bg .RWDmenu_plus04 .header {    margin: 0;}.page_wrapper_bg .footers {    border-top: 1px solid #dedede;    padding-top: 5rem;}/* 內頁標題 */ .hgroup .container .page_subject {    padding: 0;    display: flex;    flex-direction: column;    align-items: center;}.hgroup .container {    border: none;    padding: 0;}/*麵包屑 */ .hgroup .breadcrumb a {    color: var(--sub-color);    font-size: 14px;}.hgroup .breadcrumb {    position: relative;    background: transparent;    border-color: var(--sub-color);    border-radius: 0;    border-right: none;    border-left: none;    bottom: auto;    right: auto;    color: var(--sub-color);    padding: 6px 25px;}/* 內頁背景 */ .page_wrapper_bg section.call_to_action {    position: relative;}.page_wrapper_bg section.call_to_action:before {    content: '';    position: absolute;    background: url(archive/image/customization/sercloud1.webp) no-repeat;    background-size: contain;    bottom: 0;    width: 30vw;    height: 5vw;    right: 0;}/* 寬度更動 */ .article1.id47 .page_wrapper_bg .article-text .container,.article1.id67 .page_wrapper_bg .article-text .container,.article2.id77 .page_wrapper_bg .article-text .container,.article3.id87 .page_wrapper_bg .article-text .container,.article3.id97 .page_wrapper_bg .article-text .container,.article4.id107 .page_wrapper_bg .article-text .container {    padding: 0;}.article1.id47 .page_wrapper_bg section.call_to_action>.container,.article1.id67 .page_wrapper_bg section.call_to_action>.container,.article2.id77 .page_wrapper_bg section.call_to_action>.container,.article3.id87 .page_wrapper_bg section.call_to_action>.container,.article3.id97 .page_wrapper_bg section.call_to_action>.container,.article4.id107 .page_wrapper_bg section.call_to_action>.container {    max-width: none;    padding: 0;    width: 100%;}/* 麵包隱藏 */ .article1.id47 .hgroup .breadcrumb,.article1.id67 .hgroup .breadcrumb,.article2.id77 .hgroup .breadcrumb,.article3.id87 .hgroup .breadcrumb,.article3.id97 .hgroup .breadcrumb,.article4.id107 .hgroup .breadcrumb,.download1 .hgroup .breadcrumb,.video1 .hgroup .breadcrumb,.eforms1 .hgroup .breadcrumb {    display: none;}.article1.id47 .page_wrapper_bg .hgroup h1,.article1.id67 .page_wrapper_bg .hgroup h1,.article2.id77 .page_wrapper_bg .hgroup h1,.article3.id87 .page_wrapper_bg .hgroup h1,.article3.id97 .page_wrapper_bg .hgroup h1,.eforms1 .page_wrapper_bg .hgroup h1 {    margin-bottom: 0;}/* 標題隱藏 */ .article2.id77 .page_wrapper_bg .hgroup h1,.article4.id107 .page_wrapper_bg .hgroup h1 {    display: none;}/* 上方區塊拿掉 */ .article4.id107 .hgroup .container {    margin: 0;}/* 什麼是九宮 */ .about_item01 {    flex-direction: column;    align-items: center;    justify-content: center;    padding-right: 25%;    padding-left: 25%;    padding-top: var(--8dst);    padding-bottom: var(--8dst);    margin-bottom: var(--8dst);}.about_item01:before {    content: '';    position: absolute;    width: 39vw;    height: 30vw;    background: url(archive/image/customization/abdeco.webp) no-repeat;    background-size: contain;    right: 0;    bottom: -8vw;    z-index: 2;}.about_item01:after {    content: '';    position: absolute;    width: 60%;    height: 100%;    background: var(--white-color);    z-index: -1;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);}.about_item01 .con_txt {    padding-top: var(--3dst);    border-top: 1px solid #dedede;}.about_item01 .con_txt h3 {    text-align: center;}.about_item01 .con_pic {    max-width: 230px;    margin: 0 auto 3rem;}/* 關於第二區塊 */ .about_item02_all {    display: grid;    grid-template-columns: repeat(3, 1fr);    grid-gap: var(--3dst);    max-width: 1550px;    width: 100%;    margin: 0 auto;}.about_item02 {    display: block;    grid-gap: var(--1dst);}.RWDeditor01 .model-title,.RWDtimeline01 .model-title {    font-size: var(--h2-size) !important;    text-align: center;    font-weight: 600;    color: var(--title-color);    margin-bottom: 0 !important;    line-height: 1.5 !important;    letter-spacing: 1.5px;}.RWDeditor01 .model-title>span:nth-child(1),.RWDtimeline01 .model-title>span:nth-child(1) {    width: fit-content;    margin: 1rem auto 2rem;    padding: 1rem 4rem;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    font-size: var(--h4-size);}.RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    display: block;    font-size: 5vw;    line-height: .78;    background: var(--gradient2-color);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    letter-spacing: 0;    font-weight: 500;    margin-top: 2rem;}.about_item02 .con_txt {    padding: var(--1dst) 0 0;}.about_item02 .con_txt h5 {    font-weight: 500;}.about_item02 .con_txt P {    margin-bottom: 0;}/* 關於第3區塊 */ .about_item03 {    position: relative;    margin-bottom: var(--6dst);}.about_item03 .con_txt {    max-width: 1550px;    margin: 0 auto;    text-align: center;    padding: var(--4dst) var(--6dst);    background: var(--white-color);    font-weight: 500;    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .1));}.about_item03 .con_txt h6 {    margin-bottom: var(--2dst);}.about_item03 .con_txt h4 {    font-weight: 500;}.about_item03:before {    content: '';    position: absolute;    width: 100%;    height: 21vw;    background: url(archive/image/customization/witcloud.webp) no-repeat;    background-size: contain;    bottom: -16rem;    left: 0;    right: 0;}/* 關於04*/ .about_item04 {    grid-template-columns: 1fr 1fr;    margin: 0 auto var(--8dst);    grid-gap: var(--8dst);    align-items: center;    padding: 0 20%;    position: relative;}.about_item04:before {    content: '';    position: absolute;    width: 100%;    height: 21vw;    background: url(archive/image/customization/witcloud.webp) no-repeat;    background-size: contain;    transform: scaleX(-1);    bottom: -18rem;    right: 0;    z-index: 2;}.about_item04 .con_txt {    padding: var(--8dst) 0;}.about_item04 .con_pic img {    object-position: right;}.about_item04 .con_pic {    height: 100%;    z-index: 3;}.about_item04 .con_txt .con_title {    margin-bottom: var(--5dst);}.about_item04 .con_txt .con_title h6>small {    color: #5f340b;    letter-spacing: 0;    font-weight: 500;    font-size: 100%;}.about_item04 .con_txt .con_title h6 {    margin: 0;    padding: var(--1dst) 0;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    color: var(--sub-color);    display: flex;    justify-content: space-between;    align-items: center;}/* 真正價值四項 */ .about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt {    padding: 0 var(--5dst);}.about_item05 .con_txt h4 span,.about_item06 .con_txt h4 span,.about_item07 .con_txt h4 span,.about_item08 .con_txt h4 span {    padding-right: 14px;}.about_item05 .con_txt h4,.about_item06 .con_txt h4,.about_item07 .con_txt h4,.about_item08 .con_txt h4 {    font-weight: 500;    padding-bottom: var(--1dst);    margin-bottom: var(--3dst);    border-bottom: 1px solid #dedede;    position: relative;}.about_item05 .con_txt h4:before,.about_item06 .con_txt h4:before,.about_item07 .con_txt h4:before,.about_item08 .con_txt h4:before {    content: '';    position: absolute;    width: 80px;    height: 2px;    background: var(--sub-color);    left: 0;    bottom: -1px;}.about_item05 .con_txt ul li,.about_item06 .con_txt ul li,.about_item07 .con_txt ul li,.about_item08 .con_txt ul li {    margin-bottom: 10px;}.about_item05 .con_txt ul,.about_item06 .con_txt ul,.about_item07 .con_txt ul,.about_item08 .con_txt ul {    padding-left: 20px;    list-style: circle;    margin-bottom: 0;}.about_item05,.about_item06,.about_item07,.about_item08 {    position: relative;    max-width: 1550px;    margin: 0 auto;    grid-template-columns: 1fr 1fr;    align-items: center;    background: var(--white-color);}.about_item07:before {    content: '';    position: absolute;    width: 18vw;    height: 13vw;    background: url(archive/image/customization/witdeco.webp) no-repeat;    background-size: contain;    left: -13vw;    transform: scaleX(-1);    z-index: 1;    bottom: 9vw;}/* 應用第一大區塊 */ .app_item01 .con_txt h4:before,.app_item02 .con_txt h4:before {    content: '';    position: absolute;    width: 80px;    height: 2px;    background: var(--sub-color);    left: 0;    bottom: -1px;}.app_item01 .con_txt h6,.app_item02 .con_txt h6 {    color: var(--sub-color);}.app_item01 .con_txt h4,.app_item02 .con_txt h4 {    font-weight: 500;    padding-bottom: var(--1dst);    margin-bottom: var(--3dst);    border-bottom: 1px solid #dedede;    position: relative;}.app_item01 .con_pic span,.app_item02 .con_pic span {    position: absolute;    right: 0;    bottom: 0;    font-size: 7rem;    line-height: .75;    color: var(--white-color);    letter-spacing: 0;}.app_item02 .con_pic span {    right: auto;    left: 0;}.app_item01 .con_pic,.app_item02 .con_pic {    position: relative;}.app_item01 .con_txt,.app_item02 .con_txt {    padding: 0 var(--6dst);}.app_item01,.app_item02 {    max-width: 1550px;    margin: 0 auto;    grid-template-columns: 1fr 1fr;    align-items: center;    background: var(--white-color);}.app_item02 {    margin-bottom: var(--6dst);}/* 九宮的應用 */ .article1.id67 .page_wrapper_bg section.call_to_action:before {    display: none;}.article1.id67 .page_wrapper_bg section.call_to_action {    padding-bottom: 0;}.article1.id67 .page_wrapper_bg .article-text {    margin-bottom: 0;}.app_item03 {    margin: 0 auto;    grid-template-columns: auto;    padding: var(--7dst) 20%;    background: var(--white-color);}.app_card {    grid-template-columns: 1fr 1.3fr;    grid-gap: var(--8dst);    align-items: center;    border-bottom: 1px solid #dedede;}.app_card .con_txt {    padding: var(--4dst) var(--8dst) var(--4dst) 0;}.app_card .con_pic {    height: 100%;}.app_card .con_txt h4:before {    content: '';    position: absolute;    width: 55px;    height: 2px;    background: var(--sub-color);    bottom: 20px;}.app_card .con_txt h4 {    font-weight: 500;    padding-bottom: var(--3dst);    position: relative;}.app_card .con_txt h4>span {    padding-right: 10px;}.app_item03:before {    content: '';    position: fixed;    width: 34vw;    height: 23vw;    background: url(archive/image/customization/appcloud.webp) no-repeat;    background-size: contain;    top: 38vw;    right: 0;    opacity: .5;}.app_item03:after {    content: '';    position: fixed;    width: 17vw;    height: 11vw;    background: url(archive/image/customization/witdeco.webp) no-repeat;    background-size: contain;    right: 1vw;    bottom: 13vw;    z-index: 2;}/* 學習九宮 */ .learn_item01 .con_txt h2 {    font-size: var(--h1-size);    margin-bottom: var(--2dst);    line-height: 1;    letter-spacing: 3px;}.learn_item01 .con_txt h4 {    font-weight: 500;}.learn_item01 {    padding: 0 0 0 20%;    grid-template-columns: 1fr 1.7fr;    align-items: flex-start;    border-bottom: 1px solid #dedede;    grid-gap: var(--8dst);}.learn_item01:before {    content: '';    position: absolute;    width: 100%;    height: 21vw;    background: url(archive/image/customization/witcloud.webp) no-repeat;    background-size: contain;    bottom: -9rem;    left: 0;    right: 0;    z-index: 2;}.learn_item01 .con_pic {    z-index: 2;}.learn_item01 .con_txt .con_title h2 {    margin-bottom: 0;}.learn_item01 .con_txt .con_title {    display: grid;    grid-template-columns: 150px auto;    align-items: flex-end;    grid-gap: var(--5dst);    margin-bottom: var(--5dst);}.learn_item01 .con_txt .con_title h6>small {    color: #5f340b;    letter-spacing: 0;    font-weight: 500;    font-size: 100%;}.learn_item01 .con_txt .con_title h6 {    margin: 0;    padding: var(--1dst) 0;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    color: var(--sub-color);    display: flex;    justify-content: space-between;    align-items: center;}/* 學習第二區塊 */ .learn_item02 {    padding: var(--8dst) 10%;    grid-template-columns: repeat(3, 1fr);    grid-gap: var(--2dst);    margin-top: -60px;}.learn_item02:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: var(--white-color);    left: 0;    top: 0;    z-index: -1;}.learn_card {    border-left: 1px solid #dedede;    position: relative;    display: flex;    flex-direction: column;}.learn_card .con_txt {    padding: var(--2dst) var(--2dst) 0;    display: flex;    flex-direction: column;    align-items: center;    justify-content: space-between;    height: 100%;}.learn_card .con_txt h5 {    font-weight: 600;    text-align: center;    margin-bottom: var(--1dst);}a.more_btn {    display: block;    padding: 15px;    font-size: 1rem;    background: transparent;    border-radius: 0;    border: 1px solid var(--main-color);    color: var(--main-color);    width: 100%;    text-align: center;    margin-top: var(--2dst);}a.more_btn:hover {    color: #fff;    background: var(--gradient-color);    border: 1px solid var(--sub-color);}/* 個人諮詢服務 */ .service_item .con_txt h4,.service_item .con_txt h5 {    font-weight: 500;}.service_item01 {    margin-bottom: var(--10dst);}.service_item01:before {    content: '';    position: absolute;    width: 32vw;    height: 8vw;    background: url(archive/image/customization/appcloud.webp) no-repeat;    background-size: contain;    left: 12vw;    bottom: -10vw;}.service_item01:after {    content: '';    position: absolute;    width: 18vw;    height: 20vw;    background: url(archive/image/customization/appdeco.webp) no-repeat;    background-size: contain;    bottom: -15vw;    left: 0;    z-index: 2;}.service_item .con_txt h5>span {    padding-right: 10px;}.service_item01 .con_pic {    position: absolute;    width: calc(100% - 4.2% - 4.2%);    left: 50%;    transform: translateX(-50%);    z-index: -2;    height: 100%;}.service_item01 .con_txt {    width: 35%;    padding: var(--4dst);    background: var(--white-color);    left: 12%;    margin: var(--8dst) 0;}.service_item01 .con_txt .con_title {    padding: var(--1dst) 0 var(--1dst) var(--1dst);    border-top: 1px solid #dedede;    border-bottom: 1px solid #dedede;}.service_item01 .con_txt h4 {    margin: 0;}.service_item01 .con_txt .con_title {    margin-bottom: var(--2dst);}/* 個人服務02 */ .service_item02 {    max-width: 1700px;    margin: 0 auto;    grid-template-columns: 130px auto;    align-items: center;    grid-gap: var(--5dst);    padding: var(--6dst) var(--10dst) 0;    background: var(--white-color);    justify-content: center;}.service_card .con_txt p {    margin-bottom: 0;}/* 個人服務03 */ .service_item03 .con_pic {    margin-bottom: var(--1dst);}.service_item03 {    max-width: 1700px;    margin: -60px auto 0;    padding: var(--4dst) var(--5dst);    background: var(--white-color);    grid-template-columns: repeat(3, 1fr);    grid-gap: var(--4dst) var(--3dst);}/* 企業服務01 */ .company_item01 {    width: calc(100% - 4.2% - 4.2%);    margin: 0 auto;}.company_item01:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: var(--white-color);    left: 0;    top: 0;    z-index: -1;}.company_item01 .con_txt {    width: 60%;    margin: 0 auto;    padding: var(--6dst) 0;    text-align: center;    z-index: 1;}.company_item01 .con_pic {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;}.company_item01 .con_txt .con_txt_list ul {    list-style: decimal-leading-zero;    font-size: 18px;    line-height: 2.5;    color: var(--text-color);}.company_item01 .con_txt .con_txt_list h4 {    writing-mode: vertical-rl;    text-align: center;    border-right: 1px solid #999999;    border-left: 1px solid #999999;    display: flex;    justify-content: center;    align-items: center;    font-weight: 500;    letter-spacing: 6px;    background: rgb(255 255 255 / 55%);}.company_item01 .con_txt .con_txt_list {    display: grid;    grid-template-columns: 80px auto;    text-align: left;    grid-gap: var(--4dst);    margin: 0 auto;    max-width: 850px;}.company_item01 .con_txt .con_title {    position: relative;    margin-bottom: var(--6dst);}.company_en_title {    color: var(--white-color);    font-size: 7rem;    letter-spacing: 0px;    position: absolute;    z-index: -2;    bottom: -3rem;    left: 50%;    transform: translateX(-50%);    width: 100%;}/* 企業02 */ .company_card .con_txt ul:before {    content: '';    position: absolute;    width: 60px;    height: 2px;    background: var(--sub-color);    left: 50%;    transform: translateX(-50%);    top: -2px;}.company_card .con_txt ul {    position: relative;    display: grid;    grid-template-columns: repeat(2, 1fr);    list-style: disc;    border-top: 1px solid #Dedede;    padding-top: var(--2dst);    padding-left: 20px;}.company_card .con_title span:first-child {    margin-bottom: 10px;}.company_card .con_title span {    display: block;    line-height: 1.3;    letter-spacing: 1.5px;}.company_card .con_title span:last-child {    font-size: var(--h4-size);    color: var(--title-color);}.company_card .con_title {    font-weight: 500;    color: var(--title-color);    font-size: var(--h6-size);    text-align: center;    margin-bottom: var(--2dst);}.company_card .con_pic {    max-width: 110px;    margin: 0 auto 2rem;    border: 1px solid #ffffff;    padding: 15px;    border-radius: 99em;    background: linear-gradient(45deg, white, transparent);    box-shadow: 2px 5px 10px #dedede;}.company_item02 {    padding: 0 25%;    grid-template-columns: repeat(3, 1fr);}.company_item02:before {    content: '';    position: absolute;    width: 39vw;    height: 30vw;    background: url(archive/image/customization/abdeco.webp) no-repeat;    background-size: contain;    left: 0;    bottom: 0vw;    z-index: 2;    transform: scaleX(-1);    z-index: -1;}.company_item02 .company_card {    padding: 0 45px 0 0;    margin: 0 45px 0 0;    border-right: 1px solid #dedede;}.company_item02 .company_card:last-child {    margin-right: 0;    padding-right: 0;    border-right: none;}/* 企業3 */ .company_item03 {    margin: var(--6dst) auto;    text-align: center;    padding: var(--6dst) 15%;    background: var(--white-color);    z-index: 2;    width: calc(100% - 4.2% - 4.2%);}.company_item03 .con_txt ul li i {    padding-right: 10px;    color: var(--sub-color);}.company_item03 .con_txt ul {    display: grid;    justify-content: center;    font-size: var(--h4-size);    color: var(--title-color);    list-style: none;    grid-template-columns: repeat(3, 1fr);    width: 70%;    margin: var(--2dst) auto;    padding: 1rem;    border-bottom: 1px solid #dedede;    border-top: 1px solid #dedede;    font-weight: 500;}/* 企業０４ */ .company_item04 .con_txt ul li p {    margin: 0;}.company_item04 .con_txt ul li h6 {    font-weight: 500;    margin: 0 0 5px;}.company_item04 .con_txt ul li>span:before {    content: '';    position: absolute;    width: calc(100% - 70px);    height: 1px;    background: #dedede;    right: 0;    top: 50%;}.company_item04 .con_txt ul li>span {    font-size: var(--h3-size);    color: #99999952;    position: relative;    display: block;    margin: 0 0 15px;    font-weight: 400;    letter-spacing: 0px;    line-height: 1.2;}.company_item04 .con_txt ul li {    padding: var(--2dst) var(--3dst);    background: linear-gradient(117deg, #f2f2f1, #fafafa);    width: calc(100% / 3 - 31px);    margin: 0 15px 25px;}.company_item04 .con_txt ul {    list-style: none;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;    justify-content: center;}.company_item04 h4>b {    font-size: 150%;    padding: 0 5px;}.company_item04 .con_txt h4 {    padding: var(--2dst) 20%;    border-top: 1px solid #dedede;    font-weight: 500;    margin: var(--2dst) auto 0;    text-align: center;    font-size: var(--h3-size);}.company_item04 .con_txt h5 {    text-align: center;    padding: 0 20%;}.company_item04 {    position: relative;    max-width: 1550px;    margin: 0 auto;    padding: var(--8dst) var(--6dst);    background: var(--white-color);}.company_item04 .con_txt ul li:nth-child(4),.company_item04 .con_txt ul li:nth-child(5) {    width: calc(100% / 2 - 31px);}/* 企業04 按鈕*/ .company_item04 a.more_btn {    max-width: 400px;    margin: var(--3dst) auto 0;}/* 創辦 */ .article4 .page_wrapper_bg section.call_to_action {    padding-top: 0;}/* 關於九宮 */ .founder_item01 {    grid-template-columns: 1fr 1fr;    margin: 0 auto;    grid-gap: var(--6dst);    align-items: flex-end;    padding: 0 15%;    position: relative;}.founder_item01 .con_txt p:last-child {    margin-bottom: 0;}.founder_item01 .con_txt .con_title {    margin-bottom: var(--5dst);}.founder_item01 .con_pic img {    height: auto;    object-fit: unset;}.founder_item01 .con_txt {    padding: var(--6dst) 0;}.founder_item01 .con_txt .con_title h6>small {    color: #5f340b;    letter-spacing: 0;    font-weight: 500;    font-size: 100%;}.founder_item01 .con_txt .con_title h6 {    margin: 0;    padding: var(--1dst) 0;    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    color: var(--sub-color);    display: flex;    justify-content: space-between;    align-items: center;}.founder_item01 .con_bg {    position: absolute;    left: -13vw;    z-index: -1;    bottom: 0;}.founder_item02 .con_txt h4 {    font-weight: 500;}.founder_item02 {    text-align: center;    margin: 0 auto;    padding: var(--6dst) 0 var(--10dst);    position: relative;}.founder_item02:before {    content: '';    position: absolute;    width: 100%;    height: 21vw;    background: url(archive/image/customization/witcloud.webp) no-repeat;    background-size: contain;    bottom: -18rem;    left: 0;    right: 0;    z-index: 2;}/* 關於03 */ .founder_item03 {    max-width: 1550px;    margin: 0 auto;    padding: var(--6dst) var(--8dst);    background: var(--white-color);}.founder_item03 .con_pic_item {    grid-template-columns: 150px 150px;    grid-gap: var(--3dst);    align-items: center;    justify-content: center;    margin-bottom: var(--3dst);    padding-bottom: var(--3dst);    border-bottom: 1px solid #dedede;}.founder_item03 .con_txt h5 {    text-align: center;    font-weight: 500;    padding: var(--3dst) 0 0;    margin: var(--3dst) 0 0;    border-top: 1px solid #dedede;}/* 關於04 */ .founder_item04 {    padding: 0 20%;}.founder_item04:before {    content: '';    position: absolute;    width: 18vw;    height: 13vw;    background: url(archive/image/customization/witdeco.webp) no-repeat;    background-size: contain;    right: 6vw;    z-index: 2;    bottom: 9vw;}.founder_card {    grid-template-columns: 1fr 1fr;    align-items: center;    background: var(--white-color);}.founder_card .con_txt h5:before {    content: '';    position: absolute;    width: 60px;    height: 1px;    background: var(--sub-color);    left: 0;    bottom: -1px;}.founder_card .con_txt h5 {    font-weight: 500;    border-bottom: 1px solid #dedede;    padding-bottom: var(--1dst);    margin-bottom: var(--2dst);    position: relative;}.founder_card .con_pic {    height: 100%;}.founder_card .con_txt {    padding: var(--4dst);}/* 里程碑 */ .article4.id107 .page_wrapper_bg section.call_to_action:after {    content: '';    position: absolute;    width: 39vw;    height: 30vw;    background: url(archive/image/customization/abdeco.webp) no-repeat;    background-size: contain;    left: 0;    bottom: 0vw;    z-index: 2;    transform: scaleX(-1);}.article4.id107 .pagecontent .RWDtimeline01 {    margin-top: var(--10dst);    padding: 0 20%;}.RWDtimeline01 li.event .point .title {    font-size: var(--h6-size);    text-align: left;    font-weight: 400;    margin: 0;}.RWDtimeline01 .model-title {    margin-bottom: var(--6dst) !important;}.RWDtimeline01 li.event:before {    border: none;    width: 13px;    height: 13px;    box-shadow: 0 0 10px #d2d2d2;}.RWDtimeline01 li.event .point {    background: var(--white-color);    padding: var(--2dst) var(--3dst);    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, .1));    border-bottom: 2px solid var(--sub-color);}.RWDtimeline01 li.event .point .date {    font-size: var(--h4-size);    color: var(--title-color);    letter-spacing: 0px;    margin-bottom: 10px;}.RWDtimeline01 .line_dot2 {    opacity: .3;}/* 開版 *//* 寬度白背景 */ .layoutlist_2,.productcontent .page_wrapper_bg section.call_to_action>.container {    padding: var(--4dst);    background: var(--white-color);}/* 九宮知識 */ .layoutlist_2 .item {    padding: 0 0 var(--2dst) !important;    margin: 0 0 var(--2dst) !important;    border-bottom: 1px solid #dedede !important;}.layoutlist_2 .list_subject .subsubject {    font-size: var(--p-size);    color: var(--txt-color);    letter-spacing: 1px;}.layoutlist_2 .listdate {    text-align: center;    border-left: none !important;}#article .layoutlist_2 .list_subject a {    font-size: var(--h4-size) !important;    letter-spacing: 1px;    color: var(--title-color);    margin: 0 0 var(--1dst) !important;}.layoutlist_2 .listdate .day {    color: var(--sub-color) !important;    border: 1px solid rgb(215 165 98 / 34%);    border-radius: 100%;    display: inline-block;    padding: 10px 20px;    line-height: 1.5;    letter-spacing: 0px;    border-right: none;    margin-top: var(--1dst);}/* 產品列表 */ .layoutlist_2 .item.product_list_item {    padding: 0 !important;    border-bottom: none !important;    margin: 0 0 var(--2dst) !important;}.item .subject {    margin: 15px 0 0;}.item .subject A.itemlink,.item .subject a {    font-size: 20px;    display: block;    text-align: center;}.sortbar {    display: flex !important;    justify-content: center;    text-align: center !important;    margin: 0 0 var(--3dst) !important;}.layoutlist_2 .item.product_list_item img {    transition: .5s ease;}.layoutlist_2 .item.product_list_item:hover img {    transform: scale(1.05);    transition: .5s ease;}.sortbar a:hover {    color: var(--sub-color);}/* 產品內頁 */#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page {    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    color: var(--text-color);}.RWDproduct_page .products-info .name {    font-size: var(--h5-size);    font-weight: 500;    color: var(--title-color);}/* 產品頁籤 */ .RWDproduct_page .tab-box .tab-menu li.active a:before,.RWDproduct_page .tab-box .tab-menu li a:before {    display: none;}.RWDproduct_page .tab-box .tab-menu li.active a {    background: transparent;    color: var(--sub-color);    font-weight: 500;}.RWDproduct_page .tab-box .tab-menu a {    color: var(--title-color);    font-size: var(--h6-size);    padding: 10px 30px;    height: auto;    border: none;    background: transparent;}.RWDproduct_page .list-h {    display: flex;    justify-content: center;}ul.tab.list-h>li:last-child {    border-right: none;}ul.tab.list-h>li {    border-right: 1px solid #dedede;}/* 檔案下載 */ .download .list_table td {    line-height: 1.5;}/* 影片 */ .video_item_summary {    font-size: var(--p-size) !important;    color: var(--text-color);    letter-spacing: 1px;    text-align: center !important;}.video_item_subject {    font-size: 20px !important;    text-align: center !important;    color: var(--title-color);    font-weight: 500;}/* 相簿 */#album .layoutlist_2 .album_item_subject {    font-size: 20px;    text-align: center;    color: var(--title-color);    font-weight: 500;}/* 連聯繫 */ .eforms1 .page_wrapper_bg section.call_to_action:after {    content: '';    position: absolute;    width: 39vw;    height: 30vw;    background: url(archive/image/customization/abdeco.webp) no-repeat;    background-size: contain;    left: 0;    bottom: 0;    z-index: -1;    transform: scaleX(-1);}.eformscontent .layoutlist_1 {    max-width: none;    padding: var(--5dst) var(--5dst);    background-color: var(--white-color);    z-index: 3;}.new-form {    margin: 0;}.customized_columns ._input,.customized_columns select {    box-shadow: none;    border-radius: 0;    border: none;}.contact_item .con_txt {    grid-template-columns: 280px auto;    grid-gap: var(--3dst);    border-top: 1px solid #dedede;    padding-top: var(--2dst);    margin-top: var(--2dst);    margin-bottom: var(--2dst);}.eformsDesc {    text-align: center;    font-size: var(--p-size);    padding: 0 0 var(--3dst);    margin: 0 0 var(--3dst);    border-bottom: 1px solid #dedede;    color: var(--title-color);}.contact_item .con_txt ul {    list-style: none;    padding: 0;    margin: 0;}.contact_item .socialli a {    text-align: center;}.contact_item iframe {    height: 125px;}.contact_item .con_txt ul li a {    color: var(--text-color);}.contact_item .con_txt ul li {    margin-bottom: 10px;    color: var(--text-color);}.contact_item .con_txt ul li span {    display: block;    color: var(--title-color);}.contact_item .con_txt h5 {    font-weight: 500;    color: var(--title-color);    font-size: var(--h4-size);}.new-form .formdesc {    padding-right: 60px;}.customized_columns {    padding: 0 0 0 50px;    margin: 0 0 0 50px;    border-left: 1px solid #dedede;    width: calc(50% - 50px);    margin-bottom: var(--3dst);}.new-form .formdesc {    padding: 0;    margin-bottom: 0;}.article2.id77 .page_wrapper_bg section.call_to_action {    padding-bottom: 0;    margin-bottom: -15px;}/* 查詢訂單 */ .shopping_viewlogin__h1 {    color: var(--title-color);    font-weight: 500;}.shopping_viewlogin__submit {    background: var(--gradient-color);    color: white;    padding: 1rem 4rem;    border: none;    font-size: 1rem;    letter-spacing: 1px;}.go2member {    color: var(--sub-color);}/* 產品紀錄 */ .RWDhistory002 .history-block .pic {    background-color: transparent;}/* 會員 */ .join_form-title {    text-align: center;    font-weight: 500;    color: var(--title-color);    font-size: var(--h4-size);    border-bottom: none;}/* 電傷 */ .blue-link:hover,.blue-link:focus,.RWDshopping_v3 .member-hint .hint-txt .txt a.blue-link {    color: var(--sub-color);    text-decoration: underline;}.gray82radius-btn.radius-oval,.gray82empty-btn.radius-oval {    border-radius: 0;}.RWDshopping_v3 .cart-pd-content .cart-pd-head {    padding: 20px;    color: var(--title-color);    line-height: 2;}/*側選單 */#sidebar .products-nav {    font-size: 1rem;    line-height: 1.8;    letter-spacing: 2px;    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    color: var(--text-color);    background-color: var(--white-color);}.m2018 .products-nav .nav-title {    background: var(--gradient-color);    color: white;    padding: 15PX;    TEXT-ALIGN: CENTER;}.go_shopping_view_a {    color: var(--sub-color);}.member .hgroup .breadcrumb {    display: none;}.member-block h3 {    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    color: var(--text-color);    text-align: left;}.m2018 .products-nav>ul>li>a:hover {    color: var(--sub-color);}.m2018 .products-nav>ul>li.active>a {    color: var(--sub-color);}.m2018 .products-nav>ul>li>a {    font-size: 18px;    padding: 15px !important;    letter-spacing: 1px;}#join_form input,#join_form select,#join_form select.form-control:not([size]):not([multiple]) {    border: none;    border-radius: 0;    background: #f1f1f1;}.RWDtimeline01 li.event {    margin-top: 0 !important;}/* 20231027 */ .page_wrapper_bg .hgroup h1 {    background: var(--gradient2-color);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}.RWDeditor01 .model-title,.RWDtimeline01 .model-title {    margin-bottom: var(--3dst) !important;}.RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    font-size: 2.2rem;    margin-top: 1rem;    line-height: 1.2;}.RWDeditor01 .model-title>span:nth-child(1),.RWDtimeline01 .model-title>span:nth-child(1) {    font-size: 36px;    letter-spacing: 1.5px;    padding: 1.5rem 4rem;    margin-bottom: 0;}:root {    --h1-size: 55px;    --h2-size: 50px;}.about_item.about_item02 .con_txt h5 {    font-size: 30px;}.RWDeditor01 .about_item03 .con_txt h4 {    color: var(--btn-main-color);    font-size: 40px;    font-weight: 600;    font-style: italic;    width: 60%;    margin: 0 auto;    line-height: 1.3;}.app_item01 .con_txt h6,.app_item02 .con_txt h6 {    font-weight: 600;    font-size: var(--h5-size);}.RWDeditor01 .company_item02 {    margin-top: var(--4dst);}.RWDeditor01 .company_item03 {    background: transparent;    border-bottom: 1px solid #dedede;    padding: 0 20% var(--4dst);    text-align: left;    margin: var(--4dst) auto;}.founder_item01 {    padding-top: var(--3dst);}.founder_item01 .con_bg {    height: 100%;}.founder_item01 .con_bg img {    object-fit: cover;    height: 100%;}.founder_item01 .con_txt {    padding: var(--6dst) 0 var(--10dst);}/* 20241108 */ .shopping .cd-main-content:before {    display: none;}.RWDshopping_v3 {    background: transparent !important;}/* .article9 .article_model input{border: #dfdfdf solid 1px;    border-radius: 99em;} *//* 250123 */ .contact_item .con_txt {    grid-template-columns: 1fr;    grid-gap: 10px;    line-height: 1.3;}.contact_item iframe {    height: 100%;    aspect-ratio: 3 / 1;}.eforms1 .form-horizontal .control-label {    width: 100%;}.eforms1 .form-column {    padding: 0;    width: 100%;}.eforms1 .boxname {    width: calc(100%/3 - 33px);}.eforms1 .options {    display: flex;    flex-wrap: wrap;}.eforms1 .form-group {    margin-bottom: 1.5rem;}.article9 .page_wrapper_bg section.call_to_action:after {    content: '';    position: absolute;    width: 39vw;    height: 30vw;    background: url(archive/image/customization/abdeco.webp) no-repeat;    background-size: contain;    left: 0;    bottom: 0;    z-index: -1;    transform: scaleX(-1);}.article9 form {    padding: var(--5dst) var(--5dst);    background-color: var(--white-color);    margin: auto;    display: flex;    flex-wrap: wrap;    max-width: 1300px;}.article9 form>div {    width: 50%;    padding-inline: 15px;    margin-bottom: 1.5rem;}.article9 label {    font-size: var(--p-size);    line-height: 1.8;    letter-spacing: 1px;    color: var(--text-color);    font-weight: 500;}.article9 select,.article9 input {    width: 100%;    background-color: #f4f4f4;    font-size: 15px;    border: 0;    min-height: 34px;    margin-top: 3px;}.article9 input[type="submit"] {    display: block;    text-align: center;    min-width: 180px;    max-width: 180px;    line-height: 1.5;    padding: 6px 30px !important;    margin-top: 20px;    border: 1px solid var(--btn-main-color);    transition: all .2s ease;    border-radius: 0;    color: var(--btn-main-color) !important;    background: transparent;    font-size: var(--p-size);    letter-spacing: 1px;    font-weight: 500;    font-family: 'Noto Serif Display', 'Noto Serif TC', serif;    margin-left: auto;}.article9 input[type="submit"]:hover {    color: #fff !important;    background: var(--btn-main-hover-color);}/* 20250317 */ .about_item00 {    max-width: 1600px;    margin: 0 auto;}.about_item00 ._bd_column {    padding: 0;}.company_item00 {    width: 70%;    margin: 0 auto;}@media (max-width: 1350px) {    .company_item00 {        width: 100%;        padding: 0 7.5%;    }}@media (max-width: 1024px) {    .company_item00 {        padding: 0 10%;    }}@media (max-width: 991px) {    .about_item00 {        width: 80%;    }}@media (max-width: 700px) {    .company_item00 {        padding: 0 5%;    }}

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

@media (max-width: 2400px) {    .RWDmenu_plus04 .header {        margin: 3.2vw 0;    }    .RWDbanner_plus01 .slick-caption .txt1 {        font-size: 2.8rem;    }    .RWDbanner_plus01 .slick-caption .txt2 {        font-size: 2rem;    }    .RWDbanner_plus01 .slick-caption .txt2 span span {        font-size: 1.57rem;    }    .RWDbanner_plus01 .slick-caption .txt3 {        bottom: 0.2vw;    }    .index_sec .container {        width: 75%;    }    .abcontent .col-sm-4.col-md-4 {        padding: 4rem;    }    .applications .container,    .wit .container {        width: 80% !important;    }    .eve.deco {        margin-top: 10vw;    }    /* 內頁 */    :root {        --h1-size: 60px;        --h2-size: 50px;        --h3-size: 44px;        --h4-size: 24px;        --h5-size: 20px;        --h6-size: 18px;    }    .about_item04 {        padding: 0 15%;    }    .learn_item01 {        padding: 0 0 0 15%;    }    .company_item02 {        padding: 0 20%;    }    .founder_item03:before {        width: 65%;    }    .founder_item04 {        padding: 0 14.5%;    }}@media (max-width: 2200px) {    /* 內頁 */    :root {        --h1-size: 56px;        --h2-size: 48px;        --h3-size: 42px;    }    .about_item01:after {        width: 70%;    }    .about_item01 {        padding-right: 20%;        padding-left: 20%;    }    .about_item04 {        padding: 0px 11%;    }    .app_item03 {        padding: var(--7dst) 15%;    }    .learn_item01 {        grid-gap: var(--5dst);        grid-template-columns: 1fr 1.5fr;    }    .founder_item02:before {        bottom: -10rem;    }    .founder_item04 {        padding: 0 11%;    }    /* 20231027 */    .founder_item01 {    padding: 0 10% 0 15%;}}@media (max-width: 2000px) {    .RWDmenu_plus04 .header {        margin: 3vw 0;    }    .RWDbanner_plus01 .slick-caption .logo {        width: 55vw;    }    .RWDbanner_plus01 .slick-caption .txt1 {        width: 40%;    }    .RWDbanner_plus01 .slick-caption .txt3 span {        font-size: 7vw;    }    .RWDbanner_plus01 .slick-caption .txt3 {        bottom: 0.5vw;    }    .abcontent .col-sm-4.col-md-4 {        padding: 3rem;    }    .index_sec {        padding: 7rem 0;    }    .applications .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        margin: 0 20px 40px !important;        width: calc(100%/4 - 40px);    }    .ab.deco {        bottom: -4vw;    }    .cloud {        bottom: -3vw;        left: 21vw;    }    /* 內頁 */    .about_item04:before {        bottom: -20vw;    }    .about_item01 .con_pic {        max-width: 200px;    }    .about_item01 {        padding-top: var(--6dst);        padding-bottom: var(--6dst);        margin-bottom: var(--6dst);    }    .about_item02_all,    .about_item03 .con_txt,    .about_item05,    .about_item06,    .about_item07,    .about_item08,    .app_item01,    .app_item02,    .founder_item03 {        max-width: 1450px;    }    .about_item04 {        padding: 0px 9.5%;        grid-gap: var(--6dst);    }    .about_item04 .con_txt {        padding: var(--4dst) 0;    }    .app_item03:after {        position: absolute;        top: -3vw;    }    .app_item03,    .learn_item02 {        padding: var(--7dst) 10%;    }    .app_card {        grid-template-columns: 1fr 1fr;        grid-gap: var(--6dst);    }    .learn_item01 {        padding: 0 0 0 10%;        grid-template-columns: 1fr 1.3fr;    }    .service_item01 .con_txt {        width: 40%;    }    .service_item03 {        max-width: none;        padding: var(--4dst) var(--8dst);    }    .article3.id87 .page_wrapper_bg section.call_to_action {        padding-bottom: 0;        margin-bottom: -15px;    }    .company_item01 .con_txt {        width: 70%;    }    .company_item02 {        padding: 0 15%;    }    .company_item03 {        padding: var(--6dst) 10%;    }    .company_item04 {        max-width: none;        width: calc(100% - 4.2% - 4.2%);    }    .founder_item01 {        padding: 0 10%;    }    .founder_item03 {        padding: var(--6dst) var(--6dst);    }    .founder_item04 {        padding: 0 9.5%;    }    .article4.id107 .pagecontent .RWDtimeline01,    .article4 .lang_jp .pagecontent .RWDtimeline01 {        padding: 0 15%;    }    .founder_item01 .con_bg {        left: -30vw;    }    .founder_item01 {    padding: 0 10% ;}}@media (max-width: 1900px) {    .RWDmenu_plus04 .header {        margin: 50px 0;    }    .funny-boxes>.funny-boxes-text>.funny-boxes-tit {        font-size: 1.2rem;    }    .main-titile {        font-size: 4vw;    }    .app.deco {        width: 25vw;        bottom: -17vw;    }    .RWDnews005 .owl-carousel.owl-padding-10 .owl-item {        padding: 0 1rem 5rem;    }    .RWDnews005 .owl-carousel .owl-item .img-hover {        filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, .2));    }    .wit.deco {        right: 1vw;    }    .opp .RWDbtn01 article.editor {        font-size: 1.8vw;    }}@media (max-width: 1850px) {.RWDmenu_plus04 .features .share-group.main_share a {    padding: 1rem 1.5rem;}.RWDmenu_plus04 .features {    width: 360px;}.RWDmenu_plus04 .features .share-group.main_share {        margin: 0.5rem 0 0 10px;}.RWDmenu_plus04 .site-nav .menu li.has-child>a {    padding: 25px 15px 25px 10px;}.RWDmenu_plus04 .site-nav .menu>li>a {    padding: 25px 10px;}.RWDmenu_plus04 .container {    padding: 0;}}@media (max-width: 1800px) {    :root {        --h1-size: 52px;        --h2-size: 44px;        --h3-size: 40px;        --h4-size: 22px;        --h5-size: 19px;        --h6-size: 17px;    }    .page_wrapper_bg section.call_to_action>.container {        width: 82.5%;    }    .founder_item01 {        padding: 0 7.5%;        grid-gap: var(--3dst);        align-items: flex-end;    }    .founder_item01 .con_txt .con_title {        margin-bottom: var(--3dst);    }    .founder_item01 .con_bg {        left: -33vw;    }    .about_item02_all,    .about_item03 .con_txt,    .about_item05,    .about_item06,    .about_item07,    .about_item08,    .app_item01,    .app_item02,    .founder_item03,    .about_item00 {        max-width: none;        width: 82.5%;    }    .article4.id107 .pagecontent .RWDtimeline01,    .company_item02 {        padding: 0 10%;    }    .service_item01 .con_txt {        width: 47%;        left: 8%;    }    .service_item03 {        grid-gap: var(--3dst);    }    .company_item01 .con_txt {        width: 80%;    }    .company_item02:before {        display: none;    }    .company_item03 {        padding: var(--6dst) 0;    }    .company_item04 {        padding: var(--6dst) var(--5dst);    }    .company_item04 .con_txt ul li h6 {        font-size: var(--h5-size);    }    .company_item04 .con_txt ul li {        padding: var(--2dst) var(--2dst);    }    .learn_item01 .con_txt .con_title {        grid-template-columns: 120px auto;        grid-gap: var(--3dst);    }    .learn_card {        border-left: none;    }    .learn_card .con_txt {        padding: var(--2dst) 0 0;    }    .about_item01 {        padding-right: 15%;        padding-left: 15%;    }    .about_item01:after {        width: 80%;    }/* 20231027 */ .founder_item01 {    padding: 4rem 7.5% 0;    grid-gap: var(--3dst);    align-items: flex-end;    grid-template-columns: 1fr 1.2fr;}}@media (max-width: 1700px) {    .RWDmenu_plus04 .logo {        width: 100px;    }    .RWDmenu_plus04 .header {        margin: 3.2vw 0;    }    .RWDbanner_plus01 .slick-caption .txt1 {        font-size: 2.5vw;    }    .RWDbanner_plus01 .slick-caption .txt2 {        font-size: 1.7vw;        margin: 3rem 0 0;    }    .RWDbanner_plus01 .slick-caption .txt2 span span {        font-size: 1.35vw;    }    .ab.secttl {        padding: 0 0 0 15vw;    }    .ab.secttl .main-titile {        left: -15vw;    }    .abtxt p br {        display: none;    }    .funny-boxes>.funny-boxes-text>.funny-boxes-tit {        font-size: 1.1rem;    }    .abcontent .col-sm-4.col-md-4 {        padding: 2rem;    }    .applications .container,    .wit .container {        width: 85% !important;    }    .services .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        width: calc(100%/3 - 40px);        margin: 0 20px 40px !important;    }    .events {        padding: 7rem 12% 7rem 0 !important;    }    .opportunities {        padding: 10rem 0 0 !important;    }    .socialbox img {        width: 120px;    }    /*內頁 */    .founder_item03 .con_pic_item {        grid-template-columns: 130px 130px;        grid-gap: var(--5dst);    }    .about_item03:before {        bottom: -18rem;    }    .founder_item02:before {        bottom: -12rem;    }    .RWDeditor01 .company_item03 {    padding: 0 5% var(--4dst);}}@media (max-width: 1600px) {/* 20231027 */ .RWDeditor01 .about_item03 .con_txt h4 {    width: auto;    font-size: 32px;}.about_item03 .con_txt {    padding: var(--4dst) var(--4dst);}.founder_item01 .con_txt {    padding: 0 0 var(--6dst);}.founder_item02 {    padding: var(--6dst) 0;}.RWDeditor01 .model-title>span, .RWDtimeline01 .model-title>span {    font-size: 2rem;    }    .founder_item04:before {        display: none;    }    /* 20231027 */    .RWDeditor01 .company_item03 {    padding: 0 10% var(--4dst);}.app_card .con_txt {    padding: var(--4dst) var(--4dst) var(--4dst) 0;}}@media (max-width: 1500px) {    .RWDmenu_plus04 .site-nav .menu {        display: none    }    .RWDmenu_plus04 #mobile-menu,    .RWDmenu_plus04 .ml-stack-nav-toggle,    .RWDmenu_plus04 .toggle-menu,    .RWDmenu_plus04 .toggle-mmenu-cover {        display: block    }    .RWDmenu_plus04 #mobile-menu .menu>li a {        letter-spacing: 0;        color: #333;        font-size: 1rem;    }    .RWDmenu_plus04 #mobile-menu .menu>li>ul {        background: #fbfbfb    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        background-color: transparent    }    .RWDmenu_plus04 #mobile-menu .menu>li.active {        background-color: var(--main-color)    }    .RWDmenu_plus04 #mobile-menu .menu a {        font-size: 1rem;    }    .RWDmenu_plus04 .features {        float: right;        position: relative;    }    .RWDmenu_plus04 .features:after {        opacity: .2;    }    .RWDmenu_plus04 .features {        padding-right: 0;    }    .ml-stack-nav-toggle i {        font-family: 'Noto Serif TC', serif;        font-size: .8rem;    }    .RWDmenu_plus04 .logo {        width: 80px;    }    .RWDmenu_plus04 .header {        margin: 4.4% 0;    }    .index_sec .container {        width: 80%;    }    .ab.deco {        bottom: -1vw;        right: -5vw;    }    .RWDproduct004 #portfolio div.col-md-3 h2,    .RWDproduct004 #portfolio div.col-md-3 h3 {        font-size: 1.1rem;    }    .ser.secttl .ttlbox .subttlbox {        gap: 1rem 0;    }    .events {        padding: 3rem 12% 0rem 0 !important;    }    .ser.deco {        bottom: -1vw;    }    .eve.content {        position: relative;        z-index: 2;    }    .ftinner.social {        margin: 1rem 0 5rem;    }    .RWDmenu_plus04 .is-up .logo {        width: 60px;    }    .RWDmenu_plus04 .features {    width: auto;}    /* 內頁 */    .page_wrapper_bg .article-text,    .page_wrapper_bg .article-text p,    .RWDslider01 .editor,    .RWDtimeline01 li.event .point .editor,    #sidebar .products-nav {        font-size: 15px;        line-height: 1.7;    }    .about_item01 {        padding-right: 10%;        padding-left: 10%;        padding-top: var(--4dst);        padding-bottom: var(--4dst);        margin-bottom: var(--5dst);    }    .about_item01 .con_pic {        max-width: 180px;    }    .about_item01:after {        width: calc(100% - 4.2% - 4.2%);    }    .about_item01:before {        bottom: -2vw;    }    .about_item02_all {        grid-gap: var(--2dst);    }    .about_item04,    .app_card {        grid-gap: var(--4dst);    }    .about_item05 .con_pic,    .about_item06 .con_pic,    .about_item07 .con_pic,    .about_item08 .con_pic {        height: 100%;    }    .about_item05 .con_txt,    .about_item06 .con_txt,    .about_item07 .con_txt,    .about_item08 .con_txt,    .app_item01 .con_txt,    .app_item02 .con_txt,    .company_item04 {        padding: var(--4dst);    }    .about_item05 .con_txt h4,    .about_item06 .con_txt h4,    .about_item07 .con_txt h4,    .about_item08 .con_txt h4 {        margin-bottom: var(--2dst);    }    .app_item03:before,    .founder_item04:before {        display: none;    }    .app_item01 .con_pic span,    .app_item02 .con_pic span {        font-size: 5rem;    }    .app_card .con_txt {        padding: var(--4dst) 0;    }    .service_item01 .con_txt {        width: 50%;        left: 4.2%;    }    .company_en_title {        font-size: 6rem;    }    .company_card .con_pic {        max-width: 110px;    }    .company_item03 .con_txt ul {        width: 80%;    }    .founder_item02 {        padding: var(--6dst) var(--6dst);    }    .founder_item03 {        width: 100%;        padding: var(--6dst) var(--8dst);    }    .founder_item01 .con_txt {    padding: var(--4dst) 0;}.learn_item01 {    grid-template-columns: 1fr 1.2fr;}.learn_item01 .con_txt .con_title {    margin-bottom: var(--3dst);}/* 20231027 */ .RWDeditor01 .company_item03 {    padding: 0 6% var(--4dst);}.RWDmenu_plus04 .features .lang-select {    margin-right: 15px;}}@media (max-width: 1350px) {    :root {        --h4-size: 20px;    }    .layoutlist_2 {        padding: var(--2dst) var(--3dst);    }    .productcontent .page_wrapper_bg section.call_to_action>.container {        padding: 0 15px;        background: transparent;    }    .page_wrapper_bg section.call_to_action>.container {        width: 85%;    }    .eformscontent .layoutlist_1 {        padding: var(--4dst) var(--4dst) 0;    }    .article9 form{         padding: var(--4dst);    }    .new-form .new-width .col-md-5,    .new-form .new-width .col-md-11 {        width: 100% !important;        padding: 0;    }    .new-form .new-width .control-label {        width: 100%;        padding-right: 0;    }    .founder_item01 .con_txt {        padding: 0;    }    .founder_item01 .con_pic {        max-width: 41.7vw;        margin: 0 auto;            padding-top: var(--3dst);    }    .founder_item01 .con_bg {        bottom: auto;        top: 0;        left: -5vw;        width: 133%;    }    .founder_item01 {        padding: 0 12.5%;        grid-template-columns: auto;        align-items: center;    }    .founder_item02 {        padding: var(--4dst) var(--4dst);    }    .founder_card .con_txt {        padding: var(--4dst) var(--2dst);    }    .service_item01 {        margin-bottom: var(--8dst);    }    .service_item01 .con_txt {        width: 50%;        padding: var(--4dst) var(--3dst);    }    .service_item01:after,    .learn_item01:before,    .about_item07:before {        display: none;    }    .service_item03 {        grid-template-columns: repeat(2, 1fr);    }    .company_item04 .con_txt ul li:nth-child(5) {        width: 100%;    }    .company_item04 .con_txt ul li {        width: calc(100% / 2 - 31px);    }    .learn_item01 .con_txt .con_title {        grid-template-columns: auto;    }    .learn_item01 .con_txt {        padding-bottom: var(--3dst);    }    .learn_item01 .con_txt .con_title {        margin-bottom: var(--3dst);        grid-gap: var(--1dst);    }    .learn_item01 {        grid-gap: var(--4dst);        align-items: flex-end;    }    .learn_item01 .con_txt .con_title h2 br {        display: none;    }    .learn_card .con_txt {        padding: 0;    }    .learn_item02 {        grid-template-columns: auto;        grid-gap: var(--4dst);    }    .learn_card {        display: grid;        grid-template-columns: 1fr 1fr;        grid-gap: var(--3dst);    }    .learn_card .con_txt h5 {        text-align: left;        display: block;        width: 100%;    }    .about_item02_all {        grid-template-columns: repeat(2, 1fr);        grid-gap: var(--3dst);    }    .about_item05 .con_txt,    .about_item06 .con_txt,    .about_item07 .con_txt,    .about_item08 .con_txt,    .app_item01 .con_txt,    .app_item02 .con_txt,    .company_item04 {        padding: var(--4dst);    }    .app_item03,    .learn_item02 {        padding: var(--4dst) 10%;    }    .article4.id107 .pagecontent .RWDtimeline01,    .company_item02 {        padding: 0 7.5%;    }    .company_item02 .company_card {        padding: 0 30px 0 0;        margin: 0 30px 0 0;    }    .company_item03 {        padding: var(--4dst) 0;        margin:  var(--4dst) 0;    }    .company_item04 .con_txt h5 {        padding: 0 15%;    }    /* 20231027 */    .founder_item01 .con_bg img {    object-fit: contain;    height: auto;}.founder_item01 .con_bg img {    height: auto;    object-fit: contain;} .founder_item01 .con_pic {    width: 41.2vw;}}@media (max-width: 1300px) {    .ftinner.social {        margin: 1rem 0 3rem;    }    .scrollTop002 {        right: 1%;        bottom: 12%;    }    .socialbox {        gap: 0 2rem;    }    .RWDmenu_plus04 .header {        margin: 4.2% 0;    }    .abcontent .col-sm-4.col-md-4 {        width: calc(100%/3 - 20px);        margin: 0 10px;    }    .index_sec .container {        width: 85%;    }    .abcontent .col-sm-4.col-md-4 {        padding: 30px;    }    .subttlbox {        font-size: 1.2rem;    }    .p.secttl .ttlbox .subttlbox .sub-title,    .ser.secttl .ttlbox .subttlbox .sub-title,    .eve.secttl .ttlbox .subttlbox .sub-title,    .wit.secttl .ttlbox .subttlbox .sub-title {        padding: 0.5rem 0;    }    .subttlbox {        padding: 0.5rem 0;    }    .app.secbtn .RWDbtn01 {        margin: 0;    }    .eve.secttl .ttlbox {        margin: 0 0 3rem;    }    .wit .RWDnews005 .owl-carousel .owl-item .img-hover>a {        max-width: 80px;        margin: 0 0 2rem;    }    .wit .RWDnews005 .owl-carousel .owl-item .img-hover {        padding: 2rem;    }}/* 匯入內頁版面寬度80%*/@media (max-width: 1920px) {    .page_wrapper_bg section.call_to_action {        min-height: 700px;    }    .eforms1 .boxname {    width: calc(100% / 2 - 33px);}}/*產品定售價掉落修正*/@media (max-width: 1500px) {    .layoutlist_4 .pricearea span {        margin: 0    }    .layoutlist_4 .pricearea {        flex-direction: column-reverse;        align-items: flex-start    }}/*寬度修正*/@media (max-width: 1400px) {    #sidebar.layoutmenu1,    #sidebar.layoutmenu3,    #sidebar.layoutmenu6 {        padding-right: 40px;    }}/*產品列表樣式D無側選單修正*/@media (max-width: 1300px) {    .productlist .layoutlist_4 .col-sm-3.col-md-3 {        width: calc(100%/3);        float: left;    }}

/*小螢幕 end*/ 
/*1199px start*/ 
@media (max-width: 1199px) {
.fl {    width: 200px;}.wrapper_bg {    letter-spacing: 1px;}.ab.secbtn {    margin: 2rem 0 0;}.RWDproduct004 .row.mix-grid {    display: flex;    flex-wrap: wrap;}.RWDbanner_plus01 .slick-caption .txt2 span span {    margin: 0.5rem 0 0;}.RWDmenu_plus04 .header {    margin: 3.8% 0;}.RWDmenu_plus04 .logo {    width: 65px;    margin: 2px 0 0;}.main-titile {    font-size: 5vw;}.abtxt .ttl {    font-size: 1.2rem;}.abcontent .row:nth-child(2) {    flex-wrap: wrap;}.abcontent .col-sm-4.col-md-4 .funny-boxes {    display: flex;    text-align: left;    gap: 0 4rem;}.abcontent .col-sm-4.col-md-4 {    width: calc(100%/1 - 20px);    margin: 0 10px 20px;    padding: 2rem 4rem;}.funny-boxes-text {    margin: 0;}.funny-boxes>.funny-boxes-text>.funny-boxes-tit {    padding: 0 0 0.5rem;}.index_sec .container {    width: 80%;}.abcontent .row:nth-child(2) {    margin: 3rem 0 0;}.applications {    padding: 5rem 0 !important;}.applications .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/3 - 40px);    margin: 0 20px 20px !important;}.p.secttl,.wit.secttl .ttlbox {    margin: 0 0 3rem;}.p.secttl .ttlbox,.ser.secttl .ttlbox,.eve.secttl .ttlbox,.wit.secttl .ttlbox {    gap: 0 3rem;}.app.cloud {    width: 55vw;    height: 12vw;    left: unset;    bottom: -4vw;    right: 0;}.services .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/3 - 30px);    margin: 0 15px 30px !important;}.ser.secttl .subttlbox .enttl span,.opp .RWDbtn01 article.editor strong span {    font-size: 6vw;}.ser.deco {    bottom: 0vw;}.ser.cloud {    bottom: 8vw;}.events {    padding: 3rem 10% 0rem 0 !important;    grid-template-columns: 20% 75%;}.RWDnews005 .owl-carousel.buttons-autohide .owl-buttons {    opacity: 1;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    width: 4rem !important;    height: 4rem !important;}.wit .RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 0.5rem 3rem;}.opp.secttl {    max-width: 60%;}.opp.secttl .RWDbtn01 {    margin: 0 0 3rem;}.opp .RWDbtn01 article.editor {    font-size: 2.5vw;}.opp .RWDbtn01 article.editor strong span {    margin: 0 0 2rem;}.footers .container {    width: 80%;}.ftbtn a {    padding: 1rem 5rem;    font-size: 1.5rem;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action {    padding: 5rem 0;}#sidebar input,#sidebar select,#sidebar select.form-control:not([size]):not([multiple]) {    font-size: 1rem;    height: 45px;    color: #000;    letter-spacing: 0;}/*文章列表-H*/ .rwdlayoutlist_9 .litem {    width: calc(100%/3 - 1px);}/* 內頁 */:root {    --h1-size: 44px;    --h2-size: 40px;    --h3-size: 36px;    --h4-size: 20px;    --h5-size: 18px;}.page_wrapper_bg section.call_to_action:before {    display: none;}.about_item01 .con_pic {    max-width: 160px;}.about_item01 .con_txt {    padding-top: var(--2dst);}.about_item01 {    margin-bottom: var(--4dst);}.about_item04 .con_pic img {    object-position: 83%;}.about_item04 {    margin: 0 auto var(--4dst);}.about_item01:before {    bottom: 1vw;}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt,.app_item01 .con_txt,.app_item02 .con_txt,.company_item04 {    padding: var(--3dst) var(--2dst);}.app_item01 .con_txt h4,.app_item02 .con_txt h4 {    margin-bottom: var(--2dst);}.app_item01 .con_pic span,.app_item02 .con_pic span {    font-size: 4rem;}.company_card .con_pic {    margin: 0 auto 1rem;}.company_card .con_txt ul {    font-size: 14px;    letter-spacing: 0px;    padding-top: 20px;}.company_item04 a.more_btn {    margin: var(--1dst) auto 0;}.company_en_title {    display: none;}.service_item01 {    grid-gap: var(--3dst);    margin-bottom: var(--4dst);}.service_item01 .con_pic {    position: relative;    top: auto;    left: auto;    width: 100%;    transform: translateX(0);    z-index: 2;    height: 70vh;}.service_item01 .con_txt {    width: calc(100% - 4.2% - 4.2%);    left: auto;    margin: 0 auto;    background: transparent;    padding-top: 0;    padding-bottom: 0;}.service_item01 .con_txt h4 {    text-align: center;}.service_item02 {    padding: var(--4dst) var(--4dst) 0;}.service_item03 {    padding: var(--4dst) 10%;}.company_item01 .con_txt {    width: 90%;    padding: var(--4dst) 0;}.company_item01 .con_txt .con_txt_list {    grid-template-columns: 75px auto;    grid-gap: var(--3dst);}.company_card .con_txt ul {    grid-template-columns: auto;    font-size: 15px;    letter-spacing: 1px;}.article4.id107 .pagecontent .RWDtimeline01 {    margin-top: var(--6dst);}.item .subject A.itemlink,.item .subject a,#album .layoutlist_2 .album_item_subject {    font-size: 18px;}.about_item03:before {    bottom: -13rem;}.about_item05 .con_txt h4 span,.about_item06 .con_txt h4 span,.about_item07 .con_txt h4 span,.about_item08 .con_txt h4 span {    padding-right: 5px;}.company_item04 .con_txt h4 {    padding: var(--2dst) 10%;}.service_item01 {    grid-gap: var(--2dst);}/* 20231027 */ .about_item.about_item02 .con_txt h5 {    font-size: 24px;}.founder_item01 .con_bg {    width: 131%;}.app_item01 .con_txt h6,.app_item02 .con_txt h6 {    font-size: 20px;}/* 250123 */ .eforms1 .customized_columns,.eforms1 .new-form .formdesc {    width: 100%;}.eforms1 .customized_columns {    border: 0;    padding: 0;    margin: 0;    margin-top: 3rem;}.contact_item h5 {    text-align: center;    font-size: var(--h4-size) !important;}.eformsDesc {    padding: 0 0 var(--2dst);    margin: 0 0 var(--2dst);}.eforms1 .boxname {    width: calc(100% / 4 - 33px);}.article9 form{    padding: var(--3dst) ;}.eformscontent .layoutlist_1 {    padding: var(--4dst) var(--4dst);}
}
/*1199px end*/ 
/*1024px start*/ 
@media (max-width: 1024px) {
.RWDmenu_plus04 .header {    margin: 49px 0 0;    background: white;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action {    padding: 50px 0;}/*產品內頁-01*/ .page_content1 #prod_price {    margin-top: 18px;}/*相簿內容樣式-03*/ .photo .content_box {    width: calc(100% / 4) !important;}/*文章列表-04*/#article .layoutlist_4 .item {    flex-direction: column}#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;}#article .layoutlist_4 .listdate .day:before {    content: "/";    margin-right: 5px}#article .layoutlist_4 .listdate .day {    font-size: 12px;    color: #afafaf;    position: relative;    margin-left: 5px}/*文章列表-G*/ .layoutlist_8 .list_subject {    padding-left: 2rem;}/*文章列表-H*/ .rwdlayoutlist_9 .litem {    width: calc(100%/3 - 1px);}/*電子表單*/ .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;}/* 內頁  */ .about_item04 .con_txt .con_title {    margin-bottom: var(--3dst);}.learn_item01 .con_txt {    padding-right: 10%;}.learn_item01 .con_txt h2 {    text-align: center;}.learn_item01 {    grid-template-columns: auto;    grid-gap: var(--2dst);}.learn_item01 .con_txt {    padding-bottom: 0;}.company_item01 .con_txt .con_txt_list ul {    font-size: 16px;}.article4.id107 .pagecontent .RWDtimeline01,.company_item02,.founder_item04,.founder_item01 {    padding: 0 10%;}.founder_item01 .con_bg {    width: 123%;}.founder_item03 {    padding: var(--4dst) 10%;}.RWDtimeline01 li.event .point {    padding: 20px;}.RWDtimeline01 li.event .point .title {    font-size: 16px;}.page_wrapper_bg section.call_to_action>.container {    width: 90%;}.company_item01 .con_txt .con_txt_list h4 {    writing-mode: horizontal-tb;    border: none;    border-top: 1px solid #dedede;    border-bottom: 1px solid #dedede;    padding: 10px;}.company_item01 .con_txt .con_txt_list {    grid-template-columns: auto;    grid-gap: var(--2dst);    width: 80%;}.founder_item01 .con_pic {    max-width: 38vw;}.founder_item02 {    padding: var(--2dst) var(--2dst);}.layoutlist_2 .listdate .day {    font-size: var(--h3-size) !important;}/* 20231027 */ .founder_item01 .con_pic {    max-width: 32vw;}.founder_item01 .con_bg {    width: 105%;    left: 0;}
}
/*1024px end*/ 
/*991px start*/ 
@media (max-width: 991px) {
.RWDbanner_plus01 .slick-caption .logo {    right: 0;    bottom: 0;    width: 96%;}.RWDbanner_plus01 .slick-caption .txt3 {    bottom: -9px;    line-height: 1;}.RWDbanner_plus01 .slick-caption .txt3 span {    font-size: 9vw;}.RWDbanner_plus01 .slick-caption .txt1,.RWDbanner_plus01 .slick-caption .txt2 {    max-width: 80%;    text-align: center;    width: 100%;    margin: auto;}.RWDbanner_plus01 .slick-caption .txt1 {    margin: 13vw auto 1.5rem;    font-size: 2rem;}.RWDbanner_plus01 .slick-caption .txt2 {    font-size: 1rem;}.RWDbanner_plus01 .slick-caption .txt2 {    font-size: 1.1rem;}.RWDbanner_plus01 .slick-caption .txt2 span span {    font-size: .85rem;}.RWDmenu_plus04 .features .share-group.main_share a {    padding: 0.7rem 3rem;}.RWDmenu_plus04 .features .share-group.main_share {    margin: 0.7rem 0 0 1rem;}.ftbtn a {    font-size: 1.5rem;    margin: 2rem auto;    padding: 1rem 1rem;    width: 90%;}.ftbtn,.ftbtn .RWDedictor {    width: 100%;}.footers {    padding: 2rem 0 0;}.RWDssl01,.rights .RWDedictor {    margin-right: 10px;}.opportunities {    padding: 7rem 0 0 !important;}.p.secttl,.wit.secttl .ttlbox {    flex-direction: column;    text-align: center;    gap: 1rem 0;}.index_sec {    padding: 5rem 0;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 0.5rem 5rem;}.RWDnews005 .owl-carousel .owl-item .img-hover {    padding: 1rem 1rem 2rem;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {    width: 3rem !important;    height: 3rem !important;}.RWDnews005 .controlls-over .owl-controls .owl-prev {    left: -1rem;}.RWDnews005 .controlls-over .owl-controls .owl-next {    right: -1rem;}.services .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/2 - 30px);}.ser.secbtn .RWDbtn01 {    margin: 0;}.ser.secttl .subttlbox .enttl span,.opp .RWDbtn01 article.editor strong span {    font-size: 7vw;}.applications .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/2 - 30px);    margin: 0 15px 30px !important;}.p.secttl .ttlbox {    flex-direction: column;    gap: 1rem 0;}.app.deco {    width: 35vw;    bottom: -23vw;}.applications {    padding: 3rem 0 !important;}.abcontent .col-sm-4.col-md-4 .funny-boxes {    gap: 0 2rem;}.abcontent .col-sm-4.col-md-4 {    padding: 2rem 2rem;}.ab.deco {    width: 70vw;}.cloud {    left: 10vw;    width: 25vw;}.main-titile {    font-size: 6vw;}.ab.secttl {    padding: 0 0 0 20vw;}.ab.secttl .main-titile {    left: -20vw;}.subttlbox {    gap: 0 5rem;}.opp.secttl {    max-width: 80%;}/* 匯入內頁版面寬度80%*//*麵包屑*/section.hgroup {    margin: 0 0 20px;}.hgroup .container {    margin: 0 0 50px;}.hgroup .page_subject {    text-align: center;}.page_wrapper_bg .hgroup h1 {    margin: 0 0 20px;}.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%;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 {    margin-top: 40px !important;}/*文章列表樣式*/ .RWDslider01 .products-list .products-item .box {    align-items: flex-start;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {    padding-right: 0;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {    width: calc(100% / 3 - 1px);    margin: 15px 0px;}/*文章列表樣式-08*/ .rwdlayoutlist_9 .litem {    width: calc(100% / 2 - 1px);}.litem__text {    width: 85%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {    width: calc(100% / 3 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row {    display: flex;    flex-wrap: wrap;}#product .layoutlist_3.row>.col-md-12 {    width: calc(100% / 3 - 1px);}#product .item .subject {    margin-top: 15px;    margin-bottom: 10px;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {    width: calc(100% / 3 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {    width: calc(100%/3 - 1px);}/*相簿列表樣式*/ .layoutlist_1 .row a,.row .album_d_item a {    padding-bottom: 0;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {    width: calc(100% / 3 - 1px);    padding: 0 15px;}/*相簿內容樣式-03*/ .photo .content_box {    width: calc(100% / 3) !important;}/*相簿內容樣式-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;}/*電子表單*/ .eformscontent .layoutlist_1 {    width: 100%;}.eformscontent .form-horizontal .control-label {    padding: 0 !important;    width: 100%}.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11 {    width: 100%;    padding: 0 !important}.eformscontent .form-horizontal .col-sm-12.col-md-5 {    padding: 0 !important;}/*影片列表*/ .layoutlist_2 .video_item {    width: calc(100% / 3 - 1px);}/*產品內頁-02*/#sidebar {    padding: 0 !important;    margin: 0 0 30px;}/*購物車按鈕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;}/*檔案下載*/ .download .search-container {    margin-left: 20px;    margin-top: 0;}/* 內頁 */ .article4.id107 section.hgroup {    margin: 0;}.founder_item02 .con_txt h4 br {    display: none;}.founder_item02 {    padding: var(--2dst) var(--4dst);}.founder_item03 .con_txt h5 br {    display: none;}.founder_card .con_txt {    order: 2;    padding: var(--3dst);}.founder_card .con_pic {    order: 1;}.founder_card {    grid-template-columns: auto;    margin-bottom: var(--3dst);}.RWDtimeline01 .model-title {    margin-bottom: var(--4dst) !important;}.RWDtimeline01 li.event .point {    width: calc(100% - 100px);    left: 100px;    padding: 0 0 var(--3dst);    background: transparent;    border-bottom: none;    filter: none;}.about_item01:before,.about_item03:before {    display: none;}/*.RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    font-size: 4.5rem;}*/ .about_item03 .con_txt {    padding: var(--3dst) var(--2dst);}.about_item02_all,.about_item04,.app_card {    grid-gap: var(--2dst);}.about_item04 {    grid-template-columns: auto;}.about_item04 .con_txt {    padding: 0;}.about_item03 {    margin-bottom: var(--4dst);}.about_item02_all,.about_item03 .con_txt,.about_item05,.about_item06,.about_item07,.about_item08,.app_item01,.app_item02,.founder_item03,.about_item00 {    width: 80%;    grid-template-columns: auto;}.about_item05,.about_item06,.about_item07,.about_item08,.app_item01,.app_item02 {    margin-bottom: var(--3dst);}.about_item05 .con_pic,.about_item06 .con_pic,.about_item07 .con_pic,.about_item08 .con_pic {    height: auto;    order: 1;}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt,.app_item01 .con_txt,.app_item02 .con_txt,.company_item04 {    order: 2;    padding: var(--2dst) var(--3dst);}.learn_card {    grid-gap: var(--2dst);}.service_item01 .con_pic {    height: 40vh;}.service_item02 .con_pic img {    object-fit: contain;    height: auto;}.service_item02 .con_txt h4 br {    display: none;}.service_item02 .con_txt h4 {    font-size: var(--h6-size);}.service_item02 {    grid-gap: var(--3dst);    grid-template-columns: 115px auto;}.company_item03 .con_txt ul {    width: 90%;}.company_item03 .con_txt ul {    font-size: var(--h6-size);}.company_item03 {    margin: var(--4dst) auto;}.founder_item03 {    padding: var(--4dst) 5%;}.founder_item03 .con_pic_item {    grid-template-columns: 120px 120px;}.customized_columns {    width: 100%;    border-left: none;    padding-left: 0;    margin-left: 0;    margin-top: var(--3dst);}.eformscontent .layoutlist_1 {    padding: var(--3dst);}.learn_item02 {    margin-top: -40px;}.service_item03 {    grid-gap: var(--2dst);}.company_card .con_pic {    max-width: 90px;    padding: 13px;}.company_item02 {    grid-gap: var(--2dst);}.company_item02 .company_card {    padding: 0;    margin: 0;    border-right: none;}.founder_item01 {    grid-gap: var(--2dst);}/* 20231027 */ .RWDeditor01 .about_item03 .con_txt h4 {    font-size: 28px;}.RWDtimeline01 li.event:nth-child(odd) .point {    left: 100px;    width: calc(100% - 100px);}.RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 {    left: 0px;    margin-left: 0;}.RWDtimeline01 li.event:before {    left: 25px;    margin: 0;}.RWDtimeline01 li.event .point .date {    text-align: left;    font-weight: 600;}.RWDtimeline01 li.event:before {    top: 0;}.RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 {    top: 0 !important;}.service_item03 {    margin-top: -40px;    padding-top: var(--2dst);}/* 250123 */ .eforms1 .boxname {    width: calc(100% / 3 - 33px);}.article9 form>div {    width: 100%;}.article9 form>div {    padding-inline: 0;}
}
/*991px end*/ 
/*850px start*/ 
@media (max-width: 850px) {
/* 匯入內頁版面寬度80%*//*文章列表樣式-04*/#article .layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}/*圖文輪播*/ .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;}/* 內頁 */ .RWDproduct_page .pic-box {    width: 100%;    padding-right: 0;}.RWDproduct_page .products-info {    width: 100%;}.RWDproduct_page .tab-box .tab-container>ul>li {    padding: 30px;}._bd_column._bd_half {    width: 100%;}
}
/*850px end*/ 
/*800px start*/ 
@media (max-width: 800px) {
/* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 20px;}/*按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{  width: auto !important;}.block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn {margin-top: 30px !important;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth {padding-bottom: 0px;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}#article .layoutlist_4 .listdate .yearmonth {letter-spacing: 1px;}#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}#article .layoutlist_4 .list_subject .summary {margin: 10px 0px 0;}#article .layoutlist_4 .list_subject a { margin: 0px !important;}/*產品檔案下載按鈕*/ .productcontent .page_content1 .download_container .btn {float: none; margin: 60px auto 0 !important; display: block; max-width: 250px; padding: 5px;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}.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%;}/* 內頁 */ .app_card .con_txt {    padding: 0;}.app_card .con_txt {    padding: 0;}.app_card {    grid-template-columns: auto;    grid-gap: var(--2dst);    margin-bottom: var(--4dst);    border-bottom: none;}.app_card .con_pic {    height: 55vw;}.app_item01 .con_pic span, .app_item02 .con_pic span {    right: auto;    left: 50%;    transform: translateX(-50%);}.founder_item02:before {    display: none;}.layoutlist_2 .listdate {    border-left: none;}
}
/*800px end*/ 
/*767px start*/ 
@media (max-width: 767px) {
.ab.secttl {    padding: 0;}.ttlbox {    flex-direction: column;    gap: 1rem 0;}.ab.secttl .main-titile {    left: 0;    position: relative;    display: flex;    justify-content: center;    align-items: center;    width: 100%;}.ab.secttl .subttlbox {    width: 100%;    justify-content: center;    flex-direction: column;    align-items: center;    border: 0;    padding: 0;}.subttlbox .sub-title {    color: var(--sub-color);    border-top: 1px solid var(--sub-color);    border-bottom: 1px solid var(--sub-color);    padding: 0.3rem 4rem;    margin: 0.5rem 0 0;}.abcontent .col-sm-4.col-md-4 .funny-boxes {    flex-direction: column;    gap: 2rem 0;    align-items: center;    text-align: center;}.funny-boxes > .funny-boxes-icon {    width: 6rem;    height: 6rem;}.funny-boxes.not-right-column {    padding-bottom: 0;}.abcontent .col-sm-4.col-md-4 {    padding: 3rem;}.main-titile {    font-size: 3rem;}.ser.content {    margin: -0.7rem 0 0;}.services .container {    width: 85% !important;}.ser.deco {    bottom: -7vw;    width: 50vw;}.eve.secttl .ttlbox {    padding: 0;}.events {    padding: 5rem 10% !important;    display: block;}.eve.deco {    display: none;}.p.secttl .ttlbox .subttlbox, .ser.secttl .ttlbox .subttlbox, .eve.secttl .ttlbox .subttlbox, .wit.secttl .ttlbox .subttlbox {    text-align: center;}.eve.secttl .ttlbox {    gap: 1rem 0;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 0.5rem 2rem;}.witness {    padding: 5rem 10% !important;}.wit .container {    width: 100% !important;    padding: 0;}.opp .RWDbtn01 article.editor {    font-size: 1.2rem;}.opp .RWDbtn01 .btn {    max-width: 300px;    min-width: 300px;}.rights {    padding: 20px 4.2% 80px;}/* 匯入內頁版面寬度80%*//*文章列表樣式-02*/#article .layoutlist_2 {display: flex; flex-wrap: wrap;}#article .layoutlist_2 .item {width: calc(100% / 2 - 21px);margin: 0 10px;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate{padding-left:0px;padding-right:0;}#article .layoutlist_2 .listdate .yearmonth {color: #afafaf  !important;font-size: 12px  !important;letter-spacing: 2px  !important;}#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 .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;margin-left: -3px;}/*文章列表樣式-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 {color: #afafaf; font-size: 12px;letter-spacing: 2px;}#article .layoutlist_3 .listdate .day::before {content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow {display: flex; flex-wrap: wrap;}#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: calc(100% / 2 - 21px);margin: 0 10px;}/*文章列表樣式-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 .litem {width: calc(100% / 2 - 1px);}.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}/*文章列表樣式-08*/ .layoutlist_8.rwd{display:flex;flex-wrap: wrap;}.layoutlist_8.rwd .item{border-bottom:0;width: calc(100% / 2);}.layoutlist_8.rwd .list_img+.list_subject {margin-top: 15px;}.layoutlist_8 .list_subject {padding-left: 15px;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}/*左右圖文輪播PAD*/@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:90%;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%)}}/*文章列表頁籤*/ .tab_content {margin-top: 20px}/*文章頁籤修正*/ .tab {padding: 20px 0;}.tab.open .tab_title {margin: 0 0 20px;}/*產品頁籤*/ .RWDproduct_page .faq-item .faq-question{padding:15px 0}.RWDproduct_page .faq-item .faq-question:before{display:flex;justify-content:center;align-items:center}.RWDproduct_page .faq-item .editor{padding:30px}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 2 - 1px);}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {width: calc(100%/2);float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/2 - 1px);}#product .layoutlist_5.layoutlist {display: flex;flex-wrap: wrap;}#product .layoutlist_5.layoutlist .col-sm-4 {width: calc(100% / 2 - 1px);}/*產品我的最愛按鈕調整*/ .RWDproduct_page .btn-other{margin:10px 0}.RWDproduct_page .btn-other li{width:100%;display:block;text-align:left;padding:0}.RWDproduct_page .btn-other li .ii{display:inline-block}.RWDproduct_page .btn-other li button{text-align:left}/*相簿列表樣式-01*/#album .layoutlist_1 .row.masonry {display: flex;flex-wrap: wrap;}#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 2 - 1px) !important;padding: 0 10px;}/*相簿列表樣式-02*/#album .layoutlist_2 {display: flex; flex-wrap: wrap;}#album .layoutlist_2 .album_item { width: calc(100% / 2 - 1px);}/*相簿內容樣式-01*/ .albumcontent section.call_to_action .container .article-text .container .row { display: flex;flex-wrap: wrap;}.row .album_d_item {width: calc(100% / 2 - 1px);}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 2) !important;}/*相簿內容樣式-04*/#article .layoutlist_4 .item{display: initial;}.album-list .item {width: calc(100% / 2);}#article .layoutlist_4 .listdate .yearmonth {color: #afafaf  !important;font-size: 12px  !important;letter-spacing: 2px  !important; padding: 0;}#article .layoutlist_4 .listdate .yearmonth, .layoutlist_4 .listdate .day {display: inline-block;}#article .layoutlist_4 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_4 .listdate .day::before {content: " / ";}/*相簿內容箭頭*/ .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: 0;}.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);}/*影片列表*/#video .layoutlist_2 {display: flex;flex-wrap: wrap;}#video .layoutlist_2 .video_item { width: calc(100% / 2 - 1px);}/*購物車呼籲置底*/#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;}/* 內頁 */ .about_item03 .con_txt h4 br {     display: none;}.about_item04, .app_card {    grid-gap: var(--2dst);}.about_item04:before {    bottom: -12vw;}.app_item01 .con_pic span, .app_item02 .con_pic span {    left: 50%;    transform: translateX(-50%);    right: auto;}.app_card .con_txt {    padding: 0;}.app_card {    grid-template-columns: auto;    grid-gap: var(--2dst);}.app_card:last-child {    margin-bottom: 0;}.layoutlist_2 .listdate {    border: none;    text-align: left;}#article .layoutlist_2 .listdate .day {    border: none;    padding: 0;}#article .layoutlist_2 .item {    padding: 0 0 40px;    margin: 0 15px 40px !important;    width: calc(100% / 2 - 31px);}.RWDproduct_page .faq-item+.faq-item .faq-question {    background: var(--white-color);}.RWDproduct_page .faq-item.active .faq-question {    background: var(--sub-color);    color: var(--white-color);}.RWDproduct_page .faq-item .faq-question {    padding: 10px;    font-size: 17px;    letter-spacing: 1px;    background-color: var(--white-color);}.RWDproduct_page .faq-item .editor {    padding: 15px;}.download .list_table td {    padding: 10px;}.rwd .faq_answer table tr td:first-child {    display: none;}.service_item01 .con_pic {    height: 25vh;}.contact_item .con_txt {    grid-template-columns: auto;    grid-gap: var(--1dst);}/* 20231027 */ .RWDeditor01 .about_item03 .con_txt h4 {    font-size: 24px;}.RWDtimeline01 li.event .point {    padding-bottom: 45px;}.article4.id107 .pagecontent .RWDtimeline01 {    margin-top: var(--3dst);}/* 250123 */    .eforms1 .boxname {        width: calc(100% / 2 - 33px);    }
}
/*767px end*/ 
/*700px start*/ 

@media (max-width: 700px) {    :root {        --h1-size: 40px;        --h2-size: 36px;        --h3-size: 32px;    }    .about_item01:after {        display: none;    }    .about_item01 {        padding: 0 10%;    }    .about_item01 .con_pic {        max-width: 120px;        margin: 0 auto 2rem;    }    .RWDeditor01 .model-title>span:nth-child(1),    .RWDtimeline01 .model-title>span:nth-child(1) {        padding: 15px 40px;    }    .about_item03 .con_txt h6 {        margin-bottom: 16px;        font-size: var(--p-size);    }    .about_item03 .con_txt h6 br {        display: none;    }    .about_item03 .con_txt h4 {        font-size: var(--h6-size);    }    .about_item03 .con_txt {        text-align: left;        padding: var(--2dst) var(--2dst);    }    .about_item04:before {        display: none;    }    .about_item05 .con_txt,    .about_item06 .con_txt,    .about_item07 .con_txt,    .about_item08 .con_txt,    .app_item01 .con_txt,    .app_item02 .con_txt,    .company_item04,    .founder_card .con_txt {        padding: var(--2dst);    }    .service_item01 .con_txt {        width: 80%;        padding: 0;    }    .service_item02 .con_pic {        max-width: 120px;        margin: 0 auto;        grid-gap: 0;    }    .service_item02 {        grid-template-columns: auto;    }    .service_item03 {        grid-template-columns: auto;        grid-gap: var(--3dst);    }    .service_item01 .con_txt .con_title {        padding: var(--1dst) 0;    }    .company_item01 .con_txt .con_txt_list {        width: 93%;    }    .company_item02 {        padding: 0 15%;    }    .company_item02 .company_card {        padding-right: 0;        margin-right: 0;        border-right: none;        margin-bottom: var(--2dst);    }.company_item02 .company_card:last-child {    margin-bottom: 0;}    .company_item02 {        grid-template-columns: auto;    }    .company_card .con_txt ul {        grid-template-columns: repeat(2, 1fr);    }    .company_item03 .con_txt ul {        display: block;        line-height: 2.2;        width: 100%;    }    .company_item03 .con_txt h5 br {        display: none;    }    .company_item04 .con_txt h5 {        padding: 0;        font-size: var(--h6-size);        text-align: left;    }    .company_item04 .con_txt ul li,    .company_item04 .con_txt ul li:nth-child(4),    .company_item04 .con_txt ul li:nth-child(5) {        width: 100%;        margin: 0 auto 20px;    }    .founder_item02 {        padding: var(--2dst) 10%;    }    .founder_item03 .con_pic_item {        grid-template-columns: 85px 85px;        margin-bottom: var(--2dst);        padding-bottom: var(--2dst);    }    .founder_item03 .con_txt h5 {        padding: var(--2dst) 0 0;        margin: var(--2dst) 0 0;    }    .RWDtimeline01 li.event .point .date {        font-size: 20px;    }    .RWDproduct_page .m-pd-info .select-box .btn {        background: var(--white-color);    }    .eformscontent .layoutlist_1 {        padding: 0;        background: transparent;        width: 90%;    }    .customized_columns ._input,    .customized_columns select {        background: var(--white-color);    }    .eforms1 .page_wrapper_bg section.call_to_action:after {        display: none;    }    .layoutlist_2 {        padding: var(--2dst) var(--1dst);    }}

/*700px end*/ 
/*600px start*/ 
@media (max-width: 600px) {
.RWDnews_autolist .news-list {    width: 100%;    padding: 5px 20px;}.RWDbanner_plus01 .slick-caption .txt1 {    margin: 20vw auto 1.5rem;    font-size: 1.67rem;}.RWDbanner_plus01 .slick-caption .txt1,.RWDbanner_plus01 .slick-caption .txt2 {    max-width: 100%;}.RWDbanner_plus01 .slick-caption .txt3 {    bottom: -3px;}.funny-boxes>.funny-boxes-text>.funny-boxes-tit {    font-weight: 600;    line-height: 1.5;}/*banner-right 輪播點*/ .RWDbanner_plus01.style-dotnav.control-right .control-box {    top: 0;    transform: translateY(0);    bottom: auto;    width: auto;    height: 100% !important;    right: -3px;}.RWDbanner_plus01.style-dotnav.control-right .plus-banner-container {    right: 1.5%;    position: absolute;    top: 0;    left: auto}.RWDbanner_plus01.style-dotnav .control-box .items,.RWDbanner_plus01.style-dotnav .control-box .items li,.RWDbanner_plus01.style-dotnav .slick-arrow {    vertical-align: top;    height: 100%;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: var(--main-color);}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {    border: 1px solid var(--main-color);}.RWDbanner_plus01 ul {    margin: 18vh 0 0;}.ab.secbtn {    max-width: 75%;    margin: 0 auto;}.ab.secbtn .RWDbtn01 .btn {    max-width: 100%;    min-width: 100%;    width: 100%;}.index_sec {    padding: 3rem 0;}.socialbox {    gap: 0 1rem;}.ftbtn a {    font-size: 1.2rem;    width: 100%;}.ftbtn a img {    width: 20px;    margin-right: 0.5rem;}.footers .container {    width: 90%;}.ftinfo strong {    font-size: 1.1rem;}.opp .RWDbtn01 .btn {    max-width: 90%;    min-width: 90%;}.ser.secttl .subttlbox .enttl span,.opp .RWDbtn01 article.editor strong span {    font-size: 8vw;}.opp .RWDbtn01 article.editor {    font-size: 1.1rem;}.main-titile {    font-size: 2.5rem;}.p.secttl .ttlbox .subttlbox .sub-title,.ser.secttl .ttlbox .subttlbox .sub-title,.eve.secttl .ttlbox .subttlbox .sub-title,.wit.secttl .ttlbox .subttlbox .sub-title {    font-size: 1rem;}.owl-pagination {    display: block;}.wit.deco {    top: -5vw;    width: 40vw;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {    padding: 0 1rem 2rem;}.eve.cloud {    width: 100%;    height: 14vw;    bottom: 13vw;}.witness {    padding: 1rem 10% 5rem !important;}.wit.deco {    top: -20vw;}.opportunities {    padding: 4rem 0 0 !important;}.RWDmenu_plus04 .features {    padding-right: 10px;}.witness {    padding: 1rem 10% 1rem !important;}.events {    padding: 3rem 10% !important;}.services .RWDproduct004 #portfolio.portfolio-nogutter .row>div,.applications .RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/1 - 1px);    margin: 0 0 30px !important;}.RWDproduct004 .list-inline {    height: auto !important;}.app.deco {    bottom: -28vw;}.ab.deco {    width: 90%;    right: -11vw;}.index_sec .container {    width: 85%;}.abcontent .col-sm-4.col-md-4 {    padding: 2rem;}.abcontent .col-sm-4.col-md-4 .funny-boxes {    text-align: left;}.funny-boxes>.funny-boxes-text>.funny-boxes-tit {    font-size: 1rem;}/* 匯入內頁版面寬度80%*//*標題*/ .hgroup {    padding-left: 15px;    padding-right: 15px;}.hgroup h1 {    margin-bottom: 50px;    line-height: 1.8;}.hgroup .container {    margin: 0 0 40px;}/*按鈕*/ .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 section.call_to_action {    padding: 40px 0;}.page_wrapper_bg .article-text .container {    padding: 0;}section.hgroup {    padding: 0;}/*fixrow*/ .fixrow {    padding-left: 0px !important;    padding-right: 0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 {    margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item {    width: 100%;    margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item {    width: 100%;    margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4>.fixrow>.xrow>.col-sm-6.col-md-6 {    width: 100%;    margin: 10px 0;}/*文章列表樣式-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%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {    width: 100%;    padding: 0 0 40px;    margin: 0 0 40px;    border-bottom: 1px solid #eee;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item {    border-bottom: 1px solid #eee;    width: 100%;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {    width: 100%;}/*左右圖文輪播PH*/ .RWDslider01 .pic-list {    width: 100%;}/*時間軸樣式*/ .RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 {    left: 0;}.RWDtimeline01 li.event:before {    left: 27px;}.RWDtimeline01 li.event .point {    width: calc(100% - 90px);    left: 90px;}.RWDtimeline01 li.event .point .date {    letter-spacing: 1px}/*文章檔案下載*/ .file_area {    margin: 0 0 10px;}#file_dlist,.page_wrapper_bg .dd-select,.file_area {    width: 100% !important;}.download_container .btn {    width: 100%;}/*電子表單*/ .new-form {    margin-top: 0;}.webdesc {    margin: 0 0 30px;}/*相簿上下方說明*/#album .page_desc {    margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {    margin: 30px 0 0;}.photo_discription .text {    font-size: 16px !important;    line-height: 1.5 !important;    margin: 30px 0;    color: #333 !important;    letter-spacing: 2px;    font-weight: 400}/*相簿列表樣式-01*/ .layoutlist_1 .album_item {    width: 100% !important;}#album .layoutlist_1 .row.masonry .album_item {    width: calc(100% / 1 - 1px) !important;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {    margin: 10px 0px 20px !important;    width: 100%;}#album .layoutlist_2 .album_item {    width: 100%;    padding: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {    width: 100%;    padding: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row>.col-md-12 {    width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {    width: 100%;}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {    width: calc(100%/1);    float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-4 {    width: 100%;}#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {    width: 100%;}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li {    padding: 30px;}/*產品檔案下載*/ .productcontent .page_content1 .download_container .btn {    max-width: 100% !important;}/*相簿內容樣式-01*/ .row .album_d_item {    width: 100%;}/*相簿內容樣式-03*/ .photo .content_box {    width: 100% !important;}/*相簿內容樣式-04*/ .album-list .item {    width: 100%;}/*檔案下載樣式-02*/ .download .oneline .col-md-4.col-sm-6 {    width: 100%;    margin-bottom: 20px;}/*影片列表*/#video .layoutlist_2 .video_item {    width: 100%;    margin: 0 0 40px;}/*產品內頁-01*/#member_org_price,#prod_fixprice {    margin-top: 25px;}.page_content1 #prod_price {    margin-top: 5px;}/*購物訂單畫面按鈕*/ .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;}/*詢問車按鈕*/ .RWDquiry .btn.normal {    width: 100%;    margin: 5px 0;}/* 內頁 */:root {    --h1-size: 36px;    --h2-size: 32px;    --h3-size: 28px;}.page_wrapper_bg .hgroup h1 {    letter-spacing: 1px;}.hgroup .container {    margin: 0 0 30px;}.RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    font-size: 3rem;}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt,.app_item01 .con_txt,.app_item02 .con_txt,.company_item04,.founder_card .con_txt {    padding: 20px 25px;}.about_item05 .con_txt h4,.about_item06 .con_txt h4,.about_item07 .con_txt h4,.about_item08 .con_txt h4 {    margin-bottom: 20px;}.about_item05 .con_txt h4 span,.about_item06 .con_txt h4 span,.about_item07 .con_txt h4 span,.about_item08 .con_txt h4 span {    padding-right: 5px;}.app_item01 .con_pic span,.app_item02 .con_pic span {    font-size: 3rem;}.app_item03:after,.app_card .con_txt h4:before,.article4.id107 .page_wrapper_bg section.call_to_action:after {    display: none;}.app_card .con_txt h4 {    padding-bottom: var(--1dst);    margin-bottom: var(--2dst);    border-bottom: 1px solid #dedede;}.app_card {    margin-bottom: var(--3dst);}.learn_item01 .con_txt .con_title h6 {    flex-direction: column;}.learn_item01 .con_txt h4 {    text-align: center;}.learn_card {    grid-template-columns: auto;}.service_item01 .con_txt h4 {    font-size: var(--p-size);}.service_item02 {    padding: var(--3dst) var(--3dst) 0;    grid-gap: var(--1dst);}.company_item01 .con_txt .con_title {    margin-bottom: var(--3dst);}.company_item01 .con_txt .con_txt_list ul li:last-child {    margin-bottom: 0;}.company_item01 .con_txt .con_txt_list ul li {    margin-bottom: 15px;}.company_item01 .con_txt .con_txt_list ul {    line-height: 1.6;}.founder_item03 {    padding: var(--2dst) 0;    background: transparent;}.RWDtimeline01 .model-title {    margin-bottom: var(--3dst) !important;}.rwd .faq_question {    font-size: 15px;    letter-spacing: 1px;}.rwd .faq_answer {    padding: 30px 0 0;}/* 20231027 */ .RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    font-size: 2rem;}.RWDtimeline01 li.event .point,.RWDtimeline01 li.event:nth-child(odd) .point {    left: 70px;    width: calc(100% - 70px);}.RWDtimeline01 li.event .point {    padding-bottom: 35px;}.RWDeditor01 .model-title>span:nth-child(1),.RWDtimeline01 .model-title>span:nth-child(1) {    font-size: 28px;    padding: 15px 30px;}.RWDeditor01 .model-title>span,.RWDtimeline01 .model-title>span {    font-size: 23px;}.RWDeditor01 .about_item03 .con_txt h4 {    font-size: 19px;}.founder_item01 .con_bg {    width: 118%;}.founder_item01 .con_pic {    max-width: 38.3vw;}.eformscontent .layoutlist_1 {    width: 95%;}.eformsDesc br {    display: none;}.eforms1 .boxname {    width: calc(100% / 1 - 33px);}    .article9 form {        padding: 0 15px;        background: transparent;    }    .article9 select, .article9 input {    background-color: #fff;}    .article9 input[type="submit"]{        max-width: unset;    }    .article9 .page_wrapper_bg section.call_to_action:after {        display: none;    }/*會員註冊變更位置*/@media (max-width: 575px) {    .login_box_footer {        position: relative;        padding: 20px 0 0;        margin: 20px 0 0;    }}.fixed-social-block {    right: 0;}
}
/*600px end*/ 
/*480px start*/ 
@media (max-width: 480px) {
/* 匯入內頁版面寬度80%*//*文章高度調整*/ .pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item {    width: calc(100%);}/*圖文輪播*/ .RWDslider01 .text {    padding-bottom: 40px;}/* 內頁*/:root {    --h1-size: 32px;    --h2-size: 30px;    --h3-size: 26px;}.about_item01,.about_item03 {    margin-bottom: var(--3dst);}.about_item02 .con_txt h5,.about_item04 .con_txt .con_title,.app_item01 .con_txt h4,.app_item02 .con_txt h4,.learn_card .con_txt h5,.service_item .con_txt h4,.service_item .con_txt h5,.founder_item01 .con_txt .con_title h3 {    text-align: center;}.app_item01 .con_txt h4:before,.app_item02 .con_txt h4:before {    left: 50%;    transform: translateX(-50%);    width: 60px;}.about_item03 .con_txt {    padding: 0;    background: transparent;    filter: none;}.about_item04 .con_txt .con_title h6,.founder_item01 .con_txt .con_title h6 {    flex-direction: column;}.learn_card .con_txt {    justify-content: flex-start;    height: auto;}.service_item02 .con_pic {    max-width: 100px;}.company_item02 {    padding: 0 10%;}.company_item03 .con_txt h5 {    font-size: var(--h6-size);}.company_item01 .con_txt {    padding: var(--3dst) 0;}.company_item04 .con_txt h4 {    padding: var(--2dst) 15%;    font-size: var(--h5-size);}.company_item04 .con_txt ul li>span:before {    display: none;}.company_item04 .con_txt ul li h6,.company_item04 .con_txt ul li>span {    text-align: center;}.company_item04 .con_txt ul li,.company_item04 .con_txt ul li:nth-child(4),.company_item04 .con_txt ul li:nth-child(5) {    background: transparent;    padding: 0;    margin: 0 0 var(--2dst);    padding-bottom: var(--2dst);    border-bottom: 1px solid #dedede;}.company_item04 .con_txt ul li:nth-child(5) {    margin: 0;    padding: 0;    border-bottom: none;}.founder_item01 .con_bg {    width: 142%;    left: -16vw;}.founder_item02 {    padding-top: 0;    padding-bottom: 0;}.founder_item02 .con_txt h4,.founder_item03 .con_txt h5 {    font-size: var(--h6-size);    text-align: left;}.founder_item03 .con_pic_item {    grid-gap: var(--2dst);}.founder_card {    background: transparent;}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt,.app_item01 .con_txt,.app_item02 .con_txt,.founder_card .con_txt {    padding: var(--1dst) 0 0;}.company_item04 {    padding: var(--2dst) var(--2dst);}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt {    padding: var(--1dst) var(--1dst) 0;}.company_item03 .con_txt h5 {    line-height: 1.7;}.company_item04 .con_txt h4 {    padding: var(--2dst) 0%;    font-size: var(--h3-size);    line-height: 1.2;}.app_item01, .app_item02 {    background-color: transparent;}@media (max-width: 414px) {    /*文章左右圖文輪播PH*/    .RWDslider01 .pic-list,    .RWDslider01.pic-right .pic-list {        margin: 0;    }}
}
/*480px end*/ 
/*380px start*/ 
@media (max-width: 380px){
.RWDbanner_plus01 .slick-caption .txt1 {    margin: 23vw auto 1rem;    font-size: 1.3rem;}.RWDbanner_plus01 .slick-caption .txt2 {    font-size: 1rem;}.socialbox img {    width: 100px;}.socialbox {    gap: 0 2rem;}.ftbtn a {    font-size: 1.1rem;}.ftinfo {    width: 90%;    margin: auto;    text-align: left;}.opp .RWDbtn01 article.editor br {    display: none;}.opp .RWDbtn01 article.editor {    margin: 0 0 1rem;}.subttlbox .sub-title {    padding: 0.3rem 0;    width: 100%;    text-align: center;}.index_sec .container {    width: 90%;}.ab.secttl {    padding: 0 15px;}/* 匯入內頁版面寬度80%*//*跟隨購物車寬度修正*/#mobile-fixed .btn-box {    width: 170px;    padding-left: 10px;}#mobile-fixed .fixed-in {    width: calc(100% - 170px);}.RWDproduct_page .faq-item .editor {    padding: 20px;}.about_item05,.about_item06,.about_item07,.about_item08,.app_item01,.app_item02 {    background: transparent;}.about_item05 .con_txt,.about_item06 .con_txt,.about_item07 .con_txt,.about_item08 .con_txt,.app_item01 .con_txt,.app_item02 .con_txt,.founder_card .con_txt {    padding: 15px 0 0;}/* 20231027 */ .founder_item01 .con_bg {    width: 148%;}.founder_card.founder_card02 {    margin-bottom: 0;}
}
/*380px end*/ 
/*日本語系 start*/ 

/* 共通 */body.wrapper_bg.lang_jp {    font-family: 'Noto Serif Display', "Noto Serif JP", serif;    letter-spacing: 1px;}:root {    --BannerTextSizeJP: clamp(1.125rem, 0.788rem + 1.3825vw, 3rem);    --BannerTextSmallJP: clamp(1rem, 0.8652rem + 0.553vw, 1.75rem);}/* 選單 */ .lang_jp .RWDmenu_plus04 .member-block .form-area .group input {    letter-spacing: 0px;    font-size: 12px;    padding: 0 0 0 10px;}.lang_jp .RWDmenu_plus04 .features {    width: 380px;}.lang_jp .RWDmenu_plus04 .container {    max-width: none;    width: 100%;    padding: 0;}.lang_jp .RWDmenu_plus04 .features .lang-select {    display: block;}.lang_jp .RWDmenu_plus04 .features .share-group.main_share a {    padding: 1rem 1rem;}.lang_jp .RWDmenu_plus04 .features .share-group.main_share {    margin-left: 10px;}.lang_jp .RWDmenu_plus04 .site-nav .menu>li>a {    letter-spacing: .5px;    padding: 25px 15px;}.lang_jp .RWDmenu_plus04 .site-nav .menu>li a {    letter-spacing: 0.5px;}.lang_jp.page_wrapper_bg .RWDmenu_plus04 .header {    margin: 0;}/* banner */ .lang_jp .RWDbanner_plus01 .slick-caption .txt1 {    font-size: var(--BannerTextSizeJP);}.lang_jp .RWDbanner_plus01 .slick-caption .txt2 {    font-size: var(--BannerTextSmallJP);    max-width: 37%;}.lang_jp .RWDbanner_plus01 .slick-caption .txt2 span span {    font-size: 1.25rem;}.lang_jp .RWDbanner_plus01 .slick-caption .container {    padding-left: calc(4.2% + 3vw);}/* 關於 */ .lang_jp .abtxt {    max-width: 70%;}.lang_jp .funny-boxes>.funny-boxes-text>p {    text-align: left;}.lang_jp .ftbtn a {    padding: 1rem 4rem;}/* 內頁100% */:is(.article1, .article2, .article3, .article4) .lang_jp.page_wrapper_bg section.call_to_action>.container,:is(.article1, .article2, .article3, .article4) .lang_jp.page_wrapper_bg .article-text .container {    width: 100%;    padding: 0;    max-width: none;}/* 標題 */:is(.article2, .article4) .lang_jp section.hgroup {    display: none;}:is(.article1, .article3) .lang_jp .hgroup .breadcrumb {    display: none;}.lang_jp .learn_item01 .con_txt .con_title h6 {    display: flex;    flex-direction: column;    align-items: flex-start;}.lang_jp .company_item01 .con_txt .con_txt_list ul {    line-height: 1.6;}.lang_jp .company_item01 .con_txt .con_txt_list ul>li {    margin-bottom: 15px;}.lang_jp .company_card .con_txt ul {    grid-template-columns: auto;}.article4 .lang_jp .pagecontent .RWDtimeline01 {    margin-top: var(--10dst);    padding: 0 20%;}.lang_jp .RWDeditor01 .about_item03 .con_txt h4 {    width: 70%;}.lang_jp .learn_item01 .con_txt {    padding-bottom: max(3vw, 3rem);}.lang_jp .learn_item01 .con_pic {    align-self: flex-end;}@media (max-width: 2000px) {    .article4 .lang_jp .pagecontent .RWDtimeline01 {        padding: 0 15%;    }}@media (max-width: 1850px) {    .lang_jp .RWDmenu_plus04 .features {        width: auto;    }    .lang_jp .RWDmenu_plus04 .site-nav .menu {        display: none    }    .lang_jp .RWDmenu_plus04 #mobile-menu,    .lang_jp .RWDmenu_plus04 .ml-stack-nav-toggle,    .lang_jp .RWDmenu_plus04 .toggle-menu,    .lang_jp .RWDmenu_plus04 .toggle-mmenu-cover {        display: block    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu>li a {        letter-spacing: 0;        color: #333;        font-size: 1rem;    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        color: white;    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu>li>ul {        background: #fbfbfb    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        background-color: transparent    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu>li.active {        background-color: var(--main-color)    }    .lang_jp .RWDmenu_plus04 #mobile-menu .menu a {        font-size: 1rem;    }    .lang_jp .RWDmenu_plus04 .features {        float: right;        position: relative;    }    .lang_jp .RWDmenu_plus04 .features:after {        opacity: .2;    }    .lang_jp .RWDmenu_plus04 .features {        padding-right: 0;    }    .lang_jp .ml-stack-nav-toggle i {        font-family: "Noto Serif JP", serif;        font-size: .8rem;    }    .lang_jp .RWDmenu_plus04 .logo {        width: 80px;    }    .lang_jp .RWDmenu_plus04 .header {        margin: 4.4% 0;    }    .lang_jp .RWDmenu_plus04 .features .lang-select {        margin-right: 15px;    }    .lang_jp .RWDmenu_plus04 .header.is-up {        margin: 0;    }    .lang_jp .RWDmenu_plus04 .is-up .logo {        width: 60px;        margin: 0.5rem 0;    }    .lang_jp .service_item .con_txt h4 br {        display: none;    }}@media (max-width: 1800px) {    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 span span {        font-size: 1.125rem;    }    .article4 .lang_jp .pagecontent .RWDtimeline01 {        padding: 0 10%;    }}@media (max-width: 1700px) {    .lang_jp .RWDmenu_plus04 .header {        margin: 3.2vw 0;    }    .lang_jp .RWDmenu_plus04 .logo {        width: 100px;    }}@media (max-width: 1566px) {    .lang_jp .eve.secttl .ttlbox {        padding: 0;    }}@media (max-width: 1500px) {    .lang_jp .RWDmenu_plus04 .header {        margin: 4.4% 0;    }    .lang_jp .RWDmenu_plus04 .is-up .logo {        width: 60px;    }    .lang_jp .RWDmenu_plus04 .logo {        width: 80px;    }}@media (max-width: 1440px) {    .lang_jp .abtxt {        max-width: none;    }}@media (max-width: 1366px) {    .lang_jp .abtxt {        max-width: none;    }    .lang_jp .eve.secttl .ttlbox {        gap: 0 3rem;    }}@media (max-width: 1350px) {    .article4 .lang_jp .pagecontent .RWDtimeline01 {        padding: 0 7.5%;    }}@media (max-width: 1300px) {    .lang_jp .RWDmenu_plus04 .header {        margin: 4.2% 0;    }}@media (max-width: 1199px) {    .lang_jp .RWDmenu_plus04 .logo {        width: 65px;        margin: 2px 0 0;    }    .lang_jp .eve.secttl .ttlbox {        padding: 0;    }    .lang_jp .ftbtn a {        padding: 1rem 1rem;    }    .article4 .lang_jp .pagecontent .RWDtimeline01 {        margin-top: var(--6dst);    }    .lang_jp .learn_item01 .con_txt {        padding-bottom: 0;    }     .lang_jp .learn_item01 .con_txt .con_title h6 {        align-items: center;        text-align: center;    }    .lang_jp .learn_item01 .con_txt {        padding-right: 10%;    }    .lang_jp .learn_item01 .con_txt h2 {        text-align: center;    }    .lang_jp .learn_item01 {        grid-template-columns: auto;        grid-gap: var(--2dst);    }    .lang_jp .learn_item01 .con_txt {        padding-bottom: 0;    }}@media (max-width: 1024px) {    .lang_jp .RWDmenu_plus04 .header {        margin: 49px 0 0;    }    .lang_jp .RWDeditor01 .about_item03 .con_txt h4 {        width: 100%;    }    .article4 .lang_jp .pagecontent .RWDtimeline01 {        padding: 0 10%;    }    }@media (max-width: 991px) {    .lang_jp .RWDbanner_plus01 .slick-caption .txt1 {        max-width: 85%;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 {        max-width: 60%;    }    .lang_jp .RWDmenu_plus04 .features .lang-select {        display: none;    }}@media (max-width: 767px) {    .article4 .lang_jp .pagecontent .RWDtimeline01 {        margin-top: var(--3dst);    }    .lang_jp .index_sec .container {        width: 85%;    }    .lang_jp .index_sec .container .container {        width: 100%;        padding: 0;    }    .lang_jp .footers .container {        width: 90%;    }    .lang_jp .subttlbox {        font-size: 1.125rem;    }    .lang_jp .witness {        padding: 5rem 7.5% !important;    }    .lang_jp .ftbtn a {        padding: 1rem 0;    }   }@media (max-width: 600px) {    .lang_jp .RWDbanner_plus01 .slick-caption .txt1 {        max-width: none;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 {        max-width: none;    }    .lang_jp .RWDbanner_plus01 .slick-caption .container {        padding: 7% calc(4.2% + 5vw) 0;    }    .lang_jp .RWDeditor01 .model-title>span:nth-child(1),    .lang_jp .RWDtimeline01 .model-title>span:nth-child(1) {        font-size: 24px;        padding: 15px 15px;    }    .lang_jp .company_item01 .con_txt .con_title h5 br {        display: none;    }    .lang_jp .learn_item01 .con_txt h4 {        text-align: left;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 span span {    font-size: 15px;}}@media (max-width: 480px) {    .lang_jp .RWDssl01,    .lang_jp .rights .RWDedictor {        margin: 0;    }    .lang_jp .rights {        font-size: 11px;        text-align: center;    }    .lang_jp .opp .RWDbtn01 article.editor br {        display: none;    }    .lang_jp .ftbtn a {        font-size: 17px;        display: flex;        flex-direction: column;    }    .lang_jp .main-titile {        text-align: center;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 span span {    font-size: 14px;}}@media (max-width: 380px) {    .lang_jp .index_sec .container {        width: 90%;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt1 {        margin: 20vw auto 1rem;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt1 {        font-size: 1rem;    }    .lang_jp .RWDbanner_plus01 .slick-caption .txt2,    .lang_jp .RWDbanner_plus01 .slick-caption .txt2 span span {        font-size: 14px;    }}

/*日本語系 end*/ 
/* <= miracle customization end */ 
/* user customization start=> */ 

/* <= user customization end */ 
/* last build time:2025-06-18 15:24:54 */ 
/* last build by :米洛-謝弘真 */