@charset "utf-8";

body {background: #f4f4f4; color: #666666; font-size: 14px;}

/*body, h1, h2, h3, h4, h5, h6, p {font-family: 'Hei', 'MicroSoft YaHei', 'STHeiti', 'SimHei', sans-serif;}*/

#headerform #language {
	float: right;
	margin: -10px 5px 0px 0px;
	padding: 0;
	font-size: 0;
}
#headerform #language label {
	padding: 2px 5px;
	font-size: 11px;
	border: 1px solid #abc;
}
#headerform #language label a{
	color: #20659e;
	text-decoration: none;
}
#headerform #language label a:hover{
	color: #27ae60;
}
#headerform #language label.current {
	background: #20659e;
	color: #fff;
	border: 1px solid #abc;
}

.txt-chinese {font-family: 'Hei', 'MicroSoft YaHei', 'STHeiti', 'SimHei', sans-serif !important;}
.txt-en {font-family: Arial, sans-serif !important; letter-spacing: 0px !important;}
.txt-12 {font-size: 12px !important;}
.txt-bold {font-weight: bold!important;}
.z-txt-red {color: #D62825!important;}
.z-txt-dark {color: #072B31!important;}
.z-red {background-color: #D62825!important; color: #fff;}
.z-gradient-red {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d62825+0,bf0300+100 */
background: rgb(214,40,37); /* Old browsers */
background: -moz-linear-gradient(top, rgb(214,40,37) 0%, rgb(191,3,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(214,40,37) 0%,rgb(191,3,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(214,40,37) 0%,rgb(191,3,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62825', endColorstr='#bf0300',GradientType=0 ); /* IE6-9 */
color: #fff;}
.z-gradient-red:hover {background-color: #072B31!important; color: #fff!important;}
.z-hover-red:hover {background-color: #D62825!important; color: #fff!important;}
.w3-button {border-radius: 3px;}
.topContainer {position: relative; height: 105px;}
.headerContainer {position: relative; height: 85px;}
.header {padding: 4px 0px 4px 0px; border-bottom: 1px solid #ccc; width: 100%; background-color: #ffffff; }
.top-logo {height: 70px; width: 147px; margin: auto;}
.header-logo {height: 70px; width: 147px; margin: auto; }
.sub-logo {height: 12px; padding: 5px 10px; background-color: #D62825; color: #ffffff; margin-left: 2px;}

.card-color {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
border: 1px solid #ccc;
margin-bottom: 20px;
}


/* LOGIN PAGE */
.box-content { margin: 0 auto; width: 480px; padding: 20px 30px; background-color: #fff; box-shadow: 1px 1px 5px #ccc;}
.box-form {width: 400px; margin: 0 auto;}
.box-content h1 {margin-bottom: 40px;}
.box-content input {margin-bottom: 30px;}
.txt-chinese .box-content h1 {letter-spacing: 1px;}

/* AFTER LOGIN */
.nav-bar {margin-top: 5px; z-index: 80;}
.nav-bar ul {padding: 0;}
.nav-bar ul li {background-color: #fff; text-align: center; display: inline-block; font-weight: bold; list-style-type: none; border-bottom: 1px solid #ccc;}
.nav-bar ul li a {text-decoration:none; color: #888; display:block; width: 150px; height: 42px; line-height: 42px; text-align:center;}
.nav-bar ul li a:hover {color: #D62825;}
.nav-bar .tab-curr {background-color: #fff; border-bottom: 1px solid #fff; border-top: 4px solid #D62825; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.nav-bar .tab-curr a {color: #444;}

li.bullet { list-style-type:disc; }
.ac-content {margin-top: -1px; background-color: #fff; padding: 10px 30px; border-top: 1px solid #ccc; }
.ac-content h1 {font-size: 28px; color: #072B31; margin-bottom: 30px;}
.ac-content h2 {font-size: 18px; border-bottom: 1px solid #666; padding-bottom: 5px; font-weight: bold;}
.txt-chinese .ac-content h1, .txt-chinese .ac-content h2{letter-spacing: 1px;}

.ac-content .ac-table tr td, .ac-table tr th {padding: 20px 15px; height: 40px; vertical-align: middle;}

.payment-logo {line-height: 60px;}

.tooltip-style {position:absolute;left:0;bottom:18px;width:240px;padding:5px 10px;background-color:#D62825;border:1px solid #fff;}

/* Withdrawal Form*/
.withdrawal-form .w3-row {height: 42px; line-height: 42px;}
.withdrawal-form .w3-bar {font-size: 16px; background-color: #ccc; font-weight: 500; border-left: 4px solid #D62825; color: #333;}
.withdrawal-form .btn-submit {width: 40%; text-align: center; margin: auto;}

/* Accordion */
 .accordion-toggle {cursor: pointer;}
 .accordion-content {display: none; margin-bottom: 20px;}
 .accordion-content.default {display: block;}

 /* Currency Table */
 .cp-table ul {margin: 0; padding: 0;}
 .cp-table ul li {display: inline-block; margin: 0; padding: 0;}
 .cp-table .cp {width: 150px; height: 36px; line-height: 36px; background-color: #f0f0f0; padding: 0px 5px; border-radius: 3px; text-decoration: none; display: block; text-align: center; margin-bottom: 5px;}
 .cp-table .cp:hover, .cp-table .select {background-color:#607d8b!important; color: #ffffff !important;}

 /* Rollover Calendar */
 .rollover-cal .w3-container {background-color: #ccc;}
 .rollover-cal select{padding:0;}
 .rollover-cal  ul {padding: 0; margin: 0; line-height:48px; height: 48px;}
 .rollover-cal  ul li {display: inline-block; margin: 0; padding: 0;}
 .rollover-cal .w3-button {padding: 0px 16px; height: 28px; line-height:28px;}

 .rollover-table {width: 100%;}
 .rollover-table tr td{text-align:center;}

 .rollover-cal .title-symbol {padding: 0; margin: 0; line-height: 48px; font-weight: bold;}

 /*payment-form*/

 .payment-form h1 {margin-bottom: 21px; font-size: 32px;}
 .payment-form {position: relative; padding: 20px 30px!important; margin: 80px auto !important; width: 1080px !important;}
 .payment-form .box-form {width: 700px;}
 .payment-form form .input-content {line-height: 40px!important;}
 .payment-form .input-content input{line-height: 1.0!important;}
 .payment-form ol {margin-left: 12px; padding: 0;}
 .payment-form ol li {margin: 0; padding: 0;}
 .payment-form ol li a:hover {color:#0cd2ff}
 .payment-form button, .payment-form input[type=submit]{width: 360px; margin: auto;}
 .payment-form ol li table {width: 100%; border-spacing: 0px;}
 .payment-form ol li table, .payment-form ol li th, .payment-form ol li td {border: 1px solid #a9aaaa;}
 .payment-form ol li td.bankinforight {text-align: right;}

 .back {position: absolute; z-index: 0;}
 .back a, .back a:visited {text-decoration: none;}
 .back a:hover {color: #d62825; font-weight: bold;}
 
 #deposit-limit, #deposit-limit:visited {color:#2c3e50; font-weight: bold; text-decoration: none;}
 #deposit-limit:hover {cursor:pointer; text-decoration: underline;}
 #available-bank, #available-bank:visited {color:#2c3e50; font-weight: bold; text-decoration: none;}
 #available-bank:hover {cursor:pointer; text-decoration: underline;}

 .w3-card ol{padding-left: 15px;}

 .w3-modal {z-index: 1000;}

 nav select {display: none;}

 /* tabs */
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li{
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}

ul.tabs li.current{
  background: #f0f1f4;
  font-weight: bold;
}

.tab-content{
  display: none;
  background: #f0f1f4;
  padding: 15px;
}

.tab-content.current{
  display: inherit;
}


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

.footer {background-color: #202020; color: #ffffff; font-size: 12px;}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	#headerform #language { margin: 15px 5px 0px 0px; }
	.topContainer { height: 110px; }
	.headerContainer { height: 110px; }
	.header {text-align:center; }

	/* .nav-bar .w3-content {width: 70%; text-align: center; margin: auto;} */

	.top-logo {height: 50px; width: 105px;}
	.box-form {width: 100%; padding: 10px 20px;}
	.box-content {width:100%;}
	.box-content h1 {font-size: 28px;}

	.ac-content {padding: 10px 15px;}
  .txt-en .ac-content h1 {font-size: 24px;}

	.nav-bar ul li a {width: 104px; height: 42px; line-height: 42px;}

	.withdrawal-form  .btn-submit {width:100%;}

	.payment-form {width: 100% !important;}
 	.payment-form .box-form {width: 100% !important;}
	.payment-form h1 {font-size: 28px; margin-bottom:15px;}
	.payment-form button {width:100%;}

	.back {top:-24px; left:10px; z-index: 0;}

	nav ul     { display: none; }
  	nav select { display: inline-block; }

  	.ac-content .ac-table tr td, .ac-table tr th {vertical-align: top;}
}

.divTable
{
width:100%;
display:block;
height:100%!important;
border-top:1px solid #aaa;;
border-right:1px solid #aaa;
padding:0px;
background-color:transparent;
margin:0px;
line-Height:22px;
}
.divRow
{
border-left:1px solid #aaa;
border-bottom:1px solid #aaa;
width:100%;
display:table;
position:relative;
color:#000000;
}
.divCell
{
display:block;
position:relative;
background-color:#FFF;
color:#000000;
font-size:12px;
padding:2px 5px;
float:left;
text-align:left;
vertical-align:middle;
letter-spacing:0px;
word-spacing:0px;
}
.divCellWidth30
{
width:30%;
}
.divCellWidth40
{
width:40%;
}
.divCellWidth50
{
width:50%;
}
.divCellWidth60
{
width:60%;
border-left:1px solid #aaa;
}
.divCellWidth70
{
width:70%;
border-left:1px solid #aaa;
}

/* Hide the default file input */
.hidden-input {
	display: none;
}
/* Custom button styling */
.custom-file-upload {
	display: inline-block;
	padding: 3px 15px;
	cursor: pointer;
	background-color: #007bff;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	transition: background-color 0.3s;
}
.custom-file-upload:hover {
	background-color: #0056b3;
}
/* Styling for the file name display */
.file-name {
	font-style: italic;
	margin-left: 10px;
	color: #333;
}