@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body {
	font-family: Lato, "Nanum Gothic", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -0.015em;
	background-color: #f4f4f4;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
	overflow-x: hidden;
	position: relative;
}

a,
input,
textarea {
	outline: none !important;
	box-shadow: none;
}

a.pp,
a.toe {
	color: #fff;
}

.no-margin {
	margin: 0;
}

.no-margin-left {
	margin-left: 0;
}

.no-margin-right {
	margin-right: 0;
}

.h-100 {
	height: 100%;
}

label.message {
	display: inline-block;
	margin: 0;
	color: #f4ba2f;
	margin-top: 1.2rem;
}

img {
	max-width: 100%;
	width: auto;
}

span.title {
	color: #fff;
	font-size: 15px;
}

span.title2 {
	display: inline-block;
	width: 90px;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
}

span.order-price {
	cursor: pointer;
}

.main-background {
	background: url(https://s3.ap-northeast-2.amazonaws.com/cdn.gctbank.org/images/main.png) no-repeat;
	background-position: center center;
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	z-index: 1000;
	padding: 0;
	background-color: #2f3340;
	-webkit-transition: all 0.2 ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2 ease-in-out;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

ul.navbar-nav ml-auto {
	z-index: 500;
}

.nav-item {
	background-color: #3a2b4e;
	z-index: 500;
}

img.logo {
	height: 30px;
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
}

.navbar-brand {
	padding: 0;
}

.navbar-toggler-icon {
	background-image: url(../img/menu.svg);
	background-color: #fff;
	background-size: 50%;
	width: 2em;
	height: 2em;
	border-radius: 2px;
}

.navbar-nav .nav-link {
	color: #fff;
	font-weight: 600;
	padding: 12px 20px !important;
	/*margin: 0 5px;*/
	font-size: 14px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-nav .nav-link.last {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-item.active .nav-link,
.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item .nav-link:active {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.nav-link img {
	height: 13px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.nav-link span.name {
	display: inline-block;
}

header {
	position: relative;
	padding-top: 50px;
}


.banner {
	padding: 4em 0;
}

.banner .content {
	z-index: 9;
}

.banner:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	background-color: #2f3340;
	z-index: 2
}

.banner:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/banner-pattern.jpg);
	background-size: cover;
	background-position: center center;
}

.banner h1 {
	text-align: center;
	font-size: 1.8em;
	font-weight: 900;
	color: #f4ba2f;
}

.banner .links {
	text-align: center;
	margin-top: 1em;
	color: #aaa;
	font-size: 12px;
}

.banner .links a {
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: 600;
}

.banner .links span.line {
	margin-left: 10px;
	margin-right: 10px;
	width: 1px;
	border-right: 1px solid #fff;
}

.banner-images {
	margin-top: 1em;
	text-align: center;
}

.banner-images a {
	border: 2px solid #2f3340;
	display: inline-block;
}

.banner-images a:hover,
.banner-images a:focus,
.banner-images a:active {
	border-color: #f4ba2f;
}

header .sticky {
	background-color: #2f3340;
	position: relative;
	z-index: 9;
	padding: 14px 0;
}

header .sticky p {
	margin: 0;
}

header .sticky a {
	color: #fff
}

header .sticky a:hover,
header .sticky a:focus,
header .sticky a:active {
	color: #f4ba2f;
	text-decoration: none;
}

.statistics-widget {
	/*padding-top: 1em;*/
	padding-bottom: 2em;
}

.statistics-widget-grid {
	position: relative;
	background-color: #fff;
	padding: 15px;
	padding-bottom: 0;
	font-size: 12px;
	color: #333;
	font-weight: 500;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 2em;
}

.statistics-widget-grid .chart-bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.statistics-widget-grid .chart-bar svg {
	width: 100%;
	height: 60px;
	display: block;
}

.statistics-widget-grid .content {
	position: relative;
	z-index: 1;
}

.statistics-widget-grid h5 {
	font-size: 1.2em;
	font-weight: 900;
}

.statistics-widget-grid h6 {
	font-size: 1.1em;
}

.green-color {
	color: #70a800 !important;
}

.red-color {
	color: #ea0070 !important;
}

.buy-color {
	color: #70a800 !important;
}

.sell-color {
	color: #ea0070 !important;
}

.gray-color {
	color: #999 !important;
}

.fiat-color {
	color: #666;
	font-size: 11px;
}

.yellow-color {
	color: #f4ba2f;
}

.statistics-widget-grid .status {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 10px;
	font-weight: 600;
}

.home-data-table {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 13px;
}

.home-data-table .nav-item {
	color: #333;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	border-color: #ddd;
}

.home-data-table .nav-item:first-child {
	border-left: 0
}

.home-data-table .nav-item:last-child {
	border-right: 0
}

.home-data-table .nav-tabs .nav-item.show .nav-link,
.home-data-table .nav-tabs .nav-link.active,
.home-data-table .nav-tabs .nav-item:hover,
.home-data-table .nav-tabs .nav-item:focus,
.home-data-table .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #fff;
	color: #f4ba2f;
}

.star-inner input[type=checkbox] {
	display: none;
}

.star-inner label {
	color: #999;
	margin-right: 10px;
}

.star-inner input:checked+label {
	color: #f4ba2f;
}

.star-inner label {
	margin-bottom: 0
}

.statistics-widget-link {
	display: block;
	min-width: 150px;
}


.statistics-widget-link:hover,
.statistics-widget-link:active,
.statistics-widget-link:focus {
	text-decoration: none;
}

.table-hover tbody tr:hover {
	background-color: rgba(244, 186, 47, 0.1);
	cursor: pointer;
}

.statistics-widget-link:hover .statistics-widget-grid,
.statistics-widget-link:active .statistics-widget-grid,
.statistics-widget-link:focus .statistics-widget-grid {
	border-color: #f4ba2f;
}

.dataTables_length {
	display: none;
}

.dataTables_filter {
	margin-top: 1em;
}

.page-item.active .page-link {
	background-color: #f4ba2f;
	border-color: #f4ba2f;
	margin-bottom: 2em;
}

table tr th {
	border-bottom: 0 !important;
}

.footer-links {
	background-color: #fff;
	padding: 20px 0;
	margin-top: 3em;
}

.footer-links p {
	margin-bottom: 0;
}

.footer-links .links a {
	margin-right: 10px;
	margin-top: 5px;
	display: inline-block;
	color: #999;
	font-weight: 600;
}

footer {
	color: #fff;
	padding: 20px 0;
	padding-top: 10px;
}

footer .links ul {
	padding: 0
}

footer .links ul li {
	display: inline-block;
	list-style: none;
}

footer .links ul li a {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 900;
	margin-right: 10px;
}

footer .links ul li a:hover,
footer .links ul li a:focus,
footer .links ul li a:active {
	text-decoration: none;
	color: #fff;
}


footer .social {
	text-align: right;
}

footer .social ul {
	padding: 0
}

footer .social ul li {
	display: inline-block;
	list-style: none;
}

footer .social ul li a {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 900;
	margin-left: 10px;
}

footer .social ul li a:hover,
footer .social ul li a:focus,
footer .social ul li a:active {
	text-decoration: none;
	color: #fff;
}

.copy-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	padding-top: 20px;
}

.copy-bar .statistics {
	text-align: right;
}




.head-splits {
	display: inline-block;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.head-splits p {
	margin-bottom: 0;
	font-weight: 900;
}

.head-splits .title {
	font-size: 1.2em;
	font-weight: 900;
	margin-bottom: 0;
}

.left-side-widget {
	background-color: #eceff2;
	padding: 5px;
	border: 1px solid #dadde0;
}

.left-side-widget .nav-tabs {
	background-color: #fff;
	position: relative;
}

.left-side-widget .nav-tabs .nav-link {
	padding: 10px;
	border-radius: 0;
}

.left-side-widget .nav-tabs select {
	position: absolute;
	right: 10px;
	font-size: 10px;
	padding: 0px;
	height: 20px !important;
	margin-top: 10px;
	width: 80px;
	margin-left: -5px;
}

.left-side-widget .nav-tabs .nav-link img {
	height: 20px;
	margin: 0;
}

.left-side-widget.nav-tabs .nav-item.show .nav-link,
.left-side-widget .nav-tabs .nav-link.active {
	background-color: #f4f4f4;
}

.left-side-widget table {
	font-size: 10px;
	background-color: #fff;
	margin: 0;
}

.left-side-widget .table td,
.left-side-widget .table th {
	border: 0;
	padding: 5px;
	font-weight: 600;
}

.left-side-widget .table thead {
	border-bottom: 1px solid #dadde0;
}

.left-side-widget .tab-content {
	background-color: #fff;
	max-height: 90vh;
	overflow: auto;
}

.right-side-widget .tab-content {
	background-color: #fff;
	min-height: 400px;
	max-height: 45vh;
	overflow: auto;
}

.pagenation {
	width: 100%;
	height: 42px;
	display: flex;
	margin-top: 20px;
	align-items: center;
	justify-content: center;
}

.pagenation a {
	width: 30px;
	height: 30px;
	display: flex;
	margin: 0 5px;
	font-size: 11pt;
	font-weight: 500;
	align-items: center;
	justify-content: center;
	border: 1px solid #e3e7ec;
	text-decoration: none;
	color: #eeeeee;
}

.pagenation a.active {
	color: #f4ba2f;
	font-weight: bold;
	background-color: #485a63;
}

@media (max-width: 575.98px) {
	.right-side-widget.history {
		background-color: #fff;
		min-height: 600px;
		max-height: 40vh;
		overflow: auto;
	}

	.tab-content.order {
		height: 630px;
		overflow-y: auto;
	}

}

@media (min-width: 576px) {
	.right-side-widget.history {
		background-color: #fff;
		min-height: 560px;
		max-height: 580px;
		overflow: auto;
	}

	.advanced .right-side-widget.history {
		max-height: 100vh;
	}

	.left-side-widget.orderbook {
		height: 1068px;
	}

	.tab-content.order {
		height: 315px;
		overflow-y: auto;
	}


}



.right-side-widget {
	background-color: #eceff2;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
	padding: 5px;
}

.right-side-widget .nav-item {
	color: #333;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	border-color: #ddd;
}

.right-side-widget .nav-item:first-child {
	border-left: 0
}

.right-side-widget .nav-item:last-child {
	border-right: 0
}

.right-side-widget .nav-tabs .nav-link {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	padding: 5px;
}

.right-side-widget .nav-tabs .nav-item.show .nav-link,
.right-side-widget .nav-tabs .nav-link.active,
.right-side-widget .nav-tabs .nav-item:hover,
.right-side-widget .nav-tabs .nav-item:focus,
.right-side-widget .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #fff;
	color: #f4ba2f;
}

.right-side-widget .table td,
.right-side-widget.table th {
	border: 0;
	padding: 5px;
	font-weight: 600;
	font-size: 11px;
	text-align: center;
}

.right-side-widget .star-inner input[type=checkbox] {
	display: none;
}

.right-side-widget .star-inner label {
	color: #999;
	margin-right: 5px;
	font-size: 10px;
}

.right-side-widget .dataTables_filter label {
	width: 100%;
	margin: 0;
}

.right-side-widget .dataTables_filter label input {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
	height: 20px;
}

.right-side-widget .star-inner input:checked+label {
	color: #f4ba2f;
}

.right-side-widget .star-inner label {
	margin-bottom: 0
}

.right-side-widget .dataTables_info {
	display: none;
}

.right-side-widget .table {
	margin-bottom: 0;
	background-color: #fff;
}

.right-side-widget .table thead {
	border-bottom: 1px solid #4f5151;
}

.right-side-widget .table.no-header {
	padding-top: 10px;
	padding-bottom: 10px;
}

h6.right-side-widget-title {
	margin-top: 20px;
}

.right-data-table td.sorting_1 {
	width: 60px !important;
	display: inline-block;
}

.center-widget {
	background-color: #eceff2;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
	padding: 5px;
	margin-top: 1em;
}

.center-widget .nav-tabs .nav-link {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	padding: 10px 15px;
	font-weight: 600;
}

.center-widget .nav-link:first-child {
	border-left: 0
}

.center-widget .nav-link:last-child {
	border-right: 0
}

.center-widget .nav-tabs .nav-item.show .nav-link,
.center-widget .nav-tabs .nav-link.active,
.center-widget .nav-tabs .nav-item:hover,
.center-widget .nav-tabs .nav-item:focus,
.center-widget .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #fff;
	color: #f4ba2f;
}

.center-widget .tab-content {
	background-color: #fff;
	padding: 10px;
}

.center-widget h6.title {
	font-size: 1.1em;
	margin-top: 1em;
}

.center-widget label {
	margin-bottom: 5px;
}

.center-widget input {
	font-size: 11px;
	padding: 5px 10px;
	border-radius: 2px;
}

.center-widget .form-group {
	margin-bottom: 10px;
}

.percent-btns a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 11px;
	color: #333;
	font-weight: 600;
}

.percent-btns a:hover,
.percent-btns a:focus,
.percent-btns a:active {
	border-color: #f4ba2f;
	color: #333;
	text-decoration: none;
}

.center-widget .btn {
	width: 100%;
	display: block;
	padding: 5px;
	color: #fff !important;
	border: 0;
	background-color: #f4ba2f;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

.center-widget .btn:hover,
.center-widget .btn:focus,
.center-widget .btn:active {
	background-color: #e6ad23;
}

.nav-link.language-btn img {
	height: 18px;
}

.sticky.statistics {
	padding: 5px 0;
	color: #fff;
}

.right-side-widget.history .table tr td {
	text-align: left;
}

.no-padding {
	padding: 0 !important;
}


.advanced .left-side-widget {
	background-color: #2f333f;
	padding: 5px;
	border: 1px solid #363c4d;
	height: 100%;
	overflow: auto;
}

.advanced .left-side-widget .nav-tabs {
	background-color: #131723;
	position: relative;
	border-color: #2f333f;
}

.advanced .left-side-widget .nav-tabs .nav-link {
	padding: 10px;
	border-radius: 0;
}

.advanced .left-side-widget .nav-tabs select {
	position: absolute;
	right: 10px;
	font-size: 10px;
	padding: 10px;
	height: 20px !important;
	margin-top: 10px;
	width: 80px;
	margin-left: -5px;
}

.advanced .left-side-widget .nav-tabs .nav-link img {
	height: 20px;
	margin: 0;
}

.advanced .left-side-widget.nav-tabs .nav-item.show .nav-link,
.advanced .left-side-widget .nav-tabs .nav-link.active,
.advanced .left-side-widget .nav-tabs .nav-link:hover,
.advanced .left-side-widget .nav-tabs .nav-link:focus,
.advanced .left-side-widget .nav-tabs .nav-link:active {
	background-color: #131723;
	border-color: #3bb3e4;
}

.advanced .left-side-widget table {
	font-size: 10px;
	background-color: #131723;
	margin: 0;
}

.advanced .left-side-widget .table td,
.advanced .left-side-widget .table th {
	padding: 5px;
	font-weight: 600;
}

.advanced .left-side-widget .table thead {
	border-bottom: 1px solid #2f3340;
}

.advanced .left-side-widget .tab-content {
	background-color: #131723;
	color: #fff;
	height: 43vh;
	overflow: auto;
}



.advanced .right-side-widget .tab-content {
	background-color: #fff;
	height: 45vh;
	overflow: auto;
}

.advanced .right-side-widget.history {
	background-color: #2f333f;
	overflow: auto;
}

.advanced .right-side-widget {
	background-color: #2f333f;
	padding: 5px;
	border: 1px solid #363c4d;
	height: 100%;
	border-radius: 0px;
	overflow: hidden;
	font-size: 12px;
}

.advanced .right-side-widget .nav-item {
	color: #333;
	font-weight: 600;
	font-size: 10px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	border-color: #ddd;
}

.advanced .right-side-widget .nav-item:first-child {
	border-left: 0
}

.advanced .right-side-widget .nav-item:last-child {
	border-right: 0
}

.advanced .right-side-widget .nav-tabs .nav-link {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #f4f4f4;
	border-radius: 0;
	padding: 5px;
}

.advanced .right-side-widget .nav-tabs .nav-item.show .nav-link,
.advanced .right-side-widget .nav-tabs .nav-link.active,
.advanced .right-side-widget .nav-tabs .nav-item:hover,
.advanced .right-side-widget .nav-tabs .nav-item:focus,
.advanced .right-side-widget .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #fff;
	color: #f4ba2f;
}

.advanced .right-side-widget .table td,
.advanced .right-side-widget.table th {
	padding: 5px;
	font-weight: 600;
	font-size: 10px;
	text-align: center;
}

.advanced .right-side-widget .star-inner input[type=checkbox] {
	display: none;
}

.advanced .right-side-widget .star-inner label {
	color: #999;
	margin-right: 5px;
	font-size: 10px;
}

.advanced .right-side-widget .dataTables_filter label {
	width: 100%;
	margin: 0;
}

.advanced .right-side-widget .dataTables_filter label input {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
	height: 20px;
}

.advanced .right-side-widget .star-inner input:checked+label {
	color: #f4ba2f;
}

.advanced .right-side-widget .star-inner label {
	margin-bottom: 0
}

.advanced .right-side-widget .dataTables_info {
	display: none;
}

.advanced .right-side-widget .table {
	margin-bottom: 0;
	background-color: transparent;
	color: #fff;
}

.advanced .right-side-widget .inner {
	background-color: #131723;
}

.advanced .right-side-widget .table thead {
	border-bottom: 1px solid #2f333f;
}

.advanced .right-side-widget .table.no-header {
	padding-top: 10px;
	padding-bottom: 10px;
}


.advanced .center-widget {
	background-color: #2f333f;
	border: 1px solid #363c4d;
	border-radius: 0;
	overflow: hidden;
	font-size: 12px;
	padding: 5px;
	margin-top: 0;
}

.advanced .center-widget .nav-tabs {
	background-color: #131724;
	border-color: #2f333f;
}

.advanced .center-widget .nav-tabs .nav-link {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #131724;
	border-radius: 0;
	padding: 10px 15px;
	font-weight: 600;
}

.advanced .center-widget .nav-tabs .nav-item {
	margin-bottom: 0;
}

.advanced .center-widget .nav-link:first-child {
	border-left: 0
}

.advanced .center-widget .nav-link:last-child {
	border-right: 0
}

.advanced .center-widget .nav-tabs .nav-item.show .nav-link,
.advanced .center-widget .nav-tabs .nav-link.active,
.advanced .center-widget .nav-tabs .nav-item:hover,
.advanced .center-widget .nav-tabs .nav-item:focus,
.advanced .center-widget .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #242938;
	color: #f4ba2f;
}

.advanced .center-widget .tab-content {
	background-color: #131724;
	padding: 10px;
	color: #fff;
	/*height: 30vh;*/
	overflow: auto;
}

.advanced .center-widget h6.title {
	font-size: 1.1em;
	margin-top: 1em;
}

.advanced .center-widget label {
	margin-bottom: 5px;
}

.advanced .center-widget input {
	font-size: 11px;
	padding: 5px 10px;
	border-radius: 2px;
	color: #fff;
	background-color: #252a39;
	border-color: #252a39;
}

.advanced .center-widget .form-group {
	margin-bottom: 10px;
}

.advanced .percent-btns a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 11px;
	color: #FFF;
	font-weight: 600;
}

.advanced .percent-btns a:hover,
.advanced .percent-btns a:focus,
.advanced .percent-btns a:active {
	border-color: #f4ba2f;
	color: #FFF;
	text-decoration: none;
}

.advanced .center-widget .btn {
	width: 100%;
	display: block;
	padding: 5px;
	color: #fff !important;
	border: 0;
	background-color: #f4ba2f;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

.advanced .center-widget .btn:hover,
.advanced .center-widget .btn:focus,
.advanced .center-widget .btn:active {
	background-color: #e6ad23;
}



.advanced .order-widget {
	background-color: #2f333f;
	border: 1px solid #363c4d;
	border-radius: 0;
	overflow: hidden;
	font-size: 12px;
	padding: 5px;
	margin-top: 0;
}

.advanced .order-widget .nav-tabs {
	background-color: #131724;
	border-color: #2f333f;
}

.advanced .order-widget th {
	color: #eee;
}

.advanced .order-widget td {
	border-color: #333333;
}

.advanced .order-widget .nav-tabs .nav-link {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	border-top: 0;
	border-bottom: 0;
	background-color: #131724;
	border-radius: 0;
	padding: 10px 15px;
	font-weight: 600;
}

.advanced .order-widget .nav-tabs .nav-item {
	margin-bottom: 0;
}

.advanced .order-widget .nav-link:first-child {
	border-left: 0
}

.advanced .order-widget .nav-link:last-child {
	border-right: 0
}

.advanced .order-widget .nav-tabs .nav-item.show .nav-link,
.advanced .order-widget .nav-tabs .nav-link.active,
.advanced .order-widget .nav-tabs .nav-item:hover,
.advanced .order-widget .nav-tabs .nav-item:focus,
.advanced .order-widget .nav-tabs .nav-item:active {
	border-top: 0;
	border-radius: 0;
	background-color: #242938;
	color: #f4ba2f;
}

.advanced .order-widget .tab-content {
	background-color: #131724;
	padding: 10px;
	color: #777;
	height: 30vh;
	overflow: auto;
}

.advanced .order-widget h6.title {
	font-size: 1.1em;
	margin-top: 1em;
}

.advanced .order-widget label {
	margin-bottom: 5px;
}

.advanced .order-widget input {
	font-size: 11px;
	padding: 5px 10px;
	border-radius: 2px;
	color: #fff;
	background-color: #252a39;
	border-color: #252a39;
}

.advanced .order-widget .form-group {
	margin-bottom: 10px;
}

.advanced .percent-btns a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 11px;
	color: #FFF;
	font-weight: 600;
}

.advanced .percent-btns a:hover,
.advanced .percent-btns a:focus,
.advanced .percent-btns a:active {
	border-color: #f4ba2f;
	color: #FFF;
	text-decoration: none;
}

.advanced .order-widget .btn {
	width: 100%;
	display: block;
	padding: 5px;
	color: #fff !important;
	border: 0;
	background-color: #f4ba2f;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

.advanced .order-widget .btn:hover,
.advanced .order-widget .btn:focus,
.advanced .order-widget .btn:active {
	background-color: #e6ad23;
}

.advanced .order-widget .table thead th {
	border: 0;
}

.tradingview-widget-container {
	max-height: 720px;
}

.advanced .tradingview-widget-container {
	max-height: 100%;
	height: 100%;
}


.info-table-outer {
	padding: 20px;
	background-color: #fff;
	font-size: 12px;
	font-weight: 600;
	overflow: auto;
}

.info-data-table thead {
	background-color: #f4f4f4;
}

.info-data-table img {
	height: 20px;
	float: left;
	margin-right: 7px;
}

.info-data-table span.name {
	margin-left: 5px;
	color: #666;
}

.currency-select {
	position: relative;
	top: 4em;
}

.register-card {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 auto;
	max-width: 500px;
	margin-top: 10vh;
}

.register-card .input-group {
	background-color: #fff;
	border: 1px solid #eee;
}

.register-card .input-group input {
	border: 0;
	font-size: 1.6rem;
	padding: 8px 12px;
}

.register-card .input-group .input-group-addon {
	margin-top: 10px;
	margin-left: 12px;
}

.register-card img.logo {
	height: 30px;
	width: auto;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

.register-card .btn {
	display: block;
	border-radius: 2px;
	/*margin-top: 30px;*/
	font-weight: 900;
	border: 0;
	cursor: pointer;
	font-size: 1.6rem;
}

.register-card .btn:hover,
.register-card .btn:active,
.register-card .btn:focus {

	background-color: #f12f58;
}

.register-card h6 {
	margin-bottom: 24px;
}

.register-container .copyrights {
	text-align: center;
	margin-top: 3em;
}

.register-container .copyrights p {
	margin: 0;
	opacity: 0.6;
}

.register-card .note {
	margin-top: 2em;
	margin-bottom: 0;
	font-weight: 600;
}

.register-card .note a {
	color: #f4ba2f;
}

.register-card .pull-right {
	float: right;
}

.home-data-table .tab-content {
	overflow: auto;
}

.home-data-table .star-inner {
	min-width: 100px;
}

.page-container.second-panel {
	background: url(/img/panel/bg.png) no-repeat;
	background-position: center center;
}

.page-container.advanced {
	background-color: #2f333f;
}

.profile-head {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
	padding: 15px 20px;
	margin-top: 3em;
}

.profile-img {

	width: 70px;
	height: 70px;
	float: left;
	background-size: cover;
	background-position: center center;
	border-radius: 100%;
}


.yellow-color {
	color: #f4ba2f;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 5px;
}

.switch input {
	display: none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

.slider.round:before {
	border-radius: 50%;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider.round {
	border-radius: 34px;
}

input:checked+.slider {
	background-color: #f4ba2f;
}

.profile-level {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
	padding: 15px 20px;
	margin-top: 3em;
}

.levels {
	padding: 0;
}

.levels li {
	float: left;
	width: 33%;
	text-align: center;
	position: relative;
	list-style: none;
	padding: 10px;
}

.levels li h4 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	height: 34px;
}

.levels li p {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px;
	display: inline-block;
	background-color: #fff;
	padding: 0px 10px;
	z-index: 1;
	position: relative;
}

.levels li.curlevel p,
.levels li.curlevel p .iconfont {
	color: #f4ba2f;
}

.levels li:first-child:after {
	display: none;
}


.levels li:after {
	content: '';
	display: inline-block;
	width: 130px;
	height: 3px;
	background: #eaeaea;
	position: absolute;
	left: -66px;
	bottom: 26px;
}

.dropdown-menu {
	padding: 0;
	border-radius: 0;
}

.dropdown-menu .dropdown-item {
	padding: 10px 20px;
	font-size: 14px;
}

.pro.card {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 3em;
}

.pro.card .card-header h6 {
	margin-bottom: 0;
}

.pro.card .card-body {
	padding: 0.5rem;
}

.btn-yellow {
	min-width: 100px;
	display: inline-block;
	padding: 5px 15px;
	color: #fff !important;
	border: 0;
	background-color: #f4ba2f;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
	background-color: #e6ad23;
}

.card-bg-icon {
	position: absolute;
	right: 0.5em;
	bottom: 0.2em;
	font-size: 5em;
	opacity: 0.2;
}

.yellow-link {
	color: #e6ad23;
}

.yellow-link:hover,
.yellow-link:focus,
.yellow-link:active {
	color: #e6ad23;
}

.last-table {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
}

.last-table thead {
	background-color: #f4f4f4;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.balance-table td a {
	color: #333;
}

.balance-table td a.outline-btn {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #dcdcdc;
	font-size: 10px;
}

.withdarw-box {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	font-size: 12px;
	margin-top: 3em;
	padding: 15px;
}

.withdarw-box select img {
	height: 20px;
}

.withdarw-box .imp {
	padding: 10px 20px;
	background-color: #f4f4f4;
}

.container {
	margin-bottom: 25px;
}

.mt-0 {
	margin-top: 0;
}

.mb-0 {
	margin-bottom: 0;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #cccccc;
	border: 0;
}

.btn-primary.disabled:hover .btn-primary:disabled:hover {
	background-color: #cccccc;
}

input.verified {
	border: 1px solid #28a745;
	background-color: #c2e2d0;
}

.alert-wrapper {
	display: flex;
	align-items: center;
}

.alert .alert-wrapper .icon-wrapper {
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin-right: 5px;
}

.kyc-title {
	display: inline-block;
	width: 30%;
	text-align: right;
	padding-right: 10px;
}

.kyc-input {
	padding: 0 0.75rem;
	width: 60%;
	display: inline-block;
}

.kyc-input::placeholder {
	font-size: 9pt;
}

.card-content-body .instruction-labels {
	display: flex;
	margin-bottom: 40px;
}

.card-content-body .legend {
	width: 26px;
	height: 26px;
	color: #fff;
	margin-right: 20px;
	font-size: 24px;
}

.card-content-body .content-labels,
.help-center-body-wrapper .help-center-paragraph-wrapper {
	display: flex;
	flex-flow: column wrap;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.btn-buy {
	background-color: #70a800 !important;
}

.btn-sell {
	background-color: #ea0070 !important;
}


.table td,
.table th {
	padding: .75rem 0.25rem;
	vertical-align: middle;
	border-top: 1px solid #dee2e6;
}

.pair-row th {
	padding-right: 0;
}

.pair-row.active {
	background-color: #132730;
}


.balance-table a.outline-btn {
	margin: 0 5px;
}

.add-attachment-input {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
}

.footer-logo {
	float: left;
	width: 120px;
	margin: 20px 0;
	vertical-align: middle;
	padding: 0 20px;
}

.footer-copyright {
	float: left;
	height: 135px;
	font-size: 13px;
	color: #727982;
	border-left: 1px solid #727982;
}


@media (max-width: 575.98px) {
	#chart {
		width: 100%;
		xheight: 50vh !important;
	}

	#tradingview {
		xheight: 100vh !important;
	}

	.wallet-address {
		display: inline-block;
		width: 80px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.webSlider {
		display: none;
	}

}

@media (min-width: 576px) {
	#chart {
		width: 100%;
		height: 100%;
		min-height: 720px;
	}

	#tradingview {
		/*height: 720px;*/
		min-height: 720px;
		height: 100%;
	}

	.wallet-address {
		display: inline-block;
		width: 160px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.mobileSlider {
		display: none;
	}
}


@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese);
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');



*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	overflow: auto;
	font-family: 'NanumSquare', sans-serif;
	background: #fff;
}

.contents-wrap {
	min-height: calc(100vh);
	padding-bottom: 100px;
	background: #121414;

}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

.d-none {
	display: none !important;
}

button {
	border: none;
}

input {
	height: 43px;
	border-radius: 4px;
	width: 100%;
	border: 0;
	outline: 0;
	color: #333;
	font-family: 'NanumSquare', sans-serif;
}

input[type="password"] {
	font-family: 'NanumGothic', sans-serif;
}

input,
.chat-box ul li span {
	font-family: 'NanumGothic', sans-serif;
}


input.border {
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
}

input.border:disabled {
	background-color: #e9ecef;
}

span.tit {
	font-weight: bold;
	color: #fff;
	font-size: 1em;
}

.table-responsive td {
	color: #333333;
}

ol,
ul {
	list-style: none;
}

h3 {
	font-size: 1.75em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.25em;
	font-weight: bold;
}


.table-1000 {
	min-width: 1000px;
}

#pagenation {
	text-align: center;
}



header {
	width: 100%;
	height: 80px;
	background: rgba(0, 0, 0, 0.7);
	display: inline-block;
}

nav {
	display: flex;
	height: 80px;
	align-items: center;
}

nav a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	transition: 0.3s;
}

nav a:hover {
	color: #5d9aff;
	text-decoration: underline;
	font-size: 16px;
}

nav .menu {
	display: flex;
	gap: 30px;
	margin-left: 90px;
}

nav .right-menu {
	display: flex;
	margin-left: auto;
}

nav .right-menu a {
	color: #5c99ff;
	font-weight: bolder;
	transition: all 0.3s;
}

nav .right-menu a:hover {
	color: #fff;
	text-decoration: underline;
}

nav .right-menu li {
	padding: 0rem 1.8rem;
}

nav .right-menu li:not(:last-child) {
	padding: 0rem 1.8rem;
	border-right: 1px solid #5c99ff;
}

nav .right-menu select {
	padding: 0rem 1.8rem;
	width: 100px;
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/select-arrow.png) no-repeat 95% 50%;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;

	font-weight: bolder;
	font-size: 16px;

}

.menu-open,
.menu-close {
	display: none;
}

@media only screen and (max-width: 900px) {
	.menu-open {
		display: block;
		margin: 0 15px;
		z-index: 100000;

	}

	.menu-open div {
		width: 30px;
		height: 3px;
		background-color: #fff;
		margin: 6px 0;
	}

	.menu-close {
		display: block;
		color: #fff;
		font-size: 16px;
		width: 20px;
		height: 20px;
		border: 1px solid #fff;
		text-align: center;
		position: absolute;
		right: 14px;
		top: 0;
		line-height: 0.9;
	}

	nav .menu,
	nav .right-menu {
		display: flex;
		gap: 30px;
		position: absolute;
		left: -320px;
		flex-direction: column;
		top: 80px;
		background: rgba(0, 0, 0, 0.8);
		z-index: 10000;
		margin-left: 0;
		width: 320px;
		padding-left: 30px;
		padding: 30px;
	}

	nav .right-menu {
		top: 450px
	}

	nav .right-menu li:not(:last-child) {
		padding: 0;
		border-right: none;
	}

	nav .right-menu select {
		padding: 0;
	}
}


.main-section-1 {
	width: 100%;
	height: 540px;
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/section-1-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -80px;
	z-index: -1;
}

.main-section-1 .txt-wrap {
	width: 100%;
	height: 540px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}

.main-section-1 h1 {
	color: #a7ef61;
	font-size: 4rem;
	margin-bottom: 30px;
	margin-top: 30px;
}

.main-section-1 .txt {
	line-height: 1.8;
	font-size: 2rem;
}

.main-section-1 .link {
	display: block;
	width: 240px;
	height: 54px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 2px solid #5d9aff;
	color: #5d9aff;
	border-radius: 30px;
	line-height: 54px;
	font-size: 2.2rem;
	font-weight: 600;
	margin: 0 auto;
	margin-top: 67px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s;
}

.main-section-1 .link:hover {
	background: rgba(255, 255, 255, 1)
}

.main-section-2 {
	background: #fff;
}

.main-section-2 .container {
	padding: 100px 0;
}

.section-tit {
	height: 100px;
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/symbol-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 40px;
}

.section-tit h2 {
	font-size: 3rem;
	color: #302a4e;
}

.section-tit h3 {
	font-size: 2rem;
	color: #6f6d7a;
}

.section-tit h3 span {
	font-weight: bold;
	color: #302a4e;
	font-size: 2rem;
	margin-right: 6px;
}

.main-section-3 h2 {
	color: #5d9aff;
}

.main-section-2 ul {
	display: flex;
	gap: 5%;
}

.main-section-2 ul li {
	width: 30%;
	height: 420px;
	border-radius: 40px;
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/section-2-1-bg.jpg);
	position: relative;
}

.main-section-2 ul li:nth-child(2) {
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/section-2-2-bg.jpg);
}

.main-section-2 ul li:nth-child(3) {
	background: url(https://s3-ap-southeast-1.amazonaws.com/cdn.fxworld.xyz/images/section-2-3-bg.jpg);
}


.main-section-2 .txt-wrap {
	text-align: center;
	margin-top: 70px;
}

.main-section-2 .txt-wrap .tit {
	margin: 40px 0 30px;
	color: #fff;
	font-size: 2rem;
}

.main-section-2 .txt-wrap .circle {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 30px;

}

.main-section-2 .txt-wrap .circle.blue {
	background: #8db4ff;
}

.main-section-2 .txt-wrap .circle.green {
	background: #ccfbba
}

.main-section-2 .txt-wrap .circle.yellow {
	background: #ffe097
}

.main-section-2 .txt-wrap .desc {
	color: #fff;
	width: 68%;
	margin: 0 auto;
	font-size: 1.7rem;
	line-height: 1.5;
}

.main-section-2 li .numbering {
	width: 48px;
	height: 48px;
	background: #fff;
	position: absolute;
	bottom: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-section-2 li .numbering span {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 3px solid #bcc6cd;
	color: #bcc6cd;
	line-height: 1.9;
	font-weight: bold;
}

.main-section-3 {
	background: #f4f4f0;
}

.main-section-3 .container {
	padding: 40px 0;
}

.main-section-3 ul {
	display: flex;
	gap: 5%;
}

.main-section-3 ul li {
	width: 30%;
	height: 290px;
	text-align: center;

}

.main-section-3 .txt-wrap .tit {
	font-size: 2rem;
	margin: 40px 0 25px;
	font-weight: bold;
}

.main-section-3 .bar {
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}

.main-section-3 .bar>div {
	width: 30px;
	height: 2px;
	background: rgba(93, 154, 255, 0.3);
}

.main-section-3 .bar>div.bar-active {
	background: rgba(93, 154, 255, 1);
}

.main-section-3 .txt-wrap .desc {
	font-size: 1.8rem;
	color: #9b9b9b;
}

.main-section-4 {
	background: #020c0e;
	color: #fff;
	padding: 110px 0 130px;
}

.main-section-4 h2 {
	font-size: 3rem;
	font-weight: bolder;
	margin-bottom: 20px;
}

.main-section-4 h3 {
	font-size: 1.8rem;
	color: #b7babe;
	line-height: 1.5;
}

.main-section-4 .inner {
	display: flex;
	justify-content: space-between;
}

.main-section-4 .inner ul {
	display: flex;
	gap: 28px;
	margin-top: 30px;
}


.main-section-4 .link {
	display: block;
	width: 277px;
	height: 54px;
	background-color: #5d9aff;
	color: #fff;
	border-radius: 30px;
	line-height: 54px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 67px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
}

footer {
	background-color: #020c0e !important;
}

footer .container {
	border-top: 1px solid #4e5557;
	padding: 70px 0;
}

footer .logo {
	filter: grayscale(0.8);
}

footer p {
	line-height: 1.8;
}


@media only screen and (max-width: 900px) {
	html {
		font-size: 8px;
	}

	.main-section-1 .txt-wrap {
		width: 80%;
		margin: 0 auto;
	}

}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 480px) {

	.main-section-2 ul,
	.main-section-3 ul {
		display: flex;
		gap: 20px;
		flex-direction: column;
	}

	.main-section-2 ul li,
	.main-section-3 ul li {
		width: 80%;
		margin: 0 auto;
	}

	.main-section-4 .device {
		display: none;
	}



}


/*20210408*/
.form-group {
	margin-bottom: 1.6rem;
}

.register-container h6 strong {
	font-size: 1.8rem;
}

.form-check {
	position: relative;
	display: block;
	padding-left: 0;
	height: 50px;
}

.form-check-input {
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	left: 0;
	width: 23px;
	height: 23px;
}

body.night .form-check-label {
	margin-left: 35px;
}


.profile-head,
.profile-level {
	height: 150px;
}

.card.pro .btn-yellow {
	margin-top: 20px;
}

.pro.card .card-body {
	padding: 1.6rem;
}

.card-header {
	padding: 1.6rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.btn.btn-primary.w-100 {
	padding: 1.6rem;
}

.form-control {
	font-size: 1.6rem;
}

.register-container .container {
	padding-top: 10vh;
}

.register-card {
	margin-top: 0;
}

.sub-page-title p,
.asset-box .select-box div {
	color: #fff;
	text-align: center;
	font-size: 2.4rem;
	padding-top: 20px;
	padding: 30px;
}



.section-title>ul>li {
	font-size: 16px;
	color: #fff !important;
	float: left;
	margin-left: 22px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.section-title>ul>li>a {
	color: #fff;
	font-size: 16px;
}

.section-title>ul>li:first-child {
	margin-left: 0px;
}


.section-title>ul>li.active {
	border-bottom: 2px solid #f53b3b;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.section-title>ul>li a:hover {
	text-decoration: none;
	color: #f53b3b;
}


.assets-section .section-title {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	width: 100%;
	margin-bottom: 40px;
	align-items: center;
}

.assets-section .section-title>div {
	text-align: center;
	font-size: 20px;
}



.assets-section .section-title i {
	height: 31px;
	width: 33px;
	margin-bottom: 30px;
}

.assets-section .section-title .desc {
	font-size: 22px;
	margin-left: 20px;
	width: 45px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}


.assets-section .section-content {
	width: 100%;
	height: auto;
	xmargin: 40px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}

.assets-section .section-info {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	background-color: #373e45;
	height: auto;
	width: 100%;
	padding: 1em;
	position: relative;
}

.assets-section .section-info ul {
	list-style-type: none;
}

.assets-section .section-info ul li {
	margin: 5px 0;
	line-height: 2em;
	color: #f3d9a9;
	font-size: 11px;
}

.assets-section.section-1 {
	padding: 50px 0;
	/*background: #232a3e;*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
}

.assets-section.section-1 .currency-card {
	height: 400px;
	width: 45%;
	margin-bottom: 20px;
	flex: 1 1 auto;
}

@media (max-width: 992px) {
	.assets-section.section-1 {
		height: auto;
		padding: 2em 1em;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.assets-section.section-1 .currency-card {
		height: auto;
		margin: 10px 0;
		width: 100%;
		padding-bottom: 20px;
	}
}

.assets-section.section-2 {
	padding: 50px 0;
	width: 100%;
	/*background: #232a3e;*/
}

#rolling .assets-section.section-2,
#affliate .assets-section.section-2 {
	height: 100%;
	min-height: calc(100vh - 315px);
}


@media (max-width: 992px) {
	.assets-section.section-2 {
		padding: 50px 0;
	}
}

.section-content {
	max-width: 1280px;
	margin: 0 auto;
}

.assets-section.section-2 .asset-table {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.assets-section.section-2 .asset-table .header {
	background-color: #232a3e;
	height: auto;
	width: 100%;
	padding: 0 0 20px 0;
}

.assets-section.section-2 .asset-table .header .title {
	width: 100%;
}

.assets-section.section-2 .asset-table .header .title .label {
	color: #a4aaae;
}

@media (max-width: 992px) {
	.assets-section.section-2 .asset-table .header {
		padding: 10px 0px;
		margin-bottom: 10px;
	}

	.assets-section.section-2 .asset-table .header .title {
		padding: 10px 10px 0;
	}

	.assets-section.section-2 .asset-table .header .actions {
		margin-top: 0px;
	}
}

.assets-section.section-2 .asset-table .body {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
}

@media (max-width: 992px) {
	.assets-section.section-2 .asset-table .body.web {
		display: none;
	}
}

.assets-section.section-2 .asset-table .body.mobi {
	display: none;
}

@media (max-width: 992px) {

	.assets-section.section-2 .asset-table .body.mobi {
		display: flex;
	}
}

.assets-section.section-2 .asset-table .footer {
	height: auto;
	margin-top: 20px;
}

.assets-section.section-2 .table-component {
	width: 100%;
}

.assets-section.section-2 .table-component * {
	font-size: 16px;
}

.assets-section.section-2 .table-component .table-header-wrapper {
	background: #373e45;
	padding: 0 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.assets-section.section-2 .table-component .table-header-wrapper .table-header-column {
	width: 14%;
	color: #ffffff;
}

.assets-section.section-2 .table-component .table-header-wrapper .table-header-column span {
	color: #fff;
}

.assets-section.section-2 .table-component .table-header-wrapper .table-header-column.type {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
}

.assets-section.section-2 .table-component .table-content-wrapper {
	min-height: 100px;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}

.assets-section.section-2 .table-component .table-content-wrapper .content-table-row {
	width: 100%;
	padding: 10px 30px;
	margin-bottom: 5px;
	height: 70px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.assets-section.section-2 .table-component .table-content-wrapper .content-table-row .content-row {
	flex: 1 1 auto;
	padding: 0px;
	height: 100%;
}

.assets-section.section-2 .table-component .table-content-wrapper .content-table-row .content-row .content-data {
	width: 14%;
	padding: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	/*align-items: flex-start;
		align-content: flex-start;*/
}

.assets-section.section-2 .table-component .table-content-wrapper .content-table-row .content-row .content-data.address span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: normal;
	word-wrap: normal;
}

.assets-section.section-2 .table-component .table-content-wrapper .content-table-row .content-row .content-data span {
	word-break: break-word;
	word-wrap: break-word;
}


a {
	text-decoration: none;
}



.ao-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	padding-bottom: 25px;
	margin: 0 15px;
}

.ao-pagination .pagination-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	height: 60px;
}

.ao-pagination .pagination-items {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	margin-bottom: 0px;
	list-style: none;
	padding: 0 25px;
	padding: 0;
}

.ao-pagination .pagination-item {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	border-radius: 5px;
	margin-right: 0;
	font-weight: 500;
	flex: 0 0 auto;
	height: 35px;
	width: 35px;
	font-size: 14px;
	cursor: pointer;
}

.ao-pagination .pagination-item.active {
	color: #fff;
	background-color: #373e45 !important;
}

.ao-pagination .pagination-item a {
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 35px;
	color: #a5a5a6;
}

.text-wrap {
	line-height: 1.9em;
}

/*투자 2021-05-03*/

.invest .tab {
    display: flex;
	overflow: hidden;
}

.invest .tab>li {
	font-size:16px
}

.invest .tab>li {
	display: inline-block;
	width:100%;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	background-color: #525252;
	color: #fff;
}

.invest .tab>li.on {
	background-color: #D1BB7A;
	color: #fff;
}

.invest .tab_con {
	clear: both;
	margin-top: 5px;
	border: 1px solid #ddd;
}

.invest .tab_con>div {
	display: none;
	background: #fff;
	text-align: center;
}

.tab-sub-title {
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	border-bottom: 2px solid #D1BB7A;
	text-align: left;
	padding-left: 20px;
}

.tab-sub-title p{
	font-size:16px;
	color: #D1BB7A;
}



.invest .con-1 ul.sub-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 20px 0;
}

.invest .con-1 ul.sub-1  li {
	font-weight: bold;
	width: 24%;

}

.invest .con-1 ul.sub-1 li input {
	border: 1px solid #d6d6d6;
	background: #fafafa;
	height: 34px;
	width: 80%;
    margin-left: 2%;
}
.invest .con-1 .btn-wrap{
	background:#fffbef ;
	padding: 20px;
}

.invest .con-1 .btn-wrap>div{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.invest .con-1 .btn-wrap p{
	margin-top:15px;
	 color:#D1BB7A;
	 font-weight: bold;
}

.invest .con-1 button{
	width: 60px;
	height: 30px;
	background: #D1BB7A;
	color: #fff;
}


.invest .con-1 ul.sub-2 {
    margin-top: 20px;
}



.invest .con-1 ul.sub-2 div:first-child{
    font-weight: bold;
}

.invest .con-1 ul.sub-2  li {
	display: flex;
    gap: 10px;
    padding-left: 20px;
	margin-top: 20px;
	line-height: 35px;
	font-size: 14px;
	text-align: left;

}

.invest .con-1 ul.sub-2  li div {
	font-size: 12px;
}

.invest .con-1 ul.sub-2 select{
	background:#fafafa ;
	border: 1px solid #d6d6d6;
	height: 32px;
	margin-left: 7px;

}

.invest .con-1 ul.sub-2 input{
width: 50%;
background:#fafafa ;
border: 1px solid #d6d6d6;
}

.invest .con-1 .btn-wrap-2{
width: 100%;
display: flex;
padding: 20px 0;
justify-content: center;
gap: 10px;

}

.invest .con-1 .btn-wrap-2 button{
	height: 53px;
	width: 30%;

}

.invest .con-1 .btn-wrap-2 button.btn-invest-start{
background: #da2525;

}

.invest .con-1 .btn-wrap-2 button.btn-invest-stop{
	background: #2598da;
}

@media (max-width: 400px) {
	.invest .container{
padding: 0;
	}
}

body.night .invest table{
	font-size: 16px;
	margin-bottom: 0;
}
body.night .invest table.invest th{
	background:#fffbef;
	xheight: 60px;
	color: #373737;
	border-top: 1px solid #D1BB7A;
	font-weight: bold;
	font-size: 16px;

}


body.night .invest td{
	height: 60px;
	color: #373737 !important;
	border-top: 1px solid #D1BB7A !important;


}

body.night .invest table.invest tr:nth-child(odd){
	background:#fafafa ;
}

body.night .invest table.invest tr:nth-child(even){
	background:#ffffff ;
}


.invest table .sell{
	color: #2598da;
	font-weight: bold;
}

.invest table .buy{
	color: red;
	font-weight: bold;
}

.text-wrap {
	color: #f0f0f0;
}

.btn-money {
	font-size: 1.1em;
}