@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,vietnamese);

* {outline:none;margin:0;padding:0;font-family: 'Roboto Condensed', sans-serif; 
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
body {background: url(images/bg-big2.png) no-repeat center bottom, #fff url(images/bg-big1.jpg) no-repeat center top;font-size:14px;}
a {text-decoration:none;}

.block-notext {display:block;text-indent:-9999px;}
.container {width:1024px;height:auto;position:relative;margin:0 auto;position:relative;overflow:hidden;}
.container-small {width:600px;height:auto;position:relative;margin:0 auto;position:relative;overflow:hidden;}
a#logo-kdt {background:url(images/logo-kdt.png) no-repeat 0px 0px;width:480px;height:232px;margin:0 0 0 -240px;position:absolute;top:0;left:50%;z-index:99;}

#block-menu {background:none; width:100%;height:80px;overflow:visible;position:absolute;top:0;}
#block-menu ul {height:100%;list-style:none;margin-left:0;overflow:hidden;padding:0;position:relative;z-index:100;text-align:center;}
#block-menu ul li {height:100%;width:auto;display:inline-block;margin:0 20px;}
#block-menu ul li a {height:100%;width:100%;color:#fff;font-size:1em;text-transform:uppercase;line-height:80px;display:block;text-align:left;text-indent:20px;position:relative;z-index:3;background:url(images/icon-heart.png) no-repeat scroll 0% 50%;}
#block-menu ul li a:hover {color:#10617b;background-image:url(images/icon-heart-hover.png);}
#logo-fake {width:250px !important;}

#content {height:auto;text-align:center;margin:235px 0 0 0;}
ul.menu-content {margin:0 auto;padding:0;background-color:#222426;height:60px;width:100%;list-style:none;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
ul.menu-content li {float:left;width:25%;background:url(images/splitter01.png) no-repeat center right;}
ul.menu-content li:last-child  {background:none;}
ul.menu-content li a {color:#fff;font-size:1.6em;line-height:60px;text-transform:uppercase;width:100%;display:block;}
ul.menu-content li a:hover {color:#ffcd00;}
.block-content {background-color:#fafafa;width:100%;margin:0 auto;min-height:300px;padding:10px 100px 60px 100px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
.block-content p {color:#414141;line-height:22px;font-size:1em;margin:20px 0;}
.select-block {width:60%;height:30px;border:solid 1px #ddd;padding:0px 10px;margin-top:8px;}
.input-block {width:60%;height:30px;border:solid 1px #ddd;padding:0px 10px;margin-top:8px;}
.input-block:hover {border:solid 1px #aaa;}
.button-block {width:60%;height:30px;background-color:#900;color:#fff;border:none;margin-top:8px;cursor:pointer;}
.button-block:hover {background-color:#c00;}
.button-block-2 {width:60%;height:30px;background-color:#222;color:#fff;border:none;margin-top:8px;cursor:pointer;}
.button-block-2:hover {background-color:#111;}
.small-block {padding:20px 0;border-bottom:dotted 1px #ccc;}
.small-block a:hover {text-decoration:underline;}
.acc-name {font-weight:normal;font-size:1.2em;text-transform:uppercase;color:#900;}
.text-highlight {color:#ffcd00 !important;}
.text-highlight-red {color:#900 !important;}
.a-button-block-2 {width:60%;height:30px;background-color:#222;color:#fff;border:none;margin-top:8px;cursor:pointer;display:block;line-height:30px;margin-left:auto;margin-right:auto;}
.a-button-block-2:hover {background-color:#111;}
#block-event-content {padding:20px 0;width:600px;margin:0 auto;}
ul#event-tab {margin:0;padding:0;list-style:none;height:100%;overflow:hidden;}
ul#event-tab li {float:left;background:no-repeat scroll 0px 0px;background-size:100% auto;height:100px;width:300px;text-indent:-9999px;cursor:pointer;opacity:1;}
li#event-tab-dangnhap {background-image:url(images/button-tab01.png) !important;}
li#event-tab-napxu {background-image:url(images/button-tab01.png) !important;}
li#event-tab-dangnhap:hover {background-position:0 -100px;}
li#event-tab-napxu:hover {background-position:0 -100px;}
li#event-tab-dangnhap.active {background-position:0 -100px;}
li#event-tab-napxu.active {background-position:0 -100px;}
.event-content-tab {width:100%;clear:both;}
.event-content-tab ul {list-style:none;margin:0;text-align:left;}
.event-content-tab ul li{padding:0px 0;overflow:hidden;}
ul.event-list-day {}
ul.event-list-day li {}
.event-day-title {width:100%;line-height:36px;height:36px;font-size:1.3em;color:414141;background-color:#dedede;overflow:hidden;text-indent:10px;}
.event-button {width:145px;float:right;display:block;color:#ccc;font-size:14px !important;text-align:center;text-transform:uppercase;text-indent:0px;}
.button-danhan {background-color:#222426;}
.button-nhanthuong {background-color:#900;color:#fff;}
.button-nhanthuong:hover {background-color:#c00;color:#fff;}
.button-dangtienhanh {background-color:#fc0;color:#fff;}
ul.event-gift-list {padding:10px 0px;overflow:hidden;text-align:center;}
ul.event-gift-list li {display:inline-block;width:80px;height:80px;}
ul.event-gift-list li img{width:100%;height:auto;}

tr {border-top:solid 1px #ccc;}
.orange {color:#a00}

#footer {text-align:center;margin:50px 0 20px 0;font-family:Tahoma !important;}
#footer a {color:#ea344a;}
#footer div {background:url(images/logo-vegagame.png) no-repeat left center;font-size:12px;line-height:14px;color:#414141;padding:10px 0 10px 150px;display:inline-block;text-align:left;}

#footer2 {width:100%;height:60px;background-color:#111;color:#999;line-height:60px;text-align:center;}

@media only screen and (min-width: 1024px) {
	.container {width:1024px;}
}
@media only screen and (max-width: 1024px) {
	.container {width:90%;}
	#block-menu ul li {height:100%;width:auto;display:inline-block;margin:0 10px;}
	.block-content {padding-left:50px;padding-right:50px;}
}
@media only screen and (max-width: 768px) {
	#block-menu ul li {height:100%;width:auto;display:inline-block;margin:0 5px;}
	#logo-fake {width:150px !important;}
	.container-small {width:90%;}

}
@media only screen and (max-width: 600px) {
	.container {width:95%;}
	ul.menu-content li a {font-size:1.1em;}
	#block-menu ul {display:none;}
	.block-content {padding-left:20px;padding-right:20px;}
	#block-event-content {padding:20px 0;width:100%;margin:0 auto;}
	ul#event-tab {text-align:center;margin-bottom:20px;}
	ul#event-tab li {display:inline-block;float:none;}
}
@media only screen and (max-width: 380px) {
	.container {width:100%;}
	ul.menu-content li a {font-size:0.9em;}
	#content {margin:165px 0 0 0;}
	a#logo-kdt {background:url(images/logo-kdt.png) no-repeat 0px 0px;background-size:100% auto;width:320px;height:232px;margin:0 0 0 -160px;position:absolute;top:0;left:50%;z-index:99;}
	.block-content {padding-left:0px;padding-right:0px;}
	#footer2 {display:none;}
}