@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap");@import url("/tw/dsc/css/bootstrap4.0_M.css");@import url("/tw/dsc/css/animate-3.7.2.css");@keyframes rotate-taichi{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.c1{background:url("../images/smartFactory/c1_bg.png") no-repeat center;width:100%;height:919px}.c1 .content{height:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:200px 0 0}.c1 h2{font-size:22px;line-height:1.5;padding:40px 0 0;text-align:justify}.c1 h2 span{margin:30px}.c1 .c1_title{max-width:607px;display:flex;flex-direction:column;align-items:center}.c1 .c1_title a{width:100%;max-width:220px;height:55px;border:2px solid #fff;border-radius:27.5px;display:flex;align-items:center;justify-content:space-around;font-size:16px;font-weight:bold;color:#fff;background:#70c4e5;margin:40px 0 0;padding:0;transition:all .5s ease-in-out}.c1 .c1_title a svg{width:14px;height:20px}.c1 .c1_title a svg polyline{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.c1 .c1_title a:hover{color:#70c4e5;border:2px solid #70c4e5;background:#fff;padding:0 15px;transition:all .5s ease-in-out}.c1 .c1_title a:hover svg polyline{stroke:#70c4e5}.c2{height:150px}.c2 .content{display:flex;align-items:center;height:100%;max-width:1200px;margin:0 auto}.c2 .c2_swipers{overflow:hidden}.c2 .swiper-wrapper{display:flex;align-items:center;-webkit-transition-timing-function:linear !important;-moz-transition-timing-function:linear !important;-ms-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}.c2 .c2_swipers .swiper-slide{height:120px;padding:0 0 0 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.c2 .c2_swipers .swiper-slide span{display:block;margin:0 auto;font-size:16px;color:#000}.c2 .c2_swipers .swiper-slide div{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.cs_bg{background:url("../images/smartFactory/bg_lg.png") no-repeat bottom center}.c3{background:url("../images/smartFactory/c3_bg.png") no-repeat top center;background-size:100%;padding-bottom:20em}.c3 .content{max-width:1200px;margin:0 auto;display:flex;padding:194px 25px 0 50px;position:relative}.c3 .c3_titles{position:relative;z-index:9}.c3 .c3_title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.c3 .c3_title h6{font-size:15px;font-weight:bold;font-family:"Arial";line-height:1;color:#70c4e5;padding:0}.c3 .c3_title h2{display:inline-block;padding:15px;font-size:30px;font-weight:bold;font-family:"Noto Sans TC";line-height:1;color:#fff;background:#70c4e5;margin:25px 0 30px auto}.c3 .c3_title h1{width:100%;font-size:50px;font-weight:bold;color:#000;font-family:"Noto Sans TC";line-height:1.2;padding:0;text-align:justify}.c3 .c3_titles .c3_title{max-width:410px}.c3 .c3_list{display:flex;flex-wrap:wrap;align-items:center;margin:37px 0 0;max-width:calc(470px + (570 - 470) * ((100vw - 1024px) / (1920 - 1024)))}.c3 .c3_list span{border:1px solid #70c4e5;border-radius:17.5px;background:#fff;color:#70c4e5;font-weight:bold;padding:3px 15px;margin:0 8px 16px 0;line-height:1;cursor:pointer}.c3_swipers1{width:100%;max-width:733px;height:433px;background:rgba(255,255,255,0.7);border-radius:35px;overflow:hidden;margin:10px 0 0 25px;padding:50px 0 0 50px}.c3_swipers1 .c3_slidetxt h3{font-size:24px;font-weight:bold;color:#000000;padding:0 0 33px;line-height:1}.c3_swipers1 .c3_slidetxt h5{font-size:18px;color:#000;padding:0 0 14px 37px;line-height:1.5;max-width:470px;display:flex}.c3_swipers1 .c3_slidetxt h5:nth-child(5){margin:0 0 37px}.c3_swipers1 .c3_slidetxt h5 span{margin:0 14px 0 0}.c3_swipers1 .c3_slidetxt a{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:157px;height:36px;background:#f8feff;margin:0 0 0 43px;border-radius:18px;border:1px solid #36afde;font-size:15px;font-weight:bold;color:#70c4e5;line-height:1;padding:0;transition:all .5s ease-in-out}.c3_swipers1 .c3_slidetxt a:hover{border:0;color:#fff;background:#36afde;padding:0 15px;transition:all .5s ease-in-out}.c3_swipers1 .c3_slidep{margin:0 0 30px}.c3_swipers1 .c3_slidep h4{font-size:20px;font-weight:bold;color:#479fba;padding:0 0 18px 30px;line-height:1}.c3_swipers1 .c3_slidep p{font-size:18px;color:#000;padding:0 0 0 30px;line-height:1.3;max-width:490px}.c3_swipers2{width:100%;position:absolute;bottom:70px;right:0}.c3_swipers2 .c3_swiper2{padding:157px 0 0}.c3 .c3_swiper2 .swiper-slide{height:582px}.c3 .c3_swiper2 .c3_slideimg{position:absolute;right:27px;bottom:28px;z-index:999}.c3_swipers2 .c3_cri{width:100%;max-width:582px;height:582px;border-radius:50%;border:1px solid #7bc5e2;background:rgba(255,255,255,0.7);position:absolute;right:0;bottom:0px}.c3_swipers2 .c3_cri .c3_criborder{width:100%;max-width:553px;height:553px;background:url("../images/smartFactory/c3_dashed.png") no-repeat center;position:absolute;top:14px;left:14px;animation:rotate-taichi 100s linear infinite}.c3 a svg{width:9px;height:15px}.c3 a svg polyline{fill:none;stroke:#70c4e5;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.c3_swipers1 .c3_slidetxt a:hover svg polyline{stroke:#fff}.c3-swiper-pagination{width:100%;bottom:initial;top:0px;right:calc(-210px + (-350 - -210) * ((100vw - 1024px) / (1920 - 1024)));display:flex;justify-content:space-between;max-width:550px;margin:0 0 0 auto;z-index:999999999}.c3-swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;background:initial;border-radius:0;opacity:1;font-size:22px;font-weight:bold;color:#565656}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(1){margin:50px 0 0}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(2){margin:5px 0 0}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(4){margin:40px 0 0}.c3-swiper-pagination .swiper-pagination-bullet .c3_iconclick2,.swiper-pagination .swiper-pagination-bullet-active .c3_iconclick1{display:none}.c3-swiper-pagination .swiper-pagination-bullet-active{color:#70c4e5}.c3-swiper-pagination .swiper-pagination-bullet-active .pagination_img{background:#70c4e5}.c3-swiper-pagination .swiper-pagination-bullet-active .c3_iconclick2{display:block}.c3-swiper-pagination .pagination_img{width:69px;height:69px;border-radius:50%;background:#d4d4d4;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin:0 auto 13px}.c4{padding:200px 0 185px}.c4 .content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.c4 h6{font-size:15px;font-weight:bold;font-family:"Arial";line-height:1;color:#70c4e5}.c4 h1{font-size:50px;font-family:"Noto Sans TC";font-weight:bold;line-height:1;margin:70px 0 120px}.c4 h1 br{display:none}.c4 .c4_boxs{width:100%;display:flex;justify-content:space-evenly}.c4 .c4_boxs .c4_box{width:100%;max-width:258px}.c4 .c4_boxs .c4_box h2{font-size:28px;font-weight:bold;color:#f28888;font-family:"Noto Sans TC";line-height:1;padding:0;margin:40px 0 44px;text-align:center}.c4 .c4_boxs .c4_box h3{font-size:18px;color:#000;line-height:1.8;padding:0;text-align:justify}.c4 .c4_boxs .c4_box .c4_boximg{height:153px;display:flex;align-items:center;justify-content:center}.c5 .content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.c5 h6{font-size:15px;font-weight:bold;font-family:"Arial";line-height:1;color:#70c4e5}.c5 h1{font-size:50px;font-family:"Noto Sans TC";font-weight:bold;line-height:1;margin:70px 0 120px}.c5 .c5_slides{width:100%;display:flex}.c5 .c5_imgs{width:50%;display:flex;flex-direction:column;justify-content:flex-end}.c5 .c5_swipers{width:50%;overflow:hidden}.c5 .swiper-slide{display:flex;flex-direction:column;align-items:center}.c5 .swiper-slide h2{font-size:25px;font-weight:bold;color:#000000;padding:0 20px 0 40px;line-height:1.2;font-family:"Noto Sans TC";margin:35px 0}.c5 .swiper-slide p{font-size:18px;color:#000;padding:0 20px 0 40px;line-height:2}.c5 .swiper-slide .c5_more{margin:10px 0 20px auto;padding:0 20px 0 0;display:flex;align-items:center}.c5 .swiper-slide .c5_more span{border-bottom:1px solid #000;margin:0 25px 0 0;color:#000}.c5 .swiper-slide .c5_free{height:43px;border-radius:21.5px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:#70c4e5;padding:0 20px}.c5 .swiper-slide .c5_free:hover{color:#70c4e5;border:1px solid #70c4e5;background:#fff}.c5 a svg{width:9px;height:15px;transform:translateX(-10px);transition:all .3s ease-in-out}.c5 a:hover svg{transform:translateX(0px);transition:all .3s ease-in-out}.c5 a svg polyline{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.c5_paginationbutton{display:flex;align-items:flex-end;justify-content:flex-end;margin:90px 0 0}.c5_paginationbutton .c5_num{color:#000;font-size:18px;font-family:"Arial";margin:0 10px 0 0}.c5_paginationbutton .c5_num span{color:#489db7}.c5-swiper-pagination{position:relative}.c5-swiper-pagination .swiper-pagination-bullet{width:30px;height:5px;border-radius:0;opacity:1;background:#ededed}.c5-swiper-pagination .swiper-pagination-bullet-active{background:#489db7}.c5-swiper-button-next,.c5-swiper-button-prev{position:initial;width:11px;height:15px;top:0;left:0;right:0;bottom:0}.c5-swiper-button-prev{transform:rotate(-180deg);margin:0 60px 0 30px}.c5-swiper-button-next svg,.c5-swiper-button-prev svg{width:24px;height:28px}.c5-swiper-button-next svg polyline,.c5-swiper-button-prev svg polyline{fill:none;stroke:#489db7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.c5 .swiper-button-next:after,.c5 .swiper-button-prev:after{content:initial}.c6 .content{max-width:1100px;margin:0 auto;padding:183px 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.c6 h6{font-size:15px;font-weight:bold;font-family:"Arial";line-height:1;color:#70c4e5}.c6 h1{font-size:50px;font-family:"Noto Sans TC";font-weight:bold;line-height:1;margin:60px 0 25px}.c6 h2{font-size:30px;color:#000;line-height:1.4;padding:0;text-align:center}.c6 .c6_swipers{width:100%;position:relative;margin:150px 0 0}.c6 .c6_swiper{width:100%;max-width:995px;height:660px;background:url("../images/smartFactory/c6_sliderbg.png")}.c6 .c6_swiper .c6_swiper_slide{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.c6 .c6_swiper .c6_txt{width:100%;padding:0 60px 0 0;display:flex;flex-direction:column;align-items:center}.c6 .c6_swiper .c6_txt h3{font-size:45px;font-weight:bold;color:#70c4e5;font-family:"Noto Sans TC"}.c6 .c6_swiper .c6_txt .c6_h4{display:flex;margin:18px 0 62px;width:100%;justify-content:center}.c6 .c6_swiper .c6_txt .c6_h4 h4{width:100%;max-width:90px;height:30px;background:#fff;border:1px solid #70c4e5;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:bold;color:#70c4e5;margin:0 10px}.c6 .c6_swiper .c6_txt p{font-size:18px;color:#000;margin:0 0 18px;display:flex;line-height:1.2}.c6 .c6_swiper .c6_txt p span{margin:0 15px 0 0}.c6 .c6_swipertxt{width:100%}.c6 .c6_swipertxt .swiper-slide{display:flex;justify-content:flex-end}.c6 .c6_swipertxt .swiper-slidetxt{display:flex;justify-content:flex-end}.c6 .c6_swipertxt .swiper-slidetxt .swiper-slidep{width:100%;max-width:530px}.c6 .swiper-listboxs{display:flex;justify-content:center}.c6 .swiper-slideboxs{width:100%;max-width:860px;display:flex;justify-content:center}.c6 .swiper-slidewidth{width:35%}.c6 .swiper-slidebox{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0 0 25px}.c6 .swiper-slidebox .swiper-slideboxtxt{width:auto;height:40px;background:#fff;border:1px solid #000;font-size:16px;font-weight:bold;border-radius:20px;font-family:"微軟正黑體";padding:10px 15px;display:flex;align-items:center;justify-content:space-between;color:#000;margin:0 13px 0 0}.c6 .swiper-slidebox .swiper-slideboxtxt.swiper-slideboxtxtspan{width:auto;max-width:initial;margin:0;letter-spacing:1px}.c6 .swiper-slidebox .swiper-slideboxtxt.swiper-slideboxtxtspan .swiper-slidespan{font-size:22px;font-weight:bold;color:#000000;margin:0 0 0 10px}.c6 .swiper-slidebox .swiper-slideboxtxt img{margin:0 0 0 10px}.c6 .swiper-slidebox h5{font-size:16px;padding:0;line-height:1;color:#000}.c6 .swiper-slidebox h5 span{font-size:22px;font-weight:bold;color:#000}.c6 .swiper-slidebox .swiper-slideh5{display:flex;flex-direction:column;align-items:flex-end}.c6 .swiper-slidebox .swiper-slideh5 p{font-size:25px;font-weight:bold;color:#000;margin:0}.c6 .c6-swiper-button-prev{width:74px;height:74px;left:18px;content:url("../images/smartFactory/c6_arrleft.png")}.c6 .c6-swiper-button-next{width:74px;height:74px;right:18px;content:url("../images/smartFactory/c6_arrright.png")}.c6 .c6-swiper-pagination{bottom:0px;display:flex;justify-content:center}.c6 .c6-swiper-pagination .swiper-pagination-bullet{width:155px;height:64px;border-radius:0;background:initial;font-size:18px;font-weight:bold;color:#565656;opacity:1;position:relative;margin:0;display:flex;align-items:center;justify-content:center}.c6 .c6-swiper-pagination .swiper-pagination-bullet-active{background:#70c4e5;border-top-right-radius:20px;border-top-left-radius:20px;color:#fff}.c6 .c6-swiper-pagination .swiper-pagination-bullet::before{content:"";position:absolute;top:0px;left:0px;width:5px;height:5px;border-radius:50%;background:#70c4e5}.c6 .c6-swiper-pagination .swiper-pagination-bullet-active::before{content:initial}@media screen and (max-width: 1024px){.c1{background:url("../images/smartFactory/c1_bgMB.png") no-repeat center;width:100%;height:595px;background-size:cover}.c1 .content{padding:95px 0 0}.c1 h2{font-size:16px;line-height:1.5;color:#000;padding:50px 35px 0}.c1 h2 span{margin:30px}.c1 .c1_title{max-width:607px;display:flex;flex-direction:column;align-items:center}.c1 .c1_title a{max-width:158px;height:40px}.c1 .c1_title a svg{display:none}.c1 .c1_title a:hover{color:#fff;border:2px solid #fff;background:#70c4e5}.c2{height:auto;padding:10px 0}.c2 .c2_swipers .swiper-slide span{font-size:12px}.cs_bg{background:url("../images/smartFactory/bg_lg-m.png") no-repeat bottom center;background-size:102%;height:auto}.c3{background:url("../images/smartFactory/c3_bg-m.png") no-repeat top center;background-size:100%;padding-bottom:5em}.c3 .content{padding:100px 15px 0;flex-direction:column}.c3 .c3_title h2{width:100%;max-width:360px;padding:0;font-family:"Noto Sans TC";color:#000;background:initial;margin:60px 0 15px}.c3 .c3_title h1{width:auto;display:inline-block;font-size:30px;font-weight:bold;color:#000;font-family:"Noto Sans TC";line-height:1.2;padding:0;text-align:justify}.c3 .c3_titles .c3_title{max-width:initial;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.c3 .c3_list{display:none}.c3_swipers1{height:auto;margin:0 auto;padding:50px 29px 20px}.c3_swipers1 .c3_slidetxt h3{padding:0 0 27px}.c3_swipers1 .c3_slidetxt h5{padding:0 0 14px}.c3_swipers1 .c3_slidetxt a{background:#36afde;border:0;color:#fff;justify-content:space-evenly;margin:0 auto}.c3_swipers1 .c3_slidetxt a:hover{padding:0}.c3_swipers1 .c3_slidep{margin:0 0 37px}.c3_swipers1 .c3_slidep h4{padding:0 0 18px}.c3_swipers1 .c3_slidep p{padding:0}.c3_swipers2{display:none}.c3 a svg{width:9px;height:15px}.c3 a svg polyline{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.c3_swipers1 .c3_slidetxt a:hover svg polyline{stroke:#fff}.c3-swiper-pagination{padding:0 46px;flex-wrap:wrap;position:initial;margin:38px auto 60px;max-width:330px}.c3-swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;background:initial;border-radius:0;opacity:1;font-size:20px;font-weight:bold;color:#565656;margin:0 0 30px !important}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(1){margin:0}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(2){margin:0}.c3-swiper-pagination .swiper-pagination-bullet:nth-child(4){margin:0}.c4{margin:0px 0 37px;padding-top:100px}.c4 h1{font-size:30px;margin:58px 0 126px;text-align:center;line-height:1.2}.c4 h1 span{display:none}.c4 h1 br{display:block}.c4 .c4_boxs{flex-direction:column;align-items:center}.c4 .c4_boxs .c4_box{margin:0 0 88px}.c4 .c4_boxs .c4_box h2{font-size:25px}.c4 .c4_boxs .c4_box h3{font-size:15px}.c5 h1{font-size:30px;margin:62px 0 56px}.c5 .c5_slides{flex-direction:column-reverse;padding:0 15px}.c5 .c5_imgs img{display:none}.c5 .c5_swipers{width:100%;display:flex;justify-content:center}.c5 .c5_imgs{width:100%;flex-direction:row;justify-content:center}.c5 .swiper-slide h2{margin:21px 0;font-size:18px;padding:0 12px}.c5 .swiper-slide p{line-height:1.5;font-size:14px;padding:0 12px}.c5 a svg{display:none}.c5 .swiper-slide .c5_more span{margin:0}.c5 .swiper-slide .c5_more{margin:15px 0 25px auto}.c5 .swiper-slide .c5_free{font-size:14px;height:27px;border-radius:13.5px}.c5 .swiper-slide .c5_free:hover{color:#fff;border:0;background:#70c4e5}.c5_paginationbutton{margin:60px 0 0}.c6 .content{padding:144px 0 94px}.c6 h1{font-size:30px;margin:53px 0 18px}.c6 h2{font-size:18px;line-height:1.5}.c6 .c6_swipers{max-width:360px;margin:40px 0 0;padding:0 15px}.c6 .c6_swiperbutton{display:flex;justify-content:flex-end;padding:0 15px 12px 0}.c6 .c6-swiper-button-prev{width:28px;height:28px;position:initial;margin:0 15px 0 0}.c6 .c6-swiper-button-next{width:28px;height:28px;position:initial;margin:0}.c6 .c6_swiper{height:auto;border-radius:30px;background:#ffffff}.c6 .c6_swiper .c6_txt{padding:0;align-items:flex-start}.c6 .c6_swiper .c6_txt .c6_h4{justify-content:flex-start}.c6 .c6_swiper .c6_txt .c6_h4 h4{margin:0 20px 0 0}.c6 .c6_swipertxt .swiper-slidetxt .swiper-slidep{max-width:initial}.c6 .c6_swiper .c6_swiper_slide{justify-content:flex-start;padding:54px 30px 0}.c6 .c6_swiper .c6_txt h3{font-size:30px}.c6 .c6_swipertxt .swiper-slide{justify-content:center}.c6 .c6-swiper-pagination{position:initial;margin:20px 0 0}.c6 .c6-swiper-pagination .swiper-pagination-bullet{font-size:13px;width:105px;height:43px}.c6 .swiper-slidebox .swiper-slideboxtxt{height:auto;margin:0 0 10px}.c6 .swiper-slidebox .swiper-slideboxtxt span{line-height:1.5}.c6 .swiper-slidewidth{width:100%}.c6 .swiper-slideboxs{flex-direction:column}.c6 .swiper-slidebox{flex-direction:column}.c6 .swiper-slidebox .swiper-slideh5{flex-direction:row}}.smartFactory{background:#f2f2f2}.c7{font-family:"Noto Sans TC";margin-top:-18em;position:relative;z-index:2}.c7 .arraw{display:block;margin-left:auto;margin-right:auto;margin-top:0;width:40%}.c7 h1{font-size:45px;font-weight:bold;line-height:1;margin:70px 0 80px;text-align:center}.c7 .swiper-efficiency{max-width:1200px;margin-left:auto;margin-right:auto}.c7 .swiper-efficiency .act-item{background:#91d2eb;padding:3em 1em 6em;border-radius:35px;max-width:346px}.c7 .swiper-efficiency .act-item:not(:last-child){margin-right:1.5em}.c7 .swiper-efficiency .act-item h3{color:#fff;font-size:1.8em;font-weight:bold;text-align:center;margin-bottom:1.5em}.c7 .swiper-efficiency .act-item .act-icon{display:block;margin-left:auto;margin-right:auto}.c7 .swiper-efficiency .act-item .act-arr{animation:arr-anime 2s infinite both;position:absolute;left:50%;bottom:2em;width:15%}@keyframes arr-anime{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}@media screen and (min-width: 1024px){.c7 .swiper-container{overflow:visible}.c7 .swiper-slide{width:auto;flex:1;flex-grow:1;transition:all .3s}}@media screen and (max-width: 1023px){.c7{margin-top:0;padding-bottom:0}.c7 h1{font-size:30px;line-height:1.2;margin:50px 0 50px}.c7 .swiper-container{width:86%;margin-left:auto;margin-right:auto;padding-bottom:2em}.c7 .swiper-slide{border-radius:10px;overflow:hidden}.c7 .swiper-pagination{bottom:0em;left:0;width:100%}.c7 .swiper-pagination .swiper-pagination-bullet{margin:0 8px;width:13px;height:13px;background:#bfbfbf;opacity:1}.c7 .swiper-pagination .swiper-pagination-bullet-active{background:#707070}}
/*# sourceMappingURL=smartFactory.css.map */