@font-face {
  font-family: UTM;
  src: url(../images/UTMHelve.ttf);
}
@font-face {
  font-family: UTM1;
  src: url(../images/UTMCafeta.ttf);
}
html {font-family: UTM;  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;  }
article,aside,details,figcaption,figure,footer,header,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}svg:not(:root){overflow:hidden}figure{margin:0}
.cf:before, .cf:after{content:"";display:table}.cf:after{clear:both}
.rs{margin:0;padding:0} h1.rs,h2.rs,h3.rs,h4.rs{font-size:100%}ul.rs{list-style:none}
img, iframe{border:none} a,input{outline:none}
.tabsGc-container img {
	max-width: 100%;
}
a{text-decoration:none}
a:hover, a:focus{text-decoration:none !important; outline: none !important;}
.fBo{font-weight:bold}.fNo{font-weight:normal}.fSi{font-style:italic}.fSn{font-style:normal}
.inCute{display:inline !important}.inbCute{display:inline-block !important}.showCute{display:block !important}.hideCute{display:none !important}
.pAbs{/* position:absolute; */}.pRel{position:relative}.pSta{position:static}
.fll{float:left}.flr{float:right}.fln{float:none}
.clr{clear:both;font-size:0}
.textAr{text-align:right}.textAc{text-align:center}.textAj{text-align:justify}.textAl{text-align:left}
.cutebox3:before,.cutebox3:after{content:"";display:table} .cutebox3:after{clear:both}.cutecol3{float:left;display:block}
input[type="checkbox"]{margin:0;vertical-align:-2px}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:0 !important;padding:0 !important}
.texthide{ text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;}
body{  font-family: Tahoma, Arial, Helvetica, sans-serif !important;  font-size: 1rem;color: #111;overflow-x: hidden;background: #111 !important; }
.fixCen{width: 1140px;margin: 0 auto;position: relative;}
.spr{background: url("https://cdn.smobgame.com/templates/dotamquoc/images/spr.png") 0 0 no-repeat}
/*.f-container{background: #1f0400 url("https://cdn.smobgame.com/templates/dotamquoc/images/bg.jpg") center 52px no-repeat;}*/
.f-mmb{display: none}
.f-mpc{display: block}
.header {
	height: 65px;
	position: relative;
}
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #343434;
    background-color: #040404;
    z-index: 10;
}
.contents {
    width: 1200px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}
.header .logo {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 45px;
    margin-top: 13px;
    background: url(https://cdn.smobgame.com/templates/summonerwar/images/logo.png) 0 0 no-repeat;
    font: 0/0 a;
    vertical-align: top;
    z-index: 1;
}
.header .logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.header .nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 69px;
    padding-left: 209px;
}
.header .nav .menu {
    height: 100%;
}
.header .menu>li {
    float: left;
    position: relative;
    display: inline-block;
    height: 100%;
    margin-left: 70px;
}
.header .menu>li>a {
    position: relative;
    display: table;
    height: 100%;
    padding: 0 2px;
    color: #9f9f9f;
    font-size: 22px;
    letter-spacing: .05em;
    line-height: 70px;
}
.header .menu>li:first-child {
    margin-left: 0;
}
.header .sns {
    position: absolute;
    right: 10px;
    top: 20px;
	display: none;
}
.header .sns>a {
    float: left;
    display: inline-block;
    height: 32px;
    margin-left: 18px;
    background: url(https://cdn.smobgame.com/templates/summonerwar/images/ico-social.png) no-repeat;
    font: 0/0 a;
    opacity: .4;
    -webkit-transition: opacity .4s ease-in-out 0s;
    transition: opacity .4s ease-in-out 0s;
}
.header .sns .twitter {
    width: 29px;
    background-position: 0px 0px;
}
.header .sns .messenger {
    width: 32px;
    background-position: -44px 0;
}
.header .sns .live {
    width: 31px;
    background-position: -93px 0;
}
.header .sns .youtube {
    width: 26px;
    background-position: -145px 0;
}
.header .sns .fb {
    width: 28px;
    height: 36px;
    background-position: -180px 0;
}
.header_inner{background: #040404}
.header_inner_lstNavtop{text-align: center}
.header_inner_lstNavtop li{padding: 15px 0 15px;display: inline-block;}
.header_inner_lstNavtop li a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 51px 0 30px;
	font-size: 15px;
	color: #ffffff;
	background: url(https://cdn.smobgame.com/templates/dotamquoc/images/br.png) 100% 50% no-repeat;
}
.header_inner_lstNavtop li:last-child a{background: transparent}
.header_inner_lstNavtop li a:hover{color: #fe9c2c}
.navtabs{background: #03a5da;height: 40px;position: relative}
.navtabs ul {
	padding-left: 10px;
	position: relative;
}
.navtabs ul li{float: left;}
.navtabs ul li a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 7px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}
.navtabs ul li.active a{background: #ffffff}

footer {width: 100%;padding: 40px 0 30px;text-align: center;color: #fff;background: #181818;}
.funtap{display: block;text-indent: -999em;background: url("https://cdn.smobgame.com/templates/hakibv/images/logo2.png") 0 0 no-repeat;width: 136px;height: 38px;left: 0;top: -10px;}
.ghdt { position: absolute;  right: 0;  top: 0;  }
.footerInner{color: #fff;font-size: 13px;text-align: center;position: relative;margin: 0 auto;}
.footerInner a.bs{color: #fff;display: inline-block;margin: 0 10px}
.footerInner a:hover{color: #ff9500;}
.footerInner p{margin-bottom: 6px;}
.textright{font-size: 13px;margin-bottom: 10px !important;}
.logo2 {display: block;text-indent: -999em;background: url("https://cdn.smobgame.com/template/all-images/logo2_1.png") 0 0 no-repeat;width: 285px;height: 55px;/* left: 0; *//* top: -10px; */margin: 0 auto;}
.youtube{background-position: 0 -36px;margin-left: 20px}
.box-social{width: 92px;margin: 15px auto 0;}
.ghdt {  position: absolute;  right: 0;  top: 0;  }


.ghdt1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.cnt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.lg18{
		top: 69px !important;
}

/*fixed-box*/
.fixed-box {
	width: 160px;
	height: 253px;
	background: url("https://cdn.smobgame.com/templates/summonerwar/images/box-dl.png") no-repeat;
	background-size: 100%;
	position: fixed;
	top: 150px;
	right: 0;
	transition: .4s;
	z-index: 99999;
}
.fixed-box.open {
	right: -158px;
}
.fixed-box a {
	width: 140px;
	height: 45px;
	position: absolute;
	left: 10px;
}
.fixed-box a.android {
	top: 44px;
}
.fixed-box a.ios {
	top: 95px;
}
.fixed-box a.napthe {
	top: 146px;
}
.toggle-box {
	width: 17px;
	height: 27px;
	background: url(https://cdn.smobgame.com/templates/dotamquoc/images/toggle.jpg) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 5px;
	left: -16px;
	cursor: pointer;
}
.fixed-box.open .toggle-box {
	transform: rotateY(180deg);
}
/*end fixed-box*/
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container{
	max-width: 1140px;
}
.main.fixCen{
	width: auto;
	max-width: initial;
}
.box-nt{
	display: none;
}
.page-1{
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/bg1.jpg) no-repeat center top;
	background-size: cover;
	/*margin-top: 70px*/;
}
.page-2{
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/bg2.jpg) no-repeat center top;
	background-size: cover;
}
.page-3{
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/bg3.jpg) no-repeat center top;
	background-size: cover;
}
.page-content{
	padding: 100px 0px;
}
.icon{
	margin: 0 auto;
    text-align: center;
}
.title{
	margin: 40px auto;
    text-align: center;
	font-size: 45px;
	text-transform: uppercase;
	font-family: UTM1;
}
.short-des{
	margin: 40px auto;
    text-align: center;
	font-size: 24px;
	font-family: UTM;
}
.btn-details{
	width: 160px;
	height: 44px;
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/btn-dt.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	cursor: pointer;
}
.box-trailer{
	width: 560px;
	height: 315px;
	margin: 50px auto 0px;
    text-align: center;
}
.box-video{
	width: 560px;
	height: 315px;
}
.line{
	width: 40px;
	height: 6px;
	margin: 0px auto;
    text-align: center;
    background: #b6813e;
    background-image: -webkit-linear-gradient(left, #be8d4c, #965a20);
    background-image: -o-linear-gradient(left, #be8d4c, #965a20);
    background-image: linear-gradient(to right, #be8d4c, #965a20);
}
.row-box{
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-box{
	flex: 0 0 50%;
    max-width: 50%;
}
.title-2{
    text-align: left;
	font-size: 45px;
	color: #ffffff;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-family: UTM1;
}
.page-2 .short-des{
	text-align: left;
	color: #ffffff;
	font-size: 18px;
}
.page-2 .line{
	margin-left: 0px;
}
.page-3 .page-content{
	padding: 250px 0px;
}
.box-dlmb{
	position: relative;
	width: 420px;
	height: 60px;
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/dl-mb.png) no-repeat;
	background-size: 100%;
	margin: 40px auto;
	display: none;
}
a.android-mb {
    position: absolute;
    display: block;
    width: 200px;
    height: 60px;
    left: 0;
}
a.ios-mb {
    position: absolute;
    display: block;
    width: 200px;
    height: 60px;
    left: 220px;
}
.nap-mb{
	width: 173px;
	height: 52px;
	background: url(https://cdn.smobgame.com/templates/summonerwar/images/nt-mb.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0px;
    top: 10px;
    display: none;
}
.pAbs.logo2 {
    position: static;
}
@media (max-width: 1200px){
	.container{
		width: 1000px;
		padding-right: 0px;
    	padding-left: 0px;
	}
	.row-box{
		margin-right: 0px;
    	margin-left: 0px;
	}
	.contents{
		width: 1000px;
	}
}

@media (max-width: 1023px){
	footer {
		padding-bottom: 70px;
	}
	.fixCen{
		max-width: 640px;
	}
	.fixed-box {
		display: none !important;
	}
	.ghdt1 {
		top: 60px !important;
		width: 40px;
		height: 57px;

	}
	.container{
		max-width: 640px;
	}
	.page-1{
		background: url(https://cdn.smobgame.com/templates/summonerwar/images/bgm1.jpg) no-repeat center top;
		background-size: cover;
		margin-top: 40px;
	}
	.page-2{
		background: url(https://cdn.smobgame.com/templates/summonerwar/images/bgm2.jpg) no-repeat center top;
		background-size: cover;
	}
	.page-3{
		background: url(https://cdn.smobgame.com/templates/summonerwar/images/bgm3.jpg) no-repeat center top;
		background-size: cover;
	}
	.col-box{
		max-width: 100%;
		flex: 100%;
	}
	.col-box:nth-child(1){
		order: 1;
	}
	.contents{
		width: 640px;
	}
	.header .sns{
		display: none;
	}
	.title-2{
		text-align: center;
	}
	.page-2 .line {
	    margin: 0 auto;
	}
	.page-2 .short-des{
		text-align: center;
	}
	.header .nav{
		padding-left: 140px;
	}
	.box-video{
		margin: 0 auto;
	}
	.header .menu>li {
		margin-left: 30px;
	}
	.box-dlmb{
		display: block;
	}
	.nap-mb{
		display: block;
	}
	.hide_mb{
		display: none !important;
	}
}
@media (max-width: 640px){
	.fixCen{width: 100%;}
	.ghdt {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -30px;
	}
	.footerInner{color: #fff;font-size: 12px;}
	.footerInner a.bs{color: #fff;display: inline-block;margin: 0 10px}
	.footerInner p{margin-bottom: 5px;padding: 0;}
	.logo2{position: inherit;top: 0;margin: 0 auto 10px;}
	.box-social{  position: absolute;  top: -50px;right: 10px;}

	.container {
	    max-width: 340px;
	    padding: 50px 0px;
	}
	.box-trailer,.box-video{
		width: 320px;
    	height: 200px;
	}
	.header .logo {
	    position: relative;
	    display: inline-block;
	    width: 90px;
	    height: 30px;
	    margin-top: 20px;
	    background: url(https://cdn.smobgame.com/templates/summonerwar/images/logo.png) 0 0 no-repeat;
	    font: 0/0 a;
	    vertical-align: top;
	    z-index: 1;
	    background-size: 100%;
	}
	.contents {
	    width: 340px;
	}
	.header .nav {
	    padding-left: 80px;
	}
	.header .menu>li>a {
		font-size: 12px;
	}
	.header .menu>li {
	    margin-left: 10px;
	}
	.box-dlmb {
	    width: 300px;
	    height: 44px;
	}
	a.android-mb {
	    width: 144px;
	    height: 42px;
	}
	a.ios-mb {
	    width: 144px;
	    height: 42px;
	    left: 158px;
	}
	.nap-mb {
	    width: 100px;
	    height: 30px;
	    top: 20px;
	}
	.header .nav .menu{
		padding-inline-start: 12px;
	}

}
@media (max-width: 480px){
	.f-container{background-size: 480px;}
}
@media (max-width: 359px){
	.contents {
		width: 310px;
	}
	.header .logo{
		width: 78px;
	}
	.header .nav .menu {
		padding-inline-start: 4px;
	}
	.header .menu>li {
		margin-left: 4px;
	}
	.nap-mb{
		width: 83px;
	}
}