/*title*/
.m9_title_01_01{}
.m9_title_01_01 h1{font-size:2.3em;padding:1em 0;border-bottom:1px solid #aaa;margin-bottom:1em;}

.m9_title_02_01{text-align: center;padding:6em 2em 3em}
.m9_title_02_01>h1{font-size: 4em;}


.m9_title_01_02{margin:2em 0 1em}
.m9_title_01_02>h2{font-size:1.5em;padding-left:0.5em;border-left:5px solid #5176a9}   


.m9_title_01_03{margin:0.5em 0 0.5em}
.m9_title_01_03>h3{position: relative;font-size:1.2em;padding-left:0.8em;}   
.m9_title_01_03>h3:before{content:"";position: absolute;left:0;top:50%;margin-top:-2px;display:inline-block;width:4px;height:4px;border-radius: 50%;background:#5176a9;}

.m9_title_02_03{margin:0.5em 0 0.5em;}
.m9_title_02_03>h3{font-size:1.2em;}

@media screen and (max-width:683px){
    .m9_title_01_01 h1{margin-bottom:0}
    .m9_title_01_02{margin:1em 0 1em;}
    .m9_title_01_03>h3{font-size: 1.1em;}
    
    
}
/*common_box*/
.common_section:after{content:"";display: block;clear: both;}
.common_section{padding: 2em 5em;background:#fff;}
.common_section .info_box{float:left;width: 50%;font-size: 1.2em;padding:1em 0}
.common_section .data_box{float: right;width: 45%;padding: 1em 2em;background: #ffff;border: 1px solid #eee;}     
.common_section .info_box dl{display: table;width:100%;max-width: 326px;padding:5px 5px;text-align: right;border-bottom: 1px solid #ebebeb;}
.common_section .info_box dl:last-of-type{border-bottom:none;}
.common_section .info_box dl dt{display: table-cell;width:70px;font-weight: bold;color:#0c489c;letter-spacing: -1px;text-align: center;}
.common_section .info_box dl dd{display: table-cell;}
.common_section .info_box dl dd>span{font-weight: bold;display: inline-block;padding-right:3px;font-size: 1.3em}
.common_section .info_box dl dd>span._num._percent{color:#ff0000}

@media screen and (max-width:683px){
    .common_section{padding:1em;}
    .common_section .info_box{float:none;width: 100%;font-size: 1em;padding:0}
    .common_section .data_box{float:none;width:100%}
    .common_section .info_box dl dt{text-align: left;}

}



/**/
.data_section:after{content:"";display: block;clear: both;}
.data_section{padding:1em 2em;;background:#fff;}
.data_section .info_box{float:left;width:45%;}
.data_section .data_box{float: right;width: 55%;padding: 1em 2em;}

.data_section .info_box dl{display: table;width:100%;max-width: 326px;padding: 9px 5px;text-align: right;border-bottom: 1px solid #ebebeb;}
.data_section .info_box dl dt{display: table-cell;width:70px;font-weight: bold;color:#0c489c;letter-spacing: -1px;text-align: center;}
.data_section .info_box dl dd{display: table-cell;}
.data_section .info_box dl dd>span{font-weight: bold;display: inline-block;padding-right:3px;}

@media screen and (max-width:683px){
    .data_section{padding:1em;}
    .data_section .info_box{float:none;width: 100%;font-size: 1.2em;padding:0}
    .data_section .data_box{float:none;width:100%;padding:0;margin-top:1em}
}


/*step_box*/
.step_box .box>.box_title>.box_num{display:inline-block;background:#023582;color:#fff;border-radius:5px;font-size:13px;padding:2px 10px}
.step_box .box>.box_content{padding:25px 20px;background:#fff;border-radius:4px;margin-top:15px;color:#686868;}


/*table*/

.table-style-1{}
.table-style-1 .table-1{background:#fff;font-size: 0.9em;}
.table-style-1 .table-1 thead tr{background: #366eea;color: #fff;}
.table-style-1 .table-1 thead tr th{font-size: 1em;border-color: rgba(255,255,255,0.3);}
.table-style-1 .table-1 tbody tr th{text-align: left;}
.table-style-1 .table-1 td, .table-style-1 .table-1 th{padding: 5px 15px;box-shadow: none;border-color: #eee !important;}
.table-style-1 .table-1 tfoot tr{background:#f3f3f3}
.table-style-1 .table-1 tfoot tr th,.table-style-1 .table-1 tfoot tr td{border-color:#ddd !important}


.table-style-2 .table-1{background:#fff;font-size: 0.9em;}
.table-style-2 .table-1 thead tr{background:#1b1f74;color: #fff;}
.table-style-2 .table-1 thead tr th{font-size: 1em;border-color: rgba(255,255,255,0.3);}
.table-style-2 .table-1 tbody tr th{text-align: left;}
.table-style-2 .table-1 td, .table-style-2 .table-1 th{padding: 10px 15px;box-shadow: none;}
.table-style-2 .table-1 tfoot tr{background:#f3f3f3}
.table-style-2 .table-1 tfoot tr th,.table-style-2 .table-1 tfoot tr td{border-color:#ddd !important}


.table-style-3 .table-1{background:#fff;/* font-size: 0.9em; */}
.table-style-3 .table-1 thead tr{background:#1b1f74;color: #fff;}
.table-style-3 .table-1 thead tr th{font-size: 1em;border-color: rgba(255,255,255,0.3);}
.table-style-3 .table-1 tbody tr th{text-align: center;padding: 10px 15px;box-shadow: none;border-color: rgba(255,255,255,0.2);background: #7c7c7f;color: #Fff;/* font-size: 1.1em; */font-weight: 500 !important;}
.table-style-3 .table-1 td{text-align: left;padding: 20px 20px;}
.table-style-3 .table-1 tfoot tr{background:#f3f3f3}
.table-style-3 .table-1 tfoot tr th,.table-style-3 .table-1 tfoot tr td{border-color:#ddd !important}


@media screen and (max-width:683px){
    .table-style-1 .table-1{font-size: 0.8em;}
    .table-style-1 .table-1 td, .table-style-1 .table-1 th{padding:3px 6px}
    .table-style-3 .table-1{font-size: 0.8em;}
    .table-style-3 .table-1 tbody tr th{padding:5px;}
    .table-style-3 .table-1 td{text-align: left;padding: 5px 10px;font-size: 0.9em;}
}



/**/ 
.m9_btn_01{margin:1em 0 0}
.m9_btn_01>a{display: block;padding:0.7em 1em;background:#fafafa;border:1px solid #dbdbdb;border-radius: 30px;text-align: center;}


.m9_btn_01>a._join, .m9_btn_01>a._login{background:#00479d;color: #fff}
.m9_btn_01>a._join:hover, .m9_btn_01>a._login:hover{opacity: 0.9}
.m9_btn_01>a:hover{background:#00479d;color:#fff;transition: 0.3s}


.m9_btn_02{text-align: center;}
.m9_btn_02>a{display: inline-block;padding:0.8em 3em;border-radius: 30px;background:#00479d;color:#fff;text-align: center;min-width:150px} 
.m9_btn_02>a._login{}
.m9_btn_02>a._no{background:#fafafa;border:1px solid #ddd;color:#555}
.m9_btn_02>a:hover{opacity: 0.9}
.m9_btn_02>a._no:hover{background: #f4f4f4}


/*user_box*/
.user_box{text-align: center;padding:2em;background:#fff;}
.user_box ._title{display: block;font-size: 1.3em;font-weight: bold;padding:0.5em 0;background: #f4f4f4;margin: 1em 0 0;border: 1px solid #Eee;}
.user_box label {font-size: 18px;line-height: 2rem;cursor: pointer;padding: 0.2em 0.4em;}
.user_box input[type="radio"] {position: relative;cursor: pointer;vertical-align: middle;appearance: none;border: 2px solid #d2d2d2;border-radius: 50%;width: 30px;height: 30px;transition: 0.3s;}
.user_box input[type="radio"]:after{content: "\f1ad";font-family: axicon;position: absolute;left: 50%;top: 50%;width:30px;height:30px;font-size: 18px; line-height: 30px;text-align: center;opacity: 0;border-radius: 50%;transform: translate(-50%, -50%);color:#d2d2d2}
.user_box input[type="radio"]:checked{background:#00479d; border:2px solid #00479d;}
.user_box input[type="radio"]:checked:after {color:#fff;opacity: 1}
.user_box input[type="radio"]:disabled {background-color: #aaa;box-shadow: none;opacity: 0.7;cursor: not-allowed;}


/*login_box*/
.login_box._type1 ._preview_1{display:block}
.login_box._type1 ._preview_2{display:none}
.login_box._type1 ._con_1{display:block}
.login_box._type1 ._con_2{display:none}
.login_box._type2 ._preview_1{display:none}
.login_box._type2 ._preview_2{display:block}
.login_box._type2 ._con_1{display:none}
.login_box._type2 ._con_2{display:block}
.login_box ._preview_1,.login_box ._preview_2{padding:0 0 20px;font-weight:700;font-size:1.1em;}
.login_box{max-width:450px;margin:0 auto;text-align: center;border-radius: 10px;background:#fff;overflow: hidden;}
.login_box ._title{display: block;font-size: 1.3em;font-weight: bold;padding:0.5em 0;background: #f4f4f4;margin: 1em 0 0;border: 1px solid #eee;}
    
.login_box .tabs:after{content:"";display:block;clear:both;}
.login_box .tabs{background:#eee;}
.login_box .tabs ._tab{float:left;width:50%;display: inline-block;margin:0 0 -1px;padding:15px 25px;font-weight: 500;text-align: center;border:1px solid transparent;border-bottom:1px solid #ddd;border-top-left-radius: 10px;border-top-right-radius: 10px;} 
.login_box .tabs ._tab:hover{color:#555;cursor: pointer} 
.login_box .tabs input[type="radio"] {display: none;}
.login_box .tabs input[type="radio"]:checked + label{color:#00479d;border:1px solid #ddd;background:#fff;border-bottom:1px solid #ffff}
.login_box .login_wrap{padding:2em;border:1px solid #ddd;border-top:0;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.login_box .login_wrap input[type="text"],.login_box input[type="password"]{padding: 0 10px;line-height: 40px;border: 1px solid #eee;display: block;width: 100%;margin:5px 0}


/*login_form*/
.login_form{max-width:500px;margin:0 auto;padding:1.5em 2em 2em;background:#fff;box-shadow: 0 0 5px #c0c0c0}
.login_form .box{margin:1em 0}
.login_form label{display: block;font-weight:500;padding-bottom:5px}
.login_form input{border:1px solid #eee;background:#fff;display: block;width: 100%;line-height: 30px;padding:5px 10px}

/**/
.success_txt_01:before{content:"\f1ac";display: block;margin:0em auto;color:#00479d;font-family: axicon;font-size:3em;}
.success_txt_01{padding:2em 0;text-align: center;}
.success_txt_01>span{font-size:2em;color:#00479d;font-weight: bold}
.success_txt_01>div{color:#666;padding:0.5em 0}
.sub_txt_01{text-align: center; font-size:1.7em;color:#00479d;font-weight: bold;margin: 2em 0}

/*qr_box*/
.qr_box{max-width:280px;margin: 0 auto;background:#002757;padding:2em;border-radius: 30px;text-align: center;color:#fff;}
.qr_box .txt_01{padding:2em 0 0;font-weight:bold;font-size: 1.1em;}