/*-------共通--------*/img { max-width: 100%; height: auto;}a, a:hover, a:active, a:focus, a:visited { transition: .5s ease; text-decoration: none;}.row {margin-right: 0px;margin-left: 0px;}/* 反白顏色設定*/::selection {background: #555;color: #fff;}::-moz-selection {background:#555;color: #fff;}/*容器設定*/#RWDfullscreen01 .container, .footer_block .container {width: 70%;}/*全背景*/ .main {overflow: hidden;}.main.cd-main-content {position: relative;}.main.cd-main-content:before {position: absolute; content: ''; width: 100%; height: 100%; background: #f3f4f5; z-index: -3; background: #fff;}/*.main.cd-main-content:after{position:absolute;content:'';width:1px;height:100%;background:#bdbdbd9c;left:180px;top:0;z-index:-1;}*//*網頁警告*/ .RWDalert_fancybox.bottom {z-index:99999 !important;width:500px;padding: 30px 50px 20px !important; box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important;background: #000000ba !important; color: #d1d1d0 !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: #f0353c; background: #f0353c !important; border-radius: 30px;}.RWDalert_fancybox.bottom .editor a {color: #fff; text-decoration: underline;}/*拿掉的物件*/#RWDfullscreen01 .section-line, .RWDService002 .section-subject, .funny-boxes.not-right-column::before, .funny-boxes > .funny-boxes-text > .funny-boxes-tit:after, .funny-boxes.float-shadow > .funny-boxes-icon::before, .RWDproduct004 .callout-dark, .RWDleft_cont002 .item-second .text-box .underline {display: none;}/*文字*/body, html {font-family: 'Noto Sans TC', sans-serif; font-weight: 400; letter-spacing: 1px; line-height: 1.8; color: #555;}/*header*/ .cd-header-buttons li.search-btn {margin-right: 20px;}/*共通-間距*/ .index_section {padding: 150px 0; position: relative;}.product_block.index_section {padding: 130px 0 120px;}.service_block.index_section {padding: 0 0 170px;}.inter_block.index_section {padding: 0 0 150px;}.about_block.index_section {padding: 200px 0 50px;}/*共通-title*/ .section-subject {margin-bottom: 80px;}/*.section-subject .en-title {font-family: 'Lora', serif; font-size: clamp(1.25rem, 1.2051rem + 0.1843vw, 1.5rem); color: #fff; letter-spacing: 0; font-weight: 300; text-transform: uppercase; line-height: 1; margin-bottom: -50px; font-size: 100px; font-family: 'Crimson Text', serif;}*/ .section-subject .main-title {font-size: clamp(1.75rem, 1.6152rem + 0.553vw, 2.5rem); font-weight: 500; letter-spacing: 3px; margin: 0; line-height: 1.5; color: #1f1f1f;}.section-subject .sub-title {font-size: clamp(1.125rem, 1.0801rem + 0.1843vw, 1.375rem); letter-spacing: 1px; line-height: 1.4; font-weight: 400; margin: 5px 0 0; color: #1f1f1f; font-size: 20px;}.section-subject .main-title:after {content: ''; position: relative; display: block; width: 55px; height: 3px; background: #f0353c; margin: 15px 0 18px;}/*英文顏色*/ .service_block .section-subject .en-title {color: #f2f2f2;}/*置中*/ .service_block .section-subject, .news_block .section-subject, .inter_block .section-subject, .cooperate_block .section-subject {text-align: center;}.service_block .section-subject .main-title:after, .news_block .section-subject .main-title:after, .cooperate_block .section-subject .main-title:after, .inter_block .section-subject .main-title:after {margin: 15px auto 18px;}/**/ .cta_block .section-subject, .about_block .section-subject {margin-bottom: 60px;}.cta_block .section-subject .main-title {line-height: 1.3;}.cta_block .section-subject .main-title:after {margin: 20px 0 18px;}/*區塊英文*/ .en-title {color: #fff; letter-spacing: 0; font-weight: 300; text-transform: uppercase; line-height: 1; font-size: 100px; font-family: 'Crimson Text', serif; opacity: 0.7; font-size: clamp(5rem, 3.4611rem + 6.3134vw, 13.5625rem);}.product_block .block_en-title {position: absolute; left: 28%; top: 34%; z-index: -1;}.inter_block .block_en-title {position: absolute; right: 2%; top: -80px; display: none;}.cta_block .block_en-title .en-title {word-break: break-all; font-size: clamp(5rem, 3.8767rem + 4.6083vw, 11.25rem);}.cta_block .block_en-title {position: absolute; left: 3%; bottom: 0; opacity: .15; max-width: 35%;}/*共通-按鈕*//*.RWDbanner014 .main_pic_box .swiper-slide .button {right: auto; left: 0; top: auto; bottom: 35%; font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; transform: translate(0px, 0px); color: #fff; border: 1px solid #f0353c; background: #f0353c; padding: 12px 20px;border-radius: 50px; width: 200px; transition: 0.5s ease;}*/ .RWDbanner014 .main_pic_box .swiper-slide .button{right:auto;left:0;top:auto;bottom:25%;font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:1.5;transform:translate(0,0);color:#f0353c;border-bottom:1px solid #f0353c;background:0 0;padding:12px 0 5px;width:150px;transition:.5s ease;}.RWDleft_cont002 .item-second .text-box a, .inter_block .inter_btn a {font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5;color: #e91027; border: 1px solid #e91027; background: transparent; padding: 15px 20px;border-radius: 50px; width: 200px; transition: 0.5s ease; text-align: left; margin: 50px 0 0; position: relative; display: block;}.inter_block .inter_btn {text-align: center; margin-top: 50px;}.inter_block .inter_btn p {font-weight: 400; color: #333;}.inter_block .inter_btn a {width: 260px; text-align: center; margin: 10px auto 0;}.inter_block .inter_btn a i {margin-right: 8px;}.cta_block .cta_btn a {font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5;color: #fff; border: 1px solid #e91027; background: #e91027; padding: 12px 20px;border-radius: 50px; width: 200px; transition: 0.5s ease; text-align: left; margin: 50px 0 0; position: relative; display: block;}.cta_block .cta_btn a {margin: 30px 0 0;}.RWDleft_cont002 .item-second .text-box a:hover, .cta_block .cta_btn a:hover, .inter_block .inter_btn a:hover {background:#e91027; color: #fff; border: 1px solid #e91027; transition: 0.5s ease;}.RWDbanner014 .main_pic_box .swiper-slide .button:after, .RWDleft_cont002 .item-second .text-box a:after, .cta_block .cta_btn a:after, .inter_block .RWDbtn01 .btn-box .btn:after {content: "\f30f"; font-family: "Ionicons"; position: absolute; right: 20px; font-size: 20px; top: 50%; transform: translateY(-50%); transition: 0.3s ease;}.RWDbanner014 .main_pic_box .swiper-slide .button:hover:after, .RWDleft_cont002 .item-second .text-box a:hover:after, .cta_block .cta_btn a:hover:after, .inter_block .RWDbtn01 .btn-box .btn:hover:after {right: 15px; transition: 0.3s ease;}.RWDleft_cont002 .item-second .text-box a {display: none;}.RWDbanner014 .main_pic_box .swiper-slide .button {padding: 0 0 5px; width: 130px;}.RWDbanner014 .main_pic_box .swiper-slide .button:after {right: 10px; top: -3px; transform: inherit;}/*header*/ .RWDmenu_plus02 .container {width: 100% !important;}/*banner*/ .index .RWDbanner_plus01 .container {width: 30% !important; margin: 0 auto 0 15%;}.index .RWDbanner_plus01 .slick-caption {top: 22%;}.index .RWDbanner_plus01 .slick-caption .txt1 {font-size: clamp(2rem, 1.5282rem + 1.9355vw, 4.625rem); letter-spacing: 8px; font-weight: 700; color: #333333; z-index: 2; position: relative; line-height: 1.3;}.index .RWDbanner_plus01 .slick-caption .txt1 span.bn_title-point {font-weight: 700;}.index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en {font-family: 'Mrs Saint Delafield', cursive; color: #ffffff94; font-size: clamp(7.5rem, 6.2644rem + 5.0691vw, 14.375rem); position: absolute; top: -7vw; z-index: -1; left: 7vw;}.index .RWDbanner_plus01 .slick-caption .txt3 {margin-top: 80px;}.index .RWDbanner_plus01.style-dotnav.dot .slick-dots button {background: #fff; opacity: .7; border: 1px solid #e91027a3;}.index .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {background: #f0353c;}ul.bn_fea{font-size:22px;font-weight:500;display:flex; flex-wrap: wrap;}ul.bn_fea li{margin:0 0 30px 0;padding-left:15px;border-left:3px solid #e91027;width:45%; color: #e91027; line-height: 1;font-weight: 500;}ul.bn_fea li span.bn_fea-en{display:block;text-transform:uppercase;font-size:16px;font-weight:400;margin-top:10px; color: #555;}/*產品*/ .product_block:before {content: ''; position: absolute; background: #fff; width: 100%; height: 210px; left: 0; bottom: 0;}/*標題*/ .product_block .container {position: relative;}.product_block .RWDedictor008 {position: absolute; left: 15px; top: 70px; z-index: 2;}/*服務*/ .service_block {background: #fff;}.RWDService002 {padding: 0;}.RWDService002 .container {width: 100% !important;}.RWDService002 div.row:before, .RWDService002 div.row:after {display:none;}.RWDService002 .col-sm-4.col-md-4 {width: calc(100% / 7);}.funny-boxes.float-shadow:hover > .funny-boxes-icon {transform: inherit;}.funny-boxes > .funny-boxes-icon {border: 1px solid #cacaca; padding: 15px; width: 100px; height: 100px; margin-bottom: 15px; background: #fff;}.funny-boxes > .funny-boxes-text > .funny-boxes-tit {padding: 0; font-size: 18px; letter-spacing: 1px; color: #1f1f1f; font-weight: 500;}.RWDService002 .col-sm-4.col-md-4:after {content: ''; position: absolute; width: 40%; height: 1px; background: #f0353ccc; right: -20%; top: 50px;}.RWDService002 div.row:nth-child(4) .col-sm-4.col-md-4:last-child:after {display: none;}/*最新消息*/ .news_block>.container {width: 70% !important;}.RWDnews005 .container {width: 100% !important; padding: 0 !important;}.RWDnews005 .margin-top-20 {margin-top: 25px !important;}.RWDnews005 h4, .news005_h4 {font-size: 20px; /*padding: 0 0 20px;*/ margin: 25px 0 7px !important; line-height: 1.3; /**min-height: 71px;*/ display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left !important; /*border-bottom: 1px solid #d4d4d4;*/}.RWDnews005 .owl-carousel .owl-item .img-hover p.text-left {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 0; margin-bottom: 0; line-height: 1.5; /*min-height: 72px;*/}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item {padding: 0 15px;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div {color: #787878;}.RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {border-radius: 50%!important; width: 50px!important; height: 50px!important; font-size: 25px!important; background: transparent!important; border: 1px solid #787878!important;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -50px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -50px;}.RWDnews005 .owl-carousel {overflow: visible;}.RWDnews005 .owl-carousel .owl-wrapper-outer {overflow: hidden;}.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #4791e1 !important;}.RWDnews005 .owl-carousel {margin-bottom: 0;}.RWDnews005 h4 a, .news005_h4 a {color: #1f1f1f; font-weight: 500;}.RWDnews005 .controlls-over .owl-pagination {display: none;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div i {top: -5px; position: relative;}.RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {margin: 0; top: 30%;}.list-inline {margin-top: 25px; color: #888;}.news_block .RWDnews005 .owl-carousel img {border: 1px solid #e4e4e4;}/*入口*/ .inter_block .container {width: 92% !important; /*margin: 0 0 0 auto; padding-right: 0 !important;*/}.RWDproduct004 .nopadding {padding: 0 !important;}.RWDproduct004 section {border: 0;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {width: calc(100% / 5); padding: 0 10px !important;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even) {margin-top: 80px !important;}.RWDproduct004 .item-box-desc {position: absolute; right: 10px; top: 10px; writing-mode: vertical-lr; z-index: 2; pointer-events: none;}.RWDproduct004 .item-box-desc h3 {font-size: 36px !important; letter-spacing: 10px !important; font-weight: 300 !important; color: #fff !important; text-shadow: 0em 0em 0.2em #00000059;}.RWDproduct004 .item-box figure:after{content:'';position:absolute;background:#000;width:100%;height:100%;left:0;top:0;mix-blend-mode:multiply;opacity:.07;transition:.5s ease;}.RWDproduct004 .item-box:hover figure:after {opacity: 0; transition: 0.5s ease;}.RWDproduct004 .item-box .item-hover, .RWDproduct004 .overlay {background: transparent !important;}.RWDproduct004 .item-box .item-hover {background-color:rgba(0,0,0,0);opacity:1;}.RWDproduct004 .item-box .item-hover .inner{top:0;margin-top:0;width:100%;height:100%;z-index:1;}.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span,a.ico-rounded.lightbox{display:none;}.RWDproduct004 a{display:block;width:100%;height:100%;}.RWDproduct004 .item-box img{transition:all .5s ease;transform:scale(1);}.RWDproduct004 .item-box:hover img{transition:all .5s ease; transform:scale(1.05);}.RWDproduct004 .list-inline {color: #ffffff; font-family: 'Crimson Text', serif; margin-left: 12px !important; font-size: 22px; height: auto !important; text-shadow: 0em 0em 0.2em #00000059; letter-spacing: 7px; margin-top: 3px;}.RWDproduct004 #portfolio div.col-md-3 h3 {line-height: 0.8;}/*客製化*/ .cta_block>.container {width: 100% !important; margin: 0 0 0 auto; padding: 0 !important;}.cta_block .cta_info {width: 38%; margin: 0 3% 0 auto;}.cta_block .cta_info .section-subject .en-title {color: #ffffff40;}.cta_block .cta_info .section-subject .main-title {color: #fff;}.cta_block .cta_info .section-subject .main-title span {display: block; color: #8a8a8a; font-weight: 300;}.cta_block .RWDparallax_new {position: absolute; width: 100%; height: 100%; top: 0; z-index: 0;}.cta_block .RWDparallax_new .picbgbox {height: 620px !important;}.cta_block .cta_info p.cta_txt {color: #d1d1d1; max-width: 650px;}.cta_block .cta_mainpro {position: absolute; bottom: -160px; left: 33%; width: 470px;}/*關於*/ .RWDleft_cont002>.container {width: 100% !important; padding: 0 !important;}.RWDleft_cont002 .item-second {background-color: transparent;}.RWDleft_cont002 .item-second .text-box {background: transparent; padding: 0;}.RWDleft_cont002 .item-second a{width:50%;}.RWDleft_cont002 .item-second {display:flex;flex-wrap:wrap;flex-direction:row-reverse; align-items: center;}.RWDleft_cont002 .item-second .text-box .text{font-size:16px;letter-spacing:1px;margin:0;width:100%;color:#555;padding:0 5vw 0 0; line-height: inherit;}.RWDleft_cont002 .item-second .pic {width: 100%; float: none;}.RWDleft_cont002 .item-second:hover .pic img {transform: scale(1);}.RWDleft_cont002 .item-second .text-box .subtitle {margin: 0;}/*合作*/ .cooperate_block .RWDnews005 .owl-carousel img {padding: 0 40px;}.cooperate_block .RWDnews005 .owl-carousel .owl-item div {text-align: center !important; margin: 15px 0 0 !important;}.cooperate_block .RWDnews005 h4, .cooperate_block .news005_h4 {font-size: 18px;}.cooperate_block .RWDnews005 h4 a, .news005_h4 a {font-weight: 400;}/*RWDbanner014模組*/ .RWDbanner014 {background: transparent !important; z-index: 1; overflow: initial;}.RWDbanner014 .main_pic_box .swiper-slide {padding: 0;}.RWDbanner014 .main_pic_box .bg {display: none}/*輪播點*/ .RWDbanner014 .swiper-pagination {justify-content: flex-end; right: 0; display:none;}.RWDbanner014 .swiper-pagination .swiper-pagination-bullet b {font-weight: 400;}.RWDbanner014 .swiper-pagination .swiper-pagination-bullet circle {stroke-width: 2px; stroke: #f0353c;}/*大照片*/ .RWDbanner014 .main_pic_box .swiper-slide .main_img {width: 40%; top: auto; bottom: 0; margin: 0 auto;}/*小照片*/ .RWDbanner014 .thumb_pic {right:15px; top: auto; transform: translateY(0); bottom: 20%; width: 38%;} .RWDbanner014 .thumb_pic .swiper-slide {width: 225px;}.RWDbanner014 .thumb_pic .swiper-slide img {padding: 0 30px;}.RWDbanner014 .main_pic_box .swiper-slide.swiper-slide-prev .main_img {transform: translateX(0px);}/*產品文字*/ .RWDbanner014 .main_pic_box .swiper-slide .info {right: auto; left: 0; max-width: 500px; height: auto !important; transform: translateY(0); width: 35%; top: auto;bottom:30%; overflow: unset;}.RWDbanner014_info_title {color: #1f1f1f; font-size: 28px; margin: 0; letter-spacing: 2px; font-weight: 500;}/*左右切換按鈕*//*.RWDbanner014 .control_arrow .RWDbanner014-arrow {margin: 0 10px;}.RWDbanner014 .control_arrow .RWDbanner014-swiper-button-prev .ii-arrow1:before { content: "\f3d2"; font-family: "Ionicons"; font-size: 22px; border: 1px solid #dedede; border-radius: 50%; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color:#777}.RWDbanner014 .control_arrow .RWDbanner014-swiper-button-next .ii-arrow1:before { content: "\f3d3"; font-family: "Ionicons"; font-size: 22px; border: 1px solid #dedede; border-radius: 50%;width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color:#777}*/ .RWDbanner014 .main_pic_box .control_arrow .swiper-button-disabled{opacity:.5}.RWDbanner014 .main_pic_box .swiper-slide .button:hover:before{width:60px;transition:all .5s ease}.RWDbanner014 .main_pic_box .swiper-slide .main_img{top:0;height:32vw!important}.RWDbanner014 .thumb_pic .swiper-slide{width:8vw}.RWDbanner014 .swiper-pagination{display:none}.RWDbanner014 .thumb_pic{width:24vw;top:initial;bottom:8%;transform:initial;right:1vw}.RWDbanner014 .main_pic_box .control_arrow{ display: flex;position: absolute; top: 50%; justify-content: space-between; transform: translate(-50%,-50%); width: 75%; left: 50%; margin-left: 0; z-index: 10;}.RWDbanner014 .main_pic_box .control_arrow .RWDbanner014-arrow.RWDbanner014-swiper-button-prev{transform:rotate(180deg)}.RWDbanner014 .main_pic_box .control_arrow .RWDbanner014-arrow{width:50px; height:50px;display:flex;align-items:center;justify-content:center;margin-right:0;color:#787878; border: 1px solid #787878; border-radius: 50%;}.RWDbanner014 .swiper-pagination .swiper-pagination-bullet svg{opacity:0;transition:all 1s ease}.RWDbanner014 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;z-index:5}.RWDbanner014 .swiper-pagination .swiper-pagination-bullet{background-color:rgb(180 116 45 / 15%);margin:0 20px 0 0;opacity:0;position:absolute;left:0;bottom:0}.RWDbanner014-arrow[aria-disabled=true]{color:rgb(131 131 131)!important}.RWDbanner014 .RWDbanner014-main-container {overflow: initial;}/* 230813修改 */@media (min-width: 1200px){ .main-block {width: 100% !important;}}.RWDmenu_plus04 .container{ width: 100% !important;}.RWDmenu_plus04 .logo { width: 120px; float: left; margin: 10px;}.RWDmenu_plus04 .header{ top: -120px; opacity: 0; transition: .3s ease; background: #ffffffb3;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .header.is-up{ top: -0; opacity: 1; transition: .3s ease;}.RWDbanner_plus01 .logo { position: absolute; right: unset; top: unset; left: 0; bottom: 0; width: 88vh;}.RWDbanner_plus01 .logo img{ margin-bottom: 0;}.RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 100vh!important; height: 100vh!important;}.product_block .en-title { color: #f1f1f1;}.inter_block .container{ display: flex; flex-direction: column;}.product_area .title,.RWDProduct015 .product_box .memo{ position: absolute !important; top: 3rem; writing-mode: vertical-lr !important; z-index: 2; pointer-events: none;-webkit-box-orient: unset;overflow: unset; text-overflow: unset; display: block;}.RWDProduct015 .product_box .info,.RWDProduct015 .tab{ display: none;}.RWDProduct015 .product_box .memo{ max-height: unset; margin-bottom: 0; color: #fff; margin-left: 12px !important; font-size: 15px; height: auto !important; letter-spacing: 1px; margin-top: 3px; right: 2.5rem; text-shadow: 0em 0em 0.2em #00000059; text-transform:uppercase; font-weight: 400;}.RWDProduct015 .product_box .imgs_box{ padding: 0 20px; border: 0;}.RWDProduct015 .product_box .title{ font-size: 36px !important; letter-spacing: 10px !important; font-weight: 500 !important; color: #fff !important; padding: 0; right: 4.5rem; text-shadow: 0em 0em 0.2em #00000059;}.RWDProduct015 .product_box:hover .title,.RWDProduct015 .product_box:hover .memo{ color: #333 !important; text-shadow: unset;}.RWDProduct015 .product_box{ width: calc(100%/5);}.RWDProduct015 .product_box:nth-child(even) { margin-top: 80px !important;}.service_block,.product_block:before{ background: #f1f1f1;}.index .RWDbanner_plus01 .container{ margin: 0 20% 0 auto; position: initial; display: flex; flex-direction: column; justify-content: center; height: 100vh;}.index .RWDbanner_plus01 .slick-caption { top: 0; height: 100vh;}.RWDmenu_plus04 .site-nav .menu ul li>a { padding-right: 0; text-align: center;}/*-------*/ .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a {font-size: 16px;font-weight: 500;}.RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {text-decoration: none;}.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li.active>a, .RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li>a:hover { background: transparent; color: #f0353c; padding-left: 0;}/*230829*/ .banner_block { position: relative; z-index: 101;}.main-block { z-index: 1;} /*footer start*/ .footer_block {padding: 80px 0 60px; background: #1f1f1f; color: #d1d1d0;}.footer_block .container{width: 75% !important; display:flex;flex-wrap:wrap; align-items: flex-start;}.footer_block .ft_info{width:55%; display: flex; flex-wrap: wrap; padding-right: 50px; align-items: flex-end;}.footer_block .ft_menu{width:45%; padding-left: 50px; border-left: 1px solid #464646;}.footer_block .ft_copyright{width:100%;}.ft_info .info_left, .ft_info .info_right {width: 50%;}.ft_info .info_left h2{font-size:22px;color:#cf222a;margin:0 0 20px;font-weight:500;width:100%;}ul.info_detail{list-style:none;padding-left:0;color:#d1d1d0;}ul.info_detail li{margin-bottom:3px;}ul.info_detail li i{font-size:18px;width:18px;text-align:center;margin-right:8px;color:#f0353c;}ul.info_detail li a{color:#d1d1d0;}ul.info_detail li a:hover{color:#fff;}.ft_info .info_right iframe {height: 140px !important;}.RWDsocial002 {margin-top: 20px;}.RWDsocial002 .pull-right {float: none !important;}.RWDsocial002 .ii-line1.iconRounded {font-size: 20px; color: #fff; background-color: #45b91f; border: 1px solid #45b91f; width: 42px; height: 42px; margin-right: 12px; padding-top: 10px; transition: .5s ease;}.RWDsocial002 .ii-line1.iconRounded:hover {background-color: #45b91f; color: #fff;}.footer_block .ft_menu .RWDedictor {display: flex; flex-wrap: wrap;}.footer_block .ft_menu .menu_left ul, .footer_block .ft_menu .menu_right ul {list-style: none; padding-left: 0; margin: 0; display: flex; flex-wrap: wrap;}.footer_block .ft_menu li {margin-bottom:5px;}.footer_block .ft_menu li a {color:#d1d1d0;}.footer_block .ft_menu li a:hover{color:#fff;}.footer_block .ft_menu h4 {font-size: 16px; color: #cf222a; font-weight: 500; margin-bottom: 15px;}.ft_menu .menu_left, .ft_menu .menu_right {width: 50%;}.footer_block .ft_menu ul li {width: 120px;}.ft_copyright{text-align:center;font-size:12px;font-weight:300;color:#6b6b6b;padding-top:20px;border-top:1px solid #464646;margin-top:30px;display:flex;flex-wrap:wrap;/*justify-content:center;*/}.ft_copyright .RWDedictor,.ft_copyright .RWDssl01{padding-right:10px;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover {color: #6b6b6b;}/*跟隨*/ .footer_block .fixed_btn {position: fixed; right: 20px; bottom: 100px; z-index: 2001; opacity: 0; transition: all .5s ease;}.footer_block .fixed_btn.down {pointer-events: auto; opacity: 1; transition: all .5s ease;z-index: 100;}.footer_block .fixed_btn .RWDbtn01 {margin-top: 0;}.footer_block .fixed_btn .RWDbtn01 .btn-box {flex-direction: column; margin: 0;}.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12 {width: 100%; padding: 0; margin-bottom: 10px;}.fixed_btn .RWDbtn01 .btn-box .btn {width: 45px; min-height: 135px; border-radius: 50px; padding: 20px 8px; writing-mode: vertical-lr; background: #5e6062; color: #fff; font-size: 16px;}.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(1) .btn {background: #408fdc; background: linear-gradient(360deg, #4079e2, #96d2e9);}.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(2) .btn {background: #45b91f; background: linear-gradient(360deg, #45b91f, #94e27a);}.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(3) .btn {background: #ec6534; background: linear-gradient(360deg, #ed7f2c, #ebb86a);}/*.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(1) .btn:hover {background: linear-gradient(360deg, #1b60df, #73b9d4); transition: .5s ease;}*/ .fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(1) .btn:before {content: "\f127"; font-family: Ionicons !important; font-size: 18px; margin-bottom: 7px;}.fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(2) .btn:before {content: "\e90a"; font-family: iicon !important; font-size: 20px; margin-bottom: 7px;}/*20250714-1 na修改隱藏ICON..fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(3) .btn:before {content: "\f2d2"; font-family: Ionicons !important; font-size: 18px; margin-bottom: 7px;}*/ .scrollTop002 {bottom: 40px;}.fixed_bottom_btn {position: fixed; bottom: 0; left: 0; z-index: 222; width: 100%; display: none;}/* 230813修改 */ .footer_block{ background: #f1f1f1;}.footer_block .ft_menu li a,ul.info_detail,ul.info_detail li a { color: #333;}.footer_block .ft_menu{ border-left: 1px solid #4646462b;}.ft_copyright{ border-top: 1px solid #4646462b;}/*20250714-2 na修改隱藏ICON..fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(3) .btn:before{ content: "\f2eb"; }*/ .fixed_btn .RWDbtn01 .btn-box .col-sm-3.col-xs-12:nth-child(2) .btn:before{ font-size: 19px;} /*footer end*/ /*左右配置 start*/ @media (min-width: 1200px){/*右-內容*/ .main-block{position: relative;width: calc(100% - 180px);top: 0;float: right;}/*左-選單*//*header*/ .RWDmenu_plus02 .container {width: 100%;padding: 0;}.cd-main-header {background: transparent;}.RWDmenu_plus02 .inside {background: transparent;}.RWDmenu_plus02 .inside.is-up {box-shadow: none;}.RWDmenu_plus02 .inside.is-up .cd-logo {width: 160px;}/*logo*/ .cd-logo{width:180px;margin-top: 35px; margin-left:15px;padding: 0px 15px;}/*選單*/ .RWDmenu_plus02 ol, .RWDmenu_plus02 ul {font-family: 'Noto Sans TC', sans-serif;}nav.cd-nav {float: left;width:180px;position: absolute;left:0px;margin-top: 15vw;margin-left: 0;background: #fff;background: transparent;padding: 0;}.cd-primary-nav>li{width: 100%;text-align: center;border-bottom: 1px solid #fff;}.cd-primary-nav>li>a{line-height: 60px;height: 60px;font-size: 15px;letter-spacing: 2px;color: #333;width: 100%;transition:.3s;padding-right: 30px; background: rgb(255 255 255 / 0.4);}.is-up .cd-primary-nav>li>a {background: #3e464a; color: #fff;}.cd-primary-nav>li>a:hover, .cd-primary-nav>li.active>a{color:#fff; background: #e91027;}.cd-primary-nav>.has-children>a {padding-right: 30px!important;}.cd-primary-nav > li:after {height: 0;}.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {background: #555;}.is-up .cd-primary-nav > .has-children > a::before, .is-up .cd-primary-nav > .has-children > a::after {background: #fff;}.cd-primary-nav > .has-children > a::before {transform: rotate(45deg);right: 20px;top: 27px;width: 5px;}.cd-primary-nav > .has-children > a::after {transform: rotate(-45deg); right: 20px; top: 31px; width: 5px;}/*下拉*/ .cd-primary-nav .cd-secondary-nav{border-left: 4px #e91027 solid;left:200px;top: 4px;box-shadow: none;}.cd-primary-nav .cd-secondary-nav>li>a {font-size: 15px;padding: 10px 15px;color: #2f2f2f;font-weight: normal;}.cd-primary-nav .cd-secondary-nav>li.active>a, .cd-primary-nav .cd-secondary-nav>li>a:hover {background-color: #f9f9f9;color: #2f2f2f;}.cd-primary-nav > li > a:hover:before, .cd-primary-nav > li > a:hover:after, .cd-primary-nav > li.active>a:before, .cd-primary-nav > li.active>a:after {background-color: #fff;}} /*左右配置 end*/ /*內頁 start*/ .page_wrapper_bg .RWDmenu_plus04 .header { top: -0; opacity: 1; transition: .3s ease; box-shadow: 12px 9px 14px 2px rgb(101 101 101 / 6%);}.page_wrapper_bg section.call_to_action>.container { width: 80%; padding: 0;}.page_wrapper_bg .article-text>.container { width: 100%; padding: 0;}.productcontent .page_wrapper_bg section.call_to_action>.container,.eforms1 .page_wrapper_bg section.call_to_action>.container,.article3 .page_wrapper_bg section.call_to_action>.container { width: 65%;}.page_wrapper_bg section.call_to_action { padding: 120px 0; min-height: 32vw;}.page_wrapper_bg .article-text { font-size: 16px; font-weight: normal; color: #555; letter-spacing: 1.5px; line-height: 2;}.page_wrapper_bg .article-text p { font-size: 16px; font-weight: normal; color: #555; letter-spacing: 1.5px; line-height: 2;}.page_wrapper_bg .article-text h2 { font-size: 22px; color: #333; margin: 0 0 10px; font-weight: 500; line-height: 1.7; letter-spacing: 1px;}/*側選單*/#sidebar .products-nav>ul>li.active>ul { display: block;}.xrow { width: 100%; height: 100%; position: relative; display: inline-block;}#sidebar .products-nav { background: transparent; box-shadow: none; border: 1px solid #525252}.m2018 .products-nav .nav-title { background: #323232; font-size: 18px; padding: 10px 10px; text-align: center; margin-bottom: 0; color: #fff; letter-spacing: 3px;}.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 #f0353c;}.page_wrapper_bg .products-nav>ul>li.active>a,.page_wrapper_bg .products-nav>ul>li:hover>a { color: #f0353c; font-weight: normal;}.m2018 .products-nav>ul>li>a { padding-right: 0; color: #888;}.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;}.m2018 .products-nav>ul>li>a { color: #555;}/*確定送出*/ .page_wrapper_bg .new-form .new-width .currectsend_btn { background: transparent;}.page_wrapper_bg .currectsend_btn a { background: #409fca; padding: 7px 50px !important; border-radius: 30px; color: #fff; font-weight: 600; transition: 0.5s ease;}.page_wrapper_bg .ebtn a { color: rgb(255, 255, 255); background: rgb(209 3 14); padding: 10px 50px; border-radius: 30px; transition: all 0.5s ease 0s;}.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: #555; transition: .5s ease; border: 1px solid #555; color: #fff;}.btn.btn_back a { border: 1px solid #555; background: #fff; color: #555; padding: 3px 50px; border-radius: 20px; font-size: 16px;}#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 0;}.hgroup .container { margin: 0 0 40px; border-bottom: none; padding: 0; width: 100%;}.hgroup .pageTitle { text-align: center; padding: 0; font-size: clamp(1.75rem, 1.6152rem + 0.553vw, 2.5rem); font-weight: 500; letter-spacing: 3px; margin: 0; line-height: 1.5; color: #1f1f1f;}.page_subject { padding: 0;}.product1 section.hgroup,.article1 section.hgroup { padding-left: 25%;}/**/ .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;}/*會員*/#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: #04a1e9;}#join_form .btn-primary { background: #11a5e9; border-radius: 20px;}.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 .price-box li.active { color: #ff6613;}#RWDPAGE_BASE_PAT02 .cart-menu .text-box .price { color: #ff6613;}.RWDproduct_page .products-info .name { font-size: 20px; color: #333; font-weight: bold;}.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;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add { background: #fff; border-radius: 20px; color: #009fe8; border: 1px solid #009fe8; transition: .3s ease;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop { background: #10a5e9; border-radius: 20px;}.layoutlist_2 .subject { text-align: center; padding: 1rem 0 0.5rem; height: auto !important; margin: 0;}.layoutlist_2 .item { background: linear-gradient(70deg, #eee, transparent, #eee);}.layoutlist_2 .item .img img { background: #fff; padding: 2rem; border: 1px solid #eee; border-bottom: 0;}.layoutlist_2 .item .img { border-bottom: 0; margin: 0;}/*-----*/ .new-form .new-width .control-label { font-weight: normal;}.form-control { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none;}.customized_columns ._input,.customized_columns select { border: none;}.new-form .formdesc { margin: 0; padding-right: 50px;}.eformsDesc { margin: 0 0 50px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; text-align: center;}.layoutlist_2 .item,.layoutlist_4 .item { margin-top: 0; border-bottom: none;}/*--------*/ .tabs nav li.tab-current a::before { background: #cf020d !important;}.layoutlist_7 .cdate,.layoutlist_7 .cdate a { display: none;}.layoutlist_7 .subject,.layoutlist_7 .subject a { font-size: 22px !important; margin-top: 20px !important; margin-bottom: 0 !important; font-weight: 500 !important;}.layoutlist_7 .litem { margin: 0 0 60px !important;}.layoutlist_4 .xrow .col-sm-6.col-md-6 { margin: 0 0 40px;}.layoutlist_4 .item { padding: 50px !important; border: 1px solid #e0e0e0;}.layoutlist_4 .listdate { border-left: none !important;}.layoutlist_4 .listdate .yearmonth { color: #555 !important; font-size: 13px !important; letter-spacing: 0 !important; text-align: right; padding: 0 !important;}.layoutlist_4 .listdate .day { color: #4b4b4b !important; font-size: 40px !important; text-align: right !important; line-height: 1.5 !important; letter-spacing: 0 !important;}.layoutlist_4 .summary.tx a { font-size: 16px !important; line-height: 1.5 !important;}.layoutlist_4 .list_subject a { text-decoration: none !important; color: #474747 !important; font-size: 25px !important; line-height: 1.7 !important; margin: 0 !important;}.layoutlist_4 .list_subject .summary { margin: 10px 0 0 !important;}.cate_list.row img { border: 1px solid #e3e3e3;}.layoutlist_2 .col-xs-12.col-sm-6.col-md-4 { margin: 0 2rem 4rem; width: calc(100% / 3 - 4rem); padding: 0;}/*230912修*/ .page_wrapper_bg .footer_block .fixed_btn,.page_wrapper_bg .footer_block .fixed_btn.down { pointer-events: auto; opacity: 1; transition: all .5s ease; z-index: 100;}/*---------------*/ .product_infobox ul li:last-child { border-bottom: none; padding-bottom: 0;}.product_infobox ul li { border-bottom: 1px solid #ccc; padding: 10px 0;}.product_infobox ul { list-style: none; padding: 0;} /*內頁 end*/ /*240403美編 start*/ :root { --Font_All: 'Noto Sans TC', sans-serif; --Font_En: 'Crimson Text', serif; --mainred: #d1030e;}/* 選單 */ .RWDmenu_plus04 .dropdown-menu .container { padding: 2rem 3rem 3rem;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a { font-size: 1rem; line-height: 3; position: relative;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:before { content: "▢"; margin-right: 1rem; opacity: .3;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:hover { border-color: var(--mainred); color: var(--mainred);}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:hover:before { opacity: 1;}/* 產品測選單 */ .article1 #article { width: 75%;}:is(.product1, .product2, .article1) .page_wrapper_bg section.call_to_action>.container { width: 65%;}.page_content3_mainphoto .swiper-slide img { width: 100%;}:is(.product1, .product2, .article1) .page_wrapper_bg .products-nav>ul>li:hover:before { width: 100%; transition: .5s;}:is(.product1, .product2, .article1) .page_wrapper_bg .products-nav>ul>li:before { content: ""; background: var(--mainred); width: 0; height: 1px; position: absolute; bottom: 0; left: 0; transition: .5s;}:is(.product1, .product2, .article1) .xrow { width: calc(100% + 7vw);}:is(.product1, .product2, .article1) #sidebar .products-nav { border: 0;}:is(.product1, .product2, .article1) .m2018 .products-nav ul li { padding: 20px 0px;}:is(.product1, .product2, .article1) .page_wrapper_bg .products-nav>ul>li.active>a { color: #fff;}:is(.product1, .product2, .article1) .page_wrapper_bg .products-nav>ul>li.active { border-bottom: 1px solid #f0353c; background: var(--mainred);}:is(.product1, .product2, .article1) .m2018 .products-nav .nav-title { display: none;}:is(.product1, .product2, .article1) #sidebar { margin: 0 7vw 0 -7vw;}:is(.product1, .product2, .article1) .page_wrapper_bg section.call_to_action:before { content: ""; background: linear-gradient(45deg, #ccc, transparent); width: 30vw; height: 100%; position: absolute; top: 0;}.page_wrapper_bg section.call_to_action { position: relative;}#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page { font-family: var(--Font_All); font-size: 1rem;}/* 團隊 */ .RWDslider01 .pic-list figure.pic { margin: 0;}.RWDslider01 .text { padding: 0;}.article1.id218 .RWDslider01 .products-list .box { display: flex; align-items: center; border: 1px solid #eee; padding: 0;}.article1.id218 .RWDslider01 .products-list .box ul.pic-list { width: 80%;}.article1 .RWDslider01 .pic-list li,.article1 .RWDslider01 .pic-list li img,.article1 .RWDslider01 .pic-list .pic { height: 100% !important; object-fit: cover; width: fit-content;}.abbox { padding: 2rem 4rem 2rem 1rem;}.inner_mainttl { font-size: 1.5rem; font-weight: 500; letter-spacing: 1px; margin: 0; line-height: 1.6; color: #1f1f1f;}.inner_mainttl:after { content: ''; position: relative; display: block; width: 55px; height: 3px; background: #f0353c; margin: 15px 0 18px;}/* 產品 *//* 240415詢問車按鈕改LINE */ .RWDproduct_page .btn-other { display: none;}.RWDproduct_page .product_linebtn a { background: #45b91f; background: linear-gradient(360deg, #45b91f, #94e27a); color: white; padding: 0.7rem; display: block; height: auto; font-size: 1rem; border-radius: 99em; font-weight: 500;}.product_linebtn { width: 100%; max-width: 200px; margin: 2rem 0 0;}/* 內容 */ .RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor { color: #555; font-size: 1rem;}.RWDproduct_page .products-info .name { font-size: 30px; line-height: 1.1;}.RWDproduct_page .products-info .subname { font-size: 1.4rem; font-weight: 500; color: #333; margin: 5px 0 0; display: inline-block;}.RWDproduct_page .products-info .txt .title { display: none;}.RWDproduct_page .products-info .txt .editor td:first-child { font-weight: bold; color: #333;}.RWDproduct_page .products-info .txt .editor td { padding: 10px; line-height: 1;}.RWDproduct_page .products-info .txt .editor table { border: 1px solid #e5e5e5;}.RWDproduct_page .list-inline>li { width: 100%;}.RWDproduct_page .btn-other .ibtn:hover { color: white; background: rgb(209 3 14); transition: .5s;}.RWDproduct_page .ibtn { background: #555; color: white; padding: 10px !important; border-radius: 99em; min-width: 200px; display: block; font-size: 1rem; transition: .5s;}.RWDproduct_page .products-con { display: flex; align-items: center;}.RWDproduct_page .products-info { width: 45%; padding: 30px; background: linear-gradient(45deg, #CCC, transparent, #eee);}.RWDproduct_page .pic-box { width: calc(100% - 50px - 45%); background: #fff; padding: 0 6vw; margin-right: 50px;}.RWDproduct_page .tab-box .tab-menu a:hover { background: #999; color: white;}.RWDproduct_page .tab-box .tab-menu a { line-height: 1; height: auto; padding: 1rem 3rem; font-size: 1rem; letter-spacing: 0px;}.ptabbox { display: grid; grid-template-columns: 34% 60%; align-items: flex-start; gap: 0 6%;}.ptabbox .inner_mainttl { font-size: 1.2rem;}.ptabbox ul strong,.ptabbox ol strong { display: block; color: #000; font-family: var(--Font_En);}.ptabbox ul,.ptabbox ol { padding-left: 0; list-style: none;}.ptabbox.intro ul,.ptabbox.intro ol { margin: 2rem 0 3rem;}.ptabbox ul li,.ptabbox ol li { margin: 1rem 0; border-top: 1px solid #eee; padding: 1rem 1.5rem 0; border-left: 1px solid #eee; border-right: 1px solid #eee;}.RWDproduct_page .tab-box .tab-container>ul>li { padding: 2rem;}.ptabbox p { line-height: 1.5 !important; margin: 1.5rem 0 0;}.layoutlist_2 .subject>a { font-size: 1.5rem; font-weight: 500; letter-spacing: 0; line-height: 1; color: #1F1F1E !important;}/* tab2 */ .ptabbox.flow li { padding: 1.5rem 2rem 1rem;}.ptabbox.flow { display: flex;}.ptabbox.flow li strong span { clip-path: polygon(0 0, 100% 0%, 100% 70%, 50% 100%, 0 70%); background: var(--mainred); display: inline-block; color: white; padding: 5px 8px 10px; line-height: 1; margin: 0 1rem 0 0;}.ptabbox.flow ul strong,.ptabbox.flow ol strong { font-size: 1.1rem; margin: 0 0 -0.3rem;}.ptabbox.flow p { margin: 0 0 0 1rem; padding: 0 0 0 2.4rem; border-left: 1px solid var(--mainred);}/* tab3 */ .ptabbox.contact .txtbox ul li:nth-child(even) { border-left: 0;}.ptabbox.contact .txtbox ul li span { display: block; font-size: .9rem; font-style: italic; color: #999;}.ptabbox.contact .txtbox ul { display: grid; grid-template-columns: 35% 65%;}.ptabbox.contact .mapbox iframe { height: 200px;}.ptabbox.contact>div { width: 100%;}.ptabbox.contact { display: flex; flex-direction: column; gap: 2rem 0;}/* 客製流程 */ .layoutlist_7 .summary,.layoutlist_7 .summary a { line-height: 1.6;}/* 最新商品 */ .layoutlist_4 .list_subject>a { text-decoration: none !important; color: #1f1f1f !important; font-size: 1.5rem !important; line-height: 1.7 !important; margin: 0 !important; letter-spacing: 0; font-weight: 500;}.layoutlist_4 .list_subject .summary { line-height: 1;}.layoutlist_4 .summary.tx a { color: #555;}.layoutlist_4 .item { -moz-border-image: -moz-linear-gradient(35deg, #ccc, #fbfbfb, #ccc); -webkit-border-image: -webkit-linear-gradient(35deg, #ccc, #fbfbfb, #ccc); border-image: linear-gradient(35deg, #ccc, #fbfbfb, #ccc); border-bottom: 10px solid var(--mainred) !important; border-image-slice: 1;}.layoutlist_4 .listdate .day { font-family: var(--Font_En); font-size: 4rem !important; line-height: 1 !important;}.layoutlist_4 .list_subject { padding: 0 0 0 3rem;}.layoutlist_4 .item:hover,.layoutlist_2 .item:hover { box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); transition: .5s;}.layoutlist_4 .item,.layoutlist_2 .item { transition: .5s;}.is-item-list.productlist .subject>a { font-size: 1.2rem;}/* 客製流程 */ .article5 .container { width: 65%;}.RWDservice005 .box_title .icon { order: 3; margin: 7rem auto 0 0; width: 70%;}.RWDservice005 .box_title { text-align: left;}.RWDservice005 .box_title .text1,.RWDservice005 .box_title .text2 { color: #1f1f1f; letter-spacing: 1px; font-family: 'Noto Sans TC', sans-serif;}.RWDservice005 .box_title .memo { color: #555; font-size: 1rem; margin: 2rem 0 0;}.RWDservice005 .box_title .text1 { font-size: 2.5rem; font-weight: 600; line-height: 1.3;}.RWDservice005 .box_title .text2 { font-size: 1.5rem;}.article5 .hgroup .breadcrumb { display: none;}.RWDservice005 .box_title { width: 500px !important; padding: 0 50px 0 0;}.RWDservice005 { align-items: flex-start;}.RWDservice005 .block { background: white; border: 1px solid #ccc; padding: 0;}.RWDservice005 .block .title1 { font-size: 1.3rem; padding: 0 3rem; margin: 2rem 0 .5rem; height: auto; line-height: 1.5;}.RWDservice005 .block .title2 { display: block; max-height: initial; height: auto; padding: 0 3rem; margin: 0 0 3rem; font-size: 1rem;}.article5 .page_wrapper_bg section.call_to_action:before,.article5 .page_wrapper_bg section.call_to_action::after { content: ""; background: linear-gradient(180deg, black, transparent); width: 100%; height: 5rem; position: absolute; top: 0; left: 0;}.article5 .page_wrapper_bg section.call_to_action::after { top: auto; bottom: 0; background: linear-gradient(0deg, black, transparent);}.article5 .page_wrapper_bg section.call_to_action { background: url(archive/image/customization/cum_flowbg.webp) no-repeat; background-attachment: fixed; background-size: cover; position: relative;}.ser_project { background: url(archive/image/customization/cum_projectbg.webp) no-repeat; background-size: cover; padding: 8rem 0; background-position: bottom;}.article5 section.hgroup .container { width: 100%;}.article5 .hgroup .pageTitle { color: #fff; font-size: 2.5rem; letter-spacing: 1px;}.article5 .RWDtimeline01 .line_dot2 span { background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(50 50 50) 2%, rgb(51 51 51) 100%); background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(50 50 50) 2%, rgb(51 51 51) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(50 50 50) 2%, rgb(51 51 51) 100%);}.article5 .RWDtimeline01 li.event:before { border: 0; width: 10px; height: 10px; filter: drop-shadow(2px 4px 6px var(--mainred));}.article5 .RWDtimeline01 li.event .point .date { display: none;}.article5 .RWDtimeline01 li.event .point .circle img { filter: brightness(0) invert(1); margin: 0;}.article5 .RWDtimeline01 li.event .point .circle { background: var(--mainred); border-radius: 1rem; width: 6rem; padding: 1rem; float: left;}.article5 .RWDtimeline01 li.event .point { background: #fff; padding: 2rem;}.article5 .RWDtimeline01 li.event .point .title,.article5 .RWDtimeline01 li.event .point .editor { float: right; line-height: 1.5; font-size: 1rem; color: #555; width: 100%;}.article5 .RWDtimeline01 li.event .point .title { text-align: left; font-size: 1.1rem !important; letter-spacing: 1px; color: #1f1f1f !important; line-height: 1.3; margin: 0;}.article5 .page_wrapper_bg .article-text>.container { width: 75%;}.article5 .RWDtimeline01 li.event .point { background: #fff; padding: 2rem; display: grid; align-items: center; grid-template-columns: 7rem 150px 1fr; gap: 0 1rem;}.ser_para div#pic-bg { height: 30vw;}.article5 .RWDproduct004 .callout-dark { background: transparent; padding: 0 0 50px; display: block;}.article5 .RWDproduct004 .heading-title.heading-arrow-top h1,.article5 .RWDproduct004 .heading-title.heading-arrow-bottom h1 { color: #333}.article5 .RWDproduct004 .heading-title.heading-arrow-bottom::after { display: none}.article5 .RWDproduct004 section { border: 0}.article5 .RWDproduct004 .row.mix-grid { margin: 0}.article5 .RWDproduct004 a.ico-rounded.lightbox { display: none !important}.article5 .RWDproduct004 .item-box .item-hover .inner { height: 100%; position: absolute; display: block; left: 0; right: 0; top: 0; margin-top: 0}.article5 .RWDproduct004 .item-box .item-hover a { width: 100%; height: 100%; display: block}.article5 .RWDproduct004 a.ico-rounded.lightbox { display: none !important}.article5 .RWDproduct004 .item-box .item-hover .inner .ico-rounded>span { display: none}.article5 .RWDproduct004 .overlay,.article5 .RWDproduct004 .item-box .item-hover { background-color: transparent}.article5 .RWDproduct004 .item-box-desc { position: initial; margin-bottom: 10px; overflow: initial}.article5 .RWDproduct004 .item-box figure { position: unset}.article5 .section-subject .main-title:after { left: 50%; transform: translateX(-50%);}.article5 .RWDproduct004 .section-subject { margin: 0;}.article5 .RWDproduct004 .item-box figure:after { display: none;}.article5 .RWDproduct004 .item-box-desc { writing-mode: horizontal-tb; padding-bottom: 0;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row>div,.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(even),.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(odd) { width: calc(100% / 3 - 4rem); padding: 2rem !important; margin: 0 2rem 4rem !important; border: 1px solid #ccc; pointer-events: none;}.article5 .RWDproduct004 #portfolio div.col-md-3 h2,.article5 .RWDproduct004 #portfolio div.col-md-3 h3 { text-shadow: none; color: #1f1f1f !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 1px !important; text-align: center; line-height: 1.3; margin: 0 0 0.5rem;}.article5 .RWDproduct004 .list-inline strong { font-weight: 500; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; text-transform: uppercase;}.article5 .RWDproduct004 .list-inline { color: #555; text-shadow: none; letter-spacing: 1px; font-size: 1rem; text-align: center; line-height: 1; margin: 1rem 0 0 !important;}.article5 .RWDproduct004 .row.mix-grid { margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}.ser_trophy { margin: 8rem 0 4rem;}/* 20250620 */ .page_wrapper_bg .page { display: flex; justify-content: center;}.page_wrapper_bg .page ul li a:hover,.page_wrapper_bg .page .page_prev:hover,.page_wrapper_bg .page .page_next:hover,.page_wrapper_bg .page .page_first:hover,.page_wrapper_bg .page .page_last:hover { background-color: rgb(241 197 198);}.page_wrapper_bg .page ul li a{ transition: 0s linear;}.page_wrapper_bg .page .page_active { background: #cf222a;}.page_wrapper_bg .page ul li a,.page_wrapper_bg .page ul li a:hover,.page_wrapper_bg .page .page_active { height: 38px; width: fit-content; line-height: 38px; min-width: 38px;}.page_wrapper_bg .page .page_next::before,.page_wrapper_bg .page ul li a,.page_wrapper_bg .page ul li a:hover,.page_wrapper_bg .page .page_active,.page_wrapper_bg .page .styled-select { font-size: 16px;}.page_wrapper_bg .page .page_prev,.page_wrapper_bg .page .page_next,.page_wrapper_bg .page .page_first,.page_wrapper_bg .page .page_last { border: 1px solid #ccc; border-radius: 0.5em;}.page_wrapper_bg .page .page_prev,.page_wrapper_bg .page .page_next { position: relative; width: 90px;}.page_wrapper_bg .page .page_next::before { content: '下一頁'; top: -3px; position: relative;}.page_wrapper_bg .page .page_prev::before { content: '上一頁'; top: -3px; position: relative;}.page_wrapper_bg .page .page_next { background: rgba(0, 0, 0, 0) url(https://system16.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/images/page_num_next.svg) no-repeat; background-position: 90% center; padding-right: 10px;}.page_wrapper_bg .page .page_prev { background: rgba(0, 0, 0, 0) url(https://system16.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/images/page_num_prev.svg) no-repeat; background-position: 10% center; padding-left: 10px;}.page_wrapper_bg .page ul{ display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 10px 0;} /*240403美編 end*/ /*美編小螢幕 start*/ @media (max-width: 2400px) {/* 團隊 */ .article1.id218 .RWDslider01 .products-list .box { flex-direction: column; align-items: center;}.article1 .RWDslider01 .pic-list,.article1 .RWDslider01 .text { width: 100%; padding: 0;}.abbox { max-width: 80%; margin: auto;}.article1.id218 .RWDslider01 .products-list .box ul.pic-list { width: 100%;}.article1.id218 .inner_mainttl br { display: none;}/* 流程 */ .article5 .container { width: 80%;}.article5 .page_wrapper_bg section.call_to_action>.container { width: 85%;}.article5 .page_wrapper_bg .article-text>.container { width: 100%;}.article5 .RWDtimeline01 li.event .point { grid-template-columns: 6rem 170px 1fr;}}@media (max-width: 1900px) {:is(.product1,.product2,.article1) .page_wrapper_bg section.call_to_action:before { width: 28vw;}/* 最新商品 */ .layoutlist_4 .list_subject { padding: 0 0 0 1rem;}.layoutlist_4 .list_subject>a { font-size: 1.3rem !important;}.layoutlist_4 .listdate .day { font-size: 3rem !important;}/* 流程 */ .ser_project { padding: 2vw 0;}.RWDservice005 .block .title1, .RWDservice005 .block .title2 { padding: 0 2rem;}.article5 .RWDtimeline01 li.event .point { display: flex; flex-direction: column; text-align: center;}.article5 .RWDtimeline01 li.event .point .title, .article5 .RWDtimeline01 li.event .point .editor { float: none; text-align: center; width: 90%;}.article5 .RWDtimeline01 li.event .point .title { margin: 1.5rem 0 .5rem;}.article5 .page_wrapper_bg .article-text>.container { width: 80%;}.article5 .RWDtimeline01 li.event { margin: 0 0 2rem;}}@media (max-width: 1700px) {/* 流程 */ .RWDservice005 .img_block { flex-direction: column; gap: 3rem 0;}.article5 .ser_project .container { width: 70%;}.RWDservice005 .box_title { width: 600px !important;}.ser_project { padding: 0 0 6rem;}.article5 .hgroup .pageTitle { margin: 0 0 2rem;}.article5 .RWDproduct004 .item-box .item-hover,.article5 .RWDproduct004 .item-box img,.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box .item-hover, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box img, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box .item-hover, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box img { height: 100%; object-fit: contain; object-position: unset;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even), .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(odd) { width: calc(100% / 3 - 2rem); margin: 0 1rem 2rem !important;}}@media (max-width: 1500px) {:is(.product1,.product2,.article1) .page_wrapper_bg section.call_to_action:before { width: 26vw;}:is(.product1,.product2,.article1) .page_wrapper_bg section.call_to_action>.container { width: 75%;}/* 團隊 */ .abbox { max-width: 90%;}/* 產品 */ .ptabbox { display: flex; flex-direction: column-reverse; gap: 2rem 0;}.ptabbox.contact .txtbox ul { grid-template-columns: 40% 60%;}/* 最新商品 */ .layoutlist_4 .listdate .day:before { margin-right: 5px;}.layoutlist_4 .listdate .day { font-family: var(--Font_All);}/* 流程 */ .article5 .ser_project .container { width: 80%;}.article5 .page_wrapper_bg .article-text>.container { width: 100%;}.article5 .container { width: 90%;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even), .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(odd) { padding: 1rem !important;}.article5 .RWDproduct004 #portfolio div.col-md-3 h2, .article5 .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 1.1rem !important;}}@media (max-width: 1199px) {:is(.product1,.product2,.article1) #sidebar { margin: 0 0 3rem;}:is(.product1,.product2,.article1) .xrow { width: 100%;}:is(.product1,.product2,.article1) .page_wrapper_bg section.call_to_action:before { background: transparent;}.article1 #sidebar { width: 100%; margin: 0 0 3rem;}/* 團隊 */ .RWDslider01 .products-list { margin: 0;}.article1 #article { width: 100%;}/* 流程 */ .article5 .ser_project .container { width: 85%;}.RWDservice005 .img_block { margin: 0;}.ser_trophy { margin: 5rem 0 3rem;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even), .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(odd) { width: calc(100% / 2 - 2rem);}}@media (max-width: 1024px) {:is(.product1,.product2,.article1) .page_wrapper_bg section.call_to_action>.container { width: 85%;}}@media (max-width: 991px) {/* 團隊 */ .article1 #sidebar { width: 100%; margin: 0 0 50px;}.article1 #article { width: 100%;}.abbox { max-width: 80%; padding: 3rem;}.article1 #article.pagecontent { padding: 0 !important;}/* 流程 */ .RWDservice005 .box_title, .RWDservice005 .img_block { width: 100% !important;}.RWDservice005 .box_title .icon { display: none;}.RWDservice005 { flex-direction: column; margin: 4rem 0 0;}.RWDservice005 .box_title { padding: 0; margin: 0 0 3rem;}.article5 .RWDtimeline01 li.event .point { width: calc(100% - 150px)!important; left: 100px !important;}.article5 .RWDtimeline01 .line_dot,.article5 .RWDtimeline01 .line_dot2 { left: 17px; margin-left: 0;}.ser_para div#pic-bg { height: 70vw;}.article5 .RWDtimeline01 li.event { margin: 0 0 4rem;}.article5 .RWDproduct004 .section-subject .sub-title br { display: none;}.article5 .RWDproduct004 .list-inline strong { display: none;}.ser_project { background-position: left;}/* 產品 */ .layoutlist_2 .subject { padding: 0.5rem 1rem 0.2rem !important; line-height: 1.5;}.is-item-list.productlist .subject>a { font-size: 1rem;}.RWDproduct_page .products-con>div { width: 100%; margin: 0;}.RWDproduct_page .pic-box { padding: 1rem 25vw;}.RWDproduct_page .products-con { flex-direction: column; background: linear-gradient(89deg, #CCC, transparent, #eee);}.RWDproduct_page .products-info { padding: 2rem;}.RWDproduct_page .products-info .txt .editor table { border: 1px solid #c3c3c3;}.RWDproduct_page .products-info .combination_info, .RWDproduct_page .products-info .txt { margin-bottom: 0;}.products-info .table-responsive { margin: 0;}.layoutlist_2 .col-xs-12.col-sm-6.col-md-4 { margin: 0 .5rem 1rem !important; width: calc(100% / 3 - 1rem) !important;}}@media (max-width: 767px) {/* 團隊 */ .abbox { max-width: 100%;}.layoutlist_4 .xrow .col-sm-6.col-md-6 { width: 100%;}/* 產品 */ .RWDproduct_page .faq-item .faq-question { padding: 10px 35px 10px 20px;}.RWDproduct_page .faq-item .faq-question:before { line-height: 2.5;}.RWDproduct_page .faq-item .editor { padding: 2rem;}.ptabbox .inner_mainttl br { display: none;}.ptabbox .inner_mainttl { font-size: 1.4rem;}.RWDproduct_page .faq-item.active .faq-question:before { line-height: 2;}.ptabbox.contact .txtbox ul li { margin: 0 0 1rem;}/* 流程 */ .ser_para div#pic-bg { height: 110vw;}.article5 .RWDproduct004 .item-box-desc { transform: none; margin: 1rem 0 .5rem;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even), .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(odd) { width: calc(100% / 1 - 2rem); padding: 2rem !important;}}@media (max-width: 600px) {/* 團隊 */ .inner_mainttl br { display: none;}.inner_mainttl { font-size: 1.3rem;}.abbox { padding: 2rem;}.article1.id218 .RWDslider01 .products-list .box ul.pic-list { margin: 0;}/* 產品 */ .product_linebtn { max-width: 100%;}.ptabbox.contact .txtbox ul { display: flex; flex-direction: column;}.ptabbox.contact .txtbox ul li:nth-child(even) { border-left: 1px solid #eee;}.ptabbox ul li { border: 0 !important; padding: .5rem 0 0; border-top: 1px solid #d3d3d3 !important; margin: 0 0 1rem;}.ptabbox.contact ul strong, .ptabbox.contact ol strong { line-height: 1.5; font-size: 1.2rem;}.ptabbox.contact .txtbox ul li span { line-height: 1.5;}.ptabbox.flow li { padding: 1rem 0;}.ptabbox .inner_mainttl { font-size: 1.1rem;}.ptabbox ul { margin: 1rem 0;}.ptabbox.contact .txtbox ul li { margin: 0 0 1.5rem;}.ptabbox.contact { gap: 0rem 0;}/* 最新商品 */ .layoutlist_4 .list_subject>a { font-size: 1.5rem !important;}/* 流程 */ .RWDservice005 .box_title .text1 { font-size: 2rem;}.ser_project { padding: 0 0 3rem;}.article5 .RWDtimeline01 .line_dot, .article5 .RWDtimeline01 .line_dot2 { left: -20px; margin-left: 0;}.article5 .RWDtimeline01 li.event:before { left: 7px;}.article5 .RWDtimeline01 li.event .point { width: calc(100% - 80px) !important; left: 70px !important;}.article5 .container { width: 100%;}}@media (max-width: 380px) {body, html { font-size: 14px;}/* 產品 */ .RWDproduct_page .products-info .name { font-size: 30px; line-height: 1;}.RWDproduct_page .products-info .subname { margin: 0;}.RWDproduct_page .btn-other li .ii { display: inline-block;}.abbox { padding: 2rem;}/* 流程 */ .RWDservice005 { margin: 3rem 0 0;}.article5 .ser_project .container { width: 90%;}.RWDservice005 .img_block { gap: 0rem 0;}.article5 .RWDtimeline01 li.event .point { width: calc(100% - 50px) !important; left: 50px !important; padding: 1.5rem;}.article5 .RWDtimeline01 li.event { margin: 0 0 3rem;}.article5 .RWDtimeline01 li.event .point .title, .article5 .RWDtimeline01 li.event .point .editor { width: 100%;}.article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div, .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(even), .article5 .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(odd) { padding: 1rem !important;}} /*美編小螢幕 end*/ /*小螢幕 start*/ @media (max-width: 2500px) { /*footer*/ .footer_block .container { width: 80% !important; }}@media (max-width: 2400px) { /*產品*/ .RWDbanner014 .thumb_pic .swiper-slide img { padding: 0 20px; } /*footer*/ .footer_block .container { width: 85% !important; }}@media (max-width: 2300px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 80%; } .news_block>.container, .cooperate_block>.container { width: 75% !important; } /*產品*/ .product_block:before { height: 200px; } .RWDbanner014 .main_pic_box .control_arrow { width: 70%; } .product_block .block_en-title { left: 27%; top: 33%; } /*服務*/ .RWDService002 .col-sm-4.col-md-4:after { width: 30%; right: -15%; }}@media (max-width: 2100px) { /*banner*/ .index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en { top: -8vw; } .index .RWDbanner_plus01 .container { width: 32% !important; } /*產品*/ .product_block .RWDedictor008 { top: 0; } .product_block .block_en-title { top: 35%; } .RWDbanner014 .main_pic_box .control_arrow { top: 43%; } .RWDbanner014 .thumb_pic { right: 3vw; } .RWDbanner014 .main_pic_box .swiper-slide .info { bottom: 35%; } .RWDbanner014 .main_pic_box .swiper-slide .button { bottom: 29%; } /*footer*/ .footer_block .container { width: 90% !important; }}@media (max-width: 2000px) { .index .RWDbanner_plus01 .container { margin: 0 15% 0 auto; } /*共通-間距*/ .index_section { padding: 120px 0; } .product_block.index_section { padding: 130px 0 100px; } .service_block.index_section { padding: 0 0 120px; } /*banner*/ .index .RWDbanner_plus01 .container { width: 33% !important; } ul.bn_fea { font-size: 21px; } ul.bn_fea li span.bn_fea-en { font-size: 15px; } /*產品*/ .product_block:before { height: 180px; } .RWDbanner014 .main_pic_box .control_arrow { width: calc(100% + 150px); } .RWDbanner014 .main_pic_box .control_arrow { top: 40%; } .RWDbanner014 .thumb_pic { right: 4vw; } /*入口*/ .RWDproduct004 .item-box-desc { right: 0; top: 0; } .RWDproduct004 .item-box-desc h3 { font-size: 32px !important; } .RWDproduct004 .list-inline { margin-left: 10px !important; font-size: 20px; letter-spacing: 5px; } /*客製化*/ .cta_block .block_en-title { max-width: 40%; } .cta_block .RWDparallax_new .picbgbox { height: 550px !important; } .cta_block .cta_mainpro { left: 26%; width: 400px; bottom: -140px; } .cta_block .cta_info { width: 38%; margin: 0 8% 0 auto; } /*footer*/ .footer_block { padding: 80px 0 40px; }}@media (max-width: 1900px) { /*產品*/ .RWDbanner014 .thumb_pic .swiper-slide img { padding: 0 10px; }}@media (max-width: 1800px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 85%; } .product_block>.container { width: 80% !important; } /*共通-間距*/ .about_block.index_section { padding: 200px 0 0; } /*banner*/ .index .RWDbanner_plus01 .container { width: 35% !important; } .index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 70px; } /*產品*/ .product_block:before { height: 160px; } .RWDbanner014 .main_pic_box .swiper-slide .button { left: 20px; } .RWDbanner014 .main_pic_box .swiper-slide .info { left: 20px; } .product_block .RWDedictor008 { left: 40px; } .RWDbanner014 .thumb_pic { right: 3vw; } .product_block .block_en-title { left: 24%; } /*最新消息*/ .RWDnews005 .margin-top-20 { margin-top: 15px !important; } .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next { top: 20%; } .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next { margin: 0; top: 20%; } .RWDnews005 h4, .news005_h4 { font-size: 18px; } .RWDnews005 .owl-carousel .owl-item .img-hover p.text-left { font-size: 15px; } /*入口*/ .RWDnews005 .owl-carousel .owl-item .img-hover p.text-left { font-size: 15px; } .RWDproduct004 .item-box-desc h3 { font-size: 30px !important; } .RWDproduct004 .item-box-desc { padding: 27px 12px 20px; } .RWDproduct004 .list-inline { line-height: 1.5; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(even) { margin-top: 60px !important; } /*客製化*/ .cta_block .cta_mainpro { left: 24%; } /*關於*/ .RWDleft_cont002 .item-second .text-box .text { padding: 0 3vw 0 0; } /*合作*/ .cooperate_block .RWDnews005 .owl-carousel img { padding: 0 20px; } /*footer*/ /*.fixed_btn .RWDbtn01 .btn-box .btn {min-height: 140px;}*/ .footer_block .ft_info { width: 60%; } .footer_block .ft_menu { width: 40%; } ul.info_detail, .footer_block .ft_menu ul li { font-size: 15px; } .ft_info .info_left h2 { font-size: 21px; } .layoutlist_4 .item { padding: 50px 20px !important; }}@media (max-width: 1700px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 90%; } .news_block>.container, .cooperate_block>.container { width: 80% !important; } /*header*/ .cd-logo { margin-top: 20px; } /*banner*/ .index .RWDbanner_plus01 .container { width: 38% !important; } /*產品*/ .RWDbanner014_info_title { font-size: 26px; } .RWDbanner014 .main_pic_box .swiper-slide .button { bottom: 28%; } /*客製化*/ .cta_block .cta_mainpro { left: 20%; bottom: -110px; } /*footer*/ .footer_block .ft_info, .footer_block .ft_menu { width: 100%; } .footer_block .ft_menu { padding: 25px 0 0; border-left: 0; border-top: 1px solid #464646; margin-top: 35px; } .footer_block .ft_menu ul li { width: 26%; margin-bottom: 3px; } .footer_block .ft_info { padding-right: 20px; } /* 230816修改 */ .RWDbanner_plus01 .logo { left: -5%; } .RWDProduct015 .product_box .imgs_box { padding: 0 15px; } .productcontent .page_wrapper_bg section.call_to_action>.container, .eforms1 .page_wrapper_bg section.call_to_action>.container, .article3 .page_wrapper_bg section.call_to_action>.container { width: 75%; } /* 240402 */ .layoutlist_2 .col-xs-12.col-sm-6.col-md-4 { margin: 0 1rem 2rem; width: calc(100% / 3 - 2rem); }}@media (max-width: 1600px) { /*header*/ nav.cd-nav { width: 160px; } .RWDmenu_plus02 .inside.is-up .cd-logo { width: 140px; } /*main*/ .main-block { width: calc(100% - 160px); } .main.cd-main-content:after { left: 160px; } /**/ .section-subject .main-title { letter-spacing: 2px; } .cta_block .section-subject, .about_block .section-subject { margin-bottom: 50px; } /*間距*/ .product_block.index_section { padding: 120px 0 100px; } /*banner*/ .index .RWDbanner_plus01 .container { width: 36% !important; } .index .RWDbanner_plus01 .slick-caption .txt1 { letter-spacing: 6px; } .index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 50px; } ul.bn_fea li { margin: 0 0 25px 0; width: 50%; } .index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en { top: -9vw; left: 9vw; } /*產品*/ .product_block .section-subject { margin-bottom: 60px; } .product_block .RWDedictor008 { position: relative; left: auto; } .product_block .section-subject { text-align: center; } .product_block .section-subject .main-title:after { margin: 15px auto 18px; } .RWDbanner014 .main_pic_box .swiper-slide .info { bottom: 32%; left: 60px; } .RWDbanner014 .main_pic_box .swiper-slide .button { bottom: 25%; left: 60px; } .RWDbanner014 .main_pic_box .control_arrow { width: calc(100% + 70px); } .RWDbanner014 .thumb_pic .swiper-slide img { padding: 0; } .RWDbanner014 .thumb_pic { right: 1vw; } .product_block .block_en-title { left: 50%; transform: translateX(-50%) !important; top: 40%; } .RWDbanner014 .main_pic_box .control_arrow { top: 27%; } /*入口*/ .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(even) { margin-top: 10px !important; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: calc(100% / 3); margin: 10px 0 !important; } .RWDproduct004 .item-box .item-hover, .RWDproduct004 .item-box img { height: 28vw; object-fit: cover; object-position: left -50px; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4), .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) { width: calc(100% / 2); } .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box img, .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box img { height: 27vw; object-position: left 27%; } /*關於*/ .RWDleft_cont002 .item-second { align-items: flex-start; } /*客製化*/ .cta_block .RWDparallax_new .picbgbox { height: 600px !important; } .cta_block .cta_mainpro { left: 18%; bottom: -130px; } .RWDProduct015 .product_box .imgs_box { padding: 0 10px; } .RWDProduct015 .product_box { width: calc(100%/3); } .RWDProduct015 .product_box .imgs img { position: relative; z-index: 1; height: 28vw; object-fit: cover; object-position: left -50px; width: 100%; } .RWDProduct015 .product_box:nth-child(even) { margin-top: 0px !important; } .RWDProduct015 .product_box:nth-child(4), .RWDProduct015 .product_box:nth-child(5) { width: calc(100% / 2); margin-top: 0px !important; } .RWDProduct015 .product_box:nth-child(4) .imgs img, .RWDProduct015 .product_box:nth-child(5) .imgs img { height: 27vw; object-position: left 27%; } .RWDProduct015 .product_box .title { font-size: 30px !important; letter-spacing: 5px !important; } .RWDProduct015 .product_box .memo { font-size: 20px; letter-spacing: 2px; } .page_wrapper_bg .page ul li a, .page_wrapper_bg .page ul li a:hover, .page_wrapper_bg .page .page_active { height: 34px; line-height: 34px; min-width: 34px;}}@media (max-width: 1500px) { /**/ .section-subject { margin-bottom: 50px; } /*header*/ .cd-logo { width: 160px; } /*banner*/ .index .RWDbanner_plus01 .container { width: 40% !important; } ul.bn_fea li { width: auto; min-width: 220px; } ul.bn_fea li span.bn_fea-en { letter-spacing: 0; } /*產品*/ .RWDbanner014_info_title { font-size: 26px; } /*服務*/ .RWDService002 .col-sm-4.col-md-4 { width: calc(100% / 4); margin: 15px 0; } .RWDService002 div.row:nth-child(3) .col-sm-4.col-md-4:first-child:after { display: none; } .funny-boxes>.funny-boxes-icon { margin-bottom: 12px; } .RWDService002 div.row:nth-child(3) .col-sm-4.col-md-4:nth-child(2) { margin-left: 13%; } /*客製化*/ .cta_block .block_en-title { max-width: 50%; } .cta_block .index_section { padding: 100px 0; } .cta_block .RWDparallax_new .picbgbox { height: 560px !important; } /*合作*/ .cooperate_block .RWDnews005 .owl-carousel img { padding: 0 10px; } .layoutlist_4 .item { display: flex; flex-direction: column; } .list_img.col-sm-3.col-md-3 { width: 100%; } .list_subject.col-sm-6.col-md-6 { margin: 20px 0 !important; width: 100%; } .layoutlist_4 .listdate { width: 100% !important; text-align: left; } .layoutlist_4 .listdate .yearmonth { font-size: 13px !important; text-align: left; display: inline-block; color: #4b4b4b; } .layoutlist_4 .listdate .day { font-size: 13px !important; text-align: left !important; display: inline-block; color: #4b4b4b; } .layoutlist_4 .listdate .day:before { content: "/"; }}@media (max-width: 1400px) { /*產品*/ .RWDbanner014 .main_pic_box .control_arrow { top: 24%; } .RWDbanner014 .main_pic_box .swiper-slide .info { bottom: 34%; } .product_block:before { height: 150px; } .page_wrapper_bg .page ul li a, .page_wrapper_bg .page ul li a:hover, .page_wrapper_bg .page .page_active { height: 30px; line-height: 30px; min-width: 30px; font-size: 15px; }.page_wrapper_bg .page .page_prev, .page_wrapper_bg .page .page_next { width: 80px;}.page_wrapper_bg .page .page_prev::before,.page_wrapper_bg .page .page_next::before { top: -2px;} }@media (max-width: 1300px) { /*header*/ .cd-primary-nav>li>a { line-height: 50px; height: 50px; } /*banner*/ .index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 44px; } /*服務*/ .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 10px; } /*關於*/ .RWDleft_cont002 .item-second a, .RWDleft_cont002 .item-second .text-box { width: 100%; } .RWDleft_cont002 .item-second { align-items: flex-start; flex-flow: column-reverse; } .RWDleft_cont002 .item-second .text-box { margin-bottom: 30px; } .RWDleft_cont002 .item-second .pic { width: 90%; } /*客製化*/ .cta_block .cta_mainpro { left: 7%; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .fl {width:240px;}/*header*/ .RWDmenu_plus02 .phone-menu {margin-left: 5px;}.cd-header-buttons {top: 10px;margin-left: 0 !important;}.cd-header-buttons li.search-btn {margin: 5px 0 0;}.cd-main-header {height: 70px; padding: 0 15px; background: transparent;}.RWDmenu_plus02 .inside.is-up .cd-logo, .cd-logo {width: 90px; margin: 10px 0 0 !important;}.RWDmenu_plus02 .inside .cd-main-header {transition: .5s ease;}.RWDmenu_plus02 .inside.is-up .cd-main-header {background: #fff; transition: .5s ease; box-shadow: 0 10px 20px rgb(66 67 68 / 10%);}/*漢堡*/ .cd-primary-nav, .cd-primary-nav ul {background: #fff;}nav.cd-nav .bottom-copyright {display: none;}nav.cd-nav ul .close-btn {font-size: 15px;color: #333;}/*間距*/ .index_section {padding: 100px 0;}.product_block.index_section {padding: 100px 0 80px;}.service_block.index_section {padding: 0 0 100px;}.inter_block.index_section {padding: 0 0 100px;}.about_block.index_section {padding: 140px 0 0;}/*main*/ .main-block {width: 100%;}.main.cd-main-content:after {display: none;}#RWDfullscreen01 .container {width: 88%;}.inter_block .container {width: 90% !important;}.news_block>.container, .cooperate_block>.container {width: 78% !important;}/*banner*/ .index .RWDbanner_plus01 .container {width: 50% !important; margin:0 5% 0 auto;}.RWDbanner_plus01 .logo { left: -14%; width: 85vh;}.index .RWDbanner_plus01 .slick-caption .txt1 {font-size: clamp(1.75rem, 1.3884rem + 1.4833vw, 2.5rem);}.index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en {top: -120px; left: 100px; font-size: clamp(5rem, 2.8909rem + 8.6527vw, 9.375rem);}ul.bn_fea {font-size: 19px;}ul.bn_fea li span.bn_fea-en {font-size: 14px;}/*產品*/ .product_block:before {height: 120px;}.product_block>.container {width: 75% !important;}.RWDbanner014 .thumb_pic {right: 2vw; bottom: 20%;}.product_block .block_en-title {top: 42%;}.RWDbanner014_info_title {font-size: 24px;}.RWDbanner014 .main_pic_box .swiper-slide .info {bottom: 34%; left: 40px;}.RWDbanner014 .main_pic_box .swiper-slide .main_img {height: 35vw!important;}.RWDbanner014 .main_pic_box .swiper-slide .button {bottom: 25%; left: 40px;}.RWDbanner014 .main_pic_box .control_arrow {top: 28%;}/*服務*/ .funny-boxes > .funny-boxes-icon {width: 90px; height: 90px;}/*最新消息*/ .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {margin: 0; width: 40px!important; height: 40px!important; font-size: 22px!important;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div i {top: -10px;}/*入口*/ .RWDproduct004 .item-box .item-hover, .RWDproduct004 .item-box img {height: 32vw;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box img, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box img {height: 38vw;}/*客製化*/ .cta_block .RWDparallax_new .picbgbox {height: 540px !important;}.cta_block .cta_info {width: 40%; margin: 0 10% 0 auto;}.cta_block .cta_mainpro {left: 8%; width: 370px;}.cta_block .block_en-title {max-width: 47%;}/*關於*/ .RWDleft_cont002 .item-second .pic {width: 100%;}/*footer*/ .footer_block {padding: 60px 0 30px;}.footer_block .fixed_btn {bottom: 85px;}.fixed_btn .RWDbtn01 .btn-box .btn {min-height: 130px; font-size: 16px;}.RWDProduct015 .product_box .title { font-size: 30px !important; letter-spacing: 7px !important; right: 3rem;}.RWDProduct015 .product_box .memo{ letter-spacing: 3px; font-size: 18px;right: 1rem;}.RWDProduct015 .product_box .imgs img{height: 32vw!important;}#sidebar { width: 100%; padding: 0 !important; margin: 0 0 40px;}#article {width: 100%;}.productcontent .page_wrapper_bg section.call_to_action>.container, .eforms1 .page_wrapper_bg section.call_to_action>.container, .article3 .page_wrapper_bg section.call_to_action>.container { width: 85%;}.page_wrapper_bg .article-text p,.page_wrapper_bg .article-text{font-size: 15px}.product1 section.hgroup, .article1 section.hgroup { padding-left: 0;}/* 240402 */div#product { width: 100%;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) {/*main*/#RWDfullscreen01 .container {width: 86%;}.inter_block .container {width: 88% !important;}.news_block>.container, .cooperate_block>.container {width: 76% !important;}/*產品*/ .RWDbanner014 .main_pic_box .control_arrow {top: 24%;}/*最新消息*/ .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {top: 15%;}.RWDbanner_plus01 .logo { left: -20%; width: 85vh;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .index .RWDbanner_plus01 .slick-caption .txt3 {margin-top: 30px;}ul.bn_fea li {min-width: 210px;}.RWDbanner_plus01 .logo { left: -26%; width: 85vh;}.product_area .title, .RWDProduct015 .product_box .memo{ top: 2rem;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .fl { width: 210px;}/*banner*/ .index .RWDbanner_plus01 .container { width: 80% !important; margin: 0 auto;}.index .RWDbanner_plus01 .slick-caption.txt-left { text-align: center;}ul.bn_fea { justify-content: center;}ul.bn_fea li { width: 45%; border-left: 0; padding: 0 20px; border-right: 1px solid #e91027; margin: 0 0 25px;}ul.bn_fea li:nth-child(even) { border-right: 0;}.index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 40px;}.index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en { top: -90px; left: 48%; transform: translateX(-50%); color: #ededed;}.RWDbanner_plus01 .logo { left: 0; width: 55vh;}.index .RWDbanner_plus01 .container { justify-content: flex-start; margin-top: 10%;}/*產品*//*.model__head.isRWDbanner014 {margin: 0 auto 50px;}*/ .RWDbanner014_info_title { font-size: 28px;}.RWDbanner014 .main_pic_box .swiper-slide .main_img { left: 0; height: 50vw !important; width: 100%;}.RWDbanner014 .main_pic_box .swiper-slide .box { padding-bottom: 70px; display: flex; flex-direction: column-reverse;}.RWDbanner014 .main_pic_box .swiper-slide .info { margin: 30px auto 0; text-align: center; left: 0; max-width: none; width: auto;}.product_block:before { display: none;}.RWDbanner014 .main_pic_box .control_arrow .RWDbanner014-arrow { background: transparent;}.RWDbanner014 .main_pic_box .control_arrow { width: 80%; height: fit-content; top: 54%;}.product_block .en-title { font-size: clamp(5.625rem, 3.5971rem + 8.3195vw, 8.75rem);}.RWDbanner014 .main_pic_box .swiper-slide .button { left: 50%; transform: translateX(-50%); bottom: 0 !important; background-color: transparent; height: unset; padding: 12px 20px; border: 1px solid #e91027; border-radius: 30px; width: 200px;}.RWDbanner014 .main_pic_box .swiper-slide .button:after { right: 20px; top: 50%; transform: translateY(-50%);}/*間距*/ .index_section { padding: 80px 0;}.product_block.index_section { padding: 80px 0;}.service_block.index_section { padding: 80px 0;}.inter_block.index_section { padding: 0 0 80px;}.about_block.index_section { padding: 120px 0 0;}/*共通-title*/ .cta_block .section-subject { text-align: center;}.cta_block .section-subject .main-title:after { margin: 22px auto 18px;}/*main*/#RWDfullscreen01 .container { width: 90%;}/*客製化*/ .cta_block .RWDparallax_new .picbgbox { height: 850px !important;}.cta_block .cta_info { width: 80%; margin: 0 auto; height: 850px; padding-top: 80px;}.cta_block.index_section { padding: 0;}.cta_block .cta_mainpro { left: 50%; transform: translateX(-50%);}.cta_block .cta_info p.cta_txt { color: #d1d1d1; max-width: 560px; text-align: center; margin: 0 auto;}.cta_block .cta_btn a { margin: 30px auto 0; text-align: center;}.cta_block .cta_mainpro { width: 350px;}.cta_block .block_en-title { max-width: none; left: 50%; transform: translateX(-50%); width: 58%; text-align: center; bottom: 19%;}.cta_block .cta_mainpro { bottom: -120px;}/*入口*/ .RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: calc(100% / 2);}.RWDproduct004 .item-box .item-hover,.RWDproduct004 .item-box img { height: 42vw;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) { width: calc(100% / 2);}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) { width: 100%;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box .item-hover,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box img,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box .item-hover,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box img { height: 42vw;}.RWDproduct004 .item-box-desc h3 { font-size: 28px !important;}.RWDproduct004 .list-inline { font-size: 18px; letter-spacing: 3px;}.RWDProduct015 .product_box { width: calc(100%/2); margin-bottom: 20px;}.RWDProduct015 .product_box:nth-child(5) { width: 100%;}.RWDProduct015 .product_box .imgs img { height: 42vw !important;}.RWDProduct015 .product_box .title { font-size: 28px !important;}/*footer*/ .footer_block .ft_menu ul li { width: 30%;}.page_wrapper_bg section.call_to_action>.container,.eforms1 .page_wrapper_bg section.call_to_action>.container,.article3 .page_wrapper_bg section.call_to_action>.container { width: 90%;}.page_wrapper_bg section.call_to_action { padding: 80px 0;}.new-form .formdesc { padding-right: 15px;}/* 240402 */ .layoutlist_2 .subject { padding: 0.5rem 0 0;} } /*991px end*/ /*800px start*/ @media (max-width: 800px) { /*產品*/ .RWDbanner014 .main_pic_box .control_arrow {width: 90%;}/*入口*/ .inter_block .inter_btn {text-align: center; margin-top: 40px;}/*footer*/ .ft_info .info_left, .ft_info .info_right {width: 100%;}.ft_info .info_right {margin-top: 35px;} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { /*main*/#RWDfullscreen01 .container {width: 100%; padding: 0 30px;}.footer_block .container {width: 100% !important;}/*-----RWDbanner014-----*/ .RWDbanner014 .main_pic_box .swiper-slide .button {bottom: -7px;}.section-subject {margin-bottom: 40px;}/*banner*/ .index .RWDbanner_plus01 .container {width: 100% !important;}/*服務*/ .RWDService002 .col-sm-4.col-md-4 {float: left;}.funny-boxes.not-right-column {padding-bottom: 0;}.RWDService002 .container {padding: 0 !important;}.RWDService002 .col-sm-4.col-md-4:after {width: 20%; right: -10%; top: 45px;}.funny-boxes > .funny-boxes-icon {width: 80px; height: 80px; padding: 12px;}.news_block>.container, .cooperate_block>.container {width: 100% !important;}.RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {border: 0 !important;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -25px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -25px;}.inter_block .container {width: 100% !important;}.inter_block .inter_btn {margin-top: 30px;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {width: 100%; padding: 0 !important;}.RWDproduct004 .item-box .item-hover, .RWDproduct004 .item-box img {height: 35vw; }.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) {width: 100%;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(4) .item-box img, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box .item-hover, .RWDproduct004 #portfolio.portfolio-nogutter .row > div:nth-child(5) .item-box img {height: 35vw; object-position: left -220px;}.RWDproduct004 .item-box-desc {writing-mode: unset; padding: 0; margin: 0; left: 50%; top: 50%; right: auto; bottom: 0; transform: translateX(-50%) translateY(-50%); height: fit-content; text-align: center !important;}.RWDproduct004 .list-inline {margin-left: 0 !important; margin-top: 10px !important;}.RWDproduct004 .item-box .item-hover, .RWDproduct004 .item-box img {object-position: left -220px;}.cta_block .block_en-title {width: 70%;}.cta_block .cta_mainpro {bottom: -100px; width: 310px;}.RWDleft_cont002 .item-second .text-box .text {padding: 0;}.footer_block {padding: 60px 0 70px;}.footer_block .fixed_btn {display: none;}.footer_block .ft_menu ul li {width: 45%;}.footer_block .ft_info {padding-right: 0;}.fixed_bottom_btn {display: block;}.fixed_bottom_btn .RWDbtn01.paneleffect_page.animated {opacity: 1; margin-top: 0;}.fixed_bottom_btn .RWDbtn01.fadeInUp {animation-name: auto;}.fixed_bottom_btn .RWDbtn01.paneleffect_page {opacity: 1;}.fixed_bottom_btn .RWDbtn01 .btn {height: 46px;}.fixed_bottom_btn .RWDbtn01 .btn-box {margin: 0;}.fixed_bottom_btn .RWDbtn01 .btn-box li {padding: 0; width: 50%;}.fixed_bottom_btn .RWDbtn01 .btn-box li:nth-child(1) .btn {background: linear-gradient(270deg, #45b91f, #94e27a);}.fixed_bottom_btn .RWDbtn01 .btn-box li:nth-child(2) .btn {background: linear-gradient(270deg, #ed7f2c, #ebb86a);}.fixed_bottom_btn .RWDbtn01 .btn, .fixed_bottom_btn .RWDbtn01 .btn:hover {color: #fff;}.fixed_bottom_btn .RWDbtn01 .btn-box .btn {padding: 8px 12px; border-radius: 0;}.fixed_bottom_btn .RWDbtn01 li a:before {content: ""; font-family: "Ionicons"; font-size: 18px; vertical-align: baseline; margin-right: 5px; position: relative; top: 2px;}.fixed_bottom_btn .RWDbtn01 li:nth-child(1) a:before {content: "\e90a"; font-family: iicon!important;}.fixed_bottom_btn .RWDbtn01 li:nth-child(2) a:before {content: "\f2d2"; font-family: Ionicons !important;}.scrollTop002 {bottom: 10%;}.RWDProduct015 .product_box .memo { letter-spacing: 0px; font-size: 18px;} .index .RWDbanner_plus01 .slick-caption, .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - 46px - 80px)!important; height: calc(100vh - 46px - 80px)!important; } .RWDbanner_plus01 .logo { left: 0; width: 100%; }/* 240402 */ .layoutlist_2 .col-xs-12.col-sm-6.col-md-4 { width: calc(100% / 2 - 2rem);}.page_wrapper_bg .page .page_prev::before,.page_wrapper_bg .page .page_next::before{ display: none;} .page_wrapper_bg .page .page_prev, .page_wrapper_bg .page .page_next { width: 30px; background-position: center; } } /*767px end*/ /*600px start*/ @media (max-width: 600px) { .RWDalert_fancybox.bottom {width: 100%; padding: 25px 20px !important;}.fl {width:170px;}.RWDmenu_plus02 .inside.is-up .cd-logo, .cd-logo {width: 80px;}.cd-main-header {height: 65px;}/*間距*/ .index_section {padding: 60px 0;}.product_block.index_section {padding: 60px 0;}.service_block.index_section {padding: 60px 0;}.inter_block.index_section {padding: 0 0 60px;}.about_block.index_section {padding: 100px 0 0;}.page_wrapper_bg section.call_to_action { padding: 60px 0;}/**/ .inter_block .inter_btn a {width: 100%;}.cta_block .cta_btn a {width: 100%; text-align: center;}.funny-boxes > .funny-boxes-text > .funny-boxes-tit {font-size: 16px;}.section-subject .sub-title {font-size: 18px;}/*產品*/ .RWDbanner014_info_title {font-size: 24px;}.product_block>.container {width: 100% !important;}.RWDbanner014 .main_pic_box .swiper-slide .main_img {height: 70vw !important;}.RWDbanner014 .main_pic_box .control_arrow {width: 95%;}.RWDbanner014_info_title {font-size: 24px;}.RWDbanner014 .main_pic_box .control_arrow .RWDbanner014-arrow {border: 0;}.product_block .section-subject {margin-bottom: 40px;}.RWDbanner014 .main_pic_box .swiper-slide .button {width: 100%;}/*服務*/ .RWDService002 .container {width: 70% !important;}.RWDService002 .col-sm-4.col-md-4 {width: calc(100% / 2);}.RWDService002 div.row:nth-child(3) .col-sm-4.col-md-4:nth-child(2) {margin-left: 0;}.RWDService002 div.row:nth-child(2) .col-sm-4.col-md-4:nth-child(2):after, .RWDService002 div.row:nth-child(3) .col-sm-4.col-md-4:nth-child(3):after {display: none;}.RWDService002 div.row:nth-child(4) .col-sm-4.col-md-4:nth-child(1) {margin-left: 25%;}/*客製化*/ .cta_block .RWDparallax_new .picbgbox {height: 780px !important;}.cta_block .cta_info {height: 780px;}.cta_block .cta_mainpro {width: 270px;}/*banner*/ .index .RWDbanner_plus01 .slick-caption .txt1 {letter-spacing: 4px;}ul.bn_fea li {min-width: auto; width: 50%;}.index .RWDbanner_plus01 .slick-caption .txt2 span.bn_title-en {top: -70px;}.RWDproduct004 .item-box-desc {width: 100%;}.RWDproduct004 .list-inline {letter-spacing: 1px; width: auto;}.ft_copyright {text-align: left;}.RWDProduct015 .product_box { width: 100% !important;}.RWDProduct015 .product_box .imgs img { height: 300px!important;}.layoutlist_4 .xrow .col-sm-6.col-md-6 {padding: 0;}.layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}.list_img.col-sm-3.col-md-3,.layoutlist_4 .listdate{padding: 0;}/* 240402 */div#product { padding: 0 !important;}.layoutlist_2 .item .img img { padding: 1rem;}.layoutlist_2 .col-xs-12.col-sm-6.col-md-4 { margin: 0 .5rem 1rem; width: calc(100% / 2 - 1rem);} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .section-subject { margin-bottom: 30px;}.section-subject .main-title { letter-spacing: 1px;}.RWDproduct004 .item-box-desc h3 { font-size: 24px !important; letter-spacing: 7px !important;}.RWDService002 .container { width: 90% !important;}.RWDnews005 .controlls-over .owl-controls .owl-prev,.RWDnews005 .controlls-over .owl-controls .owl-next { top: 23%;}.RWDproduct004 .item-box .item-hover,.RWDproduct004 .item-box img { height: 48vw; object-position: left -170px;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box .item-hover,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box img,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box .item-hover,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(5) .item-box img { height: 48vw; object-position: left -170px;}.RWDbanner014 .main_pic_box .control_arrow { top: 50%;}.RWDbanner014 .main_pic_box .swiper-slide .box { padding-bottom: 60px;}/*客製化*/ .cta_block .RWDparallax_new .picbgbox { height: 750px !important;}.cta_block .cta_info { height: 750px;}.cta_block .section-subject,.about_block .section-subject { margin-bottom: 30px;}.cta_block .block_en-title { width: 97%;}.cta_block .cta_mainpro { width: 240px; bottom: -80px;}/*footer*/ .ft_menu .menu_left,.ft_menu .menu_right { width: 100%;}.ft_menu .menu_right { margin-top: 25px;}.footer_block .ft_menu h4 { margin-bottom: 10px;}.footer_block .ft_menu ul li { width: 40%;}/*banner*/ul.bn_fea li span.bn_fea-en { display: none;}ul.bn_fea { font-size: 16px;}ul.bn_fea li { min-width: auto; width: 35%; margin: 0 0 15px;}.index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 30px;}/*產品*/ .RWDbanner014 .main_pic_box .control_arrow { width: 100%;}.RWDbanner014_info_title { font-size: 22px;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(4) .item-box img { object-position: left bottom;}.RWDProduct015 .product_box { margin-bottom: 20px; padding: 0;}#RWDfullscreen01 .container { align-items: center;}.index .RWDbanner_plus01 .container { margin-top: 20%;}.RWDbanner_plus01 .logo { left: unset; width: 65vh;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) {.RWDbanner_plus01.style-dotnav.control-right .control-box { top: 50%; transform: translateY(0); bottom: auto; width: auto; height: auto !important;}.RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { right: 1.5%; position: absolute; top: 0; left: auto;}.product_block .en-title {font-size: 75px;}} /*414px end*/ /*380px start*/ @media (max-width: 380px){ #RWDfullscreen01 .container {padding: 0 25px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -20px;}.RWDnews005 .controlls-over .owl-controls .owl-prev {left: -20px;}.RWDproduct004 .item-box-desc {padding: 27px 12px 0 20px;}.cta_block .block_en-title .en-title {font-size: 70px;}.footer_block .ft_menu ul li {width: 50%;}ul.bn_fea li {width: 42%;}.RWDbanner014 .main_pic_box .control_arrow .RWDbanner014-arrow {width: 40px; height: 40px;}.RWDbanner014 .main_pic_box .control_arrow {top: 46%;}.product_block .en-title {font-size: 64px;}.page_wrapper_bg .article-text p,.page_wrapper_bg .article-text{font-size: 14px} } /*380px end*/