/* CSS Document */

@charset "UTF-8"; 

BODY{ font-family:微軟正黑體; background:url(../images/bkbkere.jpg);}




.fol_l, .fol_r, .top_oul_line  li{color: black;font-size:.8em}
#RDATA_MAIN{font-size:.8em}


.display_none{display:none }
/* ----- 輸入內頁 -------------------------------------------------------------- */
.game_info_data{ width:780px; text-align:center; background:#000; padding:50px 0; }

.game_info_title_r, .game_info_title_r_bod{ width:100%; height:45px; border-top:solid 1px #fd8e8e; border-bottom:solid 1px #4c0000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa0000+0,920000+100 */
    background: rgb(250,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(250,0,0,1) 0%, rgba(146,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(250,0,0,1) 0%,rgba(146,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(250,0,0,1) 0%,rgba(146,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa0000', endColorstr='#920000',GradientType=0 ); /* IE6-9 */
    margin:0 auto;}

.game_info_title_g, .game_info_title_g_bod{ width:100%; border-top:solid 1px #8fb480; border-bottom:solid 1px #0f3c00;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#359b00+97,185d01+100 */
    background: rgb(53,155,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(53,155,0,1) 97%, rgba(24,93,1,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(53,155,0,1) 97%,rgba(24,93,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(53,155,0,1) 97%,rgba(24,93,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359b00', endColorstr='#185d01',GradientType=0 ); /* IE6-9 */
    margin:0 auto;}

.game_info_title_r, .game_info_title_g{ height:45px; line-height:45px; position:relative;}
.game_info_title_r a, .game_info_title_g a{ display:block; width:45px; height:45px; text-indent:-99999px; position:absolute; top:0px; right:0px;}
.game_info_title_r a{ background:url(../images/in_data/top_bar_r_rcobt.png) no-repeat;}
.game_info_title_g a{ background:url(../images/in_data/top_bar_r_gcobt.png) no-repeat;}

.game_info_title_r h1, .game_info_title_g h1{ font-size:25px; color:#FFF; background:url(../images/in_data/top_bar_l_box.png) no-repeat;
    padding:0 0 0 38px; position:absolute; top:-1px; left:0px;}
.game_info_title_r_bod, .game_info_title_g_bod{ height:12px;}

/*.game_info_in_data{ width:100%; height:45px; line-height:45px; text-align:left; border-top:solid 1px #fff; border-bottom:solid 1px #4a7aaa; color:#666;*/
/*!* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f1f8+0,eef8fc+100 *!*/
/*background: rgb(224,241,248); !* Old browsers *!*/
/*background: -moz-linear-gradient(top,  rgba(224,241,248,1) 0%, rgba(238,248,252,1) 100%); !* FF3.6-15 *!*/
/*background: -webkit-linear-gradient(top,  rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
/*background: linear-gradient(to bottom,  rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1f8', endColorstr='#eef8fc',GradientType=0 ); !* IE6-9 *!*/
/*margin:0 auto; position:relative;}*/
.game_info_in_data {
    width: 100%;
    height: 45px;
    line-height: 39px;
    text-align: left;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #4a7aaa;
    color: #666;
    background: rgb(224,241,248);
    background: -moz-linear-gradient(top, rgba(224,241,248,1) 0%, rgba(238,248,252,1) 100%);
    background: -webkit-linear-gradient(top, rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%);
    background: linear-gradient(to bottom, rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1f8', endColorstr='#eef8fc',GradientType=0 );
    margin: 0 auto;
    position: relative;
}

.en_bbt_r, .en_bbt_g{ position:absolute; top:4px; right:15px;}
.en_bbt_r a, .en_bbt_g a{ display:block; width:84px; height:33px; line-height:33px; text-align:center; text-decoration:none; color:#FFF;
    border-radius:4px; text-shadow:1px 1px 3px rgba(0, 0, 0, .5); box-shadow:1px 1px 5px rgba(0, 0, 0, .5);}

.in_data_a{ display:block; position:absolute; top:0px; left:40px; }
.in_data_b{ display:block; position:absolute; top:0px; left:150px; }

.inp{ width:100px; height:30px; line-height:30px; border-radius:10px; border:solid 1px #85c2ff; color:#0066cc;
    box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .3);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    padding:0 8px; margin:-10px 0 0 10px; outline:none; position:absolute; top:17px}

.in_data_a select, .in_data_b select{ width:100px; height:30px; line-height:30px; border-radius:10px; border:solid 1px #85c2ff; color:#0066cc;
    box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .3);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    margin:-10px 0 0 10px; outline:none; position:absolute; top:17px}

.en_bbt_r a{ border:solid 1px #a00000; background:url(../images/in_data/enter_bbt_r.png) no-repeat;}
.en_bbt_g a{ border:solid 1px #007115; background:url(../images/in_data/enter_bbt_g.png) no-repeat;}

.game_info_in_data_tit{ width:100%; line-height:32px; border-top:solid 1px #999; border-bottom:solid 1px #353535; color:#FFF;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#515151+0,5a5859+100 */
    background: rgb(81,81,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(81,81,81,1) 0%, rgba(90,88,89,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(90,88,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(81,81,81,1) 0%,rgba(90,88,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#5a5859',GradientType=0 ); /* IE6-9 */
    margin:0 auto;}
.game_info_in_data_tit ul li{ display:inline-table;}

.game_info_in_data_b{ width:100%; line-height:25px; text-align:center; border-top:solid 1px #fff; border-bottom:solid 1px #4a7aaa; color:#666;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f1f8+0,eef8fc+100 */
    background: rgb(224,241,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(224,241,248,1) 0%, rgba(238,248,252,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(224,241,248,1) 0%,rgba(238,248,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1f8', endColorstr='#eef8fc',GradientType=0 ); /* IE6-9 */
    margin:0 auto; position:relative;}
.game_info_in_data_b ul li{ display:inline-table;}

.zone_a,
.zone_b,
.zone_c,
.zone_d,
.zone_e,
.zone_f,
.zone_g{ font-size:15px; text-align:center; background:#; vertical-align:middle;}

.zone_a{ width:12%;}
.zone_b{ width:22%;}
.zone_c{ width:13%;}
.zone_d{ width:27%;}
.zone_e{ width:5%;}
.zone_f{ width:13%;}
.zone_g{ width:12%;}

.zone_g a{ display:block; width:44px; height:23px; line-height:23px; text-decoration:none; text-shadow:1px 1px 3px rgba(0, 0, 0, .3); font-size:15px; color:#FFF;
    border:solid 1px #1b7ee5; border-radius:3px; background:#000 url(../images/in_data/enter_bbt_b.png) no-repeat; box-shadow:1px 1px 3px rgba(0, 0, 0, .5); margin:0 auto;}


.zone_b span, .zone_d span{ font-weight:bold; color:#06F;}
{ color:#06F;}

















.out_l,
.out_r{ display:inline-table; padding:0; margin:0; vertical-align:top;}

.out_l{ width:88px; height:1200px; color:#fff; background:#ccc;}
.out_r{ width:1065px; height:1200px; background:#000;}

.x3_or_up
.x3_or_do{ width:100%; height:auto; padding:0; margin:0; }

/*.x3_or_up{ background:#ff9d9d;}*/
/*.x3_or_do{ background:#f3f098;}*/

.test_a,
.test_b,
.test_c,
.test_d,
.test_e{ display:inline-table; font-size:1em; font-weight:bold; color:#fff; padding:0; margin:0; vertical-align:top;}

.test_a{ width:88px; height:800px; background:#494949;}
.test_b{ width:800px; background:#fff; padding:0px; margin:0;}
.test_c{ width:344px; height:1040px; background:url(../images/r_sel_bkere.jpg) repeat-y right #bcbfc4;}
.test_d{ width:800px; height:300px; text-align:center; background:#fff;}
.test_e{ width:344px; height:1035px; background:url(../images/r_sel_bkere.jpg) repeat-y;}

.test_b img{ width:100%; height:auto;}

.test_d img{ width:calc(100% - 20px); height:auto;}





/* -- 最外框 -- */
.x3_main_zone{ width:1145px; background:#4b4b4b; padding:0; margin:0 auto;}





.x3_sel_bar, .x3_original_zone, .x3_right_zone{ height:1300px; vertical-align:top;}
.x3_sel_bar{ height:auto; vertical-align:top;}

.x3_sel_bar{ display:inline-table; background:#4b4b4b; padding:0; margin:0;
box-shadow:inset 2px 2px 10px rgba(0,0,0,.5);}

.x3_sel_bar ul{ padding:0; margin:10px 0 0 6px;} 
.x3_sel_bar ul li{ display:inline-table;list-style:none; padding:0; margin:0 0 13px 0;}
.x3_sel_bar ul li span{ border-radius:8px; background:#545454; padding:8px 4px 10px 4px; margin:0; box-shadow:inset 1px 1px 3px rgba(0,0,0,1);}
.x3_sel_bar ul li a{width:5em; display:inline-block; font-size:.8em; text-decoration:none; border:solid 1px #000; border-radius:5px; color:#fff; 
background:#4c433c; padding:5px; margin:0; transition:0.4s; box-shadow:inset 1px 1px 0 #adaaa5, inset -1px -1px 0 #302824; position:relative;}
.x3_sel_bar ul li a:hover{ border:solid 1px #2f79c8; color:#00fff0;}

.x3_sel_bar ul li span:hover{ background:#2e2e2e; box-shadow:inset 1px 1px 1px #003e83;}

.x3_split_r{ display:inline-table; width:1145px; height:auto; background:#ffffff; padding:0; margin:0; vertical-align:top;}

.x3_top_select{ display:none; width:38px; height:34px; 
background:url(../images/3x_sel_bbt.png); padding:0; margin:3px 0 0 5px; vertical-align:top;}





/* -- ä¸­é–“åŽŸå§‹ -- */
.x3_original_zone{ display:inline-table; width:800px; text-align:center; background:#fff; padding:10px; margin:0;}

/* -- å³é‚Šé¸å–® -- */
.x3_right_zone{ display:inline-table; width:252px; background:url(../images/r_sel_bkere.jpg) repeat-y;}

/* -- 線 -- */
.x_linere_bar{ width:100%; height:5px; background:url(../images/bkere_linere_a.jpg) repeat-x; margin:0 auto}
.x_linere_bar_mobile{ width:100%; height:5px; background:url(../images/bkere_linere_a.jpg) repeat-x; margin:0 auto}

/* -- 底資訊 -- */
.footer_to{ width:1145px; text-align:center; text-shadow:1px 1px 0 #f8f8f8; font-size:.6em; color:#666; background:#CCC; padding:10px 0; margin:0 auto 0 auto;}

.footer_bottom{ width:1145px; height:31px; line-height:30px; font-size:12px; text-align:center; color:#FFF;
background: url(../images/footer/footer_bkere.jpg) repeat-x; margin:0 auto;}























/* -- 資訊聊天室 -- */
.game_data_zone{ width:800px; border:solid 1px #767676; border-bottom:none; background:#eaeaea; padding:0; margin:0; position:relative;}

.game_data_zo_li,
.game_data_zo_ri{ display:inline-table; vertical-align:top; padding:0; margin:0;}

.game_data_zo_li{ width:478px; height:76px; border-right:solid 1px #767676; position:relative;}
.game_data_zo_ri{ width:320px; height:76px; text-align:center;}

.x3_payapl,
.game_data_zo_ri p{ display:inline-table; vertical-align:top;}

.x3_payapl{ width:153px; height:34px; background:url(../images/paypal_pix.png); padding:0; margin:3px 5px 0 0;}
.game_data_zo_ri p{ line-height:34px; font-size:1.2em; color:#585254; padding:0; margin:2px 8px 0 8px;}
.game_data_zo_ri p a{ color:#2171ca;}
.game_data_zo_ri p a:hover{ color:#01a4ff;}

.x3_topr_dsline{ width:95%; border-bottom:dashed 1px #757575; padding:0; margin:0 auto;}

.x3_topdo_boxsele{ width:93.5%; height:29px; line-height:26px; border:solid 1px #33669d; background:#ccc; 
border-radius:5px; padding:0; margin:5px auto 0 auto;
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2), inset -1px -1px 5px rgba(255,255,255,.5);}

.x3_topdo_boxsele li{ display:inline-table; list-style:none; vertical-align:top; padding:0; margin:0;}
.x3_topdo_boxsele li a{ font-size:.8em; border:solid 1px #336699; border-radius:3px; color:#33669d; 
background: rgb(232,102,102);
background: -moz-linear-gradient(top, rgba(232,102,102,1) 0%, rgba(248,250,252,1) 0%, rgba(222,229,243,1) 50%, rgba(249,250,252,1) 100%);
background: -webkit-linear-gradient(top, rgba(232,102,102,1) 0%,rgba(248,250,252,1) 0%,rgba(222,229,243,1) 50%,rgba(249,250,252,1) 100%);
background: linear-gradient(to bottom, rgba(232,102,102,1) 0%,rgba(248,250,252,1) 0%,rgba(222,229,243,1) 50%,rgba(249,250,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86666', endColorstr='#f9fafc',GradientType=0 );
padding:1px 7.5px; margin:0;}







.game_site_box_up,
.game_site_box_do{ display:inline-table; width:100%; height:38px; padding:0; margin:0;}

.game_site_box_up{ border-bottom:solid 1px #767676; background:#ff8475;}
.game_site_box_do{ background:#b4df5a;}


.game_site_box_up a,
.game_site_box_do a{ display:inline-table; width:50px; height:26px; line-height:26px; text-shadow:1px 1px 2px rgba(0,0,0,.2); 
text-align:center; color:#fff; border:solid 1px #00729f; border-radius:5px; color:#fff; 
background:#07a2e8; padding:0; margin:-3px 25px 0 25px; box-shadow:inset 0 0 5px #00fff6, 1px 1px 2px rgba(0,0,0,.2); position:relative;}



.game_site_box_up a::before,
.game_site_box_do a::before{ display:block; content:""; width:44px; height:15px; color:rgba(0,0,0,0); border-radius:3px 3px 0 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
position:absolute; top:2px; left:2px; padding:0; margin:0;}





.game_site_box_up a:hover{}

.game_site_box_do a{}
.game_site_box_do a:hover{}

.game_n_data{ display:inline-table; line-height:33px; font-size:1.25em; font-weight:bold; 
text-shadow:1px 1px 2px rgba(0,0,0,.1); color:#FFF; padding:0 0 0 20px; margin:0;}







.gam_by_bbt,
.gam_sa_bbt{ display:inline-table; width:72px; height:28px; line-height:26px; text-shadow:1px 1px 2px rgba(0,0,0,.2); 
text-align:center; color:#fff; border-radius:5px; color:#fff; padding:0; margin:0 0 0 5px; position:relative;}


.gam_by_bbt::before,
.gam_sa_bbt::before{ display:block; content:""; width:44px; height:15px; color:rgba(0,0,0,0); border-radius:3px 3px 0 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
    position:absolute; top:2px; left:25px; padding:0; margin:0;}


.gam_by_bbt{ border:solid 1px #a00000; background:#df0000; box-shadow:inset 0 0 5px #ff0000, 1px 1px 2px rgba(0,0,0,.2);}
.gam_by_bbt:hover{}

.gam_sa_bbt{ border:solid 1px #007115; background:#318c01; box-shadow:inset 0 0 5px #32c700, 1px 1px 2px rgba(0,0,0,.2);}
.gam_sa_bbt:hover{}











.amount_zone{ width:100px; height:62px; line-height:15px; font-size:.5em; text-align:right; text-shadow:1px 1px 0 #fff;
    border:solid 2px #767676; border-radius:8px; color:#333;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 43%);
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 43%);
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 43%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
    padding:12px 8px 0 8px; margin:0; box-shadow:inset 1px 1px 10px rgba(0,0,0,.1);  position:absolute; top:7px; right:10px; z-index:999;}

.amount_zone::before { display:block; content:""; width:82px; height:60px; color:rgba(0,0,0,0); border-radius:3px 3px 0 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
    position:absolute; top:3px; left:3px; padding:0; margin:0;}

.amzo_go{ display:none;}

.amount_line{ width:100%; height:1px; background:#b3b3b3; padding:0; margin:2px auto;}
































/* -- 右邊上選單 -- */
.x3_right_zone{ display:inline-table; width:252px; background:url(../images/r_sel_bkere.jpg) repeat-y;}


.x3_external_zone{ width:100%; text-align:center; background:rgba(255,255,255,.5); padding:5px 0;}
.x3_external_zone a{ display:inline-table; }
.x3_external_zone a img{ width:auto; height:36px; }


.left_bbter_a{ background:url(../images/left_bbter_a.jpg) repeat-x;}
.left_bbter_a a{ display:block; width:100%; height:32px; line-height:32px; font-size:.8em; text-decoration:none; text-shadow:1px 1px 0 #000; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -108px; padding:0 0 0 22px;}
.left_bbter_a a:hover{}


.left_bbter_b{ background:url(../images/left_bbter_b.jpg) repeat-x;}
.left_bbter_b a{ display:block; width:100%; height:32px; line-height:32px; font-size:.8em; text-decoration:none; text-shadow:1px 1px 0 #264666; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -136px; padding:0 0 0 24px;}
.left_bbter_b a:hover{ text-shadow:1px 1px 0 #FFF; color:#0060c0; background:url(../images/pix_s.gif) no-repeat 0 -164px;} 
.left_bbter_b:hover{ background-position:bottom;}


.left_bbter_c{ background:url(../images/left_bbter_b.jpg) repeat-x;}
.left_bbter_c a{ display:block; width:100%; height:32px; line-height:32px; font-size:.8em; text-decoration:none; text-shadow:1px 1px 0 #264666; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -191px; padding:0 0 0 24px;}
.left_bbter_c a:hover{ text-shadow:1px 1px 0 #FFF; color:#0060c0; background:url(../images/pix_s.gif) no-repeat 0 -218px;} 
.left_bbter_c:hover{ background-position:bottom;}


.share_box{ display:block; width:100%; height:60px; background:rgb(40,59,79); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(40,59,79,1) 0%, rgba(62,85,109,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,59,79,1)), color-stop(100%,rgba(62,85,109,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(40,59,79,1) 0%,rgba(62,85,109,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(40,59,79,1) 0%,rgba(62,85,109,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(40,59,79,1) 0%,rgba(62,85,109,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(40,59,79,1) 0%,rgba(62,85,109,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283b4f', endColorstr='#3e556d',GradientType=0 ); /* IE6-9 */
padding:0; margin:0; position:relative;}
.share_box_f{ display:inline-table; width:58px; height:58px; background:url(../images/sh_f.png) no-repeat; padding:0; margin:0; position:absolute; top:2px; left:5px;}


.x3_qr_zone{ width:100%; text-align:center; padding:8px 0 2px 0;}
.x3_qr{ display:inline-table; width:40%; vertical-align:top; margin:0 5px;}
.x3_qr img{ display:inline-table; width:100%;}
.x3_qr p{ font-size:.7em; text-shadow:1px 1px 0 #fff; color:#333; padding:0; margin:0;} 



.new_ad_title_bar{ color:white; width:100%; height:32px; line-height:32px; font-size:.8em; border-top:solid 1px #6a9fd3; border-bottom:solid 1px #002448;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#255c95+0,1c4774+50,153858+100 */
background: rgb(37,92,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,92,149,1) 0%, rgba(28,71,116,1) 50%, rgba(21,56,88,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(37,92,149,1) 0%,rgba(28,71,116,1) 50%,rgba(21,56,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(37,92,149,1) 0%,rgba(28,71,116,1) 50%,rgba(21,56,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255c95', endColorstr='#153858',GradientType=0 ); /* IE6-9 */
box-sizing:content-box;}
.new_ad_title_bar a{ display:block; text-decoration:none; text-shadow:1px 1px 0 #000; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -108px; padding:0 0 0 22px;}
.new_ad_title_bar a:hover{}


.new_ad_bbt_typ_a{ display:inline-table; width:100%; height:40px; line-height:40px; 
border-top:solid 1px #6a9fd3; border-right:solid 1px #002244; border-bottom:solid 1px #033566; border-left:solid 1px #92c2f1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5584b2+0,537fac+25,4f7aa5+50,4e75a0+75,4c739c+100 */
background: rgb(85,132,178); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(85,132,178,1) 0%, rgba(83,127,172,1) 25%, rgba(79,122,165,1) 50%, rgba(78,117,160,1) 75%, rgba(76,115,156,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(85,132,178,1) 0%,rgba(83,127,172,1) 25%,rgba(79,122,165,1) 50%,rgba(78,117,160,1) 75%,rgba(76,115,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(85,132,178,1) 0%,rgba(83,127,172,1) 25%,rgba(79,122,165,1) 50%,rgba(78,117,160,1) 75%,rgba(76,115,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5584b2', endColorstr='#4c739c',GradientType=0 ); /* IE6-9 */
box-sizing:border-box;}
.new_ad_bbt_typ_a a{ display:block; text-decoration:none; text-shadow:1px 1px 0 #264666; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -131px; padding:0 0 0 24px; margin:0 0 0 13px;}
.new_ad_bbt_typ_a a:hover{ text-shadow:1px 1px 0 #FFF; color:#0060c0; background:url(../images/pix_s.gif) no-repeat 0 -160px;} 
.new_ad_bbt_typ_a:hover{ border-top:solid 1px #f4f4f4; border-right:solid 1px #353535; border-bottom:solid 1px #5a5a5a; border-left:solid 1px #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,f0f0f0+25,f0f0f0+50,eaeaea+75,dadada+100 */
background: rgb(216,216,216); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(240,240,240,1) 25%, rgba(240,240,240,1) 50%, rgba(234,234,234,1) 75%, rgba(218,218,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(240,240,240,1) 25%,rgba(240,240,240,1) 50%,rgba(234,234,234,1) 75%,rgba(218,218,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(240,240,240,1) 25%,rgba(240,240,240,1) 50%,rgba(234,234,234,1) 75%,rgba(218,218,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}


.new_ad_bbt_typ_b{ display:inline-table; width:100%; height:40px; line-height:40px; 
border-top:solid 1px #6a9fd3; border-right:solid 1px #002244; border-bottom:solid 1px #033566; border-left:solid 1px #92c2f1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5584b2+0,537fac+25,4f7aa5+50,4e75a0+75,4c739c+100 */
background: rgb(85,132,178); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(85,132,178,1) 0%, rgba(83,127,172,1) 25%, rgba(79,122,165,1) 50%, rgba(78,117,160,1) 75%, rgba(76,115,156,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(85,132,178,1) 0%,rgba(83,127,172,1) 25%,rgba(79,122,165,1) 50%,rgba(78,117,160,1) 75%,rgba(76,115,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(85,132,178,1) 0%,rgba(83,127,172,1) 25%,rgba(79,122,165,1) 50%,rgba(78,117,160,1) 75%,rgba(76,115,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5584b2', endColorstr='#4c739c',GradientType=0 ); /* IE6-9 */
box-sizing:border-box;}
.new_ad_bbt_typ_b a{ display:block; text-decoration:none; text-shadow:1px 1px 0 #264666; color:#FFF; background:url(../images/pix_s.gif) no-repeat 0 -187px; padding:0 0 0 24px; margin:0 0 0 13px;}
.new_ad_bbt_typ_b a:hover{ text-shadow:1px 1px 0 #FFF; color:#0060c0; background:url(../images/pix_s.gif) no-repeat 0 -214px;} 
.new_ad_bbt_typ_b:hover{ border-top:solid 1px #f4f4f4; border-right:solid 1px #353535; border-bottom:solid 1px #5a5a5a; border-left:solid 1px #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,f0f0f0+25,f0f0f0+50,eaeaea+75,dadada+100 */
background: rgb(216,216,216); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(240,240,240,1) 25%, rgba(240,240,240,1) 50%, rgba(234,234,234,1) 75%, rgba(218,218,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(240,240,240,1) 25%,rgba(240,240,240,1) 50%,rgba(234,234,234,1) 75%,rgba(218,218,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(240,240,240,1) 25%,rgba(240,240,240,1) 50%,rgba(234,234,234,1) 75%,rgba(218,218,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}



.x3_qr{ display:inline-table; width:40%; vertical-align:top; margin:0 5px;}

.x3_qr img{ display:inline-table; width:100%; height:auto;}



/* -- 右邊下選單 -- */
#AD_TXT_AI{width:100%;border-left:solid 1px #999;border-right:solid 1px #999;border-bottom:solid 1px #999;background: rgb(206,220,231); /* Old browsers */background: -moz-linear-gradient(left,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */background: linear-gradient(to right,  rgb(47, 142, 216) 0%,rgb(40, 132, 175) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 */padding:0 0 0 0;}

#AD_TXT_AI_AL{ width:100%; line-height:15px; font-size:.6em; color:#666;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,1) 73%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(73%,rgba(252,252,252,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 73%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 73%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 73%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 73%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
padding:8px 10px 5px 10px; margin:0 0 1px 0;}

#AD_TXT_AI_AL a{ text-decoration:none; color:#007bff; transition: 0.4s;}
#AD_TXT_AI_AL a:hover{ text-decoration:underline; color:#2e5481;}





/* -- 聊天室區塊 -- */
.x3_chart_zone{ width:100%; height:auto; padding:0; margin:0;}


.x3cart_topbar{ display:block; border:solid 1px #ccc; border-radius:0; 
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(235,235,235,1) 37%, rgba(253,253,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(37%,rgba(235,235,235,1)), color-stop(100%,rgba(253,253,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
box-shadow:1px 1px 5px rgba(0,0,0,.5);}

.top_line_bar_up,
.top_line_bar_do{ width:100%; padding:0 10px; margin:0; position:relative;}
.top_line_bar_up{ height:22px; line-height:25px;}
.top_line_bar_do{ height:24px; line-height:24px;}


.top_linegap{ width:100%; height:auto; padding:0; margin:0; position:relative; transition:0.4s;}

.x3_frame_tok{ height:190px; width:400px; line-height:16px; font-size:.9em; color:#536879;
background:rgba(255,255,255,.8); padding:15px; margin:0; box-shadow:inset 1px 1px 8px rgba(0,0,0,.1);
position:absolute; top:0px; right:17px; transition:0.4s;}


.x3top_title_a{ font-size:.8em; color:#3c6688; }
.x3top_title_b{ font-size:.8em; color:#3c6688; position:absolute; top:0; right:10px; transition:0.4s;}

.x3_onlnob{ color:#a14416; padding:0; margin:0 0 0 10px;}

.x3_clcker{ color:#1616fe; padding:0; margin:0 3px 0 10px;}



.x3cart_subdo_a{}
.x3cart_subdo_a ul{ display:inline-table; padding:0; margin:0 0 0 10px;}
.x3cart_subdo_a ul li{ list-style:none; display:inline-table; color:#000; padding:0; margin:0 8px 0 0;}
.x3cart_subdo_a ul li input{  width:18px; height:18px; vertical-align:middle; padding:0; margin:0 3px 0 0;}
.x3cart_subdo_a ul li span{ font-size:9em; text-shadow:1px 1px 0 #fff; vertical-align:bottom; } 

.x3cart_subdo_b{ position:absolute; top:0; right:5px; transition:0.4s;}


.sen_bbt{ font-size:.8em;}
.sen_bbt a{ text-decoration:none; border-radius:2px; border:solid 1px #336699; color:#3c6688;
background: rgb(252,253,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,253,254,1) 0%, rgba(214,222,241,1) 34%, rgba(251,252,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,253,254,1)), color-stop(34%,rgba(214,222,241,1)), color-stop(100%,rgba(251,252,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,253,254,1) 0%,rgba(214,222,241,1) 34%,rgba(251,252,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,253,254,1) 0%,rgba(214,222,241,1) 34%,rgba(251,252,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,253,254,1) 0%,rgba(214,222,241,1) 34%,rgba(251,252,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,253,254,1) 0%,rgba(214,222,241,1) 34%,rgba(251,252,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfe', endColorstr='#fbfcfd',GradientType=0 ); /* IE6-9 */
 padding:0 5px 1px 5px; margin:0 5px 0 0; transition: 0.4s;}
.sen_bbt a:hover{ color:#FFF;
background: rgb(172,180,197); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(172,180,197,1) 0%, rgba(190,197,211,1) 31%, rgba(153,162,180,1) 33%, rgba(169,177,194,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,180,197,1)), color-stop(31%,rgba(190,197,211,1)), color-stop(33%,rgba(153,162,180,1)), color-stop(100%,rgba(169,177,194,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(172,180,197,1) 0%,rgba(190,197,211,1) 31%,rgba(153,162,180,1) 33%,rgba(169,177,194,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(172,180,197,1) 0%,rgba(190,197,211,1) 31%,rgba(153,162,180,1) 33%,rgba(169,177,194,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(172,180,197,1) 0%,rgba(190,197,211,1) 31%,rgba(153,162,180,1) 33%,rgba(169,177,194,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(172,180,197,1) 0%,rgba(190,197,211,1) 31%,rgba(153,162,180,1) 33%,rgba(169,177,194,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb4c5', endColorstr='#a9b1c2',GradientType=0 ); /* IE6-9 */
}
.sen_bbt span{ color:#3c6688;}






.top_sel_nav_bk{
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(235,235,235,1) 37%, rgba(253,253,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(37%,rgba(235,235,235,1)), color-stop(100%,rgba(253,253,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(235,235,235,1) 37%,rgba(253,253,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
}



.rdata_main_bk{
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(237,237,237,1) 50%, rgba(232,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(50%,rgba(237,237,237,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(237,237,237,1) 50%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(237,237,237,1) 50%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(237,237,237,1) 50%,rgba(232,232,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(237,237,237,1) 50%,rgba(232,232,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}







.x3data_typebar{ width:100%; height:auto; border-radius:8px 8px 0 0; border:solid 1px #afadad; 
background:#c9c9c9; padding:4px; margin:10px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,.1); box-sizing:border-box;}

.x3data_inmain{ width:100%; height:auto; border-radius:4px 4px 0 0;}

.x3_intype_box{ width:100%; border-bottom:solid 1px #999; padding:0px; margin:0;}
.x3_intype_box textarea{ width:100%; height:30px; font-size:.9em; text-shadow:1px 1px 0 #fff; border:none; color:#0066cc; 
background:none; padding:10px; margin:0; overflow:hidden; outline:none;}

.x3_intype_dodata{ width:100%; height:26px; line-height:26px; font-size:.8em; color:#000; padding:0; margin:0; position:relative;}
.x3_intype_dodata li{ display:inline-table; padding:0; margin:0 0 0 10px;}
.x3_intype_dodata li input{ width:18px; height:18px; padding:0; margin:0 3px 0 0; vertical-align:middle;}
.x3_intype_dodata li span{ text-shadow:1px 1px 0 #fff; vertical-align:bottom;}

.x3_intype_dobbt{ position:absolute; top:0;  transition:0.4s;}





.x3_charts_box{ height:180px; padding:10px; overflow-y:auto; overflow-x:hidden; transition:0.4s;}

.x3_charts_line{ line-height:20px; font-size:.8em;}
.x3chart_time{ display:inline-table; color:#9e9e9e;}
.x3chart_tname{ display:inline-table;}





@media (max-width: 1024px) {
}


@media (max-width: 768px) {
}


@media (max-width: 414px) {
.x_linere_bar_mobile{ display:none}
.x3_main_zone{ width:100%;}
.x3_sel_bar{ display:block; width:100%; height:auto; overflow:hidden;}

.x3_top_select{ display:inline-table; width:38px; height:33px; border:solid 1px #0a2b49; border-radius:7px;
background:url(../images/3x_sel_bbt.png); background-size:cover; padding:0; margin:-2px 3px 0 1px; vertical-align:top;}

.x3_sel_bar ul li{ display:inline-table; }

.x3_split_r{ display:block; width:100%; height:auto; overflow:hidden; overflow-x:scroll;}

.test_a,
.test_b,
.test_c,
.test_d,
.test_e{ display:block; width:100%; height:auto; }

.test_b,.test_c,.test_d,.test_e{ width:788px; padding:0; margin:0;}

.game_data_zone { width:788px;}

.game_data_zo_li{ width:414px; height:76px; border-right:solid 1px #767676; position:relative;}
.game_data_zo_ri{ width:372px; height:76px; text-align:center;}

.x3_payapl{ margin: 3px 45px 0 0;}
.game_data_zo_ri p{ font-size: 1.2em; margin: 2px 0px 0 20px;}
.x3_topdo_boxsele li a{ padding: 1px 13.5px;}

.game_n_data{ padding:0 0 0 10px; margin:0;}

.game_site_box_up a, .game_site_box_do a{ margin:-3px 10px 0 10px;}

.amount_zone{ right:44px;}

.amzo_go{ display:block; position:absolute; top:24px; right:10px;}

.x3_qr{ display:none; }
.x3_qr img{ display:inline-table; width:50%;}
.x3_qr p{ font-size:.7em; text-shadow:1px 1px 0 #fff; color:#333; padding:0; margin:0;} 

.footer_to{ width:100%; padding:5px 15px; margin:0;}
.footer_bottom{ width:100%; height:auto; background:url(../images/footer/footer_bkere.jpg); padding:0 20px; margin:0 auto;}


/* -- 聊天室區塊 -- */
.top_line_bar_do{ height:53px;}

.x3top_title_b{ right:383px;}

.x3cart_subdo_b{ top:25px; right:502px;}

/*.x3_intype_dobbt{ right:374px;}*/

.x3_charts_box{ height:210px;}

.x3_frame_tok{ width:414px; height:auto; background:rgba(255,255,255,.9); position:relative; top:0; right:0;}



}


@media (max-width: 375px) {
}


@media (max-width: 320px) {
}




























