body, ul, li, input, button, h1, h2, h3, h4, p, dl, dt, dd,div,a {
	padding: 0;
	margin: 0
}

body {
	
	font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
	font-size: 12px;
	color: #fff;
	text-rendering: optimizeLegibility;
}
a {
	text-decoration: none;
	color: #454d5d;
	outline: 0
}

a:focus {
	box-shadow: 0 0 0 .2rem rgba(0,124,255,.15)
}

a.active,a:active,a:focus,a:hover {
	text-decoration: underline;
	color: #007cff
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 1.5rem;
	color: inherit
}


body{ background:#dff3ff; color:#fff;}
dl,dt,dd,ul,li,h1,h2,form,input,textarea,p,td,h4,h3{padding:0;margin:0;}
ul,dl{list-style:none;}
img{ vertical-align:top;border:0;}
.clear{clear:both}
.left{float:left}
.right{float:right;}

ul, li {
	list-style: none
}

input, input:focus, button, button:active, a, a:active {
	outline: 0
}

a, a:active {
	text-decoration: none
}

button, button:active, img {
	border: 0 none
}


.header{
	width: 100%;
	height:55px;
    opacity: 1;
    background: #0061C3;
	box-shadow: 0px 0px 8px 0px #0c0021;
	margin-bottom: 5px;
	color:#fff;
}


.top{margin:0;height:55px;width:100%;overflow: hidden;}
.top_logo{margin-left:10px;}
.top_nav{ height:55px; margin:0 0 0 0px;width:auto;overflow: hidden;}
.top_nav ul{margin: 0 0 0 20px;	padding: 0;}
.top_nav li{float: left;list-style: none;font-size:16px;color:#B1B0B1;text-align: center;padding:5px 10px;line-height:50px;}
.top_nav li img {width:32px; height:32px;margin:10px 4px 0 0;}
.top_nav li a{ text-decoration:none; color:#fff;}
.top_nav li a:hover{ color:#FFF;}
.top_nav li:hover {background-color:#F06E00;}
.top_nav li.selected {background-color:#012F47;}
.top_nav li.selected a{color:#FDB504;}
.top_search{ margin-top:12px;padding-right:25px;width:202px; height:33px;}
.top_search_input{ float:right; background:url(../img/search_bg.jpg) no-repeat; width:202px; height:33px;}
.top_search_input input{ float:left; height:33px; background:none; border:1px none; line-height:33px; padding:0 0 0 5px; color:#009cff; width:150px;}
.top_search_input span{ float:right;margin:0px;padding:0px;}
.top_search_input span input{ background:none;margin:0px;padding:0px; width:45px; height:33px; cursor:pointer;}

.thumb {
	width: 140px;
	height: 140px;
	
    margin: 5px;
    text-align: center;
    display: inline-block;
    position: relative;

}


.thumb img {
	width: 140px;
	height: 140px;
	  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 2px 3px 5px #222;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.thumb .post-name {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:auto;
	display:none;
	padding:5px 0 5px 0;
	font-size:12px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
	background-color: rgba(0, 0, 0, .7);
	color:#decaff;
}
div.thumb a {
    color: #f5f500;
    text-decoration: none;
}
.thumb a:hover .post-name {
	
}


.main-container{
	width:100%;
	text-align:center;
	font-size: 0px;
	margin: 0 auto;
}

.featured_icon {
    background: url(../img/hottag.png) no-repeat;
}
.featured_icon, .new_icon, .best_icon {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.clear {
	clear:both;
}
/* Play */

.bg{
	background-color: #3C1E6E;
}
.bg-linner {
	background-image: linear-gradient(290deg, #3b2b73 55%, #6f2f93, #6f2f93);
}
.play-agd-970x90 {
    width: 970px;
    height: 90px;
    margin: 0 auto;
    padding: 5px 0;
}

.m-l-5 {
	margin-left:5px;
}

.m-r-5 {
	margin-right:5px;
}


#game_middle {
    width: 1280px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0 0 0;
}
#RightGamesThumbDiv{
	width:100px;
	height:620px;
	margin:0 0 0 5px;		
	float:left;

	display:none;
}
#RightGamesThumbDiv div.thumb {
	float: left;
	margin:5px;
	text-align: center;
	width: 90px;
	height: 90px;
}
#RightGamesThumbDiv div.thumb a img {
	width: 90px;
	height: 90px;
}
#RightGamesThumbDiv div.thumb span.GameName{width:105px;height:65px;padding-top:25px;}
#RightGamesThumbDiv div.thumb span.GameThumbBorder{width:110px;height:85px;}


#LeftGamesThumbDiv{
	width:100px;
	height:620px;
	margin:0 5px 0 0;		
	float:left;
}
#LeftGamesThumbDiv div.thumb {
	float: left;
	margin: 5px;
	text-align: center;
	width: 90px;
	height: 90px;
}
#LeftGamesThumbDiv div.thumb a img {
	width: 90px;
	height: 90px;
}
#LeftGamesThumbDiv div.thumb span.GameName{width:105px;height:65px;padding-top:25px;}
#LeftGamesThumbDiv div.thumb span.GameThumbBorder{width:110px;height:85px;}

#LeftAdDiv{
	width: 160px;
	height: 620px;
	float:left;
	line-height: 15px;
	text-align: center;
	color: #FFF;
	margin-right:120px;
}

#RightAdDiv{
	width: 160px;
	height: 620px;
	line-height: 15px;
	text-align: center;
	color: #FFF;
	float:left;
	margin-left:120px;
}

.container-box {
	padding: 10px;
	border-radius: .3rem;

	clear:both;
	width:970px;
	margin: 10px auto;
	overflow:hidden;
}

.game-list{
	margin: 10px auto 10px auto;
    width: 990px;
    height: 600px;
    background: #FFF;
	border-radius: .3rem;
}


.thumb span.GameName{width:170px;height:75px;padding-top:50px;}
.thumb span.GameThumbBorder{width:170px;height:125px;}

.outgames {
    width: 962px;
    padding: 0px 10px 0 18px;
}
.text-center {
    text-align: center;
}

div.outgames div.thumb {
    float: left;
    margin: 5px 5px 5px 5px;
    text-align: center;
    width: 180px;
    height: 135px;
}


#GameDiv_OpareateDiv {
    background-color: #0fa8f1;
    color: #fff;
    height: 60px;
}

.game-title{
	float:left;
	overflow:hidden;
	width:790px;

    padding-top: 5px;
    padding-bottom: 5px;
}

.game-title h2 {
	width:300px;
	float:left;
	text-align:left;
	font-size: 18px;
    line-height: 22px;
	margin-left:20px;
	padding: 0;
	color: #fff;
}

.operate-div{
	float:right;
	padding-right: 50px;
}
.operate-div img{
	vertical-align: middle;
}

.game-play{
	float:left;
	overflow:hidden;
	width:790px;

	height:590px;
}

.play-game-recom div.thumb {
    float: left;
    margin: 0px 0px 5px 0px;
    text-align: center;
    width: 110px;
    height: 95px;
}

.play-game-recom div.thumb a img {
    width: 110px;
    height: 95px;
}


.footer {

    background-color: #167BE0;
    font-family: Arial, Simsun;
	clear:both;
	margin-top:20px;
}

.footer-description {
    width: 1000px;
    margin: 0 auto 0;
    text-align: left;
    padding-top: 10px;
}


@media (max-width: 1024px){
	.img-responsive {
		height: 120px;
	}
} 
@media (min-width: 1024px){
	.img-responsive {
		height: 120px;
	}
} 
@media (min-width: 1100px) {
	.img-responsive {
		height: 120px;
	}
} 
@media (min-width: 1280px) {
	.img-responsive {
		height: 130px;
	}
} 

@media (min-width: 1366px) {
	.img-responsive {
		height: 130px;
	}
}  

@media (min-width: 1440px) {
	.img-responsive {
		height: 140px;
	}
	
} 

@media (min-width: 1680px) {
	.img-responsive {
		height: 150px;
	}

} 
@media (min-width: 1920px) {
	.img-responsive {
		height: 200px;
	}

} 

#game-preload{
	float: left;
    overflow: hidden;
    width: 700px;
    background-color: #0fa8f1;
    height: 600px;
}

.operate-div{
	color:#fff;
	padding-top:2px;
}

.operate-div a {
	margin-left:5px;
}

/*detail page*/
.game-list-2{
	margin: 10px auto 10px auto;
    width: 1100px;
    height: 600px;
    background: #FFF;
	border-radius: .3rem;
}

.container {
    margin: 0 auto 60px;
    text-align: left;
    width: 1100px;
    border-bottom: none;
    position: relative;
    padding-top: 10px;
}

.container_right {
    width: 300px;
    float: right;
    text-align: center;
    background: #2bafed;
    color: #fff;
    height:620px;
}

.container_left {
    width: 790px;
    float: left;
}

.gameinfo_top {
    width: 100%;
    height: 300px;
    float: left;
    background: #2bafed;
    color:#fff;
}

.gameinfo_top_ad {
    width: 350px;
    float: left;
    text-align: center;
}

div.gameinfo_top_information {
    float: left;
    width: 430px;
    height: 275px;
    padding: 5px 0 0 5px;
    line-height: 20px;
    color: #fff;
}

div.gameinfo_top_information{
	float: left;
	width:430px;
	height: 275px;
	padding: 5px 0 0 5px;
	line-height: 20px;
	color:#fff;
}

div.gameinfo_top_information_game{
	width:100%;
	height: 260px;
}
div.gameinfo_top_information h1{
	padding:5px 0 10px 0; 
}
div.gameinfo_top_information_game a{
	color: #fff;
	text-decoration: underline;
}
div.gameinfo_top_information_game a:hover{
	color: #fff;
	text-decoration: none;
}
div.gameinfo_top_information_playbutton{
	float: left;
	width:100%;
	height: 50px;
}
#play_btn{
	display: block;
	width: 220px;
	height: 50px;
	border: 1px solid #dadada;
	-moz-box-shadow: 0 1px 1px #f0f0f0;
	-webkit-box-shadow: 0 1px 1px #f0f0f0;
	box-shadow: 0 1px 1px #f0f0f0;
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	background: #24B8EA;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24B8EA), to(#1683DC));
	background: -webkit-linear-gradient(top, #24B8EA, #1683DC);
	background: -moz-linear-gradient(top, #24B8EA, #1683DC);
	background: -o-linear-gradient(top, #24B8EA, #1683DC);
	background: -ms-linear-gradient(top, #24B8EA, #1683DC);
	line-height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	border-radius: 10px;
}
#play_btn:hover{
	background: #34C8FA;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34C8FA), to(#2693EC));
	background: -webkit-linear-gradient(top, #34C8FA, #2693EC);
	background: -moz-linear-gradient(top, #34C8FA, #2693EC);
	background: -o-linear-gradient(top, #34C8FA, #2693EC);
	background: -ms-linear-gradient(top, #34C8FA, #2693EC);
}
div.gameinfo_middle{
	margin-top: 10px;
	width: 100%;
	height:310px;
	float: left;
	background:#2bafed;
	color:#fff;
}
div.gameinfo_middle_thumb{
	width:380px;
	height: 290px;
	float: left;
	text-align: center;
	
	padding-top:10px;
	overflow: hidden;
	padding-top:10px;
	overflow: hidden;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;	
}
div.gameinfo_middle_thumb_gamename{
	width: 300px;
	height:35px; 
	text-align: center;
	overflow: hidden;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.gameinfo_middle_thumb img{
	width: 300px;
	height: 225px;
}
div.gameinfo_middle_ad{
	width:400px;
	
	float: left;
	text-align: center;
}

div.gameinfo_rightad{
	width: 300px;
	height:610px;
}

.outgames2 {
    width: 1100px;
    padding: 0px 10px 0 10px;
}

.outgames2 div.thumb a img {
    width: 125px;
    height: 125px;
}

.outgames2 div.thumb {
    float: left;
    margin: 5px 5px 5px 5px;
    text-align: center;
    width: 125px;
    height: 125px;
}

span.GameRating {
    background: url(../img/stars.png) 0 0px repeat-x;
    width: 80px;
    height: 16px;
    display: inline-block;
}

a.btn-play {
	display: block;
	position: absolute;
	height: 45px;
	top: 214px;
	background-color: #6dd829;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-decoration: none !important;
	z-index: auto;
	padding: 0 20px;
	min-width: 150px;
}

a.btn-play:hover {
	background-color: #57c511;
}

.panel-title {
	font-weight:600;
	margin-bottom:15px;
	font-size:14px;
}

.leftbox {
	width: 336px;
	height: 600px;
	float:left;


}

.rightbox {
	margin-left: 10px;
	width : 600px;
	height: 600px;
	float:left;
	background-color:#0fa8f1;
}

.rightAdBox{
	margin-left: 10px;
	width : 336px;
	height: 600px;
	float:left;
}

.main-container{
	width:100%;
	text-align:center;
	font-size: 0px;
	margin: 0 auto;
}
	
.main-container .thumb {
	width: 140px;
	height: 140px;
	margin: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	
	_overflow: hidden;
	position: relative;
	transition: box-shadow .5s ease-out,transform .38s ease-out,opacity .2s ease-out; 
}




#RightGamesThumbDiv {
	display:none;
}

@media screen and (min-width: 1250px) {
    #game_middle {
		width:1250px;
	}
	
}

@media  screen and (min-width: 1350px) {
    #game_middle {
		width:1350px;
	}
	#RightGamesThumbDiv {
		display:block;
	}

}
.Bb {
    background-color: #009cff;
    color: #fff;
    font-size: 10px;
    letter-spacing: .01em;
    line-height: 20px;
    text-align: center;
}

.Bb2 {

    color: #fff;
    font-size: 10px;
    letter-spacing: .01em;
    line-height: 20px;
    text-align: center;
}

#Boxshadow {
	position:fixed;
	width:100%;
	background:#000;
	opacity:.9;
	left:0;
	top:0;
	z-index:1111
}
#Close {
	color:#fff;
	font-family:arial,sans-serif;
	font-size:20px;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer
}

/***play_v2***/
.continer {
	width: 100%;
}

.content-play {
	padding-right: 436px
}


.slot {
	background: #06579f;
	border-radius: 2px;
	overflow: hidden;
	background: #1c84e329
}

.spo-home {
	padding-right: 228px
}

.spo-hm {
	position: fixed;
	top: 15px;
	right: 8px;
	width: 160px;
	height: 600px;
	padding: 10px 6px;
	padding-top: 16px;
	background: #00acee
}

.spo-hm:before {
	content: "Advertisement";
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px
}

.slot-left-top {
	position: absolute;
	top: 80px;
	left: 0;
	display: none
}

.slot-lt{
	display: none;
}

.slot-right-top{
	position: absolute;
	top: 80px;
	right: 0;
	width: 300px;
	height: 280px
}

.slot-rt {
	width: 300px;
	height: 250px;
}

.slot-right-bottom {
	position: absolute;
	top: 360px;
	right: 0;
	width: 300px;
	height: 630px;
	margin-top: 20px
}

.slot-rb {
	width: 300px;
	height: 600px;
}

.spo-rb-fx {
	position: fixed;
	top: 0;
	right: initial
}

.game-intro {
	height: 90px;
	font-size: 13px;
	line-height: 21px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	padding-top: 10px;
}

.slot-mid {
	height: 110px;
	margin: 20px 0;

	background-repeat: no-repeat;
	background-position: 0 center;
	text-align: center
}

.slot-mid div {
	height: 100%;
	text-align: center;
	min-width: 728px
}

.spo-roll-r .slot-right-top{
	display: none!important
}

.spo-roll-r .slot-right-bottom {
	top: 0
}


.post {
	width: 10.3%;
	margin: 0 .2% 8px;
	display: inline-block;
	text-align: center;
	position: relative
}
.post a {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	border-radius: 10px;
	background: #fff
}

.post a:after {
	content: "";
	display: block;
	padding-top: 100%
}

.post a:before {
	content: "";
	border: 2px solid #fff;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9
}

.post a:hover a {
	background: #fc0
}

.post a:hover:before,.post-featured a:before {
	border-color: #fc0
}

.post img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: #fff
}

.post-name {
	position: absolute;
	bottom: 2px;
	left: 2px;
	display: none;
	background: #fc0;
	color: #fff;
	text-indent: .5em;
	width: 96%;
	border-radius: 0 0 7px 7px
}

a .post-name {
	display: block;
	background: 0;
	color: #fff;
	font-size: 20px;
	top: 50%;
	margin-top: -25%;
	word-break: break-all;
	vertical-align: middle;
	height: 46%;
	overflow: hidden;
	font-weight: 400;
	text-transform: capitalize
}

a:hover .post-name {
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	height: auto;
	line-height: 18px;
	overflow: hidden;
	border-radius: 0 0 7px 7px;
	text-indent: 0;
	font-size: 14px;
	display: block!important;
	padding: 5px 6px 6px;
	z-index: 3;
	transition: .08s,font-size 0s,font-weight 0s;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
	background-color: rgba(0, 0, 0, .7);
	color:#decaff;
}

.common-box {
	position: relative;
	background: #00acee;
	border-radius: 6px;
	margin-bottom: 20px
}

.game-container {
	position: relative;
	height: 380px
}

.box-content {
	position: relative;
	padding-left: 98px
}

.similar-games {
	padding: 8px 0 0;
	text-align: center
}

.similar-games .post {
	width: 13.3%;
	margin-bottom: 5px
}

.box-header {
	height: 36px;
	border-bottom: 1px dotted #035193;
	overflow: hidden
}

.box-header h2 {
	position: relative;
	font-size: 16px;
	color: #fff;
	border-left: solid 4px #ffda19;
	text-indent: 9px;
	text-transform: capitalize;
	margin: 10px 10px 5px;
	overflow: hidden
}

.box-left {
	position: absolute;
	left: 0;
	width: 98px;
	height: 100%;
	overflow: hidden
}


.side-list {
	text-align: center;
	padding-top: 3px;
	height: 100%
}

.side-list li {
	display: inline-block;
	width: 79%;
	border-radius: 18px;
	margin: 3px 0;
	overflow: hidden;
	box-shadow: 0 6px 28px 0 rgba(0,0,0,.16)
}

.side-list a {
	position: relative;
	height: 98%;
	display: block;
	overflow: hidden;
	border: solid 1px #fff;
	border-radius: 18px;
	cursor: pointer;
	background: #6fcdf1
}

.side-list a:after {
	content: "";
	display: block;
	padding-top: 100%
}

.side-list-h a:after {
	content: "";
	display: block;
	padding-top: 101%
}

.side-list img,.side-list span {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.side-list img {
	width: 100%;
	z-index: 8
}

.side-list span {
	display: none;
	top: auto;
	bottom: 0;
	right: 0;
	height: auto;
	padding: 1px 4px 3px;
	word-break: break-all;
	overflow: visible;
	vertical-align: middle;
	overflow: hidden;
	background: #fc0;
	color: #035193;
	font-size: 13px;
	z-index: 9
}

.side-list li a:hover span {
	display: block
}


.game-expand {
	height: 480px!important
}

.game-expand .side-list li {
	width: 86.8%!important
}


.more-about {
	padding: 5px 12px 12px;
	line-height: 26px;
	text-align: justify;
	font-size: 14px;
	color: #003d71
}

.more-about-list li {
	list-style: none;
	margin-bottom: 5px
}

.more-about-list li b {
	margin-right: 5px;
	text-align: left;
	display: inline-block
}

.more-about-tags {
	margin: 12px 0
}

.more-about-tags li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 8px
}

.more-about-tags a {
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	border: solid 2px #8fe0ff;
	border-radius: 20px;
	color: #035193;
	transition: .2s;
	background: #30c5fe;
	text-transform: capitalize
}

.more-about-tags a:hover {
	background: #f06e00;
	color: #fff;
	border-color: #fff
}

.video-container {
	overflow: hidden;
	border-bottom-right-radius: 6px;
	height: 360px
}

img {
	border: 0;
}
* {
	margin: 0;
	padding: 0
}


.game-name {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding-left: 20px;
	width: 50%;
	line-height: 35px
}

.common-box-game .box-header {
	border-bottom-style: none;
}


.video-item {
	width: 31%;
	margin: 0 .4% 8px;
	display: inline-block;
	text-align: center;
	position: relative;
	*zoom: 1;
	_overflow: hidden;
}

.video-item a {
	position: relative;
	width: 100%;
	height: 70%;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	text-decoration:none;
}

.video-item img {
	width: 100%;
	height: 70%;
	border-radius: 10px;

	color: #fff
}

.video-item:hover {
	background: #24bdff;
	transform: scale(1.036)
}

.VideoLength {
	position: absolute;
	bottom: 0;
	right: 5px;
	background-color: rgba(6,6,6,.6);
	color: #fff;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}


@media screen and (max-width:1290px),screen and (min-width:1500px) {


	.content {
		margin-left: 10px;
		padding-top: 60px
	}

	.content-play {
		padding-top: 20px
	}

	.slot-mid {
		margin-left: 0!important
	}

	.spo-home .spo-hm {
		top: 60px
	}
}

@media screen and (max-width:1500px) and (min-width:1290px) {

	.content {
		margin-left: 5px;
		margin-right: 5px;
		padding-top: 60px
	}

	.content-play {
		padding-top: 20px
	}

	.slot-mid {
		margin-left: 0!important
	}

	.spo-home .spo-hm {
		top: 60px
	}

	.slot-right-top, .slot-right-bottom {
		display: block
	}

	.slot-rt, .slot-rb {
		display: block;
	}

	.content-play {
		padding-left: 230px;
		padding-right: 370px
	}

	.slot-left-top {
		display: block;
		width: 160px;
		height: 620px;
		margin-top: 0
	}

	.slot-lt {
		display: block;
		width: 160px;
		height: 600px;
		margin: 0;
		padding: 0;
	}

	.slot-right-bottom {
		display: block;
		width: 300px
	}

	.slot-rb {
		display: block;
		width: 300px;
	}

	.nav-top-important .slot-mid-t {
		display: block
	}

	.game-container {
		padding-left: 0
	}

	.game-container .box-left {
		display: none
	}
}

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

}

@media screen and (max-width:1290px) {
	.nav-top .nav {
		text-align: left
	}

	.game-container {
		height: 328px
	}

	.side-list li {
		width: 75%
	}

	.game-expand .side-list li {
		width: 75%;
		height: 14.5%
	}

	.spo-hm {
		position: absolute;
		top: 60px
	}
}

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


	.content-play {
		padding-right: 266px
	}

	.page-play .content {
		margin-left: 2px;
		margin-right: 2px
	}

	.game-container {
		padding-left: 0
	}

	.game-container .box-left {
		display: none
	}

	.slot-right-top{
		display: none
	}

	.slot-rt {
		display: none;
	}

	.slot-right-bottom {
		width: 160px;
		top: 80px;
		margin-top: 0
	}

	.slot-rb {
		width: 160px;
	}

	.slot-mid {
		background-position: left center
	}

}

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

	.video-container {
		padding-left: 0
	}

	.video-container .box-left {
		display: none
	}

	.slot-mid div {
		min-width: initial
	}

	.slot-mid {
		min-height: 110px;
		height: initial
	}
}

@media screen and (max-width:808px) {
	.slot-right-bottom {
		display: none
	}

	.slot-rb {
		display: none;
	}
	.page-play .content {
		margin-left: 5px;
		margin-right: 5px
	}

	.content-play {
		padding-right: 0
	}

}

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

}

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

	.similar-games .post {
		width: 18.8%
	}


	.video-container {
		height: 380px!important
	}

	.slot-mid-t {
		_display: none;
		margin-top: 0
	}

	.slot-mid {
		padding-left: 0;
		background-image: none
	}
}

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


	.common-box {
		border-radius: 6px!important;
		overflow: hidden
	}

	.slot-mid {
		position: relative;
		overflow: initial;
		margin: 30px 0 20px
	}
	.similar-games .post {
		width: 23.5%
	}

	.similar-games .post:nth-last-child(-n+3) {
		display: none
	}
	.slot-mid:before {
		content: "Advertisement";
		position: absolute;
		left: 0;
		right: 0;
		top: -18px;
		color: #adcbe5;
		font-size: 12px;
		text-transform: uppercase;
		font-family: cursive,arial
	}

	.slot-mid-t {
		display: block;
		margin: 8px 0 20px;
		min-height: 250px
	}


	.video-container {
		height: 320px!important
	}
}

@media screen and (max-width:328px) {
	.similar-games .post {
		width: 23.5%
	}
}

@media screen and (min-width:1500px) {


	.page-play .content {
		padding-left: 296px
	}

	.slot-left-top {
		display: block;
		width: 160px;
		height: 600px
	}

	.slot-lt {
		display: block;
		width: 160px;
		height: 600px;
		margin: 0;
		padding: 0;
	}
}

@media screen and (min-width:1500px) and (max-width:1590px) {
	.game-container {
		padding-left: 0
	}

	.game-container .box-left {
		display: none
	}
}

@media screen and (min-width:1750px) {


	.page-play .content {
		padding-left: 436px
	}

	.slot-left-top {
		display: block;
		width: 300px;
		height: 600px
	}

	.slot-lt {
		display: block;
		width: 300px;
		height: 600px;
		margin: 0;
		padding: 0;
	}

}
@media screen and (max-height:650px) and (max-width:800px) {
	.game-container {
		height: 360px
	}


}

@media screen and (min-height:800px) {
	.game-container,.video-container {
		height: 480px
	}

}

@media screen and (min-height:950px) and (min-width:1500px) {
	.game-container,.video-container {
		height: 500px!important
	}
}