@charset "UTF-8"; 

div {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}

font {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}

input {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}

select {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}

option {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}

span {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 22px
}
/*
tr {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 20px
}

td {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 20px
}

th {
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-variant: normal;
font-size: 20px
}*/


body {
margin: 0
}

input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0
}

input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none
}

html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
table {
width: 1000px;
font-size: 22px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
background-color: #ffffff;
}
table th:nth-child(1)  {
font-size: 22px;
font-weight: bold;
border: 2.0px solid #d6eaf1;
width:10%;
color:#000000;
padding:16px;
}

table th:nth-child(2)  {
font-size: 22px;
font-weight: bold;
border: 2.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:16px;
}
table th:nth-child(3)  {
font-size: 22px;
font-weight: bold;
border: 2.0px solid #d6eaf1;
width:50%;
color:#000000;
padding:16px;
}
table th:nth-child(4)  {
font-size: 22px;
font-weight: bold;
border: 2.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:16px;
}
table td:nth-child(1)  {
font-size: 22px;
border: 2.0px solid #d6eaf1;
width:10%;
color:#000000;
padding:16px;
}
table td:nth-child(2)  {
font-size: 22px;
border: 2.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:16px;
}
table td:nth-child(3)  {
font-size: 22px;
border: 2.0px solid #d6eaf1;
width:50%;
color:#000000;
padding:16px;
}
table td:nth-child(3)>div {
font-size: 22px;
width:auto;height:auto;
color:#000000;
}
table td:nth-child(4)  {
font-size: 22px;
border: 2.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:16px;
}
table td:nth-child(4)>div {
font-size: 22px;
width:100%;height:auto;
float:right;
padding:0px;border:0px solid #d6eaf1;color:#000;
text-decoration: underline;text-underline-offset: 4px;
}
.introduction0{
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-weight: bold;
font-size: 22px;
color: #000000;
}
.introduction1{
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-variant: normal;
font-size: 22px;
color: #000000;
}
.main_ul {
width: 100vw;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: #ffffff
}

.main_ul>li {
margin: 0;
width: 100%;
height: auto;
list-style-type: none;
float:left;
}

.content_div {

height: auto;
width: 100vw;
overflow: hidden;
text-align: center;
background-color: #000000;
}
.down_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 20px;
padding-bottom: 40px;
text-align: center
}
.banner_logo_div {
height: 160px;
width: auto;
margin-top: 28px;
margin-left: 44px;
text-align: center;
padding:16px;
float:left;
background-color: transparent;

}
.banner_logo_div>img {
width: 160px;
height: 160px;
float: left;
margin: 0;
padding: 0;
box-shadow: 0.5px 0.5px 3px #3f3f3f;
border-radius: 0px;
border: 1.0px solid #999999;
}
.banner_div {
height: 408px;
width: 440px;
margin-top: 40px;
margin-right: 60px;
text-align: center;
padding:16px;
float:right;
background-color: #ffffff;
box-shadow: 0.0px 0.5px 3px #3f3f3f;
border-radius: 0px;
border: 1.0px solid #999999;
}

.banner_div>ul {
width: 408px;
height: auto;
float: left;
margin: 0;
padding: 0
}

.banner_div>ul>li {
margin: 0;
width: auto;
height: auto;
margin: 0;
list-style-type: none;
float:left;
}

#banner_div_left_img{
margin-left:70px;
margin-top:-300px;
height: 40px;
width: 40px;
opacity: 0.7;
}
#banner_div_right_img{
margin-right:70px;
margin-top:-300px;
height: 40px;
width: 40px;
opacity: 0.7;
}
.banner_div2 {
margin: 0 auto;
margin-top:-50px;
height: 50px;
width: 100vw;
text-align: center;
}
#banner_div_bullet{
margin: 0 auto;
height: 50px;
width: 130px;
padding:0; 
}

#banner_div_bullet0_img{
height: 22px;
width: 22px;
background-color: #d6eaf1;
border-radius: 11px;
margin-left:16px;
margin-right:8px;
float:left;
}
#banner_div_bullet1_img{
height: 22px;
width: 22px;
background-color: #ffffff;
border-radius: 11px;
margin-left:8px;
margin-right:8px;
float:left;
}
#banner_div_bullet2_img{
height: 22px;
width: 22px;
background-color: #ffffff;
border-radius: 11px;
margin-left:8px;
margin-right:16px;
float:left;
}

.title_div {
margin: 0 auto;
padding-top: 13px;
height: 50px;
width: 600px;
text-align: center
}

.title_div>img:nth-child(1) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-left: 8px
}

.title_div>img:nth-child(2) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-left: 8px
}

.title_div>img:nth-child(3) {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding-right: 8px;
padding-left: 8px
}

.title_div>img:nth-child(4) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-right: 8px
}

.title_div>img:nth-child(5) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-right: 8px
}

.title_line_div {
margin: 0 auto;
height: 1px;
line-height: 1px;
width: 800px;
background-color: transparent
}

.title_line_div2 {
margin: 0 auto;
height: .5px;
margin-top: 4px;
margin-bottom: 4px;
line-height: .5px;
width: 352px;
background-color: #d40000
}

.header_title_div_temp {
margin: 0 auto;
height: 60px;
line-height: 60px;
width: 380px;
margin-top: 30px;
padding-top: 0;
padding-bottom: 0;
text-align: center;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0);
display: none;
}

.header_title_div {
margin: 0 auto;
/*height: 117.2px;*/
height: 58px;
line-height: 58px;
width: 1200px;
text-align: center;
border-radius: 0;
margin-top: 14px;
/*margin-bottom: 4px;*/
margin-bottom: 4px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.0);
padding-top: 0px;
padding-left: 14px;
padding-right: 14px;
border: 0px solid #d40000;
border-radius: 0px;
display: inline-block;
/*background: url('/header_background.png'); */
/*margin: 0 0 25px;*/
  	background-repeat:no-repeat;
  	background-position:center;
  	background-size:contain;
}
.header_title_div1 {
background: url("background0.webp");
background-repeat:no-repeat;
background-position:top;
background-size:cover;
margin: 0 auto;
height: 680px;
line-height: auto;
width: 100%;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 0px;
padding-right: 0px;
}
.header_title_div1>img {
margin: 0 auto;
height: auto;
line-height: auto;
width: 600px;
}

.header_title_div2 {
margin: 0 auto;
height: 32px;
line-height: 32px;
width: 32px;
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.0);
padding-top: 0px;
display: inline-block;
}

.header_title_div2>img {
margin: 0 auto;
height: 32px;
line-height: auto;
width: 32px;
}

.header_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 20px;
padding-bottom: 0;
text-align: center
}


.logo_div {
margin: 0 auto;
height: 134px;
padding-top: 0px;
width: 420px;
text-align: left
}

.logo_div>img {
margin: 0 auto;
width: 240px;
height: auto
}

.logo_div1 {
margin: 0 auto;
height: auto;
padding-top: 12px;
width: 500px;
text-align: center
}

.logo_div1>img {
margin: 0 auto;
width: 258px;
height: auto
}

.download_div {
margin: 0 auto;
height: auto;
width: 418px;
text-align: center
}
.download_div>div:nth-child(1) {
margin-right: 8px;
width: calc(50% - 10px);
padding-left: 4px;
padding-right: 4px;
height: 60px;
line-height:60px;
background-color: #2cb000;
color: #ffffff;
border-radius: 0px;
font-size:18px;
float:right;
/*box-shadow: 1px 1px 5px black;*/
}
.download_div>div:nth-child(2) {
margin-right: 12px;
width: calc(50% - 10px);
padding-left: 4px;
padding-right: 4px;
height: 60px;
line-height:60px;
background-color: #000000;
color: #ffffff;
border-radius: 0px;
font-size:18px;
float:right;
/*box-shadow: 1px 1px 5px black;*/
}
.download_div>img {
margin: 0 auto;
width: 180px;
padding-left: 4px;
padding-right: 4px;
height: auto
}
.news_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #d40000;
display: inline-block;
}
.news_div {
margin: 0 auto;
height: auto;
width: 800px;
padding-top: 0;
padding-bottom: 60px;
text-align: center
}
.news_img_div {
margin: 0 auto;
width: 800px;
height: 380px;
text-align: center;
padding-bottom: 0px
}

.news_img_div>img:nth-child(1) {
margin: 0 auto;
width: 380px;
height: auto;
border: 0px solid #e3e3e3;
border-radius: 12px;
float:left;
}
.news_img_div>img:nth-child(2) {
margin: 0 auto;
width: 380px;
height: auto;
border: 0px solid #e3e3e3;
border-radius: 12px;
float:right;
}
.qrcode_download_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #d40000;
border-radius: 12px;
border: 1.6px solid #d40000;
display: inline-block;
}

.qrcode_download_div {
margin: 0 auto;
height: auto;
width: 800px;
padding-top: 0;
padding-bottom: 20px;
text-align: center
}

.qrcode_download_div>img {
margin: 0 auto;
width: 400px;
height: auto;
padding: 0px;
border: 1.0px solid #000;
border-radius: 0px;
}

.qrcode_download_ads_div {
margin: 0 auto;
height: auto;
width: 800px;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #d40000
}

.introduction_title_div0 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #d40000;
display: inline-block;
}
.introduction_title_div1 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #d40000;
border-radius: 12px;
border: 1.6px solid #d40000;
display: inline-block;
}
.news_div1 {
margin: 0 auto;
height: auto;
width: calc(50% - 20px);
text-align: center;
float:left;
}	
.news_outer_div {
margin: 0 auto;
height: auto;
width: 1000px;
text-align: center;
padding-top:60px;
padding-bottom:60px;
}

.outer_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: #ffffff;
}

.outer_div0 {
margin: 0 auto;
height: 580px;
width: 1000px;
text-align: center;
padding-top:60px;
padding-bottom:0px;
}
.outer_div01 {
margin: 0 auto;
height: auto;
width: 1000px;
text-align: center;
padding-top:80px;
}
.outer_div1 {
margin: 0 auto;
height: 580px;
width: 1000px;
text-align: center;
background-color: #ffffff;
padding-top:60px;
padding-bottom:60px;
padding-left:30px;
padding-right:30px;
margin-top:60px;
margin-bottom:60px;
border-radius: 12px;
border: 8.0px solid #d6eaf1;
}
.outer_div2 {
margin: 0 auto;
height: 980px;
width: 1000px;
text-align: center;
padding-top:80px;
padding-bottom:80px;
}
.outer_div3 {
margin:0 auto;
height:1300px;
width: 1000px;
text-align: center;
padding-top:0px;
padding-bottom:60px;
background-color: #f3f3f3;
}
.outer_div31 {
margin: 0 auto;
height: auto;
width: 1000px;
text-align: center;
overflow-x: hidden;
float:right;
}
.outer_div32 {
margin: 0 auto;
height: auto;
width: 1800px;
text-align: center;
float:left;
display: flex;
flex-wrap: no-wrap;
background-color: #f3f3f3;
}

.introduction_img_div {
margin: 0 auto;
width: calc(50% - 20px);
height: auto;
text-align: center;
float:left;
}

.introduction_img_div>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:55px;
}

.introduction_img_page_div{
margin: 0 auto;
width: 100%;
height: auto;
float:left;
margin-top:30px;
margin-bottom:30px;
}
.introduction_img_page_div>span {
width:30px;
height: 30px;
line-height: 26px;
display:inline-block;
text-align: center;
background-color: #d6eaf1;
color: #018fd7;
border-radius:8px;
border: 2px solid #018fd7;
margin-right:8px;
float:left;
cursor: pointer;
}

.introduction_div {
margin: 0 auto;
height: auto;
width: calc(50% - 20px);
text-align: center;
float:right;

}	

.introduction_page_div{
margin: 0 auto;
width: 100%;
height: auto;
float:right;
margin-top:30px;
margin-bottom:30px;
}
.introduction_page_div>span {
width:30px;
height: 30px;
line-height: 26px;
display:inline-block;
text-align: center;
background-color: #d6eaf1;
color: #018fd7;
border-radius:8px;
border: 2px solid #018fd7;
margin-left:8px;
float:right;
cursor: pointer;
}



.introduction_img_div1 {
margin: 0 auto;
width: calc(50% - 20px);
height: auto;
text-align: center;
float:right;
}

.introduction_img_div1>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:55px;
}
.introduction_div1 {
margin: 0 auto;
height: 460px;
width: calc(50% - 20px);
text-align: center;
float:left;
}	






.introduction_img_div2 {
margin: 0 auto;
width: calc(100% - 0px);
height: auto;
text-align: center;
float:left;
}

.introduction_img_div2>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:40px;
}
.introduction_div2 {
margin: 0 auto;
height: auto;
width: calc(100% - 0px);
text-align: center;
float:left;
}	








.introduction_img_div3 {
margin: 0 auto;
width: 600px;
height: 400px;
text-align: center;
float:left;
}

.introduction_img_div3>img {
margin: 0 auto;
width: 600px;
height: 400px;
margin-top:0px;
object-fit: cover;
}
.introduction_div3 {
margin: 0 auto;
height: auto;
width: 600px;
text-align: center;
float:left;
margin-right:40px;
}	

.introduction_div31 {
margin: 0 auto;
height: auto;
width: 560px;
padding-left:20px;
padding-right:20px;
padding-top:40px;
padding-bottom:40px;
text-align: center;
float:left;
}	





.main_page_ads_div {
margin: 0 auto;
height: auto;
width: 100%;
padding: 4px;
text-align: center;
color: #d40000
}

.main_page_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #fff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}
.main_page_device_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
color: #ffffff;
}
.main_page_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
background-color: rgba(0, 0, 0, 0)
}
.main_page_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0)
}

.main_page_div>ul>li {
margin: 0;
width: 33%;
height: auto;
list-style-type: none;
float: left;
}

.main_page_div>ul>li>img {
margin: 0 auto;
width: 300px;
height: auto;
border: 1.6px solid #ffffff;
border-radius: 8px
}
.share_div {
margin: 0 auto;
height: auto;
width: auto;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
background-color: rgba(0, 0, 0, 0)
}
.share_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0)
}

.share_div>ul>li {
margin: 0;
width: 33%;
height: auto;
list-style-type: none;
float: left;
}

.share_div>ul>li>img {
margin: 0 auto;
width: 300px;
height: auto;
border: 1px solid #e3e3e3;
border-radius: 8px
}

.service_type_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #fff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.service_type_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.service_type_introduction_div {
margin: 0 auto;
height: auto;
width: 800px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.6px solid #ffffff;
background-color: rgba(0, 0, 0, 0);
  
}

.service_region_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #ffffff;
display: inline-block
}

.service_region_div {
margin: 0 auto;
height: auto;
width: 800px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.6px solid #ffffff;
background-color: rgba(0, 0, 0, 0)
}
.service_time_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.service_time_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.service_time_introduction_div {
margin: 0 auto;
height: auto;
width: 800px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.6px solid #ffffff;
background-color: rgba(0, 0, 0, 0);
  
}
.service_port_ads_div {
margin: 0 auto;
height: auto;
width: 800px;
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
color: #d40000
}

.service_port_title_div {
margin: 0 auto;
height: auto;
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
border-radius: 12px;
color: #d40000;
background-color: #fff
}

.service_port_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
background-color: #fff
}

.service_port_div0 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img0 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div1 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img1 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div2 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img2 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div3 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img3 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div4 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img4 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div5 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img5 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div6 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img6 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_port_div7 {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
text-align: center;
background-color: #fff
}

#service_port_div_img7 {
margin: 0 auto;
height: 240px;
width: 240px;
object-fit: contain;
padding: 12px;
text-align: center;
border: 2px solid #e3e3e3;
border-radius: 120px;
}

.service_fee_ads_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 5px;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.service_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}
.service_fee_title_div1 {
margin: 0 auto;
height: auto;
width: auto;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
display: inline-block
}
.service_fee_title_div2 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
display: inline-block
}

.service_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee1_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee1_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.extra_fee100_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee100_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee10_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee10_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee2_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee2_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee3_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee3_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee4_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee4_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee5_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee5_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee50_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee50_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}

.extra_fee6_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee6_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.extra_fee7_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border-radius: 12px;
border: 1.6px solid #fff;
display: inline-block
}

.extra_fee7_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}



.goodplayplay_logo_div {
margin: 0 auto;
width: 100%;
height: auto;
padding-top: 20px;
text-align: center
}

.goodplayplay_logo_div>img {
margin: 0 auto;
width: 480px;
height: auto
}

.space_line_div {
margin: 0 auto;
height: 30px;
line-height: 30px;
width: 800px;
background-color: transparent
}

.space_line_div1 {
margin: 0 auto;
height: 10px;
line-height: 10px;
width: 800px;
background-color: transparent
}

.space_line_div2 {
margin: 0 auto;
height: 10px;
line-height: 10px;
width: 800px;
background-color: transparent
}

.cs_container {
z-index: 10;
float: right;
width: auto;
height: auto;
position: fixed;
background: rgba(0, 0, 0, 0.0);
border-radius: 12px;
border: 0px solid rgba(0, 0, 0, 0.6);
margin-left: 12px;
margin-bottom: 12px;
bottom: 0
}
#cs_main {
float: right;
padding: 0;
width: 64px;
height: 214px;
bottom: 0;
padding: 12px
}

#cs_header {
padding: 0;
width: 100%;
height: 0
}

#cs_body {
padding: 0;
width: 100%;
height: 202px
}
.cs_title {
padding: 0;
width: auto;
height: 40px
}

#cs_footer {
bottom: 0;
width: 100%;
height: 0
}

#cs_body2 {
padding: 0;
margin-bottom: 0px;
width: 39px;
height: 153px;
background: rgba(0, 0, 0, 0);
border-radius: 6px;
border: 0px solid rgba(0, 0, 0, 0.6);
display: none;
}



.cs_container_right {
z-index: 10;
float: right;
width: calc(100vw - 42px);
height: auto;
position: fixed;
background: rgba(0, 0, 0, 0.0);
border-radius: 0px;
border: 0px solid rgba(0, 0, 0, 0.6);
margin-left: 12px;
margin-right: 18px;
margin-bottom: 12px;
bottom: 0
}
#cs_main_right {
float: right;
padding: 0;
width: 64px;
height: 64px;
bottom: 0;
padding: 12px;
background: rgba(0, 0, 0, 0.0);
}



#download_description_div {
height: auto;
width: auto;
margin-top: 12px;
margin-bottom: 12px;
background-color: #d40000;
border-radius: 6px;
border: 1.6px solid #d40000;
display: inline-block;
padding: 2px 4px;
display: none;
}

#download_description_div2 {
height: auto;
width: auto;
padding: 2px;
margin-top: 6px;
margin-bottom: 10px;
border: 0 solid #000;
}

.share_fee_ads_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 5px;
padding-bottom: 40px;
text-align: center;
color: #000000;
background-color: rgba(0, 0, 0, 0)
}

.share_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #000000;
border-radius: 12px;
border: 1.6px solid #000000;
display: inline-block
}

.share_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #000000;
background-color: #ffffff;
}
.share_fee0_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color:#ffffff;
border-radius: 12px;
border: 1.6px solid #000000;
display: inline-block
}

.share_fee0_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #000000;
background-color: #ffffff;
}

.share_fee1_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #000000;
border-radius: 12px;
border: 1.6px solid #000000;
display: inline-block
}

.share_fee1_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #000000;
background-color: rgba(0, 0, 0, 0)
}


.share_fee2_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
border: 1.6px solid #000000;
display: inline-block
}

.share_fee2_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 80px;
text-align: center;
color: #000000;
background-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 600px) {
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
table {
width: calc(100% - 0px);
font-size: 16px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
}
table th:nth-child(1)  {
font-size: 16px;
font-weight: bold;
border: 1.0px solid #d6eaf1;
width:10%;
color:#000000;
padding:8px;
}
table th:nth-child(2)  {
font-size: 16px;
font-weight: bold;
border: 1.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:8px;
}
table th:nth-child(3)  {
font-size: 16px;
font-weight: bold;
border: 1.0px solid #d6eaf1;
width:50%;
color:#000000;
padding:8px;
}
table th:nth-child(4)  {
font-size: 16px;
font-weight: bold;
border: 1.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:8px;
}
table td:nth-child(1)  {
font-size: 14px;
border: 1.0px solid #d6eaf1;
width:10%;
color:#000000;
padding:8px;
}
table td:nth-child(2)  {
font-size: 14px;
border: 1.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:8px;
}
table td:nth-child(3)  {
font-size: 14px;
border: 1.0px solid #d6eaf1;
width:50%;
color:#000000;
padding:8px;
}
table td:nth-child(3)>div {
font-size: 14px;
width:auto;height:auto;
color:#000000;
}
table td:nth-child(4)  {
font-size: 14px;
border: 1.0px solid #d6eaf1;
width:20%;
color:#000000;
padding:8px;
}
table td:nth-child(4)>div {
font-size: 14px;
width:100%;height:auto;
float:right;
padding:0px;border:0px solid #d6eaf1;color:#000;
text-decoration: underline;text-underline-offset: 4px;
}
.introduction0{
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-style: bold;
font-weight: bold;
font-size: 16px;
color: #000000;
}
.introduction1{
font-family: Microsoft JhengHei, Helvetica, sans-serif;
font-variant: normal;
font-size: 16px;
color: #000000;
}
.main_ul {
width: 100vw;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: #fff
}
.main_ul>li {
margin: 0;
width: auto;
height: auto;
margin: 0;
list-style-type: none
}
.content_div {
height: auto;
width: 100vw;
padding: 0px;
text-align: center;
}
.down_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 20px;
padding-bottom: 40px;
text-align: center
}
.banner_logo_div {
height: 90px;
width: auto;
margin-top: 31px;
margin-left: 44px;
text-align: center;
padding:16px;
float:left;
background-color: transparent;
/*box-shadow: 1px 1px 5px black;
border-radius: 16px;*/
display:none;
}
.banner_logo_div>img {
width: 80px;
height: 80px;
float: left;
margin: 0;
padding: 0
}
.banner_div {
height: 418px;
width: calc(100% - 36px);
margin-top: 0px;
margin-left: 18px;
margin-right: 18px;
text-align: center;
padding:16px;
background-color: #ffffff;
box-shadow: 0.0px 0.0px 0px #3f3f3f;
border-radius: 0px;
border: 1.0px solid #999999;
}

.banner_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: #ffffff;
}

.banner_div>ul>li {
margin: 0;
width: auto;
height: auto;
margin: 0;
list-style-type: none
}



#banner_div_left_img{
margin-left:0px;
margin-top:-260px;
height: 40px;
width: 40px;
opacity: 0.3;
}
#banner_div_right_img{
margin-right:0px;
margin-top:-260px;
height: 40px;
width: 40px;
opacity: 0.3;
}
.banner_div2 {
margin: 0 auto;
margin-top:-50px;
height: 40px;
width: 100vw;
text-align: center;
display:none;
}
#banner_div_bullet{
height: 24px;
width: 114px;
text-align: center;
position:relative;
z-index:99;
background-color: transparent;
}
#banner_div_bullet0_img{
height: 16px;
width: 16px;
background-color: #d6eaf1;
border-radius: 8px;
border:none;
margin-left:16px;
margin-right:8px;
}
#banner_div_bullet1_img{
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 8px;
border:none;
margin-left:8px;
margin-right:8px;
}
#banner_div_bullet2_img{
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 8px;
border:none;
margin-left:8px;
margin-right:16px;
}



.title_div {
height: 50px;
padding-top: 13px;
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
width: 100%
}
.title_div>img:nth-child(1) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-left: 8px
}
.title_div>img:nth-child(2) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-left: 8px
}
.title_div>img:nth-child(3) {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding-right: 8px;
padding-left: 8px
}
.title_div>img:nth-child(4) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-right: 8px
}
.title_div>img:nth-child(5) {
width: 26px;
height: 26px;
line-height: 26px;
margin-top: 4px;
padding-right: 8px
}
.title_line_div {
height: 1px;
line-height: 1px;
width: calc(100% - 80px);
margin-left: 40px;
margin-right: 40px;
background-color: transparent
}
.title_line_div2 {
height: 0;
line-height: 0;
width: calc(100% - 80px);
background-color: transparent;
margin: 0 40px
}
.header_title_div_temp {
margin: 0 auto;
height: 70px;
line-height: 70px;
width: 100%;
margin-top: 0;
padding-top: 1px;
padding-bottom: 0;
text-align: center;
border-radius: 0;
background-color: rgba(0, 0, 0, 0);
display: none
}
.header_title_div {
margin: 0 auto;
height: 70px;
line-height: 70px;
width: 100%;
margin-bottom: 4px;
text-align: center;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.0);
padding: 0px;
border: 0px solid #fff;
	border-radius: 0px
}
.header_title_div1 {
background: url("background0.webp");
background-repeat:no-repeat;
background-position:top;
background-size:cover;
margin: 0 auto;
height:458px;
line-height: auto;
width: 100%;
text-align: center;
border-radius: 0;
padding-top: 20px;
border: 0px solid #fff;
border-radius: 0px
}
.header_title_div1>img {
margin: 0 auto;
height: auto;
line-height: auto;
width: calc(100% - 40px);
	}
	.header_title_div2 {
margin: 0 auto;
height: 32px;
line-height: 32px;
width: 32px;
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.0);
padding-top: 0px;
display: inline-block;
}
.header_title_div2>img {
margin: 0 auto;
height: 32px;
line-height: auto;
width: 32px;
}

.header_div {
margin: 0 auto;
height: auto;
width: calc(100% - 20px);
text-align: center;
padding: 20px 10px 0
}



.logo_div {
margin: 0 auto;
height: 150px;
width: 100%;
text-align: center;
background-color: transparent;
}
.logo_div>img {
margin: 0 auto;
width: 240px;
height: auto
}
.logo_div1 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center
}
.logo_div1>img {
margin: 0 auto;
width: 240px;
height: auto
}
.download_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding-top:0px;
background-color: #ff0000;
}
.download_div>div:nth-child(1) {
margin-right: 16px;
width: auto;
padding-left: 8px;
padding-right: 8px;
height: 50px;
line-height:50px;
background-color: #2cb000;
color: #ffffff;
border-radius: 0px;
font-size:16px;
float:left;
}
.download_div>div:nth-child(2) {
margin-right: 16px;
width: auto;
padding-left: 8px;
padding-right: 8px;
height: 50px;
line-height:50px;
background-color: #000000;
color: #ffffff;
border-radius: 0px;
font-size:16px;
float:right;
}
.download_div>img {
margin: 0 auto;
width: 180px;
height: auto
}
.news_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #d40000;
display: inline-block;
}
.news_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding: 0 20px 60px
}
.news_img_div {
margin: 0 auto;
width: 100vw;
height: 50vw;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px
}
.news_img_div>img:nth-child(1)  {
margin: 0 auto;
width: calc(50vw - 40px);
height: auto;
border: 0px solid #e3e3e3;
float:left;
}
.news_img_div>img:nth-child(2)  {
margin: 0 auto;
width: calc(50vw - 40px);
height: auto;
border: 0px solid #e3e3e3;
float:right;
}
.qrcode_download_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 55px;
margin-bottom: 20px;
text-align: center;
background-color: #d40000;
border: 1.6px solid #d40000;
display: inline-block;
}
.qrcode_download_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 20px;
text-align: center
}
.qrcode_download_div>img {
margin: 0 auto;
width: 246px;
height: auto;
padding: 0px;
border: 1.6px solid #000;
border-radius: 12px;
}
.qrcode_download_ads_div {
margin: 0 auto;
height: auto;
width: calc(100% - 0px);
text-align: center;
padding: 0 0 40px
}
.introduction_title_div0 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #d40000;
display: inline-block;
}
.introduction_title_div1 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #d40000;
border: 1.6px solid #d40000;
display: inline-block;
}


.news_div1 {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
float:left;
}	

.news_outer_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
float:left;
}


.outer_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: #ffffff;
float:left;
}

.outer_div0 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding-top:20px;
padding-bottom:20px;
float:left;
}
.outer_div01 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding-top:20px;
float:left;
}
.outer_div1 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: #ffffff;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
margin-top:0px;
margin-bottom:0px;
border: 0.0px solid #f3eeea;
float:left;
}
.outer_div2 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding-top:20px;
padding-bottom:20px;
float:left;
}
.outer_div3 {
margin:0 auto;
height:auto;
width: calc(100% - 0px);
text-align: center;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
background-color: #ffffff;
float:left;
}
.outer_div31 {
margin: 0 auto;
height: auto;
width: calc(100% - 0px);
text-align: center;
padding-top:0px;
padding-bottom:0px;
display: block;
flex-wrap: no-wrap;
overflow: hidden;
float:left;
}
.outer_div32 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
display: block;
flex-wrap: no-wrap;
overflow: hidden;
float:left;
}


















.introduction_img_div {
margin: 0 auto;
width: calc(100% - 0px);
height: auto;
text-align: center;
float:left;
}

.introduction_img_div>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:0px;
}
.introduction_div {
margin: 0 auto;
height: auto;
width: calc(100% - 0px);
text-align: center;
float:right;
}	


.introduction_page_div{
margin: 0 auto;
width: 100%;
height: auto;
float:right;
margin-top:30px;
}
.introduction_page_div>span {
width:30px;
height: 30px;
line-height: 26px;
display:inline-block;
text-align: center;
background-color: #d6eaf1;
color: #018fd7;
border-radius:8px;
border: 2px solid #018fd7;
margin-left:8px;
float:right;
font-size: 16px;
}

.introduction_img_div1 {
margin: 0 auto;
width: calc(100% - 0px);
height: auto;
text-align: center;
float:right;
}

.introduction_img_div1>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:20px;
}
.introduction_div1 {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
float:left;
}	

.introduction_img_div2 {
margin: 0 auto;
width: calc(100% - 0px);
height: auto;
text-align: center;
float:left;
}

.introduction_img_div2>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:55px;
}
.introduction_div2 {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
float:right;
}	




.introduction_img_div3 {
margin: 0 auto;
width: calc(100% - 0px);
height: auto;
text-align: center;
float:left;
padding-bottom:20px;
}

.introduction_img_div3>img {
margin: 0 auto;
width: 100%;
height: auto;
margin-top:0px;
}
.introduction_div3 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
float:left;
padding-bottom:40px;
margin-right:0px;

}	

.introduction_div31 {
margin: 0 auto;
height: auto;
width: 100%;padding:20px;
text-align: center;
float:left;
border: 1.6px solid #f3f3f3;
}	








/*

.introduction_div {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
padding: 0 20px 60px
}
.introduction_img_div {
margin: 0 auto;
width: calc(100vw - 0px);
height: auto;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px
}
.introduction_img_div>img {
margin: 0 auto;
width: 100%;
height: auto;
border: 0px solid #e3e3e3
}
*/



.service_type_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #fff;
border: 1.6px solid #fff;
display: inline-block
}
.service_type_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding: 0 10px 40px
}
.service_type_introduction_div {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
 margin-bottom:20px;
}
.service_region_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #ffffff;
display: inline-block;
}
.service_region_div {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
margin-bottom:20px;
}

   .service_time_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.service_time_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding: 0 10px 40px
}
.service_time_introduction_div {
margin: 0 auto;
height: auto;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
 margin-bottom:20px;
}



.service_port_ads_div {
margin: 0 auto;
height: auto;
width: calc(100% - 0px);
text-align: center;
padding: 0 0 40px
}
.service_port_title_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 20px;
text-align: center
}
.service_port_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding: 0 10px
}
.service_fee_ads_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0)
}
.service_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.service_fee_title_div1 {
margin: 0 auto;
height: auto;
width: auto;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
display: inline-block
}
.service_fee_title_div2 {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
display: inline-block
}
.service_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
   margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee1_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee1_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
 .extra_fee100_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee100_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee10_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee10_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee2_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
 margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee2_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee3_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
  margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee3_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee4_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
 margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee4_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee5_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee5_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}

.extra_fee50_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee50_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
.extra_fee6_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
   margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee6_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 40px
}
.extra_fee7_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #fff;
display: inline-block
}
.extra_fee7_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}

.main_page_ads_div {
margin: 0 auto;
height: auto;
width: calc(100% - 8px);
padding: 4px;
text-align: center
}
.main_page_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #fff;
border: 1.6px solid #fff;
display: inline-block
}
.main_page_device_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
color: #ffffff;
}
.main_page_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
background-color: rgba(0, 0, 0, 0)
}
.main_page_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0)
}

.main_page_div>ul>li {
margin: 0;
width: 100%;
height: auto;
list-style-type: none;
float: left;
}

.main_page_div>ul>li>img {
margin: 0 auto;
width: 300px;
height: auto;
border: 0px solid #e3e3e3
}

.share_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 25px;
text-align: center;
background-color: rgba(0, 0, 0, 0)
}
.share_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0)
}

.share_div>ul>li {
margin: 0;
width: 100%;
height: auto;
list-style-type: none;
float: left;
}

.share_div>ul>li>img {
margin: 0 auto;
width: 300px;
height: auto;
border: 1px solid #e3e3e3
}

.goodplayplay_logo_div {
margin: 0 auto;
width: 100%;
height: auto;
padding-top: 0
}
.goodplayplay_logo_div>img {
margin: 0 auto;
width: calc(100% - 0px);
height: auto
}
.space_line_div {
height: 30px;
line-height: 30px;
width: 100%;
background-color: transparent
}
.space_line_div1 {
height: 10px;
line-height: 10px;
width: 100%;
background-color: transparent
}
.space_line_div2 {
height: 10px;
line-height: 10px;
width: 100%;
background-color: transparent
}
.cs_container {
z-index: 10;
float: left;
width: 40px;
height: auto;
position: fixed;
background: transparent;
border-radius: 0;
border: 0 solid #fff;
margin-left: 10px;
margin-bottom: 12px;
bottom: 0
}
#cs_main {
float: left;
padding: 0;
width: 40px;
height: 102px;
bottom: 0;
padding: 4px
}
#cs_header {
padding: 0;
width: 100%;
height: 0
}
#cs_body {
padding: 0;
width: 100%;
height: 0;
display: none
}
#cs_footer {
bottom: 0;
width: 100%;
height: 0
}
#cs_body2 {
float: left;
display: block
}

 .cs_container_right {
z-index: 10;
float: right;
width: calc(100vw - 24px);
height: auto;
position: fixed;
background: rgba(0, 0, 0, 0.0);
border-radius: 0px;
border: 0px solid rgba(0, 0, 0, 0.6);
margin-left: 12px;
margin-bottom: 12px;
bottom: 0;
display: none;
}
#cs_main_right {
float: right;
padding: 0;
width: 38px;
height: 38px;
bottom: 0;
padding: 4px;
background: rgba(0, 0, 0, 0.0);
}



#download_description_div {
height: auto;
width: auto;
margin-top: 8px;
margin-bottom: 12px;
background-color: #d40000;
border: 1.6px solid #d40000;
display: inline-block;
padding: 2px 4px;
display: none;
}




.share_fee_ads_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0;
padding-bottom: 40px;
text-align: center;
color: #000000;
background-color: #ffffff
}
.share_fee_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #000000;
border: 1.6px solid #000000;
display: inline-block
}
.share_fee_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #000000;
background-color: #ffffff;
padding: 0 20px 80px
}
.share_fee0_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
   margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
border: 1.6px solid #000000;
display: inline-block
}
.share_fee0_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #000000;
background-color: #ffffff;
padding: 0 20px 80px
}
.share_fee1_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: #000000;
border: 1.6px solid #000000;
display: inline-block
}
.share_fee1_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #000000;
background-color: #ffffff;
padding: 0 20px 80px
}

.share_fee2_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
 margin-top: 40px;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1.6px solid #000000;
display: inline-block
}
.share_fee2_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
color: #000000;
background-color: rgba(0, 0, 0, 0);
padding: 0 20px 80px
}
}