@CHARSET "UTF-8";

.cpatchaTextBox {
padding: 12px 20px;
display: inline-block;
border: 1.0px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

button {
background-color: #4CAF50;
border: none;
color: white;
padding: 12px 30px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
}

canvas {
/*prevent interaction with the canvas*/
pointer-events: none;
}

.main_ul {
width: 100vw;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: #f3f3f3;
}

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

.content_div {
height: auto;
width: 100vw;
overflow: hidden;
background-color: #f3f3f3;

}

.title_div {
height: 40px;
width: 600px;
background-color: #fff;
float: left;
}

.title_line_div {
height: 0.5px;
width: 600px;
background-color: #999999;
float: left;
}

.payment_title_div {
margin: 0 auto;
height: 200px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
background-color: rgba(212, 0, 0, 1);
}
.payment_title_div2{
margin: 0 auto;width:600px;height:80px;
}
.payment_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
background-color: #c3c3c3;
}

.top_button_normal_div {
height: 40px;
width: auto;
padding-left: 10px;
padding-right: 10px;
background-color: #e8d261;
color: #fff;
margin-right: 2px;
float: left;
text-align: center;
line-height: 40px;
}

.top_button_press_div {
height: 40px;
width: auto;
padding-left: 10px;
padding-right: 10px;
background-color: #d19806;
color: #fff;
margin-right: 2px;
float: left;
text-align: center;
line-height: 40px;
}

.top_button_normal_a {
color: #fff;
}

.top_button_press_a {
color: #fff;
}
.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;
}
.creditcard_icon{
margin: 0 auto;width:600px;height:40px;
}
@media screen and (max-width: 600px) {
.cpatchaTextBox {
padding: 12px 20px;
display: inline-block;
border: 1.0px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 12px 30px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
}
canvas {
pointer-events: none;
}
.main_ul {
width: 100vw;
height: auto;
float: left;
margin: 0;
padding: 0;
background-color: #f3f3f3;
   
}
.main_ul>li {
margin: 0;
width: auto;
height: auto;
margin: 0px;
list-style-type: none;
}
.content_div {
height: auto;
width: 100vw;
background-color: #f3f3f3;

}
.title_div {
height: 40px;
width: 100%;
background-color: #fff;
float: none;
margin-left: 0px;
margin-right: 0px;
}
.title_line_div {
margin: 0 auto;
height: 0.5px;
width: 100%;
background-color: #999999;
float: none;
margin-left: 0px;
margin-right: 0px;
}
.payment_title_div {
margin: 0 auto;
height: auto;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
background-color: rgba(212, 0, 0, 1);
}
.payment_title_div2{
margin: 0 auto;width: calc(100% - 20px);height:80px;
}
.payment_div {
margin: 0 auto;
height: auto;
width: calc(100% - 20px);
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
background-color: #c3c3c3;
}
.top_button_normal_div {
height: 40px;
width: auto;
padding-left: 10px;
padding-right: 10px;
background-color: #e8d261;
color: #fff;
margin-right: 2px;
float: left;
text-align: center;
line-height: 40px;
}
.top_button_press_div {
height: 40px;
width: auto;
padding-left: 10px;
padding-right: 10px;
background-color: #d19806;
color: #fff;
margin-right: 2px;
text-align: center;
line-height: 40px;
}
.top_button_normal_a {
color: #fff;
}
.top_button_press_a {
color: #fff;
}
.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
}
.creditcard_icon{
width: calc(100% - 20px);height:40px;
}
}