@charset "utf-8";

.ceo-box-wrap:after{content: "";display: block;clear: both}
.ceo-box-wrap{text-align:left;width:100%;background-color:#ECF0F6}
.ceo-box01{float:left;width:50%;padding:55px 55px 55px 55px}
.ceo-box02{float:left;width:50%}
.ceo-box02 img{width:100%;height:auto}
.ceo-title01{margin-top:20px;font-size:16px;color:#0059A3;font-weight:800}
.ceo-title02{margin-top:20px;font-size:33px;color:#222;font-weight:800}
.ceo-title03{margin-top:25px;font-size:20px;color:#222}
.ceo-title-blue{color:#0059A3}
.ceo-text{margin-top:40px;text-align:left;font-size:17px;color:#333;line-height:32px}

.greeting-big-title{margin-bottom:1%;text-align:left;font-size:15px;color:#333;font-weight:bold;line-height:30px}
.greeting-big-title img{vertical-align:-5px}
.greeting-box-wrap{margin-bottom:3%;padding:15px;width:100%;border:1px solid #E3E3E3;box-shadow: 1px 1px 2px 1px #F4F3F3;background-color:#fff;border-radius:3px}
.greeting-small-title{margin-bottom:7px;text-align:left;font-size:15px;color:#333;font-weight:bold;line-height:30px}
.greeting-small-titletwo{margin-bottom:7px;text-align:left;font-size:14px;color:#333;line-height:23px}
.greeting-small-box{padding:15px;width:100%;text-align:left;font-size:14px;color:#333;line-height:23px;background-color:#F2F2F2;border-radius:3px}
.greeting-small-line{margin-top:6%;margin-bottom:5%;border-bottom: dotted 1px #CBCBCB}
.greeting-icon-box{margin-top:3px;width:100%}
.greeting-icon-box ul{margin:0 auto}
.greeting-icon-box li{padding-left:18px;font-size:14px;color:#666;line-height:28px;background: url("/index/greeting_icon.gif") no-repeat 2px 8px;}
.greeting-icon-alignment{padding-left:9px;text-indent:-8px;text-align:left}

.map-big-titlebar{width:37px;height:3px;background-color:#7FC248}
.map-big-title{margin-bottom:5px;text-align:left;font-size:20px;color:#333;font-weight:600}
.map-big-box{margin-bottom:3%;padding:20px;width:100%;text-align:left;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee;background-color:#FCFCFC}

.map-traffic-title{width:100%}
.map-traffic-title ul{margin:0 auto}
.map-traffic-title li{padding-left:18px;font-size:16px;color:#666;line-height:33px;font-weight:bold;background: url("/index/map_text_icon.gif") no-repeat 2px 10px;}
.map-traffic-text{padding-left:20px;font-size:15px;color:#666;text-indent:-1px;}
.map-traffic-line{margin-top:2%;margin-bottom:2%;border-bottom: dotted 1px #CBCBCB}

.map-outline-wrap:after{content: "";display: block;clear: both}
.map-outline-wrap{width:100%}
.map-outline-box1 img{width:100%;height:auto;border-radius: 5px}
.map-outline-box1{float:left;padding-right:10px;width:50%}
.map-outline-box2{float:left;padding-left:40px;width:50%;text-align:left}

.map-sbox-wrap{margin-top:1%;width:100%}
.map-sbox-wrap:after{content: "";display: block;clear: both}
.map-sbox1{float:left;width:30%;line-height:30px;font-size:17px}
.map-sbox2{float:left;width:70%;font-size:15px;line-height:30px}

.map-small-title{margin-top:2%;width:15%;text-align:center;font-size:13px;color:#fff;line-height:25px;background-color:#7A7A7A;}
.map-line{margin-top:4%;margin-bottom:4%;border-bottom: dotted 1px #CBCBCB}
.map-sbox1-icon{font-size:10px;color:#555;vertical-align:2px}

.main-map-back{padding-top:12%;padding-bottom:12%;padding-left:4%;padding-right:4%}
.main-map-box:after{content: "";display: block;clear: both}
.main-map-box{margin-top:1.5%;width:100%}
.main-map-sbox1{float:left;padding-top:7px;width:50%}
.main-map-sbox2{float:left;text-align:right;width:50%}
.main-mapbig-icon{position:absolute;top:5px;left:0px;width:7px;height:21px;background-color:#FF9800}
.main-mapbig-title{position:relative;margin-bottom:1%;padding-left:14px;text-align:left;font-size:18px;color:#333;font-weight:bold;line-height:30px}
.main-map-bu{padding:5px 30px 5px 30px;display:inline-block;font-size:16px;color:#333;line-height:30px;font-weight:bold;text-indent:0px;border:1px solid #D7D7D7;background-color:#fff;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.main-map-bu:link, .main-map-bu:visited{color:#797878}
.main-map-bu:hover{text-indent:15px;color:#595959;background-color:#E0E0E0}
.main-map-infor{width:100%}
.main-map-infor ul{margin:0 auto}
.main-map-infor li{padding:20px 0px 20px 15px;text-align:left;width:100%;font-size:16px;color:#333;border-bottom: dotted 1px #888;background: url("/index/main_map_icon.png") no-repeat 2px 24px;}
.main-map-cartitle{font-size:16px;color:#333;font-weight:bold}
.main-map-alignment{margin-top:10px;padding-left:9px;text-indent:-9px;text-align:left;font-size:14px;color:#333;line-height:20px}

.certificate_pic{padding-top:3%;padding-bottom:3%;text-align:center;background-color:#fff}
.certificate_pic img{border:1px solid #D7D7D7}

.process_4_back{padding-left:0%;padding-right:0%}
.process_4_box{float:left;text-align:center;position:relative;padding-top:4%;padding-bottom:4%;margin-bottom:15px;margin-top:2.63157894737%;width:100%;border-radius:15px;border:1px solid #133B6B;background-color:#133B6B;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.process_4_box:after{content: "";display: block;clear: both}
.process_4_box ul{margin: 0 auto}
.process_4_title{margin-top:25px;font-size:27px;color:#fff;font-weight:600}
.process_4_text{margin-top:15px;font-size:17px;color:#B1CEF0}
.process_4_icon{margin-top:20px;margin-bottom:19px}
.process_title_line{margin-top:3%;margin-bottom:3%;margin-left:8%;margin-right:8%;border-bottom: dotted 1px rgba(255, 255, 255, 0.4)}
.process_top_line{margin-top:6%;margin-bottom:6%;border-bottom: dotted 1px #CBCBCB}
.process_line{margin-top:6%;margin-bottom:10%;border-bottom: dotted 1px #CBCBCB}
.process_4_downtext{padding-left:30px;padding-right:30px;font-size:18px;color:#555;line-height:35px;}
.process_4_number{position:absolute;top:0px;left:50%;width:100%;padding-top:9px;width:70px;height:70px;font-size:30px;color:#133B6B;font-weight:800;border:4px solid #133B6B;background-color:#fff;border-radius:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}

.process_4_bu{margin-top:11px;margin-bottom:17px;display:inline-block;text-align:center;width:150px;font-size:17px;color:#fff;line-height:17px;background-color:#707070;cursor:pointer;border-radius:3px;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.process_4_bu:link, .process_4_bu:visited{color:#fff}
.process_4_bu:hover{color:#E5E5E5;background-color:#000}

.record_charge_top{margin-top:2%;width:100%;height:3px;background-color:#777}
.record_charge_table{width:100%;border-top:2px solid #fff;border-collapse: collapse}
.record_charge_table th{padding:7px;border: 1px solid #D4D2D2;text-align:center;font-size:14px;color:#fff;line-height:28px;font-weight:bold;background-color:#777}
.record_charge_table td{padding:7px;border: 1px solid #D4D2D2;text-align:center;font-size:13px;color:#606060;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.record_charge_table td:hover{font-size:13px;color:#fff;background-color:#999;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.record_charge_table tr:nth-child(2n){background-color:#F6F7F7}
.record_charge_table tr:nth-child(2n+1){background-color:#fff}
.record_charge_01{width:30%} 
.record_charge_02{width:20%} 
.record_charge_03{width:25%} 
.record_charge_04{width:25%}

.minutes_charge_top{margin-top:2%;width:100%;height:3px;background-color:#777}
.minutes_charge_table{width:100%;border-top:2px solid #fff;border-collapse: collapse}
.minutes_charge_table th{padding:7px;border: 1px solid #D4D2D2;text-align:center;font-size:14px;color:#fff;line-height:28px;font-weight:bold;background-color:#777}
.minutes_charge_table td{padding:7px;border: 1px solid #D4D2D2;text-align:center;font-size:13px;color:#606060;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.minutes_charge_table td:hover{font-size:13px;color:#fff;background-color:#999;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.minutes_charge_table tr:nth-child(2n){background-color:#F6F7F7}
.minutes_charge_table tr:nth-child(2n+1){background-color:#fff}
.minutes_charge_01{width:40%} 
.minutes_charge_02{width:30%} 
.minutes_charge_03{width:30%} 

.guide-page-wrap-1:after{content: "";display: block;clear: both}
.guide-page-wrap-1{width:100%;background-color:#F6F5F5}
.guide-page-box1-1{float:left;width:50%}
.guide-page-box2-1{float:left;width:50%;padding:25px;text-align:left}
.guide-page-text-1{padding-top:10%;margin-left:20px;text-align:left;font-size:17px;color:#4B4E51;line-height:34px}


.guide-page-wrap-2:after{content: "";display: block;clear: both}
.guide-page-wrap-2{width:100%;background-color:#F6F5F5}
.guide-page-box1-2{float:left;width:50%;padding:25px;text-align:left}
.guide-page-box2-2{float:left;width:50%}
.guide-page-text-2{padding-top:10%;margin-left:20px;text-align:left;font-size:17px;color:#4B4E51;line-height:34px}
.guide-page-wrap-1 img, .guide-page-wrap-2 img{width:100%;height:auto}

.process_main_back{padding-top:7%;padding-bottom:7%;padding-left:0%;padding-right:0%;background-color:#F5F5F5}
.process_main{margin:0 auto;width:100%}
.process_main ul{margin: 0 auto}
.process_main ul:after{content: "";display: block;clear: both}
.process_main li{float:left;margin-left:1.33333333333%;width:23.3333333333%}

.title_box_wrap{width:100%;text-align:center;}
.title_line_icon{margin:0 auto;margin-bottom:3px;text-align:center;}
.title_line{display:flex;flex-basis:100%;align-items:center;text-align:center;font-size:45px;color:#0C0C0C;font-weight:bold}
.title_line::before, .title_line::after {content: ""; flex-grow: 1;margin: 0px 20px;text-align:center;width:30%;background:rgba(141, 141, 141, 0.5);height:1px;}
.title_line_s{margin-top:1%;margin-bottom:5%;text-align:center;font-size:20px;color:#797979}




















@media(max-width: 480px) {
.process_top_title_pc, .guide-page-box2-2, .greeting-br, .greeting-page-line{display:none}

.ceo-box01{width:100%;padding:28px 28px 15px 28px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px;font-size:13px}
.ceo-title02{margin-top:10px;font-size:23px}
.ceo-title03{margin-top:15px;font-size:15px}
.ceo-text{margin-top:40px;font-size:15px;line-height:25px}

.greeting-box-wrap{padding:5px}
.greeting-small-line{margin-top:8%;margin-bottom:5%}

.map{margin-bottom:0px}
.map_add{font-size:13px}
.map_box_t1{margin-top:31px;padding-left:10px;padding-right:15px;width:100%}
.map_box_t1 img, .map_box_t2 img{width:35%}
.map_box_t1 li, .map_box_t2 li{width:50%;font-size:14px}
.map_box_t1_text{margin-top:20px}
.map_box_t2{margin-top:31px;padding-left:10px;padding-right:15px;padding-bottom:31px;width:100%}
.map_box_t2_text{margin-top:0px}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/map_text_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:3%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:14px;}
.map-sbox2{width:70%;padding-right:10px;font-size:13px;}

.map-small-title{width:18%}
.map-line{margin-top:6%;margin-bottom:6%}

.main-map-back{padding-top:8%;padding-left:4%;padding-right:4%}
.main-map-title1{font-size:15px}
.main-map-title2{margin-top:10px;font-size:24px}
.main-map-box{margin-top:2.5%}
.main-map-sbox1{width:100%}
.main-map-sbox2{margin-top:2.5%;text-align:left;width:100%}
.main-mapbig-title{font-size:16px}
.main-map-cartitle, .main-map-alignment{font-size:13px}
.main-map-infor li{padding:15px 0px 15px 15px;font-size:13px;background: url("/index/main_map_icon.png") no-repeat 2px 22px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:13px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.process_4_back{padding-top:8%;padding-left:0%;padding-right:0%}
.process_4_box li{padding-top:5%}
.process_4_title{font-size:20px}
.process_4_downtext{padding-left:20px;padding-right:20px;font-size:14px;line-height:24px}
.process_4_number{padding-top:9px;width:60px;height:60px;font-size:25px;}
.process_top_line{margin-top:6%;margin-bottom:2%}
.process_4_icon img{width:96px;height:auto}

.process_main_back{padding-left:8%;padding-right:8%}
.process_main li{margin-top:8%;margin-left:0%;width:100%}

.guide-page-wrap-1, .guide-page-wrap-2{background-color:#fff}
.guide-page-box1-1{margin-top:2%;width:100%}
.guide-page-box2-1{width:100%;padding:0px}
.guide-page-box1-2{width:100%;padding:0px}
.guide-page-text-1, .guide-page-text-2{padding-top:5%;padding-bottom:5%;margin-left:10px;font-size:13px;line-height:25px}
.guide-page-mobile{margin-top:2%}

.title_line_icon img{width:57px;height:auto}
.title_line{font-size:23px}
.title_line::before, .title_line::after{margin: 0px 10px}
.title_line_s{font-size:15px}
}


@media (min-width: 481px) and (max-width: 767px) {
.process_top_title_pc, .guide-page-box2-2, .greeting-br, .greeting-page-line{display:none}

.ceo-box01{width:100%;padding:38px 38px 25px 38px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px;font-size:15px}
.ceo-title02{margin-top:15px;font-size:28px}
.ceo-title03{margin-top:20px;font-size:23px}
.ceo-text{margin-top:40px;font-size:15px;line-height:25px}

.greeting-box-wrap{padding:5px}
.greeting-small-line{margin-top:8%;margin-bottom:5%}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/map_text_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:2%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:15px;}
.map-sbox2{width:70%;padding-right:10px;font-size:14px;}

.main-map-back{padding-top:8%;padding-bottom:3%;padding-left:2.5%;padding-right:2.5%}
.main-map-title1{font-size:16px}
.main-map-title2{margin-top:10px;font-size:26px}
.main-map-box{margin-top:2.5%}
.main-map-sbox1{width:100%}
.main-map-sbox2{margin-top:2.5%;text-align:left;width:100%}
.main-mapbig-title{font-size:16px}
.main-map-cartitle, .main-map-alignment{font-size:15px}
.main-map-infor li{padding:15px 0px 15px 15px;font-size:14px;background: url("/index/main_map_icon.png") no-repeat 2px 22px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:13px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.process_4_back{padding-top:8%;padding-left:0%;padding-right:0%}
.process_4_box li{padding-top:5%}
.process_4_title{font-size:20px}
.process_4_downtext{padding-left:20px;padding-right:20px;font-size:13px;line-height:24px}
.process_4_number{padding-top:9px;width:60px;height:60px;font-size:25px;}
.process_top_line{margin-top:6%;margin-bottom:0%}
.process_4_icon img{width:96px;height:auto}

.process_main_back{padding-left:8%;padding-right:8%}
.process_main li{margin-top:8%;margin-left:0%;width:100%}

.guide-page-wrap-1, .guide-page-wrap-2{background-color:#fff}
.guide-page-box1-1{margin-top:2%;width:100%}
.guide-page-box2-1{width:100%;padding:0px}
.guide-page-box1-2{width:100%;padding:0px}
.guide-page-text-1, .guide-page-text-2{padding-top:5%;padding-bottom:4%;margin-left:10px;font-size:14px;line-height:25px}
.guide-page-mobile{margin-top:2%}

.title_line_icon img{width:57px;height:auto}
.title_line_icon{margin-bottom:0px}
.title_line{font-size:27px}
.title_line::before, .title_line::after{margin: 0px 10px}
.title_line_s{font-size:17px}
}


@media (min-width: 768px) and (max-width: 1280px){
.process_top_title_mobile, .guide-page-box2-2, .greeting-page-line, .greeting-br{display:none}

.ceo-box01{width:100%;padding:45px 45px 25px 45px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px}

.greeting-big-title{font-size:19px}
.greeting-box-wrap{padding:20px}
.greeting-small-title{font-size:17px}
.greeting-small-titletwo{font-size:17px}
.greeting-small-box{padding:20px;font-size:16px;line-height:35px}
.greeting-icon-box li{font-size:16px;line-height:35px;background: url("/index/greeting_icon.gif") no-repeat 2px 11px;}

.map-outline-box1{width:45%}
.map-outline-box2{padding-top:0%;padding-left:30px;width:55%}
.map-sbox2{line-height:24px}

.main-map-back{padding-top:8%;padding-bottom:3%}
.main-map-title1{font-size:23px}
.main-map-title2{margin-top:10px;font-size:43px}
.main-map-back{padding-top:12%;padding-bottom:12%;padding-left:4%;padding-right:4%}
.main-mapbig-icon{top:2px;height:25px}
.main-mapbig-title{padding-left:14px;font-size:21px;line-height:30px}
.main-map-infor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-carinfor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:14px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.process_4_back{padding-top:0%;padding-bottom:2.47116968699%;padding-left:0%;padding-right:0%}
.process_4_title{margin-top:15px;margin-left:0px;text-align:center;font-size:23px;font-weight:400}
.process_4_icon{float:none;margin-top:20px;margin-left:0px;margin-bottom:15px;text-align:center}
.process_4_go{margin-top:0px;margin-right:5px;margin-bottom:15px;font-size:14px}
.process_4_downtext{font-size:14px;line-height:25px}
.process_4_number{padding-top:9px;width:60px;height:60px;font-size:25px;}
.process_4_icon img{width:96px;height:auto}

.process_main_back{padding-left:8%;padding-right:8%}
.process_main li{margin-top:4%;margin-left:1.25%;width:48.0833333333%}

.record_charge_01, .record_charge_02, .record_charge_03, .record_charge_04{width:25%}
.record_charge_table th{padding:10px;font-size:15px;line-height:35px}
.record_charge_table td{padding:10px;font-size:14px;line-height:30px}

.minutes_charge_table th{padding:10px;font-size:15px;line-height:35px}
.minutes_charge_table td{padding:10px;font-size:14px;line-height:30px}

.guide-page-wrap-1, .guide-page-wrap-2{background-color:#fff}
.guide-page-box1-1{margin-top:2%;width:100%}
.guide-page-box2-1{width:100%;padding:0px}
.guide-page-box1-2{width:100%;padding:0px}
.guide-page-text-1, .guide-page-text-2{padding-top:5%;padding-bottom:4%;margin-left:10px;font-size:15px;line-height:25px}
.guide-page-mobile{margin-top:2%}

.title_line_icon img{width:67px;height:auto}
.title_line{font-size:32px}
.title_line::before, .title_line::after{margin: 0px 10px}
.title_line_s{font-size:19px}
}


@media (min-width: 1281px) {
.process_top_title_mobile, .guide-page-mobile{display:none}

.greeting-page-wrap{padding-top:1%}
.greeting-page-name-wrap{margin-top:9%}

.greeting-big-title{font-size:19px}
.greeting-box-wrap{padding:20px}
.greeting-small-title{font-size:18px}
.greeting-small-titletwo{font-size:17px}
.greeting-small-box{padding:20px;font-size:15px;line-height:30px}

.greeting-icon-box li{font-size:16px;line-height:35px;background: url("/index/greeting_icon.gif") no-repeat 2px 11px;}

.map-outline-box2{padding-top:2.5%;padding-left:30px}

.main-map-back{padding-top:12%;padding-bottom:12%;padding-left:4%;padding-right:4%}
.main-mapbig-icon{top:2px;height:25px}
.main-mapbig-title{padding-left:14px;font-size:21px;line-height:30px}
.main-map-infor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-carinfor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}

.process_4_back{padding-left:20%;padding-right:20%}
.process_line{margin-top:8%;margin-bottom:10%}
.process_title_line{margin-left:10%;margin-right:10%;border-bottom: dotted 1px rgba(255, 255, 255, 0.2)}

.record_charge_01, .record_charge_02, .record_charge_03, .record_charge_04{width:25%}
.record_charge_table th{padding:10px;font-size:15px;line-height:35px}
.record_charge_table td{padding:10px;font-size:14px;line-height:30px}

.minutes_charge_table th{padding:10px;font-size:15px;line-height:35px}
.minutes_charge_table td{padding:10px;font-size:14px;line-height:30px}

.process_main_back{padding-left:4%;padding-right:4%}
}