:root {     --MainColor: #0789d0;     --SubColor: #c7e7ff;     --LightSubColor: #edf7ff;     --NaviColor: #000;     --TextSubColor: #666;     --BorderPx1: 1px solid #ccc;     --TransitionEase: .3s ease-in-out;     --Red: #e42836;     --FontSizeMain: clamp(1.5rem, 1.1556rem + 0.9184vw, 2.625rem);     --FontSizeSub: clamp(1.0625rem, 1.0051rem + 0.1531vw, 1.25rem);     --FontSizeH3: clamp(0.9375rem, 0.8801rem + 0.1531vw, 1.125rem);     --FontSizeDesc: clamp(0.875rem, 0.8367rem + 0.102vw, 1rem);     --FontSizeEn: clamp(1.125rem, 1.0322rem + 0.1936vw, 1.5rem); } img {     max-width: 100%;     height: auto; } button, button:hover, a, a:hover, a:active, a:focus, a:visited {     transition: var(--TransitionEase);     text-decoration: none; } .index h1, .index h2, .index h3, .index h4, .index h5, .index h6, .index p {     padding: 0;     margin: 0;     line-height: 1.5; } .index ul {     list-style: none; } .row {     margin-right: 0px;     margin-left: 0px; } body.wrapper_bg {     font-family: 'Noto Serif TC', serif !important;     letter-spacing: 1px;     line-height: 1.5;     font-size: 15px;     color: #555;     background-repeat: repeat; } .cd-main-content {     overflow: hidden; } /*容器設定*/ #RWDfullscreen01 .container {     width: 85%;     z-index: 1;     position: relative; } .RWDmenu_plus04 .container {     width: 100% !important;     max-width: unset;     padding: 0; } .container-fuild {     width: 100%;     z-index: 1;     position: relative; } .container-95 {     width: 100%;     padding: 0 30px;     margin: auto;     z-index: 1;     position: relative; } .container-90 {     width: 90%;     margin: auto;     z-index: 1;     position: relative; } .container-80 {     width: 80%;     margin: auto;     z-index: 1;     position: relative; } .container-70 {     width: 70%;     margin: auto;     z-index: 1;     position: relative; } .container-75 {     width: 75%;     margin: auto;     z-index: 1;     position: relative; } /* 共用設定 */ .section-spacing {     padding: clamp(4rem, -5.8114rem + 13.1761vw, 8rem) 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: #555;     color: #fff; } ::-moz-selection {     background: #555;     color: #fff; } .section-title {     text-align: left;     position: relative;     margin-bottom: clamp(2rem, 1.5rem + 1.5625vw, 4rem); } .section-title.white .sub-title, .description.white, .section-title.white .description, .section-title.white .main-title, .section-title.white {     color: #fff; } .section-title.black .main-title, .section-title.black {     color: #333; } .RWDservice007 .info-title, .section-title .main-title {     letter-spacing: 1px;     font-weight: 700;     margin-top: 0rem;     font-size: var(--FontSizeMain);     color: #333;     margin-bottom: 5px; } .RWDservice007 .info-sub-title, .section-title .sub-title {     letter-spacing: 1px;     font-weight: 500;     margin-top: 0;     font-size: var(--FontSizeSub);     color: var(--TextSubColor);     line-height: 1.3; } .section-title .en-title {     font-family: 'Roboto Serif', serif;     font-weight: 600;     letter-spacing: 1px;     color: var(--MainColor);     font-size: var(--FontSizeEn);     margin-bottom: 0.5rem; } p, .description {     font-size: var(--FontSizeDesc);     letter-spacing: 1px;     color: var(--TextSubColor);     line-height: 1.7;     font-weight: 400;     font-family: 'Noto Sans TC', sans-serif !important; } .section-title.center {     text-align: center; } .section-title.center .image {     margin: 0 auto 15px; } .index h3 {     font-size: var(--FontSizeH3);     font-weight: 500;     letter-spacing: 1px;     color: #333; } .flex-row {     display: flex;     flex-direction: row; } .flex-column {     display: flex;     flex-direction: column; } /* btn */ .RWDbtn01 {     margin-top: 0; } .RWDservice007 .more-btn, .RWDbtn01 .btn {     color: #fff;     background: #333;     border: none;     padding: 10px;     width: 200px;     border-radius: 50px;     font-size: 16px;     letter-spacing: 2px;     margin-top: 4vw;     transition: var(--TransitionEase);     text-align: center; } .RWDservice007 .more-btn:hover, .RWDbtn01 .btn:hover {     background: var(--MainColor);     transition: var(--TransitionEase);     color: #fff; } .RWDnews011 .more-btn, .tip_btn .RWDbtn01 .btn {     color: var(--MainColor);     background: #fff;     border: 1px solid var(--MainColor);     margin-top: 2rem;     border-radius: 50px;     font-size: 17px;     width: 220px; } .RWDnews011 .more-btn:hover, .tip_btn .RWDbtn01 .btn:hover {     color: #fff;     background: var(--SubColor);     transition: var(--TransitionEase);     border-color: var(--SubColor); } .fix_btn .RWDbtn01 .btn {     padding: 10px 2rem 10px 4rem;     margin-top: 0; } .RWDbtn01 .btn {     position: relative; } .fix_btn .RWDbtn01 .btn::before {     content: '';     background: url(archive/image/customization/navi-form.svg) no-repeat;     width: 20px;     height: 20px;     position: absolute;     left: 3rem;     top: 14px; } /*搜尋*/ .RWDmenu_plus04 #search-box.full .form-control {     font-size: 30px; } .RWDmenu_plus04 #search-box.full .ibtn {     font-size: 25px; } /* navi */ .collapsing_header .main {     top: 0 !important;     background-color: transparent; } .RWDmenu_plus04 .header {     background: transparent;     transition: var(--TransitionEase);     padding: 5px 5%; } .RWDmenu_plus04 .logo {     position: relative;     top: 5px;     width: clamp(10rem, 7.7941rem + 2.9412vw, 12.5rem);     transition: var(--TransitionEase); } .RWDmenu_plus04 .header.is-up {     background: #fff;     transition: var(--TransitionEase);     padding: 5px 3%; } .RWDmenu_plus04 .header.is-up .logo {     transform: scale(0.9);     transition: var(--TransitionEase);     top: 0px; } .RWDmenu_plus04 .site-nav .menu>li>a {     font-size: 16px;     text-align: center;     color: var(--NaviColor);     letter-spacing: 2px;     font-weight: 500; } .RWDmenu_plus04 .features {     width: fit-content; } .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: var(--NaviColor); } .RWDmenu_plus04 .header.is-up .features .cart-btn, .RWDmenu_plus04 .header.is-up .features .querycar-btn, .RWDmenu_plus04 .header.is-up .features .share-group a, .RWDmenu_plus04 .header.is-up .features i, .RWDmenu_plus04 .header.is-up .lang-select, .RWDmenu_plus04 .header.is-up .site-nav .menu>li>a {     color: var(--NaviColor);     transition: var(--TransitionEase); } .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, .RWDmenu_plus04 .features .cart-btn:hover, .RWDmenu_plus04 .features .cart-btn:hover i, .RWDmenu_plus04 .features .querycar-btn:hover, .RWDmenu_plus04 .features .share-group a:hover, .RWDmenu_plus04 .features i:hover, .RWDmenu_plus04 .lang-select {     color: var(--MainColor); } .RWDmenu_plus04 .glyphicon-search {     position: relative;     top: 3px; } .RWDmenu_plus04 .features .share-group span, .RWDmenu_plus04 .site-nav .menu ul li a {     font-size: 16px;     text-align: center;     color: #333; } .RWDmenu_plus04 .site-nav .menu>li>ul {     width: 200px;     margin-left: -100px; } .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .search-btn {     padding: 25px 15px; } .cart-btn img {     width: 20px; } .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(--MainColor); } .RWDmenu_plus04 .cart-block h3, .RWDmenu_plus04 .querycar-block h3 {     font-size: 18px;     font-weight: bold; } .RWDmenu_plus04 .cart-block .bottom-box .total, .RWDmenu_plus04 .querycar-block .bottom-box .total {     font-size: 16px; } .RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {     font-size: 16px;     background: var(--MainColor);     transition: var(--TransitionEase);     color: #fff; } .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {     background: var(--NaviColor);     transition: var(--TransitionEase);     font-size: 16px; } .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .RWDmenu_plus04 .lang-select-label:after, .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .RWDmenu_plus04 .site-nav .menu li.has-child>a:after {     border-color: var(--NaviColor); } .RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after, .RWDmenu_plus04 .header.is-up .lang-select-label:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after {     border-color: #333; } .RWDmenu_plus04 .lang-select-label:hover::after, .RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:hover:after {     border-color: var(--MainColor); } .lang-select-label:hover i, .RWDmenu_plus04 .features .lang-select:hover .lang-select-label i, .RWDmenu_plus04 .lang-select:hover .lang-select-label {     color: var(--SubColor); } .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(--MainColor); } .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(--MainColor); } #div_forget_content #forget_table_btn, .RWDmenu_plus04 .member-block a.login, .RWDmenu_plus04 .member-block button.login, .RWDmenu_plus04 .member-block a.login.is-on, .RWDmenu_plus04 .member-block button.login.is-on {     background-color: var(--MainColor);     color: #fff;     transition: var(--TransitionEase); } #div_forget_content #forget_table_btn:hover, .RWDmenu_plus04 .member-block a.login:hover, .RWDmenu_plus04 .member-block a.signin:hover, .RWDmenu_plus04 .member-block button.login:hover, .RWDmenu_plus04 .member-block button.signin:hover, .RWDmenu_plus04 .member-block a.login.is-on:hover, .RWDmenu_plus04 .member-block button.login.is-on:hover {     background-color: var(--NaviColor);     color: #fff;     transition: var(--TransitionEase); } .RWDmenu_plus04 .member-block .other a:hover {     color: var(--MainColor);     transition: var(--TransitionEase); } .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(--MainColor); } .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after, .RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {     color: var(--NaviColor); } .lang-select-options a:hover, .lang-select-options a:hover * {     font-weight: 400;     color: var(--SubColor); } .lang-select-options a {     font-size: 15px; } /* banner_block */ .banner-block {     margin-top: calc(75px + 1rem);     padding: clamp(1rem, -0.3333rem + 2.0833vw, 3rem) 30px clamp(4rem, -5.8114rem + 13.1761vw, 8rem) 30px; } .RWDbanner012 .swiper-slide .box .text_box {     top: 20%;     transform: unset;     max-width: 80%; } .RWDbanner012 .sub_title_line {     display: none; } .RWDbanner012 .main_pic_box .title {     font-size: clamp(1.75rem, 1.2334rem + 1.3776vw, 3.4375rem);     font-weight: bold;     color: #fff;     line-height: 1.3;     letter-spacing: 2px; } .RWDbanner012 .main_pic_box .sub_title {     font-size: clamp(0.9375rem, 0.7078rem + 0.3708vw, 1.25rem);     color: #fff;     margin-top: 1rem;     font-weight: 600;     letter-spacing: 2px; } .RWDbanner012 .two_box .sub_title {     font-size: clamp(1rem, 0.8897rem + 0.1471vw, 1.125rem); } .RWDbanner012 .main_pic_box .sub_title span {     padding: 0 10px; } .RWDbanner012 .two_box .title {     font-size: clamp(1.5rem, 0.75rem + 0.9375vw, 2.25rem);     letter-spacing: 2px; } .RWDbanner012 .two_box .button {     background-color: var(--Red);     color: #fff;     font-size: 15px;     padding: 10px 30px;     border-radius: 50px;     letter-spacing: 2px;     right: unset;     left: 1.5rem;     bottom: 2rem;     transition: var(--TransitionEase); } .no-touch .RWDbanner012 .two_box .button:hover {     background-color: var(--MainColor);     transition: var(--TransitionEase); } .RWDbanner012 .two_box .box {     padding: 1.5rem; } .RWDbanner012 .two_box .sub-title {     font-size: 16px; } .RWDbanner012 .swiper-container-horizontal .RWDbanner012-pagination {     left: calc(5% - 8px); } /* certificate-block */ .certificate-block {     background: var(--MainColor);     position: relative; } .certificate-block .container::before, .certificate-block .container::after {     display: none; } .certificate-block>.container {     display: grid;     grid-auto-flow: column;     grid-template-columns: 25% 75%;     gap: 0; } .RWDnews005 .owl-carousel .owl-wrapper-outer {     overflow: hidden; } .RWDnews005 .container {     width: 100% !important; } .RWDnews005 .owl-carousel {     overflow: visible;     margin-bottom: 0; } .certificate-title {     padding-right: 4vw; } .certificate-title .section-title .en-title {     opacity: 0.6;     color: var(--LightSubColor); } .RWDnews005 .owl-carousel, .RWDnews005, .certificate-items, .RWDnews005 section, .RWDnews005 section .container, .RWDnews005 .container {     position: initial !important; } .RWDnews005 .owl-theme .owl-controls .owl-buttons div {     background: transparent;     border: 0;        border-radius: 0; } .RWDnews005 .owl-theme .owl-controls .owl-buttons .fa {     color: var(--LightSubColor); }.RWDnews005 .owl-buttons {    display: none;}.RWDnews005 .controlls-over .owl-pagination {    margin: 30px auto 0;}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page span {    background: white;} .RWDnews005 .owl-prev, .RWDnews005 .owl-next {     line-height: 1;     width: 4rem !important; } .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {     transform: translateY(-50%);     margin-top: 0; } .RWDnews005 .controlls-over .owl-controls .owl-prev {     right: unset;     left: -4rem;     border-right: 1px solid var(--LightSubColor) !important; } .RWDnews005 .controlls-over .owl-controls .owl-next {     right: -4rem;     left: unset; } .RWDnews005 h4, .news005_h4 {     font-size: var(--FontSizeH3);     margin-bottom: 0;     font-weight: 600;     letter-spacing: 1px; } .RWDnews005 h4 a, .news005_h4 a {     color: #fff; } .RWDnews005 .margin-top-20 {     margin-top: 10px !important; } /* .process-block */ .process-block {     overflow: hidden;     position: relative; } .process-block::before {     content: '';     background: url(archive/image/customization/process-bg.webp) no-repeat;     position: absolute;     left: 0%;     bottom: 0;     width: 100%;     height: 100%;     background-size: cover;     opacity: 0.06; } .process-block::after {     content: '';     display: block;     width: 31%;     height: 100%;     background: var(--MainColor);     left: 0;     top: 0;     z-index: -1;     opacity: 0.2;     position: absolute; } /*左方圓*/ .RWDservice007 .info-box {     background: transparent;     border: 0 } .RWDservice007 .info-box .box-shadow {     box-shadow: none } .RWDservice007 .ring-mask {     opacity: 0 } .RWDservice007 .ring-ground {     background-color: #fff !important } .RWDservice007 .ring-item.active {     background-color: var(--MainColor); } /*標題*/ .RWDservice007 .info-title {     margin-left: 0; } .RWDservice007 .info-sub-title {     max-width: initial;     margin-bottom: 0; } .RWDservice007 .info-sub-title br {     display: none; } .RWDservice007 .ring-2sec {     width: 100%;     height: 100%;     border-radius: 50%;     transform: translate(-50%, -50%);     left: 50%;     top: 50%; } .RWDservice007 .ring-2sec .box-shadow {     background-color: #fff; } .RWDservice007 .ring-2sec:before {     display: none; } .RWDservice007 .ring-2sec::after {     position: absolute;     z-index: 1;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 110%;     height: 110%;     background: rgb(246, 246, 246);     background: radial-gradient(circle, rgba(246, 246, 246, 1) 56%, rgba(246, 246, 246, 1) 100%);     content: '';     border-radius: 50%;     opacity: 0;     -webkit-animation: play-btn 1.5s linear infinite;     -moz-animation: play-btn 1.5s linear infinite;     animation: play-btn 1.5s linear infinite;     z-index: -2; } @-moz-keyframes play-btn {     0% {         opacity: 0.1;     }     30% {         opacity: 0.5;     }     80% {         width: 130%;         height: 130%;         opacity: 0;     } } @-webkit-keyframes play-btn {     0% {         opacity: 0.1;     }     30% {         opacity: 0.5;     }     80% {         width: 130%;         height: 130%;         opacity: 0;     } } @keyframes play-btn {     0% {         opacity: 0.1;     }     30% {         opacity: 0.5;     }     80% {         width: 130%;         height: 130%;         opacity: 0;     } } .RWDservice007 .ring-core {     width: 78%;     height: 78%;     left: 50%;     right: unset;     top: 50%;     bottom: unset;     transform: translate(-50%, -50%); } .RWDservice007 .ring-item {     width: 110px;     height: 110px;     background: var(--SubColor); } .RWDservice007 .ring-bg {     background-size: contain; } .RWDservice007 .ring-block {     position: relative;     width: 50%;     margin: 2rem 0; } /*內文*/ .RWDservice007 .ring-info-block {     margin-top: -30px;     position: relative;     padding-left: 5vw;     margin-left: 0;     width: 50%;     max-width: 655px; } .RWDservice007 .ring-info-block .web-device {     margin-bottom: 4vw; } .RWDservice007 .slide-box {     background: transparent; } .RWDservice007 .slide-title span span {     display: block;     letter-spacing: 0 } .RWDservice007 .slide-title {     color: var(--MainColor);     letter-spacing: 2px;     margin-bottom: 0;     padding-bottom: 0;     width: fit-content;     font-size: clamp(1.125rem, 0.9646rem + 0.3346vw, 1.5rem); } .RWDservice007 .info-box .swiper-container {     padding: 0; } .RWDservice007 .icon-active, .RWDservice007 .icon-passive {     background-size: 80px; } .RWDservice007 .slide-content {     font-size: var(--FontSizeDesc);     border-top: 1px solid rgba(204, 204, 204, .5);     padding-top: 1.5rem;     margin-top: 1rem;     margin-bottom: 0;     line-height: 1.5; } /*下方箭頭*/ .RWDservice007 .slide-nav {     position: absolute;     right: 0;     top: calc(72px + 4vw);     bottom: unset;     margin-left: 0;     z-index: 1;     margin-bottom: 0 !important;     flex-direction: row; }.RWDservice007 .info-next, .RWDservice007 .info-prev {    transform: scale(-1);} .RWDservice007 .slide-nav .ii:hover {     transition: var(--TransitionEase);     opacity: 1; } .RWDservice007 .slide-nav .ii {     font-size: 34px;     opacity: .5;     color: var(--TextSubColor);     transition: var(--TransitionEase); } .RWDservice007 .ii-arrow2:before {     content: "\f104";     transition: var(--TransitionEase);     display: inline-block;     font-family: "FontAwesome";     text-rendering: auto;     -webkit-font-smoothing: antialiased; } .RWDservice007 .info-pagination span {     line-height: 40px; } /* pdt_block */ .pdt-block {     background: var(--LightSubColor);     margin-bottom: -30px; } .pdt-title {     width: fit-content; } .pdt-title .section-title {     padding-left: 30px; }  .RWDproduct002_v3 .section-inner .row:nth-child(1) {     width: fit-content;     right: 20px;     position: absolute;     top: clamp(-6.5rem, 1.5rem + 1.5625vw, -7rem); }  .RWDproduct002_v3 {     padding: 0; } /* .RWDproduct002_v3 .section-subject {     display: none; } */ .portfolio-item {     width: calc(100% / 4 - 1px); } .RWDproduct002_v3 .popup-portfolio {     margin: auto; } .RWDproduct002_v3 .popup-portfolio .portfolio-item {     padding: 15px;     height: auto !important;     width: calc(100% / 4 - 1px);     border: 1px solid transparent; } .RWDproduct002_v3 .portfolio-item>.inner-content>img {     width: 100%;     transition: var(--TransitionEase);     aspect-ratio: 4/3; } .RWDproduct002_v3 .popup-portfolio .portfolio-item:hover img {     transform: scale(1.05);     transition: var(--TransitionEase); } .RWDproduct002_v3 .popup-portfolio .portfolio-item:hover {     border: 1px solid var(--MainColor);     background: #fff;     transition: var(--TransitionEase); } .RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 {     color: #333; } .RWDproduct002_v3 .filter-portfolio ul {     background: transparent;     border-top: 0;     padding: 0;     margin-bottom: 0; } html.no-touch .RWDproduct002_v3 .btn.btn-rj:hover, .RWDproduct002_v3 .active .btn.btn-rj {     background: #333;     font-weight: bold; } html.no-touch .RWDproduct002_v3 .btn.btn-rj:hover {     background: var(--SubColor);     color: #333; } .filter-portfolio {     width: fit-content;     background: var(--MainColor);     padding: 0;     margin: auto;     border-radius: 50px;     position: sticky;     top: 100px;     height: 45px;     overflow: hidden; } .RWDproduct002_v3 .btn.btn-rj {     font-size: var(--FontSizeSub);     letter-spacing: 2px;     padding: 0px 25px;     font-weight: bold;     color: #fff;     width: 100%;     background: transparent;     border: 0;     border-radius: 0;     line-height: 45px; } .RWDproduct002_v3 .filter-portfolio ul>li {     margin: 0; } .RWDproduct002_v3 .filter-portfolio ul>li:last-of-type {     border-bottom: 0; } .RWDproduct002_v3 .showbottom a {     font-size: var(--FontSizeSub);     font-weight: bold;     letter-spacing: 2px;     margin: 10px 0 10px;     text-align: left;     color: #000; } .portfolio-bottom__h4 {     margin-bottom: 5px; } .RWDproduct002_v3 .price {     font-size: 14px;     text-align: center;     display: flex;     flex-direction: row-reverse;     justify-content: flex-end; } .RWDproduct002_v3 .price li {     display: inline-block;     padding: 0;     font-size: 16px;     color: var(--Red);     font-weight: bold; } .RWDproduct002_v3 .price .delline {     text-decoration: line-through;     color: #828282;     margin-left: 2rem;     font-weight: 400; } .RWDproduct002_v3 .btn-box .shop {     background: #333;     color: #fff;     padding: 0 3%;     font-size: 15px;     font-weight: 600;     letter-spacing: 2px;     line-height: 34px;     border-radius: 50px; } .RWDproduct002_v3 .showbottom:hover .portfolio-bottom .btn_add2car {     background-color: var(--MainColor);     color: #fff;     border: 0; }
/*footer start*/

/* footer_block */ 
.footer-menu a,.keyword,.copyright-block,.copyright-block a,.copyright_desc,.copyright_desc a,.copyright_desc a:hover {    color: #ffffff7a;    font-size: 13px !important;    font-weight: 300;}.RWDssl01 {    display: flex;}.footer-block {    position: relative;    margin-bottom: clamp(-6rem, 4.9861rem + -8.3218vw, -2.25rem);    background: #0062a4;}.footer-block .container-70 {    display: grid;    grid-template-columns: 3fr 1fr;    gap: 0 8vw;    grid-auto-flow: row;    grid-template-areas:        "footer-left footer-right"        "keyword keyword"        "copyright-block copyright-block";}.footer-left {    grid-area: footer-left;}.footer-right {    grid-area: footer-right;    display: flex;    flex-direction: column;    align-items: flex-start;    justify-content: flex-end;}.keyword {    grid-area: keyword;    margin-top: 3rem;}.keyword .RWDedictor {    display: flex;}.footer-menu a {    border-left: 1px solid #ffffff33;    padding-left: 10px;    margin-left: 10px;}.copyright-block {    grid-area: copyright-block;    display: flex;}.RWDcopyright {    margin-left: auto;}.footer-block .container::before,.footer-block .container::after {    display: none;}.footer-block::after,.footer-block::before {    content: '';    background: url(archive/image/customization/certificate-deco.webp) no-repeat;    position: absolute;    background-size: contain;    opacity: 0.2;}.footer-block::before {    left: -7%;    bottom: 6%;    width: 19%;    height: 55%;}.footer-block::after {    transform: scaleX(-1) rotate(11deg);    right: -5%;    top: -2%;    width: 19%;    height: 46%;}.footer-left-content,.footer-left-content a {    color: #ffffffdb;}.footer-block a:hover {    color: #ffff;}.footer-top .company-title {    color: #fff;    font-size: 22px;    font-family: 'Noto Serif TC', serif !important;    font-weight: 600;    padding-bottom: 1.5rem;    letter-spacing: 1px;    margin-bottom: 2rem;    border-bottom: 1px solid #4ea9e79e;}.footer-block ul {    padding-left: 0;    font-size: var(--FontSizeDesc);    letter-spacing: 1px;list-style: none;}.footer-block ul li {    margin-bottom: 8px;}.service-phone span,.footer-block ul span {    font-weight: 600;    padding-right: 5px;}.footer-top {    display: grid;    grid-template-columns: max-content max-content auto;    gap: 0 6vw;    grid-auto-flow: row;    grid-template-areas:        "company-title company-title company-title"        "company-info-1 company-info-2 company-info-2"        "footer-map footer-map footer-map";}.company-title {    grid-area: company-title;}.company-info-1 {    grid-area: company-info-1;}.company-info-2 {    grid-area: company-info-2;}.footer-fax,.footer-tax{    pointer-events: unset;    cursor: pointer;        text-decoration: unset;}.footer-map {    grid-area: footer-map;    line-height: 1;}.service-phone span {    font-size: 20px;    letter-spacing: 2px;    color: #fff;}.service-phone a {    font-weight: bold;    color: #fff;    background: var(--Red);    border: none;    padding: 10px;    width: 240px;    border-radius: 50px;    font-size: 18px;    letter-spacing: 2px;    margin-top: 1rem;    transition: var(--TransitionEase);    text-align: center;    display: block;}.service-phone a i {    padding-right: 10px;}.service-phone a:hover {    background: var(--NaviColor);    color: #fff;}.company-title h3 {    font-size: 25px;    letter-spacing: 0;    margin-bottom: 0.5rem;}.company-title p {    font-weight: 400;    letter-spacing: 0px;    font-size: 18px;    color: #555;}.footer-logo {    transition: var(--TransitionEase);    display: grid;    grid-auto-flow: column;    grid-template-columns: repeat(2, 180px);    gap: 0 2vw;}.footer-logo img {    aspect-ratio: 1/1;    border-radius: 10px 10px 0 0;}.footer-logo-text {    font-weight: bold;    color: #fff;    font-size: 18px;    text-align: center;    display: block;    padding: 0.5rem;}.footer-logo-line {    background: #4cc764;    transition: var(--TransitionEase);    border-radius: 10px;}.footer-logo-line:hover {    background: #40dd60;    transition: var(--TransitionEase);}.footer-logo-phone {    background: var(--Red);    border-radius: 10px;    transition: var(--TransitionEase);}.footer-logo-phone:hover {    background: #ff1f30;    transition: var(--TransitionEase);}.footer-logo-phone i {    padding-right: 10px;}.footer-map iframe {    height: 250px;}/* sns_block */ 
.RWDsocial002 {    margin-bottom: 2rem;}.RWDsocial002 h3 {    color: #fff;    text-align: left;    padding-bottom: 10px;    font-size: 20px;    font-weight: 500;}.RWDsocial002 .pull-right {    float: unset !important;}.RWDsocial002 ul.socialNetwork {    padding: 0;    display: flex;    flex-direction: row;    margin-bottom: 0;    gap: 5px;}.RWDsocial002 ul.socialNetwork img {    width: 22px;    position: relative;    top: -3px;}.RWDsocial002 .iconRounded {    border: 0;    color: #fff;    background-color: transparent;    width: 35px;    height: 35px;    transition: var(--TransitionEase);    margin-right: 0;    padding-top: 0;    font-size: 18px;    border-radius: 50%;    line-height: 35px;}.RWDsocial002 ul.socialNetwork li {    margin-bottom: 0;    line-height: 0;    display: flex;    align-items: center;    transition: var(--TransitionEase);    background: #fff;    border-radius: 50px;}.RWDsocial002 .iconRounded.ii-ig2 {    background: linear-gradient(45deg, rgba(250, 225, 0, 1) 20%, rgba(252, 183, 32, 1) 30%, rgba(255, 121, 80, 1) 40%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);    -webkit-background-clip: text;    color: transparent;}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover {    background-color: transparent;}.RWDsocial002 .iconRounded.ii-youtube1 {    color: #ff0000;}.RWDsocial002 .iconRounded.ii-fb1 {    color: #1877f2;}.RWDsocial002 .iconRounded.ii-shopee1 {    color: #ff5722;}/* cookie */ 
.RWDalert_fancybox.bottom .editor a {    text-decoration: underline;    color: #333;}.RWDalert_fancybox.bottom .editor a:hover {    color: var(--Red);}.RWDalert_fancybox.bottom {    z-index: 99999 !important;    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;    line-height: 1.8 !important;    border-radius: 0;    width: fit-content;    margin: auto;    left: 50% !important;    right: unset !important;    transform: translateX(-50%);}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active {    padding: 5px 20px;    border-color: var(--MainColor);    background: var(--MainColor) !important;    border-radius: 50px;    transition: var(--TransitionEase);}.RWDalert_fancybox .btn:hover {    border-color: var(--Red);    background: var(--Red) !important;    transition: var(--TransitionEase);}/* go top */ 
.scrollTop002 {    bottom: 1rem;    right: 10px;    width: 34px;    transition: var(--TransitionEase);}.scrollTop002 .ii:hover {    opacity: 1 !important;    transition: var(--TransitionEase);}.scrollTop002 .ii {    font-size: 35px;    background: #fff;    color: #333;    border: 1px solid #ccc;    opacity: .7 !important;}/*loading*/ 
.fl {    width: 300px;}.fl img {    width: 100%;}/* .fix-sidebar */ 
.fix-sidebar {    position: fixed;    right: 0;    top: 50%;    z-index: 10;    transform: translateX(222px);    transition: var(--TransitionEase);}.fix-sidebar:hover {    transform: translateX(0);    transition: var(--TransitionEase);}.fix-sidebar-content {    display: grid;    grid-auto-flow: column;    grid-template-columns: max-content;    background: #fff;    border-radius: 15px 0 0 15px;    overflow: hidden;}.fix-sidebar-title {    writing-mode: tb;    font-size: 18px;    font-weight: 600;    padding: 10px;    background: var(--Red);    color: #fff;    letter-spacing: 4px;    text-align: center;    width: 50px;}.fix-sidebar-btn {    display: flex;    flex-direction: column;    background: #f9f9f9;    padding: 10px;}.fix-sidebar-btn a {    padding: 10px 1rem;    color: #333;    font-weight: 600;    display: flex;    align-items: center;    border-bottom: 1px solid #cccccc82;}.fix-sidebar-btn a:last-of-type {    border-bottom: 0;}.fix-sidebar-btn a i {    padding-right: 10px;    font-size: 20px;}.fix-sidebar-btn .fix-line i {    font-size: 18px;}.fix-sidebar-btn a:hover,.fix-sidebar-btn a:hover i {    color: var(--MainColor);}.fix-sidebar-btn .fix-line:hover,.fix-sidebar-btn .fix-line:hover i {    color: #4cc764;}.fix-phone-m{    display: none !important;}

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

@-webkit-keyframes bounceIn {    from {        opacity: 0;        -webkit-transform: translate3d(0, 100%, 0);        transform: translate3d(0, 100%, 0);    }    to {        opacity: 1;        -webkit-transform: none;        transform: none;    }}@keyframes bounceIn {    from {        opacity: 0;        -webkit-transform: translate3d(0, 100%, 0);        transform: translate3d(0, 100%, 0);    }    to {        opacity: 1;        -webkit-transform: none;        transform: none;    }}.bounceIn {    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;}

/*動態 end*/
/*內頁 start*/

.page_wrapper_bg .banner-block {    margin-top: 0;    padding: 0;}.page_wrapper_bg .collapsing_header .main {    top: 75px !important;}.page_wrapper_bg .RWDmenu_plus04 .header .logo {    transform: scale(0.9);    transition: var(--TransitionEase);    top: 0px;}.page_wrapper_bg .RWDmenu_plus04 .header {    background: #fff;    transition: var(--TransitionEase);    padding: 5px 3%;}.page_wrapper_bg section.call_to_action>.container {    width: 70%;    padding: 0;}.page_wrapper_bg .article-text>.container {    width: 100%;    padding: 0;}.recruitment .page_wrapper_bg section.call_to_action>.container,.article4 .page_wrapper_bg section.call_to_action>.container,.article5 .page_wrapper_bg section.call_to_action>.container {    width: 60%;    padding: 0;}.page_wrapper_bg section.call_to_action {    padding: 100px 0;    min-height: 1000px;    background: var(--LightSubColor)}.page_wrapper_bg .article-text {    font-size: 15px;    font-weight: normal;    color: #555;    letter-spacing: 1.5px;    line-height: 2;}.page_wrapper_bg .article-text p {    font-size: 15px;    font-weight: normal;    color: #555;    letter-spacing: 1.5px;    line-height: 2;}.page_wrapper_bg .article-text h5 {    letter-spacing: 1px;    font-weight: 500;    margin-top: 0;    font-size: var(--FontSizeSub);    color: var(--TextSubColor);    line-height: 1.3;}.page_wrapper_bg .article-text h2 {    letter-spacing: 1px;    font-weight: 500;    font-size: 30px;    color: #333;    line-height: 1.4;    margin: 0 0 15px;}.webdesc {    text-align: center;    border-bottom: 1px solid #cbcbcb;    padding: 0 0 30px;    margin: 0 0 40px}.layoutlist_2 .item,.layoutlist_4 .item {    margin-top: auto;    border-bottom: none;    padding-bottom: 40px;}.layoutlist_4 .subject {    margin-bottom: 0;    min-height: auto;    text-align: center;    font-weight: 500;    font-size: 20px;}.layoutlist_4 .item {    background: #fff;    padding: 15px;}/*--------*/ 
.RWDtimeline01 .line_dot2 span {    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(237 247 255) 2%, rgb(237 247 255) 100%);}/*---------tab-----------*/ 
.RWDproduct_page .products-con,.RWDproduct_page .products-editor,.RWDproduct_page .tab-box {    font-family: 'Noto Serif TC', serif !important;    font-size: 15px;}.RWDproduct_page .products-con {    margin-bottom: 70px;}.tabs nav ul,ul.tab.list-h {    display: flex !important;    justify-content: center;    border-radius: 30px;    overflow: hidden;    width: fit-content;    margin: 30px auto !important;}ul.tab.list-h {    display: flex !important;    justify-content: center;    border-radius: 30px;    overflow: hidden;    width: fit-content;    margin: 30px auto !important;}.tabs nav a,.RWDproduct_page .tab-box .tab-menu a {    color: #333 !important;    background: #afe3ff !important;    font-size: 18px !important;    padding: 12px 30px !important;    position: relative !important;    border: none !important;    border-width: 0 1px !important;    transition: all .15s ease-in-out;    font-weight: 500;}.tabs nav li.tab-current a,.RWDproduct_page .tab-box .tab-menu li.active a {    background: #333 !important;    border-color: #333 !important;    color: #fff !important;}.tabs nav li.tab-current a::before {    background: transparent !important;}.tabs nav a:hover,.RWDproduct_page .tab-box .tab-menu a:hover {    background: var(--SubColor) !important;    color: #333 !important;}.tabs nav ul li {    border: none;}.RWDproduct_page .tab-box .tab-container>ul>li {    padding: 0;}/*-------*/ 
.inab-banner {    position: relative;}.inab-txtbox {    position: absolute;    top: 20%;    color: #fff;    left: 10%;}.inab-txtbox .title {    font-size: clamp(1.75rem, 1.2334rem + 1.2vw, 2.8rem);    font-weight: bold;    color: #fff;    line-height: 1.3;    letter-spacing: 2px;}.inab-txtbox .sub_title {    font-size: clamp(0.9375rem, 0.7078rem + 0.3708vw, 1.25rem);    color: #fff;    margin-top: 1rem;    font-weight: 600;    letter-spacing: 2px;}.inab-txtbox .sub_title span {    margin: 0 10px;    opacity: 0.5;}.ab-bottomtxt {    width: 50%;    padding: 0 50px;}.ab-bottombox {    display: flex;    align-items: center;}.ab-bottombox.box2 {    flex-direction: row-reverse;}.ab-bottomimg {    width: 50%;}.tabtable-sec {    display: flex;    gap: 30px;}/*側選單*/#sidebar .products-nav>ul>li.active>ul {    display: block;}.xrow {    width: 100%;    height: 100%;    position: relative;    display: inline-block;}#sidebar .products-nav {    background: #fdfeff;    box-shadow: none;    border-radius: 10px;    font-family: 'Noto Serif TC', serif !important;}.m2018 .products-nav .nav-title {    background: var(--MainColor);    font-size: 18px;    padding: 12px 10px;    text-align: center;    margin-bottom: 0;    color: #fff;    letter-spacing: 1px;    border-radius: 10px 10px 0 0;}.page_wrapper_bg .products-nav>ul>li {    border-bottom: 1px solid #ddd;    padding: 10px;    margin-bottom: 0px;    text-align: center;    transition: 0.4s;}.page_wrapper_bg .products-nav>ul>li.active {    background: #fff;    border-bottom: 1px solid #01a0e8;}.page_wrapper_bg .products-nav>ul>li.active>a,.page_wrapper_bg .products-nav>ul>li:hover>a {    color: #01a0e8;    font-weight: 600;}.m2018 .products-nav>ul>li>a {    padding-right: 0;    color: #555;}.m2018 .products-nav ul li>ul>li.active>a,.m2018 .products-nav ul li>ul>li:hover>a,.m2018 .products-nav ul li>ul>li.is-open>a {    color: #494949;    font-weight: 600;}.m2018 .products-nav ul>li>.toggle-submenu {    top: 10px;}.m2018 .products-nav>ul>li>a {    font-size: 15px;    padding: 5px 0px;}#sidebar>div>div>ul>li>ul>li:last-child {    border-bottom: none;}#sidebar>div>div>ul>li>ul>li {    border-top: 1px solid #ddd;    padding: 5px 0;}.m2018 .products-nav ul li {    padding: 8px 0px;}/*確定送出*//*.page_wrapper_bg .new-form .new-width .currectsend_btn {    background: transparent;}.page_wrapper_bg .currectsend_btn a {    background: #409fca;    padding: 7px 30px !important;    border-radius: 30px;    color: #fff;    font-size: 14px;    font-weight: 600;    transition: 0.5s ease;}*//*.page_wrapper_bg .ebtn a {    font-weight: 600;    color: #fff;    background: #333;    border: none;    width: 200px;    border-radius: 50px;    font-size: 16px;    letter-spacing: 2px;    margin-top: 30px;    transition: var(--TransitionEase);    text-align: center;    display: block;}.page_wrapper_bg .currectsend:hover a {    background: #409fca;}.page_wrapper_bg .ebtn {    background: transparent;    margin-top: 30px;    float: right;    border-radius: 0px;    padding: 0px;}*//*回上頁按鈕*/ 
.btn.btn_back {    background: transparent;    padding: 0;    float: right;    box-shadow: none;    border-radius: 0px;    margin-top: 30px;}.btn.btn_back a:hover {    background: #333;    transition: .5s ease;    color: #fff;}.btn.btn_back a {    border: 1px solid #333;    background: transparent;    color: #333;    padding: 3px 50px;    border-radius: 20px;    font-size: 15px;}#article .btn.btn_back a {    padding: 9px 50px;}.btn.btn_back {    background: transparent !important;}.album1 .btn.btn_back a {    padding: 10px 50px;}.album1 .btn.btn_back a:hover {    padding: 10px 50px;}/*麵包屑(置中)*/ul.breadcrumb.pull-right a {    color: #666;    transition: all 0.2s ease;    letter-spacing: 1px;}ul.breadcrumb.pull-right a:hover {    color: #333;}.hgroup .breadcrumb {    font-size: 12px;    background-color: transparent;    border: none;    position: relative;    float: none !important;    text-align: center;    bottom: 0;    padding: 0;    margin: 10px 0 30px;}.hgroup .container {    margin: 0;    border-bottom: none;    padding: 0;    width: 100%;}.hgroup .pageTitle {    text-align: center;    line-height: 1.5;    margin: 0;    padding: 0;    letter-spacing: 1px;    font-weight: 700;    margin-top: 0rem;    font-size: var(--FontSizeMain);    color: #333;}.article2 .page_subject,.product1 .page_subject,.article1 .page_subject {    padding-left: 25%;}.layoutlist_4 .col-sm-4.col-md-4 {    margin: 0 0 40px;}/**/ 
.pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}.layoutlist_7 .litem {    text-align: center;}.layoutlist_7 .subject a:hover {    color: #8dc21f;    transition: .3s ease;}.layoutlist_7 .subject,.layoutlist_7 .subject a {    color: #333;    font-size: 18px;    font-weight: bold;    transition: .3s ease;}.layoutlist_8 .item:last-child {    border-bottom: none;}.layoutlist_8 .item {    padding: 35px 0;    border-bottom: 1px solid #d7d7d7;}.layoutlist_8 .article_subject:hover {    color: #000;    transition: .3s ease;}.layoutlist_8 .article_subject {    color: #333;    font-size: 20px;    transition: .3s ease;}.layoutlist_8 .listdate .yearmonth {    text-align: right;    color: #555;    font-size: 12px;    letter-spacing: 0px;    padding-bottom: 5px;}.layoutlist_8 .listdate .day {    text-align: right;    color: #555;    font-size: 30px;}.layoutlist_8 .list_subject .summary {    margin: 5px 0;}.layoutlist_8 .list_subject .summary a {    font-size: 15px;    font-weight: normal;    color: #747474;}.layoutlist_4 .buybtn {    padding: 10px 0;    background-color: #333;}/*會員*/#btn_member_login:hover {    background-color: #009fe8;}#btn_member_login {    border-radius: 20px;    background-color: #27adeb;}.member_join_strong {    color: #7bae12;    font-weight: bold;}#join_form .btn-primary:hover {    background: #333;}#join_form .btn-primary {    background: #333;    border-radius: 20px;    padding: 12px 60px;}.btn-primary {    color: #fff;    background-color: #0aa3e9;    border-color: #0aa3e9;    border-radius: 20px;}.btn-primary a {    color: #fff;}.btn-primary:hover {    background: #0aa3e9;    border-color: #0aa3e9;    color: #fff;}/*產品頁*/ 
.RWDproduct_page .products-info .name {    font-size: 28px;    color: #333;    font-weight: 700;}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover,.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {    background-color: #10a5e9;    color: #fff;    transition: .3s ease;    border-color: #10a5e9;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add {    background: transparent;    border-radius: 20px;    color: #333;    border: 1px solid #333;    transition: .3s ease;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop {    color: #fff;    background: #333;    border: none;    padding: 10px;    border-radius: 50px;    transition: var(--TransitionEase);}.layoutlist_2 .subject {    text-align: center;}.RWDproduct_page .products-info {    width: 420px;    font-family: 'Noto Serif TC', serif;}.RWDproduct_page .pic-box {    width: calc(100% - 420px);}.RWDproduct_page .products-info .combination_info,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .txt {    font-size: 15px;}.RWDproduct_page .title {    display: none;}.RWDproduct_page .products-info .editor ul {    padding-left: 23px;    margin: 0 0 30px;    color: #555;}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor {    color: #555;}.RWDproduct_page .btn,.RWDproduct_page .ibtn {    font-size: 15px;}.RWDproduct_page .btn-other {    margin-top: 20px;}.layoutlist_4 .price.sellprice {    color: #e42836;}.layoutlist_4 .price {    color: #555;}/*---------*/ 
.layoutlist_1.page_content3 {    background: #fff;    padding: 70px 15%;}.eformsDesc {    margin: 0;    text-align: center;}.inctus-box ul {    list-style: none;    padding: 0;    margin: 0;}.inctus-box ul span {    margin-right: 7px;}.new-form .new-width .control-label {    font-weight: 400;}.form-control {    border-radius: 0;    -webkit-box-shadow: none;    box-shadow: none;}.customized_columns ._input,.customized_columns select {    border: none;    background-color: #f2f2f2;}.systemmsg {    letter-spacing: 1px;    text-align: center;}.tabletxt-visiblexs {    display: none;}.RWDproduct_page .tab-box .tab-container {    border: none;    background: #fff;    padding: 40px 70px;}/**/ 
.intab-box {    margin: 30px 0;}#nutrients-table td {    padding: 5px 20px;    border: 1px solid #ddd;}.inner-txtimgsec:nth-child(even) {    flex-direction: row-reverse;}.inner-txtimgsec {    display: flex;    align-items: center;}.inner-txt {    width: 50%;    padding: 0px 20px;}.inner-img {    width: 50%;}.inner-txtimgsec.ball .inner-txt {    text-align: center;}.privacy_block .item {    margin: 50px 0;}.shopping.shoppinglist {    overflow-x: hidden;}#join_form {    background: #fff;}.join_form-title {    font-size: 20px;    color: #131313;    font-weight: 500;}tabletxt-visiblexs {    display: none;}/* 20250205 */ 
.eformsDesc {    margin-bottom: 3rem;}.form-horizontal .control-label {    width: 100%;}.form-column {    width: 100%;    padding: 0;}.customized_columns>.row .col-sm-12.col-md-11 {    width: 100%;}.form-horizontal .form-group {    margin-left: 0;    margin-right: 0;}.ebtn {    border-radius: 50px;    background: #0789d0;    line-height: 2;    padding: 5px 40px;}.customized_columns>.row {    margin-top: 3rem;}.form-group label {    padding: 0 !important;}

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

@media (max-width: 2048px) {    .footer-block .container-70 {        width: 75%;    }.ab-bottomtxt {padding: 0 30px 0 0;}.ab-bottombox.box2 .ab-bottomtxt {    padding: 0 0 0 30px;}#nutrients-table td { padding: 5px 10px;}.layoutlist_4 .col-sm-4.col-md-4 {    padding: 0 5px;}}@media (max-width: 1800px) {    .RWDservice007 .icon-active,    .RWDservice007 .icon-passive {        background-size: 70px;    }    .RWDservice007 .ring-item {        width: 95px;        height: 95px;    }    .footer-block .container-70 {        width: 80%;    }    .footer-block::after {        width: 23%;    }    .footer-block::before {        width: 30%;        height: 45%;    }    #RWDfullscreen01 .container {        width: 90%;    }}@media (max-width: 1700px) {.page_wrapper_bg section.call_to_action>.container {width: 80%;}.layoutlist_1.page_content3 {padding: 70px 10%;}}@media (max-width: 1680px) {    .footer-logo-text {        font-size: 16px;    }    .footer-logo {        grid-template-columns: repeat(2, 160px);    }    .footer-map iframe {        height: 223px;    }    .certificate-block>.container {        grid-template-columns: 27% 73%;    }}@media (max-width: 1550px) {    #RWDfullscreen01 .container,    #RWDfullscreen01 .certificate-block>.container {        width: 95%;    }    .container-75 {        width: 80%;    }    .footer-block .container-70 {        width: 85%;    }    #m_RWDfullscreen01_57_1 .swiper-container,    #m_RWDfullscreen01_57_1 .two_box {        height: 500px !important;    }.ab-bottomimg img {    object-fit: cover;    min-height: 35vw;}.recruitment .page_wrapper_bg section.call_to_action>.container, .article4 .page_wrapper_bg section.call_to_action>.container, .article5 .page_wrapper_bg section.call_to_action>.container {    width: 70%;    padding: 0;}}@media (max-width: 1440px) {    .footer-logo a {        font-size: 15px;    }    .container-75 {        width: 85%;    }    .footer-map iframe {        height: 220px;    }    .RWDbanner012 .main_pic_box .sub_title {        margin-top: 0.5rem;    }}@media (max-width: 1366px) {    .RWDservice007 .info-sub-title br {        display: block;    }    .RWDproduct002_v3 .popup-portfolio .portfolio-item {        width: calc(100% / 3 - 1px);    }    .service-phone a {        padding: 8px;        width: 220px;        border-radius: 50px;        font-size: 17px;        letter-spacing: 1px;    }    .footer_map iframe {        height: 200px;    }    .RWDsocial002 .iconRounded {        width: 32px;        height: 32px;        font-size: 15px;        line-height: 32px;    }    .footer-top .company-title {        font-size: 20px;    }    .service-phone span {        font-size: 18px;        letter-spacing: 1px;    }    .RWDservice007 .slide-nav {        top: calc(90px + 4vw);    }    .RWDproduct002_v3 .section-inner .row:nth-child(1) {        top: -7vw;    }    .certificate-block>.container {        grid-template-columns: 30% 70%;    }.page_wrapper_bg section.call_to_action>.container {width: 85%;}.layoutlist_1.page_content3 {padding: 70px;}.hgroup .pageTitle {font-size: 32px;}.formdesc.col-md-6, .customized_columns { width: 100%;}.page_wrapper_bg .article-text h2 {font-size: 25px;}}@media (max-width: 1280px) {    #RWDfullscreen01 .certificate-block>.container {        grid-template-columns: 100%;        grid-auto-flow: row;    }    .certificate-title .sub-title br {        display: none;    }    .certificate-title {        padding-right: 0;    }    .certificate-items {        padding-left: 0;    }    .RWDnews005 .owl-controls {        left: unset;        right: calc(5% + 10px);        top: -85px;        transform: unset;    }    .RWDnews005 .container {        padding: 0 !important;    }    .RWDservice007 .icon-active,    .RWDservice007 .icon-passive {        background-size: 60px;    }    .RWDservice007 .ring-item {        width: 85px;        height: 85px;    }    .filter-portfolio,    .RWDproduct002_v3 .btn.btn-rj {        line-height: 40px;        height: 40px;    }    .RWDnews005 .controlls-over .owl-controls .owl-prev,    .RWDnews005 .controlls-over .owl-controls .owl-next {        transform: unset;        top: unset;    }    .RWDnews005 .owl-carousel,    .RWDnews005 .container {        position: relative !important;    }    .recruitment .page_wrapper_bg section.call_to_action>.container, .article4 .page_wrapper_bg section.call_to_action>.container, .article5 .page_wrapper_bg section.call_to_action>.container {    width: 85%;}}@media (max-width: 1200px) {    .RWDbanner012 .two_box .button {        line-height: 1;    }    #m_RWDfullscreen01_57_1 .swiper-container {        height: 45vw !important;    }    .footer-menu a,    .keyword,    .copyright-block,    .copyright-block a,    .copyright_desc,    .copyright_desc a,    .copyright_desc a:hover {        font-size: 12px !important;        letter-spacing: 0;    }    .RWDbanner012 .two_box .box,    #m_RWDfullscreen01_57_1 .two_box {        height: 35vw !important;    }}

/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {
.container-75 {    width: 90%;}.RWDservice007 .more-btn,.RWDbtn01 .btn {    margin-top: 4rem;}.RWDservice007 .ring-info-block .web-device {    margin-bottom: 3rem;}.RWDservice007 .slide-nav {    top: calc(90px + 3rem);}.fix-sidebar-btn a {    padding: 10px;}.fix-sidebar-title {    font-size: 16px;    width: 40px;}.footer-block .container-70 {    width: 90%;}.service-phone{    padding-top: 1.5rem;    margin: 1rem 0;    border-top: 1px solid #cccccc5e;}.footer-block::after {    width: 33%;    right: -10%;}.footer-block .container-70{    gap: 0 5vw;}.footer-top{        gap: 0 3rem;}.fix-sidebar{        transform: translateX(215px);}    .fix-sidebar-title {    background-color: #afe3ff;    color: #333;}div#sidebar {    width: 100%;    padding: 0 !important;    margin: 0 0 50px;}div#product {    width: 100%;}.tabtable-sec {    flex-direction: column;}.article2 .page_subject, .product1 .page_subject, .article1 .page_subject {    padding-left: 0;}.tabs nav a, .RWDproduct_page .tab-box .tab-menu a {    font-size: 15px !important;}    .inner-txtimgsec {    flex-direction: column;    margin:50px 0;    gap: 20px;}.inner-txt {    width: 100%;    padding: 0;}.inner-img {    width: 100%;}.inner-txtimgsec:nth-child(even){    flex-direction: column}div#article {    width: 100%;}
}
/*1199px end*/
/*1100px start*/

@media (max-width: 1100px) {       .RWDservice007 .ring-core {        width: 80%;        height: 80%;    }    .footer-logo-line,    .footer-logo-phone {        display: grid;        grid-auto-flow: column;        grid-template-columns: 100px auto;        align-items: center;    }    .footer-logo {        grid-template-columns: 1fr;        grid-auto-flow: row;        gap: 1rem;    }    .footer-block .container-70 {        grid-template-columns: 2fr 1fr;    }    .footer-logo img {        border-radius: 10px 0 0 10px;    }    .footer-map iframe {        height: 175px;    }    .footer-right .RWDedictor008 {        width: 100%;    }    .footer-logo-line,    .footer-logo-phone {        grid-template-columns: 80px auto;    }}

/*1100px end*/
/*1024px start*/
@media (max-width: 1024px) {
.RWDmenu_plus04 .features {    margin-right: 0;}.RWDmenu_plus04 .features:after {    display: none;}.cd-main-content {    overflow: visible;}.RWDproduct002_v3 .section-inner .row:nth-child(1) {    top: 73px;    position: sticky;    margin: auto;    right: unset;    padding: 1rem 0;    z-index: 10;    background: var(--LightSubColor);    width: 100%;}.RWDmenu_plus04 .header,.RWDmenu_plus04 .header.is-up {    padding: 0px 3%;}.footer-block {    overflow: hidden;}.RWDproduct002_v3 .popup-portfolio .portfolio-item:hover{    border: 0;    background: transparent;}.pdt-title {    width: 100%;}.pdt-title .section-title {    text-align: center;    padding-left: 0px;}.pdt-title{    margin-bottom: -1rem;}.portfolio-bottom__p{    min-height: 47px;}    .RWDproduct002_v3 .price .delline {        margin-left: auto;    }#m_RWDfullscreen01_57_1 .swiper-container {    height: 53vw !important;}.footer-block::before{    display: none;}.footer-block::after{    opacity: 0.05;}.footer-add{        text-indent: -70px;    margin-left: 70px;}.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;}.ab-bottomimg img {    min-height: 40vw;}
}
/*1024px end*/
/*1000px start*/

@media (max-width: 1000px) {    .RWDservice007 .ring-info-block,    .RWDservice007 .ring-block {        width: 100%;    }    .RWDservice007 .ring-info-block {        padding-left: 30px;    }    .RWDservice007 .info-sub-title br {        display: none;    }    .RWDservice007 .ring-block {        padding: 40px;    }    .container-75 {        width: 70%;    }    .process-block::after {        display: none;    }    .RWDservice007 .box-shadow {        box-shadow: unset;    }    .RWDservice007 .info-mb {        background-color: transparent;    }    .RWDservice007 .info-next-mb {        right: -30px;        margin-top: -40px;    }    .RWDservice007 .info-prev-mb {        left: -30px;        margin-top: -40px;    }    .RWDservice007 .slide-title {        padding-left: 0;        font-size: 20px;    }    .RWDservice007 .info-box .info-pagination {        right: 0;    }    .RWDservice007 .info-box .swiper-pagination-current {        font-size: 20px;        line-height: 20px;    }    .RWDservice007 .info-box .info-pagination {        color: #33333382;        bottom: unset;        top: 0;    }    .more-btn-outter {        text-align: center;    }    .RWDservice007 {        padding-bottom: 0px;    }    .RWDservice007 .ring-2sec::after {        background: radial-gradient(circle, rgb(220 220 220) 56%, rgba(246, 246, 246, 1) 100%);    }}

/*1000px end*/
/*991px start*/
@media (max-width: 991px) {
.RWDbanner012 .swiper-slide .box .text_box {    top: 10%;}.RWDproduct002_v3 .popup-portfolio .portfolio-item {    width: calc(100% / 2 - 1px);}.RWDcopyright {    margin-left: unset;}.fix-sidebar {    transform: translateX(215px);}.RWDbanner012 .two_box .box .text_box {    text-shadow: 0px 0px 5px #000;}.footer-block .container-70 {    grid-template-columns: 1fr;    grid-auto-flow: row;    grid-template-areas:        "footer-left "        "footer-right"        "keyword "        "copyright-block";}.footer-right {    margin-top: 2rem;}.footer-logo {    grid-template-columns: 1fr 1fr;}.footer-block::after {    top: 4%;}.footer-logo-line,.footer-logo-phone {    grid-template-columns: 100px auto;}.RWDservice007 .more-btn {    background: white;    border: 1px solid #33333354;    color: #333;}.RWDservice007 .more-btn:hover {    background: #333;    color: #fff;}/*.page_wrapper_bg .ebtn {    margin: 0}*/ 
.page_wrapper_bg section.call_to_action {    padding: 70px 0;}.RWDproduct_page .pic-box {    width: 100%;    margin: 0 0 30px;    padding: 0;}.RWDproduct_page .products-info {    width: 100%;}.RWDproduct_page .products-info .txt {    margin: 0;}.RWDproduct_page .tab-box .tab-container {    padding: 40px;}.intab-box.table {    margin: 0;}.layoutlist_4 .col-sm-4.col-md-4 {    width: 50%;    float: left;}.ab-bottombox {    flex-direction: column;    margin: 0 0 50px}.ab-bottomtxt {    padding: 0 0 30px;    width: 100%;}.ab-bottomimg {    width: 100%;}.ab-bottombox.box2 {    flex-direction: column;}.ab-bottombox.box2 .ab-bottomtxt {    padding: 0 0 10px;}
}
/*991px end*/
/*850px start*/
@media (max-width: 850px) {
.container-75 {    width: 80%;}#m_RWDfullscreen01_57_1 .swiper-container {    height: 63vw !important;}.RWDbanner012 .swiper-slide .box .text_box{        top: 15%;}.layoutlist_1.page_content3 {    padding: 40px;}.RWDalert_fancybox.bottom{    width: 100% !important;}
}
/*850px end*/
/*800px start*/
@media (max-width: 800px) {
.banner-block {    margin-top: calc(75px + 0rem);}#RWDfullscreen01 .pdt-block .container {    width: 100%;    padding: 0;}.keyword .RWDedictor {    display: flex;    flex-wrap: wrap;    flex-direction: column;}.footer-menu a:first-of-type{        border-left: 0;    padding-left: 0;    margin-left: 0;}.eformsDesc {text-align: left;}.page_wrapper_bg  .ebtn a {width:180px;}.page_wrapper_bg  .ebtn {width: auto;}.RWDproduct_page .btn_back {width: auto;}.page_wrapper_bg .collapsing_header .main {    overflow: hidden;}
}
/*800px end*/
/*767px start*/
@media (max-width: 767px) {
#m_RWDfullscreen01_57_1 .two_box {    height: auto !important;}.RWDbanner012 .two_box .box {    height: 50vw !important;}#m_RWDfullscreen01_57_1 .swiper-container {    height: 370px !important;}.copyright-block {    flex-wrap: wrap;}.container-75 {    width: 85%;}.owl-pagination {    display: block;}.RWDbanner012 .two_box .button {    line-height: 1;    left: unset;    right: 5%;    width: 200px;}.layoutlist_2 .col-xs-12 {width: 50%;float: left;}.layoutlist_8.rwd .item {    padding: 0;    width: 50%;    float: left;    border-bottom: none;    margin: 0 0 50px;}.layoutlist_8.rwd .row {margin-left: 0;margin-right: 0;}.RWDslider01 .pic-list {float: none;width: 100%;padding-left: 0;padding-right: 0;}.RWDslider01.pic-right .pic-list { float:none; padding-left: 0px; padding-right: 0;}.RWDslider01 .text { float: none;width: 100%;}.RWDslider01 .control-box { left: 0;}.layoutlist_8.rwd .listdate .day {    color: #555;    font-size: 12px;    letter-spacing: 0;}.RWDproduct_page .faq-list {    border: none;    font-family: 'Noto Serif TC', serif;}li.faq-item {    background: #fff;}.RWDproduct_page .faq-item.active .faq-question {    background: #428bca;    color: #fff;}.RWDproduct_page .faq-item .editor ul {    padding-left: 20px;}.intab-box strong {    font-weight: 500;    letter-spacing: 0px;    margin: 10px 0 0;    display: block;}div#mobile-fixed {    padding: 20px 0;}.inner-txtimgsec:first-child {    margin-top: 20px;}.layoutlist_4 .col-sm-4.col-md-4 { margin: 0 0 30px;}
}
/*767px end*/
/*650px start*/

@media (max-width: 650px) {    .RWDnews005 .owl-theme .owl-controls .owl-buttons div {        background: #fff;    }    .RWDnews005 .controlls-over .owl-controls .owl-next {        right: 0;    }    .RWDnews005 .controlls-over .owl-controls .owl-prev {        left: 0;    }    .RWDnews005 .owl-theme .owl-controls .owl-buttons .fa {        color: #06344e;    }    .RWDnews005 .owl-prev,    .RWDnews005 .owl-next {        width: 2.5rem !important;    }    .certificate-title .section-title {        text-align: center;    }    .fix-sidebar-title {        display: none;    }    .fix-sidebar-btn {        flex-direction: row;        background: #4dc0ff;        justify-content: space-between;        padding: 0;        border-top: 1px solid #ffffff85;    }        .fix-sidebar {        top: unset;        bottom: 0;        width: 100%;    }    .fix-sidebar,    .fix-sidebar:hover {        transform: unset;    }    .fix-sidebar-content {        display: grid;        grid-auto-flow: row;        width: 100%;        grid-template-columns: 1fr;        border-radius: 0;    }    .fix-sidebar-btn a {        color: #fff;        border-bottom: 0;        width: calc(100%/3);        justify-content: center;        padding: 14px 10px;    }    .fix-form {        border-right: 1px solid #ffffff52;        border-left: 1px solid #ffffff52;        background: #18a5f1;    }    .fix-phone {        display: none !important;    }    .fix-phone-m {        display: flex !important;    }    .fix-line{            background: #4cc764;    }    .fix-phone-m{        background: var(--Red);    }    .footer-block::after {        top: -1%;        height: 16%;        right: -3%;    }    .scrollTop002 {        bottom: 4rem;    }    .RWDbanner012 .swiper-slide .box .text_box {        max-width: unset;        width: 90%;        text-align: center;    }    .RWDbanner012 .two_box .box {        height: 300px !important;    }    .RWDservice007 .ring-block {        padding: 0px;    }    .banner-block {        padding: clamp(1rem, -0.3333rem + 2.0833vw, 3rem) 20px clamp(4rem, -5.8114rem + 13.1761vw, 8rem) 20px    }    .RWDservice007 .more-btn,    .RWDbtn01 .btn {        width: 100%;        margin-top: 3rem;    }    .RWDservice007 .mobile-device {        padding-bottom: 2rem;    }    .RWDservice007 .info-box .swiper-container {        padding-top: 2rem;    }    .RWDproduct002_v3 .popup-portfolio .portfolio-item {        width: 100%;    }    .ml-stack-nav-toggle i {        display: none;    }    .ml-stack-nav-toggle {        padding: 35px 45px 35px 15px;    }    .RWDmenu_plus04 .features {        padding-right: 0;    }    .portfolio-bottom__p {        height: auto !important;        min-height: unset;    }    .RWDproduct002_v3 .showbottom a {        margin: 10px 0 20px;    }    .RWDproduct002_v3 .btn-box .shop {        margin-top: 20px;    }.fix-sidebar-btn a:hover, .fix-sidebar-btn a:hover i{    color: #fff;}}

/*650px end*/
/*600px start*/
@media (max-width: 600px) {
.RWDservice007 .ring-core {    width: 100%;    height: 100%;}.footer-logo {    grid-template-columns: 1fr;}.footer-top {    grid-template-columns: 1fr;    grid-template-areas:        "company-title "        "company-info-1 "        "company-info-2"        "footer-map ";}.company-info-1 {    margin-bottom: 0;}.footer-top .company-title {    padding-bottom: 1rem;    margin-bottom: 1.5rem;    font-size: 18px;}.company-info-2 {    padding-bottom: 1rem;}.footer-right {    border-top: 0;    padding-top: 0;    margin-top: 3rem;}.RWDsocial002 h3 {    padding-bottom: 15px;    font-size: 18px;}.certificate-title .sub-title br {    display: block;}.RWDservice007 .icon-active,.RWDservice007 .icon-passive {    background-size: 50px;}.RWDservice007 .ring-item {    width: 80px;    height: 80px;}.RWDservice007 .info-next-mb {    right: -20px;}.RWDservice007 .info-prev-mb {    left: -20px;}.footer-block .container-70 {    padding: 0 5px;}.keyword {    margin-top: 2rem;}#m_RWDfullscreen01_57_1 .swiper-container {    height: 67vh !important;}.RWDbanner012 .two_box .box,.RWDbanner012 .main_pic_box, .RWDbanner012.right .main_pic_box{        margin-bottom: 2rem;}.footer-logo-phone i{    display: none;}.hgroup .pageTitle {font-size:28px;}.RWDproduct_page .btn_back {width: 100%;}.page_wrapper_bg  .ebtn a {width: 100%;}.page_wrapper_bg  .ebtn {width: 100%;}.layoutlist_8.rwd .item { width:100%;float:none;}.layoutlist_2 .col-xs-12 { width:100%;float:none;}.btn.btn_back {width: 100%;}#article .btn.btn_back a {display: block;}.form-horizontal .form-group:last-child {    margin-bottom: 0;}.page_wrapper_bg section.call_to_action>.container {    width: 95%;}.layoutlist_1.page_content3 {    padding: 25px;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p{    font-size: 14px;}    /*橫桿呈現*/ 
.calen::-webkit-scrollbar {width: 3px;height: 5px;}.calen::-webkit-scrollbar-thumb:horizontal {background-color: #a6a6a6;border-radius: 3px;}.calen::-webkit-scrollbar-track-piece:horizontal:decrement,.calen::-webkit-scrollbar-track-piece:horizontal:increment {background-color: rgba(166, 166, 166, 0.2);}.calen{overflow-x: auto;white-space: nowrap;}.calen{overflow-x: scroll;padding-bottom:15px;-webkit-overflow-scrolling: auto;}tabletxt-visiblexs{display: blcok;}.layoutlist_4 .subject {    font-size: 16px;    letter-spacing: 1px;}.layoutlist_4 .col-sm-4.col-md-4 {padding: 0 3px;}.recruitment .page_wrapper_bg section.call_to_action>.container, .article4 .page_wrapper_bg section.call_to_action>.container, .article5 .page_wrapper_bg section.call_to_action>.container {    width: 95%;    padding: 0;}.inab-txtbox {    position: relative;    top: 0;    color: #333;    left: 0;    margin-top: 20px;}.inab-txtbox .title {color: #333;}.inab-txtbox .sub_title{color: #555;}/* 20250205 */ 
.page_wrapper_bg .ebtn {    text-align: center;    margin: 0 0 10px;}
}
/*600px end*/
/*480px start*/
@media (max-width: 480px) {
.ml-stack-nav-toggle {    width: 28px;    padding: 35px 14px;}.RWDproduct002_v3 .section-inner .row:nth-child(1) {    top: 72px;}.RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .search-btn {    padding: 25px 10px;}.RWDmenu_plus04 .header.is-up .logo,.RWDmenu_plus04 .logo {    width: 120px;}.RWDmenu_plus04 .header.is-up .logo{    transform: unset;    top: 5px;}.fix-sidebar-btn a{        font-size: 14px;}.fix-sidebar-btn a i {    padding-right: 8px;    font-size: 18px;}.fix-sidebar-btn .fix-line i {    font-size: 16px;}.RWDproduct002_v3 .btn.btn-rj{    padding: 0px 22px;}.RWDbanner012 .two_box .button {    width: 90%;    left: 5%;}
}
/*480px end*/
/*380px start*/
@media (max-width: 380px){
.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn {    cursor: pointer;    float: right;    padding: 25px 7px;}#m_RWDfullscreen01_57_1 .swiper-container {    height: 300px !important;}.filter-portfolio {    overflow: scroll;    width: 100%;}.RWDproduct002_v3 .filter-portfolio ul {    display: flex;}.verifyimg {    width: 75px;    margin-left: 6px;}
}
/*380px end*/
/*360px start*/

  @media (max-width: 360px) {      .RWDmenu_plus04 .features .member-btn,      .RWDmenu_plus04 .features .search-btn {          padding: 25px 7px;      }      .RWDmenu_plus04 .features {          font-size: 12px;      }      .RWDmenu_plus04 .header.is-up .logo,      .RWDmenu_plus04 .logo {          width: 90px;          top: 15px;      }      .RWDmenu_plus04 .header.is-up .logo {          transform: unset;      }      .RWDbanner012 .main_pic_box .title {          font-size: 24px;          letter-spacing: 0px;      }      .RWDbanner012 .main_pic_box .sub_title {          display: flex;          flex-wrap: wrap;      }      .RWDbanner012 .main_pic_box .sub_title span {          visibility: none;      }      .fix-sidebar-btn a {          letter-spacing: 0;          padding: 14px 5px;      }      .footer-top .company-title {    font-size: 16px;}.layoutlist_4 .col-sm-4.col-md-4 {    width: 100%;}    .layoutlist_1.page_content3 {        padding: 25px 15px;    }  }

/*360px end*/