/* General HTML elements */
body {
  font: 13px/20px Tahoma, Arial, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
ul li,
ol,
ol li,
dl,
dl dt,
dl dd,
blockquote {
  margin: 0;
  padding: 0;
}

ul,
ul li,
ol,
ol li {
  list-style: none;
}

img {
  border: none;
}

a {
  outline: none;
  display: block;
}

a:link,
a:visited {
  text-decoration: underline;
  color: #d50007;
}

a:hover {
  text-decoration: underline;
  color: #f67f00;
}

fieldset {
  border: none;
  background: none;
  margin: 0px;
  padding: 0px;
}

fieldset legend {
  display: none;
}

input,
select,
textarea {
  font: 13px/19px Tahoma, Arial, Verdana, sans-serif;
}

/* for modern browser */
input[type="image"],
input[type="submit"] {
  outline: none;
}

/* input[checkbox] & input[radio] */
input {
  vertical-align: baseline;
  margin: -1px -2px;
}

/* Firefox */
html > body input {
  vertical-align: text-bottom;
  margin: 0px;
}

object,
embed {
  outline: none;
}

/* Helper Class */
.Hidden {
  display: none;
}

.Wrapper {
  overflow: visible;
  height: 1%;
}

html > body .Wrapper {
  overflow: hidden;
  height: auto;
}

body {
  background: #222221;
  font-family: Arial,Verdana,sans-serif !important;
  font-size: 15px !important;
  line-height: 20px;
  color: #111422;
}

@font-face {
  font-family: fontRoboto;
  src: url("../fonts/RobotoCondensed.ttf");
}
@media all and (max-width: 768px) {
  #wrapper {
    background: #f2edcd url(../images/bg2.jpg) center top no-repeat;
    background-size: contain;
  }
  #wrapper .btn-group {
    top: 50px;
  }
  #wrapper .btn-tao-thiep, #wrapper .btn-su-kien {
    top: 80px;
  }
  #wrapper .taothiep {
    top: -32px;
  }
}
@media all and (min-width: 769px) {
  #wrapper {
    background: #f2edcd url(../images/bg1.jpg) center top no-repeat;
    /*background-size: contain;*/
  }
  #wrapper .btn-group {
    top: 25px;
  }
  #wrapper .btn-tao-thiep, #wrapper .btn-su-kien {
    top: 80px;
  }
  #wrapper .taothiep {
    top: -30px;
  }
}
#wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
}
#wrapper .logo {
  display: block;
  position: absolute;
  width: 244px;
  height: 132px;
  text-indent: -9999px;
  top: 50px;
  left: 482px;
}
#wrapper #wrap {
  width: 900px;
  height: 1000px;
  position: relative;
  margin: 0 auto;
  left: 50%;
  margin-left: -450px;
  -webkit-transform-origin: center 0;
  -moz-transform-origin: center 0;
  -o-transform-origin: center 0;
  transform-origin: center 0;
}
#wrapper .subweb {
  background: #f2edcd url(../images/bg5.jpg) center top no-repeat;
  background-size: contain;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.TopLink {
  position: absolute;
  z-index: 2;
  top: 178px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  text-align: center;
}
.TopLink ul {
  overflow: hidden;
}
.TopLink ul li {
  display: inline-block;
  font-size: 13px;
  list-style-type: none;
  color: #000;
}
.TopLink ul li a:link, .TopLink ul li a:visited {
  color: #000;
  font-size: 13px;
  padding: 0 5px 0 2px;
  text-decoration: none;
}
.TopLink ul li a:hover {
  text-decoration: none;
  color: #df0101;
}
.navigation {
  background: url(../images/bg-menu.png) center top no-repeat;
  position: absolute;
  z-index: 2;
  top: 845px;
  left: 50%;
  margin-left: -485px;
  width: 970px;
  height: 161px;
}
.navigation ul {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 30px 0 0 30px;
}
.navigation ul li {
  float: left;
  width: 220px;
  height: 91px;
  margin-right: 10px;
}
.navigation ul li a {
  background: url(../images/menu.png) 0 0 no-repeat;
  display: block;
  width: 220px;
  height: 91px;
  text-indent: -9999px;
}
.navigation ul li a.nav-1 {
  background-position: 0 0;
}
.navigation ul li a.nav-1.Active, .navigation ul li a.nav-1:hover {
  background-position: 0 -91px;
}
.navigation ul li a.nav-1.off {
  background-position: 0 -182px;
}
.navigation ul li a.nav-2 {
  background-position: -230px 0;
}
.navigation ul li a.nav-2.Active, .navigation ul li a.nav-2:hover {
  background-position: -230px -91px;
}
.navigation ul li a.nav-2.off {
  background-position: -230px -182px;
}
.navigation ul li a.nav-3 {
  background-position: -460px 0;
}
.navigation ul li a.nav-3.Active, .navigation ul li a.nav-3:hover {
  background-position: -460px -91px;
}
.navigation ul li a.nav-3.off {
  background-position: -460px -182px;
}
.navigation ul li a.nav-4 {
  background-position: -690px 0;
}
.navigation ul li a.nav-4.Active, .navigation ul li a.nav-4:hover {
  background-position: -690px -91px;
}
.navigation ul li a.nav-4.off {
  background-position: -690px -182px;
}
#wrapper .subweb .header {
  width: 2000px;
  height: 1000px;
  position: relative;
  margin: 0 auto;
}
#wrapper .subweb .header-sub {
  width: 2000px;
  height: 1000px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
  z-index: 5;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#wrapper .subweb .main-content {
  background: url(../images/content-top.jpg) center top no-repeat;
  position: relative;
  width: 100%;
  z-index: 3;
  margin-top: -135px;
  padding-top: 95px;
}
@media screen and (max-width: 1024px){
  #wrapper .subweb .main-content {
    background: url(../images/content-top.jpg) center top no-repeat;
    position: relative;
    width: 100%;
    z-index: 3;
    margin-top: -135px;
    padding-top: 0px !important;
  }
}
#wrapper .subweb .main-content .content {
  background: url(../images/content-bottom.jpg) center bottom no-repeat;
  width: 100%;
  padding-top: 100px;
}
#wrapper .subweb .main-content .content article, #wrapper .subweb .main-content .content-1 article {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 50%;
  padding-bottom: 500px;
}
#wrapper .subweb .main-content .content-1 article {
  height: auto !important;
  width: 90% !important;
}
#wrapper .subweb .main-content .content article.Active, #wrapper .subweb .main-content .content-1 article.Active {
  display: block;
}
@media screen and (max-width: 769px){
  #wrapper .subweb {
    background: #f2edcd url(../images/bg5-mobile.jpg) center top no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #wrapper .subweb .main-content .content article {
    position: relative;
    margin: 0 auto;
    width: 90%;
    padding-bottom: 500px;
  }
}


#wrapper .text {
  width: 456px;
  height: 201px;
  display: block;
  text-indent: -9999px;
  background: url(../images/text.png) no-repeat;
  margin: 30px auto 10px;
}
#wrapper .video {
  width: 708px;
  height: 400px;
  margin: -20px auto 20px;
  background: url(../images/bg-video.jpg) no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 4px 4px 4px;
}
#wrapper .coundown-group {
  width: 637px;
  height: 155px;
  background: url(../images/bg-coundown.png) no-repeat;
  margin: 0 auto;
  position: relative;
}
#wrapper .coundown-group .countdown {
  width: 402px;
  height: 109px;
  position: absolute;
  left: 122px;
  top: 50px;
}
#wrapper .tao-thiep {
  width: 628px;
  height: 220px;
  display: block;
  background: url(../images/text-tao-thiep.png) no-repeat;
  margin: 0 auto;
  position: relative;
}
#wrapper .tao-thiep .btn-tao-thiep {
  width: 300px;
  height: 90px;
  background: url(../images/btn-taothiep-nor.png) no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  left: 0px;
}
#wrapper .tao-thiep .btn-su-kien {
  width: 300px;
  height: 90px;
  background: url(../images/su-kien-nor.gif) no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  left: 330px;
}
#wrapper .tao-thiep .btn-scroll {
  width: 96px;
  height: 47px;
  background: url(../images/scroll-nor.gif) no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 215px;
  left: 253px;
}
#wrapper .tao-thiep .btn-scroll:hover {
  background: url(../images/scroll-hov.png) no-repeat;
}
#wrapper .tao-thiep .btn-tao-thiep:hover {
  background: url(../images/btn-taothiep-hov.png) no-repeat;
}
#wrapper .tao-thiep .btn-su-kien:hover {
  background: url(../images/su-kien-hov.png) no-repeat;
}
#wrapper .btn-group {
  width: 524px;
  height: 62px;
  position: relative;
  margin: 36px auto 0;
  display: block;
  z-index: 9999;
  left: 0px;
}
#wrapper .btn-group .btn-trangchu {
  width: 159px;
  height: 60px;
  background: url(../images/button.png) no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#wrapper .btn-group .btn-trangchu:hover {
  background-position: 0 -60px;
}
#wrapper .btn-group .btn-trangchu.off {
  background-position: 0 100%;
}
#wrapper .btn-group .btn-fanpage {
  width: 159px;
  height: 60px;
  background: url(../images/button.png) -159px 0 no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  left: 182px;
  top: 0px;
}
#wrapper .btn-group .btn-fanpage:hover {
  background-position: -159px -60px;
}
#wrapper .btn-group .btn-fanpage.off {
  background-position: -159px 100%;
}
#wrapper .btn-group .btn-share {
  width: 159px;
  height: 60px;
  background: url(../images/button.png) right 0 no-repeat;
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#wrapper .btn-group .btn-share:hover {
  background-position: 100% -60px;
}
#wrapper .btn-group .btn-share.off {
  background-position: 100% 100%;
}
#wrapper .btn-group .unavailable {
  display: none;
}

#popup1 {
  width: 640px;
  min-height: 360px;
  -webkit-background: url(../images/pop-head.jpg) left top no-repeat, url(../images/pop-foot.jpg) left bottom no-repeat, url(../images/pop-repeat.jpg) left top repeat-y;
  -moz-background: url(../images/pop-head.jpg) left top no-repeat, url(../images/pop-foot.jpg) left bottom no-repeat, url(../images/pop-repeat.jpg) left top repeat-y;
  -o-background: url(../images/pop-head.jpg) left top no-repeat, url(../images/pop-foot.jpg) left bottom no-repeat, url(../images/pop-repeat.jpg) left top repeat-y;
  -ms-background: url(../images/pop-head.jpg) left top no-repeat, url(../images/pop-foot.jpg) left bottom no-repeat, url(../images/pop-repeat.jpg) left top repeat-y;
  background: url(../images/pop-head.jpg) left top no-repeat, url(../images/pop-foot.jpg) left bottom no-repeat, url(../images/pop-repeat.jpg) left top repeat-y;
  background-size: contain;
  color: #fff;
  padding: 15px 13px;
}

/*# sourceMappingURL=style.css.map */