/* common style */
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

/* site style */
body {
    background: #0C2158 url("/cl/tpl/bj9966/ver3/image/container_bg02.jpg") 50% 180px no-repeat;
    color: #000;
    font-size: 12px;
    min-width: 1000px;
}
.zh-cn body {
    font-family: STHeiti,"Microsoft YaHei", "微软雅黑", "SimSun", "宋体",arial;
}
.zh-tw body {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,helvetica,sans-serif;
}
.first body {
    background: #0C2158 url("/cl/tpl/bj9966/ver3/image/container_bg01.jpg?v=1") 50% 180px no-repeat;
}
#mainBody {
    background: url("/cl/tpl/bj9966/ver3/image/header_bg_x.jpg") 50% 0 repeat-x;
}
#page-container {
    margin: 0 auto;
    padding-bottom: 34px;
    width: 1000px;
}
.first #page-container,
.game #page-container {
    padding-bottom: 0;
}
#page-container:before,
#page-container:after {
    display: block;
    width: 1000px;
    height: 7px;
    content: '';
}
#page-container:before {
    background: url("/cl/tpl/bj9966/ver3/image/game_article_top.png") 50% 0 no-repeat;
}
#page-container:after {
    background: url("/cl/tpl/bj9966/ver3/image/game_article_bottom.png") 50% 0 no-repeat;
}
.first #page-container:before,
.game #page-container:before,
.first #page-container:after,
.game #page-container:after {
    display: none;
}
#page-body {
    padding: 26px 0;
    background: url("/cl/tpl/bj9966/ver3/image/game_article_y.png") 50% 0 repeat-y;
}
.first #page-body {
    padding: 0;
    background: none;
}
.game #page-body {
    padding: 9px 0 52px;
    background: #0D2563;
}
.madvertis #page-body {
    padding: 13px 0;
    min-height: 500px;
}
.memberexclusiveii #page-body {
    padding: 0;
}

.ball .ele-ball-wrap,
.livetop .ele-live-wrap,
.ltlottery .ele-lotteryHALL-wrap {
    padding: 0;
}

/* header */
#page-header {
    background: url("/cl/tpl/bj9966/ver3/image/header_bg.jpg") 50% 0 no-repeat;
}
.header {
    margin: 0 auto;
    width: 1000px;
}
.header-logo {
    float: left;
    width: 275px;
    height: 89px;
}
.header-right {
    float: right;
    padding-right: 2px;
}
.header-top {
    padding-top: 20px;
    height: 16px;
    line-height: 16px;
}
.lang-wrap {
    float: right;
}
.lang-wrap .ele-lang-wrap {
    height: auto;
    vertical-align: initial;
}
.lang-text {
    color: #FFF;
}
.top-link-wrap {
    float: right;
    color: #ECECEC;
    height: 16px;
    max-width: 420px;
    overflow: hidden;
}
.top-link-line {
    margin: 0 8px;
}
.top-link-wrap a {
    color: inherit;
    text-decoration: none;
}
.top-custom-link:hover {
    color: #FF0 !important;
}

/* 登入區 */
.login-wrap {
    margin-top: 20px;
}
.forget-pw,
.header-join {
    float: right;
    width: 61px;
    height: 25px;
}
.header-join {
    margin: 0 6px;
}
.forget-pw:hover,
.header-join:hover {
    background-position: 50% 100%;
}
.header-login {
    float: right;
}
.login-unit {
    position: relative;
    float: left;
    margin-right: 4px;
    background-color: #153177;
    height: 25px;
}
.login-unit-user {
    width: 130px;
}
.login-unit-pwd {
    width: 116px;
}
.login-unit-chk {
    width: 93px;
}
.login-input {
    border: none;
    padding-left: 6px;
    background-color: transparent;
    height: 25px;
    line-height: 25px;
    color: #8DABF8;
    outline: none;
}
.login-acc {
    width: 80px;
}
.login-unit-pwd .login-input {
    width: 110px;
}
.login-unit-chk .login-input {
    width: 87px;
}
.login-unit .login-placeholder,
.acc-unicode {
    position: absolute;
    top: 0;
    color: #8DABF8;
    line-height: 25px;
    font-family: arial;
}
.login-unit .login-placeholder {
    left: 8px;
    cursor: text;
}
.acc-unicode {
    right: 4px;
    font-size: 14px;
}
#vPic {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    visibility: hidden;
}
.login-submit {
    float: left;
    width: 53px;
    height: 25px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}
.login-submit:hover {
    background-position: 50% 100%;
}

/* 登入後 */
.login-area-wrap {
    margin-top: 10px;
}
.logout-btn {
    float: right;
    margin: 8px 0 0 3px;
    width: 53px;
    height: 25px;
}
.login-area {
    float: right;
    line-height: 18px;
    text-align: right;
}
.mem-info {
    color: #FFF;
}
.mem-info .ele-accinfo.ele-first-balance strong {
    color: #FF0;
}
.mem-info .ele-accinfo.ele-other-balance {
    color: #456ECA;
}

/* 加號展開 */
.ele-obalance-item-wrap.ele-item-style-cover {
    background: #16589D;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance-item {
    border: 1px solid #16589D;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance {
    color: #FFF;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool {
    background: #0D2563;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a {
    background: #FF0;
    color: #16589D;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a:hover {
    background: #FFF695;
}

/* 會員選單 */
.SU-Menual {
    padding-right: 5px;
    color: #FFF;
}
.SU-Menual li {
    display: inline-block;
}
.SU-Menual .su-line {
    display: inline-block;
    margin: 0 7px;
}
.SU-Menual a {
    color: inherit;
    text-decoration: none;
    transition: color .2s;
}
.SU-Menual a:hover {
    color: #FF0;
}

/* 導覽列 */
.fixed .mainnav-wrap {
    position: fixed;
    top: 0;
    left: 0;
    border: 1px solid #1942B6;
    background: #0C2158 url("/cl/tpl/bj9966/ver3/image/header_bg.jpg") 50% 0 no-repeat;
    width: 100%;
    min-width: 1000px;
    z-index: 100;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.7);
}
.mainnav-placeholder,
.mainnav-wrap,
.ele-navbar-wrap {
    height: 89px;
}
.ele-navbar-wrap {
    margin: 0 auto;
    width: 1000px;
    background: url("/cl/tpl/bj9966/ver3/image/nav_bg.png") 0 0 no-repeat;
}
.ele-navbar-wrap li {
    float: left;
}
.ele-navbar-wrap ul a {
    display: block;
    text-decoration: none;
}
.ele-navbar-wrap .ele-nav-hot {
    left: 75px;
    bottom: 52px;
}
.ele-navbar-wrap .ele-more-icon {
    bottom: 33px;
    right: 5px;
}
.ele-navbar-wrap .ele-sidemenu-group,
.ele-navbar-wrap li.ele-more-nav {
    display: none;
}

/* 下拉子選單 */
.ele-subnav-group a,
.ele-more-wrap a {
    display: block;
    padding: 0 4px;
    width: 117px;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #1A48BA;
    background: #0D255D;
}
.ele-subnav-group a:hover,
.ele-more-wrap a:hover {
    background: #153177;
}

/* 最新消息 */
.news-wrap {
    margin: 7px auto 0;
    padding-left: 118px;
    width: 882px;
    height: 38px;
}
.news-item {
    width: 870px;
    height: inherit;
    color: #99D4FF;
    line-height: 38px;
}

/*banner-wrap*/
.banner-wrap {
    height: 158px;
}

/* 首頁 */
.ad-flash-wrap {
    padding: 52px 33px 0 0;
    height: 250px;
}
.ad-flash {
    float: right;
    width: 530px;
    height: inherit;
}
.first-game-area {
    padding: 43px 61px 161px 0;
    height: 226px;
}
.first-game-area a {
    color: #FFF;
    line-height: 14px;
    text-shadow: 1px 1px 2px #000;
    text-decoration: none;
}
.first-game-area a:hover {
    color: #FF0;
}
.first-game-right,
.first-game-live {
    float: right;
    height: inherit;
}
.first-game-right {
    margin-left: 9px;
    width: 190px;
}
.first-game-casino,
.first-game-lottery {
    box-sizing: border-box;
    padding-top: 47px;
    width: 190px;
    height: 109px;
}
.first-game-casino {
    margin-bottom: 8px;
}
.first-game-right a {
    float: left;
    padding-left: 23px;
    background: url("/cl/tpl/bj9966/ver3/image/game_icon02.png") 13px 50% no-repeat;
    height: 22px;
    line-height: 22px;
}
.first-game-casino a {
    min-width: 48px;
}
.first-game-lottery a {
    min-width: 56px;
}
.first-game-lottery a.left {
    min-width: 38px;
}
.en .first-game-casino a.left,
.en .first-game-lottery a.left {
    min-width: 60px;
}

.first-game-live {
    box-sizing: border-box;
    padding-top: 13px;
    background: url("/cl/tpl/bj9966/ver3/image/game01.png") 50% 0 no-repeat;
    width: 113px;
}
.first-game-live a {
    display: block;
    box-sizing: border-box;
    padding-left: 40px;
    width: inherit;
    height: 32px;
    line-height: 32px;
    background: url("/cl/tpl/bj9966/ver3/image/game_icon01.png") 28px 50% no-repeat;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.en .first-game-live a {
    padding-right: 5px;
}
.first-game-live a.game-live-btn {
    margin: 8px auto 0;
    padding-left: 0;
    background: url("/cl/tpl/bj9966/ver3/image/btn_more.png") 50% 0 no-repeat;
    width: 84px;
    height: 24px;
}
.first-game-live a.game-live-btn:hover {
    background-position: 50% 100%;
}

/* footer */
#page-footer {
    background: url("/cl/tpl/bj9966/ver3/image/footer_bg_x.jpg") 50% 0 repeat-x;
}
.footer-bg {
    background: url("/cl/tpl/bj9966/ver3/image/footer_bg.jpg") 50% 0 no-repeat;
}
.footer {
    margin: 0 auto;
    padding-bottom: 25px;
    width: 1000px;
}
.footer-top {
    margin-bottom: 16px;
    padding: 32px 0 0 10px;
    min-height: 37px;
}
#bblogo {
    float: left;
    margin-right: 43px;
    width: 78px;
    height: 30px;
}
#browser-logo {
    float: left;
    width: 98px;
    height: 32px;
}
#bblogo img,
#browser-logo img {
    display: block;
}
.footer-text-wrap {
    padding-left: 5px;
    line-height: 20px;
}
.article-menu {
    color: #FFF;
}
.article-menu a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}
.article-menu span {
    display: inline-block;
    margin: 0 10px;
}
.article-menu a:hover {
    color: #FF0 !important;
}
.copyright,
.footer-info {
    color: #FFF;
}

/* 文案區塊 */
#page-sidebar {
    float: left;
    margin-left: 21px;
    padding-top: 7px;
    background: url("/cl/tpl/bj9966/ver3/image/sidebar_top.png") 50% 0 no-repeat;
    width: 177px;
}
#page-right {
    float: right;
    margin-right: 64px;
}
#page-right,
#page-right iframe {
    width: 700px;
}
.joinagent #page-right,
.joinmember #page-right {
    padding: 0;
}
.joinagent #page-right,
.joinagent #page-right iframe,
.joinmember #page-right,
.joinmember #page-right iframe {
    width: 700px;
}

/* 文案頁-側邊選單 */
.sidemenu-body a {
    display: block;
    box-sizing: border-box;
    padding-left: 60px;
    background: url("/cl/tpl/bj9966/ver3/image/sidebar_over.png") 50% 0 no-repeat;
    width: 177px;
    height: 62px;
    line-height: 62px;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sidemenu-body a:hover {
    background-position: 50% 100%;
}

/* 文案+優惠活動 */
#direction {
    color: #FFF;
}

/* 文案標題 */
#direction .case-article-title {
    margin: 22px auto 26px;
    font-size: 15px;
}

/* 頁籤 */
#direction ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #3355AD;
}
#direction ul.mtab-menual li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 4px;
    border-radius: 5px 5px 0 0;
    padding: 1px 10px;
    background-color: #355094;
    color: #6CA8DA;
    cursor: pointer;
    vertical-align: bottom;
    transition: background-color .4s;
}
#direction ul.mtab-menual li:hover,
#direction ul.mtab-menual li.mtab {
    background-color: #3355AD;
    color: #FFF;
}
#direction .mtab-menual {
    margin-top: 10px;
}

/*優惠活動*/
#direction #PT-switcher-wrap {
    margin: 15px auto 5px;
    width: 956px;
}
/* 優惠活動-各活動間距 */
#direction #MemberExclusive_area .MemberExclusive {
    margin-bottom: 10px;
}

/*共用頁面*/
.Tpl-table01 {
    border: 1px solid #CCC;
    background-color: #FFF;
    color: #000;
    font-size: 12px;
}
table .Tpl-title01 th {
    background-color: #DDD;
    height: 24px;
    font-weight: bold;
    text-align: center;
}
#Tpl-user-acc span {
    color: #0000FF;
    line-height: 20px;
}
.Tpl-table01 th, .Tpl-table01 td {
    border: 1px solid #CCC;
    height: 22px;
}
tr.Tpl-trcolor1 {
    background: #FFF;
}
tr.Tpl-trcolor2 {
    background: #EEE;
}
tr.Tpl-trmouseenter {
    background: #DEF;
}
#Tpl-memdata .Tpl-table01 th,
#Tpl-memdata .Tpl-table01 td.Tpl-left {
    text-align: center;
}
#Tpl-memdata .Tpl-table01 td.Tpl-right {
    text-align: left;
}
.Tpl-blue {
    color: #00F;
}