input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0; }
input[type=number] {-moz-appearance:textfield;}
input[type=checkbox] {vertical-align:middle;}

/* SIGN-UP PAGE */
.signupcontainer {
	padding-top: 10px;
	padding-bottom: 10px;
}
.signupbg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	background-image: linear-gradient(#75767f, #1d386d);
	padding: 20px;
	max-width: 800px;
	width: 100%;
}
.signup_img1 {
	max-width: 700px;
}
.signup_img2, .signup_img3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.name,.nickname,.email1,.doublechk,.gender1,.phonenumber,.code,.password,.re-password,
.referral,.path,.realtimeinput, #transaction {
	width: 100%;
	padding: 12px;
	border: none;
	border-radius: 4px;
	resize: vertical;
	outline: none;
}
.left-input {
	float: left;
	width: 50%;
	margin-top: 6px;
}
.right-input {
	float: left;
	width: 49%;
	margin-top: 6px;
	margin-left: 7px;
}
.email1 {
	margin-top: 6px;
	float: left;
	width: 50%;
}
.gender1 {
	float: left;
	margin-top: 6px;
	margin-left: 7px;
	width: 24%;
}
.doublechk {
	background-color: gray;
	float: left;
	margin: 6px 0 0 7px;
	width: 24%;
	cursor: pointer;
	color: white;
	font-weight: bold;
}
.account {
	margin-top: 5px;
	width: 100%;
}
.submit {
	background-color: #767676;
	color: white;
	font-weight: bold;	
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	width: 120px;
	outline: none;
}
.submit:hover {
	background-color: #888888;
}
.note {
	max-width: 650px;
}
.policy {
	margin-top: 15px;
	max-width: 400px;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* LOGIN MODAL */
.login-username, .login-password {
	width: 100%;
	max-width: 470px;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	outline: none;
}
.findidpw a {
    color: white;
    float: right;
    text-decoration: none;
}
.login-submit {
	background-color: #b30000;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}
.login-submit:hover {
	background-color: #800000;
}
.loginimage {
	text-align: center;
	margin: 24px 0 12px 0;
	position: relative;
}
.login-headerlogo {
	width: 100%;
	max-width: 360px;
}
.login-container {
	padding: 15px;
}
.loginmodal {
	display: none; 
	position: fixed; 
	z-index: 10;
	padding-top: 250px;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	overflow: auto; 
	background-color: rgba(0,0,0,0.5);
}
.loginmodal-content {
	background-image: linear-gradient(#4a4c58, #313239);
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	max-width: 500px;
	width: 100%;
}
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
	from {-webkit-transform: scale(0)} 
	to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
	from {transform: scale(0)} 
	to {transform: scale(1)}
}

/* HOME PAGE */
.logout_btn {
	cursor: pointer;
	border-radius: 2px;
}
.viewhistory_btn {
	outline: none;
	cursor: pointer;
}
.points-container, .guest-container, .message-container {
	float: right;
	width: auto;
	height: 30px;
	padding: 5px;
}
.points-container {
	background-color: #b30000;
	cursor: pointer;
    border-radius: 3px;
}
.points-container, .guest-container, .message-container div {
    margin: 0;
}
.message-container {
	margin-right: 5px;
	position:relative;
	background-color: black;
    border-radius: 3px;
}
.points-label, .available-points, .message-label {
	font-size: 12px;
	font-weight: bold;
	color: white;
}
.message-number {
	font-size: 12px;
	color: #00d8ff;
	font-weight: bold;
}
.guest-label {
	font-size: 14px;
	font-weight: bold;
	color: black;
}
.guest-name {
	font-size: 12px;
	font-weight: bold;
	color: #b30000;
}
.points-container:after, .guest-container:after {
	content: "";
	display: table;
	clear: both;
}
.download_btn2 {
    display: none;
    color: white;
    cursor: pointer;
    background-color: #850000;
    border-radius: 3px;
    border: none;
    padding: 6px;
    font-weight: bold;
}
/* DOWNLOAD POPUP */
.downloadpopup {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 170px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.download-content {
	border-radius: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
    background-image: linear-gradient(#282828, #850000);
}
.download-content1 {
	position: relative;
}
.download-container {
	position: relative;
	height: 510px;
}
.download-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* PREPARING MODAL */
.preparingmodal {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 200px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.preparingmodal-content {
	border-radius: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 805px;
	height: 505px;
}
.preparingimage, .historyimage {
	position: relative;
}
.service_logo {
	width: 100%;
	max-width: 800px;
	border-radius: 10px;
	border: 2px solid #ddd;
}
.bettinguide-container {
	position: relative;
	height: 505px;
}
.bettinguide-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* PARTNERS BETTING GUIDE */
.bettinguide2modal {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 120px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.bettinguide2-content {
	border-radius: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.bettinguide2 {
	position: relative;
}
.bettinguide2-container {
	position: relative;
	height: 700px;
}
.bettinguide2-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* STREAMING PAGE */
.streaming-container {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1250px;
	height: 680px;
}
.streaming-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 10px;
}
.watch_broadcast {
	max-width: 1460px;
	margin: auto;
    text-align: center;
}
.div-row:after {
    content: "";
    display: table;
    clear: both;
}

.div-column {
    float: left;
    width: 50%;
    height: 100%;
}
.div-button {
    max-width: 100%;
    display: block;
    margin: auto;
    cursor: pointer;
}
/*.watch_broadcast a {
	text-decoration: none;
}
.watch_broadcast button {
    color: white;
	cursor: pointer;
    background-color: #850000;
    padding: 10px 20px;
    width: 100%;
    max-width: 1430px;
	font-size: 15px;
	font-weight: bold;
    border-radius: 30px;
    border: 2px solid white;
}
.watch_broadcast button:hover {
    background-color: #282828;
}*/
/* HISTORY MODAL */
.historymodal {
	display: none; 
	position: fixed; 
	z-index: 2;
	padding-top: 200px;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.historymodal-content {
	background-color: #850000;
	border-radius: 10px;
	border: 2px solid #ddd;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.historytab {
	background-color: #e7e7e6;
}
.historyLinks {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 10px;
	transition: 0.3s;
	font-size: 20px;
	color: black;
}
.historyLinks.active {
	background-color: #666;
	color: white;
}
.history-table {
	color: white;
	border-collapse: collapse;
	font-size: 14px;
	margin: 0 auto;
	width: 996px;
}
.history-menu th {
	border: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 8px;
	background-color: #04213f;
    font-size: 13px;
}
.history-details th {
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: gray;
    font-size: 12px;
}
.number {width: 50px;}
.application, .appdate, .processdate, .remarks, .coins {width: 200px;}
.paymentmoney,.request, .gameID, .amount, .money-out, .money-in {width: 150px;}
.status, .game {width: 100px;}
.date2, .amount2, .game2, .status2 {width:200px;}
.chargeamount, .pointswitchingamount, .remainingpoints, .content {width: 200px;}
.history-container {
	position: relative;
	height: 400px;
}
.history-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SERVICES MODAL */
.depositmodal, .withdrawalmodal, .transfermodal, .convertmodal {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 200px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.transfermodal, .convertmodal {
	padding-top: 250px;
}
.depositmodal-content, .withdrawalmodal-content, .transfermodal-content, .convertmodal-content {
	background-color: #850000;
	border-radius: 10px;
	border: 2px solid #ddd;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.depositimage, .withdrawalimage, .transferimage, .convertimage {
	position: relative;
	border-bottom: 2px solid #ddd;
}
.deposit_logo, .withdrawal_logo, .transfer_logo, .convert_logo, .history_logo {
	width: 100%;
	max-width: 400px;
}
.deposit-container {
	position: relative;
	height: 435px;
}
.withdrawal-container {
	position: relative;
	height: 498px;
}
.transfer-container {
	position: relative;
	height: 315px;
}
.convert-container {
	position: relative;
	height: 345px;
}
.deposit-container iframe, .withdrawal-container iframe, .transfer-container iframe, .convert-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.deposit_text, .withdrawal_text {
	margin-left: 10px;
}
.deposit-table, .withdrawal-table, .transfer-table, .convert-table {
	border-collapse: collapse;
	font-size: 13px;
	color: white;
}
.deposit-table a, .withdrawal-table a, .transfer-table a, .convert-table a {
	text-decoration: none;
}
.deposit-table td, .withdrawal-table td, .transfer-table td, .convert-table td {
	border: 1px solid #aaa;
	padding-top: 5px;
	padding-bottom: 5px;
}
.depositdesc img, .withdrawaldesc img, .transferdesc img, .convertdesc img {
	margin-left: 10px;
	vertical-align: middle;
}
.depositcharge,.depositorpw,.withdrawalcharge,.withdrawalpw {
	width: 100%;
	max-width: 200px;
	outline: none;
	margin-left: 10px;
}
.services_guestname {
	font-weight: bold;
	margin-left: 10px;
}
.amountbuttoncontainer {
	margin-left: 10px;
	float: left;
	width: 100%;
	max-width: 516px;
}
.amountbuttoncontainer button, .resetbuttoncontainer button {
	border: none;
	font-size: 12px;
	font-weight: bold;
	color: black;
	cursor: pointer;
	padding: 5px 18px;
	outline: none;
	width: 100%;
	max-width: 98px;
	margin-bottom: 1px;
}
.amountbuttoncontainer button {
	background-image: linear-gradient(orange, yellow);
}
.resetbuttoncontainer button {
	background-image: linear-gradient(gray, white);
	height: 51px;
	margin-left: 5px;
}
.selectamount {
	text-align: right;
}
.confirm_btn, .cancel_btn{
	border: none;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	color: black;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.confirm {
	background-color: yellow;
	margin-left: 5px;
	padding: 3px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* WITHDRAWAL MODAL, TRANSFER MODAL and CONVERT MODAL*/
.accountnumber {
	margin-left: 10px;
	width: 100%;
	max-width: 200px;
	background-color: white;
	color: black;
	font-weight: bold;
}
.acctnumber-option {
	margin-left: 10px;
	width: 100%;
	max-width: 200px;
	outline: none;
	border:none;
}
.transferamount, .convertamount {
	margin-left: 10px;
	font-size: 12px;
	width: 100%;
	max-width: 200px;
	outline: none;
	text-align: right;
}
.remainingbalance {
	background-color: white;
	color: black;
	padding: 3px 2px;
	margin-left: 10px;
	font-size: 12px;
}

/* ABOUT PAGE */
.aboutcompany {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	max-width: 800px;
	width: 100%;
}

/* SLOT MODAL */
.microslotmodal, .playtechslotmodal, .t1gamesmodal, .cq9slotmodal, .pgsoftslotmodal, .pragmaticslotmodal, .redtigerslotmodal, .wingamesmodal {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 120px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.microslotmodal-content, .playtechslotmodal-content, .t1gamesmodal-content, .cq9slotmodal-content, .pgsoftslotmodal-content, .pragmaticslotmodal-content, .redtigerslotmodal-content, .wingamesmodal-content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.microslotimage, .playtechslotimage, .t1gamesimage, .cq9slotimage, .pgsoftslotimage, .pragmaticslotimage, .redtigerslotimage, .wingamesimage {
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
	border: 2px solid #ddd;
}
.microslotimage {background-color: #850000}
.playtechslotimage {background-color: #161f49}
.t1gamesimage {background-color: #990abd}
.cq9slotimage {background-color: #ff9227}
.pgsoftslotimage {background-color: #00d1cf}
.pragmaticslotimage {background-color: #ff5f18}
.redtigerslotimage {background-color: #d80000}
.wingamesimage {background-color: #1c1a78}

.microslot_logo, .playtechslot_logo, .t1games_logo, .cq9slot_logo, .pgsoftslot_logo, .pragmaticslot_logo, .redtigerslot_logo, .wingames_logo {
	width: 100%;
	max-width: 400px;
}
.microslot-container, .playtechslot-container, .t1games-container, .cq9slot-container, .pgsoftslot-container, .pragmaticslot-container, .redtigerslot-container, .wingames-container  {
	position: relative;
	height: 560px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.microslot-container iframe, .playtechslot-container iframe, .t1games-container iframe, .cq9slot-container iframe, .pgsoftslot-container iframe, .pragmaticslot-container iframe, .redtigerslot-container iframe, .wingames-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* NOTICE TABLE, BONUS TABLE, CUSTOMER CENTER TABLE */
.hide {
    display: none;
}
#noticepages, #bonuspages, #customercenterpages, .notice-padding, .bonus-padding {
	padding-bottom: 10px;
}
/* REFERRAL PAGE */
.referralpage-container {
    background-color: #850000;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: center;
	border: 2px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.referralpage-div {margin:10px;padding:5px;background-color:#31b9ac;text-align: left;border:1px solid white;border-radius: 10px}
.copy-btn {cursor: pointer;background-color: #003e38;border: 1px solid white;border-radius: 5px;font-style: bold;padding: 5px;width:50px;color: white}
.referral-bonushowto, .referral-bonusamount {background-color: #003e38;border-top-left-radius: 10px;border-top-right-radius: 10px;border:1px solid white}
.referral-table {background-color: white;border-collapse: collapse;width: 100%;text-align: left;}
.referral-table th, td {
    padding: 5px;
}
.referral-table tr:nth-child(even) {
    background-color: #b4d7d7;
}
.rtable1 th {border: none; text-align: center;background-color: #003e38;color: white}
.rtable2 th {text-align: center;background-color: #034747;color: white}
.referral-takennumber {text-align: center;padding: 6px;}
.referral-totalbonus {padding: 4px;}
.referral-btn1 {height: 80px;}
.referral-btn2  {height: 30px;} 
.referral-btn1, .referral-takennumber {
    border: 1px solid white;
    background-color: #69d3c9; 
    font-size: 50px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.referral-btn2, .referral-totalbonus {
    border: 1px solid white;
    background-color: #003e38; 
    color: white;
    font-size: 15px;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.referral-btn1,.referral-btn2 {cursor: pointer;}
.referral-list-table {background-color: white;margin: 10px;border-collapse: collapse;max-width: 780px; width: 100%;}
.referral-list-table td, th {border: 1px solid white;}
.referral-list-table th {background-color: #003e38;color: white}
.referral-list-table tr:nth-child(even) {background-color: #b4d7d7;}
/* CUSTOMER CENTER */
.csat img {
    cursor: pointer;
    vertical-align: middle;
}
.customercenter2-container  {
	background-color: #850000;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: center;
	border: 2px solid #ddd;
}
.notice-container, .bonus-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: center;
	background-color: #850000;
	border: 2px solid #ddd;
	border-radius: 10px;
}
.noticeimage, .bonusimage {
	border-bottom: 2px solid #ddd;
}
.notice_logo, .bonus_logo, .bonusapplication_logo, .customercenter_logo, .faqpage_logo {
	width: 100%;
	max-width: 400px;
}
.notice-table, .bonus-table, .customercenter2-table {
	text-align: center;
	color: black;
	border-collapse: collapse;
	font-size: 13px;
	cursor: pointer;
}
.notice-table a, .bonus-table a, .customercenter2-table a {
	text-decoration: none;
	color: black;
}
.odd {background-color: #f8f8f8;}
.even {background-color: white;}
.notice-table tr:hover, .bonus-table tr:hover, .customercenter2-table tr:hover {
	background-color: #e7e7e6;
}
.notice-table td, .bonus-table td, .bonusapplication-table td, .customercenter2-table td  {
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}
.number,.title,.date,.view{background-color: #04213f;color:white;font-size: 14px;cursor:context-menu;}
.number {width: 50px;}
.title {width: 500px;}
.date {width: 150px;}
.view {width: 100px;}
#notice-title, #bonus-title, #customercenter-title {text-align: left;}
.noticedesc-table, .bonusdesc-table, .customercenter-table {
	color: white;
	border-collapse: collapse;
	font-size: 12px;
	cursor: context-menu;
}
.noticedesc-table tr, .bonusdesc-table tr, .customercenter-table tr {
	background-color: #04213f;
}
.noticedesc-table td, .bonusdesc-table td, .customercenter-table td {
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}
.author, .noticedesctitle, .noticedescdate, .bonusdesctitle, .bonusdescdate, .views {width: 100px;}
.noticeauthor, .noticetitle, .bonusauthor, .bonustitle {width: 500px; text-align: left;}
.noticedate, .noticeviews, .bonusdate, .bonusviews {width: 150px;text-align: left;}
.noticetitle, .bonustitle {color: yellow;font-weight:bold;}

.notice-description, .bonus-description {
	background-color: white;
}
.notice-description p, .bonus-description p {
	font-size: 12px;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 15px;
	text-align: left;
	margin: 0;
}
.notice-description li {
	font-size: 12px;
	text-decoration: none;
	margin-left: 20px;
	text-align: left;
}
.backtolist-btn {
	border: none;
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	color: black;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
}
#backtolist {
	padding: 10px 0;
}
.prev-btn, .next-btn {
	border: none;
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	color: black;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pagination {
	max-width: 400px;
	padding-top: 5px;
	display: inline-block;
}
.pagination a {
	color: white;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
}
.pagination a.selected {background-color: #04213f;color: white;}
.pagination a.historyselected {background-color: #04213f;color: white;}
.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* BONUS APPLICATION MODAL */
.bonusapplication-modal {
	display: none;
	position: fixed;
	z-index: 2;
	padding-top: 200px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.bonusapplication-content {
	background-color: #850000;
	border-radius: 10px;
	border: 2px solid #ddd;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.bonusapplicationimage {
	position: relative;
	border-bottom: 2px solid #ddd;
}
.bonusapplication-table {
	border-collapse: collapse;
	font-size: 13px;
	cursor: pointer;
	color: white;
}
.left-side-text	{width: 150px;background-color: #04213f;cursor:context-menu;text-align: center;}
.right-side-text {width: 650px;background-color: #04213f;cursor:context-menu;text-align: left;}
.applicationdesc, .radio-inline {
	margin-left: 10px;
}
.applicationdesc img {
	margin-right: 5px;
	vertical-align: middle;
}
.bonusapplication-option, .remarkscolumn {
	margin-left: 10px;
	width: 100%;
	max-width: 500px;
	outline: none;
}
.bonusapplication-container {
	position: relative;
	height: 465px;
}
.bonusapplication-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* POWERBALL PAGE */
.powerball-bgwrapper {
	background-color: rgba(255,255,255, 0.3);
	max-width:1250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#powerball-wrapper {
	max-width:1224px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.iframe-content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 830px;
	height: 640px;
}
.powerball-iframe {
	position: relative;
	height: 640px;
}
.powerball-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#powerball-container {
	border: 2px solid #ddd;
	border-radius: 10px;
	width:100%;
    height:auto;
    position:relative;
}
#powerball-container ul {
	list-style: none;
	padding:0;
	margin:0;
	background-image: url("Images/powerball-bg.png");
	font-size:0;
}
.powerball-list, .powerball-list2 {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 25px;
	position:relative;
}
.powerball-close-div {
    width:100%;
    height:auto;
    position:relative;
}
.powerball-close {
	display: none;
    background: rgba(0,0,0,0.7);
    color: white;
	text-align:center;
    position: absolute;
    top:0;
    left:0;
    padding-top:200px;
    width: 100%;
    height: 100%;
	z-index: 9999;
}
.powerball-maintenance {
	display: none;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
	border-radius: 10px;
    background: rgba(0,0,0,0.7);
    padding-top:250px;
    width: 100%;
    height:100%;
	z-index: 99999;
}
.powerball-header {
	background-image: linear-gradient(#210d3e, #472c89);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 2px solid #ddd;
	padding: 15px;
	color:white;
}
.powerball-label, .powerball-label2 {
	display: block;
    height: 40px;
	background-image: linear-gradient(#715bea, #351151);
	border: 2px solid yellow;
	border-radius: 5px;
	width: 285px;
	margin: 10px 10px 0 10px;
    line-height: 35px;
	color:white;
	text-align:center;
}
.powerball-box, .powerball-box2 {
	position: relative;
	background-color: #ddd;
	border: 2px solid #715bea;
	width: 135px;
	height: 135px;
	margin: 10px 0 0 10px;
	padding: 10px 0;
	text-align:center;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}
.powerball-box2 p {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.powerball-box img {
	position: absolute;
	right: 15px;
	top:35px;
	width:100%;
	max-width:15px
}
.powerball-underover {
	display: block;
}
.powerball-circle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
    line-height: 50px;
	color: white;
	font-size: 14px;
}
.powerball-rectangle, .powerball-rectangle2 {
	position: absolute;
	display: block;
    top: 105px;
	left: 28px;
	width: 80px;
	height: 30px;
	border-radius: 5px;
    line-height: 30px;
	color: white;
	font-size: 14px;
}
.blue {background-color: #176ad3;}
.red {background-color: #dd3434;}
.green {background-color: #03c631;}
.powerball-betfield {
	background-image: linear-gradient(#210d3e, #472c89);
	color: white;
	padding: 10px;
	border-top: 2px solid #ddd;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.powerball-input-table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.powerball-input-container input {
    padding: 10px;
	border: none;
	outline: none;
	text-align: right;
	font-size: 16px;
}
.powerball-won-container {	
	margin-top: 10px;
	text-align:center;
	width: 100%;
}
.powerball-won {
	cursor: pointer;
	border: none;
	outline: none;
	padding: 10px;
	margin: 0 3px;
	border-radius: 5px;
	width: 100%;
	max-width: 165px;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(orange, yellow);
}
.powerball-betrequest, .powerball-betreset, .powerball-betmax {
	cursor: pointer;
	border: none;
	outline: none;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	max-width: 120px;
	font-size: 16px;
	font-weight: bold;
	background-color: #ffffff;
}
.powerball-betmax {
	background-image: linear-gradient(#62c2f2, #88d7ff);
	padding: 11px;
}
.powerball-betreset {
	background-image: linear-gradient(#62c2f2, #88d7ff);
}
#powerball-bethistory {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}
.powerball-table {
	text-align: center;
	color: black;
	border-collapse: collapse;
	font-size: 14px;
	cursor: pointer;
	width: 1224px;
	height: 200px;
}
.powerball-table a {
	text-decoration: none;
	color: black;
}
.powerball-table tr:hover {
	background-color: #e7e7e6;
}
.powerball-table td {
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}
.powerball-table th {border: 1px solid #ddd;padding:10px;background-color: #04213f;color:white;font-size: 16px;cursor:context-menu;}
.powerball-th1{width:150px;}
.powerball-th2{width:250px;}
.powerball-th3{width:150px;}
.powerball-th4{width:100px;}
.powerball-th5{width:100px;}
.powerball-th6{width:100px;}
.powerball-th7{width:120px;}
.powerball-th8{width:100px;}
.powerball-bethistory-content {
    background-color: #850000;
	position: relative;
	height: 345px;
}
.powerball-bethistory-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.powerball-ing {color:#ed8240;font-weight:bold;}
.powerball-fail {color:red;font-weight:bold;}
.powerball-success {color:green;font-weight:bold;}
.powerball-cancel {color:gray;font-weight:bold;}
.powerball-bethistory-btn {
	background-image: linear-gradient(#210d3e, #472c89);
	padding: 10px;
	color:white;
	margin:0 0 10px 0;
	border: 2px solid #ddd;
	font-weight: bold;
	font-size: 16px;
	outline: none;
}
/* NEWS PAGE */
#newspages {
	padding-bottom: 10px; 
}
.newspagecontainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
	background-color: white
}
.newspagetab {
	overflow: hidden;
	background-color: #850000;
}
.newspagetab button {
	background-color: transparent;
	color: white;
	float: left;
	border: 1px solid white;
	border-top: none;
	border-right: none;
	border-bottom: none;
	outline: none;
	cursor: pointer;
	padding: 15px 13px;
	font-size: 14px;
}
.newspagetab button:first-child {
	border: none;
}
.newspagetab button:hover, .newspagetab button.active {
	background-color: #e7e7e6;
	color: black;
}
.newpagecontent {
	display: none;
	border-top: none;
}
.news-textarea {
	width: 100%;
	height: 350px;
	overflow: auto;
}
.news-table {
	text-align: center;
	color: black;
	border-collapse: collapse;
	font-size: 13px;
	cursor: pointer;
}
.news-table a {
	text-decoration: none;
	color: black;
}
.news-table tr:hover {
	background-color: #e7e7e6;
}
.news-table td {
	border-bottom : 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news-number {width: 50px;background-color: #676767;color:white;font-size: 14px;cursor:context-menu;}
.news-title	{width: 570px;background-color: #676767;color:white;font-size: 14px;cursor:context-menu;}
.news-author {width: 100px;background-color: #676767;color:white;font-size: 14px;cursor:context-menu;}
.news-date {width: 100px;background-color: #676767;color:white;font-size: 14px;cursor:context-menu;}
.news-view {width: 80px;background-color: #676767;color:white;font-size: 14px;cursor:context-menu;}
#newspage-title {text-align: left;}
#newsbuttoncontainer {
	text-align: right;
}
.writenews-btn, .listnews-btn, .replynews-btn, .cancelnews-btn, .confirmnews-btn {
	border: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #850000;
	color: white;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.newspage-table {
	border-collapse: collapse;
	font-size: 12px;
}
.newspage-table td {
	border: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
}
.newstitle, .newscategory, .newsauthor, .newstag {width: 150px;}
.newsfile1, .newsfile2, .newscaptcha {width: 150px;}
.newstitle_name, .newscategory_name, .newsauthor_name, .newstag_name, .newsfile1_name, .newsfile2_name, .newscaptcha_name {width: 650px; text-align: left;}
.newstitle_input {width: 100%;max-width:395px;outline:none;border-radius: none;}
.tag_input {width: 100%;max-width:395px;outline:none;border-radius: none;}
.newsauthor_input, .captcha_input {outline:none;border-radius: none;}
.captcha {
	vertical-align: middle;
}
.newspage-description {
	width: 100%;
	max-width: 800px;
}
.newspage-description p {
	text-align: left;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
.newspage-message {
	width: 800px;
	height: 350px;
	overflow: auto;
	resize: none;
	text-align: left;
	outline:none;
	border: none;
	font-family: Arial;
}
.newspage-btn {
	border: none;
	font-size: 12px;
	font-weight: bold;
	background-color: red;
	color: black;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* CUSTOMER CENTER PAGE */
.customercenter-container {
	background-color: #850000;
	border: 2px solid #ddd;
	border-radius: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	margin-bottom: 10px;
	text-align: center
}
.customercenter-btn {
	border: none;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	cursor: pointer;
	padding: 5px 20px;
	outline: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.servicetitle, .serviceauthor {width: 150px;}
.servicetitle_name, .serviceauthor_name {width: 650px;text-align: left;padding-left:5px;}
.serviceauthor_input {width: 100%;max-width:500px;outline:none;border-radius: none;}
.service_manager {width: 100px;}
.service_datetime {width: 150px;}
.service_answer {width: 550px;text-align: left;padding-left:5px;}
.customercenter-message {
	width: 100%;
	height: 200px;
	resize: none;
	text-align: left;
	outline:none;
	border: none;
	font-family: Arial;
}
.table_number, .table_classification, .table_title, .table_author, .table_date,.table_status, .table_read, .table_delete, .cc-faq-table {background-color: #04213f;color:white;font-size: 14px;cursor:context-menu;}
.table_number {width: 50px;}
.table_classification {width: 70px;}
.table_title {width: 460px;}
.table_date {width: 110px;}
.table_author	{width: 120px;}
.table_status {width: 80px;}
.table_delete {width: 70px;}
.table_delete p {margin : 0;}
.selectall {font-size: 12px;}
.customercenter-description {
	background-color: white;
	width: 100%;
	max-width: 800px;
	height: 200px;
	font-size: 12px;
	overflow: auto;
	text-align: left;
}
.customercenter-description p {
	margin-left: 5px;
}
/* update */
.customercenter2-table2{cursor: context-menu;width:796px;}
.writingcontainer{height: auto;margin-bottom: 5px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.customercenter-title{text-align: left;cursor: pointer;}
.cctablebtn_bg{background-color: #04213f;color:white;font-size: 14px;cursor:context-menu;padding-right:5px}
.readallbtn, .deleteallbtn{background-color: #04213f;color:white;cursor:pointer;border:1px solid white;border-radius: 5px;font-size: 12px;padding: 3px 10px;}
.readallbtn:active {transform: translateY(2px);}
.readallbtn:focus {outline:none;}
.deleteallbtn:active {transform: translateY(2px);}
.deleteallbtn:focus {outline:none;}
.customerlistbtn, .customerwritebtn, .writingsendbtn {background-color: white;cursor:pointer;border:none;border-radius: 3px;font-size: 12px;padding: 5px 10px;}
.customerlistbtn:active {transform: translateY(2px);}
.customerlistbtn:focus {outline:none;}
.customerwritebtn:active {transform: translateY(2px);}
.customerwritebtn:focus {outline:none;}
.writingsendbtn:active {transform: translateY(2px);}
.writingsendbtn:focus {outline:none;}
.unreadlabel{color: white;background-color:#5d5b6a;border-radius:3px;font-size:11px;padding:2px 9px;}
.readlabel{color: white;background-color:#27496d;border-radius:3px;font-size:11px;padding:2px 15px;}
.inquirylabel{color: white;background-color:#84142d;border-radius:3px;font-size:11px;padding:2px 9px;}
.completelabel{color: white;background-color:#347474;border-radius:3px;font-size:11px;padding:2px 4px;}
.noticelabel{color: white;background-color:#7a4d1d;border-radius:3px;font-size:11px;padding:2px 9px;}
.answerlabel{color: white;background-color:#035aa6;border-radius:3px;font-size:11px;padding:2px 9px;}
.ccprev-btn:active {transform: translateY(2px);}
.ccnext-btn:active {transform: translateY(2px);}
.ccnext-btn, .ccprev-btn {cursor:pointer;}
.btn-disabled {cursor: not-allowed;opacity: 0.6;}
.btn-disabled:active {transform: translateY(0);}
.cc-faq {background-color: #04213f;color:white;}
.cc-faq-title{background-color: #313239;color:white;font-size: 16px;font-weight: bold;padding:5px}
.cc-inquiry-title, .cc-notice-title {background-color: #04213f;color:white;text-align: left;width:100px}
.cc-inquiry-data, .cc-notice-data {background-color: #04213f;text-align: left;padding:3px;width:150px}
.cc-inquiry-data2, .cc-notice-data2{background-color: white;padding:3px;width:100%;display: inline-block}
.cc-inquiry-textarea, .cc-notice-textarea{background-color: #04213f;vertical-align: top;height:200px;padding: 5px}
.cc-inquiry-textarea textarea {width: 100%;resize: none;height:200px;text-align: left;cursor: context-menu}
.cc-notice-textarea textarea {width: 100%;resize: none;height:230px;text-align: left;cursor: context-menu}

/* FAQ PAGE */
.faqpagecontainer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: center;
}
.faqpagecontainer:after {
	content: "";
	display: table;
	clear: both;
}
.faqpage {
	margin-bottom: 10px;
	background-color: #850000;
	border: 2px solid #ddd;
	border-radius: 10px;
}
.faqimage {
	border-bottom: 4px solid #ddd;
}
.faqpagediv {
	height: auto;
	background-color: black;
}
.accordion {
	background-color: #04213f;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	margin-bottom: 1px;
	display: block;
}
.active, .accordion:hover {
	background-color: #113860;
}
.panel {
	font-size: 12px;
	display: none;
	background-color: white;
	height: auto;
	text-align: left;
	padding: 5px;
}
.panel.show {
    display: block;
}