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

/* site style */
body {
    min-width: 1290px;
    background: #1C1C1C;
    color: #000;
    font-size: 12px;
}
.is-tpl body {
    background: none;
}
.zh-cn body {
    font-family: STHeiti,"Microsoft YaHei", "微软雅黑", "SimSun", "宋体",arial;
}
.zh-tw body {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,helvetica,sans-serif;
}
#mainBody {

}
#page-container {
    background: url('../images/container_bottom.jpg') bottom repeat-x #FFF;
    padding: 10px 0 24px;
	
}
.first #page-container,
.game #page-container {
    padding: 0;
}
.page-container-top {
    background: url('../images/container_top.jpg') center top repeat-x;
}
#page-body {
    margin: 0 auto;
    width: 1042px;
}
.first #page-body {
    width: 1290px;
}
.game #page-body {
    width: 1000px;
}
.livetop #page-body,
.memberexclusiveii #page-body {
    border: 1px solid #E6E5E5;
}
/* header */
#page-header {
    background: url('../images/header_bg_x.jpg') repeat-x;
}
.header-bg {
    width: 100%;
    /*background: url('../images/header_bg.jpg') center top no-repeat;*/
    background: -webkit-linear-gradient(left, rgb(0, 16, 49), rgb(1, 28, 84), rgb(0, 16, 49));

    overflow: hidden;
}
.header {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 156px;
    border-bottom: 3px solid #d1ad5f;
}
.header-logo {
    float: left;
    margin-top: 24px;
    width: 170px;
    height: 117px;
}
.header-top {
    float: right;
    padding: 42px 8px 11px 0;
    max-width: 300px;
}
.is-login .header-top {
    padding: 0;
}
.lang-wrap {
    float: right;
    margin-left: 8px;
}
.is-login .lang-wrap {
    position: relative;
    top: -4px;
}
.lang-wrap .ele-lang-wrap {
    background: url('../images/btn_lang.png');
    width: 87px;
    line-height: 24px;
}
.lang-wrap .ele-lang-title {
    color: #AAA9A7;
}
.top-link-wrap {
    float: right;
    color: #FFF;
    max-width: 300px;
}
.top-link-wrap a {
    text-decoration: none;
    line-height: 22px;
}
.top-link-wrap a:hover {
    color: #999!important;
}
.est-wrap {
    position: absolute;
    top: 12px;
    right: 0;
}
#est_bg.time_text{
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
    height: 16px;
    line-height: 16px;
    background-color: transparent;
}
/* 登入區 */
.login-wrap {
    float: right;
    margin: 42px 8px 0 0;
    max-width: 605px;
}
.login-unit {
    position: relative;
    float: left;
    margin-left: 5px;
    height: 25px;
    background-color: #2E2E2E;
    line-height: 25px;
    color: #A9A9A9;
    padding-left: 5px;
}
.login-unit-user {
    width: 155px;
}
.login-unit-pwd {
    width: 95px;
}
.login-unit-chk {
    margin-right: 45px;
    width: 43px;
}
.login-unit .login-placeholder {
    position: absolute;
    left: 5px;
    top: 0;
    cursor: text;
    font-family: arial;
}
.login-unit.login-unit-chk .login-placeholder {
    width: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.login-input {
    width: 90px;
    border: none;
    background-color: transparent;
    color: #A9A9A9;
    outline: none;
}
.login-unit.login-unit-chk .login-input {
    width: 40px;
}
.login-acc {
    width: 110px;
}
.acc-unicode{
    position: absolute;
    right: 5px;
    top: 0;
    color: #A9A9A9;
    font-size: 14px;
    font-family: arial;
}
.login-submit,
.joinus-btn {
    float: left;
    margin-left: 5px;
    width: 70px;
    height: 27px;
    background: url('../images/btn_login.png') no-repeat;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: #3F1E01;
}
.login-submit {
    cursor: pointer;
    border: none;
}
.login-submit:hover,
.joinus-btn:hover {
    background-position: bottom;
}
.forget {
    color: #FFF;
}
.forget:hover {
    color: #999
}
#vImg {
    position: absolute;
    right: -45px;
    top: 0px;
    cursor: pointer;
}
#vPic {
    position: absolute;
    right: -45px;
    top: 0px;
    cursor: pointer;
}

/* 登入後 */
.login-in {
    clear: right;
    float: right;
    margin: 40px 8px 0 0;
    height: 36px;
    max-width: 870px;
}
.mem-info {
    float: right;
    color: #FFF;
}
.mem-info strong {
    color: #FFF600;
}
/* 會員選單 */
.SU-Menual {
    float: right;
    margin-left: 20px;
	margin-right: 10px;
	padding-top: 45px;
    color: #FFF;
}
.SU-Menual li {
    float: left;
}
.SU-Menual a {
    text-decoration: none;
    transition: color .2s;
    color: #FFF;
}
.SU-Menual a:hover {
    color: #FFF100;
}

/* 主選單 */
.mainnav-wrap {
    clear: right;
    float: right;
    margin-top: 20px;
    height: 45px;
    max-width: 950px;
}
.mainnav {
    height: 45px;
}
.mainnav li {
    float: left;
}
.mainnav ul a {
    display: block;
    width: 85px;
    height: 40px;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}
.mainnav ul .LS-first a {
    width: 50px;
}
.mainnav ul .LS-service a,
.mainnav ul .LS-mall a {
    width: 100px;
}
.mainnav ul a.current,
.mainnav ul a:hover {
    background: url('../images/nav_over.png') center top no-repeat;
}
.mainnav ul .LS-first a.current,
.mainnav ul .LS-first a:hover {
    background: url('../images/nav_over_first.png') center top no-repeat;
}
.mainnav ul a.current span,
.mainnav ul a:hover span {
    color: #E29500;
}
.en .mainnav ul a {
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.en .mainnav ul .LS-live a,
.en .mainnav ul .LS-memberexclusiveii a,
.en .mainnav ul .LS-mobile a,
.en .mainnav ul .LS-service a,
.en .mainnav ul .LS-bbininfo a {
    padding: 0 10px;
}
.en .mainnav ul .LS-live a,
.en .mainnav ul .LS-memberexclusiveii a,
.en .mainnav ul .LS-mobile a,
.en .mainnav ul .LS-bbininfo a {
    width: 75px;
}
.en .mainnav ul .LS-service a {
    width: 90px;
}
.en .mainnav li span{
    display: none;
}
.mainnav li span {
    font-size: 12px;
    color: #BBBBBC;
    font-weight: normal;
}
#LS-first span:after {
    content: "HOME";
}
#LS-ball span:after {
    content: "SPORTS";
}
#LS-live span:after {
    content: "LIVE CASINO";
}
#LS-game span:after {
    content: "CASINO";
}
#LS-ltlottery span:after {
    content: "LOTTERY";
}
#LS-memberexclusiveii span:after {
    content: "PROMOTIONS";
}
#LS-mobile span:after {
    content: "AGENTS";
}
#LS-service span:after {
    content: "ONLINE SERVICE";
}
#LS-bbininfo span:after {
    content: "AGENTS";
}
#LS-mall span:after {
    content: "NOVICE HELP";
}

/*首頁輪播*/
.ad-flash {
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 auto 0 -960px;
    width: 1920px;
    height: 465px;
}
.ad-flash .ele-slideshow-nav a {
    width: 16px;
    height: 20px;
    background: url('../images/slider_ctrl.png') top transparent no-repeat;
}
.ad-flash .ele-slideshow-nav a.active,
.ad-flash .ele-slideshow-nav a:hover {
    background: url('../images/slider_ctrl.png') bottom transparent no-repeat;
}
.first .ele-slideshow-control-outwrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    margin: auto;
    width: 1290px;
}
/*首頁*/
.first-top-wrap {
    position: relative;
    padding-top: 18px;
    width: 1290px;
}
.first-top {
    margin: 0 auto;
    height: 130px;
}
.firsttop-ctrl {
    position: absolute;
    top: 64px;
    display: block;
    width: 20px;
    height: 38px;
    background: url('../images/slider_arrow.png') center top no-repeat;
    cursor: pointer;
}
.firsttop-ctrl.firsttop-ctrl-right {
    right: 0;
    background: url('../images/slider_arrow.png') center bottom no-repeat;
}
.first-icon {
    float: left;
    margin: 0 8px;
    width: 220px;
    height: 130px;
}
.first-icon:hover {
    background-position: bottom;
}
.first-jp-wrap {
    float: left;
    margin: 0 8px;
    width: 165px;
    height: 32px;
    padding: 82px 26px 16px;
}
.first-jp-wrap .ele-jackpot-wrap {
    width: 169px;
    height: 34px;
    line-height: 34px;
    color: #161616;
    font-size: 18px;
    text-align: center;
}
.first-game-wrap {
    height: 230px;
    padding: 20px 0 26px;
}
/* 最新消息 */
.news-wrap-bg {
    height: 40px;
    background-color: #F3F3F3;
    border-bottom: 1px solid #EDEDED;
}
.news-wrap {
    margin: 0 auto;
    width: 1042px;
    height: 36px;
    line-height: 36px;
}
.first .news-wrap {
    width: 1290px;
}
.news-item {
    width: 1042px;
    height: 36px;
    line-height: 36px;
}
.first .news-item {
    width: 1290px;
	margin: 0 auto;
}

/*banner-wrap*/
.banner-wrap-bg {
    background: url('../images/title_welcome_bg.jpg') center top no-repeat #000;
}

.banner-wrap{
    margin: 0 auto;
    width: 1042px;
    height: 205px;
}
.live-title {
    display: block;
    margin: 0 auto 14px;
    width: 1024px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #DDD;
    font-size: 18px;
}
/* footer */
#page-footer {
    background-color: #1C1C1C;
	padding-top:0px;
    border-top: 2px solid #C7AD7B;
}
.footer {
    margin: 0 auto;
    width: 1290px;
    height: 278px;
    background: url('../images/footer_line01.png') center 162px no-repeat;
}
.footer-server {
    float: left;
    width: 204px;
    height: 160px;
}
.footer-server span {
    display: block;
}
.footer-server a {
    float: left;
}
.server-txt {
    line-height: 22px;
}
.server-title {
    padding-top: 28px;
    line-height: 14px;
    color: #666;
    font-size: 14px;
}
.server-phone {
    padding-top: 8px;
    color: #D2B984;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}
.server-qq,
.server-24hr {
    padding-top: 13px;
    color: #D2B984;
}
.server-qq-icon,
.server-24hr-icon {
    margin-left: 5px;
    width: 77px;
    height: 22px;
}
.server-qq-icon:hover,
.server-24hr-icon:hover {
    background-position: bottom;
}
.footer-date {
    float: left;
    background: url('../images/footer_line02.png') left center no-repeat;
    width: 176px;
    height: 160px;
    color: #C0C0C0;
    padding: 0 20px;
}
.footer-date a {
    float: left;
    margin-top: 34px;
    width: 66px;
    color: #D2B984;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}
.footer-date ul {
    float: right;
    margin-top: 30px;
    padding-left: 16px;
}
.footer-date li {
    list-style: disc;
    line-height: 25px;
}
#bblogo {
    float: left;
    margin-top: 27px;
}
#browser-logo {
    float: left;
    margin: 36px 0 0 25px;
}
.footer-slogan {
    float: left;
    margin: 12px 0 0 20px;
    width: 424px;
    height: 55px;
    background: url('../images/footer_img.png') no-repeat;
}
.footer-txt {
    float: right;
    margin: 20px 20px 0 0;
    max-width: 450px;
    color: #9FA1A7;
}
.article-menu {
    text-align: center;
}
.article-menu a {
    color: #9FA1A7;
    text-decoration: none;
}
.article-menu a:hover {
    color: #FFF;
}
.copyright,
.footer-info {
    float: left;
    margin-top: 5px;
}
/* ELE Style */
/*
** 各站 遊戲彩金 Game Jackpot
*/
.ele-gamejp-wrap {
    width: 1000px;
    height: 80px;
}
.ele-gamejp-title {
    width: 218px;
}
.ele-gamejp-title,
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area {
    float: left;
    height: 80px;
}
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area{
    margin-left: 20px;
    width: 200px;
    padding: 0 10px 0 160px;
}
.ele-gamejp-explain {
    width: 173px;
    height: 25px;
    line-height: 25px;
    background-image: url('../images/gamejp_btn.png');
    color: #DCCC7A;
    font-size: 13px;
    transition: all 0.2s ease;
}
.ele-gamejp-explain:hover {
    background-position: bottom;
    color: #FFF;
}
.ele-gamejp-prize {
    padding-top: 6px;
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    color: #D04543;
}
/* 小彩金  */
.ele-layout-subjp .ele-game-layout{
    height: 275px;
}
.ele-layout-subjp .ele-game-ctl-wrap{
    bottom: 43px;
}
.ele-layout-subjp .ele-game-sub-jp .minorJP{
    margin-top: 0;
    padding: 0 10px 0 10px;
    color: #FFF;
    background: #000;
    box-shadow: 0 3px 1px rgba(0,0,0,0.5);
}
.ele-layout-subjp .ele-game-sub-jp .minorJP:before{
    color: #DDD;
}
/*
** 各站 遊戲導覽列 Game Menu
*/
.ele-gamebanner-wrap {
    margin-top: 15px;
}
.game-menu {
    margin: 0 auto;
    width: 1000px;
    background: url('../images/game_menu.jpg') no-repeat;
}
.game-menu-bg,
.nav-normal > a {
    height: 50px;
}
.nav-normal {
    background: url('../images/game_menu_line.png') no-repeat 100% 50%;
}
.nav-normal > a {
    padding: 0 20px;
    line-height: 50px;
    text-decoration: none;
}
.nav-icon {
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    transition: all 0.2s ease;
}
/*
** 各站 遊戲搜尋
*/
#ele-search-wrap {
    margin: 8px 18px 0 0;
    width: 192px;
    height: 34px;
}
/* for ie8*/
#ele-search-wrap label {
    top: 10px;
    left: 6px;
}
#ele-search-wrap .ele-search-input {
    float: left;
    margin-left: 5px;
    height: 100%;
    line-height: 34px \9;
}
#ele-search-wrap label,
#ele-search-wrap .ele-search-input {
    width: 147px;
}
#ele-search-wrap .ele-search-btn {
    width: 40px;
}
/*
** 各站遊戲圖 樣式
*/
.game .ele-game-wrap {
    margin: 20px auto;
    width: 992px;
}
.ele-game-layout {
    margin: 14px 4px;
    width: 240px;
    height: 232px;
    background: url('../images/game_bg.png') no-repeat 0 0;
    padding-bottom: 7px;
}
.ele-game-name h3 {
    width: 140px;
    height: 30px;
    color: #000;
    line-height: 30px;
}
.ele-game-ctl-wrap,
.ele-game-ctl-tools,
.ele-game-ctl-links {
    width: 100%;
}
.ele-game-img {
    bottom: 0;
}
.ele-game-ctl-wrap {
    bottom: 7px;
}
.ele-game-ctl-tools {
    height: 28px;
    background-color: #888;
}
.ele-game-ctl-tools .ele-game-tool {
    line-height: 28px;
}
/*
** 各站 遊戲連結
*/
.ele-game-link {
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
}
.ele-game-ctl-links a{
    color: #FFF;
    background-color: #444;
}
.ele-game-ctl-links a:hover{
    color: #CCC;
    background-color: #000;
}
.ele-game-ctl-links a.ctl-btn-enter{
    color: #000;
    background-color: #D2B984;
}
.ele-game-ctl-links a.ctl-btn-enter:hover{
    color: #FFF;
    background-color: #9E8858;
}

/* 文案區塊 */
#page-sidebar {
    float: left;
    width: 240px;
}
#page-right {
    float: right;
    border: 1px solid #DEDDDD;
}
#page-right {
    width: 748px;
    padding: 0 20px;
}
#page-right iframe {
    width: 700px;
    padding: 0 24px;
}

/*遊戲選單*/
.sidemenu-wrap {
    border: 1px solid #DEDDDD;
}
.sidemenu-header {
    height: 42px;
    background-color: #EFEFEF;
    color: #2D2D2D;
    font-size: 18px;
    line-height: 42px;
    padding-left: 15px;
}
.sidemenu-header a {
    color: #9F1919;
    font-size: 12px;
    padding-left: 3px;
}
.sidemenu-body {
    padding: 10px 0;
}
.sidemenu-body li {
    margin: 0 10px;
}
.sidemenu-body a {
    display: block;
    height: 30px;
    background: url('../images/sidebar_icon.png') 18px center no-repeat;
    line-height: 30px;
    text-decoration: none;
    color: #616161;
    font-size: 14px;
    border-bottom: 1px dotted #DFDFDF;
    padding-left: 40px;
}
.sidemenu-body a:hover {
    color: #990000;
}
.sidemenu-joinous {
    clear: left;
    float: left;
    margin-top: 10px;
    width: 240px;
    height: 92px;
}
.sidemenu-joinous:hover {
    background-position: bottom;
}
/*文案*/
#direction #MemberExclusive_area .MemberExclusive {
    margin-bottom: 12px;
}
/*文案標題*/
#direction h3.case-article-title {
    margin: 0;
    border-bottom: 1px dotted #DFDFDF;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
#direction ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #AAA;
}
#direction ul.mtab-menual li {
    background-color: #FFF;
    display: inline-block;
    vertical-align: bottom;
    *display: inline;
    *zoom: 1;
    margin-right: 4px;
    padding: 1px 10px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    transition: background-color .4s;
}
#direction ul.mtab-menual li:hover,
#direction ul.mtab-menual li.mtab {
    background-color: #AAA;
    color: #000;
}
#direction .mtab-menual {
    margin-top: 10px;
}


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