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

.clearP {
    clear: both;
    margin: 0;
    padding: 0;
}

/* site style */
body {
    background: #01297C;
    color: #000;
    font-size: 12px;
    min-width: 1044px;
}
.first body {
    background: #12234C;
    min-width: 1210px;
}
.zh-cn body {
    font-family: STHeiti,"Microsoft YaHei", "微软雅黑", "SimSun", "宋体",arial;
}
.zh-tw body {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,helvetica,sans-serif;
}
#mainBody {
    background: url('../images/bg02.jpg') center 143px no-repeat #0551C3;
}
.first #mainBody {
    background: url('../images/bg01.jpg') center 145px no-repeat #0551C3;
}
.page-container-x {
    background: url('../images/container_bg02_x.jpg') center top repeat-x #012B96;
}
.page-container-y {
    background: url('../images/container_bg02_y.jpg') center top repeat-y;
}
#page-container {
    background: url('../images/container_bg02.png') center top no-repeat;
}
.first #page-container {
    padding-bottom: 10px;
    background: url('../images/container_bg01_x.jpg') center 478px repeat-x;
}
#page-body {
    margin: 0 auto;
    padding-top: 85px;
    width: 1044px;
}
.first #page-body {
    padding-top: 0;
    background: url('../images/c_btnbg.png') center 463px no-repeat;
    width: 1134px;
}
.livetop #page-body {
    padding-top: 93px;
}
.game #page-body {
    width: 1000px;
}
.game #page-body,
.madvertis #page-body {
    padding-bottom: 20px;
}

/* header */
.page-header-x {
    background: url('../images/header_bg_x.png') center top repeat-x;
}
#page-header {
    background: url('../images/header_bg.png') center top no-repeat;
}
.is-tpl body,
.is-tpl #mainBody,
.is-tpl .page-header-x,
.is-tpl #page-header {
    background: none;
}
.first #page-header {
    padding-bottom: 0;
    overflow: auto;
}
.header {
    margin: 0 auto;
    height: 151px;
    width: 1044px;
}
.header-logo {
    float: left;
    height: 100px;
    width: 340px;
}
.header-right,
.header-top,
.header-top-right,
.header-top-x,
.header-top-left,
.lang-wrap,
.top-link-wrap,
.est-wrap {
    float: right;
}
.header-top-right,
.header-top-x,
.header-top-left {
    float: left;
    background-image: url('../images/link_bg.png');
    height: 26px;
}
.header-top-right,
.header-top-left {
    width: 24px;
}
.header-top-x {
    padding: 0 7px;
    background-position: 100% -26px;
    line-height: 26px;
    text-align: center;
}
.lang-wrap {
    margin-left: 12px;
}
.top-link-wrap {
    color: #FFF;
}
.top-link-wrap a {
    text-decoration: none;
}
.top-custom-link:hover {
    color: #FFF5B8 !important;
    text-decoration: underline;
}
.header-top-left {
    background-position: 100% 26px;
}
.est-wrap {
    margin-right: 30px;
}
#est_bg.time_text {
    color: #FFF;
    height: 26px;
    line-height: 26px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
    text-align: right;
}

/* 主選單 */
.fixed .mainnav-wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: url('../images/header_bg_x.png') center -100px repeat-x;
    width: 100%;
    min-width: 1044px;
    z-index: 100;
}
.first .fixed .mainnav-wrap {
    min-width: 1210px;
}
.fixed .mainnav {
    background: url('../images/header_bg.png') center -100px no-repeat;
    height: 51px;
}
.mainnav-placeholder,
.mainnav-wrap,
.mainnav {
    height: 46px;
}
.mainnav ul {
    margin: 0 auto;
    width: 1044px;
}
.mainnav li {
    float: left;
    margin: 0 4px;
}
.mainnav li.LS-memberexclusiveii {
    position: relative;
}
.mainnav .nav-icon {
    position: absolute;
    top: 1px;
    right: -5px;
    background: url('../images/nav_iocn.png') center top no-repeat;
    height: 12px;
    width: 24px;
}
.mainnav ul a {
    display: block;
    height: 46px;
    width: 85px;
    color: #FFF;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.en .mainnav ul a {
    padding: 0 16px;
    width: 74px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mainnav ul a.current,
.mainnav ul a:hover {
    background: url('../images/nav_btn.png') no-repeat;
    color: #000;
    background-size: 90px;
}

/* 下拉子選單 */
.ele-lsub-group {
    position: absolute;
    z-index: 999;
    overflow: hidden;
}
.ele-lsub-group a,
.ele-lsub-group span {
    float: left;
    background-image: url('../images/sub.png');
    height: 26px;
}
.ele-lsub-group a {
    background-position: 100% -26px;
    padding: 0 4px;
    color: #E9BF43;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
}
.ele-lsub-group a:hover {
    color: #FF0;
}
.ele-lsub-group span {
    width: 24px;
}
.lsub-back-bg {
    background-position: 100% 26px;
}

/*banner-wrap*/
.header-bottom-wrap {
    position: relative;
    margin: 0 auto;
    width: 1044px;
}
.banner-wrap {
    height: 202px;
    width: 1044px;
}
.game-banner-wrap {
    margin: 0 auto 15px;
    height: 244px;
    width: 1000px;
}
.header-bottom {
    position: absolute;
    bottom: -70px;
    left: 0;
    padding: 8px 0 0 166px;
    height: 77px;
    width: 878px;
    z-index: 1;
}
.is-login .header-bottom {
    padding: 10px 0 0 89px;
    background-position: center bottom;
    height: 75px;
    width: 955px;
}
.game .header-bottom,
.is-tpl .header-bottom {
    bottom: -85px;
}
.is-tpl .header-bottom {
    background: none;
}

/* 登入區 */
.header-bottom .login-wrap {
    margin: 0 0 14px 23px;
}
.header-bottom .login-unit,
.login-submit,
.header-join,
.header-bottom .forget-pw {
    float: left;
}
.login-unit {
    position: relative;
    height: 27px;
}
.header-bottom .login-unit-user,
.header-bottom .login-unit-pwd {
    margin-right: 3px;
    background: url('../images/loginInput_bg03.png') no-repeat;
    width: 168px;
}
.header-bottom .login-unit-chk {
    margin-right: 50px;
    background: url('../images/loginInput_bg04.png') no-repeat;
    width: 112px;
}
.login-input {
    border: none;
    background-color: transparent;
    padding-left: 8px;
    height: 27px;
    line-height: 27px;
    color: #FFF;
    outline: none;
}
.header-bottom .login-acc {
    width: 110px;
}
.header-bottom .login-unit-pwd .login-input {
    width: 160px;
}
.header-bottom .login-unit-chk .login-input .login-input {
    width: 104px;
}
.login-unit .login-placeholder,
.acc-unicode {
    position: absolute;
    top: 0;
    line-height: 27px;
    color: #FFF;
    font-family: arial;
}
.login-unit .login-placeholder {
    left: 10px;
    cursor: text;
}
.acc-unicode {
    right: 5px;
    font-size: 14px;
}
.authnumImg {
    position: absolute;
    top: 2px;
    right: -50px;
    cursor: pointer;
}
.login-submit,
.header-join {
    height: 25px;
    width: 80px;
}
.header-bottom .login-submit,
.header-bottom .header-join {
    margin-top: 1px;
}
.login-submit {
    border: none;
    cursor: pointer;
}
.header-bottom .header-join {
    margin: 0 6px;
}
.login-submit:hover,
.header-join:hover {
    background-position: center bottom;
}
.forget-pw {
    height: 27px;
    line-height: 27px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
.forget-pw:hover {
    color: #FF0;
}


/* 登入後 */
.header-login-info {
    margin-bottom: 16px;
    height: 23px;
    line-height: 23px;
    width: 884px;
}
.mem-info {
    float: left;
    color: #FFF;
}
.first .mem-info {
    float: none;
}
.mem-info .ele-accinfo strong {
    color: #FFFF00;
}
.mem-info .ele-accinfo.ele-acc-name {
    padding-right: 10px;
}
.ele-obalance-item-wrap.ele-item-style-cover {
    background: #F9B500;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance-item {
    border: none;
    background: #F9B500;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance {
    color: #000;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool {
    border: 1px solid #8E6500;
    background: #8E6500;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a {
    background: #BB8300;
    color: #FFF;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a:hover {
    color: #000;
}

/* 會員選單 */
.logout-btn {
    margin-top: 2px;
    height: 20px;
    width: 37px;
}
.first .logout-btn {
    position: absolute;
    top: -8px;
    right: 7px;
}
.logout-btn,
.SU-Menual {
    float: right;
}
.first .logout-btn,
.first .SU-Menual {
    float: none;
}
.SU-Menual,
.SU-Menual a {
    color: #FFF;
}
.SU-Menual {
    margin-right: 25px;
}
.first .SU-Menual {
    margin-top: 9px;
    margin-right: 0;
    line-height: 20px;
}
.login-Menual {
    float: right;
}
.first .login-Menual {
    float: none;
}
.SU-Menual li {
    float: left;
}
.SU-Menual a {
    text-decoration: none;
    transition: color .2s;
}
.logout-btn:hover {
    background-position: center bottom;
}
.SU-Menual a:hover {
    color: #FF0;
}

/* 最新消息 */
.news-wrap,
.news-item {
    height: 28px;
    line-height: 28px;
    width: 800px;
}
.news-item {
    color: #FFF;
}
.is-login .news-wrap {
    margin-left: 77px;
}
.first .news-wrap,
.first .news-item {
    height: 70px;
    line-height: 20px;
    width: 184px;
    padding-top: 56px;;
}
.first.is-login .news-wrap {
    margin-left: 0;
}

/* footer */
#page-footer {
    background: url('../images/footer_bg01_x.jpg') center top repeat-x;
}
.footer {
    margin: 0 auto;
    background: url('../images/footer_bg01.png') center top no-repeat;
    width: 1044px;
    text-align: center;
}
.article-menu,
.copyright,
.footer-info {
    display: inline-block;
}
.article-menu,
.article-menu a,
.copyright,
.footer-info {
    color: #A5A9BB;
    line-height: 40px;
}
.article-menu,
.article-menu a {
    font-size: 13px;
}
.article-menu a {
    text-decoration: none;
}
.article-menu a:hover {
    color: #FFF5B8;
}
.copyright,
.footer-info {
    margin-left: 15px;
}
.footer-logo-img {
    padding: 13px 0 0 22px;
    height: 58px;
}
#bblogo,
#browser-logo {
    float: left;
}
#bblogo {
    background: url('../images/bbinlogo.png') center top no-repeat;
    height: 40px;
    width: 106px;
}
#browser-logo {
    margin: 2px 0 0 21px;
    background: url('../images/ublogo.png') center top no-repeat;
    height: 48px;
    width: 146px;
}
.footer-text-wrap {
    padding-top: 12px;
    background: url('../images/footer_bg02.jpg') center top no-repeat #12234C;
    height: 599px;
}
.footer-text {
    margin: 0 auto;
    padding: 76px 0 0 347px;
    height: 502px;
    width: 691px;
}
.footer-center,
.footer-right {
    float: left;
}
.footer-center-box {
    padding: 26px 13px 0 32px;
    height: 94px;
    width: 337px;
}
.footer-live-icon,
.footer-sport-icon,
.footer-game-icon,
.footer-lottery-icon {
    float: left;
    margin: 1px 11px 0 0;
    height: 66px;
    width: 66px;
}
.footer-live-icon {
    background: url('../images/f_icon01.png') center top no-repeat;
}
.footer-sport-icon {
    background: url('../images/f_icon02.png') center top no-repeat;
}
.footer-game-icon {
    background: url('../images/f_icon03.png') center top no-repeat;
}
.footer-lottery-icon {
    background: url('../images/f_icon04.png') center top no-repeat;
}
.footer-content {
    float: left;
    width: 260px;
}
.footer-box-title,
.footer-box-detail {
    color: #67BFFF;
    line-height: 18px;
}
.footer-box-title {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: bold;
}
.footer-right {
    margin: 362px 0 0 43px;
}
.footer-right-box {
    margin-bottom: 8px;
    height: 23px;
}
.footer-qq-icon,
.footer-mail-icon,
.footer-phone-icon,
.footer-tel-icon {
    float: left;
    margin-right: 12px;
    height: 23px;
    width: 23px;
}
.footer-qq-icon {
    background: url('../images/f_icon05.png') center top no-repeat;
}
.footer-mail-icon {
    background: url('../images/f_icon06.png') center top no-repeat;
}
.footer-phone-icon {
    background: url('../images/f_icon07.png') center top no-repeat;
}
.footer-tel-icon {
    background: url('../images/f_icon08.png') center top no-repeat;
}
.footer-right-box .footer-box-detail {
    float: left;
    line-height: 23px;
}

/* 首頁 */
.first-body-top {
    height: 463px;
}
.first-login-area {
    float: left;
    padding: 80px 96px 0;
    height: 383px;
    width: 180px;
}
.is-login .first-login-area {
    background-position: center -466px;
}
.first-login-area .login-wrap {
    margin: 0 auto 0px;
    width: 168px;
}
.first-login-area .login-unit {
    margin-bottom: 5px;
}
.first-login-area .login-unit-user {
    background: url('../images/loginInput_bg01.png') no-repeat;
    width: 168px;
}
.first-login-area .login-unit-pwd,
.first-login-area .login-unit-chk {
    background: url('../images/loginInput_bg02.png') no-repeat;
    width: 112px;
}
.first-login-area .forget-pw {
    position: absolute;
    top: 0;
    right: -56px;
    display: block;
    min-width: 56px;
}
.first-login-area .login-unit-pwd .login-input,
.first-login-area .login-unit-chk .login-input {
    width: 104px;
}
.first-login-area #vPic {
    right: -47px;
}
.first-login-area .header-join {
    display: block;
    margin-left: 6px;
}
.first-login-info {
    position: relative;
    margin: 11px 0 72px 19px;
    height: 118px;
    width: 155px;
}
.ad-flash {
    float: right;
    margin: 20px 81px 0 0;
}
.first-body-middle {
    margin: 0 auto;
    height: 53px;
    width: 1026px;
}
.first-download-btn,
.first-jp-close,
.first-service-btn {
    float: left;
    height: 53px;
}
.first-download-btn,
.first-service-btn {
    width: 311px;
}
.first-jp-wrap {
    float: left;
    padding: 7px 0 0 127px;
    height: 46px;
    width: 277px;
}
.first-jp-wrap .ele-jackpot-wrap {
    font-size: 20px;
    text-align: center;
}
.first-jp-wrap .ele-jackpot span {
    letter-spacing: 1px;
}
.first-jp-close {
    width: 404px;
}
.first-download-btn:hover,
.first-service-btn:hover {
    background-position: center bottom;
}
.first-game-wrap {
    margin: 12px auto 0;
    width: 1172px;
}

/* ELE Style */
/*
** 各站 遊戲彩金 Game Jackpot
*/
.ele-gamejp-wrap {
    margin: 1px auto 0;
    height: 77px;
    width: 1000px;
}
.ele-gamejp-title {
    width: 256px;
}
.ele-gamejp-title,
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area {
    float: left;
    height: 77px;
}
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area {
    width: 200px;
    padding: 0 10px 0 160px;
}
.ele-gamejp-prize {
    padding: 10px 0 4px;
    height: 25px;
    line-height: 25px;
    color: #FFFB00;
    font-size: 25px;
}
.ele-gamejp-explain {
    background: url('../images/gamejp_btn.png') no-repeat;
    height: 28px;
    line-height: 28px;
    width: 176px;
    color: #FFFF00;
    font-size: 13px;
    transition: all 0.2s ease;
}
.ele-gamejp-explain:hover {
    color: #0080FF;
}

/* 小彩金  */
.ele-layout-subjp .ele-game-layout {
    height: 242px;
}
.ele-layout-subjp .ele-game-ctl-wrap {
    bottom: 48px;
}
.ele-layout-subjp .ele-game-sub-jp .minorJP {
    margin-top: 7px;
    padding: 0 10px 0 10px;
    background: #B48621;
    color: #613703;
    box-shadow: 0 3px 1px rgba(0,0,0,0.5);
}
.ele-layout-subjp .ele-game-sub-jp .minorJP:before {
    color: #322100;
}

/*
** 各站 遊戲導覽列 Game Menu
*/
.game-menu {
    margin: 0 auto;
    background: url('../images/game_menu.png') no-repeat;
    width: 1000px;
}
.game-menu-bg,
.nav-normal > a {
    height: 50px;
}
.nav-normal {
    background: url('../images/game_menu_line.png') right center no-repeat;
}
.nav-normal > a {
    padding: 0 20px;
    line-height: 50px;
    text-decoration: none;
}
.nav-icon {
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: text-top;
    transition: all 0.2s ease;
}

/*
** 各站 遊戲搜尋
*/
#ele-search-wrap {
    margin: 2px 3px 0 0;
    height: 46px;
    width: 215px;
}
/* for ie8*/
#ele-search-wrap label {
    top: 16px;
    left: 6px;
}
#ele-search-wrap .ele-search-input {
    float: left;
    margin-left: 5px;
    height: 100%;
    line-height: 46px \9;
}
#ele-search-wrap label,
#ele-search-wrap .ele-search-input {
    width: 150px;
}
#ele-search-wrap .ele-search-btn {
    width: 54px;
}
/*
** 各站遊戲圖 樣式
*/
.game .ele-game-wrap {
    margin: 17px auto 0;
    widt../images {
    margin: 0 4px 12px;
    background: url('../images/game_bg.png') no-repeat 0 0;
    height: 199px;
    width: 314px;
}
.ele-game-layout .ele-game-status {
    top: 1px;
    right: 2px;
}
.ele-game-name h3 {
    height: 30px;
    line-height: 28px;
    width: 210px;
    color: #322100;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFFF00;
}
.ele-game-ctl-wrap,
.ele-game-ctl-tools,
.ele-game-ctl-links {
    width: 100%;
}
.ele-game-img {
    bottom: 0;
}
.ele-game-ctl-wrap {
    bottom: 5px;
}
.ele-game-ctl-tools {
    background: url('../images/game_toolbar.png') center top no-repeat;
    height: 30px;
}

/*
** 各站 遊戲連結
*/
.ele-game-link {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.ele-game-ctl-links a,
.ele-game-ctl-links a.ctl-btn-enter {
    color: #000;
    text-shadow: 1px 1px 1px #F9DD7B;
}
.ele-game-ctl-links a {
    background: url('../images/game_btn_rule.png') center top no-repeat;
}
.ele-game-ctl-links a.ctl-btn-enter {
    background: url('../images/game_btn_entergame.png') center top no-repeat;
}
.ele-game-ctl-links a:hover,
.ele-game-ctl-links a.ctl-btn-enter:hover {
    background-position: center bottom;
}

#page-sidebar,
.sidemenu-header,
.sidemenu-footer {
    width: 206px;
}
#page-sidebar {
    float: left;
    margin: 11px 0 0 41px;
}
#page-right {
    float: right;
    margin-right: 46px;
}
#page-right,
#page-right iframe {
    width: 714px;
}
.joinagent #page-right,
.joinagent #page-right iframe,
.joinmember #page-right,
.joinmember #page-right iframe {
    width: 700px;
}
.joinagent #page-right,
.joinmember #page-right {
    padding: 0 7px;
}

/*遊戲選單*/
.sidemenu-header {
    height: 160px;
}
.sidemenu-body {
    background: url('../images/sidebar_bg_y.png') center top repeat-y;
}
.sidemenu {
    padding-top: 11px;
    background: url('../images/sidebar_bg.png') center top no-repeat;
    min-height: 234px;
}
.sidemenu-body li {
    margin: 0 auto;
    padding-bottom: 4px;
    height: 34px;
    width : 161px;
}
.sidemenu-body a {
    display: block;
    padding-left: 72px;
    height: 34px;
    line-height: 34px;
    width: 89px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.en .sidemenu-body a {
    padding-right: 15px;
    width: 74px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sidemenu-ball a {
    background: url('../images/sidebar_over01.png') center top no-repeat;
}
.sidemenu-sunplus a,
.sidemenu-sbtech a {
    background: url('../images/sidebar_over07.png') center top no-repeat;
}
.sidemenu-live a {
    background: url('../images/sidebar_over02.png') center top no-repeat;
}
.sidemenu-game a,
.sidemenu-bbcasino a,
.sidemenu-mgcasino a,
.sidemenu-gnscasino a {
    background: url('../images/sidebar_over03.png') center top no-repeat;
}
.sidemenu-ltlottery a {
    background: url('../images/sidebar_over04.png') center top no-repeat;
}
.sidemenu-promotions a {
    background: url('../images/sidebar_over05.png') center top no-repeat;
}
.sidemenu-service a {
    background: url('../images/sidebar_over06.png') center top no-repeat;
}
.sidemenu-body a:hover {
    background-position: center bottom;
}
.sidemenu-footer {
    background: url('../images/sidebar_bottom.png') center top no-repeat;
    height : 47px;
}

/*文案*/
#direction {
    color: #CCD0D8;
}

/*文案標題*/
#direction .case-article-title {
    color: #FFFC00;
    font-size: 18px;
}

#direction ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #A07818;
}
#direction ul.mtab-menual li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 4px;
    border-radius: 5px 5px 0 0;
    background-color: #7D5200;
    padding: 1px 10px;
    color: #D4BAAB;
    vertical-align: bottom;
    cursor: pointer;
    transition: background-color .4s;
}
#direction ul.mtab-menual li:hover,
#direction ul.mtab-menual li.mtab {
    background-color: #A07818;
    color: #DCC893;
}
#direction .mtab-menual {
    margin-top: 10px;
}

/*優惠活動*/
#direction #PT-switcher-wrap {
    margin: 1.5em auto;
    width: 960px;
}
#direction #MemberExclusive_area .MemberExclusive {
    margin-bottom: 8px;
}

/*共用頁面*/
.Tpl-table01 {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #000;
    font-size: 12px;
}
table .Tpl-title01 th {
    background-color: #DDD;
    height: 24px;
    text-align: center;
    font-weight: bold;
}
#Tpl-user-acc span {
    line-height: 20px;
    color: #0000FF;
}
.Tpl-table01 th, .Tpl-table01 td {
    height: 22px;
    border: 1px solid #CCC;
}
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; }