html { font-size:16px;  }
body {
    margin: 0;
    padding: 0;
    font-family: "微軟正黑體","Microsoft JhengHei";
    background-color:#fff;
}
.unscroll { overflow:hidden; }

a, a:hover { text-decoration: none; }

.font_arial { font-family: Arial; }

.size-px-26 { font-size:26px; }
.size-px-24 { font-size:24px; }
.size-px-22 { font-size:22px; }
.size-px-20 { font-size:20px; }
.size-px-18 { font-size:18px; }
.size-px-16 { font-size:16px; }
.size-px-14 { font-size:14px; }
.size-px-13 { font-size:13px; }
.size-px-12 { font-size:12px; }

.img { width:100%; height:auto; }

select { 
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    cursor:pointer; 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 0.8rem;
    background-position: calc(100% - 0.5rem) center;
    background-repeat: no-repeat;
    background-color:transparent;
}
select::-ms-expand { display:none; }
select.form-control { padding-right:1.5rem; }
.form-control:focus { box-shadow:none; border-color:#303030; }

.modal-backdrop.show { opacity: 0.75; }
.modal .modal-content.nobg { background-color:transparent; color:#fff; border:0px solid #fff; }
.modal .modal-content.nobg .modal-header { border-bottom: 0 none; align-items:center; }
.modal .modal-content.nobg .modal-header .modal-title { font-size: 24px; font-weight:bold; line-height:1; }
.modal .modal-content.nobg .modal-header .close { color:#fff; font-size:18px; font-weight:normal; text-shadow:none; opacity:1; }
.modal .modal-content.nobg .modal-header .close > span { font-size:24px; font-weight:bold; line-height:1; vertical-align: -1px; } 

.modal .modal-content.nobg form .form-control { padding-top: 14px; padding-bottom: 14px; height: calc(1.5em + 30px); background-color:#f6f6f6; border-color: transparent; }
.modal .modal-content.nobg form .cfm_code_text { color:#ff9c03; }
.modal .modal-content.nobg form .send { text-align:center; background-color:#3c51dc; color:#fff; width:100%; font-size: 20px; padding-top: 14px; padding-bottom: 14px; height: calc(1.5em + 30px); }
.modal .modal-content.nobg a { color:#fff; }
.modal .modal-content.nobg a:hover { color:#ffcc00; }
 

.topnav {
    width:100%;  
    padding: 0px 74px;
    transition: all 0.3s;    
    background-color: #ffffff;
}
.topnav .mb_menu { display:none; }
.topnav .pc_menu { display:block; font-size: 18px; }
.topnav .pc_menu a { display: inline-block; }
.topnav .pc_menu a.n1 { color: #404756; margin-right: 30px; padding:24px 0 20px; border-bottom: 4px solid transparent; }
.topnav .pc_menu a.n1:hover { color: #2f9ad1;  border-bottom: 4px solid #2f9ad1; }
.topnav .pc_menu a.on { color: #2f9ad1;  border-bottom: 4px solid #2f9ad1; }
.topnav .pc_menu a.n2 { border:1px solid #2f9ad1; background-color: #2f9ad1; color: #fff; padding: 6px 16px; border-radius:30px; margin-right:10px; font-weight: bold; } 
.topnav .pc_menu a.n2:hover { background-color: #fff; color: #2f9ad1; } 
.topnav .pc_menu a.n3 { border:1px solid #404756; color: #404756; padding: 6px 20px; border-radius:30px;}
.topnav .pc_menu a.n3:hover { border:1px solid #2f9ad1; color: #2f9ad1; }

.topnav .site_name { font-size: 29px; font-family: Arial; font-weight:bold; }
.topnav .site_name a { color:#404756; }
.topnav .site_name a:hover { color:#000; }

main { min-height:76vh; }
/*
.build_start .step1 { min-height: 100vh; }
.build_start .step1 .td1 { background:url(images/left-img.jpg) no-repeat center top/cover; color:#fff; text-align:center; }
.build_start .step1 .td1 .ceo { font-weight:bold; font-size:26px; margin-bottom: 25px; }
.build_start .step1 .td1 h3 { font-size: 26px; margin-bottom: 0px; }
.build_start .step1 .td1 .back { font-size:26px; margin-top: 30px; }

.build_start .step1 .td2 .content { }
.build_start .step1 .td2 .content .form { width: 400px; margin: 0 auto; }
.build_start .step1 .td2 .ftit { font-size:20px; color:#2f9ad1; font-weight:bold; }
.build_start .step1 .td2 .form-control { padding-top: 14px; padding-bottom: 14px; height: calc(1.5em + 30px); background-color:#f6f6f6; }
.build_start .step1 .td2 .send { text-align:center; background-color:#3c51dc; color:#fff; width:100%; font-size: 20px; padding-top: 14px; padding-bottom: 14px; height: calc(1.5em + 30px); }
*/
.no-webp .home_welcome {  background:#a5aab5 url(images/banner-bg.jpg?t=1215) no-repeat center top/cover; } 
.webp .home_welcome {  background:#a5aab5 url(images/banner-bg.webp?t=1215) no-repeat center top/cover; } 
.home_welcome { 
    width: 100%;
    height: 860px; 
    }
.home_welcome .inner { width: 1250px; margin: 0 auto; padding-top: 200px; /*background-color: rgba(150,150,150, 0.5);*/ }
    
.home_welcome .intro { width: 370px; /* background-color:#a8a8a8; */ }
.home_welcome .intro h2.title { color:#1f2634; font-size: 36px; font-weight: bold; margin: 0px; line-height:1.1; width:100%; overflow:hidden; white-space:nowrap; text-align: center; }
.home_welcome .intro h2.title big { font-size:76px; }
.home_welcome .intro .text1 { 
    color:#404756; 
    font-size:29px; 
    border-top: 1px solid #404756; 
    border-bottom: 1px solid #404756;
    padding: 6px 0; 
    margin: 10px 0 10px;
    font-weight: bold;
    width:100%; 
    overflow:hidden; 
    white-space:nowrap; 
    text-align:center; 
    }
.home_welcome .intro .text2 {
    color:#404756; 
    font-size: 27px;
    font-weight: bold; 
    text-align:center; 
    }
.home_welcome .intro .text2 img { width:22px; vertical-align: 2px; margin-right: 10px; }        
.home_welcome .intro .link { text-align: right; margin-top: 30px; }      
.home_welcome .intro .link a { 
    display:inline-block; 
    background-image: linear-gradient(to right, #0258aa, #20aee5); 
    color:#fff; 
    font-weight:bold; 
    font-size:18px;
    padding: 14px 28px;
    border-radius: 30px; 
    }
.home_welcome .link a img { display:inline-block; margin-left: 20px; vertical-align: -3px; }

main .page_bnr { text-align:center; }
main .intro2 {
    padding: 80px 0 20px;
    background:#fff url(images/left-point.png) no-repeat 60px 80px; 
    }
main .intro2 .bnr1 { text-align:center; margin-bottom:30px; }
    
main .intro2 .item { text-align:center; margin-bottom:60px; width:20%; }
main .intro2 .item .tit { font-size:28px; font-weight:bold; margin-top: 10px; }
main .intro2 .item .desc { font-size:16px; }          

main .bg_point_left { background:transparent url(images/left-point.png) no-repeat 60px 80px; }
main .bg_point2_right { background:transparent url(images/right-point2.png) no-repeat 94% 540px; }
main .pg_bg3 { background:#fff url(images/bg03.jpg) no-repeat bottom center; }

.no-webp main .pg_bg4 { background:#fff url(images/bg-work.jpg) no-repeat center 700px; }
.webp main .pg_bg4 { background:#fff url(images/bg-work.webp) no-repeat center 700px; }

main .pg_bg5 { background:#fff url(images/bg04.jpg) repeat-y center top; }

main .get_started .a2 { 
    background:#fff url(images/right-point.png) no-repeat;
    background-position: calc(100% - 60px) 0px;
    }
/*main .get_started .a1 { flex:0 0 38%; max-width:38%; }*/     
main .get_started .a1 img { width:100%; height:auto; }
main .get_started .a2 { padding-left: 10%; display: flex; justify-content: left; align-items:center;  }
main .get_started .a2 .title { color:#2f9ad1; font-size: 32px; font-weight:bold; margin-bottom:20px; }
main .get_started .a2 .step { font-size: 18px; line-height: 1.8; margin-bottom:20px;  }
main .get_started .a2 .step span { display:inline-block; margin-right: 6px; }
main .get_started .a2 .link a { 
    display:inline-block;
    border:1px solid #8a91a2;
    color:#666; 
    border-radius: 30px; 
    font-size:18px;
    padding: 7px 14px;
    margin-right:20px;
    }
main .get_started .a2 .link a img { display:inline-block; margin-left: 10px; vertical-align: -3px; }

main .home_qa { background:#fff url(images/home_img2.jpg) no-repeat -220px center/auto 100%; }
main .home_qa .bg_point { 
    background:transparent url(images/right-point.png) no-repeat calc(100% - 60px) 0px;
    min-height:620px;  
    padding: 50px 0;
}
main .home_qa .qa_tit { text-align:center; margin-bottom; font-size:36px; color:#2f9ad1; font-weight:bold; margin-bottom:40px; }
main .home_qa .list .row > div { margin-bottom:30px; }
main .home_qa .list .item { 
    background-color:#fff; 
    color:#303030;
    border-radius: 10px; 
    box-shadow: 0 0 12px -1px #889999;
    padding: 15px 20px;
    display:flex;
    flex-direction: column;
    height:100%; 
}
main .home_qa .list .item .subject { flex-shrink:0; color:#086cb2; margin-bottom:3px; font-size:16px; line-height:21px; min-height:42px; /* overflow:hidden; */ }
main .home_qa .list .item .desc { flex-grow: 1; font-size:17px; line-height:22px; min-height:44px; }
main .home_qa .list .item:hover { 
    background-color:#2f9ad1; 
    color:#fff;
}
main .home_qa .list .item:hover .subject { color:#ffffaa; }


main .home_case { background:url(images/bg04.jpg) repeat-y top center; }

main .home_case { padding: 60px 0 0px; text-align:center; }
main .home_case .title { color:#2f9ad1; font-size: 36px; font-weight:bold; margin-bottom:20px; }
main .home_case .desc { font-size:18px; }
main .home_case .list { margin-top: 40px; }
main .home_case .list .item { margin-bottom:30px; }
main .home_case .list .img { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 0 12px -1px #889999; }

main .home_case .link { padding: 50px 0 80px; }
main .home_case .link a { 
    display:inline-block; 
    border: 2px solid #8a91a2; 
    color:#404756; 
    font-weight:bold; 
    font-size:18px;
    padding: 14px 28px;
    border-radius: 30px; 
    }
main .home_case .link a img { display:inline-block; margin-left: 20px; vertical-align: -3px; }

main .get_started2 .a1 { display:flex; align-items: center; }
main .get_started2 .a1 img { width:100%; height:auto; position:relative; top:-8%; }
main .get_started2 .a2 { display: flex; justify-content: center; align-items:center; position: relative; }
main .get_started2 .a2 .bgimg { position:absolute; z-index:1; width:28.4%; height:auto; top:-8%; right:60px; }
main .get_started2 .a2 .content { position:relative; z-index:2; padding-top: 20px; padding-bottom: 20px; }
main .get_started2 .a2 .title { color:#2f9ad1; font-size: 38px; font-weight:bold; margin-bottom:20px; }
main .get_started2 .a2 .step { font-size: 20px; line-height: 1.8;  }
main .get_started2 .a2 .step span { color:#4bbcf6; display:inline-block; margin-right: 6px; }
main .get_started2 .a2 .text2 { margin: 20px 0 40px; font-size: 18px; }
main .get_started2 .a2 .text2 img { width:16px; vertical-align: 1px; margin-right: 3px; }
main .get_started2 .a2 .text2 .td2 { margin-left: 30px; }
main .get_started2 .a2 .link a { 
    display:inline-block; 
    background-image: linear-gradient(to right, #0258aa, #20aee5); 
    color:#fff; 
    font-weight:bold; 
    font-size:19px;
    padding: 14px 28px;
    border-radius: 30px; 
    }
main .get_started2 .a2 .link a img { display:inline-block; margin-left: 20px; vertical-align: -3px; }

main .page_head { margin-bottom:30px; }
main .page_head .hd1 { padding-right: 30px; border-right:1px solid #c4c8d0; text-align:right; }
main .page_head .hd1 .ch { font-size:36px; color:#2f9ad1; font-weight:bold; line-height:1; margin-bottom: 10px; }

main .mod_about { padding: 80px 0 0px; }
main .mod_about .content .tr1 .ii { min-height: 480px; color:#fff; background:url(images/about_bg2.jpg) no-repeat center center/cover; }
main .mod_about .content .td1 { padding-left:50px; padding-right:20px; }
main .mod_about .content .td1 .a1 { margin-bottom:30px; font-weight:bold; }
main .mod_about .content .td1 .a1 .tit { font-size:34px; margin-bottom:20px; }
main .mod_about .content .td2 { width:640px; } 
main .mod_about .content .td2 .item { 
    margin:10px 10px;
    width:160px; height:160px; 
    text-align:center;
    border:2px solid #fff;
    background-color: rgba(20,40,60, 0.7);
    border-radius:80px;  
    font-size:16px; 
}
main .mod_about .content .td2 .sp1 { width:100%; }
main .mod_about .content .td2 .i1 { margin-left:70px; }

main .mod_about .content .tr2 { background-color:#fff; }
main .mod_about .content .tr2 .c1 { padding: 0 30px 0 50px; }
main .mod_about .content .tr2 .c1 .no1img { margin-bottom: 50px; }
main .mod_about .content .tr2 .c1 .tit { color:#2f9ad1; font-size:32px; font-weight:bold; margin-bottom: 20px; }
main .mod_about .content .tr2 .c1 .txt { margin-bottom:30px; }
main .mod_about .content .tr2 .bgimg { background:url(images/about_bg3.jpg) no-repeat center center/cover; width:100%; height: 480px; }
main .mod_about .content .tr2 .link a {
    display:inline-block;
    border:1px solid #8a91a2;
    color:#666; 
    border-radius: 30px; 
    font-size:17px;
    padding: 7px 14px;
    margin-right:20px;
    }  
main .mod_about .content .tr2 .link a img { display:inline-block; margin-left: 10px; vertical-align: -3px; } 

main .mod_service { padding: 80px 0 40px; }
main .mod_service .ilist { margin-top:60px; }
main .mod_service .ilist .item { border-top:1px solid #c4c8d0; padding-top:20px; padding-bottom:50px; }
main .mod_service .ilist .i1 { margin-right:25px; } 
main .mod_service .ilist .i2 { margin-left:25px; }
main .mod_service .ilist .item .ico { width: 125px; }
main .mod_service .ilist .item .txt .tit { font-size:20px; color:#086cb4; font-weight:bold; margin-bottom:8px; }
main .mod_service .ilist .item .txt .desc { color:#404756; }

main .mod_feature { padding: 80px 0 40px; }
main .mod_feature .ilist { margin-top:60px; }
main .mod_feature .ilist .item { margin-bottom:50px; }
main .mod_feature .ilist .item > a { display:block; position:relative; }
main .mod_feature .ilist .item > a .mask { 
    transition:all 0.3s; 
    opacity:0; 
    visibility:hidden; 
    display:flex;
    align-items:center;
    justify-content: center; 
    position:absolute; 
    top:50%; 
    left:50%;
    transform: translate(-50%,-50%); 
    background-color:rgba(36,120,165,1);
    border-radius:5px; 
    font-weight:bold;
    font-size:18px;
    width:20%; 
    height:100%; 
    overflow:hidden;
    white-space:nowrap;
    color:rgb(255,255,255);
}
main .mod_feature .ilist .item > a:hover .mask {
    opacity:1;
    visibility:visible; 
    width:100%; 
    }
   
main .mod_feature .ilist .item .ico { width: 110px; }
main .mod_feature .ilist .item .txt .tit { font-size:22px; color:#086cb4; font-weight:bold; margin-bottom:8px; }
main .mod_feature .ilist .item .txt .desc { color:#404756; }

main .mod_case { padding: 80px 0 80px; min-height:800px; }
main .mod_case .pc_cls .sp { padding: 0 5px; color:#8a91a2; }
main .mod_case .pc_cls > div { margin:2px 0; }
main .mod_case .pc_cls a { display:inline-block; padding: 10px 15px; border:0px solid #ccc; margin: 0 5px; border-radius: 30px; color:#404756; }
main .mod_case .pc_cls a:hover { color:#fff; background-color:#3c51dc; }
main .mod_case .mb_cls select { border-radius: 30px; border-color:#8a91a2; }
main .mod_case .list { margin: 40px 0 50px; }
main .mod_case .list .item { margin-bottom:30px; }
main .mod_case .list .img { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 0 12px -1px #889999; }

main .mod_plan { padding: 80px 0 60px; }
main .mod_plan .intro { text-align:center; margin-bottom:30px; }
main .mod_plan .intro .text { background-color:#8a91a2; color:#fff; border-radius:10px; padding: 10px 20px; font-size:32px; }
main .mod_plan .plan .item { box-shadow: 3px 6px 8px 1px #d0d0d0; text-align:center; border-radius:10px; margin-bottom:30px; }
main .mod_plan .plan .item .name { padding: 10px 3px; font-size: 24px; font-weight:bold; border-top-right-radius: 10px; border-top-left-radius: 10px; position:relative; }
main .mod_plan .plan .item .name .icon { position:absolute; top:0; left:20px; }
main .mod_plan .plan .p1 .name { background-color:#086cb4; color:#fff; } 
main .mod_plan .plan .p2 .name { background-color:#20448c; color:#fff; } 
main .mod_plan .plan .p3 .name { background-color:#192ea0; color:#fff; }
main .mod_plan .plan .item .price { padding: 15px 3px 20px; font-size:18px; }
main .mod_plan .plan .item .price .num { font-size: 46px; font-weight:bold; line-height:1.2; }
main .mod_plan .plan .item .price .txt { font-size: 42px; line-height:1.35; } 
main .mod_plan .plan .item .great { vertical-align:-2px; }  
main .mod_plan .plan .p1 .price { background-color:#2f9ad1; color:#fff; }
main .mod_plan .plan .p2 .price { background-color:#086cb4; color:#fff; }
main .mod_plan .plan .p3 .price { background-color:#3c51dc; color:#fff; }
main .mod_plan .plan .item .desc { padding:20px 3px; background-color:#fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
main .mod_plan .plan .item .desc > div { margin: 10px 0; font-size: 18px; }

main .mod_plan .plan .item .desc .go { margin-bottom:20px; }
main .mod_plan .plan .item .desc .go a {
    display:inline-block; 
    color:#fff; 
    font-weight:bold; 
    font-size:19px;
    padding: 14px 28px;
    border-radius: 30px; 
} 
main .mod_plan .plan .item .desc .go  a img { display:inline-block; margin-left: 30px; vertical-align: -3px; }
main .mod_plan .plan .p1 .desc .go a { background-image: linear-gradient(to right, #096db4, #4abbf5); }
main .mod_plan .plan .p2 .desc .go a { background-image: linear-gradient(to right, #1f458d, #2e99d0); }
main .mod_plan .plan .p3 .desc .go a { background-image: linear-gradient(to right, #3c51dc, #3c51dc); }

main .mod_plan_desc { padding-top:60px; padding-bottom:0px; position:relative; }
main .mod_plan_desc .bgimg { position:absolute; right:60px; top:-150px; }
main .mod_plan_desc .mod_tit { text-align:center; }
main .mod_plan_desc .mod_tit .tit { font-size:34px; color:#2f9ad1; margin-bottom:15px; }
main .mod_plan_desc .mod_tit .txt { font-size:18px; }
main .mod_plan_desc .list { margin-top:40px; }
main .mod_plan_desc .list .item { 
    margin-top:12px;
    background-color:#fff;
    box-shadow:0 0 10px -1px #b0b0b0;
    padding: 10px;
    border-radius: 10px;   
    font-size: 18px;  
}
main .mod_plan_desc .list .item .td1 { 
    font-weight:bold; 
    width:270px; 
    text-align:right; 
    border-right: 1px solid #ccc; 
    padding-right:20px; margin-right:20px;
    } 
main .mod_plan_desc .list .item .td2 {  padding-right:10px; }
 
main .mod_qa { padding: 80px 0 80px; }
main .mod_qa .content { padding:20px 0 20px; }
main .mod_qa .content .subject { font-size:36px; color:#2f9ad1; margin-bottom:30px; font-weight:bold; }
main .mod_qa .alink { margin-top:20px; }
main .mod_qa .alink .td1 { float:left; }
main .mod_qa .alink .td1 span { background-color:#8a91a2; display:inline-block; width:34px; height:34px; text-align:center; color:#fff; border-radius:20px; padding-top:4px; font-size:18px; margin-right:10px; }
main .mod_qa .alink .td2 { float:right; }
main .mod_qa .alink .td2  a { 
    display:inline-block;
    border:1px solid #8a91a2;
    color:#666; 
    border-radius: 30px; 
    font-size:16px;
    padding: 7px 14px;
    margin-right:20px;
    }
main .mod_qa .alink .td2 a img { display:inline-block; margin-left: 10px; vertical-align: -3px; }
 
main .mod_contact { padding: 80px 0 60px; }

main .mod_contact .info { padding:0px; }
main .mod_contact .info .item { margin-bottom:30px; line-height:2; }
main .mod_contact .info .item a { color:#000; }
main .mod_contact .info .item a:hover { color:#2f9ad1; }
main .mod_contact .info .item .tit { color:#2f9ad1; font-size:22px; font-weight:bold; margin-bottom:8px; }
main .mod_contact .info .item .fas { width:1.2rem; text-align:center; }
main .mod_contact .info .item .line .qr { float:left; background-color:#fff; border:1px solid #c4c8d0; padding:18px; border-radius:6px; margin-right:30px; margin-bottom:10px; }
main .mod_contact .info .item .line .txt { float:left; }
main .mod_contact .info .item .line .txt a { color:#000; }
main .mod_contact .info .item .line .txt a:hover { color:#2f9ad1; }

main .mod_contact .form { padding:0px; }
main .mod_contact .form .tit { color:#2f9ad1; font-size:22px; font-weight:bold; margin-bottom:1rem; line-height:2; }
main .mod_contact .form .f-c1 { color:#444; }
main .mod_contact .form .f-c1 span { color:#3c51dc; }
main .mod_contact .form .form-group { margin-bottom:2rem; }
main .mod_contact .form .form-group .ftit { margin-bottom:0; }
main .mod_contact .form .form-control { background-color:transparent; border-width:0; border-bottom-width:1px; border-color:#c0c0c0; border-radius:0; padding:0; box-shadow:none; }
main .mod_contact .form input.form-control { color:#333; }
main .mod_contact .form input.postno { color:#333; }
main .mod_contact .form input[type=number]::-webkit-inner-spin-button,
main .mod_contact .form input[type=number]::-webkit-outer-spin-button {
    margin:0;
    -webkit-appearance:none;
}
main .mod_contact .form input[type=number] {
    -moz-appearance:textfield;
} 

main .mod_contact .form textarea.form-control { height:6.5rem; padding-top:0.5rem; color:#333; }
main .mod_contact .form select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
main .mod_contact .form select { color:#333; cursor:pointer; 
    /*background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");*/
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 0.8rem;
    background-position: calc(100% - 0.8rem) center;
    background-repeat: no-repeat;
    padding-right: 40px !important;
}
main .mod_contact .form select:focus::-ms-value { background:none; }
main .mod_contact .form select:focus { }
main .mod_contact .form select::-ms-expand { display:none; }
main .mod_contact .form .code .vimg { }
main .mod_contact .form .code .col-12 { margin-bottom:20px; }
main .mod_contact .form button.send {   
    border: 0 none;  
    background-image: linear-gradient(to right, #0258aa, #20aee5); 
    color:#fff; 
    font-weight:bold; 
    font-size:19px;
    padding: 14px 28px;
    border-radius: 30px; 
    cursor:pointer; 
    }
main .mod_contact .form button.send img { display:inline-block; margin-left: 20px; vertical-align: -3px; }
main .mod_contact .form button.send:hover { }
     
main .mod_contact .form a { color:#000; }
main .mod_contact .form a:hover { color:#2f9ad1; }

.form-control::-webkit-input-placeholder {
  color: #919191 !important;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #919191 !important;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #919191 !important;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #919191 !important; 
  opacity: 1;
}

.form-control::placeholder {
  color: #919191 !important;
  opacity: 1;
}

.link_go1 { font-size:34px; font-weight:bold; padding:80px 0; text-align:center; }
.link_go1 a { color:#2f9ad1; }
.link_go1 a:hover { color:#277ead; }
/* .link_go1 a:hover span { animation: my2 0.5s ease infinite alternate both; display:inline-block; } */
.link_go1 img.go1 { margin-left:10px; vertical-align:6px; position:relative; animation: my1 1s ease infinite alternate both; transition:all 0.5s; }
/* .link_go1 a:hover .go1 { transform: rotate(-180deg); animation-duration: 0.5s; animation-timing-function: ease-in-out; } */

@keyframes my1 {
    0% { left:0px; }
    100% { left:30px; }
}

@keyframes my2 {
    0% { transform:scale(1); }
    100% { transform:scale(0.9); }
}


.no-webp .more-case { background:url(images/bg-work.jpg) no-repeat center top; }
.webp .more-case { background:url(images/bg-work.webp) no-repeat center top; }

.more-case { padding: 0px 0; position:relative; }
.more-case .bgimg { position:absolute; right:60px; top:-170px; }
.more-case .link_go1 { margin-top:0; }

/*footer { font-size:16px; }*/
footer .menu { padding-top: 40px; padding-bottom:30px; }
footer .menu .ctit { font-weight:bold; margin-bottom:15px; }
footer .menu .td { margin-bottom:30px; }
footer .menu .td span.area { display:inline-block; background-color:#777; color:#fff; border-radius:6px; padding:1px 5px; margin-right:10px; }
footer .menu .td1 .tel { margin-bottom:10px; }
footer .menu .td2 .qr { border:1px solid #c4c8d0; padding:18px; border-radius:6px; margin-right:15px; }
footer .menu .td3 .link a {
    display:inline-block; 
    border: 2px solid #8a91a2; 
    color:#404756; 
    font-weight:bold; 
    font-size:17px;
    padding: 14px 28px;
    border-radius: 30px; 
}
footer .menu .td3 .link a img { display:inline-block; margin-left: 20px; vertical-align: -3px; }
footer .menu a { display:inline-block; color:#404756; }
footer .menu a:hover { color:#2f9ad1; }

.float_btn { position: fixed; right:0; top:40%; width:80px; transition: all 0.3s; }
.float_btn .link .item { background-color:#2f9ad1; font-size: 13px; text-align:center; }
.float_btn .link .item a { color:#fff; display:block; padding: 15px 0; }
.float_btn .link .item a span { display:block; font-size: 12px; margin-top:3px; }
.float_btn .link .item:first-child { border-top-left-radius: 8px; }
.float_btn .link .item:last-child { border-bottom-left-radius: 8px; }
.float_btn .link .top { background-color:#1f2634; }
.float_btn .link .top > a { padding: 20px 0; } 

/* 分頁 */
.pgn { text-align:center; font-size:20px; }
.pgn .con { display: inline; position: relative; }
.pgn .page { display:inline-block; width:38px; height:38px; border-radius:50px; font-family:Helvetica; line-height:38px; }
.pgn .page a { color:#474747; }
.pgn .page a:hover { color:#2f9ad1; }
.pgn .pbtn {  width:38px; height:38px; border-radius:50px; padding:12px 0px 0; background-color:#919191; color:#ffffff; font-size:1rem; border:none; }
.pgn .active { background-color:#2f9ad1; color:#ffffff; font-weight: bold; }
.pgn .pbtn.nopage { background-color: #c6c6c6; }
.pgn .larr { position: relative; left:-60px; } 
.pgn .rarr { position: relative; right:-60px; }
.pgn .pbtn:not(.nopage):hover { background-color: #2f9ad1; }

.m-page { position:relative; font-size:20px; margin-top:0px;  }
.m-page .bdr { text-align:center; }
.m-page .m-sel-title { padding:0px 10px; display:inline-block; cursor:pointer; color:#404040; }
.m-page .m-sel-title .name { display:inline-block; margin:0 0.5rem; }
.m-page .m-sel-title .icon { display:inline-block; }
.m-page .prev { position:absolute; left:10px; top:0px; padding:0px; display:inline-block; }   
.m-page .next { position:absolute; right:10px; top:0px; padding:0px; display:inline-block; }
.m-page a { color:#404040; text-decoration:none; }
.m-page a:hover { color:#000; }
.m-page .pbtn { 
    font-size:1rem;
    padding:4px 0px 0;  
    color:#ffffff;
    background-color:#919191; 
    border-radius:50px; 
    width:32px; height:32px;  
 }
.m-page .pbtn .txt { display:none; } 
.m-page .disabled { background-color:#b1b1b1; }

.m-page .m-nav-div { position:relative; margin-bottom:1rem; margin-top:1rem; }  
.m-page .m-nav-menu { border:1px solid #808080; border-radius:5px; margin-top:0.125rem; width:100%; background-color:transparent; }
.m-page ul.m-nav-menu { margin:0; padding:0; list-style-type:none; } 
.m-page ul.m-nav-menu li { margin:0 1.5rem; padding:0.5rem 0; text-align:center; border-top:1px solid #808080; }
.m-page ul.m-nav-menu li:first-child { border-top:0px none #e8e8e8; }
.m-page ul.m-nav-menu li a { color:#303030; display:block; padding:0.5rem 0;}
.m-page ul.m-nav-menu li a:active { color:#c7161e; }
.m-page ul.m-nav-menu .m-now a { color:#606060; }

@media (max-width: 1399.98px) {
    main .get_started2 .a1 img { top:0px; }
    main .get_started2 .a2 .bgimg { top:20px; right: 20px; }
    main .get_started .a2 { padding-left: 6%; }
    main .get_started .a2 .title { color:#2f9ad1; font-size: 32px; font-weight:bold; margin-bottom:20px; }
    main .get_started .a2 .step { font-size: 18px; line-height: 1.6; margin-bottom:20px;  }
    
}

@media (max-width: 1279.98px) {
    .home_welcome { 
        width: 100%;
        height: 560px; 
        }
    .home_welcome .inner { max-width: 960px; width:100%; margin: 0 auto; padding-top: 110px; }

    .home_welcome .intro { width: 330px; }
    .home_welcome .intro h2.title { font-size: 32px; }
    .home_welcome .intro h2.title big { font-size:67px; }
    .home_welcome .intro .text1 {
        font-size:26px; 
        }
    .home_welcome .intro .text2 {
        font-size: 24px;
        }
    .home_welcome .intro .text2 img { width:16px; vertical-align: 1px; margin-right: 6px; }        
    .home_welcome .intro .link { text-align: right; margin-top: 30px; }      
    .home_welcome .intro .link a { 
        font-size:18px;
        padding: 10px 20px;
        border-radius: 30px;    
        }
    .home_welcome .link a img { width:16px; margin-left: 10px; vertical-align: -1px; }
    
}

@media (max-width: 1199.98px) {
    .topnav { padding: 0px 20px; }
    
    main .bg_point2_right { background-image: none; }
    main .mod_qa.bg_point_left { background-image: none; }
    main .mod_qa { padding-top:40px; } 
    
    main .get_started .a2 .title { color:#2f9ad1; font-size: 28px; margin-bottom:15px; }
    main .get_started .a2 .step { font-size: 18px; }
    main .get_started .a2 .link a { 
        font-size:16px;
        padding: 6px 12px;
        }

    main .get_started2 .a1 { display:flex; align-items: center; }
    main .get_started2 .a1 img { width:100%; height:auto; position:relative; top:0px; }
    /* main .get_started2 .a2 .bgimg { top:20px; right:20px; } */
    
    main .home_qa { background-image:none; background-color:#fafafa; /* */ }
    main .home_qa .bg_point { min-height:0; background-image:none; }

    main .mod_about .content .td1 { width:100%; padding:40px 20px; max-width: 600px; margin: 0 auto; }
    main .mod_about .content .td1 .a2 { text-align:center; }
    main .mod_about .content .td2 { width:100%; padding:0 20px 40px; text-align:center; }
    main .mod_about .content .td2 .b1 { justify-content: center; }
    main .mod_about .content .td2 .b1 .i1 { margin-left:10px; }
    
    main .mod_plan .plan .item .desc .go a { font-size: 18px; }
    main .mod_plan .plan .item .desc > div { font-size: 18px; }
    main .mod_plan .plan .item .desc .go  a img { margin-left: 20px; }

    main .mod_plan_desc .bgimg { display:none; }
    
    .more-case .bgimg { display:none; }
    /*
    .build_start .step1 .td2 .content .form { width: 350px; margin: 0 auto; }
    */
}

@media (max-width: 991.98px) {
    /*
    */
    .topnav { padding: 0px; }
    .topnav .site_name { margin-left: 20px; }
    .topnav .pc_menu { display: none; }
    .topnav .mb_menu { display: block; }
    .topnav .mb_menu .topbtn { width:90px; height:80px; overflow:hidden; }
    .topnav .mb_menu .topbtn .fa-solid { font-size: 45px; }
    .topnav .mb_menu .topbtn span { display:none; }
    .topnav .mb_menu .barmenu { background-color: #404756; color: #fff; }
    .topnav .mb_menu .mem { color: #2f9ad1; margin-right: 8px; }
    .topnav .mb_menu .mem img { width: 50px; height:50px; }  

    .mb_submenu { 
        display: none;
        position: fixed;
        top:0px;
        left:0px; 
        width: 100%;
        height: 100vh;
        background-color: #262626;
        color: #fff;
        overflow: auto;  
        transition: all 0.5s;
        z-index: 202;
    }
    .mb_submenu .mclose { position:absolute; top:0px; right:0px; }
    .mb_submenu .mclose a { display:inline-block; line-height:1; padding: 20px 26px; color:#fff; background-color:#2f9ad1; }
    .mb_submenu .mclose .fa-solid { font-size:45px; }
    .mb_submenu .mclose .text { display:none; }
    
    .mb_submenu .menu { min-height:100vh; padding-top: 80px; padding-bottom: 50px; }
    .mb_submenu nav { width:100%; text-align:center; }
    .mb_submenu nav a { display:block; margin:10px; padding:15px; text-align:center; font-size:26px; color:#fff; font-weight:normal; }
    .mb_submenu nav a.n1 { background-color:#2f9ad1; display:inline-block; padding: 12px 30px; border-radius: 40px; }
    .mb_submenu nav .m2 a { width:320px; }

    #mb_menu2 { display:flex; }

    .home_welcome { 
        width: 100%;
        height: 450px; 
        }
    .home_welcome .inner { max-width: 740px; width:100%; margin: 0 auto; padding-top: 80px; }

    .home_welcome .intro { width: 264px; }
    .home_welcome .intro h2.title { font-size: 26px; font-weight: bold; }
    .home_welcome .intro h2.title big { font-size:56px; }
    .home_welcome .intro .text1 {
        font-size:20px;
        margin-bottom: 10px;
        }
    .home_welcome .intro .text2 {
        font-size: 19px;
        }
    .home_welcome .intro .text2 img { width:16px; vertical-align: 1px; margin-right: 6px; }        
    .home_welcome .intro .link { text-align: right; margin-top: 20px; }      
    .home_welcome .intro .link a { 
        font-size:16px;
        padding: 10px 20px;
        border-radius: 30px; 
        }
    .home_welcome .link a img { width:16px; margin-left: 10px; vertical-align: -1px; }
    
    main .intro2 .item { width:45%; } 

    main .get_started .a1 { display:none; }
    main .get_started .a2 { 
        padding: 40px 0; 
        justify-content: center;
        background-position: calc(100% - 30px) 0px;  
        }

    main .get_started .a2 .title { color:#2f9ad1; font-size: 36px; margin-bottom:20px; }
    main .get_started .a2 .step { font-size: 20px; }
    main .get_started .a2 .link a { 
        font-size:17px;
        padding: 10px 26px;
        }

    main .get_started2 .a2 .bgimg { width:25%; height:auto; }
    main .get_started2 .a2 .content { padding-top: 80px; padding-bottom: 40px; }

    main .page_head .hd1 { padding-right:0; border:0 none; margin-bottom: 30px; } 

    main .mod_about .content .tr2 .c1 { padding: 0 20px 0 30px; }
    main .mod_about .content .tr2 .c1 .no1img { margin-bottom: 50px; }
    main .mod_about .content .tr2 .c1 .tit { color:#2f9ad1; font-size:26px; font-weight:bold; margin-bottom: 20px; }
    main .mod_about .content .tr2 .c1 .txt { margin-bottom:30px; font-size:16px; }
    main .mod_about .content .tr2 .c1 .link a { font-size:16px; }
    main .mod_about .content .tr2 .bgimg { width:100%; height: 360px; }

    main .mod_service .ilist .i1 { margin-right:20px; } 
    main .mod_service .ilist .i2 { margin-left:20px; }
    main .mod_service .ilist .item { border-top:0 none; padding-top:0; padding-bottom:30px; }
    main .mod_service .ilist .item .ico { text-align:center; }
    main .mod_service .ilist .item .txt .tit { margin-bottom:3px; text-align:center; }

    main .mod_feature .ilist .item .ico { text-align:center; margin-bottom:10px; }
    main .mod_feature .ilist .item .txt { text-align:center; }
    main .mod_feature .ilist .item .txt .tit { margin-bottom:3px; }

    main .mod_plan .plan .item .desc .go a { font-size: 17px; }
    main .mod_plan .plan .item .desc > div { font-size: 17px; }
    main .mod_plan .plan .item .desc .go  a img { margin-left: 20px; }

    main .mod_plan_desc .list .item { font-size: 17px; }
    main .mod_plan_desc .list .item .td1 {
        text-align:left;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0;
        border-right: 0 none; 
    }
    main .mod_plan_desc .list .item .td2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    main .mod_qa .content .subject { font-size:30px; }
    
    main .mod_contact .form button.send { width:100%; }
    /*
    .build_start .step1 .td2 .content .form { width: 300px; margin: 0 auto; }
    */
    .no-webp main .pg_bg4 { background:#fff url(images/bg-work.jpg) no-repeat center 100%; background-size:1560px auto; }
    .webp main .pg_bg4 { background:#fff url(images/bg-work.webp) no-repeat center 100%; background-size:1560px auto; }
    
}

@media (max-width: 767.98px) {
    body { padding-bottom:80px; }
    
    /*main .pg_bg4 { background-position: 0px 1000px; }*/ 
    
    .home_welcome { 
        width: 100%;
        height: 350px; 
        }
    .home_welcome .inner { max-width: 550px; width:100%; margin: 0 auto; padding-top: 60px; }

    .home_welcome .intro { width: 200px; }
    .home_welcome .intro h2.title { font-size: 19px; font-weight: normal; }
    .home_welcome .intro h2.title big { font-size:42px; }
    .home_welcome .intro .text1 {
        font-size:15px;
        margin-bottom: 10px;
        }
    .home_welcome .intro .text2 {
        font-size: 14px;
        }
    .home_welcome .intro .text2 img { width:12px; vertical-align: 0px; margin-right: 3px; }        
    .home_welcome .intro .link { text-align: right; margin-top: 15px; }      
    .home_welcome .intro .link a { 
        font-size:14px;
        padding: 8px 20px;
        border-radius: 30px; 
        }
    .home_welcome .link a img { width: 16px; margin-left: 10px; vertical-align: -2px; }
    
    main .mod_about .content .tr1 .ii { background:url(images/about_bg1.jpg) no-repeat center center/cover; }
    main .mod_about .content .td2 .sp1 { display:none; }
    main .mod_about .content .tr2 .c1 .no1img { margin-bottom: 30px; }    
    main .mod_about .content .tr2 .c1 { padding: 30px 20px 30px 30px; }

    main .home_qa .qa_tit { font-size: 30px; }
    
    main .home_case .title { font-size: 34px; }

    main .mod_case { padding-bottom:50px; }
    main .mod_case .list { margin-bottom:20px; } 
    /*    
    .build_start .step1 .td1 { min-height: 400px; } 
    .build_start .step1 .td2 .content { padding: 50px 0; }
    .build_start .step1 .td2 .content .form { width: 400px; }
    */

    main .mod_plan .intro .text { padding: 8px 15px; font-size:20px; }
    
    main .mod_qa .content .subject { font-size:26px; }
    main .mod_qa .alink .td1 { float:none; }
    main .mod_qa .alink .td2 { float:none; margin-top:30px; }

    main .mod_contact .info .item .line .qr { display:none; }
    main .mod_contact .form { padding-top:1rem; } 
    
    .float_btn { position: fixed; right:0; left:0; bottom:0; top:auto; width:100%; z-index: 200; }
    .float_btn .link { display: flex; }
    .float_btn .link .item { width:25%; background-color:#2f9ad1; font-size: 13px; text-align:center; padding:0; }
    .float_btn .link .item a { color:#fff; padding: 15px 0; }
    .float_btn .link .item:first-child { border-top-left-radius: 0; }
    .float_btn .link .item:last-child { border-bottom-left-radius: 0; }
    .float_btn .link .top { background-color:#1f2634; }
    .float_btn .link .top a { height:100%; display:flex; align-items: center; justify-content: center; } 
    

    /* page */
    .pgn { display:none; }
    .pgn .pbtn { width:32px; height:32px; font-size:0.875rem; padding:9px 0px; margin:0px; }
    .pgn .larr,.pgn .rarr { position: static; }
    .pgn .con { display:flex; justify-content: space-between; }
    .pgn .active { background-color: transparent;  color:#474747; font-weight: normal; width:auto; font-size:20px; height:32px; font-family:"Microsoft JhengHei";  }
    .pgn .txt { padding:0px 10px; }
    .pgn .page:not(.active){ display:none; }

    #foot_calltel_area { display:block; background-color: #277ead; }
    #foot_calltel_area .col { font-size:24px; text-align:center; }
    #foot_calltel_area .col a { color:#fff; display:inline-block; padding:20px; }
    #foot_calltel_area .col a > span { 
        display:inline-flex; 
        background-color:#fff;
        color:#2f9ad1; 
        border-radius:30px; 
        width:32px; height:32px; 
        align-items:center; 
        justify-content:center;
        font-size:16px; 
        vertical-align:1px;
        }
    
}

@media (max-width: 575.98px) {

    .topnav .site_name { margin-left: 10px; }
    .topnav .site_name img { height:38px; width:auto; }
    .topnav .mb_menu .topbtn { width:50px; height:50px; overflow:hidden; }
    .topnav .mb_menu .topbtn .fa-solid { font-size: 32px; }
    .topnav .mb_menu .mem img { width: 36px; height:36px; }  

    .mb_submenu .mclose a { display:inline-block; line-height:1; padding: 10px 16px; }
    .mb_submenu .mclose .fa-solid { font-size:34px; }
    .mb_submenu nav a { padding:10px 15px; font-size:23px; }
    .mb_submenu nav .m2 a { width:280px; }

    .no-webp .home_welcome { background:#a5aab5 url(images/banner_m.jpg?t=1215) no-repeat center bottom/cover; }
    .webp .home_welcome { background:#a5aab5 url(images/banner_m.webp?t=1215) no-repeat center bottom/cover; }
    .home_welcome { 
        width: 100%;
        height: auto;
        padding-bottom: 126%;
        position: relative;  
        }
    .home_welcome .inner { max-width: none; padding-top:0; position: absolute; top:0; left:0; }

    .home_welcome .intro { width: 250px; margin: 0 auto; padding-top: 30px; background-color:transparent;  }
    .home_welcome .intro h2.title { font-size: 22px; font-weight: bold; }
    .home_welcome .intro h2.title big { font-size:42px; }
    .home_welcome .intro .text1 {
        font-size:19px;
        font-weight: bold; 
        margin-bottom: 10px;
        }
    .home_welcome .intro .text2 {
        font-size: 18px;
        }
    .home_welcome .intro .text2 img { width:14px; vertical-align: 1px; margin-right: 3px; }        
    .home_welcome .intro .link { text-align: right; margin-top: 15px; }      
    .home_welcome .intro .link a { 
        font-size:14px;
        padding: 8px 20px;
        border-radius: 30px; 
        }
    .home_welcome .link a img { width: 16px; margin-left: 10px; vertical-align: -2px; }
    
    main .intro2 { padding-top:40px; background-position: 15px 15px; background-size: 25%; padding-bottom:0; }
    main .intro2 .item { margin-bottom: 30px; }
    main .intro2 .item img { width: 220px; height: auto; }
    main .intro2 .item .tit { font-size:18px; font-weight:bold; margin-top: 10px; }
    main .intro2 .item .desc { font-size:15px; }          

    main .bg_point_left { background-position: 15px 15px; background-size: 25%; }


    main .get_started .a2 { 
        padding: 40px 0; 
        justify-content: center;
        background-position: calc(100% - 15px) 0px;  
        background-size: 25%; /*140px*/ 
        text-align:center; 
        display:block;
        }

    main .get_started .a2 .title { color:#2f9ad1; font-size: 24px; margin-bottom:15px; }
    main .get_started .a2 .step { font-size: 18px; display:flex; justify-content: center; text-align:left; }
    main .get_started .a2 .link { display:flex; flex-wrap: wrap; justify-content: space-around; } 
    main .get_started .a2 .link a { 
        font-size:15px;
        padding: 7px 14px;
        margin-right: 3px;
        margin-left: 3px;
        margin-bottom: 15px;
        
        }
        
    main .home_qa .bg_point { padding:40px 0 30px; }
    main .home_qa .qa_tit { font-size: 24px; margin-bottom:20px; } 
    main .home_qa .list .item .subject { min-height:0; margin-bottom:10px; }
    main .home_qa .list .item .desc { min-height:0; }      
        
    main .home_case .link { padding: 20px 0 50px; }    
    main .home_case .title { font-size: 24px; }        

    main .get_started2 .a2 .content { padding-top:40px; } 
    main .get_started2 .a2 .title { color:#2f9ad1; font-size: 26px; margin-bottom:15px; }
    main .get_started2 .a2 .step { font-size: 18px; }
    main .get_started2 .a2 .link a { 
        font-size:18px;
        padding: 12px 28px;
        }
   
    main .page_head .hd1 .ch { font-size:30px; } 
    
    main .mod_about { padding-bottom:0px; }
    main .mod_about .content .td1 .a1 .tit { font-size:26px; }
    main .mod_about .content .td1 .a1 .txt { font-size:16px; } 
    main .mod_about .content .td2 { padding:0px; padding-bottom: 30px; }
    main .mod_about .content .td2 .item { 
        margin:6px 6px;
        width:150px; height:150px;
        padding:10px 10px; 
        text-align:center;
        border:2px solid #fff;
        background-color: rgba(20,40,60, 0.7);
        border-radius:80px;  
        font-size:15px; 
    }
    main .mod_about .content .tr2 .bgimg { width:100%; height: 280px; }
    
    main .mod_service { padding-bottom:10px; }
    main .mod_service .ilist .i1 { margin-right:15px; } 
    main .mod_service .ilist .i2 { margin-left:15px; }
    main .mod_service .ilist .item .txt .tit { font-size:17px; }
    main .mod_service .ilist .item .txt .desc { font-size:16px; }

    main .mod_feature { padding-bottom:10px; }
    main .mod_feature .ilist .item .txt .tit { font-size:17px; }
    main .mod_feature .ilist .item .txt .desc { font-size:16px; }
    
    main .mod_plan { padding: 60px 0 20px; }
    main .mod_plan_desc { padding-top:20px; }

    main .mod_contact .form .code .img { margin-left:0; margin-right:15px; }

    main .mod_qa { padding: 30px 0 40px; }
    main .mod_qa .content .subject { font-size:24px; }
    main .mod_qa .alink .td2 a { 
        font-size:15px;
        padding: 7px 14px;
        margin-right: 3px;
        margin-left: 3px;
        margin-bottom: 15px;
        }
    /*
    .build_start .step1 .td1 { min-height: 350px; }
    .build_start .step1 .td2 .content .form { width: 90%; }
    .build_start .step1 .td1 .ceo { font-weight:bold; font-size:22px; margin-bottom: 25px; }
    .build_start .step1 .td1 h3 { font-size: 22px; margin-bottom: 0px; }
    .build_start .step1 .td1 .back { font-size:22px; margin-top: 30px; }
    */
    .link_go1 { font-size:22px; padding:50px 0; }
    .link_go1 img.go1 { margin-left:10px; vertical-align:5px; width:50px; height:auto; }
    .more-case { padding: 0px 0; }

    .float_btn .link .item { font-size:12px; }
    .float_btn .link .item a { padding: 8px 0 6px; }
    .float_btn .link .item a img { width:20px; height:auto; }
    .float_btn .link .item a span { margin-top:0px; line-height:1.5; }

    #foot_calltel_area .col { font-size:18px; }
    #foot_calltel_area .col a { padding:15px 5px; }
    
    .no-webp main .pg_bg4 { background-position:center 102%; background-size:1700px auto; }
    .webp main .pg_bg4 { background-position:center 102%; background-size:1700px auto; }
    
}


@media (min-width: 576px) {

    main .intro2 { background-position: 30px 30px; background-size: 160px; }
    main .bg_point_left { background-position: 30px 30px; background-size: 160px; }
    main .get_started .a2 { background-size: 160px; }
}

@media (min-width: 768px) {

    main .intro2 { background-position: 40px 40px; background-size: 200px; }
    main .bg_point_left { background-position: 40px 40px; background-size: 200px; }
    main .get_started .a2 { background-size: 200px; }
    
    main .mod_plan .plan .item .desc .txt1 { min-height: 74px; }

    .intro .html { width: 80%; margin: 0 auto; }

    /* page */
    .pgn .md_top { display:none; }
    
    #foot_calltel_area { display:none !important; }
    #foot_icon_tel { display:block !important; }
    #foot_icon_close { display:none !important; }
}

@media (min-width: 992px) {

    .mb_submenu { display:none !important; }

    main .intro2 { background-position: 40px 80px; }
    main .bg_point_left { background-position: 40px 80px; }
    main .get_started .a2 { background-position: calc(100% - 40px) 0px; }
}

@media (min-width: 1200px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1600px) {
    main .container { max-width:1250px; }
    main .intro2 { background-position: 60px 80px; background-size: auto; }
    main .bg_point_left { background-position: 60px 80px; background-size: auto; }
    main .get_started .a2 { background-position: calc(100% - 60px) 0px; background-size: auto; }
    
    footer .container { max-width:1250px; }
}