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

/* site style */
body {
    background: #F5F5F5 url('/newskin1/tpl/js33/ver2/image/header_bg_x.png') center top repeat-x;
    color: #000;
    font-size: 12px;
    min-width: 1078px;
}
.zh-cn body {
    font-family: STHeiti,"Microsoft YaHei", "微软雅黑", "SimSun", "宋体",arial;
}
.zh-tw body {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,helvetica,sans-serif;
}
.game body {
    min-width: 1024px;
}
#mainBody {
    background:  url('/newskin1/tpl/js33/ver2/image/title_bg_x.png') center 178px repeat-x;
}
.page-container-bg {
    background: url('/newskin1/tpl/js33/ver2/image/container_bg.jpg') center bottom no-repeat;
}
.first .page-container-bg {
    background: #F5F5F5 url('/newskin1/tpl/js33/ver2/image/header_bottom_bg.jpg') center 458px repeat-x;
}
#page-container {
    padding-bottom: 40px;
}
.first #page-container {
    padding-bottom: 0;
}
.ball #page-container {
    padding-top: 40px;
    background: url('/newskin1/tpl/js33/ver2/image/title_sports.png') center top no-repeat;
}
.livetop #page-container {
    padding-top: 223px;
}
.game #page-container {
    padding-bottom: 18px;
    background: url('/newskin1/tpl/js33/ver2/image/title_casino.png') center top no-repeat;
}
.ltlottery #page-container {
    padding-top: 40px;
    background: url('/newskin1/tpl/js33/ver2/image/title_lottery.png') center top no-repeat;
}
.madvertis #page-container {
    padding-top: 223px;
}
.memberexclusiveii #page-container {
    padding-top: 223px;
}
#page-body {
    margin: 0 auto;
    border-width: 6px 0;
    border-color: #BE402A;
    border-style: solid;
    background: url('/newskin1/tpl/js33/ver2/image/container_article_y.png') center top repeat-y;
    width: 1000px;
}
.first #page-body,
.game #page-body {
    border: none;
}
.ball #page-body {
    padding: 29px 0 43px;
    background: url('/newskin1/tpl/js33/ver2/image/container_article02_y.png') center top repeat-y;
}
.livetop #page-body {
    padding: 36px 0 7px;
}
.game #page-body {
    background: #E9E9E9;
    width: 1024px;
}
.ltlottery #page-body {
    padding: 19px 0 36px;
}
.madvertis #page-body {
    padding: 38px 0 75px;
}
.memberexclusiveii #page-body {
    padding-top: 23px;
    padding-bottom: 0;
    min-height: 842px;
}
.is-tpl body,
.first #mainBody,
.is-tpl #mainBody,
.first #page-body {
    background: none;
}

/* header */
#page-header {
    margin: 0 auto;
    width: 1078px;
}

/* header-top */
.header-top {
    height: 34px;
    line-height: 34px;
}
.lang-wrap,
.est-wrap {
    float: left;
}
.lang-title-text,
.lang-wrap .ele-lang-wrap {
    float: left;
}
.lang-title-text {
    color: #B4B4B4;
}
.lang-wrap .ele-lang-wrap {
    margin : 7px 0 0 4px;
}
.est-wrap {
    margin-left: 25px;
}
#est_bg.time_text {
    background-color: transparent;
    height: 34px;
    line-height: 34px;
    color: #0081FE;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: left;
}
.top-link-wrap,
.top-link-wrap a {
    color: #B4B4B4;
}
.top-link-wrap {
    float: right;
}
.top-link-wrap a {
    text-decoration: none;
}
.top-custom-link:hover {
    color: #FFF !important;
}

/* header-middle */
.fixed .header-middlev-wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: url('/newskin1/tpl/js33/ver2/image/header_bg_x.png') center -34px repeat-x;
    width: 100%;
    min-width: 1078px;
    z-index: 100;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.7);
}
.fixed .header-bottom {
    width: 1078px;
    margin: 0 auto;
}
.fixed .header-middle {
    margin: 0 auto;
    width: 1078px;
}
.header-middle-placeholder,
.header-middlev-wrap {
    height: 144px;
}
.header-middle {
    padding-top: 11px;
    height: 88px;
}
.header-logo {
    float: left;
}

/* 主選單 */
.mainnav {
    float: right;
    margin-right: 6px;
    height: 78px;
}
.mainnav li {
    float: left;
    width: 100px;
    height: 78px;
    line-height: 78px;
    font-size: 15px;
    text-align: center;
}
.mainnav ul a {
    color: #1A1A1A;
    text-decoration: none;
}
.mainnav li.LS-game,
.mainnav li.LS-memberexclusiveii {
    position: relative;
}
.mainnav li.LS-game:before,
.mainnav li.LS-memberexclusiveii:before {
    position: absolute;
    top: 15px;
    right: 0;
    content: url("/newskin1/tpl/js33/ver2/image/nav_icon.gif");
    width: 21px;
    height: 19px;
    line-height: 0;
}
.en .mainnav li.LS-live,
.en .mainnav li.LS-memberexclusiveii,
.en .mainnav li.LS-mobile,
.en .mainnav li.LS-service {
    padding: 0 10px;
    width: 80px;
}
.en .mainnav li.LS-live,
.en .mainnav li.LS-mobile,
.en .mainnav li.LS-service {
    padding-top: 19px;
    height: 59px;
    line-height: 20px;
}
.en .mainnav li.LS-memberexclusiveii {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mainnav ul a.current,
.mainnav ul a:hover {
    color: #BD3F29;
}

/* 下拉子選單 */
.ele-lsub-group {
    padding-top: 7px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
}

.ele-lsub-group a {
    position: relative;
    display: block;
    padding: 0 10px;
    color: #FFF;
    height: 31px;
    line-height: 31px;
    min-width: 74px;
    text-align: center;
    text-decoration: none;
    background-color: #333;
}
.ele-lsub-group a+a {
    background-image: url('/newskin1/tpl/js33/ver2/image/sub_line.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.ele-lsub-group a:last-of-type {
    border-bottom: none;
}
.ele-lsub-group a:hover {
    color: #FFF000;
}
    /*三角形*/
.ele-lsub-group:before {
    position: absolute;
    display: inline-block;
    content: '';
    top: -7px;
    right: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom-color: #333;
}
/* header-bottom */
.header-bottom,
.news-wrap,
.news-item {
    height: 45px;
}
.news-wrap,
.news-title,
.news-item {
    float: left;
}
.news-wrap,
.news-item {
    line-height: 45px;
}
.news-wrap {
    padding-left: 26px;
    background: url('/newskin1/tpl/js33/ver2/image/news_icon.png') left 16px no-repeat;
}
.news-title,
.news-item {
    color: #FFF;
}
.news-title {
    margin-right: 15px;
    font-size: 14px;
}
.news-item {
    width: 418px;
}
.en .news-item {
    width : 432px;
}

/* 登入區 */
.login-wrap {
    float: right;
    margin-top: 10px;
}
.login-unit,
.login-submit,
.header-join {
    float: left;
    height: 25px;
}
.login-unit {
    position: relative;
    margin-right: 4px;
    background: #FFF;
    width: 130px;
    height: 25px;
}
.forget-pw {
    position: absolute;
    top: 0;
    right: 3px;
    color: #7C7C7C;
    line-height: 25px;
    text-decoration: none;
}
.en .forget-pw {
    right: 0;
}
.forget-pw:hover {
    color: #BD492D;
}
.login-unit-chk {
    margin-right: 6px;
    width: 120px;
}
.login-input {
    border: none;
    padding-left: 6px;
    background-color: transparent;
    height: 25px;
    line-height: 25px;
    color: #303030;
    width: 124px;
    outline: none;
}
.login-acc {
    width: 82px;
}
.login-unit-pwd .login-input {
    width: 82px;
}
.en .login-unit-pwd .login-input {
    width: 70px;
}
.login-unit-chk .login-input {
    width: 114px;
}
.login-unit .login-placeholder,
.acc-unicode {
    position: absolute;
    top: 0;
    line-height: 25px;
    color: #303030;
    font-family: arial;
}
.login-unit .login-placeholder {
    left: 7px;
    cursor: text;
}
.acc-unicode {
    right: 3px;
    font-size: 14px;
}
#vPic {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    visibility: hidden;
}
.login-submit {
    margin-right: 5px;
    border: none;
    width: 63px;
    cursor: pointer;
    outline: none;
}
.header-join {
    width: 78px;
}
.login-submit:hover,
.header-join:hover {
    background-position: center bottom;
}

/* 登入後 */
.header-login-info {
    float: right;
    text-align: right;
}
.mem-info {
    margin: 3px 0 5px;
    color: #FFF;
}
.mem-info .ele-accinfo.ele-acc-name {
    padding-right: 10px;
}
.mem-info .ele-accinfo strong {
    color: #FFF000;
}

/* 加號展開 */
.ele-obalance-item-wrap.ele-item-style-cover {
    background: #EA9300;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance-item {
    border: 1px solid #EA9300;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-obalance {
    color: #FFF;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool {
    border-top: 1px solid #893101;
    background-color: #C54501;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a {
    background: #EF8000;
    color: #FFF;
}
.ele-obalance-item-wrap.ele-item-style-cover .ele-balance-tool a:hover {
    background: #E0970E;
}

/* 會員選單 */
.SU-Menual,
.SU-Menual a {
    color: #FFF;
}
.SU-Menual {
    margin-right: 5px;
}
.SU-Menual li {
    display: inline-block;
}
.SU-Menual a {
    text-decoration: none;
    transition: color .2s;
}
.SU-Menual a#su-logout {
    margin-left: 12px;
    color: #FFF000;
}
.SU-Menual a:hover {
    color: #FCFCB1;
}
.SU-Menual a#su-logout:hover {
    color: #FF0000;
}

/* 首頁 */
.ad-flash-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 458px;
    overflow: hidden;
}
.ad-flash {
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 458px;
}
.first-live-wrap {
    margin: 0 auto;
    padding-top: 103px;
    width: 998px;
    height: 387px;
}
.first-live-wrap a {
    float: left;
    width: 230px;
    height: 357px;
}
.first-live-bb,
.first-live-ag,
.first-live-og {
    margin-right: 26px;
}
.first-live-wrap a:hover {
    background-position: center bottom;
}
.first-casino-wrap {
    padding-top: 254px;
    height: 207px;
}
.first-casino-wrap a {
    float: left;
    width: 200px;
    height: 178px;
}
.first-casino-wrap a:hover {
    background-position: center bottom;
}
.first-game-wrap {
    margin: 0 auto;
    padding-top: 103px;
    width: 999px;
    height: 343px;
}
.first-game-wrap a {}
.first-mobile-wrap {
    position: relative;
    width: 1000px;
    height: 398px;
}
.first-mobile-qrcode {
    position: absolute;
    top: 260px;
    left: 628px;
    border-left: 1px #E9E9E9 solid;
    padding: 9px;
}
.first-bottom-wrap {
    padding-top: 401px;
    width: 1000px;
    height: 106px;
}
.first-bottom-img {
    width: 1000px;
    height: 76px;
}

/* footer */
.page-footer-x {
    background: #1E1E1E url('/newskin1/tpl/js33/ver2/image/footer_bg_x.jpg') center top repeat-x;
}
#page-footer {
    background: url('/newskin1/tpl/js33/ver2/image/footer_bg.jpg') center top no-repeat;
}
.first #page-footer {
    background: none;
}
.footer {
    position: relative;
    margin: 0 auto;
    padding-top: 85px;
    width: 1000px;
    text-align: center;
    min-height: 142px;
}
.footer-service {
    position: absolute;
    display: block;
    right: 0;
    top: 20px;
    width: 174px;
    height: 45px;
}
.footer-logo-wrap {
    padding-top: 18px;
    background: url('/newskin1/tpl/js33/ver2/image/footer_img02.png') right 18px no-repeat;
}
#bblogo,
#browser-logo {
    float: left;
}
#bblogo {
    margin-right: 25px;
    background: url('/newskin1/tpl/js33/ver2/image/bbinlogo.png') center top no-repeat;
    width: 82px;
    height: 46px;
}
#browser-logo {
    background: url('/newskin1/tpl/js33/ver2/image/ublogo.png') center top no-repeat;
    width: 138px;
    height: 44px;
}
.article-menu,
.article-menu a,
.copyright,
.footer-info {
    color: #646464;
}
.article-menu,
.copyright,
.footer-info {
    line-height: 24px;
}
.article-menu {
    margin-top: 14px;
}
.article-menu a {
    text-decoration: none;
}
.article-menu a:hover {
    color: #FFF;
}

/* 文案區塊 */
#page-sidebar {
    float: left;
    margin-left: 43px;
    width: 204px;
}
#page-right {
    float: right;
    margin-right: 25px;
    padding: 0 23px;
}
#page-right,
#page-right iframe {
    width: 654px;
}
.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-header {
    margin-bottom: 22px;
    width: 204px;
    height: 50px;
}
.sidemenu-body li {
    padding-bottom: 2px;
    background: url('/newskin1/tpl/js33/ver2/image/sidebar_line.png') center bottom no-repeat;
}
.sidemenu-body li:last-child {
    padding-bottom: 0;
    background: none;
}
.sidemenu-body a {
    display: block;
    height: 46px;
    line-height: 46px;
    color: #303030;
    font-size: 14px;
    text-decoration: none;
}
.sidemenu-body a:hover {
    background: url('/newskin1/tpl/js33/ver2/image/sidebar_hover.png') right center no-repeat;
    color: #BD3F29;
}
.sidemenu-footer {
    margin-top: 20px;
    width: 204px;
    height: 245px;
}

/* 文案+優惠活動 */
#direction {}

/* 文案標題 */
#direction .case-article-title {
    margin: 7px 0 38px;
    color: #BD3F29;
    font-size: 18px;
    text-align: center;
}

/* 頁籤 */
#direction ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #BE402A;
}
#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: #D5887A;
    color: #682215;
    cursor: pointer;
    vertical-align: bottom;
    transition: background-color .4s;
}
#direction ul.mtab-menual li:hover,
#direction ul.mtab-menual li.mtab {
    background-color: #BE402A;
    color: #FFF;
}
#direction .mtab-menual {
    margin-top: 10px;
}

/*優惠活動*/
#direction #PT-switcher-wrap {
    margin: 1.5em auto;
    width: 948px;
}
/* 優惠活動-各活動間距 */
#direction #MemberExclusive_area .MemberExclusive {
    margin-bottom: 27px;
}

/*共用頁面*/
.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;
}