/* all */a {    text-decoration: none}a:hover,a:active,a:focus,a:visited {    text-decoration: none;}.row {    margin-left: 0px;    margin-right: 0px;}body {    font-family: 'Noto Sans TC', 'Montserrat', sans-serif;    background: #fff}.clear {    clear: both;}#RWDfullscreen01 {    overflow: unset !important;}/*loading*/ 
.RWDfakeloader .fl img {    width: 250px;}/*bg*/canvas {    height: 100%;    width: 100%;    position: fixed;    transform: scale(1.1);    filter: blur(10px) opacity(0.5);}@media screen and (max-width: 520px) {    canvas {        transform: scale(1);        filter: blur(10px) opacity(0.5);        min-height: 900px;        min-width: 700px;    }}/*3_CTA*/ 
.cta_btn {    display: flex;    align-items: center;    justify-content: center;    border-top: 1px solid #eee;    font-family: 'Noto Sans TC', sans-serif;    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    padding: 15px 0px;}.cta_btn a {    color: #000;    font-weight: normal;    letter-spacing: 1px;    display: flex;    align-items: center;    justify-content: flex-start;    flex-wrap: wrap;}.cta_btn img {    margin-right: 15px;    width: 30px;}.cta_btn.cta_03 {    font-size: clamp(0.8125rem, 0.7991rem + 0.067vw, 0.90625rem);    font-weight: 400;    letter-spacing: 0;    font-family: 'Montserrat', sans-serif;    padding: 15px 50px;}.cta_btn.cta_03 span {    width: 100%;    font-size: clamp(1.125rem, 1.0803rem + 0.2232vw, 1.4375rem);    font-weight: 600;    letter-spacing: 0;}/*3社群*/ 
.media_block {    display: flex;    align-items: center;    justify-content: center;    width: 100%;    padding: 15px 50px;    border-top: 1px solid #eee;}.RWDmenu_plus04 .features .share-group.main_share {    text-align: center;    padding: 15px 0;    border-top: 1px solid #eee;}.icon_01,.icon_02,.icon_03 {    height: 25px;    width: calc(100% / 3);    text-align: center;}.media_block a i {    font-size: 25px !important;    color: #000 !important;}.media_block a {    display: block;    height: 25px;}.media_block a img {    height: 25px;    object-fit: none;}.cta_02 a {    display: flex;    align-items: center;    justify-content: center;}.cta_02 a i {    margin-right: 15px;    background: #00a800;    color: #fff !important;    width: 30px;    height: 30px;    text-align: center;    padding: 9px 0;    border-radius: 50%;    font-size: 12px !important;}/*內容區*/ 
.cd-main-content {    position: relative;    z-index: 99;    top: 0;}/*banner*//*.RWDvideo006__video iframe {height:52vw}*/ 
.RWDvideo006__scrolldown i {    display: none;}.RWDvideo006__scrolldown::before {    content: "";    width: 14px;    height: 145px;    background: url(archive/image/customization/scroll_img.png) no-repeat;    background-size: cover;    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);}/*統一*//*大標*/ 
.title_block h2 {    margin: 0 0 80px !important;    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    color: #333 !important;    letter-spacing: 1px !important;    font-weight: 500 !important;    line-height: 1.5;    font-family: 'Noto Sans TC', sans-serif;}.title_block h2 span {    font-family: 'Montserrat', sans-serif;    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem) !important;    font-weight: 600 !important;    letter-spacing: 0.5px !important;    margin-right: 20px}.RWDService001 h1.main-title,.RWDProduct015__head__h1 {    font-family: 'Montserrat', sans-serif;    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem) !important;    font-weight: 600 !important;    letter-spacing: 0.5px !important;    color: #333;    line-height: 1;    margin: 0;}.RWDService001 h2.sub-title,.RWDProduct015__head__h2 {    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    color: #333 !important;    letter-spacing: 1px !important;    font-weight: 500 !important;    line-height: 1.5;    font-family: 'Noto Sans TC', sans-serif;    margin: 0}.RWDService001 .section-line {    display: none !important}.left_txt h2 {    font-size: clamp(1rem, 0.3839rem + 3.0804vw, 5.3125rem);    font-family: 'Montserrat', sans-serif;    font-weight: 600 !important;    letter-spacing: 0.5px !important;    color: #333;    margin: 0;}.left_txt h3 {    font-size: clamp(1rem, 0.8571rem + 0.7143vw, 2rem);    font-family: 'Noto Sans TC', sans-serif;    color: #333 !important;    letter-spacing: 1px !important;    font-weight: 500 !important;    line-height: 1.5;    margin: 30px 0 0;}.views_block .title_block h2 {    font-family: 'Montserrat', sans-serif;    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem) !important;    font-weight: 600 !important;    letter-spacing: 0.5px !important;    margin: 0 20px 0 0 !important;    display: inline-block;}.views_block .title_block h3 {    margin: 0 !important;    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    color: #333 !important;    letter-spacing: 1px !important;    font-weight: 500 !important;    line-height: 1.5;    font-family: 'Noto Sans TC', sans-serif;    display: inline-block;}/*按鈕*/ 
.projects_block .RWDbtn01,.views_block .RWDbtn01 {    margin: 0}.projects_block .RWDbtn01 .btn,.views_block .RWDbtn01 .btn {    background: transparent;    line-height: 1.5;    padding: 14px 40px;    text-align: left;    border: 1px solid #999;    border-radius: 0;    color: #333;    letter-spacing: 1px;    font-size: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    position: relative;    max-width: 300px;    margin-top: 80px;}.projects_block .RWDbtn01 .btn::before,.views_block .RWDbtn01 .btn::before {    content: "";    width: 30px;    height: 8px;    background: url(archive/image/customization/btn_img.png) no-repeat;    background-size: contain;    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 40px;    transition: 0.4s}.projects_block .RWDbtn01 .btn-box .col-sm-3,.views_block .RWDbtn01 .btn-box .col-sm-3 {    padding: 0}.projects_block .RWDbtn01 .btn::after,.views_block .RWDbtn01 .btn::after {    content: "";    z-index: -1;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-color: #f6c613;    transform-origin: center right;    transform: scaleX(0);    transition: transform 0.3s ease-in-out;}.projects_block .RWDbtn01 .btn:hover,.views_block .RWDbtn01 .btn:hover {    cursor: pointer;    background: transparent;    border: 1px solid #f6c613;    color: #000}.projects_block .RWDbtn01 .btn:hover::after,.views_block .RWDbtn01 .btn:hover::after {    transform-origin: center left;    transform: scaleX(1);}.projects_block .RWDbtn01 .btn:hover::before,.views_block .RWDbtn01 .btn:hover::before {    filter: brightness(0);    transition: 0.4s;}.RWDbtn01 .btn-box li {    max-width: 300px}/*區塊*/ 
.cd-main-content .container {    width: 80%;    /* padding: 0 150px; */    position: relative;}/*關於*/ 
.about_block {    display: flex;    justify-content: center;    align-items: center;    padding: 350px 0;    text-align: center;    position: relative;}.about_block .txt_info h2 {    font-size: clamp(2.8125rem, 2.3661rem + 2.2321vw, 5.9375rem);    color: #333;    line-height: 1.5;    letter-spacing: 1px;    font-weight: bold;    margin: 0;}.about_block .txt_info h3 {    font-size: clamp(1.125rem, 1.0714rem + 0.2679vw, 1.5rem);    line-height: 1.8;    font-weight: 500;    color: #333;    letter-spacing: 1px;    margin: 50px 0 0;}.about_block .txt_info h3.a02 {    animation-delay: 0.3s;}.about_block .txt_info h3.a03 {    margin-top: 0;    animation-delay: 0.8s;}.about_block::before {    content: "";    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background: url(archive/image/customization/bg_img01.png);    opacity: 0.3;}/*作品*/ 
.projects_block {    padding: 100px 0;    position: relative;}.RWDproduct004 #portfolio .row.mix-grid {    display: flex;    grid-row-gap: 50px;    flex-flow: wrap;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div {    width: calc(100% / 2);    padding: 0 calc(20px / 2) !important;}.projects_block::before {    content: "";    width: 100%;    height: 100%;    background: #efefef;    position: absolute;    top: 0;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(even) {    padding-right: 0 !important;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-child(odd) {    padding-left: 0 !important;}.RWDproduct004 section {    border: 0}.RWDproduct004 .item-box-desc {    padding: 0 5px;    margin: 0}.RWDproduct004 .item-box .item-hover a.ico-rounded.lightbox {    display: none;}.RWDproduct004 .overlay {    background-color: transparent;}.RWDproduct004 .item-box .item-hover .inner {    position: relative;    margin: 0;    height: 100%;    width: 100%;    top: 0;}.RWDproduct004 .item-box .item-hover a {    width: 100%;    height: 100%;    display: block;}.RWDproduct004 .item-box img {    transform: scale(1);    transition: 0.4s ease-in-out;}.RWDproduct004 .item-box:hover img {    transform: scale(1.05);    transition: 0.4s ease-in-out;}.RWDproduct004 .item-box .item-hover .inner .ico-rounded>span {    display: none}.RWDproduct004 #portfolio div.col-md-3 h3 {    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem);    color: #333;    line-height: 1.5;    margin-top: 20px;    font-weight: 400;    letter-spacing: 1px;}.RWDproduct004 .list-inline {    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    color: #555;    line-height: 1.8;    font-weight: 300;    letter-spacing: 0.5px;}/*服務項目*/ 
.service_block {    padding: 170px 0;    position: relative;}.service_block .RWDService001 i img {    max-width: 110px;}.btn_txt h2 {    text-align: center;    margin: 0;    font-size: 2em;    line-height: 1.5;    color: #333;    font-weight: 400;}.btn_txt h2 span {    font-family: 'Montserrat', sans-serif;    font-weight: 400 !important;    font-size: 1.1em;}.service_block .txt_info {    max-width: 1500px;    margin: auto;}.service_block .RWDService001 .col-md-3.col-sm-6 {    padding: 0;}.service_block .RWDService001 .col-md-3.col-sm-6 p {    display: none;}.service_block .RWDService001 .col-md-3.col-sm-6 ul {    list-style: none;    line-height: 1.5;    font-size: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    color: #333;    padding: 0;    max-width: 120px;    margin: 0 auto;    width: fit-content;}.service_block .RWDService001 .col-md-3.col-sm-6 ul li {    margin-bottom: 25px;}.service_block .RWDService001 .col-md-3.col-sm-6:last-child ul {    max-width: 180px;}.service_block .RWDService001 h2 {    text-align: center;    font-size: clamp(1.125rem, 1rem + 0.625vw, 2rem);    line-height: 1.5;    color: #333;    letter-spacing: 1px;    font-weight: 400;    margin: 0}.service_block .RWDService001 h3 {    text-align: center;    font-size: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);    color: #555;    font-weight: 400;    letter-spacing: 0.5px;    margin: 5px 0 35px;    line-height: 1.3;    font-family: 'Montserrat', sans-serif;    padding-bottom: 20px;    border-bottom: 1px solid #ddd}.service_block.animated:before {    content: "";    position: absolute;    width: 100%;    height: 100%;    background: #efefef;    top: 0;    animation: 1500ms ease normal forwards 1 an02;    animation-delay: .5s;    opacity: 1}.service_block {    animation-name: none;    opacity: 1 !important}@keyframes an02 {    0% {        opacity: 1    }    100% {        opacity: 0    }}/*按鈕*/ 
.service_block .btn_block {    margin-top: 130px;}.service_block .RWDbtn01 .btn-box {    margin-top: 40px}.service_block .RWDbtn01 .btn-box .col-sm-3::before {    content: "";    width: 30px;    height: 8px;    background: url(archive/image/customization/btn_img02.png) no-repeat;    background-size: contain;    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 40px;    transition: 0.4s}.service_block .RWDbtn01 .btn-box li {    padding: 0 !important;    max-width: 300px;}.service_block .RWDbtn01 a {    background: transparent;    line-height: 1.5;    padding: 14px 40px;    text-align: left;    border: 1px solid #333;    border-radius: 0;    color: #fff;    letter-spacing: 1px;    font-size: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    position: relative;    max-width: 300px;    margin: 0px;    position: relative;}.service_block .RWDbtn01 a::after {    content: "";    z-index: -1;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-color: #f6c613;    transform-origin: center right;    transform: scaleX(0);    transition: transform 0.3s ease-in-out;}.service_block .RWDbtn01 a:hover {    cursor: pointer;    background: transparent;    border: 1px solid #f6c613;    color: #333}.service_block .RWDbtn01 a:hover::after {    transform-origin: center left;    transform: scaleX(1);}.service_block .RWDbtn01 a::before {    content: "";    width: 100%;    height: 100%;    background: #333;    position: absolute;    top: 0;    left: 0;    z-index: -2;}.service_block .RWDbtn01 .btn-box li:hover:before {    filter: brightness(0);}/*客戶夥伴*/ 
.customer_block {    padding: 100px 0;    position: relative;}.customer_block .container {    width: 80%;}.customer_block h2 {    margin-top: 0}.customer_block::before {    content: "";    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background: #efefef;    z-index: -5;}.RWDProduct015 .product_box {    padding: 0;    width: calc(100% / 5);    margin: 0}.RWDProduct015 .product_box .imgs_box {    border: 0;    padding: 0;}.RWDProduct015 .product_box .info,.RWDProduct015 .product_box .title {    display: none}.RWDProduct015 .product_box:hover .imgs .hover {    object-fit: contain;}.RWDProduct015 .product_box .imgs .hover {    object-fit: contain;}.RWDProduct015 .product_area {    grid-row-gap: 35px;}/*底線*/ 
.bg_line {    width: calc(80% - 300px);    height: 100%;    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    pointer-events: none}.bg_line .line_01 {    width: calc(80% - 300px);    height: 100%;    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);}.bg_line .line_01::before {    content: "";    width: 1px;    height: 0%;    background: rgb(0 0 0 / 8%);    left: 0;    top: 0;    position: absolute;}.bg_line .line_01::after {    content: "";    width: 1px;    height: 0%;    background: rgb(0 0 0 / 8%);    right: 0;    top: 0;    position: absolute;}.bg_line .line_02 {    width: calc(80%/2 - 300px);    height: 100%;    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);}.bg_line .line_02::before {    content: "";    width: 1px;    height: 0%;    background: rgb(0 0 0 / 8%);    left: 0;    top: 0;    position: absolute;}.bg_line .line_02::after {    content: "";    width: 1px;    height: 0%;    background: rgb(0 0 0 / 8%);    right: 0;    top: 0;    position: absolute;}/*影片*/ 
.video_block {    position: relative;    background: #efefef;    padding: 0;    transition: 0.7s ease-in-out;}.video_block .RWDedictor008 {    position: absolute;    top: 50%;    left: 15%;    z-index: 11;    transform: translateY(-50%) !important;}.video_block .RWDedictor008 .video_txt h2 {    color: #fff;    font-size: clamp(1.125rem, 0.9821rem + 0.7143vw, 2.125rem);    line-height: 1.4;    letter-spacing: 1px;    margin-top: 0}.video_block .RWDedictor008 .video_txt h3 {    font-size: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.375rem);    font-weight: 300;    letter-spacing: 1px;    margin: 30px 0 0;    opacity: 0.7;    color: #fff;}.RWDvideo007,.RWDvideo007 .RWDvideo007__iframe .playBtn {    height: 100%;    max-height: 560px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon {    width: 110px;    height: 110px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon:before {    border: 1px dashed #fff;}/*事業群*/ 
.alliances_block {    padding: 100px 0 150px;    margin: auto;    background: #efefef}.alliances_block .container {    max-width: 1800px;    padding: 0}.alliances_block .RWDService001:before {    content: "";    width: 110%;    height: calc(100% + 80px);    border: 1px solid #cbcbcc;    position: absolute;    left: 50%;    transform: translateX(-50%);    margin-top: 2%;}.alliances_block .rwd_subject {    width: 370px;    margin: 0 auto 50px;    padding: 0 50px;    background: #efefef;    position: relative;    z-index: 2;}.alliances_block .rwd_subject img {    width: 100%;}.alliances_block .RWDService001 .boxFeature-2 {    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    border: 1px solid #cbcbcc;    color: #333;    border-radius: 0px;    transition: .5s;    overflow: hidden;    position: relative;}.alliances_block .RWDService001 {    padding: 0 50px;}.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%;    text-align: center;}.alliances_block .RWDService001 i img {    width: 180px;}.alliances_block .RWDService001 h2 {    font-size: 1em;    font-weight: 500;    line-height: 1.8;    margin: 5px 0 30px;    order: 2;    width: 64%;    letter-spacing: 1px;}.alliances_block .RWDService001 ul {    display: flex;    flex-wrap: wrap;    margin: 0 0 30px;    padding: 0;    justify-content: center;    padding-left: 55px;    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%, rgb(14 40 147 / 80%) 100%);}.alliances_block .RWDService001 .col-md-3.col-sm-6:hover article.boxFeature-2:before {    opacity: .3;    transition: .5s;}.alliances_block .RWDService001 div.row:before {    content: '用好的設計，創造更好的收益為行銷而生的設計整合者';    position: relative;    display: block;    margin: 0 auto 50px;    font-size: 32px;    text-align: center;    font-weight: 300;    width: 440px;    line-height: 1.6;    color: #222;    font-family: 'Noto Sans TC', sans-serif;    letter-spacing: 1px;}/*設計觀點*/ 
.views_block {    padding: 100px 0;    position: relative;}.views_block::before {    content: "";    width: 100%;    height: 50%;    background: #efefef;    position: absolute;    top: 0;    left: 0;    z-index: -1}.views_block .title_block {    text-align: left;    padding: 0 15px;    margin-bottom: 80px;    width: 80%;    margin-inline: auto;}.views_block .container {    padding: 0;    width: 100% !important;}.RWDservice012 .text_box {    height: 65vh}.RWDservice012 .text_box.num4 .text {    height: 100%;}.RWDservice012 .text_box .text {    width: calc(100% / 3);    border: 0;    align-items: flex-end;    padding-bottom: 190px;    color: #fff}.RWDservice012 .text_box .text:nth-child(1) {    display: none;}/*.RWDservice012 .text_box.num4 .text:nth-child(2) {border-right: 1px solid rgb(255 255 255 / 10%)}.RWDservice012 .text_box.num4 .text:nth-child(3) {border-right: 1px solid rgb(255 255 255 / 10%)}*/ 
.RWDservice012 .main_box::before {    content: "";    width: 100%;    height: 100%;    background: rgb(0 0 0 / 50%);    position: absolute;    bottom: 0;    left: 0;    z-index: 2;    opacity: 0.5;}.views_block .RWDbtn01 .btn-box {    justify-content: center;    margin-right: 0px;}.RWDservice012 .text_box .text .box {    padding: 0;    min-height: 165px;}.RWDservice012 .text_box .text .arrow {    display: none}.RWDservice012 .text_box .text .title {    font-size: clamp(1.5625rem, 1.4285rem + 0.6696vw, 2.5rem);    line-height: 1.5;    letter-spacing: 1px;    margin-bottom: 15px;    text-shadow: 0px 0px 30px rgb(51 51 51 / 40%);}.RWDservice012 .text_box .text .memo {    line-height: 1.8;    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    letter-spacing: 0.5px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    white-space: normal;    min-height: 100px;    font-weight: 300;    transition: all .8s ease;}.RWDservice012 .text_box .text .title::before {    content: "";    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    position: absolute;    top: -50px;    left: 0;    font-weight: 300;}.RWDservice012 .text_box:hover .text .title {    text-shadow: none;}#m_RWDfullscreen01_89_1 .text_box .text.light::after {    border-color: #f6c613;}.RWDservice012 .text_box:hover .text.light .memo {    opacity: 1;}.RWDservice012 .text_box:hover .text .memo {    opacity: 0;}.RWDservice012.hover .text_box .text {    opacity: 0.2;}/*設計觀點三個區塊各別的小字*/ 
.RWDservice012 .text_box.num4 .text:nth-child(2) .title::before {    content: "時方觀點";}.RWDservice012 .text_box.num4 .text:nth-child(3) .title::before {    content: "案例故事";}.RWDservice012 .text_box.num4 .text:nth-child(4) .title::before {    content: "時方觀點";}.RWDservice012 .text_box.num4 .text::before {    content: "";    width: 35px;    height: 30px;    background: url(archive/image/customization/btn_img02.png) no-repeat;    position: absolute;    bottom: 72px;    left: 19%;    transition: 0.4s;}.RWDservice012 .text_box.num4 .text::after {    content: "";    width: 76px;    height: 76px;    border: 1px solid #fff;    top: auto;    bottom: 60px;    left: 16%;    position: absolute;    border-radius: 50%;}.RWDservice012 .swiper-slide.swiper-slide-active .box .bg {    transform: none;}.RWDservice012.hover .text_box .text.light::after {    background-color: #f6c613 !important;}.RWDservice012:hover .text_box.num4 .text.light::before {    filter: invert(1);    transition: 0.4s;}/*洽詢表單*/ 
.contact_block {    padding: 150px 0;}.contact_block .container {    display: grid;    grid-template-columns: 1fr 1fr;    position: relative;    gap: 10vw;    padding: 0;    max-width: 1600px;}.contact_block .container::before {    content: '';    width: 1px;    height: 100%;    position: absolute;    background: #ddd;    top: 0;    left: 50%;    transform: translateX(-50%);}.contact_block .container::after {    display: none;}.RWDeform001 .section-subject {    display: none}.RWDeform001 .col-sm-4 {    width: 100%;    padding: 0;}/* .right_txt .RWDeform001 {    max-width: 600px;} */ 
.RWDeform001 span.boxname {    width: calc(100% / 3 - 30px);    display: inline-block;}input[type="checkbox"] {    width: 20px;    height: 20px;    background-color: #fff;    border: 1px solid #ccc;    border-radius: 0px;    outline: none;    margin: 0px 10px 0 0;}span.options {    display: flex;    flex-wrap: wrap;    align-items: center;    grid-row-gap: 10px;}.contact_block .left_txt ul {    padding-left: 0;    list-style: none;    line-height: 1.5;    margin-top: 120px;    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem);    color: #333;    letter-spacing: 1px;}.contact_block .left_txt ul li span {    font-family: 'Montserrat', sans-serif;    font-size: clamp(1.125rem, 1.0714rem + 0.2679vw, 1.5rem);    margin-right: 20px;    border-bottom: 1px solid #888}.contact_block .left_txt ul li {    margin-bottom: 35px;}#eFormm_RWDfullscreen01_94_1>div:nth-child(5)>div:nth-child(4)>label {    display: block;}#eFormm_RWDfullscreen01_94_1>div:nth-child(6) {    display: flex;    align-items: center;    justify-content: flex-end;}.RWDeform001 .ebtn {    width: 300px;    min-width: 300px;    background: transparent;    float: right;}.RWDeform001 .ebtn a {    background: transparent;    padding: 9px;    position: relative;    letter-spacing: 1px;}.RWDeform001 .ebtn a::after {    content: "";    width: 100%;    height: 100%;    background: #333;    position: absolute;    top: 0;    left: 0;    z-index: -2;}.RWDeform001 .ebtn a::before {    content: '';    z-index: -1;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-color: #f6c613;    transform-origin: center right;    transform: scaleX(0);    transition: transform 0.25s ease-in-out;}.RWDeform001 .ebtn a:hover {    cursor: pointer;    color: #333}.RWDeform001 .ebtn a:hover::before {    transform-origin: center left;    transform: scaleX(1);}/*表單樣式*/input {    border: none;    outline: none;}.RWDeform001 .form-control {    padding: 15px;    border: 1px solid #eee !important;    border-bottom: 1px solid #ccc !important;    border-radius: 0;    height: 55px;    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    font-family: 'Noto Sans TC', sans-serif;    letter-spacing: 1px;    position: relative;    box-shadow: none;    transition: all 0.5s;}.RWDeform001 .form-control:hover {    border-bottom: 1px solid #666 !important;    box-shadow: none;    transition: all 0.5s;}.RWDeform001 .form-control:focus {    border-bottom: 1px solid #666 !important;    box-shadow: none;    transition: all 0.5s;}.RWDeform001 .form-group input {    color: #333;    caret-color: #333;    transition: all 0.5s;}.RWDeform001 .form-group textarea {    color: #333;    caret-color: #333;    height: 170px;}@supports (-webkit-mask: none) and (not (caret-color:#333)) {    .RWDeform001 .form-groupinput {        color: #333;    }    .RWDeform001 .form-group input::first-line {        color: #ccc;    }}.RWDeform001 .form-group label.must:before {    display: none}.RWDeform001 label {    font-size: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    font-weight: 400;    color: #333;    letter-spacing: 0.5px;    margin-bottom: 10px;}.RWDeform001 .form-horizontal .form-group {    margin-bottom: 45px;}.left_txt .RWDedictor008 {    position: sticky;    top: var(--StickyHeight);}.RWDeform001 .error {    color: #e91212;    padding: 10px 0 0;    margin-bottom: 0;}/*smooth scroll*/ 
.c-scrollbar {    z-index: 99998;    opacity: 1;}/* 230612 service icon */ 
.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(3) .col-sm-6 i,.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(1) .col-sm-6 i {    content: '';    background-size: contain;    background-position: center;    width: 110px;    height: 110px;    margin: auto;    margin-bottom: 22px;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(1) .col-sm-6 i {    background: url(archive/image/customization/service_icon_01_4.png) no-repeat;    background-size: contain;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(3) .col-sm-6 i {    background: url(archive/image/customization/service_icon_02_2.png) no-repeat;    background-size: contain;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(3) .col-sm-6 img,.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(1) .col-sm-6 img {    display: none;}/* 集團區塊css再base */
/*動態 start*/

/*案例*/ 
.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3.col-sm-3 {animation: 2000ms ease normal forwards fadeInUP;opacity: 0;animation-delay: .5s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(1) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 0.3s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(2) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 0.6s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(3) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 0.9s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(4) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 1.2s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(5) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 1.5s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(6) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 1.8s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(7) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 2.1s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(8) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 2.4s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(9) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 2.7s;}.RWDproduct004.animated #portfolio.portfolio-nogutter .row .col-md-3:nth-child(10) {animation: 1000ms ease normal forwards 1 an01;animation-delay: 3s;}@keyframes an01{0% {    opacity: 0;    -webkit-transform:translateY(30px);    -moz-transform:translateY(30px);    -ms-transform:translateY(30px);    -o-transform:translateY(30px);    transform:translateY(30px);}100% {    opacity: 1;    -webkit-transform:translateY(0px);    -moz-transform:translateY(0px);    -ms-transform:translateY(0px);    -o-transform:translateY(0px);    transform:translateY(0px);}}/*服務內容*/ 
.service_block .animated.RWDService001 .col-md-3.col-sm-6 {animation: 2000ms ease normal forwards fadeInLeft;opacity: 0;animation-delay: .5s;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(1) .col-sm-6 {animation-delay: 0.3s;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(2) .col-sm-6 {animation-delay: 0.6s;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(3) .col-sm-6 {animation-delay: 0.9s;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(4) .col-sm-6 {animation-delay: 1.2s;}/*logo牆背景線*/ 
.bg_line .animated.line_01::before, .bg_line .animated.line_01::after, .bg_line .animated.line_02::before, .bg_line .animated.line_02::after {animation: 2000ms ease normal forwards 1 line_an !important;animation-delay: 1s !important;}.bg_line .line_01.animated, .bg_line .line_02.animated {animation-name:none !important}@keyframes line_an {  from {    height:0;  }  to {    height:100%;  }}

/*動態 end*/
/*footer start*/

.footer_block {background: #efefef;}.ft_info {padding: 80px 0;border-bottom: 1px solid #ddd;}.ft_info a {color:#333}.ft_txt dl {width: 100%;display: flex;align-items: center;margin:0}.ft_txt dl dt {font-weight: 400;}.ft_info .RWDedictor008 {display: flex;align-items: center;justify-content: center;}.ft_info .RWDedictor008 .ft_logo {width: 45%;text-align: center;}.ft_txt {    display: flex;    align-items: center;    flex-wrap: wrap;    width: 55%;    color: #333;    font-size: clamp(1rem, 0.9821rem + 0.0893vw, 1.125rem);    font-family: 'Source Sans Pro','Noto Sans TC', sans-serif;    letter-spacing: 0.5px;}.ft_txt .box01 {width: 25%;}.ft_txt .box02 {width: 75%;}/*copyright*/ 
.ft_txt02 ul {list-style: none;padding: 30px 0;text-align: center;margin:0}.ft_txt02 ul li {display: inline-block;margin: 0 calc(15px / 2);color:#999;font-size:14px;text-transform: uppercase;}.ft_txt02 ul li a:nth-child(1) {margin: 0 15px;border: 1px solid #ddd;padding: 0 15px;border-top: 0;border-bottom: 0;}.ft_txt02 ul li:nth-child(4) {margin: 0;}.ft_txt02 ul li a {color:#999}/*scrollTop*/ 
.scrollTop002 {right: 10px;bottom: 80px;}.scrollTop002 img {width: 55px;height: 55px;}.scrollTop002 .ii {border: 1px solid #888;background: transparent !important;}/*小螢幕的頁尾社群*/ 
.ft_txt .media_block {display: none;}/*cookie*/ 
.RWDalert_fancybox.bottom {width: 100%;padding: 15px 50px !important;box-shadow: 1px 0px 2px rgba(20%,20%,40%,0.2) !important;display: flex;align-items: center;justify-content: center;grid-column-gap: 20px;background: rgb(0 0 0 / 90%) !important;color: #fff;    flex-wrap: wrap;}.RWDalert_fancybox .btn.active {border-radius: 0px;margin:0;background: #fac63e !important;border: 0px !important;display: block;padding: 5px 50px;color: #000 !important;font-size: 15px;}.RWDalert_fancybox .btn:hover {color: #000 !important;}.RWDalert_fancybox.bottom .editor {margin-bottom:0 !important}.RWDalert_fancybox.bottom a {color: #42ae1e;font-weight: bold;transition: 0.4s;}.RWDalert_fancybox.bottom a:hover {color:#2B7213;transition: 0.4s;}

/*footer end*/
/*內頁 start*/

.collapsing_header .main {    margin-top: 0 !important;    background: #efefef;    overflow: inherit;}.webtech_edit_mode .RWDmenu_plus04 {    z-index: 1;}.webtech_edit_mode .collapsing_header .full_page_photo {    z-index: 0;    top: 0 !important;}.page .page_active,.page ul li a:hover {    background-color: #f6c613;    color: #333;}.page ul li a:hover {    background-color: #f6c613;    color: #333;}.page_wrapper_bg .title_block h2 span {    font-size: clamp(2.8125rem, 2.3661rem + 2.2321vw, 5.9375rem) !important;    line-height: 1.1;}.page_wrapper_bg .title_block h2 {    font-size: clamp(1.5625rem, 1.4285rem + 0.6696vw, 2.5rem) !important;}.article6.articlecontent .page_wrapper_bg section.call_to_action {    padding-top: 100px;}.article6 .page_wrapper_bg section.call_to_action {    min-height: 40vw;}.article6 .page_wrapper_bg .article-text h2 {    margin-bottom: 50px;}br.hidd_t {    display: none;}/* 匯入內頁版面寬度80%*//*a連結*/a {    text-decoration: none;}.page_wrapper_bg section.call_to_action a,.page_wrapper_bg section.call_to_action a:hover,.page_wrapper_bg section.call_to_action a:focus {    color: #000;    text-decoration: none;}.row {    margin-right: 0px;    margin-left: 0px;}/*221226最小字級修正*/ 
.login_box_body .control-label,#btn_forget_form,#btn_reverify_form,.link-style,.member_join,.btn-primary,#forget_table .th,#join_form,.RWDquiry,.RWDshopping,.RWDproduct_page .control-box .control-label,.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .txt .title,#mobile-fixed input,#mobile-fixed select,#mobile-fixed select.form-control:not([size]):not([multiple]),#plusbuy_mobile-fixed input,#plusbuy_mobile-fixed select,#plusbuy_mobile-fixed select:not([size]):not([multiple]),.RWDproduct_page input,.RWDproduct_page select,.RWDproduct_page select.form-control:not([size]):not([multiple]),.RWDproduct_page .btn,.RWDproduct_page .ibtn,.hgroup .breadcrumb,.shopping-item-box .item-btn,#join_form input,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping input,.RWDshopping select,.RWDshopping select.form-control:not([size]):not([multiple]),.bonus-box .form-group .btn,.voucher-box .form-group .btn,.form-control,.layoutlist_8 .listdate .yearmonth,input,select,textarea,.video_item_summary,.download .search-go,.layoutlist_2 .listdate .yearmonth,.layoutlist_2 .list_subject .subsubject,.layoutlist_4 .listdate .yearmonth,.layoutlist_5 .list_subject a,.rwdlayoutlist_9 .summary,.rwdlayoutlist_9 .cdate,.RWDsearch01 .search-nav-btn,.count_info,.layoutlist_5 .item .summary,.list-btn_mobile,.list-btn,.buybtn,.layoutlist_3 .dbtn_v2,#mobile-fixed .btn,#plusbuy_mobile-fixed .btn,#mobile-fixed .stock,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,.sum-box .total .td:last-child small,.delivery-editor ul,.goadd-box,.info-editor ul,.plus-fixed .name a,.plus-list .name a,.shopping-item .name,.shopping-step .name,.RWDshopping,.RWDshopping .btn,.bonus-box .form-group .btn,.delivery-editor,.goadd-box .goadd,.info-editor,.login-box a,.login-box a:hover,.plus-list .addcart,.plus-list .price-box,.shopping-item .tag,.shopping-title .freight,.shops-box .shops,.voucher-box .btn.vouchers,.voucher-box .form-group .btn,.login_box_footer a.shopping_view,.shopping_viewlogin__member,.RWDproduct_page .download_container .btn,.RWDsearch_page .list-img .name,.RWDmenu_plus04 .cart-block .name,.RWDmenu_plus04 .querycar-block .name,.RWDmenu_plus04 .cart-block .spe-box,.RWDmenu_plus04 .querycar-block .spe-box,.RWDtimeline02 .timeline2_list .block .text,.shopping_viewlogin__intro {    font-size: 15px !important;    letter-spacing: 0 !important;    line-height: 1.5;}.download .search-go {    line-height: 2;}.layoutlist_4 .buybtn {    padding: 10px 0;}.list-btn {    padding: 10px 0;    margin: 20px 0 0;}.layoutlist_5 .product_list_item .subject {    margin: 10px 0 0;}.layoutlist_5 .item .buybtn {    width: 100%;    padding: 5px 0;}input#top_search_searchkey {    font-size: 20px !important;    letter-spacing: 1px !important;}.cd-search.full .ibtn,.RWDmenu_plus04 #search-box.full .ibtn {    font-size: 20px;}.RWDmenu_plus04 .member-block .form-area .group {    flex-wrap: nowrap;}.login_box_footer a.member_join {    display: flex;    justify-content: center;    align-items: center;}input#search_box_text {    font-size: 20px !important;}/*左側選單*/ 
.articlecontent .page_wrapper_bg section.call_to_action,.blogcontent .page_wrapper_bg section.call_to_action {    padding-top: 0;}.pagecontent.col-md-9 {    width: 100%;    float: none;}.is-item-list #sidebar .products-nav ul {    margin-bottom: 0;}.is-item-list .pagecontent.col-md-9 {    margin-top: 110px !important;}#sidebar {    padding: 0;    width: 100%;    float: none;    padding-right: 0 !important;    position: absolute;    height: 100%;    z-index: 222;    pointer-events: none;    top: 0;}.m2018 .products-nav .nav-title {    display: none;}#sidebar .products-nav ul {    display: flex;    flex-wrap: wrap;    justify-content: center;    margin-bottom: 50px;    padding: 15px 0;}.m2018 .products-nav>ul>li:first-child>a {    border-left: 1px solid rgb(0 0 0 / 15%);}.m2018 .products-nav>ul>li.active>a {    color: #000;    font-weight: 700;}.m2018 .products-nav>ul>li>a {    min-width: 150px;    text-align: center;    border-right: 1px solid rgb(0 0 0 / 15%);    padding: 5px;    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    font-weight: 400;    color: #555;    transition: all .5s ease}.m2018 .products-nav>ul>li {    margin: 0;    padding: 0;    border-bottom: 0;}#sidebar .m2018 {    position: sticky;    top: -1px;    transition: .3s ease;    pointer-events: all;}.is-item-list .page_wrapper_bg section.call_to_action,.blogslist .page_wrapper_bg section.call_to_action {    margin-top: -14%;}.is-item-list #sidebar.down .m2018:before {    background: #efefef;    height: 100%;}.is-item-list #sidebar .m2018:before,.blog_nav:before {    content: "";    position: absolute;    width: calc(100% + 300px);    height: 0;    left: -150px;    top: 0;    background: transparent;    transition: all .3s ease;}/*main*/ 
.page_wrapper_bg section.call_to_action {    padding: 100px 0;    min-height: 32vw;}.page_wrapper_bg section.call_to_action>.container {    padding: 0 150px;    width: 100%;}.page_wrapper_bg .article-text .container {    width: 100%;    padding: 0;}.hgroup .container {    width: 100%;    margin: 0;    border-bottom: 0;}/*搜尋*/ 
.RWDsearch_page .search-list {    margin-bottom: 40px !important;}.RWDsearch_page .list-img .name {    height: auto;}/*文字統一設定*/ 
.page_wrapper_bg .hgroup h1 {    line-height: 1.7;}.page_wrapper_bg .article-text h2,.blog__content h2,.RWDright_cont002 .item-first .text-box .title {    font-size: clamp(1.125rem, 1rem + 0.625vw, 2rem);    line-height: 1.5;    letter-spacing: 1.5px;    font-weight: 500;    color: #333;}.page_wrapper_bg .article-text h3,.blog__content h3 {    color: #333;    letter-spacing: 1.5px;    line-height: 1.5;    margin-bottom: 10px;    font-weight: 500;    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem) !important;}.page_wrapper_bg .article-text h4,.blog__content h4 {    font-size: 1.2rem;    line-height: 1.5;    letter-spacing: 1.5px;    margin: 15px 0 15px;    font-weight: 500;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.blog__content,.blog__content p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.company_block .RWDright_cont002 .item-first .text-box .text p {    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    line-height: 1.8;    letter-spacing: 1px;    font-family: 'Montserrat', sans-serif, 'Noto Sans TC', sans-serif;    font-weight: 300;    text-align: justify;    color: #333;}._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page {    font-weight: 300;    font-family: 'Montserrat', sans-serif, 'Noto Sans TC', sans-serif;}._bd_row label,._bd_row li,._bd_row p,._bd_row td,.blog__content label,.blog__content li,.blog__content p,.blog__content td {    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    line-height: 1.8;    font-weight: 300;    color: #333;}._bd_row li,.products-info .txt .editor li,.RWDproduct_page .products-editor li {    margin-bottom: 10px;}._bd_row ol,.products-info .txt .editor ol,.RWDproduct_page .products-editor ol {    padding-left: 22px;}._bd_row ul,.RWDproduct_page .products-editor ul {    margin-bottom: 15px;    padding-left: 18px;}.article1 ._bd_row img {    width: 100%;}._bd_row hr {    border: none;    border-top: 1px solid #c8bcab;    margin: 60px 0 !important;}.editor a:focus,.editor a:hover,._bd_row a:focus,._bd_row a:hover,.formdesc a:focus,.formdesc a:hover {    color: #333;}._bd_column._bd_full {    padding: 0;}.pagecontent .article_model[data-seq="0"] {    margin-top: 10px !important;}._bd_row p {    margin: 0 0 10px;}._bd_row a {    color: #5a4539;}._bd_row dd {    margin-bottom: 10px;    margin-left: 0;    line-height: 1.7;}._bd_row b,._bd_row strong {    font-weight: 500;}/*-------按鈕--------*/#panelCms .btn.btn-primary {    float: none;    border-radius: 5px !important;}/*重新填寫*/ 
.refill_btn {    display: none;}/*回上一頁按鈕*/ 
.btn {    font-size: 16px;}#article .btn.btn_back a,#album .btn.btn_back a {    padding: 15px;    display: block;}.btn.btn_back {    margin-right: 0;    float: none;    background: transparent !important;    padding: 0;    box-shadow: none;    margin-top: 60px;    display: flex;    justify-content: center;}.btn.btn_back a {    min-width: 250px;    padding: 15px;    background: transparent;    color: #444;    transition: all 0.2s ease;    border: 1px solid #444;    line-height: 1;    position: relative;}.btn.btn_back a:hover {    border: 1px solid #000;    color: #fff !important;    background: transparent;}@keyframes backward2 {    0% {        transform: translate(0);        opacity: 1    }    45% {        opacity: 0    }    50% {        transform: translate(-90%);        opacity: 0    }    50.1% {        transform: translate(90%)    }    60% {        opacity: 1    }    to {        transform: translate(0);        opacity: 1    }}.btn.btn_back a:before {    content: "";    width: 23px;    height: 6px;    background: url(archive/image/customization/btn_img03.png) no-repeat;    background-size: contain;    position: relative;    display: inline-block;    transition: 0.4s;    margin-right: 15px;}.btn.btn_back a:hover:before {    animation: backward2 .6s cubic-bezier(.4, .4, 0, 1) forwards;    filter: brightness(10) contrast(1);}.btn.btn_back a:hover:after {    transform-origin: center right;    transform: scaleX(1);}.btn.btn_back a:after {    content: "";    position: absolute;    background-color: #333;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    transform-origin: center left;    transform: scaleX(0);    transition: transform 0.3s ease-in-out;}/*確定送出*/ 
.page_wrapper_bg .ebtn {    padding: 0;    background: transparent;    -webkit-border-radius: 0px;    -moz-border-radius: 0px;    border-radius: 0px;    float: right;    margin-right: 0;}.page_wrapper_bg .ebtn a {    display: block;    text-align: center;    min-width: 280px;    line-height: 1.5;    padding: 10px 30px !important;    margin-top: 0px;    color: #fff;    background: #444;    border: 1px solid #444;    transition: all .2s ease;}.page_wrapper_bg .ebtn a:hover {    background: #000;    color: #000 !important;    border-color: #f6c613;    transition: all .2s ease;}.page_wrapper_bg .ebtn a {    color: #fff !important;}.new-form .new-width .currectsend_btn a:hover:after {    filter: brightness(0.3);    animation: backward .6s cubic-bezier(.4, .4, 0, 1) forwards;}.new-form .new-width .currectsend_btn a:hover:before {    width: 100%;    left: 0;}.new-form .new-width .currectsend_btn a:before {    content: "";    position: absolute;    top: 0;    right: 0;    background-color: #f6c613;    transition: 0.3s ease-in-out;    z-index: -1;    height: 100%;    width: 0;}.new-form .new-width .currectsend_btn a {    display: flex;    align-items: center;    justify-content: center;    position: relative;    z-index: 1;}.new-form .new-width .currectsend_btn a:after {    content: "";    width: 23px;    height: 6px;    background: url(archive/image/customization/btn_img02.png) no-repeat;    background-size: contain;    position: relative;    display: inline-block;    transition: 0.4s;    margin-left: 15px;}/*文章列表*/ 
.RWDslider01 .products-list .products-item .box {    display: flex;    align-items: center;}.RWDslider01.pic-right .products-list .products-item .box {    flex-direction: row-reverse;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 {    margin-top: 100px !important;}/*文章列表-2*/#article .layoutlist_2 .list_subject a {    font-size: 16px !important;    font-weight: bold;    margin: 0px 0px 20px !important;    display: block;    line-height: 1.5 !important;}.subsubject {    font-size: 14px;    font-weight: 400;    line-height: 1.5;}.layoutlist_2 .listdate .yearmonth,.layoutlist_4 .listdate .yearmonth {    padding-bottom: 0;}.layoutlist_2 .item {    width: 100%;}.pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}/*文章列表-3*/ 
.layoutlist_3.fn_article3 .list_subject a {    font-size: 16px !important;    font-weight: bold;    margin: 0px 0px 20px !important;    display: block;    line-height: 2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a {    font-size: 14px !important;    font-weight: 400;    line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item {    display: flex;    align-items: stretch;    border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a {    font-size: 17px !important;    font-weight: 700;    margin: 0 0 10px !important;    display: block;    line-height: 1.5 !important}#article .layoutlist_4 .list_subject .summary a {    font-size: 16px !important;    font-weight: 400;    line-height: 1.5 !important}#article .layoutlist_4 .listdate {    padding: 0 10px;    width: 90px;    border-left: 1px solid #eee}#article .layoutlist_4 .listdate .day {    font-size: 25px}#article .layoutlist_4 .listdate .yearmonth {    letter-spacing: 1px;    padding: 0}#article .layoutlist_4 .item .list_img {    padding-left: 0}#article .layoutlist_4 .list_subject {    width: calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list {    height: auto;}/*文章列表-7*/#article .layoutlist_7 .subject,.article7 .layoutlist_7 .subject a {    margin-top: 15px !important;    margin-bottom: 10px !important;    color: #333;}#article .layoutlist_7 .cdate,.article7 .layoutlist_7 .cdate a {    font-size: 12px;    display: none;}#article .layoutlist_7 .litem {    margin: 0 0 30px;    padding: 0 10px;}/*文章列表-8*/ 
.article3 .collapsing_header .main,.blog1 .collapsing_header .main {    background: #fff;}.article3.is-item-list .pagecontent,.blog1.is-item-list .pagecontent {    max-width: 1600px;    margin: 0 auto;}.layoutlist_8 .article_subject {    font-weight: 500;    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem);    line-height: 1.5;    display: block}.layoutlist_8 .list_subject .summary {    margin: 10px 0}.layoutlist_8 .list_subject .summary a {    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    font-weight: 400;    line-height: 1.5;    color: #555 !important;}#article .layoutlist_8 .item:before {    display: none;}#article .layoutlist_8 .item:last-child {    border: 0;    padding-bottom: 0;}#article .layoutlist_8 .item {    background: #fff;    display: grid;    grid-template-columns: 35% auto;    align-items: center;    padding: 50px 0;    border-bottom: 0;}._col.listdate.col-sm-2.col-md-2 {    display: none;}.layoutlist_8 .list_subject {    text-align: left;    width: 100%;    padding: 100px 80px 0;    height: 100% !important;    position: relative;}.layoutlist_8 .list_subject .summary p {    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;}span.view_tag {    position: absolute;    top: 50px;    display: flex;    align-items: center;}span.view_tag:hover,.blog__content .blog__item__cate .blog__link {    color: #555 !important;}span.view_tag:before,.blog__content .blog__item__cate::before {    content: "";    position: relative;    display: inline-block;    width: 10px;    height: 10px;    margin-right: 8px;    background: #f6c613;    top: -1px;}._col.list_img.col-sm-3.col-md-3 {    width: 100%;    padding: 0;}#article .layoutlist_8 .item:nth-child(2) {    padding-top: 0;}.article3.articlecontent .page_wrapper_bg section.call_to_action>.container,.blog1.blogcontent .page_wrapper_bg section.call_to_action>.container {    max-width: initial;}.article3.articlecontent .pagecontent .article_model {    margin: 0 auto;    max-width: 1850px;}.list_btn {    display: inline-block;    border-bottom: 1px solid #ddd;    margin-top: 50px;    position: relative;}.list_btn:after {    content: "";    width: 23px;    height: 6px;    background: url(archive/image/customization/btn_img.png) no-repeat;    background-size: contain;    position: relative;    display: inline-block;    top: -4px;    transition: 0.4s;    margin-left: 10px;}.list_btn:hover:before {    left: 0;    width: 100%;}.list_btn:before {    content: "";    position: absolute;    width: 0;    height: 1px;    background: #333;    bottom: -1px;    right: 0;    transition: all .3s ease;}.article3.is-item-list #sidebar.down .m2018:before {    background: #fff;}/*文章列表頁籤修正*/#article .tabs {    margin: 50px 0;}#article .tabs .content {    padding: 30px !important;    border-top: 1px solid #ccc !important;}/*產品頁籤*/ 
.RWDproduct_page .tab-box .tab-container>ul>li {    padding: 50px;}#product_tabs .content section {    border: 1px solid;    border-top: 0;    margin: -10px 0 0;}/*相簿列表*/ 
.layoutlist_2 .album_item {    height: auto !important;}/*相簿上下方說明*/#album .page_desc {    margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {    margin: 50px 0 0;}/*修正相簿a連結顏色*/ 
.photo_view .flex-direction-nav a {    color: transparent !important;}/*相簿-1*/#album .layoutlist_1 .album_item_subject {    padding: 20px 0px;    font-size: 18px;}#album .page_content2 .dis .dis_li .text {    font-size: 16px;    line-height: 1.8;    letter-spacing: 0;    color: #000;    font-weight: 400;    margin: 0 0 30px}/*相簿-2*/#album .layoutlist_2 .album_item_subject {    padding: 20px 0px;    font-size: 18px;}/*Q&A*/ 
.rwd .faq_question {    font-size: 16px;    letter-spacing: 2px;}.rwd .faq_answer {    font-size: 15px;    letter-spacing: 2px;    line-height: 1.8;}/*修正產品、文章預設列表排版*/ 
.productlist .layoutlist_2,.productlist .layoutlist_4,.productlist .layoutlist_5,.albumlist .layoutlist_2,.albumlist .layoutlist_4,.articlelist .layoutlist_2,.articlelist .layoutlist_4 {    display: flex;    flex-wrap: wrap;    align-items: flex-start;}.sortbar {    float: none !important;    margin-bottom: 20px !important;    text-align: left !important;    width: 100%;}/*電子表單*/ 
.RWDeform001 label {    width: 100%;}input#verifycode {    min-width: 130px;    margin-right: 15px;}.eforms1 input#verifycode {    margin: 0;}.eformsDesc {    margin: 50px 0;    border: 0;}.eformscontent .layoutlist_1 {    width: 100%;    max-width: 1500px;    margin: 0 auto;}.form-horizontal .form-group {    margin-left: 0;    margin-right: 0;}.form-horizontal .control-label {    font-weight: 400;}textarea.form-control {    min-height: 130px;}.systemmsg {    text-align: center;}.customized_columns {    padding-left: 120px;}.contact_title_p {    position: sticky;    top: 100px;}.new-form {    display: flex;    flex-wrap: wrap;    margin-top: 0;    animation: 1500ms ease normal forwards 1 fadeInUp;    animation-delay: .5s;    opacity: 0;}.new-form .formdesc {    border-right: 1px solid rgb(0 0 0 / 10%);    padding-right: 120px;}.eforms1 span.options {    display: grid;    grid-template-columns: repeat(3, 30px auto);}.eformscontent .col-sm-12.col-md-12 .ebtn a {    color: #000 !important;}.eformscontent .col-sm-12.col-md-12 .ebtn a:hover {    color: #fff !important;}.eforms1 .collapsing_header .main {    margin-top: 18vw !important;}.new-form .customized_columns ._input:focus,.new-form .customized_columns ._input:hover {    border-color: #999;    background: rgb(255 255 255 / 90%);}.eforms1 .banner_box {    height: 18vw;}.eforms1 .page_wrapper_bg .RWDvideo006 {    height: 100vh;}.eforms1 .page_wrapper_bg .title_block h2 {    margin-bottom: 0 !important;}.contact_title_p h2 {    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem) !important;    margin: 0;    line-height: 1.1 !important;}.eforms1 .page_wrapper_bg section.call_to_action {    background: rgb(255 255 255 / 60%);    padding: 120px 0;    backdrop-filter: blur(9px);    min-height: 35vw;}.page_wrapper_bg .article-text .contact_title_p h3 {    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;}.contact_title_p li span {    font-size: clamp(1.125rem, 1.0714rem + 0.2679vw, 1.5rem);    margin-right: 20px;    border-bottom: 1px solid #888;}.contact_title_p li {    margin-bottom: 25px;}.contact_title_p ul {    list-style-type: none;    padding-left: 0;    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem);    margin-top: 80px;    font-weight: 400;}.new-form .form-horizontal .form-group {    margin-bottom: 40px;}.new-form .customized_columns ._input,.new-form .customized_columns select {    height: 50px;    border-radius: 0;    box-shadow: none;    border: 0;    border-bottom: 1px solid rgb(0 0 0 / 20%);    background: rgb(255 255 255 / 60%);    transition: all .5s ease;}.new-form .new-width .col-md-5,.new-form .new-width .col-md-11 {    width: 100% !important;}.new-form .new-width .must,.new-form .new-width .control-label,.new-form .new-width .row .col-md-1 {    width: 100%;    padding: 0 15px;}.form-group label.must:after {    display: none;}label.error {    font-weight: 400;    font-size: 14px;}/*隱私權*/ 
.privacy_block,.privacy_block p {    line-height: 2;    letter-spacing: 1px;    color: #000}.privacy_block a {    color: #000;    transition: 0.4s}.privacy_block a:hover {    color: #000;    transition: 0.4s;    text-decoration: none}.privacy_block h5 {    font-size: 18px;    font-weight: bold;    margin: 50px 0 10px;    color: #000;}.privacy_block h6 {    font-size: 16px;}.privacy_block ul {    padding-left: 24px;}/*購物說明文字*/ 
.shopping_txt {    line-height: 2;    letter-spacing: 1px;    color: #000}.shopping_txt a {    color: #000;    transition: 0.4s}.shopping_txt a:hover {    color: #000;    transition: 0.4s;    text-decoration: none}.shopping_txt .item_row {    margin-bottom: 50px}.shopping_txt h2 {    font-size: 24px !important;    font-weight: bold;    margin: 0;    color: #e70707;    text-decoration: underline;    line-height: 1.5 !important}.shopping_txt h3 {    font-size: 20px !important;    font-weight: bold;    margin: 0 0 10px;    color: #000;    line-height: 1.5 !important}.shopping_txt ul {    padding-left: 24px;}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a {    background: #000;    padding: 5px 20px;    color: #fff !important;    border-color: #000;}/*隱私權購物說明最大寬度限制*/ 
.privacy_block,.shopping_txt {    max-width: 1200px;    margin: auto;}/*hashtag a連結修正*/ 
.hashtag_block .hashtagLink {    /* color: #fff !important; */}/*作品*/#article .layoutlist_7,#article .layoutlist_8 {    animation: 1500ms ease normal forwards 1 fadeInUp;    animation-delay: .5s;    opacity: 0;}#article .layoutlist_7 .summary {    position: absolute;    top: calc(55% + 20px);    left: 50%;    transform: translate(-50%, -50%);    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    opacity: 0;    transition: all .5s ease;    transition-delay: .1s;    overflow: hidden;    color: #fff !important;}#article .layoutlist_7 .subject {    position: absolute;    top: calc(55% - 20px);    left: 50%;    transform: translate(-50%, -50%);    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;    opacity: 0;    transition: all .5s ease;    width: 100%;    text-align: center;    padding: 0 50px;    color: #fff !important;}#article .layoutlist_7 .litem:hover .subject {    opacity: 1;    top: calc(50% - 20px);}#article .layoutlist_7 .litem:hover .summary {    top: calc(50% + 20px);    opacity: 1;}#article .layoutlist_7 .litem:hover .img:before {    opacity: 1;}#article .layoutlist_7 .litem .img:before {    content: "";    position: absolute;    width: 100%;    height: 100%;    background: rgb(0 0 0 / 40%);    backdrop-filter: blur(5px);    left: 0;    opacity: 0;    pointer-events: none;    transition: all .5s ease;}#article .layoutlist_7 .litem:hover .subject a,#article .layoutlist_7 .litem:hover .summary a {    color: #fff;}#article .layoutlist_7 .img {    position: relative;}#article .layoutlist_7 .summary,.article7 .layoutlist_7 .summary a {    font-size: 16px !important;    font-weight: 300;    line-height: 1.5 !important;}.layoutlist_7 .subject,.layoutlist_7 .subject a {    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem) !important;    font-weight: 400;}/*作品內頁*/ 
.articlecontent .page_wrapper_bg section.call_to_action>.container,.blogcontent .page_wrapper_bg section.call_to_action>.container {    padding: 0;}.articlecontent .pagecontent .article_model {    width: 100%;    padding: 0 200px;}.article1.articlecontent .pagecontent .article_model[data-seq="0"],.article3.articlecontent .pagecontent .article_model[data-seq="0"] {    padding: 0;    overflow: hidden;    max-width: initial;    max-height: 100vh;}.article1.articlecontent .pagecontent .article_model[data-seq="1"] {    margin: 100px 0 !important;}.article1.articlecontent .pagecontent .article_model[data-seq="1"] .editor:before {    display: none;}.article1.articlecontent .pagecontent .article_model[data-seq="1"] .editor {    display: grid;    grid-template-columns: 36% auto;    grid-column-gap: 80px;}.works_t_left h1 {    font-size: clamp(1.125rem, 1rem + 0.625vw, 2rem);    line-height: 1.5;    letter-spacing: 1.5px;    font-weight: 500;    color: #333;    margin: 0 0 80px;}.article1 .page_wrapper_bg h2 {    margin-top: 0;    font-size: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);    font-weight: 500;}.works_t_left dl {    display: grid;    grid-template-columns: 95px auto;    grid-column-gap: 30px;    align-items: baseline;    margin-bottom: 15px;}.works_t_left dl a {    border-bottom: 1px solid #999;    margin-right: 15px;    position: relative;    padding: 2px;    color: #666 !important;    transition: all .5s ease;}.works_t_left dl a:hover {    color: #333 !important;}.img_two {    display: grid;    grid-template-columns: 1fr 1fr;    grid-column-gap: 2.4em;}.article1.article1.articlecontent .RWDslider01 .text {    display: none;}.article1.article1.articlecontent .RWDslider01 .pic-list {    float: none;    width: 100%;    padding-right: 0;}.article1.article1.articlecontent .RWDslider01 .control-box {    position: absolute;    right: 50%;    bottom: 80px;    transform: translate(50%, 0);    display: flex;    align-items: center;}.article1.articlecontent .RWDslider01 .pic-list figure {    position: relative;    margin: 1.4em 0 1em;}.RWDslider01 .products-list {    margin-bottom: 0;}.article1.articlecontent .RWDslider01 .pic-list figure:before {    content: "";    position: absolute;    width: 100%;    height: 30%;    background: linear-gradient(to top, rgb(0 0 0 / 30%), transparent);    bottom: 0;}.article1.articlecontent .RWDslider01 .control-box .indicator {    padding: 0 30px;}.article1.articlecontent .RWDslider01 .slick-dots {    margin-bottom: 0;}.article1.articlecontent .RWDslider01 .slick-arrow {    font-size: 25px;}.article1.articlecontent .RWDslider01 .slick-dots button {    font-size: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    font-family: 'Montserrat', sans-serif, 'Noto Sans TC', sans-serif;    color: #fff;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 {    margin-top: 0 !important;}.articlecontent .pagecontent .article_model[data-seq="0"] ._bd_row img {    margin-top: 0;}.img_three img:first-child {    grid-column: 1;    grid-row: 1/3;    object-fit: cover;    /* max-width: initial; */    height: calc(100vh - 2.4em);}.img_three {    display: grid;    grid-template-columns: 1fr 1fr;    grid-column-gap: 2.4em;}.img_three img {    height: calc(50vh - 2.4em);    object-fit: cover;}.works_t_left dl a:after {    content: "";    position: absolute;    width: 0;    height: 1px;    right: 0;    bottom: -1px;    background: #333;    transition: all .5s ease;}.works_t_left dl a:hover:after {    left: 0;    width: 100%;}.article1.articlecontent .banner_block,.article3.articlecontent .banner_block,.blog1.blogcontent .banner_block {    display: none;}.articlerelated-box {    padding: 80px 100px;    margin-top: 100px;    border-top: 1px solid #ccc;}.articlerelated-box .list-inline>li {    padding: 0;}.articlerelated-box span.date {    display: none;}.articlerelated-box span.summary {    display: none;}.articlerelated-box .title {    margin: 0 0 15px !important;    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    font-weight: 500 !important;    line-height: 1.5;    text-align: center;}.articlerelated-box span.name {    text-align: center;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    white-space: normal;    overflow: hidden;}.articlerelated-box figure.pic {    overflow: hidden;}.articlerelated-box .list-inline>li:hover img {    transform: scale(1.05);}.articlerelated-box .list-inline>li img {    transition: all .5s ease;}.articlecontent #sidebar {    display: none;}.articlerelated-box .list-inline.article-slider.rowflex {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 30px;    margin-left: 0;}.page_wrapper_bg .RWDvideo006 {    width: 100%;    height: 30vw;    overflow: hidden;    z-index: 0;}.page_wrapper_bg .RWDvideo006__wrapper,.page_wrapper_bg .RWDvideo006__video {    height: 100%;}.page_wrapper_bg .RWDvideo006__editor {    top: 50%;    text-align: center;    left: 50%;    transform: translate(-50%, -50%);}.page_wrapper_bg .RWDvideo006__editor__inner .title_block h2 span {    display: block;    margin-right: 0;}.article1.articlecontent .pagecontent .article_model[data-seq="0"] ._bd_row img,.article3.articlecontent .pagecontent .article_model[data-seq="0"] ._bd_row img,.blog__cover img {    animation-name: zoomOut01;    -webkit-animation-duration: 7s;    animation-duration: 7s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}@keyframes zoomOut01 {    0% {        transform: scale(1.2);        -webkit-transform: scale(1.2);        -moz-transform: scale(1.2);        -o-transform: scale(1.2);        -ms-transform: scale(1.2);    }    100% {        transform: scale(1);        -webkit-transform: scale(1);        -moz-transform: scale(1);        -o-transform: scale(1);        -ms-transform: scale(1);    }}/*views*/ 
.article3.articlecontent .pagecontent .article_model[data-seq="0"],.blog1.blogcontent .pagecontent .article_model[data-seq="0"] {    max-height: 50vh;}.view_pic.img-th img {    max-width: calc(100%/3);}.view_pic.img.four {    max-width: 70%;    margin: 0px auto;    grid-column-gap: 2.4em;}.view_pic.img.four img {    max-width: calc(25% - 2.4em);}.view_pic {    display: flex;    justify-content: center;    align-items: center;    overflow-x: auto;}.views_t {    margin: 50px 0;}.views_t ol {    margin: 30px 0;}.views_t h4 {    margin: 30px 0 10px !important;}.RWDtimeline02 .timeline2_list .block .text,.RWDtimeline02 .timeline2_list .block:before,.RWDtimeline02 .slick-list:after {    display: none;}.RWDtimeline02 .timeline2_list .block .pic {    width: 80%;}.RWDtimeline02 .timeline2_list li:nth-child(even) {    padding-top: 0;}.RWDtimeline02 .timeline2_list .block {    width: 100%;    height: auto;    display: block;}.RWDtimeline02 .timeline2_list.active li.slick-active .block {    left: 0;}.RWDtimeline02 .timeline2_list .block .pic {    width: 100%;    display: block;}.RWDtimeline02 .control-box {    width: calc(100% - 200px);    top: 50%;    left: 100px;    z-index: 22;    transform: translate(0, -50%);}.RWDtimeline02 .control-box .slick-next:after,.RWDtimeline02 .control-box .slick-prev:after {    border-color: transparent #333 transparent transparent;}.RWDtimeline02 .control-box .slick-arrow {    border: 1px solid #333;    background: #fff;}.RWDtimeline02 .control-box .slick-next {    right: 0;    position: absolute;}.view_pic.img_two {    display: grid;    grid-template-columns: 1fr 1fr;    grid-column-gap: 2.4em;}.view_pic.img-full {    margin: 0;}.img-full img {    width: 100%;}.view_title,.blog__title {    margin-top: 100px;}.views_t h3 span,.blog__content h2 span {    text-align: center;    margin-right: 10px;    color: #fff;    background: #333;    min-width: 50px;    display: inline-block;    border-radius: 99em;    font-size: 18px;    line-height: 1.3;    padding-top: 3px;    top: -2px;    position: relative;    letter-spacing: 0;}.view_pic.img-th.phone_pic {    display: grid;    grid-template-columns: auto 31% 31%;    grid-column-gap: 15px;}.view_pic.img-th.phone_pic img {    max-width: 100%;}/*service*/ 
.banner_box {    height: 30vw;    position: fixed;    top: 0;    z-index: -4;    width: calc(100% - 270px);}.banner_txt {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    text-align: center;}.banner_txt .title_block h2 span {    display: block;    margin-right: 0;}.collapsing_header .full_page_photo {    position: fixed;    top: 0 !important;    z-index: -4;    width: calc(100% - 270px);    height: auto;    display: block;}.article2.articlecontent .page_wrapper_bg section.call_to_action {    background: rgb(255 255 255 / 50%);    padding-bottom: 0;    backdrop-filter: blur(9px);}.RWDservice015 .section-subject {    text-align: center;    margin-bottom: 80px;}.banner_box.down .banner_txt {    opacity: 0;    transition: all .3s ease;}.article2 .collapsing_header .main,.article4 .collapsing_header .main {    margin-top: 30vw !important;}.article2 .RWDvideo006,.article4 .RWDvideo006 {    height: 100vh !important;}.article2 .pagecontent .article_model[data-seq="0"] {    max-width: 1500px;    text-align: center;    margin: 200px auto !important;}.article2 .pagecontent {    padding: 0 !important;}.article2 .pagecontent .article_model[data-seq="1"] {    padding: 0;    background: #efefef;}._bd_column._bd_full.ser_box_p {    padding: 120px 20%;    border-top: 1px solid #ddd;    display: grid;    grid-template-columns: 40% auto;    align-items: center;    position: relative;}.left_ser span {    display: block;    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem) !important;    letter-spacing: 0;    font-weight: 500;}.page_wrapper_bg .article-text .left_ser h3 {    font-size: clamp(1.5625rem, 1.4285rem + 0.6696vw, 2.5rem) !important;    margin: 0;    font-weight: 700;}.ser_box_p:hover:before {    opacity: 1;    height: 100%;}.ser_box_p:before {    content: "";    position: absolute;    width: 100%;    height: 0;    background: #333;    top: 0;    right: 0;    opacity: 0;    transition: all .6s ease;    z-index: 1;}._bd_column._bd_full.ser_box_p:hover p,._bd_column._bd_full.ser_box_p:hover h3 {    color: #fff !important;}.left_ser,.right_ser {    position: relative;    z-index: 3;}.right_ser {    display: flex;    justify-content: space-between;    align-items: center;}.right_ser p {    margin: 0;    width: calc(100% - 100px);    display: flex;    flex-wrap: wrap;    line-height: 1 !important;}.right_ser p span:last-child {    border: 0;}.right_ser p span {    border-right: 1px solid #999;    padding-right: 10px;    margin: 8px 10px 8px 0;}.page_wrapper_bg .article-text h2.big_tit {    font-weight: 700;    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem);    animation-delay: .5s !important;}.circle_btn img {    margin: 0;    filter: brightness(0.2);}.contact_call a:hover .circle_btn img,.ser_box_p:hover .circle_btn img,a.ab_btn:hover .circle_btn img,.list_btn:hover:after {    animation: backward .6s cubic-bezier(.4, .4, 0, 1) forwards;}.ser_box_p:hover .circle_btn {    opacity: 1;    transition: all .5s ease;    transform: translate(0px, 0%);}.circle_btn {    position: relative;    width: 70px;    height: 70px;    background: #f6c613;    transform: translate(-30px, 0%);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    opacity: 0;}.ser_fir ._bd_column._bd_full.ser_box_p {    border: 0;}/*服務步驟*/ 
.RWDservice015 .section-subject h2,.ser_contact h2,.RWDphoto004 .title-main {    font-size: clamp(1.875rem, 1.5625rem + 1.5625vw, 4.0625rem);    font-weight: 600;    letter-spacing: 0.5px;    color: #333;    margin: 0;    font-family: 'Montserrat', sans-serif;    line-height: 1.1;}.RWDservice015 .section-subject h3,.ser_contact h3,.RWDphoto004 .title-sub {    margin: 0 0 80px;    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    color: #333;    letter-spacing: 1px;    font-weight: 500;    line-height: 1.5;}.s015_imgblock,.s015-swiper-pagination.swiper-pagination {    top: calc((100vh - 750px)/2);}.s015_title {    display: flex;    width: 100px;    height: 100px;    background: #333;    border-radius: 50%;    color: #fff;    justify-content: center;    align-items: center;    font-size: 22px;    font-family: 'Montserrat', sans-serif;    font-weight: 400;}.s015_subtitle {    font-size: clamp(1.625rem, 1.5714rem + 0.2679vw, 2rem) !important;    line-height: 1.3;    width: calc(100% - 100px);    padding-left: 30px;}.s015_memo {    padding-left: 130px;    display: flex;    flex-wrap: wrap;}.s015_pc_text .s015_textblock.placeSpace {    display: block !important;    padding-top: 0;}.s015_pc_text .s015_textblock {    padding-top: 10vw;}.s015_memo span:last-child:after {    display: none;}.s015_memo span:after {    content: "";    width: 23px;    height: 6px;    background: url(archive/image/customization/btn_img.png) no-repeat;    background-size: contain;    position: relative;    display: inline-block;    margin: 0 15px;    top: -6px;    opacity: .5;}.s015_memo span {    font-size: clamp(1rem, 0.9464rem + 0.2679vw, 1.375rem);    line-height: 1.8;    color: #555;}.s015_pc_text .s015_textblock:first-child {    padding-top: 5vw;}.s015_pc_text .s015_textblock:first-child:before {    top: 50%;    height: calc(100% + 5vw);}.s015_pc_text .s015_textblock:before {    content: "";    position: absolute;    width: 1px;    height: 100%;    background: #ccc;    left: 50px;    top: calc(50% + 5vw);}.s015_pc_text .s015_textblock:nth-child(4):before,.s015_pc_text .s015_textblock.placeSpace:before {    display: none;}.service_steps {    padding: 150px 0 100px;    position: relative;}.contact_call {    padding: 13vw 20%;    text-align: center;}.ser_contact {    text-align: left;}.contact_call a {    display: flex;    justify-content: center;    align-items: center;}.contact_call a:hover .circle_btn {    background: #fff;    border-color: #fff;}.contact_call .circle_btn {    position: relative;    transform: translate(0px, 0);    right: 0;    margin-left: 80px;    width: 80px;    height: 80px;    border: 1px solid #333;    background: transparent;    transition: all .5s ease;}.ser_contact h3 {    margin: 0;}.contact_call .circle_btn.animated {    -webkit-animation-name: fadeInRight;    animation-name: fadeInRight;    animation-delay: .5s !important;}.service_steps.animated:before {    content: "";    position: absolute;    width: 100%;    height: 100%;    background: #fff;    top: 0;    opacity: 0;    animation: 1500ms ease normal forwards 1 fadeIn;}.service_steps.animated {    animation: none;    opacity: 1 !important;}.late_ain {    animation-delay: 1.3s !important;}.ser_contact h2 {    font-size: clamp(2.8125rem, 2.3661rem + 2.2321vw, 5.9375rem);}@keyframes backward {    0% {        transform: translate(0);        opacity: 1    }    45% {        opacity: 0    }    50% {        transform: translate(90%);        opacity: 0    }    50.1% {        transform: translate(-90%)    }    60% {        opacity: 1    }    to {        transform: translate(0);        opacity: 1    }}.RWDmenu_plus04 .edit_mask {    width: 270px;}/*關於*/ 
.article4.articlecontent .page_wrapper_bg section.call_to_action {    background: #fff;    padding: 150px 0;    min-height: auto;}.article4 .pagecontent {    padding: 0 !important;}.ab_box:before {    display: none;}.ab_box {    display: grid;    grid-template-columns: 45% auto;    grid-column-gap: 8%;    align-items: center;}.customer_logo {    background: #efefef;    position: relative;    padding: 150px 0;}h2.ab_p_tit,.company_info .RWDright_cont002 .item-first .text-box .title {    font-size: clamp(1.5625rem, 1.4285rem + 0.6696vw, 2.5rem) !important;    margin: 0 0 50px;}h2.ab_p_tit span {    padding: 0 10px;    color: #f6c613;}.article4 .RWDscore01 .score-maintitle,.RWDscore01 .score-subtitle,.RWDscore01 .trigger-wrap {    display: none;}.score_block {    padding: 12% 0;}.article4 .RWDscore01 .score-content {    padding: 0;}.article4 .RWDscore01 .score-mainblk {    min-height: auto;}.article4 .RWDscore01 .count-blk {    padding-top: 0;    max-width: 100%;    overflow: initial;}.article4 .RWDscore01 .count-item:before {    content: "";    position: absolute;    width: 13vw;    height: 13vw;    border: 1px solid #333;    border-radius: 50%;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}.RWDscore01 .count-num:after {    content: "+";    position: absolute;    font-size: 50px;    top: -12px;    color: #333;}.article4 .RWDscore01 .count-item {    width: 11vw;    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    position: relative;}.article4 .RWDscore01 .count-num {    display: block;    font-size: clamp(2.8125rem, 2.3661rem + 2.2321vw, 5.9375rem) !important;    font-family: 'Montserrat', sans-serif;    font-weight: 600;    letter-spacing: -2px;    line-height: .8;}.article4 .RWDscore01 span {    display: none;}.article4 .swiper-container-autoheight .swiper-wrapper {    align-items: center;    justify-content: center;}.article4 .RWDphoto004 .vt-line {    display: none;}.article4 .RWDphoto004 .xicon-item {    width: 20% !important;    margin: 0 !important;}.article4 .RWDphoto004 .xicon-logo {    width: 100% !important;    height: 7vw !important;}.customer_logo .container {    max-width: 80%;}.article4 .RWDphoto004.wrap-block .logo-wall {    grid-row-gap: 35px;    padding: 0;}.article4 .RWDphoto004.wrap-block .logo-main {    text-align: center;    margin-bottom: 0;}.article4 .RWDphoto004 {    margin: 0;}/**/ 
.company_block {    background: #fff;}.company_block .RWDright_cont002 .item-first .text-box .underline {    display: none}.company_block .RWDright_cont002 .item-first {    position: relative;    background: transparent;    padding: 0;    display: flex;    justify-content: center;    align-items: center;}.company_block .RWDright_cont002 .item-first a {    width: 40%;    display: block}.company_block .RWDright_cont002 .item-first .pic {    width: 100%;    float: none}.company_block .RWDright_cont002 .item-first .text-box {    width: 60%;    float: none;    color: #555;    padding: 0px 0 0 10%;}.company_block .RWDright_cont002 .item-first .text-box .text {    margin-top: 0;    width: 100%;    overflow: initial}.company_block .RWDright_cont002 .item-first .pic img,.RWDright_cont002 .item-first:hover .pic img {    transform: scale(1)}.company_block .RWDright_cont002 .item-first .text-box a {    display: none}.company_block .RWDright_cont002 .item-first .text-box img {    transform: rotate(3deg);    width: 350px;    margin: 35% 0 0;    display: block}/**/ 
.company_pic .container {    padding-right: 0 !important;}.RWDbanner_plus01 .slick-list {    overflow: visible;    padding-right: 10vw;}.RWDbanner_plus01 .slick-item {    padding-right: 80px;}.company_pic {    padding: 80px 0 150px;}.company_info {    padding: 150px 0 0;}.company_pic .RWDbanner_plus01.style-dotnav.control-center .control-box {    width: calc(100% - 10vw - 80px);    bottom: 20px;}.company_pic .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #fff;    opacity: 1;}.company_pic .RWDbanner_plus01.style-dotnav.dot .slick-dots button {    width: 10px;    height: 10px;    background: #ddd;}.ab_box_pic {    animation-delay: 1s !important;}.ab_p_tit {    animation-delay: 1.3s !important;}ab_box_t p {    animation-delay: 1.5s !important;}a.ab_btn .circle_btn {    position: relative;    opacity: 1;    right: 0;    top: 0;    transform: translate(0px, 0px);    margin-left: 15px;    width: 30px;    height: 30px;    background: transparent;}a.ab_btn {    display: flex;    align-items: center;    margin-top: 80px;    border: 1px solid #999;    padding: 10px 30px;    max-width: 280px;    justify-content: center;    position: relative;    z-index: 1;}a.ab_btn:hover:before {    transform-origin: center left;    transform: scaleX(1);}a.ab_btn:hover {    border-color: #f6c613;}a.ab_btn:hover:before {    left: 0;    width: 100%;}a.ab_btn:before {    content: "";    position: absolute;    top: 0;    right: 0;    background-color: #f6c613;    transition: 0.3s ease-in-out;    z-index: -1;    height: 100%;    width: 0;}/*----*/ 
.nogap {    margin: 1.4em 0 1em;}._bd_row .nogap img {    margin: 0;    margin-top: -1px;}/*----*/ 
._bd_is-btn._bd_is-btn-ghost1._bd_is-upper._bd_edit:hover {    background: #F6C60F;    border: 1px solid #F6C60F;    transition: .3s ease;}._bd_is-btn-ghost1 {    background-color: transparent;    border: 1px solid #999;    letter-spacing: 1px;    color: #333}.RWDeditor01 .model-title {    text-align: center;}/*-----------------seo區塊--------------------*//*------底色區塊樣式-----*/ 
.bgcolor-box {    padding: 3rem;}.bgcolor-box.grey {    background: #ececec;}.bgcolor-box.white {    background: #fff;}.bgcolor-box.borderradius {    border-radius: 30px;}/*------有線外框區塊樣式-----*/ 
.bgcolor-box.border.bg {    background: #ececec;}.bgcolor-box.border {    border: 1px solid #9e9e9e;    background: #fff;}/*------左側線條標題樣式-----*/ 
.title-leftborder ._bd_column._bd_full {    padding: 0;}.title-leftborder {    border-left: 5px solid #333;    padding-left: 2rem;}.title-leftborder.yellow {    border-color: #fac63e;}/*------重點文字畫底線式-----*/ 
.highlight-txtbox strong {    position: relative;    margin-right: 5px;    line-height: 1;    background: linear-gradient(180deg, transparent 50%, #fdda5a 0);}/*------上下底線文字線式-----*/ 
.topbottom-bordersec ._bd_row h1 {    margin: 0;}.topbottom-bordersec {    border-top: 1px solid #606060;    border-bottom: 1px solid #606060;    padding: 15px 0;}/*------窄版文字區塊-----*/ 
.maxwidth-txtbox {    max-width: 70%;    margin: 0 auto;}/* 匯入SEO方案專用資源樣式:root {    --forseoarticle-txtboxbg: #ececec;    --forseoarticle-boxbordercolorbg: #ececec;    --forseoarticle-boxbordercolor: #9e9e9e;    --forseoarticle-titleleftborder1: #333;    --forseoarticle-titleleftborder2: #fac63e;    --forseoarticle-highlightcolor: linear-gradient(180deg, transparent 50%, #fdda5a 0);    --forseoarticle-topbottomborder: #606060;} *//*------底色區塊樣式-----*//* .bgcolor-box {    padding: 3rem;}.bgcolor-box.grey {    background: var(--forseoarticle-txtboxbg);}.bgcolor-box.white {    background: #fff;}.bgcolor-box.borderradius {    border-radius: 30px;} *//*------有線外框區塊樣式-----*//* .bgcolor-box.border.bg {    background: var(--forseoarticle-boxbordercolorbg);}.bgcolor-box.border {    border: 1px solid var(--forseoarticle-boxbordercolor);    background: #fff;} *//*------左側線條標題樣式-----*//* .title-leftborder ._bd_column._bd_full {    padding: 0;}.title-leftborder {    border-left: 5px solid var(--forseoarticle-titleleftborder1);    padding-left: 2rem;}.title-leftborder.yellow {    border-color: var(--forseoarticle-titleleftborder2);} *//*------重點文字畫底線式-----*//* .highlight-txtbox strong {    position: relative;    margin-right: 5px;    line-height: 1;    background: var(--forseoarticle-highlightcolor);} *//*------上下底線文字線式-----*//* .topbottom-bordersec ._bd_row h1 {    margin: 0;}.topbottom-bordersec {    border-top: 1px solid var(--forseoarticle-topbottomborder);    border-bottom: 1px solid var(--forseoarticle-topbottomborder);    padding: 15px 0;} *//*------窄版文字區塊-----*//* .maxwidth-txtbox {    max-width: 70%;    margin: 0 auto;} *//*---------*//* .titleinlinebox h3 {    display: inline;} *//* 250421 */ 
.articlelist .page_wrapper_bg section.call_to_action>.container {    max-width: 2000px;}.articlecontent .pagecontent .article_model {    padding: 0 300px;}.banner_box,.collapsing_header .full_page_photo {    width: 100%;}.article2 .pagecontent .article_model[data-seq="0"] {    max-width: 1650px;}.article3.articlecontent .pagecontent .article_model {    padding: 0;}.page ul{display: flex;    justify-content: flex-end;}.article1 .hashtag_block .hashtagLink{    background: transparent;    color: #333;    padding: 0;    font-size: 15px;    line-height: 1.3;}.article1 .hashtag_block .hashtagLink:not(:last-of-type){    border-right: 1px solid #ddd;    padding-right: 10px;    margin-right: 10px;    border-radius: 0;}.article1.articlecontent .hgroup{    display: none;}

/*內頁 end*/
/*seo blog start*/

/* 共通設定 */:root {    /* 文字大小 */    /* 螢幕2560px-390px 大小45px-24px */    --font-size-h1:  clamp(1.5rem, 1.2641rem + 0.9677vw, 2.8125rem);    /* 螢幕2560px-767px 大小30px-22px */    --font-size-h2: clamp(1.375rem, 1.1611rem + 0.4462vw, 1.875rem);    --font-size-h3: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);    --font-size-h4: clamp(1.0625rem, 0.9823rem + 0.1673vw, 1.25rem);    /* 螢幕2560px-767px 大小20px-16px */    --font-size-h5: clamp(1rem, 0.8931rem + 0.2231vw, 1.25rem);    /* 螢幕2560px-767px 大小17px-16px */    --font-size-h6: clamp(1rem, 0.9733rem + 0.0558vw, 1.0625rem);    --font-size-p: clamp(0.9375rem, 0.9107rem + 0.1339vw, 1.125rem);    /* 顏色 */    --blog-main-color: #f6c60f;    --blog-content-bg: white;    --text-main-color: #111;    --text-sub-color: #555;    --gradient-bg-main: linear-gradient(180deg, #fac63e 0%, #ffde64 100%);    --gradient-bg-mark: linear-gradient(180deg, transparent 50%, #fdda5a 0);    /* 按鈕 */    --btn-color: white;    --btn-border-color: white;    --btn-bg: transparent;    --btn-hover-color: white;    --btn-hover-border-color: #f6c60f;    --btn-hover-bg: #f6c60f;    --btn-border-badius: 99em;    --btn-width: 200px;    --btn-height: 50px;    --btn-font-size: 17px;    --btn-margin-top: max(2vw, 2rem);    /* 間距 */    --section-padding: clamp(2rem, 0.7167rem + 2.6771vw, 5rem);    --block-padding: max(3vw, 1.5rem);    --title-bottom: 1rem;    /* 其他 */    --border-color: #dadada;    --blog-sticky-top: 99px;}/* 列表、內頁通用 */ 
.blog1 .page_wrapper_bg section.call_to_action>.container {    width: 95%;}.blog1.blogcontent .page_wrapper_bg section.call_to_action>.container {    width: 100%;}.blog-wrap {    background: white;    padding: var(--block-padding);}.blogcontent .collapsing_header .main {    overflow: unset;    background: #fbfbfb;}/* .blog1 .page_wrapper_bg section.call_to_action>.container .page_subject {    justify-content: flex-start;    text-align: left;    align-items: flex-start;    margin: 0 0 2rem;} */ 
.blog1 .hashtag_block .hashtagLink {    border: none;    background: #fff5d2;    padding: 4px 10px;    color: var(--text-main-color);    font-weight: 300;    letter-spacing: 1px;}/* 列表 */ 
.blog_menus {    font-weight: 700;    letter-spacing: 2px;    color: var(--text-main-color);    font-size: var(--font-size-h6);}.blog-item__go {    color: var(--text-main-color);    letter-spacing: 1px;    font-weight: 400;    padding: 10px 1.5rem;    line-height: 1.2;    border-color: var(--border-color);    margin: 1rem 0 0;    font-size: 15px;    transition: background .3s ease;}.blog_footer_wrap {    display: flex;    margin-top: 2em;    justify-content: space-between;    align-items: center;}.blog_menu_row.active .blog_menu_row_label {    font-weight: 500;}.blog_menu_row {    font-weight: 300;}.blog_nav {    max-width: 300px;}.blog_submenus {    border-bottom: 1px solid var(--border-color);}.blog-wrap {    gap: 0 5%;}.blog_total-pages {    color: var(--text-sub-color);    letter-spacing: 1px;    line-height: 1.5;    margin: 0 10px 0 auto;}.tagsArea {    color: var(--text-main-color);    background: #fbfbfb;    border-radius: 0.5vw;    padding: 1rem 1.5rem;}.tagLabel {    font-weight: 400;    letter-spacing: 1px;    padding: 0;    margin: 0 0 1rem;    font-size: var(--font-size-h6);}.blog_search {    color: var(--text-sub-color);    border: 1px solid var(--border-color);    margin: 1rem 0 3rem;}.hashtag_block.tagList .hashtagLink.tag-item {    border: 1px solid #ddd;    background: transparent;    font-size: 14px;    padding: 3px 8px;    font-weight: 300;}/* 內頁 */ .hgroup .container{    padding: 0;}.blog__head {    display: grid;    grid-template-columns: 1fr;    gap: 0px 0px;    grid-auto-flow: row;    grid-template-areas:        "blog__cover"        "blog__title"        "blog__info"        "blog__tags";}.blog__cover {    grid-area: blog__cover;}.blog__title {    grid-area: blog__title;}.blog__info {    grid-area: blog__info;}.blog__tags {    grid-area: blog__tags;}.blog-recommend-wrap,.blog__footer,.blog__body,.blog__head :is(.blog__title, .blog__info, .blog__tags) {    max-width: 1800px;    margin-inline: auto;    width: 85%;}.blog__body {    padding: var(--block-padding);    background: white;}.blogcontent .hgroup .container {    border: 0;}.blogcontent .page_subject {    padding: 0px;}.blog__title {    color: var(--text-main-color);    line-height: 1.5;    font-size: calc(var(--font-size-h1));    margin: 150px auto 1.5rem;    padding: 1.5rem 0;    border-top: 1px solid var(--border-color);    border-bottom: 1px solid var(--border-color);    font-weight: 600;    letter-spacing: 1.5px;}.blog__info {    justify-content: flex-end;}.blog__info__author {    margin: 0 1rem 0 0;}.blog__content h2 {    font-size: var(--font-size-h2);    line-height: 1.5;    letter-spacing: 0;    font-weight: bold;    margin: var(--section-padding) 0 var(--title-bottom);    color: var(--text-main-color);}.blog__content h2+h3,.blog__content h2+ul {    margin-top: calc(var(--section-padding)/2);}.blog__content>#heading-1 {    margin-top: 0;}.blog__content h3 {    font-size: var(--font-size-h3) !important;    font-weight: 500;    color: var(--text-main-color);    margin: var(--section-padding) 0 var(--title-bottom);    line-height: 1.5 !important;}.blog__content h4 {    font-size: var(--font-size-h4);    color: var(--text-main-color);    margin: var(--section-padding) 0 var(--title-bottom);}.blog__content h5 {    font-size: var(--font-size-h5);    color: var(--text-sub-color);    margin: var(--title-bottom) 0 var(--title-bottom);}.blog__content h6 {    font-size: var(--font-size-h6);    color: var(--text-sub-color);    margin: var(--title-bottom) 0 var(--title-bottom);}.blog__content,.blog__content p {    font-size: var(--font-size-p);    letter-spacing: 1px;    color: var(--text-sub-color);}.blog__content ol,.blog__content ul {    margin: 2rem 0;}.blog__content ol>li,.blog__content ul>li {    border-bottom: 1px dashed #888888a8;    padding: 0 0 1rem;    margin: 0 0 1rem;}.blog__content ol li::marker {    font-weight: bold;}.blog__content ol>li:last-child,.blog__content ul>li:last-child {    border: 0;    padding: 0;    margin: 0;}.blog__content ul h3 {    margin-top: 0;}.blog__content img {    margin: 2rem auto;}.blog__content img.img-full {    width: 100%;    padding: 10px;}/* 樣式 */ 
.blog__content a {    color: var(--blog-main-color);    text-decoration: underline !important;}.blog__content b,.blog__content strong {    font-weight: bold;}/* 畫重點 */ 
.blog__content strong em,.blog__content em strong {    position: relative;    margin-right: 5px;    background: var(--gradient-bg-mark);    font-style: normal;    font-weight: 400;}.blog__content blockquote p {    margin: 0 0 calc(var(--section-padding)/2) 0;}.blog__content .mark-block {    padding: max(2vw, 1.5rem) max(2.5vw, 1.5rem);    margin-bottom: calc(var(--section-padding)/2);}.blog__content .mark-block-1 {    border: 1px solid var(--border-color);}.blog__content .mark-block-2 {    border: 1px solid var(--border-color);    border-radius: 1rem;}.blog__content .mark-block-3 {    border: 1px dashed var(--border-color);}.blog__content .mark-block-4 {    border: 1px dashed var(--border-color);    border-radius: 1rem;}.blog__content .mark-block-5 {    border-top: 1px solid var(--border-color);    border-bottom: 1px solid var(--border-color);}.blog__content .mark-block-6 {    border-top: 1px dashed var(--border-color);    border-bottom: 1px dashed var(--border-color);}.blog__content .mark-bg {    background: #fffcf2;    border-color: #cfcfce;}.blog__content .mark-tip {    border-left: 4px solid var(--blog-main-color);}.blog__content .text-mark {    display: inline-block;    border: 1px solid #dedede;    border-radius: 5px;    padding: 3px 10px;    color: var(--text-main-color);    background: #f3f3f3;    line-height: 1.4;    margin: 2rem 0 10px;    font-weight: 500;}.blog__content .text-mark+ul {    margin-top: 0;}/* 分隔線 */ 
.blog__content hr {    border-top: 1px solid var(--border-color);    margin-block: var(--section-padding);}.blog__content hr.small-margin {    margin-block: calc(var(--section-padding)/2);}.blog__content hr.hr-dashed {    border-top: 1px dashed var(--border-color);}.blog__content hr+h2,.blog__content hr+h3,.blog__content hr+h4,.blog__content hr+h5 {    margin-top: 0;}/* 表格 */ 
.rwd_table {    margin: 1rem 0 2rem;    position: relative;}.rwd_table .rwd_table_compare {    width: 100%;    overflow-x: auto;    border-collapse: collapse;    position: relative;}.rwd_table .rwd_table_compare table {    border-collapse: separate;    border-spacing: 3px;    border: 0;    position: relative;    table-layout: auto;    width: 100%;}.rwd_table .rwd_table_compare td {    white-space: inherit;    border: 1px solid #dedede;    background: #fff;    color: var(--text-main-color);    font-size: var(--font-size-p);    padding: 10px 20px;    text-align: left;    font-weight: 400;    place-content: baseline;}.rwd_table .rwd_table_compare_2 table {    table-layout: fixed;}.rwd_table .rwd_table_compare_2 tr:nth-child(odd) td,.rwd_table .rwd_table_compare_1 tr:nth-child(odd) td {    background: #fff8e2;}.rwd_table :is(.rwd_table_compare_1, .rwd_table_compare_2, .rwd_table_compare_4) tr:nth-of-type(1) td,.rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) {    font-weight: 600;    background: #fff2c6;    color: var(--text-main-color);}.rwd_table :is(.rwd_table_compare_1, .rwd_table_compare_2, .rwd_table_compare_4) tr:nth-of-type(1) td,.rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) {    font-size: var(--font-size-h4);    color: var(--text-main-color);    white-space: nowrap;    z-index: 0;}.rwd_table .rwd_table_compare .table-td-bg {    background: #fff2c6;    font-weight: 500;    color: #111;}/* 表格手手 */ 
.rwd_table .slide-hint .hint-icon {    width: 60px;    height: 60px;    background: #fff;    padding: 15px;    border-radius: 50%;    aspect-ratio: 1 / 1;    position: relative;}.rwd_table .slide-hint .hint-icon img {    position: relative;    margin: 0;    border: 0;    width: 100%;    display: block;}.rwd_table .slide-hint {    position: absolute;    width: 100%;    height: 100%;    background: #00000070;    display: flex;    align-items: center;    justify-content: center;    top: 0;    left: 0;    opacity: 0;    transition: .3s ease;    pointer-events: none !important;}.rwd_table .table-td-bg,.rwd_table .rwd_table_compare_1 td:first-of-type {    position: sticky;    left: 0;}.rwd_table:hover .slide-hint {    opacity: 0;}/* 內頁大綱 */ 
.blog__outline {    margin: 0 6vw 0 1vw;    max-width: 450px;    min-width: 320px;}.blog__outline__title {    font-weight: 600;    letter-spacing: 3px;    margin: 0 0 1rem;    color: var(--);}.blog__outline__a {    border-left: 2px solid #88888836;    padding: 1rem 1.5rem;}.blog__outline__h2>.blog__outline__a {    font-weight: 500;    padding: 10px 2rem;    width: 100%;    font-size: var(--font-size-h6);}.blog__outline__a.active {    background-color: #fff5d2;    border-left: 5px solid var(--blog-main-color);    color: var(--text-main-color);    font-weight: 600;}.blog__outline__h3>.blog__outline__a {    padding: 0.5rem 1.5rem;    padding-left: 3.5em;}/* 文章推薦 */ 
.blog-rel-wrap .blog-rel-item.item-prev,.blog-rel-wrap{    border-color: #dadada;}.blog-rel-wrap .blog-rel-link .btn-title {    font-size: var(--font-size-h5);    -webkit-line-clamp: 2;    line-height: 1.5;}.blog-item__title__a {    line-height: 1.5;    font-weight: 500;    font-size: var(--font-size-h3);    color: var(--text-main-color);    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;}.blog-item__summary {    font-size: var(--font-size-p);    line-height: 1.5;    letter-spacing: 0;    margin: 0;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;    max-height: none;    margin-bottom: 1rem;}.blog-item__cate__a {    font-size: 15px;}.blog__container .btn.btn_back {    max-width: unset;    margin-top: 0;}.blog__container .btn.btn_back a {    float: unset;    margin-left: auto;}/*.blog__outline__h3>.blog__outline__a:focus {    color: var(--blog-main-color);}/*/* 熱門文章 */ 
.blog-recommend-title{   background:#fbfbfb !important ;}/* cta */ 
.blog__content .cta-block {    text-align: center;    padding: max(4vw, 1.5rem);    background: var(--blog-main-color);    background: var(--gradient-bg-main);    margin-top: var(--section-padding);    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    color: #ffffff;}.blog__content .cta-block h3 {    margin: 0 0 1rem;    padding: 0;    color: #ffffff;    line-height: 1.5;        font-size: var(--font-size-h1) !important;}.blog__content .cta-block p {    color: #fff;    font-size: var(--font-size-h3);    font-weight: 400;}.blog__content .cta-block .cta-btn {    display: flex;    justify-content: center;    align-items: center;    width: var(--btn-width);    height: var(--btn-height);    font-size: var(--btn-font-size);    padding: 10px;    background: #333;    border-radius: var(--btn-border-badius);    color: #fff;    position: relative;    text-align: center;    margin: 0;    margin-top: var(--btn-margin-top);    transition: .3s ease;    text-decoration: unset !important;font-weight: 400;letter-spacing: 2px;}.blog__content .cta-block.cta-block-2 {    border-radius: 1em;    overflow: hidden;}.blog__content .cta-block .cta-btn-2 {    border-radius: 0;}/* 20250311箭頭 */ 
.blog__footer a.blog-rel-link:hover,.blog__footer a.blog-rel-link:active,.blog__footer a.blog-rel-link:focus {    color: var(--blog-gray-color) !important;    transition: color .3s ease;}.blog-item__cover {    padding-top: 65%;}/* 20250312滾動高度 */ 
.blog__content h1,.blog__content h2,.blog__content h3,.blog__content h4 {    scroll-margin-top: var(--blog-sticky-top);}a.blog-item__title__a:hover {    color: var(--text-main-color);}/* 頁碼 */ 
.blog_page_next {    transition: background .3s ease;}.blogcontent .btn.btn_back a{z-index: 2;}.blogcontent .btn.btn_back a:after{    z-index: -1;}@media (hover:hover) {    .blog__content .cta-btn:hover {        background: var(--btn-hover-bg);        color: var(--btn-hover-color);        border-color: var(--btn-hover-border-color);        transition: .3s ease;    }    .blog-item__title__a:hover,    .blog__outline__a:hover,    .blog-item__title__a:hover {        color: var(--blog-main-color);    }    .blog__content a:hover {        color: var(--text-main-color);    }    .blog-item__title__a:focus,    .blog__outline__a:focus {        color: var(--txt_color);    }    .blog-item__go:hover {        transition: background .5s ease;        color: white !important;    }    /* 頁碼 */    .blog_page_next:hover {        background: var(--blog-main-color);        transition: background .3s ease;    }}@media (max-width: 1440px) {    /* 表格 */    .rwd_table .rwd_table_compare_2 td,    .rwd_table .rwd_table_compare_3 td:not(:first-child),    .rwd_table .rwd_table_compare_4 td:not(:first-child),    .rwd_table .rwd_table_compare_1 td:not(:first-child) {        min-width: 18vw;    }    .blog__outline {        min-width: 250px;        max-width: 400px;        margin: 0 3vw 0 0;    }    .blog__outline__h3>.blog__outline__a {        padding-left: 2rem;    }    .blog__outline__h2>.blog__outline__a {        padding: 10px 1rem;    }    .rwd_table .rwd_table_compare_2 table {        table-layout: auto;    }}@media (max-width: 1199px) {    .blog__head .blog__tags.hashtag_block {        justify-content: flex-start;    }    .blog-rel-wrap .blog-rel-link .btn-subtitle {        display: none;    }    .blog-rel-wrap .blog-rel-link .btn-icon {        width: 40px;        height: 40px;    }    .blog-rel-wrap .blog-rel-item.item-next .blog-rel-link {        padding-right: 40px;    }    .blog-rel-wrap .blog-rel-item.item-prev .blog-rel-link {        padding-left: 40px;    }    .blog-rel-wrap .blog-rel-link .btn-icon.right {        margin-right: 0;    }    .blog-rel-wrap .blog-rel-link .btn-icon.left {        margin-left: 0;    }    .blog__outline__h3>.blog__outline__a {        padding: 10px;        padding-left: 1.5rem;        width: 100%;    }    .blog1 .page_wrapper_bg section.call_to_action>.container .page_subject {        margin: 0;    }    .blog1 .hgroup .container {        margin-bottom: 1rem;    }}@media (max-width: 1366px) {    .blog__content img {        width: 75%;    }}@media (max-width: 1024px) {    .blog_menus {        border-bottom: 1px solid var(--border-color);        padding: 1rem 0;        margin-bottom: 1rem;    }    .blog_nav {        max-width: none;    }    .blog__content img {        width: 100%;    }}@media (max-width: 991px) {    .blog__body__container {        flex-direction: column;    }    .blog__body__content {        flex: auto;        width: 100%;    }    .blog__outline {        max-width: none;        min-width: auto;        width: 100%;        margin: 0 0 5vw;        top: auto;        position: relative;        border: 0;    }    .blog__info {        margin: 0;    }    .blog__title {        margin: 0 0 2rem;    }    .blog_nav {        max-width: none;    }    /* 表格 */    .rwd_table .rwd_table_compare_2 td,    .rwd_table .rwd_table_compare_3 td:not(:first-child),    .rwd_table .rwd_table_compare_4 td:not(:first-child),    .rwd_table .rwd_table_compare_1 td:not(:first-child) {        min-width: 25vw;    }    .rwd_table .rwd_table_compare_2 table {        table-layout: auto;    }}@media (max-width: 768px) {    .blog__info__author,    .blog__info__date-published {        margin-right: 10px !important;    }    .blog__outline {        border: none;        padding: 0;        margin-bottom: 3rem;    }    .blog__outline__a {        padding: .75em .75em .75em 1em;    }}@media (max-width: 767px) {    .blog__info {        flex-direction: row;    }    /* 表格 */    .rwd_table .rwd_table_compare_2 td,    .rwd_table .rwd_table_compare_3 td:not(:first-child),    .rwd_table .rwd_table_compare_4 td:not(:first-child),    .rwd_table .rwd_table_compare_1 td:not(:first-child) {        min-width: 20vw;    }    .rwd_table .rwd_table_compare_2 td {        min-width: 35vw;    }    /* 畫重點 */    .blog__content .mark-block-6,    .blog__content .mark-block-5 {        padding-inline: 0;        background: transparent;    }}@media (max-width: 700px) {    .blog_top_list .blog-item {        width: 100%;        margin: 0 0 40px;        flex: unset;    }    .blog_top_list {        margin-bottom: 0;        gap: 0;    }    .blog-item__summary {        margin-bottom: 0;    }}@media (max-width: 650px) {    :root {        --btn-width: 100%;    }    .blog__title {        letter-spacing: 1px;        line-height: 1.5;    }    .blog__info {        flex-wrap: wrap;        display: flex;        justify-content: flex-start;    }    .blog__outline__h2>.blog__outline__a,    .blog__outline__h3>.blog__outline__a {        padding: 5px 1rem;        background-color: transparent;    }    .blog__outline__h2>.blog__outline__a.active,    .blog__outline__h3>.blog__outline__a.active {        background: transparent;        border-left: 2px solid var(--blog-main-color);    }    .blog-rel-wrap .blog-rel-link .btn-icon {        width: 20px;        height: 20px;    }    .blog-rel-wrap .blog-rel-item.item-next .blog-rel-link {        padding-right: 20px;    }    .blog-rel-wrap .blog-rel-item.item-prev .blog-rel-link {        padding-left: 20px;    }}@media (max-width: 650px) {    /* 表格 */    .rwd_table .rwd_table_compare td {        padding: 10px 15px;    }    .rwd_table .rwd_table_compare_4 tr td:nth-of-type(1),    .rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) {        white-space: unset;        min-width: 120px;    }    .rwd_table .rwd_table_compare_2 td,    .rwd_table .rwd_table_compare_3 td:not(:first-child),    .rwd_table .rwd_table_compare_4 td:not(:first-child),    .rwd_table .rwd_table_compare_1 td:not(:first-child) {        min-width: 45vw;    }}@media (max-width: 600px) {.blog-wrap{    padding: 0;    width: 95%;    margin: auto;}}@media (max-width: 480px) {    .blog__outline__h3>.blog__outline__a {        padding-left: 1rem;    }    .blog__body {        background: transparent;        padding: 0;    }    .rwd_table .rwd_table_compare_2 td,    .rwd_table .rwd_table_compare_3 td:not(:first-child),    .rwd_table .rwd_table_compare_4 td:not(:first-child),    .rwd_table .rwd_table_compare_1 td:not(:first-child) {        min-width: 50vw;    }    .blog__content img.img-full {        padding: 0;    }}.article1.articlecontent .RWDmenu_plus04 .header::before,.blogcontent .RWDmenu_plus04 .header::before{    height: 100%;    opacity: 0.8;}.article1.articlecontent .RWDmenu_plus04 .header.is-up::before,.blogcontent .RWDmenu_plus04 .header.is-up::before{    opacity: 1;}

/*seo blog end*/
/*小螢幕 start*/

@media (max-width: 2350px) {    .left_txt {        padding-left: 100px    }    .RWDvideo002 .container {        padding: 0;    }    .bg_line {        width: 80%;    }    .bg_line .line_01 {        width: 60%;    }    .bg_line .line_02 {        width: 20%;    }    .views_block .container {        padding: 0 !important;    }    .views_block .RWDbtn01 .btn-box {        margin-right: 100px;    }    .alliances_block .RWDService001 {        padding: 0 80px;    }    .alliances_block .RWDService001:before {        width: 100%    }    .alliances_block .container {        padding: 0 80px;        width: 100% !important;        max-width: 100%;    }    .RWDvideo002 .container {        padding: 0 !important;    }    .customer_block .container {        width: 90%    }    .bg_line {        width: 90%;    }    .bg_line .line_01 {        width: 54%;    }    .bg_line .line_02 {        width: 18%;    }    .ft_info .RWDedictor008 .ft_logo img {        max-width: 240px;    }    .ft_info {        padding: 80px 0 40px;    }    .left_txt {        padding-left: 30px;    }    .RWDservice012 .text_box.num4 .text::before {        left: 19.5%    }    .blog1 .page_wrapper_bg section.call_to_action>.container {        width: 100%;    }}@media (max-width: 2000px) {    .views_block .title_block,    .cd-main-content .container {        width: 85%;    }    .about_block {        padding: 400px 0    }    .cta_btn.cta_03 {        padding: 15px 40px;    }}@media (max-width: 1820px) {    .ft_txt02 ul li:nth-child(4) {        display: block    }    .ft_txt02 ul li a:nth-child(1) {        border-left: 0    }    .alliances_block .container {        padding: 0 80px;    }    .alliances_block .RWDService001 {        padding: 0 50px;    }    .RWDservice012 .text_box.num4 .text::before {        left: 20%;    }    .RWDservice012 .text_box.num4 .text::before {        left: 20.5%;    }}@media (max-width: 1700px) {    .alliances_block .RWDService001 h2 {        width: 83%    }    .RWDservice012 .text_box .text .memo {        min-height: 90px    }    .RWDservice012 .text_box {        height: 57vh;    }}@media (max-width: 1600px) {    .bg_line .line_01 {        width: 60%;    }    .bg_line .line_02 {        width: 20%;    }    .alliances_block .RWDService001 {        padding: 0 20px;    }    .alliances_block .RWDService001:before {        height: calc(100% + 50px)    }    .alliances_block .RWDService001 h2 {        width: 80%;    }    .video_block .RWDedictor008 {        left: 10%    }    .RWDservice012 .text_box.num4 .text::before {        left: 95px;    }    .RWDservice012 .text_box .text .memo {        min-height: 90px    }    .views_block .title_block,    .cd-main-content .container {        width: 100%;        padding-inline: 50px;    }    .service_block .txt_info {        width: 90%;    }}@media (max-width: 1550px) {    .RWDmenu_plus02 .share-group a:nth-child(3) {        padding: 15px 45px 18px;    }    .RWDservice012 .text_box.num4 .text::after {        width: 65px;        height: 65px    }    .RWDservice012 .text_box.num4 .text::before {        left: 87px;        bottom: 81px;        width: 30px;        height: 15px;    }    .RWDservice012 .text_box .text {        padding-bottom: 145px;    }    .cd-header-buttons {        height: 270px    }    .blog-recommend-wrap,    .blog__footer,    .blog__body,    .blog__head :is(.blog__title, .blog__info, .blog__tags) {        width: 90%;    }    .contact_block .container {        grid-template-columns: 40% 1fr;        width: 95%;    }    .contact_block .container::before {        left: calc(40% + 5vw);    }}@media (max-width: 1510px) {    .menu_btnbox .media_block {        display: none;    }    .cta_btn {        margin: 0 calc(10px / 2);        border-left: 1px solid #eee;        padding: 15px 20px;        border-top: 0    }    .cta_btn.cta_03 {        padding: 10px 20px;        width: 200px;        margin-right: 0;    }    .RWDservice012 .text_box.num4 .text::before {        left: 20%    }    .left_txt .RWDedictor008 {        top: 100px    }    .ft_info .RWDedictor008 {        flex-wrap: wrap;    }    .ft_info .RWDedictor008 .ft_logo {        width: 100%;        margin-bottom: 30px;        text-align: left;    }    .ft_txt {        width: 100%;        flex-wrap: nowrap;        display: grid;        grid-template-columns: 1fr 2fr 1fr;        grid-column-gap: 30px    }    .ft_txt .media_block {        display: flex;    }    .ft_txt .box01 {        width: 100%    }    .ft_txt .box02 {        width: 100%    }    .ft_info .media_block {        padding: 15px 0 0;        justify-content: flex-start;        width: 100%    }    .ft_info .media_block .icon_01,    .ft_info .media_block .icon_02,    .ft_info .media_block .icon_03 {        text-align: left;        width: auto;        margin-right: 15px;    }    .ft_info .media_block .icon_03 a {        display: flex;        align-items: center;    }    .alliances_block .rwd_subject {        width: 330px    }    .ft_txt02 ul {        text-align: left;    }    .ft_txt02 ul li a:nth-child(1) {        margin-left: 0;        padding-left: 0;    }    .ft_txt02 ul li {        margin-right: calc(15px / 2);        margin-left: 0;    }    .ft_info .RWDedictor008 {        justify-content: flex-start    }    .RWDmenu_plus04 #mobile-menu .menu>li {        height: auto;        margin: 0;    }    .RWDmenu_plus04 #mobile-menu .menu li>a {        display: flex;        align-items: center;    }    .RWDmenu_plus04 #mobile-menu .menu li>a .m_title {        margin-right: 12px;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active {        background-color: #f6c613;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>a {        color: #000    }    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {        padding-left: 58px;    }    .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,    .RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {        color: #000;    }    .RWDmenu_plus04 #mobile-menu {        width: 50%;        max-width: 400px;    }    .RWDmenu_plus04 #mobile-menu .menu li>a {        max-width: 200px;        justify-content: space-between;    }    .RWDmenu_plus04 #mobile-menu .menu li>a .m_stitle {        font-size: 14px;    }    .alliances-block .RWDService001 i {        min-height: 76.5px;        margin: 10px 0 20px;        padding: 0 0 30px;    }    /*--------窄版文章區塊變100%------*/    .maxwidth-txtbox {        max-width: 100%;        margin: 0 auto;    }    .customized_columns {    padding-left: 60px;}.new-form .formdesc {    padding-right: 60px;}}@media (max-width: 1400px) {    .alliances_block .RWDService001 ul {        padding-left: 48px;    }}@media (max-width: 1300px) {    .alliances_block .RWDService001 ul li:nth-child(odd) {        width: 90px    }}@media (max-width: 1280px) {    .alliances_block .container {        max-width: 800px;    }    .alliances_block .RWDService001:before {        width: 125%;        height: 100%;        margin-top: 4%;    }    .alliances_block .RWDService001 .col-md-3.col-sm-6 {        width: calc(100% / 2);        max-width: 330px;        padding: 0 20px;        margin: 0 0 40px;    }    .alliances_block .RWDService001 .col-md-3 {        width: 330px;        padding: 0 20px;        margin: 0 0 40px;    }    .alliances_block .RWDService001 ul {        padding-left: 50px;    }    .alliances_block .RWDService001 ul li:nth-child(odd) {        margin-right: 30px;    }    .alliances_block .RWDService001 .boxFeature-2:hover {        transform: scale(1);    }    .alliances_block .RWDService001 .boxFeature-2:before {        display: none;    }    .alliances_block .RWDService001 h2 {        width: 70%;    }    .views_block {        padding: 0;    }    .RWDeform001 span.boxname {        width: calc(100% / 3 - 30px);        min-width: auto;    }    .about_block {        padding: 250px 0;    }}/* 匯入內頁版面寬度80%*/@media (max-width: 2350px) {    .customer_logo .container {        padding: 0 !important;    }    .page_wrapper_bg section.call_to_action {        min-height: 500px;    }    .page_wrapper_bg section.call_to_action>.container {        padding: 0 80px;    }    .articlecontent .pagecontent .article_model {        padding: 0 150px;    }    :root {        --blog-container-padding: 150px;    }    .articlerelated-box {        padding: 80px;    }    .is-item-list #sidebar .m2018:before,    .blog_nav:before {        width: calc(100% + 160px);        left: -80px;    }    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -16%;    }    ._bd_column._bd_full.ser_box_p {        padding: 100px 200px;    }    .page_wrapper_bg .title_block h2 {        margin-bottom: 0 !important;    }    .s015_pc_text {        max-width: 100%;        width: 45%;    }    .article1 .page_wrapper_bg .RWDvideo006__editor,    .article3 .page_wrapper_bg .RWDvideo006__editor,    .blog1 .page_wrapper_bg .RWDvideo006__editor {        transform: translate(-50%, -90%);    }    .is-item-list .pagecontent.col-md-9 {        margin-top: 90px !important;    }    .RWDbanner_plus01 .slick-item {        padding-right: 30px;    }    .RWDbanner_plus01 .slick-list {        padding-right: 8vw;    }    .company_pic .RWDbanner_plus01.style-dotnav.control-center .control-box {        width: calc(100% - 8vw - 30px);    }    .company_block .RWDright_cont002 .item-first .text-box {        padding: 0px 0 0 80px;    }}@media (max-width: 2000px) {    .article4 .RWDscore01 .count-item:before {        width: 16vw;        height: 16vw;    }    .article4 .RWDscore01 .count-item {        width: 13vw;    }    .score_block {        padding: 13vw 0;    }    .s015_imgblock,    .s015-swiper-pagination.swiper-pagination {        top: calc((100vh - 550px)/2);    }    .s015_imgblock .s015_img,    .s015-swiper-pagination.swiper-pagination {        height: 500px;    }    .RWDservice015 .section-subject {        margin-bottom: 30px;    }    .service_steps {        padding: 150px 0 80px    }}@media (max-width: 1820px) {    .s015_pc_text .s015_textblock.placeSpace {        height: 100px;    }    .s015-swiper-pagination.swiper-pagination {        margin-bottom: 100px;    }    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -18%;    }    #article .layoutlist_8 .item {        grid-template-columns: 40% auto;    }    .articlecontent .pagecontent .article_model {        padding: 0 100px;    }    :root {        --blog-container-padding: 100px;    }    .ab_box {        grid-column-gap: 80px;    }}@media (max-width: 1700px) {    span.view_tag {        top: 40px;    }    .layoutlist_8 .list_subject {        padding: 80px 80px 0;    }    #article .layoutlist_7 .litem {        width: 50%;    }    .customer_logo .container {        max-width: 90%;    }    .score_block {        padding: 16vw 0;    }    .article4.articlecontent .pagecontent .article_model[data-seq="0"] {        padding-left: 0;    }}@media (max-width: 1600px) {    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -20%;    }    .article1 .page_wrapper_bg .RWDvideo006__editor,    .article3 .page_wrapper_bg .RWDvideo006__editor,    .blog1 .page_wrapper_bg .RWDvideo006__editor {        transform: translate(-50%, -100%);    }    .article4 .RWDscore01 .count-item {        width: 15vw;    }    .article4 .RWDscore01 .count-item:before {        width: 19vw;        height: 19vw;    }    .s015_title {        width: 80px;        height: 80px;    }    .s015_pc_text .s015_textblock:before {        left: 40px;    }    .s015_memo {        padding-left: 110px;    }    .s015_pc_text {        width: 48%;    }    .RWDtimeline02 .control-box {        width: calc(100% - 110px);        left: 55px;    }}/*產品定售價掉落修正*/@media (max-width: 1510px) {    .layoutlist_4 .pricearea span {        margin: 0    }    .layoutlist_4 .pricearea {        flex-direction: column-reverse;        align-items: flex-start    }    /*內頁*/    .collapsing_header .main,    .collapsing_header .full_page_photo,    .banner_box {        width: 100%;    }    .collapsing_header .full_page_photo,    .banner_box {        top: 68px !important;    }    .article2 .collapsing_header .main,    .article4 .collapsing_header .main {        margin-top: calc(30vw + 68px) !important;    }    #article .layoutlist_7 .litem {        width: calc(100%/3);        padding: 0 5px;    }    .collapsing_header .main {        top: 68px !important;    }    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -16%;    }    #sidebar .m2018 {        top: var(--NaviHeight);    }    .page_wrapper_bg section.call_to_action>.container,    .article3.is-item-list .page_wrapper_bg section.call_to_action>.container,    .blogslist .page_wrapper_bg section.call_to_action>.container {        padding: 0 50px;    }    .article1.articlecontent .pagecontent .article_model[data-seq="0"],    .article3.articlecontent .pagecontent .article_model[data-seq="0"] {        max-height: calc(100vh - 68px);    }    .article3.articlecontent .pagecontent .article_model[data-seq="0"] {        max-height: calc(50vh - 68px);    }    .articlecontent .pagecontent .article_model {        padding: 0 80px;    }    :root {        --blog-container-padding: 80px;    }    .article1.articlecontent .pagecontent .article_model[data-seq="1"] .editor {        grid-template-columns: 32% auto;    }    .article2 .pagecontent .article_model[data-seq="0"] {        max-width: 1100px;    }    .article3.is-item-list .page_wrapper_bg section.call_to_action>.container,    .blogslist .page_wrapper_bg section.call_to_action>.container {        padding: 0 80px;    }    .article4 .RWDphoto004 .xicon-logo {        height: 10vw !important;    }    .RWDscore01 .count-num:after {        top: -9px;    }    .eforms1 .collapsing_header .main {        margin-top: calc(18vw + 68px) !important;    }    .s015_imgblock,    .s015_imgblock .s015_img,    .s015-swiper-pagination.swiper-pagination {        height: 33vw;    }    .s015_imgblock,    .s015-swiper-pagination.swiper-pagination {        top: calc((100vh - 33vw)/2);        margin-bottom: 100px;    }    .s015_pc_text .s015_textblock,    .s015_pc_text .s015_textblock:first-child {        padding-top: 0;    }    .s015_pc_text .s015_textblock:before {        top: 50%;    }    .s015_pc_text .s015_textblock:first-child:before {        height: 100%;    }    .service_steps {        padding: 150px 0 0;    }    .is-item-list #sidebar .m2018:before,    .blog_nav:before {        width: calc(100% + 100px);        left: -50px;    }}/*寬度修正*/@media (max-width: 1400px) {    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -18%;    }    #article .layoutlist_8 .item {        padding: 40px 0;    }    #sidebar.layoutmenu1,    #sidebar.layoutmenu3,    #sidebar.layoutmenu6 {        padding-right: 40px;    }    .company_block .RWDright_cont002 .item-first .text-box {        width: 55%;    }    .company_block .RWDright_cont002 .item-first a {        width: 45%;    }    .RWDscore01 .count-num:after {        font-size: 35px;    }    .page_wrapper_bg br.hidd_t {        display: block;    }}/*產品列表樣式D無側選單修正*/@media (max-width: 1300px) {    .productlist .layoutlist_4 .col-sm-3.col-md-3 {        width: calc(100%/3);        float: left;    }    #article .layoutlist_7 .litem {        width: calc(100%/2);    }    ._bd_column._bd_full.ser_box_p {        padding: 120px 100px;    }    .s015_imgblock,    .s015_imgblock .s015_img,    .s015-swiper-pagination.swiper-pagination {        height: 36vw;    }    .s015_imgblock,    .s015-swiper-pagination.swiper-pagination {        top: calc((100vh - 36vw)/2);    }    .eforms1 .banner_box {        height: 22vw;    }    .eforms1 .collapsing_header .main {        margin-top: calc(22vw + 68px) !important;    }}

/*小螢幕 end*/
/*1199px start*/
@media (max-width: 1199px) {
.service_block .txt_info {    padding: 0 60px;}br.hidd_t {    display: block;}.RWDservice012 .text_box {    height: 100vh;}.RWDservice012 .text_box .text,.RWDservice012 .text_box.num4 .text,.RWDservice012 .text_box.num6 .text,.RWDservice012 .text_box.num8 .text {    width: 100%;    height: calc(100vh / 3);}.RWDservice012 .text_box.num4 .text::before {    z-index: 1;    left: calc(80px + 15px);    bottom: 80px;}.RWDservice012 .text_box .text .box {    max-width: 500px;    min-height: 100px;}.RWDservice012 .text_box.num4 .text {    justify-content: flex-start;    padding: 80px 80px 150px;}.RWDservice012 .text_box.num4 .text::after {    width: 60px;    height: 60px;    bottom: 60px;    left: 80px;}.RWDservice012 .text_box .text .memo {    min-height: 58px;    -webkit-line-clamp: 2;}.RWDservice012 .text_box .text .bg {    opacity: 0.5;}.RWDservice012 .main_box::before {    background: #000;    opacity: 1}.views_block::before {    height: 80%}.RWDservice012:hover .text_box.num4 .text.light::before {    z-index: 2}.views_block .RWDbtn01 .btn-box {    margin-right: 80px;}.RWDbtn01 .btn-box li {    width: 300px}.RWDvideo007 .RWDvideo007__iframe:before {    padding-bottom: 29.25%;}.RWDvideo007 .RWDvideo007__iframe .placeImg img {    object-fit: cover;    object-position: top;}/* 匯入內頁版面寬度80%*//*文章列表-H*/ 
.rwdlayoutlist_9 .litem {    width: calc(100%/3 - 1px);}.page_wrapper_bg .RWDvideo006 {    height: 35vw;}.is-item-list .page_wrapper_bg section.call_to_action,.blogslist .page_wrapper_bg section.call_to_action {    margin-top: -20%;}#article .layoutlist_7 .litem .img:before {    display: none;}#article .layoutlist_7 .subject,#article .layoutlist_7 .summary {    position: relative;    opacity: 1;    text-align: center;    top: 0;    transform: translate(0px, 0px);    left: 0;}#article .layoutlist_7 .litem:hover .subject a,#article .layoutlist_7 .litem:hover .summary a {    color: #000;}#article .layoutlist_7 .summary {    margin-top: 5px;}#article .layoutlist_7 .subject {    margin-bottom: 0 !important;    padding: 0;}#article .layoutlist_7 .litem {    margin: 0 0 50px;}.view_title,.blog__title {    margin-top: 80px;}.article3.is-item-list .page_wrapper_bg section.call_to_action>.container,.blogslist .page_wrapper_bg section.call_to_action>.container {    padding: 0 50px;}.RWDtimeline02 .slick-slider .slick-list,.RWDtimeline02 .slick-slider .slick-track {    min-height: auto;}.articlerelated-box .list-inline>li:hover img {    transform: scale(1);}.new-form .new-width .currectsend_btn {    margin-right: 0;    width: 100%;    padding-left: 15px;}.customized_columns {    padding-left: 50px;}.new-form .formdesc {    padding-right: 50px;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 80px;}.boxname {    letter-spacing: 0;}.customer_logo,.article4.articlecontent .page_wrapper_bg section.call_to_action {    padding: 100px 0;}.company_info {    padding: 100px 0 0;}.ab_box {    grid-column-gap: 50px;}h2.ab_p_tit {    margin-bottom: 30px;}a.ab_btn {    margin-top: 50px;}.article4.articlecontent .pagecontent .article_model[data-seq="0"] {    padding-right: 50px;}.ab_box {    grid-template-columns: 40% auto;}.ab_box_pic img {    height: 38vw;    object-fit: cover;}.RWDscore01 .count-blk {    padding-left: 0;    padding-right: 0;}.company_pic {    padding: 30px 0 80px;}.article4 .RWDphoto004.wrap-block .logo-wall {    justify-content: flex-start;}.circle_btn {    opacity: 1;    transform: translate(0px, 0%);}.ser_box_p:before {    display: none;}._bd_column._bd_full.ser_box_p:hover p,._bd_column._bd_full.ser_box_p:hover h3 {    color: #333 !important;}.article2 .pagecontent .article_model[data-seq="0"] {    margin: 150px auto !important;    padding: 0 100px;}a.ab_btn:hover {    border-color: #333;}.page_wrapper_bg .ebtn a:hover {    background: #333;    color: #fff !important;}.new-form .new-width .currectsend_btn a:hover:after {    filter: brightness(1);}.btn.btn_back a:hover {    color: #444 !important;}.btn.btn_back a:after,.new-form .new-width .currectsend_btn a:before,a.ab_btn:before {    display: none;}.btn.btn_back a:hover:before {    filter: none;}/* 匯入SEO方案專用資源樣式*//*--------窄版文章區塊變100%------*/ 
.maxwidth-txtbox {    max-width: 100%;    margin: 0 auto;}.service_block .txt_info {    width: 100%;}.contact_block .container {    width: 100%;}.contact_block .container {    grid-template-columns: 35% 1fr;}.contact_block .container::before {    left: calc(35% + 5vw);}.article1 #article .layoutlist_7 .subject,.article1 #article .layoutlist_7 .summary {    text-align: left;}
}
/*1199px end*/
/*1100px start*/

@media (max-width: 1100px) {    .is-item-list .page_wrapper_bg section.call_to_action,    .blogslist .page_wrapper_bg section.call_to_action {        margin-top: -25%;    }    .page_wrapper_bg .RWDvideo006 {        height: 40vw;    }    .article1 .page_wrapper_bg .RWDvideo006__editor,    .article3 .page_wrapper_bg .RWDvideo006__editor,    .blog1 .page_wrapper_bg .RWDvideo006__editor {        transform: translate(-50%, -120%);    }    .article1.articlecontent .pagecontent .article_model[data-seq="1"] .editor {        grid-template-columns: auto;    }    /* .works_t_left {        display: grid;        grid-template-columns: 40% auto;        margin-bottom: 30px;        padding-bottom: 30px;        grid-column-gap: 80px;    } */    .works_t_left h1 {        padding-bottom: 40px;        border-bottom: 1px solid #ccc;    }    .works_t_left dl {        margin-bottom: 0;    }    .works_t_left,    .works_t_left h1 {        margin-bottom: 40px;    }    .articlerelated-box {        padding: 80px 30px 50px;    }    .articlecontent .pagecontent .article_model {        padding: 0 50px;    }    .layoutlist_8 .list_subject {        padding: 80px 50px 0;    }    #article .layoutlist_8 .item {        grid-template-columns: 45% auto;    }    .list_btn {        margin-top: 15px;    }    ._bd_column._bd_full.ser_box_p {        padding: 100px 100px;    }}@media (max-width: 1060px) {    .video_block::before {        font-size: 25px;    }    .video_block::after {        width: 90px;        height: 90px;    }    .video_block:hover::after {        animation-name: none;    }    .service_block .txt_info {        padding: 0;    }    .alliances_block .RWDService001 .col-md-3.col-sm-6 {        min-height: 377px;    }    .RWDservice012 .text_box.num4 .text {        padding: 0;    }    .RWDservice012 .text_box .text.link_box .box {        width: 100%;        max-width: 100%;        background: transparent !important;        padding: 15px 180px 50px 30px;    }    .RWDservice012 .text_box.num4 .text::after {        left: auto;        right: 50px;    }    .RWDservice012 .text_box.num4 .text::before {        right: 64px;        left: auto;    }    .ft_txt {        grid-template-columns: 1fr 3fr 1fr;    }    .article3.articlecontent .pagecontent .article_model[data-seq="0"] {        max-height: calc(48vh - 68px);    }    .eforms1 .page_wrapper_bg section.call_to_action>.container {        padding: 0 50px;    }}

/*1100px end*/
/*1024px start*/
@media (max-width: 1024px) {
.RWDmenu_plus04 .features .edit {    display: block}.RWDvideo001.show {    height: 55vw !important;}.RWDvideo002 figure img {    height: 55vh;    object-fit: cover;}.views_block .RWDbtn01 .btn-box {    margin-right: 50px;}.video_block .container {    padding: 0;}.video_block .RWDvideo002 figure.effect-sarah img {    height: 30vh;    object-position: 50%;}.RWDvideo002 figure {    height: 30vh}/*.video_block::after {top: 34%;}.video_block::before {top: 35%;}*/ 
.video_block .RWDedictor008 .video_txt h3 {    margin-top: 15px}/* 匯入內頁版面寬度80%*//*產品內頁-01*/ 
.page_content1 #prod_price {    margin-top: 18px;}/*相簿內容樣式-03*/ 
.photo .content_box {    width: calc(100% / 4) !important;}/*文章列表-04*/#article .layoutlist_4 .item {    flex-direction: column}#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate {    width: 100%}#article .layoutlist_4 .item .list_img {    padding: 0;    margin: 0 0 10px}#article .layoutlist_4 .list_subject {    padding: 0;    margin: 0 0 10px}#article .layoutlist_4 .listdate {    border: 0;    display: flex;    align-items: center;    padding: 0;}#article .layoutlist_4 .listdate .day:before {    content: "/";    margin-right: 5px}#article .layoutlist_4 .listdate .day {    font-size: 12px;    color: #afafaf;    position: relative;    margin-left: 5px}/*文章列表-H*/ 
.rwdlayoutlist_9 .litem {    width: calc(100%/3 - 1px);}/*電子表單*/ 
.form-group label {    padding-left: 0 !important;    padding-right: 0 !important;}#join_form .form-checkbox,#join_form .form-radio {    padding: 0 0 0 28px !important;}.collapsing_header .main{    margin-top: var(--NaviHeight) !important;}.m2018 .products-nav>ul>li>a {    min-width: 135px;}
}
/*1024px end*/
/*991px start*/
@media (max-width: 991px) {
.ft_info .RWDedictor008 {    flex-direction: column;}.ft_info .RWDedictor008 .ft_logo {    width: 100%;}.ft_txt .box01 {    width: 100%;}.ft_txt .box02 {    width: 100%;    padding-left: 0;}.ft_info .media_block .icon_01,.ft_info .media_block .icon_02,.ft_info .media_block .icon_03 {    text-align: left;    width: auto;    margin: 0 10px;}.service_block .RWDService001 .col-md-3.col-sm-6 {    width: calc(100% / 4);}.ft_txt .media_block {    justify-content: center;}.alliances_block .RWDService001:before {    width: calc(100% + 100px);}.RWDvideo007 .RWDvideo007__iframe:before {    padding-bottom: 100%;}/* 匯入內頁版面寬度80%*//*麵包屑*/ 
.hgroup .page_subject {    text-align: center;}.hgroup .breadcrumb {    text-align: center;    float: none !important;    position: static;    padding: 0;    border: 0;}/*編輯器 圖文*/ 
.RWDeditor01 .col-md-6 {    padding-left: 0px;    padding-right: 0px;    margin-bottom: 20px;}.RWDeditor01 .col-md-6 img {    width: 100%;}/*文章列表樣式*/ 
.RWDslider01 .products-list .products-item .box {    align-items: flex-start;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {    padding-right: 0;}/*文章列表樣式-07*//*文章列表樣式-08*/ 
.rwdlayoutlist_9 .litem {    width: calc(100% / 2 - 1px);}.litem__text {    width: 85%;}/*電子表單*/ 
.eformscontent .layoutlist_1 {    width: 100%;}.eformscontent .form-horizontal .control-label {    padding: 0 !important;    width: 100%}.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11 {    width: 100%;    padding: 0 !important}.eformscontent .form-horizontal .col-sm-12.col-md-5 {    padding: 0 !important;}.eformsDesc {    margin: 50px 0 0;}.view_title,.blog__title {    margin-top: 50px;}.view_pic.img.four {    max-width: 85%;    margin: 0px auto;    grid-column-gap: 15px;}#article .layoutlist_8 .item {    grid-template-columns: 50% auto;}.article1.articlecontent .pagecontent .article_model[data-seq="1"] {    margin: 80px 0 50px !important;}.img_two,.view_pic.img_two,.img_three {    grid-column-gap: 1em;}.img_three img:first-child {    height: calc(100% - 1em);}.article1 ._bd_row img,.article3 ._bd_row img,.blog1 ._bd_row img,.article1.articlecontent .RWDslider01 .pic-list figure {    margin: 0.5em 0;}.article1.article1.articlecontent .RWDslider01 .control-box {    bottom: 30px;}.article1.articlecontent .pagecontent .article_model[data-seq="0"],.article3.articlecontent .pagecontent .article_model[data-seq="0"] {    max-height: calc(68vw - 68px);}.articlerelated-box .list-inline.article-slider.rowflex {    grid-template-columns: repeat(2, 1fr);}.articlerelated-box .list-inline>li:last-child {    display: none;}.new-form .formdesc {    width: 100%;    border: 0;    padding: 0;}.new-form .customized_columns {    padding: 0;    width: 100%;}.new-form .formdesc .contact_title_p {    position: relative;    top: 0;    display: grid;    grid-template-columns: 40% auto;    grid-column-gap: 50px;}.new-form .formdesc .contact_title_p ul {    margin-top: 0;    padding-left: 50px;    border: 1px solid rgb(0 0 0 / 20%);    border-width: 0 1px;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 100px;}.new-form .new-width .currectsend_btn {    width: auto;    padding-left: 0;}.new-form .new-width .col-md-5,.new-form .new-width .col-md-11 {    padding-left: 0;}.eforms1 .page_wrapper_bg section.call_to_action {    padding: 80px 0;}h2.ab_p_tit span {    padding: 0 5px;}.article4 .RWDscore01 .count-item {    width: 19vw;}.article4 .RWDscore01 .count-item:before {    width: 24vw;    height: 24vw;}.company_block .RWDright_cont002 .item-first .text-box {    padding: 0px 0 0 50px;}.RWDservice015 .section-subject h3,.ser_contact h3,.RWDphoto004 .title-sub {    margin: 0 0 50px;}.RWDservice015 .section-subject h3 {    padding-bottom: 30px;    margin-bottom: 80px;    border-bottom: 1px solid #ccc;}.article2 .pagecontent .article_model[data-seq="0"] {    margin: 100px auto !important;}.s015_imgblock,.s015-swiper-pagination.swiper-pagination {    top: 0;}.s015_imgblock,.s015_imgblock .s015_img,.s015-swiper-pagination.swiper-pagination {    height: auto;}.RWDservice015 .section-subject {    margin-bottom: 0;}.s015_memo,.s015_subtitle {    padding-left: 0;    grid-column: 2;}.s015_imgblock .s015_textblock {    display: grid;    grid-template-columns: 80px auto;    margin-bottom: 30px;}.s015_textblock .s015_title {    grid-row: 1/3;    background: #fff;    color: #333;    border: 1px solid #333;    width: 40px;    height: 40px;    font-size: 16px;}.s015_imgblock .s015_img {    height: 35vw;    object-fit: cover;    padding-left: 80px;}.s015_imgblock .swiper-slide:before {    content: "";    position: absolute;    width: 1px;    height: calc(100% + 50px);    background: #ddd;    left: 20px;    top: 0;}.service_steps .container {    padding: 0 100px;}.s015_imgblock .swiper-slide {    display: flex;    margin-bottom: 50px;    flex-direction: column-reverse;}.s015_imgblock .swiper-slide:last-child {    margin-bottom: 0px;}.contact_call {    padding: 150px 50px;}.service_steps {    padding: 100px 0 0;}._bd_column._bd_full.ser_box_p {    padding: 100px 80px;}.s015_imgblock .swiper-slide:last-child:before {    display: none;}.new-form .formdesc .contact_title_p {    display: block;}.new-form .formdesc .contact_title_p ul {    margin-top: 30px;    padding-left: 0;    border-width: 1px 0 0;    padding-top: 30px;}.contact_title_p li {    margin-bottom: 10px;}.page_wrapper_bg br.hidd_t {    display: none;}.new-form .formdesc .contact_title_p ul {    display: grid;    grid-template-columns: 1fr 1fr;    margin-bottom: 30px;}br.hidd_t {    display: none;}.contact_block .container {    grid-template-columns: 1fr;    gap: 0;}.contact_block .container::before {    display: none;}.right_txt .RWDeform001 {    max-width: 100%;}.contact_title {    display: flex;    align-items: flex-start;    flex-direction: column;}.left_txt h2 {    font-size: clamp(1.875rem, 1.3839rem + 2.4554vw, 5.3125rem);}.left_txt h3 {    font-size: clamp(1.375rem, 1.2679rem + 0.5357vw, 2.125rem);    margin-top: 10px;    margin-bottom: 40px;}.contact_block .left_txt ul {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 10px 40px;    align-items: center;    margin-top: 25px;}.contact_block .container {    width: 90%;}.RWDeform001 span.boxname {    width: calc(100% / 4 - 30px);}.contact_block .left_txt ul li {    margin-bottom: 0;}.left_txt {    padding-left: 0;}.right_txt .RWDeform001 {    border-top: 1px solid #ddd;    margin-top: 50px;    padding-top: 50px;}.blogslist .page_wrapper_bg section.call_to_action>.container {    padding: 0 30px;}
}
/*991px end*/
/*900px start*/

@media (max-width: 900px) {.ft_txt {display: flex;flex-wrap: wrap;}.ft_txt .box01 {width: 30%;}.ft_txt .box02 {width: calc(70% - 30px);}.ft_txt .media_block {justify-content: flex-start;}.RWDalert_fancybox.bottom {grid-row-gap: 10px;}#sidebar .products-nav ul {    overflow: scroll;    flex-wrap: nowrap;    justify-content: flex-start;}.article3 #sidebar .products-nav ul {    justify-content: center;}#article .layoutlist_8 .item {    padding: 30px 0;}.ab_box {    grid-template-columns: auto;}.article4.articlecontent .pagecontent .article_model[data-seq="0"] {    padding: 0 80px;}.ab_box_pic img {    height: 35vw;    object-fit: cover;    width: 100%;}.ab_box_pic {    margin-bottom: 30px;}.customer_logo, .article4.articlecontent .page_wrapper_bg section.call_to_action {    padding: 80px 0;}._bd_column._bd_full.ser_box_p {    grid-template-columns: auto;padding: 80px;}.right_ser {    align-items: flex-end;}}

/*900px end*/
/*850px start*/
@media (max-width: 850px) {
.RWDmenu_plus04 .features {    display: none;}.index .banner_block,.index .RWDvideo006 .RWDvideo006__wrapper {    max-height: calc(100vh - 135px) !important;    height: calc(100vh - 135px) !important;}.RWDProduct015 .product_box {    width: calc(100% / 3)}.bg_line .line_01 {    width: 33%;}.bg_line .line_02::after,.bg_line .line_02::before {    display: none}.left_txt {    width: 100%;    padding: 0;}.right_txt {    width: 100%;    padding-left: 0;    padding-right: 0;    border: 0}.cd-main-content .container {    flex-direction: column;}.alliances_block .RWDService001:before {    width: calc(100% + 30px);}/*置底CTA按鈕*/ 
.action_btn {    display: block;    z-index: 111}.action_btn .RWDedictor008 {    display: flex;    align-items: center;    justify-content: center;    opacity: 1 !important;    animation-delay: unset !important;    animation-duration: unset !important;}.action_btn .cta_btn {    width: calc(100% / 3);    display: flex;    align-items: center;    justify-content: center;    padding: 0;    border: 0;    margin: 0}.action_btn .cta_btn a {    color: #fff;    width: 100%;    display: flex;    padding: 15px 20px;    text-align: center;    height: 61px !important;    flex-wrap: wrap;    justify-content: center;    align-items: center;}.action_btn {    display: block;    position: fixed;    bottom: 0;    width: 100%;}.action_btn .cta_btn a img {    margin-right: 10px;    width: 30px}.action_btn .cta_btn.cta_01 a {    background: #f0db4a;    color: #000;}.action_btn .cta_btn.cta_02 a {    background: #02a800;}.action_btn .cta_btn.cta_03 a {    background: #595757;    font-size: 16px;    flex-wrap: unset;}.action_btn .cta_btn.cta_03 img {    margin-right: 10px;    width: 23px;}.action_btn .cta_btn.cta_03 span {    width: auto;    font-weight: normal;}.cta_02 a i {    font-size: 15px !important;}.video_block::after {    -webkit-animation: circle 5s linear infinite;    animation: circle 5s linear infinite;    transition: 0.4s ease-in-out;    width: 90px;    height: 90px;}@keyframes circle {    0% {        transform: translate(-50%, -50%) rotate(0);        transition: 0.7s ease-in-out;    }    100% {        transform: translate(-50%, -50%) rotate(360deg);        transition: 0.7s ease-in-out;    }}.footer_block .container {    padding-bottom: 80px;}.service_block .RWDService001 .col-md-3.col-sm-6 {    width: calc(100% / 2);    float: left;    margin-bottom: 50px;}.RWDvideo002.istouch figure.effect-sarah img,.RWDvideo002.istouch figure.effect-sarah .iframe {    opacity: 1;}/* 匯入內頁版面寬度80%*//*文章列表樣式-04*/#article .layoutlist_4 .fixrow {    padding-left: 0;    padding-right: 0;}/*圖文輪播*/ 
.RWDslider01 .products-list .box {    display: flex;    flex-direction: column;}.RWDslider01 .products-list .products-item .box {    flex-direction: column;    justify-content: flex-start;}.RWDslider01.pic-right .products-list .products-item .box {    flex-direction: column;}.RWDslider01 .pic-list,.RWDslider01 .text {    width: 100%;    padding: 0 !important;}.RWDslider01 .pic-list,.article1 .RWDslider01 .text,.article1 .RWDslider01 .pic img {    width: 100%;}.RWDslider01 .pic-list {    padding-right: 0;}.RWDslider01.pic-right .pic-list {    padding-left: 0;}.pagecontent .RWDslider01,.article1 .pagecontent .RWDeditor01 {    margin-top: 30px;}.page_wrapper_bg .RWDvideo006 {    height: 50vw;}.is-item-list .page_wrapper_bg section.call_to_action,.blogslist .page_wrapper_bg section.call_to_action {    margin-top: -31%;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 80px;}.eforms1 .collapsing_header .main {    margin-top: calc(27vw + 68px) !important;}.eforms1 .banner_box {    height: 27vw;}.article4 .RWDphoto004 .xicon-item {    width: calc(100%/3) !important;}.article4 .RWDphoto004 .xicon-logo {    height: 16vw !important;}.service_steps .container {    padding: 0 80px;}#sidebar.down .m2018:after {    content: "";    position: absolute;    width: 30px;    height: 100%;    background: linear-gradient(to left, #efefef, transparent);    right: 0;    top: 0;    z-index: 3;    pointer-events: none;}.article3 #sidebar.down .m2018:after {    background: linear-gradient(to left, #fff, transparent);}.page_wrapper_bg .article-text .contact_title_p h3 {    font-size: clamp(1.375rem, 1.2679rem + 0.5357vw, 2.125rem) !important;}    .contact_block .container {        width: 95%;    }
}
/*850px end*/
/*800px start*/
@media (max-width: 800px) {
.ft_txt .box01 {width: 100%;}.ft_txt .box02 {width: 100%;}/* 匯入內頁版面寬度80%*//*麵包屑*/ 
.hgroup .container {margin-left: 0;margin-right: 0;}/*按鈕*/ 
.btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{  width: auto !important;}.block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn {margin-top: 30px !important;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth {padding-bottom: 0px;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}#article .layoutlist_4 .listdate .yearmonth {letter-spacing: 1px;}#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}#article .layoutlist_4 .list_subject .summary {margin: 10px 0px 0;}#article .layoutlist_4 .list_subject a { margin: 0px !important;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}.layoutlist_2 .album_item {padding: 0 10px;}/*檔案下載樣式-02*/ 
.layoutlist_3 .dbtn_v2 {width: 100%;text-align: center;}/*電子表單*/ 
.form-horizontal .control-label {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 100%;}.works_t_left {    grid-template-columns: auto;    padding-bottom: 0;}.works_t_left h1 {    margin-bottom: 30px;    grid-row: auto;    border-right: 0;    border-bottom: 1px solid #ccc;    padding-bottom: 30px;}.layoutlist_8 .list_subject {    padding: 60px 20px 0;}span.view_tag {    top: 20px;}.works_t_left dl {    grid-column: auto;}.pagecontent.col-md-9 {    padding: 0 !important;}#article .layoutlist_8 .item {    grid-template-columns: auto;    width: 50%;    float: left;    padding: 0 0 30px;}.RWDtimeline02 .control-box {    width: calc(100% - 30px);    left: 15px;}.article4 .RWDscore01 .count-item {    width: 22vw;}.article4 .RWDscore01 .count-item:before {    width: 28vw;    height: 28vw;}.score_block {    padding: 150px 0;}.company_pic .container {    padding: 0 !important;}.company_block .RWDright_cont002 .item-first .text-box {    padding: 0 30px;}h2.ab_p_tit, .company_info .RWDright_cont002 .item-first .text-box .title {    margin: 0 0 30px;}
}
/*800px end*/
/*767px start*/
@media (max-width: 767px) {
.alliances_block .RWDService001:before {    width: 100%;    border-right: 0;    border-left: 0;    border-bottom: 0;}.alliances_block .container {    max-width: 100%;    padding: 0 !important;}.alliances_block .RWDService001 .col-md-3.col-sm-6 {    width: calc(100% / 2);    max-width: none;    margin: 0 0 20px;    padding: 0 10px;    float: left;}.contact_block .left_txt ul li {    width: 100%;    margin-bottom: 10px;}.contact_block .left_txt ul {    flex-wrap: wrap;}.alliances_block .RWDService001 ul {    padding-left: 30px;}.ft_txt {    width: 100%;}.video_block .RWDedictor008 {    top: auto;    left: 0;    bottom: 0px;    width: 100%;    height: 100%;    padding: 0 40px;    text-align: center;    display: flex;    align-items: flex-end;    justify-content: center;    position: absolute;    transform: none !important;    pointer-events: none;}.video_txt {    width: 100%;    margin-bottom: 50px;}.video_block::after {    top: 28%}.video_block::before {    top: 28%}.video_block .RWDvideo002 figure.effect-sarah img {    object-position: -130px}.video_txt {    margin-bottom: 100px}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon {    margin: 20% auto 0;}/* 匯入內頁版面寬度80%*//*文章列表樣式-02*/#article .layoutlist_2 {    display: flex;    flex-wrap: wrap;}#article .layoutlist_2 .item {    width: calc(100% / 2 - 21px);    margin: 0 10px;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate {    padding-left: 0px;    padding-right: 0;}#article .layoutlist_2 .listdate .yearmonth {    color: #afafaf !important;    font-size: 12px !important;    letter-spacing: 2px !important;}#article .layoutlist_2 .listdate .yearmonth::after {    content: "/";    position: relative;    display: inline-block;}#article .layoutlist_2 .listdate .yearmonth,.layoutlist_2 .listdate .day {    display: inline-block;}#article .layoutlist_2 .listdate .day {    color: #afafaf !important;    font-size: 12px !important;    letter-spacing: 2px !important;    margin-left: -3px;}/*文章列表樣式-03*/#article .layoutlist_3 {    display: flex;    flex-wrap: wrap;}#article .layoutlist_3 .item {    width: calc(100% / 2 - 21px);    margin: 0 10px;}#article .layoutlist_3 .listdate .day {    color: #afafaf;    font-size: 12px;    letter-spacing: 2px;}#article .layoutlist_3 .listdate .day::before {    content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4>.fixrow>.xrow {    display: flex;    flex-wrap: wrap;}#article .layoutlist_4>.fixrow>.xrow>.col-sm-6.col-md-6 {    width: calc(100% / 2 - 21px);    margin: 0 10px;}/*文章列表樣式-06*/ 
.rwdlayoutlist_6 .subject_title {    display: flex;    align-items: center;}.rwdlayoutlist_6 .list_no {    width: 16.66666667%;}.rwdlayoutlist_6 .list_subject {    width: 66.66666667%;}.rwdlayoutlist_6 .list_date {    width: 16.66666667%;}.rwdlayoutlist_6 .list_item {    display: flex;    justify-content: flex-start;    align-items: center;}.rwdlayoutlist_6 .list_item .column.no {    width: 16.66666667%;}.rwdlayoutlist_6 .list_item .column.subject {    width: 66.66666667%;}.rwdlayoutlist_6 .list_item .column.date {    width: 16.66666667%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {    width: calc(100% / 2 - 1px);}.layoutlist_7 .row:before,.layoutlist_7 .row:after {    display: none;}/*文章列表樣式-08*/ 
.layoutlist_8.rwd {    display: flex;    flex-wrap: wrap;}.layoutlist_8.rwd .item {    border-bottom: 0;    width: calc(100% / 2);}.layoutlist_8.rwd .list_img+.list_subject {    margin-top: 15px;}/*文章列表樣式-09*/ 
.rwdlayoutlist_9 .litem {    width: calc(100% / 2 - 1px);}/*文章列表頁籤*/ 
.tab_content {    margin-top: 20px}/*文章頁籤修正*/ 
.tab {    padding: 20px 0;}.tab.open .tab_title {    margin: 0 0 20px;}/*產品頁籤*/ 
.RWDproduct_page .faq-item .faq-question {    padding: 15px 0}.RWDproduct_page .faq-item .faq-question:before {    display: flex;    justify-content: center;    align-items: center}.RWDproduct_page .faq-item .editor {    padding: 30px}.articlecontent .pagecontent .article_model{    padding: 0 30px;}:root {    --blog-container-padding: 30px;}.page_wrapper_bg section.call_to_action>.container,.article3.is-item-list .page_wrapper_bg section.call_to_action>.container,.blogslist .page_wrapper_bg section.call_to_action>.container {    padding: 0 30px;}.is-item-list #sidebar .m2018:before,.blog_nav:before {    width: calc(100% + 60px);    left: -30px;}.img_two,.view_pic.img_two {    grid-template-columns: auto;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 50px;}.article4.articlecontent .pagecontent .article_model[data-seq="0"] {    padding: 0 50px;}.RWDphoto004 .xicon-logo {    max-width: initial;}.service_steps .container {    padding: 0 50px;}.s015_textblock .s015_subtitle {    display: block;}.article2 .pagecontent .article_model[data-seq="0"] {    padding: 0 50px;}.left_txt {    padding-left: 0;}._bd_row .nogap img {    margin: 0;    margin-top: -1px;}.contact_block .container {    width: 100%;}.blog__info {    justify-content: start;}.page ul{    justify-content: center;}
}
/*767px end*/
/*700px start*/

@media (max-width: 700px) {.img_three {grid-template-columns: auto;}.article1.articlecontent .pagecontent .article_model[data-seq="1"] {    margin: 50px 0 !important;}.img_three img {    height: auto;}.RWDright_cont002 .item-first {    flex-direction: column-reverse;}.company_block .RWDright_cont002 .item-first a, .company_block .RWDright_cont002 .item-first .text-box {    width: 100%;}.company_block .RWDright_cont002 .item-first .text-box {    padding: 0 50px 80px;}.company_info {    padding: 80px 0 0;}.article4 .RWDscore01 .count-item {    width: 25vw;}.score_block {    padding: 120px 0;}.s015_imgblock .s015_img {    height: 50vw;}.contact_call a {    flex-direction: column;}.contact_call .circle_btn {    margin: 0;}.ser_contact {    text-align: center;}.ser_contact h3 {    margin-bottom: 30px;}.contact_call {    padding: 100px 80px;}.contact_call .circle_btn {    width: 100%;    height: 45px;    border-radius: 99em;    max-width: 280px;}.contact_call .circle_btn img {    width: 30px;}.page_wrapper_bg .article-text .contact_title_p h3 {    margin-top: 5px;}}

/*700px end*/
/*600px start*/
@media (max-width: 600px) {
.alliances_block .RWDService001 h2 {    width: 100%;    font-size: 13px;    padding: 0 15px;    margin-top: 0;    margin-bottom: 20px}.alliances_block .RWDService001 i {    margin: 10px 0 20px;    padding: 0 0 30px;    display: flex;    align-items: center;    justify-content: center;}.alliances_block .RWDService001 i img {    width: 160px;    max-width: 80%;}.alliances_block .RWDService001 div.row:before {    font-size: 20px;    width: 280px;    margin: 0 auto 30px;}.alliances_block .RWDService001 ul {    padding-left: 5vw;    max-width: calc(100% - 30px);    margin: 0 0 20px;    justify-content: flex-start;}.alliances_block .RWDService001 ul li {    width: 100% !important;    margin-right: 0 !important}.alliances_block .RWDService001:before {    display: none}.action_btn .cta_btn a span {    display: none;}.action_btn .cta_btn.cta_03 img {    margin-right: 0}.action_btn .cta_btn.cta_01 a img {    margin-right: 10px}.action_btn .cta_btn a img {    margin-right: 0;}.action_btn .RWDedictor008 {    display: grid;    grid-template-columns: 3fr 1fr 1fr;}.action_btn .cta_btn {    width: 100%;}.action_btn .cta_btn.cta_01 a span {    display: block;}.cta_02 a i {    margin-right: 0}.btn_txt h2 {    font-size: 1.6em;}.RWDeform001 span.boxname {    width: calc(100% / 3 - 30px);}.about_block {    padding: 150px 0;}.title_block h2 {    margin-bottom: 50px !important;    text-align: center;}.views_block .title_block {    margin-bottom: 50px;    text-align: center;}.RWDproduct004 #portfolio div.col-md-3 h3 {    margin-top: 10px}.RWDproduct004 #portfolio .row.mix-grid {    grid-row-gap: 30px;}.service_block {    padding: 110px 0;}.service_block .container {    padding: 0 !important;}.service_block .btn_block {    margin-top: 0;}.service_block .RWDbtn01 .btn-box {    margin-top: 15px;}/*.video_block::after {top: 35%;}.video_block::before {top: 36%;}*/ 
.video_block .RWDvideo002 figure.effect-sarah img {    object-position: -190px;}.RWDmenu_plus04 #mobile-menu {    width: 70%;}.RWDvideo006__scrolldown {    display: none;}.video_block .RWDvideo002 figure.effect-sarah img {    object-position: -90px;}.contact_title .b_title {    width: 100%;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon {    margin: 30% auto 0;}.RWDservice012 .text_box,.RWDservice012 .text_box .text,.RWDservice012 .text_box.num4 .text,.RWDservice012 .text_box.num6 .text,.RWDservice012 .text_box.num8 .text {    height: auto;}.RWDservice012 .text_box .text .title {    font-size: 22px;}.RWDservice012 .text_box .text .title::before {    position: relative;    display: block;    top: 0;    margin-bottom: 20px;}.RWDservice012.hover .text_box .text {    opacity: 1;}.RWDservice012 .text_box:hover .text .memo {    opacity: 1;}.RWDservice012 .text_box .text.link_box .box {    position: relative;    padding: 80px 130px 80px 30px;}.RWDservice012 .text_box .text .bg {    position: absolute;}.RWDservice012 .text_box.num4 .text::after {    bottom: 80px;}.RWDservice012 .text_box.num4 .text::before {    right: 67px;    bottom: 100px;    width: 25px;    background-size: contain;}.service_block .RWDService001 i img {    max-width: 80px;}/* 匯入內頁版面寬度80%*//*標題*/ 
.hgroup {    padding-left: 15px;    padding-right: 15px;}.page_wrapper_bg .article-text h2.big_tit {    font-size: clamp(1.5625rem, 1.4285rem + 0.6696vw, 2.5rem) !important;}/*按鈕*/ 
.btn.btn_back,.ebtn,.block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn,.btn-primary {    width: 100% !important;}/*container*/ 
.page_wrapper_bg .pagecontent:not(.blog__container) {    padding: 0px !important;}.page_wrapper_bg section.call_to_action {    padding: 60px 0;}.page_wrapper_bg .article-text .container {    padding: 0;}section.hgroup {    padding: 0;}/*fixrow*/ 
.fixrow {    padding-left: 0px !important;    padding-right: 0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 {    margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item {    width: 100%;    margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item {    width: 100%;    margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4>.fixrow>.xrow>.col-sm-6.col-md-6 {    width: 100%;    margin: 10px 0;}/*文章列表樣式-06*/ 
.rwdlayoutlist_6 ul {    margin: 0;}.rwdlayoutlist_6 li {    margin: 0;    border-bottom: #dfdfdf solid 1px;    padding: 10px 0 10px;}.rwdlayoutlist_6 .subject_title {    display: none;}.rwdlayoutlist_6 .list_item {    text-align: center;    flex-direction: column}.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date {    width: 100%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {    width: 100%;}/*文章列表樣式-08*/ 
.layoutlist_8.rwd .item {    border-bottom: 1px solid #eee;    width: 100%;}/*文章列表樣式-09*/ 
.rwdlayoutlist_9 .litem {    width: 100%;}/*左右圖文輪播PH*/ 
.RWDslider01 .pic-list {    width: 100%;}/*時間軸樣式*/ 
.RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 {    left: 0;}.RWDtimeline01 li.event:before {    left: 27px;}.RWDtimeline01 li.event .point {    width: calc(100% - 90px);    left: 90px;}.RWDtimeline01 li.event .point .date {    font-size: 14px;    letter-spacing: 1px}/*文章檔案下載*/ 
.file_area {    margin: 0 0 10px;}#file_dlist,.page_wrapper_bg .dd-select,.file_area {    width: 100% !important;}.download_container .btn {    width: 100%;}/*電子表單*/ 
.new-form {    margin-top: 0;}.webdesc {    margin: 0 0 30px;}/*相簿上下方說明*/#album .page_desc {    margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {    margin: 30px 0 0;}.photo_discription .text {    font-size: 16px !important;    line-height: 1.5 !important;    margin: 30px 0;    color: #333 !important;    letter-spacing: 2px;    font-weight: 400}/*相簿列表樣式-01*/ 
.layoutlist_1 .album_item {    width: 100% !important;}#album .layoutlist_1 .row.masonry .album_item {    width: calc(100% / 1 - 1px) !important;}/*相簿列表樣式-02*/ 
.layoutlist_2 .album_item {    margin: 10px 0px 20px !important;    width: 100%;}#album .layoutlist_2 .album_item {    width: 100%;    padding: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {    width: 100%;    padding: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row>.col-md-12 {    width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {    width: 100%;}/*產品列表樣式 D*/ 
.productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {    width: calc(100%/1);    float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-4 {    width: 100%;}#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {    width: 100%;}/*產品頁籤*/ 
.RWDproduct_page .tab-box .tab-container>ul>li {    padding: 30px;}/*相簿內容樣式-01*/ 
.row .album_d_item {    width: 100%;}/*相簿內容樣式-03*/ 
.photo .content_box {    width: 100% !important;}/*相簿內容樣式-04*/ 
.album-list .item {    width: 100%;}/*檔案下載樣式-02*/ 
.download .oneline .col-md-4.col-sm-6 {    width: 100%;    margin-bottom: 20px;}/*影片列表*/#video .layoutlist_2 .video_item {    width: 100%;}/*產品內頁-01*/#member_org_price,#prod_fixprice {    margin-top: 25px;}.page_content1 #prod_price {    margin-top: 5px;}/*購物訂單畫面按鈕*/ 
.RWDshopping .btn.normal {    width: 100%;    margin: 5px 0;}.shopping-step li span.name {    font-size: 13px !important;}#mobile-fixed .btn-box {    width: 180px;}#mobile-fixed .fixed-in {    width: calc(100% - 180px);    letter-spacing: 0;}/*詢問車按鈕*/ 
.RWDquiry .btn.normal {    width: 100%;    margin: 5px 0;}.page_wrapper_bg .RWDvideo006 {    height: 42vw;}.eforms1 .banner_box {    height: 42vw;}.eforms1 .collapsing_header .main {    margin-top: calc(42vw + 68px) !important;}.article2 .collapsing_header .main,.article4 .collapsing_header .main {    margin-top: calc(42vw + 68px) !important;}.article2 .banner_box,.article4 .banner_box {    height: 42vw;}.article2 .pagecontent .article_model[data-seq="0"] {    margin: 50px auto !important;}.service_steps {    padding: 50px 0;}.s015_imgblock,.s015-swiper-pagination.swiper-pagination {    margin-bottom: 0;}.view_pic.img-th.phone_pic {    grid-template-columns: auto;}.view_pic.img.four {    max-width: 100%;}.view_pic.img.four img {    max-width: 45%;}.view_pic.img-th img:first-child {    max-width: 100%;}.view_pic.img-th img {    max-width: 50%;}.article3.articlecontent .pagecontent .article_model[data-seq="0"] img {    height: 55vw;    object-fit: cover;}.article3.articlecontent .pagecontent .article_model[data-seq="0"] {    max-height: 55vw;}.views_t {    margin: 30px 0;}.views_t h3 span {    font-size: 14px;    padding: 2px;    min-width: 40px;}.works_t_left dl {    grid-template-columns: auto;    margin-bottom: 0px;}.page_wrapper_bg .title_block h2 span {    font-size: 36px !important;}.page_wrapper_bg .title_block h2 {    font-size: 24px !important;}.layoutlist_7 .subject,.layoutlist_7 .subject a {    letter-spacing: .5px;    font-size: 16px;}.articlerelated-box .list-inline.article-slider.rowflex {    grid-template-columns: auto;}.articlerelated-box figure.pic {    margin: 0 0 10px;}.articlerelated-box .list-inline>li {    margin-bottom: 30px;}.articlerelated-box {    padding: 80px 30px 0px;    margin-top: 80px;}.article1.articlecontent .pagecontent .article_model[data-seq="0"] img {    margin-top: 0;    height: 80vw;    object-fit: cover;}.article1.articlecontent .pagecontent .article_model[data-seq="0"] {    max-height: 80vw;}.btn.btn_back a {    width: calc(100% - 60px);}.view_pic {    flex-wrap: wrap;}.article1.is-item-list .page_wrapper_bg section.call_to_action {    padding: 30px 0 80px;}.is-item-list .page_wrapper_bg section.call_to_action,.blogslist .page_wrapper_bg section.call_to_action {    margin-top: 0;}#sidebar .products-nav ul {    padding: 10px 0;}.m2018 .products-nav>ul>li>a {    min-width: auto;    word-break: keep-all;    padding: 5px 15px;            text-wrap-mode: nowrap;}.article1 .page_wrapper_bg .RWDvideo006__editor,.article3 .page_wrapper_bg .RWDvideo006__editor,.blog1 .page_wrapper_bg .RWDvideo006__editor {    transform: translate(-50%, -50%);}.is-item-list .page_wrapper_bg section.call_to_action,.blogslist .page_wrapper_bg section.call_to_action {    padding: 30px 0 50px;}.article1.is-item-list .page_wrapper_bg section.call_to_action>.container,.article3.is-item-list .page_wrapper_bg section.call_to_action>.container,.blogslist .page_wrapper_bg section.call_to_action>.container {    padding: 0 15px;}.is-item-list #sidebar .m2018:before,.blog_nav:before {    width: calc(100% + 30px);    left: -15px;}#article .layoutlist_8 .item {    grid-template-columns: auto;    width: 100%;    float: none;}.layoutlist_8 .list_subject {    padding: 60px 10px 0;}.page ul li {    margin-right: 5px;}.page_wrapper_bg .footer_block .container {    border-top: 1px solid #ccc;}.customer_logo,.article4.articlecontent .page_wrapper_bg section.call_to_action {    padding: 50px 0;}.ab_box_pic {    margin-bottom: 15px;}.company_pic {    padding: 10px 0 50px;}.article4.articlecontent .pagecontent .article_model[data-seq="0"] {    padding: 0 30px;}h2.ab_p_tit {    margin-bottom: 15px !important;}.company_block .RWDright_cont002 .item-first .text-box {    padding: 0px 30px 50px;}.RWDbanner_plus01 .slick-item {    padding-right: 10px;}.company_pic .RWDbanner_plus01.style-dotnav.control-center .control-box {    width: calc(100% - 8vw - 10px);    bottom: 0;}.article4 .RWDscore01 .count-item:before {    width: 50vw;    height: 50vw;}.article6 .page_wrapper_bg .article-text h2 {    margin-bottom: 30px;    font-size: 30px;}.article4 .RWDscore01 .count-item {    width: 100%;    height: 30vw;}a.ab_btn {    max-width: 100%;}.ab_box_pic img {    height: auto;}.score_block {    padding: 80px 0 50px;}.article6.articlecontent .page_wrapper_bg section.call_to_action {    padding-top: 50px;}.s015_imgblock .s015_img {    padding-left: 55px;}.service_steps .container {    padding: 0 30px;}.s015_imgblock .s015_textblock {    grid-template-columns: 55px auto;}.s015_imgblock .swiper-slide {    margin-bottom: 50px;}.s015_memo span:after {    margin: 0 5px;}.RWDservice015 .section-subject .col-md-12 {    padding: 0;}.RWDservice015 .section-subject h3 {    margin-bottom: 50px;}.contact_call {    padding: 100px 30px;}.company_info {    padding: 50px 0 0;}.article1.articlecontent .RWDslider01 .pic-list figure:before {    background: linear-gradient(to top, rgb(0 0 0 / 50%), transparent);}.company_pic .RWDbanner_plus01.style-dotnav.control-center .control-box {    bottom: -40px;    width: 100%}.RWDbanner_plus01.control-center.dot {    padding-bottom: 40px;}.company_pic .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {    background: #333;}.company_pic .RWDbanner_plus01.style-dotnav.dot .slick-dots button {    background: #ccc;}#article .layoutlist_7 .summary {    font-size: 14px !important;    margin-top: 0;}.m2018 .products-nav>ul>li:first-child>a {    border-left: 0;}.m2018 .products-nav>ul>li:last-child>a {    border: 0;}#sidebar .m2018:after {    content: "";    position: absolute;    width: 30px;    height: 100%;    background: linear-gradient(to left, #efefef, transparent);    right: 0;    top: 0;    z-index: 3;    pointer-events: none;}.article3 #sidebar .m2018:after {    background: linear-gradient(to left, #fff, transparent);}.new-form .formdesc .contact_title_p ul {    grid-template-columns: auto;}.page_wrapper_bg br.hidd_t {    display: block;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 30px;}.new-form {    margin: 0;}.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(3) .col-sm-6 i,.service_block .animated.RWDService001 .row:nth-child(2) a:nth-child(1) .col-sm-6 i {    width: 80px;    height: 80px;}.bgcolor-box {    padding: 1rem;}/* 匯入SEO方案專用資源樣式*//*------底色區塊間距調整-----*/ 
.bgcolor-box {    padding: 1rem;}.video_block .RWDedictor008 {    padding: 0 40px;}
}
/*600px end*/
/*550px start*/

@media (max-width: 550px) {.footer_block .container {padding: 0 30px 100px;}.ft_txt .media_block {justify-content: flex-start;}.ft_txt02 ul {text-align: left;}.ft_txt02 ul li {margin:0}.ft_txt02 ul li a:nth-child(1) {margin-left: 0;padding-left: 0;}.ft_info .RWDedictor008 .ft_logo {text-align: left;}.views_block .RWDbtn01 .btn-box {margin-right: 30px;}.RWDproduct004 #portfolio.portfolio-nogutter .row > div {    width: 100%;    padding: 0 !important;}.ft_txt dl {justify-content: flex-start;align-items: flex-start;}.alliances_block {padding: 100px 0;}.RWDalert_fancybox.bottom {    padding: 15px 0px 0 !important;}.RWDalert_fancybox.bottom .editor {    padding: 0 20px;}.RWDalert_fancybox.bottom {    padding: 20px !important;}.RWDalert_fancybox.bottom .editor {    margin-bottom: 0 !important;    font-size: 14px !important;}}

/*550px end*/
/*480px start*/
@media (max-width: 480px) {
.ml-stack-nav-toggle__line {    width: 28px;}.RWDservice012 .text_box.num4 .text::after {    width: 50px;    height: 50px;    right: 20px;}.RWDeform001 span.boxname {    width: calc(100% / 2 - 30px);}.RWDeform001 .ebtn {    width: 100%;    min-width: auto;}.RWDbtn01 .btn-box li {    width: 100%;    max-width: 100%;}.views_block .RWDbtn01 .btn-box {    margin: 0 30px}.RWDProduct015 .product_box {    width: calc(100% / 2);}.bg_line .line_01::before,.bg_line .line_02 {    display: none}.bg_line .line_01::before {    left: 50%}.bg_line .line_01::after {    display: none}.projects_block .RWDbtn01 .btn,.views_block .RWDbtn01 .btn {    width: 100%;    max-width: none;}.RWDbtn01 .btn-box {    margin: 0}.service_block .RWDbtn01 .btn-box li {    padding: 0 30px !important;    max-width: none;    width: 100%;}.service_block .RWDbtn01 a {    max-width: none;    width: 100%;}.service_block .RWDbtn01 .btn-box .col-sm-3::before {    right: 70px}.video_block .RWDedictor008 .video_txt h3 {    margin-top: 15px}.video_block .RWDedictor008 {    max-width: 480px}.video_block .RWDvideo002 figure.effect-sarah img {    object-position: -160px;}.cd-main-content .container {    padding: 0 30px}.footer_block .container {    padding: 0 30px 100px;}.ft_txt02 ul {    padding-bottom: 0}.RWDService001 i img {    max-width: 60px;}.service_block .RWDService001 .col-md-3.col-sm-6:last-child ul {    max-width: 120px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon {    margin: 25% auto 0;    width: 90px;    height: 90px;}.service_block .RWDService001 h3 {    font-size: 14px;    letter-spacing: 0;}.video_txt {    margin-bottom: 60px;}.article4 .RWDphoto004 .xicon-logo {    height: 24vw !important;    transform: scale(1.2);}.service_block .RWDService001 h2 {    font-size: 18px;    letter-spacing: .5px;}.service_block .RWDService001 .col-md-3.col-sm-6 ul li {    font-size: 15px;}.RWDservice015 .section-subject h3,.ser_contact h3,.RWDphoto004 .title-sub {    margin: 0 0 30px;}/* 匯入內頁版面寬度80%*//*文章高度調整*/ 
.pagecontent .article_model[data-seq="0"] {    margin-top: 0 !important;}/*檔案下載*/ 
.layoutlist_5 .downlaod_item {    width: calc(100%);}/*圖文輪播*/ 
.RWDslider01 .text {    padding-bottom: 40px;}.eforms1 span.options {    grid-template-columns: repeat(2, 30px auto);}.article4 .RWDphoto004 .xicon-item {    width: calc(100%/2) !important;}.article4 .RWDscore01 .count-item {    height: 25vw;}.article4 .RWDphoto004 {    overflow: hidden;}.eforms1 .page_wrapper_bg section.call_to_action {    padding: 50px 0 80px;}.new-form .form-horizontal .form-group {    margin-bottom: 25px;}.new-form .customized_columns ._input,.new-form .customized_columns select {    height: 45px;}.article2 .pagecontent .article_model[data-seq="0"] {    padding: 0 30px;}._bd_column._bd_full.ser_box_p {    padding: 50px;}.circle_btn {    width: 40px;    height: 40px;    margin-bottom: 10px;}.circle_btn img {    width: 22px;}.right_ser {    margin-top: 15px;}.right_ser p {    margin: 0;    width: calc(100% - 45px);}.right_ser p span {    padding-right: 5px;    margin: 5px 5px 5px 0;}._bd_column._bd_full.ser_box_p {    padding: 50px 30px;}.ser_contact h3 {    font-size: 18px !important;}.articlecontent .pagecontent .article_model {    padding: 0 15px;}:root {    --blog-container-padding: 15px;}.articlerelated-box {    padding: 80px 20px 0px;}.btn.btn_back a {    width: 100%;}.RWDservice012 .text_box.num4 .text::before {    right: 32px;    bottom: 94px;}br.hidd_t {    display: block;}.contact_block .left_txt ul {    grid-template-columns: 1fr;}.articlecontent .btn.btn_back{    padding-inline: 20px;}@media (max-width: 414px) {    /*文章左右圖文輪播PH*/    .RWDslider01 .pic-list,    .RWDslider01.pic-right .pic-list {        margin: 0;    }}
}
/*480px end*/
/*400px start*/

@media (max-width: 400px) {.video_block::before {font-size: 16px;}.video_block::after, .video_block:hover::after {width:60px;height:60px}.video_txt {margin-bottom: 30px;}.about_block .txt_info h3 {    font-size: 16px;    letter-spacing: 0.5px;}.RWDmenu_plus04 #mobile-menu {    width: 80%;} .views_block .title_block h2 {margin-right:0 !important;display: block;}}

/*400px end*/
/*380px start*/
@media (max-width: 380px){
.contact_title .b_title {width: 100%;}.alliances_block .RWDService001 .col-md-3.col-sm-6 {width: 100%;margin: 0 auto 10px;}.alliances_block .RWDService001 ul {padding-left:6vw}/* 匯入內頁版面寬度80%*//*跟隨購物車寬度修正*/#mobile-fixed .btn-box {width: 170px;padding-left: 10px;}#mobile-fixed .fixed-in {width: calc(100% - 170px);}
}
/*380px end*/
/*350px start*/

@media (max-width: 350px) {.alliances_block .RWDService001 {padding: 0 30px;}.alliances_block .RWDService001 .col-md-3.col-sm-6 {width: 100%;padding: 0;}.alliances_block .rwd_subject {width: 100%;max-width: 330px;}.ft_info .RWDedictor008 .ft_logo img {max-width: 200px;}.cd-main-content .container {    padding: 0 20px;}.footer_block .container {    padding: 0 20px 100px;}.service_block .RWDbtn01 .btn-box li {    padding: 0 20px !important;}.alliances_block .RWDService001 {    padding: 0 20px;}.views_block .RWDbtn01 .btn-box {    margin: 0 20px;}.ft_info .media_block .icon_01, .ft_info .media_block .icon_02, .ft_info .media_block .icon_03 {    margin: 0 10px 0 0;}.eforms1 span.options {    grid-template-columns: 30px auto;}input#verifycode {    min-width: 100px;}.page_wrapper_bg .ebtn a {    min-width: 100%;}.ser_contact h2 {    font-size: 40px;}.ser_contact h3 {    font-size: 16px !important;}.eforms1 .page_wrapper_bg section.call_to_action>.container {    padding: 0 20px;}}

/*350px end*/
/*320px start*/
@media (max-width: 320px){
.cd-main-header {padding: 0 15px 0 0;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon {    margin: 17% auto 0;    width: 70px;    height: 70px;}.video_block .RWDedictor008 .video_txt h2 {letter-spacing: 0px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon:after {border-width: 8px 0 8px 15px;}.RWDservice012 .text_box {height: calc(100vh + 90px);}.RWDservice012 .text_box .text, .RWDservice012 .text_box.num4 .text, .RWDservice012 .text_box.num6 .text, .RWDservice012 .text_box.num8 .text {height: calc(100vh / 3 + 30px);}.ft_txt02 ul li {font-size:13px}
}
/*320px end*/