@charset "utf-8";
html, body, p { padding: 0; margin: 0; }
body { background-color: #f1f1f1; font-family: Arial, Helvetica, Verdana, "微軟正黑體"; font-size: 16px; line-height: 24px; color: #666; position: relative; -webkit-text-size-adjust: none; }
body * { text-shadow: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1; font-weight: bold; margin:10px 0 0 0; }
h1, h2, h3 { font-size: 18px; line-height:24px;}
h4, h5, h6 { font-size: 16px; }
a, a:link, a:active, a:visited, a:hover { text-decoration:none; }
a { outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
ol,ul,li{ list-style:none; margin:0; padding:0;}
.fL{ float:left;}
.fR{ float:right;}
.clr{ clear:both;}
.tCenter{ text-align:center;}
.vcenter {position: absolute; top: 50%; transform: translateY(-50%);}

/*header-other*/
.headerbar { box-sizing: border-box; width: 100%; height:40px; position:absolute; background: rgba(20, 119, 219, 0);z-index:100;
-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.header3 { box-sizing: border-box; width: 100%; height:45px; background:#7ebe4d;}
.header3 a.menu { background:url(../images/menu_icon.png) 50% 50% no-repeat; background-size:contain; display: block; width: 45px; height: 45px; position: absolute; top: 0px; right: 0px; }
.header3 a.logo{ background:url(../images/logo2.png) 50% 50% no-repeat; height:45px; width:124px; display:block; background-size:auto 100%; margin:0 auto;}

/*index*/
.content { padding:0; background:#FFF; min-height: calc(100vh - 125px);}
.content.type_my_bill{background:#f0f3f6;}
.con_title{ position:relative;}
.con_title .con_title_name{ color:#fff; font-size:1.938em; position:absolute; right:20px; bottom:20px;}
.con_title img{ width:100%; display:block;}
.con_box_01{ border-bottom:1px solid #aaaaaa; padding:10px; box-sizing:border-box; position:relative;}
.con_box_02{ padding:10px; box-sizing:border-box; position:relative;}
.con_box_03{ padding:0; box-sizing:border-box; position:relative;}
/*1-1*/
.title_04{ color:#0067ce; font-size:1.188em; font-weight:bold; line-height:35px; height:35px; padding:0 0 0 10px; box-sizing:border-box; border-bottom:1px solid #afabab;}
.title_04.set2{ color:#fff; background-color: #0168b7;}
.bn_4g{ width:100%; position:relative;}
.bn_4g > img{ width:100%; display:block;}
.bn_4g .ad_box{ width:90%; height:46px; position:absolute; bottom:55px; left:0; background:rgba(0, 0, 0, 0.8) url(../images/arrow_06.png) no-repeat 98% 50%; background-size:auto 60%;}
.bn_4g .ad_box a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.bn_4g .ad_box img{ height:46px; display:block;}
.bn_4g .ad_box .ad_title_01{ position:absolute; left:92px; top:6px; color:#fff; font-size:1.063em; }
.bn_4g .ad_box .ad_title_02{ position:absolute; left:92px; top:24px; color:#d2d2d2; font-size:0.875em; }
.bn_4g .bn_4g_text{ background:rgba(20, 119, 219, 0.85); width:100%; height:45px; font-size:1.125em; color:#fff; text-align:center; line-height:45px; position:absolute; bottom:0; left:0;}
.con_box_03 .btn_4g_02 li{ position:relative; border-bottom:1px solid #e9e9e9; width:50%; height:39px; line-height:39px; font-size:1em;  color:#313131; float:left; padding:0 0 0 40px; box-sizing:border-box; overflow:hidden;}
.con_box_03 .btn_4g_02 li a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_03 .btn_4g_02 li.btn02{ background:url(../images/4g_btn02.jpg) 15px 50% no-repeat; background-size:auto 50%;}
.con_box_03 .btn_4g_02 li.btn03{ background:url(../images/4g_btn03.jpg) 15px 50% no-repeat; background-size:auto 50%;}
.con_box_03 .btn_4g_02 li.btn04{ background:url(../images/4g_btn04.jpg) 15px 50% no-repeat; background-size:auto 50%;}
.con_box_03 .btn_4g_02 li.btn05{ background:url(../images/4g_btn05.jpg) 15px 50% no-repeat; background-size:auto 50%;}
.con_box_03 .btn_4g_02 li.btn06{ background:url(../images/4g_btn06.jpg) 15px 50% no-repeat; background-size:auto 50%;}
.con_box_03 .btn_4g_02 li.btn07{ background:url(../images/4g_btn07.jpg) 15px 50% no-repeat; background-size:auto 50%;}
/*1-2*/
.con_box_02 .btn_4g_03{ width:100%;}
.con_box_02 .btn_4g_03 li{ position:relative; margin:0 2.6% 0 0; border-radius:5px; width:23%; height:50px; line-height:50px; font-size:0.938em; text-align:center; color:#313131; float:left; box-sizing:border-box; overflow:hidden;}
.con_box_02 .btn_4g_03 li:last-child{ margin:0;}
.con_box_02 .btn_4g_03 li a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .btn_4g_03 li span{ display: inline-block; vertical-align: middle; line-height: 16px; }
.brd1{border:1px solid #8ec41c;}
.brd2{border:1px solid #378be0;}
.brd3{border:1px solid #ffae3d;}
.brd4{border:1px solid #e96877;}
.con_box_02 .point{ padding:10px 0 0 0;}
.con_box_02 .point li{ position:relative; min-height: 45px; vertical-align:middle; overflow:hidden; position:relative; padding:10px 0; padding-left: 40px; border-bottom:1px solid #afabab;}
.con_box_02 .point li:last-child{ border-bottom:none;}
.con_box_02 .point li a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .point li p{ line-height:24px;}
.con_box_02 div.po{ position: absolute; top: 10px; left:0; font-size:2em; width:32px; height:42px; color:#378be0; text-align:center; padding:15px 0 0 0; line-height:30px; box-sizing:border-box;}
.con_box_02 .po_text{ width:84%; line-height:24px;}
.con_box_02 div.po span{ font-size:0.406em; position:absolute; top:0; width:100%; height:15px; line-height:15px;}
.qus,.ans{ margin:5px 0 0 0; position:relative; min-height:48px;}
.qus .qa_icon{ color:#378be0;}
.ans{ display:none;}
.open .ans{ display:block;}
.ans .qa_icon{ color:#4cd8d6;}
.con_box_02 .qa{}
.con_box_02 .qa li{ vertical-align:middle; width:100%; overflow:hidden; position:relative; padding:10px 0; border-bottom:1px solid #afabab;}
.con_box_02 .qa li:last-child{ border-bottom:none;}
.con_box_02 .qa .qus a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .qa li .qa_text{line-height: 24px; color:#313131; padding: 0 0 0 48px;}
.con_box_02 div.qa_icon{ position: absolute; left:0; top:0; font-size:2em; width:32px; height:48px; text-align:center; margin:0 16px 0 0; line-height:48px; box-sizing:border-box;}
.con_box_02 .info_text02{ margin:0 0 10px 0; color:#313131; font-size:1em; line-height:24px;}
/*2-1*/
.con_box_02 .slidebox{ width:100%; overflow:hidden; position:relative; margin:0 0 10px 0;}
.con_box_02 .slidebox ul{ width:2000px;}
.con_box_02 .slidebox li{ float:left; width:calc(100vw - 20px);}
.con_box_02 .slidebox li img{ width:100%; display:block;}
.con_box_02 .slidebox .slide_L{ position:absolute; width:15px; height:20px; left:0; top:50%; margin-top:-10px;}
.con_box_02 .slidebox .slide_R{ position:absolute; width:15px; height:20px; right:0; top:50%; margin-top:-10px;}
.slidebox .slide_L a, .slidebox .slide_R a{ width:15px; height:20px; display:block;}
.con_box_02 .info_title01{ background:#ececec; color:#313131; width:100%; height:30px; line-height:30px; box-sizing:border-box; padding:0 5px; font-size:1em; margin:0 0 10px 0; }
.con_box_02 .info_text01{ margin:0 0 10px 0; color:#434343; font-size:1em; line-height:24px;}
.con_box_02 .info_text01 span{ color:#f95561;}
/*3-1*/
.con_box_03 .promo li{ position:relative; border-bottom:1px solid #afabab; padding:10px;}
.con_box_03 .promo li:last-child{ border-bottom:none;}
.con_box_03 .promo li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_03 .promo li .promo_img{ width:65px; border:1px solid #bababa; margin:0 10px 0 0;}
.con_box_03 .promo .promo_img img{ width:100%; display:block;}
.con_box_03 .promo li .promo_text{ width:calc(100% - 110px); font-size:1.125em; color:#434343; line-height:24px;}
.con_box_03 .more{ position:absolute; right:0; top:50%; transform: translateY(-50%);  width:36px; height:58px; border-left: 1px solid #d2d2d2;}
.con_box_03 .more a{ display:block; width:36px; height:58px; position:absolute; right:0; top:50%; transform: translateY(-50%);}
/*3-2*/
.title_06{ position:relative; color:#0067ce; font-size:1.188em; line-height:40px; height:40px;  text-align:center; border-bottom:1px solid #afabab;}
.title_06 .slide_arrow{ position: relative; width:14px; height:40px; padding:0 10px;}
.title_06 .slide_arrow a{ width:14px; height:40px; display:block;}
.con_box_02 .info_title02{ position:relative; background:#ececec; color:#313131; width:100%; height:30px; line-height:30px; box-sizing:border-box; padding:0 5px; font-size:1.125em; font-weight:bold; margin:0 0 10px 0; }
.con_box_02 .info_title02 a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .info_title03{ color:#1b79d3;}
.title_07{ background:#69aacf; color:#FFF; height:35px; line-height:35px; box-sizing:border-box; padding:0 0 0 10px;}
.con_box_02 .table01{ width:100%; padding:10px 0;}
.con_box_02 .table01 table{ width:100%;}
.table01 td{ height:20px; padding:10px; line-height:25px; color:#434343;}
.table01 tr td:first-child{ color:#69aacf; vertical-align:text-top; width:23%;}
.table01 tr td:nth-child(2){ width:59%;}
.table01 tr.line td{ border-top:1px solid #a0a0a0;}
.table01 td p.og{ color:#ff8037;}
.table01 td p span{ color:#f15f77;}
.table01 td p del{ color:#434343;}
.table01 tr.tr1 td{ background:#f7f7f7; font-size:1em;}
.table01 tr.tr2 td{ background:#fff;}
.bn_img{ position:relative;}
.bn_img img{ display:block; width:100%;}
.bn_img a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.title_08{ position:relative; background:#378be0 url(../images/tip_icon.png) no-repeat 5px 50%; background-size:15px 15px; color:#fff; height:30px; line-height:30px; box-sizing:border-box; padding:0 0 0 25px;}
.title_08 a{ width:30px; height:30px; display:block; position:absolute; right:0; top:0;}
/*4-1*/
.con_box_02 .btn_box_01{ width:100%; margin:5px 0; font-size:1.125em; line-height:34px; color:#fff;}
.con_box_02 .btn_box_01 .btn01{ position:relative; width:100%; height:34px; background:#378be1; margin:5px 0 0 0; padding:0 10px; box-sizing:border-box;}
.con_box_02 .btn_box_01 .btn02{ position:relative; width:100%; height:34px; background:#31bdd6; margin:8px 0 0 0; padding:0 10px; box-sizing:border-box;}
.con_box_02 .btn_box_01 .btn03{ position:relative; width:100%; height:34px; background:#4d80d3; margin:8px 0 0 0; padding:0 10px; box-sizing:border-box;}
.con_box_02 .btn_box_01 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
/*4-3*/
.table02{ width:100%; padding:10px 0;}
.table02 table{ width:100%;}
.table02 tr:first-child td{ color:#378be0; font-size:1em; font-weight:bold; width:50%;}
.table02 tr:last-child td{ border-bottom: none;}
.table02 td{ height:20px; padding:10px; line-height:25px; color:#434343; border-bottom:1px solid #afabab;}
/*5-1*/
.con_box_03 .rates{}
.con_box_03 .rates li{ border-bottom:1px solid #aaaaaa; }
.rates li .title{ position:relative; background:#fff; color:#434343; font-size:1.125em; font-weight:bold; line-height:36px; min-height:36px; max-height:73px; padding:0 30px 0 10px;}
.rates li.op .title{ background:#b5b5b5; color:#fff;  font-size:1.125em; font-weight:bold; /*color:#378be0; font-size:1.125em; line-height:26px; min-height:26px;*/}
.rates li .title a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.rates li.op .text{ display:block;}
.rates li .text{ display:none; padding:0 10px;}
.rates p{ color:#434343; font-size:1em; line-height:24px; padding:10px;}
section{ padding:15px 10px 5px 10px; box-sizing:border-box;}
section select{ width:100%; height:35px;}
.info_title02.og{ color:#fff; background:#ff8037;}
.info_title02.gr{ color:#fff; background:#46bab0;}
.info_title02.bl{ color:#fff; background:#4bbcd8;}
.con_box_03 .tab2{}
.con_box_03 .tab2 li{ font-size:1.125em; color:#959595; width:30%; margin:0 5% 0 0; text-align:center; float:left; line-height:40px; height:40px; font-weight:bold;}
.con_box_03 .tab2 li:last-child{ margin:0;}
.con_box_03 .tab2 li.on{ border-bottom:5px solid #378be0; color:#378be0;}
/*6-1*/
.con_box_03 .service li{ position:relative; border-bottom:1px solid #afabab; padding:10px;}
.con_box_03 .service li:last-child{ border-bottom:none;}
.con_box_03 .service li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_03 .service li .service_img{ width:24%; margin:0 10px 0 0; border-radius:8px; overflow:hidden;}
.con_box_03 .service .service_img img{ width:100%; display:block;}
.con_box_03 .service li .service_title{ width:63%; font-size:1.125em; font-weight:bold; line-height:24px;}
.con_box_03 .service li .service_text{ width:63%; height:48px; overflow:hidden; font-size:1em; color:#434343; line-height:24px;}
.con_box_03 .more{ position:absolute; right:0; top:50%; transform: translateY(-50%);  width:36px; height:58px; border-left: 1px solid #d2d2d2;}
.con_box_03 .more a{ display:block; width:36px; height:58px; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.service_title.color1{ color:#fc5e05;}
.service_title.color2{ color:#a10302;}
.service_title.color3{ color:#6e2d7a;}
.service_title.color4{ color:#c3268f;}
.service_title.color5{ color:#508616;}
.service_title.color6{ color:#26b6b6;}
.service_title.color7{ color:#e75700;}
.service_title.color8{ color:#95a3aa;}
.service_title.color9{ color:#636363;}
/*6-2*/
.con_box_02 .slidebox2{ width:100%; margin: 0 0 10px 0; overflow:hidden; position:relative;}
.slidebox2 .slide_service li { float:left; padding:0 10px 0 0;}
.slidebox2 .slide_service li img{ width:52.6vw; height:84.6vw; display:block;}
/*6-3*/
.other{ padding:0px 0;}
.other li{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #aaaaaa !important;  position:relative;}
.other li:last-child{ border-bottom:none !important;}
.other li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
/*7*/
.title_10{ color:#535353; font-size:1em; font-weight:bold; line-height:35px; height:35px; padding:0 0 0 10px; box-sizing:border-box; border-bottom:1px solid #afabab;}
.option_box{ border-bottom:1px solid #c9c9c9;}
.option_box .option{ position:relative; font-size:1em; color:#434343; height:42px; line-height:42px; padding:0 10px;}
.option_box .option a.selected{background:url(../images/select01.jpg) no-repeat; background-size:29px auto; background-position: right 10px top 50%;}
.option_box .option a{background:url(../images/select02.jpg) no-repeat; background-size:29px auto; background-position: right 10px top 50%; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.input{ width:100%; min-height:40px; line-height:40px; color:#313131; font-size:1em; padding:10px 0 0 0;}
.input span{ color:#378be0;}
.input input[type="radio"]{}
.input_box{ padding:0 10px 15px 10px; box-sizing:border-box;}
.input_box .input_text{ line-height:36px; font-size:1.125em; color:#313131;}
.input_box input[type="text"]:focus ,.input_box input[type="password"]:focus{ background:#eeeeee;}
.input_box input[type="text"], .input_box input[type="password"]{ width:100%; height:36px; border:1px solid #b5b5b5; padding:0 10px; font-size:1em; box-sizing:border-box; line-height:36px; border-radius:2px; outline:none;}
.input_box select{ width:100%; height:36px; border:1px solid #b5b5b5; padding:0 5px; font-size:1em; box-sizing:border-box; line-height:36px; border-radius:2px; outline:none;}
.tip{ padding:5px 10px; font-size:0.938em;}
.tip2{ padding:5px 10px; color:#b25960; font-size:0.938em;}
.text_box{ padding:10px; width:100%; border-bottom:1px solid #afabab; line-height:24px; font-size:1.125em; margin:0 0 15px 0; box-sizing: border-box;}
.con_box_03 .bill li{ position:relative; border-bottom:1px solid #afabab; padding:10px; height:30px;}
.con_box_03 .bill li:last-child{ border-bottom:none;}
.con_box_03 .bill li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_03 .bill li .bill_title{ width:92%; line-height:30px; color:#434343; font-size:1.125em; font-weight:bold;}
.con_box_03 .bill li .more{ position:absolute; right:10px; top:50%; transform: translateY(-50%);  width:22px; height:30px; background:url(../images/li_left_line.jpg) no-repeat 0 50%; background-size:1px auto;}
.con_box_03 .bill li .more a{ display:block; width:22px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%);}

.type_my_bill .title_04{ color:#4f5f6f; font-size:1.188em; font-weight:bold; line-height:45px; min-height:45px; height:auto; padding:0 0 0 10px; box-sizing:border-box; border-bottom:1px solid #afabab;}
.type_my_bill .title_11{ color:#4f5f6f; font-size:1.125em; font-weight:bold; line-height:24px; min-height:24px; height:auto; box-sizing:border-box;}
.type_my_bill .title_04 .sec_title{ color:#535353; font-size:0.842em; font-weight: normal; margin:-10px 0 0 0; line-height:24px;}
.type_my_bill .option_box{ padding:0 0 10px 0;}
.type_my_bill .option_box .option{ margin:10px 0; background:#fff; width:100%; display:inline-block; box-sizing: border-box; font-weight:bold; color:#4f5f6f;}
.type_my_bill .option_box .option a{background:url(../images/select02.jpg) no-repeat; background-size:29px auto; background-position: right 10px top 50%; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.type_my_bill .option_box .option.selected a{background:url(../images/select03.jpg) no-repeat; background-size:29px auto; background-position: right 10px top 50%;}
.type_my_bill .option_box .option.selected{ color:#fe974b;}
.type_my_bill .input_box .input_text{ line-height:36px; font-size:1.125em; font-weight:bold; color:#4f5f6f;}
.type_my_bill .input_box input[type="text"], .type_my_bill .input_box input[type="password"]{ background:rgba(79, 95, 111, 0.3); width:100%; height:30px; border:1px solid #b5b5b5; padding:0 10px; font-size:1em; box-sizing:border-box; line-height:30px; border-radius:2px; outline:none;}
.type_my_bill .con_box_02 .bill { margin:0 0 15px 0;}
.type_my_bill .con_box_02 .bill li{  position:relative; border-bottom:1px solid #afabab; padding:0 10px; min-height:50px; background:#fff; border:none; margin:10px 0; overflow:hidden;}
.type_my_bill .con_box_02 .bill li:last-child{ border-bottom:none;}
.type_my_bill .con_box_02 .bill li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.type_my_bill .con_box_02 .bill li .bill_title{ width:100%; line-height:50px; color:#4f5f6f; font-size:1.125em; font-weight:bold;}
.type_my_bill .con_box_02 .bill li .bill_title span{ width:100%; line-height:30px; height:30px; color:#4f5f6f; font-size:1.125em; margin:-10px 0 0 0; font-weight:normal; display:block;}
.type_my_bill .con_box_02 .bill li .bill_title p{ width:100%; line-height:24px; color:#4f5f6f; font-size:1.125em; font-weight:bold; margin:10px 0;}
.type_my_bill .con_box_02 .bill li .bill_text{ width:100%; line-height:24px; color:#3589df; font-size:1.125em; font-weight:bold; padding:0 0 10px 0; margin:-5px 0 0 0;}
.type_my_bill .con_box_02 .bill li .more{ position:absolute; right:10px; top:50%; transform: translateY(-50%); padding:0 0 0 10px; width:22px; height:30px; border-left: 1px solid #d2d2d2;}
.type_my_bill .con_box_02 .bill li .more a{ display:block; width:22px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.type_my_bill .con_box_02 .bill li .more + .bill_title{ width:calc(100% - 33px); line-height:50px; color:#4f5f6f; font-size:1.125em; font-weight:bold;}
.type_my_bill .con_box_02 .bill.icon li{  background:#fff; background-size:21px auto; padding:0 0 0 38px;}
.type_my_bill .con_box_02 .bill.icon li.li_icon01{ background:#fff url(../images/7_icon01.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon02{ background:#fff url(../images/7_icon02.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon03{ background:#fff url(../images/7_icon03.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon04{ background:#fff url(../images/7_icon04.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon05{ background:#fff url(../images/7_icon05.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon06{ background:#fff url(../images/7_icon06.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon07{ background:#fff url(../images/7_icon07.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill.icon li.li_icon08{ background:#fff url(../images/7_icon08.jpg) 10px 13px no-repeat; background-size:21px auto;}
.type_my_bill .con_box_02 .bill li .cycle{ position:absolute; display:table; right:10px; top:50%; transform: translateY(-50%); padding:0 0 0 10px; width:80px; height:30px; line-height:30px; color:#3589df; text-align:center; background:url(../images/li_left_line.jpg) no-repeat 0 50%; background-size:1px auto;}
.type_my_bill .con_box_02 .bill li .cycle a{ display:block; width:80px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.type_my_bill .con_box_02 .bill li .cycle p{ display:table-cell; vertical-align:middle;}
.type_my_bill .con_box_02 .bill li .cycle + .bill_title{ width:calc(100% - 91px); line-height:50px; color:#4f5f6f; font-size:1.125em; font-weight:bold;}
.type_my_bill .con_box_02 .bill li .adr{ position:absolute; display:table; right:10px; top:0; padding:0 0 0 10px; width:100px; height:50px; line-height:25px; color:#3589df; text-align:center; background:url(../images/li_left_line.jpg) no-repeat 0 50%; background-size:1px auto;}
.type_my_bill .con_box_02 .bill li .adr a{ display:block; width:100px; height:50px; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.type_my_bill .con_box_02 .bill li .adr p{ display:table-cell; vertical-align:middle;}
.type_my_bill .con_box_02 .bill li .adr + .bill_title{ width:calc(100% - 121px); line-height:50px; color:#4f5f6f; font-size:1.125em; font-weight:bold;}
.type_my_bill .tab{ clear:both;}
.type_my_bill .tab a{ width:50%; box-sizing:border-box; padding:0 10px; color:#4f5f6f; text-align:center; height:40px; line-height:40px; display:block; float:left; font-weight:bold; background:#dce7f0;}
.type_my_bill .tab a.on{ color:#fff; background:#abbed2;}
.type_my_bill .count{ position:relative; color:#4f5f6f; font-size:1.188em; font-weight:bold; line-height:45px; height:45px; margin:-10px 0 0 0; padding:0 10px 0 45px; box-sizing:border-box;}
.type_my_bill .count span{ display:block; position:absolute; right:50px; top:50%; margin:-22.5px 0 0 0;}
.type_my_bill + .footer{ padding:10px; min-height:80px;}
.type_my_bill + .footer .phone_num{ text-align:center; color:#474747; padding:0; font-size:0.938em;}
.type_my_bill + .footer .copyright{ text-align:center; color:#474747; padding:0; font-size:0.813em;}
/*aacg*/
.type_member .top-line-box { box-sizing:border-box; padding:10px; border-top:1px solid #bfbfbf;}
.type_member .btom-line-box { box-sizing:border-box; padding:10px; border-bottom:1px solid #bfbfbf;}
.type_member + .footer .phone_num{ text-align:center; color:#474747; padding:0; font-size:0.938em;}
.type_member + .footer .copyright{ text-align:center; color:#474747; padding:0; font-size:0.813em;}
.type_member .center-height{ height:calc(100vh - 180px);}
/*hami*/
.content.type_hami {min-height:calc(100vh - 130px);}
.type_hami .title_04{ color:#7ebe4d; font-size:1.188em; font-weight:bold; line-height:45px; min-height:45px; height:auto; padding:0 0 0 10px; box-sizing:border-box; border-bottom:1px solid #afabab;}
.type_hami .input_box input[type="radio"]{ width:20px; height:20px; vertical-align:top; margin:0 10px 0 20px;}
.type_hami .input_text + input[type="radio"]{ margin:0 10px 0 0;}
.type_hami .notice { text-align: center; padding: 0 10px;}
.type_hami .notice input{ width: 20px; height: 20px; vertical-align: middle;}
.type_hami .b_more{ position:relative; width:90%;font-size:1.125em; height:36px; margin:10px auto; border: none; background-color: #a5d182; color:#fff; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.type_hami .center-height{ height:calc(100vh - 196px);}
.type_hami .btom-line-box { box-sizing:border-box; padding:10px; border-bottom:1px solid #7ebe4d;}
.type_hami + .footer .phone_num{ text-align:center; color:#474747; padding:0; font-size:0.938em;}
.type_hami + .footer .copyright{ text-align:center; color:#474747; padding:0; font-size:0.813em;}
.type_hami .list_num{ width:100%;}
.type_hami .list_num li{ width:100%; list-style: decimal inside none; text-indent: -15px; overflow:hidden; background-size:6px 6px; padding:0 0 0 15px; box-sizing:border-box; min-height:28px; line-height:28px; border-bottom:none;}
.type_hami .b_more3#fb{ position:relative; width:90%;font-size:1.125em; height:36px; margin:10px auto; border:1px solid #5074cf; color:#5074cf; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.type_hami .b_more3#cht{ position:relative; width:90%;font-size:1.125em; height:36px; margin:10px auto; border:1px solid #009ac9; color:#009ac9; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.type_hami .b_more3 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.type_hami .b_more3 a + img{ height:100%; margin:0 5px 0 0; vertical-align:middle;}

.alert{ color:#b25960; font-size:0.938em; line-height:24px; margin:5px 0 0 0;}
.center-height{ height:calc(100vh - 180px);}
.table-vertical-mid{ display:table;}
.table-vertical-mid .msg{ display:table-cell; vertical-align:middle;}

.msg{ color:#313131; font-size:1.125em; font-weight:bold; padding:10px; line-height:36px;}
.msg2{ color:#313131; font-size:0.938em; line-height:18px; font-weight:bold; padding:10px; border-top:1px solid #bac7d4;}
.msg3{ color:#313131; font-size:1em; line-height:24px; font-weight:bold;}
.msg4{ color:#313131; font-size:1em; line-height:24px; text-align:center; padding:10px;}

/*8-1*/
.con_box_03 .search li{ position:relative; border-bottom:1px solid #afabab; padding:10px;}
.con_box_03 .search li:last-child{ border-bottom:none;}
.con_box_03 .search li > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_03 .search li .search_title{ width:90%; line-height:22px; color:#378be0; font-size:1.125em; font-weight:bold;}
.con_box_03 .search li .search_text{ width:90%; font-size:1em; color:#434343; margin:10px 0; line-height:24px; max-height:42px; overflow:hidden;}
/*8-2*/
.con_box_02 .search_info_title{ color:#378be0;}
.con_box_02 .serv_loc{ width:100%; height:82px; margin:15px 0; text-align:center; color:#fff; line-height:82px; font-size:1.125em;}
.con_box_02 .serv_loc > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .serv_loc.type1{ background:#378be1 url(../images/13_icon01.jpg) 10px 50% no-repeat; background-size:auto 100%;}
.con_box_02 .serv_loc.type2{ background:#31bdd6 url(../images/13_icon02.jpg) 10px 50% no-repeat; background-size:auto 100%;}
/*10-4*/
iframe.event_page{ width:100%; height:auto;}
/*11-1*/
.title_09{ color:#0067ce; font-size:1.188em; font-weight:bold; line-height:24px; min-height:35px; padding:5px 10px; box-sizing:border-box; border-bottom:1px solid #afabab;}
/*.news_text p:first-child{ text-indent:0;}*/
.news_text p{ padding:10px 0; line-height:24px; /*text-indent:2em;*/}
/*12-1*/
.list_dot{ width:100%;}
.list_dot li{ width:100%; overflow:hidden; background:url(../images/list_dot.png) 10px 13px no-repeat; background-size:6px 6px; padding:0 0 0 25px; box-sizing:border-box; min-height:35px; height: auto; line-height:35px; border-bottom:none;}
.con_box_02 .slidebox2 ul { width:2000px;}
.slidebox2 .slide_app li { float:left; padding:0 10px 0 0;}
.slidebox2 .slide_app li img{ width:44vw; height:84.6vw; display:block;}
/*12-2*/
.con_box_03 .privacy{ padding:10px 0;}
.con_box_03 .privacy li{ border-bottom:1px solid #aaaaaa; }
.con_box_03 .privacy li li{ border-bottom: none; }
.privacy li .title{ position:relative; background:#fff; color:#434343; font-size:1.125em; font-weight:bold; line-height:36px; min-height:36px; max-height:73px; padding:0 30px 0 10px;}
.privacy li.op .title{ background:#b5b5b5; color:#fff;  font-size:1.125em; font-weight:bold; /*color:#378be0; font-size:1.125em; line-height:26px; min-height:26px;*/}
.privacy li .title a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.privacy li:first-child .title{ color:#378be0; font-size:1.125em; line-height:26px; min-height:26px;}
.privacy li.op .text{ display:block;}
.privacy li .text{ display:none; padding:0 10px;}
.privacy p{ color:#434343; font-size:1em; line-height:24px; padding:10px;}
.go_top{ background:rgba(20, 119, 219, 0.85); width:74px; height:32px; position:fixed; bottom:0; right:10px; line-height:32px; padding:0 0 0 10px; box-sizing:border-box; color:#fff;}
.go_top a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
/*14-1*/
.con_box_02 .contact_btn{ position:relative; padding:0 0 0 20px; width:100%; height:62px; margin:15px 0; color:#fff; line-height:62px; font-size:1.125em; box-sizing:border-box;}
.con_box_02 .contact_btn > a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.con_box_02 .contact_btn img{ display:block; height:60px; position:absolute; right:1px; top:1px;}
.con_box_02 .contact_btn.type1{ background:#378be1; background-size:auto 100%;}
.con_box_02 .contact_btn.type2{ background:#31bdd6; background-size:auto 100%;}
span.num{ color:#0068b7; }
.bg1{ background:#4d94dc;}
.bg2{ background:#e94d80;}

/*arrow*/
.ar1{background:url(../images/arrow_01.png) no-repeat; background-size:auto 50%; background-position: right center;}
.ar2{background:url(../images/arrow_02.png) no-repeat; background-size:auto 100%; background-position: right center;}
.ar3{background:url(../images/arrow_03.png) no-repeat; background-size:auto 100%; background-position: right center;}
.ar3-2{background:url(../images/arrow_03.png) no-repeat; background-size:20px auto; background-position: center center;}
.ar3-3{background:url(../images/arrow_03.png) no-repeat; background-size:auto 50%; background-position: right center;}
.ar4{background:url(../images/arrow_04.png) 0 50% no-repeat; background-size: contain; display: block; height: 40px; padding-left: 30px; color: #fff; font-size: 14px; line-height: 40px; position: absolute; top: 0px; left: 0px;}
.ar5-1{background:url(../images/arrow_05-1.png) no-repeat; background-size:auto 100%; background-position: left center;}
.ar5-2{background:url(../images/arrow_05-2.png) no-repeat; background-size:auto 100%; background-position: right center;}
.ar7{background:url(../images/arrow_07.png) no-repeat; background-size:24px auto; background-position: center center;}
.ar8{background:url(../images/arrow_08.png) no-repeat; background-size:24px auto; background-position: right center;}
.ar9{background:url(../images/arrow_09.png) no-repeat; background-size:24px auto; background-position: right center;}
.ar9-1{background:url(../images/arrow_09-1.png) no-repeat; background-size:24px auto; background-position: right center;}
.ar10{background:url(../images/arrow_10.png) no-repeat; background-size:22px auto; background-position: right center;}
.ar11{background:url(../images/arrow_08.png) no-repeat; background-size:24px auto; background-position: center 10px;}

.icon8{ padding:0 0 0 20px; background:url(../images/4g_btn08.png) no-repeat; background-size:auto 60%; background-position: left center;}
.icon9{ padding:0 0 0 20px; background:url(../images/4g_btn09.png) no-repeat; background-size:auto 60%; background-position: left center;}
.icon10{ padding:0 0 0 20px; background:url(../images/4g_btn10.png) no-repeat; background-size:auto 60%; background-position: left center;}

.fb, .line{ position:relative; width:50%;}
.fb img, .line img{ width:100%; display:block;}
.fb a, .line a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

/*more*/
.op_box{ display:none;}
.b_more{ position:relative; width:90%; font-size:1.125em; height:36px; margin:10px auto; border:1px solid #378be0; color:#378be0; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.b_more a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.b_more2{ position:relative; width:90%; font-size:1.125em; height:36px; margin:10px auto; background-color: #ababab; color:#fff; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.b_more2 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.b_more3{ position:relative; width:90%; font-size:1.125em; height:36px; margin:10px auto; border:1px solid #f15f77; color:#f15f77; text-align:center; line-height:36px; border-radius:4px; overflow:hidden;}
.b_more3 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.b_more3 a + img{ height:100%; margin:0 5px 0 0; vertical-align:middle;}
.b_more4{ position:relative; width:90%; font-size:1.125em; height:36px; margin:10px auto; border:1px solid #c7c7c7; color:#434343; text-align:left; padding:0 10px; box-sizing:border-box; line-height:36px; border-radius:4px; overflow:hidden;}
.b_more4 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.b_dl{ position:relative; width:83%; height:58px; margin:10px auto; border:1px solid #378be0; border-radius:4px; overflow:hidden;}
.b_dl2{ position:relative; width:83%; height:58px; margin:10px auto; border:1px solid #a4ca39; border-radius:4px; overflow:hidden;}
.b_dl img, .b_dl2 img{ display:block; width:100%;}
.b_dl a, .b_dl2 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

/*swip*/
.swiper01.swiper-container{width:100vw; height:45px; overflow:hidden;}
.swiper01 .swiper-slide{ height:45px; float:left;}

.swiper02.swiper-container{width:100vw; height:76.5625vw; overflow:hidden;}
.swiper02 .swiper-slide{ width:100vw; height:76.5625vw; float:left;}
.swiper02 .pagination {position: absolute;right: 0; height:30px; line-height:30px; text-align: right;bottom:45px; width: 100%; z-index:10;}
.swiper02 .swiper-pagination-switch {display: inline-block; width:10px; height:10px; border-radius:10px; margin: 0 10px 0 0; background-color:rgba(255,255,255,0.5); cursor:pointer;}
.swiper02 .swiper-active-switch {background-color:#0068b7; cursor:pointer;}
/*title5 colo set*/
.title_05{ width:100%; height:38px; line-height:38px; padding:0 0 0 10px; font-size:1.250em; font-weight:bold; background:rgba(246, 246, 246, 0.85);; box-sizing:border-box;}
.title_05.blue{ border-left:5px solid #378be0; color:#378be0;}
.title_05.bluegreen{ border-left:5px solid #31bdd6; color:#31bdd6;}
.title_05.green{ border-left:5px solid #8ec41c; color:#8ec41c;}
.title_05.green2{ border-left:5px solid #58cc8c; color:#58cc8c;}
.title_05.orange{ border-left:5px solid #ffb12d; color:#f4b021;}
.title_05.red{ border-left:5px solid #e96877; color:#e96877;}

/*foot*/
.footer{ width:100%; background:#dddddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.footer .f_link{ color:#474747; min-width:300px; text-align:center;}
.footer .f_link a{ color:#474747; font-size:1em; padding:0 2px;}
.footer .phone_num{ text-align:center; color:#474747; padding:10px 0 0 0; font-size:0.938em;}
.footer .copyright{ text-align:center; color:#474747; padding:10px 0 0 0; font-size:0.813em;}