/*網頁共同設定*/body{font-size:15px; letter-spacing:2px; line-height:2;}/*section.article-text.rwd{font-size:14px; letter-spacing:2px; line-height:2rem;}*/ .main:{overflow: hidden}a:hover , a:focus {text-decoration: none;color:#555;}/*0324*/ .model.RWDsearch003 {top: 55px;right: 100px;font-size: 15px;}.search3_input::placeholder {letter-spacing: 1px;color: #fff;font-weight: 600;}.search3_bar {border: #bbb 1px solid;background: transparent;border-radius: 50px;}.search3_input {padding: 0px 30px;background: transparent;}.search3_submit .ii-search1:before {color: #fff;}.search3_submit {position: relative;right: 15px;top: 2px;}.search3_input {color: #fff;}.search3_submit:hover {background: transparent;}/**/ .news-block .RWDService001 .step-btn { order: 3; border-radius: 50px; font-weight: 600; text-align: left; display: block; width: 150px; margin: 10px 45px 0px; color: #ccc; position: relative; font-size: 14px; transition: 0.5s;}.news-block .RWDService001 .col-md-3.col-sm-6:hover::after { background: #ea6197; opacity: 1; width: 100%;}.news-block .RWDService001 .col-md-3.col-sm-6::after {content: "";position: absolute;width: 0;height: 5px;background: #f8f8f7;bottom: -1px;left: 0;transition: 0.5s;opacity: 0;}.news-block .RWDService001 .col-md-3.col-sm-6:hover .step-btn {color:#ed659a}.news-block .RWDService001 .col-md-3.col-sm-6:hover .step-btn::after {filter: grayscale(0) brightness(1)}.news-block .RWDService001 .step-btn:after {content: ""; background: url(archive/image/customization/next2.png); width: 10px; height: 10px; display: inline-block; position: relative; background-size: contain; transition: 0.5s ease; margin-left: 6px;top: -1px; filter: grayscale(1) brightness(1.8)}/* 動態效果改成fadeIn*/ .bounceIn{animation-name:fadeInUp;animation-duration:1s}.bounceIn {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}.flipInY {animation-name: fadeIn;}.cd-main-content { position: relative; margin: 0 !important;}@media (min-width: 1400px) {#RWDfullscreen02 .container {width: 1300px;}.page_wrapper_bg .container {width: 1300px;}}/*標題*/ .QA-block .section-subject {display: none;}.index h1.main-title { font-size: 32px; letter-spacing: 1px; line-height: 1.5; color: #222; font-weight: 600; margin: 0;}.index h2.sub-title { font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 1.6; color: #333;margin:12px 0px 0px;}.section-line{display:none !important;}.news-block h2.sub-title {display: none;}.news-block .RWDService001 .section-subject {margin-bottom: 60px;}.RWDService002 .section-subject .col-md-12 , .news-block .RWDService001 .section-subject .col-md-12 , .RWDproduct002_v2 .section-subject .col-md-12 {padding: 0;}.RWDService002 .section-subject , .news-block .RWDService001 .section-subject , .RWDproduct002_v2 .section-subject { margin-left: 0; margin-right: 0;margin-bottom: 50px;position: relative;}.RWDproduct002_v2 .section-subject {margin-bottom: 20px;}.RWDService002 h1.main-title , .news-block .RWDService001 h1.main-title , .RWDproduct002_v2 h1.main-title {font-size: 35px;font-weight: 600;letter-spacing: 1px;margin: 0 auto;line-height: 1.1;color: #111;}.RWDService002 h2.sub-title , .news-block .RWDService001 h2.sub-title , .RWDproduct002_v2 h2.sub-title { margin: 18px auto 0; position: relative; top: -5px; font-size: 18px; font-weight: normal; letter-spacing: 1px; line-height: 1.6; color: #333;}h1.main-title span { color: #fff; font-size: 26px; position: relative; display: inline-block; padding: 0px 15px 0px 25px; margin-right: 35px;}h1.main-title span::before { content: ""; width: 1px; background: #fff; position: absolute; left: 5px; height: calc(100% + 20px); top: -10px;}h1.main-title span::after { content: ""; clip-path: polygon(0% 0%, 75% 0%, 90% 50%, 75% 100%, 0% 100%); background: #e74384; width: calc(100% + 20px); height: calc(100% + 20px); display: block; position: absolute; left: 0px; top: -10px; z-index: -1;}.QA-title h1.main-title {text-align: center;}/*選單*/ .RWDnews_autolist {height: 36px;width: 100%;max-width: 100%;z-index: 98;position: fixed;}.RWDnews_autolist .news-box {background:#e44282;font-size: 14px;text-align: center;letter-spacing: 2px;}.RWDnews_autolist .news-list a {color: #fff;}.RWDnews_autolist .title {display: none;}.RWDnews_autolist .slick-arrow {left: inherit;right: 0;background-color: transparent;display: none !important;}.RWDnews_autolist .news-list {width: 100%;}.RWDmenu_plus04 .header {padding: 0px 30px;top: 38px;background-color: #3b3b3b;box-shadow: 2px 17px 11px -10px rgb(0 0 0 / 13%);}.RWDmenu_plus04 .container {max-width: 100%;width: 100% !important; padding: 0px !important;}.RWDmenu_plus04 .logo {width: 300px;margin-top: 19px;}.RWDmenu_plus04 .features .search-btn , .RWDmenu_plus04 .features .member-btn {padding: 30px 25px 25px;}.RWDmenu_plus04 .site-nav .menu>li>a {font-size: 16px;letter-spacing: 2px;color: #eee;transition: 0.5s ease;padding: 25px 20px;}.RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .RWDmenu_plus04 .lang-select {color: #eee;}.RWDmenu_plus04 .member-btn .ii-people2 {font-size: 17px;font-weight: 600;}.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: #525252; color: #fff; transition: 0.5s ease;}.RWDmenu_plus04 .site-nav {padding-right: 350px;}.RWDmenu_plus04 .site-nav .menu>li>a::before { content: ""; background: url(archive/image/customization/001-web-browser.png); width: 25px; height: 25px; display: inline-block; background-size: contain; filter: contrast(0) brightness(2); margin-right: 8px; vertical-align: middle; margin-top: -4px;}.RWDmenu_plus04 .site-nav .menu>li.menu-qa>a::before {background: url(archive/image/customization/002-help.png);background-size: contain;}.RWDmenu_plus04 .site-nav .menu>li.menu-add>a::before {background: url(archive/image/customization/add.png);background-size: contain;}.RWDmenu_plus04 .site-nav .menu>li.menu-news>a::before {background: url(archive/image/customization/004-newspaper.png);background-size: contain;}.RWDmenu_plus04 .site-nav .menu>li.menu-an>a::before {background: url(archive/image/customization/answer.png);background-size: contain;}.RWDmenu_plus04 .site-nav .menu {text-align:right;}.RWDmenu_plus04 .site-nav .menu ul li>a {font-size: 16px;letter-spacing: 2px;color: #333;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; color: #000;}/*banner*/ .RWDbanner_plus01 .slick-caption.txt-left {top: 130px;}.RWDbanner_plus01.full .banner-slider.bg .slick-item {max-height: 40vh!important;height: 40vh!important;}.RWDbanner_plus01 .slick-caption.txt-left {text-align: center;}/*QA*/ .QA-block {margin-top: -70px;}.QA-block .container {display: flex;flex-wrap: wrap; box-shadow: 1px 1px 10px #e7e1dc;background: #fff;padding: 80px 100px;border-radius: 5px;}.QA-title {width: 100%;margin-bottom: 45px;}.QA-left, .QA-right {width: calc(50% - 20px);}.QA-right {margin-left: 20px;}.QA-left {margin-right: 20px;}.QA-block .RWDService001 .col-md-3.col-sm-6 {width: 100%;}.QA-block .boxFeature-2 h2 {color: #555;font-size: 18px;letter-spacing: 2px;margin: 0px;padding: 18px 0;border-bottom: 1px dotted #ddd;transition: 0.5s ease;}.QA-block .boxFeature-2 h2:hover {color: #111;transition: 0.5s ease;}.QA-block .boxFeature-2 h2 span {font-family: 'Open Sans', sans-serif;font-weight: 400;color: #e74384;letter-spacing: 1px;margin-right: 10px;}.QA-block .boxFeature-2 p {margin: 0;}.QA-block .boxFeature-2 h2::after { content: ""; background: url(archive/image/customization/next2.png); width: 15px; height: 15px; display: block; position: absolute; right: 20px; bottom: 21px; background-size: contain; filter: contrast(0.1); transition: 0.5s ease;}.QA-block .boxFeature-2 h2:hover::after {right: 10px;transition: 0.5s ease;}/*架構*/ .section-block {padding: 140px 0px 0px;}.teach-block {padding: 140px 0px;}.add-block .container {position:relative;}.add-block::before { width: 0; height: 0; border-style: solid; border-width: 30px 60px 0 60px; border-color: #ffffff transparent transparent transparent; content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%);background-position: left bottom;}.add-block {padding: 160px 0px 60px;position: relative;}.news-block {padding: 140px 0 100px;}/*網站*/ .RWDService002{padding: 0;} .section-block .RWDService002 .row:after{clear: none;}.section-block .RWDService002 .section-subject:after{clear: both;}.section-block .RWDService002 .col-sm-4.col-md-4{width:25%;padding:0px 20px;}.RWDService002 .col-sm-4.col-md-4 {float: left;}.section-block .RWDService002 .funny-boxes {border: 1px solid #eee;padding: 40px 30px;position: relative;transition:0.5s ease;top:0px;border-radius: 5px;}.section-block .RWDService002 .funny-boxes:hover { box-shadow: 2px 17px 11px -10px rgb(0 0 0 / 13%);transition:0.5s ease;top:-8px;}.funny-boxes.not-right-column::before, .funny-boxes > .funny-boxes-text > h4::after{display:none;}.RWDService002 .funny-boxes > .funny-boxes-text > h4{font-size: 24px;letter-spacing: 1px;margin: 0 auto;color: #333;text-align: left;padding-bottom: 0px;font-weight:600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.RWDService002 .funny-boxes > .funny-boxes-text > h4 a {color: #333;}.RWDService002 .funny-boxes > .funny-boxes-text > h4 span { display: block; font-size: 16px; color: #e74384; margin: 0px 0px 8px;}.RWDService002 .funny-boxes > .funny-boxes-text > p { margin: 0px auto; font-size: 15px; color: #777; letter-spacing: 1.5px; line-height: 1.8; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p span { display: block; color: #333; margin: 8px 0px 16px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 56px;}.section-block .RWDService002 .funny-boxes::before { content: ""; position: absolute; top: 55px; left: 52px; right: initial; font-weight: 600; font-size: 46px; text-transform: uppercase; color: #ccc; display: block; background: transparent; height: auto; width: auto; font-family: 'Open Sans', sans-serif; font-style: italic; transition: 0.5s ease; letter-spacing: 0px;}.section-block .RWDService002 .funny-boxes::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -16px; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 16px; border-color: transparent transparent transparent #d7d7d7;}.section-block .RWDService002 .row:nth-child(3) .col-sm-4.col-md-4:nth-child(1) .funny-boxes::after{display:none;}.section-block .RWDService002 .funny-boxes-text{opacity: 1 !important;}.section-block .RWDService002 .funny-boxes-text.animated.flipInY{ -webkit-animation-name: fadeIn;animation-name: fadeIn;animation: none;opacity: 1 !important;}.section-block .RWDService002 .row:nth-child(2) .col-sm-4.col-md-4:nth-child(3) .funny-boxes {margin-bottom:0px;}.section-block .RWDService002 .row:nth-child(3) .col-sm-4.col-md-4:nth-child(1) .funny-boxes {margin-bottom:0px;}.step-btn {margin-top: 35px;}.step-btn a { display: block; letter-spacing: 1px; font-size: 15px; transition: 0.5s ease; color: #e74384; text-align: left; border: 1px #e74384 solid; padding: 2px 30px; border-radius: 50px; font-weight: 600;}.step-btn a::after { content: ""; background: url(archive/image/customization/next2.png); width: 10px; height: 10px; display: inline-block; position: relative; background-size: contain; transition: 0.5s ease; margin-left: 6px;}.section-block .RWDService002 .funny-boxes:hover .step-btn a:after {margin-left: 12px;transition: 0.5s ease;}.teach-block .funny-boxes > .funny-boxes-text > h4:before {content: '';width: 50px;height: 1px;background: rgba(255, 255, 255, 0.4);position: absolute;left: 50%;margin-left: -25px;bottom: 0;}.QA-more {width: 100%;}.RWDbtn01 {margin-top: 60px;}.RWDbtn01 .btn-box {margin: 0;display: block;width: 100%;}.RWDbtn01 .btn-box li {width: 100%;padding: 0;}.RWDbtn01 .btn { background: transparent; border: 1px solid #e74384; color: #e74384; border-radius: 50px; width: 250px; font-size: 16px; line-height: 2; letter-spacing: 1.5px; padding: 4px 0; transition: 0.5s ease; font-weight: 600;}.RWDbtn01 .btn:hover {color: #fff;background: #e74384;border: 1px solid #e74384;transition:0.5s ease;}/*教學*/ .teach-block .section-subject.row {margin-bottom: 100px;}.teach-block .funny-boxes {padding: 60px 50px 40px;border: 1px solid #eee;border-radius: 5px;}.teach-block .funny-boxes.not-right-column::before {display:none;}.teach-block .funny-boxes.float-shadow > .funny-boxes-icon::before {display:none;}.teach-block .funny-boxes > .funny-boxes-text > h4 {margin-bottom: 12px;font-size:22px;}.teach-block .funny-boxes > .funny-boxes-icon {margin:0;}.flipInY {-webkit-animation-name: fadeIn;animation-name: fadeIn;}.teach-block .teach-block .funny-boxes-text {margin-top: 30px;}.teach-block .funny-boxes > .funny-boxes-icon {margin: 0;position: absolute;top: -60px;height: 85px;line-height: 70px;width: 85px;left: 50%;margin-left: -50px;background: #fff;padding: 22px;}.teach-block .funny-boxes.float-shadow > .funny-boxes-icon {box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.teach-block .RWDService002 .funny-boxes > .funny-boxes-text > p {-webkit-line-clamp: 3;}/*額外*/ .RWDproduct002_v2 {padding: 0;z-index: 2;}.RWDproduct002_v2 .row {margin-left:0px;margin-right:0px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item:hover {background: rgb(255 255 255 / 100%);transition:0.5s ease;box-shadow: 1px 1px 8px #e1e1e1;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {width: calc(25% - 1px);padding: 0px;border-radius: 5px;transition:0.5s ease;}.RWDproduct002_v2 .portfolio-item.grow > .inner-content:hover > img , .RWDproduct002_v2 .showbottom:hover .inner-content > img {-webkit-transform: scale(1);transform: scale(1);}.portfolio-bottom-summary {padding: 0px 15px;}.portfolio-bottom-summary h4 { font-size: 24px; letter-spacing: 1px; margin: 0 auto; color: #333; text-align:center; padding: 25px 0 0; font-weight: 600;}.portfolio-bottom-summary h4 span { font-size: 16px; color: #777; letter-spacing: 1.5px; line-height: 1.8; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 15px auto 0; font-weight: normal;}.portfolio-bottom-summary p { letter-spacing: 1px; font-size: 15px; transition: 0.5s ease; color: #e74384; margin: 15px 0px 0; padding: 2px 30px; border-radius: 50px; font-weight: 600; border: 1px #e74384 solid; text-align: left;}.portfolio-bottom-summary p::after { content: ""; background: url(archive/image/customization/next2.png); width: 10px; height: 10px; display: inline-block; position: relative; background-size: contain; transition: 0.5s ease; margin-left: 6px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item:hover .portfolio-bottom-summary p::after {margin-left: 12px;transition: 0.5s ease;}.RWDproduct002_v2 .showbottom:hover .portfolio-bottom h4 {color: #111;}.RWDproduct002_v2 .portfolio-item > .inner-content > img {width: 140px;margin: 0 auto;padding-top:35px;}.portfolio-bottom-summary > a {padding: 0px 25px 25px;}/*最新知識*/ .news-block .RWDService001 .col-md-3.col-sm-6 { width: calc(100% / 3 - 60px); padding: 0px; margin: 0px 30px; position: relative;transition:0.5s ease;background: #f8f8f7;top:0px;border-radius:5px;float:left;border: 1px solid #eee;}.news-block .RWDService001 .row:nth-child(2):after {clear:none;}.news-block .boxFeature-2 h2 { font-size: 26px; letter-spacing: 1px; margin: 0; color: #333; text-align: left; padding: 60px 45px 0; font-weight: 600;order: 1;}.news-block .boxFeature-2 p { font-size: 16px; letter-spacing: 1px; text-align: left; margin: 10px 0px 0px;padding: 0px 45px;order: 2;}.news-block .RWDService001 .col-md-3.col-sm-6:hover { box-shadow: 2px 17px 11px -10px rgb(0 0 0 / 18%);transition:0.5s ease; top: -8px;}.add-block::after { content: ""; background: url(archive/image/customization/pro-bg-20.png); display: block; width: 100%; height: 100%; z-index: -1; opacity: 0.4; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}.RWDService001 .boxFeature-2 {display: flex; flex-direction: column;}.RWDService001 i {order:4;margin: 0px;}/*頁面導覽*/ .RWDnav001 { right: 30px;}.RWDnav001 .check_box.dot_style .sub_box .text { padding-right: 48px; width: 18px; line-height: 1.3; color: #fff; top: 9px; opacity: 1;}.RWDnav001 .check_box.dot_style .sub_box::after { height: 52px; border-radius: 25px; width: 25px; z-index: -1;left: 17px;}.RWDnav001 .check_box.dot_style .sub_box.top::after { border: 1px solid #bdbdbd; background: transparent; width: 25px; height: 52px; border-radius: 25px;}.RWDnav001 .check_box.dot_style .sub_box.top .text { transform: rotate(90deg); top: 26px; right: 8px; letter-spacing: 1px; color: #ccc;}#m_RWDfullscreen02_72_1 .check_box.dot_style .sub_box.top:hover::after {border-color: #e74384;}#m_RWDfullscreen02_72_1 .check_box.dot_style .sub_box.top:hover .text {color: #e74384;}#m_RWDfullscreen02_72_1 .check_box.dot_style .sub_box.top::after { border-bottom-color: #bdbdbd; background: #fff !important;}.RWDService002 .col-sm-4.col-md-4:hover .step-btn a:after {margin-left: 12px;transition: 0.5s ease}/*220406修改-潤*//*news跑馬*/ .RWDnews_autolist {z-index: 100;}/*按鈕-後台導覽*/ .section-block .RWDService002 .funny-boxes:hover .step-btn a {background: #e74384; color: #fff;}.section-block .RWDService002 .funny-boxes:hover .step-btn a:after {filter: grayscale(1)brightness(10)contrast(10);}/*按鈕-相關設定*/ .teach-block .funny-boxes:hover .step-btn a {background: #e74384; color: #fff;}.teach-block .funny-boxes .step-btn a::after {filter: grayscale(1)brightness(10)contrast(10);}/*按鈕-優化網站*/ .RWDproduct002_v2 .popup-portfolio .portfolio-item:hover .portfolio-bottom-summary p {background: #e74384; color: #fff;}.RWDproduct002_v2 .popup-portfolio .portfolio-item:hover .portfolio-bottom-summary p::after {filter: grayscale(1)brightness(10)contrast(10);}/*搜尋框*/ .RWDmenu_plus04 .logo {width: 300px; margin-top: 30px;}.model.RWDsearch003 {right: calc(3% + 105px + 600px);}.RWDmenu_plus04 .site-nav {padding-right: 0;}.RWDmenu_plus04 .features {width: 80px;}.RWDmenu_plus04 .site-nav .menu>li>a {padding: 35px 20px;}.search3_hot_item, .search3_hot_item:focus {color: #CCC; padding: 0; font-size: 13px; letter-spacing: 1px; transition: 0.3s ease;}.search3_hot_item:hover {color: #fff; transition: 0.3s ease;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block {padding: 140px 0 140px; margin: auto;}.alliances-block .RWDService001:before {content: ""; width: 110%; height: 105%; border: 1px solid #eee; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 2%;}.alliances-block .rwd_subject {width: 370px; margin: 0 auto 50px; padding: 0 50px; background: #fff; position: relative; z-index: 2;}.alliances-block .rwd_subject img {width: 100%;}.alliances-block .RWDService001 .boxFeature-2 {justify-content: center; align-items: center; border: 1px solid #eee; color: #333; border-radius: 5px; transition: .5s; overflow: hidden; position: relative;}.alliances-block .RWDService001 .boxFeature-2:hover {transform: scale(1.05); transition: 0.5s ease;}.alliances-block .RWDService001 a:nth-child(2) .boxFeature-2 i {border-bottom: 5px solid #f6c613;}.alliances-block .RWDService001 a:nth-child(3) .boxFeature-2 i {border-bottom: 5px solid #89b03f;}.alliances-block .RWDService001 a:nth-child(4) .boxFeature-2 i {border-bottom: 5px solid #004286;}.alliances-block .RWDService001 i {min-height: 91.5px; margin: 20px 0 30px; padding: 0 0 40px; border-bottom: 5px solid #c62769; order: 1; width: 100%;}.alliances-block .RWDService001 i img {width: 180px;}.alliances-block .RWDService001 h2 {font-size: 16px; font-weight: 600; line-height: 1.8; margin: 5px 0 30px; padding-right: 1vw;order: 2;}.alliances-block .RWDService001 ul {display: flex; flex-wrap: wrap; margin: 0 0 30px; padding: 0; justify-content: center; padding-left: 40px; order: 3;}.alliances-block .RWDService001 ul li {width: 40%; margin: 0 0 5px; font-size: 14px; letter-spacing: 0;}.alliances-block .RWDService001 ul li:nth-child(odd) {width: 100px; margin-right: 25px;}.alliances-block a:last-child .col-md-3.col-sm-6 article.boxFeature-2 ul.alilist li:last-child {opacity: 0;}.alliances-block .RWDService001 .boxFeature-2:before {content: ""; background: -webkit-linear-gradient(-45deg,#fff 0%,#fff 49%,rgba(199,39,105,1) 100%); width: 102%; height: 68%; position: absolute; bottom: -3%; opacity: 0; transition: .5s; z-index: -1;}.alliances-block .RWDService001 a:nth-child(2) .boxFeature-2:before {background: -webkit-linear-gradient(-45deg,#fff 0%,#fff 49%,rgba(247,189,23,1) 100%);}.alliances-block .RWDService001 a:nth-child(3) .boxFeature-2:before {background: -webkit-linear-gradient(-45deg,#fff 0%,#fff 49%,rgba(122,165,44,1) 100%);}.alliances-block .RWDService001 a:nth-child(4) .boxFeature-2:before {background: -webkit-linear-gradient(-45deg,#fff 0%,#fff 49%,rgba(12,32,113,1) 100%);}.alliances-block .RWDService001 .col-md-3.col-sm-6:hover article.boxFeature-2:before {opacity: .3;transition: .5s;}/*0701*/ .RWDmenu_plus04 .site-nav {padding-right:310px}.model.RWDsearch003 {right: 30px;} /*footer start*/ .footer-block { background: #3b3b3b; padding: 80px 0px 50px; font-size: 16px; color: #aaa; letter-spacing: 1px; line-height: 1.8;}.footer-block .container {display: flex;align-items: flex-end;}.footer-info {width: 820px;border-right: 1px solid #4e4e4e;margin-right: 100px;}.footer-info h4 {font-size: 21px;color: #ddd;font-weight: 600;margin: 0px 0px 30px;line-height: 1.5;}.footer-info a {color: #aaa;transition:0.5s ease;}.footer-info a:hover {color: #ccc;transition:0.5s ease;}.footer-web {font-size: 12px;color: #777;letter-spacing: 1px;width: calc(100% - 920px);}.footer-web a {color: #777;}.footer-web span {display: none;}.footer-web br.visible-xs {display: block !important;}.scrollTop002 {display: none;bottom: 30px;right: 15px;}.scrollTop002 .ii { font-size: 26px; padding: 12px 0; border-radius: 26px;} /*footer end*/ /*內頁 start*/ /*20220217*/ .page_wrapper_bg .scrollTop002 {display: block;}@media (min-width: 1400px) {.page_wrapper_bg .call_to_action .container {width: 100%;padding-left: 50px;padding-right: 50px;}.page_wrapper_bg .hgroup .container {width: 100%;padding-left: 0px;padding-right: 0px;}.page_wrapper_bg .article-text.rwd .container {width: 100%;padding-left: 0px;padding-right: 0px;}}.page_wrapper_bg .call_to_action {padding: 70px 0px 100px;min-height: 800px;}.page_wrapper_bg .layoutlist_2 {margin-top: 40px;}.productcontent .page_wrapper_bg section.call_to_action>.container { width: 100%; padding: 0 5% 0 2%;}.page_wrapper_bg .webdesc {margin-bottom: 40px;}/*標題&文字*/ .hgroup .container {border-bottom: 1px solid #eee;margin-bottom:80px;}.hgroup h1 {font-size: 32px;letter-spacing: 1px;line-height: 1.5;color: #222;font-weight: 600;text-align: center;margin: 0 0 10px;}.hgroup .breadcrumb { position: relative; float: none !IMPORTANT; font-size: 12px; letter-spacing: 1px; padding: 0px; bottom: 0px; background: transparent; border: 0px; text-align: center;}.page_wrapper_bg .pagecontent , .page_wrapper_bg .pagecontent p {font-size: 16px;color: #555;letter-spacing: 1.5px;line-height: 1.8;}.page_wrapper_bg .pagecontent img {margin: 12px 0px 20px;border: 1px solid #eee;}.page_wrapper_bg .RWDeditor01 .model-title { font-size: 22px; color: #333; font-weight: 600; letter-spacing: 2px; line-height: 1.5;}.page_wrapper_bg .tabs .content {padding: 80px;}.page_wrapper_bg .tabs nav a { font-size: 18px; letter-spacing: 2px; padding: 20px 35px; font-weight: 600; line-height: 1.5; height: 65px;}.page_wrapper_bg .tabs nav li.tab-current a::before {background: #e74384;}.page_wrapper_bg .RWDslider01 .pic img {margin: 0;}.RWDtimeline01 .model-title {margin-bottom: 50px;}.RWDtimeline02 .model-title , .RWDtimeline01 .model-title {font-size: 22px;font-weight: 600;color: #333;line-height: 1.6;}.article-text.rwd iframe {border: 1px solid #eee;}/*FAQ*/ .faq_answer ul {padding-left: 20px;margin: 10px 0;}.faq_a_icon {position: relative;left: -4px;top: 2px;}.rwd .faq_question { padding: 30px 0px; color: #333; font-size: 18px; font-weight: 600;}/*教學*/ .teach-important {font-weight: 600;color: #000;margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px;}.cate_list.row .col-sm-6.col-md-4 { border: 1px solid #eee; border-radius: 5px; width: calc(100% / 3 - 30px);float: left; margin: 0px 15px 30px;padding:0px;transition: 0.5s ease; top: 0;}.cate_list.row .col-sm-6.col-md-4:hover {box-shadow: 2px 17px 11px -10px rgb(0 0 0 / 13%);transition: 0.5s ease;top: -8px;}.page_wrapper_bg .cate_list .subject {font-size: 22px;color: #333;font-weight: 600;margin: 0;}.page_wrapper_bg .cate_list .subject a {color: #333;display: block;padding: 40px 20px;}/*側選單*/#sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {padding-right: 150px;}.m2018 .products-nav .nav-title {font-size: 22px;color: #333;font-weight: 600;padding: 0;background: transparent;margin: 0px 0px 40px;}.m2018 .products-nav>ul>li {padding: 0;position:relative;}.m2018 .products-nav a {font-size: 16px;letter-spacing: 2px;color: #333;transition:0.5s ease;}.m2018 .products-nav a:hover {color: #e74384;transition:0.5s ease;}.m2018 .products-nav>ul>li:last-child , .m2018 .products-nav>ul>li {border-bottom: 1px solid #dcdcdc;}.m2018 .products-nav>ul>li>a::after { content: "\e924"; font-family: iicon!important; position: absolute; display: block; right: 0; top: calc(50% - 3px); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; color: #888; -webkit-transition: all .25s; transition: all .25s;}li.sidemenu2__li.active.has-child a::after {display: none;}.m2018 .products-nav ul li>ul>li.active>a {color: #e74384;}.m2018 .products-nav>ul>li::after { content: ""; width: 0; height: 2px; display: block; position: absolute; background: #e74384; bottom: -1px; transition: 0.5s ease;}.m2018 .products-nav>ul>li:hover:after {width: 100%;transition: 0.5s ease;}.m2018 .products-nav>ul>li.sidemenu2__li.active>a , .m2018 .products-nav>ul>li.sidemenu2__li.active>a::after {color: #e74384;}.m2018 .products-nav ul li.active>ul, .m2018 .products-nav ul li.is-open>ul {padding-bottom: 10px !important;}.m2018 .products-nav li:not(.has-child)>a:hover {color: #e74384;}li.sidemenu2__li.active.is-open.has-child::after {width: 0;}/*常見問題*/ .page_wrapper_bg .layoutlist_2 .item {padding: 0;border: 0;margin-left: 0;margin-right: 0;}.page_wrapper_bg .layoutlist_2 .listdate {display: none;}.page_wrapper_bg .layoutlist_2 .list_subject {width: 100%;padding: 0;}.page_wrapper_bg .layoutlist_2 .list_subject a { font-size: 18px; letter-spacing: 2px; color: #555; display: block; line-height: 1.6; padding: 30px 0; border-bottom: 1px solid #ededed;transition:0.5s ease;}.page_wrapper_bg .layoutlist_2 .list_subject a::after { content: ""; background: url(archive/image/customization/next.png); width: 15px; height: 15px; display: block; position: absolute; right: 20px; bottom: 40px; background-size: contain; filter: contrast(0.1); transition: 0.5s ease;}.page_wrapper_bg .layoutlist_2 .list_subject a:hover {color: #333 ;}.page_wrapper_bg .layoutlist_2 .list_subject a:hover::after {right: 10px;transition: 0.5s ease;}/*回上頁*/ .RWDproduct_page .btn_back a {background: #ce9316;padding: 3px 30px;border-radius: 50px;color: #fff;font-size: 14px;font-weight: 600;transition: 0.5s ease;}.RWDproduct_page .btn_back {background: transparent;float: right;margin-right: 0px;padding: 0;}.RWDproduct_page .btn_back a:hover {background: #3f3f3f;}.page_wrapper_bg .btn_back {background: transparent;float: right;margin-right: 0px;padding: 0;}.page_wrapper_bg .btn_back a { padding: 10px 0; border-radius: 50px; font-size: 16px; font-weight: normal; transition: 0.5s ease; display: block; width: 200px; background: transparent; border: 1px solid #ddd; color: #e74384;}.page_wrapper_bg .btn_back a:hover {background: #e74384;color:#fff;transition: 0.5s ease;}.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; outline: none !important; outline-offset: none !important;}.page_wrapper_bg .page ul {display: flex;align-items: flex-end;justify-content: flex-end;}/*問與答*/ .article5 .pagecontent .article_model[data-seq="0"] {margin-top: 0;}.page_wrapper_bg .question-outter h1 {font-size: 28px;letter-spacing: 1px;line-height: 1.5;color: #222;font-weight: 600;margin: 0;}.page_wrapper_bg .question-outter h4 {font-size: 20px;color: #000; font-weight: 600;margin: 60px 0px 25px;}.question-child {border-bottom: 1px dotted #ddd;padding-bottom: 30px;margin-bottom: 35px;}.question-title {font-weight: 600;}.question-title span {font-family: 'Open Sans', sans-serif;font-weight: 600;color: #e74384;letter-spacing: 1px;margin-right: 10px;}.question-outter a {color: #555;transition:0.5s ease;word-break: break-word;}.question-outter a:hover {color: #e74384;transition:0.5s ease;}.question-child ol {padding-left: 25px;}/*搭配JS事件，內頁點擊圖片的彈窗*/ .full-screen-dialog { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); max-width: 100vw; max-height: 100vh; border: none;} .centered-image { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 2rem;} /*內頁 end*/ /*內頁目錄/20230209 start*/ .catalog_item {width:90%; padding: 40px 60px;background: #f6f6f6; margin-top: 50px;margin-bottom: 50px;}.catalog_item h2 { font-size: 32px; letter-spacing: 1px;line-height: 1.5;color: #222;font-weight: 600; margin: 0 0 20px;}ul.catalog_list li > a:hover:before { right: 0; transition: .35s ease;}ul.catalog_list li > a:before { content: "\f3d3";position: absolute; font-family: "Ionicons"; right: 10px; transition: .35s ease;}ul.catalog_list li { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px dotted #ddd; width: calc(100% / 4 - 50px); margin-right: 50px;}ul.catalog_list li > a { color: #333; display: block; width: 100%; position: relative; letter-spacing: 1px; transition: .35s ease;}ul.catalog_list li > a>span { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #e74384;letter-spacing: 2px; font-size: 18px; display: inline-block; width: 50px;}ul.catalog_list { list-style: none; padding: 0; font-size: 18px; line-height: 1.8; color: #333; font-weight: bold; letter-spacing: 1px; display: flex; flex-wrap: wrap;}/*定位*/ .catalog_con_all { position: relative;}.catalog_con { position: absolute; top: -150px;}/*後台首頁導覽*/ul.catalog_list.catalog_list_title li { width: 100%; margin-right: 0;}ul.catalog_list.catalog_list_title > li>a:before, ul.catalog_list.catalog_list_title li > ul.catalog_list>li>a:before{display: none;}ul.catalog_list.catalog_list_title> li>ul>li { margin: 25px 0 0px;border-bottom: none;}ul.catalog_list.catalog_list_title li.catalog_list_title03>ul.catalog_list { margin-left: 40px;}ul.catalog_list.catalog_list_title li > ul.catalog_list>li>ul { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0;margin: 20px 0 20px 25px; font-size: 16px;font-weight: 400;}ul.catalog_list.catalog_list_title li > ul.catalog_list>li>ul>li { width: calc(100% / 3 - 30px); margin-right: 30px; padding: 0 0 10px; margin: 0 30px 10px 0;}ul.catalog_list.catalog_list_title >li>ul.catalog_list>li>a>span { width: auto; margin-right: 15px;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li { font-weight: bold;border-bottom: none; width: calc(100% / 2 - 30px);}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li>ul { list-style: none; padding-left: 0; margin-top: 15px; font-weight: 400;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-3, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-4, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-5 { width: 100%;margin-right:0;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-4>ul, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-5>ul { display: flex; flex-wrap: wrap;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-4>ul>li, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-5>ul>li { width: calc(100% / 2 - 30px); margin-right: 30px;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li>a:before {display: none;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul { margin-bottom: 0;}ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03 { padding-bottom: 0;}ul.catalog_list.catalog_list_title li.catalog_list_title03 { border-bottom: none;}@media (max-width:2200px) {.catalog_item {width:100%;}ul.catalog_list li { width: calc(100% / 3 - 50px);}}@media (max-width:1800px) {.catalog_item h2 { font-size: 28px;}.catalog_item {padding: 30px 40px;}}@media (max-width:1680px) {ul.catalog_list li { width: calc(100% / 2 - 50px);}}@media (max-width:1500px) {ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-4>ul>li, ul.catalog_list.catalog_list_title> li>ul>li.catalog_list03>ul>li.catalog_list03-5>ul>li { width: 100%;margin-right:0;}}@media (max-width:1200px) {.catalog_item {padding: 25px 30px;}ul.catalog_list li { width: calc(100% / 2 - 30px); margin-right: 30px; font-size: 16px;}ul.catalog_list, ul.catalog_list li > a>span { font-size: 16px;}ul.catalog_list li > a>span { width: 45px;}ul.catalog_list.catalog_list_title li > ul.catalog_list>li>ul>li { width: calc(100% / 2 - 30px);}}@media (max-width:800px) {ul.catalog_list.catalog_list_title li > ul.catalog_list>li>ul>li { width: 100%;}}@media (max-width:768px) {.catalog_item { padding: 25px 25px;}}@media (max-width:767px) {ul.catalog_list li { width: 100%; margin: 0 0 15px;}ul.catalog_list.catalog_list_title> li>ul>li { margin: 15px 0 0px;}}@media (max-width:600px) {ul.catalog_list.catalog_list_title li.catalog_list_title03>ul.catalog_list { margin-left: 0;}}@media (max-width:480px) {.catalog_item { background: transparent; padding: 0;}ul.catalog_list li > a:before{display: none;}}@media (max-width:380px) {ul.catalog_list li > a>span { font-size: 15px; display: block; width: 100%;}ul.catalog_list li { margin: 0 0 10px; padding: 0 0 10px; font-size: 15px;}ul.catalog_list.catalog_list_title >li>ul.catalog_list>li>a>span { display: inline-block;}} /*內頁目錄/20230209 end*/ /*0310新增 start*/ .article3 .box h5 {font-size: 40px;font-weight: 600;text-align: center;color: #222;margin-bottom: 30px;}.article3 .box table th {padding: 10px;}.article3 .box {width: 80%;margin: 0 auto 80px;}.article3 .box table > thead > tr th {text-align: center;}.article3 .box table > thead > tr {background: #ffe49f;color: #111;font-weight: 600;font-size:18px;text-align: center;}.article3 .box table > tbody > tr > th {width: 200px;text-align: center;color: #111;font-size: 18px;background: #ffe49f;}.article3 .box table > tbody td {padding: 20px;font-size: 15px;letter-spacing: 1px;line-height: 1.8;}.article3 .box.box1 table > thead > tr {background:#c2d9f9;}.article3 .box.box1 table > tbody > tr > th {background:#c2d9f9;}.article3 .box.box2 table > thead > tr {background:#d7daff;}.article3 .box.box2 table > tbody > tr > th {background:#d7daff}.article3 .box.box3 table > thead > tr {background:#d7ffeb;}.article3 .box.box3 table > tbody > tr > th {background:#d7ffeb}.article3 .box.box4 table > thead > tr {background:#ffcfbe}.article3 .box.box4 table > tbody > tr > th {background:#ffcfbe}/*金流*/ .article3 .m_box table th {padding: 10px;}.article3 .m_box {width: 80%;margin: 0 auto 80px;}.article3 .m_box table > thead > tr th {text-align: center;}.article3 .m_box table > thead > tr {background: #bde5ff;color: #111;font-weight: 600;font-size: 18px;text-align: center;}.article3 .m_box table > tbody > tr:nth-child(1) {background:#bde5ff;color: #fff;font-weight: 600;font-size: 18px;text-align: center;}.article3 .m_box table > tbody > tr > th {text-align: center;color: #111;font-size: 18px;;}.article3 .m_box table > tbody td {padding: 20px;font-size: 15px;letter-spacing: 1px;line-height: 1.8;}.article3 .m_box table > tbody > tr > th:nth-child(1) {width: 100px !important;}.article3 .m_box table > tbody > tr:nth-child(12) > th {text-align: left;font-size: 16px;padding: 20px;}.article3 .m_box table > tbody > tr:nth-child(1) > th:nth-child(4) {width: 500px;}.article3 .m_box h6 {font-size: 18px;margin: 20px 0px 50px;}.m_box.m_box2 table > tbody > tr:nth-child(1) > th:nth-child(2) {width: 250px;}.m_box.m_box3 table > tbody > tr:nth-child(2) > th:nth-child(3) {text-align: left;font-weight: 400;font-size: 15px;padding: 20px;}.article3 .m_box.m_box2 table > thead > tr {background:#e4c7f5}.article3 .m_box.m_box2 table > tbody > tr:nth-child(1) {background:#e4c7f5}.article3 .m_box.m_box3 table > thead > tr {background:#ffc8a1}.article3 .m_box.m_box3 table > tbody > tr:nth-child(1) {background:#ffc8a1}.article3 .m_box.m_box4 table > tbody > tr:nth-child(2) > th:nth-child(3) { text-align: left; font-size: 16px; font-weight: 400; padding: 20px;}.article3 .m_box.m_box4 table > thead > tr {background:#a0cdb4}.article3 .m_box.m_box4 table > tbody > tr:nth-child(1) {background:#a0cdb4}@media (max-width: 1700px) {.article3 .box {width: 100%;margin: 0 auto 80px;}.article3 .m_box {width:100%;margin: 0 auto 80px;}.article3 .box h5 {font-size: 32px;}}@media (max-width: 1400px) {.article3 .m_box table > tbody > tr:nth-child(1) > th:nth-child(4) {width: 300px;}.article3 .m_box table > thead > tr {background: #bde5ff;color: #111;font-weight: 600;font-size: 15px;text-align: center;}.article3 .m_box table > tbody > tr:nth-child(1) {background:#bde5ff;color: #fff;font-weight: 600;font-size: 15px;text-align: center;}.article3 .box table > thead > tr {background: #ffe49f;color: #111;font-weight: 600;font-size:15px;text-align: center;}.article3 .m_box h6 {font-size: 18px;margin: 20px 0px 50px;}.article3 .box table > tbody > tr > th {width: 200px;text-align: center;color: #111;font-size: 15px;background: #ffe49f;}.article3 .m_box table > tbody > tr > th {text-align: center;color: #111;font-size: 15px;;}}@media (max-width: 850px) {.article3 .m_box table > tbody > tr:nth-child(1) > th:nth-child(4) { width: auto !IMPORTANT;}.box_in table { width: 800px !important;}.box_in { overflow-x: auto;}} /*0310新增 end*/ /*20231228 / 網站上線後 start*/ /* 共通 */ .article1.id2177 .pagecontent .RWDeditor01 { margin: 0 !important;}.learn_item { padding: 4vw 8vw; background: #f5f5f5; font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem); font-weight: bold; letter-spacing: 1px; line-height: 1.5; max-width: 1650px;}.learn_item .con_txt p { font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem); font-weight: bold; letter-spacing: 1px; line-height: 1.5;}.learn_item .con_txt ul li { padding: 0 0 10px;}.learn_item .con_txt ul { padding-left: 20px; font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem); line-height: 1.6;}.learn_item .title_item { text-align: center; position: relative; margin-bottom: 3rem;}.learn_item .title_item h2,.learn_item .qa_list h2 { text-align: center; font-size: clamp(2rem, 1.9286rem + 0.3571vw, 2.5rem); font-weight: bold; color: #000; margin: 0;}.learn_item .con_txt h4, .memo_item h4 { font-weight: bold; font-size: clamp(1.25rem, 1.2143rem + 0.1786vw, 1.5rem); margin: 0 0 15px; color: #000;}.memo_item h4 { padding: 0 0 1rem; margin: 0 0 2rem; border-bottom: 1px solid #dedede;}.learn_item .title_item> span { color: #e44282; font-weight: bold; font-size: clamp(1.25rem, 1.2143rem + 0.1786vw, 1.5rem); display: block; margin: 0 0 5px;}.memo_item { margin: 5rem 3rem 0;}.memo_item ul { padding-left: 20px;}a.more_btn:hover { background: #e44282; color: #fff; transition: .35s ease;}a.more_btn { transition: .35s ease; color: #e44282; padding: 10px 30px; border: 1px solid; border-radius: 50px; margin: 2rem 0 0; display: block;}/* 01區塊 */ .icon_list_item .icon_list .con_pic { background: linear-gradient(142deg, #5981ed, #3153b0); width: 130px; margin: 0 auto 15px; padding: 35px 30px; border-radius: 50%;}.icon_list_item .icon_list img { border: none; margin: 0;}.icon_list_item .icon_list { text-align: center; border: none; border-radius: 100%;}.icon_list_item.con_txt { background: #fff; padding: 3vw; box-shadow: 14px 11px 18px 6px #dedede75; border-radius: 1vw; text-align: center; font-weight: bold; margin-top: 3rem;}.icon_list_item.con_txt .grid_item { display: grid; grid-template-columns: repeat(3, 180px); align-items: center; justify-content: center; grid-gap: 1rem; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 20px; text-align: center; margin: 0 0 2rem; padding: 0 0 2rem; border-bottom: 1px solid #Dedede;}.icon_list_item .icon_list span { font-size: 20px; font-weight: bold; color: #000;}/* 02區塊 */ .learn_item02.learn_item { background: url(archive/image/customization/color_bg.jpg) no-repeat; background-size: cover; background-color: #e44282; background-position: center;}.learn_item02> .con_txt .pic_list img { width: 65%; border: none; margin: 0 auto 20px;}.learn_item02> .con_txt .pic_list>.con_txt { padding: 0 2vw;}.learn_item02> .con_txt .pic_list p { text-align: left;}.learn_item02> .con_txt .pic_list { text-align: center; background: #fff; border-radius: 1vw; padding: 2vw 0; box-shadow: 14px 11px 18px 6px #dedede75;}.learn_item02> .con_txt { grid-template-columns: repeat(3,1fr); display: grid; grid-gap: 4rem;}/* 03區塊 */ .qa_list>span { color: #e44282; font-size: 18px; display: inline-block; margin: 0 0 5px;} .pagecontent .qa_list h3 { font-weight: bold; font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.75rem); color: #000; letter-spacing: 1px; margin: 0 0 15px; line-height: 1.5;}.qa_list.qa_list02 { border-bottom: none; padding: 0; margin: 0 0 5rem;}.qa_list { margin: 0 0 2rem; padding: 0 0 2rem; border-bottom: 1px solid #dedede;}.learn_item03>.con_txt>.con_txt { margin: 0 auto; max-width: 400px;}a.more_btn.leadway_btn:hover { background: #8cb13e; color: #fff;}a.more_btn.leadway_btn { color: #8cb13e; text-align: center;}.learn_item03>.con_txt>.con_txt img { margin: 0; border: none;}.learn_item03.learn_item { margin-bottom: 5rem;} /*20231228 / 網站上線後 end*/ /*通用CSS_2024改版 start*/ /*彈跳視窗----------------------------------------------------------------------------------------*/ .fancybox-skin { padding: 3vw !important;}.fancybox-inner { text-align: center;}.fancybox-inner p { font-size: 22px; letter-spacing: 1px; color: #333; font-weight: 600; margin: 0;}.popup_btn_group { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 30px 0; grid-gap: 0 15px;}.popup_btn_group a { display: block; letter-spacing: 1px; font-size: 22px; transition: 0.5s ease; color: #e74384; text-align: left; border: 1px #e74384 solid; padding: 2px 50px; border-radius: 50px; font-weight: 600; text-align: center;}.popup_btn_group a:after { content: "\f3d6"; font-family: "Ionicons"; display: inline-block; position: relative; transition: 0.3s ease; margin-left: 10px; font-size: 24px;}.popup_btn_group a:hover { background: #e74384; color: #fff;}.fancybox-inner p a { color: #333; border-bottom: 1px solid #888;}.fancybox-inner p a:hover { color: #e74384; border-bottom: 1px solid #e74384;}/*基本設定----------------------------------------------------------------------------------------*/:root { /*動態*/ --TransitionEase: .3s ease; /*color*/ --MainColor: #54c7a5; --SubColor: #333; --WhiteColor: #fff; --BgGrayColor: #f7f7f7; /*文字color*/ --TxtMainColor: #424242; --TxtSubColor: #777; --TxtNaviColor: #54c7a5; /*線條*/ --Borderstyle1: 1px solid #8883; /*按鈕*/ --MainHoverColor: #54c7a5; /*字體*/ --FontFamilyTw: "Noto Sans TC", sans-serif; /*字級*/ /*螢幕2560px-390px 大小48px-28px*/ --FontSizeMain: clamp(1.75rem, 1.5253rem + 0.9217vw, 3rem); /*螢幕2560px-390px 大小24px-20px */ --FontSizeSub: clamp(1.125rem, 1.0576rem + 0.2765vw, 1.5rem); /*螢幕2560px-390px 大小30px-20px */ --FontSizeCardTitle1: clamp(1.25rem, 1.1377rem + 0.4608vw, 1.875rem); /*螢幕2560px-390px 大小20px-18px */ --FontSizeCardTitle2: clamp(1.125rem, 1.1025rem + 0.0922vw, 1.25rem); /*螢幕2560px-390px 大小32px-20px */ --FontSizeCardTitle3: clamp(1.25rem, 1.1152rem + 0.553vw, 2rem); /*螢幕2560px-390px 大小16px-15px */ /*--FontSizeContent: clamp(0.9375rem, 0.9263rem + 0.0461vw, 1rem);*/ --FontSizeContent: clamp(15px, 1vw, 16px); /*間距*/ /*螢幕2560px-390px 大小180px-75px */ --SectionPadding: clamp(4.6875rem, 3.5081rem + 4.8387vw, 11.25rem); /*螢幕2560px-390px 大小90px-40px */ --SubjectPadding: clamp(2.5rem, 1.9384rem + 2.3041vw, 5.625rem); /*螢幕2560px-600px 大小80px-40px 大小60px-25px*/ --CardPadding: clamp(2.5rem, 1.7347rem + 2.0408vw, 5rem) clamp(1.5625rem, 0.8929rem + 1.7857vw, 3.75rem); /*螢幕2560px-390px 大小130px-50px */ --FooterPadding: clamp(3.125rem, 2.2264rem + 3.6866vw, 8.125rem); /*圓角*/ --borderRadius30: 30px; --borderRadius20: 20px; /*位置*/ --TransformCenter: translateX(-50%) translateY(-50%); --TransformXCenter: translateX(-50%); --TransformYCenter: translateY(-50%); /*陰影*/ --BoxShadow: 1px 1px 24px 2px rgb(0 0 0 / 7%);}/*共通----------------------------------------------------------------------------------------*/img { max-width: 100%; height: auto;}a, a:hover, a:active, a:focus, a:visited {transition: .5s ease; text-decoration: none;}.row {margin-right: 0px;margin-left: 0px;}/* 反白顏色設定*/::selection {background: #555;color: #fff;}::-moz-selection {background:#555;color: #fff;}/*容器設定*/#RWDfullscreen02 .container, .footer-block .container {width: 70%; padding: 0;}/*全背景*/ .main {overflow: hidden; color: var(--TxtMainColor);}.main.cd-main-content {position: relative; top: 98px !important;} /*拿掉的物件*/#RWDfullscreen01 .section-line, .RWDright_cont002 .item-first .text-box a, .RWDright_cont002 .item-first .text-box .underline, .RWDleft_cont002 .item-second .text-box .underline,.RWDleft_cont002 .item-second .text-box .subtitle, .RWDqa01 .main_title, .RWDService001 .section-subject, .RWDService002 .section-subject {display: none;}/*文字*/body, html {font-family: var(--FontFamilyTw); font-weight: 400; letter-spacing: 1px; line-height: 1.8; font-size: var(--FontSizeContent);}/*暫時隱藏 之後會直接刪模組*/ .source-block, .add-block, .news-block {display: none;}/*共通_title----------------------------------------------------------------------------------------*/ .section-subject { margin-bottom: var(--SubjectPadding); text-align: center;}.section-subject .main-title { font-size: var(--FontSizeMain); font-weight: 700; letter-spacing: 1.5px; margin: 0; line-height: 1.3; color: var(--TxtMainColor);}.section-subject .sub-title { font-size: var(--FontSizeSub); letter-spacing: 1px; line-height: 1.4; font-weight: 400; margin: 10px 0 0; padding: 0; color: var(--TxtSubColor);}.QA_block .section-subject {text-align: left;}.QA_block .section-subject .sub-title {margin: 0 0 10px;}.plus_block .section-subject .main-title, .plus_block .section-subject .sub-title {color: var(--WhiteColor);}/*共通_間距----------------------------------------------------------------------------------------*/ .index_section {padding: var(--SectionPadding) 0; position: relative;}/*共通_按鈕----------------------------------------------------------------------------------------*/ .RWDqa01 .more_button, .RWDbtn01 .btn { color: var(--TxtMainColor); font-size: 18px; padding: 8px 30px; width: 300px; border: 1px solid #888; margin-top: 90px; position: relative; left: 0; text-decoration: none; transform: none; border-radius: 10px; display: block; text-align: center; font-weight: 400; position: relative;}.RWDqa01 .more_button:hover, .RWDbtn01 .btn:hover { background: var(--MainHoverColor); border-color: var(--MainHoverColor); color: var(--WhiteColor);}.RWDqa01 .more_button:after, .RWDbtn01 .btn:after { content: "\f30f"; font-family: "Ionicons"; position: absolute; right: 25px; font-size: 22px; top: 50%; transform: translateY(-50%); transition: .1s linear; margin-top: 2px;}.RWDqa01 .more_button:hover:after, .RWDbtn01 .btn:hover:after { right: 20px; transition: .1s linear;}.RWDbtn01 {margin-top: 0;}/*header----------------------------------------------------------------------------------------*/ .RWDmenu_plus04 .header { padding: 0 3%; top: auto; background: var(--WhiteColor); box-shadow: none; transition: .5s ease;}.RWDmenu_plus04 .header.is-up { box-shadow: 0 10px 20px rgb(66 67 68 / 5%); transition: .5s ease;}.RWDmenu_plus04 .site-nav .menu>li>ul {padding: 0;}.RWDmenu_plus04 .site-nav .menu>li>a {color: var(--TxtMainColor); padding: 36px 20px; letter-spacing: 1px; position: relative;}.RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: var(--MainHoverColor);}.RWDmenu_plus04 .logo { width: 400px; margin-top: 20px;}.RWDmenu_plus04 .site-nav {padding-right: 0;}.RWDmenu_plus04 .lang-select-label:hover:after, .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: var(--MainHoverColor);}.RWDmenu_plus04 .site-nav .menu ul li>a {padding-right: 10px; letter-spacing: 1px;}.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 {color: var(--WhiteColor); background: var(--MainHoverColor);}.RWDmenu_plus04 .site-nav .menu>li>a:before {content: ''; position: absolute; width: 0; height: 2px; background: var(--MainColor); left: 0; bottom: 20px; transition: .35s ease-out; filter: none; margin: 0;}.RWDmenu_plus04 .site-nav .menu>li>a:hover:before { width: 100%; right: 0; transition: .35s ease-out;}.RWDmenu_plus04 .features { width: fit-content;}/*Banner----------------------------------------------------------------------------------------*/ .banner_block { background: var(--MainColor); position: relative; /*螢幕2560px-1200px 上180px-80px 下60px-30px*/ padding: clamp(5rem, -0.5061rem + 7.3475vw, 11.25rem) 50px clamp(1.875rem, 0.2232rem + 2.2043vw, 3.75rem);}.banner_block .banner_left, .banner_block .banner_right {position: absolute;}.banner-subject { margin-bottom: 45px; text-align: center;}/*螢幕2560px-1200px 大小36px-20px*/ .banner_sub-title { font-size: clamp(1.25rem, 0.369rem + 1.1756vw, 2.25rem); color: var(--WhiteColor); font-weight: 400; line-height: 1.1; margin-bottom: 25px;}/*螢幕2560px-1200px 大小76px-40px*/ .banner_main-title { font-size: clamp(2.5rem, 0.5178rem + 2.6451vw, 4.75rem); color: var(--WhiteColor); font-weight: 700; line-height: 1.3;}.banner_main-title.show-ph {display: none;}.banner_block .banner_left { left: 3.935vw; width: 23.45vw; bottom: -3.75vw;}.banner_block .banner_right {bottom: 20%; right: 7.035vw;}/*search*/ .banner_block .model.RWDsearch003 { position: relative; right: auto; top: auto; z-index: 1; left: 50%; transform: translateX(-50%); /*螢幕2560px-1200px 大小120px-50px*/ margin-bottom: clamp(3.125rem, -0.7292rem + 5.1433vw, 7.5rem);}.banner_block .search3_bar { border: 0; background: #fff; border-radius: 50px;}.banner_block .search3_wrap { width: 38.15vw; margin-left: -20px;}.banner_block .search3_input { padding: 28px 45px; color: #555; font-size: 24px; line-height: 1.8;}.banner_block input.search3_input::placeholder {color: #555 !important; font-size: 24px !important; font-weight: 300 !important; font-family: var(--FontFamilyTw) !important;}.banner_block .search3_submit .ii-search1 { width: 60px; height: 60px; background: #ffc24b; display: inline-block; border-radius: 99em; padding: 17px; transition: .5s ease;}.banner_block .search3_submit:hover .ii-search1 {background: var(--TxtMainColor); transition: .5s ease;}.banner_block .search3_submit .ii-search1:before { font-size: 24px;}.banner_block .search3_submit { width: 60px; height: 60px; right: 45px; top: 20px;}.banner_block .search3_hints { top: calc(100px + 10px); border-radius: var(--borderRadius20); box-shadow: var(--BoxShadow);}.banner_block .search3_hints_item { padding: 20px 45px; font-size: 18px; color: var(--TxtMainColor); font-weight: 300; border-bottom: var(--Borderstyle1);}.banner_block .search3_hints_item:last-child {border: 0;}.banner_block .search3_hints_item:hover { color: var(--WhiteColor); background: #ffc24b; font-weight: 400;}.banner_linktxt { font-size: var(--FontSizeSub); color: var(--WhiteColor); text-align: center; font-weight: 300;}.banner_block::before { width: 0; height: 0; border-style: solid; border-width: 60px 115px 0 115px; border-color: var(--MainColor) transparent transparent transparent; content: ""; position: absolute; left: 50%; bottom: -59px; transform: translateX(-50%); background-position: left bottom;}.img_group { display: flex; grid-gap: 0 35px;}.img_group .cat_img { margin-top: 7.85vw; width: 3.985vw; height: 3.985vw; animation: catball 3.5s infinite ease-in-out alternate;}.img_group .member_img { width: 5.705vw; height: 5.705vw; animation: memberball 4s infinite ease-in-out alternate;}/*innner search*/ .page_wrapper_bg .RWDmenu_plus04 #search-box { opacity: 1 !important; visibility: visible !important; position: absolute; top: auto; margin-right: 50px; z-index: 11111; transition: 0.5s ease; margin-top: 30px;}.page_wrapper_bg .RWDmenu_plus04 #search-box .form-control { font-family: 'Noto Sans TC'; background: transparent; width: 180px; font-size: 16px;}.page_wrapper_bg .RWDmenu_plus04 #search-box .search { right: -47px; color: transparent;}.page_wrapper_bg .RWDmenu_plus04 .site-nav {padding-right: 190px;}.page_wrapper_bg .RWDmenu_plus04 .features i {color: #333;}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn {padding: 30px 15px 25px;}.index .RWDmenu_plus04 .features .search-btn, .index .RWDmenu_plus04 #search-box {display: none;}/*Keyword----------------------------------------------------------------------------------------*/ .keyword_block {padding-top: calc(60px + 40px);}.keyword_block .RWDbtn01 .btn-box {display: flex; flex-wrap: wrap; grid-gap: 0 15px;}.keyword_block .RWDbtn01 .btn-box .col-sm-3 {width: fit-content;}.keyword_block .RWDbtn01 .btn { padding: 15px 30px; width: fit-content; border: 1px solid var(--MainColor); border-radius: 50px; line-height: 1; margin-top: 0;}.keyword_block .RWDbtn01 .btn::after {display: none;}.banner_linktxt.show-pad {display: none;}/*QA----------------------------------------------------------------------------------------*/ .QA_block.index_section {padding-bottom: 0;}.QA_block .container { display: flex; flex-wrap: wrap; flex-direction: row; background: var(--BgGrayColor); border-radius: var(--borderRadius30); padding: var(--SectionPadding) 4.5rem !important;}.QA_block .QA_left { width: 45%; position: relative; bottom: -9.1vw; left: -8.9vw;}.QA_block .QA_right { width: 55%;}/*左_圖*/ .page_left, .page_middle, .page_right, .icon_google, .icon_seo { position: absolute;}.main_cat { width: 30.937vw;}.icon_google { top: 2.5vw; left: 2.9vw; width: 6.445vw; animation: icongoogle 1.5s infinite ease-in-out alternate;}.icon_seo { right: 1vw; top: 2vw; width: 6.367vw; animation: iconseo 2s infinite ease-in-out alternate;}.page_right { top: -7vw; right: -4.5vw; width: 10.703vw; animation: pageright 6s infinite ease-in-out alternate;}.page_middle { top: -16.5vw; left: 27%; width: 12.695vw; animation: pagemiddle 4s infinite ease-in-out alternate;}.page_left { top: -7vw; left: -1vw; width: 13.203vw; animation: pageleft 7s infinite ease-in-out alternate;}/*右_問答*/ .RWDqa01 {padding: 0; color: var(--TxtSubColor);}.RWDqa01 .accordion {margin-top: 0; border-top: 0;}.RWDqa01 .container_box{width: 100%;}.RWDqa01 .accordion .accordion-item {border-bottom: var(--Borderstyle1);}.RWDqa01 .accordion .accordion-content {color: var(--TxtSubColor); font-size: var(--FontSizeContent); line-height: 1.8; letter-spacing: 1px; left: 55px;}.RWDqa01 .accordion .accordion-content li {margin-bottom: 10px;}.RWDqa01 .accordion button[aria-expanded='true'] .accordion-title::before {color: #fff;}.RWDqa01 .accordion button .accordion-title::before { content: 'Q'; color: #fff; position: absolute; width: 35px; height: 35px; font-weight: 400; font-size: 18px; font-family: inherit; background: var(--TxtMainColor); border-radius: 99em; left: 0; transition: all .3s ease;}.RWDqa01 .accordion {border-top: 1px dashed var(--Borderstyle1);}.RWDqa01 .accordion .accordion-content ol, .RWDqa01 .accordion .accordion-content ul {padding-left: 18px;}.RWDqa01 .accordion button .accordion-title { line-height: inherit; font-weight: 500; letter-spacing: 1px; padding-left: 55px; padding-right: 70px; color: var(--TxtMainColor);}.RWDqa01 .accordion button { font-size: var(--FontSizeCardTitle2); padding: 20px 0;}.RWDqa01 .accordion .accordion-content .box {margin: 0 0 30px;}.RWDqa01 .accordion button .icon::before {width: 20px; background: var(--MainColor); top: 9px;}.RWDqa01 .accordion button .icon::after {height: 20px; background: var(--MainColor); left: 9px;}.RWDqa01 .accordion button .icon { top: 28px; width: 20px; height: 20px;}/*教學導覽----------------------------------------------------------------------------------------*/ .teach_block .RWDService001 .boxFeature-2 { display: block; padding: var(--CardPadding); background: #fff; border-radius: 20px; box-shadow: var(--BoxShadow); height: 100%;}.teach_block .RWDService001 div.row:nth-child(2)::before, .teach_block .RWDService001 div.row:nth-child(2)::after { display: none;}.teach_block .RWDService001 div.row:nth-child(2) { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px;}.teach_block .RWDService001 div.row:nth-child(2) .col-md-3 { width: 100%; padding: 0;}.teach_block .RWDService001 i { margin-bottom: 60px;}.teach_block .boxFeature-2 h2 { color: var(--TxtMainColor); font-weight: 700; font-size: var(--FontSizeCardTitle1); text-align: center; margin-bottom: 25px; padding-bottom: 25px; border-bottom: var(--Borderstyle1);}.teach_block .RWDService001 i img { width: 130px;}.teach_block .boxFeature-2 p { margin: 0 !important;}.teach_block .boxFeature-2 ul.teach_links { list-style: none; padding-left: 0; margin: 0;}.teach_block .boxFeature-2 ul.teach_links li { margin-bottom: 10px;}.teach_block .boxFeature-2 ul.teach_links li:last-child { margin-bottom: 0;}.teach_block .boxFeature-2 ul.teach_links li a { color: var(--TxtSubColor);}.teach_block .boxFeature-2 ul.teach_links li a:hover { color: var(--TxtNaviColor); padding-left: 8px;}.teach_block .boxFeature-2 ul.teach_links li a:before { position: relative; content: ''; display: inline-block; background: url(archive/image/customization/03_teach_arrow.png) no-repeat; width: 20px; height: 6px; background-size: contain; background-position: center; margin-right: 10px; top: -3px;}/*加值功能----------------------------------------------------------------------------------------*/ .plus_block::before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--MainColor); top: 0; left: 0; z-index: -3;}.plus_block>.container>.container { width: 100% !important;}.RWDnews003 .row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px 30px;}.RWDnews003 .row::before, .RWDnews003 .row::after {display: none;}.RWDnews003 .col-md-4 { padding: 0; width: 100%; border-radius: var(--borderRadius30); box-shadow: var(--BoxShadow);}.RWDnews003 .box-icon.box-icon-side>i { position: relative; top: auto; width: auto; order: 3; margin: auto 0 0;}.RWDnews003 .fa img { max-width: none; width: 100%;}.RWDnews003 .box-icon.box-icon-side { padding-left: 0; margin: 0; background: #fff;}.RWDnews003 .box-icon { display: flex; flex-direction: column; height: 100%;}.box-icon .box-icon-title {order: 1; padding: var(--CardPadding); padding-bottom: 0;}.RWDnews003 ul.plus_list { order: 2; padding: var(--CardPadding); padding-top: 0; padding-bottom: 0; list-style: none; margin: 0 0 30px; display: grid; grid-auto-flow: row; grid-template-columns: auto auto; gap: 0 2rem; width: fit-content;}.RWDnews003 .col-md-4:last-child ul.plus_list { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}.RWDnews003 .box-icon.box-icon-color { color: var(--TxtSubColor); border-radius: var(--borderRadius30); overflow: hidden;}.RWDnews003 .box-icon a.box-icon-more { position: absolute; top: 0; right: 0;}.RWDnews003 .box-icon p {margin: 0; display: none;}.RWDnews003 .box-icon a.box-icon-title >h2 { font-size: var(--FontSizeCardTitle3); color: var(--TxtMainColor); padding: 0 0 25px; margin: 0 0 25px; border-bottom: var(--Borderstyle1); line-height: 1.3;}.RWDnews003 .box-icon a.box-icon-title:hover>h2 { color: var(--TxtMainColor);}.deco-circle_left { content: ''; position: absolute; width: 48.437vw; height: 48.437vw; left: -22.906vw; bottom: -30.953vw; background: var(--WhiteColor); opacity: 0.17; border-radius: 99em; z-index: -1; animation: circlemove 2s infinite ease-in-out alternate;}.deco-circle_right { content: ''; position: absolute; width: 47.265vw; height: 47.265vw; right: -22.906vw; top: -23.953vw; background: var(--WhiteColor); opacity: 0.17; border-radius: 99em; z-index: -1; animation: circlemove 2s infinite ease-in-out alternate;}.RWDnews003 .box-icon a.box-icon-more { display: none;}.RWDnews003 .box-icon a.box-icon-title >h2:after { transition: .3s ease; content: "\f30f"; font-family: "Ionicons"; position: absolute; background: transparent; width: 40px; height: 40px; border: 1px solid var(--MainColor); color: var(--MainColor); top: 30px; right: 30px; border-radius: 99em; font-weight: 100; font-size: 24px; padding: 4px 12px;}.RWDnews003 .row .col-md-4:hover .box-icon a.box-icon-title >h2:after { transition: .3s ease; background: var(--MainColor); color: var(--WhiteColor);}/*過場文字----------------------------------------------------------------------------------------*/ .mirocle_loop ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: center; align-items: center;}.mirocle_loop ul { width: 100%; animation: 100s txtloop linear infinite;}.mirocle_loop ul img { height: 145px; max-width: none;}/*廣告方案----------------------------------------------------------------------------------------*/ .main-ad_block { /*螢幕2560px-390px 大小230px-90px*/ padding-top: clamp(5.625rem, 4.0524rem + 6.4516vw, 14.375rem); display: grid; grid-template-columns: 1fr 1fr; color: var(--WhiteColor);}/*標題*//*螢幕2560px-390px 大小60px-28px*/ .main-ad-subject { grid-column: 1 / 3; text-align: center; font-size: clamp(1.75rem, 1.3906rem + 1.4747vw, 3.75rem); font-weight: 700; letter-spacing: 2px; line-height: 1.6; margin-bottom: 45px; color: var(--TxtMainColor); text-align: center;}.main-ad_hand { grid-column: 1 / 3;}.main-title_bottom { display: flex; flex-direction: row; justify-content: center; align-items: center;}.main-title_bottom img { /*螢幕2560px-600px 大小264px-120px*/ width: clamp(7.5rem, 4.7449rem + 7.3469vw, 16.5rem); margin: 0 15px;}.main-ad_content {position: relative;}.main-ad_handwrite, .main-ad_img {position: absolute;}.inner_subject { text-align: center; width: fit-content; position: relative; padding: 40px 40px 0;}.inner_sub-title { /*螢幕2560px-600px 大小28px-17px*/ /*font-size: clamp(1.0625rem, 0.852rem + 0.5612vw, 1.75rem); /*螢幕2560px-600px 大小25px-17px*/ font-size: clamp(1.0625rem, 0.9094rem + 0.4082vw, 1.5625rem); line-height: 1.4; font-weight: 400; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #fff;}h3.inner_main-title { /*螢幕2560px-1200px 大小64px-36px*/ font-size: clamp(2.25rem, 0.7059rem + 2.0588vw, 4rem); line-height: 1.1; font-weight: 900; color: var(--WhiteColor); text-transform: none; margin: 0; padding: 0;}h3.inner_main-title span {display: block; margin-top: 15px;}ul.main-ad_intro { list-style: none; padding: 80px 0 13.06vw; margin: 0; font-size: clamp(0.9375rem, 0.7653rem + 0.4592vw, 1.5rem);}.main-ad_left ul.main-ad_intro li::before { content: ''; position: relative; display: inline-block; width: 8px; height: 8px; background: var(--WhiteColor); border-radius: 99em; margin-right: 15px; top: -3px;}.main-ad_left ul.main-ad_intro li.intro_main {font-weight: 600;}.main-ad_left ul.main-ad_intro li.intro_main::before {display: none;}/*.inner_subject:before { content: ''; position: absolute; background: url(archive/image/customization/title_frame-top.png) no-repeat; background-size: contain; width: 18.359vw; height: 100%; left: 0; top: 0; z-index: 1;}.inner_subject:after { content: ''; position: absolute; background: url(archive/image/customization/title_frame-bottom.png) no-repeat; background-size: contain; width: 18.359vw; height: 100px; left: 0; bottom: -100px; z-index: 1;}*/ .main-ad_cta .RWDedictor { display: flex; flex-direction: row; align-items: center;}.main-ad_ctatxt { /*螢幕2560px-1200px 大小44px-26px*/ font-size: clamp(1.625rem, 0.6324rem + 1.3235vw, 2.75rem); font-weight: 400; line-height: 1.3;}.main-ad_ctatxt b { display: block; font-weight: 700;}.main-ad_link a { display: inline-block; /*螢幕2560px-1200px 大小36px-22px*/ font-size: clamp(1.375rem, 0.1618rem + 1.6176vw, 2.75rem); line-height: 1; padding: 23px 50px; background: #fff; border-radius: 100px; font-weight: 500; width: 350px; position: relative;}/*.main-ad_link a i { position: relative; top: 2px; font-weight: 300;}*/ .main-ad_left .main-ad_link a { text-align: left;}.main-ad_link a:hover { background: var(--TxtMainColor);}.main-ad_left .main-ad_link a:after { position: absolute; content: '\f30f'; font-family: "Ionicons"; font-size: 34px; right: 50px; top: calc(50% + 1px); transform: translateY(-50%); font-weight: 300; transition: .1s linear;}.main-ad_left .main-ad_link a:hover {color: var(--WhiteColor);}.main-ad_left .main-ad_link a:hover:after {right: 40px; transition: .1s linear;}.main-ad_right .main-ad_link a { text-align: right;}.main-ad_right .main-ad_link a:hover {color: var(--WhiteColor);}.main-ad_right .main-ad_link a:after { position: absolute; content: '\f2ca'; font-family: "Ionicons"; font-size: 34px; left: 50px; top: calc(50% + 1px); transform: translateY(-50%); font-weight: 300; transition: .1s linear;}.main-ad_right .main-ad_link a:hover:after {left: 40px; transition: .1s linear;}/*手*/ .hand_all { text-align: center; position: relative; width: fit-content; left: 50%; transform: translateX(-50%); width: 33.203vw; height: 18.359vw; margin-bottom: -14.753vw; z-index: 1;}.hand_broken, .hand_fist { position: absolute; left: 0; top: 0; opacity: 0;}/*玻璃*/ .glass_all { position: absolute; left: 50%; transform: translateX(-50%); width: 33.203vw; height: 18.359vw; z-index: 2;}.glass_left-1, .glass_left-2, .glass_left-3, .glass_left-4, .glass_right-1, .glass_right-2, .glass_right-3 {position: absolute; opacity: 0;}/*玻璃-左*/ .glass_left-1 { top: 2vw;}.glass_left-1 img { width: 5.585vw;}.glass_left-2 { top: 5vw; left: 4vw;}.glass_left-2 img { width: 4.921vw;}.glass_left-3 { top: 10%; left: 30%;}.glass_left-3 img { width: 3.945vw;}.glass_left-4 { bottom: 44%; left: 40%;}.glass_left-4 img { width: 2.265vw;}/*玻璃-右*/ .glass_right-1 { right: 4.2vw; top: 1.5vw;}.glass_right-1 img { width: 4.5703vw;}.glass_right-2 { right: 1.1vw; top: 27%;}.glass_right-2 img { width: 5.585vw;}.glass_right-3 { right: 34%; bottom: 48%;}.glass_right-3 img { width: 1.769vw;}/*文案左*/ .main-ad_left .main-ad_content { background: #ff9b4b; width: calc(100% - 2.929vw); margin-left: auto; padding: 65px 45px 0 65px;}.main-ad_left .main-ad_handwrite { width: 11.054vw; left: 2.343vw; bottom: 3.906vw;}.main-ad_left .main-ad_img { width: 38.062vw; right: -7.031vw; bottom: 2.895vw; z-index: 1;}.main-ad_left .main-ad_cta { background: #f88529; padding: 60px 70px 60px calc(2.929vw + 40px);}.main-ad_left .main-ad_link { margin-left: auto;}.main-ad_left .main-ad_link a { color: #fa934a;}.main-ad_left .main-ad_content:before { content: ''; position: absolute; width: 2.929vw; height: 1.562vw; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background: #e06a0b; left: -2.929vw; bottom: 0;}/*文案右*/ .main-ad_right .main-ad_content { background: #34c5a8; width: calc(100% - 2.929vw); margin-right: auto; padding: 65px 65px 0 45px;}.main-ad_right .inner_subject { margin-left: auto;}.main-ad_right ul.main-ad_intro { width: fit-content; margin-left: auto; text-align: right;}.main-ad_right ul.main-ad_intro li::after { content: ''; position: relative; display: inline-block; width: 8px; height: 9px; background: var(--WhiteColor); border-radius: 99em; margin-left: 15px; top: -3px;}.main-ad_right .main-ad_handwrite { width: 11.054vw; right: 1.343vw; bottom: 5.078vw;}.main-ad_right .main-ad_img { width: 33.375vw; bottom: 0.05vw; left: -3.3203vw; z-index: 2;}.main-ad_right .main-ad_cta { background: #21b194; padding: 60px calc(2.929vw + 40px) 60px 70px ;}.main-ad_right .main-ad_cta .RWDedictor { flex-direction: row-reverse;}.main-ad_right .main-ad_ctatxt { text-align: right;}.main-ad_right .main-ad_link { margin-right: auto;}.main-ad_right .main-ad_link a { color: #36c5ac;}.main-ad_right .main-ad_content:before { content: ''; position: absolute; width: 2.929vw; height: 1.562vw; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #129578; right: -2.929vw; bottom: 0;}/*沃德事業群(調整原本的)----------------------------------------------------------------------------------------*/ .alliances-block .RWDService001 .boxFeature-2 {border: var(--Borderstyle1); border-radius: 0;}.alliances-block .RWDService001:before {display: none;}.alliances-block .RWDService001 h2 { font-size: 20px; font-weight: 500; line-height: 1.5; padding-right: 0; text-align: center;}.alliances-block .RWDService001 i img { width: 185px;}.alliances-block .RWDService001 i { margin: 30px 0 0; padding: 0 0 50px;}.alliances-block .RWDService001 .col-md-3 { padding: 0 10px;}.alliances-block .RWDService001 i { min-height: 105.5px;}.alliances-block .RWDService001 h2 { margin: 60px 0 50px;}.alliances-block .RWDService001 ul { margin: 0 0 75px;}.alliances-block .RWDService001 ul { display: grid; grid-auto-flow: row; grid-template-columns: auto auto; gap: 0 40px; width: fit-content; padding: 0 0 0 32px; justify-content: center; order: 3;}.alliances-block .RWDService001 ul li:nth-child(odd) { width: auto; margin-right: 0;}.alliances-block .RWDService001 ul li { width: 100%; min-width: 100px; margin: auto; font-size: 16px;}.world-subject { text-align: center; /*螢幕2560px-390px 大小60px-30px*/ margin-bottom: clamp(1.875rem, 1.538rem + 1.3825vw, 3.75rem);}.world_main-title { font-size: var(--FontSizeMain); font-weight: 700; color: #212121; /*螢幕2560px-390px 大小80px-40px*/ margin-bottom: clamp(2.5rem, 2.0507rem + 1.8433vw, 5rem);; }.world-subject img { /*螢幕2560px-390px 大小245px-175px*/ width: clamp(10.9375rem, 10.1512rem + 3.2258vw, 15.3125rem);}/*LIN神助攻*/ .inner_subject .deco-02,.inner_subject .deco-01 { clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%); z-index: 0; background: #ffffff;}.inner_subject .deco-02:after,.inner_subject .deco-01:after { content:''; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%); z-index: 0; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; left: 50%; top: calc(50% + 0px); transform: translateX(-50%) translateY(-50%);}.inner_subject-deco { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}.inner_subject-box { position: relative; z-index: 2;}.inner_subject .deco-02 { width: 107%; height: 108%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: relative; z-index: 0;}.inner_subject { padding: 40px 40px 80px;}.inner_subject .deco-01 { position: absolute; width: 100%; height: 100%; z-index: 1;}.main-ad_left .inner_subject .deco-01:after, .main-ad_left .inner_subject .deco-02:after { background: #ff9b4b;}.main-ad_right .inner_subject .deco-01:after, .main-ad_right .inner_subject .deco-02:after { background: #34c5a8;} /*通用CSS_2024改版 end*/ /*footer_2024改版 start*/ .footer-block {background: #222; padding: var(--FooterPadding) 0 0;}.footer-block .container { display: grid; grid-template-columns: 325px auto; grid-gap: 0 10vw; align-items: flex-start;}.footer-block .container::before, .footer-block .container::after {display: none;}.ft_left { width: auto; border-right: 0; margin-right: 0;}/*左_公司名*/ .company_name h2 {margin: 0 0 20px;}.company_name h2 img {width: 245px; filter: brightness(0) invert(1);}.company_name h3 { margin: 0; font-size: 22px; color: var(--WhiteColor); font-weight: 600; line-height: 1.5; letter-spacing: 1px; padding: 0;}/*左_公司資訊*/ .ft_left, .ft_left .RWDedictor, .ft_company { height: 100%;}.ft_company { display: flex; flex-direction: column;}ul.company_info {list-style: none; padding: 0; margin: auto 0 0; width: fit-content;}ul.company_info li.info_title {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #aeaeae63;}ul.company_info li, ul.company_info li a {color: #9c9c9c;}ul.company_info li a:hover {color: var(--WhiteColor);}ul.company_info li b {font-weight: 400; margin-right: 12px;}.ft_phone.show-pad {display: none;}/*右_電話連絡*/ .ft_phone { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #aeaeae63;;}.ft_phone a { /*螢幕2560px-390px 大小48px-30px */ font-size: clamp(1.875rem, 1.6728rem + 0.8295vw, 3rem); color: var(--WhiteColor); font-weight: 700; display: flex; align-items: center; line-height: 1; width: fit-content;}.ft_phone a i { width: 60px; height: 60px; font-size: 36px; color: #222; background: var(--WhiteColor); border-radius: 99em; margin-right: 20px; padding: 12px;}.ft_phone p { font-size: 18px; color: #9c9c9c; font-weight: 400; margin: 20px 0 0;}.ft_phone a:hover {color: var(--MainHoverColor); transition: .5s ease;}.ft_phone a:hover i {background: var(--MainHoverColor); color: var(--WhiteColor); transition: .5s ease; animation: 1s phonerotate linear infinite;}/*頁尾選單*/ .ft_menu_list { display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 0 30px;}.ft_menu_list .menu_item ul { list-style: none; padding: 0; margin: 0; font-size: var(--FontSizeContent);}.ft_menu_list .menu_title { font-size: 18px; color: #fff; margin: 0 0 35px;}.ft_menu_list .menu_item ul li {margin-bottom: 15px;}.ft_menu_list .menu_item ul li:last-child {margin-bottom: 0;}.ft_menu_list .menu_item ul li a { color: #9c9c9c;}.ft_menu_list .menu_item ul li a:hover { color: #fff}/*右側跟隨*/ .footer-block .fixed_right.down { pointer-events: auto; opacity: 1; transition: all .5s ease; z-index: 222;}.footer-block .fixed_right { writing-mode: inherit;}.footer-block .fixed_right { position: fixed; right: 18px; bottom: 42%; writing-mode: vertical-lr; opacity: 0; transition: all .5s ease;}.review_btn a { font-size: 18px; letter-spacing: inherit; color: var(--MainColor); background: var(--WhiteColor); padding: 0 11px 12px 11px; border: 1px solid var(--MainColor); border-radius: 10px; overflow: hidden; font-weight: 500; position: relative; top: 0; transition: all .5s ease;}.review_btn a:hover { top: -15px; transition: all .5s ease;}.review_btn a i { writing-mode: horizontal-tb; color: var(--WhiteColor); width: 50px; height: 40px; background: var(--MainColor); border-radius: 10px 10px 0 0; padding: 8px 12px; margin-bottom: 12px;}.scrollTop002 { bottom: calc(42% - 80px); right: 24px;}.copyrightgroup { position: relative; font-size: 12px; color: #6f6e6e; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: var(--FooterPadding); padding: 15px 50px; justify-content: center; background: #101010;}.copyrightgroup .alink { position: relative; color: #6f6e6e; border-bottom: 1px solid #454545; margin-right: 3px; padding-bottom: 2px; margin-left: 10px; -webkit-transition: all .3s ease; transition: all .3s ease;}.copyrightgroup .alink:hover { color: #b6b6b6; border-color: gray;}/*.footer_map_001 ul.navigation { display: flex; flex-wrap: wrap;}.footer_map_001 .webfont_title a { width: auto; font-family: var(--FontFamilyTw); letter-spacing: 1px; font-size: 16px; color: #9c9c9c; line-height: 1.5; padding: 10px 0; text-align: left;}.footer_map_001 .webfont_title a:hover { color: #fff;}.footer_map_001 .webfont_title>a { color: #fff; margin-bottom: 15px; font-size: 18px;}.footer_map_001 .sub_split { display: none;}*/ /*footer_2024改版 end*/ /*動態們_2024改版 start*/ @keyframes txtloop { 0% { transform: translateX(0px); -webkit-transform: translateX(0px); } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); }}@keyframes phonerotate { 0% { transform: rotate(-1deg); -webkit-transform: rotate(-1deg); } 20% { transform: rotate(1deg); -webkit-transform: rotate(1deg); } 40% { transform: rotate(-1deg); -webkit-transform: rotate(-1deg); } 60% { transform: rotate(1deg); -webkit-transform: rotate(1deg); } 80% { transform: rotate(-1deg); -webkit-transform: rotate(-1deg); } 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }}@keyframes memberball { 0% { transform: translate(-10px, 0) rotate(-45deg); } 50% { transform: translate(0, 50px) rotate(0deg); } 100% { transform: translate(10px, 0) rotate(45deg); }}@keyframes catball { 0% { transform: translate(-10px, 0) rotate(-35deg); } 50% { transform: translate(0, -50px) rotate(0deg); } 100% { transform: translate(10px, 0) rotate(35deg); }}@keyframes pagemiddle { 0% { transform: translate(-10px, 0) rotate(-45deg); } 50% { transform: translate(0, 50px) rotate(0deg); } 100% { transform: translate(10px, 0) rotate(45deg); }}@keyframes pageleft { 0% { transform: translate(-10px, 0) rotate(-45deg); } 50% { transform: translate(0, 50px) rotate(0deg); } 100% { transform: translate(10px, 0) rotate(45deg); }}@keyframes pageright { 0% { transform: translate(-10px, 0) rotate(45deg); } 50% { transform: translate(0, -50px) rotate(0deg); } 100% { transform: translate(10px, 0) rotate(-45deg); }}@keyframes icongoogle { 0% { transform: translate(0, 0px); } 100% { transform: translate(0, -20px); }}@keyframes iconseo { 0% { transform: translate(0, 0px); } 100% { transform: translate(0, 30px); }}@keyframes circlemove { 0% { transform: translate(0, 0px); } 100% { transform: translate(0, -40px); }}.teach_block .animated .RWDService001 .col-md-3:nth-child(1) { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.3s; opacity: 0;}.teach_block .animated .RWDService001 .col-md-3:nth-child(2) { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.6s; opacity: 0;}.teach_block .animated .RWDService001 .col-md-3:nth-child(3) { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.9s; opacity: 0;}.teach_block .animated .RWDService001 .col-md-3:nth-child(4) { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 1.2s; opacity: 0;}.animated .RWDnews003 .col-md-4 { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: .3s; opacity: 0;}.animated .RWDnews003 .col-md-4:nth-child(2) { animation-delay: .6s;}.animated .RWDnews003 .col-md-4:nth-child(3) { animation-delay: .9s;}.animated .RWDnews003 .col-md-4:nth-child(4) { animation-delay: 1.2s;}.animated .RWDnews003 .col-md-4:nth-child(5) { animation-delay: 1.5s;}.animated .RWDnews003 .col-md-4:nth-child(6) { animation-delay: 1.8s;}.alliances-block .animated .RWDService001 a:nth-child(1) .col-md-3 { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.3s; opacity: 0;}.alliances-block .animated .RWDService001 a:nth-child(2) .col-md-3 { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.6s; opacity: 0;}.alliances-block .animated .RWDService001 a:nth-child(3) .col-md-3 { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 0.9s; opacity: 0;}.alliances-block .animated .RWDService001 a:nth-child(4) .col-md-3 { animation: 1000ms ease normal forwards 1 fadeInLeft; animation-delay: 1.2s; opacity: 0;}/*.main-ad_block .main-ad_left.animated .inner_subject { animation: 1000ms ease forwards fadeInRight; animation-delay: 0.8s;}.main-ad_block .main-ad_left.animated ul.main-ad_intro { animation: 1000ms ease forwards fadeInRight; animation-delay: 1.3s;}.main-ad_block .main-ad_left.animated .main-ad_handwrite { animation: 1000ms ease forwards fadeInRight; animation-delay: 1.8s;}*//*手*/@keyframes fist { 0% { transform: scale(0.5); opacity: 0; } 75% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 1; }}@keyframes broken { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; }}.main-ad_block.animated .hand_fist { animation: 0.2s ease forwards fist; animation-delay: 1.5s;}.main-ad_block.animated .hand_broken { animation: 0.1s ease forwards broken; animation-delay: 1.5s;}/*玻璃*/@keyframes glassLeft1 { 0% { transform: translate(150px, -50px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassLeft2 { 0% { transform: translate(150px, -100px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassLeft3 { 0% { transform: translate(30px, -30px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassLeft4 { 0% { transform: translate(50px, -150px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassRight1 { 0% { transform: translate(-150px, -30px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassRight2 { 0% { transform: translate(-150px, -120px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}@keyframes glassRight3 { 0% { transform: translate(-80px, -160px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; }}.main-ad_block.animated .glass_left-1 { animation: 0.3s ease forwards glassLeft1;}.main-ad_block.animated .glass_left-2 { animation: 0.3s ease forwards glassLeft2;}.main-ad_block.animated .glass_left-3 { animation: 0.2s ease forwards glassLeft3;}.main-ad_block.animated .glass_left-4 { animation: 0.3s ease forwards glassLeft4;}.main-ad_block.animated .glass_right-1 { animation: 0.3s ease forwards glassRight1;}.main-ad_block.animated .glass_right-2 { animation: 0.3s ease forwards glassRight2;}.main-ad_block.animated .glass_right-3 { animation: 0.3s ease forwards glassRight3;}.main-ad_block.animated .glass_left-1, .main-ad_block.animated .glass_left-2, .main-ad_block.animated .glass_left-3, .main-ad_block.animated .glass_left-4, .main-ad_block.animated .glass_right-1, .main-ad_block.animated .glass_right-2, .main-ad_block.animated .glass_right-3{ animation-delay: 1.55s;}.main-ad_left .main-ad_img, .main-ad_right .main-ad_img, .main-ad_ctatxt, .main-ad_link {opacity: 0;}.main-ad_block.animated .main-ad_left .main-ad_img { animation: .8s ease forwards fadeInLeft; animation-delay: 2s;}.main-ad_block.animated .main-ad_right .main-ad_img { animation: .8s ease forwards fadeInRight; animation-delay: 2s;}.main-ad_left .inner_subject, .main-ad_left ul.main-ad_intro, .main-ad_left .main-ad_handwrite,.main-ad_right .inner_subject, .main-ad_right ul.main-ad_intro, .main-ad_right .main-ad_handwrite{opacity: 0;}.main-ad_block.animated .main-ad_left .inner_subject, .main-ad_block.animated .main-ad_left ul.main-ad_intro { animation: .8s ease forwards fadeInRight; animation-delay: 2s;}.main-ad_block.animated .main-ad_right .inner_subject, .main-ad_block.animated .main-ad_right ul.main-ad_intro { animation: .8s ease forwards fadeInLeft; animation-delay: 2s;}.main-ad_block.animated .main-ad_left .main-ad_handwrite, .main-ad_block.animated .main-ad_right .main-ad_handwrite { animation: .5s ease forwards fadeInUp; animation-delay: 2.6s;}.main-ad_block.animated .main-ad_left .main-ad_ctatxt, .main-ad_block.animated .main-ad_right .main-ad_link { animation: .8s ease forwards fadeInRight; animation-delay: 2.6s;}.main-ad_block.animated .main-ad_right .main-ad_ctatxt, .main-ad_block.animated .main-ad_left .main-ad_link { animation: .8s ease forwards fadeInLeft; animation-delay: 2.6s;} /*動態們_2024改版 end*/ /*小螢幕 start*/ @media (max-width: 2450px) {/*2024改版----------------------------------------------------------------------------------------*//*footer*/ .footer-block .container {grid-gap: 0 8vw;}}@media (max-width: 2400px) {/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 80%;}/*QA*/ .page_right {right: -0.5vw;}.icon_seo {right: 3vw;}/*footer*/ .footer-block .container {grid-gap: 0 7vw;}}@media (max-width: 2300px) {/*2024改版----------------------------------------------------------------------------------------*//*廣告*/ .inner_subject { padding: 35px 35px 70px;}.main-ad_link a {padding: 23px 40px; width: 330px;}.main-ad_left .main-ad_link a:after {right: 40px;}.main-ad_right .main-ad_link a:after {left: 40px;}}.main-ad_left .main-ad_link a:hover:after {right: 30px;}.main-ad_right .main-ad_link a:hover:after {left: 30px;}@media (max-width: 2100px) {/*2024改版----------------------------------------------------------------------------------------*//*QA*/ .page_left {top: -9vw;}.page_middle {top: -17.5vw;}}@media (max-width: 2000px) {/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 85%;}/*banner*/ .banner_sub-title {margin-bottom: 15px;}.banner_block .search3_wrap {width: 39.15vw;}.banner_block .search3_input {padding: 25px 35px;}.banner_block .search3_submit .ii-search1 {width: 55px; height: 55px;}.banner_block .search3_submit .ii-search1:before {font-size: 20px;}.banner_block .search3_submit {width: 55px; height: 55px; right: 35px; top: 18px;}.banner_block input.search3_input::placeholder {font-size: 22px !important;}.banner-subject {margin-bottom: 35px;}.banner_block .banner_left {left: 2.935vw;}.banner_block .banner_right {right: 6.535vw;}.img_group .member_img {width: 6.305vw; height: 6.305vw;}.img_group .cat_img {width: 4.185vw; height: 4.185vw;}.banner_block::before {border-width: 50px 100px 0 100px; bottom: -49px;}.banner_block .search3_hints {top: calc(93px + 10px);}/*keyword*/ .keyword_block {padding-top: calc(50px + 40px);}.RWDqa01 .more_button, .RWDbtn01 .btn {font-size: 17px;}.QA_block .QA_left {bottom: -12.1vw; left: -4.9vw;}.main_cat {width: 31.937vw;}/*過場文字*/ .mirocle_loop ul img {height: 130px;}/*廣告*/ .main-ad_left .main-ad_img {right: -8.031vw;}.main-ad_right .main-ad_img {left: -4.3203vw;}ul.main-ad_intro {font-size: 20px;}.main-ad_left .main-ad_content {padding: 60px 45px 0 60px;}.main-ad_right .main-ad_content {padding: 60px 60px 0 45px;}.main-ad_link a {padding: 23px 40px; width: 300px;}}@media (max-width: 1900px) {/*2024改版----------------------------------------------------------------------------------------*//*廣告*/ .main-ad_link a {width: 260px;}.main-ad_right .main-ad_img {bottom: 1.05vw;}.main-ad_left .main-ad_img {bottom: 3.895vw;}/*footer*/ .ft_menu_list .menu_title {font-size: 17px;}}@media (max-width: 1800px) { .learn_item { padding: 4vw 6vw; } .learn_item02>.con_txt { grid-gap: 2rem; }/*2024改版----------------------------------------------------------------------------------------*//*廣告*/ul.main-ad_intro { font-size: 18px;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 60px 60px;}}@media (max-width: 1780px) { /**/ .RWDmenu_plus04 .site-nav .menu>li>a { padding: 35px 8px; }/*2024改版----------------------------------------------------------------------------------------*//*header*/ .RWDmenu_plus04 .site-nav .menu>li>a {padding: 35px 20px;}/*banner*/ .banner_block .banner_left {left: 2.335vw; width: 24.45vw; bottom: -3.95vw;}.img_group .cat_img {width: 4.585vw; height: 4.585vw;}.img_group .member_img {width: 6.705vw; height: 6.705vw;}.banner_block .search3_input {padding: 20px 35px;}.banner_block .search3_submit {top: 14px;}.banner_block input.search3_input::placeholder {font-size: 20px !important;}.banner_block .search3_hints {top: calc(83px + 10px);}.banner_block .search3_hints_item {font-size: 16px;}.banner_block .search3_hints_item {font-size: 16px; padding: 15px 40px;}/*footer*/ .footer-block .container {grid-gap: 0 5vw;}.ft_menu_list {grid-gap: 0 20px;}.ft_phone {padding-bottom: 70px; margin-bottom: 70px;}.ft_phone a i {width: 55px; height: 55px; font-size: 32px; padding: 12px 11px;}}@media (max-width: 1700px) {/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 87%;}/*QA*/ .RWDqa01 .accordion button .accordion-title::before {width: 32px; height: 32px; font-size: 17px;}.RWDqa01 .accordion button .accordion-title {padding-left: 50px;}.RWDqa01 .accordion .accordion-content {left: 50px;}/*footer*/ .footer-block .container {grid-gap: 0 4vw;}.company_name h2 img {width: 220px;}.company_name h3 {font-size: 20px;}/*廣告*/ .inner_sub-title {padding-bottom: 20px; margin-bottom: 20px;}h3.inner_main-title {line-height: 1;}.main-ad_left ul.main-ad_intro li::before {margin-right: 12px;}.main-ad_right ul.main-ad_intro li::after {margin-left: 12px;}.main-ad_right .main-ad_img {left: -5.3203vw;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 60px 50px;}.inner_sub-title {font-size: 19px;}/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .logo {width: 350px;}.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a {padding: 35px 15px;}}@media (max-width: 1620px) { /*0701*/ .RWDmenu_plus04 #mobile-menu, .RWDmenu_plus04 .ml-stack-nav-toggle, .RWDmenu_plus04 .toggle-menu, .RWDmenu_plus04 .toggle-mmenu-cover { display: block; margin: 20px 0 } .RWDmenu_plus04 .features { display: none } .model.RWDsearch003 { right: 100px; top: 60px } .ml-stack-nav-toggle { color: #fff } .ml-stack-nav-toggle__line { background: #fff; } .ml-stack-nav-toggle i { display: none } .ml-stack-nav-toggle { margin-top: 14px } .search3_hot { display: none; } .RWDmenu_plus04 .logo { float: none; }/*2024改版----------------------------------------------------------------------------------------*/ .main.cd-main-content {top: 90px !important;}/*header*/ .RWDmenu_plus04 .logo {width: 350px;}.ml-stack-nav-toggle {color: var(--TxtMainColor)}.ml-stack-nav-toggle__line {background: var(--TxtMainColor);} .RWDmenu_plus04 .site-nav .menu{display:none;}.RWDmenu_plus04 #mobile-menu {margin: 0;}.RWDmenu_plus04 #mobile-menu .menu>li>a {font-size: 16px;}.RWDmenu_plus04 .menu li a {color: var(--TxtMainColor)}.RWDmenu_plus04 #mobile-menu .menu>li>ul{background: var(--BgGrayColor);}.RWDmenu_plus04 #mobile-menu .menu>li.active>a{background-color:transparent;}.RWDmenu_plus04 #mobile-menu .menu>li.active{background:var(--MainColor);}.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after {color: #ffffffbd;}/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .features {display: block; float: right;}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn {display: block; padding: 33px 15px;}.page_wrapper_bg .RWDmenu_plus04 #search-box {margin-right: 110px;}.page_wrapper_bg .RWDmenu_plus04 #search-box { position: absolute; width: auto; right: 0; top: 100%; margin: 0 90px 0 18px; opacity: 0 !important; visibility: hidden !important;}.page_wrapper_bg .RWDmenu_plus04 .site-nav {padding-right: 0;}.page_wrapper_bg .RWDmenu_plus04 #search-box.is-open {opacity: 1 !important; visibility: visible !important;}.page_wrapper_bg .RWDmenu_plus04 #search-box {margin: 0;}.page_wrapper_bg .RWDmenu_plus04 #search-box .form-control {background: #fff; width: 250px;}.page_wrapper_bg .RWDmenu_plus04 #search-box .search {color: #555; right: 0;}}@media (max-width: 1600px) { .learn_item { padding: 6vw 4vw; } .icon_list_item.con_txt .grid_item { grid-template-columns: repeat(3, 1fr); width: 80%; margin: 0 auto 2rem; } .icon_list_item .icon_list .con_pic { width: 100px; padding: 20px 15px; } .icon_list_item.con_txt { padding: 6vw 3vw; } .learn_item02>.con_txt .pic_list>.con_txt { padding: 0 1.5vw; } a.more_btn { padding: 10px 20px; }/*2024改版----------------------------------------------------------------------------------------*//*banner*/ .banner_block .search3_wrap { width: 41.15vw;}.banner_block .search3_input { padding: 15px 30px;}.banner_block .search3_submit .ii-search1 { width: 50px; height: 50px;}.banner_block .search3_submit {width: 50px; height: 50px; top: 11px; right: 30px;}.banner_block .search3_submit .ii-search1 {width: 50px; height: 50px; padding: 14px;}.banner_block .banner_left {left: 1.335vw;}.banner_block .banner_right {right: 5.535vw;}.img_group .member_img {width: 7.105vw; height: 7.105vw;}.img_group .cat_img {width: 4.985vw; height: 4.985vw;}.keyword_block .RWDbtn01 .btn {padding: 15px 25px;}.banner_block .search3_hints {top: calc(73px + 10px);}/*共通_按鈕*/ .RWDqa01 .more_button, .RWDbtn01 .btn {font-size: 16px; margin-top: 80px; padding: 10px 30px;}/*QA*/ .QA_block .container {padding: var(--SectionPadding) 3.5rem !important;}.RWDqa01 .accordion .accordion-content {width: calc(100% - 130px);}.main_cat {width: 34.937vw;}.QA_block .QA_left {bottom: -16.1vw;}.icon_google {width: 6.845vw;}.icon_seo {width: 6.767vw;}/*teach*/ .teach_block .RWDService001 i img {width: 100px;}.teach_block .RWDService001 i {margin-bottom: 50px;}.teach_block .RWDService001 .boxFeature-2 {padding-left: 35px; padding-right: 35px;}/*plus*/ .box-icon .box-icon-title, .RWDnews003 ul.plus_list {padding-left: 35px; padding-right: 35px;}/*過場文字*/ .mirocle_loop ul img {height: 115px;}/*廣告*/ .inner_subject {padding: 30px 30px 55px;}ul.main-ad_intro {padding: 70px 0 13.06vw;}.main-ad_left .main-ad_content {padding: 60px 45px 0 50px;}.main-ad_right .main-ad_content {padding: 60px 50px 0 45px;}.main-ad_link a {padding: 20px 35px; width: 240px;}.main-ad_left .main-ad_link a:after {right: 35px;}.main-ad_right .main-ad_link a:after {left: 35px;}.main-ad_left .main-ad_link a:hover:after {right: 25px;}.main-ad_right .main-ad_link a:hover:after {left: 25px;}.main-ad_left .main-ad_img {right: -7.631vw;}.main-ad_right .main-ad_img {left: -6.3203vw;}ul.main-ad_intro {font-size: 17px;}.main-ad_left ul.main-ad_intro li::before {margin-right: 10px; width: 7px; height: 7px; top: -2px;}.main-ad_right ul.main-ad_intro li::after {margin-left: 10px; width: 7px; height: 7px; top: -2px;}ul.main-ad_intro {padding: 60px 0 13.06vw;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 50px 50px;}/*沃德*/ .alliances-block .RWDService001 h2 {margin: 50px 0 50px;}.alliances-block .RWDService001 ul {gap: 0 30px; padding: 0 0 0 25px;}/*footer*/ .footer-block {font-size: 15px;}.footer-block .container {grid-template-columns: auto;}.company_name {display: flex; grid-gap: 0 20px;}.ft_company {flex-direction: row; justify-content: space-between;}ul.company_info li.info_title {padding-bottom: 15px; margin-bottom: 15px;}.ft_phone {padding-bottom: 55px; margin-bottom: 55px;}.ft_menu_list .menu_title {margin: 0 0 25px;}.ft_right {margin-top: 4rem;}.ft_phone p {margin: 10px 0 0;}.company_name h2 {margin: 0;}}@media (max-width: 1550px) { /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 540px);}*/ /*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before { width: 107%; }}@media (max-width: 1500px) { .RWDnav001 { right: 10px; } .RWDbanner_plus01 .slick-caption.txt-left { top: 100px; } .QA-block { margin-top: -40px; } .page_wrapper_bg .cate_list .subject { font-size: 20px; letter-spacing: 1px; } /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 480px);}*/ /*220418新增頁尾沃德事業群-潤*/ .alliances-block .rwd_subject { width: 330px; }/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 90%;}/*banner*/ .banner_linktxt {font-size: 18px;}.banner_block .banner_left {left: 0.735vw; width: 26.45vw; bottom: -4.25vw;}.banner_sub-title {margin-bottom: 10px;}.banner-subject {margin-bottom: 30px;}.banner_block::before {border-width: 37px 90px 0 90px; bottom: -36px;}/*keyword*/ .keyword_block {padding-top: calc(37px + 40px);}/*廣告*/ .main-ad_link a {width: 220px;}.main-ad_left .main-ad_link a:after, .main-ad_right .main-ad_link a:after {font-size: 30px;}/*footer*/ .review_btn a {font-size: 17px;}.review_btn a i {width: 48px;}/*彈跳視窗*/ .fancybox-inner p {font-size: 20px;}.popup_btn_group a {font-size: 20px;}/*內頁search*/ .page_wrapper_bg .RWDmenu_plus04 #search-box .form-control {font-size: 15px;}}@media (max-width: 1400px) { .QA-block { margin-top: 0px; } .portfolio-bottom-summary h4 span { font-size: 15px } .section-block .RWDService002 .funny-boxes>.funny-boxes-text>p span { letter-spacing: 1px; font-size: 14px; } .section-block .RWDService002 .funny-boxes { padding: 20px; } .section-block .RWDService002 .funny-boxes::before { font-size: 40px; left: 45px; top: 42px; } .teach-block .funny-boxes { padding: 60px 30px 30px; } .teach-block .funny-boxes>.funny-boxes-text>h4 { font-size: 21px; letter-spacing: 1px; } .portfolio-bottom-summary>a { padding: 0px 10px 10px; } .RWDService002 .funny-boxes>.funny-boxes-text>p { font-size: 15px; letter-spacing: 1px; } .step-btn a { font-size: 14px; padding: 2px 20px; } .footer-info { width: 760px; margin-right: 40px; } .footer-web { width: calc(100% - 800px); } /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 450px);}*/ /*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001 i { min-height: 76.5px; margin: 10px 0 20px; padding: 0 0 30px; } .alliances-block .RWDService001 i img { width: 160px; } .alliances-block .RWDService001 .col-md-3.col-sm-6 { padding-left: 10px; padding-right: 10px; } .alliances-block .RWDService001 ul { padding-left: 30px; } .alliances-block .RWDService001 ul li:nth-child(odd) { margin-right: 20px; } /*-------------內頁-----------*/ #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 80px; } .page_wrapper_bg .tabs nav a { padding: 20px 25px; } .page_wrapper_bg .tabs .content { padding: 40px 50px; } .page_wrapper_bg .cate_list.row .col-sm-6.col-md-4 { width: calc(100% / 2 - 30px); } .page_wrapper_bg .cate_list .subject a { padding: 20px; text-align: left; } .news-block .RWDService001 .col-md-3.col-sm-6 { width: calc(100% / 3 - 20px); margin: 0px 10px }/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 87%;}.teach_block .container, .plus_block .container, .alliances-block .container {width: 70% !important;}/*banner*/ .img_group .cat_img {width: 5.185vw; height: 5.185vw;}/*keyword*/ .keyword_block .RWDbtn01 .btn {padding: 12px 25px;}/*QA*/ .main_cat {width: 36.937vw;}.icon_google {width: 7.845vw;}.icon_seo {width: 8.267vw;}.page_left {top: -10vw; width: 14.203vw;}.page_middle {top: -19.5vw; left: 30%; width: 13.195vw;}.page_right {right: -1.5vw; top: -8vw; width: 12.203vw;}/*teach*/ .teach_block .RWDService001 div.row:nth-child(2) {grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}.teach_block .RWDService001 .boxFeature-2 {padding: clamp(2.5rem, 1.5625rem + 2.5vw, 3.75rem) clamp(1.875rem, 0.9375rem + 2.5vw, 3.125rem); display: flex; flex-direction: column; align-items: center;}.teach_block .RWDService001 i {order: 1; margin-bottom: 40px;}.teach_block .boxFeature-2 h2 {width: 100%; order: 2;}.teach_block .boxFeature-2 ul.teach_links {width: fit-content; order: 3;}/*plus*/ .RWDnews003 .row { grid-template-columns: repeat(2, 1fr);}.box-icon .box-icon-title {padding: clamp(2.5rem, 1.5625rem + 2.5vw, 3.75rem) clamp(1.875rem, 0.9375rem + 2.5vw, 3.125rem); padding-bottom: 0;}.RWDnews003 ul.plus_list {padding: clamp(2.5rem, 1.5625rem + 2.5vw, 3.75rem) clamp(1.875rem, 0.9375rem + 2.5vw, 3.125rem); padding-bottom: 0; padding-top: 0;}.RWDnews003 .box-icon a.box-icon-title >h2 {padding: 0 0 20px; margin: 0 0 20px;}/*廣告*/ .main-ad_link a {padding: 20px 30px; width: 200px;}.main-ad_left .main-ad_link a:after {right: 30px;}.main-ad_right .main-ad_link a:after {left: 30px;}.main-ad_left .main-ad_link a:hover:after {right: 20px;}.main-ad_right .main-ad_link a:hover:after {left: 20px;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 50px 40px;}.inner_subject { padding: 25px 25px 50px;}ul.main-ad_intro { font-size: 16.5px; padding: 45px 0 12.06vw;}.main-ad_left .main-ad_img {width: 36.562vw;}.main-ad_right .main-ad_img {width: 31.875vw;}.main-ad_left .main-ad_handwrite { width: 12.054vw; bottom: 2.906vw;}.main-ad_right .main-ad_handwrite { width: 12.054vw; right: 0.943vw; bottom: 4.078vw;}.inner_sub-title {font-size: 18px;}/*沃德*/ .alliances-block .RWDService001 i { min-height: 88.5px; margin: 25px 0 0; padding: 0 0 40px;}.alliances-block .RWDService001 div.row:nth-child(2)::before, .alliances-block .RWDService001 div.row:nth-child(2)::after { display: none;}.alliances-block .RWDService001 div.row:nth-child(2) { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}.alliances-block .RWDService001 div.row:nth-child(2) .col-md-3 { width: 100%; padding: 0;}}@media (max-width: 1350px) { /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 430px);}*/}@media (max-width: 1300px) { /*220406修改-潤*/ .search3_wrap { width: 300px; } /*220418新增頁尾沃德事業群-潤*//*2024改版----------------------------------------------------------------------------------------*//*共通_按鈕*/ .RWDqa01 .more_button, .RWDbtn01 .btn {margin-top: 70px; width: 280px;}/*廣告*/ .main-ad_left .main-ad_img { right: -7.631vw; width: 35.562vw; }.main-ad_right .main-ad_img { left: -4.5203vw; bottom: 1.15vw; width: 30.875vw; }.main-ad_left .main-ad_content {padding: 50px 40px 0 45px;}.main-ad_right .main-ad_content {padding: 50px 45px 0 40px;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 45px 30px;}/*彈跳視窗*/ .fancybox-skin {padding: 50px !important;}.fancybox-inner { width: auto !important; height: auto !important;}}@media (max-width: 1250px) { #RWDfullscreen02 .container { width: 100%; padding-left: 50px; padding-right: 50px; } .RWDnav001 { top: 140px; } .QA-block .container { width: calc(100% - 80px) !important; margin: 0 auto; } .section-block .RWDService002 .col-sm-4.col-md-4 { padding: 0px 15px; } .section-block { padding: 120px 0px 0px; } .teach-block { padding: 120px 0px; } .add-block { padding: 140px 0px 40px; } .news-block { padding: 120px 0 80px; } .RWDService002 .section-subject, .news-block .RWDService001 .section-subject, .RWDproduct002_v2 .section-subject { margin-bottom: 60px; } .RWDproduct002_v2 .portfolio-item>.inner-content>img { width: 120px; } .news-block .boxFeature-2 h2::after { width: 130px; } .teach-block .funny-boxes>.funny-boxes-text>h4 { font-size: 20px; } .info-outter { display: block; } .info-left { margin-right: 0; } .footer-info { width: 600px; margin-right: 60px; } .footer-info h4 { font-size: 22px; margin-bottom: 20px; } .footer-web { width: calc(100% - 660px); } .news-block .boxFeature-2 p { font-size: 15px; } .RWDmenu_plus04 .site-nav .menu>li>a::before { display: none; } .page_wrapper_bg .footer-block .container { padding-left: 50px; padding-right: 50px; } /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 350px);}*/ /*220418新增頁尾沃德事業群-潤*/ .alliances-block .rwd_subject { margin: 0 auto 60px; } .alliances-block .RWDService001:before { width: 105%; }/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 87%; padding: 0;}}@media (max-width: 1180px) { /*220418新增頁尾沃德事業群-潤*/ /*.alliances-block .container { max-width: 770px; }*/ .alliances-block .RWDService001:before { width: 125%; height: 100%; margin-top: 4%; } .alliances-block .RWDService001 .col-md-3.col-sm-6 { width: 350px; padding: 0 10px; margin: 0 0 40px; } .alliances-block .RWDService001 ul { padding-left: 50px; } .alliances-block .RWDService001 ul li:nth-child(odd) { margin-right: 30px; }/*2024改版----------------------------------------------------------------------------------------*/ .alliances-block .RWDService001 .col-md-3.col-sm-6 { margin: 0;}}@media (max-width: 1150px) { /*220406修改-潤*/ /* .model.RWDsearch003 {right: calc(3% + 105px + 320px);}*/ .search3_wrap { width: 250px; }}@media (max-width: 1100px) { /*220406修改-潤*/ /*.model.RWDsearch003 {right: calc(3% + 105px + 270px);}*/} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .scrollTop002 {display: block;}/*menu*/ .RWDmenu_plus04 .site-nav .menu>li>a::before {width: 20px;height: 20px;}.RWDmenu_plus04 .site-nav .menu>li>a {padding: 25px 15px;}.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn {padding: 30px 15px 25px;}.RWDmenu_plus04 .site-nav {margin-left: 30px;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > h4::before {display:none;}.section-block .RWDService002 .funny-boxes::before {left: 42px;top: 25px;font-size: 28px;color: #333;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p span {padding-left: 0px;}.section-block .RWDService002 .funny-boxes {padding: 30px 20px;}.teach-block .funny-boxes > .funny-boxes-text > h4 {letter-spacing: 0px;}.news-block .boxFeature-2 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}.news-block .boxFeature-2 h2 {padding: 45px 30px 0;font-size: 20px;}.news-block .boxFeature-2 p {padding: 0px 30px;}.footer-web {letter-spacing: 0px;}.footer-info h4 {font-size: 20px;}/*-----------------內頁----------------*/ .page_wrapper_bg .call_to_action .container {width: 100%;padding-left: 50px;padding-right: 50px;}.page_wrapper_bg .hgroup .container {width: 100%;padding-left: 0px;padding-right: 0px;}.page_wrapper_bg .article-text.rwd .container {width: 100%;padding-left: 0px;padding-right: 0px;}#sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {background: transparent;padding: 0;border: 0px;width: 25%;margin-right: 0;padding-right: 60px;}.page_wrapper_bg .pagecontent .article_model[data-seq="0"] {margin-top: 0;}.page_wrapper_bg .layoutlist_2 {margin-top: 0;}/**/ .ml-stack-nav-toggle i {display: none;}.portfolio-bottom-summary p {width: 250px;margin: 20px auto 0px !important}.portfolio-bottom-summary h4 span {-webkit-line-clamp: 3}.news-block .RWDService001 .col-md-3.col-sm-6 {width: calc(100% / 3 - 20px);margin: 0px 10px;}.news-block .boxFeature-2 p {font-size: 14px;}.news-block .RWDService001 .step-btn {margin: 10px 30px 0px}/*0701*/ .RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 20px;}/*220406修改-潤*/ .RWDmenu_plus04 .site-nav .menu>li>a {padding: 35px 15px;}.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn {padding: 40px 15px 35px;}.RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 12px;}/* 網站上線後 */ .icon_list_item.con_txt .grid_item { width: 90%;}.learn_item02> .con_txt .pic_list img { width: 100%;}.learn_item02> .con_txt .pic_list { display: grid; grid-template-columns: 270px auto; text-align: left; align-items: center; padding: 3vw 4vw; grid-gap: 2rem;}.learn_item02>.con_txt { grid-template-columns: auto;}.memo_item { margin: 3rem 0rem 0;}.learn_item02>.con_txt .pic_list>.con_txt { padding: 0;}/*2024改版----------------------------------------------------------------------------------------*//*main*/ .teach_block .container, .plus_block .container, .alliances-block .container {width: 80% !important;}.teach_block .container, .alliances-block .container {max-width: 770px;}/*header*/ .RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 20px;}/*banner*/ .banner_block::before {border-width: 30px 80px 0 80px; bottom: -29px;}.banner_linktxt {font-size: 16.5px;}.banner_block .search3_wrap {width: 43.15vw;}.banner_block .search3_input { padding: 10px 25px;}.banner_block .search3_submit .ii-search1 { width: 45px; height: 45px;}.banner_block .search3_submit {width: 45px; height: 45px; top: 10px; right: 20px;}.banner_block .search3_submit .ii-search1 {width: 45px; height: 45px; padding: 13px;}.banner_block .search3_submit .ii-search1:before {font-size: 18px;}.banner_block input.search3_input::placeholder {font-size: 20px !important;}.banner_block .banner_left {left: 0.235vw;}.banner_block .search3_hints {top: calc(63px + 10px);}.banner_block .search3_hints_item {padding: 15px 39px;}/*keyword*/ .keyword_block {padding-top: calc(30px + 40px);}/*QA*/ .QA_block .QA_left {width: 40%; bottom: -18.1vw; left: -9.9vw;}.QA_block .QA_right {width: 60%;}.icon_seo { right: -3vw;}.page_right { right: -6.5vw;}.page_middle { top: -20.5vw; left: 41%;}.page_left { top: -11vw;}/*過場*/ .mirocle_loop ul img { height: 105px;}/*沃德*/ .alliances-block .RWDService001 ul li {font-size: 15px;}/*footer*/ .ft_right {margin-top: 5rem;}.company_name h2 img {width: 200px;}.company_name h3 {margin-top: -6px; font-size: 19px;}.ft_phone {padding-bottom: 50px; margin-bottom: 50px;}.ft_menu_list .menu_title {margin: 0 0 20px;}.ft_menu_list .menu_item ul li {margin-bottom: 10px;}/*共通_按鈕*/ .RWDqa01 .more_button, .RWDbtn01 .btn {font-size: 15px;}.RWDqa01 .more_button:after, .RWDbtn01 .btn:after {font-size: 20px; margin-top: 0;}/*廣告*/ .main-ad_block {grid-template-columns: auto;}.main-ad-subject, .main-ad_hand {grid-column: auto;}.main-ad_left .inner_sub-title span {display: block;}.main-ad_hand {display: none;}.main-ad_left .main-ad_content, .main-ad_right .main-ad_content { padding: 0; width: 80%; left: 10%; margin-left: 0;}.main-ad_right .main-ad_content {margin-top: 2rem;}.main-ad_left .main-ad_content .RWDedictor, .main-ad_right .main-ad_content .RWDedictor { padding: 5rem 5rem 3.5rem;}.inner_subject { padding: 30px 30px 50px;}ul.main-ad_intro { padding: 45px 0 0 30px;}.main-ad_left .main-ad_handwrite { left: auto; right: 29.343vw; bottom: auto; top: 6.906vw; width: 14.054vw;}.main-ad_left .main-ad_img { right: -8.501vw; bottom: -1.1vw; width: 55.562vw;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { width: 80%; position: relative; left: 10%; padding: 35px 5rem;}.main-ad_left .main-ad_content:before, .main-ad_right .main-ad_content:before {display: none;}.main-ad_ctatxt b {display: inline-block;}.main-ad_left .main-ad_ctatxt b {margin-left: 10px;}.main-ad_right .main-ad_ctatxt b {margin-left: 10px;}.main-ad_link a {width: 220px;}.main-ad_right .main-ad_img { left: -3.5203vw; bottom: 1.15vw; width: 45.875vw;}.main-ad_right .main-ad_handwrite { width: 14.054vw; right: auto; left: 29.943vw; bottom: auto; top: 5.078vw;}.main-ad_right .main-ad_img { left: -3.5203vw; bottom: 1.15vw; width: 45.875vw;}.main-ad_right ul.main-ad_intro { padding: 45px 30px 0 0;}.main-ad_right .main-ad_cta .RWDedictor { flex-direction: row;}.main-ad_right .main-ad_link { margin-right: 0; margin-left: auto;}.main-ad_right .main-ad_link a { text-align: left;}.main-ad_right .main-ad_link a:after { left: auto; right: 30px; content: '\f30f';}.main-ad_right .main-ad_link a:hover:after { left: auto; right: 30px;}.main-ad_left .main-ad_link a:hover:after {right: 30px;}.inner_sub-title {font-size: clamp(1.0625rem, 0.9094rem + 0.4082vw, 1.5625rem);}/*彈跳視窗*/ .popup_btn_group {margin: 20px 0;}.banner_block .search3_submit { padding: 0;}picture.main-ad_img { display: block;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) {/*2024改版----------------------------------------------------------------------------------------*//*廣告*/ .main-ad_left .main-ad_content .RWDedictor, .main-ad_right .main-ad_content .RWDedictor { padding: 5rem 4rem 3.5rem;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {padding: 35px 4rem;}.main-ad_link a {width: 200px;}.main-ad_left .main-ad_handwrite {right: 25.343vw; top: 10.906vw;}.main-ad_right .main-ad_handwrite {width: 15.054vw; left: 24.943vw; top: 8.078vw;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { /*menu*/ .ml-stack-nav-toggle {color: #ddd;letter-spacing: 1px;font-weight: 600;}.RWDmenu_plus04 .ml-stack-nav-toggle:hover {color: #ddd;}.ml-stack-nav-toggle__line {background: #ddd;}.RWDmenu_plus04 #mobile-menu .menu>li>a {font-size: 16px;letter-spacing: 2px;color: #555;}.RWDmenu_plus04 .logo {margin-top: 18px;}.ml-stack-nav-toggle {position: relative;}.RWDmenu_plus04 .menu-icon {letter-spacing: 1px;}.RWDmenu_plus04 .features:after {content: "";position: absolute;right: -20px;top: 30%;height: 40%;width: 1px;background-color: #555;}.member-btn {position: relative;right: -20px;}.RWDbanner_plus01 .slick-caption.txt-left {top: 120px;}.QA-block .boxFeature-2 h2 {font-size: 16px;letter-spacing: 1px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {width: calc(50% - 1px);}.RWDproduct002_v2 .portfolio-item > .inner-content > img {padding-top: 0;}.news-block .boxFeature-2 p {-webkit-line-clamp: 2;font-size:14px;}/*-----------------內頁----------------*/ .cate_list.row .col-sm-6.col-md-4:hover {box-shadow: none;transition: 0.5s ease;top: 0px;}.news-block .RWDService001 .col-md-3.col-sm-6 {width: calc(100% / 3 - 20px);margin: 0px 10px;}.news-block .boxFeature-2 p {font-size: 14px;}.news-block .RWDService001 .step-btn {margin: 10px 30px 0px}/*220406修改-潤*/ .search3_wrap {width: 300px;}.RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 20px;}.RWDmenu_plus04 .logo {margin-top: 30px;}/*2024改版----------------------------------------------------------------------------------------*//*header*/ .ml-stack-nav-toggle__line {background: var(--TxtMainColor);}/*banner*/ .banner_block .search3_wrap {width: 47.15vw;}/*QA*/ .QA_block .QA_left {bottom: -28.1vw;}/*footer*/ .ft_menu_list { grid-gap: 40px 20px; grid-template-columns: repeat(6, 1fr);}/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .features:after {display: none;}.page_wrapper_bg .RWDmenu_plus04 .features {padding-right: 0; margin-right: 0;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .section-block {padding: 100px 0px 0px;}.teach-block {padding: 100px 0px;}.add-block {padding: 120px 0px 20px;}.news-block {padding: 100px 0 60px;}.QA-block {margin-top: -120px;}.QA-block .container {padding: 70px 80px !important;}.QA-left, .QA-right {width: 100%;margin: 0 !important;}.RWDService002 h2.sub-title, .news-block .RWDService001 h2.sub-title, .RWDproduct002_v2 h2.sub-title {display: block;margin: 16px 0px 0px 0px;}h1.main-title span {font-size: 20px;padding: 0px 10px 0px 20px;margin-right: 25px;top: -4px;}h1.main-title span::after {width: calc(100% + 15px);height: calc(100% + 15px);top: -8px;}.section-block .RWDService002 .funny-boxes {padding: 40px 30px;}.section-block .RWDService002 .funny-boxes::before {left: 32px;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p {-webkit-line-clamp: 2;}.section-block .RWDService002 .funny-boxes:hover {box-shadow: none;transition: initial;top: 0;}.section-block .RWDService002 .col-sm-4.col-md-4 {width: 50%;margin-bottom: 30px;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p span { -webkit-line-clamp: 1;min-height: 30px;margin: 8px 0px 12px;}.teach-block .section-subject.row {margin-bottom: 80px;}.teach-block .RWDService002 .col-sm-4.col-md-4 {width: 50%;}.teach-block .RWDService002 .row:nth-child(2) .col-sm-4.col-md-4:nth-child(1) {width: 100%;margin-bottom:60px;}.teach-block .funny-boxes > .funny-boxes-icon { top: -30px; height: 65px; line-height: 50px; width: 65px; padding: 16px; margin-left: -35px;}.teach-block .RWDService002 .funny-boxes > .funny-boxes-text > p {-webkit-line-clamp: 2;}.RWDproduct002_v2 .popup-portfolio .portfolio-item:hover {background: transparent;transition: initial;}/*footer*/ .footer-block .container {display: block;}.footer-info {width: 100%;margin-right: 0;border-right: 0;}.footer-web {width: 100%;margin-top: 30px;}.footer-web br.visible-xs {display: none !important;}.footer-web span {display: inline-block;margin-right: -3px;}.footer-info h4 {margin-bottom: 15px;}/*------------------內頁------------------*/#sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {width: 100%; padding-right: 0; margin-bottom: 40px;}.page_wrapper_bg .pagecontent {width: 100%;}.rwd .faq_question {padding: 20px 0px;}.page_wrapper_bg .cate_list .subject a {padding: 25px 20px;}.hgroup .container {margin-bottom: 50px;}.page_wrapper_bg .question-outter h4 { font-size: 20px; color: #000; font-weight: 600; margin: 30px 0px 20px;}.page_wrapper_bg .page ul { justify-content: center;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before {width: 115%; height: 100%;}/* 網站上線 */ .learn_item .title_item { margin-bottom: 2rem;}/*2024改版----------------------------------------------------------------------------------------*//*main*/#RWDfullscreen02 .container, .footer-block .container {width: 100%; padding: 0 50px;}.teach_block .container, .plus_block .container, .alliances-block .container { width: 100% !important;}.plus_block>.container>.container {padding: 0 !important;}/*header*/ .RWDmenu_plus04 .logo {width: 300px;}/*banner*/ .banner_block { display: flex; flex-direction: column-reverse; padding: var(--SectionPadding) 50px 0;}.banner_block .banner_left { position: relative; left: 7.735vw; width: 40.45vw; bottom: -6.45vw;}.banner_block .banner_right { right: 17.535vw; bottom: 15%;}.img_group .cat_img { width: 8.185vw; height: 8.185vw;}.img_group .member_img { width: 11.105vw; height: 11.105vw;}.banner_block::before { opacity: 0; display: none;}.banner_block .search3_wrap { width: 59.15vw;}.banner_block .model.RWDsearch003 { margin-bottom: 0;}.banner_linktxt.show-pc {display: none;}/*keyword*/ .banner_linktxt.show-pad {display: block; color: var(--TxtMainColor); margin-bottom: 20px; font-size: 17px;}.keyword_block { padding: calc(30px + 40px) 50px 0;}.keyword_block .RWDbtn01 .btn-box { grid-gap: 15px 10px; justify-content: center; display: grid; grid-template-columns: repeat(3, 1fr);}.keyword_block .RWDbtn01 .btn-box::before, .keyword_block .RWDbtn01 .btn-box::after {display: none;}.keyword_block .RWDbtn01 .btn-box .col-sm-3 { width: 100%;}.keyword_block .RWDbtn01 .btn { display: block; width: 100%;}/*teach*/ .teach_block .RWDService001 div.row:nth-child(2) {grid-gap: 20px;}/*plus*/ .RWDnews003 .col-md-4:last-child ul.plus_list {-webkit-line-clamp: 5;}/*QA*/ .QA_block .container {border-radius: 0;}.QA_block .section-subject {text-align: center;}.QA_block .container {flex-direction: column-reverse;}.QA_block .QA_left, .QA_block .QA_right {width: 100%;}.RWDqa01 .accordion button .icon { top: 27px; width: 18px; height: 18px;}.RWDqa01 .accordion button .icon::before { width: 18px; top: 7px;}.RWDqa01 .accordion button .icon::after { height: 18px; left: 8px;}.RWDqa01 .more_button { left: 50%; transform: translateX(-50%);}.QA_block .QA_left { bottom: -21.1vw; left: 50%; transform: translateX(-50%); margin-top: 2.5rem;}.RWDqa01 .accordion button .accordion-title { min-height: 32px;}.main_cat { width: 47.937vw; position: relative; left: 50%; transform: translateX(-50%);}.page_left { top: -11vw; width: 20.203vw; /*left: 8vw;*/ left: 16%;}.page_middle { top: -23.5vw; left: 39%; width: 17.195vw;}.page_right { top: -8vw; width: 17.503vw; right: 17%;}.icon_google { width: 10.845vw; top: 8.5vw; left: 24%;}.icon_seo { right: 23%; width: 11.267vw; top: 5vw;}/*teach*/ .teach_block .RWDService001 i img { width: 90px;}/*plus*/ .RWDnews003 .box-icon a.box-icon-title >h2:after { width: 35px; height: 35px; top: 15px; right: 15px; font-size: 20px; padding: 4px 10px;}.RWDnews003 .row {grid-gap: 20px;}.RWDnews003 ul.plus_list { grid-template-columns: 1fr;}.RWDnews003 .box-icon a.box-icon-title >h2 { padding-top: 10px;}/*廣告*/ .main-ad_left .main-ad_content, .main-ad_right .main-ad_content, .main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta {width: calc(100% - 100px); left: 50px;}ul.main-ad_intro { padding: 45px 0 0 10px;}.main-ad_right ul.main-ad_intro { padding: 45px 10px 0 0;}.main-ad_left .main-ad_content .RWDedictor, .main-ad_right .main-ad_content .RWDedictor { padding: 5rem 3.5rem 4.5rem;}.main-ad_ctatxt b {display: block;}.inner_sub-title { padding-bottom: 15px; margin-bottom: 15px; font-size: 17px;}h3.inner_main-title { font-size: 32px;}.main-ad_left .main-ad_img { right: -6.501vw; width: 57.562vw; bottom: 1.9vw;}.main-ad_left .main-ad_handwrite { right: 21.343vw; top: 14.906vw; width: 18.054vw;}.main-ad_right .main-ad_content { margin-top: 20px;}.main-ad_right .main-ad_img { left: -3.1203vw; width: 48.875vw;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { padding: 35px 3.5rem;}.main-ad_right .main-ad_handwrite { width: 19.054vw; top: 13.078vw; left: 18.943vw;}.main-ad_right .main-ad_ctatxt { text-align: left;}.main-ad_left .main-ad_ctatxt b { margin-left: 0;}.main-ad_right .main-ad_ctatxt b { margin-left: 0;}ul.main-ad_intro { font-size: 16px;}.main-ad_left .main-ad_handwrite { right: 35%; top: 18%;}.main-ad_right .main-ad_handwrite { left: 34%; top: 16%;}/*沃德*/ .alliances-block .RWDService001 ul { padding-left: 40px;}.alliances-block .RWDService001 ul li:nth-child(odd) { margin-right: 0;}.alliances-block .RWDService001 div.row:nth-child(2) {grid-gap: 20px;}.alliances-block .RWDService001 h2 {font-size: 18px;}/*footer*/ .ft_company { flex-direction: column;}.ft_menu_list { grid-gap: 40px 20px; grid-template-columns: repeat(5, 1fr);}.ft_phone.show-pc {display: none;}.ft_phone.show-pad { display: block;} .ft_phone { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #aeaeae63; margin: 4rem 0 50px;}.ft_phone a { font-size: 34px;}.ft_phone a i { width: 50px; height: 50px; font-size: 27px; padding: 12px 11px; margin-right: 15px;}ul.company_info li.info_title { padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}ul.company_info { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #aeaeae63; width: 100%;}.ft_right { margin-top: 0;}.ft_menu_list .menu_title { margin: 0 0 15px;}/*彈跳視窗*/ .fancybox-inner p {font-size: 18px;}.popup_btn_group a {font-size: 18px;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .RWDproduct002_v2 .portfolio-item > .inner-content > img {width: 100px;}.teach-block .RWDService002 .funny-boxes > .funny-boxes-text > p {-webkit-line-clamp: 3;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p {-webkit-line-clamp: 3;}.news-block .RWDService001 .col-md-3.col-sm-6 {width: calc(100% / 3 - 20px);margin: 0px 10px;}.news-block .boxFeature-2 h2 {padding: 30px 15px 0;}.news-block .boxFeature-2 p {padding: 0px 15px;}/*220406修改-潤*/ .search3_wrap {width: 250px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before {width: 115%; height: 99%;}/*2024改版----------------------------------------------------------------------------------------*//*廣告*/ .main-ad_left .main-ad_handwrite { right: 21.343vw; top: 14.906vw; width: 18.054vw;}.main-ad_right .main-ad_handwrite { width: 19.054vw; top: 13.078vw; left: 18.943vw;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { .RWDbanner_plus01 .slick-caption.txt-left {top: 100px;}.QA-block {margin-top: -140px;}.search3_input {color: #555;}/*-------------內頁---------------*/ .page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg .page_subject {padding: 0;}.hgroup .container {padding-bottom: 15px;margin-left: 0;margin-right: 0;}.hgroup .breadcrumb {letter-spacing: 0.5px;}/*.ii-search1:before { content: "\e918"; color: #fff; font-size: 16px;}.search3_phoneicon { display: block;}.search3_wrap { display: none; position: fixed; left: 0; top: 3em; right: 0; bottom: 0; width: auto; background-color: #fff; padding: 15px 30px;}.model.RWDsearch003 { top: 65px}*//*220406修改-潤*/ .RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn {padding: 30px 15px 25px;}.RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 2px;}.RWDmenu_plus04 .logo {margin-top: 18px;}.search3_wrap {top: 116px;}.open .search3_wrap {display: block; top: 116px;}.RWDsearch003.open .search3_phoneicon .ii-search1, .RWDsearch003:not(.open) .search3_phoneicon .ii-close1 {display: none;}.ii-close1:before {color: #fff; font-size: 14px;}.search3_hot_item, .search3_hot_item:focus {color: #777;}.search3_hot_item:hover {color: #555;}.search3_hot {margin: 8px 0 0;}/*.search3_phoneicon {display: flex;}*/ .model.RWDsearch003 {top: 70px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .container {max-width: 730px;}.alliances-block .RWDService001:before {height: 1px; background:#eee;}.alliances-block .RWDService001 .col-md-3.col-sm-6 {width: 330px;}.alliances-block .RWDService001 ul {padding-left: 40px;}/**/ .RWDmenu_plus04 .ml-stack-nav-toggle { margin-top: 16px;}/*2024改版----------------------------------------------------------------------------------------*//*header*/ .RWDmenu_plus04 .ml-stack-nav-toggle {margin-top: 20px;}.RWDmenu_plus04 .logo {width: 280px;}/*banner*/ .banner_block .search3_wrap { width: 64.15vw;}/*QA*/ .main_cat { width: 50.937vw;}/*廣告*/ .inner_subject {padding: 30px 25px 50px;}.main-ad_right .main-ad_img {bottom: 4.15vw;}.main-ad_left .main-ad_handwrite {top: 17.906vw;}.main-ad_right .main-ad_handwrite {top: 15.078vw;} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .RWDbanner_plus01 .slick-caption.txt-left {top: 60px;width: 100%;}.model.RWDsearch003 {right: 100px;font-size: 14px;}.step-btn a {font-size: 14px;padding: 2px 20px;width: 250px;}.news-block .RWDService001 .col-md-3.col-sm-6 {width: 90%;margin: 0px auto 30px !important;float: none;}.RWDService002 .funny-boxes > .funny-boxes-text > h4 {font-size: 22px;text-align: center;}.portfolio-bottom-summary p {text-align: center;}.step-btn a {font-size: 14px;padding: 2px 20px;width: 250px;margin: 0 auto;text-align: center;}/*-------------內頁------------*/ .page_wrapper_bg .btn_back {margin-top: 20px;}/*頁籤*/ .page_wrapper_bg .tabs {margin-top: -60px;}.page_wrapper_bg .tab {padding: 0px;border-top: 0px;border-bottom: 0px;}.page_wrapper_bg .tab_title {border-bottom: 1px solid #ddd;padding: 12px 15px;margin-bottom: 0;background: #eee;color: #555;font-weight:normal;}.page_wrapper_bg .tab:last-child {border-bottom: 0px;}.page_wrapper_bg .tab_title_nav {top: 10px;}.page_wrapper_bg .tab_title_nav .line01 {width: 15px;height: 2px;background:#555;}.page_wrapper_bg .tab_title_nav .line02 {width: 15px;height: 2px;background:#555;}.page_wrapper_bg .tab_content {font-size: 15px;color: #444;letter-spacing: 2px;line-height: 1.8;margin-top:20px;padding:0px 0px 30px;font-weight: normal;}.cate_list.row {margin-left: 0;margin-right: 0;}.page_wrapper_bg .cate_list .subject {font-size: 18px;}.page_wrapper_bg .cate_list.row .col-sm-6.col-md-4 { width: 100%; float: none; margin: 0px 0px 12px; border: 0px; border-bottom: 1px solid #eee; border-radius: 0px;}.page_wrapper_bg .cate_list .subject a {padding: 10px 0;text-align: left;}/*220406修改-潤*/ .model.RWDsearch003 {top: 57px;}.search3_hot {margin: 12px 0 0;}.search3_hot_item, .search3_hot_item:focus {padding: 1px 5px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .container {max-width: 90%; padding-left: 30px !important; padding-right: 30px !important;}.alliances-block .RWDService001:before {width: 111%;}.alliances-block .rwd_subject {width: 300px;}.alliances-block .RWDService001 .col-md-3.col-sm-6 {width: 50%; float: left;}.alliances-block .RWDService001 ul {padding-left: 4vw;}.alliances-block .RWDService001 ul li:nth-child(odd) {margin-right: 10px;}/* 網站上線 */ .learn_item02> .con_txt .pic_list { grid-template-columns: auto; padding: 6vw 6vw;}.learn_item02> .con_txt .pic_list { text-align: center;}.learn_item02> .con_txt .pic_list img { width: 60%; margin: 0 auto; text-align: center;}.icon_list_item .icon_list .con_pic { width: 90px;}.icon_list_item .icon_list .con_pic { width: 60px; padding: 10px;}.qa_list.qa_list02 { margin: 0 auto 3rem; }.learn_item03.learn_item { margin-bottom: 3rem;}/*2024改版----------------------------------------------------------------------------------------*/ .QA_block .container { padding: var(--SectionPadding) 50px !important;}.alliances-block .container { max-width: none; padding: 0 50px !important;}.ft_menu_list { grid-template-columns: repeat(4, 1fr);}/*banner*/ .search3_phoneicon {display: none;}.search3_wrap { display: block; position: relative; padding: 0;}.banner_block .search3_wrap { top: 0; border-radius: 50px; width: 480px;}/*沃德*/ .alliances-block .RWDService001 ul {gap: 0 20px;}/*右側跟隨*/ .footer-block .fixed_right.down { pointer-events: auto; opacity: 1; transition: all .5s ease; z-index: 222;}.footer-block .fixed_right { width: 100%; position: fixed; right: 0; bottom: 0; writing-mode: horizontal-tb; opacity: 1;}.review_btn a { border-radius: 0; border: 0; /*background: var(--MainColor);*/ background: #1883e5;; color: var(--WhiteColor); font-size: 16px; display: flex; justify-content: center; align-items: center; padding: 10px;}.review_btn a i { padding: 0; height: auto; margin-bottom: 0; width: auto; margin-right: 10px; background: transparent; border-radius: 0;}.review_btn a:hover { top: auto;}.footer-block { padding: 70px 0 0;}.copyrightgroup {margin-top: 70px;}.copyrightgroup { margin-top: 70px; margin-bottom: 48px;}.scrollTop002 { bottom: 10%;}/*廣告*/ .inner_subject {width: 100%;}.main-ad_img {position: relative;}.main-ad_left .main-ad_content .RWDedictor, .main-ad_right .main-ad_content .RWDedictor { padding: 5rem 4rem 1rem;}.inner_subject .deco-02 { width: 104%; height: 109%;}ul.main-ad_intro { display: grid; grid-template-columns: auto; grid-gap: 0 20px; padding: 40px 0 0; margin: 0 auto; width: fit-content;}.main-ad_left .main-ad_handwrite { top: auto; bottom: 31.145vw; right: auto; left: 7.145vw;}.main-ad_left .main-ad_img { width: 95%; bottom: auto; margin-top: 5rem; right: auto; left: 4%;}.main-ad_right .main-ad_img { width: 80%; left: 7.5%; bottom: 0; margin-top: 4rem;}.main-ad_right .main-ad_handwrite { top: auto; bottom: 32.768vw; left: auto; right: 8vw;}.main-ad_right ul.main-ad_intro { padding: 40px 0 0;}.main-ad_right ul.main-ad_intro {text-align: left;}.main-ad_right ul.main-ad_intro li::after {display: none;}.main-ad_right ul.main-ad_intro li::before { margin-right: 10px; width: 7px; height: 7px; top: -2px; content: ''; position: relative; display: inline-block; background: var(--WhiteColor); border-radius: 99em;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { padding: 45px 4rem;}.main-ad_cta .RWDedictor, .main-ad_right .main-ad_cta .RWDedictor {flex-direction: column;}.main-ad_ctatxt, .main-ad_right .main-ad_ctatxt {text-align: center;}.main-ad_left .main-ad_link, .main-ad_right .main-ad_link {margin: 15px auto 0;}.main-ad_ctatxt b { display: inline-block;}.main-ad_left .main-ad_ctatxt b { margin-left: 10px;}.main-ad_right .main-ad_ctatxt b { margin-left: 10px;}.main-ad_link a { width: 100%;}.main-ad_left .main-ad_link, .main-ad_right .main-ad_link { margin: 15px 0 0; width: 100%;}.main-ad_left .main-ad_link a, .main-ad_right .main-ad_link a {text-align: center;}.main-ad_right .main-ad_content {margin-top: 0;}/*copyright*/ .copyrightgroup .copyright { width: 100%;}.copyrightgroup { flex-wrap: wrap; justify-content: flex-start;}.copyrightgroup .alink {margin-left: 0; margin-right: 10px;}.copyrightgroup {padding: 17px 50px;} } /*767px end*/ /*700px start*/ @media (max-width: 700px) {/*plus*/ .RWDnews003 .row { grid-template-columns: auto; grid-gap: 20px;}/*沃德*/ .alliances-block .RWDService001 div.row:nth-child(2) { grid-template-columns: auto;}} /*700px end*/ /*600px start*/ @media (max-width: 600px) { #RWDfullscreen02 .container {padding-left: 25px;padding-right: 25px;}.RWDmenu_plus04 .header {padding: 0px 20px;}.RWDmenu_plus04 .logo {width: 130px;overflow: hidden;}.RWDmenu_plus04 .logo img {width: 260px;max-width: 260px;}.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn {padding: 30px 18px 25px;}.RWDmenu_plus04 .features:after {display:none;}/*banner*/ .QA-block {margin-top: -90px;}.QA-block .container {width: calc(100% - 40px) !important;padding: 50px 30px !important;}.index h1.main-title {font-size: 26px;}.QA-title {width: 100%;margin-bottom: 20px;}.RWDService002 h2.sub-title, .news-block .RWDService001 h2.sub-title, .RWDproduct002_v2 h2.sub-title {font-size: 16px;}.section-block .RWDService002 .col-sm-4.col-md-4 {width: 100%;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p { -webkit-line-clamp: initial; min-height: auto; font-size: 15px; letter-spacing: 1px; overflow: visible;}.section-block .RWDService002 .funny-boxes {padding: 30px;}.section-block .RWDService002 .funny-boxes::before {top: 15px;font-size: 26px;}.RWDService002 .funny-boxes > .funny-boxes-text > h4 {font-size: 21px;}.section-block .RWDService002 .col-sm-4.col-md-4 {width: 100%;}.section-block .RWDService002 .funny-boxes::after { right: calc(50% - 16px); border-width: 12px 16px 0px 16px; border-color: #cacaca transparent transparent transparent; bottom: -12px; transform: initial; top: initial;}.section-block .RWDService002 .row:nth-child(2) .col-sm-4.col-md-4:nth-child(3) .funny-boxes {margin-bottom: 40px;}/*標題*/ .RWDService002 .section-subject {margin-bottom: 20px;}.news-block .RWDService001 .section-subject {margin-bottom: 30px;}.RWDService002 .section-subject {border-bottom: 0px;}.teach-block .section-subject.row {margin-bottom: 60px;}.teach-block .RWDService002 .col-sm-4.col-md-4 {width: 100%;}.RWDService002 .funny-boxes > .funny-boxes-text > p {font-size: 15px;letter-spacing: 1px;}.teach-block .RWDService002 .row:nth-child(2) .col-sm-4.col-md-4:nth-child(2) {margin-bottom: 60px;}.add-block::before {border-width: 20px 40px 0 40px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {width: 100%;border-bottom: 1px solid rgb(255 255 255 / 60%);margin-bottom: 35px;border-radius: 0px;}.RWDproduct002_v2 .portfolio-item > .inner-content > img {width: 100px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item:nth-child(4) {margin-bottom: 0px;border-bottom: 0px;}.portfolio-bottom-summary p {font-size: 15px;letter-spacing: 1px;}.portfolio-bottom-summary h4 {padding: 15px 0 10px;}.news-block .RWDService001 h1.main-title span {display: block;width: 77px;margin-bottom: 20px;}.news-block .boxFeature-2 h2::after {display:none;}.news-block .boxFeature-2 p {-webkit-line-clamp: 2;font-size: 15px;line-height: 1.6;padding: 0px 25px;}.news-block .boxFeature-2 h2 {padding: 40px 25px 0;}.news-block .RWDService001 .row:nth-child(2), .news-block .RWDService001 .row:nth-child(3) {margin-left: 0;margin-right: 0;}.footer-block {font-size: 15px; padding: 60px 0 0;}.footer-web br.visible-xs {display: block !important;}.footer-web span {display: none;}.footer-info h4 {font-size: 18px;}.footer-info h4 br {display:none;}/*-------------------內頁--------------------*/ .page_wrapper_bg .call_to_action .container { width: 100%; padding-left: 25px; padding-right: 25px;}.page_wrapper_bg .footer-block .container {padding-left:25px;padding-right:25px;}.page_wrapper_bg .article-text.rwd .container {padding-left: 5px;padding-right: 5px;}.teach-important {margin-bottom: 20px;padding-bottom: 20px;}.hgroup h1 {font-size: 26px;letter-spacing: 0.5px;}.page_wrapper_bg .question-outter h1 {font-size: 24px;}.question-child {padding-bottom: 15px;margin-bottom: 20px;}/*按鈕*/ .page_wrapper_bg .btn_back {float: none;width: 100%;}.page_wrapper_bg .btn_back a {width: 100%;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .container {max-width: 100%;}.alliances-block .RWDService001:before {width: 108%;}.alliances-block .rwd_subject {width: 260px; margin: 0 auto 30px; padding: 0 25px;}.alliances-block .RWDService001 .col-md-3.col-sm-6 {width: 50%; float: left; padding: 0 5px;}.alliances-block .RWDService001 h2 {margin: 5px 0 20px;}.alliances-block .RWDService001 ul {margin: 0 0 20px;}.alliances-block .RWDService001 ul li:nth-child(odd) {margin-right: 20px;}.alliances-block .RWDService001 ul {padding-left: 5vw;}/* 網站上線 */ .learn_item { padding: 8vw 6vw;}.icon_list_item .icon_list span { font-size: 16px; letter-spacing: 0px;}.icon_list_item.con_txt .grid_item { width: 100%; grid-gap: 10px;}.icon_list_item.con_txt .grid_item { padding: 0 0 1rem; margin: 0 0 1rem;}.learn_item .title_item { margin-bottom: 1.5rem;}.learn_item02>.con_txt { grid-gap: 1rem;}.qa_list>span { font-size: 15px; letter-spacing: 1px;}.icon_list_item .icon_list .con_pic { margin-bottom: 10px;}/*2024改版----------------------------------------------------------------------------------------*/ .main.cd-main-content {top: 80px !important;}#RWDfullscreen02 .container, .footer-block .container {padding: 0 30px;}.alliances-block .container { padding: 0 30px !important;}.QA_block .container { padding: var(--SectionPadding) 30px !important;}.banner_block {padding: var(--SectionPadding) 30px 0;}/*header*/ .RWDmenu_plus04 .logo {width: 250px;}.RWDmenu_plus04 .logo img {width: 100%; max-width: none;}.RWDmenu_plus04 .ml-stack-nav-toggle {margin: 15px 0;}/*共通按鈕*/ .RWDqa01 .more_button, .RWDbtn01 .btn { width: 100%; margin-top: 50px;}/*共通title*/ .section-subject .main-title { font-size: 30px;}/*banner*/ .banner_sub-title { font-size: 17px;}.banner_main-title { font-size: 40px;}.banner_main-title.show-pc {display: none;}.banner_main-title.show-ph {display: block;}.banner_main-title.show-ph span {display: block;}.banner_block .model.RWDsearch003 { width: 100%;}.banner_block .search3_wrap {width: 100%; margin-left: 0;}.banner_block .search3_input { padding: 8px 25px; width: 100%;}.banner_block .search3_submit .ii-search1 { width: 40px; height: 40px;}.banner_block .search3_submit {width: 40px; height: 40px;}.banner_block .search3_submit .ii-search1 {width: 40px; height: 40px; padding: 12px;}.banner_block input.search3_input::placeholder {font-size: 18px !important;}.banner_block .search3_submit .ii-search1:before { font-size: 15px;}.banner_block .banner_right { right: 14.535vw;}.img_group { grid-gap: 0 30px;}.banner_block .banner_left { position: relative; left: 7.135vw; width: 44.45vw; bottom: -7.25vw;}.img_group .cat_img { width: 9.585vw; height: 9.585vw;}.img_group .member_img { width: 12.505vw; height: 12.505vw;}.banner_block .search3_hints_item { font-size: 15px; padding: 12px 39px;}.banner_block .search3_hints { top: calc(60px + 10px);}/*teach*/ .teach_block .RWDService001 div.row:nth-child(2) { grid-template-columns: auto; grid-gap: 20px;}/*plus*/ .RWDnews003 .box-icon.box-icon-color {padding-top: clamp(2.5rem, 1.5625rem + 2.5vw, 3.75rem);}.box-icon .box-icon-title {padding-top: 0;}.RWDnews003 ul.plus_list {width: auto; border-top: var(--Borderstyle1); padding-top: 20px; padding-left: 0; padding-right: 0; margin: 20px 30px 0;}.RWDnews003 .box-icon a.box-icon-title >h2 {padding: 0; margin: 0; border: 0; position: relative;}.RWDnews003 .box-icon a.box-icon-title >h2:after { top: 50%; transform: translateY(-50%); right: 0;}/*keyword*/ .keyword_block { padding: calc(30px + 20px) 30px 0;}.banner_linktxt.show-pad {font-size: 16px; max-width: 250px; margin: 0 auto 20px;}.keyword_block .RWDbtn01 .btn-box { grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}/*QA*/ .RWDqa01 .accordion .accordion-content { width: calc(100% - 85px);}.RWDqa01 .accordion button .accordion-title {padding-right: 40px; padding-left: 45px; line-height: 1.6;}.RWDqa01 .accordion button .accordion-title::before {width: 30px; height: 30px; font-size: 15px; padding: 2px;}.RWDqa01 .accordion .accordion-content {width: calc(100% - 80px); left: 45px;}.QA_block .QA_left {bottom: -27.151vw;}.main_cat { width: 62.937vw;}.page_left { top: -16vw; width: 25.203vw; left: 12%;}.page_middle { top: -32.5vw; left: 38%; width: 21.195vw;}.page_right { top: -11vw; width: 21.503vw; right: 11%;}.icon_google { width: 13.845vw; top: 8.5vw; left: 19%;}.icon_seo { right: 17%; width: 15.267vw; top: 4vw;}/*過場文字*/ .mirocle_loop ul img {height: 65px;}/*廣告*/ .main-ad_block { padding-top: 60px;}.main-ad_left .main-ad_content, .main-ad_right .main-ad_content, .main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { width: calc(100% - 60px); left: 30px;}.main-ad_left .main-ad_content .RWDedictor, .main-ad_right .main-ad_content .RWDedictor { padding: 45px 35px 1rem;}ul.main-ad_intro {padding: 35px 0 0; display: none;}.main-ad_left .main-ad_img {margin-top: calc(4rem + 25px);}.main-ad_right .main-ad_img {margin-top: calc(4rem + 15px);}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { padding: 45px 35px;}.main-ad_ctatxt b { display: block;}.main-ad_left .main-ad_ctatxt b, .main-ad_right .main-ad_ctatxt b { margin: 0;}.main-ad_left .main-ad_handwrite { width: 22.054vw; bottom: 46.145vw; left: 7.145vw;}.main-ad_right .main-ad_handwrite { bottom: 38.768vw; right: 6vw; width: 22.054vw;}.main-ad_left .main-ad_link, .main-ad_right .main-ad_link {margin: 20px 0 0;}h3.inner_main-title { font-size: 38px; }.main-ad-subject { font-size: 34px; line-height: 1.4; padding: 0 30px; }.main-title_bottom {flex-wrap: wrap;}.main-title_bottom span.bottom_front { display: block; width: 100%;}.main-title_bottom img { margin: 8px 10px 0 0; width: 135px; }/*沃德*/ .world_main-title { line-height: 1.4; max-width: 260px; margin: 0 auto clamp(2.5rem, 2.0507rem + 1.8433vw, 5rem);}.alliances-block .RWDService001 h2 { margin: 30px 0 20px;}.alliances-block .RWDService001 .boxFeature-2 { padding-bottom: 20px;}.world_main-title { font-size: 30px;}/*footer*/ .footer-block { padding: 60px 0 0;}.company_name { display: block;}.company_name h2 {margin: 0 0 15px;}.company_name h2 img { width: 150px;}.ft_phone p {font-size: 15px; max-width: 330px;}.company_name h3 { margin-top: 0; font-size: 17px; line-height: 1.7;}.ft_phone a { font-size: 30px;}.ft_phone a i { width: 43px; height: 43px; font-size: 22px; padding: 11px 10px; margin-right: 12px;}.ft_phone { padding-bottom: 35px; margin-bottom: 50px; margin: 4rem 0 35px;}ul.company_info { padding-bottom: 35px; margin-bottom: 35px;}.ft_menu_list .menu_title { font-size: 15px;}.ft_menu_list .menu_item ul li { margin-bottom: 7px;}.section-subject .sub-title { max-width: 240px; margin: 10px auto 0;}.QA_block .section-subject .sub-title { margin: 0 auto 10px; max-width: none;}/*彈跳視窗*/ .fancybox-inner p {font-size: 17px;}.popup_btn_group a {font-size: 17px;}.popup_btn_group { flex-direction: column; grid-gap: 10px 0; margin: 25px 0;}.fancybox-skin { padding: 40px !important;}.fancybox-inner { text-align: left;}/*copyright*/ .copyrightgroup { padding: 17px 30px; }/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .logo { width: 220px; }.page_wrapper_bg .RWDmenu_plus04 .features .search-btn {padding: 28px 15px;}.page_wrapper_bg .RWDmenu_plus04 #search-box .form-control {width: 100%;}.page_wrapper_bg .RWDmenu_plus04 #search-box { width: calc(100% - 30px); margin: 0 15px;} } /*600px end*/ /*570px start*/ @media (max-width: 570px) {/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001 ul {flex-direction: column; flex-wrap: nowrap; padding-left: 6vw;}.alliances-block .RWDService001 ul li {width: 100%;}.alliances-block .RWDService001 ul li:nth-child(odd) {margin-right: 10px;}/*2024改版----------------------------------------------------------------------------------------*/ .ft_menu_list { grid-template-columns: repeat(3, 1fr); grid-gap: 35px 20px;}} /*570px end*/ /*480px start*/ @media (max-width: 480px) { /*標題*/h1.main-title span {font-size: 18px;padding: 0px 5px 0px 10px;margin-right: 18px;top: -5px;}h1.main-title span::before {display:none;}.ml-stack-nav-toggle {padding: 38px 14px;}.RWDService002 h2.sub-title, .news-block .RWDService001 h2.sub-title, .RWDproduct002_v2 h2.sub-title {font-size: 15px;letter-spacing: 0px;}.portfolio-bottom-summary > a {padding: 0;}.portfolio-bottom-summary {padding: 0px 0px 10px;}.news-block .RWDService001 .col-md-3.col-sm-6 {width: 100%;margin: 0px 0px 20px;}.QA-block .boxFeature-2 h2 {font-size: 15px;letter-spacing: 0px;}.QA-block .boxFeature-2 h2::after {right: 10px;width: 12px;height: 12px;}.QA-block .boxFeature-2 h2 span {margin-right: 6px;}.RWDbtn01 .btn {width: 100%;}/*220406修改-潤*/ .ml-stack-nav-toggle {padding: 28px 14px;}.model.RWDsearch003 {right: 90px;}.model.RWDsearch003 {top: 55px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before {margin-top: 5%;}.alliances-block .RWDService001 i {min-height: 65px; margin: 0 0 20px; padding: 0 0 15px;}.alliances-block .RWDService001 h2 {font-size: 15px; letter-spacing: 1px; margin: 0 0 15px; padding-right: 0;}/**/ .model.RWDsearch003 { top: 61px; right: 61px;}/*2024改版----------------------------------------------------------------------------------------*/ .ft_menu_list {grid-template-columns: repeat(2, 1fr);}.alliances-block .RWDService001 h2 {font-size: 18px; margin: 0 0 20px;}.alliances-block .RWDService001 ul li {font-size: 14px;}.keyword_block .RWDbtn01 .btn {padding: 12px 10px;}.banner_sub-title { font-size: 16.3px; margin-bottom: 8px;}.banner_main-title { margin: 0 auto; font-size: 34px;}.banner_block input.search3_input::placeholder {font-size: 17px !important;}.banner_block .banner_left { left: 0.135vw; width: 54.45vw; bottom: -9.05vw;}.img_group .cat_img { width: 11.585vw; height: 11.585vw;}.img_group .member_img { width: 14.505vw; height: 14.505vw;}.banner_block .banner_right { right: 10.535vw;}.QA_block .QA_left { bottom: -32.151vw;}.page_right {right: 8%;}.page_left {left: 9%;}.main_cat { width: 64.937vw;}.RWDnews003 .box-icon a.box-icon-title >h2, .teach_block .boxFeature-2 h2 {font-size: 20px;}.teach_block .RWDService001 i {margin-bottom: 30px;}.teach_block .RWDService001 i img {width: 80px;}.RWDnews003 .box-icon a.box-icon-title >h2 { padding-top: 0; padding-right: 50px;}.mirocle_loop ul { animation: 30s txtloop linear infinite;}/*廣告*/ .main-ad_left .main-ad_content, .main-ad_right .main-ad_content, .main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { width: 100%; left: 0;}.inner_subject { padding: 30px 25px 55px; }.inner_subject .deco-02 { width: 106%; height: 108%;}.main-ad_left .main-ad_img {left: -7%; width: 113%;}ul.main-ad_intro { font-size: 15px;}.main-ad_ctatxt { font-size: 22px;}.main-ad_link a { font-size: 20px; padding: 17px 20px;}.main-ad_left .main-ad_link a:after, .main-ad_right .main-ad_link a:after { right: 30px;}.main-ad_left .main-ad_handwrite { width: 32.054vw; bottom: 63.145vw; left: 4.145vw; }.main-ad_right .main-ad_img { width: 99%; left: 2.5%;}.main-ad_right .main-ad_handwrite { bottom: 64.768vw; right: 4vw; width: 33.054vw; }.main-ad_left .main-ad_link a:after, .main-ad_right .main-ad_link a:after, .main-ad_left .main-ad_link a:hover:after, .main-ad_right .main-ad_link a:hover:after { right: 20px;}.main-ad_left .main-ad_img {margin-top: calc(4rem + 35px);}.main-ad_right .main-ad_img {margin-top: calc(4rem + 40px);}/*彈跳視窗*/ .fancybox-skin { padding: 30px !important;}/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .features .search-btn {padding: 32px 15px; margin-right: 10px;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) {/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before {width: 112%;}.alliances-block .RWDService001 i img {max-width: 85%;}.alliances-block .RWDService001 h2 {font-size: 13px; letter-spacing: 1px}.alliances-block .RWDService001 ul {padding-left: 9vw;}.alliances-block .RWDService001 ul li {font-size: 13px;}/*2024改版----------------------------------------------------------------------------------------*/ .alliances-block .RWDService001 h2 {font-size: 16px;}.main-ad_ctatxt { font-size: 21px;}.main-ad_link a { font-size: 18px;}.main-ad_left .main-ad_link a:after, .main-ad_right .main-ad_link a:after { font-size: 26px;}.main-ad_left .main-ad_cta, .main-ad_right .main-ad_cta { padding: 40px 30px;}.main-ad_left .main-ad_link, .main-ad_right .main-ad_link { margin: 15px 0 0;}h3.inner_main-title { font-size: 35px;}.inner_subject { padding: 30px 20px 50px;}.mirocle_loop ul img { height: 50px;}@media (max-width: 400px) {.main-ad-subject {font-size: 32px;}.main-title_bottom img {width: 130px;}}} /*414px end*/ /*380px start*/ @media (max-width: 380px){ .portfolio-bottom-summary p {width: 100%;}.step-btn a {width: 100%}.RWDmenu_plus04 .logo img { width: 200px; max-width: 200px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .rwd_subject {width: 225px;}/* 網站上線 */ .learn_item { background: transparent; margin: 0 0 4rem; padding: 0 0 4rem; border-bottom: 1px solid #dedede;}.icon_list_item.con_txt { box-shadow: none; padding: 0;}.learn_item .title_item h2, .learn_item .qa_list h2 { font-size: 30px;}/*2024改版----------------------------------------------------------------------------------------*//*header*/ .RWDmenu_plus04 .logo {width: 220px;}.RWDmenu_plus04 .logo img {width: 100%; max-width: none;}/*banner*/ .banner_block .search3_input {padding: 8px 20px;}.banner_block .search3_submit {right: 20px;}.banner_main-title {font-size: 31.5px;}/*共通title*/ .section-subject .main-title {font-size: 28px;}/*沃德*/ .alliances-block .RWDService001 ul {gap: 0 10px;}.world_main-title { font-size: 28px;}/*footer*/ .ft_phone a {font-size: 29px;}/*彈跳視窗*/ .fancybox-inner p {font-size: 16px;}.popup_btn_group a {font-size: 16px;}.main-title_bottom img {width: 110px;}.main-ad-subject {font-size: 29px;} } /*380px end*/ /*350px start*/ @media (max-width: 350px) {.RWDmenu_plus04 .logo img { width: 180px; max-width: 180px;}/*220418新增頁尾沃德事業群-潤*/ .alliances-block .RWDService001:before {width: 114%;}.alliances-block .RWDService001 i img {max-width: 160px;}.alliances-block .RWDService001 .col-md-3.col-sm-6 {width: 100%; float: none;}.alliances-block .RWDService001 h2 {font-size: 15px; letter-spacing: 2px;}.alliances-block .RWDService001 ul {padding-left: 11vw;}.alliances-block .RWDService001 ul li {font-size: 14px;}.alliances-block a:last-child .col-md-3.col-sm-6 article.boxFeature-2 ul.alilist li:last-child {display: none;}/*2024改版----------------------------------------------------------------------------------------*//*header*/ .RWDmenu_plus04 .logo img {width: 100%; max-width: none;}h3.inner_main-title {font-size: 32px;}.main-title_bottom img {margin: 8px 8px 0 0; width: 100px;}.main-ad-subject {font-size: 26px;}/*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .logo {width: 190px;}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn {margin-right: 0;}} /*350px end*/ /*320px start*/ @media (max-width: 320px){ .index h1.main-title {font-size: 24px;}.RWDmenu_plus04 .header {padding: 0px 15px;}.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn {padding: 30px 12px 25px;}.RWDbanner_plus01.full .banner-slider.bg .slick-item {max-height: 50vh!important;height: 50vh!important;}.RWDbanner_plus01 .slick-caption .txt2 span {font-size: 26px !important;}.QA-block {margin-top: -60px;}.section-block .RWDService002 .funny-boxes > .funny-boxes-text > p {letter-spacing: 0px;}.section-block .RWDService002 .funny-boxes {padding: 30px 15px;}.section-block .RWDService002 .funny-boxes::before {left: 17px;}.teach-block .funny-boxes {padding: 60px 15px 30px;}.QA-block .container {width: 100% !important;padding: 50px 25px !important;background: #f8f8f7;box-shadow: none;border-radius: 0px;}.RWDService002 h2.sub-title, .news-block .RWDService001 h2.sub-title, .RWDproduct002_v2 h2.sub-title {margin: 12px 0px 0px 0px;}.footer-block {font-size: 14px;letter-spacing: 0px;} } /*320px end*/