*{
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	font-size: 15px;
	font-family: Roboto,Helvetica,Arial,sans-serif;
	color: #909090;
}
img{
	max-height: 100%;
	max-width: 100%;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}

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

.wrapper {display:  inline-block;width: 100%;}
.wrapper .banner {width: 100%;display: inline-block;position: absolute;z-index: -1;left: 0;}
	.banner img {width: 100%;}
.wrapper .banner_main {position:  relative;}
	.banner_main h2.title {display: inline-block;width: 100%;text-align:  center;font-size:  50px;color: #fff;text-transform:  uppercase;position:  absolute;top: 0;left:  0;font-family:'Paytone One', sans-serif;}
	.banner_main h2.form_2_title {width: 1200px;margin: 0 auto;margin-top: 30px;display:  inline-block;text-align:  left;font-size: 30px;left:  50%;margin-left: -600px;}
.wrapper_login{position:fixed; top:0; left:0; width:100%; height:100%;}
	.wrapper_login .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.85);}

/*--popup login--*/
	.popup_login {width: 1200px;position:  absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display:  inline-block;}
		.popup_login .close {position: absolute;right: 20px;top: 5px;font-size:  20px;color:  #fff;}
		.popup_login .login {width: 50%;display: inline-block;float: left;box-sizing:  border-box;padding: 60px;height: 715px;background:  #fff;}
			.login h2 {color: #00a95e;font-size: 48px;font-family: 'Paytone One', sans-serif;}
			.introduct_log {margin-top: 30px;color: #222;font-size:  20px;margin-bottom: 73px;}
			.face_log {display:  inline-block;width:  100%;padding:10px;box-sizing: border-box;background:  #3b5998;border-radius:  10px;}
			.face_log img {float: left;width: 60px;display:  inline-block;height: 60px;margin-top: 7px;margin-left: 40px;}
			.face_log p {line-height: 75px;color: #fff;width: calc(100% - 100px);text-align:  center;float: left;font-size: 22px;}
			.form_input {line-height: 75px;width:  100%;margin:  10px 0px;outline:  none;border:  none;border-radius:  10px;padding-left:  20px;box-sizing:  border-box;font-size: 20px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
			.wrap_check_box_log {display:  inline-block;margin: 20px 0px;width: 45%;}
				.wrap_check_box_log .check {
					    display: inline-block;
					    position: relative;
					    padding-left: 35px;
					    cursor: pointer;
					    margin: 5px 0px;
					    font-size: 22px;
					    user-select: none;
					    -webkit-user-select: none;
					    -moz-user-select: none;
					    -ms-user-select: none;
					}
				.wrap_check_box_log .check input {position: absolute;opacity: 0;cursor: pointer;}
				.wrap_check_box_log input:checked ~ .checkmark {background-color: #2196F3;}
				.wrap_check_box_log .check .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
				.checkmark:after {content: "";position: absolute;display: none;}
				.wrap_check_box_log input:checked ~ .checkmark:after {display: block;}
				.wrap_check_box_log .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
					    -webkit-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					    transform: rotate(45deg);
					}
			.btn {line-height: 75px;padding: 0px 75px;border:  none;outline:  none;border-radius: 10px;color: #fff;font-weight:  bold;background: #007e5e;float: right;margin: 19px 0px;font-size: 22px;}
			.popup_login .btn {width: 55%;padding:  0;}
			.forgot {display:  inline-block;width:  100%;color: #00a95e;line-height: 20px;}
		.popup_login .creat_account {width: 50%;display: inline-block;float: right;padding:  60px;height: 715px;box-sizing:  border-box;background: url(../images/bg_creat.png) no-repeat 0px 0px;background-size: cover;}
			.creat_account h2 {color: #fff;font-size: 48px;font-family: 'Paytone One', sans-serif;}
			.creat_account .introduct_log {color:#fff;font-size: 30px;margin-bottom: 50px;}
			.creat_account .wrap_check_box_log .check {color:#fff;margin: 10px 0px;width:  100%;}
			.creat_account .img_game {display: inline-block;margin-left: 76px;border-radius:  36px;overflow:  hidden;width: 340px;}
			.creat_account .img_game img {width:  100%;}
			.creat_pass .wrap_check_box_log {width: 100%;}
			.creat_pass .wrap_check_box_log .check {font-size: 20px;}

/*--popup notification--*/
.wrap_popup {width: 100%;display: inline-block;float: left;box-sizing:  border-box;min-height: 200px;text-align:  center;background: #fff;border-radius: 0px 0px 30px 30px;}
	.popup_notification {width: 700px;position: absolute;display: inline-block;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
		.popup_notification .bg_notification {float: left;width: 100%;}
		.popup_notification .title {position:  absolute;width:  100%;display:  inline-block;text-align: center;color:  #fff;font-size: 40px;left: 0;box-sizing: border-box;margin-top: 20px;font-family: 'Paytone One', sans-serif;}
		.popup_notification ul {display:  inline-block;width:  100%;padding: 0px 30px;box-sizing:  border-box;overflow-y:  scroll;max-height: 400px;margin-bottom: 30px;}
		.popup_notification ul::-webkit-scrollbar {width: 6px;}
		.popup_notification ul::-webkit-scrollbar-thumb {background-color: #00b37d;border-radius: 10px;}
		.popup_notification ul::-webkit-scrollbar-track {/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); *//* background-color: #F5F5F5; */}
		.popup_notification ul li {display: inline-block;width: 100%;border-top: 1px solid #7fd4ae;padding: 20px 0px;}
		.popup_notification ul li:first-child {border-top: none;}
		.popup_notification li img {display: inline-block;width: 60px;height: 60px;float: left;margin-right: 20px;}
		.popup_notification li p {line-height: 30px;float:  left;display:  inline-block;width: calc(100% - 80px);text-align:  start;}
		.popup_notification .box_time {display: inline-block;float: right;}
		.popup_notification span {display: inline-block;float: left;padding:0px 10px;color: #29b987;line-height: 20px;}


/*--popup trading history--*/
	.popup_trading_history {width: 700px;display:  inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
		.popup_trading_history .bg_trading_history {float: left;width: 100%;}
		.popup_trading_history .title {position:  absolute;width:  100%;display:  inline-block;text-align: center;color:  #fff;font-size: 40px;left: 0;box-sizing: border-box;margin-top: 10px;font-family: 'Paytone One', sans-serif;}
		.popup_trading_history ul {display:  inline-block;width:  100%;padding: 0px 30px;box-sizing:  border-box;overflow-y:  scroll;max-height: 400px;margin-bottom: 30px;}
		.popup_trading_history ul::-webkit-scrollbar {width: 6px;}
		.popup_trading_history ul::-webkit-scrollbar-thumb {background-color: #00b37d;border-radius: 10px;}
		.popup_trading_history ul::-webkit-scrollbar-track {/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); *//* background-color: #F5F5F5; */}
		.popup_trading_history ul {padding: 30px;}
		.popup_trading_history ul li {display: inline-block;width: 100%;border-top: 1px solid #7fd4ae;padding: 20px 0px;}
		.popup_trading_history ul li:first-child {border-top: none;}
		.popup_trading_history li img {display: inline-block;float: left;width: 30px;height: 30px;margin-top:  0px;margin-right:  10px;}
		.popup_trading_history li p {line-height: 30px;width: 47%;float: left;display:  inline-block;}
		.popup_trading_history .box_time {display: inline-block;float: right;}
		.popup_trading_history .amount {width: 20%;font-weight:  bold;font-size: 18px;display:  inline-block;float: left;padding:  0px 10px;color: #29b987;line-height:  30px;}
		.popup_trading_history .date {display:  inline-block;line-height:  30px;float: right;width: 15%;text-align:  end;}
/*--popup_confim--*/
	.popup_confim {width: 700px;position: absolute;display:  inline-block;left:  50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
		.popup_confim .bg_confim {width: 100%;float: left;height: 150px;}
		.popup_confim .title {text-align:  end;left:  0;color: #fff;margin:  0;position:  absolute;top: 72px;font-size:  30px;padding-right: 80px;width:  100%;box-sizing:  border-box;font-family: 'Paytone One', sans-serif;}
		.form1 p {display:  inline-block;width:  100%;text-align:  center;font-size: 24px;margin-top:  60px;}
		.form2 p {display:  inline-block; width: 100%;text-align:  center;margin-top:  30px;margin-bottom:  20px;font-size:  24px;}
		.form3 p {}
		.form4 p {text-align:  center;display:  inline-block;width:  100%;font-size:  24px;margin-top:  30px;margin-bottom:  20px;box-sizing:  border-box;padding:  0px 20px;}
		.form5 p {}
		.popup_confim .btn {line-height: 50px;margin-bottom:  50px;background: #00a95e;margin:  0;width: 200px;padding:  0;text-align:  center;margin-right: calc(50% - 100px);}
		.form5 .parameter {display: inline-block;margin-top:  30px;margin-bottom:  10px;}
		.form5 .parameter img {display: inline-block;float: left;margin-right:  20px;height:  50px;width:  50px;}
		.form5 .parameter span {display: inline-block;line-height: 50px;float: left;font-size:  20px;color: #c99717;}
		.form5 h3 {width: 100%;display:  inline-block;text-align:  center;color: #00ac74;line-height: 30px;}
		.form5 .wrap_btn {display:  inline-block;width: auto;margin-top:  30px;margin-bottom:  30px;}
		.form5 .wrap_btn .btn {display:  inline-block;transform: none;margin-right: 40px;float:  left;margin-bottom:  0;width: 130px;}
		.form5 .wrap_btn .btn:last-child {margin-right: 0;}
		.form5 .text {margin:10px 0px;color:  #222;font-size:  18px;display:  inline-block;width: 100%;}
/*--popup shop h--*/
		.form3 .parameter {transform: none;width: 100%;margin-left:  0;padding: 0px 30px;box-sizing:  border-box;display:  inline-block;margin-top:  20px;}
		.form3 .parameter img {height: 60px;width: 60px;margin-right: 10px;float: left;}
		.form3 .parameter span {line-height: 40px;font-size: 24px;margin-top:  10px;display:  inline-block;}
		.form3 .diamon_shop {padding: 0px 20px;box-sizing:  border-box;}
		.form3 .diamon_shop li {padding: 30px 0px;}
		.form3 .diamon_shop li .used_time {line-height: 55px;margin:  0;font-weight:  normal;font-size: 20px;text-align:  start;padding:  0;width:  35%;float:  left;}
		.form3 .diamon_shop li input {line-height: 55px;border:  none;outline:  none; width: 65%; box-shadow:  0px 0px 5px 0px gray; border-radius: 10px;box-sizing:  border-box;padding-left: 30px; font-size:  24px;}
		.form3 .btn { margin-bottom: 40px;}
/*puchasing*/
		.form_puchasing .diamon_shop {padding: 0px 30px;}
		.form_puchasing .diamon_shop li { padding: 40px 0px;}
		.form_puchasing .diamon_shop li img {margin-left:  0;}
		.form_puchasing .diamon_shop .used_time {margin:  0;padding-left:  0;text-align:  start;line-height: 80px;color: #0080c6;font-size:  40px;width: 30%;}
		.form_puchasing .diamon_shop .prince {color: #222;line-height:  80px;margin:  0;width:  30%;text-align:  center;}
		.form_puchasing .form_quantity {display:  inline-block;line-height: 80px;color: #222;float: right;font-size:  20px;width: 40%;}
		.form_puchasing .form_quantity .quantity {width: 70px;height: 55px;margin-top: 13px;box-shadow:  0px 0px 5px 0px gray;line-height:  55px;border-radius:  10px;font-size: 20px;color:  gray;position:  relative;text-align:  center;float: right;}
		.form_puchasing .quantity .up {position:  absolute;top: -40px;left: 14px;width:0px;height:0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #00a95e;}
		.form_puchasing .quantity .down {width:0px;height:0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #00a95e;bottom: -40px;position:  absolute;left: 16px;}
		.form_puchasing .credit{background: url(../images/credit_gray.png)no-repeat 30px 15px;line-height: 60px;display:  inline-block;box-sizing:  border-box;padding-left: 80px;border-radius:  50px;border: 2px solid #989898;width: 30%;text-align:  center;margin-left: 40px;color: #989898;float: left;}
		.form_puchasing .credit.active{background: url(../images/credit_green.png)no-repeat 30px 15px;border-color: #00a95e;color: #00a95e;}
		.form_puchasing .pay {background: url(../images/paypal_gray.png)no-repeat 40px 8px;line-height: 60px;display: inline-block;box-sizing: border-box;padding-left: 80px;border-radius: 50px;border: 2px solid #bababa;width: 30%;text-align:  center;margin-left: 40px;float: right;color: #bababa;}
		.form_puchasing .pay.active{background: url(../images/paypal_green.png)no-repeat 40px 8px;border-color: #00a95e;color: #00a95e;}
		.form_puchasing p {text-align: start;display:  inline-block;width: 100%;}
		.form_puchasing .form_quantity p {width: auto;}
		.form_puchasing p {text-align: start;display:  inline-block;width: 100%;}
		.form_puchasing .total {display: inline-block;float:left;width: auto;}
		.form_puchasing .total .title {font-size:  25px;line-height: 60px;color: #222;text-align:  start;padding:  0;width:  auto;top: 0;}
		.form_puchasing .total span {font-size: 50px;color: #00a95e;line-height: 60px;display:  inline-block;float: left;position:  relative;font-weight: bold;margin-left: 10px;}
		.form_puchasing .btn {transform:  none;margin: 0;line-height: 60px;background:  #00a95e;}
		.form_puchasing .thanh_toan .title {color: #222;width: 25%;padding:  0;text-align:  start;font-size:  20px;float: left;display:  inline-block;line-height: 30px;position:  initial;}


.header {display: inline-block;width: 100%;float: left;position:  relative;height: 60px;}
	.logo {height: 350px;width: 350px;position: absolute;top: -120px;border-radius: 50%;background: #fff;z-index:  1;}
	.logo img {width:150px;position:  absolute;z-index:  2;display:  block; bottom: 50px;left:  50%;margin-left: -75px;}
	.menu {display: inline-block;float: right;}
	.menu li {display: inline-block;float: left;box-sizing:  border-box;}
	.menu li a {color:#fff;line-height: 100px;font-size: 24px;padding: 0px 15px;display: inline-block;position: relative;font-weight: bold;}
	
	.menu li.active a{color: #075640;}
	.menu li:hover a span{display:block;}
	.wrap_menu {display: none;width: 40%;float: right;position: relative;}
		.wrap_menu .icon_nav {display: block;float: right;}
		.wrap_menu .menu {width: 100%;position:absolute;top: 100%;background: rgb(0, 169, 94);margin-top:  0;z-index: 2;right: 0;}
		.wrap_menu .menu li {width: 100%;}
		.wrap_menu .menu li a {color: #222;display:  inline-block;width:  100%;text-align:  center;}

.header_main {background: #00a95e;}
	.header_main .logo {width: 210px;height: 60px;top: 0;border-top-left-radius: 36px;border-top-right-radius:  36px;border-bottom-left-radius:  36px;float: left;border-bottom-right-radius: 36px;position:  relative;}
	.header_main .logo img {width: 120px;margin: 0;bottom: 10px;margin-left: calc(50% - 60px);left:  0;}
	.header_main .menu {}
	.header_main .menu li {position: relative;}
	.header_main .menu .icon_deposit {background: url(../images/icon_deposit.png)no-repeat 10px 14px;padding-left:  50px;background-size: 33px;}
	.header_main .menu .icon_name {background: url(../images/icon_name.png)no-repeat 5px 14px;padding-left: 40px;}
	.header_main .menu li a {}
	.header_main .menu li a img {float: right;display: inline-block;margin-top: 26px;height: 10px;margin-left:  5px;}
	.header_main .menu li a .imess {display: inline-block;width: 30px;float: left;margin-top: 15px;height:  auto;}
	.header_main .menu li a .count {display: inline-block;width: 20px;height: 20px;position: absolute;background: #ff221d;color: #fff;right:0;left: auto;line-height: 20px;text-align: center;border-radius: 10px;top: 10px;font-size: 10px;}


.content {display: inline-block;width: 100%;float: left;}
	.name {display: inline-block;width: 40%;margin-top: 250px;margin-bottom:  250px;}
		.name h1 {font-size: 70px;text-transform:  uppercase;color: #fff;font-family: "Google Sans",Roboto,Arial,sans-serif;}
		.name p {margin:  20px 0px;color: #fff;font-size: 20px;}
		.name button {display: inline-block;padding: 0px 30px;font-size: 20px;font-weight: bold;color: #fff;border: 2px solid #fff;outline: none;background: none;border-radius: 5px;line-height:  40px;cursor: pointer;transition: all 0.5s;}
		.name button:hover{background: #008a57;}

	.play_group {display: inline-block;width: 100%;float: left;background:  #fff;border-radius:  10px;box-sizing:  border-box;padding: 10px;margin: 10px 0px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
		.play_group li {width:  25%;float: left;text-align:  center;box-sizing:  border-box;border-right: 1px solid #d0d0d0;}
		.play_group li span {display:  inline-block;width:  100%;text-align:  center;font-size: 45px;font-weight:  normal;margin: 20px 0px;}
		.play_group li p {display:  inline-block;}
		.play_group li p span {font-size: 24px;font-weight:  normal; margin-top:  0;width:  auto;}
		.play_group li p img {display: inline-block;height: 30px;float: left;margin-right:  10px;}
		.play_group li:last-child {border-right: none;}

	.info_game {display: inline-block;width: 100%;float: left;background: url(../images/bg_new_release.png)no-repeat left top;margin:50px 0px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
		.info_game .img_game {display: inline-block;float: left;margin-top: 30px;margin-left: 100px;width: 315px;border-radius: 35px;overflow:  hidden;}
		.info_game .img_game img {width: 100%;display:  block;}
		.info_game .inner_game {width: calc(100% - 415px);float:right;margin: 30px 0px;padding: 0px 30px;box-sizing:  border-box;}
		.inner_game .title {font-size: 38px;color: #909090;line-height: 80px;font-weight:  bold;text-transform:  uppercase;font-family: "Google Sans",Roboto,Arial,sans-serif;}
		.wrapSlide {display:  inline-block;width:  100%;position: relative;}
		.slide {overflow:  hidden;}
		.slide ul {width: 1500px;display:  inline-block;position: relative;}
		.slide ul li {display: inline-block;float: left;height: 310px;margin-right: 10px;}
		.slide ul li img{display:block;}
		.slide span.back {position: absolute;background: url(../images/btn_prev_slide.png) no-repeat left center;height: 80px;background-size:  cover;width: 80px;top: 50%;l;left: -40px;margin-top: -40px;cursor: pointer;}
		.slide span.next {position: absolute;background: url(../images/btn_next_slide.png) no-repeat left center;height: 80px;background-size:  cover;width:  80px;top: 50%;right: -40px;margin-top:  -40px;cursor: pointer;}
		.inner_game .paragraph {color: #909090;margin: 20px 0px;}
		.inner_game .mark {display:  inline-block;width: 35%;float: left;margin: 30px 0px;}
			.mark .people { padding-left: 25px;background:  url(../images/bg_ios_androi.png)no-repeat 0px 0px;display: inline-block;line-height: 30px;padding-right: 10px;}
			.mark .androi {padding-left: 40px;background: url(../images/bg_ios_androi.png)no-repeat -90px 0px;display: inline-block;line-height: 30px;padding-right: 10px;}
			.mark .ios {padding-left: 40px;background: url(../images/bg_ios_androi.png)no-repeat -165px 0px; display: inline-block;line-height: 30px;}
			.play_now {display: inline-block;width: 51%;margin:30px 0px;float:  right;}
			.play_now .play {background: #00a95e;color: #fff;padding: 0px 15px;border-radius: 5px;line-height: 40px;}
			.play_now a {width: 32%;box-sizing:  border-box;margin-right: 2%;text-align:  center;display: inline-block;float:  right;height: 40px;}
			.play_now a:last-child {margin-right: 0;}
	.game_new {display: inline-block;float: left;width: 100%;overflow: hidden;}
		.game_new li {display:  inline-block;float: left;width:  25%;position: relative;cursor: pointer;}
		.game_new li .img_game {width: 240px;border-radius: 26px;display:  block;margin:  0px auto;}
		.game_new li .count {line-height:  30px;padding: 0px 80px;background: url(../images/bg_ios_androi_2.png)no-repeat center top;margin: 20px 0px;}
		.game_new .introduce {position: absolute;width: 210px;top: 80px;left: 50%;margin-left: -120px;z-index: 9;background:  #fff;border-radius: 10px;padding: 15px;box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);display: none;}
		.game_new .onhover .introduce {
			-webkit-animation-name: fadeInUp;
			-moz-animation-name: fadeInUp;
			-ms-animation-name: fadeInUp;
			-o-animation-name: fadeInUp;
			animation-name: fadeInUp;
			-webkit-animation-duration: 0.5s;
			-moz-animation-duration: 0.5s;
			-ms-animation-duration: 0.5s;
			-o-animation-duration: 0.5s;
			animation-duration: 0.5s;
			}
			.introduce h2 {display:  inline-block;font-weight:  bold;margin: 20px 0px;width: 100%;box-sizing:  border-box;color:  #909090;text-transform:  uppercase;}
			.introduce .number_of_player {padding-left: 35px;line-height: 30px;background: url(../images/bg_ios_androi.png)no-repeat 4px -3px;display:  inline-block;}
			.introduce .paragraph {color: #909090;}
			.introduce .coming {position: absolute;top: 0px;left: 0px;}
			.introduce .play_now {width: 100%;margin:  10px 0px;text-align: center;}
			.introduce .play_now a {float: left;margin: 10px 0px;height: 37px;}
			.introduce .play_now .play {background: #00a95e;float: none;display: inline-block;height: auto;width: auto;}
			.introduce .play_now .play:hover{background: #484848;}
			.introduce .play_now .app_store {width: 50%;}
			.introduce .play_now .app_store img {width: 90%;border-radius: 0;}
			.introduce .play_now .app_google {width: 50%;}
			.introduce .play_now .app_google img {width: 90%;border-radius: 0;}
		.game_new li .coming {display: inline-block;position: absolute;z-index: 2;top: 0px;left: 0px;width: 60px;height: 245px;background: url(../images/bg_game_new.png)no-repeat 0px 0px;}

	.news {display: inline-block;width: 100%;float: left;box-sizing:  border-box;padding:  30px;background:  #fff;border-radius:  20px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
	.content_left_page .news{margin-top:-70px;}
		.news .img_news {float: left;width:  500px;}
		.news .info_news {width: calc(100% - 500px);float: left;box-sizing:  border-box;padding-left: 20px;}
		.news .info_news h2 {color: #222;font-size: 25px;margin-bottom: 10px;}
		.news .info_news span {color: #00a95e;display: inline-block;float: left;margin-bottom: 10px;line-height: 20px;}
		.news .info_news p {color: #222;margin-bottom:  10px;overflow: hidden;display: block;width: 100%;text-align: justify;}
		.news .info_news a {color: #00a95e;float: right;margin-top: 10px;line-height: 30px;}
		.news .info_news a:hover{text-decoration:underline;}
		.wrap_news .news .info_news a{margin:0px;line-height: 20px;}
		.news .info_news .btn_group {margin-top: 10px;display: inline-block;overflow: hidden;}
			.btn_group button {line-height: 30px;color: #fff;border-radius: 5px;padding:0px 10px;background: #00a95e;outline: none;border: none;box-sizing:  border-box;cursor: pointer;}
			.btn_group button:hover{background: #007742;}

	.events {display: inline-block;width: 100%;float: left;}
		.events .wrap_news {display: inline-block;width: 50%;background: none;float: left;margin: 50px 0px;}
			.wrap_news .news {box-shadow:  none;padding:  0;margin:  20px 0px;}
			.wrap_news .news .img_news {float: left;width:  195px;}
			.wrap_news .news .info_news {width: calc(100% - 195px);}
			.wrap_news .news .info_news p {margin: 0;margin-bottom: 10px;}
			.wrap_news .news .info_news h2 {font-size: 22px;display: block;overflow: hidden;margin-bottom: 10px;}
		.events .vip_week {display: inline-block;width: 40%;float: right;background:  #fff;margin-top: 50px;border-radius:  20px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
			.vip_week .title {background: url(../images/bg_character.png)no-repeat 0px 0px #00a95e;line-height: 84px;font-size: 32px;color: #fff;font-weight:  bold;text-transform:  uppercase;padding-left: 160px;border-top-left-radius:  20px;border-top-right-radius:  20px;font-family: 'Paytone One', sans-serif;}
			.vip_week .vip_character {box-sizing:  border-box;padding:  30px;display:  inline-block;width:  100%;}
			.vip_week .vip_character .img_character {float:  left; margin-right:  20px;border-radius: 16px;width: 144px;}
			.vip_week .vip_character .info {width: calc(100% - 164px);float:  left;}
			.vip_week .vip_character h2 {color: #222;font-size: 25px;}
			.vip_week .vip_character p {margin: 5px 0px;color: #222;display:  inline-block;width: 100%;}			
			.vip_week .vip_character span {width: 40%;display:  inline-block;float:  left;}
			.vip_week .rank {display:  inline-block;width:  100%;padding-bottom:  20px;}
			.vip_week .rank h2 {text-align:  center;line-height:  40px;color: #00a95e;}
			.vip_week .rank p {width: 50%;float: left;margin: 5px 0px;box-sizing:  border-box;padding-left: 70px;text-overflow: ellipsis;white-space: nowrap;overflow:  hidden;}
			.vip_week .rank span {height:  30px;width:  30px;display: inline-block;line-height:  30px;text-align:  center;color: #fff;background: #00a95e;border-radius:  50%;margin-right: 10px;}

.footer {display: inline-block;width: 100%;float: left;margin-bottom: 50px;}
	.footerTop {display: inline-block;width:  100%;border-top: 3px solid #ededed;padding: 20px 0px;}
	.footerTop a {display: inline-block;color: #c8c8c8;text-overflow: ellipsis;white-space:  nowrap;}
	.footerTop a:hover{color:#444;}
	.footerTop a img {width:  120px;}
	.footerTop ul {display: inline-block;float: right;}
	.footerTop ul li {display: inline-block;float: left;padding-left: 40px;line-height: 30px;overflow:  hidden;}
	.footerBottom {display:  inline-block;float: left;width:  100%;}
	.footerBottom p {display: inline-block;float: left;line-height: 30px;}
	.footerBottom .group_social_network {display: inline-block;float: right;}
		.group_social_network a {display: inline-block;float: left;margin-left: 10px;}


/*--support--*/			

.content .box {width: 100%;background:  #fff;display:  inline-block;float: left;margin-bottom:  40px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);box-sizing:  border-box;padding:  30px;border-radius:  10px;}
	.box h3 {color: #08824c;font-size: 30px;text-transform: uppercase;margin-bottom:  40px;font-family: 'Paytone One', sans-serif;}
	.content .contact_cont{margin-top:-70px;}
.content .content_left {width: 770px;float:left;display: inline-block;}
	.content_left {}
	.content_left .top {}
		.top ul {width: 100%;}
		.top ul li{display: inline-block;width: 100%;padding-left: 40px;background: url(../images/plus.png)no-repeat left 7px;line-height: 30px;border-bottom: 1px solid #7fd4ae;font-size:  15px;box-sizing:  border-box;}
		.top ul li span{display: inline-block;float: left;width: 100%;color: #00a95e;}
		.top ul li p {/* display: none; */color:#222;line-height: 20px;margin-bottom:  30px;}
	.content_left .bottom {display: inline-block;width: 100%;}
		.bottom .info_update {margin:10px 0px;color: #222;}
		.bottom .time_update {color:#222;margin-bottom: 20px;}
		.bottom .post {margin:10px 0px;}
		.bottom .post p {color:#222;margin: 15px 0px;}
		.next_page {color:#222;margin:10px 0px;text-align: center;}
		.next_page span {height: 20px;width: 20px;border-radius: 10px;display: inline-block;background: #ededed;margin:  0px 10px;}
		.next_page span.active {background: #00a95e;}
.content .content_right {width: 390px;float: right;display: inline-block;}
	.content_right .box {}
		.box_input {display:  inline-block; width:  100%;}
		.box_input label {color: #909090;box-sizing:  border-box;padding-left: 10px;line-height: 30px;display:  inline-block;width:  100%;font-size:  15px;font-weight:  bold;}
		.box_input select {width: 100%;margin: 10px 0px;outline: none;border: none;box-shadow: 0px 0px 17px 4px #d1d1d1;border-radius: 10px;padding-left: 20px;box-sizing: border-box;font-size: 16px;height: 40px;float: left;}
		.box_input .form_input {line-height: 45px;}
		.box_input textarea {line-height: 20px;width: 100%;margin: 10px 0px;outline: none; border: none;box-shadow: 0px 0px 17px 4px #d1d1d1;border-radius: 10px;padding-left: 20px;box-sizing: border-box;font-size: 16px;height: 200px;}
		.upload {text-align: center;display:  inline-block;width: 100%;line-height: 40px;}
		.upload img {display: inline-block;margin-right:  10px;}
		.upload span {color: #007e5e;font-size:  22px;}
		.content_right .btn {line-height:  60px;margin-right:  50%;transform:  translate(50%);}
		.account_balance {display:  inline-block;width:  100%;margin-bottom:  40px;}
		.account_balance li {border-bottom: 1px solid #7fd4ae;display: inline-block;width: 100%;float: left;}
		.account_balance li:first-child {border-top: 1px solid #7fd4ae;}
		.account_balance li p {float: left;display: inline-block;line-height:  50px;text-align:  center;width: 100%;font-size:  20px;font-weight:  bold;color: #222;}
		.account_balance .gold {background: url(../images/icon_deposit.png)no-repeat 38px 6px;}
		.account_balance .kc {background: url(../images/icon_kc.png)no-repeat 40px 6px;}
/*--profile--*/
.content .profile {display:  inline-block;width:  100%;margin-top: -70px;}
	.profile .info_profile {display: inline-block;width: 100%;float: left;}
		.info_profile img {width:  100px; float:  left;margin-right:  20px;}
		.profile .info_profile .btn {float: left;line-height:  40px;margin-top: 30px;font-size: 12px;}
	.profile .wrap_check_box_log {}
	.profile .wrap_check_box_log .check {font-size: 16px;line-height: 24px;margin-right:  10px;}
	.profile .wrap_check_box_log .checkmark{}
	.profile .box_input {margin:10px 0px;}
		.birthday {}
		.birthday select {width: 32%;margin-right: 2%;}
		.birthday select:last-child {margin-right:0;}
		.zipcode {}
		.zipcode input {width: 32%;margin-right:2%;float: left;}
	.profile .box h3 {text-align: center;}
	.profile .btn {float: left;line-height:  50px;padding:  0px 40px;}
	.profile .delete {float: right;display:  inline-block;line-height: 20px;margin-top:  30px;text-transform: capitalize;color: #909090;}
	.profile .content_right .btn {width: 100%;margin:10px 0px;transform: none;background: #00a95e;}
	.profile .content_right .upload {margin-top: 20px;}


/*--list_news--*/
.content .inner_news {display: inline-block;width: 100%;}
	.inner_news .list {display: inline-block;width: 100%;margin-top: -70px;}
	.inner_news .list .news{margin-top:0;}
	.inner_news .list .list_new {display: inline-block;width: 100%;margin-top: 40px;}
		.list_new .tag {display: inline-block;width: 100%;}
		.list_new .tag h4 {line-height: 60px;font-size: 20px;color: #222;}
		.list_new .tag .btn_group {}
		.list_new .wrap_news {display: inline-block;width: 100%;margin:50px 0px;}
		.list_new .news {width: 49%;float: left;margin-right: 2%}
		.list_new .news:nth-child(2n+2) {margin-right: 0;}
/*--page--*/
.content .inner_page {display: inline-block;width: 100%;margin-bottom:  40px;}
	.inner_page .content_left_page {width: 850px;float: left;}	
		.content_left_page h2.title {text-align: start;font-size: 40px;font-weight: normal;}
		.content_left_page .news .time {display: inline-block;width: 100%;line-height: 30px;color: #00a95e;}
		.content_left_page .news .img_news {transform: translate(-50%);margin-left: 50%;margin-top:  40px;margin-bottom:  40px;}
		.content_left_page .news .info_news  {width: 100%;}
		.content_left_page .news .info_news {width: 100%;}

	.inner_page .content_right_page {width: 300px;float: right;}	
		.content_right_page .news .img_news {width: 100%;height: 160px;}
		.content_right_page .news .info_news {width: 100%;padding:0;}
		.content_right_page .btn_group button {width: 32%;margin-right: 2%;float: left;}
		.content_right_page .btn_group button:last-child {margin-right: 0;}

/*--game info logged--*/
.content .game_info_logged {display: inline-block;width: 100%;margin-top: -170px;}
	.game_info_logged .content_left_game_info_logged {width: 770px;padding: 0;}
	
	.content_left_game_info_logged .info_game {background: none;margin: 0;position: relative;padding-bottom: 40px;box-shadow:  none;}
		.content_left_game_info_logged .info_game .bg_tin {position: absolute;left:0;z-index: 1;top: 140px;}
		.content_left_game_info_logged .info_game .img_game {margin-left: 40px;}
		.content_left_game_info_logged .info_game .img_game img {width: 100%;display:  block;}
		.content_left_game_info_logged .info_game .inner_game {width: calc(100% - 355px);}
		.content_left_game_info_logged .inner_game .title {font-size: 35px;color: #00a95e;line-height: 40px;}
		.content_left_game_info_logged .wrapSlide {display:  inline-block;width:  100%;position: relative;padding: 0px 50px;box-sizing:  border-box;}
		.content_left_game_info_logged .slide ul li {display: inline-block;float: left;height: 310px;margin-right: 10px;}
		.content_left_game_info_logged .slide ul li img{display:block;}
		.content_left_game_info_logged .slide span.back {
    left: 0;
}
		.content_left_game_info_logged .slide span.next {
    right: 0;
}
		.content_left_game_info_logged .inner_game .mark {width: 100%;margin-top: 10px;margin-bottom: 20px;}
		.content_left_game_info_logged .inner_game .trailer {width: 100%;background: url(../images/icon_play_trailer.png)no-repeat 0px 0px;line-height: 33px;display:  inline-block;padding-left: 50px;color: #00a95e;box-sizing:  border-box;margin-bottom:  20px;}
		.content_left_game_info_logged .play_now {width: 100%;}
		.content_left_game_info_logged .play_now a {margin-left:  0;}
		.content_left_game_info_logged .document {margin-bottom: 40px;padding: 0px 50px;color:  #222;}
		.content_left_game_info_logged .document p {margin-top: 30px;}
		.content_left_game_info_logged .document ul {list-style-type: disc;padding-left: 20px;}
		.content_left_game_info_logged .wrap_user {display: inline-block;width: 100%;padding: 0px 50px;box-sizing:  border-box;}
			.wrap_user h2 {text-align:  center;color: #00a95e;}
			.wrap_user .inner_user {display:  inline-block;width:  100%;margin: 40px 0px;}
				.inner_user img {float: left;width: 110px;}
				.inner_user .info { width: calc(100% - 140px);float: right;}
				.inner_user .info .user_name {font-weight:  bold;color: #222;line-height: 20px;font-size: 18px;}
				.inner_user .info .time {display:  inline-block;width:  100%;line-height:  40px;font-size: 13px;}
				.inner_user .info p {}
		
	.game_info_logged .content_right_game_info_logged {width: 380px;float: right;box-sizing: border-box;padding:30px;}
		.content_right_game_info_logged	 h2 {background: url(../images/bg_game_info_logger_right.png)no-repeat left top;line-height: 80px;color: #fff;font-size: 30px;font-weight:  normal;padding-left:  110px;white-space:  nowrap;border-radius:  10px;}
		.content_right_game_info_logged .shop_game {text-align:  center;display:  inline-block;width:  100%;font-size: 30px;margin-top:  30px;margin-bottom: 20px;color: #00a95e;font-weight:  bold;}
		.content_right_game_info_logged .info_game {background:  none;box-shadow:  none;margin: 20px 0px;}
		.content_right_game_info_logged .info_game .img_game {margin:  0;width: 100px;border-radius:  10px;}
		.content_right_game_info_logged .info_game .img_game img {width: 100%;display:  block;}
		.content_right_game_info_logged .info_game .inner_game {width: calc(100% - 100px);margin:  0;padding:  0;padding-left:  20px;}
		.content_right_game_info_logged .inner_game .title {font-size: 24px;line-height: 40px;]: none}
		.content_right_game_info_logged .inner_game .paragraph {margin:  10px 0px;}
		.content_right_game_info_logged .inner_game .mark {width: 100%;margin: 10px 0px;}
		.content_right_game_info_logged .inner_game .mark .people {}

/*--shop--*/
.content .shop {}
	.shop .content_left .box {padding:0px;background:  none;position:  relative;}
		#tab_one {display: inline-block;width: 100%;box-shadow:  none;}
			.diamon_shop {display:  inline-block;width:  100%;box-sizing:  border-box;}
			.diamon_shop li {display:  inline-block;width: 100%;position: relative;border-top: 1px solid #00a95e;padding-top:  20px;padding-bottom: 20px;float: left;}
			.diamon_shop li:first-child {border-top: none;}
			.diamon_shop li img {height: 80px;width: 80px;display:  inline-block;float: left;margin-right:  10px;margin-left: 40px;}
			.diamon_shop li .best {position: absolute;top: 33px;left: -100px;width:  auto;height:  auto;}
			.diamon_shop .used_time {width: 50%;float: left;line-height: 88px;font-weight: bold;font-size: 22px;box-sizing:  border-box;padding-left:  40px;}
			.diamon_shop .wrap_diamonds {display: inline-block;width: 35%;float: left;}
				.amount_of_diamonds {display:  inline-block;float: left;margin-top:  8px;margin-left:  20px;}
				.old_diamonds {font-size:  20px;display: inline-block;width: 100%;color: #222;text-align:  end;text-decoration: line-through red;height:  24px;}
				.new_diamonds {font-size:  40px;display:  block;color: #0080c6;font-weight:  bold;clear:  left;}
				.box_sale {display:  inline-block;height: 70px;width: 70px;border-radius: 35px;border: 1px solid #dfc100;text-align:  center;color: #dfc100;float: left;margin-top: 8px;margin-left:  70px;}
					.box_sale span {line-height: 40px;font-size:  20px;font-weight:  bold;}
					.box_sale p {line-height: 20px;font-size:  20px;}
				.prince {color: #00a95e;font-size:  40px;font-weight:  bold;float: left;margin-top: 20px;margin-left: 100px;}
				.shop .buying {float: right;background:  #00a95e;padding: 0px 20px;border-radius:  10px;}
			.box_vip_shop {display: inline-block;width: 100%;float: left;}
			.box_vip_shop .vip {width: 50%;float: left;text-align: center;margin-top: 40px;padding:  40px 0px;}
				.vip img {display: inline-block;height: 170px;}
				.vip p {color: #00a771;font-size:  20px;line-height: 30px;}
				.vip .name_vip {font-size:  40px;font-weight:  bold;line-height: 60px;}
			.box_vip_shop .active {border: 1px solid #ff9f00;border-radius:10px;box-sizing: border-box;}
				.active p {color:#ff9f00;}

		#tab_three {}
			.box_select {width: 100%;}
			.box_select label {color: #00a95e;text-align:  center;display:  inline-block;width:  100%;line-height:  40px;font-weight:  bold;font-size:  20px;}
			.box_select select {width: 100%;border-radius: 5px;height:  40px;padding-left:  20px;box-sizing:  border-box;border:  none;box-shadow: 0px 10px 26px 10px #ededed;}
			.in_game_shop .used_time {line-height: 50px;width: 60%;font-size:  14px;}
			.in_game_shop .used_time img {height:  50px;margin-left:  0;width:  50px;}
			.in_game_shop .prince {margin-left:  0;margin-top:  0;font-size: 24px;line-height: 45px;}
			.in_game_shop .prince img { height:  40px; width:  40px;margin:  0; margin-top:  5px;margin-right:  10px;}
			.shop .in_game_shop .buying {margin:0;}





.tab {overflow: hidden;}
.tab button {background: #fbf8f8;float: left;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;color: #a8a8a8;font-size: 16px;font-weight:  bold;border-top-left-radius:  10px;border-top-right-radius:  10px;margin-right: 3px;border-bottom:  none;width: 33%;box-sizing:  border-box;border:  none;}
.tab button:last-child {margin-right: 0;float: right;}
.tab button.active {display: block;color: #00a95e;background: #fff;}
.tabcontent {display: none;padding: 0px 30px;border-top: none;box-sizing:  border-box;width: 100%;background:  #fff;border-bottom-left-radius: 10px;border-bottom-right-radius:  10px;box-shadow: 0px 10px 26px 10px #ededed;}

@media only screen and (max-width: 1599px) {
	.content .game_info_logged {margin-top: -100px;}
	.name {margin-bottom: 100px;margin-top: 180px;}
	.content {box-sizing: border-box;padding: 0px 15px;}
	.footer {padding:0px 10px;box-sizing:  border-box;}
/*popup-login*/
	.popup_login {width: 70%;}
	.popup_login .login {padding: 20px;height: 600px;}
	.login h2 {font-size: 40px;}
	.introduct_log {margin-bottom: 20px;height: 80px;}
	.face_log img {margin:0;height: 40px;width: 40px;}
	.face_log p {line-height: 40px;width: calc(100% - 50px);}
	.form_input {line-height: 50px;font-size:  18px;}
	.wrap_check_box_log .check {font-size: 18px;}
	.btn {line-height: 50px;}
	.popup_login .creat_account {padding: 20px;height: 600px;}
	.creat_account h2 {font-size: 40px;}
	.creat_account .introduct_log {font-size: 20px;margin-bottom: 20px;}
	.creat_account .img_game {width: 300px;}
/*form*/
	.form3 {}
	.form_puchasing {margin-top: 10px;}

}
@media only screen and (max-width: 1366px) {
/*banner*/
	.banner_main h2.title {margin-top: 40px;}
	.banner_main h2.form_2_title {margin-top:5px;transform:  none;margin-left:  0;width: 100%;}
/*login*/
	.creat_pass h2 {font-size: 40px;}
	.popup_login .creat_pass .btn {padding: 0;line-height: 50px;}
	.creat_account .img_game {margin-left: 42px;}
/*game_info_logged*/
	.content .game_info_logged {width: calc(100% - 20px);margin-top: -50px;}
/*popup*/
	.popup_notification {width: 70%;margin-left: 15%;transform:  none;}
	.popup_confim { width:  70%;transform: none;margin-left:  15%;}
	.popup_trading_history { width:  70%;transform: none;margin-left:  15%;}
/*shop abc*/
	.diamon_shop li .best {left: -28px;margin:  0;}
/*trangcon1*/
	.content .inner_page {width: calc(100% - 20px);}
	.inner_page .content_left_page {width: 66%;}
	.inner_page .content_right_page {width: 30%;}
}
@media only screen and (max-width: 1199px) {
	.container {width:100%;}
	.name h1 {font-size: 50px;}
	.inner_game .mark {width: 50%;margin:  0px;}
	.play_now {width: 50%;margin:  0;}
	.events .vip_week {width:46%;}
	.inner_game .slide ul li {height:auto;}
	.game_new li .count {padding:0px 50px;}
	.name {margin-top: 170px;}
	.play_now .play {height: auto;}
/*logo*/
	.logo {height: 200px;width: 200px;top:-90px;}
	.logo img { width: 80px; margin-left: -40px;bottom: 20px;}
/*--login--*/
		.popup_login .close {right: 10px;}
		.popup_login .login {padding: 40px 20px;}
			.login h2 {font-size: 40px;}
			.introduct_log {margin-top: 20px;margin-bottom: 20px;}
			.face_log img {width: 40px;height: 40px;margin-top:  0;}
			.face_log p {}
			.form_input {line-height: 50px;font-size: 16px;}
				.wrap_check_box_log .check {font-size: 16px;line-height: 25px;}
				.wrap_check_box_log .check input {position: absolute;opacity: 0;cursor: pointer;}
				.wrap_check_box_log input:checked ~ .checkmark {background-color: #2196F3;}
				.wrap_check_box_log .check .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;box-shadow: 0px 0px 5px 4px #ededed;}
				.checkmark:after {content: "";position: absolute;display: none;}
				.wrap_check_box_log input:checked ~ .checkmark:after {display: block;}
				.wrap_check_box_log .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
					    -webkit-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					    transform: rotate(45deg);
					}
			.btn {line-height: 50px;padding: 0px 50px;margin: 14px 0px;font-size: 20px;}
		.popup_login .creat_account {padding: 40px 20px;}
			.creat_account h2 {font-size: 40px;}
			.creat_account .introduct_log {font-size: 26px;margin-bottom: 19px;}
			.creat_account .img_game {margin-left: 14px;}
			.popup_login .creat_pass {padding: 20px;}
			.creat_pass .wrap_check_box_log .check {font-size: 20px;}
/*game_info_logged*/
	.content .game_info_logged {width: 100%;}
	.game_info_logged .content_left_game_info_logged {width: 60%;}
	.game_info_logged .content_right_game_info_logged {width: 37%;}
	.content_left_game_info_logged .info_game .img_game {width: 34%;border-radius: 15px;margin-left: 20px;margin-top: 10px;}
	.content_left_game_info_logged .info_game .inner_game {width: 62%;}
	.content_left_game_info_logged .info_game .bg_tin {top: 70px;}
	.play_now a img {height: 100%;}
/*notification*/
	.popup_notification li p {display: inline-block;width: calc(100% - 80px);text-align: start;}
/*profile*/
	.profile .content_left {width: 63%;}
	.profile .content_right {width: 36%;}
/*shop abc*/
	.box_sale {margin-left: 30px;}
	.prince {margin-left: 25px;}
	.diamon_shop .used_time {width: 60%;}
	.box_sale {margin-left: 10px;}
/*support*/
	.content .content_left {width: 60%;}
	.content .content_right {width: 37%;}
/*trangcon*/
	.content .inner_page {width: 100%;}
	.info_game .img_game{margin-left:65px;}
	.info_game .inner_game{width:calc(100% - 380px);}

}

@media only screen and (max-width: 1023px) {
	.popup_notification .title{margin-top:40px;}
	.content .profile, .content .contact_cont, .content_left_page .news{margin-top:10px;}
	.inner_page .content_left_page{width:100%; margin-bottom:20px;}
	.inner_page .content_right_page{width:100%;}
	.wrap_news{display:block; overflow:hidden;}
	.wrap_news .news{width:30%;float:left;display:inline-block;margin-right: 3%;}
	.content_left_page .news{width:100%;}
	.wrapper_login{position: absolute;}
	.banner_main h2.title {margin-top: 20px;}
	.name p {width: 50%;font-size: 17px;}
	.info_game {min-height: 654px;}
	.info_game .img_game {width: 250px;margin-top: 100px;}
	.info_game .inner_game {padding: 0px 20px;width: calc(100% - 325px);margin-top: 100px;}
	.game_new li {width: 50%;height: 500px;}
	.game_new li .count {padding:0px 110px;}
	.news .img_news {width: 100%;}
	.news .info_news {width: 100%;padding-left: 0;}
	.news .info_news h2 {margin:10px 0px;}
	.events .wrap_news {width: 100%;}
	.wrap_news .news .img_news {width: 100%;}
	.events .vip_week {width: 100%;margin: 0;margin-bottom: 50px;}
	.wrap_news .news .info_news {width: 100%;}
	.wrap_news .news .info_news a{float:left; margin-left:20px;}
	.play_group li span {font-size: 30px;margin-top:  0;margin-bottom: 10px;}
	.play_group li p span {font-size: 14px;}
	.play_group li p img {margin-top: 0px;}
	.inner_game .mark {width: 100%;}
	.play_now {width: 100%;margin-top: 20px;}
	.play_now .play {line-height: 40px;}
	.name {width: 100%;margin-top: 70px;}
	.name h1 {font-size: 30px;}
	.icon_nav{display: inline-block;background: rgba(0, 0, 0, 0.1) url(../images/icon_nav.png) center center no-repeat;width: 40px;height: 40px;float: right;margin-top: 10px;margin-right: 10px;cursor: pointer;}
	.wrap_menu {display: inline-block;}
	.menu {display: none;}
/*--login--*/
	.popup_login .login {width: 100%;height: auto;}
	.popup_login .creat_account {width: 100%;height: auto;}
	.popup_login {margin-bottom: 40px;width: 100%;transform:  none;left:  0;top: 0;}
	.popup_login .close {color: #222;}
	.face_log img {margin-left: 10px;}
	.face_log p {}
	.creat_account .wrap_check_box_log {width: 35%;}
	.popup_login .btn {width: 45%;text-align: center;padding:0;}
	.popup_login .creat_account .introduct_log {margin-bottom: 55px;}
	.creat_account .img_game {margin-left: 150px;}
/*--game_info_logged--*/
	.game_info_logged .content_left_game_info_logged {width: 55%;}
	.game_info_logged .content_right_game_info_logged {width: 42%;}
	.content_left_game_info_logged .info_game .img_game {width: 270px;margin-left: 50%;transform: translate(-50%);}
	.content_left_game_info_logged .info_game .inner_game {width: 100%;margin-top: 20px;}
	.content_left_game_info_logged .inner_game .title {font-size: 30px;}
	.content_left_game_info_logged .wrapSlide {padding: 0px 15px;}
	.content_left_game_info_logged .document {padding: 0px 15px;}
	.content_left_game_info_logged .wrap_user {padding: 0px 15px;}
	.content_right_game_info_logged h2 {font-size: 20px;background-size: 100% auto;line-height: 60px;padding-left: 30%;}
	.content_right_game_info_logged .shop_game {margin-top: 20px;margin-bottom:  10px;}
	.content_right_game_info_logged .inner_game .title {font-size: 20px;}
	.content_right_game_info_logged .info_game {min-height: initial;}
	.header_main .menu .icon_deposit {padding:0px 10px;}
	.header_main .menu .icon_name {padding:0px 10px;background: url(../images/icon_name.png)no-repeat 12px 14px;}
	.header_main .menu li a .imess {margin-left: calc(50% - 15px);}
	.header_main .menu li a .count {right: calc(50% - 25px);}
/*popup*/
	.popup_notification {width: 90%;margin-left: 5%;left:  0;top: 10px;transform: none;}
	.popup_confim {width: 100%;left:  0;top: 20px;margin: 0;}
	.popup_trading_history .title {
    margin-top: 40px;
}
	.popup_trading_history {width: 90%;margin-left: 5%;top: 0;left:  0;}
/*--shop e--*/
	.form_puchasing .credit {margin-left: 20px;padding-right:  0;width: 33%;}
	.form_puchasing .pay {margin-left:20px;width: 33%;padding-right:  0;}
/*profile*/
	.shop .content_left {width: 100%;}
	.shop .content_right {width: 100%;}
	.account_balance .gold {background: url(../images/icon_deposit.png)no-repeat 6px 6px;}
	.account_balance .kc {background: url(../images/icon_kc.png)no-repeat 6px 6px;}
/*trangcon1*/
	.banner_main h2.form_2_title {font-size: 20px;left: 5%;width:  90%;}
/*shop abc*/
	.box_sale {margin-left: 30px;}
}

@media only screen and (max-width: 767px) {
	.header {margin-bottom: 60px;}
	.news{padding: 0;background: none;box-shadow: none;}
	.header_main {margin-bottom: 0px;}
	.banner_main h2.title {margin-top: 10px;font-size: 26px;}
/*menu*/
	.wrap_menu {width: 50%;}

	.name {margin-top: 0px;margin-bottom: 20px;}
	.name h1{margin-bottom:10px;}
	.name p, .name button{display:none;}
	.logo {height: 200px;width: 200px;top: -100px;}
	.logo img {bottom: 20px;width: 80px;margin-left: -20%;}
	.menu {width: 100%;margin-top: 160px;}
	.play_group li {width: 50%;margin:10px 0px;}
	.play_group li:nth-child(2n+2) {border: none;}
	.info_game .img_game {margin-top: 20px;margin-left:  50%;transform:  translate(-50%);border-radius:  10px;}
	.info_game .inner_game {width: 100%;margin-top: 0px;}
	.info_game {background: none;min-height: auto;}
	.game_new li {width: 48%;margin-right:2%;}
	.game_new li:nth-child(2n+2) {margin-right: 0;}
	.game_new li .count {padding: 0px 20px;padding-left: 50px;}
	.events .wrap_news {width: 100%;}
	.events .vip_week {width: 100%;margin:  0px;margin-bottom: 50px;}
	.footer {margin-bottom: 20px;}
	.footerTop > a {width: 40%}
	.footerTop ul {width: 60%;}
	.footerTop ul li {padding:0px;width: 50%;text-align: center;}
/*--login--*/
	.popup_login .login {width: 100%;}
	.popup_login .creat_account {width: 100%;}
	.popup_login {position: relative;margin-bottom: 40px;width: 100%;transform: none;left: 0;top: 0;}
	.popup_login .close {color: #222;}
	.popup_login .creat_pass {padding: 40px 20px;height: auto;}
	.creat_account .img_game {margin-left: 56px;}
/*--game_info_logged--*/
	.content .game_info_logged {margin-top: 0;}
	.game_info_logged .content_left_game_info_logged {width: 100%;}
	.game_info_logged .content_right_game_info_logged {width: 100%;}
	.content_right_game_info_logged h2 {line-height: 92px;font-size: 26px;}
	.content_right_game_info_logged .info_game .img_game {transform: none;}
/*popup*/
	.popup_confim .bg_confim {height: auto;}
	.popup_notification .title {text-align: end;padding-right: 60px;}
	.popup_notification li img {height: 40px;width: 40px;margin-right: 10px;}
	.popup_notification li p {line-height: 20px;width:  calc(100% - 50px);}
	.popup_confim .title {font-size:  24px;padding-right:  10px;top: 40px;}
	.wrap_popup {min-height: 100px;}
	.popup_confim .btn {margin-bottom: 30px;}
	.form1 p {margin-top: 30px;}
	.form3 .parameter img {height: 40px;width: 40px;float: left;}
	.form3 .parameter span {width: calc(100% - 50px);float:left;line-height:  20px;font-size:  20px;margin:  0;text-align:  start;}
	.popup_confim .title {top: 30px;}
	.popup_trading_history li p {width: 70%;}
	.popup_trading_history .title {font-size: 24px;}
	.popup_trading_history .date {float: left;width: 30%;}
/*shop e*/
	.form_puchasing .diamon_shop .prince {margin-top: 40px;}
	.form_puchasing .form_quantity {margin-top: 40px;}
	.form_puchasing .thanh_toan .title {width: 100%;}
	.form_puchasing .credit {width: 49%;margin:0;float: left;}
	.form_puchasing .pay {width: 49%;float: right;margin:0;}
	.form_puchasing .total {width: 50%;}
	.form_puchasing .total span {font-size: 30px;}
	.form_puchasing .btn {width: 50%;}
/*profile*/
	.profile .content_left {width: 100%;}
	.profile .content_right {width: 100%;}
/*shp abc*/
	.tab button {width: calc(33% - 1px);}
	.shop .diamon_shop .wrap_diamonds {width: calc(100% - 130px);}
	.prince {width:  50%;margin-left:  0;box-sizing:  border-box;}
	.buying {width: 50%;margin-top:  20px;}
	.diamon_shop .used_time {width: 100%;padding:  0;line-height:  30px;}
/*support*/
	.content .content_left {width: 100%;}
	.content .content_right {width: 100%;} 
/*trangcon1*/
	.banner_main h2.form_2_title {font-size: 16px;}
	.inner_page .content_left_page {width: 100%;}
	.inner_page .content_right_page {width: 100%;margin-top:  0;}
	.inner_news .list, .content .profile, .content .contact_cont{margin-top:10px;}
	.wrapper_login{position: absolute;display:  block;height: 100%;}
}

@media only screen and (max-width: 479px) {
	.menu {margin-top: 127px;}
	.game_new li {width: 100%;margin:  0;background: #fbf8f8;padding: 20px 0px;margin-bottom: 20px;}
	.game_new li .count {padding: 0px 120px;}
	.news .info_news {padding:0px;}
	.wrap_news .news{width:46%; margin:0 2%;}
	.vip_week .vip_character{padding:20px 10px;}
	.vip_week .vip_character .info{width: calc(100% - 154px);}
	.vip_week .vip_character .img_character{margin-right:10px;}
	.wrap_news .news .info_news h2{font-size:17px;}
	.vip_week .title {width: 100%;padding: 0px;text-align:  center;}
	.vip_week .vip_character p {margin:5px 0px;font-size: 13px;}
	.vip_week .rank p {padding-left: 40px;}
/*login*/
	.face_log p {font-size: 16px;}
	.creat_account .img_game {margin: 0;width: 100%;}
/*game_info_logged*/

/*new*/
	.list_new .news {width: 100%;margin-right: 0;}
/*popup*/
	.popup_confim .title {padding-left:  100px;text-align:  start;}
	.form3 .diamon_shop li .used_time {line-height: 20px;font-size: 17px;}
	.form3 .title {font-size: 24px;}
	.form5 .title {}
	.form4 .title {}
/*shop_e*/
	.form_puchasing .diamon_shop .used_time {width: 50%;}
	.form_puchasing .diamon_shop .prince {width:50%;margin-top:  0;}
	.form_puchasing .form_quantity {width: 100%;margin-top:  0;text-align:  start;}
	.form_puchasing .credit {width: 100%;}
	.form_puchasing .pay {width: 100%;margin-top: 20px;}
/*profile*/
	.birthday select {padding-left: 0px;font-size: 13px;}
	.info_profile img {margin-left: calc(50% - 50px);}
	.profile .info_profile .btn {width: 100%;}
/*shop abc*/
	.box_vip_shop .vip {width: 100%;}
	.tab button {min-height: 64px;}
/*menu*/
	.header_main .logo {width: 180px;}

}

@media only screen and (max-width: 413px) {
	.name{display:none;}
	.logo {height: 150px;width: 150px;top: -70px;}
	.logo img {margin-left: -35%;}
	.header_main .logo {width: 140px;}
	.header_main .logo img {}
	.menu li a {line-height: 30px;margin: 10px 0px;}
	.menu {margin-top: 100px;}
	.play_now a {width: 48%;margin-right: 4%}
	.play_now a img {width: 100%;}
	.play_now .app_google {margin: 0;}
	.play_now .play {width:  auto;margin-left:  50%;transform: translate(-50%);margin-bottom: 20px;}
	.game_new li .count {padding: 0px 70px;}
	.btn_group button {width: 100%;margin-bottom: 10px;}
	.news .info_news a {margin-bottom: 10px;}
	.vip_week .vip_character .info {width: 100%;margin-top: 10px;}
	.vip_week .rank p {padding-left: 20px;}
	.vip_week .vip_character .img_character {margin-left: 50%;transform: translate(-50%);}
	.footerBottom .group_social_network {transform: translate(-40%);}
	.footerBottom p {width: 100%;text-align: center;}
	.footerTop > a {margin-left: 50%;transform: translate(-50%);}
	.footerTop ul {width: 100%;}
	.play_group li span {font-size: 24px;}
	.play_group li p {font-size: 16px;text-align: start;line-height: 20px;white-space:  nowrap;overflow:  hidden;}
	.play_group li p img {margin-top: 0px;height: 20px;margin-right: 5px;}
/*login*/
	.face_log img {margin:0px;}
	.face_log p {font-size: 16px;}
	.wrap_check_box_log {width:50%;}
	.creat_account .img_game {width: 100%;}
/*----*/
	.content_left_game_info_logged .play_now .play {width: 100%;transform: none;}
	.inner_user .info {width: 100%;}
	.content_right_game_info_logged h2 {line-height: 55px;font-size: 20px;}
/*popup*/
	.popup_notification .title {font-size:20px;}
	.popup_confim .title {font-size: 18px;}
	.form5 .wrap_btn .btn {margin-right: 10px;}
	.popup_trading_history li p {width: 100%;}
	.popup_trading_history .date {width: 100%;}
	.popup_trading_history .title {font-size: 20px;}
/*trang con*/
	.banner_main h2.form_2_title {font-size: 10px;}
	.wrap_menu .menu {width: 200px;}
	.header_main .menu li a img {margin-top: 10px;}

}