/* now =>2025-08-14 03:32:20*/ /* Last Midoify Time By 2025-07-30 17:44:20 */ /* Last Midoify Time By 1753868660 */ /* Last Midoify Time By Wed, 30 Jul 2025 09:44:20 +0000 */ /* HTTP_IF_MODIFIED_SINCE=>*/ /* RWDPAGE_BASE_PAT02 start=> */ /* <= RWDPAGE_BASE_PAT02 end */ /* miracle customization start=> */ /* all */body { font-family: 'Noto Sans TC', sans-serif; font-weight: 300; letter-spacing: 1px;}a,a:hover,a:focus { text-decoration: none; transition: all 0.5s ease-out;}p { letter-spacing: 0; color: #555; line-height: 1.5em; font-weight: 400; font-size: 16px;}.main { overflow: hidden;}/* 動態效果改成fadeIn*/ .bounceIn { animation-name: fadeInUp; animation-duration: 1s}.flipInY { animation-name: initial;}/*loading*/ .fl img { width: 250px;}/*行動呼籲*/ .mobile-link { position: fixed; display: none; left: 0; bottom: 0; width: 100%; color: #FFF; text-align: center; z-index: 800; transition: all 0.5s ease-out;}.mobile-link .RWDedictor { display: flex; flex-direction: row; align-items: stretch; align-content: center; animation-delay: initial !important; animation-duration: initial !important; background-color: #382091;}.mobile-link .RWDedictor a { width: 100%; color: #fff; padding: 15px 0;}.mobile-link .RWDedictor a img { width: 17px; height: 17px; margin-right: 10px; filter: brightness(0) invert(1);}/*搜尋*/ .RWDmenu_plus04 .features .search-btn { padding: 25px 12px;}.RWDmenu_plus04 #search-box.full .form-control { font-size: 20px;}.RWDmenu_plus04 #search-box.full .ibtn { font-size: 20px;}.RWDmenu_plus04 #search-box.full .search-in { max-width: 900px}/*寬度間距*/ .about-block .container,.material-block .container,.product-block .container { width: 80%; position: relative; z-index: 1;}.application-block .container { width: 70%;}/*板塊間距*/ .about-block { padding: 70px 0;}.material-block { padding: 70px 0; background: #fcfcfc;}.product-block,.application-block .container { padding: 70px 0;}/*拿掉動態*/ .block_bg { position: absolute; right: 0; top: 0; z-index: 0;}.block_bg02 { position: absolute; left: 10%; bottom: 0; z-index: 0;}.block_bg img,.block_bg02 img { width: 100%;}/*主標題*/ .about-block .RWDService001 h1.main-title,.material-block .RWDproduct004 h1.main-title,.product-block .RWDService002 h1.main-title,.application-block .RWDService001 h1.main-title { color: #2d2a28; font-size: 25px; font-weight: 600; display: flex; align-items: center;}.about-block .RWDService001 h1.main-title::before,.material-block .RWDproduct004 h1.main-title::before,.product-block .RWDService002 h1.main-title::before,.application-block .RWDService001 h1.main-title::before { color: transparent; background-image: linear-gradient(35deg, #29176f, #1b58de 100%); -webkit-background-clip: text; background-clip: text; font-size: 2.5em; font-weight: 900; display: inline-block; margin-right: 15px;}.about-block .RWDService001 h2.sub-title,.material-block .RWDproduct004 h2.sub-title,.product-block .RWDService002 h2.sub-title,.application-block .RWDService001 h2.sub-title { color: #2d2a28; font-size: 18px; line-height: 1.3; font-weight: 400;}.about-block .RWDService001 h1.main-title::before { content: 'ABOUT US';}.material-block .RWDproduct004 h1.main-title::before { content: 'SOLUTIONS';}.product-block .RWDService002 h1.main-title::before { content: 'PRODUCTS'; display: block;}.application-block .RWDService001 h1.main-title::before { content: 'APPLICATION';}/*按鈕*/ .RWDbtn01 .btn { background: #fff; margin: 10px auto 28px; width: 280px; height: 53px; line-height: 41px; font-weight: 400; color: #3269f5; display: block; position: relative; z-index: 99; border-radius: 99em; overflow: hidden; border: 1px solid #dfdfdf;}.RWDbtn01 .btn::before { content: ''; background: url(archive/image/customization/icon-bntarrow.webp) no-repeat; background-size: 100% auto; width: 19px; height: 19px; position: absolute; right: 20px; top: 17px;}.RWDbtn01 .btn::after { content: ""; background: #fff; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: -1; border-radius: 99em;}/*hover*/ .RWDbtn01 .btn:hover { color: #fff; background: transparent; border: 1px solid #dfdfdf;}.RWDbtn01 .btn:hover::after { width: 100%; transition: .4s; right: auto; left: 0; background-image: linear-gradient(to right, #1c46c0, #0fc9ff);}.RWDbtn01 .btn:hover::before { filter: brightness(0) invert(1);}/*header*/ .RWDmenu_plus04 .header { padding: 5px 4% 10px 4%; background: transparent; transition: all 0.5s ease-out;}.RWDmenu_plus04 .container { margin-right: 0;}.RWDmenu_plus04 .logo { z-index: 30; width: 265px; margin-top: 2px; transition: all 0.5s ease-out;}.RWDmenu_plus04 .site-nav .menu { text-align: right; display: flex; align-items: center; justify-content: flex-end;}.RWDmenu_plus04 .site-nav .menu::after { content: ''; width: 1px; height: 38px; background: #dfdfdf; display: inline-block; margin: 0 20px;}.RWDmenu_plus04 .site-nav .menu>li>a { font-size: 16px; color: #2d2a28; font-weight: 400;}/*header hover*/ .RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: #3269f5;}.RWDmenu_plus04 .site-nav .menu>li>a:before { content: ""; position: absolute; width: 0; height: 2px; background: #3269f5; bottom: 0; right: 0; transition: all .5s ease;}.RWDmenu_plus04 .site-nav .menu>li>a:hover:before { width: 100%; transition: all .5s ease; right: auto; left: 0;}/*header下拉選單*/ .RWDmenu_plus04 .site-nav .menu li { text-align: center;}.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:after { position: absolute; right: 5px; border-color: #555;}.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 { font-weight: 400; text-decoration: none;}.RWDmenu_plus04 .site-nav .menu ul li>a { padding-right: 0px; padding-left: 0;}.RWDmenu_plus04 .lang-select-label:hover:after,.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: #3269f5;}/*header icon*/ .RWDmenu_plus04 .features { width: 570px;}.RWDmenu_plus04 .features .search-btn img,.RWDmenu_plus04 .features .member-btn img,.RWDmenu_plus04 .features .cart-btn img { width: 17px; height: 17px;}.RWDmenu_plus04 .features .language-block a:first-child:after { content: ""; position: absolute; width: 1px; height: 20px; background: #ccc; right: 0; top: 50%; transform: translate(0px, -50%);}.RWDmenu_plus04 .features .language-block a { position: relative;}/*語系*/ .lang-select-label { padding: 28px 15px 25px;}.RWDmenu_plus04 .features .lang-select:hover .lang-select-label i,.RWDmenu_plus04 .lang-select:hover .lang-select-label { color: #3269f5;}/*header編輯器 */ .RWDmenu_plus04 .features .edit { margin: 19px 0px 0 0;}.RWDmenu_plus04 .features .edit a { border: #2863e3 solid 1px; font-weight: 400; border-radius: 99em; padding: 8px 25px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 16px; transition: all 0.5s ease-out; color: #1c46c0;}.RWDmenu_plus04 .features .edit a img { width: 17px; height: 17px; margin-right: 10px; margin-top: 3px; transition: all 0.5s ease-out;}.RWDmenu_plus04 .features .edit a:hover { color: #fff; background: linear-gradient(to right, #1c46c0, #0fc9ff); -webkit-text-fill-color: inherit; transition: all 0.5s ease-out;}.RWDmenu_plus04 .features .edit a:hover img { filter: brightness(0) invert(1); transition: all 0.5s ease-out;}/*header is-up*/ .RWDmenu_plus04 .header.is-up { transition: all 0.5s ease-out; background: #fff;}.RWDmenu_plus04 .header.is-up .logo { transition: all 0.5s ease-out; opacity: 1}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle,.RWDmenu_plus04 .header.is-up .features .cart-btn { color: #fff;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line { background: #fff;}.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a { font-weight: 400;}/*header search*/ .RWDmenu_plus04 #search-box { opacity: 1; visibility: initial; top: 20px; margin-right: 0; right: 115px; width: 280px;}.RWDmenu_plus04 #search-box .search { color: #fff; background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);}.RWDmenu_plus04 .language-block { font-size: 15px;}/*漢堡選單基本設定*/ .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent;}.RWDmenu_plus04 #mobile-menu .menu>li .m_title_block { color: #2863e3;}.RWDmenu_plus04 #mobile-menu .menu>li .m_stitle_block { color: #555;}.RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: #2863e3;}.RWDmenu_plus04 #mobile-menu .menu>li.active .m_title_block,.RWDmenu_plus04 #mobile-menu .menu>li.active .m_stitle_block { color: #fff;}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { color: #555; font-weight: 400;}/*banner*/ .banner-block { position: relative;}.banner-block .RWDbanner_plus01 .slick-caption { top: 35%;}.banner-block .container { width: 70%;}.banner-block .RWDbanner_plus01 .logo { position: absolute; bottom: -50%; left: 16%;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 5.5em; text-transform: uppercase; letter-spacing: 10px; font-weight: 900; line-height: 1.1; color: transparent; background-image: linear-gradient(35deg, #29176f, #1b58de 35%); -webkit-background-clip: text; background-clip: text;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 1.3em; color: #2d2a28; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; font-weight: 500; margin-left: 10px;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 span span { border-left: 1px solid #2d2a28; display: inline-block; width: 1px; height: 15px; margin: 0 15px;}.banner-block .RWDbanner_plus01 .page-scroll { width: auto; left: 0px; margin-left: 15px; bottom: 0; transform: translate(-50%, 51%);}.banner-block .RWDbanner_plus01 .page-scroll a { display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #000; letter-spacing: .1em; text-decoration: none; -webkit-transition: opacity .3s; transition: opacity .3s;}.banner-block .RWDbanner_plus01 .page-scroll.style-custom span { writing-mode: tb-rl; margin-bottom: 0; font-size: 12px; letter-spacing: 2px; color: #2863e3; font-weight: 300; padding-bottom: 40px;}.banner-block .RWDbanner_plus01 .page-scroll.style-custom span::before { position: absolute; content: ''; width: 1px; height: 30px; left: 30px; top: 0; background: #2863e3; animation: scd 5s ease 0s infinite alternate; transition: all 0.5s ease 0s;}.banner-block .RWDbanner_plus01 .page-scroll.style-custom span::after { content: ''; width: 1px; height: 100%; background: rgba(130, 149, 127, 0.3); position: absolute; left: 30px; bottom: 0;}.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #2863e3; border: 0; height: 35px; border-radius: 99em; transition: all 0.5s ease-out;}.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: transparent; border: 1px solid #2d2a28; transition: all 0.5s ease-out;}/*關於我們*/ .about-block { background: #f6f9fb; position: relative; overflow: hidden;}.about-block::before { content: ''; width: 700px; border-left: 1px solid rgba(197, 221, 242, 0.25); border-right: 1px solid rgba(197, 221, 242, 0.25); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}.about-block .container { position: relative; z-index: 1; width: 90%; margin: 0 0 0 auto; padding: 0;}.about-block .RWDService001 .section-subject { text-align: left; margin-bottom: 80px;}.about-block .RWDService001 .section-line { display: none;}.about-block .RWDService001 .row { display: flex; justify-content: center; align-items: center; margin: 0; padding-right: 50px;}.about-block .col-md-3 { width: calc(100%/3);}.about-block .boxFeature-2 { position: relative; padding-bottom: 2vw;}.about-block .boxFeature-2 h2 { color: #fff; position: relative; z-index: 1; padding: 0 0 0 4vw; font-size: 35px; font-weight: 600; text-align: left; letter-spacing: 3px; margin-top: 0;}.about-block .boxFeature-2 p { color: #ddd; position: relative; z-index: 1; font-size: 18px; padding: 0 0 0 4vw; text-align: left; min-height: 55px;}.about-block .RWDService001 i { margin-bottom: 0; padding-left: 4vw;}.about-block .col-md-3:nth-child(2) { transform: translateY(50px);}.about-block .col-md-3:nth-child(3) { transform: translateY(95px);}.about-block .col-md-3 .boxFeature-2::before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 0;}.about-block .col-md-3 .boxFeature-2::after { content: ''; font-size: 15px; writing-mode: vertical-lr; text-orientation: mixed; color: rgb(255 255 255 / 60%); border-right: 1px solid rgba(255, 255, 255, 0.45); position: absolute; top: 0; left: 0; z-index: 0; width: 45px; height: 100%; line-height: 50px; padding: 10px 0 0; font-weight: 300;}.about-block .col-md-3:nth-child(1) .boxFeature-2::after { content: 'Specialty';}.about-block .col-md-3:nth-child(2) .boxFeature-2::after { content: 'Quality';}.about-block .col-md-3:nth-child(3) .boxFeature-2::after { content: 'Integrity';}.about-block .RWDService001 i img { max-width: 65px; margin: 0 0 20px; filter: brightness(10) opacity(0.8);}.about-block .RWDService001 .row:nth-child(2) { background: linear-gradient(339deg, #29176f, #2853b2 75%, #1b58de 100%); padding: 50px 30px;}.about-block .RWDService001 { display: grid; grid-template-columns: 38% auto;}/*原料*/ .material-block { position: relative;}.material-block::before { content: ''; width: 700px; border-left: 1px solid rgba(197, 221, 242, 0.25); border-right: 1px solid rgba(197, 221, 242, 0.25); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}.material-block .container { position: relative; z-index: 1;}.material-block .RWDproduct004 section { border: 0;}.material-block .RWDproduct004 .heading-title.heading-arrow-bottom::after,.RWDproduct004 .item-box .item-hover a.ico-rounded { display: none;}.material-block .RWDproduct004 .row { display: flex; align-items: flex-start; justify-content: flex-start; margin-left: 0; margin-right: 0;}.material-block .RWDproduct004 .section-subject { text-align: left; display: block !important;}.material-block .RWDproduct004 .section-subject .col-md-12 { padding: 0;}.material-block .RWDproduct004 .callout-dark { background-color: transparent; padding-top: 0;}.material-block .RWDproduct004 .item-box-desc { padding: 15px 0px 15px;}.material-block .RWDproduct004 #portfolio div.col-md-3 h2,.material-block .RWDproduct004 #portfolio div.col-md-3 h3 { font-weight: 500; color: #29166F;}.material-block .RWDproduct004 #portfolio div.col-md-3 { width: calc(100%/4); padding: 3px !important;}.material-block .RWDproduct004 .item-box-desc { width: 100%; margin-bottom: 0px; height: 100%;}.material-block .RWDproduct004 .item-box:hover .item-box-desc { transition: all .5s ease; height: 30%; backdrop-filter: blur(0px);}/*hover*/ .material-block .RWDproduct004 img.img-responsive,.material-block .RWDproduct004 .overlay { transition: all 0.5s ease-out;}.material-block .RWDproduct004 .item-box:hover img.img-responsive { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.5s ease-out;}.material-block .RWDproduct004 .item-box:hover h3 { color: #190563 !important}/*產品*/ .product-block { background: #f6f9fb; position: relative; overflow: hidden;}/*標題*/ .product-block .RWDService002 .section-subject.row { border: 0; background: transparent; text-align: left;}.product-block .RWDService002 h1.main-title { text-align: left; display: flex; align-items: center; justify-content: flex-start; flex-direction: row;}.product-block .funny-boxes.not-right-column::before { margin-bottom: 10px;}.product-block .RWDService002 .container { width: 100%; padding: 0;}.product-block .RWDService002 .funny-boxes.not-right-column::before,.product-block .RWDService002 .section-line,.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4::after { display: none;}.product-block .RWDService002 .row { border: 1px solid #dfdfdf; background: #fff;}.product-block .RWDService002 .row:nth-child(3) { border-top: 0;}.product-block .RWDService002 .col-md-4 { border-right: #dcdcdc solid 1px; min-height: 220px; padding: 0 2vw; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; transition: all 0.5s ease-out; position: relative; z-index: 0;}.product-block .RWDService002 .funny-boxes { width: 100%;}.product-block .RWDService002 .funny-boxes-text { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-start;}.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 { font-size: 30px; letter-spacing: 1px; width: 65%; text-align: right; font-weight: 600; padding: 0; margin: 0;}.product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 a { color: #2d2a28;}.product-block .RWDService002 .funny-boxes>.funny-boxes-text>p { width: 45%; font-size: 13px; color: #898989; text-align: left;}.product-block .RWDService002 .funny-boxes>.funny-boxes-text>p span { display: block; font-size: 5em; color: #efefef; font-weight: 300; position: relative; left: 0; bottom: -86px;}.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(odd),.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(even) { background-color: #fbfbfb;}.product-block .RWDService002 .row .col-md-4::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: linear-gradient(35deg, #29176f, #2853b2 75%, #1b58de 100%); transition: all 0.5s ease-out; z-index: -1;}.product-block .RWDService002 .row .col-md-4:hover::before { width: 100%; transition: all 0.5s ease-out;}.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>h4,.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>p,.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>h4 a,.product-block .RWDService002 .row .col-md-4:hover .funny-boxes>.funny-boxes-text>p span { color: #fff !important;}.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3),.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) { border-right: 0;}.RWDService002 { padding: 0;}/*應用領域*/ .application-block { position: relative;}.application-block::after { content: ''; width: 70%; border-left: 1px solid rgba(197, 221, 242, 0.25); border-right: 1px solid rgba(197, 221, 242, 0.25); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}/*.application-block::before{content: '';width: 650px;border-left: 1px solid rgba(197, 221, 242, 0.25);border-right: 1px solid rgba(197, 221, 242, 0.25);height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 0;}*/ .application-block .container { position: relative; z-index: 1;}.application-block .RWDService001 .section-subject { margin-bottom: 80px;}.application-block .RWDService001 h2.sub-title { text-align: left;}.application-block .RWDService001 .section-line { display: none;}.application-block .RWDService001 i { border: #dcdcdc solid 1px; overflow: hidden;}.application-block .RWDService001 h2 { font-size: 18px; color: #2d2a28; text-align: center;}.application-block .RWDService001 .col-md-3 { margin-bottom: 35px; width: calc(100%/5);}.application-block .RWDService001 .col-md-3 img { transition: all 0.5s ease-out;}.application-block .RWDService001 .col-md-3:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.5s ease-out;}.application-block .RWDService001 .row:before,.application-block .RWDService001 .row:after { display: none;}.application-block .RWDService001 .section-subject.row:before,.application-block .RWDService001 .section-subject.row:after { display: block;}/*合作*/ .cooperation-block { background: linear-gradient(35deg, #29176f, #1b58de 100%); padding: 0; position: relative;}.cooperation-block::after { content: ''; width: 70%; border-left: 1px solid rgba(197, 221, 242, 0.25); border-right: 1px solid rgba(197, 221, 242, 0.25); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}.cooperation-block::before { content: ''; width: 100%; height: 100%; background: url(archive/image/customization/footer-cooperation_bg.webp) no-repeat; background-size: cover; opacity: 0.4; position: absolute; right: 0; top: 0; background-position: right top;}.cooperation-block .container { position: relative; background-color: #2e5c97; bottom: -3vw; left: 0; width: 80%; border: #87a0bf solid 1px; padding: 3vw 0 1vw; border-radius: 0px; z-index: 1;}.cooperation-block .container::before { content: ''; background: url(archive/image/customization/footer-cooperation_bg_1104.webp) no-repeat; background-size: cover; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position: right center; display: block;}.cooperation-box h2 { color: #fff; font-size: 27px; font-weight: 600; margin: 0px 0 40px; text-align: center;}.cooperation-box h2::before { content: 'CONTACT US'; color: #fff; font-size: 2em; display: block}.cooperation-box p { color: #e8ebef; font-size: 19px; margin-bottom: 45px; text-align: center;}/*按鈕*/ .cooperation-box a.btn-style { background: #fff; border: 1px solid #fff; color: #000; margin: 30px auto 28px; width: 580px; height: 74px; line-height: 68px; font-weight: 500; display: block; position: relative; z-index: 99; border-radius: 99em; font-size: 20px; text-align: center;}.cooperation-box a.btn-style::before { content: ''; background: url(archive/image/customization/icon-mail.webp) no-repeat; width: 34px; height: 34px; position: absolute; left: 32px; top: 18px; background-size: 100% auto; filter: brightness(0) invert(0);}.cooperation-box a.btn-style::after { content: ""; background: url(archive/image/customization/icon-arrow.webp) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; position: absolute; right: 44px; top: 24px; filter: brightness(0) invert(0); opacity: 1; transition: all 0.5s ease-out;}/*hover*/ .cooperation-box a.btn-style:hover::after { opacity: 1; right: 20px; filter: brightness(0) invert(0); transition: all 0.5s ease-out;}/*手機橫式設定*/ .alert { padding: 0; margin-bottom: 0; border: 0; border-radius: 0;}@keyframes scd { 0% { height: 0px; } 100% { height: 100%; }}@-webkit-keyframes scd { 0% { height: 0px; } 100% { height: 100%; }} /*cookie start*/ .RWDalert_fancybox.bottom { width: 500px; padding: 30px 60px 20px !important; box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important; z-index: 9999 !important;}.RWDalert_fancybox.bottom { z-index: 999; box-shadow: 0px -3px 3px rgb(51 51 102 / 20%); padding: 15px 30px; text-align: center; letter-spacing: 1px; position: fixed; bottom: 0; left: 0; right: 0; background: #fff;}.RWDalert_fancybox.bottom .editor,.RWDalert_fancybox.bottom .btn-box { display: inline-block;}.RWDalert_fancybox.bottom .editor { font-size: 15px; margin-bottom: 8px;}.RWDalert_fancybox .btn.active { border-radius: 0px; margin-top: 20px; background: #EE7600 !important; border: 0px !important; display: block; padding: 5px 50px; color: #fff !important; font-size: 15px;}.RWDalert_fancybox .btn.active:hover { background: #c96708 !important; color: #fff !important;}.RWDalert_fancybox .editor a { border-bottom: #a9a9a9 dotted 1px;}.RWDalert_fancybox .editor a:hover { color: #EE7600;}/*--600--*/@media (max-width:600px) { .RWDalert_fancybox.bottom { width: 100%; }} /*cookie end*/ /*footer start*/ /*頁尾*/ .footer-block{background: #2d2a28;}.footer-block .container{padding:6vw 0 1vw;width:80%;}.footer-block .footer-inner{display: flex;justify-content: flex-start;align-items: stretch;}.footer-block .ft-block-info{width: 100%;}/*公司資訊*/ .ft-information{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}.ft-logo{width:100%;}.ft-logo h1{margin-top: 0;font-size:23px;margin-bottom: 35px;color:#fff;}.footer-info{font-size: 18px;color: #fff;margin-bottom: 45px;width:60%;}.footer-info .sub-title{margin-bottom:25px;}.footer-info .sub-title,.footer-social .RWDedictor{font-size: 17px;color: #747474;text-transform:uppercase;}.footer-social .RWDedictor{margin-right:15px;margin-bottom:25px;}.footer-info ul{list-style: none;margin: 0;padding: 0;font-size: 15px;color: #fff;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}.footer-info ul li{width: calc(100%/2 - 1px);margin-bottom: 5px;}.footer-info ul,.footer-info ul a{color: #d9d7d7;}.footer-info i{margin-right: 20px;}/*合作洽詢*/ .footer-social{display: flex;align-items: flex-end;justify-content: flex-start;flex-direction: column;width: 40%;}/*社群*/ .RWDsocial002 .pull-right {float: none !important;}.RWDsocial002 .iconRounded {border: 0;color: #fff;background-color: transparent;}.RWDsocial002 .iconRounded img{width: 30px;height: 30px;margin-top: 5px;}.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {background-color: transparent;color: #fff;}/*copyright*/ .ft-bottom{display: flex;align-items: center;flex-wrap: wrap;font-size: 12px;color: #747474;border-top: 1px solid #464646;padding-top:10px;margin-top: 35px;}.copyright_desc a, .copyright_desc{color: #747474;} /*footer end*/ /*動畫 start*/ @keyframes move01{ 0% { opacity: 0; -webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -o-transform:translateY(-30px); transform:translateY(-30px); } 100% { opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }}.about-block .col-md-3,.product-block .RWDService002 .col-md-4,.material-block .RWDproduct004 #portfolio div.col-md-3{opacity:0}.about-block .animated .RWDService001 .col-md-3:nth-child(1){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.5s;opacity: 0}.about-block .animated .RWDService001 .col-md-3:nth-child(2){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.7s;opacity: 0}.about-block .animated .RWDService001 .col-md-3:nth-child(3){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.9s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(1),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(1) {animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.5s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(2){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.7s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(3){animation: 1000ms ease normal forwards 1 move01;animation-delay: 0.9s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(4){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(2),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(5){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1.3s;opacity: 0}.product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3),.material-block .animated .RWDproduct004 #portfolio div.col-md-3:nth-child(6){animation: 1000ms ease normal forwards 1 move01;animation-delay: 1.5s;opacity: 0}.about-block .animated .RWDService001 .col-md-3,.product-block .RWDService002 .row .col-md-4,.material-block .RWDproduct004 #portfolio div.col-md-3{animation: 1200ms ease normal forwards 1 fadeInUP;opacity: 0;animation-delay: 5s;} /*動畫 end*/ /*en start*/ body.lang_en { letter-spacing: 0 !important;}.lang_en .RWDmenu_plus04 .features { width: fit-content;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 5.8em; letter-spacing: 0;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 { letter-spacing: 0; padding-left: 20px; border-left: 1px solid;}.lang_en .product-block .RWDService002 .funny-boxes-text { display: block;}.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 { width: 100%; text-align: left; letter-spacing: 0;}.lang_en .RWDbtn01 .btn { padding-right: 30px;}.lang_en .about-block .RWDService001 h1.main-title { display: grid; grid-template-columns: 390px auto;}.lang_en .about-block .boxFeature-2 h2 { letter-spacing: 0;}.lang_en .cooperation-box h2 { content: 'CONTACT US'; color: #fff; font-size: 2em; display: block;}.lang_en .cooperation-box h2:before {display:none;} /*en end*/ /*內頁 start*/ /* 匯入內頁版面寬度80%*//*a連結*/a{text-decoration: none;}.page_wrapper_bg section.call_to_action a, .page_wrapper_bg section.call_to_action a:hover, .page_wrapper_bg section.call_to_action a:focus {color: #000;text-decoration: none;}.row{margin-right:0px;margin-left:0px;}/*main*/ .page_wrapper_bg section.call_to_action { padding: 80px 0; min-height: 35vw;position: relative;}.page_wrapper_bg section.call_to_action>.container {padding: 0 15px;width: 70%; max-width:1700px}.page_wrapper_bg .article-text .container {width: 100%;padding: 0;}.page_wrapper_bg .pagecontent {padding:0 !important}.hgroup .container {width: 100%; margin: 0 0 50px;border-bottom:0;padding:0}.pagecontent .article_model[data-seq="0"] {margin-top:0 !important}.page_wrapper_bg section.call_to_action::before { content: ''; width: 80%; border-left: 1px solid rgba(197, 221, 242, 0.25); border-right: 1px solid rgba(197, 221, 242, 0.25); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -4;}.page_wrapper_bg section.call_to_action::after { content: ""; background: #fcfcfc; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -5;}/*麵包屑*/ .hgroup .breadcrumb { border: 0; background: transparent; padding: 0 5px; bottom: 0; position: relative; right: auto; left: 0; width: 100%;}/*文字統一設定*/ .page_subject {padding:0}.page_wrapper_bg .hgroup h1 {line-height: 1.5;background: -webkit-linear-gradient(top,#1B58DE 0,#29176F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 900;font-size:40px}.page_wrapper_bg .article-text h2 {font-size:24px;line-height: 1.2;letter-spacing:2px;margin-top:15px}.page_wrapper_bg .article-text h3 {letter-spacing: 2px;line-height: 1.5;margin-bottom: 10px; font-weight: bold; font-size: 20px !important;margin-top:0}.page_wrapper_bg .article-text h4 {font-size: 18px;line-height: 1.5;letter-spacing: 2px;margin: 15px 0 15px;font-weight: bold;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav {font-size:16px;line-height: 1.8;letter-spacing: 1px;color: #2d2a28; font-weight: 400;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{font-size:15px;line-height: 2; font-weight: 400;}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 22px;}._bd_row ul{padding-left: 18px;}.RWDeditor01 .model-title { margin-bottom: 10px !important; color: #2d2a28; font-size: 25px; font-weight: 600;}.webdesc {font-size: 18px;margin-bottom: 20px;background: #f6f9fb;padding: 30px;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none;border-radius: 5px !important;}/*重新填寫*/ .refill_btn {display: none;}/*回上一頁按鈕*/#article .btn.btn_back a, #album .btn.btn_back a {padding: 10px 15px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:30px;}.btn.btn_back a { min-width:180px;padding: 0 15px;background: transparent;color: #3269f5; transition: all 0.2s ease;border: 1px solid #dfdfdf;border-radius: 30px; position: relative;}.btn.btn_back a:hover {border: 1px solid #dfdfdf;color: #fff !important;background: transparent;}.btn.btn_back a::before { content: ''; background: url(archive/image/customization/icon-bntarrow.webp)no-repeat; background-size: 100% auto; width: 19px; height: 19px; position: absolute; right: 20px; top: 10px;}.btn.btn_back a::after { content: ""; background: #fff; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: -1; border-radius: 99em;}.btn.btn_back a:hover::after { width: 100%; transition: .4s; right: auto; left: 0; background-image: linear-gradient(to right, #1c46c0, #0fc9ff);}.btn.btn_back a:hover::before { filter: brightness(0) invert(1);}/*確定送出*/ .ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}.ebtn a { display: block;text-align: center;min-width:180px;line-height: 1.5;padding: 6px 30px;margin-top: 20px;color: #fff;background: #444; border: 1px solid #444;transition: all .2s ease;}.ebtn a:hover {background: #000; color: #fff !important; border-color: #000; transition: all .2s ease;}.new-form .new-width .currectsend_btn a {color: #fff !important;}/*購物車按鈕*/ .RWDshopping .btn.bg1{background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}.RWDshopping .btn.bg1:hover{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff !important;background: #000 ;}.layoutlist_4 .showY br {display: none;}.RWDshopping .btn.bg2{border-radius: 0 !important;transition: all 0.3s ease;border: 1px solid #444 !important;color: #fff !important;background: #444 !important;}.RWDshopping .btn.bg2:hover{background:#000 !important;color: #fff !important;border: 1px solid #000 !important;}.RWDshopping .btn.bg2 i {transition: none;}.RWDshopping .btn.bg3{background: transparent; color: #444; border: 1px solid #444;border-radius: 0;}.RWDshopping .btn.bg3:hover{border-radius: 0;transition: all 0.3s ease;border: 1px solid #000;color: #fff !important; background: #000;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal {max-width: initial;}/*會員按鈕*/#join_form .btn{padding: 6px 12px;border-radius: 0;}#join_form .btn-link:hover { text-decoration: none;}#btn_member_login { float: none;background: #444;color: #fff;border: 1px solid #444;padding: 6px 12px;}#btn_member_login:hover {background: #000;color:#fff !important;border: 1px solid #000;}#join_form .btn-primary {min-width:180px;float: none; background: #444;color: #fff;border: 1px solid #444;}#join_form .btn-primary:hover{background: #000;color:#fff !important;border: 1px solid #000;}.btn-primary { background-color:#444;border: 1px solid #444; border-radius: 0 !important; float: right; margin-right: 0px;font-size: 14px;box-shadow:none;}.btn-primary a {color: #fff;font-size: 14px;}.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color:#fff !important;}.btn-primary:hover{transition: all 0.3s ease; color:#fff; background-color: #000;border-color: #000;} .btn-primary:active:hover, .btn-primary:active:focus{background-color: #000;border: 1px solid #000;}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #fff !important;background-color: #000;border-color: #000;outline: none;}/*忘記密碼 ＆重發認證信*/#div_forget_area *{border-radius: 0 !important;}/*註冊*/ .join_form_btns{ text-align: right;}/*文章列表-2*/#article .layoutlist_2 .list_subject a {font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}.subsubject {font-size: 14px;font-weight: 400;line-height: 2;}.layoutlist_2 .listdate .yearmonth, .layoutlist_4 .listdate .yearmonth{ padding-bottom: 0;}.layoutlist_2 .item {width: 100%;}/*文章列表-3*/ .layoutlist_3.fn_article3 .list_subject a{font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item {display: flex;align-items: stretch;border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a{font-size:17px!important;font-weight:700;margin:0 0 10px!important;display:block;line-height:1.5!important}#article .layoutlist_4 .list_subject .summary a{font-size:16px!important;font-weight:400;line-height:1.5!important}#article .layoutlist_4 .listdate{padding:0 10px;width:90px;border-left:1px solid #eee}#article .layoutlist_4 .listdate .day{font-size:25px}#article .layoutlist_4 .listdate .yearmonth{letter-spacing:1px;padding:0}#article .layoutlist_4 .item .list_img{padding-left:0}#article .layoutlist_4 .list_subject{width:calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list {height: auto;}/*文章列表-7*/#article .layoutlist_7 .cdate, .article7 .layoutlist_7 .cdate a{font-size: 12px;}#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}.article5 .layoutlist_7 .subject {margin: 0}.article5 .layoutlist_7 .subject, .layoutlist_7 .subject a {font-size:18px !important;margin:0}.article5 .layoutlist_7 .subject a {font-size: 26px !important;font-weight: bold;background: #f6f9fb;min-height: 80px;display: flex;align-items: center;justify-content: center;margin: 0 !important;border-bottom: 1px solid rgb(60 147 211 / 20%);border-top: 1px solid rgb(60 147 211 / 20%);}.article5 .layoutlist_7 .litem {margin: 0 0 20px;}/*文章列表-8*/ .layoutlist_8 .article_subject{font-weight:500;font-size:17px;line-height:1.5;display:block}.layoutlist_8 .list_subject .summary{margin:10px 0}.layoutlist_8 .list_subject .summary a{font-size:16px;font-weight:400;line-height:1.5;color:#000}/*文章列表頁籤修正*/#article .tabs {margin: 50px 0;}#article .tabs .content {padding: 30px !important;}/*相簿列表*/ .layoutlist_2 .album_item {height: auto !important;}/*相簿上下方說明*/#album .page_desc {margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 50px 0 0;}/*修正相簿a連結顏色*/ .photo_view .flex-direction-nav a {color: transparent !important;}/*相簿-1*/#album .layoutlist_1 .album_item_subject {padding: 20px 0px;font-size: 18px;}/*相簿-2*/#album .layoutlist_2 .album_item_subject{padding: 20px 0px;font-size: 18px;}/*Q&A*/ .rwd .faq_question{font-size: 16px;letter-spacing: 2px;}.rwd .faq_answer{font-size: 15px;letter-spacing: 2px;line-height: 1.8;}/*影片*/ .video_item_subject{font-size: 16px;letter-spacing:1px;}/*檔案下載*/ .download .search_input {background: transparent;}.no-touch .layoutlist_5 .dbtn_v2:hover {background: #333;border-color: #333;color: #fff;}.layoutlist_5 .dbtn_v2 { display: inline-block;margin: 15px 0 0;padding: 6px 0.8em;font-size: 14px; line-height: 1.2;color: #333;border: 1px solid #b7b7b7; border-radius: 2px;background: #fff; text-decoration: none; cursor: pointer;}.layoutlist_5 .download_subject {line-height: 1.4;}.layoutlist_5 .summary {margin: 8px 0 0;font-size: 13px;line-height: 1.4;color: #818181;}.dd-selected {font-size: 16px;}.file_area label.dd-option-text {margin: 0;font-weight: 400;display: block;}.download_container .btn { font-size: 16px; border: 1px solid #2d2a28; border-radius: 0; line-height: 1.3; background: #2d2a28; color: #fff;}/*產品_1*/ .page_content1 #productbx_bg{background: #efefef;-moz-opacity:1;opacity: 1;}.page_content1 .dd-selected {letter-spacing: 1px;}#btn_shopping{border-radius: 0;font-size: 14px;background:#444}#btn_shopping:hover{background:#000}.fbtn{border-radius: 0;font-size: 14px;background:#444}.fbtn:hover{background:#000}#btn_querycar{border-radius: 0;font-size: 14px;background:#444}#btn_querycar:hover{background:#000}.product_desc_content {color: #333;letter-spacing: 1px;line-height: 30px;}.page_content1 #prod_price {margin-top: 17px;}.page_content3_mainphoto .swiper-slide img {width: 100%;}/*產品_2*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: #999;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background:#444;}.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: #111;}#mobile-fixed .style-radio .form-radio, .RWDproduct_page .style-radio .form-radio {border: 1px solid rgb(214, 214, 214);}#mobile-fixed .style-radio .form-radio.checked, .RWDproduct_page .style-radio .form-radio.checked {border-color: #000;}.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {color: #555;font-size: 15px;letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item{margin-top:0;}.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;}.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2, .productlist .layoutlist_4, .productlist .layoutlist_5, .albumlist .layoutlist_2, .albumlist .layoutlist_4, .articlelist .layoutlist_2, .articlelist .layoutlist_4 {display: flex; flex-wrap: wrap;align-items: flex-start;}.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;}/*產品售價顏色*/li#O_sellPrice {color: #fe0000 !important;font-weight: bold;}/*購物清單*/ .RWDshopping .btn.normal{border-radius: 0;}/*會員註冊*/#join_form .btn-primary{border-radius: 0;}#join_form {background: white;}/*電子表單*/ .eformsDesc {margin: 50px 0;border: 0;}.eformscontent .layoutlist_1 {width: 100%;max-width: 1170px; margin: 0 auto;}.form-horizontal .form-group {margin-left: 0; margin-right: 0;}.form-horizontal .control-label {width: 15%;font-weight: 500;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 85%;}textarea.form-control {min-height: 130px;}/*左側*/#sidebar {padding-right:40px;font-weight: normal;}.m2018 .products-nav .nav-title {background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%);color: #fff !important;padding:10px;margin-bottom:0;border-radius: 0px;font-size: 20px;font-weight: bold;}.m2018 .products-nav>ul>li {margin:0px;padding: 12px 10px;border-bottom:1px solid #eee;}.m2018 .products-nav>ul>li>a {padding:0;position: relative;font-size: 16px;letter-spacing: 0.5px;}#sidebar .products-nav > ul {border: 1px solid #eee;}.m2018 .products-nav a {color:#666;padding: 12px 0 0;transition: 0.4s}.m2018 .products-nav>ul>li.active>a, .m2018 .products-nav>ul>li>a:hover {color: #3269f5;transition: 0.4s;}.m2018 .products-nav ul li>ul>li:hover>a, .m2018 .search-box .ibtn:hover {color: #3269f5;transition: 0.4s;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li.is-open>a {color: #3269f5;}.m2018 .products-nav ul li>ul>li.active>a {padding-top: 12px;}.m2018 .products-nav ul>li>.toggle-submenu {height:46px;right:10px}.m2018 .products-nav ul li ul li {padding: 0 20px 0 0;}/*公司*/ .about_item .about_txt h2 { font-size: 30px !important; margin: 20px 0 0; font-weight: 600; color: #fff;}.about_item img { width: 80px; filter: invert(1);}.page_about { display: flex; align-items: center;}.about_item { width: 250px; height: 250px; text-align: center; background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%); margin-right: 50px; padding: 30px; display: flex; flex-direction: column; align-items: center; border-radius: 50%; justify-content: center;}.page_about02 b { font-size: 20px; margin-top: 15px; display: inline-block; border-bottom: 1px dashed #222;}.page_about02 b a {transition: 0.4s;}.page_about02 b a:hover {color:#293995 !important;transition: 0.4s;}.article3 .article-text { position: relative;}.article3 .article-text::before { content: ""; width: 1200px; height: 1000px; background: url(archive/image/customization/aobut_bg.webp) no-repeat; position: absolute; right: -350px; bottom: -55%; background-size: contain; z-index: -1;}/*產品資訊*/ .pro_box h2 { font-size: 60px !important; font-weight: 900; color: #2d2a28; line-height:1.5}.pro_box h3 { font-size: 32px !important; font-weight: 400; line-height: 1.5;color: #2d2a28;}.right_txt ul { margin-bottom: 0; font-size: 17px; line-height: 1.6; list-style: none; padding-left: 0;}.right_txt ul li { position: relative; padding-left: 30px;}.right_txt ul li::before { content: ""; width: 7px; height: 7px; background: #28328d; position: absolute; top: 11px; left: 0; border-radius: 10px;}.pro_box { display: flex; align-items: flex-start; justify-content: space-between; background: #f6f9fb; padding: 30px 60px; border: 1px solid #eee; border-left: 0; border-right: 0;}.left_txt, .right_txt { width: calc(100% / 2);}li.notice_list { color: #2454be;font-weight: bold;}/*技術服務*/ .txt_row { display: flex; flex-wrap: wrap;margin-bottom: 5px; padding: 40px;position: relative; overflow: hidden;}.txt_row::before { content: ""; width: 100%; height: 300px; position: absolute; background: url(archive/image/customization/page_bgimg.webp) no-repeat; bottom: 0; left: 0; z-index: -1; background-size: cover; background-attachment: fixed;}.txt_row h3 { width: 200px; border-right: 1px solid #fff; margin-right: 80px;padding:10px 0}.txt_row p { width: calc(100% - 280px); padding: 6px 0;text-align: justify;}.txt_row p span { display: block; margin-top: 20px; border-bottom: 1px dashed #888; width: fit-content; padding-bottom: 2px; font-weight: 500;}.txt_row p span i {margin-right:10px}.article2 .article_model:nth-child(4) { position: relative; padding: 15% 30px 0;}.article2 .article_model:nth-child(4)::before { content: ""; width: 100%; height: 500px; position: absolute; top: -50px; left: 0; background: url(archive/image/customization/img_bg03.webp) no-repeat; background-size: cover; z-index: -1; background-position: center;}.article2 .article_model:nth-child(4) .model-title { color: #fff; text-align: center; font-size: 34px; margin-top: -50px; margin-bottom: 50px !important;}/*表格*/ .phone-info {color: #EE7600;font-weight: bold;margin-bottom: 5px;font-size: 18px;display:none}.phone-info i {padding: 0 5px;}.table_block table th {border: 1px solid #ccc;background: #6c7fdc;color: #fff;padding: 5px 10px;font-weight: 500;}.table_block table td {border: 0px solid #ccc;padding:5px 10px;background:transparent}.table_block tr:nth-child(odd) {background: #eee !important;}.table_block table {width: 100%;}.table_block table th:nth-child(1) {width: 25% !important;}.table_block table th:nth-child(2) {width: 25% !important;}.table_block table th:nth-child(3), .table_block table th:nth-child(4), .table_block table th:nth-child(5) {width:calc(50% / 3) !important}/*應用*/ .pagepro_block { display: flex; grid-column-gap: 50px;flex-flow: wrap;}.pro_item {width:calc(100% / 3 - 35px);margin-bottom: 10px;}.pro_img b { font-size: 18px; font-weight: bold; background: #222222c7; padding: 5px 15px; position: absolute; left: 0; bottom: 0; color: #fff; display: block; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px);}.pro_img { position: relative; border: 1px solid #dcdcdc;}.pro_txt {padding: 15px}.pro_txt b {font-size: 18px;line-height: 1.5;}.link_block a { display: inline-block; font-size: 16px; padding-left: 25px; position: relative; margin-right: 15px;}.link_block a::before { content: ""; width: 8px; height: 8px; background: #000; position: absolute; top: 11px; left: 5px; border-radius: 30px;transition: 0.4s;}.link_block a:hover { color: #3269f5 !important; transition: 0.4s;}.link_block a:hover::before {background:#3269f5;transition: 0.4s;}/*客製*/ .icon_block .icon_box h3 { font-size: 18px !important;margin: 15px 0 0;min-height: 55px;display: flex; align-items: center; justify-content: center;}.icon_block .icon_box img { width: 100px; filter: invert(1) opacity(0.8);}.icon_block .icon_box { text-align: center; min-width: 250px; background: linear-gradient(339deg, #29176f, #2853b2 75%,#1b58de 100%); padding: 20px; margin-right: 60px; position: relative; color: #fff;}.icon_block { display: flex; align-items: center; margin-top: 55px;width:calc(100% - 350px);padding-left:50px}.icon_block .icon_box::before { content: "\f0da"; font-family: FontAwesome; font-size: 30px; position: absolute; right: -36px; top: 50%; transform: translateY(-50%); color: #2554bc;}.icon_block .icon_box:last-child::before {display:none}.icon_block .icon_box:last-child { margin-right: 0;}.connect_block .btn_01 a, .connect_block .btn_02 a {font-weight: bold; color: #2853b2 !important; letter-spacing: 0;}.connect_block .btn_01 i, .connect_block .btn_02 i { margin-right: 10px;}.connect_block .btn_01 b, .connect_block .btn_02 b { margin-right: 10px;}.connect_block h3 { width: 100%;margin-bottom: 45px !important;font-weight: bold !important;}.connect_block { font-size: 18px;width:350px;line-height: 1.5;}.connect_block .btn_02 {text-align: center;}.connect_block .btn_01 {margin-bottom:20px}.connect_block .btn_01, .connect_block .btn_02 {width: 100%; display: flex; flex-wrap: wrap; align-items: center;padding:10px 15px;justify-content: center;border: 1px solid #ddd;}.process_block { display: flex; flex-flow: wrap;}.technology_page .table_block table td { border: 1px solid #ccc; padding: 5px 10px; background: #fff;}/*footer*/#RWDPAGE_BASE_PAT02 .footer-block .container {padding: 80px 0 40px}/*隱私權*/ .privacy_block, .privacy_block p {line-height: 2;letter-spacing: 1px;color: #000}.privacy_block a {color: #000;transition: 0.4s}.privacy_block a:hover {color: #000;transition: 0.4s;text-decoration: none}.privacy_block h5 {font-size: 18px;font-weight: bold;margin: 30px 0 10px;color: #000;}.privacy_block h6 {font-size: 16px;}.privacy_block ul {padding-left: 24px;}/* 230926 */ .article5 .lang_en .layoutlist_7 .litem { width: calc(100%/2); float: left;}.article5 .lang_en .layoutlist_7 .subject a { font-size: 24px !important;}.layoutlist_7 .row:before, .layoutlist_7 .row:after { display: none;} /*內頁 end*/ /*en內頁 start*/ .lang_en.page_wrapper_bg .article-text,.lang_en.page_wrapper_bg .article-text p, .lang_en .RWDslider01 .editor, .lang_en .RWDtimeline01 li.event .point .editor,.lang_en #sidebar .products-nav,.lang_en.page_wrapper_bg .article-text h2,.lang_en.page_wrapper_bg .article-text h3,.lang_en.page_wrapper_bg .article-text h4,.lang_en.page_wrapper_bg .article-text h5,.lang_en.page_wrapper_bg .article-text h6,.lang_en.page_wrapper_bg .article-text h1 { letter-spacing: 0;}.lang_en.page_wrapper_bg .hgroup h1 { line-height: 1.2;}.lang_en .about_item .about_txt h2 { font-size: 25px !important;}.lang_en .article3 .article-text::before { right: -600px;}.lang_en .page_about02 h2 { padding-right: 8vw;}.lang_en .left_txt { width: 40%;}.lang_en .right_txt { width: 60%;}.lang_en .pro_img b { font-size: 17px; position: relative;}.lang_en .pro_txt b { font-size: 16px;}.lang_en .RWDmenu_plus04 .site-nav .menu ul li a { line-height: 1.2;}.lang_en .icon_block .icon_box h3 { line-height: 1.2;}.article1 .page_wrapper_bg.lang_en .article-text { text-align: left;}.article1 .lang_en .connect_block { justify-content: flex-start;}.article1 .lang_en .icon_block { justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start;}.lang_en .icon_block .icon_box { min-width: auto; width: calc(100%/4);}.lang_en .txt_row::before { bottom: auto; top: 0; height: 100%;}.lang_en .txt_row h3 { width: 150px;}.lang_en .txt_row p { width: calc(100% - 230px); text-align: left;}.lang_en .btn.btn_back a { min-width: fit-content; width: 100%; max-width: 100%; padding-right: 60px !important;}.lang_en .connect_block .btn_01 i, .lang_en .connect_block .btn_02 i { margin: 0;} /*en內頁 end*/ /*小螢幕 start*/ @media (max-width: 2400px) {/*en*/ .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 3.8em;}.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 { font-size: 25px;}.lang_en .about-block .RWDService001 h1.main-title { grid-template-columns: 310px auto;}.lang_en .about-block .RWDService001 .row .col-md-12 { padding: 0;}.lang_en .about-block .RWDService001 { grid-template-columns: 41% auto;}.lang_en .cooperation-box h2 { font-size: 45px;}}@media (min-width: 2000px) { .banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 6.8em;} }@media (max-width: 2100px) {.about-block .boxFeature-2 p{font-size: 17px;}.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before { font-size: 2.1em;} .banner-block .RWDbanner_plus01 .logo{bottom: -67%;} /*footer*/ .cooperation-box h2::before{font-size: 45px;}}@media (max-width: 1920px) {/*內頁*/ .article1 .page_wrapper_bg .article-text {text-align: center;}.article1 .connect_block {display: flex;align-items: center;justify-content: center;flex-flow: wrap;}.article1 .process_block {flex-flow: wrap;justify-content: center;}.article1 .icon_block {justify-content: center;} }@media (max-width: 1900px) {/*en*/ .lang_en .about-block .RWDService001 { grid-template-columns: 45% auto;}.lang_en .about-block .RWDService001 h1.main-title { grid-template-columns: 300px auto;}}@media (max-width: 1800px) {.about-block .boxFeature-2 p { font-size: 16px;}.about-block .boxFeature-2 h2 { font-size: 28px;}.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before { font-size: 2em;letter-spacing: 0;} .footer-block .block-left, .footer-block .block-right{padding-left:4vw;padding-right:4vw;} .footer-block .block-left::before{opacity:0.4}}@media (max-width: 1700px) {.product-block .block_bg{width: 80%;right: -30%;top: -10%;}.material-block .container, .product-block .container { width: 87%;}.about-block .container { width: 93.5%;}.application-block .container { width: 80%;}.about-block .RWDService001 .row { padding-right: 30px;}.icon_block .icon_box {min-width: unset;width: calc(100% / 2 - 25px);margin: 0;}.article1 .icon_block {justify-content: center;grid-column-gap: 30px;grid-row-gap: 30px;}.icon_block .icon_box::before {right:-23px}/* en */ .article5 .lang_en .layoutlist_7 .subject a { font-size: 20px !important;}}@media (max-width: 1600px) { .RWDmenu_plus04 .site-nav .menu>li>a{padding: 25px 13px;} /*banner*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 4.2em;} .banner-block .RWDbanner_plus01 .logo {bottom: -76%;} /*合作*/ .cooperation-block .container{padding: 3vw 0 2vw;} .cooperation-box h2{font-size:25px;} .cooperation-box h2::before{margin-bottom:5px;font-size: 40px;} .cooperation-box p{font-size: 17px;} .cooperation-box a.btn-style{font-size: 17px;padding-left: 63px;} .about-block .boxFeature-2 p { min-height: 72px;}.about-block .RWDService001 h1.main-title, .material-block .RWDproduct004 h1.main-title, .product-block .RWDService002 h1.main-title, .application-block .RWDService001 h1.main-title { font-size: 23px;}.about-block .RWDService001 i img { max-width: 55px;}/*en*/ .RWDmenu_plus04 #mobile-menu .menu li a { letter-spacing: 0 !important;}.lang_en .about-block .RWDService001 { display: block;}.lang_en .about-block .RWDService001 .row:nth-child(2) { margin: 40px 0 0;}}@media (max-width: 1500px) {.about-block .RWDService001 h1.main-title::before, .material-block .RWDproduct004 h1.main-title::before, .product-block .RWDService002 h1.main-title::before, .application-block .RWDService001 h1.main-title::before { font-size: 1.8em;}/*行動呼籲*/ .mobile_link {display: block;}/*漢堡選單開啟*/ .RWDmenu_plus04 .site-nav,.RWDmenu_plus04 #mobile-menu .menu li .m_stitle,.RWDmenu_plus04 #mobile-menu .menu li.active .m_title {display: none;}.RWDmenu_plus04 #mobile-menu,.RWDmenu_plus04 .ml-stack-nav-toggle,.RWDmenu_plus04 .toggle-menu {display: block;}.RWDmenu_plus04 #mobile-menu .menu li.active .m_stitle {display: inline;}/*漢堡選單樣式調整*/ .RWDmenu_plus04 #mobile-menu {background-color: #fff;padding-bottom: 0;}.RWDmenu_plus04 #mobile-menu .menu>li {border-bottom: 1px solid #dfdfdf;}.RWDmenu_plus04 #mobile-menu .menu a {color: #363030;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a {background-color: transparent;}.RWDmenu_plus04 #mobile-menu .menu>li.active {background-image: linear-gradient(to right, #4481eb 0%, #04befe 100%);}.RWDmenu_plus04 #mobile-menu .menu li.active .m_stitle {font-size: 16px;}.RWDmenu_plus04 #mobile-menu .menu>li>ul {background-color: #fff;}.RWDmenu_plus04 .menu li a {color: #434343;}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {font-weight: normal;font-size: 16px;}.RWDmenu_plus04 .menu li a .m_stitle_block{color: #adadad;}/*漢堡本人調整*/ .ml-stack-nav-toggle{color: #434343;}.ml-stack-nav-toggle__line{background: #434343;}/*header menu hover*/ .RWDmenu_plus04 .lang-select-label:hover:after,.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: #888;}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { text-decoration: none; font-weight: normal; color: #000000;}.RWDmenu_plus04 .features .language-block a { padding: 18px 8px;}.RWDmenu_plus04 .logo { width: 245px;}/*格線*/ .RWDmenu_plus04 .features:after {display: none;}/*header呼籲*/ .RWDmenu_plus04 .features {position: relative;padding-right: 0;float: right;margin: 10px 5px 0 0;width:auto;}.RWDmenu_plus04 .features .edit {display: block;}.RWDmenu_plus04 .features .edit .headerbooking {margin: 15px 0 0;}.RWDmenu_plus04 .header:before{display: none;}/*header下滑*/ .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle{color: #434343;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line{background: #434343;}.RWDmenu_plus04 .features .edit{margin-top:10px;}/*search*/ .RWDmenu_plus04 #search-box{opacity: 0;visibility: hidden;top: 100%; margin-right: 90px;right: 0;}.RWDmenu_plus04 .features .search-btn {padding: 15px 12px;}.lang-select-label {padding: 18px 15px;}/*寬度*//*footer*/ .footer-info{margin-bottom:15px;}.cooperation-box p{font-size: 16px;}.footer-block .block-left{width:45%;}.footer-block .block-right{width:55%;}.footer-block .block-right {padding-left: 5vw;padding-right: 5vw;}.cooperation-box h2{font-size: 22px;}.cooperation-box a.btn-style{margin-top:70px;}.pro_item {width: calc(100% / 2 - 15px);}.pagepro_block {grid-column-gap: 30px;}/*eninner*/ .lang_en .about_item .about_txt h2 { font-size: 20px !important;}.lang_en .pro_box { display: block; padding: 20px;}.lang_en .left_txt, .lang_en .right_txt { width: 100%;}.lang_en .pro_box h2 { margin: 0 0 20px;}#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]) { letter-spacing: 0;}}@media (max-width: 1400px) { .banner-block .RWDbanner_plus01 .slick-caption {top: 32%;} .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3.5em;} .banner-block .RWDbanner_plus01 .logo{bottom: -58%;width: 75px;height: 75px;} /*關於*/ .block_bg{width:80%;} .about-block .block_bg{right: -20%;} .about-block .col-md-3 .boxFeature-2::after{font-size: 13px;width: 30px;line-height: 35px;}.about-block .boxFeature-2 p { min-height: 70px; font-size: 15px;}.about-block .RWDService001 h1.main-title { flex-wrap: wrap;line-height: 1.3;}.about-block .RWDService001 h2.sub-title, .material-block .RWDproduct004 h2.sub-title, .product-block .RWDService002 h2.sub-title, .application-block .RWDService001 h2.sub-title { font-size: 17px;}.about-block .col-md-3 {padding: 0 10px;}}@media (max-width: 1300px) { /*背景線*/ .about-block::before,.material-block::before,.application-block::after,.cooperation-block::after{width:500px;} /*關於*/ .about-block .boxFeature-2 h2{font-size: 28px;font-weight: 500;}.about-block .RWDService001 { grid-template-columns: 35% auto;} /*原料*/ .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 { font-size: 25px;} .material-block .RWDproduct004 .row{flex-wrap: wrap;display: flex;} .material-block .RWDproduct004 #portfolio div.col-md-3{width: calc(100%/3 - 0px);} /*footer*/ .footer-info{width:70%;} .footer-social{width:30%;} .cooperation-box h2::before{font-size: 35px;} .cooperation-box a.btn-style::before{left:18px;} .cooperation-box a.btn-style::after{display:none;} .cooperation-box a.btn-style{font-size: 16px;} .cooperation-box a.btn-style{padding-left:45px;}/*en*/ .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 2.8em;}}/* 匯入內頁版面寬度80%*/@media (max-width: 2300px) {.connect_block {width: 100%;}.connect_block .btn_01, .connect_block .btn_02 { max-width: 500px; float: left; margin: 0 20px 0 0;}.icon_block {width: 100%;padding: 0;flex-flow: wrap;}}@media (max-width: 1920px) {.page_wrapper_bg section.call_to_action {min-height: 700px;}.icon_block {grid-row-gap: 30px;}}@media (max-width: 1700px) {.table_block {overflow: overlay;}.table_block table {width: 1000px;}.phone-info {display: block;}}@media (max-width: 1600px) {/*內頁*/ .article3 .article-text::before {right:-60%;opacity: 0.3;}.about_item {width: 200px;height: 200px;}.about_item .about_txt h2 {font-size: 24px !important;}.connect_block .btn_01, .connect_block .btn_02 {max-width: 430px;}.article2 .article_model:nth-child(4) .model-title {margin-top: 0;}}@media (max-width: 1500px) {.layoutlist_4 .pricearea span{margin:0}.layoutlist_4 .pricearea{flex-direction:column-reverse;align-items:flex-start}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 40px !important;}}@media (max-width: 1440px) {.icon_block .icon_box {min-width: 220px;}}@media (max-width: 1300px) {.page_wrapper_bg section.call_to_action>.container {width:75%}.about_item img {width: 65px;}#RWDPAGE_BASE_PAT02 .footer-block .container { padding: 80px 0 40px;}.connect_block h3 {margin-bottom: 20px !important;}}@media (max-width: 1250px) {.connect_block .btn_01, .connect_block .btn_02 {flex-direction: column;max-width: unset;width: calc(100% / 2 - 20px);}} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { /*行動呼籲*/ .RWDmenu_plus04 .features .edit{display:none;}.mobile-link{display:block;}/*banner*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 2.8em;}.banner-block .RWDbanner_plus01 .slick-caption .txt2{margin-top: 15px;}.banner-block .RWDbanner_plus01 .logo{bottom: -65%;}/*按鈕*/ .RWDbtn01 .btn-box .col-sm-3{width:100%;}/*區塊高度*/ .about-block{padding:70px 0;}.material-block,.product-block, .application-block .container{padding:70px 0;}.about-block .container, .material-block .container, .product-block .container{width: 90%;}.RWDbtn01 .btn {margin: 10px auto 0;}/*關於*/ .about-block .container { margin: 0 auto;}.about-block .RWDService001 .row { padding-right: 0; margin-bottom: 50px;}.about-block .boxFeature-2 h2, .about-block .boxFeature-2 p, .about-block .RWDService001 i { padding: 0 0 0 50px;}.about-block .RWDService001 .row:nth-child(2) { padding: 50px 10px; margin-bottom: 0px;}.about-block .RWDService001 i img { max-width: 45px;}/*標題*/ .about-block .RWDService001 h1.main-title, .material-block .RWDproduct004 h1.main-title, .product-block .RWDService002 h1.main-title, .application-block .RWDService001 h1.main-title{ display: flex; align-items: center; justify-content: center; flex-direction: column;}.about-block .RWDService001 h1.main-title::before,.material-block .RWDproduct004 h1.main-title::before,.product-block .RWDService002 h1.main-title::before,.application-block .RWDService001 h1.main-title::before{ margin-right:0; margin-bottom:10px; font-size: 35px;}.about-block .RWDService001 h2.sub-title,.material-block .RWDproduct004 h2.sub-title,.product-block .RWDService002 h2.sub-title,.application-block .RWDService001 h2.sub-title { text-align: center;}.about-block .RWDService001 { grid-template-columns: auto;}/*產品*/ .product-block .RWDService002{padding:0;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4{font-size: 25px;}/*原料*/ .material-block .RWDproduct004 .callout-dark{padding-bottom:50px;}/*應用項目*/ .application-block .RWDService001 .section-subject{margin-bottom:40px;margin-left:0;margin-right:0;}.application-block .RWDService001 .row{width:100%;}.application-block .RWDService001 .row:nth-child(2),.application-block .RWDService001 .row:nth-child(3),.application-block .RWDService001 .row:nth-child(4) { float: none;display: inherit;width: 100% !important;margin: 0px;}.application-block .RWDService001 .row:nth-child(2)::before,.application-block .RWDService001 .row:nth-child(2)::after,.application-block .RWDService001 .row:nth-child(3)::before,.application-block .RWDService001 .row:nth-child(3)::after,.application-block .RWDService001 .row:nth-child(4)::before,.application-block .RWDService001 .row:nth-child(4)::after{ display:none;}.application-block .RWDService001 .row .col-md-3{width: calc(100%/3 - 1px) !important;float: left !important;margin: 15px 0;}.application-block .RWDService001 i{margin-bottom:0;}/*關於*/ .about-block .RWDService001 .section-subject{text-align: center;}/*合作*/ .cooperation-block .container {padding: 5vw 0 3vw;bottom: -5vw;}.cooperation-box h2{font-size: 25px;margin-bottom:40px;}.cooperation-box h2,.cooperation-box p{text-align: center;}.cooperation-box h2::before{display:block;}.cooperation-box a.btn-style{margin-top: 50px;font-size: 18px;text-align: center;}.cooperation-box a.btn-style::before{width: 34px;height: 34px;top:20px;left:38px;}/*footer*/ .footer-block .container{padding-top:12vw;padding-bottom:10vw;}.ft-logo h1{border-bottom:1px solid #464646;padding-bottom:35px;}.ft-information {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}.footer-info,.footer-social{width:100%;}.footer-social{display: flex;align-items: flex-start}.footer-social .RWDedictor{margin-bottom: 10px;}/*en*/ .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 16px;}.lang_en .cooperation-box h2 { font-size: 35px;}.article5 .lang_en .layoutlist_7 .subject a { font-size: 16px !important;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action>.container {width: 82%;}.page_wrapper_bg section.call_to_action::before {width:90%}.pagepro_block {grid-column-gap: 30px;}.pro_item {width: calc(100% / 2 - 35px);}#RWDPAGE_BASE_PAT02 .footer-block .container {padding: 80px 0 100px;}.pro_item {width: calc(100% / 2 - 15px);}.icon_block { grid-column-gap: 30px; grid-row-gap: 30px;}.icon_block .icon_box { min-width: unset; width: calc(100% / 2 - 25px); margin: 0;}.icon_block .icon_box::before {right:-22px} } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .features{margin-top:0;width:auto;}.RWDmenu_plus04 .features .lang-select{display:none;}.RWDmenu_plus04 .features .search-btn{padding: 25px 12px;}/*關於*/ .about-block .col-md-3{padding:0 5px;}.about-block .boxFeature-2 h2 {font-size: 23px;}.about-block .boxFeature-2 p{font-size: 16px;}/* 匯入內頁版面寬度80%*//*產品內頁-01*/ .page_content1 #prod_price {margin-top: 18px;}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 4) !important;}/*文章列表-04*/#article .layoutlist_4 .item{flex-direction:column}#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate{width:100%}#article .layoutlist_4 .item .list_img{padding:0;margin:0 0 10px}#article .layoutlist_4 .list_subject{padding:0;margin:0 0 10px}#article .layoutlist_4 .listdate{border:0;display:flex;align-items:center;padding: 0;}#article .layoutlist_4 .listdate .day:before{content:"/";margin-right:5px}#article .layoutlist_4 .listdate .day{font-size:12px;color:#afafaf;position:relative;margin-left:5px} } /*1024px end*/ /*1010px start*/ @media (max-width:1010px) {.RWDmenu_plus04 .features .search-btn { padding: 24px 12px;}} /*1010px end*/ /*991px start*/ @media (max-width: 991px) { /*header*/ .RWDmenu_plus04 .logo { width: 210px; margin-top: 10px;}.RWDmenu_plus04 .features{width:auto;}/*banner*/ .banner-block .container{text-align: center;}.banner-block .RWDbanner_plus01 .slick-caption .txt1{font-size: 4.5em;background-image: linear-gradient(35deg, #29176f, #1b58de 80%);}.banner-block .RWDbanner_plus01 .slick-caption .txt2{margin-left:0;}.banner-block .RWDbanner_plus01 .logo{width: 95px;height: 95px;left: 45%;bottom: -77%;}/*關於*/ .about-block .RWDService001 h2.sub-title br{display:none;}.about-block .RWDService001 .section-subject{margin-bottom: 50px;}/*產品*/ .product-block .RWDService002 .funny-boxes-text{display: flex;flex-direction: column-reverse;justify-content: center;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4{text-align:left;width:100%;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p{margin-bottom:0;width:85%;line-height: 12px;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -95px;}.material-block .RWDproduct004 #portfolio div.col-md-3 h2,.material-block .RWDproduct004 #portfolio div.col-md-3 h3,.application-block .RWDService001 h2{font-size: 17px;}.material-block .RWDproduct004 #portfolio div.col-md-3 { width: calc(100%/2);}/*footer*/ .footer-block .block-right{padding-bottom: 13vw;}/*en*/ .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 45px; text-align: left;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 { text-align: left; margin: 20px 0 0; font-size: 20px;}.lang_en .product-block .RWDService002 .row:nth-child(2),.lang_en .product-block .RWDService002 .row:nth-child(3){float: none;display: inherit;width: 100% !important;margin: 0px;border:0;}.lang_en .product-block .RWDService002 .row::after,.lang_en .product-block .RWDService002 .row::before{display:none}.lang_en .product-block .RWDService002 .col-md-4{width: calc(100%/2 - 1px) !important;float: left !important;border: 1px solid #dfdfdf;background-color: #fff;}.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){border-left:0;}.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4,.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){border-bottom:0;}.lang_en .product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3){background-color: #fff;}.lang_en .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){background-color: #fbfbfb;}.lang_en .product-block .RWDService002 .funny-boxes.not-right-column{padding-bottom:0;}.lang_en .product-block .RWDService002 .row .col-md-4::before,.lang_en .product-block .RWDService002 .row .col-md-4:hover::before{display:none;}.lang_en .product-block .RWDService002 .funny-boxes{position: relative;}.lang_en .product-block .RWDService002 .funny-boxes::before, .lang_en .product-block .RWDService002 .funny-boxes.not-right-column::before { content: ""; background: url(archive/image/customization/icon-arrow.webp)no-repeat; background-size: 24px 24px; width: 24px; height: 24px; position: absolute; right: 0; top: 50%; filter: brightness(0) invert(0); opacity: 0.5; transition: all 0.5s ease-out; display: block; transform: translateY(-50%);}.lang_en .product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3), .product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) {border-right: 1px solid #dfdfdf;}.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 { font-size: 20px; padding-right: 35px;}.lang_en .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4,.lang_en .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p,.lang_en .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4 a,.lang_en .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p span { color: #333!important;}.lang_en .RWDbtn01 .btn-box .col-sm-3 { width: 100%;}.lang_en .about-block .RWDService001 h1.main-title { display: flex;}.lang_en .cooperation-box p { padding: 0 30px;}.lang_en .footer-info ul li { width: 100%;}/* 匯入內頁版面寬度80%*//*麵包屑*/section.hgroup {margin: 0 0 20px 0;padding:0 !important}.hgroup .container{margin-top: 0;}.page_wrapper_bg .hgroup h1{margin:0;}.hgroup .breadcrumb{text-align: left;float: none !important;position: static;padding: 0;border:0;}/*編輯器 圖文*/ .RWDeditor01 .col-md-6{padding-left:0px;padding-right:0px;margin-bottom:20px;}.RWDeditor01 .col-md-6 img{width:100%;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}/*文章列表樣式-07*/#article .layoutlist_7 .litem { width: calc(100% / 3 - 1px);margin: 15px 0px;}/*文章列表樣式-08*/ .rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}.litem__text {width: 85%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: calc(100% / 3 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row {display: flex;flex-wrap: wrap;}#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 3 - 1px);}#product .item .subject {margin-top: 15px;margin-bottom: 10px;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: calc(100% / 3 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/3 - 1px);}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {width: calc(100% / 3 - 1px);}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 3) !important;}/*相簿內容樣式-04*/ .album-list {display: flex;flex-wrap: wrap;}.album-list .item {width: calc(100% / 3);}/*檔案下載樣式-02*/ .download .list_table .container::after { clear: none;}.download .list_table .container .row::after { clear: none;}.download .list_table .container .row div:last-child {clear: none !important;}.download .oneline {border-bottom: none;clear: none;}/*電子表單*/ .eformscontent .layoutlist_1 {width: 100%;}.eformscontent .form-horizontal .control-label{padding:0!important;width:100%}.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11{width:100%;padding:0!important}.eformscontent .form-horizontal .col-sm-12.col-md-5 {padding: 0 !important;}.eformsDesc {margin: 50px 0 0;}/*產品內頁-02*/#sidebar { padding: 0 !important; margin: 0 0 30px;}/*購物車按鈕pad*/#mobile-fixed .btn-box .normal {background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}#mobile-fixed .btn-box .bg2{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff ;background: #000 ;}.RWDshopping #mobile-fixed .btn.normal {color: #444;}/*檔案下載*/ .download .search-container { margin-left: 20px;margin-top: 0;}.about_item { width: 160px !important; height: 160px !important; margin-right: 0px;}.page_about {grid-column-gap: 30px;flex-flow: wrap; grid-row-gap: 30px;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 60px;}.about_item .about_txt h2 { font-size: 20px !important; margin: 10px 0 0;}.page_about02 b {letter-spacing: 0;}#article .layoutlist_7 .litem {width: calc(100% / 2 - 1px);}.pro_item {width: calc(100% / 2 - 15px);}.article2 .article_model:nth-child(4)::before {background-position-y: -50px;}.txt_row {flex-direction: column;}.txt_row::before { background-attachment: unset; height: 100%;}.txt_row h3 {width:100%;margin: 0;padding: 0;}.txt_row p {width:100%}.txt_row h3 br {display:none}.page_wrapper_bg .hgroup h1 {margin: 0 0 10px;}/*eninner*/ .lang_en .about_item .about_txt h2 { font-size: 17px !important;}.article1 .lang_en .icon_block { flex-wrap: wrap;}.lang_en .icon_block .icon_box { width: calc(100%/2 - 25px);}.lang_en .txt_row h3, .lang_en .txt_row p { width: 100%;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3.5em;}.banner-block .RWDbanner_plus01 .slick-caption .txt2{font-size: 20px;}/*應用項目*/ .application-block .RWDService001 h2{margin-top:15px;}/*背景線*/ .about-block::before,.material-block::before,.application-block::after,.cooperation-block::after{width:300px;}/* 匯入內頁版面寬度80%*//*文章列表樣式-04*/#article .layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}/*圖文輪播*/ .RWDslider01 .products-list .box {display: flex;flex-direction: column;}.RWDslider01 .pic-list,.article1 .RWDslider01 .text,.article1 .RWDslider01 .pic img {width: 100%;}.RWDslider01 .pic-list {padding-right: 0;}.RWDslider01.pic-right .pic-list { padding-left: 0;}.pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {margin-top: 30px;}.RWDslider01.pic-right .control-box {right: 0;left: auto;}.article3 .article-text::before {display:none}.connect_block .btn_01, .connect_block .btn_02 { width: 100%; margin-bottom: 20px; flex-direction: inherit;margin-right:0}.icon_block .icon_box { min-width: unset; width: calc(100% / 2 - 60px);} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*合作*/ .cooperation-box a.btn-style{width:450px;}.cooperation-box a.btn-style{font-size: 17px;}.cooperation-box a.btn-style::before{ top: 17px;left: 26px;}/*footer*/ .footer-info ul{display: flex;flex-direction: column;}/* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 0px;}/*按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{ width: auto !important;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth {padding-bottom: 0px;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}#article .layoutlist_4 .listdate .yearmonth {letter-spacing: 1px;}#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}#article .layoutlist_4 .list_subject .summary {margin: 10px 0px 0;}#article .layoutlist_4 .list_subject a { margin: 0px !important;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}/*檔案下載樣式-02*/ .layoutlist_3 .dbtn_v2 {width: 100%;text-align: center;}/*電子表單*/ .form-horizontal .control-label {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 100%;}.pro_box { flex-direction: column;}.left_txt, .right_txt { width: 100%;}.pro_box h3 { margin-bottom: 0 !important;}.pro_box h2 { line-height: 1 !important; margin: 10px 0 50px;}.icon_block .icon_box { min-width: unset; width: calc(100% / 2 - 15px);} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .about-block .RWDService001 .section-subject{margin-bottom:50px;}.about-block .RWDService001 .row{display: flex;flex-wrap: wrap;}.about-block .col-md-3 {width: calc(100%/1);}.about-block .boxFeature-2 h2{font-size: 25px;}.about-block .boxFeature-2 { position: relative; padding-top: 45px; padding-bottom: 0;}.about-block .boxFeature-2 h2, .about-block .boxFeature-2 p, .about-block .RWDService001 i { padding: 0;}.about-block .RWDService001 .row:nth-child(2) { padding: 30px;justify-content: flex-start;}.about-block .col-md-3 { width: calc(100%/2); padding: 0 20px;margin-bottom: 30px;}.about-block .col-md-3 .boxFeature-2::after { font-size: 13px; width: 100%; line-height: 35px; border-bottom: 1px solid rgba(255,255,255,0.45); border-right: 0; height: 35px; top: 0; writing-mode: initial; padding-top: 0;}.about-block .col-md-3:nth-child(2) { transform: translateY(30px);}.about-block .col-md-3:nth-child(3) { transform: translateY(65px);}@keyframes move02{0% { opacity: 0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px);}100% { opacity: 1; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px);}}@keyframes move03{0% { opacity: 0; -webkit-transform:translateY(90px); -moz-transform:translateY(90px); -ms-transform:translateY(90px); -o-transform:translateY(90px); transform:translateY(90px);}100% { opacity: 1; -webkit-transform:translateY(65px); -moz-transform:translateY(65px); -ms-transform:translateY(65px); -o-transform:translateY(65px); transform:translateY(65px);}}.product-block .block_bg,.about-block .block_bg{width:100%;}/*產品*/ .product-block .RWDService002 .row:nth-child(2),.product-block .RWDService002 .row:nth-child(3){float: none;display: inherit;width: 100% !important;margin: 0px;border:0;}.product-block .RWDService002 .row::after,.product-block .RWDService002 .row::before{display:none}.product-block .RWDService002 .col-md-4{width: calc(100%/2 - 1px) !important;float: left !important;border: 1px solid #dfdfdf;background-color: #fff;}.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2),.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1),.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){border-left:0;}.product-block .RWDService002 .row:nth-child(2) .col-md-4,.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){border-bottom:0;}.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3){background-color: #fff;}.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1){background-color: #fbfbfb;}.product-block .RWDService002 .funny-boxes.not-right-column{padding-bottom:0;}.product-block .RWDService002 .row .col-md-4::before,.product-block .RWDService002 .row .col-md-4:hover::before{display:none;}.product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > h4, .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p, .product-block .RWDService002 .row .col-md-4:hover .product-block .funny-boxes > .funny-boxes-text > h4 a, .product-block .RWDService002 .row .col-md-4:hover .funny-boxes > .funny-boxes-text > p span { color: #313131 !important;}.product-block .RWDService002 .funny-boxes{position: relative;}.product-block .RWDService002 .funny-boxes::before,.product-block .RWDService002 .funny-boxes.not-right-column::before{ content: "";background: url(archive/image/customization/icon-arrow.webp)no-repeat;background-size: 24px 24px;width: 24px;height: 24px;position: absolute;right:20px; top: 15px;filter: brightness(0) invert(0);opacity: 0.5;transition: all 0.5s ease-out;display:block;}.product-block .animated .RWDService002 .row:nth-child(2) .col-md-4:nth-child(3), .product-block .animated .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3) {border-right: 1px solid #dfdfdf;}/*en*/ .lang_en .banner-block .container { padding: 0 15vw;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 35px;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 18px;}.lang_en .RWDproduct004 #portfolio div.col-md-3 h3 { line-height: 1.2;}.lang_en .product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 { font-size: 17px;}.lang_en .about-block .RWDService001 h2.sub-title { text-align: left;}#article .layoutlist_7 .litem { width: calc(100% / 1 - 1px); margin: 10px 0;}.article5 .lang_en .layoutlist_7 .subject a { font-size: 20px !important;}/* 匯入內頁版面寬度80%*//*文章列表樣式-02*/#article .layoutlist_2 {display: flex; flex-wrap: wrap;}#article .layoutlist_2 .item {width: calc(100% / 2 - 21px);margin: 0 10px;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate{padding-left:0px;padding-right:0;}#article .layoutlist_2 .listdate .yearmonth {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_2 .listdate .yearmonth::after {content: "/";position: relative;display: inline-block;}#article .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .listdate .day {display: inline-block;}#article .layoutlist_2 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;margin-left: -3px;}/*文章列表樣式-03*/#article .layoutlist_3 { display: flex;flex-wrap: wrap;}#article .layoutlist_3 .item { width: calc(100% / 2 - 21px);margin: 0 10px;}#article .layoutlist_3 .listdate .day {color: #afafaf; font-size: 12px;letter-spacing: 2px;}#article .layoutlist_3 .listdate .day::before {content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow {display: flex; flex-wrap: wrap;}#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: calc(100% / 2 - 21px);margin: 0 10px;}/*文章列表樣式-06*/ .rwdlayoutlist_6 .subject_title{display: flex;align-items: center;}.rwdlayoutlist_6 .list_no{width: 16.66666667%;}.rwdlayoutlist_6 .list_subject{width: 66.66666667%;}.rwdlayoutlist_6 .list_date{width: 16.66666667%;}.rwdlayoutlist_6 .list_item{display: flex; justify-content: flex-start;align-items: center;}.rwdlayoutlist_6 .list_item .column.no {width: 16.66666667%;}.rwdlayoutlist_6 .list_item .column.subject{width: 66.66666667%;}.rwdlayoutlist_6 .list_item .column.date{width: 16.66666667%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {width: calc(100% / 2 - 1px);}.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}/*文章列表樣式-08*/ .layoutlist_8.rwd{display:flex; flex-wrap: wrap;}.layoutlist_8.rwd .item{border-bottom:0;width: calc(100% / 2);}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}/*左右圖文輪播PAD*/@media screen and (min-width: 415px) and (max-width: 767px){.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column}.RWDslider01 .text{width:100%}.RWDslider01.pic-right .pic-list {padding: 0;}.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column;width:80%;margin:auto;padding:0!important}.RWDslider01 .pic-list{width:80%;padding:0;margin:auto;float:none!important}.RWDslider01.pic-right .control-box{left:50%;transform:translateX(-50%);text-align:center;right:auto}.RWDslider01 .control-box{right:auto;left:50%;transform:translateX(-50%)}}/*文章列表頁籤*/ .tab_content {margin-top: 20px}/*文章頁籤修正*/ .tab {padding: 20px 0;}.tab.open .tab_title {margin: 0 0 20px;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 2 - 1px);}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 D*/#product .layoutlist_5.layoutlist {display: flex;flex-wrap: wrap;}#product .layoutlist_5.layoutlist .col-sm-4 {width: calc(100% / 2 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/2 - 1px);}/*產品我的最愛按鈕調整*/ .RWDproduct_page .btn-other{margin:10px 0}.RWDproduct_page .btn-other li{width:100%;display:block;text-align:left;padding:0}.RWDproduct_page .btn-other li .ii{display:inline-block}.RWDproduct_page .btn-other li button{text-align:left}/*相簿列表樣式-01*/#album .layoutlist_1 .row.masonry {display: flex;flex-wrap: wrap;}#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 2 - 1px) !important;}/*相簿列表樣式-02*/#album .layoutlist_2 {display: flex; flex-wrap: wrap;}#album .layoutlist_2 .album_item { width: calc(100% / 2 - 1px);}/*相簿內容樣式-01*/ .albumcontent section.call_to_action .container .article-text .container .row { display: flex;flex-wrap: wrap;}.row .album_d_item {width: calc(100% / 2 - 1px);}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 2) !important;}/*相簿內容樣式-04*/#article .layoutlist_4 .item{display: initial;}.album-list .item {width: calc(100% / 2);}#article .layoutlist_4 .listdate .yearmonth {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_4 .listdate .yearmonth, .layoutlist_4 .listdate .day {display: inline-block;}#article .layoutlist_4 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_4 .listdate .day::before {content: " / ";}/*相簿內容箭頭*/ .photo_view .flex-direction-nav .flex-disabled{ opacity: 10!important;}/*檔案下載樣式-01*/ .download .list_table td.list_subject {text-align: center;}/*檔案下載樣式-02*/ .download .item table tr { display: flex;flex-direction: column;}.download .oneline {display: flex; flex-wrap: wrap;}.download .list_table td { width: 100%;padding-top: 0;}.download .list_table td:nth-child(2) { display: none;}.download .oneline .col-md-4.col-sm-6 { width: calc(100% / 3);}.layoutlist_5 .downlaod_item { width: calc(100%/2);}/*影片列表*/#video .layoutlist_2 {display: flex;flex-wrap: wrap;}#video .layoutlist_2 .video_item { width: calc(100% / 2 - 1px);}/*購物車呼籲置底*/#mobile-fixed .fixed-bottom .price-box{text-align: center;}.page_about {grid-column-gap: 15px;}/*eninner*/ .lang_en .pro_box h2 { font-size: 35px !important;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p{width:80%;} } /*767px end*/ /*680px start*/ @media (max-width: 680px) { /*footer*/ .footer-block .block-right{padding:8vw 5vw 13vw;} .footer-block .block-left{padding: 9vw 10vw 5vw;} .footer-info ul{flex-direction: column;display: flex;} .footer-info ul li{width:100%;}.cooperation-block .container {padding: 5vw 0 3vw;bottom: -10vw;}.footer-block .container {padding-top: 18vw;}.page_about {grid-column-gap: 5px;}} /*680px end*/ /*650px start*/ @media (max-width: 650px) { .banner-block .RWDbanner_plus01 .logo{left: 0;width:100%;} .banner-block .RWDbanner_plus01 .logo img{margin:0 auto;width:auto;} .banner-block .container{width:100%;} /*應用項目*/ .application-block .RWDService001 .row .col-md-3{width: calc(100%/2) !important;} /*原料*/ .material-block .RWDproduct004 #portfolio div.col-md-3 {width: calc(100%/2 - 1px);}} /*650px end*/ /*600px start*/ @media (max-width: 600px) { .fl img{width:180px;}/*banner*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 3em;}/*寬度*/ .application-block .container, .about-block .container, .material-block .container, .product-block .container {width: 90%;}/*背景線*/ .about-block::before, .material-block::before, .application-block::after, .cooperation-block::after {width:200px;}/*按鈕*/ .RWDbtn01 .btn{width:100%;margin-top:0;}/*關於我們*/ .about-block .boxFeature-2 p {min-height: auto;}.about-block .col-md-3 {width: calc(100%);padding: 0;}.about-block .container {width: 100%;}.about-block {padding: 80px 0 0;}.about-block .RWDService001 .section-subject {padding: 0 15px;}.about-block .RWDService001 i img {max-width: 40px;margin: 0 0 10px;}/*原料*/ .material-block .RWDproduct004 #portfolio div.col-md-3 h2, .material-block .RWDproduct004 #portfolio div.col-md-3 h3{font-size: 16px;}/*應用項目*/ .application-block .RWDService001 .row .col-md-3{margin:0 0 15px;padding:0 10px;}.application-block .RWDService001 i{margin-bottom:15px;}/*產品*/ .product-block .block_bg{width:100%;}/*合作*/ .cooperation-block .container{padding-left:20px;padding-right:20px;width:90%;}.cooperation-box h2::before {font-size: 30px;}.cooperation-box h2 {font-size: 22px;margin-bottom: 20px;}.cooperation-box a.btn-style{height: auto;width:100%;line-height: 1.3;padding: 10px 0;font-size: 16px;margin-top:0;}.cooperation-box a.btn-style::before{top: auto;left: auto;position: static;display:block;width:27px;height:27px;margin:0 auto 5px;}.cooperation-box p{margin-bottom: 25px;}.cooperation-box p br{display:none;}/*footer*/ .footer-block .container {padding-top: 18vw;padding-bottom: 15vw;}.ft-logo h1{text-align: center;}/*en*/ .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 25px;}.lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt2 {padding-left: 0;border: 0;font-size: 15px;}.lang_en .product-block .RWDService002 .col-md-4 {width: 100% !important;padding: 30px;min-height: auto;}.lang_en .application-block .RWDService001 .row .col-md-3 {padding: 0 3px;}.lang_en .ft-logo h1 {text-align: left;line-height: 1.2;}.article5 .lang_en .layoutlist_7 .subject a {font-size: 17px !important;}/*標題*/ .hgroup {padding-left:15px; padding-right:15px;}.hgroup h1{margin-bottom: 50px;line-height:1.8;}/*按鈕*/ .btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary{ width: 100%!important;}/*container*/ .page_wrapper_bg .pagecontent {padding: 0px !important;}/*fixrow*/ .fixrow{padding-left:0px !important;padding-right:0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item { width: 100%; margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item {width: 100%; margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: 100%; margin: 10px 0;}/*文章列表樣式-06*/ .rwdlayoutlist_6 ul { margin: 0;}.rwdlayoutlist_6 li { margin: 0;border-bottom: #dfdfdf solid 1px;padding: 10px 0 10px;}.rwdlayoutlist_6 .subject_title{display:none;}.rwdlayoutlist_6 .list_item{text-align: center;flex-direction: column}.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date{width:100%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {width: 100%;padding: 0 0 40px;margin: 0 0 40px;border-bottom: 1px solid #eee;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item{ border-bottom: 1px solid #ccc; width: 100%;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: 100%;}/*左右圖文輪播PH*/ .RWDslider01 .pic-list{width:100%;}/*時間軸樣式*/ .RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 {left: 0;}.RWDtimeline01 li.event:before {left: 27px;}.RWDtimeline01 li.event .point {width: calc(100% - 90px);left: 90px;}.RWDtimeline01 li.event .point .date{font-size:14px;letter-spacing:1px}/*文章檔案下載*/ .file_area {margin: 0 0 10px;}#file_dlist, .page_wrapper_bg .dd-select, .file_area {width: 100% !important;}.download_container .btn {width: 100%;}/*電子表單*/ .new-form {margin-top: 0;}/*相簿上下方說明*/#album .page_desc {margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 30px 0 0;}.photo_discription .text{font-size:16px!important;line-height:1.5!important;margin:30px 0;color:#333!important;letter-spacing:2px;font-weight:400}/*相簿列表樣式-01*/ .layoutlist_1 .album_item {width: 100% !important;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {margin: 10px 0px 20px !important;width: 100%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: 100%;}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: 100%;}/*產品列表樣式 D*/#product .layoutlist_5.layoutlist .col-sm-4 {width: 100%;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: 100%;}/*相簿內容樣式-01*/ .row .album_d_item { width: 100%;}/*相簿內容樣式-03*/ .photo .content_box {width: 100% !important;}/*相簿內容樣式-04*/ .album-list .item {width:100%;}/*檔案下載樣式-02*/ .download .oneline .col-md-4.col-sm-6 {width: 100%;margin-bottom: 20px;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin:40px 0 !important}.page_wrapper_bg .hgroup h1 {font-size: 32px;}#article .layoutlist_7 .litem {border: 0;margin-bottom: 10px;padding-bottom: 10px;}.article5 .layoutlist_7 .subject a {font-size: 22px !important;}.pro_img b {font-size: 16px;}.pro_txt b {font-size: 15px;}.link_block a {font-size:15px}.icon_block {flex-direction: column;grid-row-gap: 50px;}.icon_block .icon_box {min-width: unset;width: 100%;margin: 0;}.icon_block .icon_box::before {content: "\f0d7";right: 50%;top: auto;bottom: -50px;transform: translate(50%, 0);}.article2 .article_model:nth-child(4) .model-title {line-height:1.5}/*eninner*/ .lang_en.page_wrapper_bg .hgroup h1 {font-size: 24px;}.lang_en .phone-info {font-size: 12px;}.lang_en .icon_block .icon_box {width: 100%;}.lang_en .btn.btn_back a {min-width: auto;width: 100% !important;}.page_about {flex-direction: column;}.product-block .RWDService002 .col-md-4{width:100% !important;padding:0 10vw;min-height: 120px;}.product-block .RWDService002 .row:nth-child(2) .col-md-4:nth-child(2), .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(1), .product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(3){ border-left: 1px solid #dfdfdf;}.product-block .RWDService002 .row:nth-child(3) .col-md-4:nth-child(2){border-bottom:0;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -50px;font-size: 3.5em;left: auto;right: 0;text-align: right;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .RWDmenu_plus04 .features .search-btn {padding: 22px 18px 15px;}/*banner*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 2.5em;line-height: 1.3;}/*標題*/ .about-block .RWDService001 h1.main-title, .material-block .RWDproduct004 h1.main-title, .product-block .RWDService002 h1.main-title, .application-block .RWDService001 h1.main-title{font-size:20px;text-align: center;}.about-block .RWDService001 h2.sub-title, .material-block .RWDproduct004 h2.sub-title, .product-block .RWDService002 h2.sub-title, .application-block .RWDService001 h2.sub-title{font-size: 15px;line-height: 1.5;margin-top:10px;}.about-block .RWDService001 h2.sub-title{text-align: justify;}/*產品*/ .product-block .RWDService002 .col-md-4{ min-height: 170px;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > h4 {font-size: 20px;}.product-block .RWDService002 .funny-boxes > .funny-boxes-text > p span{bottom: -75px;font-size: 3.5em;}.material-block .RWDproduct004 #portfolio div.col-md-3 {width: calc(100%);}/*合作*/ .cooperation-block .container::before{background-position: -180px center;}.cooperation-box a.btn-style span{display:block;}/*文章高度調整*/ .pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item {width: calc(100%);}/*圖文輪播*/ .RWDslider01 .text {padding-bottom: 40px;}.about_item img {width: 50px;}.page_about {justify-content: center;}.pro_item {width: 100%;}.article2 .page_wrapper_bg section.call_to_action>.container {width: 95%;}.webdesc {font-size: 16px;}@media (max-width: 414px) { /*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0; }} } /*480px end*/ /*414px start*/ @media (max-width: 414px) { .banner-block .container, .banner-block .RWDbanner_plus01 .slick-caption { width: 100%; } .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 2.6em; letter-spacing: 5px; } .banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 18px; } .banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { width: 30px; height: 12px; } .banner-block .RWDbanner_plus01 .logo img { width: 72px; } .banner-block .RWDbanner_plus01 .slick-caption { top: 26%; } .cooperation-box a.btn-style::before { width: 17px; height: 17px; } .cooperation-box a.btn-style { font-size: 15px; } /*應用項目*/ .application-block .RWDService001 h2 { font-size: 16px; } /*關於*/ .product-block .RWDService002 .funny-boxes::before, .product-block .RWDService002 .funny-boxes.not-right-column::before { background-size: 17px 17px; width: 17px; height: 17px; } .product-block .RWDService002 .funny-boxes>.funny-boxes-text>h4 { font-size: 17px; } .page_about02 b { font-size: 16px; } .article2 .article_model:nth-child(4) .model-title { padding: 0 30px } .connect_block .btn_01 a, .connect_block .btn_02 a { font-size: 15px; } .product-block .RWDService002 .col-md-4 { padding: 0 5vw; }} /*414px end*/ /*380px start*/ @media (max-width: 380px){ .banner-block .RWDbanner_plus01 .slick-caption { top: 23%;}.about-block .RWDService001 h1.main-title::before,.material-block .RWDproduct004 h1.main-title::before,.product-block .RWDService002 h1.main-title::before,.application-block .RWDService001 h1.main-title::before,.cooperation-box h2::before { font-size: 26px;}.cooperation-box a.btn-style { font-size: 15px; border-radius: 3px;}.cooperation-box a.btn-style span { font-size: 13px;}/*en*/ .lang_en .cooperation-box h2 { font-size: 26px;}.article5 .lang_en .layoutlist_7 .subject a { font-size: 15px !important;}@media (max-width: 360px) { .lang_en .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 20px; } /*eninner*/ .lang_en #article .btn.btn_back a, .lang_en #album .btn.btn_back a { text-align: left; }} } /*380px end*/ /* <= miracle customization end */ /* user customization start=> */ /* <= user customization end */