* {
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

a {
	user-select: none;
	cursor: pointer;
	text-decoration: none;

}

button {
	outline: 0
}

.hidden {
	display: none
}

.list-number {
	list-style-type: decimal
}

body {
	background: #38003e;
	font-family: arial;

}

#notice p {
	margin: 5px;
	padding: 10px;
	background: #e00;
	color: #fff;
	font: 14px arial;
	border-radius: 6px
}

#notice p a {
	color: #ff0;
	font-style: italic
}

#notice p.yellow {
	background: yellow;
	color: #000
}

#notice p.yellow a {
	color: #00f
}

.scrollnav {
	margin: -200px 0 0;
	position: fixed;
	padding: 5px;
	width: 100%;
	max-width: 800px;
	top: 0;
	z-index: 999;
	background: #eb1c62;
	color: #fff;
	user-select: none;
	transition-duration: .2s
}

.scrollnav img {
	max-height: 40px;
	margin: 0 10px;
	vertical-align: middle
}

.scrollnav a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	user-select: none
}

.scrollnav div.main {
	float: left;
	font: 700 12px arial;
	color: #fff;
	cursor: pointer
}

.scrollnav div.navprofile {
	float: right;
	font: 14px arial;
	color: #fff;
	text-align: right
}

.scrollnav .navprofile-inner {
	margin: 5px 5px 0 0
}

.scrollnav span.credit {
	color: #0f0;

}

.scrollnav span.unit {
	font: 12px arial
}

.scrollnav button {
	width: auto;
	padding: 5px 10px
}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	background: #90f;
	overflow: hidden
}

.top-bar div {
	float: right;
	font: 22px arial;
	color: #fff
}

.top-bar a {
	text-decoration: none
}

.shortcut {
	margin: 10px;
	font: 700 12px arial;
	color: #fff;
	text-shadow: 0 1px 2px #666
}

.shortcut ul {
	list-style-type: none
}

.shortcut ul li {
	display: inline-block;
	margin-right: 10px
}

.shortcut a {
	color: #ff0;
	text-decoration: none
}

.header {
	padding: 10px;
	background: #eb1c62;

}

.header .profile {
	text-align: right
}

.header .profile .detail,
.detail {
	font: 16px arial;
	color: #fff !important;

}

.header .profile .credit {
	font: 12px arial
}

.header .profile span {
	color: #0f0;
	font: 14px arial
}

img.logo {
	max-height: 80px;
	vertical-align: middle
}

.back-home {
	text-decoration: none;
	color: #fff
}

.btn {
	padding: 5px;
	margin: 3px;
	width: 120px;
	font: 700 18px arial;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	outline: 0
}

.btn-whatsapp {
	color: #fff;
	background: #0c0;
	border: 1px solid #fff
}

.btn-whatsapp:hover {
	background: #5724bb
}

.btn-download,
.btn-telegram {
	color: #fff;
	background: #5724bb;
	border: 1px solid #fff
}

.btn-download:hover,
.btn-telegram:hover {
	background: #c50b0b
}

.btn-logout {
	color: #fff;
	background: #c00;
	border: 1px solid #fff
}

.btn-logout:hover {
	background: #a00
}

.btn-profile {
	width: auto;
	min-width: 80px
}

.footer {
	border-top: 3px dotted #fff;
	padding: 10px;
	margin: 10px;
	font: 10px arial;
	color: #fff;
	text-align: center;
	font-weight: 100;

}

.footer a {
	color: #fff;

}

.outer {
	margin: 16px 10px 10px;
	text-shadow: 0 1px 2px #333
}

.outer h1,
.outer h2 {
	color: #fff;
	font: 700 20px arial;
	margin: 10px 0
}

.outer img {
	max-width: 100%
}

.content {
	margin: 10px auto;
	padding: 0;
	width: 96%;
	border-radius: 10px;
	border: 0px solid #fff;
	background: #fff;
	box-shadow: 0 2px 5px #666;
	overflow: hidden;
	transition-duration: .3s;

}

.content img {
	width: 100%;
	max-height: 160px;
	object-fit: cover
}

.content h1 {
	font: 700 22px arial
}

.content h2 {
	font: 700 18px arial
}

.content h3 {
	font: 700 16px arial
}

.content h1,
.content h2,
.content h3,
.content p,
.content ul {
	margin: 10px
}

.content p {
	font: 13px arial;
	color: #444
}

.content li span,
.content p span,
.content table td span.bold {
	font: 700 13px arial
}

.content .italic {
	font-style: italic
}

.content ul {
	font: 13px arial;
	color: #444;
	padding-left: 15px
}

.content ul ul {
	padding-left: 0
}

.content table {
	border-collapse: collapse;
	font: 13px arial;
	width: 90%;
	margin: 10px auto
}

.content td,
.content th {
	padding: 3px 5px;
	border: 1px solid #000
}

.content th {
	background: #c6f;
	font: 700 13px arial;
	color: #fff
}

.content table a {
	font-style: italic
}

.content .text-center {
	text-align: center
}

.content table .color-0 {
	background: #def
}

.content table .color-1 {
	background: #ddf
}

.content .link {
	text-align: center;
	font: 700 14px arial
}

.content .link a {
	color: #0c0;
	user-select: none;
	text-decoration: none
}

.content p.news-source {
	display: inline-block;
	font: italic 10px arial
}

.content div.news-image {
	text-align: center;
	margin: 30px 10px
}

.content div.news-image img {
	max-width: 95%;
	max-height: 600px
}

.content div.news-image-full img {
	max-width: 100%;
	max-height: none
}

.content div.news-image p {
	font: italic 12px arial;
	margin: 0 auto;
	width: 80%
}

.content-dark {
	background: #000;
	color: #fff
}

.content-dark p {
	color: #eee
}

.content-dark .link a {
	color: #ff3
}

.content-light {
	background: #ff6;
	background: linear-gradient(135deg, #fc6 -10%, #ff6, #ffb, #ff6, #fc6 100%)
}

.content-light p {
	color: #000
}

.content-light .link a {
	color: red
}

.content-blue {
	background: #09f;
	color: #fff
}

.content-blue p {
	color: #fff
}

.content-blue .link a {
	color: #ff0
}

.news-status {
	text-align: center;
	color: #fff;
	font: 12px arial
}

#loading {
	text-align: center
}

#loading i {
	color: #fff;
	font-size: 30px
}

.animation-rotate {
	-webkit-animation: rotate .8s infinite linear
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg)
	}



}

.animation-twist {
	-webkit-animation: twist 1.8s infinite linear
}

@-webkit-keyframes twist {
	0% {
		-webkit-transform: rotate(0)
	}

	8% {
		-webkit-transform: rotate(20deg)
	}

	16% {
		-webkit-transform: rotate(0)
	}

	24% {
		-webkit-transform: rotate(-20deg)
	}

	32% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(0)
	}



}

.animation-background-color {
	-webkit-animation: background_color 10s infinite linear;
	color: #fff
}

@-webkit-keyframes background_color {
	0% {
		background: #0cf
	}

	20% {
		background: #0fc
	}

	40% {
		background: #fc0
	}

	60% {
		background: #cf0
	}

	80% {
		background: #c9f
	}

	100% {
		background: #0cf
	}



}

.wallet {
	margin: 7px auto;
	padding: 10px;
	width: 500px;
	max-width: 96%;
	box-shadow1: 1px 0px 16px 4px #666, inset 1px 0px 8px 3px #666;
	border-radius: 10px;
	background: #d0f0ff;
	background: #fff;
	border: 1px solid #000;


}

.wallet .wallet-desc {
	padding: 10px 3px;
	font: 700 18px arial;
	border-bottom: 1px solid #aaa
}

.wallet .wallet-desc #type,
form.fill #type {
	padding: 2px 5px;
	color: #fff;
	background: #0a0;
	font: 12px arial;
	border-radius: 4px;
	vertical-align: top
}

.wallet .wallet-amount {
	float: right;
	font: 700 22px arial;
	color: red;

}

.wallet-amount span.currency {
	font: 12px arial;
	color: #000;
	vertical-align: top
}

.wallet .select {
	float: left;
	padding: 10px 0;
	width: 20%;
	text-align: center;
	font: 12px arial;
	color: #333;
	text-decoration: none;
	user-select: none
}

.wallet .select:hover {
	color: #e0e
}

.wallet .wallet-icon {
	font-size: 25px;
	margin: 10px 0
}

.float-end {
	clear: both
}

.nav {
	max-width: 500px;
	margin: 0 auto;
	transition-duration: .3s
}

.nav .select {
	float: left;
	padding: 10px 0;
	width: 25%;
	height: 130px;
	text-align: center;
	font: 12px arial;
	color: #fff;
	text-shadow: 0 1px 2px #333;
	user-select: none;
	transition-duration: .3s
}

.nav .select a {
	text-decoration: none;
	color: #fff
}

.nav .select a.game {
	text-decoration: none;
	color: #6f6
}

.nav .select a.local {
	text-decoration: none;
	color: #ff6
}

.nav .nav-icon {
	width: 70px;
	height: 70px;
	background: black;
	border-radius: 10px;
	border: 1.3px solid gold;
	margin: 5px auto;
	box-shadow: 0 2px 5px #333;
	overflow: hidden
}

.nav .disable .nav-icon {
	border-color: #999
}

.nav .disable .nav-icon img {
	filter: grayscale(100%)
}

.nav .disable a {
	color: #ccc;
	text-decoration: line-through
}

.nav .nav-icon img {
	width: 100%;
	height: 100%
}


@media(min-width:600px) {
	.nav {
		max-width: 601px;
		transition-duration: .3s;

	}

	.nav .select {
		width: auto;
		max-width: 90px;
		font: 13px arial;
		margin: 0 0 0 9px;
		transition-duration: .3s;

	}

	.nav .nav-icon {
		margin: 5px 10px
	}

	.outer {
		text-align: center
	}

	.outer h1,
	.outer h2 {
		font: 700 30px arial;
		margin: 40px 0 10px
	}

	.content-single {
		max-width: 500px
	}

	.content-multi {
		float: left;
		width: 48%;
		margin: 10px 1%;
		transition-duration: .3s
	}



}

@media(min-width:991px) {
	.nav {
		max-width: 100%;

	}



}

.form {
	margin: 15px auto;
	padding: 0;
	width: 96%;
	max-width: 500px;
	border-radius: 10px;
	border: 0px solid #fff;
	background: #fff;
	box-shadow: 0 2px 5px #666;
	overflow: hidden;
	box-shadow1: 1px 0px 16px 4px #666, inset 1px 0px 8px 3px #666;

}

.form .form-desc {
	margin: 10px;
	font: 12px arial
}

.form p.title {
	margin1: 5px 4px 0 5px;
	font: 700 20px arial;
	background: #38f;
	color: #fff;
	padding: 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}

.form img {
	max-width: 100%
}

.form .fill {
	margin: 20px
}

.form .fill p {
	margin: 10px 0;
	font: 14px/1.7em arial;
	color: #444
}

.form .fill .spn,
.spn {
	color: red;
	font: italic 12px arial;
	vertical-align: top
}

.form .fill .link {
	color: #33f
}

.form .fill input,
.form .fill select {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 20px;
	background: #fff;
	border: none;
	border-bottom: 1px solid #eee;
	outline: 0
}

.form .fill input:hover,
.form .fill input:focus {
	border-bottom: 2px solid #38f;

}

.form .fill .button,
.button1 {
	width: 100%;
	padding: 15px;
	font-size: 20px;
	background: #0a0;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	user-select: none
}

.form .fill .button:hover,
.button1:hover {
	background: #0a0;

}

.form p.fail {
	font: 16px arial;
	color: #fff;
	background: #e00;
	margin: 10px;
	padding: 15px 20px
}

.form p.fail a {
	font-style: italic;
	color: #ff9
}

.form p.done {
	font: 14px arial;
	color: #fff;
	background: #0c0;
	margin: 10px;
	padding: 10px 12px
}

.form table.info {
	width: 100%;
	padding: 10px
}

.form table.info th {
	font: 700 12px arial;
	text-align: left
}

.form table.info td {
	font: 12px arial
}

.form table.info .num {
	text-align: right;
	padding-right: 5px
}

.form table.info tr:hover td {
	background: #d4d4d480;
	cursor: pointer;

}

.deposit-color {
	color: #03c
}

.withdraw-color {
	color: #c0c
}

.transfer-color {
	color: #090
}

.redeem-color {
	color: #c60
}

.approved-color {
	color: #0c0
}

.rejected-color {
	color: #c00
}

.pending-color {
	color: #fc0
}

.form table.info button {
	font: 11px arial;
	padding: 1px 3px;
	background: #0a0;
	color: #fff;
	border: none;
	border-radius: 2px;
	outline: 0;
	cursor: pointer
}

.form table.info button:hover {
	background: #080
}

.gold-table {
	margin: 10px auto;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 3px solid #000
}

.gold-table th {
	padding: 3px;
	background: #c49300;
	background: linear-gradient(to bottom, #ff0 10%, #fff, #c49300 90%);
	color: #000;
	font: 700 20px arial;
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 1px 0 #fff;
	border: 1px solid #000
}

.gold-table td {
	font: 700 18px arial;
	padding: 3px;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 2px #000;
	border: 1px solid #000
}

.gold-table .content-color-0 {
	background: #9cf
}

.gold-table .content-color-1 {
	background: #c9f
}

.gold-table .content-color-2 {
	background: #fcf
}

.gold-table .content-color-2 div {
	text-shadow: none;
	font: italic 10px arial;
	color: red
}

.gold-table td.target-number {
	background: #fff200;
	background: linear-gradient(135deg, #ee1c24 0, #fff200 40%, #fff200 60%, #00aef0 100%);
	border: 1px solid #000
}

.gold-table td.target-loose {
	background: #fff;
	color: #000;
	text-shadow: none;
	border: 1px solid #000
}

.gold-table td.target-bankrupt {
	background: #000;
	color: #fff;
	border: 1px solid #000
}

.prize-table td.result-effect {
	border: 1px solid #000;
	background: #6cf
}

.prize-table,
.prize-table td {
	border: none
}

.prize-table td.step-number {
	padding-top: 10px;
	vertical-align: top;
	color: #fff;
	font: 700 italic 20px arial
}

.prize-table td.step-action {
	padding: 0
}

.prize-table td.step-action div {
	padding: 3px;
	margin: 0 auto;
	border: 1px solid #000;
	border-radius: 5px
}

.prize-table td.step-action a {
	text-decoration: none;
	color: #fff
}

table.track,
table.track td {
	border: none
}

table.track td {
	padding: 5px 5px 5px 10px;
	color: #ccc;
	vertical-align: top
}

table.track td.track-type {
	padding: 0
}

table.track td.track-type div {
	margin: 0 auto;
	line-height: 23px;
	height: 24px;
	width: 24px;
	color: #ddd;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 12px
}

table.track tr.fail div {
	background: red;
	color: #fff;
	border: 1px solid red
}

table.track tr.fail td.track-detail {
	color: red;
	font: 700 13px arial
}

table.track tr.wait div {
	background: #fa0;
	color: #fff;
	border: 1px solid #fa0
}

table.track tr.wait td.track-detail {
	color: #fa0;
	font: 700 13px arial
}

table.track tr.pass div {
	background: #0c0;
	color: #fff;
	border: 1px solid #0c0
}

table.track tr.pass td.track-detail {
	color: #0c0;
	font: 700 13px arial
}

table.track tr td.track-detail span {
	color: #999;
	font: 700 13px arial
}

table.track tr.fail td.track-detail span {
	color: #000;
	font: italic 12px arial
}

table.track td.track-line {
	padding: 5px;
	color: #ddd;
	text-align: center
}

.winwheel {
	text-align: center;
	padding: 3px 3px 0;
	background: #666;
	background: radial-gradient(#000 3%, #000 4%, #0f0 5%, #000 6%, #000 7%, #fc0 8%, #000 9%, #000 10%, #ff0 11%, #000 12%, #000 13%, #f0c 14%, #000 15%, #000 16%, #0cf 17%, #000 18%, #000 19%, #c6f 20%, #000 21%, #000 28%, #fc0 28%, #fc0 30%);
	border-radius: 1000px;
	border: 5px solid #000;
	animation: sansan1 5s infinite
}

@keyframes sansan {
	0% {
		background-color: #fff
	}

	25% {
		background-color: #ffc
	}

	50% {
		background-color: #fcf
	}

	75% {
		background-color: #cff
	}

	100% {
		background-color: #fff
	}



}

.winwheel canvas {
	max-width: 100%
}

.button-spin {
	text-align: center
}

.button-spin button {
	padding: 8px;
	margin: 10px;
	width: 120px;
	font: 700 22px arial;
	background: red;
	color: #fff;
	box-shadow: 0 1px 5px #333;
	border-radius: 5px;
	border: 1px solid #fff;
	outline: 0;
	cursor: pointer
}

.button-spin button:hover {
	background: #e00
}

.button-spin #countdown {
	width: 200px;
	margin: 0 auto;
	padding: 5px;
	font: 700 14px arial;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px
}

.button-spin i {
	font-size: 50px;
	color: #ff0;
	text-shadow: 0 1px 5px #333
}

.winwheel-content {
	background: linear-gradient(#09c, #f0f, #ff0);
	width: 96%;
	padding: 20px;
	max-width: 500px
}

.content .content-share {
	text-align: right;
	font: italic 11px arial;
	margin: 5px 20px
}

.icon-circle {
	margin: 0 1px;
	line-height: 23px;
	height: 24px;
	width: 24px;
	color: #ddd;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 6px 0 0 1px;

}

.background-whatsapp {
	color: #fff;
	background: #0c0;
	border: 1px solid #fff
}

.background-facebook {
	color: #fff;
	background: #36c;
	border: 1px solid #fff;

}

/**/
/*Custom*/
.bdmt {
	margin-bottom: 70px;

}

@media(min-width:600px) {
	.bdmt {
		margin-bottom: 95px;

	}



}

.img-responsive {
	max-width: 100%;

}

img {
	vertical-align: middle;

}

table {
	border-collapse: collapse;

}

input[type=checkbox],
input[type=radio],
input[type=file],
.pt,
.set,
.tcp,
.dts,
#sci,
select,
.img-thumbnail {
	cursor: pointer;

}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;

}

.badge {
	color: #fff;
	background: #da1010;
	font-size: 100%;
	border-radius: .25rem;
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	padding: 3px 6px;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.ct1 {
	box-shadow1: 1px 0px 16px 4px #666, inset 1px 0px 8px 3px #666;
	padding1: 5px;

}

.alert,
.badge,
.nav li a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.container2 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;

}

.topi {
	margin: -10px -6px 11px -6px;

}

.topi img {
	border: 3px solid #c299ea;
	text-align: center;
	border-radius: 7px;

}

@media(min-width:767px) {
	.topi {
		margin: -2px -6px -22px -6px;

	}



}

.block-15 {
	margin-top: 25px;
	padding: 0 10px 0 10px;

}

.table_title,
.table_warpper {
	width: 100%;

}

.table_title h4 {
	color: #fff;
	font-size: 1.3rem;
	font-family: arial;
	margin: 0;
	line-height: 1.2;
	background: #000;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	border: 5px inset gold;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;


}

.table_warpper table {
	color: #22033e;
	width: 100%;
	border1: 5px inset gold;
	border: 0;
	border-top: none;

}

.table_warpper table tr {
	font-weight: bold;
	letter-spacing1: 1px;

}

.table_warpper table th {
	background-image: linear-gradient(to bottom, #ff7abf, #ff54c0);
	border: 1px solid #50008c;
	padding: 0.4rem 0.55rem;

}

.table thead th {
	vertical-align: bottom;

}

.table td,
.table th {
	padding: 0.75rem;
	vertical-align: top;

}

.table_warpper table tr:first-child td {
	border-top: none;

}

.table_warpper table tr {
	border-left: 2px solid #50008c;
	border-right: 2px solid #50008c;
	border-bottom: 1px solid #dee2e6;

}

.table_warpper table td {
	font-size: 15px;
	padding: 0.15rem 0.4rem;
	background: #fff;
	border: 0;
	border: 1px solid #fff;
	border-top: 1px solid #dee2e6;

}

.table_warpper table th,
.table_warpper table td {
	font-family: arial;
	line-height: 1.7;
	font-weight: bold;
	text-align: left;

}

.table_warpper table tr:hover td {
	background: #e4d2f8;
	cursor: pointer;
	border-left: #e4d2f8;
	border-right: #e4d2f8;

}

@media(max-width:575px) {
	.block-15 {
		margin-top: 15px;

	}

	.table_warpper table td {
		font-size: 12px;

	}

	img.logo {
		width: 250px;
		max-height: auto;
		margin-top: 1px;

	}

	.scrollnav img {
		max-height: 40px;
		margin: 1px 0 0 5px;

	}

	.scrollnav1 img {
		max-height: 32px;
		margin: 4px 0 0 2px;

	}

	.scrollnav {
		padding: 1px 5px 1px 5px;

	}



}

@media(max-width:400px) {
	img.logo {
		width: 220px;
		margin-top: 5px;

	}

	.scrollnav1 img {
		max-height: 32px;
		margin: 5px 0 0 2px;

	}



}

@media(max-width:360px) {
	img.logo {
		width: 170px;
		margin-top: 12px;

	}

	.scrollnav img {
		max-height: 35px;
		margin: 2px 0 0 5px;

	}

	.scrollnav1 img {
		max-height: 25px;
		margin: 8px 0 0 2px;

	}



}

.block-13 .owl-dots,
.block-14 .owl-dots,
.block-15 .owl-dots {
	text-align: center;

}

.block-13 .owl-dots .owl-dot,
.block-14 .owl-dots .owl-dot,
.block-15 .owl-dots .owl-dot {
	display: inline-block;
	margin: 5px;

}

.block-13 .owl-dots .owl-dot>span,
.block-14 .owl-dots .owl-dot>span,
.block-15 .owl-dots .owl-dot>span {
	line-height: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: none;
	float: left;
	background: #cccccc;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;


}

.block-13 .owl-dots .owl-dot>span,
.block-14 .owl-dots .owl-dot>span,
.block-15 .owl-dots .owl-dot>span {
	background: #7304c5;

}

.block-13 .owl-dots .owl-dot.active>span,
.block-14 .owl-dots .owl-dot.active>span,
.block-15 .owl-dots .owl-dot.active>span {
	background: #ea7ae6;

}


/*Login Modal*/
.modal {
	padding: 0;
	width: 100%;
	top: -10%;
	z-index: 2;

}

.modal a.close-modal {
	background-image: url('../images/project/close.svg') background-image:url('../main/menu/close.svg');

}

.modal.default .modal-content {
	border-radius: 6px;
	border: 0;

}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	font-family: Arial;
	background-color: #38f;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
}

.btn-list .modal-header {
	background: #00a69c;

}

.modal-body {
	font-family: Arial;
	padding: 15px;

}

.bottoms a {
	font-size: 14px;
	color: #38f !important;
	text-decoration: none;

}

.modal-body .bg {
	float: center;
	margin: 0 auto;

}

@media(max-width:599px) {
	.modal {
		top: -1%;

	}

	.bottoms a {
		font-size: 13px;

	}



}

@media(max-width:400px) {
	.bottoms a {
		font-size: 12px;

	}



}

.form-group {
	background-position-x: left;
	height2: 45px;
	text-align: center;
	display: flex;
	align-items: flex-end;
	margin-bottom: 26px;
	max-width: 340px;

}

.flex {
	display: flex;
	align-items: center;
	justify-content: center;

}

.bottoms div:first-child {
	border-right: 1px solid #00ac9e;

}

.bottoms div {
	padding: 0 10px;

}

.form-group span.required {
	vertical-align: middle;
	margin: 0 3px 8px 1px;
	color: red;

}

.lgbtn {
	margin: 16px;
	text-align: center;
	cursor: pointer;

}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.form-group .form-control {
	font-size: 14px;
	border: none;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid #38f;
	margin-bottom: 10px;

}

.form-group .form-control:focus {
	border-color: #66afe9;
	outline: 0;

}

.uss-er img,
.pas-s img {
	height: 43px;
	width: 43px;
	padding: 4px 6px 5px 5px;

}

.pas-s img {
	padding: 2px 1px 2px 1px;

}

.form-group .form-control:hover,
.form-group .form-control:focus {
	border-bottom: 2px solid #38f;

}

@media(min-width:767px) {

	.uss-er img,
	.pas-s img {
		padding-top: 0;

	}

	.bg {
		margin-top: 16px !important;

	}

	.form-group .form-control {
		margin-bottom: 12px;

	}

	.modal-header {
		padding-bottom: 0;

	}



}

/*footer nav*/
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;

}

ol,
ul {
	margin-top: 0;

}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;

}

.nav>li {
	position: relative;
	display: block;

}

footer {
	transition: all 300ms ease;
	position: fixed;
	bottom: 0;
	background: transparent;
	height1: 75px;
	width: 100%;
	border-top: 0px solid #38003e;
	z-index: 1001;
	border-bottom: 1px solid #a200b4;

}

footer .nav-tabs li a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	position: relative;
	display: block;
	padding: 10px 15px;
	border: none;
	border-radius: 0;
	text-align: center;
	padding: 0 0 8px 0;
	color: #fff !important;
	text-decoration: none;
	font-size: 15px;
	position: relative;


}

footer .nav.nav-tabs li a img {
	height: 50px;

}

footer ul.nav.nav-tabs {
	background: #a200b4;
	border-top: 0px solid #38003e;
	border-bottom: 0px solid #a200b4;
	text-align: center;

}

footer .nav.nav-tabs li {
	width: 20%;
	cursor: pointer;

}

.footer-nav {
	bottom: 0;
	width: 100%;
	max-width: 920px;
	float: center;
	display: table;
	margin: 0 auto;

	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	background: #a200b4;

}

@media(max-width:500px) {
	footer .nav.nav-tabs li a {
		padding: 0 0 5px 0;
		font-size: 12px;

	}

	footer .nav.nav-tabs li a img {
		height: 35px;

	}



}

@media(max-width:380px) {
	footer .nav.nav-tabs li a {
		padding: 0 0 5px 0;
		font-size: 11px;

	}

	footer .nav.nav-tabs li a img {
		height: 32px;

	}



}

@media(max-width:360px) {
	.h360 {
		display: none;

	}



}

@media(min-width:1500px) {
	footer .nav.nav-tabs li a {
		padding: 0 0 10px 0;
		font-size: 18px;

	}

	footer .nav.nav-tabs li a img {
		height: 75px;

	}



}

.footb {
	background: #9303ad;

}

.footc {
	padding: 15px 10px 0 10px;
	color: #fff;
	font-size: 10px;

}

.footc a {
	color: #fff;
	font-size: 10px;

}

.nopadding {
	padding: 0 !important;

}

.ftp {
	margin: 10px 0 10px 0;

}

footer .nav>li>a:hover,
footer .nav>li>a:focus,
footer .nav>li.active>a,
footer {
	text-decoration: none;
	/*background-color:#38003e59;*/

}

#ccbx {
	background-color: #a200b4;
	border-radius: 50%;
	margin-top: -25px;
	width: 70px;
	height: 70px;
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 5px 18px 5px rgba(0, 0, 0, 0.12);
	position: relative;
	z-index: 1002;
	text-align: center;

}

#ccbx img,
#ccbx a {
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;

}

#ccbx a,
#ccbx img {
	padding-top: 6px;
	margin: 0 auto;

}

footer .nav.nav-tabs li div {
	margin: 0 auto;

}

@media(min-width:500px) {
	#ccbx {
		width: 96px;
		height: 96px;
		margin-top: -32px;

	}



}

@media(min-width:1500px) {
	#ccbx {
		width: 148px;
		height: 145px;
		margin-top: -42px;

	}

	#ccbx a,
	#ccbx img {
		padding-top: 12px;

	}



}

/**/
/*alert*/
.form .fill .alert span {
	color: inherit;
	font: inherit;

}


.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;

}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb
}

.alert-success hr {
	border-top-color: #b1dfbb
}

.alert-success .alert-link {
	color: #0b2e13
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb
}

.alert-info hr {
	border-top-color: #abdde5
}

.alert-info .alert-link {
	color: #062c33
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba
}

.alert-warning hr {
	border-top-color: #ffe8a1
}

.alert-warning .alert-link {
	color: #533f03
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

.alert-danger .alert-link {
	color: #491217
}

.alert {
	font-size: 13px;

}

.alert i {
	margin-right: 10px;

}

.alt {
	display: none;
	margin: 0px 0 5px 0;
	font-size1: 12px;

}

.asm,
.asm1 {
	padding: 8px 10px 8px 10px;
	margin-bottom: 8px;

}

.asm2 {
	margin: 4px 8px 0 10px;

}

.asmd {
	margin-bottom: 10px;

}


@media(min-width:767px) {
	.asm1 {
		margin-bottom: -12px;

	}



}

/*alert*/
/*Checkbox*/
input[type="checkbox"],
input[type="radio"] {
	display: none;

}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #dddddd;
	border-radius: 4px;

}

input[type="checkbox"]+label:hover,
input[type="radio"]+label:hover,
input[type="checkbox"][disabled]:checked+label,
input[type="radio"][disabled]:checked+label {
	border: 0;
	background: url('../main/chkg.png')left top no-repeat;
	background-size: 20px 20px;

}

input[type="checkbox"][disabled]+label:hover,
input[type="radio"][disabled]+label:hover {
	border: 1px solid #1196DB;
	cursor: not-allowed;

}

input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label {
	border: 0;
	background: url('../../images/project/chk.png')left top no-repeat;
	background-size: 20px 20px;

}

input[type="checkbox"][disabled]+label,
input[type="radio"][disabled]+label {
	background: #cccccc;

}


/*NAV*/
.form .nav-pills {
	margin: 6px 12px 6px 12px;

}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;

}

ol,
ul {
	margin-top: 0;
	margin-bottom: 10px;

}

.nav-pills>li+li {
	margin-left: 2px;

}

.nav-pills {
	margin-bottom: 10px;

}

.nav-pills>li {
	float: left;

}

.nav>li {
	position: relative;
	display: block;

}

.nav-pills>li,
.nav-pills>li a {
	color: #000000;
	text-decoration: none;
	border-radius: 4px;

}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;

}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #ffffff;
	background-color: #0a0;

}

.nav-pills>li>a:focus,
.nav-pills>li>a:hover {
	color: #ffffff;
	background-color: #0a0;

}

@media(max-width:500px) {
	.nav-pills>li a {
		font-size: 12px;
		padding: 8px 8px;

	}



}

.info th,
.info td {
	border-bottom: 1px solid #ccc;
	padding: 6px 2px 6px 2px;

}



/**/
.fill2 {
	margin: 10px 10px 0 10px;

}


td .edbk i,
td .dlbk i {
	color: #020202;

}

/*dep container*/
.dbtb {
	background: #892df2;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

}

#offn {
	margin-bottom: 16px;

}


.dmn1 {
	background: initial;
	border-radius: 0;
	box-shadow: initial;
	color: #ffffff;

}


.dmn2 {
	background: #e4d2f8;

}

.dbtn {
	width: 20%;

}

#pf {
	text-align: center;
	margin-bottom: 3px;

}

@media(min-width:400px) {
	#pf {
		max-width: 300px;

	}



}

.dmn4,
.dmn4 td {
	background: #e4d2f8;
}

.form2,
.form3 {
	margin-top: -5px;
}

.form2 .form {
	border-radius: 6px;
	background: #892df2;
	padding: 13px 10px 13px 10px;
	margin-top: 3px;

}

.form3 .form {
	border-radius: 6px;
	background: #ffffff;
	padding: 0;
	margin-top: 3px;
	color: #000;
}

/**/
.dbtn span {
	width: 96%;
	font-weight: bold;
	background: #b778ff;
	margin: 0 2% 0 2%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	display: table;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.dbtna span,
.dbtn span:hover {
	background: #892df2;
}


.dbtnf span {
	margin-left: 0;
	width: 98%;
}

.dbtnl span {
	margin-right: 0;
	width: 98%;
}

.dbln1,
.dbln2 {
	width: 50%;
	padding: 10px 5px 10px 5px;
	height: 80px;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}

.dbln1 {
	border-right: 2px dashed #ffffff;
}


.dctn {
	padding: 5px 10px 20px 10px;
}

.damt {
	width: 88%;
	margin: 5px 6% 5px 6%;
	background: #ffffff;
	border-radius: 5px;
	color: red;
	font-size: 12px;
	text-align: center;
	padding: 0 5px 2px 5px;
	overflow: hidden;
}

.damt input {
	font-size: 26px;
	color: #000;
	font-weight: bold;
	padding: 8px 0 1px 0;
	text-align: center;
	border: 0;
	width: 160px;

}

.damt input:focus {
	outline: none;

}

.damt input:disabled {
	background: transparent;

}


.damt1 input {
	font-size: 13px;
	font-weight: 100;
	width: 200px;
	margin1: 0 15% 0 15%;
	padding-bottom: 6px;

}

.dbtmd {
	padding: 10px 5px 10px 5px;
	cursor: pointer;

}

.damt2 input {
	padding-top: 4px;

}

.damt3 select {
	width: 100%;
	height: 36px;
	font-size: 14px;
	padding: 5px 5px 3px 5px;

}

.damt3 {
	padding: 0;

}

#diclm {
	text-decoration: underline;
	margin: 12px 0 -10px 6%;
	text-align: left;
	font-size: 14px;

}

.dbdash {
	border-top: 2px dashed #ffffff;

}

.dbtmd div {
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	border: 2px solid #b778ff;
	background: #b778ff;
	padding: auto;

}


.dbtmd div:hover {
	border: 2px solid #ffffff;
	background: #892df2;

}


.dbtmda div {
	border: 2px solid #ffffff;
	background: transparent;

}


.dbtmdi {
	border: 0 !important;
	font-size: 10px !important;
	line-height: initial;
	height: initial;
	margin-top: -30px;

}

.dbtmd1 {
	line-height: 28px;
	height: 28px;
	text-align: center;
	margin: 0 auto;

}

.dbtmdi img {
	width: 50px;

}

.dbkp {
	margin-bottom: 5px;

}

.dbkp td {
	text-align: center;

}

.dtxt,
.dtxt1 {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin: 10px 0 10px 0;

}

.dtxt1 {
	margin-top: -3px;

}

/*  .dbkp img{
	 width:65%;
	  border:2px solid #fff;
	  border-radius:12px;
	  text-align:center;
	   margin-bottom:10px;
	  background:#fff;

 }*/

.atmBank,
.dimg {
	cursor: pointer;

}

.atmBank:hover,
.atmBank,
.dimg:hover,
.dimga {
	webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	filter: brightness(1.3);

}

.atmBank.active,
.dimga {
	box-shadow: 0px 0px 8px 4px #3fe8ffb3;
	transition: .5s all ease;
	opacity: 1;
	padding: 6px;
	background: #fff;

}


.balc {
	font-size: 24px;
	font-weight: bold;
	margin-top: 14px;
	cursor: pointer;

}


.dtxt2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 8px 0 16px 0;

}

.dtxt2 span {
	font-size: 22px;

}


.dubtn span,
.dubtn a {
	margin: 5px;
	padding: 2.5px 5px 3px 5px;
	text-align: center;

	background: #ff0000;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;

}

.dubtn span:hover,
.dubtn a:hover {
	background: #0c0;

}


.mibtn {
	float: right;
	padding: 3px 5px 3px 5px;
	text-align: center;

	background: #bd1042;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	margin: -1px 5px 0 0;
	font-size: 80%;

}

.mibtn:hover {
	background: #ff0000;

}

/**/
.prmd {
	width: 100%;
	margin: 25px 4% 0 4%;

}


.prms {
	margin: 0 0 8px 0;
	font-size: 13px;

}

.prms:hover {
	color: #0f0;

}


.bktb {
	padding: 0 !important;

}


.bktb .content {
	background: transparent;
	margin: 0;
	box-shadow: none;
	width: 100%;
	border-radius: 0;

}


.bktb table {
	width: 94%;

}

.bktb td {
	color: #000;
	text-align: center;

}


.listb td {
	font-size: 12px;
	border: 1px solid #ccc;
	border-left: 0;
	padding: 6px 7px;

}


.listb td:last-child {
	border-right: 0;

}


.listb tr:hover td {
	background: #cccccc6b;
	cursor: pointer;

}


.listb .tr1 td {
	border: 1px solid #ccc;
	font-weight: bold;
	border-left: 0;
	border-top: 0;
	padding: 9px 7px 7px 7px;
	background: #fff !important;

}


.tdt {
	min-width: 80px;

}

.sdtb td {
	background: #f7f5ce;

}


.listb .tr1 td:last-child {
	border-right: 0;

}

.lan {
	height: 40px;
	text-align: center;

}


#gna,
#gps {
	display: block;
	text-decoration: underline;
	word-wrap: break-word;
	padding-left: 5px;

}

#gna a,
#gps a {
	color: #fff;

}

.bktb tr:hover td {
	background: #dbe9fff5;
	cursor: pointer;

}

.wnt,
.wnt1 {
	color: yellow;
	display: none;
	margin: 15px 0 -11px 0;
	font-size: 18px;
	font-weight: bold;

}

.wnt1 {
	display: block;
	font-size: 15px;
	margin-bottom: -28px;

}

.bt1a {
	margin: 25px 3% 0 3%;

}

.form1 {
	margin-top: 3px;

}

.wctb {
	width: 100%;
	margin: 6px 4px 6px 4px;

}

.wctb td {
	font-size: 14px;
	text-align: left;
	padding: 3px 4px;
	font-weight: bold;
	vertical-align: top;

}


.wctb tr:hover td {
	background: #b778ff;
	cursor: pointer;

}


.wctbp {
	display: block;
	word-wrap: break-word;

}


@media(max-width:600px) {

	.dubtn span,
	.dubtn a {
		font-size: 12px;

	}



}

@media(max-width:370px) {

	.dubtn span,
	.dubtn a {
		font-size: 11px;

	}



}

@media(min-width:500px) {
	.form1 {
		max-width: initial;

	}

	.dbkp img {
		width: 35%;

	}



}

@media(min-width:600px) {
	.dbtn span {
		font-size: 17px;
		height: 40px;
		line-height: 40px;

	}

	.dbln1,
	.dbln2 {
		font-size: 16px;

	}

	.prms {
		font-size: 15px;

	}


	.dubtn span,
	.dubtn a {
		padding: 3px 11px 3px 11px;

	}

	.balc {
		font-size: 28px;

	}


	.dbtmd div {
		font-size: 17px;

	}

	.bktb td {
		font-size: 13px;

	}



}

#resetps {
	margin: 8px !important;

}


@media(max-width:410px) {
	.hd4 {
		display: none;

	}

	.dbln1 {
		font-size: 12px;

	}


	.dbln2 {
		padding: 10px 1px 10px 1px;
		font-size: 11px;

	}



}

@media(max-width:599px) {
	.h600 {
		display: none;

	}



}

@media(max-width:767px) {
	.h767 {
		display: none;

	}



}

/*download*/
.rowd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	width: 99vw;
	margin-left: -15px;
	max-width: 778px;

}

@media(min-width:600px) {
	.rowd {
		width: 97.5vw;

	}



}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5ths,
.col-xs-6,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5ths,
.col-sm-6,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5ths,
.col-md-6,
.col-md-12 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;

}

.box,
.box1 {
	position: relative;
	border-radius: 3px;
	background: #fff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	color: #000;
	font-size: 13px;
	font-weight: 400;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);


}

.box1 p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 14px;
	margin-left: 10px;

}

.box1 {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #fff;

}

.box1 a {
	color: #007bff;

}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;

}

.text-center {
	text-align: center !important;

}

.box-body {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;


}

.box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;

}

.btn-block {
	display: block;
	width: 100%;

}

.btn-lg {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem;

}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;

}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;

}

.btn-brand {
	color: #fff;
	background-color: #5867dd;
	border-color: #5867dd;
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;

}

.p-1 {
	padding: .25rem !important;

}

.d-block {
	display: block !important;

}

.p-3 {
	padding: 1rem !important;

}

.text-secondary {
	color: #6c757d !important;

}

.font-weight-bold {
	font-weight: 700 !important;

}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;

}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;

}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;

}

@media(min-width:767px) {
	.col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;

	}

	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;

	}

	.col-md-4 {
		-ms-flex: 0 0 33.333334%;
		flex: 0 0 33.333334%;
		max-width: 33.333334%;

	}

	.col-md-5ths {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;

	}



}

.p-3 h1,
.p-3 h2,
.p-3 h3,
.p-3 h4 {
	font-size: 1.5em;
	margin: 1.0rem 0;
	font-weight: 700;
	line-height: 1;

}

.text-left {
	text-align: left !important;

}

.p-3 .table {
	margin1: 0 -12px 0 -12px;
	float: center;
	display: table;
	margin: 0 auto;

}

.p-3 .table td {
	padding: 2px !important;

}

@media(max-width:460px) {

	#gna,
	#gps {
		max-width: 110px;

	}

	.wctb td {
		font-size: 13px;

	}



}

@media(max-width:410px) {

	#gna,
	#gps {
		max-width: 110px;

	}

	.wctb td {
		font-size: 12px;

	}



}

@media(max-width:360px) {
	.p-1 {
		font-size: 15px;

	}

	#gna,
	#gps {
		max-width: 90px;

	}



}

@media(max-width:340px) {

	#gna,
	#gps {
		max-width: 90px;

	}



}

/**/
.table-responsive {
	display: block;
	width: 100%;
	border-top: 0;

	overflow-x: auto;
	margin-bottom: 1px;
	-webkit-overflow-scrolling: touch;

}


#noti {
	position: fixed;
	bottom: 100px;
	right: 100px;
	z-index: 400;
	width: auto;
	height: auto;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	color: #2c2a7a;
	background-color: #fadb12;
	opacity: 0.99;

}

.bwtxt {
	padding: 10px 15px;

}

.bwtxt img {
	padding-right: 15px;

}

.bwtxt div {
	margin-top: 4px;

}

@media(max-width:768px) {
	#noti {
		right: -1px;

	}



}

@media(max-width:599px) {
	#noti {
		font-size: 12px;
		bottom: 65px;

	}

	.bwtxt {
		padding: 5px 7px;

	}

	.bwtxt img {
		padding-right: 10px;
		width: 35px;

	}



}

.lgg {
	color: #fff;
	font-size: 12px;
	margin: 10px 0 -5px 0;

}

.lgg a {
	padding: 0 2px 0 2px;

}

.lgg img {
	width: 22px;
	margin-top: -4px;

}


.left,
.left td {
	text-align: left !important;

}

.right,
.right td {
	text-align: right !important;

}

.drg {
	float: right;

}

.vtp {
	vertical-align: top !important;

}

.vmd {
	vertical-align: middle !important;

}

.cnt {
	text-align: center;
	float: center;

}

.ctb,
.mpt {
	float: center;
	display: table;
	margin: 0 auto;

}

.hd {
	display: none;

}

.b0 {
	border: 0;

}

#ld,
.ld {
	padding: 3px 0 13px 10px;
	font-size: 12px;
	display: none;
	color: red;
	margin-top: -15px;

}

#ld img,
.ld img {
	margin-right: 10px;
	width: 32px;

}

.ldp {
	margin-top: -10px !important;

}

.ldp1 {
	margin-top: 10px !important;

}

.ldp2 {
	color: #ffffff !important;
	margin: 12px 0 -22px 10px !important;

}

.ldp3 {
	display: block;
	padding: 0 !important;
	margin: 0 !important;

}


.ldp3 img {
	width: 20px;

}

#grc img {
	margin-left: -4px;
	width: 170px;

}

#grc1 img {
	margin: 0 0 8px 55px;
	width: 170px;

}

.grecaptcha-badge {
	visibility: hidden;

}

@media(min-width:767px) {
	#grc1 img {
		margin: -18px 0 -5px 55px;

	}



}

.wht,
.wht a {
	color: #ffffff;

}

.red,
.red a {
	color: red;

}

.blu,
.blu a {
	color: #60baff;

}

.brw,
.brw a {
	color: brown;

}

.sgr,
.sgr a {
	color: #0c0;

}

.pbr,
.pbr a {
	color: #38f;

}

.crd,
.crd a {
	color: #ff251a;

}

.gol,
.gol a {
	color: #ffdd00;

}

.b,
.b a {
	font-weight: bold;

}

.ft11 {
	font-size: 11px;

}

.ft12 {
	font-size: 12px;

}

.ft13 {
	font-size: 13px;

}

.ft14 {
	font-size: 14px;

}

.ft15 {
	font-size: 15px;

}

.ft16 {
	font-size: 16px;

}

.ft18 {
	font-size: 18px;

}

.ft20 {
	font-size: 20px;

}

.ft22 {
	font-size: 22px;

}

.pt3 {
	padding-top: 3px;

}

.mt3 {
	margin-top: 3px;

}

.pt5 {
	padding-top: 5px;

}

.mt5 {
	margin-top: 5px;

}

.pt8 {
	padding-top: 8px;

}

.mt8 {
	margin-top: 8px;

}

.pt10 {
	padding-top: 10px;

}

.mt10 {
	margin-top: 10px;

}

.pt15 {
	padding-top: 15px;

}

.mt15 {
	margin-top: 15px;

}

.pt20 {
	padding-top: 20px;

}

.mt20 {
	margin-top: 20px;

}

.pt25 {
	padding-top: 25px;

}

.mt25 {
	margin-top: 25px;

}

.pt30 {
	padding-top: 30px;

}

.mt30 {
	margin-top: 30px;

}

.pl3 {
	padding-left: 3px;

}

.ml3 {
	margin-left: 3px;

}

.pl5 {
	padding-left: 5px;

}

.ml5 {
	margin-left: 5px;

}

.pl8 {
	padding-left: 8px;

}

.ml8 {
	margin-left: 8px;

}

.pl10 {
	padding-left: 10px;

}

.ml10 {
	margin-left: 10px;

}

.pl15 {
	padding-left: 15px;

}

.ml15 {
	margin-left: 15px;

}

.pl20 {
	padding-left: 20px;

}

.ml20 {
	margin-left: 20px;

}

.pd0 {
	padding: 0 !important;

}

.mg0 {
	margin: 0 !important;

}

/**/

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6
}

.page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.page-link:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}

.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;

}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.pagination>li {
	cursor: pointer;
	color1: #337ab7;

}

.pagination>li>a {
	text-decoration: none;

}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important
}

nav {
	width: 100%;
	display: block;

}

.pagination {
	margin: 6px 0 6px 0;

}

input[disabled],
select[disabled] {
	cursor: not-allowed;

}

.wref {
	color: #989898;
	font-size: 12px;
	cursor: pointer;

}

.cld1 {
	height: 100%;
	width: 100%;
	position: fixed;
	background-color: black;
	opacity: 0.6;
	z-index: 99999;
	left: 0px;
	top: 0px;
	display: none;

}

.cld2 {
	position: absolute;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.7);
	width: 200px;
	height: 90px;
	padding: 20px;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -100px;
	display: none;

}

.cld2 table {
	float: center;
	margin: 0 auto;

}

.cld3 {
	color: white;
	text-align: center;
	vertical-align: middle;
	padding: 20px 20px 10px 0;

}

.cld3 p {
	margin: 0 0 10px;
	font-size: 13px;

}

.cld4 {
	text-align: center;
	vertical-align: middle;

}

.cld4 img {
	width: 40px;

}

.cld2h {
	width: 280px;
	height: 100px;
	padding: 10px;
	margin: -50px 0 0 -140px;

}

@media(min-width:1400px) {

	.form .fill .button:hover,
	.button1:hover {
		background: #38f;
	}



}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;

}

input[type=number] {
	-moz-appearance: textfield;

}

input[type=number]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	display: none;

}

/**/
.ann {
	margin: 4px 2% 0 2%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	background: rgba(7, 143, 133, .2);
	font-family: sans-serif;
	-webkit-background: rgb(7, 143, 133, .2);
	-moz-background: rgb(7, 143, 133, .2);
	-ms-background: rgb(7, 143, 133, .2);
	cursor: pointer;
	height: 23px;


}

.marquee {
	overflow: hidden;

}


.mltp {
	margin-top: -2px;

}

.line-pop-m {
	cursor: pointer;
	margin: 0 auto;
	padding: 0;
	display: -webkit-inline-box;
	float: right;
	z-index: 99999999;
	position: fixed;
	left: 92%;
	top: 30%;

}

.line-pop-m {
	width: 50px;
	left: unset;
	right: -4px;
	top: 30%;

}

.close-pop {
	position: absolute;
	left: -15px;
	top: -15px;
	right: unset;

}

.close-pop {
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;

}

.line-pop-m img {
	width: 100% !important;

}


.gred {
	font-size: 12px;
	color: red;
	text-shadow: none;

}

@media(min-width:410px) {
	.nav .select {
		width: 20%;

	}



}

@media(min-width:781px) {
	.vres {
		margin: 0 auto;
		display: table;

	}

	.vres1 {
		margin-bottom: 20px;

	}



}

@media(max-width:780px) {
	.vres1 {
		margin-bottom: 20px;

	}

	.vres {
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		height: 0;

	}

	.vres iframe {
		left: 3%;
		top: 0;
		right: 3%;
		height: 100%;
		width: 94%;
		position: absolute;

	}

	@media (min-width: 577px) and (max-width: 767px) {
		.col-sm-2 {
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}

		.col-sm-3 {
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}

		.col-sm-4 {
			-ms-flex: 0 0 33.333334%;
			flex: 0 0 33.333334%;
			max-width: 33.333334%;
		}

		.col-sm-5ths {
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}

		.col-sm-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
	}

	@media (max-width: 576px) {
		.col-xs-2 {
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}

		.col-xs-3 {
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}

		.col-xs-4 {
			-ms-flex: 0 0 33.333334%;
			flex: 0 0 33.333334%;
			max-width: 33.333334%;
		}

		.col-xs-5ths {
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}

		.col-xs-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
	}

}