/* all */a,a:hover,a:focus { text-decoration: none; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}body { font-family: 'Lato', 微軟正黑體, sans-serif; letter-spacing: 0px; line-height: 1.2em; font-size: 15px; overflow-x: hidden;}p,.service-section .RWDProduct015 .product_box .memo,.success-section .RWDnews005 h4,.success-section .news005_h4 { color: #555555; line-height: 1.5em; text-align: justify; font-size: 15px;}/* 反白顏色設定*/::selection { background: #254eba; color: #fff;}::-moz-selection { background: #254eba; color: #fff;}/* 動態效果改成fadeIn*/ .bounceIn { animation-name: fadeInUp; animation-duration: 1s}/*loading*/ .RWDfakeloader { background: url(archive/image/customization/loading_bg.png) 65% center no-repeat;}/*寬度設定*/ .about-section .container { width: 100%;}.form-block .container,.success-block .container,.service-block .container,.service-section .container,.success-section .container { width: 75%;}.technology-section .container,.success-block .container { width: 80%;}.about-section .container { padding-left: 0; padding-right: 0;}.form-block .container,.success-block .container,.service-block .container,.technology-section .container,.service-section .container,.success-section .container { padding: 5% 15px;}/*關掉display: none;*/ .technology-section .section-subject,.service-section .section-subject,.service-section .RWDProduct015 .product_box .info { display: none !important;}/*行動呼籲*/ .mobile_link { position: fixed; display: none; left: 0; bottom: 0; width: 100%; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); color: #FFF; text-align: center; z-index: 800;}.mobile_link .RWDedictor { position: relative; display: flex; flex-direction: row; align-items: stretch; font-size: 14px; align-content: center; animation-delay: initial !important; animation-duration: initial !important; opacity: 1;}.mobile_link .RWDedictor a { width: 100%; color: #fff; padding: 15px 0;}/*標題*/ .title-block .title { color: #000; line-height: 2.5em; text-align: center;}.section-title .main-title,.title-block .title h1,.about-section .title-block .title h1 { font-size: 50px; font-weight: bold; color: #112264;}.section-title .en-title,.title-block .title .Maintitle,.about-section .title-block .title .Maintitle { color: #112264; font-size: 50px; font-weight: 900; margin: 15px 0;}.about-section .title-block .title { width: 100%;}.section-title .sub-title,.title-block .title h6 { font-size: 18px;}.form-title .sub-title::after,.success-title .sub-title::after,.service-title::after,.title-block .title:after { content: ''; height: 1px; background-color: #b9b8b8; display: block; width: 50px; margin: 30px auto;}.about-section .title-block .title:after { width: 24px; margin: 30px auto;}/*按鈕樣式*/a.btnstyle,.RWDProduct015 a.more_product { color: #fff; padding: 10px 25px; border-radius: 50px; font-weight: bold; background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); background-size: auto 500%; background-position: 0 100%; transition: background-position 0.5s; width: 180px; display: block; text-align: center; margin: 30px 0 0;}a:hover.btnstyle,.RWDProduct015 a:hover.more_product { box-shadow: 5px 3px 4px rgb(0 0 0 / 10%); background-position: 0 0;}.RWDProduct015 .product_box .imgs img { width: 100%;}/*header*/ .RWDmenu_plus04 .header { top: 20px; padding: 0 6%; background: transparent; transition: all 0.5s ease-out;}.RWDmenu_plus04 .header-in { box-shadow: 15px 10px 10px rgb(0 0 0 / 10%); background: #fff;}.RWDmenu_plus04 .logo { width: auto; margin: 10px 0 10px 25px;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .site-nav .menu>li>a { padding: 25px 15px; color: #112264; font-size: 15px; font-weight: 600;}.RWDmenu_plus04 .header .site-nav .menu li:after { content: ""; position: absolute; width: 60%; height: 3px; background: linear-gradient(-225deg, #3b60e9 0%, #1f3aa2 50%, #112264 100%); left: 50%; bottom: 0px; transition: 0.5s; opacity: 0; transform: translateX(-50%); border-radius: 50px;}.RWDmenu_plus04 .header .site-nav .menu li.has-child:after { margin-left: -8px;}.RWDmenu_plus04 .site-nav .menu li:hover:after { bottom: 10px; transition: 0.5s; opacity: 1;}.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: #112264;}/*下拉選單*/ .RWDmenu_plus04 .site-nav .menu ul.is-open { text-align: center;}.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;}.RWDmenu_plus04 .site-nav .menu>li>ul li:after { display: none;}.RWDmenu_plus04 .site-nav .menu ul li>a { text-align: center; font-weight: normal;}.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: #555;}/*----搜尋------*/ .RWDmenu_plus04 .features .search-btn { float: left; padding: 10px 10px;}/*立即洽詢*/ .RWDmenu_plus04 .features { width: 530px; padding-right: 20px;}.RWDmenu_plus04 .features .edit { float: right; margin-right: 20px; margin-left: 20px; margin-top: 25px;}.RWDmenu_plus04 .features .edit a { color: #fff; letter-spacing: 0px; padding: 10px 25px 10px 40px; border-radius: 50px; font-weight: bold; background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); background-size: auto 500%; background-position: 0 100%; transition: background-position 0.5s; position: relative;}.RWDmenu_plus04 .features .edit a:hover { box-shadow: 5px 3px 4px rgb(0 0 0 / 10%); background-position: 0 0;}.RWDmenu_plus04 .features .edit a i { background: url(archive/image/customization/tel_icon.png) no-repeat; float: left; width: 22px; height: 22px; display: block; position: absolute; left: 10px; top: 7px; z-index: 10;}/*header is-up*/ .RWDmenu_plus04 .header.is-up { top: 0; padding: 0 3%; background: #fff; box-shadow: 15px 10px 10px rgb(0 0 0 / 10%); transition: all 0.5s ease-out;}.RWDmenu_plus04 .header.is-up .header-in { box-shadow: initial;}/*banner*/ .indexbanner .RWDbanner_plus01 .container { width: 85%;}/*banner text*/ .indexbanner .RWDbanner_plus01 .slick-caption { color: #000; top: 28%;}.RWDbanner_plus01 .logo img { margin-bottom: 15px;}.indexbanner .RWDbanner_plus01 .slick-caption .txt1 { color: #737272;}.indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 45px; font-weight: bold;}/*banner scroll*/ .indexbanner .RWDbanner_plus01 .page-scroll { left: 9.5%; bottom: 90px;}.indexbanner .RWDbanner_plus01 .page-scroll.style01 a { color: #254eba; font-size: 11px;}.indexbanner .RWDbanner_plus01 .page-scroll.style01 a span { border-left: 1px solid #254eba; border-bottom: 1px solid #254eba;}/*關於我們*/ .about-section { padding: 170px 0 0; position: relative;}/* .about-section:after { content: ''; background: url(archive/image/customization/about_bg_img.png) no-repeat; position: absolute; top: -115px; left: -12px; width: 100%; height: 1024px; z-index: -1; background-position: 48% center;} *//* .about-section:before { content: ''; background: #f4f4f4; width: 49.2%; height: 100%; position: absolute; top: -50px; left: 0; z-index: -1;} */ .about-section .RWDparallax_new .picbgbox { background-size: cover !important; height: 800px !important;}/* .about-section .RWDedictor008 { position: absolute; width: 50%; right: 0; top: 225px; padding: 0 15px 0 200px; z-index: 1;} */ .about-section .title-block p { color: #555555; line-height: 1.5em; text-align: justify; width: 100%;}.about-section .mobile_btnStyle { display: none;}.about-section .container { display: grid; grid-template-columns: 55% auto; gap: 5vw; align-items: center; background: linear-gradient(2deg, rgb(208 232 240 / 66%), rgb(255 255 255 / 10%));}.about-section .container::before,.about-section .container::after { display: none;}.about-section a.btnstyle { margin: 3rem auto 0;}.about-section .clear { display: none;}.about-section .RWDedictor008 { max-width: 550px; margin-right: auto;}.about-section { position: relative;}.about-section::after { content: ""; position: absolute; width: 100%; background: url(archive/image/customization/inner-bg.webp) no-repeat; background-size: contain; bottom: -35%; right: 0; aspect-ratio: 2 / 1; z-index: -1; opacity: 0.4; -webkit-mask: linear-gradient(0deg, #000 50%, transparent); mask: linear-gradient(0deg, #000 50%, transparent);}.about-section .RWDparallax_new,.about-section .RWDparallax_new .picbgbox { height: 38vw !important;}.about-section { padding: 3% 0;}/*核心技術*/ .technology-section { position: relative;}.technology-section:before { content: ''; background: url(archive/image/customization/technology_bg.jpg) no-repeat; position: absolute; top: -200px; right: 0; width: 280px; height: 422px; z-index: -1;}.technology-section:after { content: ''; background: url(archive/image/customization/technology_bg02.jpg) no-repeat; position: absolute; bottom: -180px; left: 0; width: 494px; height: 460px; z-index: -1;}.technology-section .col-md-3.col-sm-6,.technology-section .col-md-3.col-sm-6:hover { transition: all .3s ease;}.technology-section .col-md-3.col-sm-6:hover { box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); border-radius: 10px;}.technology-section .col-md-3.col-sm-6:hover .boxFeature-2 h2 { background: linear-gradient(to right, #2c95e5 0%, #2852c5 50%, #1f43a1 100%); background-clip: text; -webkit-background-clip: text; color: transparent;}.technology-section .title-block,.technology-section .boxFeature-2 { text-align: center;}.technology-section .boxFeature-2 h2,.service-section .RWDProduct015 .product_box .title { color: #000; font-size: 18px; font-weight: bold;}.technology-section .RWDService001 p { font-size: 15px;}.technology-section:after { opacity: 0.2;}/*解決方案*/ .service-section { position: relative; display: none;}.service-section:before { content: ''; background: #f4f4f4; width: 90%; height: 400px; position: absolute; left: 0; top: 170px;}.service-section .title-block .title:after { margin-left: 0;}.service-section .RWDProduct015 .product_box .imgs_box { border: 0; pointer-events: none;}.service-section .RWDProduct015 .tab__name { background-image: linear-gradient(45deg, #20c0f3 0%, #3d5dd3 64%); border-radius: 50px;}.service-section .RWDProduct015 .more_product { height: auto; border: 0; line-height: initial; margin: 0px auto 30px;}/*成功案例*/ .success-section,.transitions-section { background: #f8f8f8; position: relative;}.transitions-section { display: none;}.success-section .title-block { text-align: center;}.success-section .RWDnews005 { z-index: 1;}.success-section .RWDnews005 .container { width: 100%; padding: 0;}.success-section .RWDnews005 h4,.success-section .news005_h4 { font-weight: bold;}.success-section .list-inline { display: none;}.RWDnews005 .owl-theme .owl-controls .owl-buttons div { color: #fff; background: linear-gradient(45deg, #20c0f3 0%, #3d5dd3 64%) !important;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover .title { color: #112264; transition: .3s ease;}.success-section .RWDnews005 .controlls-over .owl-controls .owl-prev,.success-section .RWDnews005 .controlls-over .owl-controls .owl-next { margin-top: -100px;}.success-section .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -5px;}.success-section .RWDnews005 .controlls-over .owl-controls .owl-next { right: -5px;}.success-section .RWDparallax_new { position: absolute; left: 0; top: 2px; z-index: 0; width: 100%; height: 100%; pointer-events: none;}.success-section .RWDparallax_new .picbgbox { height: 840px;}/*過場banner*/ .Transitions-blcok { background: url(archive/image/customization/221215footerbanner.jpg) no-repeat; width: 100%; height: 300px; color: #fff; position: relative; background-size: cover; background-position: bottom center;}.Transitions-blcok p { color: #fff; text-align: center; padding: 90px 0 0; font-size: 25px; letter-spacing: 0.2em; font-weight: bold; line-height: 1.3em;}.Transitions-blcok a.btnstyle { width: 230px; margin-left: auto; margin-right: auto; background: #fff;}.Transitions-blcok a.btnstyle span { background: linear-gradient(to right, #3b60e9 0%, #1f3aa2 50%, #112264 100%); background-clip: text; -webkit-background-clip: text; color: transparent;}@media (min-width: 1920px) { /* .about-section .RWDedictor008 { top: 14vw; padding-left: 14vw; } */}/* 240530 */ .RWDmenu_plus04 .site-nav .menu>li>a { padding: 35px 15px;}.model.RWDsearch003 { right: calc(6% + 340px); top: 46px; transition: all 0.5s ease-out;}.RWDsearch003.is-up { right: calc(3% + 340px); top: 26px; transition: all 0.5s ease-out;}.search3_wrap { width: 180px;}.search3_bar { border-radius: 99em; height: 36px; border: 0;}.search3_hot_item,.search3_hot_item:focus { color: #999; font-size: 12px; margin: 0 10px 0 0;}.search3_hot { padding-left: 20px;}.search3_input { border-radius: 99em; font-size: 15px; letter-spacing: 0px; padding: 0 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid #ccc; border-right: 0;}.search3_submit { height: 36px; position: relative; flex: 0 0 72px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; transition: .5s; border: 1px solid #333; background: #333;}.search3_submit .ii-search1:before { color: #fff;}.search3_submit:hover { background: #2084bd; border-color: #2084bd; transition: .5s;}/* service-block */ .service-block { background: linear-gradient(1deg, #f8f8f8, transparent);}.section-title .en-title { display: block; line-height: 0.7;}.service-box { display: grid; grid-template-columns: 1fr 1fr; gap: 3vw;}.servie-item { position: relative;}.servie-item a { display: block;}.servie-item .text { position: absolute; bottom: 0; left: 0; max-width: 50%; background: #ffffffe6; padding: 2rem; transition: .3s ease;}.servie-item .text::after { content: 'MORE'; font-size: 14px; position: absolute; left: 2rem; bottom: 1rem; color: #000; font-weight: bold; text-decoration: underline; opacity: 0; transition: .3s ease;}.servie-item .text:before { content: ""; width: 10px; height: 100%; left: 0; position: absolute; top: 0; background: linear-gradient(45deg, #20c0f3 0%, #112264 64%);}.servie-item span { display: block;}.service-title { position: relative;}.servie-item .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0; margin-bottom: 0;}.servie-item .sub-title { color: #112264; font-size: 24px; margin-top: 0; line-height: 1;}.servie-item:hover .text { padding: 2rem 2rem 4rem; transition: .3s ease;}.servie-item:hover .text::after { opacity: 1; transition: .3s ease;}/* success-block */ .success-block { position: relative;}.success-block::before { content: ''; width: 35%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(208 232 240 / 66%); mix-blend-mode: multiply;}.success-block::after { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: url(archive/image/customization/inner-bg-2.webp) no-repeat; opacity: 0.4; background-size: cover; background-position: bottom; z-index: -1;}.success-box { display: grid; grid-template-columns: 55% auto; gap: 0px 5vw; grid-auto-flow: row; grid-template-areas: "image success-title" "image success-logo" "image success-btn"; align-items: center;}.success-box .image { grid-area: image;}.success-box .image img { object-fit: cover; width: 100%; height: 100%;}.success-title { grid-area: success-title;}.success-logo { grid-area: success-logo; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px 20px;}.success-logo img { width: 100%;}.success-btn { grid-area: success-btn;}.success-title .sub-title { color: #112264; font-size: 50px; font-weight: 900; margin: 15px 0;}.form-title .sub-title::after,.success-title .sub-title::after { margin-left: 0;}.success-btn a { color: #fff; padding: 10px 25px; border-radius: 50px; font-weight: bold; background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); background-size: auto 500%; background-position: 0 100%; transition: background-position 0.5s; width: 200px; display: block; text-align: center; margin: 3rem 0 0;}.success-btn a:hover { background-position: 0 0;}/* technology-section */ .technology-section .col-md-3.col-sm-6 { width: calc(100%/4); margin-bottom: 30px;}.RWDService001 { display: flex; flex-wrap: wrap;}.RWDService001>.row { width: 50%; margin-right: 0; margin-left: 0;}/* success-section */ .success-section .owl-item .tag { color: #109ae1 !important; border: 1px solid #d9d9d9; padding: 3px 10px; width: fit-content; font-size: 15px;}.success-section .owl-item .title { text-align: left; font-weight: bold; color: #000; letter-spacing: 1px; font-size: 22px;}.success-section .title-block,.success-section .title-block .title { text-align: left;}.success-section .title-block h6 { margin-bottom: 0;}.success-section .title:after { display: none;}.success-section .RWDbase { display: grid; grid-template-columns: auto max-content; align-items: end; z-index: 1; margin-bottom: 3rem;}.news-btn-box { display: grid; grid-template-columns: repeat(3, 180px); gap: 1rem;}.news-btn-box .news-btn { padding: 8px 15px; border: 1px solid; border-radius: 50px; display: block; font-size: 18px; text-align: center;}.news-btn-box .news-btn:hover { background: #112264; color: #fff;}/* form-block */ .form-block { position: relative; background: #ffffff; z-index: 0; color: #555;}.form-block::before { content: ""; position: absolute; width: 35%; background: url(archive/image/customization/ab_pdeco03.png) no-repeat; background-size: contain; top: -7%; left: -12%; aspect-ratio: 25 / 21;}.form-block::after { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; background: url(archive/image/customization/inner-bg.webp) no-repeat; opacity: 0.4; background-size: cover; background-position: bottom; z-index: -1;}.form-block .container { display: grid; grid-template-columns: 1fr 1fr; gap: 0 5vw; padding: 5% 15px !important;}.RWDeform001 .section-subject,.form-block .container::before,.form-block .container::after { display: none;}.form-left .image { overflow: hidden; aspect-ratio: 4 / 2.4;}.form-left .image img { object-fit: cover; width: 100%; height: 100%;}.form-right { background: #ffffff; padding: 3vw; box-shadow: 1px 3px 8px 0px #eaeaea;}.form-right .RWDeform001 .col-sm-4 { width: 100%;}.form-title .main-title { margin-top: 0;}.form-right .form-control { border-radius: 0; border: 0; border-bottom: 1px solid #ccc; background: transparent; box-shadow: unset;}.form-right .form-horizontal .form-group { margin-bottom: 30px;}.form-right .form-group:last-of-type { display: flex; flex-direction: column; gap: 10px;}i.fa.ic_lang-select { color: #112264 !important; font-size: 15px; font-weight: 600;}.lang-select-options a { color: #112264; font-size: 15px; font-weight: 600;}/*【241216緊急預定調整】*/ .form-horizontal .control-label,.form-horizontal .col-sm-12 { width: 100%; padding: 0 !important;}.form-horizontal .options,.form-horizontal .column_memo { float: left;} /*footer start*/ .footer-srction { background: #112264; position: relative;}.ftmenubox { display: grid; grid-template-columns: 220px 220px auto;}.ftmenubox ul { list-style: none; padding: 0; line-height: 2;}.ftmenubox ul li a { display: block;}.ftmenubox ul li.ttl a { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba(255 255 255 /20%); font-weight: bold; font-size: 18px;}.ftmenubox ul li.ttl { width: 85%;}.ftmenubox ul li a:hover { opacity: .8; transition: .5s;}.footer-srction:before { content: ''; background: url(archive/image/customization/footer_bg.png) no-repeat; width: 760px; height: 260px; position: absolute; right: 0; top: 0; z-index: 0; opacity: 0.5; pointer-events: none;}.footer-srction .container { width: 75%; padding: 3% 0 1%;}.footer-srction,.footer-srction a,.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #fff;}.footer-top { display: grid; grid-template-columns: auto max-content max-content; grid-column-gap: 30px;}.footer-top .RWDedictor008 .company { font-size: 22px; margin: 0 0 15px; font-weight: 700; color: #ddc35b;}.footer-info .tel, .footer-info .address { line-height: 2;}.footer-top .RWDedictor008 .company span { display: block; font-size: 16px; margin-top: 5px; color: rgba(255, 255, 255, 0.7); font-weight: normal;}/*社群*/ .RWDsocial001 {position: relative;}.footer-top .RWDsocial001 { background: transparent; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin: 20px 0 0;}.footer-top .RWDsocial001 #social_media_wrapper a { width: 45px; height: 45px; float: right;}#social_media_wrapper a:hover,#social_media_wrapper a:active { background: #fff;}/*copyright*/ .footer-bottom { font-size: 12px; display: flex; flex-direction: row; align-items: center; opacity: 0.7; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 15px 0 0; margin: 40px 0 0;}.footer-bottom .RWDedictor { margin: 0px 10px;} /*footer end*/ /*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; margin: 0 auto;}.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:99em; margin-top: 20px; background: linear-gradient(60deg, #20c0f3 0%, #112264 64%) !important; border: 0px !important; display: block; padding: 5px 50px; color: #fff !important; font-size: 15px;}/*---------------------------600---------------------------*/@media (max-width:600px) { .RWDalert_fancybox.bottom { width: 100%; }} /*cookie end*/ /*內頁 start*/ .page_wrapper_bg .footer-srction { background: linear-gradient(to top, #03257c 0%, #1f43a1 100%);}.page_wrapper_bg .Transitions-blcok:before { content: ''; background: url(archive/image/customization/ft_cover_p.png) no-repeat; background-size: cover; background-position: center top;}.article1 .Transitions-blcok:before { background: url(archive/image/customization/transitions-topcover.png) no-repeat; background-size: cover; background-position: center top;}/*------------不要表單----------*/ .page_wrapper_bg .form-block { display: none;}.article7 .form-block,.article3 .form-block,.article8 .form-block{ display:block;}/*main*/ .collapsing_header .main { top: 0 !important; padding-top: 76px; margin-top: 0 !important;}.collapsing_header .main:before { content: ""; position: absolute; width: 31vw; height: 388px; background: url(archive/image/customization/page_deco.png)no-repeat; background-size: contain; background-position: bottom right; top: -74px; right: -100px; z-index: -1; opacity: .2; display: none;}.page_wrapper_bg section.call_to_action:before { content: ""; position: absolute; width: 30%; height: 16vw; background: url(archive/image/customization/technology_bg02.jpg)no-repeat; background-size: cover; bottom: 0;}.page_wrapper_bg section.call_to_action { padding: 105px 0 85px 0; min-height: 700px; position: relative;}.page_wrapper_bg section.call_to_action>.container { padding: 0; width: 80%;}.page_wrapper_bg .article-text .container,.hgroup .container { width: 100%; padding: 0; max-width: 1700px;}.collapsing_header .main { overflow: hidden;}.page_wrapper_bg .hgroup { border-bottom: 1px solid #eee;}.hgroup .breadcrumb { font-size: 12px; background-color: transparent; border: none; position: relative; float: none !important; text-align: center; bottom: 0; padding: 5px 0px;}.hgroup .container { border-bottom: none;}.pageTitle { margin-bottom: 0; text-align: center; font-size: 35px; line-height: 1.5; font-weight: 600; color: #112264; letter-spacing: 3px;}/*文字統一設定*/ .page_wrapper_bg .article-text h2 { font-size: 26px; line-height: 1.5em; letter-spacing: 1px; font-weight: bold; color: #333;}.page_wrapper_bg .article-text h3 { letter-spacing: 1px; line-height: 1.5em; font-weight: bold; font-size: 24px !important; color: #333;}.page_wrapper_bg .article-text h4 { font-size: 18px; line-height: 1.5em; letter-spacing: 1px; margin: 15px 0 15px; font-weight: bold; color: #333;}.page_wrapper_bg .article-text p,.page_wrapper_bg .article-text,._bd_row label,._bd_row li,._bd_row p,._bd_row td { font-size: 16px; line-height: 1.5em; letter-spacing: 1px; color: #555; font-weight: 400;}._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page { font-weight: 400; font-family: 'Lato', 微軟正黑體, sans-serif;}._bd_row li,.description li { margin-bottom: 10px;}._bd_row ol,.products-info .txt .editor ol,.RWDproduct_page .products-editor ol,.description ol { padding-left: 18px;}._bd_row ul,.products-info .txt .editor ul,.RWDproduct_page .products-editor ul,.description ul { margin-bottom: 15px; padding-left: 18px;}._bd_row hr { border: none; border-top: 1px solid #eee; margin: 30px 0 !important;}._bd_row a { color: #555;}.editor a:focus,.editor a:hover,._bd_row a:focus,._bd_row a:hover,.formdesc a:focus,.formdesc a:hover { color: #333;}._bd_column._bd_full { padding: 0;}._bd_row p { margin: 0 0 10px;}.page_wrapper_bg dd { margin-bottom: 10px; margin-left: 0; color: #555; line-height: 1.5em;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none; border-radius: 5px !important;}/*回上一頁按鈕*/#article .btn.btn_back a,#album .btn.btn_back a { padding: 6px 15px; display: block;}.btn.btn_back { margin-right: 0; float: right; background: transparent !important; padding: 0; box-shadow: none;}.btn.btn_back a { border-radius: 99em; margin-top: 30px; min-width: 180px; padding: 0 15px; background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); background-size: auto 500%; background-position: 0 100%; color: #fff; transition: all 0.2s ease; border: 0;}.btn.btn_back a:hover { border: 0; box-shadow: 5px 3px 4px rgb(0 0 0 / 10%); background-position: 0 0; color: #fff;}/*確定送出*/ .ebtn { padding: 0; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: right; margin-right: 0;}.ebtn a { border-radius: 99em; display: inline-block; min-width: 180px; text-align: center; line-height: 1.5; padding: 6px 30px; margin-top: 20px; color: #fff; background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); background-size: auto 500%; background-position: 0 100%; border: 0px; transition: all .2s ease;}.ebtn a:hover { box-shadow: 5px 3px 4px rgb(0 0 0 / 10%); background-position: 0 0; color: #fff; transition: all .2s ease;}/*about*/ .article1 .transitions-section { padding-top: 120px;}.article1 .pagecontent .article_model[data-seq="0"] { margin-top: 0px !important;}.article1 .page_subject { padding: 0;}.article1 .page_wrapper_bg section.call_to_action>.container { width: 100%;}.article1 .hgroup .container { max-width: 780px;}.article1 .page_wrapper_bg section.call_to_action:before { display: none;}.article1 .page_wrapper_bg .article-text .container { width: 100%; padding: 0; max-width: initial;}.ab_txtbox { max-width: 780px; margin: 0 auto;}.page_wrapper_bg .article-text .ab_txtbox h4 { font-size: 21px; margin-bottom: 50px;}.big_deco_txt { font-size: 170px; text-transform: uppercase; line-height: .8; color: #f8f8f8; font-weight: 700; margin-top: 50px;}.article1 .pagecontent .article_model[data-seq="0"] .model-title { padding-top: 80px;}.article1 .RWDeditor01 .model-title { max-width: 780px; margin: 0 auto 15px; font-size: 35px; line-height: 1.5em; font-weight: 600; color: #333;}.article1 .pagecontent { padding: 0 !important;}.ab_picbox { max-width: 88%; margin: 0 0 0 auto;}.ab_picbox img { margin: 0; width: 100%;}.article1 .pageTitle,.article1 .hgroup .breadcrumb { text-align: left;}.article1 .pagecontent .article_model[data-seq="0"]:before { content: ""; position: absolute; width: 43vw; height: 26vw; background: url(archive/image/customization/ab_pdeco01.png)no-repeat; background-size: contain; bottom: 30%; left: -80px; z-index: 1; display: none;}.article1 .pagecontent .article_model[data-seq="0"]:after { content: ""; position: absolute; width: 15%; height: 100%; background: #f8f8f8; top: 0; right: 0; z-index: -1;}.article1 .pagecontent .article_model[data-seq="1"]:after { content: ""; position: absolute; width: 27vw; height: 18vw; background: url(archive/image/customization/ab_pdeco02.png)no-repeat; background-size: contain; right: -110px; bottom: 3%; display: none;}.article1 .pagecontent .article_model[data-seq="1"]:before { content: ""; position: absolute; width: 19%; height: calc(170% + 100px); background: #f8f8f8; top: -68%; z-index: -1;}.article1 .pagecontent .article_model[data-seq="1"] .editor:before { content: ""; position: absolute; width: 35%; height: 80%; background: url(archive/image/customization/ab_pdeco03.png)no-repeat; background-size: contain; top: -80px; left: 9%;}/*服務項目*/ .article2 .page_wrapper_bg section.call_to_action>.container { width: 100%;}.case_box.service { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center;}.case_box.service_right .case_txt { padding: 0 80px 0 100px;}.case_box.service .case_txt { padding: 0 100px 0 80px; margin-top: 0;}.service_right .case_pic { grid-column-start: 1; grid-row-end: 3;}.service_right .case_txt { grid-column-start: 2; grid-row-end: 3;}.case_box.service .case_pic img { margin: 0;}.page_wrapper_bg .service .case_txt h3 { margin: 0 0 30px;}.service_right .deco_servicet { left: 51%;}.deco_servicet { text-align: center; position: absolute; left: 49%; top: 50%; z-index: -1; font-size: 48px; text-transform: uppercase; transform: translate(-50%, -50%)rotate(90deg); line-height: .8; color: #f8f8f8; font-weight: 700;}.case_box.service .case_txt li { border-bottom: 1px solid #eee;}.case_box.service .case_txt ol { display: grid; grid-template-columns: 1fr 1fr;}.solution_toplink a i { width: 30px; height: 30px; background: #eee; display: flex; border-radius: 50%; align-items: center; justify-content: center; font-size: 13px; padding-top: 4px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); color: #888; transition: all .3s ease;}.solution_toplink a:hover { color: #3a68d7; transition: all .3s ease;}.solution_toplink a:hover i { background: #3969d7; color: #fff; transition: all .3s ease;}.solution_toplink a { position: relative; display: inline-block; border-bottom: 1px solid #555; padding: 10px 10px 10px 45px; font-weight: 600; font-size: 18px; transition: all .3s ease;}.solution_toplink a:first-child { grid-column-start: 1;}.solution_toplink { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 80%; margin: 50px auto 0; grid-column-gap: 30px;}a#sol01,a#sol02,a#sol03,a#sol04 { position: absolute; top: -80px;}.case_box.service .case_txt img { margin-bottom: 50px;}/*案例*/ .rwdlayoutlist_9.row { margin-top: 30px;}.litem__text { width: 85%;}.rwdlayoutlist_9 .subject { color: #333; font-size: 18px; line-height: 1.5em; -webkit-line-clamp: 2; min-height: 55px; font-weight: 600;}.rwdlayoutlist_9 .summary { font-size: 15px; letter-spacing: 1px; line-height: 1.5em; -webkit-line-clamp: 2;}.rwdlayoutlist_9 .cdate { font-size: 0;}.rwdlayoutlist_9 .cdate::before { background: linear-gradient(-225deg, #3b60e9 0%, #1f3aa2 50%, #112264 100%);}.rwdlayoutlist_9 .litem .litem__imgs::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(45deg, #20c0f3 0%, #3d5dd3 64%); opacity: 0; transition: .3s; mix-blend-mode: hard-light;}.no-touch .rwdlayoutlist_9 .litem:hover .litem__imgs::after { opacity: .4;}.case_box { display: grid; grid-template-columns: 1.3fr 1fr;}.case_txt { grid-column-start: 1; padding-right: 120px; margin-top: 30px;}.page_wrapper_bg .article-text h4.en_case { background: linear-gradient(to right, #2c95e5 0%, #2852c5 50%, #1f43a1 100%); background-clip: text; -webkit-background-clip: text; color: transparent; margin: 0 0 15px;}.page_wrapper_bg .case_txt .case_sub { margin: 0px 0 50px;}.page_wrapper_bg .case_txt h3 { margin: 0;}/*最新消息*/ .layoutlist_8.rwd.fn_article8,.layoutlist_8.rwd.fn_article9,.layoutlist_8.rwd.fn_article4 { margin-top: 50px;}._col.list_img img { border: 1px solid #eee;}.layoutlist_8.rwd.fn_article8 .item,.layoutlist_8.rwd.fn_article9 .item,.layoutlist_8.rwd.fn_article4 .item { margin: 0; padding: 30px 0; border-bottom: 0; background: #f8f8f8; margin-bottom: 10px; display: grid; align-items: center; grid-template-columns: 20% 70% 10%;}._col.list_img.col-sm-3.col-md-3 { grid-column-start: 1; width: 100%;}.layoutlist_8 .list_subject { width: 100%; text-align: left; padding: 0 50px;}._col.listdate.col-sm-2.col-md-2 { width: 100%;}.layoutlist_8 .listdate .day { color: #396cd8; font-size: 35px;}.layoutlist_8 .list_subject .summary a { font-size: 15px; color: #555;}.layoutlist_8 .article_subject { font-size: 20px; font-weight: 600; line-height: 1.5em;}/*聯絡*/ .eforms1 .transitions-section { display: none;}.social_ccontact a img { width: 100%;}.social_ccontact a { width: 50px; height: 50px; display: inline-block; border-radius: 50%; border: 1px solid #ddd; padding: 8px; margin-right: 15px;}.new-form .formdesc h3 { margin-bottom: 0;}.new-form .formdesc h4 { margin: 0 0 30px; color: #555; font-weight: 400;}.new-form { margin-top: 50px; margin-left: 0; margin-right: 0;}.new-form .formdesc { padding-right: 50px;}.con_info { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px; display: inline-block;}.customized_columns ._input,.customized_columns select { border: 0; border-radius: 0px; background-color: #f4f4f4; box-shadow: none; font-size: 15px;}/*加入我們*/ .ebtn.refill_btn { display: none;}.recruitment .page_wrapper_bg .hgroup { margin-bottom: 50px;}.recruitment .list_table th { font-weight: 600; color: #333;}.recruitment .list_table td.list_position { padding-left: 15px; padding-right: 15px;}.recruitment .page_wrapper_bg .article-text .container>.row>.col-sm-12 { max-width: 1000px; float: none; margin: 0 auto;}.form-horizontal .form-group { margin-left: 0; margin-right: 0; margin-bottom: 20px;}.recruitment .customized_columns { padding: 60px 150px; background: #f8f8f8;}.description { margin: 10px 0 30px; padding-bottom: 20px; border-bottom: 0;}.recruitment .customized_columns ._input,.recruitment .customized_columns select { background-color: #fff;}.recruitment .form-horizontal .control-label { width: 20%;}.recruitment .col-sm-12.col-md-11 { width: 80%; padding-right: 0;}.recruitment .col-sm-12.col-md-5 { width: 30%;}.recruitment .form-horizontal .control-label:nth-child(3) { padding-left: 30px;}input[type=checkbox],input[type=radio] { margin: 4px 5px 0 0;}.boxname { margin-right: 15px;}.fillform { font-size: 24px; line-height: 1.5em; margin-bottom: 50px; font-weight: 600; color: #333;}textarea.form-control { min-height: 100px;}.customized_columns>div.row .col-sm-12.col-md-11 { width: 100%;}.position { font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #dcdcdc; color: #333;}.btn_area .btn.btn_back { float: none;}.error { color: red; text-align: center;}.btn_area { text-align: center;}.systemmsg { text-align: center; margin-top: 50px;}/* 240530 */:is(.article3,.article4,.article8, .article9) .page_wrapper_bg section.call_to_action { background: linear-gradient(2deg, rgb(255 255 255 / 0%), rgb(208 232 240 / 66%), rgb(255 255 255 / 10%));}:is(.article3,.article4,.article8, .article9) .page_wrapper_bg section.call_to_action::before { content: ''; width: 100%; height:100%; position: absolute; bottom: 0; left: 0; background: url(archive/image/customization/inner-bg.webp) no-repeat; opacity: 0.4; background-size: cover; background-position: bottom;}.layoutlist_8.rwd.fn_article8 .item,.layoutlist_8.rwd.fn_article9 .item { background: #fff;}.hashtag_block .hashtagLink { background: linear-gradient(60deg, #20c0f3 0%, #112264 64%) !important;}.page_wrapper_bg section.call_to_action::after { content: ""; position: absolute; width: 30%; height: 16vw; background: url(archive/image/customization/technology_bg02.jpg) no-repeat; background-size: cover; top: -60px; right: 0; transform: rotate(180deg); z-index: -1;}.rwdlayoutlist_9 .litem .litem__imgs { border-radius: 20px; overflow: hidden; box-shadow: 1px 1px 5px 0px #3333331c;}.litem__text { border: 1px solid #1c5e9c1c; background: linear-gradient(45deg, #e7f9ff 0%, #e1e3ff 64%);}.article3 .page_wrapper_bg .hgroup { border-bottom: 0;}:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article8 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article9 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article4 .item { grid-template-columns: 20% auto;}:is(.article3, .article4,.article8, .article9).articlecontent .article-text .container{ background: #fff; padding: 3vw; margin-top: 2rem;} /*內頁 end*/ /*英文版 start*/ .lang_en p,.lang_en .service-section .RWDProduct015 .product_box .memo,.lang_en .success-section .RWDnews005 h4,.lang_en .success-section .news005_h4 { text-align: left;}.lang_en .pageTitle { letter-spacing: 1px;}.lang_en .ftmenubox { grid-template-columns: 350px 350px auto;} /*英文版 end*/ /*小螢幕 start*/ @media (max-width: 1920px) { .form-block .container, .success-block .container, .service-block .container, .service-section .container, .success-section .container { width: 80%; } .success-box { grid-template-columns: 1fr 1fr; } .form-left .image { aspect-ratio: unset; }}@media (max-width: 1800px) { .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 40px; } /*核心技術*/ .technology-section:after { opacity: 0.2; } .article1 .pagecontent .article_model[data-seq="1"] .editor:before { left: 6vw; } .article1 .pagecontent .article_model[data-seq="1"]:before { width: 17%; } .article1 .pagecontent .article_model[data-seq="0"]:after { width: 13%; } .page_wrapper_bg .article-text .container, .hgroup .container { max-width: 88%; } .success-block .container, .form-block .container, .success-block .container, .service-block .container, .service-section .container, .success-section .container, .page_wrapper_bg section.call_to_action>.container { width: 88%; } .technology-section .container { width: 95%; } .about-section .RWDparallax_new, .about-section .RWDparallax_new .picbgbox { height: 45vw !important;}}@media (max-width: 1680px) { .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 35px; } .service-section:before { top: 160px; width: 90%; height: 350px; } .article1 .pagecontent .article_model[data-seq="1"] .editor:before { left: 3vw; } .deco_servicet { font-size: 50px; } .footer-srction .container { width: 85%; } .form-right .form-horizontal .form-group { margin-bottom: 20px; } :is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article8 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article9 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article4 .item { grid-template-columns: 30% auto;}.rwdlayoutlist_9 .litem{ width: calc(100% / 3);} .model.RWDsearch003, .RWDsearch003.is-up { right: calc(3% + 340px); } .RWDmenu_plus04 .header { padding: 0 3%; }}@media (max-width: 1500px) { .indexbanner .RWDbanner_plus01 .container { width: 90%; } .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 35px; } .indexbanner .RWDbanner_plus01 .page-scroll { left: 8%; bottom: 50px; } .ab_picbox { max-width: 95%; } .article1 .pagecontent .article_model[data-seq="1"]:before { width: 15%; top: -50%; } .article1 .pagecontent .article_model[data-seq="0"]:after { width: 11%; } .article1 .pagecontent .article_model[data-seq="1"] .editor:before { left: 0; } .article1 .pagecontent .article_model[data-seq="0"]:before { bottom: 26%; left: -130px; } .big_deco_txt { font-size: 150px; } .article1 .pagecontent .article_model[data-seq="1"]:after { bottom: 22%; } .case_box.service .case_txt { padding: 0 100px 0 50px; } .case_box.service.service_right .case_txt { padding: 0 50px 0 100px; } .case_txt { padding-right: 80px; }}@media (max-width: 1480px) { .service-section:before { top: 165px; width: 80%; } .success-block .container { width: 80%; } .success-box { grid-template-columns: 1fr; grid-template-areas: "success-title" "success-logo" "image" "success-btn"; } .success-box .description { max-width: 800px; text-align: center; margin: 10px auto 30px; } .success-title { text-align: center; } .success-title .sub-title::after { margin-left: auto; } .success-box .image img { aspect-ratio: 2 / 1.2; } .success-box .image { margin-top: 2rem; } .success-btn { margin: auto; } /*關閉display: none;*/ .success-section .RWDparallax_new { display: none; } /*--漢堡選單開啟--*/ .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 .ml-stack-nav-toggle { margin-right: 10px; margin-top: 10px; } .RWDmenu_plus04 .features { float: right; margin-top: 10px; width: auto; padding-right: 0; } .RWDmenu_plus04 .features .search-btn { padding: 0; } .RWDmenu_plus04 .features .edit { margin-left: 40px; } .RWDmenu_plus04 .features:after { content: ''; border-left: #ccc dotted 1px; background-color: transparent; position: absolute; right: -5px; top: 35%; display: block; } .edit .headerbooking { margin: 15px 0 0; } .RWDmenu_plus04 #mobile-menu .menu>li { border-bottom: 1px solid #f4f4f4; } .RWDmenu_plus04 #mobile-menu .menu a { font-weight: bold; } .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent; } .RWDmenu_plus04 #mobile-menu .menu>li.active { background-image: linear-gradient(45deg, #20c0f3 0%, #112264 64%); } .RWDmenu_plus04 #mobile-menu .menu li.active .m_stitle { font-family: 'Noto Serif TC', serif; font-size: 16px; } .RWDmenu_plus04 #mobile-menu .menu>li>ul { background-color: #fff; } .RWDmenu_plus04 .menu li a { color: #000; } .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { font-weight: normal; } .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: #000; } .RWDmenu_plus04 #mobile-menu { background-color: #fff; padding-bottom: 0; } .RWDmenu_plus04 .features .edit { display: block; } .model.RWDsearch003, .RWDsearch003.is-up { right: calc(3% + 440px); } .model.RWDsearch003 { top: 49px; } .RWDsearch003.is-up { top: 28px; } .about-section .container { grid-template-columns: 50% auto; } .about-section .RWDparallax_new, .about-section .RWDparallax_new .picbgbox { height: 50vw !important;}.success-block::before {background: rgb(100 160 255 / 25%);}}@media (max-width: 1400px) { .footer-srction .container { width: 92%; } .RWDmenu_plus04 .site-nav .menu>li>a { padding: 25px 10px; } .RWDmenu_plus04 .features { width: 270px; } .RWDmenu_plus04 .features .edit a { padding: 10px 15px 10px 37px }}@media (max-width: 1380px) { .indexbanner .RWDbanner_plus01 .page-scroll { bottom: 30px; } .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 30px; } .indexbanner .RWDbanner_plus01 .logo img { margin-bottom: 10px; } /*關於我們*/ .about-section:before { width: 48.8%; } .about-section .RWDedictor008 { margin-right: 5vw; } .about-section .container { grid-template-columns: 50% auto; }.section-title .main-title, .title-block .title h1, .about-section .title-block .title h1 { font-size: 40px; line-height: 1; } .article1 .pagecontent .article_model[data-seq="1"]:before, .article1 .pagecontent .article_model[data-seq="0"]:after { width: 150px; } .article1 .pagecontent .article_model[data-seq="1"] .editor:before { width: 27%; height: 60%; } .article1 .pagecontent .article_model[data-seq="0"]:before { left: -150px; bottom: 23%; } .article1 .transitions-section { padding-top: 100px; } .page_wrapper_bg .article-text .container, .hgroup .container { max-width: 90%; } .page_wrapper_bg .article-text .container, .hgroup .container { max-width: 95%; } .page_wrapper_bg section.call_to_action>.container { width: 95%; } .success-section .owl-item .title { font-size: 20px; margin-top: 10px; } .servie-item .description { -webkit-line-clamp: 2; } .RWDService001>.row { width: 100%; } .RWDService001 { max-width: 85%; margin: auto; }}@media (max-width: 1280px) { /*寬度*/ .technology-section .container, .service-section .container, .success-section .container, .footer-srction .container { width: 90%; } /*解決方案*/ .service-section:before { top: 0; height: 35%; width: 80%; } .footer-top { grid-template-columns: auto 400px; } .ftsocial { width: auto; display: flex; margin: 40px 0 0; gap: 0 30px; } .footer-top .RWDsocial001 { margin: 0; } .ftsocial .RWDedictor { width: 226px; } .article1 .pagecontent .article_model[data-seq="1"]:before, .article1 .pagecontent .article_model[data-seq="0"]:after { width: 120px; } .case_box.service.service_right .case_txt { padding: 0 30px 0 80px; } .page_wrapper_bg .service .case_txt h3 { margin: 0 0 15px; } .page_wrapper_bg .article-text h4.en_case { margin: 0; font-size: 16px; } .solution_toplink { max-width: 100%; } .case_box.service .case_txt { padding: 0 80px 0 30px; } .page_wrapper_bg .article-text p, .page_wrapper_bg .article-text, ._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td { font-size: 15px; } .deco_servicet { font-size: 35px; } .about-section .container { grid-template-columns: 45% auto; } .servie-item .sub-title { font-size: 22px; } .success-block .container, .form-block .container, .success-block .container, .service-block .container, .service-section .container, .success-section .container, .page_wrapper_bg section.call_to_action>.container { width: 90%; } .RWDService001 { max-width: 90%; } .news-btn-box { grid-template-columns: repeat(3, 160px); }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { /*--banner--*/ .indexbanner .RWDbanner_plus01 .slick-caption { top: 30%;}.indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 26px;}.RWDbanner_plus01 .logo img { width: 70%;}/*關於我們*/ .about-section:before { width: 48.5%;}/*成功案例*/ .success-section .RWDnews005 .owl-carousel.buttons-autohide .owl-buttons { opacity: 1;}.success-section .RWDnews005 .owl-prev,.success-section .RWDnews005 .owl-next { width: 40px !important;}.footer-top { grid-template-columns: 1fr; grid-row-gap: 30px;}.footer-srction .container { width: 80%;}.ftsocial { margin: 0;}/*內頁*/ .page_wrapper_bg section.call_to_action { padding: 55px 0;}.collapsing_header .main:before { width: 31vw; height: 338px; right: -80px;}/*關於*/ .article1 .pagecontent .article_model[data-seq="1"]:before,.article1 .pagecontent .article_model[data-seq="0"]:after { width: 80px;}.article1 .pagecontent .article_model[data-seq="0"]:before { display: none;}.big_deco_txt { font-size: 140px; margin-top: 30px;}.article1 .page_wrapper_bg section.call_to_action>.container { padding: 0;}.case_box.service.service_right .case_txt { padding: 0 10px 0 50px;}.case_box.service .case_txt { padding: 0 50px 0 10px;}.page_wrapper_bg .article-text .container,.hgroup .container { max-width: 100%;}.page_wrapper_bg section.call_to_action>.container { width: 100%; padding: 0 50px;}.solution_toplink a:hover { color: #333;}.solution_toplink a:hover i { background: #eee; color: #888;}.case_txt { margin-top: 15px; padding-right: 50px;}.layoutlist_8.rwd.fn_article4 .item { grid-template-columns: 25% 60% 15%;}.recruitment .customized_columns { padding: 60px 100px;}.about-section .container { grid-template-columns: 1fr;}.about-section .RWDedictor008{ width: 90%; margin: auto;}.about-section .RWDparallax_new { grid-row: 2/2;}.about-section .RWDedictor008 { margin-right: auto; max-width: unset;}.about-section .RWDparallax_new .picbgbox { height: auto !important; aspect-ratio: 2 / 1;}.servie-item .text { max-width: 70%; padding: 1rem 2rem;}.servie-item .image img { aspect-ratio: 3 / 2; object-fit: cover;}.RWDService001 { max-width: 100%;}.form-block .container { grid-template-columns: 1fr;}.form-left .image img { aspect-ratio: 2/1;}.form-title { text-align: center;}.form-title .sub-title::after,.success-title .sub-title::after { margin-left: auto;}.form-right { padding: 3rem;}.about-section::after { bottom: unset; top: 0;}/*---footer---*/ .footer-srction .container { padding: 8% 0 5%; } } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { /*banner*/ .indexbanner .RWDbanner_plus01 .logo img { margin-bottom: 10px; width: 60%;}/*內頁*/ .hgroup .container { margin-left: 0; margin-right: 0;}/*關於*/ .article1 .RWDeditor01 .model-title,.ab_txtbox,.article1 .hgroup .container { max-width: 78%;}.article1 .pagecontent .article_model[data-seq="0"]:after { display: none;}.article1 .pagecontent .article_model[data-seq="1"]:before { width: 50px; top: -40%;}.article1 .pagecontent .article_model[data-seq="1"] .editor:before { width: 27%; height: 48%; left: -50px;}.big_deco_txt { margin-top: 0;}.article1 .pagecontent .article_model[data-seq="0"] .model-title { padding-top: 50px;}.ab_picbox { max-width: calc(100% - 50px);}.article1 .transitions-section { padding-top: 50px;}.page_wrapper_bg .article-text .ab_txtbox h4 { font-size: 18px; margin-top: 0;}.article1 .RWDeditor01 .model-title { font-size: 32px;}/*服務*/ .case_box.service .case_txt { margin-bottom: 15px;}.case_box.service { margin-bottom: 80px; grid-template-columns: auto;}.service_right .case_txt { grid-column-start: auto; grid-row-end: auto;}.case_box.service .case_txt,.case_box.service.service_right .case_txt { padding: 0;}.case_box.service .case_txt img { margin-bottom: 10px; width: 100%;}.case_pic img { transform: translate(0px, -18%);}.case_pic { max-height: 35vw; overflow: hidden;}.deco_servicet { display: none;}.case_box.service:last-child { margin-bottom: 0;}.page_wrapper_bg .article-text .container,.hgroup .container { max-width: 100%;}.rwdlayoutlist_9 .litem { width: calc(100%/3); padding: 15px 10px 35px;}.layoutlist_8 .list_subject { padding: 0 30px;}.case_box { grid-template-columns: auto;}.page_wrapper_bg .case_txt .case_sub { margin: 0px 0 30px;}.case_txt { padding-right: 0; margin-bottom: 30px;}.case_pic img { width: 100%;} :is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article8 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article9 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article4 .item { grid-template-columns: 40% auto;} } /*1024px end*/ /*992px start*/ @media (max-width: 992px) { /*寬度*/ /*按鈕*/ a.btnstyle, .RWDProduct015 a.more_product { margin: 30px auto; } /*主標題*/ .title-block { text-align: center; } .about-section .title-block .title { text-align: center; } .title-block .title:after, .service-section .title-block .title:after { margin-left: auto; margin-right: auto; } .about-section .title-block .title:after { width: 50px; } /*關於我們*/ .about-section { background: #20a4da1c; padding-bottom: 0; } .about-section:before { top: -100px; width: 100%; } .about-section .container{ background: transparent; } .about-section .title-block .title:after { margin: 30px auto; } /*核心項目*/ .technology-section .col-md-3.col-sm-6 { margin-bottom: 20px; } /*解決方案*/ .service-section:before { top: 0; } .success-box .image img { aspect-ratio: 2 / 1; object-position: bottom; } .success-section .RWDbase { display: grid; grid-template-columns: 1fr; } .success-section .title-block, .success-section .title-block .title { text-align: center; } .news-btn-box { justify-content: center; margin-top: 2rem; } .rwdlayoutlist_9 .litem{ width: calc(100% / 2);}} /*992px end*/ /*991px start*/ @media (max-width: 991px) { /*---行動呼籲---*/ .mobile_link { display: block;}/*---header---*/ .RWDmenu_plus04 .features .edit { display: none;}/*---banner---*/ .indexbanner .RWDbanner_plus01 .page-scroll { bottom: 0px; left: 9%;}/*內頁*/ .article1 .pagecontent .article_model[data-seq="1"]:after { display: none;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 { margin-top: 50px !important;}.article1 .pageTitle,.article1 .hgroup .breadcrumb { text-align: center;}.article1 .RWDeditor01 .model-title,.ab_txtbox,.article1 .hgroup .container { max-width: 100%; padding: 0 50px;}.article1 .pagecontent .article_model[data-seq="0"] .model-title { font-size: 28px;}.article1 .pagecontent .article_model[data-seq="1"]:before { display: none;}.big_deco_txt { font-size: 120px;}.article1 .Transitions-blcok:before { content: ''; background: url(archive/image/customization/ft_cover_p.png) no-repeat; background-size: cover; background-position: center top;}.article1 .transitions-section { padding-top: 0;}.page_wrapper_bg .article-text .ab_txtbox h4 { margin-bottom: 30px;}.collapsing_header .main:before { height: 338px;}.solution_toplink { margin: 10px 0 30px; grid-template-columns: repeat(2, 1fr);}.recruitment .page_wrapper_bg .hgroup { margin-bottom: 30px;}.new-form .formdesc { padding-right: 15px; text-align: center; margin-bottom: 50px;}.con_info { display: block; text-align: center;}.customized_columns { padding: 0;}.customized_columns>div.row .col-sm-12.col-md-11 { text-align: center;}.ebtn { float: none;}.form-right .ebtn { float: right;}.recruitment .customized_columns { padding: 50px 80px;}.btn.btn_back,.ebtn { width: auto; display: inline-block;}.model.RWDsearch003,.RWDsearch003.is-up { right: calc(3% + 220px);}.news-btn-box { grid-template-columns: repeat(3, 1fr);}:is(.article3, .article8, .article9).articlecontent .article-text .container{ padding: 1.5rem; margin-top: 0;}.section-title .en-title, .title-block .title .Maintitle, .about-section .title-block .title .Maintitle { font-size: 40px;} .footer-srction .container { padding: 8% 0 11%;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { /*footer*/ .footer-bottom{ flex-wrap: wrap;}.success-block::before,.footer-bottom .RWDssl01 { width: 100%;}.collapsing_header .main:before{display:none;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*banner*/ .indexbanner .RWDbanner_plus01 .page-scroll { bottom: -30px; left: 9.5%;}.indexbanner .RWDbanner_plus01 .logo img { margin-bottom: 10px; width: 60%;}.indexbanner .RWDbanner_plus01 .slick-caption { top: 36%;}/*footer*/ .footer-top .RWDsocial001 { width: fit-content;}.footer-srction .container { width: 90%;}.service-box { grid-template-columns: 1fr; gap: 2rem;}.servie-item .text { max-width: 100%;}.success-logo { grid-template-columns: repeat(3, 1fr);} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .indexbanner .RWDbanner_plus01 .container { width: 90%;}.indexbanner .RWDbanner_plus01 .slick-caption { top: 65%;}.indexbanner .RWDbanner_plus01 .slick-active .slick-caption { text-align: center;}.indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 35px;}.indexbanner .RWDbanner_plus01 .logo img { width: 100%;}.indexbanner .RWDbanner_plus01 .page-scroll { left: 50%; bottom: 20px;}/*關於我們*/ .about-section:before { top: 0;}/*核心技術*/ .technology-section .RWDService001 .row { display: flex; flex-wrap: wrap; align-items: flex-start;}.technology-section .RWDService001 a { width: calc(100%/2); margin-bottom: 30px; padding: 0 25px;}.technology-section .RWDService001 p { font-size: 14px;}.technology-section .col-md-3.col-sm-6 { width: 100%; margin-bottom: 0;}/*解決方案*/ .service-section .RWDProduct015 .product_box .imgs img { width: 100%;}.service-section .RWDProduct015 .product_box { width: 50%;}.Transitions-blcok { height: 250px;}.Transitions-blcok p { padding: 60px 0 0;}/*內頁*/ .big_deco_txt { font-size: 100px;}.page_wrapper_bg .pagecontent { padding: 0px !important;}.recruitment .form-horizontal .control-label,.recruitment .col-sm-12.col-md-5,.recruitment .col-sm-12.col-md-11 { width: 100%; padding-right: 15px;}.recruitment .form-horizontal .control-label:nth-child(3) { padding-left: 15px; margin-top: 20px;}.recruitment .customized_columns { padding: 50px;}.rwdlayoutlist_9 .litem { width: calc(100%/2); padding: 15px 10px;}.layoutlist_8.rwd.fn_article4 .item { width: calc(50% - 10px); margin: 0 5px 10px; float: left; grid-template-columns: auto;}.layoutlist_8 .list_subject .summary { margin: 10px 0;}.layoutlist_8 .article_subject { font-size: 16px;}.layoutlist_8 .list_subject { padding: 0 15px;}.model.RWDsearch003 { top: 45px;}.model.RWDsearch003,.RWDsearch003.is-up { right: calc(3% + 120px);}.RWDsearch003.is-up { top: 25px;}.RWDmenu_plus04 .features { width: unset;}:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article8 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article9 .item,:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article4 .item { grid-template-columns: 1fr;}:is(.article3, .article8, .article9) .layoutlist_8 { display: grid; gap: 10px; grid-template-columns: 1fr 1fr;} .layoutlist_8.rwd .list_img+.list_subject { margin-top: 30px; } .about-section::after { background-size: 160%; aspect-ratio: 1 / 1; } } /*767px end*/ /*600px start*/ @media (max-width: 600px) { /*按鈕*/a.btnstyle,.RWDProduct015 a.more_product { width: 100%;}/*主標題*/ .title-block .title h6 { font-size: 15px; width: 80%; margin: 0 auto; line-height: 1.5em;}.title-block .title h6 { font-size: 15px; width: 100%;}/*header*/ .RWDmenu_plus04 .header { top: 10px;}.RWDmenu_plus04 .logo { width: 150px; margin-top: 23px;}/*banner*/ .indexbanner .RWDbanner_plus01 .slick-caption { top: 65%;}.indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 30px;}.indexbanner .RWDbanner_plus01 .page-scroll { bottom: 0px;}/*關於我們*/ .about-section .RWDedictor008 { margin-bottom: 0;}.about-section .RWDedictor008 .btnstyle { display: none;}.about-section .mobile_btnStyle { display: block; margin-top: 0;}.about-section .title-block p { width: 100%; text-align: left; letter-spacing: 1px; line-height: 1.8em;}.about-section:before { height: 80%;}/*技術*/ .technology-section .container { padding-top: 5%;}.technology-section .RWDService001 .col-md-3.col-sm-6 { padding: 0 15px; margin-bottom: 30px;}/*解決方案*/ .service-section:before,.service-section .RWDProduct015 .product_box { width: 100%;}.service-section:before { height: 15%;}.service-section .RWDProduct015 .product_box .memo { margin: 0;}/*footer*/ .footer-srction { padding-bottom: 15%;}.footer-top .RWDedictor008 .company { font-size: 20px;}.footer-top .RWDsocial001 #social_media_wrapper a { margin-bottom: 10px;}.success-box .image { margin-top: 3rem;}.Transitions-blcok { height: 270px;}.Transitions-blcok p { padding: 40px 0 0;}.scrollTop002 { bottom: 130px; right: 0;}.footer-top .RWDedictor008 .company { line-height: 1.5;}.ftmenubox { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 20px;}.ftmenubox ul li.ttl { width: 100%;}.footer-srction .container { width: 90%;}.ftsocial { flex-wrap: wrap;}.footer-bottom { margin: 0;}/*內頁*/ .pagecontent .RWDslider01,.pagecontent .RWDeditor01 { margin-top: 30px !important;}.article1 .RWDeditor01 .model-title,.ab_txtbox,.article1 .hgroup .container { padding: 0 30px;}.big_deco_txt { font-size: 80px;}.ab_picbox { height: 140px; max-width: calc(100% - 30px); overflow: hidden;}.ab_picbox img { transform: scale(3);}.page_wrapper_bg .article-text .ab_txtbox h4 { font-size: 15px;}.page_wrapper_bg .article-text p,.page_wrapper_bg .article-text,._bd_row label,._bd_row li,._bd_row p,._bd_row td { font-size: 14px;}.page_wrapper_bg .article-text .ab_txtbox h4 br { display: none;}.article1 .pagecontent .article_model[data-seq="1"] .editor:before { display: none;}.recruitment .customized_columns { padding: 30px 15px;}.fillform { font-size: 20px; margin-bottom: 30px; text-align: center;}.page_wrapper_bg section.call_to_action>.container { padding: 0 30px;}.case_pic img { transform: translate(0px, 0);}.case_pic { max-height: inherit; overflow: inherit;}.case_txt { margin-bottom: 0px;}p.text-center { text-align: left;}.rwdlayoutlist_9 .litem { width: calc(100%);}.litem__text { width: 90%; margin-top: -50px; padding: 20px;}.rwdlayoutlist_9 .subject { min-height: auto;}.rwdlayoutlist_9 .subject { font-size: 16px;}.rwdlayoutlist_9 .summary { font-size: 14px;}.rwdlayoutlist_9 .litem .litem__imgs { max-height: 28vh; overflow: hidden;}.case_box.service { margin-bottom: 50px;}.case_box.service .case_txt ol { grid-template-columns: auto;}.solution_toplink { grid-template-columns: auto;}.solution_toplink a { font-size: 16px;}.btn.btn_back,.ebtn { width: 100%; display: block;}.layoutlist_8.rwd.fn_article4 .item { width: 100%; margin: 0 0px 15px; float: none;}.pagecontent .article_model[data-seq="0"] { margin-top: 30px !important;}.recruitment .customized_columns .ebtn a { width: calc(100% - 30px);}.form-title .sub-title br { display: none;}.model.RWDsearch003 { top: 35px;}.RWDsearch003.is-up { top: 25px;}.success-logo { grid-template-columns: repeat(2, 1fr); gap: 20px 20px;}.success-btn,.success-btn a { width: 100%;}.technology-section .RWDService001 a { padding: 0 10px;}.success-section .owl-item .title { font-size: 18px;}.form-right { padding: 2rem;}.section-title .en-title,.title-block .title .Maintitle,.about-section .title-block .title .Maintitle { margin: 10px 0;}.servie-item .text { position: relative;}.servie-item a { display: flex; flex-direction: column-reverse;}.news-btn-box .news-btn { font-size: 17px;}:is(.article3, .article8, .article9) .layoutlist_8 { gap: 30px; grid-template-columns: 1fr; margin-top: 0px !important;}:is(.article3, .article8, .article9) .page_wrapper_bg .hgroup { border-bottom: 0;}:is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article8 .item, :is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article9 .item, :is(.article3, .article8, .article9) .layoutlist_8.rwd.fn_article4 .item{ background: transparent; padding: 0;}:is(.article3, .article8, .article9).articlecontent .article-text .container{ padding: 1rem;}.about-section a.btnstyle{ width: 90%;}.about-section{ padding: 3rem 0;} } /*600px end*/ /*520px start*/ @media (max-width: 520px) {/*banner*/ .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 28px;}/*footer*/ .footer-srction{ padding-bottom: 20%;}.footer-srction .footer-top { flex-wrap: wrap;}.footer-srction .footer-top .RWDedictor008,.footer-srction .footer-top .RWDsocial001 { width: 100%;}.footer-srction .footer-top .RWDedictor008{ font-size: 14px;}.footer-srction .footer-top .RWDsocial001 { margin: 20px 0 0;}.footer-srction .footer-top .RWDsocial001 #social_media_wrapper a { float: none; display: inline-block;}} /*520px end*/ /*480px start*/ @media (max-width: 480px) { /*主標題*/ .section-title .main-title,.title-block .title h1,.about-section .title-block .title h1,.section-title .en-title,.title-block .title .Maintitle,.about-section .title-block .title .Maintitle,.title-block .title .Maintitle,.title-block .title h1 { font-size: 35px;}/*header*/ .RWDmenu_plus04 .logo { margin-top: 20px;}.RWDmenu_plus04 .ml-stack-nav-toggle { margin-right: 25px;}/*banner*//* .index .indexbanner .RWDbanner_plus01 { padding-bottom: 40px;} */ .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 24px;}.indexbanner .RWDbanner_plus01 .slick-caption { top: 63%;}/*核心技術*/ .technology-section .RWDService001 .col-md-3.col-sm-6 { padding: 0 10px;}/*解決方案*/ .technology-section .container { padding-top: 0; margin-top: 20px;}.Transitions-blcok:before { top: -1px;}/**/ .article1 .pagecontent .article_model[data-seq="0"] .model-title { font-size: 23px;}.pageTitle { font-size: 28px; letter-spacing: 1px;}.page_wrapper_bg section.call_to_action { padding: 40px 0;}.page_wrapper_bg .article-text h3 { font-size: 20px !important;}.hgroup .container { margin-top: 10px;}.pageTitle { font-size: 30px;}.recruitment .customized_columns { padding: 30px 5px;}.big_deco_txt { font-size: 65px;}.position { text-align: center;}.new-form { margin-top: 30px;}.recruitment .page_wrapper_bg .hgroup { margin-bottom: 15px;}.model.RWDsearch003,.RWDsearch003.is-up { right: calc(3% + 70px);}.model.RWDsearch003 { top: 31px;}.RWDsearch003.is-up { top: 21px;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) { /*banner*/ .indexbanner .RWDbanner_plus01 .slick-caption.txt-left, .indexbanner .RWDbanner_plus01 .slick-caption.txt-right { width: 100%; } .indexbanner .RWDbanner_plus01 .page-scroll { bottom: -40px; } .section-title .main-title, .title-block .title h1, .about-section .title-block .title h1, .section-title .en-title, .title-block .title .Maintitle, .about-section .title-block .title .Maintitle, .title-block .title .Maintitle, .title-block .title h1 { font-size: 30px; } .news-btn-box { grid-template-columns: 1fr; } .section-title .sub-title, .title-block .title h6 { font-size: 17px;} .success-block .container, .form-block .container, .success-block .container, .service-block .container, .service-section .container, .success-section .container, .page_wrapper_bg section.call_to_action>.container { width: 95%; } .form-right { padding: 2rem 0rem; background: transparent; box-shadow: unset; }.page_wrapper_bg section.call_to_action>.container { width: 100%; }} /*414px end*/ /*380px start*/ @media (max-width: 380px){ /*header*/ .RWDmenu_plus04 .logo { margin-top: 25px;}.RWDmenu_plus04 .ml-stack-nav-toggle { margin-right: 25px;}/*banner*/ .indexbanner .RWDbanner_plus01 .slick-caption .txt2 { font-size: 28px;}.Transitions-blcok a.btnstyle { margin-top: 20px;}.Transitions-blcok { height: 210px; background-size: 150%;}.ftmenubox { grid-template-columns: 1fr;}.footer-srction .container { width: 90%;}.article1 .pagecontent .article_model[data-seq="0"] .model-title { font-size: 21px;}.page_wrapper_bg .article-text .ab_txtbox h4 { font-size: 15px;} .RWDmenu_plus04 .logo { width: 130px; margin-right: 15px; } .section-title .main-title, .title-block .title h1, .about-section .title-block .title h1, .section-title .en-title, .title-block .title .Maintitle, .about-section .title-block .title .Maintitle, .title-block .title .Maintitle, .title-block .title h1 { font-size: 27px; } .success-title .sub-title {font-size: 27px !important;} } /*380px end*/