.fols { display: none;}.RWDmenu_plus04 .features { width: 220px;}.RWDmenu_plus04 .features .share-group i { color: #01b601;}.RWDmenu_plus04 .features .share-group.main_share a { display: flex; gap: 0 10px; line-height: 1; position: relative; padding: 12px 32px; justify-content: center; align-items: center; border: 1px solid #01b601; border-radius: 99em; margin: -5px 0 0;}.RWDmenu_plus04 .features .share-group.main_share { float: left; padding: 0;}.RWDmenu_plus04 .is-up .features .share-group.main_share a { margin: 8px 0 0;}.RWDmenu_plus04 .features .share-group.main_share a:hover { filter: brightness(1.5);}/*cookie*/ .RWDalert_fancybox .btn.active { background: #ccc2ba !important; border-radius: 0 !important; border: 0 !important; font-size: 14px !important; letter-spacing: 1px !important;}.RWDalert_fancybox.bottom { color: #333 !important; letter-spacing: 1px !important;}.RWDalert_fancybox.bottom .editor { font-size: 14px !important; letter-spacing: 1px !important;}.RWDmenu_plus04 .features .edit { display: none}.RWDssl01 { display: none !important;}@media (max-width: 600px) { .RWDalert_fancybox .btn.active { width: 100% !important; display: block !important; margin: 15px 0 0; } .RWDalert_fancybox.bottom .editor, .RWDalert_fancybox.bottom .btn-box { display: block !important; margin: auto !important; }}/* 動態效果fadeIn&hover*/ .RWDproduct002_v2 .bounceIn,.RWDproduct002_v3 .bounceIn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}.RWDService002 .flipInY { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}.RWDmenu_plus02 .cart-block:hover:after,.RWDmenu_plus02 .member-block:hover:after,.RWDmenu_plus02 .querycar-block:hover:after { display: none}.RWDleft_cont002 .item-second:hover .pic img,.RWDright_cont002 .item-first:hover .pic img { transform: scale(1)}/*rightcont&leftcont*/ .RWDleft_cont002 .item-second .text-box,.RWDleft_cont002 .item-second { background: transparent; color: #333}.RWDleft_cont002 .item-second .pic { width: 100%; float: none}.RWDleft_cont002 .item-second>a { float: right; width: 50%}.RWDright_cont002 .item-first { background: transparent}.RWDright_cont002 .item-first .text-box { color: #333; padding: 0; letter-spacing: 1px; line-height: 2}.RWDright_cont002 .item-first .pic { float: none; width: 100%}.RWDright_cont002 .item-first>a { pointer-events: none; width: 50%; float: left}.RWDright_cont002 .item-first .text-box .underline { display: none;}.portfolio-bottom-summary { height: auto !important}.RWDproduct002_v2 .popup-portfolio .portfolio-item { float: left; height: auto !important; width: calc(100%/3 - 1px);}.RWDnews005 .owl-carousel.owl-padding-10 { margin: 0; overflow: visible}.RWDnews005 .owl-carousel .owl-wrapper-outer { overflow: hidden}.RWDproduct002_v3 .popup-portfolio .portfolio-item { height: auto !important;}.funny-boxes.not-right-column::before,.funny-boxes>.funny-boxes-text>h4::after { display: none}.RWDproduct002_v3 .popup-portfolio .portfolio-item { padding: 0 20px; width: calc(100%/3 - 1px); margin: 0 0 40px}.RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { padding: 15px 0 0; color: #333; letter-spacing: 1px; font-weight: 700; line-height: 1.5}.RWDproduct002_v3 { padding: 0}.RWDService002 { padding: 0}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 { color: #002f7b;}.fl { width: 120px;}.fl img { width: 100%; animation-name: zeroall; animation-duration: 3s;}@-webkit-keyframes zeroall { 0% { opacity: .1 } 50% { opacity: 1 }}@-webkit-keyframes bannerout { 0% { opacity: 1 } 100% { opacity: 0 }}@keyframes looprotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); }}@-webkit-keyframes shing { 0% { opacity: .5; } 30% { opacity: .7; filter: blur(3px); } 50% { opacity: .5; } 80% { opacity: .7; filter: blur(3px); } 100% { opacity: .5; }}a,a:hover,a:focus { text-decoration: none; transition: .5s ease !important}.cd-main-content { background: #0c0c0c;}.wrapper_bg,#mobile-fixed,.RWDproduct_page,#sidebar .products-nav,._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6 { font-size: 15px; line-height: 1.8; letter-spacing: 0; color: #cbcbcb;}.wrapper_bg p { font-size: 15px; line-height: 1.8; letter-spacing: 0; margin: 0}#RWDfullscreen01 { overflow: visible !important;}.abuss,.banners,.parass,.brandss,.contacts,.footers { overflow: hidden !important;}.abuss { width: 100%;}.contacts .RWDvideo001 { animation: none !important; opacity: 1 !important;}h1,h2,h3,h4,.RWDmenu_plus04 #search-box.full .form-control { font-family: 'Noto Serif TC', serif;}.RWDmenu_plus04 #search-box.full .form-control { font-size: 30px; letter-spacing: 1px;}.RWDmenu_plus04 #search-box.full .ibtn { font-size: 25px;}@media (min-width: 800px) { .RWDmenu_plus04 #search-box.full .search-in { max-width: 1000px; width: 80%; }}/*04選單反白*//*menu04*/ .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after { display: block; position: absolute}.RWDmenu_plus04 .site-nav .menu li.has-child { margin-right: 15px;}.cd-primary-nav>.has-children>a::after,.cd-primary-nav>.has-children>a::before { background: #969696}.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic { background: #fff}.RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: #fff}.RWDmenu_plus04 .is-up .lang-select:hover .lang-select-label,.RWDmenu_plus04 .is-up .site-nav .menu>li.active>a,.RWDmenu_plus04 .is-up .site-nav .menu>li>a:hover { color: #fff}.RWDmenu_plus04 .site-nav .menu>li>a { font-weight: 500; padding: 25px 20px}.RWDmenu_plus04 .site-nav .menu>li>a { color: #fff}.RWDmenu_plus04 .is-up .site-nav .menu>li>a { color: #fff}.RWDmenu_plus04 .lang-select-label:hover:after,.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: #fff}.RWDmenu_plus04 .is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .is-up .lang-select-label:after,.RWDmenu_plus04 .is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .is-up .site-nav .menu li.has-child>a:after { border-color: #fff;}.RWDmenu_plus04 .is-up .lang-select-label:hover:after,.RWDmenu_plus04 .is-up .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .is-up .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .is-up .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .is-up .site-nav .menu>li.is-active>a:after { border-color: #fff}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .features .share-group a,.RWDmenu_plus04 .features i,.RWDmenu_plus04 .lang-select { color: #fff}.RWDmenu_plus04 .is-up .features .cart-btn,.RWDmenu_plus04 .is-up .features .querycar-btn,.RWDmenu_plus04 .is-up .features .share-group a,.RWDmenu_plus04 .is-up .features i,.RWDmenu_plus04 .is-up .lang-select { color: #fff}.RWDmenu_plus04 .features i:hover,.RWDmenu_plus04 .features i { transition: .5s}.RWDmenu_plus04 .site-nav .menu>li>ul { padding: 0}.RWDmenu_plus04 .site-nav .menu ul li>a { text-align: center; padding: 10px}.RWDmenu_plus04 .site-nav .menu ul li a { font-size: 15px}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { text-decoration: none; font-weight: 400; color: #fff; background: #124b9e; background: -moz-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgb(58 50 185) 100%); background: linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgb(58 50 185) 100%);}.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after { border-color: #fff;}.RWDmenu_plus04 .site-nav .menu li.has-child>a { padding: 25px 25px 25px 15px}.RWDmenu_plus04 .site-nav .menu>li>ul { padding: 0px; top: calc(100% + 0px); margin-left: -100px; width: 200px;}.RWDmenu_plus04 .header { background: transparent; padding: 45px 5.5vw 0; transition: .5s}.RWDmenu_plus04 .logo { margin: 0; filter: brightness(0) invert(1); transition: .5s; width: 100px;}RWDmenu_plus04 .menu li a { color: #333;}.RWDmenu_plus04 .container { max-width: 100%; padding: 0 20px}.RWDmenu_plus04 .menu li a { font-family: 'Noto Serif TC', serif; font-weight: 300 !important; letter-spacing: 3px}.RWDmenu_plus04 .site-nav .menu { text-align: right; margin-top: -25px; transition: .5s}li.contact:before { content: ""; background: #fff; border-radius: 99em; width: 5px; height: 5px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; transition: .5s}li.contact { margin-left: 10px}.RWDmenu_plus04 .features .search-btn { margin-top: -20px; transition: .5s}.RWDmenu_plus04 .header.is-up { padding: 30px 3vw 0; transition: .5s; background: linear-gradient(-180deg, #0c0c0c, transparent)}.RWDmenu_plus04 .is-up .logo { filter: none; transition: .5s; width: 70px}.RWDmenu_plus04 .is-up .site-nav .menu { margin-top: -10px; transition: .5s}.RWDmenu_plus04 .is-up .features .search-btn { margin-top: -5px; transition: .5s}/*banners*/ .RWDvideo001 .info .summary { margin: 0; height: 100%; display: flex; justify-content: center; align-items: center; padding-top: 3vw;}.banners .RWDvideo001 .info .summary { ; animation: bannerout 10s 20s forwards}.RWDvideo001 .info .summary .bnbox { display: flex; flex-wrap: wrap; max-width: 670px; justify-content: space-between; align-items: flex-end; animation-delay: 1s !important;}.RWDvideo001 .info .summary .bnbox .ttl { font-family: 'Noto Serif TC', serif; font-size: 100px; line-height: 1; width: 100%; transform: skew(-10deg) scale(1, 1.2); letter-spacing: -5px; font-weight: 500;}.RWDvideo001 .info .summary .bnbox .entxt { text-align: left; color: #c3c0bc; font-family: 'Cinzel', serif; width: 167px; margin: 50px 0 0 20px; line-height: 1.5; letter-spacing: 0; animation-delay: 2s !important; animation-name: fadeInLeft;}.RWDvideo001 .info .summary .bnbox .decotxt { font-size: 20px; font-family: 'Noto Serif TC', serif; margin-right: 15px; letter-spacing: 2px; animation-delay: 2s !important; animation-name: fadeInRight;}.RWDvideo001 .mouse img { width: 100%}.RWDvideo001 .mouse { bottom: 0; transform: translateX(-50%); width: 10vw; left: 45%}.RWDvideo001 .info { z-index: 22}.banners .RWDvideo001 .video:before,.abuss .RWDvideo001 .video:before { content: ""; background: #0c0c0c; position: absolute; width: 100%; height: 100%; z-index: 2; opacity: .3}/*mainp*/ .mainproducts .RWDservice011 { width: 50%; float: left}#m_RWDfullscreen01_66_2 .link_area { flex-direction: column}#m_RWDfullscreen01_66_2 .link_box { height: 50vh}.RWDservice011 .link_box { font-family: 'Noto Serif TC', serif; padding: 50px; align-items: flex-end}#m_RWDfullscreen01_66_3 .link_box { width: 100%; height: 100%;}.RWDservice011 .link_box:hover .mid_box { transform: none;}.RWDservice011 .link_box .title { font-size: 25px; letter-spacing: 0; margin: 0 0 20px; line-height: 1; font-weight: 500;}.RWDservice011 .link_box .memo { ; font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, arial, verdana, helvetica, tahoma, Sans-serif; opacity: 1; margin: 0;}.RWDservice011 .link_box .memo p { letter-spacing: 0 !important; font-size: 16px !important;}.RWDservice011 .link_area { height: 100vh;}.RWDservice011 .link_box:hover .mid_box { transform: none}.RWDservice011 .link_box .mid_box { width: calc(100% - 200px); height: 100%; display: flex; flex-direction: column; justify-content: flex-end}.RWDservice011 .link_box .name { font-size: 4.5vh; line-height: 1.3; color: #fff; font-weight: 700; word-break: break-all; display: block; position: absolute; top: 60px; letter-spacing: 0;}.RWDservice011 .link_area.num1 .link_box .mid_box { width: calc(100% - 200px); height: calc(50vh - 100px)}.RWDservice011 .link_box .memo span { opacity: .5; transform: scale(.5, 1); display: inline-block; margin: 0 5px}.ii-more1:before { content: "了解更多"; font-size: 15px}.RWDservice011 .link_box .circle span.ii-more1 { font-size: 15px}.RWDservice011 .link_box .circle { display: none; left: auto; right: -180px; top: auto; bottom: 0; width: 150px; border-radius: 99em; line-height: 1; display: flex; justify-content: center; align-items: center; height: auto; padding: 15px; transition: .5s ease;}.RWDservice011 .link_box:hover .circle { transform: translateX(0); opacity: 1; display: none;}.RWDservice011 .link_box .circle { transform: translateX(30px); opacity: 0}.RWDservice011 .link_box:hover .circle span.ii-more1 { animation: fadeInUp .8s forwards}.RWDservice011 .link_box .circle span.ii-more1 { font-size: 15px; opacity: 0}.RWDservice011 .link_box:before { content: "了解更多"; position: absolute; top: 50%; left: 40%; border: 1px solid rgb(255 255 255 / 50%); border-radius: 99em; padding: 8px 40px; letter-spacing: 3px; transform: translate(-50%, -50%); opacity: 0; animation: fadeOutDown .5s forwards; z-index: 2;}.RWDservice011 .link_box:hover:before { animation: fadeInUp .5s forwards}#m_RWDfullscreen01_66_2.RWDservice011 .link_box:hover .shadow,#m_RWDfullscreen01_66_3.RWDservice011 .link_box:hover .shadow { background-color: rgba(0, 0, 0, .3) !important;}/*abuss*/ .abuss .RWDvideo001 .info .summary { flex-direction: column; justify-content: center;}.index h1.main-title,.RWDvideo005__head__h1,.RWDscore01 .score-maintitle,.RWDphoto004 .title-main { font-size: 33px; transform: skew(-8deg) scale(1, 1.1); font-weight: 500; margin: 0 0 15px; line-height: 1; color: #fff; font-family: 'Noto Serif TC', serif; letter-spacing: 3px}.index h2.sub-title,.RWDvideo005__head__h2,.RWDscore01 .score-subtitle,.RWDphoto004 .title-sub,.index h2.sub-titile { font-size: 20px; letter-spacing: 3px; line-height: 1.8; font-weight: 300; color: #767676; font-family: 'Noto Serif TC', serif}.index .abuss .RWDvideo001 .info .summary h2.sub-title { color: #b5b5b5; letter-spacing: 2px; margin: 10px 0 0}.RWDproduct004 .list-inline h4 span.en { letter-spacing: 0}.RWDproduct004 .list-inline p { letter-spacing: 3px !important; font-size: 16px !important}.abuss .RWDvideo001 .info .summary h1.main-title span { font-size: 75px; margin-left: 15px; font-weight: 600}.abuss .RWDvideo001 .info .summary h1.main-title { font-size: 50px; letter-spacing: 1px; transform: skew(-8deg) scale(1, 1); line-height: 1.1; margin-left: -190px}.abuss .RWDvideo001 .info .summary h1.main-title em { font-style: inherit; margin-left: 380px}.index .abuss .RWDvideo001 .info .summary h2.sub-title { color: #b5b5b5; letter-spacing: 4px; margin: 30px 0 0; font-size: 16px}.abuss .RWDvideo001 .info .summary { padding-top: 75px;}/*workss*/ .RWDvideo005 .small_box .circle:before { content: ""; width: 80%; height: 80%; position: absolute; border: 1px dashed #fff; top: 10px; left: 10px; z-index: 2; animation: looprotate 15s infinite; border-radius: 99em}.RWDvideo005__head { margin: 0 0 35px;}/*.RWDvideo005 {animation: none !important;}*/ .workss { padding: 120px 3vw 0; position: relative;}.RWDvideo005_jumpBox .jump_Box .closeBox span { letter-spacing: 1px}.RWDvideo005_jumpBox .swiper-slide .small_box .text .name { font-family: 'Noto Serif TC', serif; font-weight: 500; letter-spacing: 1px}.RWDvideo005_jumpBox_link { max-width: 250px; height: auto; padding: 10px; letter-spacing: 2px; border-color: #222}.RWDvideo005 .main_box { background: transparent; position: relative; margin: 0 0 15px;}.RWDvideo005 .active .type_name { color: #fff; padding: 15px 30px 15px 50px}.RWDvideo005 .type_name { font-family: 'Noto Serif TC', serif; padding: 15px 30px; letter-spacing: 2px; font-weight: 400; color: #767676; font-size: 17px; transition: .5s}.RWDvideo005 .type_name:hover { color: #fff; transition: .5s}.RWDvideo005 .type_name::after { height: 15px; background: #222}.RWDvideo005 .active .type_name:before { transition: .5s; animation: fadeInRight 1s forwards; left: 30px}.RWDvideo005 .type_name:before { content: ""; background: #fff; width: 6px; height: 6px; position: absolute; background-size: contain; top: 45%; transform: translateY(-50%); left: 60px; opacity: 0; transition: .5s; border-radius: 99em}.RWDvideo005 .small_box .name { font-family: 'Noto Serif TC', serif; font-weight: 500; letter-spacing: 0}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .name,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .name { font-size: 30px; letter-spacing: 1px}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .type,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .type { font-size: 16px; letter-spacing: 2px; font-weight: 400}.RWDvideo005 .main_pic:hover .small_box { filter: brightness(1)}/*trendss*/ .trendss { padding: 100px 0; position: relative; overflow-x: hidden}.RWDscore01,.trendss .RWDedictor { position: relative; z-index: 2;}.trendss:before { content: ""; background: url(archive/image/customization/trebg.webp) no-repeat; width: 100%; height: 100%; position: absolute; background-size: cover; top: -13vw; left: 0; opacity: 1; animation: shing 5s infinite; z-index: 1}.RWDscore01 .score-content { padding: 0}.RWDscore01 .score-subtitle { letter-spacing: 3px}.RWDscore01 .trigger-blk { display: none}.RWDscore01 .score-blk { color: #fff}.RWDscore01 .count-item>div>span:nth-child(2) { display: none}.RWDscore01 .count-item>div:nth-child(1) { font-family: 'Noto Serif TC', serif; transform: skew(-8deg) scale(1, 1.1)}.RWDscore01 .count-num { font-size: 40px; position: relative}.RWDscore01 .count-num:before { content: ""; background: url(archive/image/customization/cir1.webp) no-repeat; width: 135px; height: 135px; position: absolute; background-size: contain; top: 50%; left: 70%; transform: translate(-50%, -50%) skew(8deg) scale(1.1, 1); background-position: bottom center}.RWDscore01 .count-item:nth-child(2) .count-num:before { background: url(archive/image/customization/cir2.webp) no-repeat; background-size: contain}.RWDscore01 .count-item:nth-child(3) .count-num:before { background: url(archive/image/customization/cir3.webp) no-repeat; background-size: contain}span.count-str { font-size: 20px}.trendss .swiper-container-autoheight .swiper-wrapper { height: auto !important}.RWDscore01 .count-title { font-size: 15px; letter-spacing: 2px; max-width: 270px; margin: 75px 0 0}.RWDscore01.animated .count-item:nth-child(3) { animation: fadeInUp 1s 1s forwards}.RWDscore01.animated .count-item:nth-child(2) { animation: fadeInUp 1s .5s forwards}.RWDscore01.animated .count-item { animation: fadeInUp 1s forwards}.RWDscore01 .count-item { margin: 0 3vw; opacity: 0; position: relative}.RWDscore01 .count-blk { padding-top: 50px}.RWDscore01 .score-mainblk { min-height: auto}.trendss .RWDedictor { text-align: center; max-width: 80%; margin: 30px auto 0; font-size: 18px; color: #ccc; letter-spacing: 3px; position: relative}.trendsbottom { position: relative; width: 80%; margin: auto; transform: translate3d(0, 0, 0); -webkit-mask: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0)); padding: 0; letter-spacing: 1px; font-size: 16px;}.RWDscore01 .score-subtitle { margin: 0 0 60px}.waves { animation: wordsLoop 200s infinite; letter-spacing: -13px; transform: scale(2, 1); font-size: 38px; opacity: .1; margin-bottom: 20px}@-webkit-keyframes wordsLoop { 0% { transform: translateX(200px); -webkit-transform: translateX(200px) } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%) }}/*parass*/ .RWDparallax_new .picbgbox { height: 400px !important}.RWDparallax_new .picbgbox .overlay,.container.editor { height: 100%}.container.editor { display: flex; justify-content: center; align-items: center}.parainner h3:before { content: ""; border: 1px solid; width: 90%; height: 90%; position: absolute; border-radius: 99em; padding: 50px; transform: skew(10deg) translate(-50%, -50%) scale(1.05, .95); top: 50%; left: 56%; opacity: .2}.parainner h3 { font-size: 35px; margin: 0 0 60px; transform: skew(-8deg) scale(1, 1.1); position: relative; display: inline-block; letter-spacing: 0}.animated .parainner.right { animation: fadeInRight 1s 1s forwards}.animated .parainner.left { animation: fadeInRight 1s forwards}.animated .parainner.left:after { animation: fadeInRight 1s .5s forwards}.parainner { padding: 0 5vw; text-align: center; position: relative; opacity: 0}.parainner h3 span { font-size: 20px; margin-left: 10px}.parasbox { display: flex; justify-content: space-between; color: #fff; padding-top: 4vw}.parainner.left:after { content: "v.s"; font-size: 25px; position: absolute; right: -15px; top: 50%; transform: skew(-8deg) scale(1, 1.1) translateY(-50%); font-family: 'Noto Serif TC', serif; letter-spacing: 3px; font-weight: 300; opacity: 0}.parasbox p { font-family: 'Noto Serif TC', serif; letter-spacing: 1px !important; font-size: 16px !important;}.parasbox p span { letter-spacing: 0; margin: 0 5px;}/*brandss*/ .RWDphoto004 { flex-direction: column; justify-content: center; align-items: center; margin: 0; text-align: center}.brandss { padding: 120px 0 70px}.RWDscore01 .score-subtitle,.RWDphoto004 .title-sub { letter-spacing: 3px}.RWDphoto004 .title-main,.RWDscore01 .score-maintitle { margin: 0 0 20px}.RWDphoto004 .xicon-item { width: 213px !important; padding: 0 20px; opacity: 0;}.RWDphoto004 .xicon-logo { margin: 0; width: 100% !important; filter: grayscale(1) invert(1)}.RWDphoto004 .logo-wall { margin-top: 50px; width: 1430px !important;}.RWDphoto004 .logo-main { width: 100% !important;}.RWDphoto004.animated .xicon-item:nth-child(even) { animation: fadeInRight 1s .7s forwards}.RWDphoto004.animated .xicon-item:nth-child(odd) { animation: fadeInRight 1s .5s forwards}/*contacts*/ .contacts { padding: 100px 0; position: relative}.contacts .RWDbtn01 { margin: 0}.contacts .RWDvideo001 { position: absolute; top: 0; z-index: 1; height: 100% !important}.RWDvideo001 .video { height: 100% !important}.RWDvideo001 .video iframe { width: 160% !important; height: 160% !important; margin: auto !important; top: 50% !important; position: absolute; left: 50%; transform: translate(-50%, -50%)}.contacts .contop .RWDbtn01 ul.btn-box.clearfix { display: none}.conbox .right.visible-xs { display: none !important;}.index h2.sub-titile { letter-spacing: 3px; margin: 0}.conbox .right p { color: #cbcbcb; font-size: 14px !important; letter-spacing: 1px !important}.conbox { display: flex; align-items: end; justify-content: space-between; padding: 0 0 50px; margin: 0 0 50px; border-bottom: 1px solid #000}.conbox .right { width: 515px}.contop,.conbottom { max-width: 80%; margin: auto; z-index: 3; position: relative; background: #0c0c0c; padding: 80px 0}.contop { display: flex; flex-direction: column}.contacts .contop .RWDbtn01,.RWDeform001 { width: 1000px; margin: auto}.RWDeform001 .section-subject { display: none}.RWDeform001 .row { margin: 0}.RWDeform001 label { width: 80px; margin: 0; font-weight: 400; min-width: 80px; margin-right: 20px}.form-group label.must:before { float: right; margin-left: 5px; color: #fff}.RWDeform001 .form-horizontal .form-group { color: #e3e3e3; display: flex; align-items: center; justify-content: flex-start; margin: 0 0 30px; flex-wrap: wrap}.RWDeform001 .form-control { width: calc(100% - 100px)}.RWDeform001 .error { color: #ab1919}.RWDeform001 label.error { display: block; margin: 0; width: 100%; padding-left: 100px; font-size: 14px;}.RWDeform001 .row:nth-child(2) .col-sm-4 { width: 50%; padding: 0 1vw 0 0}.RWDeform001 .form-control { background: transparent; border: 0; border-bottom: 1px solid; border-radius: 0; transition: .5s; color: #888;}.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(1),.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(2) { padding: 0 0 0 1vw}.RWDeform001 .row:nth-child(2) .col-sm-4:nth-child(1) { display: none}.form-control:focus { box-shadow: none; background: #1a1919; color: #fff; transition: .5s}.contacts .col-sm-4:nth-child(10)>.form-group:nth-last-child(2) { align-items: flex-start}.RWDeform001 .row:nth-child(2) .col-sm-4 .ebtn.currectsend_btn:hover { filter: brightness(1.2); transition: .5s}.RWDeform001 .row:nth-child(2) .col-sm-4 .ebtn.currectsend_btn { float: right; background: #124b9e; background: -moz-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: linear-gradient(135deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); min-width: 190px; border-radius: 99em; font-size: 14px; padding: 7px; letter-spacing: 2px; margin: 35px 0 0; transition: .5s}img.verifyimg { margin-left: 10px; margin-top: 1px}.conbottom:before { content: ""; background: url(archive/image/customization/contactdeco.webp) no-repeat; width: 100%; height: 10px; position: absolute; top: -35px; background-size: contain; left: 50%; z-index: 1; transform: translateX(-50%); opacity: .5}.conbottom { padding-top: 40px; padding-bottom: 70px; margin-top: -1px; display: flex; justify-content: center;}.contacts .conbottom .RWDbtn01 { width: 500px; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center}.contacts .conbottom .RWDbtn01 .main-title { font-size: 18px; color: #fff; font-weight: normal;}.contacts .conbottom .RWDbtn01:nth-child(1) { border-right: 1px solid #333}.RWDbtn01 .section-subject { margin: 0 0 10px}.contacts .conbottom a.btn { min-width: 235px; font-size: 15px; padding: 13px 10px 13px 40px; background: transparent; border-radius: 99em; color: #fff; position: relative}.contacts .conbottom a.btn:before,.contacts .conbottom a.btn:after { content: ""; background: url(archive/image/customization/conline.webp) no-repeat; width: 100%; height: 100%; position: absolute; background-size: cover; left: 0; top: 0; background: url(archive/image/customization/conline.webp) no-repeat; width: 100%; height: 100%; position: absolute; background-size: cover; left: 0; top: 0}.contacts .conbottom .RWDbtn01:nth-child(2) a.btn:before { background: url(archive/image/customization/conline1.webp) no-repeat; background-size: contain}.contacts .conbottom .RWDbtn01:nth-child(2) a.btn:after { background: url(archive/image/customization/conicon1.webp) no-repeat; width: 50px; background-size: contain; top: 50%; transform: translateY(-8px); left: 50px}.contacts .conbottom a.btn:after { background: url(archive/image/customization/conicon.webp) no-repeat; width: 29px; background-size: contain; top: 50%; transform: translateY(-5px); left: 60px}.contacts .conbottom a.btn:hover { filter: brightness(1.5); transition: .5s}/*alliances */ .alliances { padding: 100px 0; max-width: 1380px; margin: auto; position: relative;}.RWDService001 h2.sub-title { display: none}.index .section-line { display: none}.RWDService001 h1.main-title { transform: none; font-size: 25px; letter-spacing: 3px; position: relative}.alliances .col-md-3.col-sm-6 article.boxFeature-2 { border: 1px solid #222; position: relative; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .5s; overflow: hidden;}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li:nth-child(even) { width: 95px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li:nth-child(odd) { width: 100px; margin-right: 25px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li { width: 50%; margin: 0 0 5px; font-size: 14px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul { display: flex; flex-wrap: wrap; margin: 0 0 40px; padding: 0; justify-content: center; padding-left: 20px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 h2 { font-size: 16px; letter-spacing: 2px; font-weight: 300; line-height: 1.5; margin: 5px 0 30px; padding-right: 1vw}.alliances .col-md-3.col-sm-6:hover article.boxFeature-2:before { opacity: .2; transition: .5s}.alliances .col-md-3.col-sm-6 article.boxFeature-2:hover { transform: scale(1.05); transition: .5s}.RWDService001 i { margin: 40px 0 30px; padding: 0 0 40px; border-bottom: 5px solid #c62769; width: 100%; min-height: 91.5px;}.alliances a:nth-child(4) .col-md-3.col-sm-6 article.boxFeature-2 i.iconBig { border-color: #0c2070}.alliances a:nth-child(3) .col-md-3.col-sm-6 article.boxFeature-2 i.iconBig { border-color: #79a42c}.alliances a:nth-child(2) .col-md-3.col-sm-6 article.boxFeature-2 i.iconBig { border-color: #f5bb17}.RWDService001 i img { width: 180px}.RWDService001:before { content: ""; border: 1px solid #222; width: 110%; height: 105%; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 2%}.alliances .rwd_subject { width: 370px; margin: 0 auto 50px; position: relative; z-index: 2; background: #0c0c0c; padding: 0 50px}.alliances .rwd_subject img { width: 100%}.alliances a:last-child .col-md-3.col-sm-6 article.boxFeature-2 ul.alilist li:last-child { opacity: 0}.alliances .col-md-3.col-sm-6 article.boxFeature-2:before { content: ""; background: gray; background: -moz-linear-gradient(-45deg, rgb(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(199, 39, 105, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(199, 39, 105, 1) 100%); width: 102%; height: 68%; position: absolute; bottom: -3%; opacity: 0; transition: .5s; z-index: -1}.alliances a:hover .col-md-3.col-sm-6 article.boxFeature-2:before { opacity: .4; transition: .5s}.alliances a:nth-child(2) .col-md-3.col-sm-6 article.boxFeature-2:before { background: gray; background: -moz-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(247, 189, 23, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(247, 189, 23, 1) 100%); background: linear-gradient(135deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(247, 189, 23, 1) 100%)}.alliances a:nth-child(3) .col-md-3.col-sm-6 article.boxFeature-2:before { background: gray; background: -moz-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(122, 165, 44, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(122, 165, 44, 1) 100%); background: linear-gradient(135deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(122, 165, 44, 1) 100%)}.alliances a:nth-child(4) .col-md-3.col-sm-6 article.boxFeature-2:before { background: gray; background: -moz-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(12, 32, 113, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(12, 32, 113, 1) 100%); background: linear-gradient(135deg, rgba(44 44 44) 0%, rgba(12, 12, 12, 1) 49%, rgba(12, 32, 113, 1) 100%)}/*220706修改--沃德事業群*/ .alliances .RWDService001 div.row:before { content: '用好的設計，創造更好的收益為行銷而生的設計整合者'; position: relative; display: block; margin: 0 auto 50px; font-size: 26px; text-align: center; font-weight: 300; width: 370px; line-height: 1.6; color: #fff; font-family: 'Noto Serif TC', serif; letter-spacing: 1px;}/*220719新增--米洛影片*/ .video_block { padding-bottom: 2%; padding-top: 1%; margin: 0 auto; max-width: calc(1380px * 1.1);}.video_block .RWDvideo001.show { height: 12.5vw !important;}.video_block .RWDvideo001 .video { background-attachment: inherit; height: 100% !important; width: 100% !important; transition: all 0.8s ease;}.video_block .RWDvideo001 .mouse.defbg { display: none;}.video_block .RWDvideo001 .info .summary { margin-top: 0; text-align: left; transform: translateY(-50%); top: 50%; position: absolute; display: block; font-family: 'Noto Serif TC', serif; height: auto; padding-top: 0; right: 18%;}.video_block .RWDvideo001 .info .summary .video-title { font-size: 26px; line-height: 1.4; letter-spacing: 2px;}.video_block .RWDvideo001 .info .summary .video-sub { font-size: 14px; font-weight: 300; letter-spacing: 0; margin-top: 15px; opacity: 0.4;}.video_block .RWDvideo001 .info { cursor: pointer;}.video_block .RWDvideo001 .btn2play,.RWDvideo001 .btn2pause { border: none;}.video_block .RWDvideo001 .btn2play>div { display: none;}.video_block .RWDvideo001 .btn2play .fa,.RWDvideo001 .btn2pause .fa { font: normal normal normal 20px/1 FontAwesome; margin-top: 23px; margin-left: 7px;}.video_block .RWDvideo001 .info .btn2play .fa:after { content: ''; position: absolute; border: 1px dashed #fff; width: 90px; height: 90px; border-radius: 99em; top: calc(40% - 40px); left: calc(45% - 40px); z-index: 2; transition: border 0.7s ease-in-out;}.video_block .RWDvideo001 .info:hover .btn2play { transform: scale(1.05); -webkit-transform: scale(1.05);}.video_block .RWDvideo001 .info:hover .btn2play .fa:after { -webkit-animation: circle 13s linear infinite; animation: circle 13s linear infinite;}@keyframes circle { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); }}.video_block .RWDvideo001:hover .video { transform: scale(1.05); transition: all 0.8s ease;}/*swiper lazyload preloader*/ .swiper-lazy-preloader { --swiper-preloader-color: #747474;}/* 20250418 */ .RWDmenu_plus04 .menu-icon:after,.menu-icon:before { background-color: #666;}.header,.is-up { transition: .5s ease;}.videolist .webdesc{ margin-block:2rem 4rem;}.videolist .webdesc p{ font-size: var(--font-size-h5) !important}.RWDvideo001 .info .summary .bnbox{ margin-top: auto; margin-bottom: 20vh;} /*footer start*/ /*rights*/ .rights span { margin: 0 15px; display: inline-block; transform: scale(1, .8); opacity: .5}.rights a:hover { color: #fff}.rights a { color: #888; letter-spacing: 1px}.rights { display: flex; font-size: 13px; padding: 100px 0 0; color: #888; justify-content: flex-start; background: transparent; flex-wrap: wrap; align-items: center; width: 100%; letter-spacing: 0}.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #888}.RWDssl01,.rights .RWDedictor { margin-right: 20px}/*footers*/ .ftinner.top ul li:nth-child(even) { width: 425px;}.ftinner.top ul li:nth-child(odd) { width: 340px;}.footers { padding: 100px 0; max-width: 1420px; margin: auto; display: flex; flex-wrap: wrap}.ftmenubox,.ftinfobox { display: flex; flex-wrap: wrap}.ftmenuinner h4,.ftmenuinner .ftmenuTit { color: #fff; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #2e2e2e}.ftmenuinner h4 a,.ftmenuinner a:hover,.ftmenuinner .ftmenuTit a,.ftmenuinner .ftmenuTit a:hover { color: #fff;}.ftmenuinner { width: calc(100%/3 - 50px); margin-right: 50px}.ftmenuinner a { color: #939393}.ftmenuinner ul { padding-left: 0; list-style: none; margin: 0; line-height: 2;}.ftmenu { width: 650px; position: relative; right: -50px}.ftinfo { width: calc(100% - 650px); padding-right: 0}.ftinfobox .ftinner { width: 100%}.ftinfobox .ftinner .logo { width: 230px; filter: brightness(0) invert(1); margin: 0 0 30px}.ftinfobox .ftinner .logo img { width: 100%}.ftinner ul li a { color: #fff}.ftinner.top ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; color: #fff; letter-spacing: 0}.ftinner.top ul li span:after { content: ":"; right: 0; position: absolute}.ftinner.top ul li span { position: relative; width: 72px; display: inline-block; margin-right: 20px}.ftinner.top ul li { width: 50%; line-height: 2.2; letter-spacing: 0}.ftinner.top ul li a.none { pointer-events: none}.ftinner.top ul li a:hover { opacity: .5}.bottom.ftinner ul li a:hover { transition: .5s; border-color: #666;}.bottom.ftinner ul li a { display: block; border: 1px solid #2e2e2e; border-radius: 99em; padding: 8px; text-align: center; letter-spacing: 0;}.bottom.ftinner ul li { width: calc(100%/4 - 10px); margin-right: 10px}.bottom.ftinner ul { display: flex; list-style: none; padding: 0; margin: 30px 0 0}.bottom.ftinner ul li a img { width: 15px; margin-right: 10px; margin-top: -3px; margin-left: -5px}/*tops*/ .scrollTop002 { bottom: 30px; right: 30px; transition: .5s}aside.top_btn img { width: 50px}.scrollTop002:hover { transition: .5s; border-radius: 99em; filter: brightness(0) invert(1)}@media (max-width: 991px) { /*tops*/ .scrollTop002 .ii { font-size: 40px } .scrollTop002 { right: 15px; bottom: 15px }}@media (max-width: 600px) { /*fols*/ a.ml-stack-nav-toggle { padding: 25px 14px; margin-left: 10px } .RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right { width: 100%; }}/* 250207 */ .bottom.ftinner ul li a { display: flex; align-items: center; justify-content: center;} /*footer end*/ /*inner start*/ .YouTubePopUp-Content { max-width: 70% !important; width: 100%;}.collapsing_header .main { top: 0 !important; padding: 0; overflow: hidden;}.articlecontent .collapsing_header .main { overflow: visible;}.page_wrapper_bg .RWDmenu_plus04 .header { padding: 30px 3vw 0; background: linear-gradient(-180deg, #0c0c0c, #000000cc)}.page_wrapper_bg .RWDmenu_plus04 .logo { filter: none; width: 70px}.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu { margin-top: -10px}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn { margin-top: -5px}.page_wrapper_bg .footers { padding: 50px 0; margin: 100px auto 0; border-top: 1px solid #222; max-width: 75%;}.page_wrapper_bg .footers .rights { padding: 50px 0 0}.page_wrapper_bg .ftinfobox { max-width: 920px;}.page_wrapper_bg .RWDmenu_plus04 .features .share-group.main_share { padding: 13px 0; transition: .5s;}.page_wrapper_bg .RWDmenu_plus04 .is-up .features .share-group.main_share { padding: 0; transition: .5s;}/*default*/ .page_wrapper_bg .article-text>.container,.hgroup .container { max-width: 75%; width: 100%; padding: 0}section.call_to_action { padding: 0; min-height: 35vw;}.pagecontent { padding: 0 !important;}.articlecontent section.call_to_action { padding: 0; min-height: 700px;}.RWDeditor01 .model-title { display: none}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 { margin-top: 0 !important;}.articlecontent section.hgroup { display: none}.articlecontent .page_wrapper_bg .article-text>.container,.call_to_action>.container { width: 100%; padding: 0; max-width: 100%;}.articlecontent .banners { display: none;}.pageTitle { color: #fff; margin: 0 0 30px}.hgroup .container { border-color: #222; margin: 0 auto 40px}.hgroup .breadcrumb { background: #0c0c0c; border: 0; padding: 0 0 0 20px}.hgroup .breadcrumb a { font-size: 14px; color: #999}.layoutlist_7 .subject,.layoutlist_7 .subject a { margin: 10px 0 0; color: #fff !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal}.layoutlist_7 .subject { margin: 0 !important}.layoutlist_7 .cdate,.layoutlist_7 .cdate a { display: none}.layoutlist_7 .litem { margin: 0 0 20px; width: calc(100%/3 - 1px); float: left}.layoutlist_7 .litem:hover .img img { transform: scale(1.05); transition: .5s}.layoutlist_7 .litem .img img { transition: .5s; width: 100%;}.layoutlist_7 .litem .img { overflow: hidden}/*btn*/ .btn.btn_back a:hover { background: #fff; color: #0c0c0c}.btn.btn_back a { float: right; color: #999; border: 1px solid #333; border-radius: 99em; padding: 13px; width: 150px; display: block; letter-spacing: 2px}.btn.btn_back { max-width: 85%; width: 100%; margin: -20px auto 0; padding: 0; display: block}/*fonts*/ .page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.page_wrapper_bg p,.RWDtimeline01 li.event .point .editor,.RWDtimeline02 .timeline2_list .block .text,.content section,.RWDtimeline02 .timeline2_list .block .text-in { font-size: 15px; line-height: 2; letter-spacing: 0; margin: 0; color: #b9b9b9; color: #efefef;}._bd_row label,._bd_row li,._bd_row p,._bd_row td { font-size: 15px; line-height: 2; font-weight: 400; color: #b9b9b9}._bd_row li { margin-bottom: 10px; color: #b9b9b9}._bd_row>ul>li,._bd_row>ol>li { border-bottom: 1px dashed #ddd; color: #b9b9b9}._bd_row ol,.products-info .txt .editor ol,._bd_row ul,.products-info .txt .editor ul { padding-left: 22px; color: #b9b9b9}._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6 { font-weight: 400; color: #b9b9b9}/*客戶作品*//*BN*/ .worksbn { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 46vw; overflow: hidden; text-align: center}.worksbnimg img { width: 100%}.worksbnimg { position: absolute; top: 0; width: 100%; z-index: 1; opacity: 0; animation: fadeInDown 1s .5s forwards !important;}.worksbnimg.new { filter: grayscale(1) brightness(.15);}.worksbnimg .pc { display: block}.worksbnimg .padw,.worksbnimg .pad,.worksbnimg .ph { display: none}.conwidth { max-width: 75%; margin: auto; width: 100%;}.conwidth1 { max-width: 85%; margin: auto}.conwidth2 { max-width: 66%; width: 100%; margin: auto;}.worksbn h1 { color: #fff; margin: 0 0 3vw; font-size: 3.646vw}/*影片*/ .worksvideo { margin-top: -5vw; position: relative; z-index: 2}/*影片內容*/ .wtabs ul li:last-child { border: 0}.wtabs ul li a { display: block; padding: 20px 0; color: #fff; text-align: center}.wtabs ul li { width: calc(100%/3); border-right: 1px solid #222}.wtabs:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px)}.wtabs { border-top: 1px solid #222; border-bottom: 1px solid #222; position: sticky; top: 100px; z-index: 99}.wtabs ul { padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; width: 100%; margin: 0}.worksinner { border-bottom: 1px solid #222; position: relative;}.innertop .intxtbg img { width: 100%}.innertop { display: flex; overflow: hidden; margin: 0 auto; position: relative; padding: 4vw 0; justify-content: center;}.innertop .intxtbg { max-width: 1400px; position: absolute; top: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; opacity: .5; z-index: -1; pointer-events: none;}.innertop h2 { color: #fff; margin: 0 0 30px}.worksinner p { line-height: 2.5 !important}.worksinner .intxt { width: 100%; position: relative; z-index: 2; padding-left: 21%;}.worksinner.plan .innerbottom { margin-top: -15px; position: relative; z-index: 2}.innerbottom ul { list-style: none; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap}.innerbottom ul li img { width: 100%; border-radius: 20px}.innerbottom ul li { padding: 0 10px; width: calc(100%/3)}.innerbottom { padding: 0 0 4vw}.worksinner.scenes li img { border-radius: 15px}.worksinner.scenes li { width: calc(100%/4); margin: 0 0 30px; filter: grayscale(1)}.worksinner.scenes .coloropen li { filter: none;}.worksinner.credit ul b { display: inline-block; margin-right: 10px}.worksinner.credit ul { padding: 0; list-style: none}.worksinner.credit a,.worksinner.credit a:hover { color: #fff}.worksinner.credit { border: 0}#plan,#scenes,#credit,#website { position: absolute; margin-top: -150px;}.worksinner:last-child { border: 0;}/*221130單張圖片模組化維護*/ .picall.conwidth { padding: 0 0 4vw;}.picall.conwidth img { width: 100%; border-radius: 30px; overflow: hidden; float: none !important;}.worksinner.website { border: 0;}.worksinner.website .innertop { border-top: 1px solid #222;}/*關於大河*//*團隊核心*/ .worksbn.abuss { justify-content: flex-start; text-align: left; align-items: flex-start}.worksbn.abuss .worksbntxt { height: 100%; padding-top: 13vw}.worksbntxt { position: relative; z-index: 2;}.abuss.worksbn h1 { font-size: 2.604vw; line-height: 1.3; margin: 0 0 2vw}.abuss.heart:before { position: absolute; content: ""; top: 0; left: 0; width: calc(100% - 2vw); background: #444; height: 1px; display: block}.abuss.heart { margin: -18vw auto 0; position: relative; z-index: 22; padding: 3vw 0 0; overflow: visible !important; animation-delay: 1.2s !important;}.abuss.heart h4 { margin: 0 0 2vw; font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, arial, verdana, helvetica, tahoma, Sans-serif; color: #ccc}.abuss.heart ul li:nth-child(3) { margin: -12vw 0 0}.abuss.heart ul li:nth-child(2) { margin: -6vw 0 0}.abuss.heart ul li h3 { font-size: 1.302vw; color: #fff; position: absolute; top: 1vw; left: 2vw; font-weight: 700}.abuss.heart ul li { position: relative; width: calc(100%/3); padding: 0 2vw 0 0}.abuss.heart ul { padding: 0; list-style: none; display: flex}/*導演的話*/ .abuss.director { margin: 5vw auto 0; background: url(archive/image/customization/abusbbg.webp) no-repeat; background-size: cover; background-position: center; position: relative}.rightbg img { height: 100%}.rightbg { right: 0; top: 0; width: 25vw; height: 100%; position: fixed}.directorbox { display: flex; max-width: 85%; margin: auto; padding: 6vw 3vw 0 0; justify-content: space-between}.directorbox .rightimg { position: relative; z-index: 2; width: 30vw}.directorbox .rightimg.animated { animation-name: fadeInRight !important; opacity: 1 !important;}.directorbox .lefttxt h2 span { display: block; color: #666; font-size: 20px; font-weight: 400; font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, arial, verdana, helvetica, tahoma, Sans-serif; margin: 0 0 10px}.directorbox .lefttxt h2 { color: #000; font-size: 2.083vw; font-weight: 500; line-height: 1.4; margin: 0}.directorbox .lefttxt ul:before { content: ""; background: #c7c7c7; position: absolute; display: block; width: 1px; height: 160%; left: 4px; top: 15px}.directorbox .lefttxt ul { padding-left: 22px; position: relative; margin: 4vw 0 0; list-style: none}.directorbox .lefttxt ul li { position: relative; margin: 0 0 3vw; padding-left: 1vw; color: #666}.directorbox .lefttxt ul li b { position: relative; color: #000; display: block; line-height: 1.8; margin: 0 0 10px}.directorbox .lefttxt ul li b:before { border: 1px solid; background: #f0f0ef; width: 8px; height: 8px; content: ""; border-radius: 99em; position: absolute; left: -2.05vw; top: 13px}.directorbox:before { content: ""; background: url(archive/image/customization/abusbg.webp) no-repeat; width: 25vw; right: 0; top: 0; position: absolute; z-index: 1; height: 100%; background-attachment: fixed; background-position: right center; background-size: contain}.directorbox .lefttxt { padding: 2vw 0 0;}/*方案介紹*//*BN*/ .case.worksbn .worksbntxt ul li { color: #fff; margin-right: 2.5vw}.case.worksbn .worksbntxt ul li .casei img { width: 60%; display: block; margin: auto}.case.worksbn .worksbntxt ul li .casei { width: 75px; height: 75px; margin: 0 auto 10px; border-radius: 99em; border: 1px solid #333; display: flex; justify-content: center; align-items: center}.case.worksbn .worksbntxt ul { display: flex; list-style: none; padding: 0; margin: 40px 0 0; width: 50%}.case.worksbn h1 { margin: 0 0 10px}.case.worksbn .worksbntxt p { font-size: 25px}.case.worksbn .worksbntxt p:nth-child(4) { font-size: 17px}.case.worksbn .worksbntxt hr { width: 50%; border-color: #444; margin: 2vw 0}/*方案內容*/ .worksbn.case .worksbntxt { padding-top: 10vw}.cases.content { margin-top: -7vw; background: #0c0c0c; border: 1px solid #222; padding: 50px 5vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; z-index: 3;}.cases.content .ttl { max-width: 89%;}.cases.content .ttl h2 { color: #fff; margin: 0 0 20px}.cases.content .ttl ul li:before { content: "+"; position: absolute; right: 6vw; top: 50%; transform: translateY(-50%); font-size: 25px}.cases.content .ttl ul li { width: calc(100%/4); font-size: 20px; color: #fff; position: relative; font-weight: 500; font-family: 'Noto Sans TC', serif}.cases.content .ttl ul { display: flex; width: 100%; list-style: none; padding: 0; margin: 0}.cases.content .ttl ul li h3 { font-weight: 700; font-size: 40px; font-family: 'Noto Sans TC', serif; padding-left: 0}.cases.content .ttl ul li h3 span { font-size: 16px; margin-left: 5px}.cases.content .ttl ul li img { display: block; width: 50px; margin: 13px auto 5px 13px}.cases.content .ttl ul li:nth-child(1) h3 { padding-left: 12px}.cases.content .ttl ul li:nth-child(3) h3 { padding-left: 3px}.cases.content .ttl ul li:last-child:before { opacity: 0}.cases.content .item { margin: 30px 0; display: flex; flex-wrap: wrap; width: 100%; position: relative; z-index: 3;}.cases.content .item .itemin .img img { width: 110%; max-width: 110%}.cases.content .item .itemin .txt { width: 100%}.cases.content .item .itemin .txt ul:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; backdrop-filter: blur(5px); z-index: 1; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; -webkit-backdrop-filter: blur(5px);}.cases.content .item .itemin .txt ul li { width: 50%; z-index: 2; line-height: 1; float: left; position: relative; margin: 0 0 15px; color: #fff}.cases.content .item .itemin .txt ul { position: relative; padding: 30px; padding-left: 4vw; border-top: 1px solid; margin: 20px 0 0; min-height: 150px;}.cases.content .item .itemin .txt h2,.cases.content .item .itemin .txt p { padding-left: 3vw; color: #fff}.cases.content .item .itemin .txt h2 { margin: 0 0 20px; line-height: 1.3}.cases.content .item .itemin:nth-child(2) ul li { width: calc(100%/3);}.cases.content .item .itemin .img { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: -1; overflow: hidden; border-radius: 15px}.cases.content .item .itemin { display: flex; align-items: flex-end; position: relative; width: calc(50% - 40px); margin: 20px; padding-top: 9vw}.cases.content .item .itemin .fea { position: absolute; z-index: 2; color: #fff; right: -20px; bottom: -10px; width: 6vw; height: 6vw; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: 2px; text-align: center; padding: 0 1.5vw}.cases.content .item .itemin:last-child .fea .img img { width: 100%;}.worksinner.scenes p:nth-last-child(1) { margin: 30px 0 0;}/*精選作品*/ .cases.choice { padding: 5vw 0; text-align: center; display: flex; flex-wrap: wrap}.cases.choice h2,.cases.plus h2 { color: #fff; margin: 0 0 30px; width: 100%; text-align: center;}.cases.choice .flimbox p { color: #fff; margin: 0 0 15px; font-size: 16px}.cases.choice .flimbox { width: calc(50% - 50px); margin: 0 25px}.cases.choice .flimbox li.flimcut img { width: calc(100%/3); padding: 0 10px}.cases.choice .flimbox li.flimcut { display: flex; justify-content: center; align-items: center; margin: 20px 0 0}.cases.choice .flimbox ul { padding: 0; list-style: none;}.layoutlist_7 .litem:before { content: "了解更多"; position: absolute; pointer-events: none; top: 50%; left: 50%; border: 1px solid rgb(255 255 255 / 50%); border-radius: 99em; padding: 8px 40px; letter-spacing: 3px; transform: translate(-50%, -50%); opacity: 0; z-index: 2; transition: all .6s ease; color: #fff;}.layoutlist_7 .litem { margin: 10px 0px; position: relative;}.layoutlist_7 .litem:hover:before { opacity: 1; transition: all .6s ease;}a.backchoice:hover { color: #fff;}a.backchoice { display: flex; margin: auto; justify-content: center; align-items: center; border: 1px solid; border-radius: 99em; color: #999; padding: 10px; max-width: 250px;}/*加值方案*/ .cases.plus h2 { margin: 0 0 50px;}.cases.plus { padding: 5vw 10vw; background: #000; display: flex; flex-wrap: wrap}.cases.plus .plusbox { width: calc(50% - 40px); margin: 0 20px 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #333; border-radius: 15px; overflow: hidden}.cases.plus .plusbox .leftimg { width: calc(100% - 330px)}.cases.plus .plusbox .righttxt h4 { color: #fff}.cases.plus .plusbox .righttxt { padding: 30px; width: 330px}.cases.plus .conbtn a:hover { transition: .5s; filter: brightness(1.2)}.cases.plus .conbtn a { padding: 15px 40px; background: #124b9e; background: -moz-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: linear-gradient(135deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); color: #fff; border-radius: 99em; display: block; max-width: 350px; margin: auto; transition: .5s}.cases.plus .conbtn { text-align: center; width: 100%; margin: 30px 0 0}/*大河出品*/ .video1 section.hgroup { display: none;}.m2018 .products-nav .nav-title { display: none;}.m2018 .products-nav>ul>li:last-child:before { display: none;}div#sidebar { width: 100%; padding: 0 !important}#sidebar .products-nav ul { display: flex; justify-content: center; align-items: center;}.m2018 .products-nav>ul>li:before { content: ""; background: #545454; position: absolute; right: -5px; width: 1px; height: 30%; top: 50%; transform: translateY(-50%);}.m2018 .products-nav>ul>li { border: 0; padding: 0 5px; margin: 0 5px; position: relative;}.m2018 .products-nav>ul>li>a { padding: 15px 20px; color: #fff; font-size: 17px; font-family: 'Noto Serif TC', serif; letter-spacing: 2px; position: relative;}.m2018 .products-nav>ul>li>a:before { content: ""; background: #fff; width: 6px; height: 6px; position: absolute; background-size: contain; top: 45%; transform: translateY(-50%); left: 60px; opacity: 0; transition: .5s; border-radius: 99em;}.m2018 .products-nav>ul>li.active>a:before { transition: .5s; animation: fadeInRight 1s forwards; left: 20px;}.m2018 .products-nav>ul>li.active>a { padding: 15px 15px 15px 45px; color: white;}div#video { width: 100%;}.video_item_subject { font-family: 'Noto Serif TC', serif; font-weight: 400; letter-spacing: 0; color: #fff; z-index: 2; font-size: 15px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; line-height: 1; margin: 20px 0 !important; position: absolute; bottom: 0; left: 20px; width: calc(100% - 20px) !important;}.video_item a { position: relative;}.video_item { padding: 0; margin: 0 !important; position: relative; overflow: hidden;}.video_item img { transition: .5s;}.video_item:hover img { transform: scale(1.15); transition: .5s;}.video_item a:before { content: ""; background: linear-gradient(45deg, rgb(0 0 0 / 50%), transparent); width: 100%; height: 100%; transition: .5s; position: absolute; left: 0; top: 0; z-index: 1;}.video_item:hover a:after { opacity: 1; transition: .5s;}.emptymsg__icon { filter: brightness(.3);}.emptymsg__text { color: #555; font-size: 15px;}.video1 div#sidebar { position: sticky; top: 100px; z-index: 99; margin: 0 0 30px;}.video1 .collapsing_header .main { overflow: visible;}.video1 .xrow { position: relative; height: 100%; width: 100%; display: inline-block;}.video1 div#sidebar:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}.video_item::before { content: ""; background: white; clip-path: polygon(0 0, 0% 100%, 100% 50%); width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); z-index: 2; transition: all .6s ease; pointer-events: none; opacity: 0;}@keyframes looprotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) }}.video_item::after { content: ""; pointer-events: none; position: absolute; background: transparent; border: 1px dashed #fff; width: 80px; height: 80px; border-radius: 99em; animation: looprotate 15s infinite; top: calc(50% - 40px); left: calc(50% - 40px); transform: translate(-50%, -50%) scale(0, 0); z-index: 2; transition: all .6s ease; opacity: 0;}.video_item:hover:before,.video_item:hover:after { opacity: 1; transition: all .6s ease; transform: translate(-50%, -50%) scale(1);}/*220614方案介紹改版*/ .article3.articlecontent .banners { display: block;}.casetag { width: 300px; text-align: right; padding: 0 0 0 5vw; position: sticky; top: 20vw; float: right;}.casetag ul { list-style: none; line-height: 3; padding: 0;}.casewrapper { display: inline-block; padding: 0 10vw 0 0; width: 100%; position: relative;}.casebox:before { content: ""; background: #000; position: absolute; width: calc(100% + 5vw); height: calc(100% - 5vw); z-index: -1; top: 5vw; left: 0;}.casetag li { letter-spacing: 1px;}.casetag li a { color: #fff;}.casetag li:first-child { border-top: 1px solid #444; padding: 10px 0 0; color: #777; margin: 0 0 20px;}.casebox { width: calc(100% - 300px); float: left; position: relative; padding: 0 0 5vw 10vw;}.casebox .topimg,.topimg img { height: 25vw; object-fit: cover; object-position: center; position: relative;}.casebox .topimg img { width: 100%;}.casebox .topimg .txt { position: absolute; bottom: 3vw; left: 3vw; display: flex; justify-content: flex-end; align-items: flex-start; color: #fff; flex-direction: column;}.casebox .bottomtxt .ttl .num { font-size: 2.083vw; line-height: 1.5; font-family: 'Noto Serif TC', serif; font-weight: bold; min-width: 15vw; letter-spacing: 3px;}.circletxt ul li:before { content: ""; height: 100%; position: absolute; width: 100%; background: url(archive/image/customization/circletxtbg.webp) no-repeat; background-size: cover;}.casebox .bottomtxt .ttl h4 { margin: 0; letter-spacing: 1px; font-weight: 300; font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, arial, verdana, helvetica, tahoma, Sans-serif; font-size: 16px;}.casebox .bottomtxt .ttl h3 { margin: 0 0 10px; font-size: 1.302vw; font-weight: bold; letter-spacing: 2px;}.casebox .bottomtxt .ttl { display: flex; align-items: flex-end; margin: 2vw 0; color: #fff;}.casebox .bottomtxt { padding: 0 3vw;}.casebox .topimg h2 { font-size: 1.042vw; letter-spacing: 2px;}.casebox .topimg h1 { font-size: 2.083vw; position: relative; min-width: 15vw; font-weight: bold; letter-spacing: 1px; margin: 0;}.casebox .content { display: flex; justify-content: space-between; align-items: flex-start;}.casebox .content .lefttxt,.casebox .content .righttxt { border-top: 1px solid #333; padding: 1vw 0 0; margin: 0 0 2vw;}.casebox .content .lefttxt { width: 15vw; font-family: 'Noto Serif TC', serif; font-size: 20px;}.casebox .content .righttxt ul { padding-left: 22px;}.casebox .content .righttxt { width: calc(100% - 15vw); color: #fff;}.casebox a b { margin-right: 10px;}.casebox a:hover { background: white; color: #000; transition: .5s;}.casebox .caseinner:last-child a { margin: 2vw 0 0 3vw;}.casebox a { margin: 2vw 0 5vw 3vw; display: block; max-width: 235px; min-width: 235px; font-size: 15px; padding: 10px; background: transparent; border-radius: 99em; color: #fff; position: relative; text-align: center; transition: .5s;}.casebox .caseinner:last-child a { margin: 2vw 0 0 3vw;}.casebox a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(archive/image/customization/conline1.webp) no-repeat; background-size: contain;}/*220614關於大河*//*團隊核心*/ .worksbn.abuss { text-align: center;}.abuss2box { margin: -22vw auto 0; position: relative; z-index: 2; width: 85%; display: flex; justify-content: center; align-items: center;}.abuss2box img { width: 100%;}.abuss2box .imgbox { position: relative; width: 100%; overflow-x: clip;}.abuss2box .imgbox .img1 { position: absolute; right: 0; width: 50vw; top: 0;}.abuss2box .imgbox .img2 { position: absolute; bottom: -8vw; left: -17vw; width: 40vw;}.circletxt ul { padding: 0; list-style: none; display: flex; justify-content: center; align-items: center;}.circletxt ul li { width: 22vw; border: 1px solid rgba(255 255 255 / 15%); border-radius: 99em; height: 22vw; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 1vw;}.circletxt ul li:nth-child(1),.circletxt ul li:nth-child(2),.circletxt ul li:nth-child(3) { position: absolute;}.circletxt ul li:nth-child(2) { bottom: -11vw; left: -0.5vw;}.circletxt ul li:nth-child(3) { right: -0.5vw; bottom: -11vw;}.circletxt ul li span { font-size: 1.302vw; line-height: 1; font-family: 'Noto Serif TC', serif;}.circletxt ul li h4 { font-size: 1.302vw; color: #fff; font-weight: bold; letter-spacing: 2px; line-height: 1; margin: 20px 0 15px;}.circletxt ul { padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.circletxt { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: 50%; position: absolute; margin-top: -2vw;}.worksbn.abuss .worksbntxt p { font-size: 1.302vw;}.abuss.worksbn h1 { margin: 0 0 1.5vw; line-height: 1.6;}/*導演的話*/ .abuss2director { padding: 0 0 0 15vw; margin: 7vw 0 3vw;}.abuss2director .toparea { display: flex; align-items: center; justify-content: space-between; padding: 0 15vw 0 0;}.abuss2director .toparea .rightimg:before { content: ""; background: url(archive/image/customization/directorbg.webp) no-repeat; width: 50vw; height: 50vw; position: absolute; background-size: contain; right: -6vw; bottom: 0; background-position: bottom right; z-index: -1;}.abuss2director .toparea .rightimg h5 span { display: block; font-size: 15px; margin: 0 0 10px; letter-spacing: 2px;}.abuss2director .toparea .rightimg { width: 32vw; display: flex; align-items: flex-end; padding: 0 5vw 0 0; position: relative;}.abuss2director .toparea .rightimg h5 { color: #fff; font-family: 'Noto Serif TC', serif; width: 155px; font-size: 18px; margin: 0 0 2vw -30px;}.abuss2director .toparea .lefttxt h2 { font-size: 2.083vw; color: #fff; line-height: 1.8; margin: 0; position: relative; padding: 0 1vw;}.abuss2director .toparea .lefttxt { width: fit-content;}.abuss2director .toparea .lefttxt h2 span { display: block; font-size: 20px; margin: 0 0 2vw; color: #999;}.abuss2director .toparea .lefttxt h2:before,.abuss2director .toparea .lefttxt h2:after { content: "''"; position: absolute; top: 3vw; left: -10px;}.abuss2director .toparea .lefttxt h2:after { content: "''"; top: auto; bottom: -27px; left: auto; margin-left: 20px;}.abuss2director .bottomarea ul li:after { content: ">>>"; top: -3.6vw; position: absolute; right: 7vw;}.abuss2director .bottomarea ul li:before { content: ""; background: #fff; border-radius: 99em; width: 5px; height: 5px; position: absolute; top: -3.15vw;}.abuss2director .bottomarea ul li:last-child { width: 50%;}.abuss2director .bottomarea ul li { position: relative; width: 40%; padding-right: 7vw; text-align: justify;}.abuss2director .bottomarea ul { padding: 0; list-style: none; margin: 0; display: flex;}.abuss2director .bottomarea { border-top: 1px solid rgba(255 255 255 / 10%); padding: 3vw 0 0;}.abuss2director .bottomarea ul li h4 { color: #fff; margin: 0 0 1vw;}.abuss2box .imgbox p { position: absolute; width: 100%; text-align: center; font-size: 25px !important; top: 5vw; color: #fff;}.abuss2box .imgbox .img3,.abuss2box .imgbox .img3 img { height: 55vw; object-fit: cover; object-position: center;}.circletxt ul li:nth-child(1) { top: -1.7vw;}/*20221228*/ .abuss2director .toparea .rightimg h5 { position: absolute; right: 0; width: auto; bottom: 2vw;}/*---隱私權政策---*/ .article5.articlecontent section.call_to_action,.article4.articlecontent section.call_to_action { padding: 10vw 0; min-height: 1000px;}.article5 .call_to_action>.container,.article4 .call_to_action>.container { width: 1170px;}.article5.articlecontent section.hgroup,.article4.articlecontent section.hgroup { display: block;}.article5 .hgroup .container,.article4 .hgroup .container { max-width: 100%;}.privacy_block .item { margin: 50px 0;}.privacy_block .item h5 { font-family: 'Noto Serif TC', serif; font-size: 18px; margin: 0 0 10px; color: #fff; line-height: 1.7;}/*-----教學文章------*/ .article6.articlecontent .container { max-width: 75%; margin: auto; width: 100%;}.article6.articlecontent section.call_to_action { padding: 10vw 0 5vw; min-height: 1000px;}.article6 .hgroup .container { max-width: 100%;}.article6 .hgroup .breadcrumb { display: none;}/*------240422合作諮詢表單--------*/ .eforms3 .page_subject { padding: 0;}.form-horizontal .control-label { padding-top: 0 !important; margin-bottom: 0 !important; text-align: left !important; width: 80px; margin: 0; font-weight: 400; min-width: 80px; margin-right: 20px;}.customized_columns ._input,.customized_columns select { font-size: 15px; background: transparent; border-bottom: 1px solid; border-radius: 0; transition: .5s; color: #888; border-left: none; border-right: none; border-top: none;}.form-horizontal .form-group { color: #e3e3e3; margin: 0px 0 20px; display: flex; align-items: flex-end;}.form-group label.must:after { float: right; margin-left: 5px; color: #fff;}.formdesc { color: #969696; padding: 10px 0; margin-bottom: 20px; letter-spacing: 1px; font-weight: 300;}.formdesc h2.sub-titile { font-size: 20px;}.form-group .col-md-11 { width: calc(100% - 100px);}/*確定送出*/ .page_wrapper_bg .new-form .new-width .currectsend_btn { background: transparent;}.page_wrapper_bg .ebtn a { color: rgb(255, 255, 255); font-weight: 600; background: #124b9e; background: -moz-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: linear-gradient(135deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); min-width: 190px; border-radius: 99em; font-size: 14px; padding: 7px; letter-spacing: 2px; margin: 35px 0 0; transition: .5s; text-align: center; display: block;}.page_wrapper_bg .ebtn { background: transparent; margin-top: 30px; float: right; border-radius: 0px; padding: 0px;}.contact_title_p { color: #ccc; padding-right: 80px;}.new-form .formdesc h2 { font-size: 22px; margin: 15px 0 0 !important; line-height: 1.4;}.new-form .formdesc ul span { margin-right: 7px;}.new-form .formdesc ul h3 { font-size: 18px;}.new-form .formdesc ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #444; padding-top: 20px; margin-top: 20px;}.new-form { margin-left: 0; margin-right: 0;}.new-form .new-width .must,.new-form .new-width .control-label,.new-form .new-width .row .col-md-1 { width: 110px;}.contact_title_p h1 { margin-top: 0;}.collapsing_header .main { margin-top: 0 !important;} /*inner end*/ /*大河觀點_SEO文章用 start*/ /* 共通設定 */html.article7 { scroll-behavior: smooth;}.article7 .page_subject { padding: 0;}.article7 .pageTitle { line-height: 1.4;}.article7.articlecontent #sidebar { display: none;}.article7 .hgroup .container { margin: 0 auto 60px;}.article7.articlecontent section.hgroup { display: block; text-align: center;}:is(.editor):has(.seo_content) ul.seo_list_item { list-style: none; padding: 0; margin: 2rem 0;}:is(.editor):has(.seo_content) p { margin: 0 0 10px;}.article7 :is(.editor):has(.seo_content) p { font-size: clamp(0.9375rem, 0.9196rem + 0.0893vw, 1.0625rem); letter-spacing: 1px;}:is(.editor):has(.seo_main_title) h2 { font-size: clamp(1.125rem, 1rem + 0.625vw, 2rem); line-height: 1.5; letter-spacing: 0; font-weight: 500; margin: 0 0 1.5rem; padding-top: clamp(3rem, 2.2857rem + 3.5714vw, 8rem); color: #ffffff;}:is(.editor):has(.seo_sub_title) h3 { letter-spacing: 0; line-height: 1.5; font-weight: 500; font-size: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem); margin: 2rem 0 1rem; color: #ffffff;}:is(.editor):has(.seo_sub_title) h4 { font-size: clamp(1.2rem, 1.1571rem + 0.2143vw, 1.5rem); letter-spacing: 0; line-height: 1.5; font-weight: 500; color: #ffffff;}:is(.editor):has(.seo_nav) nav { padding: 2vw 3vw; margin: 3rem 0 0; color: #939393; font-family: 'Noto Serif TC', serif; font-weight: 500; position: relative; border: 1px solid #333333; line-height: 1.4;}:is(.editor):has(.seo_nav) nav:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(archive/image/article2/workstxtbg1.webp) no-repeat; background-size: cover; top: 0; left: 0; z-index: -3;}:is(.editor):has(.seo_nav) nav>ul { list-style: none; padding: 0; margin: 0; font-size: clamp(1.0625rem, 1.0536rem + 0.0446vw, 1.125rem);}:is(.editor):has(.seo_nav) nav>ul>li { margin: 0 0 1rem;}:is(.editor):has(.seo_nav) nav>ul a { font-weight: bold; color: #b9b9b9; letter-spacing: 1px; line-height: 1.4;}:is(.editor):has(.seo_nav) nav>ul a:hover { color: #ffffff;}:is(.editor):has(.seo_content) ul.seo_list_item>li { border-bottom: 1px dashed #333333; padding: 0 0 1.5rem; margin: 0 0 10px;}:is(.editor):has(.seo_content) ul.seo_list_item>li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}:is(.editor):has(.seo_content) ul.seo_list_item>li p { margin: 0;}:is(.editor):has(.seo_pic) img { width: 100%; margin: 3rem auto;}:is(.editor):has(.seo_content) article { text-align: center; padding: 4vw; background: #000000; margin: clamp(3rem, 2.2857rem + 3.5714vw, 8rem) 0 4rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}:is(.editor):has(.seo_content) article h2 { margin: 0 0 clamp(2rem, 1.7143rem + 1.4286vw, 4rem); padding: 0;}:is(.editor):has(.seo_content) article .seo_btn { display: block; max-width: 235px; min-width: 235px; font-size: 15px; padding: 10px; background: transparent; border-radius: 99em; color: #fff; position: relative; text-align: center; margin: 0;}:is(.editor):has(.seo_content) article .seo_btn:hover { background: #ffffff; color: #000000;}:is(.editor):has(.seo_content) article .seo_btn:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(archive/image/customization/conline1.webp) no-repeat; background-size: contain;}:is(.editor):has(.seo_content) article a.seo_tel { line-height: 1.5; font-weight: 700; color: #ffffff; font-size: clamp(2.5rem, 2.4286rem + 0.3571vw, 3rem); margin: 0 0 4rem; letter-spacing: 2px;}.article7.articlecontent .banners { display: block;}.article7.articlecontent .page_wrapper_bg .article-text>.container { max-width: 1200px; width: 90%; padding: 0;}.article7 #sidebar { position: sticky; top: 100px; z-index: 99; margin: 0 0 30px;}.article7 .page_wrapper_bg .article-text>.container .col-md-9 { width: 100%;}.article7 .btn.btn_back { max-width: none;}/* 大河觀點列表 */ .layoutlist_8 .article_subject { line-height: 1.5; font-weight: 500; font-size: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem); color: #ffffff; font-family: 'Noto Serif TC', serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}.layoutlist_8 .list_subject { padding: 0 3vw;}.layoutlist_8 .listdate { text-align: center;}.layoutlist_8 .listdate .day { color: #ffffff; font-size: clamp(2rem, 4.2059rem + -0.4412vw, 3.5rem);}.layoutlist_8 .item { padding: 2vw; border-bottom: 1px solid #333333; transition: .4s ease;}.layoutlist_8 .item:hover { background: #000000; transition: .4s ease;}.layoutlist_8 .list_subject .summary a { font-size: 15px; line-height: 2; letter-spacing: 0; margin: 0; color: #b7b7b7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-height: none;}/* RWD */@media (max-width: 1199px) { .article7 #sidebar { position: relative; top: auto; }}@media (max-width: 991px) { .layoutlist_8 .list_subject { padding: 0 2vw; }}@media (max-width: 800px) { :is(.editor):has(.seo_nav) nav, :is(.editor):has(.seo_content) article { padding: 5vw 5vw; }}@media (max-width: 767px) { .layoutlist_8.rwd .listdate { text-align: left; } .layoutlist_8.rwd .item { padding: 2rem 1rem; border-bottom: none; } .layoutlist_8.rwd .list_img { margin: 0 0 2rem; } .layoutlist_8.rwd .list_img+.list_subject { margin-top: 0; } :is(.editor):has(.seo_content) article a.seo_tel { margin: 0 0 2rem; }}@media (max-width: 600px) { :is(.editor):has(.seo_content) article h2 { margin: 0 0 10px; } :is(.editor):has(.seo_nav) nav, :is(.editor):has(.seo_content) article { padding: 6vw 5vw; }}@media (max-width: 480px) { :is(.editor):has(.seo_content) article a.seo_tel { font-size: 32px; letter-spacing: 1px; }}@media (max-width: 380px) { :is(.editor):has(.seo_nav) nav>ul, :is(.editor):has(.seo_nav) nav>ul a { font-size: 15px; line-height: 1.5; }} /*大河觀點_SEO文章用 end*/ /*SEO POST start*/ /* 共通設定 */:root { /* 文字大小 */ /* 螢幕2560px-767px 大小45px-26px */ --font-size-h1: clamp(1.625rem, 1.117rem + 1.0597vw, 2.8125rem); /* 螢幕2560px-767px 大小30px-22px */ --font-size-h2: clamp(1.375rem, 1.1611rem + 0.4462vw, 1.875rem); /* 螢幕2560px-767px 大小26px-20px */ --font-size-h3: clamp(1.25rem, 1.0896rem + 0.3346vw, 1.625rem); /* 螢幕2560px-767px 大小22px-18px */ --font-size-h4: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem); /* 螢幕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); /* 螢幕2560px-767px 大小17px-15px */ --font-size-p: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem); /* 顏色 */ --blog-main-color: #4389ff; --blog-content-bg: #cbcbcb; --text-main-color: #000; --text-sub-color: #111; --gradient-bg-main: linear-gradient(24deg, rgba(16, 70, 174, 1) 0%, rgba(132, 0, 151, 1) 100%); --gradient-bg-mark: linear-gradient(180deg, #ba313100 50%, #a9bfd2 0); /* 按鈕 */ --btn-color: white; --btn-border-color: white; --btn-bg: var(--MainColor); --btn-hover-color: #000; --btn-hover-border-color: #000; --btn-hover-bg: white; --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: #222222; --blog-sticky-top: 99px;}/* 列表、內頁通用 */ .blogcontent .collapsing_header .main { overflow: unset;}.blog__container,.blog-wrap { width: 75%; margin: 0 auto;}/* 列表 */ .blog_menus { font-family: 'Noto Serif TC', serif; font-weight: 700; letter-spacing: 2px; color: white;}.blog-item__go { color: #eee;}/* 內頁 */ .blog1 { scroll-behavior: smooth; scroll-padding-top: var(--section-padding);}.blogcontent .hgroup .container { border: 0;}.blogcontent .page_subject { padding: 0px;}.blog__title { color: #fff; line-height: 1.5; font-size: calc(var(--font-size-h1)); margin: 0 0 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__content { background: var(--blog-content-bg); padding: var(--block-padding);}.blog__content h2 { font-size: var(--font-size-h2); line-height: 1.5; letter-spacing: 0; font-weight: 600; 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: 600; color: var(--text-main-color); margin: var(--section-padding) 0 var(--title-bottom); line-height: 1.3!important;;}.blog__content h4 { font-size: var(--font-size-h4)!important; color: var(--text-main-color); margin: calc(var(--section-padding)*0.9) 0 var(--title-bottom)!important;}.blog__content h5 { font-size: var(--font-size-h5); color: var(--text-sub-color); margin: calc(var(--section-padding)*0.9) 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; list-style-position: inside; padding-left: 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; border: 1px solid #b9b9b9; width: 100%;}/* 樣式 */ .blog__content a { color: var(--blog-main-color); text-decoration: underline;}/* 畫重點 */:is(.videolist,.blog__content) strong em,:is(.videolist,.blog__content) em strong { position: relative; margin-right: 5px; background: var(--gradient-bg-mark); font-style: normal; font-weight: 400;}:is(.videolist,.blog__content) blockquote p { margin: 0 0 calc(var(--section-padding)/2) 0;}:is(.videolist,.blog__content) .mark-block { padding: max(2vw, 1.5rem) max(2.5vw, 1.5rem); margin-bottom: calc(var(--section-padding)/2);}:is(.videolist,.blog__content) .mark-block-1 { border: 1px solid var(--border-color);}:is(.videolist,.blog__content) .mark-block-2 { border: 1px solid var(--border-color); border-radius: 1rem;}:is(.videolist,.blog__content) .mark-block-3 { border: 1px dashed var(--border-color);}:is(.videolist,.blog__content) .mark-block-4 { border: 1px dashed var(--border-color); border-radius: 1rem;}:is(.videolist,.blog__content) .mark-block-5 { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}:is(.videolist,.blog__content) .mark-block-6 { border-top: 1px dashed var(--border-color); border-bottom: 1px dashed var(--border-color);}:is(.videolist,.blog__content) .mark-bg { background: #ffffff4f; border-color: #808080;}:is(.videolist,.blog__content) .mark-tip { border-left: 4px solid var(--blog-main-color);}:is(.videolist,.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;}:is(.videolist,.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; background: rgb(208 219 240 / 14%);}.rwd_table .rwd_table_compare table { border-collapse: separate; border-spacing: 1px; border: 0; position: relative; table-layout: auto; width: 100%;}.rwd_table .rwd_table_compare th,.rwd_table .rwd_table_compare td { white-space: inherit; border: 1px solid #cacaca; background: #efedf0; 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 :is(.rwd_table_compare_1.rwd_table_compare_1-1) tr:nth-of-type(1) td { background: #efedf0; color: var(--text-main-color); font-weight: 400;}.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: #e2e2e2;}.rwd_table .rwd_table_compare th,.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: bold; background: #5d5d5d; color: white;}.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-h5); color: white; white-space: nowrap; z-index: 0;}.rwd_table .rwd_table_compare .table-td-bg { background: #5d5d5d; font-weight: bold; color: white; z-index: 10;}/* 表格手手 */ .rwd_table .slide-hint .hint-icon { width: 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; z-index: 10;}.rwd_table .table-td-bg,.rwd_table .rwd_table_compare_1 td:first-of-type,.rwd_table .rwd_table_compare_1 tr th: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; background: #131314; padding: 1rem;}.blog__outline__title { font-weight: 600; letter-spacing: 3px; margin: 0 0 1rem;}.blog__outline__a { border-left: 2px solid #88888836; padding: 1rem 1.5rem;}.blog__outline__h2>.blog__outline__a { font-weight: 600; padding: 10px 1.5rem; width: 100%;}.blog__outline__a.active { background-color: #ffffff54; border-left: 3px solid var(--blog-main-color); color: #fff; font-weight: 600;}.blog__outline__h3>.blog__outline__a { padding: 0.5rem 1.5rem; padding-left: 3.5em;}/* 文章推薦 */ .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-h4); color: white; font-family: 'Noto Serif TC', serif; 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: 2; letter-spacing: 0; margin: 0; color: #e5e7eb; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-height: none;}.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);}/* 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;}.blog__content .cta-block p { color: #fff; font-size: var(--font-size-p);}.blog__content .cta-block .cta-btn { width: var(--btn-width); height: var(--btn-height); font-size: var(--btn-font-size); padding: 10px; background: transparent; border-radius: var(--btn-border-badius); color: #fff; position: relative; text-align: center; margin: 0; border: 1px solid var(--btn-border-color); margin-top: var(--btn-margin-top); transition: .3s ease; text-decoration: unset; display: flex; align-items: center; justify-content: center;}.blog__content .cta-block.cta-block-2 { border-radius: 1em; overflow: hidden;}.blog__content .cta-block .cta-btn-2 { border-radius: 0;}/* 20250312 */ .blog__content h1,.blog__content h2,.blog__content h3,.blog__content h4 { scroll-margin-top: 100px;}@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__outline__a:hover { color: var(--blog-main-color); } .blog__content a:hover { color: var(--text-main-color); } .blog-item__title__a:hover, .blog-item__title__a:focus, a.blog-rel-link:hover, a.blog-rel-link:focus { color: var(--blog-main-color); }}@media (max-width: 1920px) { .blog__container, .blog-wrap { width: 85%; }}@media (max-width: 1680px) { .blog__container, .blog-wrap { width: 90%; }}@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__container, .blog-wrap { width: 85%; } .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%; }}@media (max-width: 1024px) { .blog_menus { border-bottom: 1px solid var(--border-color); padding: 1rem 0; margin-bottom: 1rem; }}@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; } .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; } /* 畫重點 */ :is(.videolist,.blog__content) .mark-block-6, :is(.videolist,.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; }}@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; } /* 表格 */ .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: 480px) { .blog__outline__h3>.blog__outline__a { padding-left: 1rem; }}/* 20250418 */ .blog-item__go:hover { background-color: #2c2c2c; color: #fff;} /*SEO POST end*/ /*小螢幕 start*/ @media (min-width: 1921px) and (max-width: 2560px) { .RWDparallax_new .picbgbox {height: 500px!important;}.contop,.conbottom{max-width:1530px;}.RWDvideo001 .btn2play, .RWDvideo001 .btn2pause {display:none}.trendss:before {top: 0;}/*220719新增--米洛影片*/ .video_block .RWDvideo001 .btn2play {display:block;}}@media (max-width: 2300px) {/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 14.5vw !important;}.abuss2director .bottomarea ul li:after { top: -3.9vw;}}@media (max-width: 2100px) {/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 16.5vw !important;}}@media (max-width: 1920px) {.page_wrapper_bg .article-text>.container, .hgroup .container { max-width: 85%;}@media (max-width: 1700px) {/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 20vw !important;}}@media (max-width: 1600px) {.alliances{max-width:1280px}.footers{max-width:1280px}.ftmenu{width:640px}.ftinfo{width:calc(100% - 640px)}.ftinner.top ul li span{width:60px;margin-right:10px}#m_RWDfullscreen01_66_3 .link_box, .RWDservice011 .link_box {padding: 50px 30px 30px;}/*220719新增--米洛影片*/ .video_block {max-width: calc(1280px * 1.1);}/*---250102修正小螢幕分類頁籤---------------*/#sidebar .products-nav ul {justify-content: flex-start; overflow-x: scroll;}.m2018 .products-nav>ul>li>a { min-width: 220px;text-align: center;}.m2018 .products-nav>ul>li.active>a:before {left: 0;}.m2018 .products-nav>ul>li>a:before { top: -2px; transform: none; position: relative; display: inline-block; left: 0; margin-right: 10px;}}@media (max-width: 1500px) {.RWDservice011 .link_box .title{font-size:20px;margin:0 0 10px}.RWDservice011 .link_box .memo p{font-size:15px!important}.RWDservice011 .link_box:before{font-size:12px;padding:7px 30px}.index h1.main-title,.RWDvideo005__head__h1,.RWDscore01 .score-maintitle,.RWDphoto004 .title-main{font-size:30px;letter-spacing:3px}.index h2.sub-title,.RWDvideo005__head__h2,.RWDscore01 .score-subtitle,.RWDphoto004 .title-sub,.index h2.sub-titile{font-size:18px;letter-spacing:4px}.index .abuss .RWDvideo001 .info .summary h2.sub-title{letter-spacing:3px;margin:0}.workss{padding:100px 3vw 0}.RWDvideo005 .main_box{margin:0 0 30px}.brandss{padding:100px 0 80px}.RWDphoto004 .logo-wall{margin-top:30px;width:1200px!important}.RWDphoto004 .xicon-item{width:188px!important;margin:0 20px!important}.contop,.conbottom{max-width:90%}.conbox{padding:0 0 30px;margin:0 0 30px}.RWDeform001 .row:nth-child(2) .col-sm-4{padding:0 30px 0 0}.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(1),.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(2){padding:0 0 0 30px}.alliances .col-md-3.col-sm-6{padding:0 8px}.alliances .rwd_subject{width:330px}.alliances{max-width:1230px}.RWDService001:before{width:107%}.ftinfo{width:calc(100% - 670px)}.ftmenu{width:640px;right:-60px}/*220719新增--米洛影片*/ .video_block {max-width: calc(1230px * 1.07);}.video_block .RWDvideo001 .info .summary .video-title {font-size: 24px;}.new-form .formdesc h2 { font-size: 18px;}}@media (max-width: 1400px) {.RWDvideo001 .info .summary .bnbox .ttl{font-size:73px}.RWDvideo001 .info .summary .bnbox .decotxt{font-size:15px;letter-spacing:1px}.RWDvideo001 .info .summary .bnbox{width:500px}.RWDvideo001 .info .summary .bnbox .entxt{margin:30px 0 0 20px;font-size:13px}.RWDservice011 .link_box .name{font-size:4vh}.RWDservice011 .link_box .title{font-size:16px}.RWDservice011 .link_box .memo p{font-size:14px!important}.RWDservice011 .link_box{padding:40px 30px 30px}.RWDservice011 .link_area.num1 .link_box .mid_box{height:calc(50vh - 80px)}.RWDmenu_plus04 .logo{width:80px}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5)::before,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1)::before{bottom:65px}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .name,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .name{bottom:80px;font-size:25px}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .type,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .type{font-size:15px;letter-spacing:1px}.RWDvideo005 .small_box .name{font-size:16px;bottom:70px}.RWDvideo005 .small_box .type{font-size:14px}.RWDvideo005 .small_box::before{bottom:55px}.index h1.main-title,.RWDvideo005__head__h1,.RWDscore01 .score-maintitle,.RWDphoto004 .title-main{font-size:25px}.index h2.sub-title,.RWDvideo005__head__h2,.RWDscore01 .score-subtitle,.RWDphoto004 .title-sub,.index h2.sub-titile{font-size:18px;letter-spacing:3px}.trendss .RWDedictor{width:100%}.RWDparallax_new .picbgbox{height:340px!important}.alliances .col-md-3.col-sm-6 article.boxFeature-2 h2{font-size:15px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li{font-size:13px;letter-spacing:0}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul{padding-left:30px}.RWDService001 i img{width:160px}.RWDService001 i{margin:35px 0 20px;padding:0 0 30px;min-height:76.5px}.alliances{max-width:1140px}.alliances .col-md-3.col-sm-6 article.boxFeature-2:before{height:68%}.ftmenuinner{width:calc(100%/3 - 30px);margin-right:30px}.ftmenu{width:610px;right:-30px}.ftinfo{width:calc(100% - 610px)}.footers{max-width:1200px;padding:80px 0}.ftinner.top ul li span{width:55px;margin-right:8px}.rights {padding: 80px 0 0;}.abuss .RWDvideo001 .info .summary h1.main-title span{font-size:60px;margin-left:10px}.abuss .RWDvideo001 .info .summary h1.main-title{font-size:40px;letter-spacing:2px;margin-left:-150px}.abuss .RWDvideo001 .info .summary h1.main-title em{margin-left:300px}.index .abuss .RWDvideo001 .info .summary h2.sub-title{font-size:14px;margin:20px 0 0}/*220719新增--米洛影片*/ .video_block {padding-top: 0.5%; max-width: calc(1140px * 1.07);}.video_block .RWDvideo001 .info .summary {right: 14%;}}@media (max-width: 1300px) {.RWDservice011 .link_box .circle span.ii-more1,.ii-more1:before{font-size:13px;letter-spacing:2px}.RWDservice011 .link_box .mid_box,.RWDservice011 .link_area.num1 .link_box .mid_box{width:calc(100% - 120px)}.RWDservice011 .link_box .circle{width:110px;padding:12px;right:-110px}.RWDmenu_plus04 .container{padding:0}.RWDmenu_plus04 .header{padding:30px 3.5vw 0;transition:.5s}.RWDvideo001 .mouse{width:13vw;left:44%}.RWDscore01 .score-subtitle{margin:0 0 30px}.trendss .RWDedictor{margin:10px auto 0}.trendsbottom{width:100%;font-size:16px;letter-spacing:2px}.trendss{padding:80px 0}.parainner{padding:0 7vw}.brandss{padding:80px 0 60px}.contop,.conbottom{max-width:95%;padding:60px 0}.conbottom { padding: 20px 0 60px; }.contacts{padding:40px 0}.contacts .conbottom .RWDbtn01{width:50%}.alliances .rwd_subject{width:310px}.alliances{max-width:1080px}.footers{flex-direction:column;padding:50px 0;width:1000px}.rights{padding:50px 0 0}.ftinfo{margin:0 0 60px}.ftmenu,.ftinfo{width:100%}.ftmenu{right:0}.ftinfobox .ftinner .logo{width:200px;margin:0 0 20px;float:left}.ftinner.top ul li span:after{right:-5px;margin:0}.ftinner.top ul li span{width:auto;margin-right:15px}.bottom.ftinner ul li{width:calc(100%/4 - 20px);margin-right:20px}.bottom.ftinner ul{margin:20px 0 0}.ftinner.top ul{padding-left:5vw;margin-top:-10px}/*220719新增--米洛影片*/ .video_block {max-width: calc(1080px * 1.07); padding-bottom: 3%;}.article5 .call_to_action>.container, .article4 .call_to_action>.container { width: 80%;}} /*小螢幕 end*/ /*inner小螢幕 start*/ @media (min-width: 1921px) and (max-width: 2560px) {.directorbox .rightimg{width:27vw}.directorbox{padding:3vw 3vw 0 0;max-width:80%}/*方案介紹*/ .cases.plus .plusbox .righttxt{padding:50px;width:500px}.cases.plus .plusbox .leftimg{width:calc(100% - 450px)}.abuss2director .toparea .rightimg:before { width: 45vw; right: -1vw;}}@media (max-width: 1700px) {.directorbox .lefttxt {padding: 0 0;}.directorbox {padding: 4vw 3vw 0 0;}/*方案介紹*/ .case .conwidth2{max-width:75%}.cases.content .item .itemin .txt h2{font-size:25px}.cases.content{margin:-5vw auto 0;max-width:90%;padding:50px 3vw}.cases.content .item .itemin .fea{width:110px;height:110px;font-size:21px}.cases.plus{padding:5vw}/*220614關於大河*/ .circletxt ul li { width: 25vw; height: 25vw; padding: 0;}.circletxt ul li:nth-child(2), .circletxt ul li:nth-child(3) { bottom: -17vw;}.circletxt ul li:nth-child(2) { left: -3.5vw;}.circletxt ul li:nth-child(3) { right: -3.5vw;}.circletxt ul li:nth-child(1) { top: 1.5vw;}.circletxt { margin-top: -6vw;}.abuss2box .imgbox .img3, .abuss2box .imgbox .img3 img { height: 60vw;}}@media (max-width: 1600px) {.directorbox .lefttxt ul li b:before {left: -2.4vw;}/*方案介紹*/ .cases.plus .plusbox .righttxt{width:300px}.cases.plus .plusbox .leftimg{width:calc(100% - 300px);overflow:hidden}.cases.plus .plusbox .leftimg img{transform:scale(1.02)}/*220614關於大河*/ .abuss2director { padding: 0 0 0 10vw;}.abuss2director .toparea { padding: 0 10vw 0 0;}.abuss2director .toparea .rightimg h5 { margin: 0 0 3vw -30px;}}@media (max-width: 1500px) {.worksbn{height:48vw}.abuss.heart ul li:nth-child(2){margin:-6.4vw 0 0}.abuss.heart ul li:nth-child(3){margin:-12.8vw 0 0}.directorbox .lefttxt{width:500px}.directorbox .rightimg{width:calc(100% - 500px);padding-left:4vw;display:flex;align-items:flex-end}/*方案介紹*/ .cases.content{margin:-9vw auto 0}.cases.content .ttl h2{font-size:25px;margin:0 0 10px}.cases.content .ttl ul li{font-size:18px;font-weight:400}.cases.content .ttl ul li:nth-child(1) h3{padding-left:5px}.cases.content .ttl ul li h3{font-size:35px}.case.worksbn .worksbntxt p:nth-child(4){font-size:15px}.case.worksbn .worksbntxt hr{margin:1.5vw 0}.worksbntxt ul{margin:30px 0 0}.cases.plus .plusbox .leftimg{height:100%}.cases.plus .plusbox .leftimg img{transform:scale(1.3)}/*220614關於大河*/ .abuss2box { margin: -23vw auto 0;}.abuss2box { width: 90%;}.abuss2box .imgbox .img3, .abuss2box .imgbox .img3 img { height: 63vw;}.circletxt ul li br { display: none;}.circletxt ul li { padding: 0 2vw;}.circletxt ul li:nth-child(2) { left: -2vw;}.circletxt ul li:nth-child(3) { right: -2vw;}.circletxt ul li:nth-child(2), .circletxt ul li:nth-child(3) { bottom: -15vw;}.circletxt { margin-top: -5vw;}.abuss2director .bottomarea ul li:last-child { width: 55%;}.layoutlist_7 .litem:before { font-size: 12px; padding: 7px 30px;}}@media (max-width: 1400px) {.article6.articlecontent .container {max-width:80%;}.conwidth{max-width:80%}.conwidth1{max-width:90%}.directorbox .lefttxt{padding:0 0 2vw}/*客戶作品*/ .works.worksbn h1{font-size:50px}.wtabs ul li a{padding:15px 0}/*方案介紹*/ .case.worksbn .worksbntxt ul li .casei{width:60px;height:60px;margin:0 auto 5px}.case.worksbn .worksbntxt ul li{margin-right:2vw}.cases.content .ttl h2{font-size:20px}.case.worksbn .worksbntxt ul{margin:25px 0 0}.cases.content{margin:-7vw auto 0}.case.worksbn .worksbntxt p{font-size:17px}.worksbn.case .worksbntxt {padding-top: 13vw;}.cases.content .item .itemin .txt ul{padding:20px 0 0 4vw}.cases.content .item .itemin .txt h2,.cases.content .item .itemin .txt p{padding-left:2.5vw}.cases.content .item .itemin .txt ul{min-height:130px}.cases.content .item .itemin .fea{width:100px;height:100px;}.cases.plus .plusbox .leftimg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5)}.cases.plus .plusbox .leftimg{position:relative}/*220614方案介紹改版*/ .casetag { width: 250px;}.casebox { width: calc(100% - 250px);}.casetag li:first-child { margin: 0 0 10px;}.casebox .topimg .txt h3 { margin: 0 0 10px;}.casebox .content .lefttxt { font-size: 16px;}.casebox .topimg, .topimg img {height: 20vw;}.m2018 .products-nav>ul>li>a {padding: 15px 10px}}@media (max-width: 1300px) {.abuss.heart h4{font-size:17px}.directorbox:before{width:20vw}.directorbox{padding:4vw 0 0}.directorbox .lefttxt h2 span{font-size:16px}/*客戶作品*/ .worksinner .intxt{padding-left:15%}.innerbottom ul li img{border-radius:10px}.worksinner.scenes li img{border-radius:5px}/*方案介紹*/ .cases.content{max-width:95%;padding:50px 1vw}.case .conwidth2{max-width:85%}.cases.content .ttl{max-width:91%}.cases.choice{max-width:90%}.cases.plus{padding:5vw 2vw}.cases.choice h2,.cases.plus h2{font-size:25px}/*220614關於大河*/ .abuss2box { width: 95%;}.circletxt ul li h4 { margin: 15px 0 10px;}.circletxt ul li h4, .circletxt ul li span { font-size: 20px;}.circletxt ul li { width: 28vw; height: 28vw;}.circletxt ul li:nth-child(2), .circletxt ul li:nth-child(3) { bottom: -19vw;}.circletxt ul li:nth-child(2) { left: -4vw;}.circletxt ul li:nth-child(3) { right: -4vw;}.circletxt { margin-top: -7vw;}.abuss2director .toparea .rightimg h5 { min-width: 100px; font-size: 16px;}.abuss2director .toparea .lefttxt h2 { font-size: 30px;}.abuss2director .bottomarea { padding: 5vw 0 0;}.abuss2director .bottomarea ul li:before { top: -5.15vw;}.abuss2director .bottomarea ul li:after { top: -6.5vw;}.abuss2director .toparea .rightimg { width: 35vw;}} /*inner小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .RWDmenu_plus04 .header.is-up { background: #0c0c0c; padding: 6px 5vw}.RWDmenu_plus04 .is-up .logo { width: 50px; margin: 10px 0 0}.RWDmenu_plus04 .is-up .features { margin-top: -3px}.is-up a.ml-stack-nav-toggle { margin-top: 8px}.RWDvideo005 .main_box { margin: 0 0; position: sticky; background: #0c0c0c; padding: 0 20px; top: 77px}.row.mix-grid { min-height: calc(100vh - 77px);}.waves { animation: none;}.RWDmenu_plus04 .site-nav .menu { display: none}.RWDmenu_plus04 #mobile-menu,.RWDmenu_plus04 .ml-stack-nav-toggle,.RWDmenu_plus04 .toggle-menu,.RWDmenu_plus04 .toggle-mmenu-cover { display: block}.ml-stack-nav-toggle i { display: none}.RWDmenu_plus04 #mobile-menu .menu>li>a { color: #fff}.RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent}.RWDmenu_plus04 #mobile-menu .menu a { font-size: 15px;}.RWDmenu_plus04 .features { float: right; position: relative; padding: 0}.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .is-up .features .search-btn { margin-top: 0}a.ml-stack-nav-toggle { margin-top: 0; padding: 25px 30px 25px 15px}.ml-stack-nav-toggle__line { background: #fff; height: 1px}.RWDmenu_plus04 .features:after { display: none}.RWDmenu_plus04 .features { margin-top: -10px; width: fit-content;}.RWDmenu_plus04 .features .search-btn { position: absolute; right: 0;}.RWDmenu_plus04 .features .share-group.main_share { float: right; padding: 0; margin: 0 15px 0 5px;}.RWDmenu_plus04 .features .share-group.main_share a { margin: 14px 30px 0 0; padding: 12px 25px; gap: 0 5px;}.RWDmenu_plus04 .is-up .features .share-group.main_share a { margin: 13px 30px 0 0;}.RWDmenu_plus04 .features .edit a:before { content: ""; background: #fff; width: 5px; height: 5px; position: absolute; top: 50%; transform: translateY(-50%); left: -19px; border-radius: 99em}.RWDmenu_plus04 .features .edit a { display: block; color: #fff; font-size: 15px; letter-spacing: 2px; position: relative}.RWDmenu_plus04 .features .edit { width: 80px; position: relative; transition: .5s; display: block; margin-top: 23px}.RWDmenu_plus04 #mobile-menu .menu>li.active { background: #124b9e; background: -moz-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%); background: linear-gradient(135deg, rgba(18, 75, 158, 1) 0%, rgba(46, 71, 166, 1) 100%)}.menu-open .RWDmenu_plus04 #mobile-menu { box-shadow: none}.RWDmenu_plus04 #mobile-menu { background: #101010}.RWDmenu_plus04 #mobile-menu .menu>li>ul { background: #101010}.RWDmenu_plus04 #mobile-menu .menu>li { border-bottom: 1px solid #1e1e1e}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { color: #999}li.contact { margin-left: 0}li.contact:before { opacity: 0}li.can-link.contact>a { font-weight: 700 !important}.RWDvideo001 .btn2play,.RWDvideo001 .btn2pause { display: none !important}.RWDvideo005_jumpBox .jump_Box { min-height: 115vh;}.RWDscore01 .count-num { font-size: 30px}.RWDscore01 .count-num:before { width: 110px; height: 110px}.RWDscore01 .count-title { margin: 50px 0 0}.RWDphoto004 .logo-wall { width: 1100px !important}.RWDphoto004 .xicon-item { width: 178px !important; margin: 0 15px !important}/*inner*/ .abuss.heart ul li:nth-child(2) { margin: -6.5vw 0 0}.abuss.heart ul li:nth-child(3) { margin: -13vw 0 0}.abuss.heart ul li h3 { top: 0}.directorbox { max-width: 90%}.page_wrapper_bg .article-text>.container,.hgroup .container,.page_wrapper_bg .footers { max-width: 85%}section.call_to_action { padding: 3vw 0 0;}/*方案介紹*/ .case.worksbn h1 { font-size: 35px}.cases.content { margin: -4vw auto 0}/*220614方案介紹改版*/ .casetag { width: 200px;}.casebox { width: calc(100% - 200px);}.casewrapper { margin: 3vw 0 0;}.casetag { top: 25vw;}.casebox .bottomtxt .ttl h2 { font-size: 16px;}.casebox .bottomtxt .ttl { margin: 3vw 0;}.casebox .bottomtxt .ttl h3 { font-size: 20px;}.casebox .bottomtxt .ttl h4 { font-size: 16px;}.casebox .topimg h1 { font-size: 30px;}.casebox .topimg h2 { font-size: 16px;}.casebox .bottomtxt .ttl .num { font-size: 30px; letter-spacing: 1px; line-height: 1;}.casebox .bottomtxt .ttl { align-items: center;}.casebox .bottomtxt .ttl h3 { line-height: 1;}.abuss2box .imgbox .img3,.abuss2box .imgbox .img3 img { height: 68vw;}/*220719新增--米洛影片*/ .video_block { padding-bottom: 4%;}.video_block .RWDvideo001 .btn2play { display: block !important;}.video_block .RWDvideo001 .info .summary .video-title { white-space: nowrap;}.video_block .RWDvideo001 .info .summary .video-sub { white-space: nowrap;}/*.video_block .RWDvideo001 .info .btn2play .fa:after {-webkit-animation: circle 13s linear infinite; animation: circle 13s linear infinite;}*/ .video_block .RWDvideo001 .info:hover .btn2play { transform: scale(1); -webkit-transform: scale(1);}.video_block .RWDvideo001:hover .video { transform: scale(1);}.article5.articlecontent section.call_to_action,.article4.articlecontent section.call_to_action { padding: 20vw 0;}.techbigvideo iframe { height: 400px;}/* 匯入SEO方案專用資源樣式*//*--------窄版文章區塊變100%------*/ .maxwidth-txtbox { max-width: 100%; margin: 0 auto;}/* SEO文章寬度 */:is(.editor, .cke_editable):has(.parent_w70) { max-width: 100%}/* 20250418 */ .page_wrapper_bg .RWDmenu_plus04 .features .share-group.main_share { padding: 0;}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn { margin-top: 0;}.page_wrapper_bg .RWDmenu_plus04 .is-up .features { margin-top: 0px}.page_wrapper_bg .RWDmenu_plus04 .features .search-btn { padding: 23px 10px;}.page_wrapper_bg .RWDmenu_plus04 .is-up .logo { margin-top: 0;}.RWDmenu_plus04 .features .share-group.main_share a,.RWDmenu_plus04 .is-up .features .share-group.main_share a { transition: 0.5s ease;}.RWDvideo001 .info .summary .bnbox { margin-top: auto; margin-bottom: auto;} } /*1199px end*/ /*1180px start*/ @media (max-width: 1180px) {.cases.content .item .itemin .img img{width: 150%;max-width:150%}.RWDservice011 .link_box .circle{opacity:1;transform:translateX(10px)}.RWDservice011 .link_box{padding:30px}.RWDservice011 .link_box .circle span.ii-more1{opacity:1}.RWDservice011 .link_box .title{font-weight: 600;}.RWDservice011 .link_box:before {display:none}#m_RWDfullscreen01_66_2.RWDservice011 .link_box:hover .shadow{background-color:transparent!important}.RWDservice011 .link_box:hover .circle{transform:none;display:block}.ii-more1:before{content:"";font-size:15px;background:url(archive/image/customization/arrowright-02.webp) no-repeat;width:50px;height:50px;position:absolute;background-size:contain;top:0;left:0}.RWDservice011 .link_box .circle{border:0;width:50px;right:-100px;transform:none;bottom:0;height:50px}.RWDservice011 .link_box:hover .circle span.ii-more1 { animation: none;}.RWDvideo005 .active .type_name, .RWDvideo005 .type_name {padding: 20px;}.RWDvideo005 .type_name:before{display:none}.parasbox p{letter-spacing:2px!important}.parainner {padding: 0; width: 365px;}.RWDscore01 .count-num:before{left:50%}.contacts .conbottom .RWDbtn01 .main-title a { color: #fff;}.RWDscore01 .count-num{position:inherit}.RWDservice011 .link_box .name{font-size:40px}.RWDservice011 .link_box .title{font-size:18px}.RWDservice011 .link_box .memo p{letter-spacing:1px!important;font-size:14px!important}.RWDvideo005__head{margin:0 0 30px}.RWDphoto004 .logo-wall{width:895px!important}.RWDphoto004 .xicon-des{display:none}.contacts .contop .RWDbtn01,.RWDeform001{width:790px}.conbox{flex-direction:column;justify-content:center;align-items:center;text-align:center}.conbox .right{width:100%;margin-top:20px}.banners .RWDvideo001 .video iframe{width:120%!important;height:120%!important}.contacts .RWDvideo001 .video iframe{width:200%!important;height:200%!important}.contacts .conbottom .RWDbtn01 .main-title{font-size:16px}.RWDbtn01 .section-subject{margin:0 0 5px}.alliances .col-md-3.col-sm-6{width:330px;padding:0 20px;margin:0 0 40px}.alliances{max-width:630px;padding:60px 0 40px}.alliances .col-md-3.col-sm-6 article.boxFeature-2:hover{transform:none}.RWDService001:before { width: 133%; height: 100%;}.alliances a:hover .col-md-3.col-sm-6 article.boxFeature-2:before{opacity:0}.footers{flex-direction:column;padding:50px 0;width:850px;position:relative;right:-15px}.rights{justify-content:center}/*inner*/ .page_wrapper_bg .RWDmenu_plus04 .logo{width:50px}.page_wrapper_bg .RWDmenu_plus04 .header{padding:20px}.worksbn{height:52vw}.directorbox .rightimg {align-items: center;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.page_wrapper_bg p,.RWDtimeline01 li.event .point .editor,.RWDtimeline02 .timeline2_list .block .text,.content section,.RWDtimeline02 .timeline2_list .block .text-in{font-size:14px}.directorbox{padding:40px 0 0}.directorbox .lefttxt h2{font-size:23px}.abuss.heart ul li h3 {font-size: 16px;}.abuss.worksbn h1 {font-size: 30px;}.directorbox:before {background-size: cover;}/*方案介紹*/ .cases.content .ttl ul li{font-weight:400}.cases.content .ttl ul li h3{font-size:30px;margin:20px 0 5px}.cases.content .ttl h2{margin:0}.cases.content .item .itemin{width:calc(50% - 20px);margin:20px 10px}.cases.content .item .itemin:nth-child(2) ul li{width:50%}.cases.content .item .itemin .txt ul{padding:20px 0 0 5vw}.cases.content .item .itemin .txt h2,.cases.content .item .itemin .txt p{padding-left:3vw}.cases.content .item .itemin .fea{width:90px;height:90px;font-size:16px}cases.content .item .itemin:last-child .fea .img img{width:95%}.cases.content .item .itemin .txt ul{min-height:150px}.cases.content .item{margin:10px 0 0}.cases.content .ttl ul li img {width: 40px;}.cases.choice{max-width:95%}.cases.plus .plusbox{flex-direction:column;width:calc(33.3333% - 20px);margin:0 10px 20px}.cases.plus .plusbox .leftimg,.cases.plus .plusbox .righttxt{width:100%}.cases.plus .plusbox .leftimg img{position:relative;left:0;top:0;transform:none}.cases.plus .plusbox .leftimg{height:auto}.cases.plus .plusbox .righttxt{padding:20px;min-height:180px}.cases.plus .plusbox .righttxt h4{margin:0 0 10px}/*220614關於大河*/ .abuss2box .imgbox p { font-size: 20px !important;}.abuss2box { margin: -26vw auto 0;}.abuss2director .toparea .lefttxt h2 { font-size: 25px; padding: 0 1vw 3vw;}.abuss2director .toparea .lefttxt h2:after { bottom: 0;}.abuss2director { margin: 5vw 0 0;}.video_item a:after { opacity: 1 !important; width: 50px; height: 50px;}.abuss2director { margin: 10vw 0 0;}.layoutlist_7 .litem:before { content: ""; font-size: 15px; background: url(archive/image/customization/arrowright-02.webp) no-repeat; width: 50px; height: 50px; position: absolute; background-size: contain; bottom: 70px; right: 30px; border: 0; transform: none; top: auto; left: auto; opacity: .5;}.video_item::after, .video_item::before { opacity: 1; transform: translate(-50%,-50%) scale(1);}.video_item::before { width: 7px; height: 7px;}.video_item::after { width: 50px; height: 50px; top: 50%; left: 50%; animation: none; opacity: .5 !important;}/*220719新增--米洛影片*/ .video_block {max-width: calc(630px * 1.33); padding-top: 1.5%;}.video_block .RWDvideo001.show {height: 27vw !important;}.video_block .RWDvideo001 .info .summary {text-align: center; bottom: 10%; transform: translateY(0); top: auto; left: 50%; transform: translateX(-50%);}.video_block .RWDvideo001 .info .summary .video-title {font-size: 22px;}.video_block .RWDvideo001 .info .summary .video-sub {font-size: 12px; margin-top: 10px;}.video_block .RWDvideo001 .btn2play, .RWDvideo001 .btn2pause {top: 39%;}} /*1180px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDphoto004 .logo-main{margin:0}.RWDphoto004 .logo-wall{margin:0;justify-content:flex-start}.waves { letter-spacing: -5px; transform: scale(1,1);}.RWDservice011 .link_box .name{top:0}/*inner*/ .worksbn.abuss .worksbntxt{padding-top:16vw}.worksbn{height:55vw}.conwidth{max-width:85%}.article6.articlecontent .container {max-width:85%;}.abuss.heart ul li:nth-child(2){margin:-50px 0 0}.abuss.heart ul li:nth-child(3){margin:-100px 0 0}.abuss.heart h4{margin:0 0 30px}.abuss.heart{padding:50px 0 0}.abuss.director { margin: 60px auto 0;}.layoutlist_7 .litem {padding: 0 10px;}.video1 div#sidebar { top: 80px;}#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]) { font-size: 15px; height: 40px; font-family: 'Noto Serif TC',serif;}/*220614關於大河*/ .abuss2box { width: 100%;}.circletxt ul li { width: 29vw; height: 29vw;}.circletxt ul li:nth-child(2) { left: -3.5vw;}.circletxt ul li:nth-child(3) { right: -3.5vw;}.abuss2director .bottomarea ul li h4 { font-size: 16px; letter-spacing: 1px;}/*220719新增--米洛影片*//*.video_block .RWDvideo001.show {height: 26vw !important;}*/ .video_block .RWDvideo001 .btn2play, .RWDvideo001 .btn2pause {top: 34%;}.video_block .RWDvideo001 .info .btn2play .fa:after {width: 75px; height: 75px; top: calc(50% - 38px); left: calc(50% - 37px);} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .RWDmenu_plus04 .features .share-group.main_share a { margin: 10px 30px 0 0;}.RWDmenu_plus04 .is-up .features .search-btn { padding: 24px 10px;}.RWDvideo005 .main_box { top: 70px;}#m_RWDfullscreen01_66_2 .link_box { height: auto}.RWDservice011 .link_area { height: auto}#m_RWDfullscreen01_66_2 .link_box { height: 350px}#m_RWDfullscreen01_66_3 .link_box { height: 350px}.RWDservice011 .link_area.num1 .link_box .mid_box { height: 100%}.mainproducts .RWDservice011 { width: 100%; float: none}.banners .RWDvideo001 .video iframe { width: 250% !important; height: 250% !important}.contacts .RWDvideo001 .video iframe { width: 320% !important; height: 320% !important}.abuss .RWDvideo001 .video,.abuss .RWDvideo001.show { height: 80vh !important;}.RWDvideo001 .mouse { width: 25vw; left: 38%}.RWDmenu_plus04 .features .search-btn { padding: 20px 10px}.RWDmenu_plus04 .features { margin-top: -6px}.RWDscore01 .count-item { margin: 0 2vw}.RWDscore01 .score-subtitle { width: 400px; margin: 0 auto 30px}.RWDscore01 .count-blk { padding: 50px 0 10px}.parainner { padding: 0; width: 360px}.RWDphoto004 .logo-wall { width: 100% !important}.RWDphoto004 .xicon-item { width: calc(100%/4 - 20px) !important; margin: 0 10px !important}.RWDeform001 { width: 610px}.RWDeform001 .row:nth-child(2) .col-sm-4 { padding: 0 20px 0 0}.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(1),.RWDeform001 .row:nth-child(2) .col-sm-4:nth-last-child(2) { padding: 0 0 0 20px}.row.mix-grid { min-height: 100vh;}.row.mix-grid { display: block}.contacts .contop .RWDbtn01,.RWDeform001 { width: 100%;}.row.mix-grid { min-height: auto;}img.verifyimg { margin-left: 6px;}.contop { padding: 60px 40px;}.RWDService001:before { width: 115%}.ftinfobox .ftinner .logo { float: none; margin: 0 0 30px}.footers { width: 80%; right: auto}.ftinner.top ul { padding-left: 0; margin-top: 0}.rights { justify-content: flex-start;}.RWDmenu_plus04 .features .edit { margin-top: 20px;}.alliances { overflow: hidden;}/*inner*/ .worksbnimg .pad { display: block;}.worksbnimg .pc,.worksbnimg .padw,.worksbnimg .ph { display: none;}.worksbn.abuss .worksbntxt { padding-top: 20vw}.worksbn { height: 63vw}.abuss.heart ul li h3 { line-height: 1}.directorbox:before { width: 10vw}.directorbox { padding: 60px 0 0; max-width: 80%; flex-direction: column}.directorbox .lefttxt { width: auto}.directorbox .rightimg { width: 40vw; padding: 0 0 0 4px}.directorbox .lefttxt ul li b:before { left: -30px}.pageTitle { font-size: 25px;}.layoutlist_7 .litem { width: calc(100%/2 - 1px);}.layoutlist_7 .row:before,.layoutlist_7 .row:after { display: none;}/*客戶作品*/ .wtabs { top: 80px}.worksinner .intxt { padding-left: 0}.innertop { padding: 60px 0}.works.worksbn h1 { font-size: 40px; margin: 0 0 40px}/*方案介紹*/ .worksbn.case .worksbntxt { padding-top: 15vw}.case.worksbn .worksbntxt ul { width: 100%}.case.worksbn .worksbntxt ul li { margin-right: 30px}.case.worksbn h1 { font-size: 35px}.case.worksbn .worksbntxt hr { width: 100%; margin: 20px 0}.case.worksbn .worksbntxt p { font-size: 18px}.cases.content .ttl ul li h3 { min-height: auto; line-height: 1;}.cases.plus .plusbox { width: calc(50% - 20px)}.cases.plus { padding: 5vw}.cases.plus .plusbox .righttxt { min-height: 160px}.cases.choice .flimbox { width: calc(50% - 30px); margin: 0 15px}/*大河出品*/ .video_item { width: calc(100%/2); float: left;}/*220614方案介紹改版*/ .casetag { top: 70px; width: 100%; padding: 0 0 0 10vw; z-index: 99; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}.casetag ul { display: flex; justify-content: center; align-items: center; position: relative;}.casetag li:first-child { display: none;}.casetag ul:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); margin: 0;}.casetag li { width: calc(100%/4); position: relative;}.casetag li:before { content: ""; background: rgba(255 255 255 / 10%); position: absolute; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); right: 0;}.casetag li:last-child:before { opacity: 0;}.casebox { width: 100%;}.casetag li a { display: block; padding: 10px; text-align: center;}.casewrapper { margin: 0;}.casebox .topimg .txt h3 { font-size: 25px; line-height: 1;}.casebox .topimg .txt h4 { font-size: 16px;}.casebox .topimg .txt .num { font-size: 50px; margin: 0 0 12px;}.casebox .topimg,.topimg img { height: 25vw;}.casebox .bottomtxt .ttl h1 { font-size: 20px;}.casebox a { margin: 10px 0 60px 3vw;}.casebox .bottomtxt .ttl { margin: 40px 0;}.casebox .content .lefttxt,.casebox .content .righttxt { padding: 20px 0 0; margin: 0 0 30px;}.casebox .bottomtxt .ttl .num,.casebox .bottomtxt .ttl h1,.casebox .content .lefttxt { min-width: 16vw;}.casebox .content .righttxt { width: calc(100% - 16vw);}/*220614關於大河*/ .abuss2box,.abuss2box .img3,.abuss2box .img3 img { object-fit: cover; object-position: center; height: 70vw;}.circletxt ul li:nth-child(1) { top: -7vw;}.circletxt ul li { width: 35vw; height: 35vw; padding: 0 3vw;}.circletxt ul li:nth-child(2) { left: -9.5vw;}.circletxt ul li:nth-child(3) { right: -9.5vw;}.abuss2director { margin: 10vw 0 0;}.abuss2director .toparea .lefttxt h2 { font-size: 22px; padding: 0 1vw 5vw;}.abuss2director .toparea .rightimg { width: 42vw; padding: 0;}.abuss2director .toparea .lefttxt h2:after { bottom: 3vw;}.abuss2director .toparea .lefttxt h2:before { top: 5vw;}.abuss2director .bottomarea ul { flex-direction: column; border-left: 1px solid rgba(255 255 255 / 15%);}.abuss2director .bottomarea ul li { padding: 0 10vw 0 6vw; width: 100% !important; margin: 4vw 0;}.abuss2director .bottomarea ul li:before { top: 1vw; left: -0.5vw;}.abuss2director .bottomarea ul li:after { writing-mode: tb; top: auto; bottom: -4vw; right: auto; left: -1.7vw;}.abuss2director .bottomarea ul li:first-child:after { opacity: 0;}.abuss2director .bottomarea ul li:last-child { padding: 0 10vw 5vw 6vw;}.abuss2director .toparea .rightimg:before { width: 65vw; height: 40vw; right: -10vw;}.YouTubePopUp-Content { max-width: 90% !important;}@media (max-width: 820px) { #RWDPAGE_BASE_PAT02 .pagecontent { padding: 0px !important; } /*客戶作品*/ .worksinner.scenes li { width: calc(100%/4) } /*220614方案介紹改版*/ .casebox .topimg .txt .num, .casebox .bottomtxt .ttl h1, .content .lefttxt { min-width: 24vw; } .content .righttxt { width: calc(100% - 24vw); } /*220614關於大河*/ .abuss2box, .abuss2box .img3, .abuss2box .img3 img { height: 80vw; } .circletxt ul li:nth-child(1) { top: -4vw; } .circletxt ul li:nth-child(2), .circletxt ul li:nth-child(3) { bottom: -20vw; } .abuss2box { margin: -22vw auto 0; } .abuss2director .toparea .lefttxt h2 { font-size: 20px; line-height: 2; } .abuss2director .toparea .lefttxt h2 span { font-size: 17px; } .abuss2box .imgbox .img3, .abuss2box .imgbox .img3 img { height: 90vw; }}/*220719新增--米洛影片*/ .RWDService001:before { display: none;}/*.video_block {max-width: 630px;}*//*.video_block .RWDvideo001 .info .summary {left: auto; transform: translateX(-36%);}*/ .video_block { max-width: none; width: 100%;}.video_block .RWDvideo001 .info .summary .video-title { font-size: 20px;}.video_block .RWDvideo001 .info .summary .video-sub { margin-top: 5px;}/*方案定位調整*/ .caseinner { padding: 130px 0 0; margin-top: -130px;}.article6.articlecontent section.call_to_action { padding: 120px 0 50px;}.form-horizontal .form-group { display: block; margin: 0px 0 30px;}.form-horizontal .control-label { width: auto; margin: 0; min-width: initial; margin-right: 0;}.form-group .col-md-11 { width: 100%;}.customized_columns ._input,.customized_columns select { padding: 0;}.new-form .formdesc ul h3 { font-size: 18px; margin: 0;}.contact_title_p { padding: 0 30px;}.eforms3 .customized_columns ._input,.customized_columns select { border: 1px solid #484848 !important}.eforms3 .form-group .col-md-11 { width: 100%; margin-top: 10px;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { /*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 32vw !important;} } /*850px end*/ /*768px start*/ @media (max-width: 768px) { /*220719新增--米洛影片*/ .video_block .RWDvideo001.show { height: 34vw !important; } .video_block .RWDvideo001 .btn2play .fa, .RWDvideo001 .btn2pause .fa { font: normal normal normal 18px/1 FontAwesome; } .video_block .RWDvideo001 .info .btn2play .fa:after { width: 70px; height: 70px; top: calc(50% - 37px); left: calc(50% - 34px); } .video_block .RWDvideo001 .btn2play, .RWDvideo001 .btn2pause { top: 38%; } .abuss2director .toparea .rightimg h5 { right: -30px; }} /*768px end*/ /*767px start*/ @media (max-width: 767px) { .is-up a.ml-stack-nav-toggle { margin-top: 4px;}.banners .RWDvideo001 .info .summary { animation: none;}.RWDservice011 .link_box .memo { display: block;}.RWDvideo001 .video iframe { width: 300% !important; height: 300% !important;}.RWDvideo001 .info .summary .bnbox .ttl { font-size: 55px}.RWDvideo001 .info .summary .bnbox .entxt { margin: 30px 0 7px; font-size: 12px; width: 100%; text-align: center}.RWDvideo001 .info .summary .bnbox { width: 355px}.RWDvideo001 .info .summary .bnbox .decotxt { font-size: 12px; margin: 0; letter-spacing: 4px; width: 100%}.RWDvideo001 .info .summary .bnbox .entxt br { display: none}.RWDmenu_plus04 .logo { width: 60px}.RWDmenu_plus04 .is-up .logo { width: 50px}.RWDmenu_plus04 .header.is-up { padding: 5px 5vw}.abuss div#m_RWDfullscreen01_67_1,.abuss .RWDvideo001 .video { height: 90vh !important}.abuss .RWDvideo001 .video iframe { width: 180% !important; height: 110% !important}.workss { padding: 70px 40px 0}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .name,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .name,.RWDvideo005 .small_box .name { bottom: 70px; font-size: 22px !important}.RWDvideo005 .small_box::before,.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5)::before,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1)::before { bottom: 60px}.RWDvideo005 .small_box .type,.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .type,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .type { bottom: 30px}.RWDscore01 .trigger-next,.RWDscore01 .trigger-prev { display: none}.RWDscore01 .count-item { margin: 0; width: 100%; display: flex; justify-content: center; align-items: center}.RWDscore01 .count-title { margin: 40px 0; margin-left: 60px; text-align: left; width: 210px}.RWDscore01 .count-blk { padding: 0}.RWDscore01 .count-num:before { width: 90px; height: 90px; left: 50%}.RWDscore01 .count-num { font-size: 25px; letter-spacing: 1px}.trendss .RWDedictor { max-width: 100%}.index h1.main-title,.RWDvideo005__head__h1,.RWDscore01 .score-maintitle,.RWDphoto004 .title-main { font-size: 22px}.index h2.sub-title,.RWDvideo005__head__h2,.RWDscore01 .score-subtitle,.RWDphoto004 .title-sub,.index h2.sub-titile { font-size: 16px; letter-spacing: 1px; color: #999}.RWDscore01 .score-subtitle { width: 429px; margin: 0 auto 30px}.parainner { width: 305px;}.RWDphoto004 .xicon-item { width: calc(100%/4 - 40px) !important; margin: 0 20px !important; padding: 0; display: flex; justify-content: center; align-items: center}.RWDphoto004 .xicon-logo { max-width: 100%}.contacts .RWDvideo001 .video iframe { width: 400% !important; height: 400% !important}.conbox .right p br { display: none}.RWDeform001 .row .col-sm-4 { float: left;}.conbox .right p { text-align: left}.alliances { max-width: 90%}.alliances .rwd_subject { width: 300px}.alliances .col-md-3.col-sm-6 { width: 50%; padding: 0 10px; margin: 0 0 20px; float: left}.RWDService001:before { width: 111%}.footers { width: 90%}.ftinner.top ul a { letter-spacing: 0}.bottom.ftinner ul li { width: calc(100%/4 - 10px); margin-right: 10px}.ftmenuinner { width: calc(100%/3 - 20px); margin-right: 20px}.RWDssl01,.rights .RWDedictor { margin-right: 0}.rights span { margin: 0 10px}.index .conbox h2.sub-titile br.visible-xs { display: none !important;}.ftinfobox .ftinner .logo { margin: 0 auto 30px}.ftinner.top ul li { width: 100% !important; text-align: center}.abuss .RWDvideo001 .info .summary h1.main-title { font-size: 35px; letter-spacing: 1px; margin-left: -110px}.abuss .RWDvideo001 .info .summary h1.main-title span { font-size: 55px; margin-left: 10px}.abuss .RWDvideo001 .info .summary h1.main-title em { margin-left: 255px}.abuss .RWDvideo001 .info .summary { padding-top: 75px; text-shadow: 0 0 20px #000}/*inner*/ .worksbn { height: 65vw;}.directorbox { max-width: 85%}.directorbox .lefttxt ul li b { margin: 0 0 5px}.directorbox .lefttxt ul li { margin: 0 0 30px}.directorbox .lefttxt ul { margin: 50px 0 0}/*客戶作品*/ .worksinner .intxt p br { display: none}.innertop h2 { font-size: 25px; margin: 0 0 20px;}.worksbn.works { height: 100vw;}.worksbntxt.conwidth p br { display: none;}.worksinner p { font-size: 15px; line-height: 1.8 !important;}/*方案介紹*/ .case.worksbn h1 { font-size: 30px}.case.worksbn .worksbntxt p:nth-child(4) { font-size: 14px}.case.worksbn .worksbntxt ul li .casei { background: rgb(0 0 0 / 60%)}.cases.content { margin: -1vw auto 0; padding: 50px 30px}.cases.content .item .itemin { padding: 0}.cases.content .item .itemin .img img { max-width: 150%; width: 150%}.cases.content .item .itemin { width: 100%; padding: 60px 0 0; margin: 20px 0 0}.cases.content .item .itemin .txt ul { min-height: auto; padding: 20px 40px; display: flex; flex-wrap: wrap}.cases.content .ttl { max-width: 100%}.cases.content .item .itemin .fea { bottom: auto; top: -10px}.cases.choice .flimbox { width: 80%; margin: 0 auto 20px}.cases.plus h2 { margin: 0 0 30px;}/*220614方案介紹改版*/ .casewrapper { margin: -17vw 0 0; padding: 0 40px 0 0;}.casetag ul { margin: 0 0 3vw;}.casebox { padding: 0 0 60px 40px;}.casebox .topimg,.topimg img { height: 30vw;}.casebox .bottomtxt .ttl .num,.casebox .bottomtxt .ttl h1,.casebox .content .lefttxt { min-width: 25vw;}.casebox .content .righttxt { width: calc(100% - 25vw);}.casebox a { margin: 10px auto 60px !important;}.article3 .page_wrapper_bg .footers { margin-top: 0;}/*226014關於大河*/ .abuss2director .toparea .lefttxt h2 { font-size: 16px;}.abuss2director .toparea .rightimg h5 { min-width: 84px; font-size: 14px;}.abuss2director .toparea .lefttxt h2 span { font-size: 15px;}.abuss2director .bottomarea ul li:after { left: -2.4vw;}.abuss2director .bottomarea ul li h4 { margin: 0 0 10px;}.abuss2box .imgbox .img3,.abuss2box .imgbox .img3 img { height: 125vw;}.abuss2box .imgbox .img1 { width: 60vw;}.abuss2box .imgbox .img2 { bottom: -15vw; left: -12.5vw; width: 49vw;}.circletxt ul li { width: 45vw; height: 45vw;}.circletxt ul li:nth-child(1) { top: -8vw;}.circletxt ul li:nth-child(2) { left: -19.5vw;}.circletxt ul li:nth-child(2),.circletxt ul li:nth-child(3) { bottom: -18vw;}.circletxt ul li:nth-child(3) { right: -19.5vw;}.abuss2director { margin: 15vw 0 0;}.abuss2box .imgbox p { font-size: 17px !important; top: 50px;}/*220719新增--米洛影片*//*.video_block {max-width: 90%;}*/ .video_block .RWDvideo001 .info .summary { bottom: 8%;}.video_block .RWDvideo001 .info .summary { left: 50%; transform: translateX(-50%); min-width: 270px;}/*221226品牌視覺設計*/ .worksinner.scenes .vis li { width: 50%;}/* 匯入SEO方案專用資源樣式*//* SEO文章電話下方寬度 */:is(.editor, .cke_editable):has(.seo_content) article a.seo_tel { margin: 0 0 2rem;}/* /* 20250418 */ .blog-item__summary { line-height: 1.5; -webkit-line-clamp: 2;}.blog-item__go { width: 100%; text-align: center; margin-top: 1.5rem; padding: 10px; border-radius: 99rem;}.blog-swiper .blog-item { padding: 0 1.25rem;} } /*767px end*/ /*750px start*/ @media (max-width: 750px) {.contacts{padding:40px 0}.contop{padding:50px 30px;width:90%}.RWDeform001 label,.RWDeform001 .form-control{width:100%;margin:0}.RWDeform001 .form-horizontal .form-group{flex-direction:initial;margin:0 0 15px}.RWDeform001 .row .col-sm-4{width:100%!important;padding:0!important}.RWDeform001{width:100%}.RWDeform001 .form-control{border:1px solid #222;margin:10px 0 0}.form-group label.must:before{float:left;margin:0 5px 0 0}textarea#eformstw41_00007{min-height:100px}.conbottom {width:90%}.RWDeform001 .row:nth-child(2) .col-sm-4 .ebtn.currectsend_btn{float:none; margin: 40px auto 20px;max-width: 235px;}}@media (max-width: 700px) {.worksbn.abuss .worksbntxt{padding-top:25vw}.abuss.worksbn h1{font-size:25px;margin:0 0 20px;line-height:1.5}.worksbn{height:75vw}.conwidth{max-width:90%}.article6.articlecontent .container {max-width:90%;}.abuss.heart ul li:nth-child(2),.abuss.heart ul li:nth-child(3){margin:0}.abuss.heart ul li{width:calc(100%/2);padding:0 3vw 0 0;margin:0 0 20px}.abuss.heart ul{flex-wrap:wrap}.abuss.heart ul li:nth-child(3) img{transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;z-index:-1}.abuss.heart ul li:nth-child(3){width:100%;height:50vw;overflow:hidden}.directorbox:before{width:20px}.directorbox{padding:40px 0 0}.directorbox .rightimg{width:50vw}.layoutlist_7 .litem {width: 100%;}/*客戶作品*/ .worksinner.scenes li { width: calc(100%/3);}/*方案介紹*/ .cases.plus .plusbox .righttxt{min-height:190px}.cases.content{margin:30px auto 0;padding:40px 30px}.worksbn.case .worksbntxt{padding-top:21vw}.cases.content .ttl ul li{width:calc(100%/2);padding:15px 0 15px 30px;display:flex;align-items:center}.cases.content .ttl ul{flex-wrap:wrap}.cases.content .ttl ul li:after{content:"";background:#333;width:1px;height:70%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.cases.content .ttl ul li:before{opacity:0}.cases.content .ttl ul li h3{margin:0;display:flex;justify-content:center;align-items:center;margin-right:15px}.cases.content .ttl ul li img{display:inline-block;width:35px;max-width:fit-content;margin:0 18px 0 0}.cases.content .ttl h2{margin:0 0 15px}.case.worksbn h1{font-size:30px!important;margin:0 0 5px!important}.cases.choice{max-width:100%;padding:60px 0 20px}.cases.plus{padding:40px 20px}.cases.choice .flimbox p{line-height:1;margin:0 0 15px}.cases.plus .plusbox .righttxt h4{font-size:16px;line-height:1}.cases.plus .plusbox .righttxt p{line-height:1.6}.cases.plus .plusbox .righttxt{min-height:155px}/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 46vw !important;}} /*750px end*/ /*650px start*/ @media (max-width: 650px) {/* 20250418 */ .blog-item__cover { padding-top: 80%; border-radius: 10px;}:root { --swiper-navigation-size: 35px;}.blog-swiper .swiper-button-prev,.blog-swiper .swiper-button-next { background-color: rgba(255, 255, 255, .5); border: none;}.blog-item__summary { color: #939393;}.blog-rel-wrap .blog-rel-item.item-prev { display: none;}.blog-rel-wrap .blog-rel-item { width: 100%; max-width: none; text-align: left;}.blog-rel-wrap .blog-rel-item.item-next .blog-rel-link .btn-title { text-align: left;}} /*650px end*/ /*600px start*/ @media (max-width: 600px) { .fols { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; display: block}.fols a { display: flex; padding: 15px; color: #fff; text-align: center; background: #21b44d; align-items: center; line-height: 1; justify-content: center}.RWDmobile_bottom_v2 .text { font-size: 15px}.RWDmobile_bottom_v2 .icon { margin: 0 10px 0 0; height: auto; line-height: 1}.scrollTop002 { right: 0; bottom: 50px}.footers { padding: 50px 0 80px}.RWDmenu_plus04 .features .share-group.main_share { display: none}.RWDmenu_plus04 .features .search-btn { position: relative}.fl { width: 100px;}.banners .RWDvideo001 .video:before,.abuss .RWDvideo001 .video:before { opacity: 0}.banners .RWDvideo001 .video iframe { width: 350% !important; height: 350% !important;}.alliances { max-width: 100%;}.RWDvideo005 .small_box .circle { opacity: 1; transform: scale(1) translate(-50%, -50%); width: 50px; height: 50px; opacity: 1;}.RWDvideo005 .small_box .circle:before { top: 0; left: 0; animation: none; pointer-events: none; width: 50px; height: 50px; background: url(archive/image/customization/playbtn.webp) no-repeat; background-size: contain; border: 0; opacity: 1;}.RWDvideo005 .small_box .circle img { opacity: 0;}#m_RWDfullscreen01_66_2 .link_box,#m_RWDfullscreen01_66_3 .link_box { height: 250px}.RWDservice011 .link_box { padding: 20px 30px}.RWDservice011 .link_area.num1 .link_box .mid_box { height: 100%}.RWDservice011 .link_box .mid_box,.RWDservice011 .link_area.num1 .link_box .mid_box { width: calc(100% - 50px)}.RWDservice011 .link_box .circle { border: 0; width: 50px; right: -50px; transform: none; bottom: 0; height: 50px}.RWDvideo001 .info .summary { padding-top: 0}.RWDvideo001 .mouse { display: none}.RWDvideo001 .btn2play { display: block !important; top: auto; bottom: 30px; border: 1px dashed rgb(255 255 255 / 50%); width: 75px; height: 75px; border-radius: 99em}.RWDvideo001 .btn2play .fa { font-size: 11px; margin: 20px 0 5px}.btn2play>div { font-size: 12px; margin-top: -3px;}.RWDvideo001 .video iframe { width: 350% !important; height: 350% !important;}.RWDservice011 .link_box .name { font-size: 25px}.RWDservice011 .link_box .title { font-size: 15px}.RWDvideo005 .type_name:before { top: 40%;}.RWDservice011 .link_box .memo p { font-size: 13px !important}.abuss .RWDvideo001 .info .summary h1.main-title span { font-size: 45px; margin-left: 5px}.abuss .RWDvideo001 .info .summary h1.main-title { font-size: 28px; letter-spacing: 1px; margin-left: -95px}.abuss .RWDvideo001 .info .summary h1.main-title em { margin-left: 210px}.index .abuss .RWDvideo001 .info .summary h2.sub-title { font-size: 13px; text-align: center !important; letter-spacing: 2px; line-height: 2}br.i5phone { display: block;}.abuss .RWDvideo001 .info .summary { text-shadow: 10px 10px 20px #000}.abuss .RWDvideo001 .btn2play { display: none !important;}a.ml-stack-nav-toggle { margin-top: -1px; padding: 25px 15px}.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .is-up .features .search-btn { margin-top: 1px;}.RWDmenu_plus04 .header { padding: 30px 25px 0}.abuss .RWDvideo001 .video iframe { width: 300% !important; height: 300% !important}.conbottom:before { top: -25px;}.workss { padding: 60px 20px 0}.RWDvideo005__head { margin: 0 0 0;}.waves { margin: 0;}.trendss .RWDedictor { margin: 0 auto;}.RWDvideo005 .type_name { font-size: 15px;}.RWDvideo005 .pic_box:nth-child(even) .small_box:nth-child(5) .name,.RWDvideo005 .pic_box:first-child .small_box:nth-child(1) .name,.RWDvideo005 .small_box .name { font-size: 18px !important;}.RWDscore01 .score-subtitle { font-size: 15px; width: 300px}.trendss { padding: 60px 20px}.RWDscore01 .score-maintitle { font-size: 18px; letter-spacing: 1px}span.count-str { font-size: 15px; margin-left: -3px}.RWDscore01 .count-title { margin-left: 50px; width: 200px; letter-spacing: 1px}.RWDscore01 .count-item>div:nth-child(1) { min-width: 54px;}.RWDscore01 .count-item { padding-left: 20px;}.parasbox { flex-direction: column}.parainner { width: 100%; min-width: 230px;}.parainner.left { margin: 0 0 120px}.parainner.left:after { right: auto; left: 40%; transform: translateX(-50%) skew(-8deg) scale(1, 1.1) translateY(-50%); bottom: -60px; top: auto}.parainner h3 { font-size: 25px; margin: 0 0 50px}.parainner h3 span { font-size: 15px; margin-left: 3px}.parainner h3:before { padding: 45px}.RWDparallax_new .picbgbox { height: 80vh !important}.RWDphoto004 .xicon-item { width: calc(100%/3 - 30px) !important; margin: 0 15px !important}.RWDphoto004 .xicon-logo { height: 65px !important}.RWDphoto004 .logo-content { display: none}img.verifyimg { margin-left: 10px; margin-top: 10px}.conbottom { flex-direction: column; justify-content: center; align-items: center}.contacts .conbottom .RWDbtn01 { width: 100%}.contacts .conbottom .RWDbtn01:nth-child(1) { border: 0; border-bottom: 1px solid #111; margin-bottom: 40px; padding-bottom: 30px}.conbottom { width: 90%; padding: 20px 0 40px}.conbox .right.visible-xs { display: block !important; margin: 10px 0 0;}.conbox .right { display: none}.conbox .right.visible-xs p { text-align: center;}.conbox .right.visible-xs p br { display: block;}.index .conbox h2.sub-titile br.visible-xs { display: block !important;}.contacts .btn2play { display: none !important}.alliances .col-md-3.col-sm-6 { width: 80%; float: none; margin: 0 auto 20px}.alliances .rwd_subject { width: 310px; margin: 0 auto 35px}.RWDService001:before { width: 120%}.ftinfobox .ftinner .logo { margin: 0 auto 30px; width: 170px}.ftinner.top ul li { flex-direction: column; width: 100%; justify-content: center; align-items: center; text-align: center}.bottom.ftinner ul li { width: calc(100%/2 - 10px); margin: 0 5px 15px}.bottom.ftinner ul { flex-wrap: wrap}.ftmenubox { flex-direction: column}.ftmenuinner { width: 90%; margin: 0 auto 30px}.ftmenuinner ul { display: flex; flex-wrap: wrap}.ftmenuinner ul li { width: 50%; margin: 0 0 5px; font-size: 14px;}.rights .RWDedictor { display: flex; flex-direction: column; justify-content: center}.rights span { margin: 0; height: 1px; color: #0c0c0c}.rights { width: 90%; margin: auto; padding: 0}.ftinfo { margin: 0 auto 40px; width: 90%;}.ftinfobox .ftinner .logo { margin: 0 0 30px}.ftinner.top ul li { width: 100% !important; text-align: left}/*inner*/ .worksbnimg .ph { display: block;}.worksbnimg .pc,.worksbnimg .padw,.worksbnimg .pad { display: none;}.worksbn .worksbntxt p br { display: none}.worksbn { height: 135vw}.abuss.heart { margin: -40vw auto 0;}.abuss.heart ul li { width: 100%; height: auto; margin: 0 0 20px !important}.abuss.heart ul li:nth-child(3) { width: 100%; height: 100%; overflow: hidden}.wtabs { margin: 20px auto 0;}.abuss.heart ul li { padding: 0}.conwidth { max-width: calc(100% - 60px)}.article6.articlecontent .container { max-width: calc(100% - 60px)}.worksbn.abuss .worksbntxt { padding-top: 40vw}.abuss.director { margin: 30px auto 0}.directorbox:before { background-size: cover; width: 10px}.directorbox .lefttxt h2 { font-size: 20px; line-height: 1.8}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.page_wrapper_bg p,.RWDtimeline01 li.event .point .editor,.RWDtimeline02 .timeline2_list .block .text,.content section,.RWDtimeline02 .timeline2_list .block .text-in { font-size: 15px}.directorbox .lefttxt ul li br { display: none}.directorbox .lefttxt ul li { padding-right: 30px; text-align: justify}.directorbox .lefttxt ul li b:before { left: -25px}.directorbox .lefttxt ul { margin: 40px 0 0}.directorbox .rightimg { width: 80vw}.page_wrapper_bg .footers { margin: 40px auto 0;}.conwidth1 { max-width: 100%;}.abuss.heart ul li { height: 30vh !important; margin: 0 !important; overflow: hidden}.abuss.heart ul li img { transform: translate(-50%, -20%) !important; top: 0 !important; left: 50% !important; position: absolute; z-index: -1}.abuss.heart ul li h3 { top: auto; bottom: 20px; filter: drop-shadow(2px 4px 4px black); left: 30px; font-size: 20px !important}.abuss.heart ul li:before { background: linear-gradient(45deg, rgba(0, 0, 0, .5), transparent); position: absolute; width: 100%; height: 100%; content: ""}.hgroup .breadcrumb { display: none}.hgroup .container { margin: 0 auto 30px}.pageTitle { margin: 0 0 20px}/*客戶作品*/ .worksbn.works { height: 145vw;}.worksvideo { margin-top: -18vw;}.works.worksbn h1,.works .worksbntxt p { text-align: justify;}.works.worksbn .conwidth { max-width: calc(100% - 110px);}.worksvideo.conwidth { max-width: 90%;}.wtabs:before { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}.innerbottom ul li { padding: 0 0 20px; width: 100%}.worksinner.scenes li { width: calc(100%/2); padding: 0 8px; margin: 0 0 20px}.btn.btn_back a { width: 100%}#plan,#scenes,#credit { position: absolute; margin-top: -130px;}/*方案介紹*/ .cases.content .item .itemin .img { opacity: .6;}.case.worksbn .worksbntxt ul { flex-wrap: wrap}.case.worksbn .worksbntxt ul li { width: calc(50% - 5px); margin: 0 5px 10px 0; display: flex; align-items: center}.case.worksbn .worksbntxt ul li .casei { width: 50px; height: 50px; margin: 0 10px 5px 0}.cases.content { margin: -10vw auto 0}.cases.content .ttl ul li { padding: 10px 0 10px 20px; flex-direction: column; align-items: flex-start; font-size: 15px}.cases.content .ttl ul li h3 { padding-left: 0 !important; margin: 0 0 5px; align-items: flex-end}.cases.content .item .itemin .txt ul { padding: 20px 10px 20px 30px}.cases.content .item .itemin .fea { width: 80px; height: 80px;}.cases.plus .plusbox .righttxt p { line-height: 2;}.cases.content .item .itemin .fea .img { opacity: 1;}.cases.choice .flimbox li.flimcut img:nth-child(3) { display: none}.cases.choice .flimbox li.flimcut img { width: calc(100%/2); padding: 0 5px}.cases.choice .flimbox { width: 90%; margin: 0 auto 20px}.cases.plus { padding: 40px 20px 60px}.cases.plus .plusbox { width: calc(100% - 20px)}.cases.plus .plusbox .righttxt { min-height: auto}.cases.plus .conbtn a { width: 100%}.cases.plus .conbtn { margin: 10px 0 0}.page_wrapper_bg .article-text>.container,.hgroup .container,.page_wrapper_bg .footers { max-width: 90%}.cases.choice .flimbox:nth-child(2) { border-bottom: 1px solid #222; padding: 0 0 40px; margin: 0 auto 40px}/*大河出品*/ .video_item { width: 100%;}.video1 div#sidebar { top: 74px;}/*220614方案介紹改版*/ .casetag { padding: 0 0 0 30px;}.casetag ul { flex-wrap: wrap;}.casetag li { width: calc(100%/2);}.casewrapper { margin: -10vw 0 0; padding: 0 30px 0 0;}.casebox { padding: 0 0 60px 30px;}.casebox .topimg,.topimg img { height: 60vw;}.casebox .topimg .txt { flex-direction: column; align-items: flex-start; left: 20px; bottom: 20px;}.casebox .bottomtxt .ttl .num,.casebox .bottomtxt .ttl h1,.casebox .content .lefttxt { min-width: fit-content;}.casebox .topimg .txt .num { font-size: 40px; margin: 0 0 20px;}.casebox .bottomtxt .ttl h1,.casebox .bottomtxt .ttl h2 { width: 100%;}.casebox .bottomtxt .ttl h1 { font-size: 24px; margin: 0;}.casebox .bottomtxt .ttl { margin: 40px 0 20px; flex-direction: column; letter-spacing: 1px; align-items: flex-start;}.casebox .content .lefttxt { width: 100px;}.casebox .content .righttxt { width: calc(100% - 100px);}.casebox .bottomtxt .ttl .num { margin: 0 0 15px; font-size: 25px;}/*220614關於大河*/ .abuss2box .imgbox .img1 { width: 145%;}.abuss2director { margin: 15vw 0 0;}.circletxt ul { flex-direction: column;}.abuss2box { margin: -65vw auto 0;}.circletxt { margin-top: 0; width: 100%; height: 100%;}.circletxt ul li:nth-child(1),.circletxt ul li:nth-child(2),.circletxt ul li:nth-child(3) { position: relative; width: 80vw; padding: 7vw; left: auto; bottom: auto; top: auto; right: auto; margin: -2vw 0; min-height: 80vw;}.circletxt ul { margin: 50vw 0 0;}.abuss2box .imgbox .img2 { bottom: -10vw; left: -27vw; width: 100%; z-index: 2;}.abuss2box .imgbox .img2 img { width: 100%; margin: auto; display: block;}.abuss2director { margin: 22vw 0 0;}.abuss2director .toparea { flex-direction: column;}.abuss2director .toparea .lefttxt h2 { font-size: 22px;}.abuss2director .toparea .rightimg { width: 70vw; margin: 3vw 0 0;}.abuss2director .toparea .rightimg h5 { min-width: 83px; font-size: 14px; margin: 0 0 20px -30px;}.abuss2director .bottomarea { padding: 40px 0 0;}.abuss2director .bottomarea ul li { margin: 20px 0;}.abuss2director .bottomarea ul li:after { left: -3.5vw;}.abuss2director .bottomarea ul li:before { top: 3vw; left: -0.9vw;}.worksbn.abuss .worksbntxt p { font-size: 18px;}.abuss.worksbn h1 { font-size: 22px; line-height: 1.7; margin: 0 0 5px;}.abuss2director .toparea .rightimg:before { width: 100vw; height: 60vw; right: -13vw;}.YouTubePopUp-Content { max-width: 100% !important;}.abuss2box,.abuss2box .imgbox .img3,.abuss2box .imgbox .img3 img { height: 390vw;}.abuss2box .imgbox p { font-size: 18px !important; top: 80vw;}.circletxt { margin-top: 50vw;}/*220706修改--沃德事業群*/ .alliances .RWDService001 div.row:before { font-size: 20px; width: 280px; margin: 0 auto 35px;}/*220719新增--米洛影片*//*.video_block {max-width: 80%; padding-top: 0.5%;}*/ .video_block { padding-top: 0.5%;}.video_block .RWDvideo001.show { height: 46vw !important;}.video_block .RWDvideo001 .info .summary { bottom: 10%;}.video_block .RWDvideo001 .info .summary .video-title { font-size: 3.35vw; letter-spacing: 1px;}.video_block .RWDvideo001 .info .summary .video-sub { line-height: 1.5em;}.video_block .RWDvideo001 .btn2play .fa,.RWDvideo001 .btn2pause .fa { margin-left: 0;}/*.video_block .RWDvideo001 .info .btn2play .fa:after {top: calc(55% - 37px); left: calc(55% - 34px); width: 50px; height: 50px;}*/ .video_block .RWDvideo001 .btn2play .fa,.RWDvideo001 .btn2pause .fa { font: normal normal normal 12px/1 FontAwesome; margin-left: -7px;}.video_block .RWDvideo001 .btn2play,.RWDvideo001 .btn2pause { top: 46%;}.video_block .RWDvideo001 .info .btn2play .fa:after { border: 0.8px dashed #fff;}.video_block .RWDvideo001 .info .btn2play .fa:after { top: calc(40% - 37px); left: calc(42% - 34px); width: 70px; height: 70px;}.video_block .RWDvideo001 .btn2play,.RWDvideo001 .btn2pause { top: 40%;}/*221226品牌視覺設計*/ .worksinner.scenes .vis li { width: 100%; padding: 0;}.wtabs.conwidth.two ul li { width: 50%;}/*20221228*/ .abuss2director .toparea .rightimg h5 { right: -25px;}.article5.articlecontent section.call_to_action,.article4.articlecontent section.call_to_action { padding: 35vw 0;}/*內頁方案頁籤改橫向卷軸*/ .casetag ul { width: 500px; flex-wrap: nowrap; margin: 0}.casetag { overflow: scroll; margin-bottom: 15px;}.techbigvideo iframe { height: 300px;}.contact_title_p h1 { margin-top: 0; font-size: 27px;}.new-form .formdesc ul h3,.new-form .formdesc h2 { font-size: 15px;}/* 匯入SEO方案專用資源樣式*//*------底色區塊間距調整-----*/ .bgcolor-box { padding: 1rem;}/* SEO文章RWD */:is(.editor, .cke_editable):has(.seo_content) article h2 { margin: 0 0 10px;}:is(.editor, .cke_editable):has(.seo_nav) nav,:is(.editor, .cke_editable):has(.seo_content) article { padding: 6vw 5vw;}:is(.editor, .cke_editable):has(.seo_nav) nav.seo_nav_leadway>h2 { letter-spacing: 2px;}.blog__content article .seo_btn { max-width: unset; width: 100%;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .alliances { max-width: 100%; padding: 60px 20px 40px}.alliances .col-md-3.col-sm-6 { width: 50%; float: left; padding: 0 5px}.RWDService001 i { padding: 0 20px; margin: 20px 0; min-height: 55px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 h2 { letter-spacing: 1px; font-size: 13px; margin: 0 0 15px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul { padding: 0; margin: 0 0 20px; flex-direction: column; flex-wrap: nowrap}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li { width: 82px !important; margin: 0 !important}.ftinner.top ul li { font-size: 14px;}/*220719新增--米洛影片*//*.video_block {width: 100%; padding-left: 10px; padding-right: 10px; max-width: none; padding-top: 0;}*/ .video_block { padding-top: 0;}.video_block .RWDvideo001.show { height: 53vw !important;}.video_block .RWDvideo001 .info .summary { bottom: 8%;}.video_block .RWDvideo001 .info .summary .video-title { font-size: 4vw;}.techbigvideo iframe { height: 225px;}/* 匯入SEO方案專用資源樣式*//* SEO文章RWD */:is(.editor, .cke_editable):has(.seo_content) article a.seo_tel { font-size: 32px; letter-spacing: 1px;}/* 20250418 */ .blog-swiper .blog-item { padding: 0 10px;} } /*480px end*/ /*450px start*/ @media (max-width: 450px) {.RWDvideo001 .info .summary .bnbox .ttl {font-size: 50px;}}@media (max-width: 400px) {.cases.content .item .itemin .txt ul li {font-size: 14px;}/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 60vw !important;}.video_block .RWDvideo001 .info .summary .video-title {font-size: 4.4vw;}.video_block .RWDvideo001 .btn2play, .RWDvideo001 .btn2pause {top: 42%;}/*方案*/#case3 .topimg img {object-position: -6px 0;}.casetag ul {width: 420px;}} /*450px end*/ /*380px start*/ @media (max-width: 380px){ .RWDservice011 .link_box { padding: 20px;}.RWDvideo001 .info .summary .bnbox .ttl{font-size:35px;letter-spacing:-2px}.RWDvideo001 .info .summary .bnbox .entxt{margin:15px 0 5px}.RWDvideo001 .info .summary .bnbox .decotxt{letter-spacing:1px;font-size:13px}.index h1.main-title,.RWDvideo005__head__h1,.RWDscore01 .score-maintitle,.RWDphoto004 .title-main{font-size:18px;letter-spacing:1px}.abuss .RWDvideo001 .video{height:90vh!important}.abuss div#m_RWDfullscreen01_67_1, .abuss .RWDvideo001 .video {height: 80vh!important;}.trendsbottom{font-size:14px;letter-spacing:1px}.RWDparallax_new .picbgbox{height:70vh!important}.parainner.right{margin-bottom:-20px}.RWDphoto004 .logo-main{padding:0 20px}.RWDphoto004 .xicon-item{width:calc(100%/2 - 30px)!important}.RWDphoto004 .xicon-logo{height:70px!important}.brandss{padding:60px 0 50px}.contop{padding:50px 20px;width:95%}.alliances .rwd_subject{width:225px;margin:0 auto 35px;padding:0 30px}.RWDService001:before{width:135%}.ftmenuinner ul li { width: 100%;}/*inner*/ .worksbn{height:110vw}.abuss.heart{padding:40px 0 0}.abuss.heart ul li h3 {font-size: 20px;}/*客戶作品*/ .worksbn.works{height:150vw}.works.worksbn .conwidth{max-width:calc(100% - 80px)}.works.worksbn h1{font-size:30px;margin:0 0 25px}.layoutlist_7 .litem {padding: 0 20px;}/*方案介紹*/ .case.worksbn .worksbntxt p br{display:block}.worksbn.case .worksbntxt{padding-top:30vw!important}.worksbn.case{height:155vw!important}.case.worksbn .worksbntxt hr{margin:15px 0}.cases.content{margin:0 auto;padding:30px 20px}.cases.content .item .itemin .txt ul li{font-size:13px}.abuss.worksbn h1{font-size:21px}.worksbn.abuss .worksbntxt{padding-top:35vw;text-align:justify}.worksbn{height:128vw}.conwidth{max-width:calc(100% - 50px)}.directorbox .lefttxt h2{font-size:18px}/*客戶作品*/ .worksbn.works{height:170vw}.worksvideo{margin-top:-25vw}.works.worksbn .conwidth {max-width: calc(100% - 60px);}/*方案介紹*/ .worksbn.case{height:125vw!important}.cases.content .item .itemin{padding:40px 0 0}.cases.content .item .itemin .img img{max-width:300%;width:300%}.cases.content .item .itemin .txt h2{font-size:20px;margin:0 0 5px}.cases.content .item .itemin .txt h2,.cases.content .item .itemin .txt p{padding-left:5vw;padding-right:5vw}.cases.content .item .itemin .txt ul{flex-direction:column}.cases.content .item .itemin .txt p{line-height:1.5;color:#ccc}.cases.choice h2,.cases.plus h2{font-size:20px}.cases.plus .conbtn a{padding:12px 0}@media (max-width: 370px){.RWDservice011 .link_box .mid_box,.RWDservice011 .link_area.num1 .link_box .mid_box{width:100%}.RWDservice011 .link_box .circle {bottom: auto;top: -350%;transform: translateY(-50%);right:0}.RWDvideo005 .small_box .circle:before{width:70px;height:70px;top:0;left:0}.RWDvideo005 .small_box .circle{width:70px;height:70px;transform:translate(-50%,-80%)}.index .abuss .RWDvideo001 .info .summary h2.sub-title{font-size:12px}.abuss .RWDvideo001 .info .summary h1.main-title{font-size:20px;letter-spacing:1px;margin-left:-70px}.abuss .RWDvideo001 .info .summary h1.main-title span{font-size:35px;margin-left:5px}.abuss .RWDvideo001 .info .summary h1.main-title em{margin-left:170px}.alliances { overflow: hidden!important;}/*inner*/ .abuss.heart {margin: -20vw auto 0;}.case.worksbn .worksbntxt ul li{width:100%}.worksbn.case{height:160vw!important}/*220614方案介紹改版*/ .casebox { padding: 0 0 60px 0;}.casewrapper { margin: -5vw 0 0; padding: 0 0;}.casetag { padding: 0 0;}.casebox .topimg, .topimg img { height: 75vw;}.casebox .bottomtxt { padding: 0 30px;}.casebox .topimg .txt { left: 30px; bottom: 30px;}.casebox .content { flex-direction: column;}.casebox .content .lefttxt,.casebox .content .righttxt { width: 100%;}.casebox .content .righttxt { padding: 0; border: 0;}.casebox .content .lefttxt { margin: 0 0 10px;}/*220614關於大河*/ .abuss.worksbn h1 { text-align: center; font-size: 19px;}.worksbn.abuss .worksbntxt p { font-size: 16px; text-align: center;}.circletxt ul li:nth-child(1), .circletxt ul li:nth-child(2), .circletxt ul li:nth-child(3) { width: 90vw; padding: 8vw; min-height: 90vw;}.abuss2box, .abuss2box .img3, .abuss2box .img3 img { height: 360vw;}.abuss2director .toparea .lefttxt h2 { font-size: 19px;}.abuss2director .bottomarea ul li:after { left: -4vw;}.abuss2box { margin: -48vw auto 0;}.circletxt { margin-top: 35vw;}.abuss2box .imgbox .img2 { bottom: -30vw;}.abuss2director { margin: 60vw 0 0;}/*220719新增--米洛影片*/ .video_block .RWDvideo001.show {height: 60vw !important;}.video_block .RWDvideo001 .info .btn2play .fa:after {top: calc(40% - 37px); left: calc(42% - 34px); width: 70px; height: 70px;}.video_block .RWDvideo001 .btn2play, .RWDvideo001 .btn2pause {top: 40%;}}@media (max-width: 350px){.alliances .col-md-3.col-sm-6 {float: none;}.alliances .col-md-3.col-sm-6{width:90%}.RWDService001 i{min-height:70px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 h2{letter-spacing:2px;font-size:15px}.alliances .col-md-3.col-sm-6 article.boxFeature-2 ul li{width:94px!important;font-size:15px}.bottom.ftinner ul li { width: 100%;margin: 0 0 15px;}.worksbn.case{height:180vw!important}}/* 匯入SEO方案專用資源樣式*//* SEO文章RWD */:is(.editor, .cke_editable):has(.seo_nav) nav>ul,:is(.editor, .cke_editable):has(.seo_nav) nav>ul a { font-size: 15px; line-height: 1.5;} } /*380px end*/ /*350px start*/ @media (max-width: 350px){/*220719新增--米洛影片*//*.video_block {width: 90%; margin-top: -2%;}*/ .video_block .RWDvideo001.show {height: 66vw !important;}.video_block .RWDvideo001 .info .summary .video-title {font-size: 4.9vw;}} /*350px end*/ /*320px start*/ @media (max-width: 320px){ .abuss div#m_RWDfullscreen01_67_1, .abuss .RWDvideo001 .video {height: 90vh!important;}.RWDmenu_plus04 .header {padding: 30px 15px 0;}a.ml-stack-nav-toggle {margin-left: 0;}.RWDservice011 .link_box .name {font-size: 30px;}.RWDscore01 .score-maintitle{font-size:16px}.RWDscore01 .score-subtitle{font-size:14px;width:100%}.RWDscore01 .count-item{flex-direction:column;padding:30px 0 0}.RWDscore01 .count-title{margin:50px 0 20px;text-align:center;width:80%}.RWDparallax_new .picbgbox{height:95vh!important} } /*320px end*/ /*800px start*/ @media (max-width: 800px) { /* 匯入SEO方案專用資源樣式*//* SEO目錄寬度 */:is(.editor, .cke_editable):has(.seo_nav) nav, :is(.editor, .cke_editable):has(.seo_content) article { padding: 5vw 5vw; } } /*800px end*/