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

/* site style */
body {
    min-width: 1010px;
    color: #000;
    font-size: 12px;
}
.zh-cn body {
    font-family: STHeiti, 'Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', arial;
}
.zh-tw body {
    font-family: 'Microsoft JhengHei', '微軟正黑體', arial, helvetica, sans-serif;
}
#page-body {
    width: 1010px;
    margin: 0 auto;
    /*padding: 10px 0;*/
}
.first #page-body {
    width: auto;
    padding: 0;
}
.game #page-body {
    padding: 0;
}

/* header */
.header-top {
   /* background-color: #3b2710; */
    /*height: 30px;*/
    color: #e0be98;
}

.header-top-inner,
.header-bottom-inner {
    width: 1010px;
    margin: 0 auto;
}
.header-bottom-inner {
    position: relative;
    background: url('../images/header_img.png') 255px 5px no-repeat;
}
.header-logo {
    float: left;
    margin: 7px 0 0 25px;
    width: 186px;
    height: 90px;
}
.header-logo #ele-logo-wrap a {
    background: none;
}
.header-top-flash-wrap {
    position: absolute;
    top: 0;
    left: 460px;
}
.lang-wrap {
    float: right;
    padding: 7px 0 0 10px;
}
.lang-wrap a,
.top-link-wrap a {
    color: #e0bf99;
    text-decoration: none;
}
.lang-wrap a:hover,
.top-link-wrap a:hover {
    color: #ffc900 !important;
}
.top-link-wrap {
    float: right;
    padding-top: 6px;
}
.est-wrap {
    float: right;
    padding-top: 5px;
}
#est_bg.time_text {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
}
/* 登入區 */
.login-wrap {
    float: right;
    height: 69px;
    box-sizing: border-box;
    padding-top: 7px;
}
.login-border,
.login-content {
    /*background: url(../images/login_bg.png) no-repeat left center;*/
    float: left;
    height: 45px;
    padding-top: 9px;
}
.login-border {
    width: 4px;
}
.login-border.left-bg {
    background-position: left top;
}
.login-border.right-bg {
    background-position: left bottom;
}
.login-content {
    background-repeat: repeat-x;
    padding: 9px 15px 0;
}
.login-unit {
    float: left;
    display: block;
    position: relative;
    width: 130px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #9c8857;
    color: #685223;
    margin: 0 3px 3px 0;
}
.login-unit.login-unit-chk {
    width: 112px;
}
.login-unit .login-placeholder {
    position: absolute;
    left: 6px;
    top: 5px;
    cursor: text;
    font-family: 'PMingLiU', '新細明體' \9;
}
.login-input {
    width: 120px;
    height: 18px;
    line-height: 18px;
    padding: 3px 5px;
    border: none;
    background-color: transparent;
    outline: none;
    color: #797979;
}
.login-input#rmNum {
    width: 102px;
}
.login-acc {
    width: 80px;
}
.acc-unicode {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 14px;
    font-family: arial;
}
#vPic {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    visibility: hidden;
}
.login-btn {
    float: left;
    width: 80px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: none;
    outline: none;
    margin-right: 3px;
}
.login-btn:hover {
    color: #ff0;
}
.login-submit {
    line-height: normal;
    background-color: #de151e;
}
.header-joinus {
    background: #3b270f;
}
.login-link-area {
    float: left;
}
.header-forget {
    float: right;
    height: 26px;
    line-height: 26px;
    color: #685223;
    text-decoration: none;
}
.header-forget:hover {
    color: #bcad89;
}

/* 登入後 */
.login-info-area {
    float: right;
    margin-bottom: 16px;
    color: #3b2710;
}
.mem-info {
    width: 100%;
    text-align: right;
    background: url(../images/logon_line.png) repeat-x left bottom;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.mem-info strong {
    color: #e50025;
}

/* 會員選單 */
.SU-Menual {
    width: 100%;
}
.SU-Menual li {
    float: left;
}
.SU-Menual a {
    text-decoration: none;
    transition: color 0.2s;
    color: #3b2710;
}
.SU-Menual a:hover {
    color: #a0692c;
}
#MsgNotReadCount {
    color: #e50025;
}

/* 主選單 */
.mainnav-wrap {
    float: right;
    clear: right;
    background: url(../images/nav_bg.png) no-repeat left top;
}
.mainnav {
    width: 798px;
    height: 31px;
    background: url(../images/nav_bg.png) no-repeat right bottom;
}
.mainnav ul {
    background-color: #e1d3c2;
    margin: 0 10px;
}
.mainnav li {
    float: left;
    margin-left: 18px;
}
.mainnav li:first-child {
    margin: 0;
}
.mainnav li.LS-service {
    float: right;
}
.LS-game,
.LS-mobile,
.LS-memberexclusiveii {
    position: relative;
}
.LS-game:before,
.LS-mobile:before,
.LS-memberexclusiveii:before {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 17px;
    content: url('../images/hot.gif');
}
.mainnav ul a {
    display: block;
    width: 68px;
    height: 31px;
    line-height: 31px;
    text-decoration: none;
    text-align: center;
    color: #4b350c;
}
.mainnav ul a.current,
.mainnav ul a:hover {
    background-color: #c29967;
    color: #fff;
}
.mainnav .LS-service a {
    background: url(../images/service_icon.png) no-repeat left top;
    padding-left: 20px;
}
.mainnav .LS-service a:hover {
    background-position: left bottom;
}
.en .mainnav .LS-memberexclusiveii a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 62px;
    padding: 0 3px;
}
.en .mainnav .LS-mobile a,
.en .mainnav .LS-live a,
.en .mainnav .LS-game3dfight a,
.en .mainnav .LS-service a {
    height: 27px;
    line-height: 1;
    padding-top: 4px;
}

/* 下拉子選單 */
.ele-lsub-group {
    position: absolute;
    z-index: 999;
    overflow: hidden;
}
.ele-lsub-group a {
    display: block;
    min-width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    color: #281d06;
    text-decoration: none;
    text-align: center;
    background-color: #947856;
}
.ele-lsub-group a:hover {
    color: #fff;
}
.ele-lsub-group span {
    display: none;
}
/*.first-unit-top{
    background: url(../images/first_bg.png) center top no-repeat #FFF;
    background-size:100% ;
}*/
.first-unit-bottom {
    /*background: url(../images/main_bg01.png) repeat-x left top;*/
    /*height: 191px;*/
    background: #fff;
}
.first-unit-bottom-inner {
    width: 1010px;
    margin: 0 auto;
    padding-top: 13px;
}
/*首頁遊戲圖*/
.first-game-wrap {
    float: left;
    padding-top: 32px;
    margin-right: 10px;
}
.first-game-wrap .ele-firstgame a {
    margin: 0 13px;
}
.ele-firstgame-ctrl-left,
.ele-firstgame-ctrl-right {
    position: absolute;
    top: 60px;
    width: 28px;
    height: 29px;
    cursor: pointer;
}
.ele-firstgame-ctrl-left:hover,
.ele-firstgame-ctrl-right:hover {
    background-position: 0 100%;
}
.ele-firstgame-ctrl-left {
    background: url(../images/scroll_left.png) 0 0 no-repeat;
    left: 15px;
}
.ele-firstgame-ctrl-right {
    background: url(../images/scroll_right.png) 0 0 no-repeat;
    right: 15px;
}
.first-game-wrap-inner {
    background: url(../images/gamebox_bg.png) no-repeat left top;
    width: 643px;
    height: 122px;
    position: relative;
    padding: 20px 44px 0;
}
.first-unit-bottom-inner .item-right {
    float: left;
}
.footer-pic-area {
    /*background: url(../images/main_bg01.png) repeat-x left bottom;*/
    background: #fff;
}
.footer-pic-inner {
    height: 136px;
}
.first-jp-wrap,
.first-jp-wrap-welcome {
    width: 258px;
    height: 102px;
    position: relative;
    margin-bottom: 3px;
}
.first-jp-wrap .ele-jackpot-wrap {
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: 51px;
}
.first-download {
    width: 258px;
    height: 73px;
    display: block;
}
.first-download:hover {
    background-position: left bottom;
}

/* 首頁輪播 */
.ad-flash-wrap {
    position: relative;
    width: 1010px;
    height: 518px;
    margin: 0 auto;
}
.ad-flash {
    position: absolute;
    top: 0;
    right: 0;
}

/* 最新消息 */
.news-wrap {
    float: left;
    width: 500px;
    color: #ffc900;
    padding-top: 7px;
}
.is-tpl .news-wrap {
    width: 400px;
}
.news-title {
    float: left;
    width: 8%;
}
.news-item {
    float: left;
    width: 92%;
}
/*banner-wrap*/
.banner-wrap {
    height: 148px;
    position: relative;
    overflow: hidden;
}
.banner-wrap-inner {
    height: 148px;
    width: 1272px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -636px;
}
/* footer */
#page-footer {
    background-color: #4c360c;
}
.footer {
    background: #fff;
}
.footer-unit-top {
    /*background-color: #69511F;*/
    background: #fff;
    margin-bottom: 10px;
}
.footer-unit-top-inner {
    width: 1000px;
    margin: 0 auto;
    min-height: 30px;
    padding-right: 170px;
    background: url(../images/footer_icon.png) no-repeat 98% center;
}
.article-menu {
    padding: 5px 0;
    color: #d99e29;
    line-height: 1.5;
}
.article-menu a {
    color: #d99e29;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}
.article-menu a:hover {
    color: #e8c67d;
}
/*.js-article-color{
	margin-right: 0px;
	width: 50px;
}*/
.footer-unit-bottom {
    width: 1010px;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #fff;
    line-height: 1.5;
    background: #fff;
}
.footer-unit-bottom .item-left {
    display: inline-block;
    vertical-align: middle;
    width: 330px;
}
.footer-unit-bottom .item-right {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 670px;
}
#bblogo,
#browser-logo,
.footer-img,
.footer-img02 {
    display: inline-block;
    vertical-align: middle;
}
#bblogo {
    background: url(../images/bbinlogo.png) no-repeat left top;
    width: 110px;
    height: 45px;
    margin-right: 10px;
}
#browser-logo {
    margin: 12px 5px 0 0;
}
.footer-img {
    background: url(../images/footer_img01.png) no-repeat left top;
    width: 214px;
    height: 45px;
}
.footer-img02 {
    background: url(../images/footer_img02.png) no-repeat left top;
    width: 210px;
    height: 61px;
}
/* game frame */
#page-game-left {
    float: left;
    margin-left: 10px;
    width: 228px;
}
#page-game-right {
    float: right;
    width: 760px;
}

/* ELE Style */
.ele-gamebanner-wrap {
    margin-bottom: 5px;
}
.ele-game-ctl-tools .ele-game-tool {
    line-height: 28px;
}
.ele-game-ctl-tools a.tool-btn-comingsoon {
    margin-left: 8px;
}
/*
** 各站 遊戲彩金 Game Jackpot
*/
.ele-gamejp-wrap {
    width: 950px;
    height: 61px;
    padding: 0 30px;
    background: url('../images/gamejp_bg.png') no-repeat center top;
}
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area {
    float: left;
    height: 61px;
    margin-left: 44px;
}
.ele-gamejp-bb-area,
.ele-gamejp-g3d-area {
    width: 355px;
    position: relative;
}
.ele-gamejp-explain {
    width: 100px;
    height: 25px;
    line-height: 25px;
    color: #ffc926;
    background-color: #ca871c;
    transition: all 0.2s ease;
    color: #250708;
    position: absolute;
    right: 45px;
    top: 25px;
}
.ele-gamejp-explain:hover {
    color: #e2d8bf;
}
.ele-gamejp-prize {
    height: 25px;
    line-height: 25px;
    font-size: 21px;
    color: #ffea00;
    position: absolute;
    left: 40px;
    top: 28px;
}
/* 小彩金  */
.ele-layout-subjp .ele-game-layout {
    height: 274px;
}
.ele-layout-subjp .ele-game-ctl-wrap {
    bottom: 60px;
}
.ele-layout-subjp .ele-game-sub-jp .minorJP {
    padding: 0 10px 0 10px;
    color: #ffea00;
    background: #9f8d65;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.5);
}
.ele-layout-subjp .ele-game-sub-jp .minorJP:before {
    color: #ddd;
}
/*
** 各站 遊戲導覽列 Game Menu
*/
.game-menu {
    margin: 0 auto;
    width: 1000px;
}
.game-menu-title {
    width: 180px;
}
.game-menu-title,
.game-menu-bg,
.nav-normal > a {
    height: 52px;
}
.nav-normal {
    background: url('../images/game_menu_line.png') no-repeat 100% 50%;
}
.nav-normal > a {
    padding: 0 3px;
    line-height: 52px;
    text-decoration: none;
}
.nav-icon {
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    transition: all 0.2s ease;
}
/*
** 各站 遊戲搜尋
*/
#ele-search-wrap {
    width: 215px;
    height: 52px;
}
/* for ie8*/
#ele-search-wrap label {
    top: 18px;
    left: 10px;
}
#ele-search-wrap .ele-search-input {
    float: left;
    margin-left: 5px;
    height: 100%;
    line-height: 52px \9;
}
#ele-search-wrap label,
#ele-search-wrap .ele-search-input {
    width: 150px;
}
#ele-search-wrap .ele-search-btn {
    width: 55px;
}
/*
** 各站遊戲圖 樣式
*/
.game .ele-game-wrap {
    margin: 20px auto;
    width: 1010px;
}
.ele-game-layout {
    margin: 8px 2px;
    width: 248px;
    background: url('../images/game_bg.png') no-repeat 0 0;
}
.ele-game-name h3 {
    width: 140px;
    height: 30px;
    color: #333;
    line-height: 30px;
}
.ele-game-ctl-wrap,
.ele-game-ctl-tools,
.ele-game-ctl-links {
    width: 100%;
}
.ele-game-img {
    bottom: 13px;
}
.ele-game-ctl-wrap {
    bottom: 14px;
    width: 235px;
    margin-left: 7px;
}
.ele-game-ctl-tools {
    height: 28px;
    background: url('../images/game_toolbar.png') no-repeat 0 100%;
}
/*
** 各站 遊戲連結
*/
.ele-game-link {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.ele-game-ctl-links a {
    color: #e3d8bf;
    background: url(../images/game_btn_rule.png) no-repeat left top;
}
.ele-game-ctl-links a:hover {
    color: #fff;
    background-position: left bottom;
}
.ele-game-ctl-links a.ctl-btn-enter {
    color: #ebebfa;
    background: url(../images/game_btn_entergame.png) no-repeat left top;
}
.ele-game-ctl-links a.ctl-btn-enter:hover {
    color: #e3d8bf;
    background-position: left bottom;
}

/* 文案區塊 */
#page-sidebar {
    float: left;
    width: 179px;
    margin-left: 25px;
}
#page-right {
    float: right;
    border: 1px solid #7c5e3c;
    padding: 0 20px;
}
#page-right,
#page-right iframe {
    width: 700px;
}

/*遊戲選單*/
.sidemenu-header {
    height: 51px;
}
.sidemenu-body {
    background: url(../images/sidebar_y.png) repeat-y left top;
    padding-bottom: 6px;
}
.sidemenu-body li {
    background: url(../images/sidebar_line.png) no-repeat center bottom;
    padding-bottom: 2px;
}
.sidemenu-body a {
    display: block;
    width: 179px;
    height: 41px;
    line-height: 41px;
    text-decoration: none;
    text-align: center;
    color: #000;
}
.sidemenu-body a:hover {
    color: #df9800;
    background: url(../images/sidebar_hover.png) no-repeat center center;
}
.sidemenu-footer {
    background: url(../images/sidebar_bottom.png) no-repeat left top;
    height: 8px;
}

/*文案*/
#direction {
    color: #311e09;
}

/*文案標題*/
.case-article-title {
}

#direction ul.mtab-menual {
    list-style: none;
    border-bottom: 3px solid #7c5e3c;
}
#direction ul.mtab-menual li {
    background-color: #7c5e3c;
    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 0.4s;
    color: #fff;
}
#direction ul.mtab-menual li:hover,
#direction ul.mtab-menual li.mtab {
    background-color: #b59068;
    color: #000;
}
#direction .mtab-menual {
    margin-top: 10px;
}

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

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