body {
    font: 13px/1.6 arial, PMingLiU, '\65B0\7D30\660E\9AD4';
}

.wrapper {
    overflow: hidden;
    min-width: 1000px;
    position: relative;
}

.hd {
    position: relative;
}

.hd-i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.hd--s .hd-carousel {
    height: 380px;
}

.hd-carousel {
    height: 557px;
    overflow: hidden;
    position: relative;
}

.hd-carousel__citems {
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.hd-carousel__citems-1 {
    background-image: url(../img/ncarousel/bg-carousel-1.jpg);
}

.hd-carousel__citems-2 {
    background-image: url(../img/ncarousel/bg-carousel-2.jpg);
}

.hd-carousel__citems-i {
    visibility: visible;
    z-index: 1;
}

.hdnav {
    *zoom: 1;
    width: 980px;
    margin: 0 auto;
}

.hdnav:after {
    clear: both;
    content: "";
    display: table;
}

.hdnav-c {
    position: relative;
    z-index: 1;
}

.hdnav-w {
    position: relative;
    background: url(../img/ntbarbg.png) 0 0 repeat-x;
    z-index: 2;
}

.hdnav-items {
    width: 107px;
    float: left;
    margin: 0 10px;
}

.hdnav-items--cur,
.hdnav-items:hover {
    background: url(../img/nsubbd.png) 0 100% repeat-x;
}

.hdnav-items a {
    display: block;
    height: 22px;
    padding: 36px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.hdnav-items__news a {
    background-image: url(../img/bg-navnews.png);
}

.hdnav-items__guide a {
    background-image: url(../img/bg-navguide.png);
}

.hdnav-items__intro a {
    background-image: url(../img/bg-navintro.png);
}

.hdnav-items__download a {
    background-image: url(../img/bg-navdownload.png);
}

.hdnav-items__service a {
    background-image: url(../img/bg-navservice.png);
}

.hdnav-items__inspection a {
    background-image: url(../img/bg-navinspection.png);
}

.hdnav-items__logo {
    width: 158px;
    float: left;
    margin: 16px 30px 0;
}

.hdnav-items__logo a {
    display: block;
    height: 65px;
    background: url(../img/nlogo.png);
}

.hdnav-items__logo a:hover {
    background: url(../img/nlogo-ov.png);
}

.hdnav-sub {
    position: absolute;
    background-image: url(../img/nsubbg.png);
    height: 360px;
    left: 0;
    bottom: 0;
    width: 100%;
    *zoom: 1;
}

.hdnav-sub:after {
    clear: both;
    content: "";
    display: table;
}

.hdnav-sub-w {
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 1;
}

.hdnav-sub-c {
    overflow: hidden;
    position: absolute;
    height: 0;
    width: 100%;
}

.hdnav-sub li {
    padding: 18px 0 0;
    width: 107px;
    float: left;
    margin: 0 10px;
}

li.hdnav-sub__download {
    margin: 0 10px 0 228px;
}

.hdnav-sub a {
    letter-spacing: 1px;
    display: block;
    margin: 5px 0;
    text-align: center;
    color: #D7D7D7;
    padding: 2px 0;
    font: 14px/1.6 arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
}

.hdnav-sub a:hover {
    background: #8b3f0b;
}

.hd-main {
    margin: 25px auto 27px;
    width: 980px;
    *zoom: 1;
}

.hd-main:after {
    clear: both;
    content: "";
    display: table;
}

.hd--s .hd-promo {
    background: url(../img/nbg-promos.png);
}

.hd--s .hd-promo .hd-promo__filter {
    height: 165px;
    margin: 9px 0 12px 8px;
}

.hd--s .hd-promo .hd-promo__pg {
    padding: 0 0 13px;
}

.hd-promo {
    width: 614px;
    background: url(../img/nbg-promo.png);
    float: left;
    margin: 0 5px 0 0;
}

.hd-promo__filter {
    border: 1px solid #000;
    width: 595px;
    height: 290px;
    overflow: hidden;
    position: relative;
    margin: 9px 0 9px 8px;
}

.hd-promo__filter ul {
    font-size: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
}

.hd-promo__filter li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.hd-promo__filter a,
.hd-promo__filter img {
    display: block;
    width: 595px;
    height: 290px;
}

.hd--s .hd-promo__filter a,
.hd--s .hd-promo__filter img {
    height: 165px;
}

.hd-promo__pg {
    width: 598px;
    height: 31px;
    padding: 0 0 10px;
    margin: 0 auto;
    *zoom: 1;
}

.hd-promo__pg:after {
    clear: both;
    content: "";
    display: table;
}

.hd-promo__pg-filter {
    width: 450px;
    float: left;
    overflow: hidden;
    position: relative;
    height: 31px;
}

.hd-promo__pg-filter ul {
    font-size: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
}

.hd-promo__pg-filter li {
    width: 147px;
    padding: 0 2px 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 0 0 1px;
    background: url(../img/npromodot.png) 100% 0 no-repeat;
}

.hd-promo__pg-filter li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    color: #afa188;
    height: 31px;
    font: 14px/31px arial, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
    letter-spacing: 1px;
}

li.hd-promo__pg--cur a {
    color: #fb6f2a;
}

.hd-promo__pg-panel {
    float: left;
    width: 148px;
    *zoom: 1;
}

.hd-promo__pg-panel:after {
    clear: both;
    content: "";
    display: table;
}

.hd-promo__pg-panel-prev {
    background: url(../img/npromop.png);
    width: 7px;
    height: 14px;
    float: left;
    margin: 8px 16px 0;
    cursor: pointer;
}

.hd-promo__pg-panel-next {
    background: url(../img/npromn.png);
    width: 7px;
    height: 14px;
    float: left;
    margin: 8px 16px 0;
    cursor: pointer;
}

.hd-promo__pg-panel--hidden {
    visibility: hidden;
}

.hd-promo__pg-panel-count {
    width: 70px;
    float: left;
    color: #afa188;
    line-height: 31px;
    text-align: center;
    font-family: verdana;
}

.hd-promo__pg-panel-count-cur {
    color: #fb6f2a;
}

.hd-promo__pg-panel-count-doc {
    padding: 0 5px;
}

.hd--s .hd-aside {
    margin: 1px 0 0;
}

.hd-aside {
    width: 361px;
    float: left;
}

.hd-dandr {
    *zoom: 1;
}

.hd-dandr:after {
    clear: both;
    content: "";
    display: table;
}

.hd-dandr__download {
    width: 181px;
    float: left;
    background: url(../img/nbg-download.png);
}

.hd-dandr__download a {
    height: 230px;
    display: block;
    background: url(../img/ndowntxt.png);
}

.hd-dandr__register {
    width: 180px;
    float: left;
    background: url(../img/nbg-register.png);
}

.hd-dandr__register a {
    height: 230px;
    display: block;
    background: url(../img/nregtxt.png);
}

.hd-entry {
    *zoom: 1;
    overflow: hidden;
}

.hd-entry:after {
    clear: both;
    content: "";
    display: table;
}

.hd-entry__topup {
    float: left;
    width: 120px;
    height: 122px;
    background: url("../img/ntopup.png");
    display: block;
    margin: -1px 0 0;
    width: 121px;
}

.hd-entry__rewards {
    float: left;
    width: 120px;
    height: 122px;
    background: url("../img/nrewards.png");
    display: block;
    margin: -1px 0 0;
}

.hd-entry__auth {
    float: left;
    width: 120px;
    height: 122px;
    background: url("../img/nauth.png");
    display: block;
    margin: -1px 0 0;
}

.hd-ads {
    position: relative;
    width: 980px;
    height: 60px;
    margin: 0 auto;
}

.hd-ads__s {
    cursor: pointer;
}

.hd-ads__s img {
    display: block;
    height: 60px;
}

.hd-ads__b {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 455px;
}

.hd-ads__b-lnk {
    display: block;
    height: 100%;
}

.hd-ads__b-close {
    background: url(../img/nadclose.png);
    width: 56px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.hd-ads__b--active {
    display: block;
}

.hd-menu {
    *zoom: 1;
    float: left;
    margin: 0 0 0 73px;
}

.hd-menu:after {
    clear: both;
    content: "";
    display: table;
}

.hd-menu-c {
    background: url(../img/nentrybar.png) 50% 0 no-repeat;
    padding: 0 0 1px;
}

.hd-menu-w {
    width: 1000px;
    margin: 0 auto 0;
    *zoom: 1;
}

.hd-menu-w:after {
    clear: both;
    content: "";
    display: table;
}

.hd-menu__reward {
    margin: 0 0 0 10px;
    float: left;
    width: 151px;
    height: 133px;
    background: url(../img/nbaha.png);
}

.hd-menu__guide {
    float: left;
    width: 180px;
    height: 155px;
    display: block;
    margin: 0 5px 0 0;
    background: url("../img/nmguide.png");
}

.hd-menu__guide:hover {
    background: url("../img/nmguide-ov.png");
}

.hd-menu__guns {
    float: left;
    width: 180px;
    height: 155px;
    display: block;
    margin: 0 5px 0 0;
    background: url("../img/nmguns.png");
}

.hd-menu__guns:hover {
    background: url("../img/nmguns-ov.png");
}

.hd-menu__base {
    float: left;
    width: 180px;
    height: 155px;
    display: block;
    margin: 0 5px 0 0;
    background: url("../img/nmbase.png");
}

.hd-menu__base:hover {
    background: url("../img/nmbase-ov.png");
}

.hd-menu__store {
    float: left;
    width: 180px;
    height: 155px;
    display: block;
    margin: 0 5px 0 0;
    background: url("../img/nmstore.png");
}

.hd-menu__store:hover {
    background: url("../img/nmstore-ov.png");
}

.main {
    width: 1000px;
    margin: 0 auto 0;
    padding: 1px 0;
}

.main-w {
    background: url(../img/nbgr.jpg) 0 0 repeat-x #e3e3e3;
    margin: -101px 0 0;
    padding: 101px 0 35px;
    *zoom: 1;
}

.main-eandn {
    padding: 26px 0 0;
    background: url(../img/nbgen2.png) 0 100% no-repeat;
    width: 993px;
    height: 276px;
    margin: 0 0 17px;
}

.main-evts {
    width: 571px;
    height: 230px;
    float: left;
    margin: 13px 0 0 14px;
}

.main-evts__panel {
    *zoom: 1;
    margin: 0 0 17px;
}

.main-evts__panel:after {
    clear: both;
    content: "";
    display: table;
}

.main-evts__title {
    width: 138px;
    height: 16px;
    background: url(../img/ntt-e.png);
    float: left;
    margin: 10px 0 0 13px;
}

.main-evts__more {
    width: 15px;
    float: right;
    margin: 11px 10px 0 9px;
}

.main-evts__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-evts__tab {
    float: right;
    *zoom: 1;
    margin: 9px 0 0;
}

.main-evts__tab:after {
    clear: both;
    content: "";
    display: table;
}

.main-evts__tab li {
    float: left;
    margin: 0 0 0 5px;
}

.main-evts__tab a {
    color: #4a382a;
    padding: 2px 3px 2px 5px;
}

a.main-evts__tab--cur,
.main-evts__tab a:hover {
    background: #BAAB9D;
}

.main-evts__list {
    margin: 0 0 0 13px;
}

.main-evts__list-item {
    *zoom: 1;
    display: none;
}

.main-evts__list-item:after {
    clear: both;
    content: "";
    display: table;
}

.main-evts__list-item--cur {
    display: block;
}

.main-evts__banner {
    float: left;
    *zoom: 1;
    margin: 0 5px 0 0;
}

.main-evts__banner:after {
    clear: both;
    content: "";
    display: table;
}

.main-evts__banner-link {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #DDD9CE;
}

.main-evts__banner-img img {
    display: block;
    width: 270px;
    height: 180px;
}

.main-evts__banner-txt {
    *zoom: 1;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    *cursor: pointer;
    line-height: 36px;
    height: 36px;
    width: 100%;
}

.main-evts__banner-txt:after {
    clear: both;
    content: "";
    display: table;
}

@media \0screen\,
screen\9 {
    .main-evts__banner-txt {
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#cc000000', GradientType=0);
    }
}

.main-evts__banner-desc {
    float: left;
    color: #d7c5a5;
    width: 167px;
    font: 17px/36px arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    padding: 0 0 0 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-evts__banner-date {
    color: #988c78;
    width: 87px;
    font-size: 12px;
    padding: 0 8px 0 0;
    text-align: right;
    margin: 0 0 0 165px;
    overflow: hidden;
}

.main-news {
    float: left;
    width: 370px;
    height: 233px;
    overflow: hidden;
    margin: 20px 0 0 17px;
    position: relative;
}

.main-news__tab {
    *zoom: 1;
    *cursor: default;
}

.main-news__tab:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__tab li {
    float: left;
    *zoom: 1;
}

.main-news__tab a {
    *float: left;
    _position: relative;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 79px;
    height: 29px;
}

.main-news__tab-system a {
    background: url('../img/ntabs.png');
}

.main-news__tab-system a.main-news__tab--selected,
.main-news__tab-system a:hover {
    background: url('../img/ntabs-ov.png');
}

.main-news__tab-matches a {
    background: url('../img/ntabm.png');
}

.main-news__tab-matches a.main-news__tab--selected,
.main-news__tab-matches a:hover {
    background: url('../img/ntabm-ov.png');
}

.main-news__tab-misc a {
    background: url('../img/ntabmi.png');
}

.main-news__tab-misc a.main-news__tab--selected,
.main-news__tab-misc a:hover {
    background: url('../img/ntabmi-ov.png');
}

.main-news__tab-events a {
    background: url('../img/ntabe.png');
}

.main-news__tab-events a.main-news__tab--selected,
.main-news__tab-events a:hover {
    background: url('../img/ntabe-ov.png');
}

.main-news__more {
    width: 15px;
    position: absolute;
    right: 3px;
    top: 6px;
}

.main-news__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-news__list {
    margin: 14px 19px 0 16px;
}

.main-news__listi {
    display: none;
}

.main-news__listi--selected {
    display: block;
}

.main-news__listiitem--system {
    color: #6d6d6d;
    height: 16px;
    line-height: 16px;
    background: url(../img/icon-news.png) 0 0 no-repeat;
    text-align: right;
    font-size: 12px;
    display: block;
    margin: 0 0 11px;
    *zoom: 1;
}

.main-news__listiitem--system:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__listiitem--system span {
    *cursor: pointer;
    display: block;
    float: left;
    padding: 0 5px 0 40px;
    color: #685e46;
    width: 255px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.main-news__listiitem--sales {
    color: #6d6d6d;
    height: 16px;
    line-height: 16px;
    background: url(../img/icon-news.png) 0 -26px no-repeat;
    text-align: right;
    font-size: 12px;
    display: block;
    margin: 0 0 11px;
    *zoom: 1;
}

.main-news__listiitem--sales:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__listiitem--sales span {
    *cursor: pointer;
    display: block;
    float: left;
    padding: 0 5px 0 40px;
    color: #685e46;
    width: 255px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.main-news__listiitem--event {
    color: #6d6d6d;
    height: 16px;
    line-height: 16px;
    background: url(../img/icon-news.png) 0 -52px no-repeat;
    text-align: right;
    font-size: 12px;
    display: block;
    margin: 0 0 11px;
    *zoom: 1;
}

.main-news__listiitem--event:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__listiitem--event span {
    *cursor: pointer;
    display: block;
    float: left;
    padding: 0 5px 0 40px;
    color: #685e46;
    width: 255px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.main-news__listiitem--matches {
    color: #6d6d6d;
    height: 16px;
    line-height: 16px;
    background: url(../img/icon-news.png) 0 -78px no-repeat;
    text-align: right;
    font-size: 12px;
    display: block;
    margin: 0 0 11px;
    *zoom: 1;
}

.main-news__listiitem--matches:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__listiitem--matches span {
    *cursor: pointer;
    display: block;
    float: left;
    padding: 0 5px 0 40px;
    color: #685e46;
    width: 255px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.main-news__listiitem--general {
    color: #6d6d6d;
    height: 16px;
    line-height: 16px;
    background: url(../img/icon-news.png) 0 -104px no-repeat;
    text-align: right;
    font-size: 12px;
    display: block;
    margin: 0 0 11px;
    *zoom: 1;
}

.main-news__listiitem--general:after {
    clear: both;
    content: "";
    display: table;
}

.main-news__listiitem--general span {
    *cursor: pointer;
    display: block;
    float: left;
    padding: 0 5px 0 40px;
    color: #685e46;
    width: 255px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.main-news__listiitem--ipt {
    font-weight: bold;
}

.main-news__listiitem--ipt span {
    color: #ccc;
}

.main-layout1 {
    *zoom: 1;
    width: 985px;
    margin: 0 auto 25px;
}

.main-layout1:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc {
    float: left;
    margin: 0 7px 0 0;
    width: 581px;
    height: 389px;
    background: url(../img/nbgucc.png);
}

.main-ucc__panel {
    *zoom: 1;
    margin: 0 0 16px;
}

.main-ucc__panel:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc__title {
    width: 104px;
    height: 16px;
    background: url(../img/ntt-u.png);
    float: left;
    margin: 9px 0 0 19px;
}

.main-ucc__more {
    width: 15px;
    float: right;
    margin: 9px 14px 0 9px;
}

.main-ucc__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-ucc__tab {
    float: right;
    *zoom: 1;
    margin: 6px 0 0;
}

.main-ucc__tab:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc__tab li {
    float: left;
    margin: 0 0 0 5px;
}

.main-ucc__tab a {
    color: #4a382a;
    padding: 2px 3px 2px 5px;
}

a.main-ucc__tab--cur,
.main-ucc__tab a:hover {
    background: #BAAB9D;
}

.main-ucc__list {
    margin: 0 16px;
}

.main-ucc__list-item {
    *zoom: 1;
    display: none;
}

.main-ucc__list-item:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc__list-item--cur {
    display: block;
}

.main-ucc__item {
    *zoom: 1;
    margin: 0 0 8px;
}

.main-ucc__item:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc__item-link {
    display: block;
    position: relative;
}

.main-ucc__item-link-w {
    float: left;
    width: 170px;
}

.main-ucc__item-linkbtn {
    *cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/nplaybtn.png) 50% 50% no-repeat;
}

.main-ucc__item-img img {
    height: 105px;
    display: block;
}

.main-ucc__item-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    vertical-align: middle;
    width: 364px;
}

.main-ucc__item-txt-w {
    overflow: hidden;
    margin: 0 0 0 186px;
    height: 105px;
    font-size: 0;
}

.main-ucc__item-txt-m {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    vertical-align: middle;
    height: 100%;
}

.main-ucc__item-title {
    color: #434141;
    font: bold 18px/1.6 arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-ucc__item-author {
    color: #6d6d6d;
    font-size: 12px;
    margin: 0 0 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-ucc__item-date {
    color: #6d6d6d;
    font-size: 12px;
    margin: 0 0 3px;
}

.main-ucc__item-data {
    *zoom: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #de5918;
    font-size: 12px;
}

.main-ucc__item-data:after {
    clear: both;
    content: "";
    display: table;
}

.main-ucc__item-data li {
    float: left;
    margin: 0 15px 0 0;
}

.main-ucc__item-data-like {
    background: url(../img/nlikebtn.png) 0 0 no-repeat;
    padding: 0 0 0 25px;
}

.imain-content__stitle-mov {
    width: 676px;
    height: 26px;
    color: #6BDDFF;
    font: 16px/1 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    padding: 20px 0 10px 43px;
    background-image: url(../img/bar-bg-mov.jpg);
    background-repeat: no-repeat;
}

.u-vodlist {
    letter-spacing: -4px;
    font-size: 0;
    margin: 8px 7px 0
}

.u-vodlist li {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 8px 5px 8px 2px
}

.u-vodlist a {
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 220px;
}

.u-vodlist a span {
    padding: 5px 0 5px;
    display: block;
    line-height: 16px;
    font-size: 12px;
}

.u-vodlist h4 {
    display: block;
    line-height: 16px;
    font-size: 12px;
    width: 125px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: left;
    color: #600;
}

.u-vodlist h5 {
    float: right;
    padding: 0px 5px 0px;
    display: block;
    line-height: 16px;
    font-size: 12px;
    width: 80px;
    text-align: right;
    color: #AE967D;
}

.u-vodlist img {
    display: block;
    height: 135px
}

.u-sharevodlist {
    letter-spacing: -4px;
    font-size: 0;
    margin: 0px 7px 0
}

.sharevod {
    display: block;
    min-height: 650px;
    width: 720px;
    position: relative;
}

.u-sharevodlist li {
    vertical-align: top;
    display: inline;
    *zoom: 1;
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 220px;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 2px;
    line-height: 28px;
}

.u-sharevodlist a {
    display: block;
    color: #4A3C2E;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
}

.u-sharevodlist a span {
    display: block;
    line-height: 16px;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
}

.u-sharevodlist h4 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharevodlist h5 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharevodlist h6 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharevodlist h7 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharevodlist img {
    display: block;
    height: 135px
}

.like-vod,
.like-vod-notlogin {
    float: left;
    display: block;
    height: 23px;
    width: 63px;
    color: #886F55;
    float: right;
    background-image: url(../img/like.png);
    margin-right: 78px;
    margin-left: 77px;
    line-height: 22px;
    margin-top: 3px;
    cursor: pointer;
}

.like-vod-liked {
    float: left;
    display: block;
    height: 23px;
    width: 63px;
    color: #886F55;
    float: right;
    background-image: url(../img/like-ov.png);
    margin-right: 78px;
    margin-left: 77px;
    line-height: 22px;
    margin-top: 3px;
}

.like-vod:hover {
    background-image: url(../img/like-ov.png);
}

.u-sharelivelist {
    letter-spacing: -4px;
    font-size: 0;
    margin: 0px 7px 0
}

.sharelive {
    display: block;
    min-height: 650px;
    width: 720px;
    position: relative;
}

.u-sharelivelist li {
    vertical-align: top;
    display: inline;
    *zoom: 1;
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 220px;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 2px;
    line-height: 28px;
}

.u-sharelivelist a {
    display: block;
    color: #4A3C2E;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
}

.u-sharelivelist a span {
    display: block;
    line-height: 16px;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
}

.u-sharelivelist h3 {
    display: block;
    line-height: 35px;
    font-size: 15px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
    font-weight: bold;
}

.u-sharelivelist h4 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharelivelist h5 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharelivelist h6 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharelivelist h7 {
    display: block;
    line-height: 22px;
    font-size: 12px;
    width: 218px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    color: #4A3C2E;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
}

.u-sharelivelist img {
    display: block;
    height: 135px
}

.u-sharelivelist li online {
    line-height: 22px;
    text-indent: -9999px;
    height: 16px;
    width: 16px;
    color: #886F55;
    float: right;
    background-image: url(../img/online.png);
    margin-top: 10px;
}

.u-sharelivelist li offline {
    line-height: 22px;
    text-indent: -9999px;
    height: 16px;
    width: 16px;
    color: #886F55;
    float: right;
    background-image: url(../img/offline.png);
    margin-top: 10px;
}

.u-eventlist {
    letter-spacing: -4px;
    font-size: 0;
    margin: 8px 7px 0
}

.u-eventlist li {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 8px 5px 8px 2px
}

.u-eventlist a {
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 688px;
}

.u-eventlist h1 {
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    display: block;
    line-height: 16px;
    font-size: 15px;
    width: 348px;
    float: left;
    text-align: left;
    color: #4A3C2E;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
    margin-left: 5px;
    padding: 5px 10px 5px 5px;
}

.u-eventlist h2 {
    display: block;
    line-height: 20px;
    font-size: 12px;
    width: 348px;
    float: left;
    padding: 5px 10px 5px 5px;
    text-align: left;
    color: #4A3C2E;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    height: 36px;
}

.u-eventlist h3 {
    padding: 5px 10px 5px 5px;
    float: left;
    display: block;
    line-height: 16px;
    font-size: 12px;
    width: 348px;
    text-align: left;
    color: #990000;
    margin-left: 5px;
}

.u-eventlist img {
    display: block;
    width: 320px;
    height: 100px;
    float: left
}

.gray {
    opacity: 0.8;
    filter: grayscale(100%);
    filter: gray;
}

.u-livelist li online {
    text-indent: -9999px;
    height: 16px;
    width: 16px;
    color: #886F55;
    float: right;
    background-image: url(../img/online.png);
}

.u-livelist li offline {
    text-indent: -9999px;
    height: 16px;
    width: 16px;
    color: #886F55;
    float: right;
    background-image: url(../img/offline.png);
}

.u-livelist {
    letter-spacing: -4px;
    font-size: 0;
    margin: 8px 7px 0;
    width: 695px;
}

.u-livelist li {
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 688px;
}

.u-livelist pic {
    display: block;
    color: #4A3C2E;
    padding: 3px;
    border: 1px solid #7E716B;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    width: 688px;
}

.u-livelist h1 {
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    display: block;
    line-height: 16px;
    font-size: 15px;
    width: 344px;
    float: left;
    text-align: left;
    color: #4A3C2E;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
    margin-left: 5px;
    padding: 5px 10px 5px 5px;
}

.u-livelist h2 {
    border-bottom-width: 1px;
    border-bottom-color: #AE967D;
    border-bottom-style: dashed;
    display: block;
    line-height: 28px;
    font-size: 12px;
    width: 344px;
    float: left;
    padding: 5px 10px 5px 5px;
    text-align: left;
    color: #4A3C2E;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    margin-left: 5px;
}

.u-livelist h3 {
    padding: 5px 10px 5px 5px;
    float: left;
    display: block;
    line-height: 16px;
    font-size: 12px;
    width: 348px;
    text-align: left;
    color: #990000;
    margin-left: 5px;
}

.u-livelist img {
    display: block;
    width: 320px;
    height: 180px;
    float: left
}

.like {
    float: left;
    display: block;
    height: 23px;
    width: 63px;
    color: #886F55;
    float: right;
    background-image: url(../img/like.png);
    margin-right: 4px;
    margin-left: 297px;
    margin-top: 4px;
}

.like:hover {
    background-image: url(../img/like-ov.png);
}

.other_menu {
    width: 698px;
    height: 35px;
    color: #4A3C2E;
    margin: 8px 7px 0px;
}

.apply {
    border: 2px solid #4A3C2E;
    display: block;
    width: 150px;
    height: 27px;
    line-height: 27px;
    color: #4A3C2E;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    background-color: #C9BFBD;
    float: right;
    font-weight: bold;
}

.apply:hover {
    background-color: #71615E;
    color: #E3E3E3;
    cursor: pointer;
}

.provided {
    border: 2px solid #4A3C2E;
    display: block;
    width: 150px;
    height: 27px;
    line-height: 27px;
    color: #4A3C2E;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    background-color: #C9BFBD;
    float: right;
    font-weight: bold;
}

.provided:hover {
    background-color: #71615E;
    color: #E3E3E3;
}

.newest {
    border: 2px solid #4A3C2E;
    display: block;
    width: 150px;
    height: 27px;
    line-height: 27px;
    color: #4A3C2E;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    background-color: #C9BFBD;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}

.newest:hover {
    background-color: #71615E;
    color: #E3E3E3;
}

.imain-vodlist-wrapper {
    width: 708px;
}

.imain-ranklist-wrapper {
    width: 998px;
}

.u-sttevent {
    width: 671px;
    height: 16px;
    color: #917B77;
    padding: 9px 0px 11px 42px;
    background-image: url(../img/stt-event.jpg);
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.u-sttshare {
    width: 671px;
    height: 16px;
    color: #917B77;
    padding: 9px 0px 11px 42px;
    background-image: url(../img/stt-live.jpg);
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.u-sttadvod {
    width: 671px;
    height: 16px;
    color: #917B77;
    padding: 9px 0px 11px 42px;
    background-image: url(../img/stt-advod.jpg);
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.u-sttcut {
    width: 671px;
    height: 16px;
    color: #917B77;
    padding: 9px 0px 11px 42px;
    background-image: url(../img/stt-cut.jpg);
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.order {
    height: 30px;
    width: 60px;
    color: #886F55;
    padding-right: 10px;
    padding-left: 10px;
    float: right;
}

.order:hover {
    color: #4A3C2E;
}

.main-vod {
    float: left;
    width: 397px;
    height: 389px;
    background: url(../img/nbgvod.png);
}

.main-vod__panel {
    *zoom: 1;
    margin: 0 0 16px;
}

.main-vod__panel:after {
    clear: both;
    content: "";
    display: table;
}

.main-vod__title {
    width: 105px;
    height: 16px;
    background: url(../img/ntt-v.png);
    float: left;
    margin: 9px 0 0 19px;
}

.main-vod__more {
    width: 15px;
    float: right;
    margin: 9px 14px 0 9px;
}

.main-vod__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-vod__tab {
    float: right;
    *zoom: 1;
    margin: 6px 0 0;
}

.main-vod__tab:after {
    clear: both;
    content: "";
    display: table;
}

.main-vod__tab li {
    float: left;
    margin: 0 0 0 5px;
}

.main-vod__tab a {
    color: #4a382a;
    padding: 2px 3px 2px 5px;
}

a.main-vod__tab--cur,
.main-vod__tab a:hover {
    background: #BAAB9D;
}

.main-vod__list {
    margin: 0 16px;
}

.main-vod__list-item {
    *zoom: 1;
    display: none;
}

.main-vod__list-item:after {
    clear: both;
    content: "";
    display: table;
}

.main-vod__list-item--cur {
    display: block;
}

.main-vod__item {
    *zoom: 1;
    margin: 0 0 8px;
}

.main-vod__item:after {
    clear: both;
    content: "";
    display: table;
}

.main-vod__item-link {
    display: block;
    position: relative;
}

.main-vod__item-link-w {
    float: left;
    width: 170px;
}

.main-vod__item-linkbtn {
    *cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/nplaybtn.png) 50% 50% no-repeat;
}

.main-vod__item-img img {
    width: 170px;
    height: 105px;
    display: block;
}

.main-vod__item-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    vertical-align: middle;
    width: 180px;
}

.main-vod__item-txt-w {
    overflow: hidden;
    margin: 0 0 0 186px;
    height: 105px;
    font-size: 0;
}

.main-vod__item-txt-m {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    vertical-align: middle;
    height: 100%;
}

.main-vod__item-title {
    color: #434141;
    font: 18px/1.6 arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    max-height: 55px;
    overflow: hidden;
    margin: 0 0 6px;
}

.main-vod__item-data {
    *zoom: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #de5918;
    font-size: 12px;
}

.main-vod__item-data:after {
    clear: both;
    content: "";
    display: table;
}

.main-vod__item-data li {
    float: left;
    margin: 0 8px 0 0;
}

.main-vod__item-data-like {
    background: url(../img/nlikebtn.png) 0 0 no-repeat;
    padding: 0 0 0 25px;
}

.main-layout2 {
    *zoom: 1;
    width: 985px;
    height: 235px;
    padding: 30px 0 0;
    margin: 0 auto;
    background: url(../img/nbgrank.png);
}

.main-layout2:after {
    clear: both;
    content: "";
    display: table;
}

.main-rank {
    width: 540px;
    float: left;
    margin: 0 0 0 25px;
}

.main-rank__panel {
    *zoom: 1;
    margin: 0 0 11px;
    height: 21px;
}

.main-rank__panel:after {
    clear: both;
    content: "";
    display: table;
}

.main-rank__title {
    width: 132px;
    height: 16px;
    background: url(../img/ntt-r.png);
    float: left;
    margin: 2px 0 0 3px;
}

.main-rank__more {
    width: 15px;
    float: right;
    margin: 3px 0 0 13px;
}

.main-rank__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-rank__tab {
    float: right;
    *zoom: 1;
    margin: 1px 0 0;
}

.main-rank__tab:after {
    clear: both;
    content: "";
    display: table;
}

.main-rank__tab li {
    float: left;
    margin: 0 0 0 5px;
}

.main-rank__tab a {
    color: #4a382a;
    padding: 2px 3px 2px 5px;
}

a.main-rank__tab--cur,
.main-rank__tab a:hover {
    background: #BAAB9D;
}

.main-rank__list-item {
    *zoom: 1;
    display: none;
}

.main-rank__list-item:after {
    clear: both;
    content: "";
    display: table;
}

.main-rank__list-item--cur {
    display: block;
}

.main-rank__table {
    table-layout: fixed;
    width: 540px;
}

.main-rank__table th,
.main-rank__table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-rank__table th {
    background: #E34000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    line-height: 1.2;
}

.main-rank__table td {
    border-bottom: 1px dotted #948F7E;
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    line-height: 1.2;
    color: #6F6A5E;
}

.main-rank__table img {
    vertical-align: middle;
}

.main-rank__table-thrank {
    width: 40px;
}

.main-rank__table-thlv {
    width: 55px;
}

.main-rank__table-thid {
    width: 85px;
}

.main-rank__table-thrp {
    width: 65px;
}

.main-rank__table-threcord {
    width: 85px;
}

.main-rank__table-thgcount {
    width: 85px;
}

.main-rank__table-thteam {
    width: 125px;
}

.main-rank__table-thtrank {
    width: 40px;
}

.main-rank__table-thtlogo {
    width: 55px;
}

.main-rank__table-thtteam {
    width: 155px;
}

.main-rank__table-thtcount {
    width: 85px;
}

.main-rank__table-thtrp {
    width: 85px;
}

.main-rank__table-thtrecord {
    width: 120px;
}

.main-elite {
    width: 355px;
    margin: 0 0 0 40px;
    float: left;
}

.main-elite__panel {
    *zoom: 1;
    margin: 0 0 11px;
    height: 21px;
}

.main-elite__panel:after {
    clear: both;
    content: "";
    display: table;
}

.main-elite__title {
    width: 135px;
    height: 16px;
    background: url(../img/ntt-el.png);
    float: left;
    margin: 2px 0 0 3px;
}

.main-elite__more {
    width: 15px;
    float: right;
    margin: 3px 0 0 13px;
}

.main-elite__more a {
    display: block;
    height: 15px;
    background: url(../img/nmore.png);
}

.main-elite__table {
    table-layout: fixed;
    width: 355px;
}

.main-elite__table th,
.main-elite__table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-elite__table th {
    background: #E34000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    line-height: 1.2;
}

.main-elite__table td {
    border-bottom: 1px dotted #948F7E;
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    line-height: 1.2;
    color: #6F6A5E;
}

.main-elite__table img {
    vertical-align: middle;
}

.main-elite__table-thrank {
    width: 40px;
}

.main-elite__table-thlv {
    width: 55px;
}

.main-elite__table-thid {
    width: 105px;
}

.main-elite__table-thteam {
    width: 145px;
}

.footer {
    width: 1000px;
    margin: 0 auto 0;
    position: relative;
    background: url(../img/nft.png);
    height: 99px;
}

.footer-w {
    background: url(../img/nftbg.png) 50% 0 no-repeat #e3e3e3;
    padding: 13px 0;
}

.footer__link {
    position: absolute;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.footer__link-g {
    top: 30px;
    height: 25px;
    left: 110px;
    width: 63px;
}

.footer__link-f {
    top: 28px;
    width: 30px;
    height: 32px;
    right: 25px;
}

.qkmenu {
    position: absolute;
    left: 50%;
    margin: 0 0 0 510px;
    width: 96px;
    top: 743px;
    z-index: 1;
}

.qkmenu--s {
    top: 600px;
}

.qkmenu-fb {
    background: url(../img/nqkfb.png);
    width: 95px;
    height: 96px;
    margin: 0 0 10px;
}

.qkmenu-fb__count {
    background: url(../img/nqkyfbt.png);
    height: 38px;
    text-align: center;
    overflow: hidden;
    line-height: 34px;
}

.qkmenu-fb__count-w {
    width: 44px;
    margin: 0 auto 2px;
    padding: 0px 0 0;
}

.qkmenu-fb__like {
    width: 52px;
    margin: 0 auto;
}

.qkmenu-fb__like a {
    height: 20px;
    display: block;
    background: url(../img/nqkfbl.png);
}

.qkmenu-nav {
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    background: #EBE9E9;
}

.qkmenu-nav a {
    display: block;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #6B625F;
    text-align: center;
    border-bottom: 1px solid #C9C6C2;
}

.qkmenu-nav-w {
    margin: 0 0 7px;
}

.qkmenu-nav__title {
    background: url(../img/nqknavt.png);
    height: 28px;
}

.qkmenu-nav__btm {
    background: url(../img/nqknavb.png);
    height: 5px;
    margin: -1px 0 0;
}

.qkmenu-yt {
    margin: 0 0 7px;
}

.qkmenu-yt a {
    display: block;
    height: 71px;
    background: url(../img/nqkyt.png);
}

.qkmenu-baha {
    margin: 0 0 7px;
}

.qkmenu-baha a {
    display: block;
    height: 71px;
    background: url(../img/nqkbh.png);
}

.qkmenu-top {
    width: 32px;
    margin: 0 auto;
}

.qkmenu-top a {
    display: block;
    height: 32px;
    background: url(../img/nqktop.png);
}

.imain {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: url(../img/nbg-sidebarcnt.png) 0 0 repeat-y;
    *zoom: 1;
}

.imain:after {
    clear: both;
    content: "";
    display: table;
}

.imain-w {
    padding: 40px 0 30px;
}

.imain-content {
    float: left;
    width: 721px;
    margin: 20px 0 0 249px;
}

.imain-content__title {
    color: #4A3C2E;
    margin: 0 0 3px;
    font: 30px/1 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px #fff;
}

.imain-content__crumb {
    padding: 5px 0 0 2px;
    margin: 0 0 10px;
}

.imain-content__crumb a {
    color: #584620;
    font-size: 12px;
    letter-spacing: 2px;
}

.imain-content__crumb-arrow {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border: dashed 4px;
    border-left-style: solid;
    border-color: transparent;
    border-left-color: #584620;
    margin: 0 3px;
}

.imain-content__txt {
    padding: 15px 0;
    color: #464646;
}

.imain-content__txt p a {
    color: #009d90;
}

.imain-content__txt p a:hover {
    color: #004848;
}

.search-bar {
    background-image: url(../img/ntitle-srank.jpg);
    width: 748px;
    height: 49px;
    position: relative;
    padding-top: 28px;
    padding-left: 250px;
    color: #D0CBC8;
}

.user {
    display: block;
    width: 968px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
    color: #4C3B33;
    text-decoration: none;
    text-align: left;
    border: 5px solid #4C3B33;
    margin-top: 15px;
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    padding-left: 20px;
}

.login {
    font: 30px/1 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    display: block;
    width: 988px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
    color: #978D88;
    text-decoration: none;
    text-align: center;
    border: 5px solid #978D88;
    margin-top: 15px;
}

.login:hover {
    border: 5px solid #4C3B33;
    color: #4C3B33;
}

.logout {
    color: #F60;
    position: relative;
}

.logout:hover {
    color: #F30;
}

.glass {
    display: block;
    width: 34px;
    height: 34px;
    float: right;
    background-image: url(../img/glass.png);
    position: absolute;
    left: 950px;
    top: 21px;
}

.glass:hover {
    background-image: url(../img/glass-ov.png);
}

#search-box {
    background-color: transparent;
    border: 0px;
    line-height: 20px;
    background-color: #231A15;
    height: 25px;
    width: 150px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 770px;
    font-family: Verdana;
    font-size: 13px;
    float: left;
    margin-top: 25px;
    color: #936F60;
    position: absolute;
    left: 9px;
    top: -1px;
}

.imain-sidebar {
    float: left;
    width: 219px;
    margin: 0 0 0 -970px;
    padding: 0 0 50px;
}

.imain-sidebarbtm {
    width: 219px;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/nbg-sidebarbtm.jpg);
}

.imain-sidebar__title {
    background-image: url(../img/nbg-sidebartop.jpg);
    padding: 8px 0 24px;
}

.imain-sidebar__title-txt {
    height: 72px;
    width: 203px;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.imain-sidebar__title-txt-news {
    background-image: url(../img/ntitle-snews.jpg);
}

.imain-sidebar__title-txt-intro {
    background-image: url(../img/title-sintro.jpg);
}

.imain-sidebar__title-txt-beginning {
    background-image: url(../img/title-sbeginning.jpg);
}

.imain-sidebar__title-txt-rule {
    background-image: url(../img/title-rules.jpg);
}

.imain-sidebar__title-txt-download {
    background-image: url(../img/title-sdown.jpg);
}

.imain-sidebar__title-txt-gifts {
    background-image: url(../img/title-gifts.jpg);
}

.imain-sidebar__title-txt-vod {
    background-image: url(../img/ntitle-svod.jpg);
}

.imain-sidebar__title-txt-event {
    background-image: url(../img/ntitle-sevent.jpg);
}

.imain-sidebar__title-txt-share {
    background-image: url(../img/ntitle-sshare.jpg);
}

.imain-sidebar__title-txt-arsenal {
    background-image: url(../img/ntitle-sarsenal.jpg);
}

.imain-sidebar__navitem {
    width: 203px;
    margin: 0 auto;
    background: url(../img/nbg-snavs.jpg) -204px 0 no-repeat;
    *vertical-align: middle;
    *zoom: 1;
}

.imain-sidebar__navitem--selected,
.imain-sidebar__navitem--expanded,
.imain-sidebar__navitem:hover {
    background: url(../img/nbg-snavs.jpg) 0 0 no-repeat;
}

.imain-sidebar__navitem-collapsible {
    background: url(../img/nbg-snavs.jpg) -204px 0 no-repeat;
    *vertical-align: middle;
    *zoom: 1;
}

.imain-sidebar__navitem-collapsible--selected,
.imain-sidebar__navitem-collapsible--expanded,
.imain-sidebar__navitem-collapsible:hover {
    background-position: 0 0;
}

.imain-sidebar__navitem-title {
    color: #4e3f30;
    display: block;
    padding: 0 0 0 70px;
    height: 45px;
    font: bold 19px/45px 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
    background: url(../img/nsubndot.png) 45px 50% no-repeat;
}

.main-sidebar__navitem:hover .imain-sidebar__navitem-title,
.main-sidebar__navitem-collapsible--expanded .imain-sidebar__navitem-title {
    color: #16995e;
}

.main-sidebar__navitem--selected .imain-sidebar__navitem-title,
.main-sidebar__navitem-collapsible--selected .imain-sidebar__navitem-title {
    cursor: default;
    color: #16995e;
}

.imain-sidebar__navitem-sub {
    width: 203px;
    height: 0;
    overflow: hidden;
}

.imain-sidebar__navitem-collapsible--selected .imain-sidebar__navitem-sub {
    height: auto;
}

.imain-sidebar__navitem-sub ul {
    background: url(../img/subbrdb.jpg) 50% 100% no-repeat;
    padding: 0 0 3px;
    *zoom: 1;
}

.imain-sidebar__navitem-sub li {
    *width: 100%;
    *float: left;
    padding: 3px 0;
    background: none;
}

.imain-sidebar__navitem-sub a {
    display: block;
    height: auto;
    text-align: center;
    color: #4B4841;
    padding: 3px 0;
}

.imain-sidebar__navitem-sub a:hover {
    background: url(../img/bg-ssubnav.jpg);
}

.imain-sidebar__navitem-sub span {
    display: block;
    height: auto;
    text-align: center;
    color: #4B4841;
    padding: 3px 0;
    background: url(../img/bg-ssubnav.jpg);
}

.imain-newslist-wrapper {
    width: 708px;
}

.imain-newslistitem__system {
    color: #434343;
    height: 19px;
    line-height: 19px;
    background: url(../img/icon-nlist.png) 0 0px no-repeat;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px dotted #333333;
    display: block;
    *zoom: 1;
}

.imain-newslistitem__system:after {
    clear: both;
    content: "";
    display: table;
}

.imain-newslistitem__system span {
    display: block;
    float: left;
    padding: 0 5px 0 45px;
    color: #434343;
    width: 577px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    *cursor: pointer;
}

.imain-newslistitem__sales {
    color: #434343;
    height: 19px;
    line-height: 19px;
    background: url(../img/icon-nlist.png) 0 -41px no-repeat;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px dotted #333333;
    display: block;
    *zoom: 1;
}

.imain-newslistitem__sales:after {
    clear: both;
    content: "";
    display: table;
}

.imain-newslistitem__sales span {
    display: block;
    float: left;
    padding: 0 5px 0 45px;
    color: #434343;
    width: 577px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    *cursor: pointer;
}

.imain-newslistitem__event {
    color: #434343;
    height: 19px;
    line-height: 19px;
    background: url(../img/icon-nlist.png) 0 -82px no-repeat;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px dotted #333333;
    display: block;
    *zoom: 1;
}

.imain-newslistitem__event:after {
    clear: both;
    content: "";
    display: table;
}

.imain-newslistitem__event span {
    display: block;
    float: left;
    padding: 0 5px 0 45px;
    color: #434343;
    width: 577px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    *cursor: pointer;
}

.imain-newslistitem__matches {
    color: #434343;
    height: 19px;
    line-height: 19px;
    background: url(../img/icon-nlist.png) 0 -123px no-repeat;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px dotted #333333;
    display: block;
    *zoom: 1;
}

.imain-newslistitem__matches:after {
    clear: both;
    content: "";
    display: table;
}

.imain-newslistitem__matches span {
    display: block;
    float: left;
    padding: 0 5px 0 45px;
    color: #434343;
    width: 577px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    *cursor: pointer;
}

.imain-newslistitem__general {
    color: #434343;
    height: 19px;
    line-height: 19px;
    background: url(../img/icon-nlist.png) 0 -164px no-repeat;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px dotted #333333;
    display: block;
    *zoom: 1;
}

.imain-newslistitem__general:after {
    clear: both;
    content: "";
    display: table;
}

.imain-newslistitem__general span {
    display: block;
    float: left;
    padding: 0 5px 0 45px;
    color: #434343;
    width: 577px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    *cursor: pointer;
}

.imain-listpg {
    margin: 30px 0 0;
    font-size: 0;
    text-align: center;
}

.imain-listpg li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 1px;
    border: 1px solid #fff;
    border-radius: 1px;
}

.imain-listpg__link {
    color: #605E59;
    display: block;
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0;
    _display: inline;
    _zoom: 1;
    padding: 0 7px;
}

.imain-listpg__linkprev {
    display: block;
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0;
    _display: inline;
    _zoom: 1;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border: dashed 4px;
    border-right-style: solid;
    border-color: transparent;
    border-right-color: #605e59;
    margin: 0 1px 0 -5px;
    *cursor: pointer;
    *vertical-align: bottom;
}

.imain-listpg__linknext {
    display: block;
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0;
    _display: inline;
    _zoom: 1;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border: dashed 4px;
    border-left-style: solid;
    border-color: transparent;
    border-left-color: #605e59;
    margin: 0 -5px 0 1px;
    *cursor: pointer;
    *vertical-align: bottom;
}

.imain-listpg__link:hover,
span.imain-listpg__link {
    background: #fff;
    *zoom: 1;
}

.imain-listpg__link:hover .main-logpg__linkprev,
span.imain-listpg__link .main-logpg__linkprev {
    background: #fff;
}

.imain-listpg__link:hover .main-logpg__linknext,
span.imain-listpg__link .main-logpg__linknext {
    background: #fff;
}

@media \0screen\,
screen\9 {
    .imain-listpg__link {
        line-height: 18px;
    }
}

.pop-wrap,
.pop-inner,
.pop-content,
.pop-masklayer,
.pop-gctrl,
.pop-close,
.pop-prev,
.pop-next,
.pop-expand,
.pop-loader,
.pop-error {
    margin: 0;
    padding: 0;
}

.pop-wrap {
    -webkit-transform: translateZ(0);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000002;
    width: 100%;
    height: 100%;
    /*overflow:hidden;*/
    _position: absolute;
    display: none;
}

.pop-inner {
    position: relative;
    top: 50%;
    _top: 0;
    background: #6D6B6B;
    border-radius: 5px;
    zoom: 1;
}

.pop-content {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.pop-masklayer {
    -webkit-transform: translateZ(0);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000001;
    background: #000;
    width: 100%;
    height: 100%;
    _position: absolute;
    opacity: .8;
    display: none;
}

@media \0screen\,
screen\9 {
    .pop-masklayer {
        filter: alpha(opacity=80);
    }
}

.pop-gctrl {
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 1;
    visibility: hidden;
}

.pop-close,
.pop-prev,
.pop-next,
.pop-expand {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    background-image: url(../img/pop.png);
    background-repeat: no-repeat;
}

.pop-expand {
    background-position: -42px 0;
    right: 33px;
    visibility: hidden;
    display: block;
    text-decoration: none;
    top: 6px;
}

.pop-close {
    background-position: -63px 0;
    right: 8px;
    top: 6px;
}

.pop-prev {
    background-position: 0 0;
    left: 0;
    top: 0;
}

.pop-next {
    background-position: -21px 0;
    left: 25px;
    top: 0;
}

.pop-loader {
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(../img/poploader.gif);
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -16px 0 0 -16px;
    overflow: hidden;
}

.pop-error {
    text-align: center;
    color: #ffffff;
}

.arsenal-table {
    margin-top: 12px;
    margin-bottom: 5px;
}

.arsenal-table tr td {
    font-family: Arial, "新細明體";
    font-size: 12px;
    line-height: 24px;
    color: #413932;
    letter-spacing: 0pt;
    text-align: center;
    background-color: #E3E3E3;
    border: 1px solid #8e7f6f;
}

.arsenal-table tr .td1 {
    background-color: #8A7C6C;
    font-family: Arial, "新細明體";
    font-size: 12px;
    color: #E3E3E3;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border: 1px solid #6F6457;
}

.u-regdl {
    margin: 20px 0 0
}

.u-regdl dt {
    color: #d65411;
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana;
}

.u-regdl dd {
    margin: 0 0 15px
}

.u-regdl dd a {
    color: #d65411;
    margin: 0 0 15px
}

.u-regdl dd a:hover {
    color: #d65411;
    margin: 0 0 15px;
    text-decoration: underline;
}

.ucc-login {
    /*text-align: right;*/
    color: #4E442E;
    line-height: 40px;
    font-size: 18px;
    height: 40px;
    font-weight: bold;
    font-family: "微軟正黑體";
}

.ucc-login a {
    color: #d65411;
    font-size: 15px;
    font-weight: normal;
    margin-right: 20px;
}

.ucc-login a:hover {
    font-size: 15px;
    font-weight: normal;
    margin-right: 20px;
    text-decoration: none;
    background-color: #C2B696;
    color: #6F4924;
}

.update_box {
    width: 700px;
    height: 300px;
    vertical-align: top;
    display: inline;
    *zoom: 1;
    display: block;
    color: #4A3C2E;
    padding: 3px;
    font-size: 12px;
    letter-spacing: 0;
    overflow: hidden;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 2px;
    line-height: 28px;
}

.update_box tr td {
    min-height: 30px;
    max-height: 50px;
}

.update_box td {
    padding-right: 10px;
    padding-left: 20px;
    width: 420px;
    border: 1px solid #7E716B;
}

.update_box th {
    text-align: center;
    width: 150px;
    border: 1px solid #7E716B;
}

.input_link {
    /*color: #CCC;*/
    font-size: 12px;
    background-color: #FFF;
    border-width: 1;
    height: 30px;
    max-height: 90px;
    width: 380px;
    max-width: 380px;
    margin-top: 3px;
}

.sent {
    border: 2px solid #4A3C2E;
    display: block;
    width: 150px;
    height: 27px;
    line-height: 27px;
    color: #4A3C2E;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    font-family: 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
    font-size: 15px;
    background-color: #C9BFBD;
    float: left;
    font-weight: bold;
    margin-left: 240px;
}

.sent:hover {
    background-color: #71615E;
    color: #E3E3E3;
    cursor: pointer;
}