/*全頁設定*/

body{margin:0!important;}
section{overflow:hidden;padding:0 0 100px;text-align:center;font-family:'Noto Sans CJK TC','微軟正黑體';}
section h2{padding:60px 0 0;color:#555;font-weight:500;font-size:42px;}
.hide{display:none !important;}

@media screen and (max-width: 576px) {
 section h2 {    font-size: 36px;}
.show-xs{display:inline-block !important;}	
.hide-xs{display:none !important;}		
}


h2.forsearch {
    text-indent: -200%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
}

.promo-text{z-index: 99999;background-color: #226ddb;color: #fff;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ topbar-灰底 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.top-bar-wrap {    background-color: #f8f8f8;    margin-bottom: 30px;}
.top-bar-button{position:relative;padding:15px 30px!important;min-width:290px;transition:.3s}
.top-bar-button:first-child{border-left:none}
.top-bar-button:hover{background-color:#f5f5f5;transition:.3s}
.top-bar-button:after{position:absolute;right:0;height:50px;border-right:1px solid #dcdcdc;content:''}
.top-bar-button.no-border:after{border-right:none;content:''}
.top-bar-icon img{width:100%;max-width:60px}
.top-bar-text{margin-left:14px;color:#777;text-align:left;font-size:15px;line-height:1.4}
.top-bar-text p{color:#666;letter-spacing:1px;font-weight:700;font-size:18px}

@media screen and (max-width:1200px){.top-bar-button{padding:15px 15px!important;width:24%!important;min-width:unset;}
.top-bar-icon img{margin:0 auto;max-width:40px;}
.top-bar-text{font-size:13px;}
.top-bar-text p{font-size:15px;}
}
@media screen and (max-width:992px){.top-bar-text{margin:0 auto;text-align:center;}
.top-bar-icon{margin-bottom:3px;width:100%;}
}
@media screen and (max-width:576px){.top-bar-button{padding:10px 0!important;width:25%!important;}
.top-bar-icon{margin:0 auto;width:auto;}
.top-bar-text{margin:0 auto;text-align:center;letter-spacing:-2px;}
.top-bar-text p{letter-spacing:1px;font-size:13px;}
.top-bar-text span{display:none;}
.top-bar-icon img{margin:0 auto 5px;max-width:35px;}
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 整合 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.p2-flow-chart{margin:50px 0 120px}
.p2-flow-chart .stage{max-width:1140px;margin:0 auto}
.p2-flow-chart .stage-left,.p2-flow-chart .stage-right{width:calc( (100% - 285px) /2)}
.p2-flow-chart .line-block{background:#ffefdd;color:#ff8d00;/*    padding:6px 120px;*/    font-size:22px;border-radius:5px}
.p2-flow-chart .stage-center{margin:0 20px}
.p2-flow-chart .customer-center{background-image:url('/images/index/202209/group.png?2022');background-repeat:no-repeat;background-position:center;width:238px;height:150px;color:#ff8d00;padding-top:10px;font-size:22px;font-weight:bold}
.p2-flow-chart .orange-block{background:#fa9b31;color:#fff;font-size:22px;font-weight:bold;text-align:center;border-radius:5px;margin:10px 0;padding:10px;min-width:170px;position:relative}
.p2-flow-chart .orange-block:after{content:url("/images/index/202209/arrow.svg");position:absolute;left:0;right:0;bottom:-52px;margin:0 auto;max-width:46px}
.p2-flow-chart .orange-block span{display:block;font-size:12px;font-weight:normal;letter-spacing:1px}
.p2-flow-chart .stage-right.offline .orange-block{width:49%}
.p2-flow-chart .stage-right.offline .green-block{width:48.5%;margin-top:45px}
/*
.orange-block:first-child{margin-left:0}
.orange-block:last-child{margin-right:0}
*/.p2-flow-chart .green-block{background:#7bba37;color:#fff;font-size:22px;font-weight:bold;text-align:center;border-radius:5px;margin:45px auto 0;padding:10px;min-width:170px;position:relative;text-align:center}
.p2-flow-chart .product-cube {
    background: #02a3fd;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    margin: 20px 2px 0;
    padding: 5px 10px;
    position: relative;
    display: inline-block;
    letter-spacing: 2px;
    position: relative;
}
.p2-flow-chart .product-cube:first-child{margin-left:0}
.p2-flow-chart .plus{font-size:36px;font-weight:bold;color:#02a3fd;line-height:1.4}
.p2-flow-chart .stage4{border:3px dashed #02a3fd;padding:10px 5px 15px;border-radius:5px;background:#ecf4ff}
.p2-flow-chart .stage4 .stage-center{font-size:28px;font-weight:bold;color:#02a3fd;letter-spacing:2px;margin:5px 0}
.p2-flow-chart .plus-cube{background:#02a3fd;color:#fff;font-size:15px;font-weight:500;text-align:center;border-radius:5px;padding:5px;position:relative;letter-spacing:0}
.p2-flow-chart a.green-block:before{border:#7bba37 solid 3px;border-radius:5px}
.p2-flow-chart .product-cube:before,.p2-flow-chart .plus-cube:before{border:#02a3fd solid 3px;border-radius:5px;transition:.5s}
.p2-flow-chart .product-cube:hover{background:#028ddb;transition:.5s}
a.product-cube.fl-crm{min-width:130px}
a.product-cube.fl-ec-print:after, a.product-cube.fl-ec-order:after, a.product-cube.fl-crm:after {
    content: '快速列印寄件單';
    position: absolute;
    color: #02a3fd;
    width: 100%;
    bottom: -30px;
    left: 8px;
    right: 0;
    margin: 0 auto;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 500;
}
a.product-cube.fl-ec-order:after{content:'庫存對帳一站完成'}
a.product-cube.fl-crm:after{content:'業務管理APP'}
a.product-cube.fl-ec-print:before,a.product-cube.fl-ec-order:before,a.product-cube.fl-crm:before{content:'\f112';position:absolute;color:#6ecbff;bottom:-27px;left:5px;font-size:15px;font-family:'FontAwesome';border:none;transform:rotate(180deg)}
a.product-cube.fl-ec-order:before{left:0px}
a.product-cube.fl-crm:before{left:-2px}

@media screen and (max-width:1140px){
.show-lg{display:inline-flex !important;}
.hide-lg{display:none !important;}
.p2-flow-chart{max-width:992px;margin:0 auto}
.p2-flow-chart .customer-phone{width:100%;padding:5px 0}
.p2-flow-chart .stage-left,.p2-flow-chart .stage-right{width:calc((100% - 10px) / 2 );margin:10px 5px}
.p2-flow-chart .orange-block{width:49%}
.stage-left:first-child{margin-left:0}
.stage-right:last-child{margin-right:0}
.p2-flow-chart .orange-block span{display:none}
.p2-flow-chart .product-cube {    font-size: 15px;    margin: 20px 0 0;    letter-spacing: 1px;}
.p2-flow-chart .stage4{padding:0 200px}
.p2-flow-chart .plus-cube{margin:10px 5px;}
a.product-cube.fl-ec-print:before,a.product-cube.fl-ec-order:before,a.product-cube.fl-crm:before{content:none}
    a.product-cube.fl-crm {
    min-width: 100px;
}
    a.product-cube.fl-ec-print:after, a.product-cube.fl-ec-order:after, a.product-cube.fl-crm:after {
    left: 0;
}
}
@media screen and (max-width:992px){.p2-flow-chart{margin:80px 10px 100px}
.p2-flow-chart .customer-phone{margin-bottom:10px}
.p2-flow-chart .green-block{font-size:20px}
/*
.p2-flow-chart .stage-left,.p2-flow-chart .stage-right{width:48%;margin:0 5px}
*/
.p2-flow-chart .stage-right.offline .green-block{min-width:unset}
.p2-flow-chart .orange-block{font-size:18px;min-width:49%}
.p2-flow-chart .stage4{padding:0px 150px;margin:0 10px}
.p2-flow-chart .product-cube{padding:5px 10px}
a.product-cube.fl-crm{min-width:100px}

.p2-flow-chart .product-cube {    font-size: 16px;}	
a.product-cube.fl-ec-print:after,a.product-cube.fl-ec-order:after,a.product-cube.fl-crm:after{content:none}	
a.product-cube.fl-crm{min-width:unset}	
.p2-flow-chart .product-cube{font-size:16px;border-radius:5px;padding:3px 0;margin:5px 5px;width:calc( (100% - 30px) / 3);text-align:center;font-weight:500;letter-spacing:1px}
.p2-flow-chart .product-cube:first-child{margin-left:auto}		
a.product-cube.fl-a1pro{width:100%}	
.p2-flow-chart .stage4 {    padding: 0px 50px;}
}
@media screen and (max-width:640px){.p2-flow-chart .stage-right{width:57%}
.p2-flow-chart .stage-left{width:40%}
.p2-flow-chart .orange-block{font-size:16px;padding:10px 0}
.p2-flow-chart .stage-left .orange-block:last-child{min-width:57%;width:57%}
.p2-flow-chart .stage-left .orange-block:first-child{min-width:40%;width:40%}
.p2-flow-chart .orange-block:after{max-width:35px;bottom:-35px}
.p2-flow-chart .green-block{font-size:14px;padding:10px 0;min-width:unset;    margin: 20px auto 0 !important;}
.p2-flow-chart .plus{line-height:1.8;margin-top:-10px}
.p2-flow-chart .stage4{padding:10px 5px;margin:0 10px}
/*
.stage.stage2{background-color:#02a3fd;border-radius:10px;padding:0 50px}
*/.p2-flow-chart .product-cube{font-size:16px;border-radius:5px;padding:3px 0;margin:5px 5px;width:calc( (100% - 30px) / 3);text-align:center;font-weight:500;letter-spacing:1px}


/*.p2-flow-chart .product-cube:before{content:'\f125';font-family:'font-awesome';position:absolute;color:#fff;border:none}*/
.p2-flow-chart .stage4 .stage-center{font-size:22px}
.p2-flow-chart .plus-cube{padding:5px 15px;font-size:16px;background-color:unset;color:#02a3fd;margin:0 auto}
}
	
/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 模組 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.product-title{position:relative;display:inline-block;padding:0!important;color:#555;font-size:42px}
.product-title span{font-weight:700}
.product-text{margin-top:15px;margin-bottom:30px;color:#626262;letter-spacing:1px;font-size:18px;line-height:1.7}
.product-text span{margin:0 3px;padding:0 5px;color:#22a9fd;text-align:center;font-weight:700}
.product h2{padding:0 0 10px}
.title_wrap{position:relative;z-index:99;margin-top:40px}
.swiper-container.product{width:100%}
.swiper-pagination-bullets.product{top:0;right:0;bottom:unset!important;margin:0 auto;width:100%;height:45px;max-width:930px;border:1px solid #eee;border-radius:10px;background-color:#f8f8f8}
.product .swiper-pagination-bullet{width:130px!important;height:45px;border-radius:5px;background-color:unset;color:#2a4ba9;letter-spacing:2px;font-weight:500;font-size:18px;line-height:45px;opacity:1}
.product .swiper-pagination-bullet-active{background:#2a4ba9;color:#fff}
.swiper-pagination-bullet span.eorder{color:#7bba37}
.swiper-pagination-bullet span.invoice{color:#ff9c3e}
.swiper-pagination-bullet span.account{color:#ff7e7e}
.swiper-pagination-bullet span.pal{color:#02a3fd}
.swiper-pagination-bullet span.crm{color:#15c2a8}
.product .swiper-pagination-bullet-active{border-radius:0;background:#f3f3f3;color:#2a4ba9}
.product .slide_wrap{position:relative;margin:0 auto;width:100%;height:450px;max-width:1200px;text-align:left}
.product_img{display:inline-block}
.product_img img {    float: right;    width: 100%;    max-width: 691px;    height: 100%;
    max-height: 407px;}
.product_img source {
    float: right;
    width: 100%;
    max-width: 691px;    height: 100%;
    max-height: 407px;
}
.product_box{display:inline-block;margin-left:30px;border-radius:50%;vertical-align:top;text-align:left}
.product_title{color:#2a4ba8;letter-spacing:2px;font-weight:700;font-size:36px}
.product_sectitle{color:#2a4ba9;letter-spacing:1px;font-size:18px}
.product_text{margin:20px 0;color:#5a5a5a;font-size:17px}
.more_link_block{display:inline-block;margin-top:20px;padding:5px 25px;border:1px solid #2a4ba8;border-radius:5px;color:#2a4ba8;text-align:center}
.more_link_block:hover{color:#fff}
.more_link_block a{display:block;margin:3px 0;color:#fff;letter-spacing:2px;font-weight:500;font-size:16px}
.register_block{display:inline-block;margin:20px 20px 0;padding:5px 25px;border:1px solid #2a4ba8;border-radius:5px;background-color:#2a4ba8;color:#fff;text-align:center}
.btn-wrap a i{margin-left:7px}
.swiper-slide .register_block.hvr-ripple-out:before{border:#2a4ba8 solid 3px;border-radius:10px}
.a1pro .more_link_block.hvr-sweep-to-right:before{background:#2a4ba8}
.a1pro .indus-block-back{background:#001b34;background:linear-gradient(0deg,rgb(0 72 141) 0,#2a4ba8 100%)}
.eorder .more_link_block,.eorder .product_sectitle,.eorder .product_title{color:#6dae26}
.eorder .more_link_block,.eorder .register_block{border:1px solid #6dae26}
.eorder .more_link_block.hvr-sweep-to-right:before,.eorder .register_block{background-color:#6dae26}
.eorder .register_block.hvr-ripple-out:before{border:#6dae26 solid 3px}
.invoice .more_link_block,.invoice .product_sectitle,.invoice .product_title{color:#ff9c3e}
.invoice .more_link_block,.invoice .register_block{border:1px solid #ff9c3e}
.invoice .more_link_block.hvr-sweep-to-right:before,.invoice .register_block{background-color:#ff9c3e}
.invoice .register_block.hvr-ripple-out:before{border:#ff9c3e solid 3px}
.account .more_link_block,.account .product_sectitle,.account .product_title{color:#ff7e7e}
.account .more_link_block,.account .register_block{border:1px solid #ff7e7e}
.account .more_link_block.hvr-sweep-to-right:before,.account .register_block{background-color:#ff7e7e}
.account .register_block.hvr-ripple-out:before{border:#ff7e7e solid 3px}
.PAL .more_link_block,.PAL .product_sectitle,.PAL .product_title{color:#02a3fd}
.PAL .more_link_block,.PAL .register_block{border:1px solid #02a3fd}
.PAL .more_link_block.hvr-sweep-to-right:before,.PAL .register_block{background-color:#02a3fd}
.PAL .register_block.hvr-ripple-out:before{border:#02a3fd solid 3px}
.crm .more_link_block,.crm .product_sectitle,.crm .product_title{color:#15c2a8}
.crm .more_link_block,.crm .register_block{border:1px solid #15c2a8}
.crm .more_link_block.hvr-sweep-to-right:before,.crm .register_block{background-color:#15c2a8}
.crm .register_block.hvr-ripple-out:before{border:#15c2a8 solid 3px}
.PAL .more_link_block:hover,.account .more_link_block:hover,.crm .more_link_block:hover,.eorder .more_link_block:hover,.invoice .more_link_block:hover{color:#fff}
.product .swiper-slide{padding-top:50px;background-position:bottom;background-repeat:no-repeat}
@media screen and (max-width:1200px){.product_img img{width:600px}
.product_text br{display:none}
.product_text{width:100%;max-width:300px}
}
@media screen and (max-width:960px){.product .swiper-pagination-bullet{width:115px!important}
.swiper-pagination-bullets.product{height:45px}
.product_box{margin:35px auto 0!important;text-align:center}
.product_text{margin:0 auto;width:60%;max-width:unset}
.btn-wrap{margin:0 auto!important;justify-content:center}
.product .slide_wrap{height:auto}
.register_block{margin:20px 20px 0 0!important}
}
@media screen and (max-width:768px){.product-text{margin:10px auto 30px;width:90%}
.product-text br{display:none}
.swiper-pagination-bullets.product{height:auto}
.product .swiper-pagination-bullet{width:30%!important}
.product_box{margin:70px auto 0!important}
.product_text{width:90%;max-width:unset}
.product_img img{margin-top:40px;width:100%}
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 行業 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.industry-line{margin:0 auto!important;max-width:1200px;}
/*
.indus-block-front{border-radius:10px;}
.indus-block {border-radius: 10px;}
.title-bar{position:relative;z-index:99;margin-top:-40px!important;padding-left:20px!important;height:40px;border-radius:0 0 10px 10px;background-color:#2a4ba8;color:#fff;text-align:left;font-size:22px;line-height:40px;opacity:1!important;transition:.5s;}
.title-bar span{float:right;padding-right:10px;letter-spacing:1px;font-size:15px;}
.title-bar i{margin-left:5px;}
.indus-block:hover .title-bar{transition:.5s;transform:translateY(40px);}
.indus-block-back{border-radius:10px;background-color:#2a4ba8!important;color:#fff;}
.indus-block-back h3{padding-top:20px;font-weight:700;font-size:22px;}
.indus-block-back p{padding:10px 20px 15px;letter-spacing:1px;font-size:16px;}
a.product-btn{margin:0 5px;padding:2px 10px;border-radius:5px;background-color:#fff;color:#2a4ba8;letter-spacing:1px;font-size:16px;}
.indus-block-back{z-index:999;}
a.corner-btn{position:absolute;right:0;bottom:0;padding:5px 15px;border:1px solid;border-radius:10px 0 10px;background-color:#fff;color:#2a4ba8;letter-spacing:1px;font-size:15px;}
a.corner-btn i{margin-left:5px;}
.industry-line{margin-top:50px!important;}
.ec .indus-block-back,.ec .title-bar{background-color:#7bb937!important;}
.ec .corner-btn,.ec a.product-btn{color:#7bb937!important;}
.office .indus-block-back,.office .title-bar{background-color:#02a3fd!important;}
.office .corner-btn,.office a.product-btn{color:#02a3fd!important;}
.account .indus-block-back,.account .title-bar{background-color:#ff873e!important;}
.account .corner-btn,.account a.product-btn{color:#ff873e!important;}
.apparel .indus-block-back,.apparel .title-bar{background-color:#ff7e7e!important;}
.apparel .corner-btn,.apparel a.product-btn{color:#ff7e7e!important;}
.food .indus-block-back{background-color:#ff991b!important;}
.food a.product-btn{color:#ff991b!important;}
.food .title-bar{background-color:#ffb400!important;}
.food .corner-btn{color:#ff991b!important;}
.pet .indus-block-back,.pet .title-bar{background-color:#15c2a8!important;}
.pet .corner-btn,.pet a.product-btn{color:#15c2a8!important;}
.industry-menu.phone{display:none;}
@media screen and (max-width:1200px){.industry-line{margin:0!important;flex-wrap:nowrap!important;}
.indus-block-back,.indus-block-front,.title-bar{border-radius:0;}
.indus-block-back p{font-size:15px;}
a.corner-btn{border-radius:10px 0 0;}
}
@media screen and (max-width:992px){.industry-line.web{display:none;}
.industry-menu.phone{display:inline-block;margin:0 auto;width:90%;border-radius:5px;box-shadow:0 0 3px 4px #eee;}
.industry-block{border-bottom:1px solid #eee;}
.industry-menu .industry-block .industry-title{position:relative;padding:10px;color:#007bff;vertical-align:middle;text-align:left;letter-spacing:1px;font-weight:700;font-size:18px;cursor:pointer;}
.industry-menu .industry-block .industry-title:after{position:absolute;top:2px;right:0;margin-right:10px;color:#a7a7a7;content:"\f0dd";font-weight:400;font-size:22px;font-family:FontAwesome;}
.industry-menu .industry-block .industry-title.close-ind:after{top:10px;content:"\f0de";}
.industry-block-title{padding:15px 0 5px;color:#777;}
.industry-content{padding:0 10px 10px;text-align:left;}
.industry-menu.phone img{width:100%;}
.industry-content p{padding-bottom:15px;border-bottom:1px solid #eee;}
.industry-content a.product-btn{margin:0;margin-right:10px;padding:0;color:#007bff;}
.industry-content a.corner-btn{position:relative;display:block;margin:10px 0 35px;padding:5px;border:none;border-radius:5px;background-color:#007bff;color:#fff;text-align:center;letter-spacing:2px;font-size:16px;}
}
*/


.indus-cube {
    background: #f7f7f7;
    border-radius: 10px;
    width: 24%;
    max-width: 260px;
    text-align: left;
    color: #737373;
    padding: 35px 20px;
}
.indus-title {
    font-size: 22px;
    font-weight: bold;
    color: #2a4ba8;
}
.indus-title img {
    margin-right: 15px;
    max-width: 78px;
}
.indus-cube p {
    margin: 20px 0;
}
.indus-product i {
    color: #314ea8;
    margin-right: 10px;
}

.indus-product a.product-btn {
    color: #737373 !important;background-color: unset !important;
}

.ec .indus-title {
    color: #7bb937;
}

.ec .indus-product i {
    color:#7bb937;
}

.office .indus-title {
    color: #02a3fd;
}
.office .indus-product i {
    color:#02a3fd;
}

.account .indus-title {
    color: #ff873e;
}
.account  .indus-product i {
    color:#ff873e;
}

.full-industry {
    background: #f7f7f7;
    margin: 25px auto 40px !important;
    max-width: 1200px;
    border-radius: 10px;
    padding: 20px;
    height: 175px;
}

.full-indus-title p {
    font-size: 22px;
    color: #4571ff;
    font-weight: bold;
    margin: 10px;
    white-space: nowrap;
}
.full-indus-title img {
    margin: 0 auto;
}

.full-indus-link {
    flex-wrap: wrap;
    line-height: 2;
}

.full-indus-link a {
    font-size: 20px;
    color: #737373;
    margin: 2px 25px;
    width: 110px;
    display: flex;
    align-items: center;
}

.full-indus-link a i {
    margin-left: 7px;
    color: #cfcfcf;
}

@media screen and (max-width:1200px){
.industry-line {
    margin: 0!important;
    flex-wrap: wrap;
    max-width: unset !important;
    justify-content: center;
}
.indus-cube {
    width: 45%;
    max-width: unset;
    margin: 10px;
}
    
.full-industry {
    width: 91%;
    height: auto;
}
    
.full-indus-link {
    width: calc(100% - 200px);
    /* flex-wrap: wrap; */
    /* white-space: nowrap; */
}
.full-indus-link a {
    width: 95px;
    display: flex;
    align-items: center;
} 
    
    
}

@media screen and (max-width:768px){

}


@media screen and (max-width:576px){

  .indus-cube {
    width: 90%;
}  
    
    .indus-title img {
    margin-right: 15px;
    max-width: 39px;
}
    
    .full-indus-link {
    width: unset !important;
}
    
    .full-indus-title img {
    width: 39px;
}
    
  .full-indus-link a {
    margin: 0 10px;
    font-size: 18px;
    width: 90px;
}
    
    
    
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 服務與功能特色 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.featrue_wrap {    width: 100%;    max-width: 1200px;    margin: 50px auto 0 !important;    height: auto;}
.featrue_box{display:inline-block;width:100%;/*    max-width:280px;*//*  margin:0 25px;*/  text-align:center;margin-bottom:30px;margin-top:10px}
.feature-icon-wrap{display:block;align-items:center;height:70px}
img.feature_icon{display:block;width:60px;margin:0 auto 10px}
.feature_title{color:#555555;font-size:20px;display:inline-block;font-weight:bold;padding:0px 20px;border-radius:50px}
.feature_text{font-size:15px;color:#7b7b7b;font-weight:400;line-height:22px;letter-spacing:1px;text-align:center;margin-top:10px}
@media screen and (max-width:1024px){.featrue_box{padding:0 !important}
}
@media screen and (max-width:768px){/*
  .feature{display:none}
.feature_text{display:none}
*/
.featrue_box{width:30% !important;margin:20px 0;max-width:185px !important}
.feature_title{background-color:unset;color:#555555;padding:0}
}

@media screen and (max-width:400px){section.feature.container{padding:0 0 40px}
}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 立即試用 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.register .container {    text-align: center;}
.register-form-offset{max-width: 1200px;margin: 0 auto;}
.register{margin:80px auto 100px;width: 100%; height:460px;background-image:url("/images/index/202209/register-bg.png");background-position:right bottom;background-repeat:no-repeat;text-align:center;}
.register-title{margin-bottom:30px;color:#4571ff;font-weight:700;font-size:42px;}
.register-title p{color:#777;font-weight:400;font-size:18px;}
input#DAA009{display:inline-block;width:328px;height:50px;border:1px solid #508dfe;border-radius:5px;font-size:20px;}
a#sendCodeBtn{display:inline-block;padding:0;width:calc(100% - 335px);height:50px;border:0;vertical-align:top;font-size:20px;line-height:50px;}
input#submitBtn{display:inline-block;width:calc(100% - 265px);height:50px;border:0;vertical-align:top;font-size:20px;}
input#M5Code{display:inline-block;width:259px;height:50px;border:1px solid #508dfe;border-radius:5px;font-size:20px;}
input::placeholder{color:#508dfe;}
:-ms-input-placeholder{color:#508dfe;}
::-ms-input-placeholder{color:#508dfe;}
.register-form{margin-left:8%;width:525px;}
.register a#sendCodeBtn:hover,input#submitBtn:hover{background-color:#01707d;}
.register a#sendCodeBtn,input#submitBtn{border-radius:5px;background:#60b2fd;background:linear-gradient(45deg,#60b2fd 0,#4571ff 100%);background-color:#0097a7;color:#fff;text-decoration:none;cursor: pointer;font-family:'Noto Sans CJK TC','微軟正黑體';   font-weight: bold;    transition: .5s !important;}
.register a#sendCodeBtn:hover, input#submitBtn:hover { transition: .5s !important;}
.register .container .btn.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.98);    transform: scale(0.98);}
.register a.fancybox.btn.btnType1{margin-top:10px;border:0;background-color:unset;color:#787878;font-weight:400;font-size:18px;}
@media screen and (max-width:1680px){.register{background-position:right -20em center;}
}
@media screen and (max-width:1024px){.register{background-position:right -25em center;}
}
@media screen and (max-width:992px){.register{background-position:right -34em center;}
}
@media screen and (max-width:768px){section.register{margin:0 auto;width:100%;height:auto;background-image:unset;}
.register-form{margin:0 auto;width:90%;max-width: 500px;}
section.register .title{font-size:36px;}
a#sendCodeBtn,input#submitBtn{width:135px!important;}
input#DAA009,input#M5Code{width:calc(100% - 145px)!important;}
}





/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 客戶案例 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

section.client{background-color:#f2f9ff;padding:70px 0 70px}
.client .swiper-container{width:100%;max-width:1200px}
.client .swiper-slide{height:380px}
.client_wrap{width:330px;height:300px;background-color:#fff;margin:25px auto;text-align:center;box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);border-radius:0 20px 0 20px;color:#595959;transition:.5s}
.client_wrap:hover{transform:scale(1.05);transition:.5s}
.client_logo{font-size:20px}
.client_logo img{margin:0 auto;width:95px;padding:20px 0}
.client_content{font-size:17px;margin:20px 20px 60px}
@media screen and (max-width:1024px){.client_wrap{width:300px}
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 友好廠商 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.wrap .familylogo{width:100%;padding:3em 0;text-align:center}
.wrap .familylogo img{width:18%;max-width:250px;display:inline-block;margin:1em 1%}
.familylogo a{text-decoration:none;vertical-align:unset !important}
.command_logo{display:inline-block;width:20%;max-width:250px;height:45px;background-position:center;vertical-align:top;background-size:100%;margin:15px;background-repeat:no-repeat}
.command_logo.digiwin{background-image:url('/images/index/logo/08.png')}
.command_logo.microsoft{background-image:url('/images/index/logo/05.png')}
.command_logo.careernet{background-image:url('/images/index/logo/02.png')}
.command_logo.u-accounting{background-image:url('/images/index/logo/07.jpg')}
@media screen and (max-width:767px){.wrap .familylogo{display:none}
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 上方大BANNER ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.banner_wrap{width:100%;height:500px;position:relative}
.banner_wrap .pagination{display:inline-block;position:absolute;left:0;right:0;margin:0 auto;bottom:2%;text-align:center;width:100%;z-index:10}
.banner_wrap span.swiper-pagination-bullet{margin:0 5px}
/*
.banner_wrap span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#28b2a7}
*/.banner_wrap .pc,.banner_wrap .phone{background-position:top center;background-repeat:no-repeat}
.banner_wrap .pc{height:500px;display:block}
.banner_wrap .phone{display:none;height:0;padding-bottom:125%;background-size:auto 100%}
.noPointer{cursor:default}
@media screen and (min-width:768px){.banner_wrap .phone{background:transparent !important}
}
@media screen and (max-width:979px){.banner_wrap{margin-top:53px !important}
}/*-----------手機板-------------*/
@media screen and (max-width:767px){.banner_wrap{height:auto}
.banner_wrap .pc{}
.banner_wrap .pagination{margin:0 auto}
.banner_wrap .pc{display:none;background:transparent !important}
.banner_wrap .phone{display:block}
}

.input ::-webkit-input-placeholder, .phone ::-webkit-input-placeholder {
  color: #4571ff !important;

}	


@media screen and (max-width:767px){
section {
    padding: 0px 0px 80px;
}
.p2-flow-chart {
    margin: 0 10px;
}   
    
}