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 76px;
    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; } /* #3c51dc */
.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; }
.topnav .site_name img { max-width:163px; height:auto; }

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); }


.home_welcome { 
    background:#a5aab5 url(images/banner3-bg.png?t=0414) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 860px; 
    }
    
.home_welcome .inner { max-width: 1489px; margin: 0 auto; padding-left:10px; padding-top: 231px; 
    /* background-color: rgba(150,150,150, 0.5); */ 
    display:flex;
    align-items: start;
    justify-content: left; 
}
/*    
.home_welcome .inner { margin: 0; padding-top: 231px; padding-left:11.5%; background-color: rgba(150,150,150, 0.5); }
*/
.home_welcome .intro { width: auto; /* background-color:#a8a8a8; */ }
.home_welcome .intro h1,
.home_welcome .intro h2 { margin:0; line-height:normal; }
.home_welcome .intro .title { color:#1f2634; /*font-size: 75px;*/ font-size: 66px; font-weight: bold; margin: 0px; line-height:1.1; width:100%; overflow:hidden; white-space:nowrap; text-align:center; }
.home_welcome .intro .text0 { color:#1f2634; font-size:49px; font-weight:bold; width:100%; overflow:hidden; white-space:nowrap; text-align:center; }
.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 20px;
    font-weight: bold;
    width:100%; 
    overflow:hidden; 
    white-space:nowrap; 
    text-align:center; 
    letter-spacing:1px; 
    }
.home_welcome .intro .text2 {
    font-size: 28px;
    letter-spacing: 6px;
    padding-left:10px;
    padding-right:10px;
    }
.home_welcome .intro .text2 .txt { text-align: center; } 
.home_welcome .intro .link { text-align: center; 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 .intro2 {
    padding: 80px 0 0px;
    background:#fff url(images/left-point.png) no-repeat 60px 80px; 
    }
main .intro2 .title { color:#2f9ad1; font-size: 38px; font-weight:bold; margin-bottom:20px; text-align:center; }

main .intro2 h2 { margin:0; line-height:normal; }
main .intro2 .item { text-align:center; margin-bottom:50px; width:20%; }
main .intro2 .item .tit { font-size:28px; font-weight:bold; margin-top: 10px; }
main .intro2 .item .desc { font-size:16px; }          

main .home_func {  }
main .home_func .head { background:#eef2f7 url(images/bg05_0.gif) no-repeat center bottom; }
main .home_func .head .bgl { }
main .home_func .head .bgr { background:url(images/home_func.png) no-repeat calc(100% - 60px) 15px; }
main .home_func .head .cls { padding-top:90px; min-height:360px; display:flex; align-items:end; justify-content:center;  }
main .home_func .head .cls > div { flex-grow:1; }
main .home_func .head .title { color:#2f9ad1; font-size: 36px; font-weight:bold; margin-bottom:20px; text-align:center; }
main .home_func .head .desc { font-size:18px; text-align:center; }
main .home_func .head .fmenu { margin-top:36px; display:flex; justify-content:center; }
main .home_func .head .fmenu .item { margin:0 15px; padding-bottom:34px; }
main .home_func .head .fmenu .item .fbtn { padding:8px 12px; border-radius:20px; cursor:pointer; border:1px solid transparent; } 
main .home_func .head .fmenu .item.now,
main .home_func .head .fmenu .item:hover { background:url(images/bg05_arr.png) no-repeat center bottom; }
main .home_func .head .fmenu .item.now .fbtn { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; } 
main .home_func .head .fmenu .item:hover .fbtn { background-color:#fff; color:#2f9ad1; border:1px solid #2f9ad1; /*background-color:#fff; color:#2f9ad1; border:1px solid #2f9ad1;*/ }

main .home_func .ilist { min-height:300px; background-color:#eef2f7; padding:30px 0; position:relative; }
main .home_func .ilist .bg1 { position:absolute; right:80px; top:-140px; }
main .home_func .ilist .intro .desc { background-color:#fff; border-radius:10px; padding:10px; margin-bottom:15px; }
main .home_func .ilist .item { margin:20px 0; }
main .home_func .ilist .item > a { display:block; position:relative; }
main .home_func .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 .home_func .ilist .item > a:hover .mask {
    opacity:1;
    visibility:visible; 
    width:100%; 
    }
   
main .home_func .ilist .item .ico { width: 110px; }
main .home_func .ilist .item .txt .tit { font-size:22px; color:#086cb4; font-weight:bold; margin-bottom:8px; }
main .home_func .ilist .item .txt .desc { color:#404756; }

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


main .bg_point_left { background:transparent url(images/left-point.png) no-repeat 60px 80px; }
main .pg_bg2 { background-color:#fff; } 
main .pg_bg3 { background:#fff url(images/bg03.jpg) no-repeat bottom center; }

main .get_started .a2 { 
    background:#fff url(images/right-point.png) no-repeat;
    background-position: calc(100% - 60px) 0px;
    }
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;  }
main .get_started .a2 .step span { color:#4bbcf6; display:inline-block; margin-right: 6px; }
main .get_started .a2 .text2 { margin: 20px 0 40px; font-size: 18px; }
main .get_started .a2 .text2 img { width:16px; vertical-align: 1px; margin-right: 3px; }
main .get_started .a2 .text2 .td2 { margin-left: 30px; }
main .get_started .a2 .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; 
    }
main .get_started .a2 .link a img { display:inline-block; margin-left: 20px; vertical-align: -3px; }

main .home_case { padding: 60px 0 0px; background:url(images/bg-work1.png) no-repeat bottom center; 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; margin-bottom: 10px; }

main .home_case .pc_cls .sp { padding: 0 5px; color:#8a91a2; }
main .home_case .pc_cls > div { margin:6px 0; }
main .home_case .pc_cls a { display:inline-block; padding: 10px 15px; border:0px solid #ccc; margin: 0 5px; border-radius: 30px; color:#404756; border:1px solid transparent; }
main .home_case .pc_cls .active a { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; }
main .home_case .pc_cls a:hover { color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1; /*color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1;*/ }
main .home_case .mb_cls select { border-radius: 30px; border-color:#8a91a2; }

main .home_case .list { margin-top: 25px; }
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: 1px 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: 18px; 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 { 
    text-align:center;
    height: 240px; 
    background: url(images/bg01.png) no-repeat center center/cover;
    color:#fff; 
}
main .page_head .entit { font-size: 15px; font-family:Arial; }
main .page_head .chtit { font-size: 48px; letter-spacing: 6px; margin:0; line-height:normal; }
main .mod_tit { margin:0; line-height:normal; } 

main .mod_case { padding: 80px 0 120px; }
main .mod_case .pc_cls .sp { padding: 0 5px; color:#8a91a2; }
main .mod_case .pc_cls > div { margin:6px 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; border:1px solid transparent; }
main .mod_case .pc_cls div.active a { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; } 
main .mod_case .pc_cls a:hover { color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1; /*color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1;*/ }
main .mod_case .mb_cls select { border-radius: 30px; border-color:#8a91a2; }
main .mod_case .list { margin-top: 25px; }
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_func { padding: 80px 0 120px; }
main .mod_func .pc_cls .sp { padding: 0 5px; color:#8a91a2; }
main .mod_func .pc_cls > div { margin:6px 0; }
main .mod_func .pc_cls a { display:inline-block; padding: 10px 15px; border:0px solid #ccc; margin: 0 5px; border-radius: 30px; color:#404756; border:1px solid transparent; }
main .mod_func .pc_cls div.active a { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; } 
main .mod_func .pc_cls a:hover { color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1; /*color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1;*/ }
main .mod_func .mb_cls select { border-radius: 30px; border-color:#8a91a2; }

main .mod_func .ilist { margin-top:30px; }
main .mod_func .ilist .item { margin-bottom:50px; }
main .mod_func .ilist .item > a { display:block; position:relative; }
main .mod_func .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_func .ilist .item > a:hover .mask {
    opacity:1;
    visibility:visible; 
    width:100%; 
    }
   
main .mod_func .ilist .item .ico { width: 110px; }
main .mod_func .ilist .item .txt .tit { font-size:22px; color:#086cb4; font-weight:bold; margin-bottom:8px; }
main .mod_func .ilist .item .txt .desc { color:#404756; }



main .mod_service { padding: 80px 0 120px; }
main .mod_service .intro { text-align:center; margin-bottom:60px; }
main .mod_service .title { color:#2f9ad1; font-size: 38px; font-weight:bold; margin-bottom:20px; }
main .mod_service .plan .item { box-shadow: 3px 6px 8px 1px #d0d0d0; text-align:center; border-radius:10px; margin-bottom:30px; }
main .mod_service .plan .item .name { padding: 10px 3px; font-size: 24px; font-weight:bold; border-top-right-radius: 10px; border-top-left-radius: 10px; } 
main .mod_service .plan .p1 .name { background-color:#1f2634; color:#fff; } 
main .mod_service .plan .p2 .name { background-color:#1169b3; color:#fff; } 
main .mod_service .plan .p3 .name { background-color:#1421b5; color:#fff; }
main .mod_service .plan .item .price { padding: 15px 3px 20px; }
main .mod_service .plan .item .price .num { font-size: 56px; font-weight:bold; line-height:1.2; } 
main .mod_service .plan .p1 .price { background-color:#404756; color:#fff; }
main .mod_service .plan .p2 .price { background-color:#2f9ad1; color:#fff; }
main .mod_service .plan .p3 .price { background-color:#3c51dc; color:#fff; }
main .mod_service .plan .item .desc { padding:20px 3px; background-color:#fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
main .mod_service .plan .item .desc > div { margin: 10px 0; font-size: 20px; }

main .mod_service .plan .item .desc .go { margin-bottom:20px; }
main .mod_service .plan .item .desc .go a {
    display:inline-block; 
    color:#fff; 
    font-weight:bold; 
    font-size:19px;
    padding: 14px 28px;
    border-radius: 30px; 
} 
main .mod_service .plan .item .desc .go  a img { display:inline-block; margin-left: 30px; vertical-align: -3px; }
main .mod_service .plan .p1 .desc .go a { background-image: linear-gradient(to right, #1f2634, #5e677a); }
main .mod_service .plan .p2 .desc .go a { background-image: linear-gradient(to right, #0258aa, #20aee5); }
main .mod_service .plan .p3 .desc .go a { background-image: linear-gradient(to right, #1924a1, #475ce8); }
main .mod_service .web-more { text-align:center; margin: 10px 0 30px; }
main .mod_service .web-more a { color:#2f9ad1; }
main .mod_service .web-more a:hover { color:#1169b3; } 

main .mod_qa { padding: 80px 0 120px; }
main .mod_qa .pc_cls .sp { padding: 0 5px; color:#8a91a2; }
main .mod_qa .pc_cls > div { margin:6px 0; }
main .mod_qa .pc_cls a { display:inline-block; padding: 10px 15px; border:0px solid #ccc; margin: 0 5px; border-radius: 30px; color:#404756; border:1px solid transparent; }
main .mod_qa .pc_cls a:hover { color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1;  /*color:#2f9ad1; background-color:#fff; border:1px solid #2f9ad1;*/ }
main .mod_qa .pc_cls .active a { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; }
main .mod_qa .mb_cls select { border-radius: 30px; border-color:#8a91a2; }
main .mod_qa .list { margin-top: 25px; margin-bottom:40px; }
main .mod_qa .list .item { border-bottom: 1px solid #c1c5cd; font-size: 18px; }
main .mod_qa .list .item .q { padding-left:34px; position:relative; color:#024756; margin: 10px 0; }
main .mod_qa .list .item .q a { color:#024756; display:block; }
main .mod_qa .list .item .q a:hover { color:#2f9ad1; }
main .mod_qa .list .item .a { padding: 20px 20px 20px 40px; background-color:#404756; color:#fff; display:none; }
main .mod_qa .list .item .q > .circle_mark { position:absolute; left: 2px; top:6px; }

main .mod_contact { padding: 80px 0 120px; }
main .mod_contact .mod_tit { font-size:36px; font-weight:bold; color:#2f9ada; text-align:center; margin-bottom:50px; }
main .mod_contact .form { max-width:934px; margin:0 auto; min-height:500px; box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.15); background-color:#fff; border-radius:10px; padding:30px; }
main .mod_contact .form .form-control { background-color:#fff; 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[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:124px; 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%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, #0259ab, #20ade4); 
    color:#fff; 
    font-weight:bold; 
    font-size:19px;
    padding: 14px 28px;
    border-radius: 30px; 
    cursor:pointer; 
    width:280px; text-align:center;
    }
main .mod_contact .form button.send img { display:inline-block; margin-left: 10px; 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;
}


main .mod_about { padding: 80px 0 120px; }
main .mod_about .content { max-width:958px; margin:0 auto; }
main .mod_about .content .inner { padding:40px 66px; }
main .mod_about .content .inner .mod_tit { color:#2f9ad1; font-size:32px; font-weight:bold; text-align:center; margin-bottom:24px; }
/*main .mod_about .content .inner .intro { font-size:20px; }*/
main .mod_about .content .inner .more { margin-top:40px; text-align:center; }
main .mod_about .content .inner .more a { display:inline-block; border:2px solid #404756; border-radius:28px; padding:15px 30px; color:#212529; }
main .mod_about .content .inner .more a:hover { color:#2f9ad1; }
main .mod_about .content .inner .more img { margin-left:15px; }


/*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; color:#212529; }
footer .menu .td .ftit { color:#404756; font-size:18px; font-weight:bold; margin-bottom:20px; }
footer .menu .td1 .txt { margin-bottom:20px;  }
footer .menu .td1 .txt span { color:#fff; background-color:#777; border-radius:4px; display:inline-block; padding: 2px 6px; margin-right:10px; }
footer .menu .td2 .flogo { margin-bottom:20px; } 
footer .menu .td2 .item { display:flex; align-items:center; }
footer .menu .td2 .line img { border:1px solid #c4c8d0; border-radius:6px; }
footer .menu .td2 .txt { margin-left:20px; }

footer .menu .td3 .link span { display:inline-block; border:2px solid #8a91a2; border-radius:30px; padding:15px 30px; margin:10px 0 15px; }

footer .menu a { display:inline-block; color:#000; }
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:#00b500; font-size: 13px; text-align:center; }
.float_btn .link .item.line .txt2 { display:none; }
.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; }
.float_btn .link .item.txt { display:none; } 

/* 分頁 */
.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 .pbtn {  width:38px; height:38px; border-radius:50px; padding:12px 0px; 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: #ffb420; }

.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; }
}

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

    /*.home_welcome .intro { width: 330px; }*/
    .home_welcome .intro .title { font-size: 55px; }
    .home_welcome .intro .text0 { font-size:41px; }
    .home_welcome .intro .text1 {
        font-size:23px; 
        }
    .home_welcome .intro .text2 {
        font-size: 24px;
        letter-spacing: 3px;
        }
    .home_welcome .intro .link { 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:0 15px; }
    .topnav .pc_menu a.n1 { margin-right:20px; }

    main .home_func .head .bgr { background-size:80% auto; }
    main .home_func .ilist .bg1 { display:none; }

    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 .text2 { margin: 20px 0 20px; font-size: 17px; }
    main .get_started .a2 .link a { 
        font-size:16px;
        padding: 8px 14px;
        }

    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 .mod_service .plan .item .desc .go a { font-size: 18px; }
    main .mod_service .plan .item .desc > div { font-size: 18px; }
    main .mod_service .plan .item .desc .go  a img { margin-left: 20px; }

    .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:70px; height:80px; overflow:hidden; }
    .topnav .mb_menu .topbtn .fa-solid { font-size: 45px; }
    .topnav .mb_menu .topbtn span { display:none; }
    .topnav .mb_menu .barmenu { margin-right:15px; }
    .topnav .mb_menu .barmenu .bdr { padding: 8px 12px; height:50px; background-color: #2f9ad1; color: #fff; border-radius:10px; position:relative; left:0px; }
    .topnav .mb_menu .barmenu .fa-solid { font-size:32px; transform:translateY(2px); }
    .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: #1f2634;
        color: #fff;
        overflow: auto;  
        transition: all 0.5s;
        z-index: 200;
    }
    .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; border-bottom:1px solid #4c4c4c; width:80%; margin:0 auto; }
    .mb_submenu nav a.n1 { background-color:#2f9ad1; display:inline-block; padding: 12px 30px; border-radius: 40px; }

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

    /*.home_welcome .intro { width: 264px; }*/
    .home_welcome .intro .title { font-size: 43px; }
    .home_welcome .intro .text0 { font-size:32px; }
    .home_welcome .intro .text1 {
        font-size:18px;
        font-weight: normal;                
        margin-bottom: 20px;
        }
    .home_welcome .intro .text2 {
        font-size: 18px;
        letter-spacing: 3px;
        }
    .home_welcome .intro .link { margin-top: 20px; }      
    .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; }
    
    main .intro2 .item { width:45%; }
    
    main .home_func .head .fmenu { flex-wrap:wrap; }
    main .home_func .ilist .item .ico { text-align:center; margin-bottom:10px; }
    main .home_func .ilist .item .txt { text-align:center; }
    main .home_func .ilist .item .txt .tit { margin-bottom:3px; }
    
    main .page_head { height: 200px; }
    
    main .get_started .a2 { 
        padding: 40px 0; 
        justify-content: center;
        background-position: calc(100% - 30px) 45px;  
        }

    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 .text2 { margin: 20px 0 30px; font-size: 18px; }
    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 .mod_func .ilist .item .ico { text-align:center; margin-bottom:10px; }
    main .mod_func .ilist .item .txt { text-align:center; }
    main .mod_func .ilist .item .txt .tit { margin-bottom:3px; }


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

    main .mod_qa .pc_cls > div { font-size: 18px; }
    main .mod_qa .list .item { font-size: 18px; }

    .build_start .step1 .td2 .content .form { width: 300px; margin: 0 auto; }

    .float_btn { position: fixed; right:0; left:0; bottom:0; top:auto; width:100%; z-index: 200; }
    .float_btn .link { display: flex; justify-content:space-between; background-color:#2f9ad1; }
    .float_btn .link .item { width:25%; background-color:#2f9ad1; text-align:center; padding:0; }
    .float_btn .link .item a { color:#fff; padding: 15px 0; }
    .float_btn .link .item a span { font-size: 17px; }
    .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 .item.txt { flex-grow:1; display:block; }
    .float_btn .link .item.line { background-color:#00b500; }
    .float_btn .link .item.line img { display:none; }
    .float_btn .link .item.line .txt1 { display:none; } 
    .float_btn .link .item.line .txt2 { display:block; font-family:Arial; }
    .float_btn .link .line { width:30%; } 
    .float_btn .link .top { background-color:#1f2634; width:20%; }
    .float_btn .link .top a { height:100%; display:flex; align-items: center; justify-content: center; } 
    

    footer .menu .td { flex:0 0 50%; max-width:50%; } 
}

@media (max-width: 767.98px) {
    body { padding-bottom:80px; }


    .home_welcome { 
        background-size: cover;
        width: 100%;
        height: 350px; 
        }
    .home_welcome .inner { max-width: 650px; width:100%; margin: 0 auto; padding-top: 60px; }

    .home_welcome .intro .title { font-size: 33px; }
    .home_welcome .intro .text0 { font-size:25px; }
    .home_welcome .intro .text1 {
        font-size:14px;
        font-weight: normal; 
        margin-bottom: 15px;
        }
    .home_welcome .intro .text2 {
        font-size: 14px;
        letter-spacing: 3px;
        }
    .home_welcome .intro .link { margin-top: 15px; }      
    .home_welcome .intro .link a { 
        font-size:16px;
        padding: 8px 20px;
        border-radius: 30px; 
        }
    .home_welcome .link a img { width: 16px; margin-left: 10px; vertical-align: -2px; }
    
    main .intro2 .title { font-size: 34px; }
    
    main .home_func .head .cls { min-height:320px; }
    main .home_func .head .title { font-size: 34px; }
    main .home_func .head .fmenu .item:hover .fbtn { color:#fff; background-color:#2f9ad1; border:1px solid #2f9ad1; }    

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

    main .mod_about { padding-bottom:40px; }
    main .mod_about .content .inner { padding-left:0px; padding-right:0px; }
    main .mod_about .content .inner .mod_tit { font-size:22px; }
    /*main .mod_about .content .inner .intro { font-size:16px; }*/

    main .page_head { height: 170px; }

    .build_start .step1 .td1 { min-height: 400px; } 
    .build_start .step1 .td2 .content { padding: 50px 0; }
    .build_start .step1 .td2 .content .form { width: 400px; }
    
    /* 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: bold; width:auto; font-size:1rem; height:32px; font-family:"Microsoft JhengHei";  }
    .pgn .txt { padding:0px 10px; }
    .pgn .page:not(.active){ display:none; }

    footer .menu .td { flex:0 1 auto; max-width:100%; }
    footer .menu .td1 .item { display:flex; flex-wrap:wrap; }
    footer .menu .td1 .item .txt { margin-right:20px; }
}

@media (max-width: 575.98px) {

    .topnav .site_name { margin-left: 10px; }
    .topnav .mb_menu .topbtn { width:50px; height:50px; overflow:hidden; }
    .topnav .mb_menu .topbtn .fa-solid { font-size: 32px; }
    .topnav .mb_menu .barmenu .bdr { padding: 5px 9px; height:36px; border-radius:6px; }
    .topnav .mb_menu .barmenu .fa-solid { font-size: 23px; }
    .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; }

    .home_welcome { 
        background:#a5aab5 url(images/banner2m-bg1.jpg) no-repeat center bottom;
        background-size: cover;
        width: 100%;
        height: auto;
        padding-bottom: 160%;
        position: relative;  
        }
    .home_welcome .inner { max-width: none; padding:0; position: absolute; top:0; left:0;
        display:flex; 
        align-items: start;
        justify-content: center; 
    }

    .home_welcome .intro { width: auto; margin: 0 auto; padding-top: 30px; background-color:transparent;  }
    .home_welcome .intro .title { font-size: 36px; font-weight: bold; letter-spacing: 3px; line-height:1; white-space:nowrap; }
    .home_welcome .intro .text0 { font-size:29px;  white-space:nowrap;}
    .home_welcome .intro .text1 {
        font-size:17px;
        font-weight: bold; 
        margin-bottom: 15px;
        white-space:nowrap;
        }
    .home_welcome .intro .text2 {
        font-size: 17px;
        letter-spacing: 3px;
        white-space:nowrap;
        }
    .home_welcome .intro .link { text-align: center; margin-top: 15px; }      
    .home_welcome .intro .link a { 
        font-size:16px;
        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%; }
    main .intro2 .title { font-size: 26px; }
    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 .home_func { padding-bottom:10px; }
    main .home_func .head .bgr { background-position:center 15px; } 
    main .home_func .head .title { font-size: 24px; }
    main .home_func .head .fmenu .item { margin:0 10px; padding-bottom:10px; min-width:40%; flex-basis:40%; text-align:center; }
    main .home_func .head .fmenu .item.now,
    main .home_func .head .fmenu .item:hover { background-image:none; }
    main .home_func .ilist .item .txt .tit { font-size:17px; }
    main .home_func .ilist .item .txt .desc { font-size:16px; }
    main .home_func .link { padding: 20px 0 20px; }
    main .home_func .link a { font-size:16px; padding:10px 20px; }

    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) 15px;  
        background-size: 25%; /*140px*/ 
        }

    main .get_started .a2 .title { color:#2f9ad1; font-size: 26px; margin-bottom:15px; }
    main .get_started .a2 .step { font-size: 18px; }
    main .get_started .a2 .text2 { margin: 20px 0 30px; font-size: 17px; }
    main .get_started .a2 .link a { 
        font-size:18px;
        padding: 12px 28px;
        }
        
    main .home_case .link { padding: 20px 0 20px; }
    main .home_case .title { font-size: 24px; }
    main .home_case .link a { font-size:16px; padding:10px 20px; }
    main .home_case .pc_cls > div {  margin-left:10px; margin-right:10px; min-width:40%; flex-basis:40%; text-align:center;  }
    main .home_case .pc_cls a { width:100%; margin:0; }        

    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: 17px; }
    main .get_started2 .a2 .text2 { margin: 20px 0 30px; font-size: 17px; }
    main .get_started2 .a2 .link a { 
        font-size:18px;
        padding: 12px 28px;
        }
   
    main .page_head { 
        text-align:center;
        height: 150px; 
        background: url(images/bg02.png) no-repeat center center/cover;
        color:#fff; 
    }
    main .page_head .entit { font-size: 13px; font-family:Arial; }
    main .page_head .chtit { font-size: 36px; letter-spacing: 3px; } 

    main .mod_case .pc_cls > div {  margin-left:10px; margin-right:10px; min-width:40%; flex-basis:40%; text-align:center;  }
    main .mod_case .pc_cls a { width:100%; margin:0; }        

    main .mod_func { padding-bottom:10px; }
    main .mod_func .pc_cls > div {  margin-left:10px; margin-right:10px; min-width:40%; flex-basis:40%; text-align:center;  }
    main .mod_func .pc_cls a { width:100%; margin:0; }        

    main .mod_func .ilist .item .txt .tit { font-size:17px; }
    main .mod_func .ilist .item .txt .desc { font-size:16px; }

    main .mod_service { padding: 60px 0 40px; }
    main .mod_service .intro { text-align:center; margin-bottom:30px; }
    main .mod_service .title { font-size: 30px; }
    main .mod_service .text { font-size: 17px; }

    main .mod_qa { padding: 60px 0 40px; }
    main .mod_qa .pc_cls > div {  margin-left:10px; margin-right:10px; min-width:40%; flex-basis:40%; text-align:center;  }
    main .mod_qa .pc_cls a { width:100%; margin:0; }        
    
    main .mod_about { padding-top:70px; }
    main .mod_about .content .mb_img img { transform:scale(1.4); }
    main .mod_about .content .inner { padding-top:80px; }

    .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; }

    .float_btn .link .item span { font-size:13px; }
    .float_btn .link .item a { color:#fff; padding: 13px 0; }
    .float_btn .link .item a span { margin-top:0; }
    .float_btn .link .item img { height:26px; width:auto; }
    .float_btn .link .top img { height:18px; }

    main .mod_contact .form button.send { width:100%; }    
}


@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; }
    
    .intro .html { width: 80%; margin: 0 auto; }

    /* page */
    .pgn .md_top { display:none; }
}

@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:1320px; }
    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:1320px; }
}