html{ font-size:62.5%;}
body{ font-size:14px; font-size:1.4em; font-family:Tahoma, Geneva, sans-serif; background:#FFF;}
.container{ max-width:1000px;}
.padding{ padding:15px 0;}
.padding-right{ padding-right:15px;}
.no-padding{ padding:0;}
.margin-bottom{ margin-bottom:20px;}
.line-height{ line-height:0;}
.disable-scroll{overflow-y: hidden;}
.enable-scroll{overflow-y: scroll;}


/*nav-menu*/
.navbar{ background:#FFF; border-radius:0;}
.navbar-fixed-top{ border-bottom:solid 5px #ebebeb;}

/*logo*/
.navbar-header{ width:25%;}
.navbar-logo{ border:0; border-radius:0; margin-left:0 !important; height:auto;}
.navbar-logo img{ max-width:100%; width:100%;}

/*btn-menu*/
.navbar-collapse{ font-size:15px; font-size:1.5rem; font-family:Tahoma, Geneva, sans-serif; color:#252525;}
.navbar-collapse ul li{ border-right:1px solid #dddddd;}
.navbar-collapse ul li a.hamline{ border-bottom:5px solid #ccc;}
.navbar-collapse ul li a.hamline:hover{border-bottom:5px solid #F00; color:#F00;}
.navbar-collapse ul li:last-child{ border-right:0;}
.navbar-collapse ul li ul{ display:none; width:auto; position:absolute;}
.navbar-collapse ul li:hover ul{ display:block; position:absolute; margin:0; padding:0;}
.navbar-collapse ul li:hover li{ list-style-type:none; background:#333; border:none; text-align:center;}
.navbar-collapse ul li:hover li a{ width:auto; color:#FFF; text-decoration:none; display:block; padding:10px 5px; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.navbar-collapse ul li li a:hover{ background:#F00;}
.navbar-collapse ul li a i.fa{ margin-top:-2px;}
.navbar-left{ margin-left:6%;}
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 0; line-height: 20px;}

/*lockin*/
.navbar-collapse .lock-in{ margin:0; padding:0;}
/*.navbar-collapse .lock-in a{ display:block;}*/
.navbar-collapse .lock-in a img{ max-width:100%;}
.navbar-collapse .lock-in a:hover{ animation:pulse 1s ease; 
		-webkit-animation:pulse 0.5s ease;
		-moz-animation:pulse 0.5s ease;
		-ms-animation:pulse 0.5s ease;
		-o-animation:pulse 0.5s ease;
		}
.navbar-right:last-child{ margin-right:0 !important;}

.nav-mobile{ display:none;}
		
@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); transform: scale(1);}

  50% { -webkit-transform: scale(1.1); transform: scale(1.1);}

  100% { -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes pulse {
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

  100% {  -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
}

/*bg-slide*/
.bg-position{ margin-top:70px; z-index:999; }

/*bg-grey and menu select*/
.bg-grey{ display:none;}

/*head game zenta and game comment*/
.head-red{ background:#F00; overflow:hidden; border-bottom:6px solid #900;}
.head-red h1{ font-size:40px; font-size:4rem; font-weight:800; color:#FFF; margin:0; padding:5px 0;}
.head-red h2{ font-size:30px; font-size:3rem; margin:0; text-align:right;}
.head-red h2 a{ display:block; color:#FFF; text-decoration:none; padding:12px 0; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.head-red h2 a:hover{ color:#900; background:#F00;}

/*app game zenta and game comment*/
.box-btn-app ul{ list-style-type:none; margin:0; padding:0;}
.box-btn-app ul li{ width:auto; float:left;}
.box-btn-app ul li a{ display:block;}
.box-btn-app ul li a img{ max-width:100%; width:100%;}

/*game zenta*/
.btn-game a{ display:block;}
.btn-game a img{ max-width:100%; width:100%;}

/*tab app zenta*/
.tabapp1 a{ width:107px; height:32px; background-image:url(../images/btn-game.png); background-position:top center; background-repeat:no-repeat;}
.tabapp1 a:hover{ background-image:url(../images/btn-game-h.png); background-position:top center; background-repeat:no-repeat;}
.tabapp2 a{ width:107px; height:32px; background-image:url(../images/btn-app.png); background-position:top center; background-repeat:no-repeat;}
.tabapp2 a:hover{ background-image:url(../images/btn-app-h.png); background-position:top center; background-repeat:no-repeat;}
.tabapp3 a{ width:107px; height:32px; background-image:url(../images/btn-editors.png); background-position:top center; background-repeat:no-repeat;}
.tabapp3 a:hover{ background-image:url(../images/btn-editors-h.png); background-position:top center; background-repeat:no-repeat;}

/*download game zenta*/
.download-app ul{ margin:0; padding:0; list-style-type:none; overflow:hidden; background:#898989;}
.app_data ul { margin:0; padding:0; list-style-type:none; overflow:hidden; background:#000;}
.download-app ul li{ float:left;}
.download-app ul li a{ display:block;}
.download-app ul li a img{ max-width:100%; width:100%;}

/*server-status*/
.server-status img{ max-width:100%; width:100%;}

/*bg-sky*/
.bg-sky{ background:#007dde; border-top:6px solid #275476; overflow:hidden;}

/*head-sky*/
.head-sky{ background:#007dde; overflow:hidden; padding-top:10px;}
.head-sky h1{ font-size:40px; font-size:4rem; color:#FFFFFF; margin:0; padding:3px 0;}
.head-sky h2{ font-size:30px; font-size:3rem; margin:0; text-align:right;}
.head-sky h2 a{ display:block; color:#FFF; text-decoration:none; padding:10px 0; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.head-sky h2 a:hover{ color:#275476;}

/*tab recommend*/
.tabrec1 a{ width:107px; height:32px; background-image:url(../images/btn-new.png); background-position:top center; background-repeat:no-repeat;}
.tabrec1 a:hover{ background-image:url(../images/btn-new-h.png); background-position:top center; background-repeat:no-repeat;}
.tabrec2 a{ width:107px; height:32px; background-image:url(../images/btn-adventure.png); background-position:top center; background-repeat:no-repeat;}
.tabrec2 a:hover{ background-image:url(../images/btn-adventure-h.png); background-position:top center; background-repeat:no-repeat;}
.tabrec3 a{ width:107px; height:32px; background-image:url(../images/btn-statagies.png); background-position:top center; background-repeat:no-repeat;}
.tabrec3 a:hover{ background-image:url(../images/btn-statagies-h.png); background-position:top center; background-repeat:no-repeat;}
.tabrec4 a{ width:107px; height:32px; background-image:url(../images/btn-sport.png); background-position:top center; background-repeat:no-repeat;}
.tabrec4 a:hover{ background-image:url(../images/btn-sport-h.png); background-position:top center; background-repeat:no-repeat;}
.tabrec5 a{ width:107px; height:32px; background-image:url(../images/btn-card.png); background-position:top center; background-repeat:no-repeat;}
.tabrec5 a:hover{ background-image:url(../images/btn-card-h.png); background-position:top center; background-repeat:no-repeat;}
.tabrec6 a{ width:107px; height:32px; background-image:url(../images/btn-brain.png); background-position:top center; background-repeat:no-repeat;}
.tabrec6 a:hover{ background-image:url(../images/btn-brain-h.png); background-position:top center; background-repeat:no-repeat;}

/*pic-news*/
.pic-news img{ max-width:100%; width:100%;}

/*text-news*/
figcaption h2{ font-size:20px; font-size:2rem; color:#FFF; margin:0; padding:7px 0;}
figcaption h6{ font-size:14px; font-size:1.4rem; color:#FFF; margin:0; padding:0; line-height:1.2em;}

/*btn-news-readmore*/
.news-readmore{ margin:5px 0 0; padding:0; overflow:hidden;}
.news-readmore a{ display:block; font-size:16px; font-size:1.6rem; color:#0FF; text-decoration:none;}
.news-readmore a:hover{ text-decoration:underline;}

/*text-news*/
.head-gamecomment h2{ font-size:20px; font-size:2rem; color:#2f2f2e; margin:0; padding:7px 0;}
.detail-gamecomment h6{ font-size:14px; font-size:1.4rem; color:#2f2f2e; margin:0; padding:0; line-height:1.2em;}

/*btn-gamecomment-readmore*/
.game-comment img{ max-width:100%; width:100%;}
.game-readmore{ margin:5px 0 0; padding:0; overflow:hidden;}
.game-readmore a{ display:block; font-size:16px; font-size:1.6rem; color:#009ffe; text-decoration:none;}
.game-readmore a:hover{ text-decoration:underline;}


/*bg-dark*/
.bg-dark{ background:#001321; border-top:6px solid #212324; overflow:hidden;}

/*head-dark*/
.head-dark{ background:#001321; overflow:hidden; padding-top:10px;}
.head-dark h1{ font-size:40px; font-size:4rem; color:#FFFFFF; margin:0; padding:3px 0;}
.head-dark h2{ font-size:30px; font-size:3rem; margin:0; text-align:right;}
.head-dark h2 a{ display:block; color:#FFF; text-decoration:none; padding:10px 0; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.head-dark h2 a:hover{ color:#369;}

/*pic-article-game*/
.pic-article-game img{ max-width:100%; width:100%;}

/*text-article-game*/
figcaption h2{ font-size:20px; font-size:2rem; color:#FFF; margin:0; padding:7px 0;}
figcaption h6{ font-size:14px; font-size:1.4rem; color:#FFF; margin:0; padding:0; line-height:1.2em;height:32px;overflow:hidden;}

/*btn-news-readmore*/
.article-game-readmore{ margin:5px 0 0; padding:0; overflow:hidden;}
.article-game-readmore a{ display:block; font-size:16px; font-size:1.6rem; color:#0FF; text-decoration:none;}
.article-game-readmore a:hover{ text-decoration:underline;}

/*facebook*/
.facebook img{ max-width:100%;}

/*footer and bg-foot*/
.bg-foot{ background:#566473; overflow:hidden;}

/*report*/
.report{ font-size:15px; font-size:1.5rem; color:#CCC; overflow:hidden; float:right;}
.report ul{ margin:0; padding:0; list-style-type:none; overflow:hidden;}
.report ul li{ float:left; border-right:1px solid #CCC;}
.report ul li:last-child{ border-right:0;}
.report ul li a{ text-decoration:none; display:block; padding:1px 8px; color:#CCC; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.report ul li a:hover{ color:#FFF;}

/*copyright*/
.copy{ overflow:hidden; height:auto; float:right;}
.copy p{ font-size:15px; font-size:1.5rem; color:#CCC; padding-right:5px; padding-bottom:15px;}

/*tag-favorite*/
.tag{ font-size:14px; font-size:1.4rem; color:#CCC; overflow:hidden; float:right; margin-top:20px;}
.tag ul{ margin:0; padding:0; list-style-type:none; overflow:hidden;}
.tag ul li{ float:left; border-right:1px solid #CCC;}
.tag ul li:first-child{ color:#CCC; border-right:0;}
.tag ul li:last-child{ border-right:0;}
.tag ul li a{ text-decoration:none; display:block; padding:1px 8px; color:#CCC; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
.tag ul li a:hover{ color:#FFF;}


/*==================================================
			page-sub.html
===================================================*/
/*banner-game*/
.bg-banner{ margin:0 auto; margin-top:70px}
.bg-banner img{ max-width:100%; width:100%;}

.head-sky{ background:#007dde; border-top:6px solid #275476; overflow:hidden;}
.head-sky-left h1{ font-size:40px; font-size:4rem; color:#FFF; margin:0; padding-bottom:15px;}


.box-news-sub{ background:#FFF; overflow:hidden; border-radius:10px; border:4px solid #ebebeb; padding:40px 50px;}
.box-news-sub h1{ font-size:24px; font-size:2.4rem; font-family:Tahoma, Geneva, sans-serif; text-align:center; color:#252525;}
.box-news-sub .date-post { font-size:14px; font-size:1.4rem; font-family:Tahoma, Geneva, sans-serif; color:#999; line-height:1.4;}
.box-news-sub .bold { font-size:15px; font-size:1.5rem; line-height:1.4; font-family:Tahoma, Geneva, sans-serif; color:#007dde;}
.box-news-sub .text-detail{ font-size:15px; font-size:1.5rem; font-family:Tahoma, Geneva, sans-serif; color:#252525; line-height:1.4;}

.box-news-sub .image-center{ text-align:center;}
.box-news-sub .image-center img{ max-width:100%;}



/*==================================================
			page-sub-game.html
===================================================*/

/*banner-game*/
.bg-banner{ margin:0 auto; margin-top:70px}
.bg-banner img{ max-width:100%; width:100%;}

/*download*/
.download ul{ margin:0; padding:0; list-style-type:none;}
.download ul li.qrcode{ text-align:center;}
.download ul li.qrcode img{ max-width:100%;}

.download ul li.btn-download-app{ text-align:center;}
.download ul li.btn-download-app a{ display:block;}
.download ul li.btn-download-app a img{ max-width:100%;}
.download ul li.btn-download-app a img:hover{ animation:pulse 1s ease; 
		-webkit-animation:pulse 0.5s ease;
		-moz-animation:pulse 0.5s ease;
		-ms-animation:pulse 0.5s ease;
		-o-animation:pulse 0.5s ease;
		}
		
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

/*detail-game*/
.detail h6, .detail-seclect h6{ font:16px/1.4 ; font:1.6rem/1.4; font-family:Tahoma, Geneva, sans-serif; color:#333;}
.detail h6 ul{ margin:0; padding:0 0 0 15px;}

.detail-seclect h6 ul{ margin:0; padding:0 0 0 15px;}

/*btn-web-face-problem*/
a.underline-no{ text-decoration:none;}
a .btn-website, a .btn-facebook, a .btn-problem{ text-align:center; padding:30px 0 0; margin-top:20px; overflow:hidden; display:block; 
			font-size:40px; font-size:4rem; color:#FFF;}
a .btn-website{ background:#c62828;}
a .btn-facebook{ background:#0054a6;}
a .btn-problem{ background:#aba000;}
a .btn-website:hover, a .btn-facebook:hover, a .btn-problem:hover{ animation:pulse 1s ease; 
		-webkit-animation:pulse 0.5s ease;
		-moz-animation:pulse 0.5s ease;
		-ms-animation:pulse 0.5s ease;
		-o-animation:pulse 0.5s ease;
		}

a .btn-website .bar-btn1{ background:#9e0b0f; height:25px; margin-top:30px;}
a .btn-facebook .bar-btn2{ background:#003471; height:25px; margin-top:30px;}
a .btn-problem .bar-btn3{ background:#827b00; height:25px; margin-top:30px;}


/*==================================================
			page-sub-zenta.html
===================================================*/

/*text-article-game*/
.box-game-zenta figcaption h2{ font-size:20px; font-size:2rem; color:#252525; margin:0; padding:7px 0;}
.box-game-zenta figcaption h6{ font-size:14px; font-size:1.4rem; color:#252525; margin:0; padding:0; line-height:1.2em;}


/*==================================================
			page-sub-register.html
===================================================*/
.form h5{ line-height:1.4em;}
.headform{ font-size:16px; font-size:1.6rem; color:#252525; margin:0;} 
.inputbox {width:100%; margin-top:3px; padding:3px;border:1px solid #CCC; border-radius:2px;}
.inputbox:focus{outline: none; border-color: #252525; box-shadow: 0 0 2px #06C;
	}	
.topic{ font-size:15px; font-size:1.5rem; color:#252525; margin:7px 0 0 0; padding:7px 0;}
.small{ font-size:13px; font-size:1.3rem; color:#666; margin:2px 0; padding:2px 0; text-align:left;}
.code{width:100%; margin:10px 0; padding:6px; background-color:#000; color:#FFF;  font-size:16px; font-size:1.6rem; text-align:center;}
.re{ margin:10px 0; text-align:center;}
.spanform{color:#F00}
.btnblue {width:100%; margin:5px 0; padding:5px; background-color:#06C; border-radius:5px; color:#FFF;  font-size:18px; font-size:1.8rem; text-align:center; text-decoration:none;}
.btnblue:hover {width:100%; margin-top:5px; padding:3px; background-color:#FFF; border:solid 2px #06C; border-radius:5px; color:#06C;  font-size:18px; font-size:1.8rem; text-align:center; text-decoration:underline #F00;}

.btntab {width:110px;margin-right:15px;margin-bottom:20px;background-color:#FFF;border:solid 2px #06C;border-radius:5px;color:#06C;font-size:20px;font-size:2.0rem;text-align:center;text-decoration:underline #F00;float:left;}
.btntab:hover {width:110px;margin-right:15px;background-color:#06C;border:solid 2px #06C;border-radius:5px;color:#FFF;font-size:20px;font-size:2.0rem;text-align:center;text-decoration:none;float:left;}
.btnlogin {min-width:151px;max-width:230px;width:auto;background-color:red;border:solid 1px #b10000;border-radius:5px;color:#FFF;font-size:28px;font-size:2.8rem;text-align:center;text-decoration:none;font-weight:bold;float:left;}
.btnloginss {min-width:151px;max-width:257px;padding:0px 5px 0px 5px;width:auto;background-color:red;border:solid 1px #b10000;border-radius:5px;color:#FFF;line-height:40px;font-size:12px;font-size:1.2rem;text-align:center;text-decoration:none;font-weight:bold;float:left;}
.btnloginss a {color:#FFF;text-decoration:none;}

h6 img{width:auto !important;height:auto !important;}