@charset "utf-8";
/* Reset CSS */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dt, dd, pre, form, fieldset, legend, button, input, textarea, th, td, figure{margin:0;padding:0;}
body, button, input, select, textarea{font-family:'Fredoka One', cursive, Verdana, Arial, Geneva, sans-serif; font-size:12px; line-height:150%;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
.fz11{font-size:11px; -webkit-text-size-adjust:none;}
.fz14{font-size:14px;}

a img{border:0;}
ul, li, ol{list-style-type:none}
table{border-collapse:collapse; border-spacing:0;}
select, input, img, textarea{vertical-align:middle;}
input:focus, textarea:focus{outline:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a{*hide-focus: expression(this.hideFocus=true);}
a:focus{outline:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.text_right{text-align:right;}
.none{display:none;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.tdu{text-decoration:underline;}
.posR{position:relative;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.clr{clear:both; display:block; width:100%;height:0px;overflow:hidden; visibility:hidden;}
.nowrap{white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}

/* width layout */
article, aside, header, footer, nav, menu, dialog, figure, section{display:block; position:relative;}
.widscreen{width:100%;}
body{background-color: #2D76FF;}
.adv728{width:728px; height:90px;}
.adv160{width:160px; height:600px;}
.adv300{width:300px; height:250px;}

/* img icon */
header nav ul.menu li.logo a, header nav ul.menu li.logo a:hover, .new-sort, .hot-sort, .featured-sort, .top-search .search-btn, .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal, .play-info .title, .like, .hate, .fbcomment .title, .icon_new, .icon_hot, .icon_featured, .cate_title, .cate_text, 
.play-info .title .game_tag, .tab_content .fbicon, .tab_content .walkicon, .replay_game
{background:url(../images/icon_v-023.png) no-repeat;}
footer{background:url(../images/footerbg_v-023.png) repeat-x #37a3bd;}

/* bg img */
.body-top-bg{height:555px; position:absolute; top:45px; width:100%; z-index:-2;}
.body-top-bgleft, .body-top-bgright{display:block; position:absolute; width:50%; height:555px;}
.body-top-bgleft{background:url(../images/bgleft_v-023.jpg) left top no-repeat; left:0;}
.body-top-bgright{background:url(../images/bgright_v-023.jpg) right top no-repeat; right:0;}

/* header */
header{height:112px;}
header nav{width:100%; height:70px; background: #ECFF2F;}
header nav ul.menu, header .nav-top{max-width:1280px; min-width:1000px; margin:0 auto; position:relative; text-align:center;}
header nav ul.menu li{display:inline-block; vertical-align:top;}
header nav ul.menu li a{display:block; line-height:64px; text-transform:uppercase; color: #F5501E; font-size:22px;  padding:0 15px; margin:0 5px;}
header nav ul.menu li a:hover, header nav ul.menu li a.select{color: #fff; text-decoration:none; background: #4A6EFD; border-radius:0 0 15px 15px; box-shadow: 0 2px #B6C425;}
header nav ul.menu li.logo{width:305px; height:105px;}
header nav ul.menu li.logo a{border-radius:0 0 90px 90px; height:105px; display:block; background-position:45px 10px; background-color: #ECFF2F;}
header nav ul.menu li.logo a:hover{background-position:45px 10px; background-color: #ECFF2F; box-shadow: 0 0 #B6C425;}
header.fixed-header{height:70px; position:fixed; top:0; z-index:100; width:100%;}
header nav.fixed-menu{display:none;}
header nav.fixed-menu ul.menu{text-align:left;}
header nav.fixed-menu ul.menu li a{padding:0 5px;} 
header nav.fixed-menu ul.menu li.logo{height:70px; width:180px; margin-right:100px;}
header nav.fixed-menu ul.menu li.logo a{background-position:-145px -115px; height:70px; width:180px; padding:0; border-radius:0;}
header nav.fixed-menu ul.menu li.logo a:hover{background-position:-145px -115px; background-color:none; box-shadow:none;}
.nav-top .sort-menu, .nav-top .top-search{display:inline-block;  overflow:hidden; position:absolute; top:12px;}
.nav-top .sort-menu{right:50%; margin-right:200px;}
.nav-top .top-search{left:50%; margin-left:130px;}
.nav-top .sort-menu a:hover{text-decoration:none; background-color: #4A6EFD; color:#fff;}
.new-sort, .hot-sort, .featured-sort{ display:inline-block; border-radius:15px; margin:0 10px; color: #3B5DFC; padding:0 10px 0 30px; height:30px; line-height:30px; font-size:18px; background-position:-375px 7px; background-color: #ECFF2F;}
.hot-sort{background-position:-375px -74px;}
.featured-sort{background-position:-375px -343px;}
.new-sort:hover{background-position:-375px -34px;}
.hot-sort:hover{background-position:-375px -115px;}
.featured-sort:hover{background-position:-375px -384px;}
.nav-top .top-search{background-color: #EAFBFF; border-radius:15px; width:187px; height:30px; line-height:30px; padding-right:5px;}
.top-search .search-text, .top-search .search-btn{border:none; padding-left:5px;  vertical-align:inherit; background-color: #EAFBFF; color: #456DFC; font-size:15px; width:160px; line-height:22px;}
.top-search .search-btn{width:22px; padding:0; background-position:-379px -157px; cursor:pointer;}

/* banner */
.banner{width:1200px;margin:20px auto 0; position:relative;}
.banner li{float:left;margin:0 2px; position:relative;}
.banner li img{border-radius:10px;}
.banner li p{background:rgba(0, 0, 0, 0.6); border-radius:0 0 10px 10px; width:100%; height:36px; text-align:center; line-height:36px; font-size:16px;  color:#fff; position:absolute; left:0; bottom:0;}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:1146px; padding:0 27px;}
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:1146px; height:240px;}
.jcarousel-skin-tango .jcarousel-item{width:378px; height:240px;}
.jcarousel-skin-tango .jcarousel-item img{width:378px; height:240px;}
.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute; top:90px; right:0; width:50px; height:50px; cursor:pointer; background-position:-50px -122px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus{background-position:-50px -173px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute; top:90px; left:0; width:50px; height:50px; cursor:pointer; background-position:0 -121px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus{background-position:0 -171px;}

/* game list */
.list-content{padding:20px 60px; text-align:center;}
.game-list{max-width:1528px; margin:0 auto;}
.game-list .post{width:180px; height:124px; float:left; position:relative; margin:5px; border:3px solid #fff; border-radius:10px; display:inline-block; vertical-align:top;}
.game-list .post a{position:relative; display:block;}
.game-list .post img{width:180px; height:124px; border-radius:7px;}
.game-list .post .info-title{display:none; width:100%; border-radius:0 0 5px 5px; height:30px; line-height:30px; position:absolute; bottom:0; left:0; font-family:Verdana; background-color: #ECFF2F;  text-transform:capitalize; text-align:center; font-size:15px; color: #394FFC; font-weight:bold;}
.game-list .post .info-title p{white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%;}
.game-list .post a:hover .info-title{display:block;}
#infscr-loading{background:rgba(255, 255, 255, 0.9); border-radius:10px; bottom:60px; color:#222; font-size:15px;  left:42%;  padding: 10px 20px; position:fixed; text-align:center; z-index:100;}
.icon_new, .icon_hot, .icon_featured{width:45px; height:22px; position:absolute; left:0; top:10px;}
.icon_hot{background-position:-150px -247px;}
.icon_new{background-position:-150px -217px;}
.icon_featured{width:85px; background-position:-150px -276px}
.cate_title, .cate_text{line-height:36px; height:36px; font-size:26px; color:#fff;}
.cate_title{background-position:-378px -443px; padding-left:50px; margin:0 auto 20px; display:inline-block;}
.cate_text{text-align:center; background-position:right -412px; padding-right:50px;}

/* paly */
.this-game{width:1350px; margin:20px auto 0;}
.this-game .adv160{float:left; margin-right:10px;}
.this-game .adv728{margin:74px auto 0;}
.this-game .adv160_right{float:right; margin-left:10px;}
.this-game .list_img{width:130px; float:left; height:602px; overflow:hidden;}
.list_img .game-list{max-width:130px; margin:0 auto;}
.list_img .game-list .post{width:124px; height:86px; margin:0 0 10px; border-color: #fff;}
.list_img .game-list .post img{width:124px; height:86px;}
.list_img .game-list .post .info-title{line-height:25px; height:25px;}
.list_img .game-list .post .info-title p{font-size:12px;}
.play-info{width:730px; min-height:500px; background: #AFC6FE; float:left; border-radius:10px; text-align:center; margin:0 10px; position:relative;}
.play-info .title{background-position:-362px -213px; border-radius:10px 10px 0 0; background-color: #ECFF2F; margin-bottom:10px; padding:0 0 5px 45px; line-height:35px; color: #496FFD; font-size:18px; text-align:left;}
.play-info .des, .play-info .copyright{color:#3c3c3c; text-align:left; margin:10px 10px 0; font-family:Verdana;}
.play-info .copyright{margin-bottom:10px;}
.play-info .title .game_score{float:right; margin-right:10px;}
.play-info .title .game_score span{margin-left:5px;}
.play-info .title .game_score i{cursor:pointer;}
.play-info .title .game_tag{background-position:-385px -311px; margin-top:-5px; font-weight:bold; color:#e58202; font-family:Verdana; margin-right:10px; padding-left:15px; font-size:12px; line-height:18px;}
.play-info .title .game_tag a{margin-left:5px; color: #F5501E;}
.play-info .title .plug_in{float:right; margin:10px 10px 0 0;}
.replay_game{background-position:0 -281px; width:20px; height:20px; float:left; margin:12px 10px 0 0; cursor:pointer;}
#play{position:relative; z-index:103;}
#play{width:710px; margin:0 10px;}
#play img{width:710px;}
#loader_container{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.googleadv{width:100%; position:absolute; top:0;;}
.googleadv .adv160{position:absolute; width:160px; display:block; left:50%; top:90px; margin-left:460px; z-index:101;}
.like, .hate{width:17px; height:17px; display:inline-block; margin:0 2px;}
.like{background-position:0 -240px;}
.hate{background-position:-20px -240px;}
.tab_content{width:728px; margin:10px auto;}
.tab_content ul{line-height:36px; height:36px;  border-radius:5px 5px 0 0; text-transform:uppercase; background-color: #AFC6FE; color: #3C5DFD; font-size:18px;}
.tab_content ul li{float:left;}
.tab_content .fbicon{padding-left:35px; background-position:-370px -262px; padding-right:10px; border-radius:5px 5px 0 0; cursor:pointer;}
.tab_content .walkicon{padding-left:45px; background-position:-365px -510px; padding-right:10px; border-radius:5px 5px 0 0; cursor:pointer;}
.tab_content .walkicon.select{background-position:-365px -480px; background-color: #ECFF2F; color: #3B5DFD;}
.tab_content .fbicon.select{background-position:-370px -542px; background-color: #ECFF2F; color: #3B5DFD;}
.fb_plug, .walkthrough{background-color:#fff; padding:10px;}
.not_found{width:560px; margin:0 auto; padding:50px 0;}

/* site info */
.otherpage{max-width:1240px; margin:10px auto; padding:20px;}
.site-info{font-family:Verdana, Arial, Geneva, sans-serif;}
.site-info p{margin-bottom:10px; padding:0 20px; text-align:justify;}
.site-info .title{font-weight:bold; font-size:16px; margin-bottom:20px; padding-left:0;}

/* footer */
footer{margin:25px 0 0; padding:25px 0 0; background: url(../images/footerbg_v-023.png) left top repeat-x #ECFF2F; font-family:Verdana; color: #0A0A00;}
footer a, footer a:hover{color: #0A0A00;text-decoration: underline;}
.footer-info{max-width:1280px; margin:0 auto; text-align:center;}
.footer-info ul li{display:inline-block; margin:0 10px;}
.footer-info p{padding:20px; margin-top:20px; border-top: 1px solid #CCE845;}

/* screen */
@media only screen and (min-width:1px) and (max-width:1024px){ 
	.list-content{padding:20px 23px;} .game-list{max-width:955px;}
	header nav ul.menu li a{padding:0 3px;}
	.new-sort, .hot-sort, .featured-sort{margin:0 5px; font-size:16px; padding-left:25px;}
	.nav-top .sort-menu{margin-right:180px;}
	header nav ul.menu li.logo{margin-left:15px;}
	header nav.fixed-menu ul.menu li.logo{margin-right:15px;}
	header nav.fixed-menu ul.menu li a{font-size:16px;}
	.nav-top .top-search{margin-left:150px;}

	/* banner */
	.banner{width:980px;}
	.jcarousel-skin-tango .jcarousel-container-horizontal{width:926px; padding:0 27px;}
	.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
	.jcarousel-skin-tango .jcarousel-clip-horizontal{width:926px; height:200px;}
	.jcarousel-skin-tango .jcarousel-item{width:305px; height:200px;}
	.jcarousel-skin-tango .jcarousel-item img{width:100%; height:100%;}
	.jcarousel-skin-tango .jcarousel-next-horizontal{top:70px;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal{top:70px;}
}

@media only screen and (min-width:1025px) and (max-width:1366px){ 
	.list-content{padding:20px 56px;} 
	.game-list{max-width:1146px;} 
	header nav.fixed-menu ul.menu li.logo{margin-right:70px;}
}
@media only screen and (min-width:1367px) and (max-width:1530px){ 
	.list-content{padding:20px 42px;} 
	.game-list{max-width:1337px;} 
}