@charset "UTF-8"; 

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

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

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

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

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

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

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

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

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

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
}

.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 {
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height: auto;
width: 100vw;
overflow: hidden;
text-align: center;
background-color: #18a47d
}
.down_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 20px;
padding-bottom: 40px;
text-align: center
}
.banner_div {
margin: 0 auto;
height: auto;
width: 600px;
text-align: center
}

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

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

.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: 600px;
background-color: transparent
}

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

.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: 58px;
line-height: 58px;
width: 400px;
text-align: center;
border-radius: 0;
margin-top: 14px;
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 #18a47d;
border-radius: 0px;
display: inline-block;

  	background-repeat:no-repeat;
  	background-position:center;
  	background-size:contain;
}
.header_title_div1 {
margin: 0 auto;
/*height: 117.2px;*/
height: auto;
line-height: auto;
width: 600px;
text-align: center;
border-radius: 0;
margin-top: 0px;
margin-bottom: 8px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.0);
padding-top: 0px;
padding-left: 14px;
padding-right: 14px;
border: 0px solid #18a47d;
border-radius: 0px;
display: inline-block;

  	background-repeat:no-repeat;
  	background-position:center;
  	background-size:contain;
}
.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_title_div2 {
width: 0;
height: 0;
margin-top: 14px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #18a47d;
display: inline-block;   
}
*/
.header_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 20px;
padding-bottom: 0;
text-align: center
}

.outer_div0 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: transparent;
}

.outer_div1 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: #18a47d
}

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

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

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

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

.download_div {
margin: 0 auto;
height: auto;
width: 600px;
text-align: center
}

.download_div>img {
margin: 0 auto;
width: 180px;
padding-left: 4px;
padding-right: 4px;
height: auto
}

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

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

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

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

.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.5px solid #18a47d;
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: #18a47d;
border-radius: 12px;
border: 1.5px solid #18a47d;
display: inline-block;
}
.introduction_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 0;
padding-bottom: 60px;
text-align: center
}

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

.introduction_img_div>img {
margin: 0 auto;
width: 600px;
height: auto;
border: 0px solid #c3c3c3;
border-radius: 12px;
}

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

.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.5px 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: 0px solid #c3c3c3;
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: auto;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0)
}

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

.share_div>ul>li>img {
margin: 0 auto;
width: 300px;
height: auto;
border: 0px solid #c3c3c3;
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.5px 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: 600px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.5px 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.5px solid #ffffff;
display: inline-block
}

.service_region_div {
margin: 0 auto;
height: auto;
width: 600px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.5px 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.5px 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: 600px;
padding: 20px;
margin-bottom: 40px;
text-align: center;
color: #fff;
border: 1.5px solid #ffffff;
background-color: rgba(0, 0, 0, 0);
  
}
.service_port_ads_div {
margin: 0 auto;
height: auto;
width: 600px;
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
color: #18a47d
}

.service_port_title_div {
margin: 0 auto;
height: auto;
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
border-radius: 12px;
color: #18a47d;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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 #c3c3c3;
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.5px solid #fff;
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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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_fee6_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.5px solid #fff;
display: inline-block
}

.extra_fee6_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_fee7_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.5px solid #fff;
display: inline-block
}

.extra_fee7_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)
}

.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: 600px;
background-color: transparent
}

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

.space_line_div2 {
margin: 0 auto;
height: 10px;
line-height: 10px;
width: 600px;
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: 8px;
margin-bottom: 12px;
background-color: #18a47d;
border-radius: 6px;
border: 1.5px solid #18a47d;
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.5px 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.5px 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.5px 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.5px 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
}
.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 {
background-repeat:no-repeat;
background-position:center;
background-size:cover;
height: auto;
width: 100vw;
padding-bottom: 0;
text-align: center;
background-color: #18a47d
}
.down_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 20px;
padding-bottom: 40px;
text-align: center
}
.banner_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center
}
.banner_div>ul {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0
}
.banner_div>ul>li {
margin: 0;
width: 100%;
height: auto;
margin: 0;
list-style-type: none
}
.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 {
margin: 0 auto;
height: auto;
line-height: auto;
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>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_title_div2 {
width: 0;
	height: 0;
   		border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #18a47d;
	display: inline-block;
}*/
.header_div {
margin: 0 auto;
height: auto;
width: calc(100% - 20px);
text-align: center;
padding: 20px 10px 0
}
.outer_div0 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: transparent;
}
.outer_div1 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
background-color: #18a47d
}
.logo_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center
}
.logo_div>img {
margin: 0 auto;
width: 200px;
height: auto
}
.logo_div1 {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center
}
.logo_div1>img {
margin: 0 auto;
width: 218px;
height: auto
}
.download_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center
}
.download_div>img {
margin: 0 auto;
width: 160px;
height: auto
}
.qrcode_download_title_div {
margin: 0 auto;
height: auto;
width: auto;
padding: 8px;
margin-top: 55px;
margin-bottom: 20px;
text-align: center;
background-color: #18a47d;
border: 1.5px solid #18a47d;
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.5px 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.5px solid #18a47d;
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: #18a47d;
border: 1.5px solid #18a47d;
display: inline-block;
}
.introduction_div {
margin: 0 auto;
height: auto;
width: 100%;
text-align: center;
padding: 0 20px 60px
}
.introduction_img_div {
margin: 0 auto;
width: 100vw;
height: auto;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px
}
.introduction_img_div>img {
margin: 0 auto;
width: calc(100vw - 40px);
height: auto;
border: 0px solid #c3c3c3
}
.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.5px 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.5px 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.5px 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.5px solid #fff;
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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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.5px 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_fee6_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.5px 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 80px
}
.extra_fee7_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.5px 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 40px
}
.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.5px 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 #c3c3c3
}

.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: 0px solid #c3c3c3
}


.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: #18a47d;
border: 1.5px solid #18a47d;
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.5px 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.5px 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.5px 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.5px 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
}
}