img { max-width: 100%; height: auto; width: 100%;}a,a:hover,a:active,a:focus,a:visited { transition: .5s ease; text-decoration: none;}.row { margin-right: 0px; margin-left: 0px;}/*容器設定*/#RWDfullscreen01 .container { width: 85%;}.RWDmenu_plus04 .container { width: 100% !important; max-width: unset;}/* 反白顏色設定*/::selection { background: #f5f5f5; color: #333;}::-moz-selection { background: #f5f5f5; color: #333;}/*loading*/ .fl { width: 220px;}.fl img { width: 100%;}/* go top */ .scrollTop002 { bottom: 80px; right: 20px;}.scrollTop002 img { width: 20px; transition: .5s ease;}.scrollTop002:hover img { opacity: .5; transition: .5s ease;}.RWDalert_fancybox .btn:hover { border-color: #bcbaba; background: #bcbaba !important;}.RWDalert_fancybox.bottom .editor a { text-decoration: underline; color: #9c9c9c;}.RWDalert_fancybox.bottom .editor a:hover { color: #1d4378;}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 100%; padding: 30px 25px 20px !important; box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important; background: rgba(255, 255, 255, 90%) !important; color: #000 !important; left: auto !important; right: 0px !important; line-height: 1.8 !important;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: #1d4378; background: #1d4378 !important; border-radius: 0px; transition: .5s all ease;}.RWDalert_fancybox .btn:hover { border-color: #333; background: #333 !important; transition: .5s all ease;}/* navi */ .RWDmenu_plus04 .logo { position: absolute; z-index: 1000; width: 350px;}.RWDmenu_plus04 .menu li a { color: #000; font-size: 16px !important; letter-spacing: 3px; font-weight: 400;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after { border-color: #496c9e;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .features .edit { float: right; display: flex;}.RWDmenu_plus04 .features .search-btn { float: left;}.RWDmenu_plus04 .site-nav .menu>li>a { padding: 10px 5px; margin: 0px 10px; transition: .3s ease; border-bottom: 1px solid transparent;}.RWDmenu_plus04 .site-nav .menu ul li>a { text-align: center; padding: 10px 15px; letter-spacing: 1px;}.RWDmenu_plus04 .site-nav .menu>li:not(.has-child)>a:hover { background: transparent; color: #000; border-bottom: 1px solid #496c9e; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu li.active a,.RWDmenu_plus04 .site-nav .menu a:hover { background: transparent; color: #000;}.RWDmenu_plus04 .site-nav .menu ul li a:hover { text-decoration: none; font-size: 15px !important; font-weight: 400; color: #496c9e;}.RWDmenu_plus04 .features i:hover { color: #496c9e; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu ul li a { font-size: 15px !important; font-weight: 400; text-align: left;}.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after { border-color: #496c9e;}.RWDmenu_plus04 .site-nav .menu ul { background: #fff; width: 180px;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a,.RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: #496c9e;}.RWDbanner_plus01.style-dotnav.control-center .control-box { bottom: 30px; left: calc(3% - 10px);}.RWDbanner_plus01.style-dotnav.control-center .items { width: 100%;}.RWDbanner_plus01.style-dotnav.control-center .items ul { display: flex !important; width: 100%; justify-content: flex-start; align-items: center;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li { margin: 0 10px; width: 15px;}/* banner */ .banner-block { position: relative;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #b7b7b7;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: #b7b7b7; opacity: .5;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button { width: 10px; height: 10px; line-height: 10px;}.RWDbanner_plus01 .slick-caption .txt2,.RWDbanner_plus01 .slick-caption .txt3 { font-size: 30px; color: #fff; margin-top: 10px; letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt1 { font-size: 55px; color: #fff; font-weight: bold; margin-top: 10px; letter-spacing: 3px;}.RWDbanner_plus01 .slick-caption { top: unset; bottom: 12%;}.RWDbanner_plus01 .slick-caption .container { width: 28vw !important; padding: 0 3%; margin-left: unset;}.RWDbanner_plus01.full .banner-slider.bg .slick-item:before{ content: ''; display: block; position: absolute; width: 40vw; height: 40vw; bottom: 0; left: 0; background: rgb(0,38,90); background: linear-gradient(45deg, rgba(0,38,90,0.8) 0%, rgba(0,38,90,0.8) 50%, rgba(0,38,90,0) 50%, rgba(0,38,90,0) 100%); z-index: 1;}.RWDmenu_plus04 .header { background: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); transition: .3s ease; padding: 0.8rem 3%;}.RWDmenu_plus04 .header.is-up { background: #fff; transition: .3s ease;}/*news*/ .news-block { position: relative; margin: 0 auto 100px; bottom: 0; z-index: 1; right: 0%; max-width: 800px;}.RWDnews_autolist.paneleffect_page { animation: unset; opacity: 1 !important;}.RWDnews_autolist .news-box { background: #1d4378; border: 1px solid #1d4378;}.RWDnews_autolist { max-width: 100%; float: right;}.RWDnews_autolist .title { background: #1d4378; font-size: 18px; letter-spacing: 2px; width: 150px; padding: 6px 0; font-weight: bold;}.RWDnews_autolist .news-list a { font-size: 17px;}.RWDnews_autolist .news-list a:hover { color: #327ab7;}.RWDnews_autolist .news-list { padding: 6px 10px 6px 30px; width: calc(100% - 150px); background: #fff;}.RWDnews_autolist .slick-arrow { display: none !important;}/* btn */ .service-item-block .RWDright_cont002 .item-first .text-box a,.btn a { display: flex; align-items: center; text-align: center; font-size: 16px; color: #337ab7; border: 1px solid #337ab7; background: transparent; padding: 10px 30px; border-radius: 0px; width: fit-content; margin-left: 0; margin-top: 5rem; transition: .3s ease; letter-spacing: 3px; font-weight: 400;}.service-item-block .RWDright_cont002 .item-first .text-box a:hover,.btn a:hover { background: #6797dd; border: 1px solid #6797dd; transition: .3s ease; color: #fff;}a.btn { display: flex; align-items: center; text-align: center; font-size: 16px; color: #337ab7; border: 1px solid #337ab7; background: transparent; padding: 10px 30px; border-radius: 0px; transition: .3s ease; width: fit-content; margin: 5rem auto 0rem; transition: .3s ease; letter-spacing: 3px; font-weight: 400;}.RWDright_cont002 .item-first .text-box button { letter-spacing: 3px;}/* font */ .service-item-block .main_title,.RWDService001 h1.main-title,.RWDproduct004 h1.main-title,.RWDright_cont002 .item-first .text-box .title { font-size: 45px; color: #222 !important; margin: 0; padding: 0; letter-spacing: 4px; font-weight: 600; line-height: 1.7;}.en_title,.service-item-block .main_title { text-align: center;}.RWDright_cont002 .item-first .text-box .title { color: #333;}.RWDService001 h2.sub-title,.RWDproduct004 h2.sub-title,.RWDright_cont002 .item-first .text-box .subtitle { font-size: 30px; color: #898989; margin: 0; padding: 0; letter-spacing: 3px; font-weight: 600;}.service-item-block .RWDright_cont002 .item-first .text-box .subtitle{ color: #3e3e3e;}.RWDproduct004 h2.sub-title span { color: #496c9e;}.about-blok,.feature-block,.service-item-block { padding: 6rem 0rem;}.service-process { padding: 6rem 0rem;}.RWDService001 .section-line { display: none;}/* 服務項目 */ .service-item-block .container { width: 75% !important; padding: 0; background-color: transparent;}.service-item-block>.container{ width: 100% !important;}.service-item-block .RWDright_cont002 .item-first { background-color: transparent; display: flex; align-items: center; position: relative;}.service-item-block .RWDright_cont002 .item-first>a { pointer-events: none; width: 50%;}.service-item-block .RWDright_cont002 .item-first .text-box .text,.service-item-block .RWDright_cont002 .item-first .pic { width: 100%;}.service-item-block .RWDright_cont002 .item-first .text-box { padding: 7rem ; box-shadow: 0px 0px 11px 3px #d2d2d240;}.service-item-block .RWDright_cont002 .item-first:hover .pic img { transform: scale(1);}.service-item-block::before { content: ''; display: block; position: absolute; width: 40vw; height: 40vw; background-color: #f5f5f5; clip-path: polygon(0 0, 0% 100%, 100% 0); top: 0;}.service-item-block { position: relative;}.service-item-block>.container::after { position: absolute; background-image: url(archive/image/customization/bg-02.png); background-repeat: no-repeat; content: ''; width: 700px; height: 350px; bottom: -25px; right: 5%; background-size: contain; opacity: 0.4;}.about-item { color: #333; display: flex; gap: 3rem;}.about-item .items { width: 50%;}.about-item .items div { display: flex; margin-bottom: 1rem;}.about-item .items img { width: 30px; margin-right: 1.5rem;}.about-item h3 { color: #191919; letter-spacing: 2px; font-size: 20px; margin: 0; font-weight: 500; line-height: 1.5;}.about-item ul { list-style: disc; font-size: 18px; border-top: 1px solid #929292; padding-top: 2rem; margin-bottom: 0;}.about-item li { line-height: 2;}.about-item li::marker { color: #337ab7;}.service-item-block .RWDright_cont002 .item-first .text-box .subtitle { margin-bottom: 5rem;}.service-item-block .RWDedictor008 { padding-bottom: 5rem;}.en_title{ font-size: 18px; color: #ccc; letter-spacing: 2px;}/* 服務優勢 */ .feature-block .RWDproduct004 .section-subject { margin-bottom: 5rem;}.feature-block .main-title { position: relative; padding-bottom: 3rem !important;}.feature-block .main-title::after { content: '— FEATURE —'; position: absolute; top: 5rem; right: 50%; transform: translateX(50%); font-size: 18px; color: #ccc; letter-spacing: 2px;}.RWDproduct004 .heading-title.heading-arrow-bottom::after { display: none;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div img { transition: .4s ease;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover img { transform: scale(1.03); transition: .5s ease;}.RWDproduct004 a { display: block; width: 100%; height: 100%; overflow: hidden;}.RWDproduct004 .callout-dark { background: transparent; border-bottom: 0px; padding: 0;}.RWDproduct004 .item-box-desc { top: 0px; padding: 0; letter-spacing: 1px; line-height: 1.7; color: #ccc; margin-bottom: 0; transition: 0.5s ease; height: 100%; display: flex;border: 1px solid #eee; flex-direction: column; background: #fff; padding: 1.8rem;}.RWDproduct004 .item-box-desc .list-inline { font-size: 17px; border-top: 0px; color: #333;}.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 24px; color: #4a6c9e; line-height: 1.5; margin-bottom: 10px; letter-spacing: 3px; font-weight: 600; text-shadow: unset; padding-left: 1rem; position: relative;}.RWDproduct004 #portfolio div.col-md-3 h3::before{ content: ''; width: 5px; height: 30px; background: #4a6c9e; position: absolute; left: 0; top: 5px;}.RWDproduct004 #portfolio .row.mix-grid { margin: 0;}.RWDproduct004 .list-inline { margin-bottom: 0px; height: auto !important; line-height: 1.5;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: calc(100% / 3 - 30px); margin: 0px 15px 40px !important;}.RWDproduct004 figure { opacity: 0.9; transition: 0.5s ease;}.RWDproduct004 #portfolio { overflow: visible; padding-left: 4rem; padding-right: 4rem;}.RWDproduct004 { overflow-x: visible;}.RWDproduct004 .nopadding { border-bottom: 0px;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover .item-box-desc { color: #fff; transition: 0.5s ease;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover:before { opacity: 1;}/*服務流程*/ .RWDService001 .section-subject { margin-bottom: 7rem; width: 100%; grid-column: span 5;}.steps_block:before { content: ""; position: absolute; width: 110%; height: 50%; background: #f6f6f6; bottom: 0;}.RWDService001 { z-index: 1; padding: 0;}.steps_block { width: 60%; float: left; position: relative; padding: 60px 0;}.steps_block .container { width: 100%; padding: 0 50px;}.RWDservice005 .box_title .icon { position: absolute; bottom: 0;}.RWDService001 .col-md-3 { padding: 0 1px; width: auto;}.RWDService001 { display: grid; grid-auto-flow: row; grid-template-columns: repeat(5, 1fr);}.RWDService001 .row:nth-child(2),.RWDService001 .row:nth-child(3){ display: grid; grid-auto-flow: row; grid-template-columns: repeat(4, 1fr);}.RWDService001 .row:nth-child(3)::before,.RWDService001 .row:nth-child(3)::after,.RWDService001 .row:nth-child(2)::before,.RWDService001 .row:nth-child(2)::after{ display: none;}.RWDService001 .row:nth-child(2) a,.RWDService001 .row:nth-child(3) a { width:100%}.RWDService001 .row:nth-child(2) { grid-column-start: 1; grid-column-end: 5;}.RWDService001 .row:nth-child(3) { grid-column-start: 5; grid-column-end: 5; grid-template-columns: repeat(1, 1fr);}.RWDService001 .row, .RWDService001 .row:after, .RWDService001 .row:before { clear: inherit !important; margin-right: 0; margin-left: 0;}.RWDService001 i img { margin: 0 auto; padding: 20%; position: relative; background: #fff; margin: auto; border-radius: 50%;}.RWDService001 i { max-width: 220px; position: relative; display: block; border: 3px solid #337ab7; margin: auto; border-radius: 50%;}.RWDService001 .boxFeature-2 p { font-size: 16px; letter-spacing: 1px; padding: 1rem 1.5rem 0rem; color: #333; text-align: left;}.RWDService001 .boxFeature-2 h2 { padding-left: 30px !important; position: relative; text-align: center; color: #fff; font-weight: 600; background: #333; font-size: 22px; padding: 11px 0px; letter-spacing: 2px; margin-right: 30px; line-height: 1;}.RWDService001 .boxFeature-2 h2:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 21.5px 0 21.5px 30px; border-color: transparent transparent transparent #f5f5f5; left: 0; top: 0;}.RWDService001 .boxFeature-2 h2:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 21.5px 0 21.5px 30px; border-color: transparent transparent transparent #333; right: -29px; top: 0;}.RWDService001 .boxFeature-2 { position: relative;}.RWDService001 .col-md-3:nth-last-of-type(even) i:after { transform: rotate(-180deg);}.RWDService001 .row:nth-child(2) a:nth-of-type(2) .boxFeature-2:before { content: "02";}.RWDService001 .row:nth-child(2) a:nth-of-type(3) .boxFeature-2:before { content: "03";}.RWDService001 .row:nth-child(2) a:nth-of-type(4) .boxFeature-2:before { content: "04";}.RWDService001 .row:nth-child(3) .boxFeature-2:before { content: "05";}.RWDService001 .boxFeature-2:before { content: "01"; position: absolute; width: 40px; background: #337ab7; border-radius: 60%; line-height: 40px; text-align: center; margin-left: -20px; left: 50%; top: -20px; z-index: 2; color: #fff; font-size: 20px;}.service-process { position: relative;background: #f5f5f5;}.service-process .container { padding: 0 10rem;}.service-process .main-title::after { content: '— PROCESS —'; position: absolute; top: 5rem; right: 50%; transform: translateX(50%); font-size: 18px; color: #ccc; letter-spacing: 2px;}.service-process .main-title{ position: relative; padding-bottom: 3rem !important;}/* about-block */ .about-block { position: relative;}.about-block .container::before{ display: block; position: absolute; width: 95%; height: 85%; background: #f5f5f5; content: ''; left: 0; bottom: 0;}.about-block .container { width: 100% !important; padding: 0; background-color: transparent;}.about-block >.container { padding-right: 15vw !important;}.RWDright_cont002 .item-first .text-box .underline { display: none;}.about-block .RWDright_cont002 .item-first { background-color: transparent; display: flex; align-items: center;}.about-block .RWDright_cont002 .item-first>a { pointer-events: none; width: 60%; padding-right: 5vw;}.about-block .RWDright_cont002 .item-first .text-box{ padding: 0; width: 40%; margin-top: 10rem;}.about-block .RWDright_cont002 .item-first .text-box .text,.about-block .RWDright_cont002 .item-first .pic { width: 100%; line-height: 1.7;}.about-block .RWDright_cont002 .item-first .text-box .text{ color: #333; font-size: 17px; margin-top: 3rem;}.about-block .RWDright_cont002 .item-first:hover .pic img { transform: scale(1);}.about-block .RWDright_cont002 .item-first .text-box a{ display: none;}.about-block .title::before { content: '— ABOUT —'; position: absolute; top: -2rem; font-size: 18px; color: #ccc; letter-spacing: 2px;}/* footer */ .footer-block { background: #337ab7; position: relative;}.footer-block .container { padding: 6rem 0rem 1rem; display: flex; flex-direction: column; width: 70% !important;}.footer-block .RWDedictor { display: flex; flex-direction: row; justify-content: center;}.footer-left { display: flex; flex-direction: column; align-items: center; width: 500px;}.footer-info-1 { border-right: 1px solid #aecae1; border-left: 1px solid #aecae1; padding: 0 3rem !important; margin: 0 3rem;}.footer-left img { width: 100%;}.footer-right .RWDedictor .clear { display: none;}.footer-map { margin: 1rem auto 0rem;}.footer-map iframe { height: 20vh;}.footer-info,.footer-map { width: 100%}.footer-info { margin: 1rem 0rem;}.footer-right { width: fit-content; display: flex;}.footer-right,.footer-right a { color: #fff; letter-spacing: 1.5px;}.footer-right ul { list-style: none; font-size: 15px; padding: 0;}.footer-right ul li { line-height: 1.8;}.footer-right ul li span { padding-right: 15px; font-weight: 600;}.copy-right { display: flex; justify-content: center; align-items: center; column-gap: 3rem; font-size: 14px; padding: 1.5rem 0rem 0rem;}.copyright_desc,.copyright_desc a,.copy-right,.copyright a { color: #aecae1;}.footer-right a:hover,.copyright_desc a :hover,.copyright a:hover { color: rgb(212, 212, 212);}/* fix-btn */ .fix-btn-block { position: fixed; top: 30%; right: 0; width: 43px; z-index: 100;}.fix-btn-block .RWDedictor{ display: flex; flex-direction: column; animation: unset; opacity: 1 !important;}.fix-btn { margin: 0.5rem 0rem; width: 43px; height: 150px; display: flex; justify-content: center; align-items: center;}.fix-btn a { display: flex; text-align: center; font-size: 16px; color: #fff; padding: 0; border-radius: 0px; transition: .3s ease; font-weight: 600; writing-mode: vertical-rl; align-items: center; letter-spacing: 3px; width: 100%; padding: 0px 5px 0px 8px;}.fix-btn:first-child { background: #496c9e;}.fix-btn:nth-child(2) { background: #00c300;}.fix-btn:nth-child(2):hover { background: #019701;}.fix-btn:hover { background: #6797dd; transition: .3s ease;}.fix-btn img { width: 25px; margin-bottom: 1rem;}/*230103*/ .RWDService001 .row>a {pointer-events: none;}.RWDproduct004 a {pointer-events: none;}.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: #000;} /*內頁 start*/ /*main*/ .page_wrapper_bg .main {top: 0px !important;}.page_wrapper_bg section.call_to_action { padding: 60px 0 100px; min-height: 700px; position: relative;}.page_wrapper_bg section.call_to_action>.container {max-width: 1200px; width: 85%; padding: 0 15px;}.page_wrapper_bg .article-text .container {width: 100%;}.page_wrapper_bg section.call_to_action::before {content: ''; display: block; position: absolute; width: 30vw; height: 15vw; background-color: #f5f5f5; clip-path: polygon(0 0, 0% 100%, 100% 0); top: 0;}/*-------文字--------*//*.page_wrapper_bg .cd-main-content {font-size: 15px; color: #555; letter-spacing:1px; line-height:1.7; font-family: 'Noto Sans TC', sans-serif; font-weight:300; position: relative;}*/ .page_wrapper_bg .hgroup h1 {font-size: 40px; text-align: center; font-weight: 600; letter-spacing: 2px; line-height: 1.3; color: #222; margin: 0;}.page_wrapper_bg .article-text h2 {font-size:24px;line-height: 1.5;letter-spacing:2px;}.page_wrapper_bg .article-text h3 {letter-spacing: 2px;line-height: 1.5;margin-bottom: 10px; font-weight: 600; font-size: 24px !important;}.page_wrapper_bg .article-text h4 {font-size: 18px;line-height: 1.7; margin: 15px 0 15px; font-weight: 600;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p {font-size:16px; line-height: 1.7; letter-spacing: 1px; color: #333; font-weight: 400;}._bd_row h1, ._bd_row h2, ._bd_row h3, ._bd_row h4, ._bd_row h5, ._bd_row h6 {font-size: 18px !important; font-weight: 600; color: #222;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td {font-size:16px; line-height: 1.7; font-weight: 400; color: #333; letter-spacing: 1px;}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 22px;}._bd_row ul{padding-left: 18px;}/*主標*/ .page_wrapper_bg .hgroup .container {width: 100%;}/*麵包屑*/ .hgroup .breadcrumb {font-size:13px; background-color: transparent; border: none; text-align: center; float: none !important; position: relative; bottom: 0; padding: 0; margin: 10px 0 20px;}.hgroup .breadcrumb a {color: #888;}.hgroup .breadcrumb a:hover {color: #337ab7;}/*列表上方共同文字*/ .webdesc, .eformsDesc {font-size: 18px; font-weight: 600; color: #333; /*text-align: center;*/}/*文章編輯*/ .RWDeditor01 .model-title {display: none;}.page_wrapper_bg .pagecontent .article_model[data-seq="0"] {margin-top: 20px;}/*-------按鈕--------*/ .btn {border-radius: 0;}/*回上一頁*/#article .btn.btn_back a, #album .btn.btn_back a {padding: 10px 30px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important; padding: 0; box-shadow: none; margin-top: 40px !important;}.btn.btn_back a {font-size: 16px; width: fit-content; padding: 10px 30px; background: transparent; color: #337ab7; transition: all 0.5s ease; border: 1px solid #337ab7; font-weight: 400; letter-spacing: 3px; line-height: 1.5em;}.btn.btn_back a:hover {border: 1px solid #6797dd; color: #fff; background: #6797dd;}/*確定送出*/ .ebtn {float: right; background: transparent !important; padding: 0; margin-right: 0;}.ebtn a {text-align: center; width: fit-content; color: #337ab7; border: 1px solid #337ab7; transition: all 0.5s ease; font-size: 16px; font-weight: 400; padding: 10px 30px; letter-spacing: 3px; line-height: 1.5em; display: block;}.ebtn a:hover {color: #fff; background:#6797dd; border: 1px solid #6797dd; transition: all 0.5s ease;}/*-------範例--------*//*編輯器*//*.page_wrapper_bg .pagecontent .RWDeditor01 {margin-left: -15px; margin-right: -15px;}*//*圖文輪播*/ .RWDslider01 .editor {font-size: 16px; line-height: 1.7; color: #333; letter-spacing: 1px;}/*時間軸*/ .RWDtimeline01 .model-title, .RWDtimeline02 .model-title {color: #333; font-size: 22px; font-weight: 600; line-height: 1.8;}.RWDtimeline02 .timeline2_list .block .text-in {font-size: 16px; color: #333;}.RWDtimeline01 li.event .point .title {font-size: 22px; font-weight: 600; margin: 0 0 20px 0; color: #333;}.RWDtimeline01 li.event .point .editor {font-size: 16px; line-height: 1.7; letter-spacing: 1px; color: #333;}/*頁碼*/ .page .page_active, .page ul li a:hover {background: #337ab7;}.page ul li a:hover {color: #fff;}/*-------檔案下載--------*//*檔案下載2*/ .layoutlist_3 .download_subject {font-size: 17px; color: #242526; transition: all 0.3s ease;}.layoutlist_3 .dbtn_v2 {border-radius: 99em; border-color: #000; color: #000; padding: 6px 15px; transition: all 0.5s ease;}.layoutlist_3 .dbtn_v2:hover {background: #337ab7 !important; border-color: #337ab7 !important; color: #fff;}.list_faketb__date {flex: 0 0 7em;}.list_faketb {font-size: 16px;}/*-------電子表單--------*//*電子表單A*//*.eformscontent .layoutlist_1 {max-width: 800px; margin: 10px auto 0;}*//*.form-horizontal .form-group {margin-left: 0; margin-right: 0;}*//*.form-group label {padding-left: 0 !important; padding-right: 0 !important;}*/ .form-horizontal .control-label {width: 15%; font-weight: 400;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 85%;}.form-horizontal .form-group .col-sm-12.col-md-5 {width: 70%;}textarea.form-control {min-height: 130px;}.form-control {border-radius: 0; box-shadow: none;}.customized_columns ._input, .customized_columns select {background: #f5f5f5; border: 1px solid #e1e1e1;}label.error {font-weight: 400;}.form-horizontal .form-group {margin-left: 0;}.form-horizontal .control-label {font-weight: 600;}.systemmsg {text-align: center;}/*-------個別--------*//*bn*//*.page_wrapper_bg .RWDbanner_plus01 .slick-item:before {content: ''; display: block; position: absolute; width: 12vw; height: 12vw; bottom: 0; left: 0; background: rgb(0,38,90); background: linear-gradient(45deg, rgba(0,38,90,0.8) 0%, rgba(0,38,90,0.8) 50%, rgba(0,38,90,0) 50%, rgba(0,38,90,0) 100%); z-index: 1;}*//*關於灣口*/ .article1 .page_wrapper_bg section.call_to_action {position: relative;}.article1 .page_wrapper_bg section.call_to_action::after {position: absolute; background-image: url(archive/image/customization/bg-02.png); background-repeat: no-repeat; content: ''; width: 700px; height: 350px; bottom: -25px; right: 3%; background-size: contain; opacity: 0.4;}.article1 .page_wrapper_bg section.call_to_action>.container {max-width: 1300px;}.article1 .pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {margin-top: 50px;}/*.article1 .page_wrapper_bg section.call_to_action>.container {max-width: 1170px;}*/ .about-inner_describe .describe_item {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px;}.describe_item .describe_pic {width: 50%;}.describe_item>p {width: 50%; padding-left: 3vw;}.service-inner_item .service_subtitle {font-size: 24px; color: #4a6c9e; line-height: 1.5; margin-bottom: 10px; letter-spacing: 3px; font-weight: 600; text-shadow: unset; padding-left: 1rem; position: relative;}.service-inner_item .service_subtitle::before {content: ''; width: 5px; height: 30px; background: #4a6c9e; position: absolute; left: 0; top: 5px;}/*服務項目*/ .article2 .pagecontent .RWDslider01, .article2 .pagecontent .RWDeditor01 {margin-top: 50px;}/*.article2 .page_wrapper_bg section.call_to_action>.container {max-width: 1170px;}*/ .about-inner_box .about_subtitle {font-size: 24px; color: #4a6c9e; line-height: 1.5; margin-bottom: 10px; letter-spacing: 3px; font-weight: 600; text-shadow: unset; padding-left: 1rem; position: relative;}.about-inner_box .about_subtitle::before {content: ''; width: 5px; height: 30px; background: #4a6c9e; position: absolute; left: 0; top: 5px;}/*貨況查詢*/ .article3 .page_wrapper_bg section.call_to_action>.container {max-width: 1400px;}.state-inner_box {display: flex; flex-wrap: wrap; justify-content: space-between;}.state-inner_box .state_item {width: 31%;}.state_item .state_title {display: flex; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #929292;}.state_item .state_title h3 {margin: 0;}.state_item .state_txt {margin-bottom: 10px; min-height: 55px;}.state_item .state_title img {width: 30px; margin-right: 15px;}.state_item .state_btn {padding: 7px 20px; display: block; width: fit-content; color: #fff; font-weight: 600;}.state_item .state_btn.btn_tw, .state_item .state_btn.btn_ch {background: #496c9e;}.state_item .state_btn.btn_tw:hover, .state_item .state_btn.btn_ch:hover {background: #6797dd;}.state_item .state_btn.btn_tel {background: #c06658;}.state_item .state_btn.btn_tel:hover {background: #b15446;}.state_item .state_btn.btn_line {background: #00c300; margin-top: 10px; text-align: center;}.state_item .state_btn.btn_line:hover {background: #019701;}.state_item .state_btn.btn_tw i, .state_item .state_btn.btn_ch i {font-size: 18px; position: relative; top: 1px;}.state_item .state_btn.btn_tel i, .state_item .state_btn.btn_line i {margin-right: 10px; font-size: 18px; position: relative; top: 1px;}.state_item .state_btn.btn_tel, .state_item .state_btn.btn_line {min-width: 285px;}/*聯絡我們*/ .eforms1 .page_wrapper_bg section.call_to_action>.container {max-width: 1000px;}.eforms1 .eformsDesc {margin: 10px 0 30px; padding-bottom: 25px;}.contact-inner_item {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; align-items: center;}.contact-inner_item .item_left img {width: 120px; margin-right: 20px;}.contact-inner_item .contact_btn {padding: 7px 20px; display: block; width: fit-content; color: #fff; font-weight: 600;}.contact-inner_item .contact_btn.btn_tel {background: #c06658;}.contact-inner_item .contact_btn.btn_tel:hover {background: #a5493b;}.contact-inner_item .contact_btn.btn_line {background: #00c300; margin-top: 15px;}.contact-inner_item .contact_btn.btn_line:hover {background: #019701;}.contact-inner_item .contact_btn.btn_tel i, .contact-inner_item .contact_btn.btn_line i {margin-right: 10px; font-size: 18px; position: relative; top: 1px;}.contact-inner_item .contact_btn.btn_tel, .contact-inner_item .contact_btn.btn_line {min-width: 308px; text-align: center; font-size: 17px;}.contact-inner_txt {text-align: center;}/*隱私權政策*//*.privacy-content {max-width: 1150px; margin: 0 auto;}*/ .privacy-content>p {margin-top: 0;}.privacy-content .item {margin-top: 40px;} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 2048px) { .footer-block .container { width: 75% !important; } .service-item-block .RWDright_cont002 .item-first .text-box { padding: 5rem; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 22px; } .RWDproduct004 #portfolio div.col-md-3 h3::before { height: 23px; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 25px; } .service-item-block .RWDright_cont002 .item-first .text-box .subtitle { margin-bottom: 3rem; } .RWDService001 .boxFeature-2 h2 { font-size: 22px; } .about-block .RWDright_cont002 .item-first .text-box { margin-top: 8rem; }/*內頁-關於*/ .article1 .page_wrapper_bg section.call_to_action::after {width: 600px; height: 300px;}}@media (max-width: 1920px) { .RWDproduct004 #portfolio div.col-md-3 h3::before { height: 20px; } .service-item-block .container { width: 90% !important; } .about-block .RWDright_cont002 .item-first .text-box .text { font-size: 16px; margin-top: 3rem; } .RWDService001 .boxFeature-2 p, .RWDproduct004 .item-box-desc .list-inline { font-size: 16px; } .service-process .container { padding: 0 2rem; } .RWDService001 .boxFeature-2 p { padding: 1rem 1.5rem 0rem; } .RWDproduct004 #portfolio { padding-left: 0rem; padding-right: 0rem; } .footer-block .container { width: 80% !important; } .service-item-block .main_title, .RWDService001 h1.main-title, .RWDproduct004 h1.main-title, .RWDright_cont002 .item-first .text-box .title { font-size: 40px; letter-spacing: 2px; } .about-item h3, .RWDService001 .boxFeature-2 h2, .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 20px; } .about-block .RWDright_cont002 .item-first>a { padding-right: 3vw; } .about-block>.container { padding-right: 10vw !important; }}@media (max-width: 1800px) { .service-item-block>.container::after { width: 400px; height: 200px; right: 2%; bottom: -15px; } .about-block .RWDright_cont002 .item-first .text-box { margin-top: 4rem; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 45px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 26px; } .service-item-block .RWDedictor008 { padding-bottom: 3rem; } .about-blok, .feature-block, .service-item-block { padding: 6rem 0rem; } .RWDService001 .boxFeature-2 p, .RWDproduct004 .item-box-desc .list-inline { font-size: 15px; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: calc(100% / 3 - 20px); margin: 0px 10px 20px !important; } .about-item ul { font-size: 16px; padding-top: 1rem; } .about-item .items img { width: 25px; margin-right: 1rem; } .about-item .items div { margin-bottom: 0.5rem; } .about-block .title::before { font-size: 16px; } .feature-block .main-title::after, .service-process .main-title::after { font-size: 16px; top: 4rem; } .en_title { font-size: 16px; } .feature-block .main-title, .service-process .main-title { padding-bottom: 2rem !important; } .RWDService001 .section-subject { margin-bottom: 5rem; } .about-block { margin-top: 3rem; } .footer-info-1 { padding: 0 2rem !important; margin: 0 2rem; } .footer-left { width: 350px; } .about-block .RWDright_cont002 .item-first .text-box .text { font-size: 15px; } .feature-block .RWDproduct004 .section-subject { margin-bottom: 3rem; }}@media (max-width: 1680px) { .service-item-block .RWDright_cont002 .item-first .text-box { padding: 4rem; } .RWDService001 i { width: 85%; } .service-item-block .main_title, .RWDService001 h1.main-title, .RWDproduct004 h1.main-title, .RWDright_cont002 .item-first .text-box .title { font-size: 35px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 20px; } .service-process .container { padding: 0 0rem; } .about-block .RWDright_cont002 .item-first .text-box .text { margin-top: 2rem; } .about-item li { line-height: 1.8; }/*內頁-貨況查詢*/ .state-inner_box .state_item {width: 49%; margin-bottom: 60px;}}@media (max-width: 1607px) { .RWDproduct004 .item-box-desc { min-height: 166px; }}@media (max-width: 1500px) { .footer-block .container { width: 85% !important; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { letter-spacing: 2px; }/*內頁-main*/ .page_wrapper_bg section.call_to_action>.container {width: 90%;}/*內頁-關於*/ .article1 .page_wrapper_bg section.call_to_action::after {width: 400px; height: 200px;}}@media (max-width: 1440px) { .RWDproduct004 .item-box-desc { min-height: 148px; padding: 1.5rem; } .RWDproduct004 #portfolio div.col-md-3 h3::before { height: 17px; } .feature-block .main-title::after, .service-process .main-title::after { top: 3.5rem; } .service-item-block .main_title, .RWDService001 h1.main-title, .RWDproduct004 h1.main-title, .RWDright_cont002 .item-first .text-box .title { font-size: 35px; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 22px; } .about-item h3, .RWDService001 .boxFeature-2 h2, .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 18px; letter-spacing: 2px; } .RWDproduct004 #portfolio div.col-md-3 h3 { margin-bottom: 5px; } .about-item ul { font-size: 15px; padding-left: 20px; } .about-block .RWDright_cont002 .item-first .text-box .text { font-size: 14px; } .RWDService001 .boxFeature-2 p, .RWDproduct004 .item-box-desc .list-inline { font-size: 14px; } .about-block .container::before { display: none; } .about-block .container { background: #f5f5f5; } .footer-block .container { width: 90% !important; } .RWDService001 .boxFeature-2 h2 { padding: 12px 0px; } .footer-right ul { font-size: 14px; letter-spacing: 1px; } .about-item { gap: 2rem; } .about-block>.container { padding-right: 5vw !important; } .about-block .RWDright_cont002 .item-first .text-box { margin-top: 3rem; }}@media (max-width: 1366px) { .RWDproduct004 .item-box-desc { min-height: 140px; } .service-item-block .RWDright_cont002 .item-first .text-box a, .btn a, .fix-btn a { font-size: 15px; letter-spacing: 2px; } .RWDbanner_plus01 .slick-caption .container { width: 30vw !important; } .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 45vw; height: 45vw; } .fix-btn img { width: 20px; margin-bottom: 0.5rem; } .about-block .RWDright_cont002 .item-first .text-box, .service-item-block .RWDright_cont002 .item-first .text-box { width: 55%; } .about-block .RWDright_cont002 .item-first>a, .service-item-block .RWDright_cont002 .item-first>a { width: 45%; } .footer-block .container { padding: 3rem 0rem 1rem; } .service-item-block .main_title, .RWDService001 h1.main-title, .RWDproduct004 h1.main-title, .RWDright_cont002 .item-first .text-box .title { font-size: 30px; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 20px; } .RWDService001 .boxFeature-2 h2 { padding: 13px 0px; } .feature-block .main-title::after, .service-process .main-title::after { font-size: 15px; top: 3rem; } .about-block .title::before { font-size: 15px; } .about-block .RWDright_cont002 .item-first>a { padding-right: 3rem; } .about-block { margin-top: 0rem; } .RWDService001 i { width: 75%; } .about-block .RWDright_cont002 .item-first .text-box .text { margin-top: 1.5rem; } .RWDService001 .boxFeature-2 p { padding: 0.5rem 1rem 0rem; line-height: 1.5; } .service-item-block>.container::after { width: 300px; height: 150px; right: 4%; } .service-item-block .RWDright_cont002 .item-first .text-box .subtitle { margin-bottom: 2rem; } .service-item-block .RWDright_cont002 .item-first .text-box { padding: 3rem; } .about-item li { line-height: 1.6; }}@media (max-width: 1280px) { .RWDbanner_plus01 .slick-caption .txt1 { font-size: 40px; } .footer-left { width: 300px; } .RWDmenu_plus04 .menu li a { padding: 10px 0px; font-size: 15px !important; letter-spacing: 2px } .copy-right { font-size: 13px; } .service-item-block::before, .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 45vw; height: 45vw; } .RWDbanner_plus01 .slick-caption .container { width: 30vw !important; } .RWDnews_autolist .title { width: 100px; font-size: 15px; } .RWDnews_autolist .news-list { width: calc(100% - 100px); padding: 6px 20px 6px 20px; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .service-item-block .RWDright_cont002 .item-first .text-box,.service-item-block .RWDright_cont002 .item-first>a { width: 100%;}.service-item-block .RWDright_cont002 .item-first { flex-wrap: wrap; flex-direction: column-reverse;}.service-item-block .RWDright_cont002 .pic img{ object-fit: cover; height: 80vh; object-position: bottom; background-position-y: center;} .about-block .RWDright_cont002 .item-first { align-items: flex-end; padding-top: 5rem; } .about-block .RWDright_cont002 .item-first .text-box { margin-top: 0rem; margin-bottom: 5rem; } .feature-block .main-title::after, .service-process .main-title::after { top: 2.5rem; } .about-item ul { padding-left: 20px; } .service-item-block .main_title, .RWDService001 h1.main-title, .RWDproduct004 h1.main-title, .RWDright_cont002 .item-first .text-box .title { font-size: 25px; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 17px; } .about-item ul { font-size: 14px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 18px; } .about-item .items img { width: 20px; margin-right: 0.7rem; } .footer-right ul { letter-spacing: 0.5px; } .footer-info-1 { padding: 0 1rem !important; margin: 0 1rem; } .copy-right { column-gap: 0.5rem; } .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 92vh !important; height: 92vh !important; } .news-block { max-width: 65%; }/*內頁-主標*/ .page_wrapper_bg .hgroup h1 {font-size: 36px;}/*內頁-關於*/ .about-inner_box .about_subtitle {font-size: 22px; letter-spacing: 2px;}.about-inner_box .about_subtitle::before {height: 24px;}/*內頁-服務項目*/ .service-inner_item .service_subtitle {font-size: 22px; letter-spacing: 2px;}.service-inner_item .service_subtitle::before {height: 24px;}/*內頁-貨況查詢*/ .state_item .state_title h3 {font-size: 22px !important;}.state_item .state_title img {width: 25px; margin-right: 10px;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) { .service-item-block::before, .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 50vw; height: 50vw; } .RWDbanner_plus01 .slick-caption .container { width: 35vw !important; } .service-item-block .RWDedictor008 { padding-bottom: 1rem; } .feature-block .RWDproduct004 .section-subject { margin-bottom: 2rem; } .RWDmenu_plus04 .header { padding: 0 3%; } .RWDmenu_plus04 .logo { top: 10px; } .service-process, .about-blok, .feature-block, .service-item-block { padding: 4rem 0rem; } .service-item-block .RWDright_cont002 .item-first .text-box { padding: 2rem; } #RWDfullscreen01 .container { width: 90%; } .RWDbanner_plus01 .slick-caption .container { padding: 0 3% !important; } .footer-left, .footer-right { width: 100%; } .footer-block .RWDedictor { flex-direction: column; } .footer-left img { width: 50%; margin-right: auto; margin-bottom: 1rem; } .footer-info-1 { border-left: 0px; padding: 0 2rem 0 0 !important; margin: 0 2rem 0 0; } .service-item-block>.container::after { width: 240px; height: 150px; right: 5%; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 35px; } .copy-right { justify-content: flex-start; }}/*230103*/ .RWDmenu_plus04 .header {height: 70px;} /*1100px end*/ /*1059px start*/ @media (max-width: 1059px) { .RWDproduct004 .item-box-desc { min-height: 165px; }} /*1059px end*/ /*991px start*/ @media (max-width: 991px) { .RWDproduct004 .item-box-desc { min-height: unset; } .service-item-block .RWDright_cont002 .item-first>a { width: 100%; } .service-item-block .RWDright_cont002 .item-first .text-box a { margin-top: 2rem; } .scrollTop002 { right: 10px; } .scrollTop002 img { width: 16px; } .service-item-block .RWDright_cont002 .item-first { flex-direction: column-reverse; } .service-item-block .RWDright_cont002 .item-first .text-box { width: 100%; } .service-item-block .RWDright_cont002 .item-first .text-box { background-color: #fff; padding: 2rem 5rem; } .service-item-block .RWDright_cont002 .item-first>a { display: none; } .service-item-block .RWDright_cont002 .item-first .text-box a { margin-left: auto; } .service-item-block .RWDright_cont002 .item-first .text-box .subtitle { text-align: center; } .service-item-block>.container::after { width: 300px; height: 150px; } .RWDService001 { grid-template-columns: repeat(2, 1fr); } .RWDService001 .row:nth-child(2) { grid-template-columns: repeat(2, 1fr); grid-column-start: 1; grid-column-end: 3; gap: 3rem; } .RWDService001 .section-subject { grid-column: span 2; } .RWDService001 .row:nth-child(3) { grid-column-start: 1; grid-column-end: 2; margin-top: 3rem; } .RWDService001 i { max-width: 180px; } .service-process .container { width: 70% !important; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: calc(100% / 2 - 20px) !important; margin: 0px 10px 20px !important; } .about-block .RWDright_cont002 .item-first>a { padding-right: 2rem; width: 40%; } .about-block .RWDright_cont002 .item-first .text-box { width: 60%; } .service-item-block::before, .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 55vw; height: 55vw; } .RWDbanner_plus01 .slick-caption { bottom: 10%; }/*內頁-main*/ .page_wrapper_bg section.call_to_action {padding: 35px 0 80px;}/*內頁-電子表單A*/ .form-horizontal .control-label {width: 17%;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 83%;}/*內頁-關於*/ .about-inner_describe .describe_item {flex-direction: column-reverse;}.describe_item .describe_pic {width: 100%;}.describe_item>p {width: 100%; padding-left: 0; margin-bottom: 50px;}/*內頁-貨況查詢*/ .state-inner_box .state_item {width: 100%; margin-bottom: 50px;}.state-inner_box .state_item:last-child {margin-bottom: 0;}.state_item .state_txt {min-height: auto;} } /*991px end*/ /*951px start*/ @media (max-width: 951px) { .RWDproduct004 .item-box-desc { min-height: 145px; }} /*951px end*/ /*850px start*/ @media (max-width: 850px) { .RWDproduct004 .item-box-desc .list-inline { letter-spacing: 0; } .about-block .RWDright_cont002 .item-first>a, .about-block .RWDright_cont002 .item-first .text-box { width: 100%; } .service-item-block>.container::after { display: none; } .about-block .RWDright_cont002 .item-first { flex-direction: column-reverse; padding-top: 0rem; } .about-block .RWDright_cont002 .item-first .pic { width: 95%; } .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 90vh !important; height: 90vh !important; } .service-process .container { width: 85% !important; } .about-block>.container { padding-right: 0vw !important; } .news-block { margin: 0 auto 80px; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 3rem; margin: 6rem 0 3rem; } .service-item-block::before, .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 65vw; height: 65vw; } .RWDbanner_plus01 .slick-caption .container { width: 40vw !important; } .copy-right { column-gap: 0rem; display: flex; flex-direction: column; align-items: flex-start; } #RWDfullscreen01 .container { width: 95%; } .RWDnews_autolist .title { background: #fff; color: #333; } .RWDnews_autolist .news-box { background: #fff; } .RWDnews_autolist .news-list { border-left: 1px solid #1d4378; } .feature-block .container { padding: 0; }/*內頁-關於*/ .article1 .page_wrapper_bg section.call_to_action::after {display: none;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*內頁-main*/ .page_wrapper_bg section.call_to_action>.container {width: 100%;}/*內頁-主標*/ .page_wrapper_bg .hgroup .container {margin-left: 0px; margin-right: 0px;}/*內頁-範例-圖文輪播*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list {width: 100%; float: none; padding-right: 0px; padding-left: 0px; margin: 0 auto;}.RWDslider01 .text {width: 100%; float: none; margin: 0 auto; padding-bottom: 40px;}.RWDslider01 .control-box, .RWDslider01.pic-right .control-box {position: static; margin-left: inherit; text-align: center;}/*內頁-文章編輯*/ .page_wrapper_bg .pagecontent .article_model[data-seq="0"] {margin-top: 0;}/*內頁-按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{ width: auto !important;}/*內頁-關於*/ .describe_item>p {margin-bottom: 35px;}.about-inner_describe .describe_item {margin-bottom: 35px;}.article1 .pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {margin-top: 35px;}/*內頁-服務項目*/ .article2 .pagecontent .RWDslider01, .article2 .pagecontent .RWDeditor01 {margin-top: 35px;}/*內頁-貨況查詢*/ .state_item .state_title {margin-bottom: 15px; padding-bottom: 10px;} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .service-item-block .RWDright_cont002 .item-first .text-box { padding: 2rem 3rem; } .RWDproduct004 #portfolio .row.mix-grid { display: flex; flex-direction: row; flex-wrap: wrap; } .footer-left img { margin-bottom: 0rem; } .footer-right ul { letter-spacing: 0px; } .footer-block .container { padding: 2rem 0rem 2rem; } .RWDService001 i { max-width: 150px; } .RWDService001 .row:nth-child(2) { row-gap: 3rem; column-gap: 1rem; } .RWDService001 .row:nth-child(3) { margin-top: 3rem; } .service-process .container { width: 90% !important; } .footer-right ul li span { padding-right: 10px; } .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 17px; letter-spacing: 0.5px; } .footer-info-1 { padding: 0 !important; margin: 0; border-right: 0px; } .footer-right { justify-content: space-between; } .RWDproduct004 .item-box-desc { padding: 1.2rem; } .RWDproduct004 .item-box-desc { min-height: 135px; } .RWDbanner_plus01.style-dotnav.control-center .control-box { bottom: 40px; left: 0px; } .RWDbanner_plus01.style-dotnav.control-center .items ul { justify-content: center; } .RWDbanner_plus01 .slick-caption { bottom: unset; width: 100% !important; margin: auto; top: 20%; } .RWDbanner_plus01 .slick-caption .txt1, .RWDbanner_plus01 .slick-caption .txt2 { color: #333; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 40px; } .RWDbanner_plus01 .slick-caption .txt2 { font-size: 20px; } .RWDbanner_plus01 .slick-caption.txt-left { text-align: center; } .RWDbanner_plus01.style-dotnav.dot .slick-dots button, .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #4b4747; } .RWDbanner_plus01.full .banner-slider.bg .slick-item:before { width: 100%; height: 100%; clip-path: unset; background: transparent; } .RWDbanner_plus01 .slick-caption .container { width: 100% !important; } .footer-right { flex-direction: column; } .footer-map { margin: 0rem auto 0rem; } .news-block { width: 100%; max-width: 600px; }/*內頁-檔案下載A*/ .download .list_table td.list_subject {text-align: center;}.list_faketb__date {flex: 1 1 calc(100% - 3em - 32px - 8px);}/*內頁-電子表單A*/ .eformscontent .layoutlist_1 {width: 100%;}.form-horizontal .control-label {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-5 {width: 100%;}.form-horizontal .form-group {margin-left: -15px;} } /*767px end*/ /*600px start*/ @media (max-width: 600px) { .RWDproduct004 .item-box-desc { padding: 1.7rem; min-height: unset; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 2rem; } .RWDnews_autolist .news-list a { font-size: 15px; } .service-item-block { padding: 0rem 0rem 4rem; } .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 87vh !important; height: 87vh !important; } .service-item-block .RWDright_cont002 .item-first .text-box .subtitle { text-align: left; } .service-item-block .RWDright_cont002 .item-first .text-box a { width: 100%; } .about-item { flex-direction: column; } .about-item .items { width: 100%; } .footer-left img { width: 95%; } .service-item-block .container { width: 95% !important; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { width: 100% !important; } .footer-info-1 { border-right: 0px; } .footer-right ul li { line-height: 2; } .about-block .RWDright_cont002 .item-first>a, .about-block .RWDright_cont002 .item-first .text-box { width: 100%; } .about-block .RWDright_cont002 .item-first { flex-direction: column-reverse; } .about-block .RWDright_cont002 .item-first .pic { width: 90%; } .RWDmenu_plus04 .logo { width: 250px; top: 17px; } .feature-block .RWDproduct004 .section-subject .col-md-12 { padding: 0; } .service-item-block::before { width: 100vw; height: 50vw; } .RWDbanner_plus01.style-dotnav.dot .slick-dots li { width: 10px; } .copy-right { border-top: 0px; align-items: flex-start; } .footer-block .RWDedictor { flex-direction: column; } .fix-btn a { writing-mode: unset; justify-content: center; padding: 13px; } .fix-btn { margin: 0; height: auto; width: 50%; } .fix-btn-block { position: fixed; top: unset; right: 0%; z-index: 100; bottom: 0; width: 100%; } .fix-btn-block .RWDedictor { flex-direction: row; } .footer-block .container { padding: 2rem 0rem 4rem !important; } .fix-btn img { width: 25px; margin-right: 1rem; margin-bottom: 0; }/*內頁-main*/ .page_wrapper_bg section.call_to_action>.container {padding-left: 10px; padding-right: 10px;}.page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg .article-text .container {padding-left: 10px; padding-right: 10px;}.page_wrapper_bg section.call_to_action::before {width: 50vw; height: 25vw;}/*-------文字--------*/ .page_wrapper_bg .article-text, .page_wrapper_bg .article-text p {font-size:15px;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td {font-size:15px;}.btn.btn_back a, .ebtn a {font-size: 15px;}.RWDtimeline02 .timeline2_list .block .text-in, .RWDtimeline01 li.event .point .editor {font-size: 15px;}.list_faketb {font-size: 15px;}/*內頁-主標*/ .page_wrapper_bg .hgroup h1 {font-size: 30px;}/*列表上方共同文字*/ .webdesc, .eformsDesc {font-size: 17px;}/*內頁-按鈕-確定送出*/ .ebtn {width: 100%;}.ebtn.currectsend_btn {margin-top: 20px;}/*內頁-圖文輪播*/ .RWDslider01 .products-list {margin: 0;}/*內頁-時間軸*/ .RWDtimeline01 .model-title, .RWDtimeline02 .model-title {font-size: 21px;}.RWDtimeline01 li.event .point .title {font-size: 21px;}/*內頁-按鈕*/ .btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary, .ebtn a { width: 100%!important;}/*內頁-關於*/ .about-inner_box .about_subtitle {font-size: 18px;}.about-inner_box .about_subtitle::before {height: 20px; top: 3px;}/*內頁-服務項目*/ .service-inner_item .service_subtitle {font-size: 18px;}.service-inner_item .service_subtitle::before {height: 20px; top: 3px;}/*內頁-貨況查詢*/ .state_item .state_title h3 {font-size: 18px !important;}.state_item .state_title img {width: 20px;}.state_item .state_btn {width: 100%; text-align: center;}.state_item .state_btn.btn_tel, .state_item .state_btn.btn_line {min-width: auto;}.state_item .state_btn.btn_tw i, .state_item .state_btn.btn_ch i {font-size: 16px; margin-left: 6px !important;}.state_item .state_btn.btn_tel i, .state_item .state_btn.btn_line i {margin-right: 6px; font-size: 16px;}/*內頁-聯絡我們*/ .eforms1 .eformsDesc {padding-bottom: 35px;}.contact-inner_item {flex-direction: column;}.contact-inner_item .item_left {display: flex; justify-content: center;}.contact-inner_item .item_left, .contact-inner_item .item_right {width: 100%;}.contact-inner_item .item_left img {margin: 0 auto 20px;}.contact-inner_item .contact_btn {width: 100% !important;}.contact-inner_item .contact_btn.btn_tel, .contact-inner_item .contact_btn.btn_line {min-width: auto; font-size: 15px;} } /*600px end*/ /*450px start*/ @media (max-width: 450px) {/*內頁-頁碼*/ .page ul li {margin-left: 6px;}} /*450px end*/ /*414px start*/ @media (max-width: 414px) { .service-item-block .RWDright_cont002 .item-first .text-box .subtitle { text-align: center; } .footer-block .container { padding: 1rem 0rem 2rem; } .footer-right ul li span { padding-right: 8px; } .about-block .RWDright_cont002 .item-first .text-box { padding: 0rem 1rem; }/*內頁-範例-時間軸*/ .RWDtimeline01 li.event .point .date {font-size: 15px; margin: 0;}} /*414px end*/ /*380px start*/ @media (max-width: 380px){ .RWDService001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDright_cont002 .item-first .text-box .subtitle { font-size: 15px; } .footer-right ul { font-size: 13px; } } /*380px end*/