@font-face {
	font-family: "SFUFunctionCondensed";
	src: url(../font/SFUFunctionCondensed/SFUFunctionCondensed.TTF);
}

@font-face {
	font-family: "OPMFONT-lUA";
	src: url(../font/SFUFunctionCondensed/OPMFONT.lUA.otf);
}

.section--1 {
	background: url(../images/Desktop/fr1_bg.jpg) no-repeat;
	height: 1026px;
}

.section--2 {
	background: url(../images/Desktop/fr2_bg.jpg) no-repeat;
	height: 990px;
	margin-top: -2px;
}

.section--3 {
	background: url(../images/Desktop/fr3_bg.jpg) no-repeat;
	height: 998px;
	margin-top: -1px;
}

.section--4 {
	background: url(../images/Desktop/fr4_bg.jpg) no-repeat;
	height: 926px;
	margin-top: -3px;
}

.section--footer {
	height: auto;
	padding: 50px;
	background: #000;
	margin-top: -1px;
}

.section--1 .btn-napngay {
	display: block;
	background-image: url(../images/_img-sprites/_img_comon.png);
	background-position: -349px -87px;
	width: 423px;
	height: 139px;
	position: absolute;
	bottom: 72px;
	left: 50%;
	transform: translateX(-50%);
}

.section--2 .frame2__inner {
	padding: 4% 10% 4% 35%;
}

.frame2__inner .description,
.frame2__inner .description a,
.frame3__inner .description,
.frame3__inner .description a,
.frame4__inner .description,
.frame4__inner .description a {
	font-family: "SFUFunctionCondensed";
	font-style: italic;
	font-size: 28px;
	text-align: center;
	color: #fff;
	margin-top: 25px;
	text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}

.frame4__inner .description,
.frame4__inner .description a {
	margin-top: 0;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 40k */
.section--2 .exchange2__item--1 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -12px -7px;
	width: 301px;
	height: 310px;
}

.section--2 .exchange2__item--1.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -330px -16px;
	width: 302px;
	height: 312px;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 180k */
.section--2 .exchange2__item--2 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -644px -17px;
	width: 301px;
	height: 310px;
}

.section--2 .exchange2__item--2.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -963px -24px;
	width: 303px;
	height: 310px;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 500k */
.section--2 .exchange2__item--3 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -10px -341px;
	width: 302px;
	height: 310px;
}

.section--2 .exchange2__item--3.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -330px -343px;
	width: 302px;
	height: 310px;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 1200k */
.section--2 .exchange2__item--4 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -653px -353px;
	width: 302px;
	height: 310px;
}

.section--2 .exchange2__item--4.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -978px -360px;
	width: 302px;
	height: 310px;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 2500k */
.section--2 .exchange2__item--5 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -16px -673px;
	width: 302px;
	height: 310px;
}

.section--2 .exchange2__item--5.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -336px -682px;
	width: 302px;
	height: 310px;
}

/* nĂ¡ÂºÂ¡p tĂ­ch lÅ©y mĂ¡Â»â€˜c 4500k */
.section--2 .exchange2__item--6 .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -658px -692px;
	width: 302px;
	height: 310px;
}

.section--2 .exchange2__item--6.received .exchange2__thumbnail {
	background: url(../images/_img-sprites/nap-tich-luy.png);
	background-position: -974px -698px;
	width: 302px;
	height: 310px;
}

.exchange2__status-text {
	position: relative;
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -358px -229px;
	width: 358px;
	height: 74px;
}

.exchange2__status-text,
.exchange_refresh__cta {
	font-family: "SFUFunctionCondensed";
	font-size: 30px;
	font-style: italic;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;

}

.exchange_refresh__cta {
	position: relative;
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -342px -310px;
	width: 255px;
	height: 84px;
}

.exchange_group.exchange2__group {
	display: grid;
	grid-template-columns: 30% 30% 30%;
	justify-content: space-between;
	grid-row-gap: 30px;
	text-align: center;
}

.exchange2-group {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-bottom: 20px;
}

.exchange2__action {
	display: block;
	font-size: 0;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.exchange2__action.off,
.exchange3__action.off {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -602px -373px;
	width: 147px;
	height: 45px;
}

.exchange2__action.received,
.exchange3__action.received {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -615px -427px;
	width: 142px;
	height: 48px;
}

.exchange2__action.active,
.exchange3__action.active {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -602px -318px;
	width: 147px;
	height: 45px;
}

.section--3 .frame3__inner {
	padding: 4% 10% 4% 35%;
}

.exchange3__action {
	display: block;
	font-size: 0;
	position: absolute;
	bottom: -15px;
	left: 42%;
	transform: translateX(-50%);
}

.exchange_group.exchange3__group {
	width: 100%;
	display: flex;
	justify-content: space-between;
	grid-row-gap: 60px;
	text-align: center;
	flex-wrap: wrap;
	margin: 40px 0;
}

/* NĂ¡ÂºÂ¡p Ă„â€˜Ä‚Âºng mĂ¡Â»â€˜c 100K */
.section--3 .exchange3__item--1 .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -5px -70px;
	width: 423px;
	height: 328px;
	display: block;
}

.section--3 .exchange3__item--1.received .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -9px -404px;
	width: 423px;
	height: 328px;
	display: block;
}

/* NĂ¡ÂºÂ¡p Ă„â€˜Ä‚Âºng mĂ¡Â»â€˜c 400K */
.section--3 .exchange3__item--2 .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -425px -59px;
	width: 423px;
	height: 328px;
	display: block;
}

.section--3 .exchange3__item--2.received .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -429px -395px;
	width: 423px;
	height: 328px;
	display: block;
}

/* NĂ¡ÂºÂ¡p Ă„â€˜Ä‚Âºng mĂ¡Â»â€˜c 1000K */
.section--3 .exchange3__item--3 .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -844px -50px;
	width: 423px;
	height: 328px;
	display: block;
}

.section--3 .exchange3__item--3.received .exchange3__thumbnail {
	background: url(../images/_img-sprites/nap-theo-moc.png);
	background-position: -858px -388px;
	width: 423px;
	height: 328px;
	display: block;
}

.exchange_item {
	position: relative;
	margin: auto;
}

.frame4__inner {
	padding: 8% 3% 0% 3%;
}

.frame4__inner .exchange_item {
	position: relative;
	margin: 0 45px 70px;
}

.exchange_group.exchange4__group {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap-reverse;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.exchange4__action {
	display: block;
	font-size: 0;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

.exchange4__item--1 .exchange4__action.active,
.exchange4__item--2 .exchange4__action.active,
.exchange4__item--3 .exchange4__action.active,
.exchange4__item--4 .exchange4__action.active,
.exchange4__item--5 .exchange4__action.active,
.exchange4__item--6 .exchange4__action.active,
.exchange4__item--7 .exchange4__action.active {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -263px -180px;
	width: 230px;
	height: 71px;
}

/* ngĂ y 1 */
.exchange4__item--1 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -17px -15px;
	width: 230px;
	height: 75px;
}

.exchange4__item--1 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -17px -99px;
	width: 230px;
	height: 75px;
}

.section--4 .exchange4__item--1 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -9px -267px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--1.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -386px -262px;
	width: 375px;
	height: 277px;
	display: block;
}

/* ngĂ y 2 */
.exchange4__item--2 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -760px -178px;
	width: 234px;
	height: 74px;
}

.exchange4__item--2 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -507px -178px;
	width: 234px;
	height: 74px;
}

.section--4 .exchange4__item--2 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -763px -267px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--2.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1140px -273px;
	width: 375px;
	height: 277px;
	display: block;
}

/* ngĂ y 3 */
.exchange4__item--3 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -278px -9px;
	width: 234px;
	height: 74px;
}

.exchange4__item--3 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -262px -97px;
	width: 234px;
	height: 74px;
}

.section--4 .exchange4__item--3 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -5px -550px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--3.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -387px -553px;
	width: 375px;
	height: 277px;
	display: block;
}

/* ngĂ y 4 */
.exchange4__item--4 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -518px -10px;
	width: 234px;
	height: 75px;
}

.exchange4__item--4 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -507px -92px;
	width: 234px;
	height: 75px;
}

.section--4 .exchange4__item--4 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -764px -558px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--4.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1139px -554px;
	width: 375px;
	height: 277px;
	display: block;
}

/* ngĂ y 5 */
.exchange4__item--5 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -762px -13px;
	width: 234px;
	height: 75px;
}

.exchange4__item--5 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -755px -95px;
	width: 234px;
	height: 75px;
}

.section--4 .exchange4__item--5 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -6px -841px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--5.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -378px -842px;
	width: 375px;
	height: 277px;
	display: block;
}

/* ngĂ y 6 */
.exchange4__item--6 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1004px -11px;
	width: 234px;
	height: 75px;
}

.exchange4__item--6 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1000px -91px;
	width: 234px;
	height: 75px;
}

.section--4 .exchange4__item--6 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -769px -843px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--6.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1148px -845px;
	width: 375px;
	height: 277px;
	display: block;
}

/* item 7 */
.exchange4__item--7 .exchange4__action.received {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1245px -8px;
	width: 234px;
	height: 75px;
}

.exchange4__item--7 .exchange4__action.off {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -1243px -87px;
	width: 234px;
	height: 75px;
}

.section--4 .exchange4__item--7 .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -6px -1126px;
	width: 375px;
	height: 277px;
	display: block;
}

.section--4 .exchange4__item--7.received .exchange4__thumbnail {
	background: url(../images/_img-sprites/nap-moi-ngay.png);
	background-position: -387px -1132px;
	width: 375px;
	height: 277px;
	display: block;
}

.footer__gotop {
	display: none;
}

.frame-footer--inner {
	width: 800px;
	margin: auto;
}

.frame-footer--inner .des {
	font-family: "SFUFunctionCondensed";
	font-size: 30px;
	color: #747474;
	text-align: center;
	margin: 30px 0px 10px;
}

.frame-footer--inner .logo-item--vng {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -214px -400px;
	width: 55px;
	height: 83px;
	display: block;
}

.frame-footer--inner .logo-item--durpalm {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -291px -402px;
	width: 96px;
	height: 81px;
	display: block;
}

.frame-footer--inner .logo-item--gree {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -412px -424px;
	width: 157px;
	height: 41px;
	display: block;
}

.frame-footer--inner .logo-item--playcrab {
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -226px -497px;
	width: 216px;
	height: 61px;
	display: block;
}

.brand-logo--list {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.footer__link {
	display: flex;
	justify-content: center;
}

.footer__link_item {
	font-family: "SFUFunctionCondensed";
	margin: 0px 35px;
	padding: 20px;
	color: #c5c5c5;
	font-size: 28px;
}

.outer--floating {
	position: fixed;
	height: 0 !important;
	overflow: visible !important;
}

.outer--floating .inner {
	height: 0 !important;
	overflow: visible !important;
}

.nav-top .main-pc {
	width: 100%;
	height: 100px;
	align-items: center;
	margin: auto;
	justify-content: center;
	background-image: url(../images/Desktop/header_bg.png);
	background-position: bottom;
}

.nav-top .nav-top-content {
	height: 100%;
	margin: auto;
	position: relative;
}

.nav-top .main-pc li.active .sub-item,
.nav-top .main-pc li:hover .sub-item {
	color: #1d1d1d;
	background: url(../images/btn-bg/mb-top-nav-hov.png) top left no-repeat;
	background-size: cover;
}

.desktop {
	display: none;
}

.nav-top .main-pc .sub-item {
	color: #fff;
	font-family: "SFUFunctionCondensed";
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0px 16px 0px 0px;
	font-size: 25px;
	width: 220px;
	text-transform: uppercase;
}

.nav-top .main-pc li.active .sub-item,
.nav-top .main-pc li:hover .sub-item {
	background: url(../images/btn-bg/top-nav-hov.png) center 10px no-repeat;
	color: #1d1d1d;
	font-weight: bold;
}

.nav-top .main-pc li {
	height: 100%;
	align-items: center;
	display: flex;
}

.main-pc.non-active,
.aside-left.non-active {
	opacity: 0;
}

.main-pc,
.aside-left {
	opacity: 1;
}

#auth {
	padding: 26px;
}

.auth__profile {
	font-family: "SFUFunctionCondensed";
	color: #ffff;
	font-size: 30px;
	cursor: pointer;
}

.flex.align-item-center {
	align-items: center;
}

.btn:hover {
	filter: brightness(1.2);
}

.aside-left {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -9px -6px;
	width: 197px;
	height: 667px;
	position: absolute;
	top: 150px;
	z-index: 100;
	transition: 0.3s ease-in;
	padding: 0;
	left: 0 !important;
	transition: all .4s;
}

.aside_left__item1 {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -216px -14px;
	width: 127px;
	height: 93px;
	display: block;
}

.aside_left__item2 {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -218px -105px;
	width: 127px;
	height: 93px;
	display: block;
}

.aside_left__item3 {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -217px -198px;
	width: 127px;
	height: 93px;
	display: block;
}

.aside_left__item4 {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -216px -290px;
	width: 127px;
	height: 93px;
	display: block;
}

.list-item-left {
	position: absolute;
	top: 24%;
	left: 45%;
	transform: translateX(-50%);
}

.list-item-left .aside_left__item {
	margin: 15px;
}

.aside_left__nap {
	background-image: url(../images/_img-sprites/_img_comon.png);
	background-position: -353px -12px;
	width: 182px;
	height: 62px;
	display: block;
	position: absolute;
	bottom: -14px;
	left: 5px;
	transform: scale(1.1);
}

.aside-right {
	background: url(../images/_img-sprites/_img_comon.png) left top no-repeat;
	background-position: -775px -1px;
	width: 243px;
	height: 700px;
	position: absolute;
	top: 100px !important;
	z-index: 100;
	transition: 0.3s ease-in;
	padding: 0;
	right: 0 !important;
	transition: all .4s;
}

.floatright__main {
	position: relative;
}

.aside-right.closeAsideright .floatright__item--toggle {
	position: absolute;
	top: 50%;
	left: -20px;
	background: url(../images/sidebar-right/slide_bar_right.png);
	background-position: -271px -341px;
	width: 45px;
	height: 45px;
	font-size: 0;

}

.aside_right__item:hover:not(.fanpage):not(.trangnap):not(.top):before,
.aside_right__item.active:before {
	content: "";
	display: block;
	background: url(../images/_img-sprites/_img_comon.png);
	background-position: -535px -14px;
	width: 223px;
	height: 73px;
	color: #000 !important;
	position: absolute;
	top: -12px;
	right: -5px;
	z-index: -1;
}

.aside_right__item:hover .fanpage {
	filter: brightness(1.2);
}

.aside_right__item:hover:not(.fanpage):not(.trangnap):not(.top),
.aside_right__item.active {
	color: #000;
	font-weight: bold;
}

.aside_right__item.top:before {
	content: "";
	display: block;
	background-image: url(../images/_img-sprites/_img_comon.png);
	background-position: -502px -688px;
	width: 18px;
	height: 21px;
	position: absolute;
	top: 15px;
	left: 15px;
}

.aside_right__item.aside_right__item--fanpage {
	padding: 15px 0px 30px;
}

.aside_right__item.aside_right__item--top {
	color: #000;
}

.floatright__main li {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.list-menu-right {
	padding: 61px 4px 14px 48px;
}

.aside-right.closeAsideright {
	transform: translateX(100%);
}

.aside-right a {
	display: block;
}

.aside_right__item {
	font-family: "SFUFunctionCondensed";
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	padding: 10px 0px 30px;
	width: 100%;
	height: 73px;
	text-transform: uppercase;
	z-index: 5;
}

.aside-right .close-side {
	position: absolute;
	z-index: 9;
	background-image: url(../images/_sprites-aside.png);
	background-position: -369px -249px;
	width: 40px;
	height: 70px;
	top: 60px;
	right: -35px;
}

.aside-right .close-side.toOpen {
	background-image: url(../images/_sprites-aside.png);
	background-position: -411px -249px;
	width: 40px;
	height: 70px;
}

.aside-right .btn-dkngay {
	position: absolute;
	background-image: url(../images/_sprites-aside.png);
	background-position: 0 -274px;
	width: 210px;
	height: 50px;
	bottom: 50px;
}

.aside-right__toggle {
	position: absolute;
	top: 10%;
	left: 97%;
	font-size: 0;
	background-image: url(../images/_sprites-aside.png);
	background-position: -411px -249px;
	width: 40px;
	height: 70px;
}

.aside-right__toggle:hover {
	filter: brightness(110%);
}

.aside-right.active {
	transform: translateX(0%);
}

.aside-right.active .aside-right__toggle {
	background-image: url(../images/_sprites-aside.png);
	background-position: -369px -249px;
	width: 40px;
	height: 70px;
}

.list-info {
	padding: 35px 0;
}

.list-info li p {
	font-family: "SFUFunctionCondensed";
	display: grid;
	grid-template-columns: 20% 60%;
	align-items: center;
	justify-content: center;
}

.list-info li .label-name {
	font-size: 40px;
}

.list-info li {
	margin-bottom: 25px;
}

.list-info select {
	background: url(../images/popup/_btn_popup.png) center center;
	background-position: -1px -435px;
	width: 408px;
	height: 55px;
	border: 0 !important;
	font-size: 34px;
	line-height: 35px;
	text-align: center;
	padding: 10px 51px 10px 70px;
	color: #fff;
}

.btn-form.btn-dangky {
	background: url(../images/popup/_btn_popup.png);
	background-position: -5px -216px;
	width: 449px;
	height: 108px;
	border: 0;
	font-size: 0;
}

button:focus {
	outline: 0 !important;
}

.btn-dangkyTC {
	font-family: "SFUFunctionCondensed";
	color: #fff3a7;
	background: url(../images/popup/_btn_popup.png);
	background-position: -5px -327px;
	width: 570px;
	height: 102px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 140px;
	padding-top: 10px;
	font-size: 30px;
}
.exchange_item.exchange4__item--1 {
	order: 7;
}

.exchange_item.exchange4__item--2 {
	order: 6;
}

.exchange_item.exchange4__item--3 {
	order: 5;
}

.exchange_item.exchange4__item--4 {
	order: 4;
}

.exchange_item.exchange4__item--5 {
	order: 3;
}

.exchange_item.exchange4__item--6 {
	order: 2;
}

.exchange_item.exchange4__item--7 {
	order: 1;
}
@media only screen and (max-width: 576px) {
	.exchange_item.exchange4__item--1 {
		order: 1;
	}
	
	.exchange_item.exchange4__item--2 {
		order: 2;
	}
	
	.exchange_item.exchange4__item--3 {
		order: 3;
	}
	
	.exchange_item.exchange4__item--4 {
		order: 4;
	}
	
	.exchange_item.exchange4__item--5 {
		order: 5;
	}
	
	.exchange_item.exchange4__item--6 {
		order: 6;
	}
	
	.exchange_item.exchange4__item--7 {
		order: 7;
	}
	.aside-right,
	.aside-left {
		display: none;
	}

	.exchange_group.exchange4__group {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.frame4__inner .exchange_item {
		position: relative;
		margin: 0px 3px 70px;
		transform: scale(0.85);
	}

	.frame4__inner {
		padding: 50% 0% 5% 0%;
	}

	.section--3 .frame3__inner {
		padding: 45% 0 0 0;
	}

	.section--3 {
		height: 2033px;
		margin-top: -2px;
	}

	.exchange_group.exchange3__group {
		grid-row-gap: 140px;
	}

	.frame3__inner .description {
		margin-top: 140px;
		padding: 30px;
		text-align: center;
	}

	.frame4__inner .description {
		padding: 30px;
		text-align: center;
	}

	.section--2 .frame2__inner {
		padding: 45% 0% 25% 0%;
	}

	.exchange_group.exchange2__group {
		display: grid;
		grid-template-columns: 50% 50%;
		justify-content: space-between;
		grid-row-gap: 60px;
		text-align: center;
	}

	.frame2__inner .description {
		margin-top: 100px;
		padding: 25px;
		text-align: center;
	}

	.exchange2-group {
		margin-bottom: 100px;
	}

	.section__content-menu {
		position: absolute;
		top: 2%;
		left: 25%;
	}

	.section--1 {
		background: url(../images/mobile/fr1_bg.jpg) no-repeat;
		height: 1315px;
		margin-top: 28px;
	}

	.section--2 {
		background: url(../images/mobile/fr2_bg.jpg) no-repeat;
		height: 1979px;
		margin-top: -2px;
	}

	.section--3 {
		background: url(../images/mobile/fr3_bg.jpg) no-repeat;
		height: 2030px;
		margin-top: -1px;
	}

	.section--4 {
		background: url(../images/mobile/fr4_bg.jpg) no-repeat;
		height: 1974px;
		margin-top: -2px;
	}

	.inner {
		height: auto !important;
	}

	.frame-footer--inner {
		width: 100%;
		margin: auto;
	}

	.frame-footer--inner .des {
		font-family: "SFUFunctionCondensed";
		font-size: 27px;
		color: #747474;
		text-align: center;
		margin: 30px 0px 10px;
	}

	.mobile {
		display: flex;
	}

	.nav-top .main-pc {
		/* position: absolute; */
		top: 82px;
		max-height: 0;
		height: 0;
		overflow: hidden;
		transition: 0.4s ease-in-out;
		left: 0;
		width: 100%;
		flex-direction: column;
	}

	.nav-top .main-pc {
		background-image: none;
	}

	.nav-top {
		display: block;
		background: #2f3032;
	}

	.nav-top .main-mobile {
		width: 100%;
		padding: 0 20px;
		justify-content: start;
	}

	.nav-top .main-mobile .topbar__fanpage {
		display: block;
		background-image: url(../images/_img-sprites/_img_comon.png);
		background-position: -283px -576px;
		width: 53px;
		height: 45px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.nav-top .main-mobile .open-nav {
		display: block;
		background-image: url(../images/_img-sprites/_img_comon.png);
		background-position: -214px -574px;
		width: 42px;
		height: 39px;
		margin-right: 5px;
	}

	.btn-thele-mb {
		background: url(../images/_img-sprites/_img_comon.png);
		background-position: -423px -570px;
		width: 234px;
		height: 75px;
		display: block;
		transform: scale(0.9);
		font-size: 0;
	}

	.btn-nap-mb {
		color: #fff !important;
		font-family: "SFUFunctionCondensed";
		font-size: 28px;
	}

	.nav-top .main-mobile .open-nav {
		display: block;
		background-image: url(../images/_img-sprites/_img_comon.png);
		background-position: -214px -574px;
		width: 42px;
		height: 39px;
		margin-right: 5px;
	}

	.nav-top .main-mobile .open-nav.toClose {
		display: block;
		background-image: url(../images/_img-sprites/_img_comon.png);
		background-position: -683px -508px;
		width: 36px;
		height: 35px;
		margin-right: 5px;
	}

	.nav-top .main-pc.Open {
		max-height: 1000px;
		height: fit-content;
		background: #111;
	}

	.nav-top .main-pc {
		position: absolute;
		top: 82px;
		max-height: 0;
		height: 0;
		overflow: hidden;
		transition: 0.4s ease-in-out;
		left: 0;
		width: 100%;
		flex-direction: column;
	}

	.nav-top .main-pc li.active .sub-item,
	.nav-top .main-pc li:hover .sub-item {
		color: #1d1d1d;
		background: url(../images/btn-bg/mb-top-nav-hov.png) top left no-repeat;
		background-size: cover;
	}

	.nav-top .main-pc .sub-item {
		font-size: 25px;
		display: block;
		width: 100%;
		padding: 20px;
	}

	.nav-top .main-pc li.nav-text {
		position: relative;
		width: 100% !important;
	}

	.nav-top .main-pc li {
		height: auto;
	}

	.nav-top .main-mobile {
		width: 100%;
		padding: 0 20px;
		justify-content: start;
		align-items: center;
	}

	.nav-top-content {
		padding: 10px 0;
	}

	.footer__gotop {
		display: flex;
		font-size: 0px;
		background-image: url(../images/_img-sprites/_img_comon.png);
		background-position: -258px -661px;
		width: 226px;
		height: 66px;
		margin: 0 auto 24px;
	}

	.section--footer {
		padding: 0px 50px 50px 50px;
	}
}