:root {    --main_color: #CADFF0;    --sub_color: #2566b8;}img {    max-width: 100%;    height: auto;}a,a:hover,a:active,a:focus,a:visited {    transition: .5s ease;    text-decoration: none;}.index h1,.index h2,.index h3,.index h4,.index h5,.index h6,.index p {    padding: 0;    margin: 0;}.row {    margin-right: 0px;    margin-left: 0px;}body.wrapper_bg {    font-family: 'Noto Sans TC', sans-serif !important;    letter-spacing: 1px;    line-height: 1.5;    font-size: 15px;    color: #555;    background-image: url('archive/image/customization/page_bg.webp');    background-repeat: repeat;}/*容器設定*/#RWDBASE_PAT01 .container {    width: 75%;}.RWDmenu_plus04 .container {    width: 100% !important;    max-width: unset;}.container_fuild {    width: 100%;}/* 共用設定 */ 
.section_spacing {    padding: 12rem 0;}body.wrapper_bg .clear,body.wrapper_bg .RWDedictor008>div:last-of-type,body.wrapper_bg .RWDedictor>div:last-of-type {    display: none;}.edit_mask {    display: block !important;}/* 反白顏色設定*/::selection {    background: var(--main_color);    color: #333;}::-moz-selection {    background: var(--main_color);    color: #333;}/* font */ 
.section_title .en_title {    color: var(--main_color);    letter-spacing: 1px;    font-family: "museo", serif;    font-size: clamp(1.25rem, 0.4167rem + 1.3021vw, 2.5rem);    font-weight: 600;}.section_title .main_title {    letter-spacing: 3px;    color: #333;    font-weight: 500;    margin-top: 0.5rem;    font-size: clamp(2.1875rem, 1.3542rem + 1.3021vw, 3.4375rem);}.section_title {    text-align: left;    position: relative;    margin: 0 0 5rem;    padding-left: 5rem;}.section_title::before {    content: '';    width: 1px;    height: 150%;    background: #a3a3a3;    position: absolute;    left: 0;    top: -25%;    transform: rotate(30deg);}.section_title p,.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .memo,.description {    font-size: 17px;    letter-spacing: 1px;    color: #6e6e6e;    line-height: 1.7;    font-weight: 300;}.section_title p {    margin-top: 10px;}.RWDProduct012 .item-box .item-title,.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3 {    font-size: 20px;    letter-spacing: 1px;    color: #333;    font-weight: 500;}/* btn */ 
.ebtn a,.RWDbtn01 .btn {    font-size: 17px;    color: #333;    background: transparent;    max-width: 250px;    border-radius: 0px;    border: 1px solid #bebebe;    height: 45px;    display: flex;    align-items: center;    justify-content: center;    font-weight: bold;    letter-spacing: 2px;    margin-top: 3rem;    position: relative;    padding-right: 60px;    font-weight: 400;}.ebtn {    background: transparent;    width: 250px;    position: relative;}.ebtn::after {    content: '';    position: absolute;    background: url(archive/image/customization/arrow.svg) no-repeat;    width: 20px;    height: 15px;    right: 60px;    top: 50%;    transform: translateY(-50%);    transition: .3s ease-in-out;}.ebtn:hover::after {    transform: translateY(-50%) translateX(30%);    transition: .3s ease-in-out;}.ebtn:hover a {    color: #000;    background: #b1d5f2db;    transition: .3s ease-in-out;    border: 1px solid #b1d5f2db;}/* navi */ 
.RWDmenu_plus04 .header {    padding: 0px 5% 0 7%;    background: transparent;    transition: .3s ease-in-out;}.RWDmenu_plus04 .header.is-up {    background: #f0f0f0cc;    transition: .3s ease-in-out;    padding: 0px 5% 0 5%;}.RWDmenu_plus04 .header::before {    content: '';    width: 96%;    height: 100%;    position: absolute;    right: 0;    top: 0;    backdrop-filter: blur(3px);}.RWDmenu_plus04 .logo {    position: relative;    top: 50%;    transform: translateY(50%);    transition: .3s ease-in-out;}.RWDmenu_plus04 .header.is-up .logo {    filter: brightness(0);    transition: .3s ease-in-out;}.RWDmenu_plus04 .site-nav .menu>li>a {    font-size: 17px;    padding: 30px 15px;    text-align: center;    color: #fff;    letter-spacing: 0px;    font-weight: 400;    font-family: "museo", serif;    min-width: 130px;}.RWDmenu_plus04 .site-nav .menu>li>a .m_stitle{font-family: 'Noto Sans TC', sans-serif !important;}.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 .header.is-up .features .cart-btn:hover,.RWDmenu_plus04 .header.is-up .features .querycar-btn:hover,.RWDmenu_plus04 .header.is-up .features .share-group a:hover,.RWDmenu_plus04 .header.is-up .features i:hover,.RWDmenu_plus04 .header.is-up .lang-select:hover,.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a:hover {    color: #000;}.RWDmenu_plus04 .features .cart-btn:hover,.RWDmenu_plus04 .features .querycar-btn:hover,.RWDmenu_plus04 .features .share-group a:hover,.RWDmenu_plus04 .features i:hover,.RWDmenu_plus04 .lang-select {    color: var(--main_color);}.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {    color: #555;    transition: .3s ease-in-out;}.RWDmenu_plus04 .features .cart-btn:hover img {    filter: invert(31%) sepia(90%) saturate(4006%) hue-rotate(348deg) brightness(86%) contrast(86%);}.RWDmenu_plus04 .glyphicon-search {    position: relative;    top: 3px;}.RWDmenu_plus04 .site-nav .menu {    text-align: right;}.RWDmenu_plus04 .features .share-group span,.RWDmenu_plus04 .site-nav .menu ul li a {    font-size: 16px;    text-align: center;    color: #fff;}.RWDmenu_plus04 .site-nav .menu>li>ul {    width: 180px;    margin-left: -90px;}.RWDmenu_plus04 .features .search-btn {    padding: 25px 15px;}.cart-btn img {    width: 20px;}.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 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after {    border-color: #fff;}.RWDmenu_plus04 .header.is-up .lang-select-label:hover:after,.RWDmenu_plus04 .header.is-up .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .header.is-up .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .header.is-up .site-nav .menu>li.is-active>a:after {    border-color: #000;}.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .header.is-up .lang-select-label:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after {    border-color: #333;}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {    text-decoration: unset;    font-weight: 400;    color: var(--main_color);}.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 .member-block .other a:hover {    color: var(--main_color);    transition: .3s ease-in-out;}.member-block h3 {    text-align: left;    font-weight: bold;    padding-bottom: 1rem;}.RWDmenu_plus04 #mobile-menu .menu>li.active,.RWDmenu_plus04 #mobile-menu .menu>li.active>a {    background-color: var(--main_color);}.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {    color: #fff;}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {    text-decoration: unset;    font-weight: 400;    color: var(--main_color);}.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 ul {    background: #000000cc;    color: #fff;    border-top: 1px solid #fff;}/* banner_block */header {    border-bottom: 0;}.collapsing_header .main {    top: 0 !important;    background-color: transparent;}.banner_block {    margin-top: 0;    position: relative;    width: 100%;    margin-left: auto;}.banner_block .RWDbanner_plus01 {    overflow: visible;}.banner_block .RWDbanner_plus01.full .banner-slider.bg .slick-item {    position: relative;}.banner_block .RWDbanner_plus01.full .banner-slider.bg .slick-item,.banner_block .RWDbanner_plus01 .slick-caption {    max-height: calc(100vh - 0px) !important;    height: calc(100vh - 0px) !important;}.banner_block .RWDbanner_plus01.style-dotnav.dot .slick-dots button {    background: #dddddd7d;    width: 10px;    height: 10px;    line-height: 10px;}.banner_block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #fff;}.banner_block .RWDbanner_plus01.style-dotnav .slick-dots li {    text-align: left;    width: 15px;}.banner_block .RWDbanner_plus01.style-dotnav.control-center .items,.banner_block .RWDbanner_plus01.style-dotnav.control-center .slick-arrow {    display: flex;    margin-left: calc(20vw - clamp(28.75rem, 19.2758rem + 15.2964vw, 43.75rem)/2);    padding-left: 15px;}@keyframes scd {    0% {        height: 0px;    }    100% {        height: 100%;    }}@-webkit-keyframes scd {    0% {        height: 0px;    }    100% {        height: 100%;    }}/* about_block */#RWDBASE_PAT01 .about_block .container {    width: 70%;}.about_content {    display: grid;    grid-template-columns: 1fr;    gap: 0px 0px;    grid-auto-flow: row;    grid-template-areas:        "about_text"        "about_image";}.about_text {    display: grid;    grid-template-columns: 40% 60%;    grid-template-rows: 1fr;    gap: 0px 0px;    grid-auto-flow: row;    grid-template-areas:        "section_title description";    grid-area: about_text;    padding: 0 4vw 5rem;}.section_title {    grid-area: section_title;}.description {    grid-area: description;}.about_image {    display: grid;    grid-template-columns: 40% 60%;    grid-template-rows: 1fr;    gap: 0px 0px;    grid-auto-flow: row;    grid-template-areas:        "about_img_01 about_img_02";    grid-area: about_image;}.about_img_01 {    grid-area: about_img_01;    z-index: 1;}.about_img_02 {    grid-area: about_img_02;    margin: 5rem 0 0 -10rem;}/* service_block */ 
.service_block .section-subject {    display: none;}.service_block {    position: relative;    background: rgb(208 208 208 / 30%);}.service_block .product-section .item-box {    position: relative;    float: unset;    width: 100%;    margin: 0;    margin-bottom: 0;}.service_block .bgcolor {    display: grid;    grid-auto-flow: row;    grid-template-columns: repeat(2, 1fr);    gap: 6rem;}.service_block .bgcolor>div:last-of-type {    display: none;}#RWDBASE_PAT01 .RWDProduct012 .container {    width: 100%;}.service_block .RWDProduct012 .second-item img {    border-radius: 0;    width: 100%;}.RWDproduct004 .item-box figure,.service_block .RWDProduct012 .second-item {    position: relative;}.RWDproduct004 .item-box figure::before,.service_block .RWDProduct012 .second-item::before {    content: '';    width: 100%;    height: 100%;    position: absolute;    background: #cfeaffad;    z-index: -1;    top: 0;    left: 0;    transition: top .5s, left .5s;    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);}.service_block .RWDProduct012 .second-item:hover::before {    top: 4.5rem;    left: -3rem;}.RWDProduct012 .circle-btn {    display: none;}.RWDProduct012 .second-item {    box-shadow: none;}.RWDProduct012 .item-box .item-title {    text-align: center;    margin-top: 1rem;    margin-bottom: 0;    height: unset;}.RWDProduct012 .item-box .item-text {    min-height: unset;}/* case_block */#RWDBASE_PAT01 .case_block .container {    width: 85%;}.case_block {    background: #ffffffd4;}.case_block .section_title {    text-align: center;    padding-left: 0;}.case_block .section_title::before {    display: none;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100%/4 - 1px);    padding: 0 1.5rem !important;}.RWDproduct004 section {    border-bottom: 0;}.RWDproduct004 .item-box-desc {    margin-bottom: 0;    padding: 2rem 0.5rem 1.5rem;}.RWDproduct004 #portfolio div.col-md-3 h3 {    margin-bottom: 0.8rem;    line-height: 1.2;}.RWDproduct004 .list-inline {    font-size: 15px;    letter-spacing: 1px;    color: #6e6e6e;    line-height: 1.5;    font-weight: 300;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.RWDproduct004 .item-box,.RWDproduct004 .item-box figure {    overflow: visible;}.RWDproduct004 .item-box:hover figure::before {    top: 1.5rem;    left: -1.5rem;}.RWDproduct004 #portfolio div.col-md-3:hover h3 {    color: #000;    transition: .3s ease-in-out;}/* process_block */ 
.process_block {    background: #ffffff57;    position: relative;}.process_block::before {    content: '';    width: 45%;    height: 100%;    position: absolute;    background: #d0d0d0cc;    right: 0;    top: 0;    opacity: .3;}.RWDservice009 .top_icon {    display: flex;    margin-bottom: 0px;    position: relative;    width: 400px;    flex-direction: column;    float: left;    margin-top: 7vw;}.RWDservice009-top_icon .swiper-wrapper {    position: relative;    width: 100%;    height: 100%;    z-index: 1;    display: flex;    transition-property: transform;    box-sizing: content-box;    flex-direction: column;}.RWDservice009__head {    display: none;}.RWDservice009 .main_pic {    width: calc(100% - 500px);    margin-left: 500px;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .text_box {    background-color: transparent;    padding: 0px;    width: 35%;    padding-left: 50px;    top: unset;    bottom: calc(100px + 3vw);    right: 0px;    box-shadow: none;    height: fit-content !important;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title {    font-size: 22px;    color: #333;    line-height: 1.5;    letter-spacing: 2px;    font-weight: 500;    border-bottom: 1px solid #ccc;    padding-bottom: 2rem;    margin-bottom: 2rem;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title span {    font-size: clamp(3.75rem, 2.9167rem + 1.3021vw, 5rem);    font-family: "museo", serif;    font-weight: 600;    line-height: 1;    margin-right: 1rem;    color: var(--main_color);    font-style: italic;    top: 1px;    position: relative;}.name.name_top {    left: -48px}.RWDservice009 .top_icon .swiper-slide .name {    width: fit-content;    padding: 0px;    font-size: 18px;    letter-spacing: 2px;    position: absolute;    max-width: unset;    top: 23px;    transition: 0.3s;    color: #707070;    font-weight: 300;    padding-left: 50px;}.RWDservice009 .top_icon .swiper-slide .name_top {    font-size: 18px !important;    letter-spacing: 1px !important;    position: relative !important;    top: 25px !important;    left: 0px;    border: 0 !important;    margin-bottom: 20px;    color: #707070;    font-weight: bold;    white-space: nowrap;    overflow: visible;    padding: 0;    font-family: "museo", serif;    width: 25px;}.RWDservice009 .top_icon .swiper-slide.show .name {    padding-left: 120px;    transform: scale(1.2);    color: #000;    font-weight: 400;}.RWDservice009 .top_icon .swiper-slide.show .name_top {    padding: 0;    font-weight: bold;}.RWDservice009 .top_icon .swiper-slide.show .name:last-of-type:before {    content: '';    width: 50px;    height: 1px;    background: #888;    position: absolute;    top: 50%;    transform: translateY(-50%);    left: 58px;}.RWDservice009 .top_icon .swiper-container {    overflow: visible;}.RWDservice009 .top_icon .swiper-slide {    cursor: pointer;    width: 400px !important;    min-height: 60px;    height: 60px;    cursor: pointer;    margin-right: 0px !important;    padding-left: 5rem;}.RWDservice009 .top_icon.showit .swiper-slide .imgs::before {    width: 100%;    height: 100%;    background-color: #c4c4c4;    box-shadow: none;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .memo div {    display: flex;    align-content: center;    font-weight: 600;    color: #222;    margin-top: 80px;}#m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img,.swiper-container-autoheight .swiper-wrapper {    height: 100% !important;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {    width: 65%;}.RWDservice009 .gallery-thumbs-RWDservice009 {    width: calc(35% + 120px) !important;    position: absolute;    left: unset;    right: 0;}.RWDservice009 .gallery-thumbs-RWDservice009 .swiper-slide,.RWDservice009 .gallery-thumbs-RWDservice009 .imgs {    height: 100px;}.process_block .RWDedictor008 {    width: 400px;    position: absolute;}#RWDBASE_PAT01 .process_block .container {    width: 85%;}.RWDservice009 .top_icon .swiper-slide::after,.RWDservice009 .top_icon .swiper-slide .imgs,.RWDservice009 .top_icon .swiper-slide .imgs::before,.RWDservice009 .top_icon .swiper-slide.show .imgs::before,.RWDservice009 .top_icon.showit .swiper-slide.show .imgs::before {    display: none;}/* contact_block */ 
.contact_block {    background: #fff;    position: relative;}.contact_block .section-subject {    display: none;}.RWDeform001 .col-sm-4 {    width: 100%;    padding: 0;    column-gap: 3rem;}.RWDeform001 .col-sm-4:first-of-type .form-group {    width: calc(50% - 1.5rem);}.RWDeform001 .col-sm-4:first-of-type .form-group:last-of-type {    width: 100%;}.RWDeform001 .col-sm-4:first-of-type {    display: flex;    flex-wrap: wrap;}.RWDeform001 .form-group {    margin-bottom: 2rem;}.contact_block .container_fuild::before,.contact_block .container_fuild::after {    display: none;}.contact_block .container_fuild {    display: grid;    grid-template-columns: 1fr 0.5fr;    grid-template-rows: 1fr;    gap: 0px 0px;    grid-auto-flow: row;    grid-template-areas:        "contact_form contact_image";}.contact_form {    grid-area: contact_form;    padding: 0 20% 0 16%;}.contact_image {    grid-area: contact_image;    left: -25%;    position: relative;    top: 50%;    transform: translateY(-50%);}.contact_image img {    width: 100%;    object-fit: cover;}.contact_image,.contact_image img {    height: 700px;}.contact_form .section_title p br {    display: none;}.contact_form .form-control {    border: 0;    box-shadow: unset;    border-radius: 0;    border-bottom: 1px solid #ccc;    background: transparent;}.contact_form label {    display: inline-block;    max-width: 100%;    margin-bottom: 5px;    font-weight: 500;    font-size: 19px;    color: #333;    letter-spacing: 2px;}.contact_form textarea.form-control {    height: 60px;}.contact_form .form-control {    padding: 4px 0px;    font-size: 15px;    height: 35px;    letter-spacing: 2px;}input::placeholder,textarea::placeholder {    color: #a1a1a1 !important;}input,select,textarea {    font-family: 'Noto Sans TC', sans-serif !important;}.contact_form .RWDeform001 {    padding-left: 5rem;}/* fix_btn */ 
.fix_btn {    position: fixed;    right: 10px;    bottom:25%;z-index: 99;}.fix_btn_line img {width: 33px;}.fix_btn_line {    background: #4CC764;    display: flex;    flex-direction: row;    align-items: center;    justify-content: center;    writing-mode: tb-rl;    color: #fff;    letter-spacing: 4px;    font-weight: 400;    padding:10px;    border-radius: 50px;    font-size: 16px;}.fix_btn_line:hover {    color: #fff;    background: #37a74e;}/* cookie */ 
.RWDalert_fancybox.bottom .editor a {    text-decoration: underline;    color: #333;}.RWDalert_fancybox.bottom .editor a:hover {    color: var(--main_color);}.RWDalert_fancybox.bottom {    z-index: 99999 !important;    width: 100%;    padding: 30px 25px 20px !important;    box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important;    background: rgba(255, 255, 255, 90%) !important;    color: #000 !important;    left: auto !important;    right: 0px !important;    line-height: 1.8 !important;    border-radius: 0;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active {    padding: 5px 20px;    border-color: var(--main_color);    background: var(--main_color) !important;    border-radius: 0px;    transition: .5s all ease;    color: #555 !important;}.RWDalert_fancybox .btn:hover {    border-color: #333;    background: #333 !important;    transition: .5s all ease;    color: #fff !important;}/* go top */ 
.scrollTop002 {    bottom: -5px;    right: 0px;}.scrollTop002 .ii {    background: var(--main_color);    color: #333;    font-size: 50px;    border-radius: 0 0 10px 0;    transition: .3s all ease;}.scrollTop002:hover .ii {    background: #9ccdf5;    color: #000;    transition: .3s all ease;}/*loading*/ 
.fl {    width: 220px;}.fl img {    width: 100%;    animation-name: zeroall;    animation-duration: 1s;}@-webkit-keyframes zeroall {    0% {        opacity: .1;    }    100% {        opacity: 1;    }}
/*footer start*/

/* footer_block */#RWDBASE_PAT01 .footer_block .container{    width: 50%;}.footer_block {    padding: 12rem 0 1rem;}.footer_center .RWDedictor008 img {    width: 20px;    opacity: .7;    margin-right: 15px;}.footer_info {    display: grid;    grid-template-columns: 250px auto 1fr;    grid-template-rows: auto;    gap: 5vw;    grid-auto-flow: column;    grid-template-areas: "footer_logo footer_center footer_sns";    justify-content: center;width: fit-content;    margin: auto;}.footer_logo {    grid-area: footer_logo;    margin: auto;}.footer_sns{    grid-area: footer_sns;    display: flex;    align-items: flex-end;}.footer_top {    grid-area: footer_top;    border-bottom: 1px solid #ccc;    padding-bottom: 1rem;    margin-bottom: 1rem;}.footer_center {    grid-area: footer_center;    display: flex;    column-gap: 5rem;    align-items: center;}.footer_top .RWDedictor008{    display: flex;    column-gap: 4rem;    font-size: 18px;    letter-spacing: 1px;}.footer_center ul{    display: flex;    padding-left: 0px;    list-style: none;    row-gap: 10px;    margin-bottom: 0;    flex-direction: column;}.footer_center,.footer_center ul a{    display: flex;    align-items: center;    color: #555;    font-size: 16px;}.footer_center ul a:hover{    color: #000;}.RWDsocial002 ul.socialNetwork {    padding: 0;    display: flex;    column-gap: 10px;    float: unset !important;    margin-bottom: 0;}.RWDsocial002 .iconRounded {    border: 0;    color: transparent;    width: 33px;    background-color: transparent;    height: 33px;    transition: .3s ease-in-out;    margin-right: 0;    padding-top: 0;}.RWDsocial002 ul.socialNetwork li a:hover .iconRounded {    transform: scale(1.05);    transition: .3s ease-in-out;}.copyright_block{     display: flex;    align-items: center;    column-gap: 1rem;    margin-top: 4rem;        justify-content: center;    border-top: 1px solid #ccc;    padding-top: 1rem;}.copyright_block a, .copyright_block,.copyright_desc, .copyright_desc a, .copyright_desc a:hover{    color: #c4c4c4;    font-size: 13px;    font-weight: 300;}.location-image{    width: 17px;}li.telbox {    margin-left: 36px;}

/*footer 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;}:root {    --btn-main-color: #444;    --btn-main-hover-color: #111;    --btn-sub-color: #999;    --btn-sub-hover-color: #111;}/*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 input,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping input,.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,input,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: 15px !important;    letter-spacing: 0 !important;    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;    position: relative;}.page_wrapper_bg section.call_to_action>.container {    padding: 0 15px;    width: 80%;    max-width: 1800px}.page_wrapper_bg .article-text .container {    width: 100%;}.hgroup .container {    width: 100%;    margin: 0 0 80px;    border-bottom: 0;    padding: 0}.page_wrapper_bg section.call_to_action::before {    content: "";    width: 100%;    height: 100%;    background: rgb(255 255 255 / 83%);    position: absolute;    top: 0;    left: 0;    z-index: -1;}._bd_column._bd_full {    padding: 0}.RWDeditor01 .model-title {    font-size: 30px !important;    color: #000;    letter-spacing: 1px;    font-weight: 400;    border-bottom: 1px solid #eee;    padding-bottom: 30px;}/*搜尋*/ 
.RWDsearch_page .search-list {    margin-bottom: 40px !important;}.RWDsearch_page .list-img .name {    height: auto;}/*文字統一設定*/ 
.page_wrapper_bg .hgroup {    position: relative;    padding: 50px 0 0}.page_wrapper_bg .hgroup h1 {    letter-spacing: 3px;    color: #333;    font-weight: 500;    margin: 0;    font-size: clamp(2.1875rem, 1.3542rem + 1.3021vw, 3.4375rem);}/*0902間距調整-NA*/ 
.page_wrapper_bg .article-text h2 {    font-size: 24px;    line-height: 2;    letter-spacing: 2px;}.page_wrapper_bg .article-text h3 {    letter-spacing: 2px;    line-height: 1.5;    margin-bottom: 10px;    font-weight: bold;    font-size: 24px !important;}.page_wrapper_bg .article-text h4 {    font-size: 18px;    line-height: 1.7;    letter-spacing: 2px;    margin: 15px 0 15px;    font-weight: bold;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav {    font-size: 17px;    letter-spacing: 1px;    color: #6e6e6e;    line-height: 1.7;    font-weight: 300;}._bd_row label,._bd_row li,._bd_row p,._bd_row td {    font-size: 15px;    line-height: 2;    font-weight: 400;    margin: 0}._bd_row li {    margin-bottom: 10px;}._bd_row ol {    padding-left: 22px;}._bd_row ul {    padding-left: 18px;}.page_wrapper_bg .hgroup::before {    content: '';    width: 1px;    height: 150%;    background: #a3a3a3;    position: absolute;    left: -50px;    top: -3%;    transform: rotate(30deg);}.hgroup .breadcrumb {    border-radius: 0;    background: transparent;    border: 0;    padding: 0;    bottom: 20px;    font-size: 12px !important}.hgroup .breadcrumb a {    color: #999;    transition: 0.4s;}.hgroup .breadcrumb a:hover {    color: var(--main_color);    transition: 0.4s;}/*-------按鈕--------*/#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);}/*確定送出*/#RWDPAGE_BASE_PAT02 .ebtn {    padding: 0;    background: transparent;    -webkit-border-radius: 0px;    -moz-border-radius: 0px;    border-radius: 0px;    float: right;    margin-right: 0;}#RWDPAGE_BASE_PAT02 .ebtn a {    text-align: center;    min-width: 250px;    line-height: 1.6;    padding: 0px 60px 0px 30px !important;    margin-top: 20px;    color: var(--btn-main-color);    background: transparent;    border: 1px solid var(--btn-main-color);    transition: all .2s ease;    display: flex;    align-items: center;}#RWDPAGE_BASE_PAT02 .ebtn a:hover {    background: rgb(177 213 242 / 86%);    color: #000 !important;    border: 1px solid rgb(177 213 242 / 86%);    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: rgb(177 213 242 / 86%)}#RWDPAGE_BASE_PAT02 .ebtn::after {    top: 35px;    transform: unset;}/*購物車按鈕*/ 
.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;}/*文章列表-8*/ 
.layoutlist_8 .article_subject {    font-weight: 500;    font-size: 17px;    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: 50px !important;    border-top: 0px solid #ccc !important;    background: rgb(208 208 208 / 30%);}.tabs .content {    border: 0 !important}.tabs nav li.tab-current a::before {    background: #000 !important;}.tabs nav a {    padding: 12px 30px !important}.tabs nav li.tab-current:after,.tabs nav li.tab-current:before {    background: #ccc;    height: 0 !important}.tabs nav ul li:first-child {    border-left: 0 solid #ccc}.tabs nav ul li {    border: 0px solid #ccc;}.tabs nav li.tab-current a {    border-color: #ddd}/*產品頁籤*/ 
.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;}.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;}/*人才招募*/ 
.recruitment .list_table td {    padding: 20px 0}.recruitment .list_table td.list_position {    padding: 20px}/*產品A*/ 
.page_content1 #productbx_bg {    background: #efefef;    -moz-opacity: 1;    opacity: 1;}.page_content1 .dd-selected {    letter-spacing: 1px;}.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: 15px;    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: 0 0 50px;    border-color: #eee;    padding-bottom: 50px}.eformscontent .layoutlist_1 {    width: 100%;    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;}.eformscontent .col-sm-12.col-md-12 .ebtn a {    color: #000 !important;}.eformscontent .col-sm-12.col-md-12 .ebtn a:hover {    color: #fff !important;}.eforms1 .new-form .formdesc {    padding: 0 80px 0 0;}.eforms1 .new-form {    margin: 30px 0 0}.eforms1 .new-form .new-width .control-label {    display: inline-block;    max-width: 100%;    margin-bottom: 5px;    font-weight: 500;    font-size: 19px;    color: #333;    letter-spacing: 2px;}.eforms1 .customized_columns ._input {    border: 0;    box-shadow: unset;    border-radius: 0;    border-bottom: 1px solid #ccc;    background: transparent;}.eforms1 .new-form .new-width .control-label {    width: 150px;}.eforms1 .new-form .new-width .col-md-11,.eforms1 .col-sm-12.col-md-5 {    width: calc(100% - 150px) !important;}.con_txt img {    margin-top: 30px;}/*左側選單*/ 
.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,.privacy_block p {    line-height: 2;    letter-spacing: 1px;    color: #000}.privacy_block a {    color: #000;    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 h6 {    font-size: 16px;}.privacy_block ul {    padding-left: 24px;}/*購物說明文字*/ 
.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: #e70707;    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;}/*側選單*/#sidebar {    padding-right: 40px;    font-weight: normal;}.m2018 .products-nav .nav-title {    background: #000;    color: #fff !important;    padding: 10px;    margin-bottom: 0;    border-radius: 0px;}.m2018 .products-nav>ul>li {    margin: 0px;    padding: 12px 10px;    border-bottom: 1px solid #eee;}.m2018 .products-nav>ul>li>a {    padding: 0;    position: relative;    font-size: 15px;    letter-spacing: 0.5px;}#sidebar .products-nav>ul {    border: 1px solid #eee;}.m2018 .products-nav a {    color: #6e6e6e !important;    padding: 0 !important;    transition: 0.4s}.m2018 .products-nav>ul>li.active>a,.m2018 .products-nav>ul>li>a:hover {    color: #333;    transition: 0.4s;}.m2018 .products-nav ul li>ul>li:hover>a,.m2018 .search-box .ibtn:hover {    color: #333;    transition: 0.4s;}.m2018 .products-nav ul li>ul>li.active>a,.m2018 .products-nav ul li>ul>li.is-open>a {    color: #429E93;}.m2018 .products-nav ul li>ul>li.active>a {    padding-top: 12px;}.m2018 .products-nav ul>li>.toggle-submenu {    height: 46px;    right: 10px}.m2018 .products-nav ul li ul li {    padding: 0 20px 0 0;}/*下載&實績_左側*/ 
.article4 .page_wrapper_bg .m2018 .products-nav>ul>li.active a,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li.active a {    color: #000;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li>a:hover,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li>a:hover {    color: #000;    transition: 0.3s;}.article4 .page_wrapper_bg .m2018 .products-nav .nav-title,.download1 .page_wrapper_bg .m2018 .products-nav .nav-title {    display: none;}.article4 .page_wrapper_bg #sidebar,.download1 .page_wrapper_bg #sidebar {    margin: 0 -15px;    width: 100%;    padding-right: 0 !important;    position: absolute;    top: -100px;    text-align: center;}.article4 .page_wrapper_bg #sidebar .products-nav ul,.download1 .page_wrapper_bg #sidebar .products-nav ul {    text-align: left;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li {    display: inline-block;    margin: 0;    padding: 0;    border: 0;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li>a,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li>a {    letter-spacing: 2px;    line-height: 32px;    display: inline-block;    color: #6e6e6e !important;    background: transparent;    border-radius: 0px;    padding: 0px 15px !important;    font-size: 18px !important;    transition: 0.3s;    border-bottom: 0px;    font-weight: 400;    text-wrap-mode: nowrap;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li:last-child>a,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li:last-child>a {    border: 0;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li.active>a,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li.active>a {    color: #000;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li>a:hover,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li>a:hover {    color: #000;    transition: 0.3s;}.article4 .hgroup .container,.download1 .hgroup .container {    padding-left: 0px;    margin: 0 0 150px;}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li a:before,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li a:before {    content: "";    background: #000;    height: 20px;    width: 1px;    position: absolute;    right: -2px;    top: 50%;    transform: translateY(-50%);}.article4 .page_wrapper_bg .m2018 .products-nav>ul>li:last-child a:before,.download1 .page_wrapper_bg .m2018 .products-nav>ul>li:last-child a:before {    display: none}.article4 .page_wrapper_bg .pagecontent,.download1 .page_wrapper_bg .pagecontent {    width: 100%;    margin-top: 10px !important;}.article4 #sidebar .products-nav>ul,.download1 #sidebar .products-nav>ul {    border: 0}/*沿革*/ 
.ab_img {    display: flex;    align-items: center;    flex-wrap: wrap;    grid-column-gap: 10px;}.ab_img a {    width: calc(100% / 3 - 7px);}.ab_txt {    margin-top: 30px;}/*公司組織*/ 
.ab_row .ab_box {    width: 100%;    background: #f4f4f4;    padding: 80px 40px;    display: flex;    align-items: flex-start;    position: relative;    margin: 0 0 50px;}.ab_row .ab_box h2 {    margin: 0;    font-size: 26px;    color: #000;    font-weight: bold;    position: relative;    padding-left: 30px;    padding-right: 40px;    line-height: 1.3}.ab_row .ab_box .right_txt {    width: calc(100% - 360px);    padding-left: 40px;}.ab_row .ab_box .left_txt {    width: 360px;}.ab_row .ab_box h2::before {    content: "";    width: 8px;    height: 8px;    position: absolute;    background: #000;    top: 14px;    left: 0;    border-radius: 50px;}.ab_row .ab_box .right_txt ul {    padding: 0;    list-style: none;    margin-bottom: 0 !important;    min-height: 180px;}.ab_row .ab_box .right_txt ul li {    width: 100%;    border-bottom: 1px dashed #ddd;    padding-bottom: 8px;    margin-bottom: 8px;}.ab_row .ab_box::before {    content: "";    width: 360px;    height: 100%;    background: rgb(208 208 208 / 20%);    position: absolute;    top: 0;    left: 0;}.ab_row .ab_box .right_txt ul li:last-child {    margin-bottom: 0;}.ab_row .ab_box h2 span {    color: var(--main_color);    font-family: "museo", serif;    display: block;    margin: 6px 0 0;    letter-spacing: 1px;}/*服務項目_單元*/ 
.ab_row02 .ab_box h2 {    font-size: 22px}.ab_row02 .ab_box::before {    display: none}.ab_row02 .ab_box {    flex-direction: column;    padding: 0}.ab_row02 .ab_box .left_txt {    width: 100%;    background: rgb(208 208 208 / 20%);    padding: 40px 80px;}.ab_row02 .ab_box .right_txt {    width: 100%;    padding: 40px 80px;}.ab_row02 {    display: grid;    grid-template-columns: 1fr 1fr;    grid-column-gap: 30px;}/*服務項目_列表頁*/ 
.process_box {    display: flex;    align-items: center;    flex-wrap: wrap;    grid-column-gap: 50px;}.process_box .process_list {    width: calc(100% / 4 - 40px);    background: #f4f4f4;    padding: 30px;    min-height: 250px;}.process_box .left_txt h4 {    margin: 0;    font-size: 20px !important;    font-weight: 300;    display: flex;    align-items: center;    line-height: 1;    position: relative;    margin-bottom: 30px;    color: #000;}.process_box .left_txt h4 span {    margin-right: 5px;    font-size: 16px;}.process_box .left_txt h4::before {    content: "";    width: calc(100% - 100px);    height: 1px;    background: #fff;    position: absolute;    right: 0;}.process_box .right_txt h3 {    margin: 0 0 5px;    font-size: 18px !important;    font-weight: 500;    color: #000;}.process_box .right_txt p {    font-size: 15px}.service_box {    display: flex;    align-items: flex-start;    flex-wrap: wrap;    grid-column-gap: 50px;}.service_box .service_item {    width: calc(100% / 4 - 40px);    margin-bottom: 80px;    position: relative;    transition: 0.4s;}.service_box .service_item .service_txt h2 {    font-size: 20px;    font-weight: 500;    color: #333;}.service_box .service_item .service_txt ul {    padding-left: 25px;    font-size: 15px;    color: #6e6e6e;    min-height: 130px;    margin-bottom: 0;}.service_box .service_txt {    padding: 0 10px;}.service_box .service_item::before {    content: "";    width: 100%;    height: 100%;    background: rgb(207 234 255 / 0%);    position: absolute;    top: 0px;    left: 0px;    transition: 0.4s;    z-index: -1}.service_box .service_item:hover::before {    content: "";    background: rgb(207 234 255 / 68%);    top: 20px;    left: -20px;    z-index: -1;    transition: 0.4s;}/*實例列表*/ 
.layoutlist_7 .litem {    margin: 0 0 20px !important;    width: calc(100% / 2);}.layoutlist_7 .cdate,.layoutlist_7 .cdate a {    display: none}/*PROJECT*/ 
.page_project.page_project03 .project_img {    display: flex;    align-items: center;    flex-wrap: wrap;    grid-column-gap: 10px;    grid-row-gap: 10px;}.page_project.page_project03 .project_img a {    width: calc(100% / 2 - 5px);    margin: 0}.page_project h3 {    font-size: 20px !important;    color: #333;    letter-spacing: 2px !important;    margin: 0 0 10px !important;}.page_project b {    color: #333;    font-weight: 600;}.page_project {    align-items: flex-start;    flex-wrap: wrap;    display: grid;    grid-template-columns: 1.5fr 1fr;}.page_project .project_txt_left {    padding-right: 100px;    border-right: 1px dashed #ddd;    margin-right: 100px;}.page_project ul {    padding: 0;    list-style: none;    margin: 80px 0 0;}.page_project ul li b {    margin-right: 10px}.page_project02 {    align-items: flex-start;    flex-wrap: wrap;    display: grid;    grid-template-columns: 1.5fr 1fr;    padding: 80px 0 40px;    border-top: 1px dashed #ddd;}.page_project02 .project_txt_left {    padding-right: 100px;    border-right: 1px dashed #ddd;    margin-right: 100px;}.page_project03 {    align-items: flex-start;    flex-wrap: wrap;    display: flex}.page_project a {    margin: 10px 0 0;    display: block;    color: #000;    font-weight: 500;}.page_project i {    margin-right: 10px;}.page_project01 {    display: flex;    flex-direction: column;}.page_project01 .project_txt_left {    padding: 0;    border: 0;    width: 100%;    margin: 0 0 40px;}.page_project01 .project_txt_right {    width: 100%;}.con_txt a:hover {    color: #000;}/*0808修改*/ 
.article4 .page_wrapper_bg #sidebar {    margin: 0 -10px;    width: 100%;    padding-right: 0 !important;    position: absolute;    top: 0%;    text-align: center;}.article4 .page_wrapper_bg .article-text .container{    position: initial;}.article4 .hgroup .container {    margin-top: 100px;}.article4 .page_wrapper_bg .hgroup {    padding: 0px;}.service_box .service_item .service_txt h2::after {    content: " > ";    position: absolute;    right: 0;    top: 10px;    width: 30px;    height: 30px;    border: 1px solid #ccc;    display: flex;    align-items: center;    justify-content: center;    font-family: "museo", serif;    font-weight: 600;    border-radius: 50px;}.service_box .service_item .service_txt h2 {    position: relative;    margin: 0;    padding: 15px 0;}.article4 .page_wrapper_bg .hgroup::before {    display: none;}.layoutlist_7>.row:before,.layoutlist_7>.row:after {    display: none;}.hgroup .breadcrumb {    position: relative;    bottom: 0;    text-align: left;    width: 100%;    margin-top: 1rem;}:is(.article4,.download1 ) .sidemenu2__ul--child,:is(.article4,.download1 ) .toggle-submenu::after{display: none !important;}:is(.article4,.download1 ) .m2018 .products-nav li.has-child>a{    max-width: unset;}

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

@media (max-width: 2280px) {    .contact_form {        padding: 0 20% 0 13%;    }}@media (max-width: 2048px) {    #RWDBASE_PAT01 .about_block .container {        width: 80%;    }    #RWDBASE_PAT01 .footer_block .container {        width: 75%;    }    .about_text .description {        text-align: justify;    }    .about_img_02 {        margin: 3rem 0 0 -8rem;    }    .section_title p,    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .memo,    .description {        font-size: 16px;    }    .service_block .bgcolor {        gap: 4rem;    }    .service_block .RWDProduct012 .second-item:hover::before {        top: 3.5rem;        left: -2rem;    }    .RWDproduct004 .item-box-desc {        padding: 1rem 0.5rem 1.5rem;    }    .contact_form .section_title p br {        display: block;    }    .contact_form .section_title p span {        display: none;    }}@media (max-width: 1920px) {    .section_spacing {        padding: 10rem 0;    }    .footer_block {        padding: 10rem 0 2rem;    }    .contact_form .form-control {        height: 45px;    }    .RWDservice009 .top_icon,    .RWDservice009 .top_icon .swiper-slide,    .process_block .RWDedictor008 {        width: 360px !important;    }    .RWDservice009 .main_pic {        width: calc(100% - 360px);        margin-left: calc(360px + 3rem);    }    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        padding: 0 1rem !important;    }    .RWDproduct004 .item-box-desc {        padding: 1rem 0.5rem 3rem;    }    .case_block.section_spacing {        padding: 6rem 0 3rem;    }    .RWDproduct004 .item-box:hover figure::before {        top: 1rem;        left: -1rem;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title {        padding-bottom: 1rem;        margin-bottom: 1rem;    }    .RWDservice009 .top_icon .swiper-slide .name {        font-size: 17px;    }    .about_image {        padding: 0 4vw;    }    .footer_bottom ul a {        font-size: 15px;    }}@media (max-width: 1800px) {    .RWDProduct012 .item-box .item-title,    .RWDproduct004 #portfolio div.col-md-3 h2,    .RWDproduct004 #portfolio div.col-md-3 h3 {        font-size: 18px;        letter-spacing: 0.5px;    }    .section_spacing {        padding: 8rem 0;    }    .footer_block {        padding: 8rem 0 2rem;    }    .about_img_02 {        margin: 2rem 0 0 -6rem;    }    #RWDBASE_PAT01 .footer_block .container,    #RWDBASE_PAT01 .container {        width: 80%;    }    .about_text {        padding: 0 4vw 3rem;    }    .RWDservice009 .top_icon .swiper-slide {        padding-left: 4rem;        min-height: 50px;        height: 50px;    }    .section_title::before {        height: 130%;        top: -20%;    }    .section_title {        padding-left: 4rem;        margin: 0 0 3rem;    }    .section_title p,    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .memo,    .description {        font-size: 15px;    }    .contact_form .RWDeform001 {        padding-left: 4rem;    }    .contact_form label {        font-size: 18px;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title {        font-size: 20px;    }    /*內頁*/    .ab_row .ab_box .right_txt {        padding-left: 0    }    .ab_row02 .ab_box .left_txt {        padding: 40px    }    .ab_row02 .ab_box .right_txt {        padding: 40px    }    .ab_row .ab_box h2::before {        top: 9px    }    .ab_row02 .ab_box h2 {        font-size: 18px !important;        letter-spacing: 1px;    }    .ab_row02 .ab_box .right_txt {        min-height: 145px    }}@media (max-width: 1680px) {    .contact_block .container_fuild {        align-content: stretch;    }    .contact_image,    .contact_image img {        height: max-content;    }    .RWDservice009 .top_icon,    .RWDservice009 .top_icon .swiper-slide,    .process_block .RWDedictor008 {        width: 320px !important;    }    .RWDservice009 .main_pic {        width: calc(100% - 320px);        margin-left: calc(320px + 3rem);    }    .contact_form textarea.form-control,    .contact_form .form-control {        font-size: 14px;    }    .RWDservice009 .top_icon .swiper-slide.show .name {        transform: scale(1.1);    }    .RWDservice009 .top_icon .swiper-slide.show .name {        padding-left: 100px;    }    .RWDservice009 .top_icon .swiper-slide .name.name_top {        padding-left: 0px !important;    }    .RWDservice009 .top_icon .swiper-slide.show .name:last-of-type:before {        content: '';        width: 40px;        height: 1px;        background: #888;        position: absolute;        top: 50%;        transform: translateY(-50%);        left: 50px;    }    .footer_bottom ul {        column-gap: 2rem;    }    .footer_bottom {        column-gap: 3rem;    }    .footer_top .RWDedictor008 {        display: flex;        column-gap: 2rem;        font-size: 17px;    }    .RWDsocial002 .iconRounded {        width: 30px;        height: 30px;    }    .copyright_block {        margin-top: 3rem;    }    .footer_bottom .RWDedictor008 img {        width: 18px;        margin-right: 12px;    }    .footer_bottom .RWDedictor008 img.location-image {        width: 16px;    }    .RWDmenu_plus04 .site-nav .menu>li>a {        font-size: 16px;        padding: 25px 15px;        min-width: 125px;    }    .RWDmenu_plus04 .logo {        width: 180px;    }    #RWDBASE_PAT01 .process_block .container {        width: 90%;    }    /*內頁*/    .ab_row .ab_box h2 {        font-size: 20px    }    .ab_row .ab_box h2::before {        top: 9px    }    .ab_row .ab_box .right_txt ul {        font-size: 16px;    }    .ab_row .ab_box::before {        width: 300px    }    .ab_row .ab_box .left_txt {        width: 300px;    }    .ab_row .ab_box .right_txt {        width: calc(100% - 300px)    }    .ab_row02 .ab_box .left_txt {        width: 100%    }    .ab_row02 .ab_box .right_txt {        width: 100%    }    .ab_row02 .ab_box h2 {        min-height: 50px;    }    .article4 .hgroup .container {    margin-top: 80px;}}@media (max-width: 1600px) {    /*內頁*/    .process_box {        align-items: flex-start;        grid-row-gap: 50px;    }    .process_box .process_list {        width: calc(100% / 2 - 25px);        min-height: 230px;    }    .service_box {        grid-column-gap: 50px;    }    .service_box .service_item {        width: calc(100% / 2 - 25px);        margin-bottom: 30px    }    .service_box .service_item::before {        display: none    }    .pagecontent.menu5,    .pagecontent.menu8 {        padding: 0 !important    }    .page_wrapper_bg section.call_to_action>.container {        width: 85%;    }}@media (max-width: 1550px) {    #RWDBASE_PAT01 .about_block .container {        width: 85%;    }    .section_spacing {        padding: 6rem 0;    }    .footer_block {        padding: 6rem 0 2rem;    }    #RWDBASE_PAT01 .footer_block .container,    #RWDBASE_PAT01 .container {        width: 85%;    }    .RWDeform001 .form-group {        margin-bottom: 1rem;    }    .contact_form .form-control {        height: 35px;    }    #RWDBASE_PAT01 .case_block .container {        width: 90%;    }    .footer_bottom ul a {        font-size: 14px;    }    .footer_top .RWDedictor008 {        font-size: 16px;    }    .fix_btn_line {        font-size: 15px;    }    /*內頁*/    .download1 .hgroup .container {        margin: 0 0 100px    }    .download1 .page_wrapper_bg #sidebar {        top: -70px    }}@media (max-width: 1440px) {    .footer_center,    .footer_center ul a {        font-size: 15px;    }    .RWDservice009 .top_icon,    .RWDservice009 .top_icon .swiper-slide,    .process_block .RWDedictor008 {        width: 250px !important;    }    .RWDservice009 .main_pic {        width: calc(100% - 250px);        margin-left: calc(250px + 2rem);    }    .section_title {        padding-left: 2rem;    }    .section_title::before {        transform: rotate(15deg);    }    .contact_form .RWDeform001,    .RWDservice009 .top_icon .swiper-slide {        padding-left: 2rem;    }    .ebtn a,    .RWDbtn01 .btn {        font-size: 16px;    }    /*內頁*/    .page_project02 {        display: flex;        flex-direction: column;        padding-top: 40px    }    .page_project02 .project_txt_left {        padding-bottom: 40px;        border-bottom: 1px dashed #ddd;        border-right: 0;        margin-bottom: 40px;        width: 100%;        padding-right: 0;        margin-right: 0;    }    .page_project02 .project_txt_right {        width: 100%    }}@media (max-width: 1366px) {    #RWDBASE_PAT01 .footer_block .container,    #RWDBASE_PAT01 .container {        width: 90%;    }    #RWDBASE_PAT01 .about_block .container {        width: 90%;    }    .contact_form {        padding: 0 15% 0 10%;    }    .contact_image {        left: -15%;    }    .copyright_block {        margin-top: 2rem;    }    /*內頁*/    .ab_row .ab_box .right_txt ul {        min-height: 200px    }}@media (max-width: 1280px) {    .RWDproduct004 .list-inline,    .section_title p,    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .memo,    .description {        font-size: 14px;    }    .contact_form label {        font-size: 17px;    }    .about_img_02 {        margin: 2rem 0 0 -4rem;    }    .RWDProduct012 .item-box .item-title,    .RWDproduct004 #portfolio div.col-md-3 h2,    .RWDproduct004 #portfolio div.col-md-3 h3 {        font-size: 17px;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title {        font-size: 18px;    }    .footer_info {        grid-template-columns: 200px auto 1fr;        gap: 7vw;    }    .copyright_block {        margin-top: 2rem;    }    .footer_top {        grid-area: footer_top;        border-top: 1px solid #ccc;        padding-top: 1rem;        margin-top: 1rem;        border-bottom: 0px;        padding-bottom: 0.5rem;        margin-bottom: 0rem;    }    .contact_form {        padding: 0 15% 0 5%;    }    .RWDmenu_plus04 .site-nav .menu>li>a {        font-size: 15px;        padding: 25px 10px;        min-width: 115px;    }    .about_image {        padding: 0 6vw;    }    .contact_form .section_title::before {        display: none;    }}/* 匯入內頁版面寬度80%*/@media (max-width: 1920px) {    .page_wrapper_bg section.call_to_action {        min-height: 700px;    }}/*產品定售價掉落修正*/@media (max-width: 1500px) {    .layoutlist_4 .pricearea span {        margin: 0    }    .layoutlist_4 .pricearea {        flex-direction: column-reverse;        align-items: flex-start    }    .page_wrapper_bg section.call_to_action>.container {        width: 90%;    }    .page_wrapper_bg .hgroup::before {        left: -10px;        transform: rotate(15deg);    }}/*寬度修正*/@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) {
    .RWDmenu_plus04 .logo {        width: 160px;    }    .service_block .bgcolor {        gap: 3rem;    }    #RWDBASE_PAT01 .case_block .container {        width: 95%;    }    .process_block .RWDedictor008 {        position: relative;    }    .RWDservice009 .main_pic {        width: calc(100% - 0px);        margin-left: 0px;    }    .RWDservice009 .top_icon .swiper-container {        width: 100%;        overflow: visible;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {        width: 100%;    }    .RWDservice009 .top_icon {        display: flex;        margin-bottom: 2rem;        position: relative;        width: 100%;        flex-direction: column;        float: none;        margin-top: 0rem;    }    .RWDservice009-top_icon .swiper-wrapper {        flex-direction: row;    }    .RWDservice009 .top_icon .swiper-slide.show .name:last-of-type:before {        display: none;    }    .RWDservice009 .top_icon .swiper-slide .name,    .RWDservice009 .top_icon .swiper-slide.show .name {        padding-left: 40px;    }    .RWDservice009 .top_icon .swiper-slide .name_top {        top: 0px !important;    }    .RWDservice009 .top_icon .swiper-slide .name {        top: 0px;    }    .RWDservice009 .top_icon .swiper-slide {        min-height: 25px;        height: 25px;        position: relative;    }    .RWDservice009 .top_icon .swiper-slide::before {        content: '';        width: 80px;        height: 1px;        background: #ccc;        position: absolute;        top: 52%;        right: -40px;    }    .RWDservice009 .top_icon,    .RWDservice009 .top_icon .swiper-slide,    .process_block .RWDedictor008 {        width: 235px !important;    }    .RWDservice009 .top_icon .swiper-slide {        padding-left: 0rem;    }    #RWDBASE_PAT01 .process_block .container {        width: 85%;    }    #m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {        height: 50vw !important;        margin-bottom: 7rem;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .text_box {        width: 100%;        padding-left: 0px;        bottom: 0;        right: unset;        left: 0;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box {        padding-bottom: 0;    }    .banner_block .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container {        left: -2rem;    }    .process_block .RWDedictor008 {        width: 100% !important;    }    .process_block .section_title {        text-align: center;        padding-left: 0rem    }    .process_block .section_title::before {        display: none;    }    .RWDservice009 .top_icon .swiper-slide{        width: 100% !important;    }    .RWDservice009 .top_icon{        width: calc(100%/4) !important;    }    .RWDservice009 .top_icon .swiper-slide .name{        margin-left: 55px;    }.process_block{    overflow: hidden;}    .RWDservice009 .top_icon .swiper-slide:last-of-type::before {        display: none;    }.fix_btn {right: 35px;}.scrollTop002 {bottom: 7px;}/* 匯入內頁版面寬度80%*//*main*/ 
.page_wrapper_bg section.call_to_action>.container {    width: auto;    padding: 0 30px;}/*文章列表-H*/ 
.rwdlayoutlist_9 .litem {width: calc(100%/3 - 1px);}.hgroup .breadcrumb {bottom:10px}.article4 .hgroup .container, .download1 .hgroup .container {margin: 0;}.article4 .page_wrapper_bg #sidebar {    top: 0;    transform: translate(0px, -100%);    padding: 0;    width: calc(100% - 60px);    left: 30px;    margin: 0;}.page_wrapper_bg .article-text .container {margin-top:30px;position: initial;}.article4 .page_wrapper_bg .hgroup{    padding-top: 50px;}
}
/*1199px end*/
/*1100px start*/

@media (max-width: 1100px) {    .RWDservice009 .top_icon .swiper-slide::before {        width: 60px;        right: -30px;    }     .RWDservice009 .top_icon .swiper-slide .name {        margin-left: 45px;    }/*內頁*/ 
.hgroup .container {margin-bottom:60px}.page_wrapper_bg .hgroup::before {display:none}.ab_row .ab_box {flex-direction: column;padding:0}.ab_row .ab_box::before {display:none}.ab_row .ab_box .left_txt {width: 100%;padding:20px 40px;background: rgb(208 208 208 / 20%);}.ab_row .ab_box .right_txt {width: 100%;padding: 20px 40px;}.ab_row {    grid-column-gap: 30px;    grid-row-gap: 30px;    display: flex;    flex-wrap: wrap;}.ab_row .ab_box {width: calc(100% / 2 - 15px);    margin: 0;}}

/*1100px end*/
/*1024px start*/
@media (max-width: 1024px) {
    .service_block .RWDProduct012 .second-item:hover::before,    .RWDproduct004 .item-box:hover figure::before{        display: none;    }    .banner_block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {        background: #fff;    }    .banner_block .RWDbanner_plus01.style-dotnav.dot .slick-dots button {        background: #ffffff9c;    }    .ml-stack-nav-toggle__line,    .RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line {        background: #fff;    }    .RWDmenu_plus04 .ml-stack-nav-toggle:hover,    .ml-stack-nav-toggle {        color: #fff;    }    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line,    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line {        background: #000;    }    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle,    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover {        color: #000;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        color: #000;    }       #RWDBASE_PAT01 .about_block .container {        width: 95%;    }    .contact_form label {        font-size: 16px;    }    .banner_block .RWDbanner_plus01.style-dotnav .slick-dots li{        width: 30px;    }    .banner_block .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container {        left: 2%;    }    .banner_block {        width: 100%;    }    .RWDmenu_plus04 .header.is-up,    .RWDmenu_plus04 .header {        padding: 0 5% 0 5%;    }   .page_wrapper_bg .hgroup h1,    .section_title .main_title {        font-size: 35px;    }    .section_title .en_title {        font-size: 22px;    }    .fix_btn{        bottom: 10%;    }    #m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {        height: 38vw !important;        margin-bottom: 6rem;    }    #RWDBASE_PAT01 .process_block .container {        width: 80%;    }    .RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title span{        font-size: 50px;    }/* 匯入內頁版面寬度80%*//*main*/ 
.page_wrapper_bg section.call_to_action {    padding: 100px 0 50px;}/*產品內頁-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}/*文章列表-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;}.eforms1 .customized_columns {width: 100%;}.eforms1 .formdesc.col-md-6 {width: 100%;padding-right:0 !important;margin-bottom:30px}
}
/*1024px end*/
/*991px start*/
@media (max-width: 991px) {
    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        width: calc(100%/2 - 1px);    }    #RWDBASE_PAT01 .case_block .container {        width: 90%;    }    .contact_form .section_title p br {        display: none;    }    .contact_form .section_title p span {        display: inline-block;    }    #RWDBASE_PAT01 .footer_block .container,    #RWDBASE_PAT01 .container {        width: 95%;    }    .contact_form .RWDeform001,    .contact_form .section_title {        padding-left: 0rem;    }    .contact_form {        padding: 0 15% 0 6%;    }    .service_block .bgcolor {        gap: 2rem;    }    .service_block .section_title,    .about_block .section_title {        margin-left: 2rem;    }    .service_block .RWDProduct012 .second-item:hover::before {        top: 3.5rem;        left: -1rem;    }    .RWDservice009 .top_icon .swiper-slide::before {        width: 50px;        right: -25px;    }    .RWDservice009 .top_icon .swiper-slide .name {        margin-left: 40px;    }    .RWDservice009 .top_icon .swiper-slide .name, .RWDservice009 .top_icon .swiper-slide.show .name {        padding-left: 35px;    }    #m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {        height: 50vw !important;    }   /* 匯入內頁版面寬度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% / 2 - 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;}.eformsDesc {margin: 50px 0 0;}/*影片列表*/ 
.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;}/*內頁*/ 
.hgroup .page_subject, .hgroup .breadcrumb {text-align: left;}.process_box {grid-row-gap: 30px;grid-column-gap: 30px;}.service_box {grid-column-gap: 30px;}.service_box .service_item .service_txt h2 {font-size: 18px;margin: 15px 0 0;}.process_box .process_list {width: calc(100% / 2 - 15px);}.service_box .service_item {width: calc(100% / 2 - 15px);}#RWDPAGE_BASE_PAT02 .footer_block .container {width: 95%;}.eforms1 .eformsDesc {margin: 0;}.eforms1 .new-form .formdesc {padding: 0;margin-bottom: 60px;}.eforms1 .new-form .new-width .row .col-md-11 {width: 100% !important;}.eforms1 .new-form .new-width .col-md-11, .eforms1 .col-sm-12.col-md-5 {width: 100% !important;}.eforms1 .customized_columns ._input {padding: 5px 0;}
}
/*991px end*/
/*900px start*/

@media (max-width: 900px) {    .about_image {        padding: 0 4vw;    }    .copyright_block {        column-gap: 10px;    }    .copyright_block a,    .copyright_block,    .copyright_desc,    .copyright_desc a,    .copyright_desc a:hover {        color: #c4c4c4;        font-size: 12px;        letter-spacing: 0px;    }    .footer_top .RWDedictor008 {        font-size: 15px;    }    .footer_bottom ul a {        letter-spacing: 1px;    }    .RWDsocial002 .iconRounded {        width: 25px;        height: 25px;    }    .footer_bottom {        align-items: flex-start;        flex-direction: column;        row-gap: 1rem;    }    .footer_bottom .RWDedictor008 img {        width: 16px;    }    .footer_bottom .RWDedictor008 img.location-image {        width: 14px;    }    #RWDBASE_PAT01 .case_block .container {        width: 95%;    }    .RWDservice009 .top_icon .swiper-slide .name {        margin-left: 30px;    }    .RWDservice009 .top_icon .swiper-slide::before{        right: -15px;    }}

/*900px 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;}
}
/*850px end*/
/*820px start*/

@media (max-width: 820px) {    #RWDBASE_PAT01 .process_block .container {        width: 95%;    }    .RWDservice009 .top_icon .swiper-slide .name {        letter-spacing: 1px;    }    .about_text {        padding: 0 2rem 3rem 0vw;    }    .RWDservice009 .top_icon .swiper-slide::before {        width: 35px;    }.footer_info {    grid-template-columns: 180px auto 1fr;    gap: 5vw;}/*內頁*/ 
.ab_row02 .ab_box {width: 100%;}.ab_row02 .ab_box .left_txt h2 {min-height:auto}.ab_row02 .ab_box .right_txt {min-height: auto;}}

/*820px end*/
/*800px start*/
@media (max-width: 800px) {
/* 匯入內頁版面寬度80%*//*麵包屑*/ 
.hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 0px;}/*按鈕*/ 
.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;}/*相簿列表樣式-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%;}
}
/*800px end*/
/*767px start*/
@media (max-width: 767px) {
.about_text {    display: grid;    grid-template-columns: 1fr;    grid-template-rows: auto;    grid-template-areas:        "section_title"        "description";}.service_block .section_title,.about_block .section_title {    margin-left: 1rem;}.about_image {    padding: 0;}.RWDProduct012 .item-box .item-title {    margin-top: 0.5rem;}.service_block .RWDProduct012 .second-item:hover::before {    top: 3rem;    left: -1rem;}.case_block.section_spacing {    padding: 4rem 0 2rem;}.section_spacing {    padding: 4rem 0;}.footer_block {    padding: 4rem 0 2rem;}.RWDproduct004 #portfolio .mix-grid {    display: flex;    flex-wrap: wrap;}.RWDservice009 .swiper-button-next,.RWDservice009 .swiper-button-prev {    margin-top: 0px;    top: 30vw;    background-color: rgb(186 216 241 / 85%);    color: #000;    border-radius: 5px;}#m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {    height: 60vw !important;}#RWDBASE_PAT01 .process_block .container {    width: 90%;}.contact_block .container_fuild {    grid-template-columns: 1fr;    grid-template-rows: auto;    grid-template-areas:        "contact_form "        "contact_image";    ;}.contact_form {    padding: 0 20px;    width: 95%;    margin: auto;}.contact_image {    left: 0;    margin-top: 2rem;}.contact_block.section_spacing {    padding: 4rem 0 0;    background: #fff;}.contact_block::before{    display: none;}.footer_bottom ul {    column-gap: 1.5rem;}.footer_bottom ul a {    font-size: 13px;    letter-spacing: 0px;}.footer_bottom .RWDedictor008 img{    margin-right: 10px;}.copyright_block{    display: inline-block;    width: 100%;}.footer_info {    grid-template-columns: 160px auto 0.1fr;    gap: 5vw;    width: 100%;}.copyright_block div{    display: inline-block;}.contact_image, .contact_image img {    height: 300px;}.about_text {    padding: 0 0rem 3rem 0vw;}.RWDeform001 .col-sm-4 {    column-gap: 1.6rem;}.RWDeform001 .col-sm-4:first-of-type .form-group {    width: calc(50% - 0.8rem);}.RWDeform001 .col-sm-4:first-of-type{    justify-content: space-between;}.RWDservice009 .swiper-button-next {    right: -20px;}.RWDservice009 .swiper-button-prev {    left: -20px;}.RWDservice009{    overflow: visible;} .footer_info {        grid-template-areas:            "footer_logo footer_logo "            "footer_center footer_sns";    }    .footer_logo {        width: 160px;        margin-left: 0;    }   .footer_info {    grid-template-columns: 60% 34%;}.RWDservice009-top_icon .swiper-wrapper{transform: unset !important;}/* 匯入內頁版面寬度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;}/*文章列表樣式-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;}/**/ 
.process_box .process_list {min-height:270px}.service_box .service_item {width: 100%;}.ab_img {flex-direction: column;grid-row-gap: 10px;}.ab_img a {width: 100%;}
}
/*767px end*/
/*650px start*/

@media (max-width: 650px) {    .service_block .bgcolor {        grid-template-columns: repeat(1, 1fr);    }    .RWDproduct004 #portfolio.portfolio-nogutter .row>div {        width: 100%;        padding: 0 !important;    }    .section_title {        margin: 0 0 2rem;    }    .RWDproduct004 #portfolio div.col-md-3 h3,    .RWDproduct004 .list-inline {        height: auto !important;    }    .RWDproduct004 .list-inline {        -webkit-line-clamp: unset;    }    .footer_top .RWDedictor008,    .footer_bottom .RWDedictor008 ul {        flex-direction: column;        row-gap: 8px;    }    .footer_bottom ul a {        font-size: 15px;        letter-spacing: 1px;    }     .scrollTop002 {        bottom: 43px;    }    .scrollTop002 .ii {        background: transparent;    }    #RWDBASE_PAT01 .RWDProduct012 .container {        padding: 0;    }    #RWDBASE_PAT01 .process_block .container {        width: 95%;    }    .ebtn,    .ebtn a,    .RWDbtn01 .btn {        width: 100%;        max-width: unset;    }    .footer_block {        padding: 4rem 0 5rem;    }    .contact_image,    .contact_image img {        height: 250px;    }    .RWDmenu_plus04 .logo {        width: 140px;    }    .about_image {        grid-template-columns: 1fr;        grid-template-rows: auto;        grid-template-areas:            "about_img_01"            "about_img_02";    }    .about_img_01,    .about_img_02 {        transform: unset !important;    }    .about_img_02 {        margin: 1.5rem 0;    }    .about_text {        padding: 0 0rem 1.5rem 0vw;    }    .footer_bottom {        row-gap: 1.5rem;    }    #m_RWDBASE_PAT01_47_1.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .box .img {        margin-bottom: 6rem;    }    .RWDservice009 .top_icon .swiper-slide .name.name_top {        display: flex;        flex-direction: column;        row-gap: 10px;        position: relative !important;        top: -2rem !important;        width: 100%;    }    .RWDservice009 .top_icon .swiper-slide::before{        top: -1rem;    }    .RWDservice009 .top_icon .swiper-slide .name,    .RWDservice009 .top_icon .swiper-slide.show .name {        padding-left: 0;        margin: 0;        text-align: center;        width: 100%;    }    .process_block .section_title {        margin: 0 0 3.5rem;    }    .footer_info {        grid-template-areas:            "footer_logo "            "footer_center"            "footer_sns";    }    .footer_logo {        width: 160px;        margin-left: 0;    }    .footer_info {        grid-template-columns: 1fr;    }.process_box .process_list {min-height: auto;width: 100%;}.ab_row02 .ab_box .left_txt h2 {    padding-right: 0;}}

/*650px end*/
/*600px start*/
@media (max-width: 600px) {
    .RWDProduct012 {        padding: 0 0;    }    .RWDeform001 .col-sm-4:first-of-type {        flex-direction: column;    }    .RWDeform001 .col-sm-4:first-of-type .form-group {        width: 100%;    }    .RWDeform001 .form-group {        margin-bottom: 1.5rem;    }    .footer_logo {        width: 160px;    }/* 匯入內頁版面寬度80%*//*標題*/ 
.hgroup {padding-left:15px; padding-right:15px;}.hgroup h1{margin-bottom: 50px;line-height:1.3;}.hgroup .container {margin: 0 0 40px;}.hgroup .breadcrumb {margin: 10px 0 0;}/*按鈕*/ 
.btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary{ width: 100%!important;}/*container*/ 
.page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg .article-text .container {padding: 0;}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{font-size:14px;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;}/*相簿內容樣式-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;}/**/ 
.hgroup .page_subject {padding:0}.page_wrapper_bg .hgroup h1 {margin: 0;}.ab_row .ab_box {width: 100%;}.article4 #article .layoutlist_7 .litem {border-bottom: 0;padding-bottom: 0;}
}
/*600px end*/
/*480px start*/
@media (max-width: 480px) {
.page_wrapper_bg .hgroup h1,.section_title .main_title {    font-size: 33px;    letter-spacing: 1px;}.contact_form textarea.form-control,.contact_form .form-control {    letter-spacing: 0.5px;}.RWDservice009 .gallery-top-RWDservice009 .swiper-slide .title span {    font-size: 40px;}#RWDBASE_PAT01 .process_block .container {    width: 95%;}.RWDservice009 .top_icon .swiper-slide .name {    letter-spacing: 0px;    font-size: 16px;}/* 匯入內頁版面寬度80%*//*文章高度調整*/ 
.pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}/*檔案下載*/ 
.layoutlist_5 .downlaod_item {    width: calc(100%);}/*圖文輪播*/ 
.RWDslider01 .text {    padding-bottom: 40px;}/**/ 
.page_project.page_project03 .project_img a {    width: 100%;}.page_wrapper_bg .hgroup h1 {    letter-spacing: 1px;}
}
/*480px end*/
/*414px start*/

@media (max-width: 414px) {    .RWDbanner_plus01.style-dotnav.control-left .control-box {        padding-bottom: 1.5rem;    }    .banner_block .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container {        left: 0;    }    /*文章左右圖文輪播PH*/    .RWDslider01 .pic-list,    .RWDslider01.pic-right .pic-list {        margin: 0;    }}

/*414px end*/
/*380px start*/
@media (max-width: 380px){
    .footer_bottom ul a,    .footer_top .RWDedictor008 {        font-size: 14px;    }.RWDservice009 .top_icon .swiper-slide .name {    letter-spacing: 0px;    font-size: 14px;}/* 匯入內頁版面寬度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;}.service_box .service_txt {    padding: 0;}
}
/*380px end*/