@charset "UTF-8";
/*--------------------------------*/
.title_update {
    display: table;
    height: 80px;
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px 0px;
    text-decoration: none
}
#b_txt_base_update{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    height: 80px;
    box-sizing: border-box;
    width: 100%;
    background: rgb(213,210,221);
    background: -moz-linear-gradient(-45deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
    background: linear-gradient(135deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d2dd', endColorstr='#e7e4f0', GradientType=1 );
}
.title_update .i_icon {
    vertical-align: middle;
    display: inline-block;
    width: 97px;
    height: 70px;
    margin: 0px 0px 0px 6px;
    overflow: hidden
}
.title_update .b_txt {
    padding: 0px 10px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    font-size: 100%;
    font-feature-settings : "palt";
    font-weight: bold;
}

.b_base_update a{
 
    display: table;
		height: 100px;
    margin: 30px auto 30px auto;
    width: 70%;
    text-align: center;
	text-decoration: none
}
.b_txt_base {
    display: table-cell;
    text-align: left;
    vertical-align: middle;

    box-sizing: border-box;

    border: #aaa 1px solid;
	border-radius: 4px;
    width: 100%;
    background-color: #fff;
		transition: .2s background-color linear;
}
.b_txt_base:hover {
    background-color: #e7e4f0;
	
	   
}

.p_pro {
   vertical-align: middle;
display: inline-block;
	 padding: 0px 20px 0px 20px;
	width: 120px;
	height: 90px;
   
}
.b_txt02 {
    padding: 0px 10px 0px 0px;
   display: inline-block;
 
    font-size: 100%;
    font-feature-settings : "palt";
    font-weight: bold;
}
.b_arr {
    display: inline-block;
    padding: 0px 2px 4px 0px;
	height:18px;
	width:18px;
    vertical-align: middle;
}


/*--------------------------------*/
#app_version {
	margin-top: -80px; 
	padding-top: 80px;}

.txt_pro_area{

    display: table;
    height: 70px;
    width: 100%;
    text-align: left;
    margin: 0px 0px 20px 0px;
	padding: 0px 0px 4px 0px;

}

.ps_pro {
    vertical-align: middle;
    display: inline-block;
    width: 97px;
    height: 70px;
    margin: 0px 0px 0px 10px;
    overflow: hidden
}


.ps_pro_icon {
    vertical-align: middle;
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0px 10px 0px 0px;
    overflow: hidden
}
.txt_pro{
        padding: 0px 10px 0px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 100%;
    font-feature-settings : "palt";
    font-weight: bold;

}
.rev{
        padding: 4px;
	    margin: 0px 0px 0px 4px;
background-color: #D8D0F2 

}

.table_update {
	width: 98%;
	border-collapse: separate;
	border-spacing: 2px;
	 margin: 0px auto 0px auto;
	background-color: #D8D0F2
}

.brd	{width: 80%;
	border-top: #D8D0F2 2px dotted;
	margin: 50px auto 50px auto;

}

.notice	{color: #FF0004;
	font-weight: bold

}

th.cell00 {
	
white-space: nowrap;
	    font-size: 100%;
	 font-weight: bold;
	padding:1em;
	text-align: left;

	background-color: #D8D0F2
}



th.cell01 {
	
white-space: nowrap;
	    font-size: 90%;
	 font-weight: bold;
	padding:1em;
	text-align: left;

	background-color: #F8F6FF
}
td.cell02 {

	    font-size: 90%;
    line-height: 26px;
padding:1em;
	text-align: left;
	background-color: #fff
}
td.cell02 li {
 padding: 10px 0px 10px 0px;
}

th.cell03 {

	    font-size: 100%;
	 font-weight: bold;
	padding:1em;
	text-align: left;
	border-bottom:  #D8D0F2 2px solid;
	background-color: #fff
}
th.cell04 {
border-bottom:  #D8D0F2 1px solid;
	    font-size: 100%;
	line-height:22px;
padding:1em;
	width: 25%;
	text-align: left;
	background-color: #F8F6FF
}
td.cell05 {
border-bottom: #D8D0F2 1px solid;
	    font-size: 100%;
    line-height: 26px;
padding:1em;
	text-align: left;
	background-color: #fff
}

.b_connect{
	border-radius: 4px;
  padding:2px 6px 0px 6px;
	margin:0px 4px 0px 2px;
    background-color: #D8D0F2;
	white-space: nowrap;
	text-decoration: none
}
.b_connect:hover{
    background-color: #C3B5F0;
	text-decoration: none
}
.b_ht{
	border-radius: 4px;
  padding:2px 6px 0px 6px;
	margin:0px 4px 0px 2px;
    background-color: #ABC8FF;
	white-space: nowrap;
	text-decoration: none
}
.b_ht:hover{
    background-color: #7BA9FF;
	text-decoration: none
}
.servicecenter a{
	border-radius: 4px;
  padding:2px 6px 0px 6px;
	margin:0px 4px 0px 2px;
    background-color: #ddd;
		white-space: nowrap;
	text-decoration: none
}
.servicecenter a:hover{
    background-color: #ccc;
	text-decoration: none
}

.win_i{
	display: inline-block;
    width: 20px;
	 height: 14px;

}
/*--------------------------------*/

.bd{
	border-bottom:  #BFB0F0 2px solid;
}

.b_back_area{
    float: right;
    display: block;
    margin: 14px 20px 0px 0px;
	
}
.b_back_area a{

	text-decoration: none
}
.b_back_area .b_back {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    height: 45px;
    box-sizing: border-box;
    border-top: #eee 2px solid;
    border-bottom: #aaa 2px solid;
    border-right: #aaa 2px solid;
    background-color: #eee;
    margin: 0px 10px 0px 10px;
	text-decoration: none
}
.b_back_area .b_back:hover {
    background-color: #f9f9f9;
    text-decoration: none
}
.b_back_area .bs_txt {
    text-align: left;
    display: inline-block;
    font-size: 80%;
    padding: 0px 10px 0px 0px;
    font-feature-settings : "palt";
    font-weight: bold;
	text-decoration: none
}
.b_back_area .b_arr {
    display: inline-block;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.base_txt_area {
    width: 90%;
    margin: 20px auto 30px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
 
}
.txt_ch_lead {
    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 30px auto 20px auto;
    padding: 0px 0px 6px 0px;
    color: #000;
    border-bottom: #ccc 1px solid;
}

.txt_ch_lead_02 {

    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 10px 1% 0px 1%;
    padding: 6px 10px 6px 10px;
    color: #000;
    border: #666 1px solid;
}
.txt_ch_lead_03 {

    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 10px 1% 0px 1%;
    padding: 6px 10px 6px 10px;
    color: #fff;
    border: #333 1px solid;
	border-radius: 2px;
	background-color: #666
}

.txt_01 {
    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 26px;
}



ul.txt_list li {
	    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 26px;
      padding: 0px 0px 10px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:disc;
	list-style-position: outside
}
ul.txt_list_02 li {
	    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 26px;
      padding: 0px 0px 10px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:decimal;
	list-style-position: outside
}
ul.txt_list_02 li a{

	color: #7650FF
}
ul.txt_list_02 li a:hover{text-decoration: underline;
	color: #7650FF
}

ul.txt_list_03 li {
	    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 26px;
      padding: 5px 0px 5px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:disc;
	list-style-position: outside
}

.p_cap {
display: inline-block;
  	margin: 10px 0px 0px 0px;
	vertical-align: top
}
.t_cap {
    font-size: 90%;
}
.p_android {
display: inline-block;
    width: 270px;
    height: 480px;
    margin: 10px 20px 30px 0px;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_android_02 {
display: inline-block;
    width: 270px;
    height: 462px;
    margin: 10px 20px 30px 0px;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_android_03 {
display: inline-block;
    width: 270px;
    height: 551px;
    margin: 10px 20px 30px 0px;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_ios {
display: inline-block;
    width: 270px;
    height: 584px;
    margin: 10px 20px 30px 0px;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_ios_02 {
display: inline-block;
    width: 270px;
    height: 557px;
    margin: 10px 20px 30px 0px;
   border: #ccc 1px solid;
	vertical-align: top
}

.flame {
	margin: 0px 0px 30px 0px;
      padding: 10px 30px 10px 30px;
background-color: #ddd
}
.flame02 {
	margin: 0px 0px 30px 0px;
      padding: 10px 30px 10px 30px;
background-color: #ddd
}
.nb {

   border: none;
}
#side-L {

	margin-top: -80px; 
	padding-top: 80px;
}

/*--------------------------------*/

.service_base {
	position: fixed;
	top: 0px;
	right: -150%;
	margin: auto;
	width: 100%;
	height: 100%;

	z-index: 21;

background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 );
	
}

.app {
	right: 0%;
	
}

#service_area {

position: absolute; 
	top: 100px;
	bottom:100px; 
left: 50%;
padding:0px 10px 0px 10px; 
	width: 80%;

	margin-left: -40%;

border-radius: 4px;

	overflow: auto;
	background-color: #fff;
}

#b_close {
    position: absolute;
  	top: 100px;
    right: -2px;
    font-feature-settings : "palt";
    font-size: 70%;
    line-height: 120px;
    width: 60px;

    color: #000;
    background-color: #e8e8e8;

    border: #999 1px solid;
    border-radius: 4px 0 0 4px;

	cursor: pointer
}