/*共同*/a { color: #b6b6b6}a:focus,a:hover { text-decoration: none;}a:hover,a:focus { color: #fff}.fl img { width: 650px;}.scrollTop002 .ii { letter-spacing: 0;}/*cookie*/ .RWDalert_fancybox .btn.active { background: #32b138 !important; color: #fff !important; border-radius: 0 !important; border: 5px !important; font-size: 18px !important; letter-spacing: 2px !important; padding: 6px 30px !important;}.RWDalert_fancybox.bottom { width: 50%; animation: none; opacity: 1 !important; box-shadow: 0px -3px 3px rgb(51 51 102 / 20%); text-align: center; left: 50% !important; transform: translate(-50%, 0px); border-top-left-radius: 20px; border-top-right-radius: 20px; color: #fff !important; background: #000 !important; letter-spacing: 2px !important;}.RWDalert_fancybox .btn { color: #fff !important; border-radius: 0; padding: 6px 20px;}.RWDalert_fancybox.bottom .editor { font-size: 14px !important; letter-spacing: 2px !important;}.RWDalert_fancybox.bottom { padding: 25px !important;}.RWDalert_fancybox.bottom .editor a { color: #fff; border-bottom: 1px solid;}@media (max-width: 1400px) { .RWDalert_fancybox.bottom { width: 80%; }}@media (max-width: 991px) { .RWDalert_fancybox.bottom { width: 100%; padding: 25px 10px !important; left: 0% !important; transform: translate(0%, 0px); }}@media (max-width: 800px) {.RWDalert_fancybox.bottom { padding: 25px 50px !important;}}@media (max-width: 600px) { .RWDalert_fancybox.bottom { padding: 25px 60px !important; } .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; }}.RWDalert_fancybox.bottom,.RWDvideo007 { animation: none; opacity: 1 !important;}.RWDmobile_bottom_v2 { animation-name: fadeIn; animation-delay: 0s !important; animation-duration: .5s !important;}/* 反白顏色設定*/::selection { background: #333; color: #fff;}::-moz-selection { background: #333; color: #fff;}.template_panel_first { overflow: initial !important;}.to_btn a { display: block; text-align: center; margin-top: 80px; color: #555; transition: all .5s ease;}.to_btn a:hover { background: #333; color: #fff;}.RWDbtn01 .btn,.to_btn a { max-width: 300px; font-size: 1rem; border-radius: 0; padding: 12px 0; border: 1px solid #999; background: transparent;}.RWDbtn01 .btn:hover { color: #fff; background: #333; border: 1px solid #333;}.call_btn a:hover { background: #e83428;}.call_btn a { max-width: 300px; display: flex; align-items: center; justify-content: center; text-align: center; background: #3b65af; padding: 15px 0; font-size: 1rem; color: #fff; transition: all .5s ease;}.call_btn a:before { content: ""; position: relative; display: inline-block; width: 25px; height: 25px; background: url(archive/image/customization/btn_deco.png) no-repeat; background-size: contain; margin-right: 10px;}/*文字*/body,html,.wrapper_bg { font-size: clamp(15px, 1vw, 18px); line-height: 1.5; font-weight: 300; color: #555; letter-spacing: 1.5px; font-family: 'Noto Sans TC', sans-serif}.index .sub-title,.RWDvideo002 h2.sub-title { font-size: 1.33rem; line-height: 1.3; margin: 10px 0 0; letter-spacing: 2px; font-weight: 500; color: #555}.index .main-title { color: #333; font-size: 4rem; line-height: 1.3; font-weight: 700; letter-spacing: 2px; margin: 0;}.RWDnews005 h4,.news005_h4 { font-size: 1.2rem; font-weight: 500;}.index .section-line { display: none}.index .section-subject { margin-bottom: 80px}.ene_tit { font-size: 7.2vw; line-height: 1; font-family: 'Tenor Sans', sans-serif; color: #dde1e6; text-transform: uppercase; letter-spacing: 0;}.works_title .ene_tit { width: calc(23%*100/92 + 205px);}/*main*/ .index_sec { padding: 120px 0; position: relative;}/*logo*/ .RWDmenu_plus04 .logo { width: 230px; position: absolute; left: 50%; float: left; transform: translate(-50%, 0); top: 6px; z-index: 30; transition: all .5s ease;}.RWDmenu_plus04 .is-up .logo { width: 185px; top: 5px;}/*menu*/ .RWDmenu_plus04 .site-nav .menu { margin-left: -3px;}.RWDmenu_plus04 .container { max-width: 1500px;}.RWDmenu_plus04 .header-in { position: static;}.RWDmenu_plus04 .header { padding: 10px 50px; background: transparent; transition: all .5s ease; border-bottom: 1px solid rgb(0 0 0 / 10%);}.RWDmenu_plus04 li.share_article { margin-left: 270px; transition: all .5s ease;}.RWDmenu_plus04 .site-nav .menu>li>a { font-size: 1rem; padding: 25px 10px; text-align: center; cursor: pointer; color: #333; letter-spacing: 2px; font-weight: 400; min-width: 105px; transition: all .5s ease;}.RWDmenu_plus04 .site-nav .menu li .m_stitle { font-size: 14px; letter-spacing: 0px; line-height: 1.3; font-weight: 400;}.RWDmenu_plus04 .header:before { content: ""; position: absolute; width: 100%; height: 0; background: #fff; transition: all .3s ease; left: 0; bottom: 0;}.RWDmenu_plus04 .header.is-up:before { height: 100%; transition: all .3s ease; top: 0;}.RWDmenu_plus04 .is-up .site-nav .menu>li>a { color: #333;}.RWDmenu_plus04 .features .share-group.main_share { height: 74px; padding: 0; background: #8595a1; transition: all .5s ease;}.RWDmenu_plus04 .features .share-group a h8 { color: #fff; display: block; font-size: 26px; font-weight: 700;}.RWDmenu_plus04 .features .share-group span { font-size: 15px; color: #fff; letter-spacing: 1px; line-height: 1.3;}.RWDmenu_plus04 .features .share-group a { text-align: center; padding: 0 20px; height: 100%; display: flex; align-items: center;}.RWDmenu_plus04 .features { position: absolute; right: 0; z-index: 30;}.RWDmenu_plus04 .is-up .features .share-group.main_share { background: #3b65af; transition: all .5s ease;}.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: #3b65af;}.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,.RWDmenu_plus04 .site-nav .menu li.has-child:hover>a:after { border-color: #3b65af;}.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: #555;}.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: 600; background: #3b65af; color: #fff; transition: all .5s ease;}.RWDmenu_plus04 .site-nav .menu>li>ul { padding: 0;}.RWDmenu_plus04 .site-nav .menu>li>ul { width: 200px; margin-left: -100px; padding: 0;}.RWDmenu_plus04 .site-nav .menu ul li>a { padding-right: 10px; transition: all .5s ease;}.RWDmenu_plus04 .header.is-up { padding: 0;}.RWDmenu_plus04 .features .search-btn { float: left; margin-right: 15px;}.RWDmenu_plus04 .features .edit a b { color: #fff; display: block; font-size: 24px; font-weight: 700; letter-spacing: 0; font-family: 'Jost', sans-serif; margin-top: 3px;}.RWDmenu_plus04 .is-up .features .edit a { height: 78px; margin-top: -1px;}.RWDmenu_plus04 .features .edit a { font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; height: 98px; background: #3b65af; transition: all .5s ease; margin-top: -10px; padding: 0 20px; color: #fff;}/**/ .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container,.RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { z-index: 2;}.banner_block { position: relative;}.webtech_edit_mode .RWDbanner_plus01 { z-index: 0;}.video_left { padding: 0 30px; color: #eee; text-align: center;}.RWDvideo007 .RWDvideo007__iframe { height: max(3vw, 50px);}.video_left .model { animation: none; opacity: 1 !important;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon { width: 35px; height: 35px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon:after { border-width: 6px 0 6px 10px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon:before { background: #fff;}.banner_video { width: 22%; position: absolute; bottom: 0; right: 0; z-index: 30; display: grid; grid-template-columns: auto 30%; background: rgb(0 0 0 / 55%); align-items: center; backdrop-filter: blur(3px);}.RWDvideo007 .RWDvideo007__iframe .placeImg img { filter: brightness(0.8);}.video_left b { border-right: 1px solid #888; padding-right: 10px; margin-right: 10px; line-height: 1; font-weight: 600; color: #fff;}.RWDbanner_plus01 .slick-caption { top: 28%;}.RWDbanner_plus01 .slick-caption .container { width: 85%; position: relative;}.RWDbanner_plus01 .logo { position: absolute; right: 0; top: 15px; width: 3vw;}.RWDbanner_plus01 .slick-caption .txt4 span h8:last-child { border: 0; padding: 0; margin: 0;}.RWDbanner_plus01 .slick-caption .txt4 span h8 { border-right: 1px solid #bbb; padding-right: 30px; margin-right: 30px; line-height: 1.1;}.RWDbanner_plus01 .slick-caption .txt4 span { font-size: 1rem; color: #555;}.RWDbanner_plus01 .slick-caption .txt3 { margin-top: 80px;}.RWDbanner_plus01 .slick-caption .txt3 span { color: #333; font-size: 1.33rem; letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 5.5vw; line-height: 1; font-family: 'Tenor Sans', sans-serif; color: #3b65af;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 6rem; color: #333; font-weight: 900; line-height: 1.1;}/**/ .flipInY,.bounceIn { animation-name: fadeInUp;}/**/ .feature_block:before { z-index: 1;}.feature_block.index_sec { overflow: hidden; background: #edf0f5; padding-bottom: 250px; padding-top: 150px; height: 60vw;}.feature_top { width: 92%; margin: 0 0 0 auto; padding-left: 15px;}.index .feature_left .main-title { margin-bottom: 50px;}.RWDService002 { border-top: 1px solid #ccc; padding-bottom: 0;}.RWDService002 .row:before,.RWDService002 .row:after,.funny-boxes.not-right-column::before { display: none;}.feature_left { padding-left: 80px; margin-top: -3rem;}.feature_top img { width: 100%; height: 25vw; object-fit: cover; object-position: left bottom;}.feature_content { width: 92%; margin: -50px 0 0 auto; padding-right: 0; display: grid; grid-template-columns: 40% auto; padding-left: 15px;}.RWDService002 .col-md-4 { width: auto; padding: 0 15px 0 0; margin-right: 5px;}.RWDService002 .funny-boxes { display: grid; grid-template-columns: 70px auto; align-items: center;}.RWDService002 .funny-boxes>.funny-boxes-text>.funny-boxes-tit { font-size: 16px; letter-spacing: .5px; text-align: left; padding-bottom: 0;}.RWDService002 .container { width: 100%; padding: 0;}.RWDscore01 .score-blk { transform: scale(1.2);}.funny-boxes>.funny-boxes-text>p { display: none;}.RWDService002 .funny-boxes>.funny-boxes-icon { box-shadow: none; margin: 0; width: 65px;}.RWDService002 .funny-boxes.float-shadow>.funny-boxes-icon::before { display: none;}RWDscore01 { background: linear-gradient(45deg, #644bd1 25%, #8d53c4 75%); margin-top: 150px; padding: 0 50px;}.RWDscore01 .score-maintitle,.RWDscore01 .score-subtitle { display: none;}.RWDscore01 .trigger-wrap { display: none;}.RWDscore01 .count-num { font-size: 5rem; line-height: 1; font-weight: 700; letter-spacing: -2px; font-family: 'jost', sans-serif;}.RWDscore01 .count-item:nth-child(2) span.count-str,.RWDscore01 .count-item:nth-child(3) span.count-str { display: inline-block; margin-left: -10px;}.RWDscore01 .count-item:nth-child(2) .count-title,.RWDscore01 .count-item:nth-child(3) .count-title { padding-right: 1rem;}.RWDscore01 .count-title { font-size: 1rem; font-weight: 500; letter-spacing: 1px; margin-top: 0; line-height: 1.3;}.RWDscore01 .count-item { display: flex; flex-direction: column-reverse; text-align: center; color: #fff; width: 11vw; min-height: 10vw; margin: 0; padding: 0; justify-content: center;}.RWDscore01 .count-blk .swiper-slide:before { content: ""; position: absolute; width: 100%; height: 110%; background: url(archive/image/customization/score_deco2.png) no-repeat; background-size: contain; background-position: center; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%);}.RWDscore01 .count-blk { overflow: inherit;}.RWDscore01 .count-item span:nth-child(2) { font-size: 0;}span.count-str { font-size: 1rem; display: block;}.RWDscore01 .score-mainblk { min-height: auto;}.RWDscore01 .count-blk { padding-top: 0; max-width: 100%; margin: 0;}.RWDscore01 .score-content { padding-top: 0;}.RWDscore01 .count-blk .swiper-slide { width: 100% !important; justify-content: center; padding: 0; flex-wrap: wrap;}.RWDService002 .section-subject,.funny-boxes>.funny-boxes-text>.funny-boxes-tit:after { display: none;}.RWDscore01 .count-item:first-child { width: 100%;}.RWDService002 .row { margin: 0;}/**/ .steps_block:after { content: ""; position: absolute; width: 100%; height: 1.5vw; background: linear-gradient(to top, rgb(188 195 212 / 20%), transparent); left: 0; top: 0; transform: translate(0px, -100%);}.steps_top_w { height: 75.5%; position: absolute; top: 0; width: 100% !important; left: 0;}.steps_en { height: 76%; position: absolute; right: 0;}.steps_top_in { position: sticky; width: 100%; height: max(8vw, 120px); display: block; top: 0; margin-top: -8vw; z-index: 2; background: #fff;}.steps_en .model { position: sticky; top: 3vw; text-align: right; margin-top: -6rem; z-index: 4; height: 10rem; transform: translate(0px, 50%); overflow: hidden;}.steps_en .ene_tit { font-size: 7.7vw; transform: translate(3%, 0);}.steps_block:before,.feature_block:before { content: ""; position: absolute; width: 1px; height: 100%; background: rgb(0 0 0 / 8%); left: calc(8% + 15px); top: 0; z-index: 4;}.steps_block:before { height: 30%; background: rgb(0 0 0 / 5%);}.s015_imgblock:before { content: ""; position: absolute; width: 100%; height: 6vw; background: linear-gradient(187deg, #f6f6f6 15%, transparent); filter: blur(2px); right: 0; transform: translate(105%, -5%);}.steps_title .deco_tit,.feature_block .deco_tit { position: absolute; left: -110px; transform: translate(-100%, 0);}.steps_title { position: relative; z-index: 4; padding-left: 80px;}.steps_block.index_sec .container { width: 92%; margin: 0 0 0 auto; padding-right: 0;}.steps_block .RWDbtn01 { background: #fff; margin-top: 0; padding: 100px 0 120px; animation: none; opacity: 1 !important;}.s015_imgblock { width: 50%; top: max(8vw, 120px); margin-top: -30px; z-index: 1;}.s015_imgblock .s015_img picture { position: relative; width: 100%; height: 100%; display: block;}.s015_imgblock .s015_img,.s015_imgblock,.s015_pc_text .s015_textblock,.s015-swiper-pagination.swiper-pagination { height: 30vw;}.s015_pc_text { width: 50%; padding-left: 80px; margin: 0 0 0 auto; max-width: initial;}.s015_title { font-size: 2rem; color: #333; line-height: 1.3; margin-bottom: 10px; font-weight: 700; letter-spacing: 1px; overflow: initial; position: initial;}.s015_subtitle { font-size: 1.33rem; line-height: 1.3; font-weight: 700; -webkit-line-clamp: 2; color: #555; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px;}.s015_memo { color: #555; font-size: 1rem; line-height: 1.3; -webkit-line-clamp: 7; text-align: justify; letter-spacing: .5px;}.s015_memo br { display: none;}.s015_memo span:before { content: ""; position: relative; display: inline-block; width: 8px; height: 8px; background: #999; border-radius: 50%; margin-right: 10px; top: 7px;}.s015_memo span { display: grid; grid-template-columns: 15px auto; margin-bottom: 15px;}.s015_more { margin-left: 150px; background: transparent; border-radius: 99em; width: 100%; max-width: 220px; text-align: center; border: 2px solid #c28e4e; color: #a07136; font-size: 1rem; transition: all .5s ease;}.s015_more:hover,.service_notice a:hover { background: #3b65af; border-color: #3b65af; color: #fff;}.RWDservice015 .center { flex-wrap: wrap; max-width: 70%; margin: 0;}.RWDservice015 .rwd_subject { display: none;}.s015-swiper-pagination.swiper-pagination { align-content: center; width: 60%; height: 30px; top: 80%; z-index: 0; margin-left: 1px;}.RWDservice015 .swiper-pagination-bullet { width: 100px; margin-bottom: 0;}.RWDservice015 .swiper-pagination-bullet { font-family: 'Jost', sans-serif; line-height: 1; width: 80px; height: 30px; margin: 0 10px 0 0; border-radius: 0; border: 2px solid #ddd; background: transparent; color: #999; opacity: 1; display: flex; align-items: center; justify-content: center;}.RWDservice015 .swiper-pagination-bullet.swiper-pagination-bullet-active,.RWDservice015 .swiper-pagination-bullet:hover { opacity: 1; background: #fff; color: #3b65af; border-color: #3b65af; border-width: 2px;}.RWDservice015 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { margin-right: 2px; border-style: none; border-width: 0; width: 8px; height: 8px; background: #3b65af; top: 0px; border-radius: 50%;}.RWDservice015 .swiper-pagination-bullet::before { content: ""; position: relative; display: inline-block; top: 0; width: 8px; height: 8px; margin-right: -8px; border-style: solid; border-width: 0; border-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease;}.RWDservice015 .swiper-pagination-bullet::after { display: none;}.s015_textblock { padding-left: 130px; color: #333; padding-right: 80px;}.s015_title h8 { display: flex; width: 100px; height: 100px; background: #3b65af; border-radius: 50%; color: #fff; justify-content: center; align-items: center; font-size: 22px; font-family: 'jost', sans-serif; font-weight: 400; position: absolute; left: 0; right: 0; letter-spacing: 0;}.s015_pc_text .s015_textblock:before { content: ""; position: absolute; width: 1px; height: 100%; background: #999; left: 50px; top: 40%;}.s015_pc_text .s015_textblock:last-child:before { display: none;}.steps_bg { width: 92%; height: 83%; position: absolute; right: 0; padding-left: 15px;}.steps_bg_sticky { position: sticky; background: #f6f6f6; top: 8vw; width: 100%; height: 30vw; display: block;}.steps_block.index_sec { padding-bottom: 0; padding-top: 180px;}.steps_bg:after { content: ""; position: sticky; width: 45%; height: 30vw; background: url(archive/image/customization/curve_deco.png) no-repeat; background-size: cover; background-position: left; right: 0; z-index: 3; top: 8vw; display: block; margin-top: -30vw; margin-left: auto; margin-right: 0;}/**/ .works_block { background: #fff;}.works_block.index_sec .container { width: 100%; padding: 0;}.works_block.index_sec .container:before { display: none;}.works_left .RWDparallax_new { opacity: .8; filter: brightness(.8);}.works_block.index_sec .container { width: 100%; padding: 0; display: grid; grid-template-columns: 8% 23% auto; border-top: 1px solid #ccc;}.works_left,.RWDparallax_new,.RWDparallax_new .picbgbox { height: 100vh !important;}.RWDproduct002_v3 .portfolio-item { width: calc(50% - 1px); padding: 0 40px !important; margin-bottom: 80px;}.RWDproduct002_v3 .row { margin-left: 0; margin-right: 0; background: #f6f6f6; padding: 0 150px;}.RWDproduct002_v3 .section-subject.row { display: none;}.RWDproduct002_v3 { padding: 0 0 0 calc(23%*100/92);}.RWDproduct002_v3 .filter-portfolio ul { margin-bottom: 80px; text-align: left;}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 { color: #333;}.RWDproduct002_v3 .section-subject.row .col-md-12,.RWDproduct002_v3 .row:nth-child(2) .col-md-12 { padding: 0 55px;}.RWDproduct002_v3 .showbottom a { text-align: left;}.RWDproduct002_v3 .portfolio-bottom { margin-top: 20px;}.RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { font-size: 1.33rem; font-weight: 500; color: #333; margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.RWDproduct002_v3 .showbottom .portfolio-bottom__p { margin-bottom: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}.RWDproduct002_v3 .active .btn.btn-rj { background-color: transparent; color: #333; opacity: 1; font-weight: 600; border-top: 3px solid #333;}.RWDproduct002_v3 .btn.btn-rj { font-size: 1rem; background: transparent; padding: 15px; border-radius: 0; font-weight: 500; color: #888; transition: all .5s ease;}.RWDproduct002_v3 .portfolio-bottom-summary { height: auto !important;}.RWDproduct002_v3 .filter-portfolio ul>li { margin: 0 30px 0 0;}.works_left { position: sticky; top: 74px; grid-row: 1; grid-column: 1/3; background: #595a53;}.works_right { grid-column: 2/4; grid-row: 1;}.RWDparallax_new .picbgbox { background-position: top center !important;}.works_title .section-subject { display: flex; align-items: center; padding: 100px 0; border-bottom: 1px solid rgb(255 255 255 / 50%); margin: 0 !important;}.deco_tit img { max-width: 32px;}.works_title .deco_tit { position: absolute; right: 205px;}/*about*/ .logo_title .vis_ph { display: none;}.about_block .container:before { display: none;}.about_block .container { width: 85%; margin: 0 0 0 auto; padding-right: 0;}.about_block .model { display: grid; grid-template-columns: 15% auto 30%; align-items: flex-end;}.company_tit { display: grid; grid-template-columns: 100px auto; aspect-ratio: 1/2.2;}.ab_sub_t { font-size: 1.66rem; color: #333; font-weight: 700; margin-bottom: 10px; letter-spacing: 1px;}.index_ab_in { opacity: 0;}.index_ab_in.no01 { padding-top: 50px; border-top: 1px solid #999; margin-bottom: 80px;}.animated .index_ab_in.no01 { animation-delay: .5s;}.animated .index_ab_in { animation: 1500ms ease normal forwards 1 fadeInUp; animation-delay: .7s;}.animated .index_ab_pic { animation: 1500ms ease normal forwards 1 fadeInUp; animation-delay: .9s;}.logo_title img { width: 90%; margin-bottom: 15px;}.about_block.index_sec { padding-bottom: 10vw;}.index_ab_txt { padding: 0 5vw 0 15vw; text-align: justify;}.index_ab_pic { aspect-ratio: 1/1; opacity: 0;}.index_ab_pic img { width: 100%;}.about_block:before { content: ""; position: absolute; width: 27vw; height: 27vw; background: url(archive/image/customization/ab_deco01.png) no-repeat; background-size: cover; bottom: 0; transform: translate(0px, 10%); opacity: .5;}.logo_title p { writing-mode: vertical-rl; font-size: 1.33rem; margin: 0 0 0 20px; letter-spacing: 3px;}.logo_title { display: flex; align-items: flex-end;}/**/ .contact_block { position: relative;}.contact_block .RWDparallax_new { position: absolute; width: 100%; height: 100% !important; top: 0;}.contact_txt { position: relative; z-index: 1; padding: 8vw 0; width: 70%; margin: 0 auto;}.contact_block .RWDparallax_new .picbgbox { height: 100% !important;}.index .contact_txt .main-title { color: #fff;}.index .contact_txt .sub-title { color: #eee;} /*footer start*/ .footer_block { background: #333; color: #eee; padding: 150px 0 0; margin: 0; border-top: 0;}.footer_block .container { width: 80%; display: grid; grid-template-columns: 70% auto;}.ft_left { border-right: 1px solid #555; padding-right: 100px;}.ft_left .model { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 15px;}.ft_logo .co-company b { padding-right: 15px; color: #fff;}.ft_logo .ft_com { font-size: 1.66rem; font-weight: 600; color: #fff; margin-bottom: 15px;}.ft_logo .co-company a:last-child { border: 0; margin: 0; padding: 0;}.factory_btn { grid-column: 1/3; text-align: right;}.factory_btn a:before { content: ">"; display: inline-block; margin-right: 10px; transform: scaleY(1.5);}.factory_btn a { border-bottom: 1px solid #999; color: #b6b6b6; padding: 0 5px 5px; transition: all .5s ease;}.ft_logo .co-company a { transition: all .5s ease; border-right: 1px solid #666; padding-right: 15px; margin-right: 15px;}.ft_left dt { margin-bottom: 15px; border-bottom: 1px solid #555; padding-bottom: 15px; font-size: 1.2rem;}.ft_left dd { margin-bottom: 10px;}.ft_left dd a { color: #eee;}.ft_logo { grid-column: 1/3; margin-bottom: 80px;}.ft_menu { padding-left: 100px;}.ft_menu .RWDedictor a { margin-right: 15px; color: #eee; font-weight: 400;}.RWDsocial002 .pull-right { float: none !important;}.RWDsocial002 ul.socialNetwork li { float: none; display: inline-block;}.RWDsocial002 .iconRounded { position: relative; border: 1px solid #666; background-color: transparent; width: 50px; height: 50px; margin-right: 15px; font-size: 22px; transition: all .5s ease; display: flex; align-items: center; justify-content: center;}.ft_socail h3 { margin: 0 0 15px;}.ft_socail { margin-bottom: 30px;}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover { background-color: transparent;}.ft_other { background: #111; display: flex; align-items: center; justify-content: center; font-size: 13px; padding: 15px 0; margin-top: 100px; color: #888; flex-wrap: wrap;}.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #888;}.RWDssl01 { padding: 0 15px;}.scrollTop002 { bottom: 60px; right: 12px;}.scrollTop002 .txt { letter-spacing: 0px;} .RWDmobile_bottom_v2 { display: block;}.fixed_btn.active { opacity: 1; pointer-events: all; display: block;}.fixed_btn { position: fixed; bottom: 150px; right: 0; z-index: 222; opacity: 0; pointer-events: none; transition: all .5s ease; display: none;}ul.mobile_bottom__ul { list-style-type: none; padding: 0; margin: 0;}li.mobile_bottom__li img { width: 50px;}li.mobile_bottom__li a { padding: 5px; background: #eee; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; margin-top: -1px;}li.mobile_bottom__li:last-child { display: none;} /*footer end*/ /*內頁 start*/ /* 匯入內頁版面寬度80%*//*a連結*/a { text-decoration: none;}.page_wrapper_bg section.call_to_action a,.page_wrapper_bg section.call_to_action a:hover,.page_wrapper_bg section.call_to_action a:focus,.page_wrapper_bg section.call_to_action .btn,.page_wrapper_bg section.call_to_action .btn:hover,.layoutlist_3 .dbtn_v2,.layoutlist_3 .dbtn_v2:hover { text-decoration: none; transition: .5s;}.row { margin-right: 0px; margin-left: 0px;}.boxname { margin: 0 10px;}:root { --btn-main-color: #444; --btn-main-hover-color: #111; --btn-sub-color: #999; --btn-sub-hover-color: #111; --p_txt-color: #555; --tit_txt-color: #333;}/*230531範本預設按鈕改色導圓角統一5px*/ ._bd_btn._bd_btn-primary:hover { color: #fff; background-color: var(--btn-main-hover-color); border-color: var(--btn-main-hover-color)}._bd_btn._bd_btn-primary { background: var(--btn-main-color); border-radius: 5px !important}._bd_btn._bd_btn-default { background: 0 0; border: 1px solid var(--btn-sub-color); color: var(--btn-sub-color); border-radius: 5px !important}._bd_btn._bd_btn-default:hover { color: #fff; background-color: var(--btn-sub-hover-color); border-color: var(--btn-sub-hover-color)}._bd_row a { color: #333}/*221226最小字級修正*/ .login_box_body .control-label,#btn_forget_form,#btn_reverify_form,.link-style,.member_join,.btn-primary,#forget_table .th,#join_form,.RWDquiry,.RWDshopping,.RWDproduct_page .control-box .control-label,.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .txt .title,#mobile-fixed input,#mobile-fixed select,#mobile-fixed select.form-control:not([size]):not([multiple]),#plusbuy_mobile-fixed input,#plusbuy_mobile-fixed select,#plusbuy_mobile-fixed select:not([size]):not([multiple]),.RWDproduct_page input,.RWDproduct_page select,.RWDproduct_page select.form-control:not([size]):not([multiple]),.RWDproduct_page .btn,.RWDproduct_page .ibtn,.shopping-item-box .item-btn,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping select,.RWDshopping select.form-control:not([size]):not([multiple]),.bonus-box .form-group .btn,.voucher-box .form-group .btn,.form-control,.layoutlist_8 .listdate .yearmonth,select,textarea,.video_item_summary,.download .search-go,.layoutlist_2 .listdate .yearmonth,.layoutlist_2 .list_subject .subsubject,.layoutlist_4 .listdate .yearmonth,.layoutlist_5 .list_subject a,.rwdlayoutlist_9 .summary,.rwdlayoutlist_9 .cdate,.RWDsearch01 .search-nav-btn,.count_info,.layoutlist_5 .item .summary,.list-btn_mobile,.list-btn,.buybtn,.layoutlist_3 .dbtn_v2,#mobile-fixed .btn,#plusbuy_mobile-fixed .btn,#mobile-fixed .stock,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,.sum-box .total .td:last-child small,.delivery-editor ul,.goadd-box,.info-editor ul,.plus-fixed .name a,.plus-list .name a,.shopping-item .name,.shopping-step .name,.RWDshopping,.RWDshopping .btn,.bonus-box .form-group .btn,.delivery-editor,.goadd-box .goadd,.info-editor,.login-box a,.login-box a:hover,.plus-list .addcart,.plus-list .price-box,.shopping-item .tag,.shopping-title .freight,.shops-box .shops,.voucher-box .btn.vouchers,.voucher-box .form-group .btn,.login_box_footer a.shopping_view,.shopping_viewlogin__member,.RWDproduct_page .download_container .btn,.RWDsearch_page .list-img .name,.RWDmenu_plus04 .cart-block .name,.RWDmenu_plus04 .querycar-block .name,.RWDmenu_plus04 .cart-block .spe-box,.RWDmenu_plus04 .querycar-block .spe-box,.RWDtimeline02 .timeline2_list .block .text,.shopping_viewlogin__intro { font-size: 1rem !important; letter-spacing: 0 !important; line-height: 1.5;}.layoutlist_4 .buybtn { padding: 10px 0;}.list-btn { padding: 10px 0; margin: 20px 0 0;}.layoutlist_5 .product_list_item .subject { margin: 10px 0 0;}.layoutlist_5 .item .buybtn { width: 100%; padding: 5px 0;}input#top_search_searchkey { font-size: 20px !important; letter-spacing: 1px !important;}.cd-search.full .ibtn,.RWDmenu_plus04 #search-box.full .ibtn { font-size: 20px;}.RWDmenu_plus04 .member-block .form-area .group { flex-wrap: nowrap;}.login_box_footer a.member_join { display: flex; justify-content: center; align-items: center;}input#search_box_text { font-size: 20px !important;}/*購物流程圈圈改色*/@keyframes num-bg { 0% { background: #666; -webkit-transform: scale(.5); transform: scale(.5) } 100% { background: #666; -webkit-transform: scale(1); transform: scale(1) }}/*main*/ .page_wrapper_bg section.call_to_action { padding: 100px 0; min-height: 35vw; position: relative;}.page_wrapper_bg section.call_to_action>.container { padding: 0 15px; width: 80%;}.page_wrapper_bg .article-text .container { width: 100%; padding: 0;}.hgroup { position: absolute; top: -80px; transform: translate(0px, -100%); width: 100%; left: 0;}.hgroup .container { width: 100%; margin: 0 0 5rem; border-bottom: none; padding: 0;}.hgroup .breadcrumb { font-size: 14px; background-color: transparent; border: none; position: relative; float: none !important; bottom: 0; padding: 0; margin-bottom: 30px;}.page_subject { width: 100%; display: flex; flex-direction: column-reverse; align-items: center; padding: 0 !important;}.breadcrumb>li+li:before { content: "－"; opacity: .7;}.hgroup .breadcrumb a { color: #ddd; font-weight: 600;}/*搜尋*/ .RWDsearch_page .search-list { margin-bottom: 40px !important;}.RWDsearch_page .list-img .name { height: auto;}/*文字統一設定*/ .page_wrapper_bg .hgroup .pageTitle { color: #fff; font-size: 4rem; line-height: 1.3; font-weight: 700; letter-spacing: 2px; margin: 0;}.page_wrapper_bg .article-text h2 { font-size: 2.66rem; line-height: 1.3;font-weight: 700; letter-spacing: 2px;color: #333;}.page_wrapper_bg .article-text h3 { letter-spacing: 2px; line-height: 1.5; font-weight: 700; font-size: 2rem !important; margin: 0 0 15px;color: #333;}.page_wrapper_bg .article-text h4 { font-size: 18px; line-height: 1.5; letter-spacing: 1.5px; margin: 15px 0 10px; font-weight: 600;color: #333;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav { font-size: 1rem; line-height: 1.5; letter-spacing: 1.5px; color: #555; font-weight: 400; font-family: 'Noto Sans TC', sans-serif;}._bd_row h1, ._bd_row h2, ._bd_row h3, ._bd_row h4, ._bd_row h5, ._bd_row h6, #mobile-fixed, #plusbuy_mobile-fixed, .RWDproduct_page {font-weight: 400;font-family: 'Noto Sans TC', sans-serif;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td { font-size: 1rem;line-height: 1.5; font-weight: 400;color: #555;}._bd_row li {margin-bottom: 10px;}._bd_row ol, .products-info .txt .editor ol, .RWDproduct_page .products-editor ol, .description ol { padding-left: 22px;}._bd_row ul, .products-info .txt .editor ul, .RWDproduct_page .products-editor ul, .description ul{ margin-bottom: 15px;padding-left: 22px;}._bd_row hr { border: none; border-top: 1px solid #ddd; margin: 50px 0!important;}.editor a:focus, .editor a:hover, ._bd_row a:focus, ._bd_row a:hover, .formdesc a:focus, .formdesc a:hover {color: #888;}._bd_column._bd_full {padding: 0; float: none;}.pagecontent .article_model[data-seq="0"] {margin-top: 10px !important;}._bd_row p {margin: 0 0 10px;}._bd_row a {color: #333;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none; border-radius: 5px !important;}/*重新填寫*/ .refill_btn { display: none;}/*回上一頁按鈕*/ .btn { font-size: 16px;}#article .btn.btn_back a,#album .btn.btn_back a { padding: 18px 15px; display: block;}.btn.btn_back { margin-right: 0; float: right; background: transparent !important; padding: 0; box-shadow: none; margin-top: 60px;}.btn.btn_back a { min-width: 250px; padding: 18px 15px; background: transparent; color: var(--btn-main-color); transition: all 0.2s ease; border: 1px solid var(--btn-main-color); line-height: 1}.btn.btn_back a:hover { border: 1px solid var(--btn-main-hover-color); color: #fff !important; background: var(--btn-main-hover-color);}/*確定送出*/ .ebtn { padding: 0; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: right; margin-right: 0;}.ebtn a { display: block; text-align: center; min-width: 250px; line-height: 1.5; padding: 13px 30px !important; margin-top: 20px; color: #fff !important; background: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: all .2s ease; border-radius: 0}.ebtn a:hover { background: var(--btn-sub-hover-color); color: #fff !important; border-color: var(--btn-main-hover-color); transition: all .2s ease;}.new-form .new-width .currectsend_btn a { color: var(--btn-main-color) !important; background: 0 0}.new-form .new-width .currectsend_btn a:hover { color: #fff !important; background: var(--btn-main-hover-color)}/*購物車按鈕*/ .RWDshopping .btn.bg1 { background: transparent; color: #444; border: 1px solid #444; border-radius: 0;}.RWDshopping .btn.bg1:hover { border-radius: 0; transition: all 0.3s ease; border: 1px solid #000; color: #fff !important; background: #000;}.layoutlist_4 .showY br { display: none;}.RWDshopping .btn.normal { max-width: initial;}.page_wrapper_bg.lang_en .voucher-box .form-group .btn { width: auto;}.RWDshopping .btn.bg2 { border-radius: 0 !important; transition: all 0.3s ease; border: 1px solid #444 !important; color: #fff !important; background: #444 !important;}.RWDshopping .btn.bg2:hover { background: #000 !important; color: #fff !important; border: 1px solid #000 !important;}.RWDshopping .btn.bg2 i { transition: none;}.RWDshopping .btn.bg3 { background: transparent; color: #444; border: 1px solid #444; border-radius: 0;}.RWDshopping .btn.bg3:hover { border-radius: 0; transition: all 0.3s ease; border: 1px solid #000; color: #fff !important; background: #000;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal { max-width: initial;}/*購物車v3按鈕*/ .RWDshopping_v3 .cartform-submit,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn,.payhint-modal .btn-row .gray33radius-btn { background: var(--btn-main-color)}.RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,.RWDshopping_v3 .cartform-submit:hover,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links:hover,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover,.payhint-modal .btn-row .gray33radius-btn:hover { background: var(--btn-main-hover-color)}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn { color: var(--btn-main-color); border-color: var(--btn-main-color); background: 0 0}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover { background: var(--btn-sub-hover-color); color: #fff}/*會員按鈕*/#join_form .btn { padding: 6px 12px; border-radius: 0;}#join_form .btn-link:hover { text-decoration: none;}.memberlist .col-sm-9.col-md-9 .btn.btn-primary a,.memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover { color: #fff !important;}#btn_member_login { float: none; background: #444; color: #fff; border: 1px solid #444; padding: 6px 12px;}#btn_member_login:hover { background: #000; color: #fff !important; border: 1px solid #000;}#join_form .btn-primary { min-width: 180px; float: none; background: var(--btn-main-color); color: #fff; border: 1px solid var(--btn-main-color);}#join_form .btn-primary:hover,.shopping_viewlogin__submit:hover { background: var(--btn-main-hover-color) !important; color: #fff !important; border: 1px solid var(--btn-main-hover-color);}.webbtn { background: var(--btn-main-color)}.webbtn:hover { background: var(--btn-main-hover-color)}.btn-primary,.shopping_viewlogin__submit { background-color: var(--btn-main-color); border: 1px solid var(--btn-main-color); border-radius: 0 !important; float: right; margin-right: 0px; font-size: 14px; box-shadow: none;}.btn-primary a { color: #fff; font-size: 1rem;}.btn.btn-primary:focus a,.btn.btn-primary:hover a,.btn.btn-primary:active a { color: #fff !important;}.btn-primary:hover { transition: all 0.3s ease; color: #fff; background-color: #000; border-color: #000;}.btn-primary:active:hover,.btn-primary:active:focus { background-color: #000; border: 1px solid #000;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary { color: #fff !important; background-color: #000; border-color: #000; outline: none;}/*詢問車按鈕*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover { transition: .5s;}/*忘記密碼 ＆重發認證信*/#div_forget_area * { border-radius: 0 !important;}/*註冊*/ .join_form_btns { text-align: right;}/*文章列表*/ .RWDslider01 .products-list .products-item .box { display: flex; align-items: center;}.RWDslider01.pic-right .products-list .products-item .box { flex-direction: row-reverse;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 { margin-top: 60px !important;}/*文章列表-2*/#article .layoutlist_2 .list_subject a { font-size: 16px !important; font-weight: bold; margin: 0px 0px 20px !important; display: block; line-height: 1.5 !important;}.subsubject { font-size: 14px; font-weight: 400; line-height: 1.5;}.layoutlist_2 .listdate .yearmonth,.layoutlist_4 .listdate .yearmonth { padding-bottom: 0;}.layoutlist_2 .item { width: 100%;}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}/*文章列表-3*/ .layoutlist_3.fn_article3 .list_subject a { font-size: 16px !important; font-weight: bold; margin: 0px 0px 20px !important; display: block; line-height: 2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a { font-size: 14px !important; font-weight: 400; line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item { display: flex; align-items: stretch; border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a { font-size: 17px !important; font-weight: 700; margin: 0 0 10px !important; display: block; line-height: 1.5 !important}#article .layoutlist_4 .list_subject .summary a { font-size: 16px !important; font-weight: 400; line-height: 1.5 !important}#article .layoutlist_4 .listdate { padding: 0 10px; width: 90px; border-left: 1px solid #eee}#article .layoutlist_4 .listdate .day { font-size: 25px}#article .layoutlist_4 .listdate .yearmonth { letter-spacing: 1px; padding: 0}#article .layoutlist_4 .item .list_img { padding-left: 0}#article .layoutlist_4 .list_subject { width: calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list { height: auto;}/*文章列表-7*/#article .layoutlist_7 .subject,.article7 .layoutlist_7 .subject a { margin-top: 15px !important; margin-bottom: 10px !important;}#article .layoutlist_7 .cdate,.article7 .layoutlist_7 .cdate a { font-size: 12px;}#article .layoutlist_7 .summary,.article7 .layoutlist_7 .summary a { font-size: 16px !important; font-weight: 300; line-height: 1.5 !important;}.layoutlist_7 .subject,.layoutlist_7 .subject a { font-size: 18px !important; font-weight: 500;}.layoutlist_7>.row:before,.layoutlist_7>.row:after { display: none;}/*文章列表-8*/ .layoutlist_8 .list_subject { padding-left: 4rem;}.layoutlist_8 .article_subject { font-weight: 500; font-size: 1.3rem; line-height: 1.5; display: block}.layoutlist_8 .list_subject .summary { margin: 10px 0;}.layoutlist_8 .list_subject .summary a { font-size: 16px; font-weight: 400; line-height: 1.5; color: #000}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li ul,.RWDproduct_page .tab-box .tab-container>ul>li ol { padding-left: 22px;}.RWDproduct_page .tab-box .tab-menu li.active a { color: #121212; border: transparent; background: transparent; font-weight: 500; letter-spacing: 1px; font-size: 17px}.RWDproduct_page .tab-box .tab-container { border: 1px solid #eee}.RWDproduct_page .tab-box .tab-menu li:last-child a:after { opacity: 0}.RWDproduct_page .tab-box .tab-menu a:after { content: ""; background: #ccc; position: absolute; width: 1px; height: 15px; right: 0; top: 50%; transform: translateY(-50%)}.RWDproduct_page .tab-box .tab-container>ul>li ol>li:last-child { margin: 0}.RWDproduct_page .tab-box .tab-container>ul>li ol>li { margin: 0 0 15px}#mobile-fixed,.RWDproduct_page { color: #444}.RWDproduct_page .tab-box .tab-container>ul>li { padding: 50px; line-height: 2; font-size: 15px}.RWDproduct_page .tab-box .tab-menu li.active a:before { display: none}.RWDproduct_page .tab,.RWDproduct_page .tab:last-child { display: flex}.RWDproduct_page .tab-box .tab-menu a { margin: 0 5px 0 0; padding: 15px 30px; height: auto; font-size: 17px; background: transparent; border: 0; position: relative}.productcontent .tabs nav ul { margin: 0 !important;}/*文章頁籤*/ .tabs nav a { padding: 15px 20px !important; height: auto !important}.tabs nav ul li:first-child { border: 0; box-shadow: none;}.tabs nav li:last-child:before { opacity: 0}.tabs nav li.tab-current a::before,.tabs nav li.tab-current a::after,.tabs nav li.tab-current:after { display: none}.tabs nav ul li { border: 0}.tabs nav a { border-radius: 0; font-weight: 400; letter-spacing: 1px; background: transparent !important; border: 0 !important; font-size: 16px !important}.tabs nav ul li:before { content: ""; background: #ccc; width: 1px; height: 15px; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}.tabs nav li.tab-current:before { width: 1px; right: 0; background: #ccc; bottom: auto; top: 50%; transform: translateY(-50%); height: 15px}.tabs .content { border: 1px solid #eee; padding: 50px !important; font-weight: 400; line-height: 1.8; font-size: 15px; letter-spacing: 1px; margin: -10px 0 0; background: #fff}.tabs nav li.tab-current a { background: transparent; color: #000 !important; border: 0; font-weight: 500 !important}.tabs nav ul { margin: 0 0 10px !important}.tabs nav li.tab-current { border: transparent; box-shadow: none; border-bottom: none; z-index: 100;}/*----------240205智慧製成頁籤改全站樣式---------------------*/ .tab_row {margin-top: 50px;} .tabs .content { padding: 150px 80px 100px 80px !important; background: #f6f6f6; border: 0; border-top: 1px solid #eee; }.tabs nav a::before{display: none;}#product_tabs nav { z-index: 22; position: relative; text-align: center; margin-bottom: -75px; }.tabs nav ul li { margin: 0 50px; }.tabs nav ul { margin: 0 !important; }.tabs { overflow: initial; }.tabs nav ul li:before,.tabs nav li.tab-current:before { content: ""; background: #ccc; width: 10px; height: 15px; position: absolute; right: -50px; top: 50%; transform: translate(100%, -50%); clip-path: polygon(0 0, 0% 100%, 100% 50%); }.tabs nav li a h8 { display: block; font-family: 'jost', sans-serif; font-size: 1.33rem; }.tabs nav li a { height: 150px !important; width: 150px; background: #fff !important; display: flex; color: #3b65af !important; align-items: center; border-radius: 50%; text-align: center; justify-content: center; border: 2px solid #3b65af !important; font-size: 1rem !important; font-weight: 600; }.tabs nav li.tab-current a { background: #3b65af !important; transform: scale(1.2); color: #fff !important; }.tabs {overflow: initial !important;}/*相簿列表*/ .layoutlist_2 .album_item { height: auto !important;}/*相簿上下方說明*/#album .page_desc { margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 { margin: 50px 0 0;}/*修正相簿a連結顏色*/ .photo_view .flex-direction-nav a { color: transparent !important;}.album_item a:hover { color: #313131;}/*相簿-1*/#album .layoutlist_1 .album_item_subject { padding: 20px 0px; font-size: 18px;}#album .page_content2 .dis .dis_li .text { font-size: 16px; line-height: 1.8; letter-spacing: 0; color: #000; font-weight: 400; margin: 0 0 30px}/*相簿-2*/#album .layoutlist_2 .album_item_subject { padding: 20px 0px; font-size: 18px;}/*Q&A*/ .rwd .faq_question { font-size: 16px; letter-spacing: 2px;}.rwd .faq_answer { font-size: 15px; letter-spacing: 2px; line-height: 1.8;}/*影片*/ .video_item_subject { font-size: 1rem; letter-spacing: 0; font-weight: 500; color: #000}.video_item a.videolink:hover { color: #000;}/*檔案下載*/ .download .search_input { background: transparent;}.no-touch .layoutlist_5 .dbtn_v2:hover { background: #333; border-color: #333; color: #fff;}.layoutlist_5 .dbtn_v2 { display: inline-block; margin: 15px 0 0; padding: 6px 0.8em; font-size: 14px; line-height: 1.2; color: #333; border: 1px solid #b7b7b7; border-radius: 2px; background: #fff; text-decoration: none; cursor: pointer;}.layoutlist_5 .download_subject { line-height: 1.4;}.layoutlist_5 .summary { margin: 8px 0 0; font-size: 13px; line-height: 1.4; color: #818181;}.dd-selected { font-size: 15px; letter-spacing: 0;}.download_container .btn { font-size: 16px; background: var(--btn-main-color); color: #fff; border-radius: 0; padding: 6px 3rem}.download_container .btn:hover { background: var(--btn-sub-color)}.file_area label.dd-option-text { margin: 0; font-weight: 400; display: block;}#file_dlist a.dd-option { padding: 12px;}/*檔案下載a連結修正*/ .page_wrapper_bg .dd-select a:hover { color: #313131;}.download .search-go { line-height: 2; transition: .5s;}.download .search-go:hover { background: #000; color: #fff; transition: .5s;}/*產品A*/ .page_content1 #productbx_bg { background: #efefef; -moz-opacity: 1; opacity: 1;}.page_content1 .dd-selected { letter-spacing: 1px; padding: 0 40px 0 10px;}.product_desc_content { color: #333; letter-spacing: 1px; line-height: 30px;}.page_content1 #prod_price { margin-top: 0;}.page_content3_mainphoto .swiper-slide img { width: 100%;}#prod_price .money { font-size: 20px; font-weight: bold;}#member_org_price,div#prod_fixprice,.pagecontent.menu5 .page_content1 #prod_price,.pagecontent.menu8 .page_content1 #prod_price { margin: 0;}._shopping_info>div { display: flex; align-items: flex-end; letter-spacing: 0;}div#prod_price { margin-left: 15px !important;}.productcontent .page_content1 .info { text-align: center; margin: 30px 0 0;}.productcontent .page_content1 .product_desc_subject { text-align: center;}.page_content1 ._shopping_info>div { justify-content: center;}.page_content1 .spec-scroll .items ul li:hover { border: 1px solid #333;}#product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4),#product>div.page_content1>div.product_top.row>div:nth-child(3) { display: flex; justify-content: center; margin: 0 0 10px; flex-wrap: wrap;}#product>div.page_content1>div.product_top.row>div:nth-child(3) { gap: 0 10px; margin: 30px 0 0;}.page_content1 #prod_name,.page_content1 #prod_name .product_name { font-size: 25px; font-weight: 700; letter-spacing: 0; line-height: 1.5; margin: 0}/*產品A按鈕*/#btn_shopping { border-radius: 0; font-size: 14px; background: var(--btn-main-color)}#btn_shopping:hover { background: var(--btn-main-hover-color)}.fbtn { border-radius: 0; font-size: 14px; background: var(--btn-main-color); background: transparent; color: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: .5s;}.fbtn:hover { background: var(--btn-sub-hover-color); color: #fff; transition: .5s;}#btn_querycar { border-radius: 0; font-size: 14px; background: var(--btn-sub-color); background: transparent; color: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: .5s;}#btn_querycar:hover { background: var(--btn-sub-hover-color); color: #fff; transition: .5s;}/*產品下拉樣式*/label.dd-option-text { font-size: 14px !important; line-height: 1 !important; margin: 0 !important; font-weight: 400;}.dd-option { padding: 5px 10px;}/*產品B*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop { background: var(--btn-main-color);}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add { background: var(--btn-sub-color);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover { background-color: var(--btn-main-hover-color);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover { background-color: var(--btn-sub-hover-color);}#mobile-fixed .style-radio .form-radio,.RWDproduct_page .style-radio .form-radio { border: 1px solid rgb(214, 214, 214);}#mobile-fixed .style-radio .form-radio.checked,.RWDproduct_page .style-radio .form-radio.checked { border-color: #000;}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor { color: #555; font-size: 1rem; letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item { margin: 0 0 40px;}.layoutlist_4 .pricearea { text-align: left; display: flex; align-items: center; letter-spacing: 0}.layoutlist_4 .fixprice { font-size: 16px; text-decoration: line-through; margin: 0 5px 0 0;}.layoutlist_4 .sellprice { color: #f10404; font-weight: bold;}.layoutlist_4 .subject { height: auto !important; line-height: 1.5; min-height: auto; font-weight: 500;}#product .item .subject { height: auto !important;}.productlist .layoutlist_4 .col-sm-4.col-md-4 { margin: 0 0 30px;}.productlist .layoutlist_4 .product_list_item { padding-bottom: 0; border: 0; height: auto !important;}.layoutlist_5 .product_list_item .list-btn_mobile,.layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn { background-color: var(--btn-main-color);}.layoutlist_5 .product_list_item .list-btn_mobile:hover,.layoutlist_5 .product_list_item .list-btn:hover,.layoutlist_5 .product_list_item .buybtn:hover { background-color: var(--btn-main-hover-color);}.layoutlist_4 .buybtn { background: var(--btn-main-color); transition: .5s;}.layoutlist_4 .buybtn:hover { background: var(--btn-sub-hover-color); transition: .5s;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2,.productlist .layoutlist_4,.productlist .layoutlist_5,.albumlist .layoutlist_2,.albumlist .layoutlist_4,.articlelist .layoutlist_2,.articlelist .layoutlist_4 { display: flex; flex-wrap: wrap; align-items: flex-start;}.sortbar { float: none !important; margin-bottom: 20px !important; text-align: left !important; width: 100%; flex-wrap: wrap;}.sortbar a:hover { color: #515151;}/*產品售價顏色*/li#O_sellPrice,span.payprice,.pricearea .price { color: var(--btn-main-color) !important; font-weight: bold;}.pricearea .price.delline { color: #333 !important;}.pricearea .price.fixprice { color: #777 !important;}/* 相關產品 */ .RWDproduct_page .related-box .item a { max-width: inherit;}/*購物清單*/ .RWDshopping .btn.normal { border-radius: 0;}/*會員註冊*/#join_form .btn-primary { border-radius: 0;}#join_form { background: white;}/*會員頁a連結修正*/ .member .css-table .tr a { color: #313131;}/*留言板*/ .customized_columns .css-table .th.textarea { width: 10%;}/*詢問車*/ .RWDquiry .shopping_form .control-box img { margin-left: 10px;}.RWDquiry .btn.normal { border-radius: 0; font-size: 15px; letter-spacing: 1.5px; transition: .5s ease; color: var(--btn-main-color); border-color: var(--btn-main-color)}.RWDquiry .btn.normal:hover { transition: .5s ease; background: var(--btn-sub-hover-color); color: #fff; border-color: var(--btn-sub-hover-color); font-weight: 500}.RWDquiry .btn.bg2,.btn.normal.bg3 { background: var(--btn-main-color); color: #fff; border-color: var(--btn-main-color)}/*電子表單*/ .eformsDesc { text-align: center; margin: 20px 0; border: 0;}.eformscontent .layoutlist_1 { width: 800px; margin: 0 auto;}.form-horizontal .form-group { margin-left: 0; margin-right: 0;}.form-horizontal .control-label { font-weight: 500; width: 100px;}textarea.form-control { min-height: 130px;}.systemmsg { text-align: center;}.eformscontent .col-sm-12.col-md-11,.eformscontent .col-sm-12.col-md-5 { width: calc(100% - 100px); padding: 0;}.eformscontent .col-sm-6.address-col-1,.eformscontent .col-sm-6.address-col-2 { width: 50%; padding: 0; float: left;}.eformscontent .col-sm-12.col-md-11 .col-sm-12 { width: 100%; padding: 0;}.customized_columns>.row .col-sm-12.col-md-11 { width: 100%;}/*電子表單送出a連結修正*/ .eformscontent .col-sm-12.col-md-12 .ebtn a:hover { color: #fff !important; background: var(--btn-main-color);}.eformscontent .col-sm-12.col-md-12 .ebtn a { background: transparent; color: var(--btn-main-color) !important;}/*隱私權*/ .privacy_block,.privacy_block p { line-height: 2; letter-spacing: 1px; color: #000}.privacy_block a { color: #000; transition: 0.4s}.privacy_block a:hover { color: #000; transition: 0.4s; text-decoration: none}.privacy_block h5 { font-size: 18px; font-weight: bold; margin: 50px 0 10px; color: #000;}.privacy_block h6 { font-size: 16px;}.privacy_block ul { padding-left: 24px;}/*購物說明文字*/ .shopping_txt { line-height: 2; letter-spacing: 1px; color: #000}.shopping_txt a { color: #000; transition: 0.4s}.shopping_txt a:hover { color: #000; transition: 0.4s; text-decoration: none}.shopping_txt .item_row { margin-bottom: 50px}.shopping_txt h2 { font-size: 24px !important; font-weight: bold; margin: 0; color: #b90000; text-decoration: underline; line-height: 1.5 !important}.shopping_txt h3 { font-size: 20px !important; font-weight: bold; margin: 0 0 10px; color: #000; line-height: 1.5 !important}.shopping_txt ul { padding-left: 24px;}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a { background: #000; padding: 5px 20px; color: #fff !important; border-color: #000;}/*隱私權購物說明最大寬度限制*/ .privacy_block,.shopping_txt { max-width: 1200px; margin: auto;}/*hashtag a連結修正*/ .hashtag_block .hashtagLink { color: #fff !important;}/* 人才招募表單標題修正 */ .customized_columns .fillform { font-size: 1.5rem; margin: 3rem; text-align: center;} /*內頁 end*/ /*內頁美編 start*/ /*寬版*/div#dropdown_article1 .manu-item-box { justify-content: center;}.RWDmenu_plus04 .site-nav { position: initial;}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active {background-color: #ddd;}.RWDmenu_plus04 .is-up .site-nav .menu li.is-active>a {color: #3b65af;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a {border-bottom: 1px solid #eee;font-weight: 400;letter-spacing: 1px;padding: 0 5px 10px 5px;font-size: 16px;}.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li a {letter-spacing: 1px;font-weight: 400;font-size: 15px;padding: 0px 5px 10px 5px;transition: 0.3s;}.RWDmenu_plus04 .dropdown-menu .manu-item-box li a{color:#333;}.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li.active>a,.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li>a:hover {background: transparent;color: #3b65af;padding-left: 0;transition: 0.3s;}.RWDmenu_plus04 .site-nav .dropdown-menu .manu-item:hover>a {background: transparent;}.RWDmenu_plus04 .dropdown-menu { max-width: 100%;}.RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a { background: transparent;}.RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li {width: calc(100%/5);margin-top: 30px;display: none;}.RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li:nth-child(1), .RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li:nth-child(2), .RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li:nth-child(3), .RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li:nth-child(4), .RWDmenu_plus04 .dropdown-menu.SPV2 .manu-item-box li:nth-child(5) {display: block;} .page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 20vw !important; height: 20vw !important; }.RWDtimeline01 li.event .point { z-index: 1;} .pagecontent>.single-photo { margin-top: 0px !important; } .hgroup .container { text-align: center; } .recruitment .page_wrapper_bg section.call_to_action:before { display: none; } b, strong { font-weight: 600; } .webtech_edit_mode .page_wrapper_bg .RWDmenu_plus04 .logo a:after { display: none; }.collapsing_header .main { overflow: initial; margin-top: 0 !important; } .emptymsg { grid-column: 1/4; } .RWDmenu_plus04 .dropdown-menu .manu-item-box li { width: calc(100%/6); margin-top: 30px; }.RWDmenu_plus04 .dropdown-menu .container { padding: 30px 0px 80px;}.RWDmenu_plus04 .dropdown-menu .manu-item-box { margin: 0; display: flex; flex-wrap: wrap;} .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a { border-bottom: 1px solid #ddd; color: #333; font-size: 16px; letter-spacing: 1px; font-weight: 600; position: relative; } .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a .name:before { content: ">"; position: relative; display: inline-block; transform: scaleY(2); margin-right: 5px; font-weight: 400; color: #3b65af; font-size: 14px; top: -2px; } .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:hover:after { width: 100%; left: 0; } .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:after { content: ""; position: absolute; width: 0; height: 1px; background: #3b65af; bottom: 0; right: 0; transition: all .5s ease; } .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a img { transition: all .5s ease; } .RWDmenu_plus04 .dropdown-menu .container .manu-item-box>li>a:hover img { opacity: .8; } .RWDmenu_plus04 .dropdown-menu { background: #edf0f5; } .RWDmenu_plus04 .logo a { position: relative; display: block; } .page_wrapper_bg .RWDmenu_plus04 .is-up .logo a:after { opacity: 0; } .page_wrapper_bg .RWDmenu_plus04 .logo a:after { content: ""; position: absolute; width: 100%; height: 100%; background: url(archive/image/customization/logo_w.webp) no-repeat; background-size: contain; left: 0; } .page_wrapper_bg .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child>a:after { border-color: #fff; } .page_wrapper_bg .RWDmenu_plus04 .is-up .dropdown-menu .manu-item-box ul li.has-child>a:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .lang-select-label:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu li.dropdown>a:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu li.has-child>a:after { border-color: #333; } .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:hover:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child:hover>a:after { border-color: #ccc; } .page_wrapper_bg .RWDmenu_plus04 .is-up .lang-select-label:hover:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li.active>a:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li.dropdown>a:hover:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li.has-child>a:hover:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li.is-active>a:after, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu li.has-child:hover>a:after { border-color: #3b65af; } .page_wrapper_bg .RWDmenu_plus04 .features .cart-btn, .page_wrapper_bg .RWDmenu_plus04 .features .querycar-btn, .page_wrapper_bg .RWDmenu_plus04 .features .share-group a, .page_wrapper_bg .RWDmenu_plus04 .features i, .page_wrapper_bg .RWDmenu_plus04 .lang-select { color: #fff; } .page_wrapper_bg .RWDmenu_plus04 .is-up .features .cart-btn, .page_wrapper_bg .RWDmenu_plus04 .is-up .features .querycar-btn, .page_wrapper_bg .RWDmenu_plus04 .is-up .features .share-group a, .page_wrapper_bg .RWDmenu_plus04 .is-up .features i, .page_wrapper_bg .RWDmenu_plus04 .is-up .lang-select { color: #525252; } .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a { color: #fff; } .page_wrapper_bg .RWDmenu_plus04 .lang-select:hover .lang-select-label, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a, .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a:hover { color: #ccc; } .page_wrapper_bg .RWDmenu_plus04 .is-up .lang-select:hover .lang-select-label, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li.active>a, .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li>a:hover { color: #3b65af; } .page_wrapper_bg .RWDmenu_plus04 .is-up .site-nav .menu>li>a { color: #333; } .page_wrapper_bg .RWDmenu_plus04 .header { border-bottom: 1px solid rgb(255 255 255 / 25%); } .page_wrapper_bg .RWDmenu_plus04 .header.is-up { border-bottom: 1px solid rgb(0 0 0 / 10%); } .pagecontent .single-photo { margin-top: 50px !important; } .single-photo img { width: 100%; } .webdesc { margin-bottom: 80px; background: #edf0f5; padding: 50px; } .article1 .page_wrapper_bg section.call_to_action>.container, .article2 .page_wrapper_bg section.call_to_action>.container, .article3 .page_wrapper_bg section.call_to_action>.container { max-width: initial; } .articlecontent #sidebar.col-md-3, .articlelist #sidebar.col-md-3 { position: absolute; height: 100%; width: 25%; } .articlecontent .pagecontent.col-md-9, .articlelist .pagecontent.col-md-9 { margin: 0 0 0 auto; float: none; } .page_wrapper_bg section.call_to_action:before { content: ""; position: absolute; width: 1px; height: 100%; background: rgb(0 0 0 / 8%); left: calc(10% + 15px); top: 0; z-index: 2; } /*左側選單*/ .m2018 .products-nav>ul>li { padding: 0; margin: 0; border-bottom: 0 } .m2018 .products-nav a { padding: 15px 10px !important; font-weight: 400; font-size: 16px } .m2018 .products-nav ul li>ul>li>a { border-left: 1px solid #eee; padding: 15px !important; color: #888 } .m2018 .products-nav ul>li>.toggle-submenu { height: 57px } .m2018 .products-nav>ul>li.active a, .m2018 .products-nav ul li>ul>li:hover>a { color: #3b65af; font-weight: 500; } .article3 .m2018 .products-nav>ul>li.active a, .article3 .m2018 .products-nav ul li>ul>li:hover>a, .article4 .m2018 .products-nav>ul>li.active a, .article4 .m2018 .products-nav ul li>ul>li:hover>a { background: #dee2ea; } .m2018 .products-nav ul li>ul>li.active>a:before, .m2018 .products-nav ul li>ul>li:hover>a:before { height: 100% } .m2018 .products-nav ul li>ul>li>a:before { content: ""; position: absolute; width: 1px; height: 0; background: #647c7e; left: 0; top: 0; transition: all .5s ease } .m2018 .products-nav>ul>li>a { font-size: 1rem !important; color: #555; border-bottom: 1px solid #ddd; } .m2018 .products-nav>ul>li:hover>a:before, .m2018 .products-nav>ul>li.active>a:before { transform: scale(1); margin-right: 10px } .m2018 .products-nav>ul>li>a:before { content: ""; position: relative; display: inline-block; width: 8px; height: 8px; background: #3b65af; border-radius: 50%; left: -3px; margin-right: -8px; transform: scale(0); transition: all .5s ease } #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 100px; padding-left: 50px; } .m2018 .products-nav>ul>li:nth-child(3)>ul, .m2018 .products-nav>ul>li:nth-child(3)>.toggle-submenu { display: none; } .m2018 .products-nav .nav-title { display: none; } .m2018.visible-lg { position: sticky; top: 100px; } /*智慧製程*/ .process_bigtit h2 { text-align: center; margin: 0; } .process_tab img { width: 100%; height: 13vw; object-fit: cover; margin: 0; } .process_tab h2 { color: #fff; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; margin: 0; } .process_tab { position: relative; } .process_tab_tit { font-size: 2rem; font-weight: 600; line-height: 1.3; margin-bottom: 30px; color: #333; } .process_content { padding: 30px 0 0; } .process_content li { border-bottom: 1px solid #ddd; padding-bottom: 5px; } .process_one_box { display: grid; grid-template-columns: 25% auto; margin: 15px 0; align-items: center; grid-column-gap: 80px; border: 1px solid #ddd; } .process_one_tit { padding: 30px; background: #3b65af; color: #fff; font-size: 1.2rem; font-weight: 600; } .process_one_tit span { display: block; font-family: 'jost', sans-serif; } .process_one_box p { margin: 0; } .process_bigtit { display: flex; align-items: center; } .process_bigtit:before { content: ""; position: relative; display: inline-block; height: 1px; background: #ccc; flex-grow: 1; margin-right: 30px; } .process_bigtit:after { content: ""; position: relative; display: inline-block; height: 1px; background: #ccc; flex-grow: 1; margin-left: 30px; } .grid_two.al_center { align-items: center; grid-column-gap: 100px; margin: 0 0 50px; grid-template-columns: 50% auto; } /*品管流程*/ .qc_box img { max-width: 90px;} .article1.id75 #sidebar.col-md-3 { display: none; } .article1.id75 .pagecontent.col-md-9 { width: 100%; } .grid_six { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 15px; margin-top: 15px; } .qc_box { background: #f6f6f6; text-align: center; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .qc_box span { background: #dae0eb; padding: 0px 40px; margin-bottom: 30px; display: inline-block; border-radius: 99em; color: #3b65af; } .qc_step { width: 100%; border-top: 1px solid #ccc; padding-top: 10px; line-height: 1.3; } .qc_box h4 { font-size: 1.2rem !important; margin-top: 0 !important; } .qc_step_tit { text-align: center; background: #3b65af; margin: 80px 0 50px; } .page_wrapper_bg .article-text .qc_step_tit h3 { padding: 15px; color: #fff; } .qc_step_tit span { border-right: 1px solid rgb(255 255 255 / 30%); padding-right: 30px; margin-right: 30px; } .pagecontent .article_model[data-seq="0"] .qc_step_tit { margin-top: 0; } .qc_one_tit { display: flex; align-items: center; background: #f6f6f6; padding: 15px 30px; color: #3b65af; font-size: 1.33rem; text-transform: uppercase; letter-spacing: 0; font-family: 'jost', sans-serif; height: 100%; } .process_one_box p { padding: 15px 50px 15px 0; } .qc_page { max-width: calc(100%/6*4); margin: 15px auto; position: relative; } .article1.id75 .page_wrapper_bg section.call_to_action:before { display: none; } .process_one_box:before { content: ""; background: #ccc; width: 15px; height: 8px; position: absolute; right: 50%; bottom: -14px; transform: translate(50%, 100%); clip-path: polygon(50% 100%, 0 0, 100% 0); } .process_one_box.no_deco:before { display: none; } .qc_sub b { display: block; color: #ea3328; } .qc_sub { margin-bottom: 30px; } .grid_two.qc_b h4 { margin-top: 50px; background: #eee; padding: 5px 30px; display: inline-block; } .grid_two.qc_b { grid-column-gap: 80px; margin: 30px 0; border-top: 1px solid #ddd; padding-top: 80px; align-items: center; } .qc_other_tit { text-align: center; } .grid_two.qc_b.one { border: 0; padding-top: 30px; } /*服務項目*/ .con_box { display: flex; align-items: center; justify-content: center; } .con_txt { border-right: 1px solid #ccc; padding-right: 50px; } .con_txt span { font-weight: 700; display: block; font-size: 1.33rem; color: #333; } a.con_phone { background: #3b65af; color: #fff !important; padding: 14px 30px; margin-left: 80px; display: block; } .rwdlayoutlist_9 .litem a.cdate { display: none; } .grid_two:before, .grid_three:before { display: none; } .grid_three { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 15px; grid-column-gap: 30px; } .scc_infobox { text-align: center; border: 1px solid #ddd; padding: 15px 30px; margin-left: -1px; } .scc_infobox img { max-width: 300px; } .grid_two { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 15px; grid-column-gap: 30px; } .grid_two.nogap, .grid_three.nogap { grid-column-gap: 0; } /*專欄*/ .rwdlayoutlist_9 .litem .litem__imgs { overflow: hidden; } .rwdlayoutlist_9 .litem .litem__imgs::after { display: none; } .article4 #sidebar.col-md-3 .m2018:before, .article3 #sidebar.col-md-3 .m2018:before { content: ""; position: absolute; width: calc(100%*100/80 + 38px); height: 65px; background: #edf0f5; top: 0; left: calc(-10%*100/80 - 19px); } .rwdlayoutlist_9.row:before { display: none; } .article4 .webdesc, .article3 .webdesc { text-align: center; background: transparent; padding: 0; } .article4 .hgroup, .article3 .hgroup { top: 20px; } .article4 .m2018.visible-lg, .article3 .m2018.visible-lg { top: 74px; pointer-events: auto; } .article4 .page_wrapper_bg section.call_to_action, .article3 .page_wrapper_bg section.call_to_action { position: relative; padding-top: 0; } .article4 .m2018 .products-nav>ul>li>a, .article3 .m2018 .products-nav>ul>li:first-child>a { border-left: 1px solid #ddd; } .article4 .m2018 .products-nav>ul>li>a, .article3 .m2018 .products-nav>ul>li>a { min-width: 250px; height: 65px; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom: 0; border-right: 1px solid #ddd; } .article4.articlecontent .pagecontent, .article3.articlecontent .pagecontent, .faq1 .pagecontent, .recruitment .page_wrapper_bg .article-text .container, .search .pagecontent { max-width: 1400px; margin: 0 auto !important; float: none; } .article4 #sidebar .products-nav ul, .article3 #sidebar .products-nav ul { display: flex; align-items: center; justify-content: center; } .article4 .pagecontent.col-md-9, .article3 .pagecontent.col-md-9 { width: 100%; padding-top: 180px !important; } .article4 #sidebar.col-md-3, .article3 #sidebar.col-md-3 { width: 100%; padding: 0 !important; margin-bottom: 100px; z-index: 2; pointer-events: none; } .rwdlayoutlist_9 .summary { width: 100%; margin: 0; letter-spacing: 1px !important; margin-bottom: 10px; } .rwdlayoutlist_9.row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .rwdlayoutlist_9 .litem { padding: 0 0 30px; width: 100%; } .rwdlayoutlist_9 .summary a { color: #555; } .rwdlayoutlist_9 .litem__text { display: flex; flex-direction: column-reverse; color: #333; } .rwdlayoutlist_9 .subject { color: #333; font-size: 1.22rem; line-height: 1.3; } .article4.articlecontent .page_wrapper_bg .hgroup, .article3.articlecontent .page_wrapper_bg .hgroup { display: none; } ._bd_is-btn-ghost1 { min-width: 300px; font-size: 1rem; border-radius: 0; padding: 10px 0; border: 1px solid #999; background: transparent; margin-top: 30px; letter-spacing: 1px; } ._bd_is-btn-ghost1:active, ._bd_is-btn-ghost1:focus, ._bd_is-btn-ghost1:hover { border: 1px solid #333; background: #333; color: #fff !important; } ._bd_is-btn-ghost2 { font-size: 1rem; border-radius: 0; padding: 10px 30px; border: 1px solid #333; background: #333; margin: 30px 0 0; color: #fff !important; min-width: 300px; letter-spacing: 1px; } ._bd_is-btn-ghost2:active, ._bd_is-btn-ghost2:focus, ._bd_is-btn-ghost2:hover { border: 1px solid #3b65af; background: #3b65af; } ._bd_row img { width: 100%; } .article_box { margin: 30px 0 0; } .article_box b { color: #3b65af; } .grid_two .article_box { border: 1px solid #ddd; padding: 30px; margin-top: 15px; background: #f6f6f6; } /*人才招募*/ .recruitment .list_table th { line-height: 1.3; text-align: left; color: #333; font-weight: 600; padding: 10px; } .recruitment .list_table td { line-height: 1.5; padding: 10px !important; text-align: left; } .recruitment .list_table { margin-top: 80px; } .ab_special { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .recruitment .form-horizontal .form-group .col-md-11 { padding-right: 0; width: calc(100% - 100px); } .ab_circle { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; text-align: center; border: 2px solid #3b65af; border-radius: 50%; font-size: 1.2rem; font-weight: 700; color: #3b65af; line-height: 1.3; margin-right: 30px; position: relative; } .ab_circle:after { content: ""; position: absolute; display: inline-block; width: 30px; height: 2px; background: #3b65af; right: -2px; transform: translate(100%, -50%); top: 50%; } .ab_circle:last-child:after { display: none; } .recruitment .position { font-size: 2rem; font-weight: 600; line-height: 1.3; margin-top: 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; color: #333; margin-bottom: 30px; } /**/ .search .page_wrapper_bg .RWDmenu_plus04 .logo a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .logo a:after { display: none; } .search .collapsing_header .main, .article7 .collapsing_header .main { top: 98px !important; } .search .page_wrapper_bg .RWDmenu_plus04 .header, .article7 .page_wrapper_bg .RWDmenu_plus04 .header { border-bottom: 1px solid rgb(0 0 0 / 10%); } .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a { color: #333; } .search .hgroup { position: relative; top: 0; transform: translate(0px, 0px); } .search .page_wrapper_bg .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .search .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child>a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child>a:after { border-color: #555; } .article7 .page_wrapper_bg .RWDmenu_plus04 .features .cart-btn, .article7 .page_wrapper_bg .RWDmenu_plus04 .features .querycar-btn, .article7 .page_wrapper_bg .RWDmenu_plus04 .features .share-group a, .article7 .page_wrapper_bg .RWDmenu_plus04 .features i, .article7 .page_wrapper_bg .RWDmenu_plus04 .lang-select { color: #555; }.search .page_wrapper_bg .RWDmenu_plus04 .features .cart-btn,.search .page_wrapper_bg .RWDmenu_plus04 .features .querycar-btn,.search .page_wrapper_bg .RWDmenu_plus04 .features .share-group a,.search .page_wrapper_bg .RWDmenu_plus04 .features i,.search .page_wrapper_bg .RWDmenu_plus04 .lang-select { color: #555; } .article7 .page_wrapper_bg .RWDmenu_plus04 .lang-select:hover .lang-select-label, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a:hover, .search .page_wrapper_bg .RWDmenu_plus04 .lang-select:hover .lang-select-label, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a:hover { color: #3b65af; } .article7 .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:hover:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after, .article7 .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child:hover>a:after, .search .page_wrapper_bg .RWDmenu_plus04 .lang-select-label:hover:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after, .search .page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child:hover>a:after { border-color: #3b65af; } .eforms1 .hgroup .breadcrumb, .search .hgroup .breadcrumb { display: none; } .search .hgroup .container { margin-bottom: 0; } .customized_columns ._input, .customized_columns select { border-radius: 0; border: 1px solid #f4f4f4; border-width: 0 0 1px; background-color: #f4f4f4; box-shadow: none; } .form-control:focus { border-color: #ccc; box-shadow: none; } .form-group { margin-bottom: 30px; } /*關於*/ .article5 .page_wrapper_bg section.call_to_action:before, .article7 .page_wrapper_bg section.call_to_action:before { display: none; } /*時間軸樣式*/ .RWDtimeline01 li.event .point .editor { font-size: 1rem; line-height: 1.7; letter-spacing: 1px; color: var(--p_txt-color); font-weight: 400; } .pagecontent .RWDtimeline01 { max-width: 80%; margin-top: 80px !important; } .RWDtimeline01 li.event .point .title { text-align: left; font-size: 1.33rem; color: var(--tit_txt-color); line-height: 1.3; letter-spacing: 0; font-weight: 600; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px; } .RWDtimeline01 li.event .point .date { display: none; } .RWDtimeline01 li.event:before { margin-left: 0; } .RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 { left: 8px; } .RWDtimeline01 li.event { margin-bottom: 30px; margin-top: 0 !important; } .RWDtimeline01 li.event .point { position: relative; left: 0; text-align: left; width: 100%; padding-left: 100px; margin-bottom: 30px; } .RWDtimeline02 .timeline2_list .block .text-in { max-height: initial; } .RWDtimeline01 li.event .circle img { margin-bottom: 30px; } .RWDtimeline01 .circle.wow.zoomIn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*時間軸圖片隱藏*/ .article5 .RWDtimeline01 .circle_img { display: none; } .article5 .hgroup { display: none; } .article5 .pagecontent .article_model[data-seq="0"] { margin-top: 0 !important; } .article5 .pagecontent .RWDtimeline01 { display: grid; grid-template-columns: auto 70%; justify-content: flex-end; max-width: 100%; margin-top: 0px !important; } .article5 .page_wrapper_bg section.call_to_action>.container { width: 100%; padding: 0; } .article5 .pagecontent { padding: 0 !important; } .article5 .RWDtimeline01 .model-title { background: #f6f6f6; color: #333; margin-bottom: 0; padding: 100px 15% 50px; border-bottom: 1px solid #ddd; text-align: center; font-size: 2rem; grid-column: 2; grid-row: 1; font-weight: 700; } .article5 .RWDtimeline01 .timeline-in { grid-column: 2; grid-row: 2; background: #f6f6f6; padding: 120px 15%; } .article5 .RWDtimeline01 li.event:before { width: 10px; height: 10px; border: 1px solid #000; background: #f6f6f6; } .article5 .RWDtimeline01 .line_dot, .article5 .RWDtimeline01 .line_dot2 { left: calc(15% + 5px); top: 145px !important; } .article5 .page_wrapper_bg section.call_to_action { padding-bottom: 0; } .article5 .pagecontent .RWDtimeline01:before { content: ""; position: absolute; width: 30%; height: 100%; background: url(archive/image/customization/ab_timeline.webp) no-repeat; top: 0; background-size: cover; } .article5 .RWDtimeline01 .line_dot2 span { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(246 246 246) 2%, rgba(246 246 246) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(246 246 246) 2%, rgb(246 246 246) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(246 246 246) 2%, rgb(246 246 246) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(246 246 246) 2%, rgb(246 246 246) 100%); } .article5 .RWDtimeline01 li.event:last-child:before { background: #e83428; border: 4px solid #f6f6f6; width: 20px; height: 20px; box-shadow: 0 0 0px 2px #e83428; left: -6px; } .article5 .pagecontent .RWDeditor01 .editor { width: 80%; margin: 0 0 0 auto; } .ab_p_curve_b { display: grid; grid-template-columns: 55% auto; align-items: center; grid-column-gap: 10%; text-align: justify; } .ab_p_curve_b img { max-width: 360px; } .ab_p_txt h3 { margin-bottom: 50px !important; } .article5 .pagecontent .article_model[data-seq="1"] { background: #f6f6f6; margin-top: 0 !important; } .article5 .pagecontent .article_model[data-seq="1"] .editor { padding: max(5vw, 80px) 0; } .article5 .pagecontent .article_model[data-seq="1"]:before { content: ""; position: absolute; width: 30%; height: 100%; background: url(archive/image/customization/curve_deco.png) no-repeat; background-size: cover; background-position: left; right: 0; z-index: 3; top: 0; } .ab_grid_box { max-width: 80%; display: grid; grid-template-columns: 42% auto; align-items: center; grid-column-gap: 100px; margin: 50px 0 30px; } .ab_grid_box h3 { border-right: 1px solid #ddd; } .article5 .pagecontent .RWDslider01, .article5 .pagecontent .RWDeditor01 { margin-top: 120px !important; } .ab_box_p { border-top: 1px solid #ddd; padding-top: 50px !important; } .ab_no_full { max-width: 80%; } .ab_p_tit h2 { margin-bottom: 50px; } .article5 .pagecontent .article_model[data-seq="4"] .editor { width: 100%; } .ab_p_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ab_p_bg img { object-fit: cover; margin: 0; height: 100%; object-position: left 60%; max-width: initial; } .ab_no_full.ab_bg_t p { color: #eee !important; } .ab_no_full.ab_bg_t { z-index: 1; position: relative; max-width: 60%; margin: 0 auto; padding: max(7vw, 80px) 0; color: #fff; }.ab_no_full.ab_bg_t p, .ab_no_full.ab_bg_t h3 { max-width: 60%;}br.vis_ph { display: none;} .page_wrapper_bg .article-text .ab_bg_t h3 { color: #fff; } .ab_p_tit h2 { font-size: 4rem !important; } /*內頁美編 end*/ /*小螢幕 start*/ @media screen and (min-width: 1200px) { .no-touch .rwdlayoutlist_9 .litem:hover img { transform: scale(1.05); } .no-touch .rwdlayoutlist_9 .litem img { transition: all .5s ease; } .tabs nav li a:hover { transform: scale(1.2); } .factory_btn a:hover { color: #fff; }}@media screen and (max-width: 2250px) { .RWDmenu_plus04 .features .edit a { height: 95px; } .RWDmenu_plus04 .is-up .features .edit a { height: 74px; margin-top: 0; } li.mobile_bottom__li img { width: 40px; } .scrollTop002 { right: 10px; } .scrollTop002 .txt { letter-spacing: 0; } .RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon { width: 30px; height: 30px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 5vw; } .RWDbanner_plus01 .slick-caption .txt1 span { font-size: 5rem; } .RWDbanner_plus01 .slick-caption .txt4 span h8 { padding-right: 15px; margin-right: 15px; } .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 50px; } .banner_video { width: 24%; } body, html, .wrapper_bg { font-size: 16px; letter-spacing: 1px; } .deco_tit img { max-width: 28px; } .s015_pc_text { width: 52%; } .s015_imgblock { width: 48%; } .s015_title h8 { width: 80px; font-size: 1.2rem; height: 80px } .s015_textblock { padding-left: 105px; padding-right: 0px; } .s015_pc_text { padding-left: 50px; } .s015_pc_text .s015_textblock:before { left: 40px; top: 30%; } .feature_content { grid-template-columns: 55% auto; } .RWDscore01 .count-num { font-size: 4rem; } .feature_block.index_sec { height: 64vw; } .RWDService002 .funny-boxes>.funny-boxes-text>.funny-boxes-tit { font-size: 16px; } .RWDService002 .funny-boxes>.funny-boxes-icon { width: 60px; } .RWDService002 .funny-boxes { grid-template-columns: 65px auto; } .RWDproduct002_v3 .row { padding: 0 10%; } .RWDproduct002_v3 .portfolio-item { padding: 0 15px !important; margin-bottom: 50px; } .RWDproduct002_v3 .section-subject.row .col-md-12, .RWDproduct002_v3 .row:nth-child(2) .col-md-12 { padding: 0 30px; } .works_title .ene_tit { width: calc(23%*100/92 + 160px); } .works_title .deco_tit { right: 160px; } .company_tit { grid-template-columns: 80px auto; } .about_block .model { grid-template-columns: 17% auto 30%; } .index_ab_txt { padding: 0 80px 0 13vw; } .contact_txt { padding: 8vw 15px; width: 80%; } .ft_other { font-size: 12px; }}@media screen and (max-width: 1800px) { .steps_title, .feature_left { padding-left: 50px; } .s015_imgblock:before { height: 4vw; } .steps_bg:after { width: 40%; } .RWDservice015 .center { max-width: 77%; } .feature_block.index_sec { height: 65vw; } .index .feature_left .section-subject { margin-bottom: 50px; } .index_ab_txt { padding: 0 80px 0 12vw; } .steps_en .ene_tit { font-size: 7vw; } .ene_tit { font-size: 6.3vw; } .works_title .ene_tit { width: calc(23%*100/92 + 100px); } .RWDService002 { padding-top: 30px; } .feature_left { margin-top: -1rem; } .feature_block.index_sec { padding-top: 120px; } .index_ab_txt { padding: 0 80px 0 10vw; } .about_block .container { width: 90%; } .steps_block.index_sec { padding-top: 150px; } .steps_block .RWDbtn01 { padding: 80px 0 100px; } .steps_top_w { height: 76%; } .steps_bg { height: 80%; } .RWDproduct002_v3 .row { padding: 0 80px; } .ft_menu .RWDedictor { display: flex; flex-wrap: wrap; } .ft_menu .RWDedictor a { display: inline-block; width: calc(50% - 15px); margin-bottom: 10px; }}@media screen and (max-width: 1700px) { .RWDmenu_plus04 .container { max-width: 90%; } .RWDmenu_plus04 .features .edit a b { font-size: 20px; margin-top: 1px; } .index .main-title, .page_wrapper_bg .hgroup .pageTitle { font-size: 3.6rem; } .ab_p_tit h2 { font-size: 3.6rem !important; } .RWDmenu_plus04 .site-nav .menu>li>a { min-width: 95px; } .steps_block.index_sec .container, .feature_top, .feature_content, .steps_bg { width: 95%; } .steps_block:before, .feature_block:before { left: calc(5% + 15px); } .steps_title .deco_tit, .feature_block .deco_tit { left: -65px; } .steps_en .model { margin-top: -4rem; } .steps_bg { height: 77%; } .steps_en .model { margin-top: -3rem; } .RWDscore01 .count-item { width: 12vw; min-height: 11vw; } .RWDscore01 .count-blk .swiper-slide:before { width: 110%; height: 110%; } .RWDService002 .funny-boxes { grid-template-columns: auto; } .RWDService002 .funny-boxes>.funny-boxes-icon { margin: 0 auto; } .video_left { padding: 0 15px; } .banner_video { width: 26%; } .works_block.index_sec .container { grid-template-columns: 5% 20% auto; } .RWDproduct002_v3 { padding: 0 0 0 calc(20%*100/95); } .works_title .ene_tit { width: calc(20%*100/95 + 100px); } .ft_menu { padding-left: 80px; } .works_title .deco_tit { right: 120px; }}@media screen and (max-width: 1600px) { .deco_tit img { max-width: 25px; } .video_left { padding: 0 15px; } .feature_block.index_sec { height: 70vw; } .RWDService002 { padding-top: 15px; } .s015_title h8 { width: 70px; font-size: 1rem; height: 70px; } .s015_pc_text .s015_textblock:before { left: 35px; } .s015_textblock { padding-left: 95px; } .steps_bg:after { width: 36%; } .RWDservice015 .center { max-width: 80%; } .steps_bg_sticky, .steps_bg:after { top: max(8vw, 120px); } .company_tit { grid-template-columns: 60px auto; }}@media screen and (max-width: 1500px) { .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 18px; } .RWDbanner_plus01 .slick-caption .txt3 span { letter-spacing: 1px; } .RWDbanner_plus01 .logo { width: 4.5vw; } .RWDbanner_plus01 .slick-caption .txt1 span { font-size: 4rem; } .RWDmenu_plus04 li.share_article { margin-left: 190px; } .RWDmenu_plus04 .header { padding: 0px 50px; } .RWDmenu_plus04 .logo { width: 175px; top: 6px; } .RWDmenu_plus04 .is-up .logo { width: 155px; top: 9px; } .RWDmenu_plus04 .features .edit a { height: 74px; margin-top: 0; } .RWDmenu_plus04 .site-nav .menu>li>a { min-width: 88px; letter-spacing: 1px; } .RWDmenu_plus04 .features .edit a { font-size: 14px; padding: 0 15px; } .RWDmenu_plus04 .features .edit a b { font-size: 18px; } .s015_imgblock { margin-top: 0; } .steps_block.index_sec { padding-top: 120px; } .works_block.index_sec { padding-top: 50px; } .index_sec { padding: 100px 0; } .feature_left { margin-top: 0; } .feature_content { grid-template-columns: 50% auto; } .feature_left { margin-top: 0; } .feature_block.index_sec { padding-top: 100px; } .feature_left p br { display: none; } .RWDscore01 .count-blk .swiper-slide:before { width: 120%; height: 120%; } .RWDscore01 .count-item { width: 13vw; min-height: 10.5vw; } .RWDscore01 .count-num { font-size: 3.8rem; } .steps_bg:after { width: 34%; height: 30vw; } .s015_imgblock:before { height: 3vw; } .steps_en .model { top: 4vw; } .steps_block .RWDbtn01 { padding: 80px 0 50px; } .s015-swiper-pagination.swiper-pagination { top: 120px; margin-left: -45px; transform: translate(-15px, 0); width: 45px; height: 30vw; } .RWDservice015 .swiper-pagination-bullet::before, .RWDservice015 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 6px; height: 6px; } .RWDservice015 .swiper-pagination-bullet::before { margin-right: -6px; } .RWDservice015 .swiper-pagination-bullet { margin: 0 0 10px; } .s015_subtitle { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } .about_block .model { align-items: flex-start; } .about_block .container { width: 95%; } .about_block.index_sec { padding-top: 50px; } .logo_title p { font-size: 18px; margin: 0 0 0 10px; } .RWDbtn01 .btn, .to_btn a, .call_btn a { max-width: 250px; } .index_ab_in.no01 { margin-bottom: 50px; } .RWDsocial002 .iconRounded img { padding: 3px; } .RWDsocial002 .iconRounded { width: 45px; height: 45px; font-size: 20px; margin-right: 10px; } .footer_block .container { width: 85%; }}@media screen and (max-width: 1400px) { body, html, .wrapper_bg { letter-spacing: .5px; } .video_left { font-size: 15px; } .s015_imgblock { width: 46%; } .s015_pc_text { width: 54%; } .ft_left { padding-right: 50px; } .ft_menu { padding-left: 50px; } .RWDbanner_plus01 .slick-caption .txt4 { margin-top: 5px; } .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 30px; }}@media screen and (max-width: 1330px) { .search .page_wrapper_bg .ml-stack-nav-toggle__line, .article7 .page_wrapper_bg .ml-stack-nav-toggle__line { background: #333; } .page_wrapper_bg .ml-stack-nav-toggle__line { background: #fff; } .page_wrapper_bg .is-up .ml-stack-nav-toggle__line { background: #333; } .RWDbanner_plus01 .slick-caption .txt1 span { font-size: 3.6rem; } .RWDmenu_plus04 #mobile-menu .menu>li>ul { background-color: #eaedef; } .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent; } .RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: #3b65af; } .RWDmenu_plus04 li.share_article { margin-left: 0; } .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active { background-color: #87add3; } .RWDmenu_plus04 .logo, .RWDmenu_plus04 .is-up .logo { transform: translate(0px, 0px); top: 0; width: 175px; position: relative; left: 0; margin-top: 5px; } .RWDmenu_plus04 .site-nav { display: none; } .RWDmenu_plus04 #mobile-menu, .RWDmenu_plus04 .ml-stack-nav-toggle, .RWDmenu_plus04 .toggle-menu, .RWDmenu_plus04 .toggle-mmenu-cover { display: block; } .RWDmenu_plus04 .header, .RWDmenu_plus04 .header.is-up { padding: 0 15px 0 50px; } .ml-stack-nav-toggle i { display: none; } .ml-stack-nav-toggle { padding: 37px 45px 37px 15px; } .RWDmenu_plus04 .features { right: 80px; } .RWDmenu_plus04 .features .edit a, .RWDmenu_plus04 .is-up .features .edit a { height: 76px; margin: -1px; } .banner_video { width: 28%; } .feature_left { margin-top: 30px; } .s015_title h8 { width: 60px; height: 60px; } .s015_textblock { padding-left: 80px; } .s015_pc_text .s015_textblock:before { left: 30px; top: 22%; } .steps_en .model { top: 4.5vw; } .index .steps_block .section-subject { margin-bottom: 80px; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { font-size: 18px; letter-spacing: 1px; line-height: 1.3; } .works_title .section-subject { padding: 80px 0; } .RWDproduct002_v3 .filter-portfolio ul { margin-bottom: 50px; } .RWDproduct002_v3 .portfolio-item { padding: 0 10px !important; } .RWDproduct002_v3 .section-subject.row .col-md-12, .RWDproduct002_v3 .row:nth-child(2) .col-md-12 { padding: 0 25px; } .RWDproduct002_v3 .row { padding: 0 50px 0 80px; } .index .section-subject { margin-bottom: 50px; } .feature_block.index_sec { height: 72vw; } .footer_block { padding: 120px 0 0; }}@media screen and (max-width: 1300px) { .index .feature_left .section-subject { margin-bottom: 30px; } .feature_block.index_sec { height: 74vw; } .RWDscore01 .count-item:first-child { margin-bottom: 30px; } .RWDscore01 .count-item { width: 14vw; } .RWDservice015 .center { max-width: 90%; } .s015_pc_text { padding-left: 30px; } .s015_imgblock .s015_img, .s015_imgblock, .s015_pc_text .s015_textblock, .steps_bg_sticky, .steps_bg:after { height: 32vw; } .ab_sub_t { font-size: 1.33rem; } .to_btn a { margin-top: 50px; } .steps_en .model { margin-top: -2rem; } .steps_en .model { top: 5.5vw; } .steps_bg:after { display: none; } .index .main-title, .page_wrapper_bg .hgroup .pageTitle { font-size: 3.2rem; letter-spacing: 1px; } .ab_p_tit h2 { font-size: 3.2rem !important; }}/* 匯入內頁版面寬度80%*/@media (max-width: 2250px) { .hgroup { position: absolute; top: -60px; } .page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 22vw !important; height: 22vw !important; } .page_wrapper_bg section.call_to_action>.container { width: 85%; } .page_wrapper_bg section.call_to_action:before { left: calc(7.5% + 15px); } .process_one_box { grid-column-gap: 30px; } .page_wrapper_bg .article-text, .page_wrapper_bg .article-text p, .RWDslider01 .editor, .RWDtimeline01 li.event .point .editor, #sidebar .products-nav { letter-spacing: 1px; } .article1.id65 .tabs .content { padding: 8vw 80px 80px 80px !important; } .qc_box { flex-basis: 25%; } .grid_six { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; } .article4 #sidebar.col-md-3 .m2018:before, .article3 #sidebar.col-md-3 .m2018:before { width: calc(100%*100/85 + 37px); left: calc(-7.5%*100/85 - 20px); } .article4 .hgroup, .article3 .hgroup { top: 40px; } .article5 .pagecontent .RWDeditor01 .editor { width: 85%; }}@media (max-width: 1920px) { #product_tabs nav { margin-bottom: -4vw; } .tabs nav li a { height: 8vw !important; width: 8vw; } .page_wrapper_bg section.call_to_action { min-height: 700px; } .qc_box span { padding: 0; width: 100%; } .ab_p_curve_b { grid-template-columns: 63% auto; grid-column-gap: 100px; } .ab_grid_box { grid-template-columns: 50% auto; } .ab_no_full.ab_bg_t { max-width: 70%; }}@media (max-width: 1700px) { #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 80px; padding-left: 30px; } .process_one_box p { padding: 15px 15px 15px 0; } .article5 .pagecontent .RWDeditor01 .editor { width: 90%; } .ab_no_full.ab_bg_t { max-width: 80%; } .ab_p_txt h3 br { display: none; } .article5 .pagecontent .RWDslider01, .article5 .pagecontent .RWDeditor01 { margin-top: 100px !important; } .article5 .pagecontent .RWDtimeline01:before { background-position: 70% center; } .RWDtimeline01 li.event .point { padding-left: 50px; } .ab_no_full.ab_bg_t { padding: max(9vw, 80px) 0; } .ab_p_bg { filter: brightness(.8); }}/*產品定售價掉落修正*/@media (max-width: 1500px) { .layoutlist_4 .pricearea span { margin: 0 } .layoutlist_4 .pricearea { flex-direction: column-reverse; align-items: flex-start } .article1.id65 .tabs .content { padding: 8vw 50px 80px 50px !important; } .page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 25vw !important; height: 25vw !important; }.ab_grid_box { grid-template-columns: 55% auto; grid-column-gap: 50px;}}/*寬度修正*/@media (max-width: 1400px) { .article4 #sidebar.col-md-3 .m2018:before, .article3 #sidebar.col-md-3 .m2018:before { width: calc(100%*100/90 + 37px); left: calc(-5%*100/85 - 19px); } .hgroup .breadcrumb { margin-bottom: 20px; } .page_wrapper_bg section.call_to_action>.container { width: 90%; } .page_wrapper_bg section.call_to_action:before { display: none; } .grid_two.al_center { grid-column-gap: 50px; grid-template-columns: 55% auto; } .process_one_box { grid-template-columns: 20% auto; } #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 50px; padding-left: 0; } .grid_six { display: grid; grid-template-columns: repeat(3, 1fr); } .qc_page { max-width: 80%; } .ab_grid_box { max-width: 85%;}}/*產品列表樣式D無側選單修正*/@media (max-width: 1300px) { .productlist .layoutlist_4 .col-sm-3.col-md-3 { width: calc(100%/3); float: left; } .page_wrapper_bg section.call_to_action>.container { width: 100%; padding: 0 80px; } .page_wrapper_bg .article-text h3, .process_tab_tit { letter-spacing: 1px; font-size: 1.66rem !important; }.ab_grid_box { grid-template-columns: 50% auto;} .page_wrapper_bg .article-text h2 { font-size: 2.33rem; letter-spacing: 1px; } .article1.id65 .tabs nav li a { height: 9vw !important; width: 9vw; } .article1.id65 #product_tabs nav { margin-bottom: -4.5vw; } a.con_phone { margin-left: 50px; } .webdesc { padding: 50px 30px; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .RWDmenu_plus04 .header,.RWDmenu_plus04 .header.is-up { padding: 0 15px 0 30px;}.RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - 60px) !important;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 3rem;}.feature_left { grid-column: 1/3;}.feature_right { position: absolute; right: 50px;}.feature_block.index_sec { height: 77vw;}.RWDscore01 .count-item:nth-child(2) .count-title,.RWDscore01 .count-item:nth-child(3) .count-title { padding-right: 0;}.RWDscore01 .count-item:nth-child(2) span.count-str,.RWDscore01 .count-item:nth-child(3) span.count-str { position: absolute; bottom: 3px; right: 21%;}.RWDscore01 .count-item>div { position: relative;}.RWDscore01 .count-num { width: 105px; font-size: 3rem; display: inline-block;}.index .feature_left .main-title { margin-bottom: 30px;}.RWDService002 { padding-top: 30px;}.RWDscore01 .count-num { font-size: 3.2rem;}.index .feature_left .section-subject { max-width: 45%;}.works_block.index_sec .container { grid-template-columns: 0% 20% auto;}.steps_block.index_sec { padding-top: 100px;}.RWDproduct002_v3 { padding: 0 0 0 20%;}.RWDproduct002_v3 .portfolio-item.grow>.inner-content:hover>img { -webkit-transform: scale(1); transform: scale(1);}.works_title .ene_tit { width: 100%;}.works_left .RWDparallax_new .picbgbox { background-position: 75% 0% !important;}.works_title .section-subject { padding: 80px 0; flex-wrap: wrap; padding-left: calc(20% + 50px); border-bottom: 0;}.RWDproduct002_v3 .row { padding: 0 35px;}.s015_pc_text .s015_textblock:before { top: 24%;}.steps_bg { height: 78%;}.steps_en { display: none;}.s015_imgblock .s015_img,.s015_imgblock,.s015_pc_text .s015_textblock,.steps_bg_sticky,.steps_bg:after { height: 35vw;}.s015_imgblock { margin-top: -30px;}.s015-swiper-pagination.swiper-pagination { align-content: center; width: 60%; height: 30px; top: 51vw; z-index: 0; margin: 0; transform: translate(0px, 0px);}.RWDservice015 .swiper-pagination-bullet { margin: 0 10px 0px 0;}.steps_bg:after { margin-top: -35vw;}.RWDservice015 .center { max-width: 94%;}.steps_top_in { margin-top: -120px;}.works_title .deco_tit { right: 70px; top: 80px;}.index_ab_txt { padding: 0 50px 0 12vw; }.contact_txt { width: 85%;}.footer_block .container { width: 90%;}.footer_block { padding: 100px 0 0;}.ft_left { padding-right: 30px;}.ft_menu { padding-left: 30px;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action {padding: 5rem 0;}.page_wrapper_bg section.call_to_action>.container {width: auto;padding: 0 80px;}#sidebar input, #sidebar select, #sidebar select.form-control:not([size]):not([multiple]) {font-size: 1rem;height: 45px;color: #000;letter-spacing: 0;}#sidebar:before { content: ""; position: absolute; width: calc(100% + 160px); height: 100%; background: #edf0f5; left: -80px; top: 0;}.articlecontent #sidebar.col-md-3, .articlelist #sidebar.col-md-3 { width: 100%; position: sticky; height: auto;top: 74px; padding: 10px !important; z-index: 111; pointer-events: all;}.article4 #sidebar.col-md-3, .article3 #sidebar.col-md-3 { margin-bottom: 30px;}.pagecontent.col-md-9, .article4 .pagecontent.col-md-9, .article3 .pagecontent.col-md-9{ width: 100%; padding-top: 150px !important;}.page_wrapper_bg section.call_to_action { padding-top: 0 !important;}.hgroup .breadcrumb { margin-bottom: 10px;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 27vw!important; height: 27vw!important;}.hgroup { top: 40px;}.article1.id75 .pagecontent.col-md-9 { padding-top: 100px !important;}.qc_step_tit { margin: 50px 0;}.qc_page { max-width: 100%;}.process_tab img { height: 20vw;} .recruitment .position{ padding-top: 80px;}.article5 .pagecontent .article_model[data-seq="1"]:before{display: none;}.ab_no_full { max-width: 90%;}.ab_grid_box { grid-template-columns: auto;}.ab_grid_box h3 { border-right: 0;}.ab_no_full { max-width: 90%; margin-top: 0;}.article5 .page_wrapper_bg section.call_to_action { padding-top: 80px !important;}.ab_p_tit h2 { text-align: center;}.eformscontent .layoutlist_1 { margin: 100px auto 0;}.faq1 .pagecontent { margin-top: 100px !important;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) { .banner_video { width: 36%; } .feature_block.index_sec { padding-top: 80px; } .index_sec { padding: 80px 0; }.index .feature_left .section-subject { max-width: 46%;}.index .main-title, .page_wrapper_bg .hgroup .pageTitle { font-size: 3rem;} .ab_p_tit h2{font-size: 3rem !important;}.index .sub-title, .RWDvideo002 h2.sub-title { letter-spacing: 1px;}.s015-swiper-pagination.swiper-pagination { top: 58vw;} .s015_imgblock .s015_img, .s015_imgblock, .s015_pc_text .s015_textblock, .steps_bg_sticky, .steps_bg:after { height: 42vw; } .banner_video { width: 32%; } .feature_block.index_sec { height: 80vw; } .index .feature_left .section-subject { margin-bottom: 30px; } .deco_tit img { max-width: 21px; } .RWDscore01 .count-item:nth-child(2) span.count-str, .RWDscore01 .count-item:nth-child(3) span.count-str { right: 20%; } .RWDscore01 .count-title, span.count-str { font-size: 14px; } .RWDscore01 .count-item { width: 14.5vw; } .index_ab_txt { padding: 0 50px 0 100px; } .ft_logo { grid-column: auto; } .footer_block .container { grid-template-columns: auto; } .ft_menu { padding-left: 0; } .ft_left { padding-right: 0; border-right: 0; margin-bottom: 50px; }.factory_btn { text-align: left;} .ft_menu .RWDedictor a { width: auto; }.page_wrapper_bg section.call_to_action>.container { padding: 0 50px;}#sidebar:before { width: calc(100% + 100px); left: -50px;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 30vw!important; height: 30vw!important;}.article1.id65 .tabs nav li a { height: 10vw !important; width: 10vw;}.article1.id65 #product_tabs nav { margin-bottom: -5vw;}.rwdlayoutlist_9 .litem__text { padding: 20px; width: 85%;}br.vis_ph { display: block;}.ab_no_full.ab_bg_t p, .ab_no_full.ab_bg_t h3 { max-width: 70%;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .features .edit { display: block;}.RWDmenu_plus04 .features:after { display: none;}.RWDmenu_plus04 .features { margin-right: 0; padding-right: 0;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action {padding: 50px 0 80px;}/*產品內頁-01*/ .page_content1 #prod_price {margin-top: 18px;}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 4) !important;}/*文章列表-04*/#article .layoutlist_4 .item{flex-direction:column}#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate{width:100%}#article .layoutlist_4 .item .list_img{padding:0;margin:0 0 10px}#article .layoutlist_4 .list_subject{padding:0;margin:0 0 10px}#article .layoutlist_4 .listdate{border:0;display:flex;align-items:center;padding: 0;}#article .layoutlist_4 .listdate .day:before{content:"/";margin-right:5px}#article .layoutlist_4 .listdate .day{font-size:12px;color:#afafaf;position:relative;margin-left:5px}/*文章列表-G*/ .layoutlist_8 .list_subject {padding-left: 2rem;}/*電子表單*/ .form-group label {padding-left: 0!important;padding-right: 0!important;}#join_form .form-checkbox, #join_form .form-radio {padding: 0 0 0 28px !important;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .banner_video { width: 45%;}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 8.5vw;}.RWDbanner_plus01 .slick-caption .txt4 { border-top: 1px solid #bbb; padding-top: 10px; margin-top: 10px;}.RWDbanner_plus01 .slick-caption { top: 16%;}.RWDbanner_plus01 .slick-caption .txt3 { margin-top: 30px;}.RWDbanner_plus01 .slick-caption .container { width: 80%;}.RWDbanner_plus01 .logo { display: none;}.steps_block.index_sec .container,.feature_top,.feature_content,.steps_bg { width: 100%; padding-left: 0px;}.feature_right { right: 30px;}.index .sub-title,.RWDvideo002 h2.sub-title { font-size: 18px; letter-spacing: 1px;}.index .feature_left .main-title br { display: none;}.feature_left { margin-top: 50px;}.feature_top img { height: 30vw;}.feature_block.index_sec { height: auto; padding: 80px 0;}.feature_left { padding-left: 80px;}.steps_title { background: #fff; padding: 80px 80px 50px;}.works_block { background: #f6f6f6;}.RWDservice015 { padding-left: 80px;}.feature_block .deco_tit { left: -30px;}.feature_top { padding-left: 80px;}.steps_title .deco_tit { right: 0; left: auto; transform: translate(0%, 0);}.RWDservice015 { padding: 0 80px;}.RWDservice015 .center { max-width: 100%; border-top: 1px solid #ddd;}.RWDbtn01 { background: transparent;}.s015_imgblock .swiper-slide:last-child { margin-bottom: 0;}.about_block.index_sec { padding-top: 100px;}.steps_block:before,.feature_block:before { display: none;}.steps_block.index_sec { padding-top: 80px; overflow: hidden;}.steps_block.index_sec { padding-top: 0;}.index .steps_block .section-subject { margin-bottom: 0;}.s015_textblock { margin-bottom: 30px;}.s015_imgblock { width: 100%;}.steps_bg { display: none;}.s015_imgblock,.s015-swiper-pagination.swiper-pagination { top: 0;}.s015_imgblock,.s015_imgblock .s015_img,.s015-swiper-pagination.swiper-pagination { height: auto;}.RWDservice015 .section-subject { margin-bottom: 0;}.s015_memo,.s015_subtitle { padding-left: 0; grid-column: 2;}.s015_imgblock { margin-top: 50px;}.s015_title h8 { width: 50px; height: 50px;}.s015_imgblock .s015_img { height: 35vw; object-fit: cover; padding-left: 80px;}.s015_imgblock .swiper-slide:before { content: ""; position: absolute; width: 1px; height: calc(100% + 50px); background: #ddd; left: 25px; top: 0;}.s015_imgblock .swiper-slide { display: flex; margin-bottom: 50px; flex-direction: column-reverse;}.steps_block .RWDbtn01 { padding: 30px 0 80px;}.s015_imgblock .swiper-slide:last-child:before { display: none;}/**/ .works_block.index_sec .container { border-top: 0;}.works_block.index_sec { padding-bottom: 30px;}.RWDproduct002_v3 .filter-portfolio { border-top: 1px solid #ddd;}.RWDproduct002_v3 .popup-portfolio { margin: 0;}.works_block.index_sec { padding-top: 0;}.works_title .deco_tit { right: 65px; top: 80px;}.works_title .ene_tit { display: none;}.works_title .section-subject { padding: 80px 50px 50px; flex-wrap: wrap; border-bottom: 0; display: block;}.works_right { background: #f6f6f6;}.works_left { display: none;}.RWDproduct002_v3 { padding: 0;}/**/ .index_ab_pic { aspect-ratio: inherit;}.company_tit { grid-template-columns: 40px auto;}.index_ab_txt { padding: 0 50px 0 120px;}.s015_subtitle { border-bottom: 0;}.s015_title { margin-bottom: 5px;}.about_block:before { width: 44vw; height: 44vw;}.about_block .model { grid-template-columns: 17% auto;}.index_ab_pic img { object-fit: cover; height: 40vw;}.index_ab_pic { grid-column: 1/3; margin-top: 80px; overflow: hidden;}.about_block .container { width: 100%; padding-left: 50px;}.contact_txt { padding: 15vw 15px;}.ft_logo .co-company a { padding-right: 10px; margin-right: 10px;}/* 匯入內頁版面寬度80%*//*麵包屑*/section.hgroup {margin: 0 0 20px;}.hgroup .container{margin: 0 0 50px;}.hgroup .page_subject{text-align: center;}.page_wrapper_bg .hgroup h1{margin:0 0 20px;}.hgroup .breadcrumb{text-align: center;float: none !important;position: static;padding: 0;border:0;}/*編輯器 圖文*/ .RWDeditor01 .col-md-6{padding-left:0px;padding-right:0px;margin-bottom:20px;}.RWDeditor01 .col-md-6 img{width:100%;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 40px !important;}/*文章列表樣式*/ .RWDslider01 .products-list .products-item .box {align-items: flex-start;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}/*文章列表樣式-07*/#article .layoutlist_7 .litem { width: calc(100% / 3 - 1px);margin: 15px 0px;}/*文章列表樣式-08*/ .litem__text {width: 85%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: calc(100% / 3 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row {display: flex;flex-wrap: wrap;}#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 3 - 1px);}#product .item .subject {margin-top: 15px;margin-bottom: 10px;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: calc(100% / 3 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/3 - 1px);}/*相簿列表樣式*/ .layoutlist_1 .row a, .row .album_d_item a {padding-bottom: 0;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {width: calc(100% / 3 - 1px);padding: 0 15px;}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 3) !important;}/*相簿內容樣式-04*/ .album-list {display: flex;flex-wrap: wrap;}.album-list .item {width: calc(100% / 3);}/*檔案下載樣式-02*/ .download .list_table .container::after { clear: none;}.download .list_table .container .row::after { clear: none;}.download .list_table .container .row div:last-child {clear: none !important;}.download .oneline {border-bottom: none;clear: none;}/*電子表單*/ .eformscontent .layoutlist_1 {width: 100%;}.eformscontent .form-horizontal .control-label{padding:0!important;width:100%}.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11{width:100%;padding:0!important}.eformscontent .form-horizontal .col-sm-12.col-md-5 {padding: 0 !important;}.eformsDesc {margin: 50px 0 0;}/*影片列表*/ .layoutlist_2 .video_item { width: calc(100% / 3 - 1px);}/*產品內頁-02*/#sidebar { padding: 0 !important; margin: 0 0 30px;}/*購物車按鈕pad*/#mobile-fixed .btn-box .normal {background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}#mobile-fixed .btn-box .bg2{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff ;background: #000 ;}.RWDshopping #mobile-fixed .btn.normal {color: #444;}/*檔案下載*/ .download .search-container { margin-left: 20px;margin-top: 0;}.eformscontent .col-sm-12.col-md-11, .eformscontent .col-sm-12.col-md-5 { width: 100%;}.grid_two.qc_b { grid-template-columns: auto;}.grid_two.qc_b h4 { margin-top: 30px;}.grid_six { grid-template-columns: repeat(2,1fr);} .article1.id75 .pagecontent.col-md-9 { padding-top: 80px !important;}.article4 .hgroup, .article3 .hgroup { top: 20px;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 35vw!important; height: 35vw!important;}.hgroup { top: 10px;}.pagecontent.col-md-9, .article4 .pagecontent.col-md-9, .article3 .pagecontent.col-md-9 { padding-top: 50px !important;}.article1.id65 .tabs nav li a { height: 12vw !important; width: 12vw;}.article1.id65 #product_tabs nav { margin-bottom: -6vw;}.article1.id65 .tabs .content { padding: 10vw 50px 80px 50px !important;}.grid_two.qc_page { grid-template-columns: repeat(2, 1fr);}.qc_box span { margin-bottom: 15px;}.rwdlayoutlist_9.row { grid-template-columns: repeat(2, 1fr);}.rwdlayoutlist_9 .litem { padding: 0;}.webdesc { margin-bottom: 50px;}.article5 .pagecontent .RWDtimeline01 { grid-template-columns: auto;}.article5 .RWDtimeline01 .timeline-in { padding: 80px 10%;}.article5 .RWDtimeline01 .line_dot, .article5 .RWDtimeline01 .line_dot2 { left: calc(10% + 5px); top: 110px !important;}.ab_p_curve_b { display: flex; flex-direction: column-reverse;}.ab_p_curve_b .ab_logo { max-width: 250px; margin-bottom: 50px;}.ab_p_txt h3 { margin-bottom: 30px !important;}.grid_three.ab_p_pic img { margin: 0;}.grid_three.ab_p_pic { grid-gap: 10px; grid-template-columns: repeat(3,1fr);}.article5 .pagecontent .RWDtimeline01:before{display: none;}.article5 .RWDtimeline01 .model-title { padding: 100px 10% 30px;}.con_box { text-align: center; display: block;}a.con_phone { margin: 15px auto 0; max-width: 300px;}.con_txt { border-right: 0; padding-right: 0;}.ab_grid_box.ab_no_full { border-top: 1px solid #ddd; padding-top: 80px; max-width: 100%; padding-right: 10%;}.article5 .pagecontent .article_model[data-seq="1"] { background: transparent; margin-top: 0 !important;}.article5 .pagecontent .article_model[data-seq="1"] .editor { padding: 0;}.ab_p_tit h2 { border-bottom: 1px solid #ddd; padding-bottom: 30px; margin: 0 0 30px;} } /*991px end*/ /*900px start*/ @media (max-width: 900px) { .RWDscore01 .count-num { font-size: 2.8rem; } .RWDscore01 .count-item { width: 15vw; }.process_one_box { grid-template-columns: 28% auto;}} /*900px end*/ /*850px start*/ @media (max-width: 850px) { .feature_right { grid-row: 1; position: relative; right: 0; margin-top: -5%;}.feature_left { grid-column: auto; padding: 30px 50px 0;}.feature_block.index_sec:after { content: ""; position: absolute; width: 100%; height: 3px; background: linear-gradient(to right, transparent ,#fff 20%,#fff 80%, transparent); top: 0; left: 0; z-index: 2;}.feature_left { margin-top: 30px;}.index .feature_left .section-subject { max-width: 100%; text-align: center;}.RWDscore01 .score-blk { transform: scale(1);}.feature_content { grid-template-columns: auto;}.RWDservice015 { padding: 0 50px;}.RWDscore01 .count-blk .swiper-slide:before { display: none;}.feature_block.index_sec { height: auto; padding-bottom: 80px; padding-top: 0;}.RWDscore01 .count-item:first-child { margin-bottom: 0;}.RWDscore01 .count-item:nth-child(2) span.count-str,.RWDscore01 .count-item:nth-child(3) span.count-str { right: auto; position: relative; display: block; bottom: 0; margin-left: 0;}.RWDscore01 .count-title,span.count-str { font-size: 13px;}.feature_top img { height: 40vw; object-position: right top;}.feature_top { padding-left: 0;}.feature_block .deco_tit { display: none;}.steps_title { padding: 80px 50px 50px;}.RWDscore01 .count-num { font-size: 3rem;}.RWDscore01 .count-item:first-child,.RWDscore01 .count-item { width: 22vw; height: 22vw; background: #e83928; border-radius: 50%; margin: 0 10px;}.RWDService002 .col-md-4 { float: left; width: 25%; text-align: center; margin-right: 0; padding: 0 10px;}.RWDService002 .funny-boxes>.funny-boxes-text>.funny-boxes-tit { text-align: center;}/* 匯入內頁版面寬度80%*//*文章列表樣式-04*/#article .layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}/*圖文輪播*/ .RWDslider01 .products-list .box {display: flex;flex-direction: column;}.RWDslider01 .products-list .products-item .box {flex-direction: column;justify-content: flex-start;}.RWDslider01.pic-right .products-list .products-item .box {flex-direction: column;}.RWDslider01 .pic-list, .RWDslider01 .text {width: 100%; padding: 0 !important;}.RWDslider01 .control-box {right: 0;position: relative; width: 100%; text-align: center;}.RWDslider01 .pic-list,.RWDslider01 .text,.RWDslider01 .pic img {width: 100%;}.RWDslider01 .pic-list {padding-right: 0;}.RWDslider01.pic-right .pic-list { padding-left: 0;}.pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {margin-top: 30px;}.grid_two { grid-template-columns: auto; grid-gap: 15px;}.grid_three.nogap, .grid_three { grid-template-columns: repeat(2, 1fr); grid-row-gap: 15px;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 40vw!important; height: 40vw!important;} .article5 .pagecontent .RWDeditor01 .editor { width: 100%; padding-left: 50px !important;}.ab_no_full { max-width: 100%; padding-right: 50px !important;} .ab_no_full.ab_bg_t { max-width: 100%; padding-right: 50px !important;} } /*850px end*/ /*812px start*/ @media (max-width: 812px) {.article5 .RWDtimeline01 .timeline-in { padding: 80px 50px;}.article5 .RWDtimeline01 li.event:before { left: -2px; right: 0;}.article5 .RWDtimeline01 .line_dot, .article5 .RWDtimeline01 .line_dot2 { left: 22px;top: 110px !important;}.article5 .RWDtimeline01 li.event .point { padding-bottom: 0;}.pagecontent .RWDtimeline01 { max-width: 100%;}.RWDtimeline01 li.event .point { padding-left: 100px;}.RWDtimeline01 li.event:before { left: 30px;}.article5 .RWDtimeline01 li.event .point { padding-left: 50px;}} /*812px end*/ /*800px start*/ @media (max-width: 800px) { /* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 20px;}/*按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{ width: auto !important;}.block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn {margin-top: 30px !important;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth {padding-bottom: 0px;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}#article .layoutlist_4 .listdate .yearmonth {letter-spacing: 1px;}#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}#article .layoutlist_4 .list_subject .summary {margin: 10px 0px 0;}#article .layoutlist_4 .list_subject a { margin: 0px !important;}/*產品檔案下載按鈕*/ .productcontent .page_content1 .download_container .btn {float: none; margin: 60px auto 0 !important; display: block; max-width: 250px; padding: 5px;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}.layoutlist_2 .album_item {padding: 0 10px;}/*檔案下載樣式-02*/ .layoutlist_3 .dbtn_v2 {width: 100%;text-align: center;}/*電子表單*/ .form-horizontal .control-label {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 { width: 100%; padding: 0;}.grid_two.al_center { grid-template-columns: auto; margin: 15px 0;}.text-center br { display: none;}.process_tab img { height: 25vw;}.ab_no_full.ab_bg_t p br { display: none;}.ab_no_full.ab_bg_t p, .ab_no_full.ab_bg_t h3 { max-width: 80%;} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .RWDmenu_plus04 .header,.RWDmenu_plus04 .header.is-up { padding: 0 30px;}.RWDmenu_plus04 .features .edit { display: none;}.RWDmenu_plus04 .features .search-btn { margin-right: 0;}.RWDbanner_plus01 .slick-caption { top: 20%;}.RWDbanner_plus01 .slick-caption .container { width: 85%;}.RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - 130px) !important;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 3rem;}.RWDbanner_plus01 .slick-caption .txt3 span { font-size: 18px; letter-spacing: 1px;}.RWDbanner_plus01.style-dotnav .control-box .control { padding: 0 0 80px;}.banner_video { width: 100%;}.index .main-title, .page_wrapper_bg .hgroup .pageTitle{ font-size: 38px;}.ab_p_tit h2{font-size: 38px !important;}.RWDService002 .col-md-4 { width: 50%;}.deco_tit { display: none;}.RWDbanner_plus01.style-dotnav .control-box .control { vertical-align: bottom;}.steps_title,.works_title .section-subject { text-align: center;}.RWDproduct002_v3 .filter-portfolio ul { text-align: center;}.RWDservice015 { padding: 0 50px;}.RWDproduct002_v3 .row { padding: 0 15px;}.index_ab_txt { padding: 0 50px 0 80px;}.company_tit { grid-template-columns: auto;}.contact_txt { padding: 80px 15px; height: 100vw;}.contact_block .RWDparallax_new .picbgbox { background-position: bottom !important; filter: brightness(0.8);}.co-company { display: grid; grid-template-columns: 1fr 1fr;}.ft_logo .co-company b { grid-column: 1/3; margin-bottom: 5px; padding-right: 0;}.ft_left .model { grid-template-columns: auto;}.ft_logo .co-company a:nth-child(2n+1) { border: 0; margin: 0; padding: 0;}.factory_btn { grid-column: auto;}.RWDmobile_bottom_v2 .icon { margin: 0; height: auto;}.RWDmobile_bottom_v2 .icon { font-size: 23px;}.mobile_bottom__a { display: flex; align-items: center; justify-content: center; height: 55px;}.RWDmobile_bottom_v2 .icon img { width: 22px;}.mobile_bottom__li { border-left: 1px solid #ccc; border-right: 0;}.mobile_bottom__li:first-child { border-left: 0;}.RWDmobile_bottom_v2 .icon img { width: 35px;}.mobile_bottom__li:last-child a { background: #3b65af;}.about_block.index_sec { padding-bottom: 80px;}.s015_textblock .s015_subtitle { display: block; border-bottom: 0;}.RWDproduct002_v3 .filter-portfolio ul>li { margin: 0 10px;}li.mobile_bottom__li:last-child { display: block;}.fixed_btn { width: 100%;}li.mobile_bottom__li a { border: 0; margin-top: 0;}.fixed_btn { opacity: 1; pointer-events: all;}/* 匯入內頁版面寬度80%*//*文章列表樣式-02*/#article .layoutlist_2 {display: flex; flex-wrap: wrap;}#article .layoutlist_2 .item {width: calc(100% / 2 - 21px);margin: 0 10px;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate{padding-left:0px;padding-right:0;}#article .layoutlist_2 .listdate .yearmonth {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_2 .listdate .yearmonth::after {content: "/";position: relative;display: inline-block;}#article .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .listdate .day {display: inline-block;}#article .layoutlist_2 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;margin-left: -3px;}/*文章列表樣式-03*/#article .layoutlist_3 { display: flex;flex-wrap: wrap;}#article .layoutlist_3 .item { width: calc(100% / 2 - 21px);margin: 0 10px;}#article .layoutlist_3 .listdate .day {color: #afafaf; font-size: 12px;letter-spacing: 2px;}#article .layoutlist_3 .listdate .day::before {content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow {display: flex; flex-wrap: wrap;}#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: calc(100% / 2 - 21px);margin: 0 10px;}/*文章列表樣式-06*/ .rwdlayoutlist_6 .subject_title{display: flex;align-items: center;}.rwdlayoutlist_6 .list_no{width: 16.66666667%;}.rwdlayoutlist_6 .list_subject{width: 66.66666667%;}.rwdlayoutlist_6 .list_date{width: 16.66666667%;}.rwdlayoutlist_6 .list_item{display: flex; justify-content: flex-start;align-items: center;}.rwdlayoutlist_6 .list_item .column.no {width: 16.66666667%;}.rwdlayoutlist_6 .list_item .column.subject{width: 66.66666667%;}.rwdlayoutlist_6 .list_item .column.date{width: 16.66666667%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {width: calc(100% / 2 - 1px);}.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}/*文章列表樣式-08*/ .layoutlist_8.rwd{display:flex;flex-wrap: wrap;}.layoutlist_8.rwd .item{border-bottom:0;width: calc(100% / 2);}.layoutlist_8.rwd .list_img+.list_subject {margin-top: 15px;}.layoutlist_8 .list_subject {padding-left: 15px;}/*左右圖文輪播PAD*/@media screen and (min-width: 415px) and (max-width: 767px){.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column}.RWDslider01 .text{width:100%}.RWDslider01.pic-right .pic-list {padding: 0;}.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column;width:90%;margin:auto;padding:0!important}.RWDslider01 .pic-list{width:100%;padding:0;margin:auto;float:none!important}.RWDslider01.pic-right .control-box{left:50%;transform:translateX(-50%);text-align:center;right:auto}.RWDslider01 .control-box{right:auto;left:50%;transform:translateX(-50%)}}/*文章列表頁籤*/ .tab_content {margin-top: 20px}/*文章頁籤修正*/ .tab {padding: 20px 0;}.tab.open .tab_title {margin: 0 0 20px;}/*產品頁籤*/ .RWDproduct_page .faq-item .faq-question{padding:15px 0}.RWDproduct_page .faq-item .faq-question:before{display:flex;justify-content:center;align-items:center}.RWDproduct_page .faq-item .editor{padding:30px}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: calc(100% / 2 - 1px);}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: calc(100% / 2 - 1px);}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {width: calc(100%/2);float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: calc(100%/2 - 1px);}#product .layoutlist_5.layoutlist {display: flex;flex-wrap: wrap;}#product .layoutlist_5.layoutlist .col-sm-4 {width: calc(100% / 2 - 1px);}/*產品我的最愛按鈕調整*/ .RWDproduct_page .btn-other{margin:10px 0}.RWDproduct_page .btn-other li{width:100%;display:block;text-align:left;padding:0}.RWDproduct_page .btn-other li .ii{display:inline-block}.RWDproduct_page .btn-other li button{text-align:left}/*相簿列表樣式-01*/#album .layoutlist_1 .row.masonry {display: flex;flex-wrap: wrap;}#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 2 - 1px) !important;padding: 0 10px;}/*相簿列表樣式-02*/#album .layoutlist_2 {display: flex; flex-wrap: wrap;}#album .layoutlist_2 .album_item { width: calc(100% / 2 - 1px);}/*相簿內容樣式-01*/ .albumcontent section.call_to_action .container .article-text .container .row { display: flex;flex-wrap: wrap;}.row .album_d_item {width: calc(100% / 2 - 1px);}/*相簿內容樣式-03*/ .photo .content_box {width: calc(100% / 2) !important;}/*相簿內容樣式-04*/#article .layoutlist_4 .item{display: initial;}.album-list .item {width: calc(100% / 2);}#article .layoutlist_4 .listdate .yearmonth {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important; padding: 0;}#article .layoutlist_4 .listdate .yearmonth, .layoutlist_4 .listdate .day {display: inline-block;}#article .layoutlist_4 .listdate .day {color: #afafaf !important;font-size: 12px !important;letter-spacing: 2px !important;}#article .layoutlist_4 .listdate .day::before {content: " / ";}/*相簿內容箭頭*/ .photo_view .flex-direction-nav .flex-disabled{ opacity: 10!important;}/*檔案下載樣式-01*/ .download .list_table td.list_subject {text-align: center;}.download .list_table th.split{display:none}.download .list_table td{line-height:1.5;padding:10px}.download .list_table th.list_downloadbtn,.download .list_table th.list_no,.download .list_table td.list_no{min-width:100px}.download .list_table th.list_date{width:calc(100% - 200px)}.download .list_table td.split {display: none;}/*檔案下載樣式-02*/ .download .item table tr { display: flex;flex-direction: column;}.download .oneline {display: flex; flex-wrap: wrap;}.download .list_table td { width: 100%;padding-top: 15px;}.download .list_table td:nth-child(2) { display: none;}.download .oneline .col-md-4.col-sm-6 { width: calc(100% / 3);}.layoutlist_5 .downlaod_item { width: calc(100%/2);}/*影片列表*/#video .layoutlist_2 {display: flex;flex-wrap: wrap;}#video .layoutlist_2 .video_item { width: calc(100% / 2 - 1px);}/*購物車呼籲置底*/#mobile-fixed .fixed-bottom .price-box{text-align: center;}#mobile-fixed .btn-box.step1 li, #mobile-fixed .btn-box.step2 li {padding: 0 1px;}#mobile-fixed .btn-box .normal {text-align: center;padding: 10px 0;font-size: 15px !important;}#mobile-fixed .btn-box ul {display: flex;}.page_wrapper_bg .pagecontent.col-md-9, .article4 .pagecontent.col-md-9, .article3 .pagecontent.col-md-9 { width: 100%; padding: 50px 0 0 !important;}.grid_two.qc_page { grid-template-columns: auto;}.rwdlayoutlist_9 .subject { font-size: 18px;}.rwdlayoutlist_9 .summary { font-size: 14px !important; letter-spacing: .5px !important;}.rwdlayoutlist_9 .litem__text { width: 90%;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 50vw!important; height: 50vw!important;}.article1.id65 .tab { border-top: 0; padding: 0; margin-top: 30px; margin-bottom: 50px;}.article1.id65 .tab_content { display: block !important;}.article1.id65 .tab_title { display: none;}.article1.id65 .tab:last-child { border-bottom: 0;}.article5 .RWDtimeline01 .model-title { padding: 80px 50px 30px;}.webdesc { padding: 30px;}.process_bigtit:before, .process_bigtit:after{display: none;}.ab_no_full.ab_bg_t p, .ab_no_full.ab_bg_t h3 { max-width: 90%;}.eformsDesc { text-align: left;}.eforms1 .hgroup, .faq1 .hgroup { top: -40px;} } /*767px end*/ /*600px start*/ @media (max-width: 600px) { .fl img { width: 450px;}body,html,.wrapper_bg { font-size: 15px; letter-spacing: .5px;}.RWDmenu_plus04 .logo, .RWDmenu_plus04 .is-up .logo { width: 155px; margin-top: 8px;}.RWDmenu_plus04 .features .search-btn { margin-right: 15px;}.RWDbanner_plus01 .slick-caption .container { width: 90%;}.RWDbanner_plus01.style-dotnav .control-box .control { padding: 0 25px; text-align: left;}.RWDbanner_plus01 .slick-caption .txt4 span { font-size: 14px;}.RWDbanner_plus01 .slick-caption .txt4 span h8 { padding-right: 10px; margin-right: 10px; display: inline-block; margin-bottom: 3px;}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 44px;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 38px;}.video_left { font-size: 12px;}.banner_video { z-index: 3;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon { width: 27px; height: 27px;}.RWDvideo007 .RWDvideo007__iframe .playBtn .playIcon:after { border-width: 5px 0 5px 8px;}.RWDbanner_plus01.style-dotnav.control-left .control-box,.RWDbanner_plus01.style-dotnav.control-right .control-box { top: initial; position: absolute; bottom: 60px; width: 100%; height: inherit !important;}.RWDbanner_plus01.style-dotnav .control-box .items,.RWDbanner_plus01.style-dotnav .control-box .items li,.RWDbanner_plus01.style-dotnav .slick-arrow { display: inline-block; vertical-align: middle;}.RWDbanner_plus01.style-dotnav.control-left .plus-banner-container,.RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { position: relative; top: inherit; left: 0; right: 0;}.RWDscore01 .count-item span:nth-child(2) { display: none;}.funny-boxes.not-right-column { padding-bottom: 15px;}.index_ab_txt { padding: 0 30px 0 50px;}.feature_top img { height: 55vw;}.steps_title { padding: 80px 30px 50px;}.about_block .container { padding-left: 30px;}.index_ab_pic { margin-top: 50px;}.index_ab_pic img { height: 60vw;}.RWDproduct002_v3 .portfolio-item { width: 100%;}.RWDproduct002_v3 .portfolio-item { padding: 0px !important;}.works_title .section-subject { padding: 80px 30px 50px;}.RWDservice015 { padding: 0 30px;}.feature_left { padding: 0px 30px 0;}.RWDbtn01 .btn,.to_btn a,.call_btn a { max-width: 100%;}.RWDbtn01 .btn { max-width: calc(100% - 60px);}.RWDproduct002_v3 .section-subject.row .col-md-12,.RWDproduct002_v3 .row:nth-child(2) .col-md-12 { padding: 0 15px;}.RWDscore01 .count-item:first-child,.RWDscore01 .count-item { width: 28vw; height: 28vw; margin: 0 5px;}.s015_textblock .s015_subtitle { padding-bottom: 0;}.RWDproduct002_v3 .portfolio-item { margin-bottom: 30px; height: auto !important;}.index .feature_left .main-title br { display: block;}.contact_txt { padding: 50px 15px; height: 120vw;}.index_ab_in.no01 { border: 0; margin-bottom: 30px; padding-top: 30px;}.about_block.index_sec { padding-top: 0;}.about_block .container { padding-left: 0px;}.animated .index_ab_pic { animation-delay: .3s;}.index_ab_pic { margin-top: 0; grid-row: 1;}.index_ab_txt { padding: 0 30px;}.logo_title p { font-size: 16px; margin: 0; writing-mode: inherit; letter-spacing: 1px;}.logo_title { max-width: 70%; margin: 80px 30px 30px; z-index: 1; display: block;}.index_ab_pic { grid-column: auto;}.company_tit { aspect-ratio: initial;}.about_block .model { grid-template-columns: auto;}.index_ab_pic img { height: 60vw; object-position: center 79%; filter: brightness(1.3);}.about_block:before { display: none;}.logo_title img { display: none;}.logo_title img.vis_ph { display: block;}.ft_other { margin-top: 80px; padding-bottom: 80px;}.ft_logo .co-company a { padding: 0; margin: 0; border: 0;}.ft_other { flex-direction: column; align-items: flex-start; text-align: left; padding: 20px 30px 80px;}.RWDssl01 { padding: 0;}.co-company { grid-template-columns: auto;}.ft_logo .co-company b { grid-column: auto;}.footer_block .container { width: 100%; padding: 0 30px;}/* 匯入內頁版面寬度80%*//*標題*/ .hgroup {padding-left:15px; padding-right:15px;}.hgroup h1{margin-bottom: 50px;line-height:1.8;}.hgroup .container {margin: 0;}/*按鈕*/ .btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary{ width: 100%!important;}/*container*/ .page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg .article-text .container {padding: 0;}section.hgroup {padding: 0;}/*fixrow*/ .fixrow{padding-left:0px !important;padding-right:0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item { width: 100%; margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item {width: 100%; margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: 100%; margin: 10px 0;}/*文章列表樣式-06*/ .rwdlayoutlist_6 ul { margin: 0;}.rwdlayoutlist_6 li { margin: 0;border-bottom: #dfdfdf solid 1px;padding: 10px 0 10px;}.rwdlayoutlist_6 .subject_title{display:none;}.rwdlayoutlist_6 .list_item{text-align: center;flex-direction: column}.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date{width:100%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {width: 100%;padding: 0 0 40px;margin: 0 0 40px;border-bottom: 1px solid #eee;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item{border-bottom: 1px solid #eee;width: 100%;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: 100%;}/*左右圖文輪播PH*/ .RWDslider01 .pic-list{width:100%;}/*文章檔案下載*/ .file_area {margin: 0 0 10px;}#file_dlist, .page_wrapper_bg .dd-select, .file_area {width: 100% !important;}.download_container .btn {width: 100%;}/*電子表單*/ .new-form {margin-top: 0;}.webdesc {margin: 0 0 30px;}/*相簿上下方說明*/#album .page_desc {margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 30px 0 0;}.photo_discription .text{font-size:16px!important;line-height:1.5!important;margin:30px 0;color:#333!important;letter-spacing:2px;font-weight:400}/*相簿列表樣式-01*/ .layoutlist_1 .album_item {width: 100% !important;}#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 1 - 1px) !important;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {margin: 10px 0px 20px !important;width: 100%;}#album .layoutlist_2 .album_item {width: 100%;padding: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: 100%;padding: 0;}#btn_shopping { width: 100%;margin: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: 100%;}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {width: calc(100%/1);float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-4 {width: 100%;}#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: 100%;}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li { padding: 30px;}/*產品檔案下載*/ .productcontent .page_content1 .download_container .btn {max-width: 100% !important;}/*相簿內容樣式-01*/ .row .album_d_item { width: 100%;}/*相簿內容樣式-03*/ .photo .content_box {width: 100% !important;}/*相簿內容樣式-04*/ .album-list .item {width:100%;}/*檔案下載樣式-02*/ .download .oneline .col-md-4.col-sm-6 {width: 100%;margin-bottom: 20px;}/*影片列表*/#video .layoutlist_2 .video_item {width: 100%;margin: 0 0 40px;}/*產品內頁-01*/#member_org_price, #prod_fixprice {margin-top: 25px;}.page_content1 #prod_price {margin-top: 5px;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal {width: 100%;margin: 5px 0;}.shopping-step li span.name {font-size: 13px !important;}#mobile-fixed .btn-box {width: 180px;}#mobile-fixed .fixed-in {width: calc(100% - 180px);letter-spacing: 0;}/*詢問車按鈕*/ .RWDquiry .btn.normal {width: 100%; margin: 5px 0;}/*會員註冊變更位置*/@media (max-width: 575px) {.login_box_footer { position: relative; padding: 20px 0 0; margin: 20px 0 0;}}.page_wrapper_bg section.call_to_action>.container { padding: 0 30px;}.grid_six, .process_one_box { grid-template-columns: auto;}.qc_box span { width: 60%;}.qc_step_tit span { display: block; border: 0; padding: 0; margin: 0;} .qc_step_tit span { font-size: 16px; font-weight: 400;}.qc_step_tit { margin: 30px 0;}.process_one_box p { padding: 15px; text-align: center;}.qc_sub { margin-bottom: 15px; text-align: left;}.qc_one_tit, .process_one_tit { justify-content: center; padding: 8px; font-size: 16px;text-align: center;}.grid_two.qc_b { margin: 15px 0; padding-top: 50px;}.process_one_tit span { display: inline-block; padding-right: 10px;}._bd_row hr { margin: 30px 0!important;}#sidebar:before { width: calc(100% + 60px); left: -30px;}.grid_three.nogap, .grid_three { grid-template-columns: auto;}.scc_infobox { margin-left: 0;}.rwdlayoutlist_9.row { grid-gap: 10px;}.rwdlayoutlist_9 .litem__text { padding: 15px 0; width: 100%; margin: 0;}.rwdlayoutlist_9 .summary { margin-bottom: 0px;}.page_wrapper_bg .pagecontent.col-md-9, .article4 .pagecontent.col-md-9, .article3 .pagecontent.col-md-9 { padding: 30px 0 0 !important;}.pagecontent .single-photo { margin-top: 30px !important;}.page_wrapper_bg .article-text h2 { font-size: 26px; letter-spacing: .5px;}.page_wrapper_bg .article-text h3, .process_tab_tit { letter-spacing: .5px; font-size: 20px !important;}._bd_is-btn-ghost2 { margin: 15px 0 0;}._bd_is-btn-ghost2, .btn.btn_back a, .ebtn a, ._bd_is-btn-ghost1 { min-width: 100%;} .ab_circle { width: 100px; height: 100px;}.page_wrapper_bg .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: 57vw!important; height: 57vw!important;}.article5 .pagecontent .RWDeditor01 .editor { width: 100%; padding-left: 30px !important;}.ab_no_full { max-width: 100%; padding-right: 30px !important;} .ab_no_full.ab_bg_t { max-width: 100%; padding-right: 30px !important;} .article5 .pagecontent .RWDslider01, .article5 .pagecontent .RWDeditor01 { margin-top: 80px !important;}.article5 .RWDtimeline01 .timeline-in { padding: 50px 30px 80px;}.article5 .RWDtimeline01 .line_dot, .article5 .RWDtimeline01 .line_dot2 { left: 2px;top: 80px !important;}.article5 .RWDtimeline01 li.event .point { padding-right: 0;}.page_wrapper_bg .article-text h3 br, .process_tab_tit br { display: none;}.ab_p_curve_b img { max-width: 200px;}.article5 .pagecontent .RWDslider01, .article5 .pagecontent .RWDeditor01 { margin-top: 60px !important;}.article5 .RWDtimeline01 .model-title { padding: 80px 30px 30px}a.con_phone { max-width: 100%;}.rwdlayoutlist_9 .subject { font-size: 16px; letter-spacing: .5px;}.grid_three img { margin: 0;}.RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 { left: -25px;}.RWDtimeline01 li.event:before { left: -2px;}.RWDtimeline01 li.event .point { padding-left: 50px; padding-right: 0;}.grid_three.ab_p_pic { grid-template-columns: auto;}br.vis_ph { display: block !important;}.ab_p_bg img { object-position: 36% 50%;}.ab_no_full.ab_bg_t p, .ab_no_full.ab_bg_t h3 { max-width: 100%;}.eformscontent .layoutlist_1 { margin: 80px auto 0;}.faq1 .pagecontent{margin-top: 80px !important;}.rwd .faq_question td:nth-child(2) { padding-right: 10px;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .ml-stack-nav-toggle { padding: 35px 14px;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 30px;}.RWDbanner_plus01 .slick-caption .txt3 span { font-size: 16px; letter-spacing: .5px;}.RWDbanner_plus01 .slick-caption { top: 20%;}.RWDbanner_plus01 .slick-caption .container { width: 100%; padding: 0 30px;}.RWDbanner_plus01 .slick-caption.txt-left,.RWDbanner_plus01 .slick-caption.txt-right { width: 100%;}.RWDmenu_plus04 .features { right: auto; position: relative;}.RWDbanner_plus01 .slick-caption .txt2 { margin-top: 5px;}.RWDbanner_plus01 .slick-caption .txt3 { margin-top: 15px;}.RWDbanner_plus01 .slick-caption.txt-left,.RWDbanner_plus01 .slick-caption.txt-right { text-align: left;}.RWDbanner_plus01 .slick-caption .txt4 span h8 { margin-right: 8px; display: inline-block; margin-bottom: 3px; padding: 0 8px 0 0;}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 38px; letter-spacing: -2px;}.RWDscore01 .count-num { font-size: 35px;}.RWDscore01 .count-title,span.count-str { font-size: 12px; letter-spacing: 0;}.RWDscore01 .count-num { font-size: 30px;}.index .main-title, .page_wrapper_bg .hgroup .pageTitle { font-size: 33px;}.ab_p_tit h2{font-size: 33px !important;}.works_block.index_sec { padding: 0 0 50px;}.steps_title { padding: 80px 30px 30px;}.index .sub-title,.RWDvideo002 h2.sub-title { font-size: 15px;}.contact_txt { padding: 50px 30px; height: 140vw; width: 100%;}.index .section-subject { margin-bottom: 30px;}.s015_title h8 { width: 40px; height: 40px; font-size: 13px;}.s015_textblock { padding-left: 55px;}.s015_imgblock .s015_img { padding-left: 55px;}.s015_textblock { margin-bottom: 15px;}.s015_imgblock .swiper-slide:before { left: 20px;}.ft_com { font-size: 20px;}@media (max-width: 414px) { .RWDbanner_plus01 .slick-caption .txt4 span h8:nth-child(2) { border: 0; }}/* 匯入內頁版面寬度80%*//*文章高度調整*/ .pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item {width: calc(100%);}/*圖文輪播*/ .RWDslider01 .text {padding-bottom: 40px;}@media (max-width: 414px) {/*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0;}}.articlecontent #sidebar.col-md-3, .articlelist #sidebar.col-md-3 { top: 72px;} .ab_circle { width: 80px; height: 80px; margin-right: 15px;} .ab_circle:after { width: 15px;}.article4 .hgroup, .article3 .hgroup, .hgroup, .eforms1 .hgroup, .faq1 .hgroup { position: relative; transform: translate(0px, 0px); top: 0;}.eformsDesc { margin: 30px 0 0;}.eformscontent .layoutlist_1 { margin: 0px auto 0;}.faq1 .pagecontent{margin-top: 15px !important;}#sidebar:before { background: #fff;}.page_wrapper_bg .hgroup .pageTitle { color: #333;}.hgroup .breadcrumb a { color: #888; font-weight: 400;}.page_wrapper_bg section.call_to_action { padding-top: 50px !important;}.articlecontent #sidebar.col-md-3, .articlelist #sidebar.col-md-3 { padding: 10px 0px !important;}.process_tab img { height: 28vw;} .recruitment.layoutlist_1 { border-top: 1px solid #ddd;}.recruitment .position { text-align: center; padding-top: 0px;}.article1.id75 .pagecontent.col-md-9 { padding-top: 30px !important;}.ab_p_bg img { object-position: 40% 50%;} } /*480px end*/ /*380px start*/ @media (max-width: 380px){ .index .sub-title,.RWDvideo002 h2.sub-title { font-size: 16px;}.RWDbanner_plus01 .slick-caption .txt3 span { font-size: 16px;}.RWDbanner_plus01 .slick-caption .txt4 span { font-size: 13px;}.index .main-title, .page_wrapper_bg .hgroup .pageTitle { font-size: 30px; letter-spacing: 1px;}.ab_p_tit h2{font-size: 30px !important;}.video_left { padding: 15px 8px;}.feature_right { margin-top: 0;}.RWDscore01 .count-item:first-child { width: 100%;}.RWDscore01 .count-item:last-child { border-right: 0;}.feature_right { padding: 0 15px;}.RWDscore01 .score-blk { border-radius: 15px; overflow: hidden;}.RWDscore01 .count-item:first-child,.RWDscore01 .count-item { width: calc(100%/3); height: auto; margin: 0; border-right: 1px solid #fff; padding: 20px 0; border-radius: 0;}.RWDscore01 .count-num { font-size: 30px; width: auto;}.RWDscore01 .count-blk { padding: 0;}.feature_left { margin-top: 50px;}/* 匯入內頁版面寬度80%*//*跟隨購物車寬度修正*/#mobile-fixed .btn-box {width: 170px;padding-left: 10px;}#mobile-fixed .fixed-in {width: calc(100% - 170px);}.RWDproduct_page .faq-item .editor {padding: 20px;}.rwdlayoutlist_9.row { grid-template-columns: auto;} } /*380px end*/ /*350px start*/ @media (max-width: 350px){.ab_circle { width: 70px; height: 70px; margin-right: 15px; font-size: 16px;}} /*350px end*/ /*320px start*/ @media (max-width: 320px){ .ft_com { font-size: 18px;} } /*320px end*/