#thewindowbackground {
    background-color: #000;
    left: 0;
    top: 0;
    opacity: .8;
    z-index: 990;
    width: auto;
    position: absolute;
    display: none;
    filter: alpha(opacity=80);
}
#ad_zone_TV {
    z-index: 1000;
}
#bannerPopup {
    margin: auto;
    z-index: 1000;
    position: absolute;
    display: none;
    background-color: #000;
}
#btClose {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101;
    cursor: pointer;
}
a#btClose:link,
a#btClose:visited {
    background: url(../../skin_noel/images/popup-close.png) no-repeat;
    width: 71px;
    height: 32px;
    display: block;
    position: absolute;
    top: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-indent: -9999px;
}
a#btClose:hover {
    background-position: 0 -32px;
}
a#btCloseBottom:link,
a#btCloseBottom:visited {
    background: #000;
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    top: -3px;
    right: -2px;
    color: #fff;
    text-decoration: none;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}
#bannerPopupBottom {
    width: 300px!important;
    height: 126px!important;
    z-index: 1000!important;
    bottom: 0;
    right: 0;
    position: absolute;
    display: none;
    overflow: hidden;
    padding-top: 26px;
    border: 0!important;
}
#bannerPopupBottom img {
    border: 1px solid #999;
}
#btCloseBottom {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 991;
    cursor: pointer;
}
#boxFlashAds {
    height: 1px;
    width: 1px;
    overflow: hidden;
    left: -9999em;
    top: -9999em;
}
.fixedBanner {
    position: fixed!important;
}
form.CheckClose {
    display: block;
    float: left;
    color: #9e9e9e;
    font-size: 11px;
    white-space: nowrap;
}
#bannerPopup .OptionClose {
    background: url(../../skin_noel/images/bg-check.png) no-repeat;
    display: block;
    height: 30px;
    width: 345px;
    float: right;
    padding-top: 3px;
}
a.PopupBtnClose:link,
a.PopupBtnClose:visited {
    background: url(../../skin_noel/images/popup-new-cookie-close.gif) no-repeat;
    width: 51px;
    height: 16px;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-indent: -9999px;
    float: right;
    margin: 4px 5px 0 0;
}
a.PopupBtnClose:hover {
    background-position: 0 -16px;
}
.PopupBG {
    background: #000;
}
#bannerPopup img {
    padding: 32px 0 0 5px;
}
#bannerPopup embed {
    margin: 32px 0 0 5px;
}
ul.Disc li {
    list-style-type: disc;
    margin-bottom: 0;
    padding: 0 0 0 5px;
    text-align: justify;
}
#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}
#fancybox-thumbs.bottom {
    bottom: 2px;
}
#fancybox-thumbs.top {
    top: 2px;
}
#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: .5;
}
#fancybox-thumbs ul li.active {
    opacity: .75;
    padding: 0;
    border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
    opacity: 1;
}
#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0;
}
#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 99999;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../../skin_noel/images/fancybox_sprite.png');
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../../skin_noel/images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../../skin_noel/images/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important;
}
.fancybox-lock {
    overflow: hidden!important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden!important;
}
.fancybox-lock-test {
    overflow-y: hidden!important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 10000;
    background: url(../../../ttl_index/images/overlay.png);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title {
    visibility: hidden;
    font: normal 15px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
    padding: 0 10px;
}
.fancybox-title a {
    padding: 0 10px;
    font-size: 15px;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
h3.Title {
    display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../../skin_noel/images/fancybox_sprite%402x.png');
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url('../../skin_noel/images/fancybox_loading%402x.gif');
        background-size: 24px 24px;
    }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.jcarousel-wrapper {
    position: relative;
    width: 284px;
    margin: 0 auto;
    height: 420px;
    text-align: center;
}
.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}
.jcarousel-wrapper .photo-credits a {
    color: #fff;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    height: 210px;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto!important;
}
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    text-indent: -999px;
}
@media(max-width:480px) {
    .jcarousel-control-prev,
    .jcarousel-control-next {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        font: 16px/18px Arial, sans-serif;
    }
}
.jcarousel-control-prev {
    left: 15px;
    background: url(../../skin_noel/images/btn_arrow_left.html) top left;
}
.jcarousel-control-prev:hover {
    left: 15px;
    background: url(../../skin_noel/images/btn_arrow_left.html) bottom left;
}
.jcarousel-control-next {
    right: 15px;
    background: url(../../skin_noel/images/btn_arrow_right.html) top left;
}
.jcarousel-control-next:hover {
    right: 15px;
    background: url(../../skin_noel/images/btn_arrow_right.html) bottom left;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .25;
    cursor: default;
}
.jcarousel-pagination {
    width: 100%;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    height: 33px;
    width: 31px;
    line-height: 30px;
    color: #c3ab8f;
    text-align: center;
    margin-top: 9px;
    margin-left: 8px;
    /*background: url(../images/sprite-tab-uti.png) -704px -266px no-repeat;*/
    background: url(../../../ttl_index/images/sprite-tab-uti.png) -704px -266px no-repeat;
}
.jcarousel-pagination a:first-child {
    margin-left: 0;
}
.jcarousel-pagination a.active,
.jcarousel-pagination a:hover {
    color: #fff;
    background-position: -742px -266px;
}
.SubTab {
    overflow: hidden;
    padding: 5px 0 0 0;
    width: 285px;
    margin: 0 auto;
}
.SubTab li {
    float: left;
    position: relative;
    display: block;
    height: 30px;
    border-right: 1px solid #3d0e0e;
}
.SubTab li.TopNumber {
    width: 40px;
}
.SubTab li.TopName {
    width: 158px;
}
.SubTab li.TopName a {
    text-indent: 15px;
}
.SubTab li.TopPoint {
    width: 84px;
}
.SubTab li a {
    display: block;
    float: left;
    width: 100%;
}
.SubTab li a span {
    display: block;
    float: left;
    font-family: "Arial";
    font-size: 15px;
    color: #fdb66b;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
.SubTab li a:hover,
.SubTab li.ui-state-active a {
    display: block;
    float: left;
    text-decoration: none;
}
.SubTab li a:hover span,
.SubTab li.ui-state-active a span {
    font-family: "Arial";
    font-size: 15px;
    color: #fdb66b;
    display: block;
    float: left;
    padding: 0 4px 0 0;
}
.SubTab li a:hover span.ArrowDown,
.SubTab li.ui-state-active a span.ArrowDown {
    display: block;
    position: absolute;
    left: 47%;
    top: 18px;
    width: 7px;
    height: 4px;
}
.SubTab li a span.ArrowDown {
    display: none;
}
ul.TopCaoThu {
    overflow: hidden;
    padding: 5px 0 0 0;
    width: 285px;
    margin: 0 auto;
}
ul.TopCaoThu li {
    display: block;
    overflow: hidden;
    width: 100%;
    line-height: 28px;
    border-top: #3a0e0e solid 1px;
}
ul.TopCaoThu li.NoBorder {
    border: 0;
}
ul.TopCaoThu li p {
    float: left;
    color: #dab29e;
    border-right: #3a0e0e solid 1px;
    font-family: "Arial";
    font-size: 15px;
    text-align: center;
}
ul.TopCaoThu li p.STT {
    font-size: 11px;
    margin-left: 10px;
    width: 40px;
}
ul.TopCaoThu li p.NhanVat {
    width: 158px;
    text-align: left;
    text-indent: 15px;
}
ul.TopCaoThu li.New p.NhanVat {
    color: #dab29e;
}
ul.TopCaoThu li p.Cap {
    width: 35px;
}
ul.TopCaoThu li p.Diem {
    width: 80px;
}
ul.TopCaoThuHead li p {
    float: left;
    color: #573700;
}
ul.TopCaoThuHead li p.STT {
    width: 33px;
    color: #573700;
    font-size: 11px;
    font-weight: bold;
}
ul.TopCaoThuHead li p.NhanVat {
    font-weight: bold;
    color: #573700;
    width: 150px;
}
ul.TopCaoThuHead li p.Diem {
    width: 60px;
    font-weight: bold;
}
select#rankingByType,
select#rankingByServer {
    margin: 0 0 0 15px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 3px 0 #2c0906, 0 -1px #2c0906 inset;
    color: #dabfa1;
    border: 0;
    outline: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 200px;
    float: left;
    background: url('../../skin_noel/images/bg-cbx-ranking.png') no-repeat scroll center 0;
    text-align: left;
    height: 31px;
}
.TopCaoThuContent .SubTab li a span {
    text-align: center;
}
ul.TopCaoThu li p.STT {
    text-align: center;
    margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px;
    }
}
label.rankingLabel {
    position: relative;
}
label.rankingLabel:after {
    content: '>';
    font: 11px "Consolas", monospace;
    color: #dabfa1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 50px;
    top: 25px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    background-color: #2c0906;
    display: none;
}
label.rankingLabel.lb1:after {
    right: 27px;
}
label.rankingLabel:before {
    content: '';
    top: 0;
    width: 0;
    height: 19px;
    position: absolute;
    pointer-events: none;
    display: block;
    right: 3px;
}
label.rankingServer {
    margin-left: 15px;
}
label.rankingTitle {
    margin-left: 5px;
}
body {
    font-family: 'Tahoma', serif;
    background: url(../../../ttl_index/images/loop-bg.jpg) repeat scroll center 0;
    outline: 0;
    overflow-x: hidden;
    min-width: 1120px;
}
a,
p,
span,
li,
div,
section,
input,
form {
    text-decoration: none;
    outline: 0;
}
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
#main-home {
    overflow: hidden;
    background: url(../img/home.jpg) no-repeat top center;
    min-height: 1010px;
    z-index: 1;
    background-size: cover;
}
#main-home .block-header {
    position: relative;
    height: 160px;
    left: -90px;
}
#main-home .block-header a.logo-game {
    display: block;
    position: absolute;
    width: 240px;
    height: 153px;
    left: 380px;
    top: 50px;
    z-index: 10;
    /* background: url(../images/logo_ttl.png) no-repeat; */
    background-size: contain;
}
#main-home .block-header a#btn-trailer {
    opacity: 1;
    position: absolute;
    display: block;
    top: 120px;
    left: 26%;
    width: 80px;
    z-index: 99;
}
#main-home .block-header a#btn-trailer img {
    width: 100%;
}
#main-home .block-header ul.navigation {
    position: relative;
    left: 132px;
    z-index: 99;
    top: 10px;
}
#main-home .block-header ul.navigation li {
    position: relative;
    float: left;
}
#main-home .block-header ul.navigation>li {
    transform: scale(.8);
    margin: 0 -20px;
    _height: 60px;
}
#main-home .block-header ul.navigation li#blank-nav {
    _margin-left: 215px;
    margin-left: 0px;
}
#main-home .block-header ul.navigation li a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    float: left;
    height: 68px;
    background: url(../img/top-menu-btn.png) no-repeat;
}
#main-home .block-header ul.navigation li a.nav-home {
    width: 250px;
    height: 140px;
    background: none;
}
#main-home .block-header ul.navigation li a.nav-home img {
    width: auto;
}
#main-home .block-header ul.navigation li a.nav-home:hover {
    _background-position: 0 -81px;
}
#main-home .block-header ul.navigation li a.nav-news {
    background-position: 0px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-news:hover {
    background-position: 0px -81px;
}
#main-home .block-header ul.navigation li a.nav-events {
    background-position: -174px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-events:hover {
    background-position: -174px -81px;
}
#main-home .block-header ul.navigation li a.nav-guide {
    background-position: -346px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-guide:hover {
    background-position: -347px -81px;
}
#main-home .block-header ul.navigation li a.nav-gallery {
    background-position: -826px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-gallery:hover {
    background-position: -826px -81px;
}
#main-home .block-header ul.navigation li a.nav-forum {
    background-position: -999px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-forum:hover {
    background-position: -999px -81px;
}
#main-home .block-header ul.navigation li a.nav-support {
    background-position: -1170px -19px;
    width: 190px;
    height: 45px;
}
#main-home .block-header ul.navigation li a.nav-support:hover {
    background-position: -1170px -81px;
}
#main-home .block-header ul.navigation li.active a.nav-home,
#main-home .block-header ul.navigation li.active a.nav-home:hover {
    background-position: 0 -81px;
}
#main-home .block-header ul.navigation li.active a.nav-news,
#main-home .block-header ul.navigation li.active a.nav-news:hover {
    background-position: -43px -68px;
}
#main-home .block-header ul.navigation li.active a.nav-events,
#main-home .block-header ul.navigation li.active a.nav-events:hover {
    background-position: -128px -68px;
}
#main-home .block-header ul.navigation li.active a.nav-guide,
#main-home .block-header ul.navigation li.active a.nav-guide:hover {
    background-position: -223px -68px;
}
#main-home .block-header ul.navigation li.active a.nav-gallery,
#main-home .block-header ul.navigation li.active a.nav-gallery:hover {
    background-position: -398px -68px;
}
#main-home .block-header ul.navigation li.active a.nav-forum,
#main-home .block-header ul.navigation li.active a.nav-forum:hover {
    background-position: -553px -68px;
}
#main-home .block-header ul.navigation li.active a.nav-support,
#main-home .block-header ul.navigation li.active a.nav-support:hover {
    background-position: -685px -68px;
}
#main-home .block-header ul.navigation li.off a {
    cursor: default;
}
#main-home .block-header ul.navigation li.off a.nav-home,
#main-home .block-header ul.navigation li.off a.nav-home:hover {
    background-position: 0 -133px;
}
#main-home .block-header ul.navigation li.off a.nav-news,
#main-home .block-header ul.navigation li.off a.nav-news:hover {
    background-position: -43px -121px;
}
#main-home .block-header ul.navigation li.off a.nav-events,
#main-home .block-header ul.navigation li.off a.nav-events:hover {
    background-position: -128px -121px;
}
#main-home .block-header ul.navigation li.off a.nav-guide,
#main-home .block-header ul.navigation li.off a.nav-guide:hover {
    background-position: -223px -121px;
}
#main-home .block-header ul.navigation li.off a.nav-gallery,
#main-home .block-header ul.navigation li.off a.nav-gallery:hover {
    background-position: -398px -121px;
}
#main-home .block-header ul.navigation li.off a.nav-forum,
#main-home .block-header ul.navigation li.off a.nav-forum:hover {
    background-position: -553px -121px;
}
#main-home .block-header ul.navigation li.off a.nav-support,
#main-home .block-header ul.navigation li.off a.nav-support:hover {
    background-position: -685px -121px;
}
#main-home .block-header ul.navigation li:hover ul.sub-navigation {
    display: block;
    transform: scale(1.4);
    transform-origin: 0% 0;
}
#main-home .block-header ul.navigation li ul.sub-navigation {
    position: absolute;
    top: 55px;
    left: -45px;
    width: 220px;
    background: url(../../../ttl_index/images/sprite-icon-uti-new.png) no-repeat scroll -8px -529px;
    padding-top: 19px;
    z-index: 100;
    display: none;
}
#main-home .block-header ul.navigation li ul.sub-navigation li {
    float: left;
    width: 100%;
    text-align: center;
    background: url(../../../ttl_index/images/overlay.png) repeat scroll center top;
}
#main-home .block-header ul.navigation li ul.sub-navigation li a {
    display: block;
    text-indent: 0;
    background: url(../../../ttl_index/images/line-sub.png) no-repeat scroll center top;
    height: auto;
    width: 100%;
    color: #b59d85;
    padding: 10px 0;
    font-size: 15px;
    font-family: arial;
    text-align: left;
    text-indent: 20px;
}
#main-home .block-header ul.navigation li ul.sub-navigation li:first-child a {
    background: 0;
}
#main-home .block-header ul.navigation li ul.sub-navigation li a:hover {
    color: #ff8400;
}
#main-home .block-view-main {
    min-height: 790px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
#main-home .block-view-main .module-left-news {
    float: left;
    height: 710px;
    width: 400px;
    margin: 0 -25px 0 25px
}
#main-home .block-view-main .module-left-news .left-news {
    _width: 100%;
    overflow: hidden;
    height: 550px;
    margin-top: 170px;
    position: relative;
}
#main-home .left-news {
    background: url(../img/bg-tintuc.png) no-repeat top center/100% 100%;
    padding: 45px 36px 0;
    background-position: 0px 0px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news {
    overflow: hidden;
    margin-bottom: 30px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li {
    display: inline-block;
    float: left;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li a {
    /* background: url('../images/sprite-tab-uti.png') no-repeat scroll -484px -694px; */
    display: block;
    height: 49px;
    text-indent: -9999px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li a.news {
    width: 168px;
    background-position: -484px -694px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li a.news:hover {
    background-position: -484px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li a.forum {
    width: 166px;
    background-position: -652px -694px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li a.forum:hover {
    background-position: -652px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.active a.news,
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.active a.news:hover {
    background-position: -484px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.active a.forum,
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.active a.forum:hover {
    background-position: -652px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.off a.news,
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.off a.news:hover {
    background-position: -484px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.off a.forum,
#main-home .block-view-main .module-left-news .left-news ul.tab-news li.off a.forum:hover {
    background-position: -652px -743px;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news {
    width: 100%;
    overflow: hidden;
	padding-top: 25px;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news li {
    display: block;
    width: 100%;
    background: url(../../../ttl_index/images/line-news.jpg) no-repeat scroll center bottom;
    overflow: hidden;
    padding: 11px 0;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news li>span.post-date {
    width: 70px;
    height: 24px;
    display: block;
    background: url(../../skin_noel/img/bg-date.png) no-repeat top center/100% 100%;
    font-size: 12px;
    color: #fff;
    word-wrap: break-word;
    text-align: center;
    margin-left: 5px;
    float: left;
    line-height: 22px;
    margin-top: 3px;
    font-weight: bold;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news li>a {
    float: left;
    width: 220px;
    margin-left: 5px;
    display: block;
    color: #fff;
    line-height: 24px;
    font-family: arial;
    font-size: 15px;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news li>a:hover {
    color: #ff8400;
}
#main-home .block-view-main .module-left-news .left-news ul.list-news li:last-child {
    background: 0;
}
#main-home .block-view-main .module-left-news .left-news a.viewmore-news {
    display: block;
    width: 125px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 145px;
    line-height: 38px;
    color: #452a2a;
    font-size: 15px;
    bottom: 30px;
    text-indent: 5px;
    background: url(../../../ttl_index/images/sprite-tab-uti.png) no-repeat scroll -816px -199px;
}
#main-home .block-view-main .module-left-news .left-news a.viewmore-news:hover {
    background-position: -816px -231px;
    color: #ff8400;
    text-decoration: underline;
}
#main-home .block-view-main .module-center-control {
    float: left;
    width: 335px;
    height: 685px;
}
#main-home .block-view-main .module-right-events {
    float: left;
    width: 400px;
    height: 680px;
    position: relative;
    margin: 0 0 0 -30px;
}
#main-home .block-view-main .module-right-events .list-events-inner {
    height: 485px;
    background: url(../img/bg-sukien.png) no-repeat top center/100% 100%;
    background-position: 0 0px;
    margin-top: 165px;
    padding: 97px 34px 20px;
    position: relative;
}
#main-home .block-view-main .module-right-events img.hot-support {
    margin-left: 95px;
    margin-top: 60px;
}
#main-home .block-view-main .module-right-events a.BtnChuyenDoi {
    background: url(../images/btn_chuyendoitk.html) 0 0 no-repeat;
    display: block;
    width: 314px;
    height: 55px;
    margin-left: 15px;
    text-indent: -9999px;
}
#main-home .block-view-main .module-right-events a.BtnChuyenDoi:hover {
    background-position: 0 -55px;
}
#main-home .block-view-main .module-right-events ul.list-events {
    margin-top: 60px;
	margin-left: 45px;
}
#main-home .block-view-main .module-right-events ul.list-events li {
    display: block;
    width: 100%;
    background: url(../../../ttl_index/images/line-news.jpg) no-repeat scroll center bottom;
    overflow: hidden;
    padding: 11px 0;
    position: relative;
    font-size: 15px;
}
#main-home .block-view-main .module-right-events ul.list-events li a.thumb-event {
    float: left;
    display: block;
    width: 100px;
    margin-left: 18px;
    height: 80px;
    border: 1px solid #000;
	display: none;
}
#main-home .block-view-main .module-right-events ul.list-events li a.subject-event {
    width: 185px;
    float: left;
    color: #fff;
    line-height: 24px;
    margin-left: 10px;
    font-size: 14px;
    font-family: arial;
}
#main-home .block-view-main .module-right-events ul.list-events li a.subject-event:hover {
    color: #ff8400;
}
#main-home .block-view-main .module-right-events ul.list-events li span.post-date-event {
    margin-left: 10px;
    display: block;
    float: left;
    color: #fff;
    position: relative;
    top: 11px;
}
#main-home .block-view-main .module-right-events ul.list-events li:last-child {
    background: 0;
}
#main-home .block-view-main .module-right-events ul.list-events li:hover a.thumb-event {
    border: 1px solid #ff8400;
}
#main-home .block-view-main .module-right-events a.viewmore-events {
    display: block;
    width: 125px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 150px;
    line-height: 38px;
    color: #452a2a;
    font-size: 15px;
    text-indent: 5px;
    background: url(../../../ttl_index/images/sprite-tab-uti.png) no-repeat scroll -816px -199px;
}
#main-home .block-view-main .module-right-events a.viewmore-events:hover {
    background-position: -816px -231px;
    color: #ff8400;
    text-decoration: underline;
}
#main-home .block-view-main a.scroll-down {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    clear: both;
    position: fixed;
    bottom: 25px;
    display: block;
    left: 50%;
    margin-left: -35px;
    text-indent: -9999px;
    background: url(../../../ttl_index/images/sprite-tab-uti.png) no-repeat scroll -704px -320px;
}
#main-home .block-view-main a.scroll-down:hover,
#main-home .block-view-main a.scroll-down.active,
#main-home .block-view-main a.scroll-down.active:hover {
    background-position: -704px -390px;
}
#footer {
    height: 115px;
    width: 100%;
    padding: 95px 0 0 0;
    background: url('../../skin_noel/images/bg-footer.jpg') no-repeat scroll center 0;
    position: relative;
}
#footer .block-logo {
    width: 235px;
    height: inherit;
    overflow: hidden;
    float: left;
    line-height: 115px;
    margin: 30px 0 0 135px;
}
#footer .block-logo a {
    display: block;
    float: left;
    height: 115px;
    text-indent: -9999px;
}
#footer .block-logo a.vng {
    width: 35px;
    margin-right: 38px;
    height: 53px;
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat scroll -534px -568px;
}
#footer .block-logo a.cyou {
    width: 124px;
    margin-right: 38px;
    height: 49px;
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat scroll -229px -568px;
}
#footer p.address {
    color: #846f65;
    font-size: 13px;
    font-family: arial;
    width: 530px;
    float: left;
    line-height: 20px;
    margin-top: 25px;
}
#main-sect {
    background: url(../img/menu-mon-phaif700.jpg?v=1.0.1) no-repeat scroll center 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#main-sect>.wrapper {
    position: relative;
}
#main-sect ul.tab-sect {
    margin-left: 16px;
    overflow: hidden;
}
#main-sect ul.tab-sect li {
    display: block;
    float: left;
    overflow: hidden;
}
#main-sect ul.tab-sect li a {
    display: block;
    float: left;
    width: 87px;
    height: 116px;
    text-indent: -9999px;
    background: url(../../../ttl_index/images/menu-mon-phai-hv.jpg) no-repeat scroll 0 0;
}
#main-sect ul.tab-sect li a.duong-mon {
    width: 88px;
    background-position: 0 0;
}
#main-sect ul.tab-sect li a.duong-mon:hover {
    background-position: 0 -116px;
}
#main-sect ul.tab-sect li a.cai-bang {
    width: 88px;
    background-position: -88px 0;
}
#main-sect ul.tab-sect li a.cai-bang:hover {
    background-position: -88px -116px;
}
#main-sect ul.tab-sect li a.thieu-lam {
    background-position: -176px 0;
}
#main-sect ul.tab-sect li a.thieu-lam:hover {
    background-position: -176px -116px;
}
#main-sect ul.tab-sect li a.tieu-dao {
    background-position: -263px 0;
}
#main-sect ul.tab-sect li a.tieu-dao:hover {
    background-position: -263px -116px;
}
#main-sect ul.tab-sect li a.minh-giao {
    background-position: -350px 0;
}
#main-sect ul.tab-sect li a.minh-giao:hover {
    background-position: -350px -116px;
}
#main-sect ul.tab-sect li a.mo-dung {
    width: 88px;
    background-position: -437px 0;
}
#main-sect ul.tab-sect li a.mo-dung:hover {
    background-position: -437px -116px;
}
#main-sect ul.tab-sect li a.nga-my {
    background-position: -525px 0;
}
#main-sect ul.tab-sect li a.nga-my:hover {
    background-position: -525px -116px;
}
#main-sect ul.tab-sect li a.thien-long {
    background-position: -612px 0;
}
#main-sect ul.tab-sect li a.thien-long:hover {
    background-position: -612px -116px;
}
#main-sect ul.tab-sect li a.tinh-tuc {
    background-position: -699px 0;
}
#main-sect ul.tab-sect li a.tinh-tuc:hover {
    background-position: -699px -116px;
}
#main-sect ul.tab-sect li a.vo-dang {
    width: 88px;
    background-position: -786px 0;
}
#main-sect ul.tab-sect li a.vo-dang:hover {
    background-position: -786px -116px;
}
#main-sect ul.tab-sect li a.thien-son {
    background-position: -874px 0;
}
#main-sect ul.tab-sect li a.thien-son:hover {
    background-position: -874px -116px;
}
#main-sect ul.tab-sect li.active a.duong-mon {
    background-position: 0 -116px;
}
#main-sect ul.tab-sect li.active a.duong-mon:hover {
    background-position: 0 -116px;
}
#main-sect ul.tab-sect li.active a.cai-bang {
    background-position: -88px -116px;
}
#main-sect ul.tab-sect li.active a.cai-bang:hover {
    background-position: -88px -116px;
}
#main-sect ul.tab-sect li.active a.thieu-lam {
    background-position: -176px -116px;
}
#main-sect ul.tab-sect li.active a.thieu-lam:hover {
    background-position: -176px -116px;
}
#main-sect ul.tab-sect li.active a.tieu-dao {
    background-position: -263px -116px;
}
#main-sect ul.tab-sect li.active a.tieu-dao:hover {
    background-position: -263px -116px;
}
#main-sect ul.tab-sect li.active a.minh-giao {
    background-position: -350px -116px;
}
#main-sect ul.tab-sect li.active a.minh-giao:hover {
    background-position: -350px -116px;
}
#main-sect ul.tab-sect li.active a.mo-dung {
    background-position: -437px -116px;
}
#main-sect ul.tab-sect li.active a.mo-dung:hover {
    background-position: -437px -116px;
}
#main-sect ul.tab-sect li.active a.nga-my {
    background-position: -525px -116px;
}
#main-sect ul.tab-sect li.active a.nga-my:hover {
    background-position: -525px -116px;
}
#main-sect ul.tab-sect li.active a.thien-long {
    background-position: -612px -116px;
}
#main-sect ul.tab-sect li.active a.thien-long:hover {
    background-position: -612px -116px;
}
#main-sect ul.tab-sect li.active a.tinh-tuc {
    background-position: -699px -116px;
}
#main-sect ul.tab-sect li.active a.tinh-tuc:hover {
    background-position: -699px -116px;
}
#main-sect ul.tab-sect li.active a.vo-dang {
    background-position: -786px -116px;
}
#main-sect ul.tab-sect li.active a.vo-dang:hover {
    background-position: -786px -116px;
}
#main-sect ul.tab-sect li.active a.thien-son {
    background-position: -874px -116px;
}
#main-sect ul.tab-sect li.active a.thien-son:hover {
    background-position: -874px -116px;
}
#main-sect ul.tab-sect li.off a {
    cursor: default;
}
#main-sect ul.tab-sect li.off a.duong-mon {
    background-position: 0 bottom;
}
#main-sect ul.tab-sect li.off a.duong-mon:hover {
    background-position: 0 bottom;
}
#main-sect ul.tab-sect li.off a.cai-bang {
    background-position: -88px bottom;
}
#main-sect ul.tab-sect li.off a.cai-bang:hover {
    background-position: -88px bottom;
}
#main-sect ul.tab-sect li.off a.thieu-lam {
    background-position: -176px bottom;
}
#main-sect ul.tab-sect li.off a.thieu-lam:hover {
    background-position: -176px bottom;
}
#main-sect ul.tab-sect li.off a.tieu-dao {
    background-position: -263px bottom;
}
#main-sect ul.tab-sect li.off a.tieu-dao:hover {
    background-position: -263px bottom;
}
#main-sect ul.tab-sect li.off a.minh-giao {
    background-position: -350px bottom;
}
#main-sect ul.tab-sect li.off a.minh-giao:hover {
    background-position: -350px bottom;
}
#main-sect ul.tab-sect li.off a.mo-dung {
    background-position: -437px bottom;
}
#main-sect ul.tab-sect li.off a.mo-dung:hover {
    background-position: -437px bottom;
}
#main-sect ul.tab-sect li.off a.nga-my {
    background-position: -525px bottom;
}
#main-sect ul.tab-sect li.off a.nga-my:hover {
    background-position: -525px bottom;
}
#main-sect ul.tab-sect li.off a.thien-long {
    background-position: -612px bottom;
}
#main-sect ul.tab-sect li.off a.thien-long:hover {
    background-position: -612px bottom;
}
#main-sect ul.tab-sect li.off a.tinh-tuc {
    background-position: -699px bottom;
}
#main-sect ul.tab-sect li.off a.tinh-tuc:hover {
    background-position: -699px bottom;
}
#main-sect ul.tab-sect li.off a.vo-dang {
    background-position: -786px bottom;
}
#main-sect ul.tab-sect li.off a.vo-dang:hover {
    background-position: -786px bottom;
}
#main-sect ul.tab-sect li.off a.thien-son {
    background-position: -874px bottom;
}
#main-sect ul.tab-sect li.off a.thien-son:hover {
    background-position: -874px bottom;
}
#main-sect .detail-sect {
    width: 100%;
    background: url('../../skin_noel/images/bg-monphai.jpg') no-repeat scroll center 0;
    height: 543px;
    display: none;
    position: relative;
}
#main-sect .detail-sect .block-mp {
    position: absolute;
    width: 100%;
    height: 543px;
    z-index: 1;
}
#main-sect .detail-sect .duong-mon {
    background: url('../../skin_noel/images/duong-mon.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .cai-bang {
    background: url('../../skin_noel/images/cai-bang.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .thieu-lam {
    background: url('../../skin_noel/images/thieu-lam.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .tieu-dao {
    background: url('../../skin_noel/images/tieu-dao.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .minh-giao {
    background: url('../../skin_noel/images/minh-giao.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .mo-dung {
    background: url('../../skin_noel/images/mo-dung.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .nga-my {
    background: url('../../skin_noel/images/nga-my.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .thien-long {
    background: url('../../skin_noel/images/thien-long.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .tinh-tuc {
    background: url('../../skin_noel/images/tinh-tuc.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .vo-dang {
    background: url('../../skin_noel/images/vo-dang.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .thien-son {
    background: url('../../skin_noel/images/thien-son.jpg') no-repeat scroll center 0;
}
#main-sect .detail-sect .info-sect {
    width: 438px;
    height: 543px;
    float: right;
    position: relative;
	margin-right: 100px;
}
#main-sect .detail-sect .close-Sect {
    width: 69px;
    height: 69px;
    position: absolute;
    right: 20px;
    z-index: 6;
    top: 18px;
    text-indent: -9999px;
    background: url('../../skin_noel/images/btn-close-char.png') no-repeat scroll center 0;
}
#main-sect .detail-sect .close-Sect:hover {
    background-position: 0 -70px;
}
#main-sect .detail-sect .info-sect a.img-thumb-sect {
    display: block;
    margin-left: 11px;
    margin-top: 52px;
}
#main-sect .detail-sect .info-sect .img-info-sect {
    margin-left: 5px;
    margin-top: 15px;
}
#main-action {
    background: url(../img/bg-center.jpg) no-repeat top center;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    background-size: 100%;
	margin-top: -1px;
}
#main-action a.btn-slide-sect {
    width: 326px;
    height: 22px;
    background: url(../../../ttl_index/images/btn-slide-sect.png) no-repeat scroll center 0;
    display: block;
    margin: 0 auto;
    position: absolute;
    text-indent: -9999px;
	display:none !important;
}
#main-action>.wrapper {
    padding-top: 55px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
#main-action>.wrapper>div,
#main-action>.wrapper>div>div {
    float: left;
}
#main-action #left-main-action {
    width: 740px;
    overflow: hidden;
}
#main-action #right-main-action {
    width: 342px;
    overflow: hidden;
    margin-top: 30px;
}
#main-action .block-daily {
    width: 637px;
    margin-right: 20px;
    margin-left: 20px;
    min-height: 257px;
    background: url(../img/bg-hoatdongngay.png) no-repeat scroll center 0;
    padding: 30px 23px 100px 56px;
    background-size: 100%;
}
#main-action .block-daily ul.tab-daily {
    width: 636px;
    height: 58px;
    overflow: hidden;
}
#main-action .block-daily ul.tab-daily li a {
    display: block;
    float: left;
    background: url(../../../ttl_index/images/tab-action.jpg) no-repeat scroll 0 0;
    height: 58px;
    text-indent: -999px;
}
#main-action .block-daily ul.tab-daily li a.today {
    width: 319px;
    background-position: 0 0;
}
#main-action .block-daily ul.tab-daily li a.today:hover {
    background-position: 0 -58px;
}
#main-action .block-daily ul.tab-daily li a.tomorrow {
    width: 317px;
    background-position: -319px 0;
}
#main-action .block-daily ul.tab-daily li a.tomorrow:hover {
    background-position: -319px bottom;
}
#main-action .block-daily ul.tab-daily li a.view-all {
    width: 134px;
    text-indent: 20px;
    color: #ffa03b;
    background-position: right 0;
    line-height: 64px;
    font-size: 15px;
}
#main-action .block-daily ul.tab-daily li a.view-all:hover {
    background-position: right -58px;
    text-decoration: underline;
}
#main-action .block-daily ul.tab-daily li.active a.today,
#main-action .block-daily ul.tab-daily li.active a.today:hover {
    background-position: 0 -58px;
}
#main-action .block-daily ul.tab-daily li.active a.tomorrow,
#main-action .block-daily ul.tab-daily li.active a.tomorrow:hover {
    background-position: -319px bottom;
}
#main-action .block-daily .frame-content-daily {
    width: 634px;
    min-height: 200px;
    _border: 1px solid #5c5b5a;
    border-top: 0;
    overflow: hidden;
    position: relative;
}
#main-action .block-daily .frame-content-daily #act-today {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 0;
}
#main-action .block-daily .frame-content-daily #act-tomorrow {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: none;
    z-index: 0;
}
#main-action .block-daily .frame-content-daily .frame-thumb-act {
    width: 230px;
    margin-top: 20px;
    margin-left: 12px;
    float: left;
}
#main-action .block-daily .frame-content-daily .frame-thumb-act a {
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
    border: 1px solid transparent;
}
#main-action .block-daily .frame-content-daily .frame-thumb-act a:hover,
#main-action .block-daily .frame-content-daily .frame-thumb-act a.active {
    border-color: red;
}
#main-action .block-daily .frame-content-daily .left-detail-action {
    margin-top: 17px;
    margin-left: 10px;
    float: left;
    width: 380px;
}
#main-action .block-daily .frame-content-daily ul.detail-act {
    display: none;
    position: relative;
    width: 385px;
}
#main-action .block-daily .frame-content-daily ul.detail-act li {
    display: block;
    float: left;
}
#main-action .block-daily .frame-content-daily ul.detail-act li span {
    display: block;
    float: left;
    color: #785916;
    font-size: 15px;
    width: 280px;
    line-height: 23px;
    padding-bottom: 8px;
    font-family: arial;
}
#main-action .block-daily .frame-content-daily ul.detail-act li span.subject {
    font-weight: bold;
    color: #ffa03b;
    width: 75px;
    margin-right: 20px;
}
#main-action .block-daily .frame-content-daily ul.detail-act li a:hover span {
    color: #f59a3a;
    text-decoration: underline;
}
#main-action .block-daily .frame-content-daily ul.detail-act.active {
    display: block!important;
    opacity: 1!important;
}
#main-action .block-daily .frame-content-daily ul.detail-act li a span {
    color: #ffeabe;
    text-decoration: underline;
}
#main-action .block-daily .frame-content-daily ul.detail-act li a:hover span {
    color: #d99408;
}
#main-action .block-control-extend {
    width: 305px;
    height: 90px;
    margin-left: 20px;
}
#main-action .block-control-extend .frame-video {
    overflow: hidden;
    border: 1px solid;
    width: 304px;
    height: 146px;
    position: relative;
}
#main-action .block-control-extend .frame-video>img {
    position: absolute;
}
#main-action .block-control-extend .frame-video a.icon-video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat scroll -373px -568px;
}
#main-action .block-control-extend>a {
    height: 92px;
    background: url(../../../ttl_index/images/gallery-cctalk.jpg) no-repeat scroll center center;
    display: block;
    float: left;
    text-indent: -9999px;
}
#main-action .block-control-extend>a.btn-gallery {
    width: 153px;
    background-position: 0 0;
}
#main-action .block-control-extend>a.btn-gallery:hover {
    background-position: 0 -92px;
}
#main-action .block-control-extend>a.btn-gallery.off:hover,
#main-action .block-control-extend>a.btn-gallery.off {
    background-position: 0 bottom;
    cursor: default;
}
#main-action .block-control-extend>a.btn-cctalk {
    width: 152px;
    background-position: -153px 0;
}
#main-action .block-control-extend>a.btn-cctalk:hover {
    background-position: -153px -92px;
}
#main-action .block-control-extend>a.btn-cctalk.off,
#main-action .block-control-extend>a.btn-cctalk.off:hover {
    background-position: -153px bottom;
    cursor: default;
}
#main-action .block-guide-user {
    width: 100%;
    height: 395px;
    margin-left: 20px;
    background: url(../img/bg-tanthunhapmon.png) no-repeat scroll center 0;
    background-size: 100% 100%;
    background-position: -20px 17px;
    padding: 30px 0px 30px 20px;
}
#main-action .block-guide-user ul.tab-guide {
    margin-top: 18px;
    margin-left: 12px;
    overflow: hidden;
    float: left;
    transform: scale(.75);
    position: relative;
    left: 54px;
    top: 18px;
}
#main-action .block-guide-user ul.tab-guide li a {
    display: block;
    width: 222px;
    height: 98px;
    text-indent: -9999px;
    background: url(../../../ttl_index/images/tab-guide.png) no-repeat scroll center 0;
}
#main-action .block-guide-user ul.tab-guide li a.beginner {
    background-position: 0 0;
}
#main-action .block-guide-user ul.tab-guide li a.beginner:hover {
    background-position: -222px 0;
}
#main-action .block-guide-user ul.tab-guide li a.ability {
    background-position: 0 -99px;
}
#main-action .block-guide-user ul.tab-guide li a.ability:hover {
    background-position: -222px -99px;
}
#main-action .block-guide-user ul.tab-guide li a.level {
    background-position: 0 -197px;
}
#main-action .block-guide-user ul.tab-guide li a.level:hover {
    background-position: -222px -197px;
}
#main-action .block-guide-user ul.tab-guide li a.payment {
    background-position: 0 bottom;
}
#main-action .block-guide-user ul.tab-guide li a.payment:hover {
    background-position: -222px bottom;
}
#main-action .block-guide-user ul.tab-guide li.active a.beginner,
#main-action .block-guide-user ul.tab-guide li.active a.beginner:hover {
    background-position: -222px 0;
}
#main-action .block-guide-user ul.tab-guide li.active a.ability,
#main-action .block-guide-user ul.tab-guide li.active a.ability:hover {
    background-position: -222px -99px;
}
#main-action .block-guide-user ul.tab-guide li.active a.level,
#main-action .block-guide-user ul.tab-guide li.active a.level:hover {
    background-position: -222px -197px;
}
#main-action .block-guide-user ul.tab-guide li.active a.payment,
#main-action .block-guide-user ul.tab-guide li.active a.payment:hover {
    background-position: -222px bottom;
}
#main-action .block-guide-user ul.tab-guide li.off a {
    cursor: default;
    opacity: .5;
}
#main-action .block-guide-user ul.tab-guide li.off a.beginner,
#main-action .block-guide-user ul.tab-guide li.off a.beginner:hover {
    background-position: 0 0;
}
#main-action .block-guide-user ul.tab-guide li.off a.ability,
#main-action .block-guide-user ul.tab-guide li.off a.ability:hover {
    background-position: 0 -99px;
}
#main-action .block-guide-user ul.tab-guide li.off a.level,
#main-action .block-guide-user ul.tab-guide li.off a.level:hover {
    background-position: 0 -198px;
}
#main-action .block-guide-user ul.tab-guide li.off a.payment,
#main-action .block-guide-user ul.tab-guide li.off a.payment:hover {
    background-position: 0 bottom;
}
#main-action .block-guide-user .frame-content-guide {
    width: 415px;
    overflow: hidden;
}
#main-action .block-guide-user .frame-content-guide>div {
    position: relative;
    width: 415px;
    height: 390px;
    display: none;
    margin-top: 4px;
    transform: scale(.9);    
    top:44px;
}
#main-action .block-guide-user .frame-content-guide #guide-level {
    margin-top: 10px;
    display: none;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li {
    display: block;
    float: left;
    margin-left: 15px;
    margin-bottom: 10px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a {
    display: block;
    height: 177px;
    width: 100%;
    text-indent: -9999px;
    background: url('../images/sprite-guide.html') no-repeat scroll 0 0;
    position: relative;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt1 {
    background-position: 0 0;
    width: 105px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt21 {
    background-position: -124px 0;
    width: 131px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt41 {
    background-position: -260px 0;
    width: 126px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt61 {
    background-position: -395px 0;
    width: 130px;
    left: -9px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt81 {
    background-position: -538px 0;
    width: 117px;
    left: -16px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt101 {
    background-position: right 0;
    width: 117px;
    left: -7px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt1:hover {
    background-position: 0 -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt21:hover {
    background-position: -124px -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt41:hover {
    background-position: -260px -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt61:hover {
    background-position: -395px -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt81:hover {
    background-position: -538px -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li a.gt101:hover {
    background-position: right -182px;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a:hover {
    cursor: default;
    opacity: .5;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt1,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt1:hover {
    background-position: 0 0;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt21,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt21:hover {
    background-position: -124px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt41,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt41:hover {
    background-position: -260px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt61,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt61:hover {
    background-position: -395px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt81,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt81:hover {
    background-position: -538px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt101,
#main-action .block-guide-user .frame-content-guide #guide-level ul.tab-guide-level li.off a.gt101:hover {
    background-position: right 0;
}
#main-action .block-guide-user .frame-content-guide #guide-beginner {
    background: url('../images/bg-guide-beginer.html') no-repeat scroll right 0;
    display: none;
}
#main-action .block-guide-user .frame-content-guide #guide-beginner ul.list-tab-beginner {
    margin-left: 20px;
    margin-top: 25px;
}
#main-action .block-guide-user .frame-content-guide #guide-beginner ul.list-tab-beginner li a {
    font-family: arial;
    font-size: 15px;
    display: block;
    color: #ffeabe;
    padding: 10px 0;
    text-indent: 20px;
    background: url('../images/bullet-guide.html') no-repeat scroll left center;
}
#main-action .block-guide-user .frame-content-guide #guide-beginner ul.list-tab-beginner li a:hover {
    color: #ff8400;
}
#main-action .block-guide-user .frame-content-guide #guide-ability {
    display: none;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li {
    display: block;
    width: 166px;
    float: left;
    margin-left: 20px;
    margin-top: 25px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a {
    display: block;
    height: 90px;
    width: 166px;
    text-indent: -9999px;
    background: url(../../../ttl_index/images/tab-ability.png) no-repeat scroll 0 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.social {
    background-position: 0 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.social:hover {
    background-position: -332px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.skill {
    background-position: -166px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.skill:hover {
    background-position: -498px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.equipment {
    background-position: 0 -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.equipment:hover {
    background-position: -332px -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.pet {
    background-position: -166px -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.pet:hover {
    background-position: -498px -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.guild {
    background-position: 0 -180px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.guild:hover {
    background-position: -332px -180px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.challenge {
    background-position: -166px -180px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li a.challenge:hover {
    background-position: -498px -180px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a {
    cursor: default;
    opacity: .5;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.social,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.social:hover {
    background-position: 0 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.skill,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.skill:hover {
    background-position: -166px 0;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.equipment,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.equipment:hover {
    background-position: 0 -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.pet,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.pet:hover {
    background-position: -166px -90px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.guild,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.guild:hover {
    background-position: 0 -180px;
}
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.challenge,
#main-action .block-guide-user .frame-content-guide #guide-ability ul.tab-guide-ability li.off a.challenge:hover {
    background-position: -166px -180px;
}
#main-action .block-ranking {
    width: 330px;
    height: 452px;
    margin-top: 20px;
    margin-left: 12px;
    background: url(../../../ttl_index/images/bg-bxh.png) no-repeat scroll center 0;
}
#main-action .block-ranking>form>fieldset {
    margin: 70px auto 0;
    width: 309px;
}
#main-action .block-ranking div {
    padding: 88px 70px 0;
}
#main-action .block-ranking table {
    width: 100%;
    font-size: 12px;
    margin-top: -5px;

}
#main-action .block-ranking table tr {
    height: 30px;
    color: #000000;
}
#main-action .block-ranking table thead tr {
    color: #ff0000
}
#main-action .block-ranking table tbody tr:nth-of-type(1) {
    color: #e19212;
}
#main-action .block-ranking table tbody tr:nth-of-type(2) {
    color: #29b600;
}
#main-action .block-ranking table tbody tr:nth-of-type(3) {
    color: #3f7fff;
}
#main-action .block-ranking table td {
    text-align: center;
}
.main-banner {
    width: 100%;
    height: 420px;
}
.control-abilities {
    width: 100%;
    height: 310px;
    overflow: hidden;
    position: relative;
}
.control-abilities a {
    display: block;
    text-indent: -9999px;
}
.control-abilities a.btn-download {
    background: url(../img/btn-taigame.png) no-repeat;
    width: 304px;
    height: 140px;
    margin-top: 35px;
}
.control-abilities a.btn-download:hover {background: url(../img/btn-taigame-h.png) no-repeat;}
.control-abilities a.btn-download.off,
.control-abilities a.btn-download.off:hover {
    background-position: -484px -1094px;
    cursor: default;
}
.control-abilities a.btn-regis {
    width: 154px;
    float: left;
    height: 70px;
    position: relative;
    margin-left: 13px;
}
.Home .control-abilities a.btn-regis {
    background: url(../img/btn-dangky.png) no-repeat;
    background-position: 8px 0;
    width: 154px;
    float: left;
    height: 40px;
    position: relative;
    margin-left: 13px;
    top: 268px;
}
.control-abilities a.btn-regis:hover {
    background-position: 8px -47px;
}
.control-abilities a.btn-regis.off,
.control-abilities a.btn-regis.off:hover {
    background-position: -201px -1249px;
    cursor: default;
}

.control-abilities a.btn-dangxuat {
    width: 154px;
    float: left;
    height: 70px;
    position: relative;
    margin-left: 13px;
}
.Home .control-abilities a.btn-dangxuat {
    background: url(../img/btn-dangxuat.png) no-repeat;
    background-position: 8px 0;
    width: 154px;
    float: left;
    height: 40px;
    position: relative;
    margin-left: 13px;
    top: 268px;
}
.control-abilities a.btn-dangxuat:hover {
    background-position: 8px -47px;
}
.control-abilities a.btn-dangxuat.off,
.control-abilities a.btn-dangxuat.off:hover {
    background-position: -201px -1249px;
    cursor: default;
}

.Home .control-abilities a.btn-payment {
    background: url(../img/btn-napthe.png) no-repeat;
    background-position: 8px 0;
    width: 154px;
    float: left;
    position: relative;
    height: 70px;
    top: 267px;
}
.control-abilities a.btn-payment {
    background: url(../img/btn-dangky.png) no-repeat;
    width: 154px;
    float: left;
    position: relative;
    height: 40px;
}
.control-abilities a.btn-payment:hover {
    background-position: 8px -47px;
}
.Home .control-abilities a.btn-dangnhap {
    background: url(../img/btn-dangnhap.png) no-repeat;
    background-position: 8px 0;
    width: 154px;
    float: left;
    position: relative;
    height: 70px;
    top: 267px;
}
.control-abilities a.btn-dangnhap {
    background: url(../img/btn-dangnhap.png) no-repeat;
    width: 154px;
    float: left;
    position: relative;
    height: 40px;
}
.control-abilities a.btn-dangnhap:hover {
    background-position: 8px -47px;
}
.block-search {
    width: 100%;
    height: 45px;
    margin-top: 47px;
}
.block-search form.form-search {
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat scroll -20px -395px;
    width: 310px;
    height: 43px;
}
.block-search form.form-search input[type="text"] {
    width: 218px;
    height: 42px;
    float: left;
    border: 0;
    outline: 0;
    background: 0;
    padding: 0 20px;
    font-size: 15px;
    color: #000;
}
.block-search form.form-search input[type="submit"] {
    float: left;
    width: 52px;
    height: 43px;
    text-indent: -9999px;
    background: 0;
    border: 0;
    cursor: pointer;
}
.block-search form.form-search input[type="submit"]:hover {
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat scroll -253px -637px;
}
.fancybox-type-iframe .fancybox-inner,
.fancybox-inner iframe {
    overflow: hidden!important;
}
.fancybox-skin {
    background: url(../../../ttl_index/images/loop-bg-act.jpg) repeat scroll center 0!important;
}
#flashHeader {
    height: 950px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: visible;
    width: 100%;
}
.Home a#flashDownload {
    visibility: visible;
    position: absolute;
    width: 280px;
    height: 230px;
    top: 5px;
    left: 60px;
    background-size: 100%;
}
.Home object#flashDownload {
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 150px;
    top: 30px;
    left: 0;
}
.tab-content.active {
    opacity: 1!important;
    display: block!important;
}
#flash-duong-mon,
#flash-cai-bang,
#flash-thieu-lam,
#flash-tieu-dao,
#flash-minh-giao,
#flash-mo-dung,
#flash-nga-my,
#flash-thien-long,
#flash-tinh-tuc,
#flash-vo-dang,
#flash-thien-son {
    visibility: visible;
    position: absolute;
    width: 342px;
    height: 192px;
    top: 52px;
    left: 12px;
    z-index: 0;
}
#btn-survey {
    background: url(../../../ttl_index/images/sprite-icon-uti.png) -455px -647px no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    right: 0;
    top: 440px;
    text-indent: -999em;
    overflow: hidden;
    z-index: 20;
}
div.survey {
    width: 574px;
    height: 375px;
    background: url(../../../ttl_index/images/sprite-icon-uti.png)-20px -0px no-repeat;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -224px;
    z-index: 9999;
    display: none;
}
div.survey .iframe {
    height: 375px;
    position: relative;
    width: 574px;
}
div.survey .iframe a#survey-close {
    display: block;
    height: 47px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: 0;
    width: 45px;
    z-index: 20;
}
.HuongDanNhanCode {
    background: url(../images/HD_NhanCode.html) 0 0 no-repeat;
    display: block;
    width: 48px;
    height: 120px;
    position: fixed;
    right: 0;
    top: 82px;
    text-indent: -9999px;
    z-index: 20;
}
.HuongDanNhanCode:hover {
    background-position: -50px 0;
}
.Forum,
.CCtalk {
    background: url(../../../ttl_index/images/sprite-icon-uti.png) -99px -646px no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    right: 0;
    top: 435px;
    text-indent: -999em;
    overflow: hidden;
    z-index: 20;
}
.CCtalk {
    top: 492px;
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat -20px -648px;
}
div#popup-social-home {
    top: 210px!important;
}
#btn-baochi {
    background: url(../images/tintucbaochi.html) no-repeat;
    display: block;
    width: 120px;
    height: 84px;
    position: absolute;
    top: 100px;
    left: 0;
    text-indent: -9999px;
}
#btn-baochi:hover {
    background-position: -120px 0;
}
#baochi {
    width: 379px;
    height: 579px;
    position: absolute;
    overflow: hidden;
    top: 100px;
    left: -379px;
    z-index: 100;
}
#baochi .content {
    background: url(../../skin_noel/images/bg-baochi.png) repeat-y;
    float: left;
    width: 330px;
    height: 700px;
}
#baochi .hoptac {
    background: url(../../skin_noel/images/bg-hoptac.html) no-repeat;
    width: 304px;
    height: 40px;
    position: relative;
    padding: 40px 13px 0 13px;
}
#baochi .hoptac a {
    display: block;
    float: left;
    margin-right: 8px;
    height: 35px;
}
#baochi .hoptac a.item1 {
    width: 78px;
}
#baochi .hoptac a.item2 {
    width: 110px;
}
#baochi .hoptac a.item3 {
    width: 100px;
}
#baochi .hoptac a:last-child {
    margin: 0;
}
#baochi .content .xemthem {
    background: url(../../skin_noel/images/xemthem.png) no-repeat;
    display: block;
    width: 92px;
    height: 18px;
    position: absolute;
    top: 18px;
    right: 60px;
    text-indent: -9999px;
}
#baochi .content .xemthem:hover {
    background-position: 0 -18px;
}
#baochi h2 {
    background: url(../../skin_noel/images/title-block-news.jpg) no-repeat;
    width: 330px;
    height: 49px;
    text-indent: -9999px;
}
#baochi .btn-close {
    background: url(../../../ttl_index/images/sprite-icon-uti.png) no-repeat -525px -647px;
    display: block;
    float: right;
    width: 49px;
    height: 49px;
    position: relative;
    z-index: 100;
    text-indent: -9999px;
}
#baochi .content ul {
    padding: 0 13px 0 19px;
    height: 448px;
}
#baochi .content ul li {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 14px 0;
    border-bottom: 1px solid #353129;
}
#baochi .content ul li:last-child {
    border: 0;
}
#baochi .content ul li a.thumb-news {
    border: 1px solid #252322;
    display: block;
    float: left;
    width: 98px;
    height: 78px;
}
#baochi .content ul li a.title-news {
    display: block;
    float: left;
    color: #ffeabe;
    font-size: 18px;
    font-family: Tahoma, Geneva, sans-serif;
    width: 182px;
    line-height: 24px;
    margin-left: 15px;
}
#baochi .content ul li a.title-news:hover {
    color: #ff8400;
}
#baochi .content ul li span.date {
    display: block;
    color: #a69179;
    float: left;
    margin-left: 10px;
    position: relative;
    top: 7px;
    font-size: 15px;
}
.selectBox-dropdown {
    position: relative;
    border: solid 1px #BBB;
    line-height: 1.5;
    text-decoration: none;
    height: 31px;
    text-align: left;
    color: #dabfa1;
    outline: 0;
    vertical-align: middle;
    background: url("../../skin_noel/images/bg-cbx-ranking.png") no-repeat scroll center 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
    display: inline-block;
    cursor: default;
    border: 0;
}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
    border-color: #666;
}
.selectBox-dropdown.selectBox-menuShowing-bottom {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.selectBox-dropdown.selectBox-menuShowing-top {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
    padding: 4px 8px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-family: Arial;
    font-size: 15px;
    cursor: pointer;
}
.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 100%;
}
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    min-height: 1em;
    border: solid 1px #932b29;
    background: #FFF;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.selectBox-inline {
    min-width: 150px;
    outline: 0;
    border: solid 1px #BBB;
    background: #FFF;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: auto;
}
.selectBox-inline:focus {
    border-color: #666;
}
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
    background-color: #2c0906;
    color: #dabfa1;
}
.selectBox-options.selectBox-options-top {
    border-bottom: 0;
    margin-top: 1px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.selectBox-options.selectBox-options-bottom {
    border-top: 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.selectBox-options LI A {
    line-height: 1.5;
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat;
    cursor: pointer;
    font-family: Arial;
    font-size: 15px;
}
.selectBox-options LI.selectBox-hover A {
    background-color: #2c0906;
    color: #f27108;
}
.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent;
}
.selectBox-options LI.selectBox-selected A {
    background-color: #2c0906;
    color: #f27108;
}
.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #EEE;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}
.selectBox.selectBox-disabled {
    color: #888!important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}
.selectBox-inline.selectBox-disabled {
    color: #888!important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent!important;
}
#canvas0 {
    left: 50%;
    margin-left: -950px;
    top: 0;
    position: absolute;
    -webkit-animation: fadeIn 2s 1s both;
    animation: fadeIn 2s 1s both;
    width: 100%;
    height: 100%;
}
html {
scroll-behavior: smooth;
}
.scroller {
overflow-y: scroll;
scrollbar-color: #771308 #ffffff1a;
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background-color: #ffffff1a;
/* border-radius: 10px; */
}
::-webkit-scrollbar-thumb {
background-color: #771308;
/* border-radius: 10px; */
}
::-moz-scrollbar {
width: 5px;
height: 5px;
}
::-moz-scrollbar-track {
background-color: #ffffff1a;
/* border-radius: 10px; */
}
::-moz-scrollbar-thumb {
background-color: #771308;
}