body {
    background-color: #e9e9e9;
}
.text_blue {
    color: #000fff;
}
.text_lightblue {
    color: #0092e6;
}
.text_orange {
    color: #f80;
}
.text_pink {
    color: #f0f;
}
.text_black_bold {
    color: #062523;
    font-weight: bold;
}
/*輸入框內的文字設定*/
input::placeholder {
    color: rgba(0, 0, 0, 0.35);
    font-size: 0.95em;
}
input[type="text"]:focus, input[type="password"]:focus {
    color: #1d86c3;
}
/*表格內(共用)*/
.content_set td.text_right { /*文字靠右*/
    text-align: right;
    padding-right: 5px;
}
.content_set td.text_left { /*文字靠左*/
    text-align: left;
    padding-left: 5px;
}
.content_set td.text_center { /*文字置中*/
    text-align: center;
}
.content_set td a {
    color: #0092e6;
    text-decoration: underline;
}
.content_set td a:hover, .content_set td a:active, .content_set td a:focus {
    color: #ca0000;
}
.content_set tr:hover {
    background: #fcffeb;
}
.content_set tr:nth-of-type(2n+1) {
    background: #f5f5f5;
}
.content_set tr:nth-of-type(2n+1):hover {
    background: #fcffeb;
}
.index_content .rightbar_set a {
    cursor: pointer;
    width:180px;
    line-height: 2;
}
/*備註欄限制10位元*/
.text_note {
    width: 160px;
}
/*勾選、單選欄位變大*/
input[type="checkbox"], input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
/*********  首頁_右側(內容)  *********/
/*快速連結標籤(共用)*/
.tab_content {
    padding-top: 20px;
}
.tab_set {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 36px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.tab_list {
    display: inline-block;
    *display: inline;
    line-height: 30px;
    margin: 0 5px 5px 0;
    padding: 0 0 0 5px;
    border: 1px solid #a8a8a8;
    color: #666;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
}
.tab_list .tabbox a {
    color: #666;
}
.tab_list:hover, .tab_list:active, .tab_list:focus,
.tab_list.selected {
    color: #fff;
    background-color: #308ece;
    border: 1px solid #467ca0;
}
.tab_list.selected .tabbox a {
    color: #fff;
    background-color: #308ece;
    border: 0;
}
.tab_list .tabbox a:hover, .tab_list .tabbox a:active {
    color: #fff;
}
.icon_tab {
    display: inline-block;
    *display: inline;
    width: 15px;
    height: 15px;
    background: url(../images/index_icon/icon_tab.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.tab_list .tabbox .text {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
}
.tab_close {
    display: inline-block;
    *display: inline;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border: 0;
    background: url(../images/index_icon/btn_close.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    cursor: pointer;
}
.tab_content, .index_content {
    position: relative;
    top: 80px;
    width: 87%;
    margin-bottom: 20px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/*首頁右側_快速連結標籤_右鍵選單(共用)*/
.tab_menu {
    position: absolute;
    top: 50px;
    left: 270px;
    width: 130px;
    list-style: none;
    border: 1px solid #c9c9c9;
    border-bottom: none;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 99;
}
.tab_menu li {
    width: 110px;
    height: 25px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 25px;
    padding-left: 20px;
    background: #fff;
    cursor: pointer;
}
.tab_menu li a {
    color: #333;
    padding-left: 5px;
}
.tab_menu li:hover, .tab_menu li:active  {
    background-color: #9bc6da;
    background-image: url(../images/index_icon/icon_tabarrow.png);
    background-repeat: no-repeat;
    background-size: 9px 7px;
    background-position: 10px;
}

/*********  箭頭 (共用)  *********/
/* 垂直翻轉 */
.th_arrow { /*向下箭頭*/
    position: relative;
    top: 0;
    display: inline-block;
    *display: inline;
    margin: 5px 0 0 5px;
    border: 6px solid;
    border-color: #ff8d00 transparent transparent transparent;
    vertical-align: middle;
    cursor: pointer;
}
.arrow_flipy { /*垂直翻轉*/
    top: -4px;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV; /*for IE*/
}
.arrow_set { /*感應範圍*/
    width: 20px;
    height: 20px;
    cursor: pointer;
}
/*垂直翻轉*/
.tb_arrow { /*向下箭頭*/
    position: relative;
    top: 0;
    display: inline-block;
    *display: inline;
    margin: 3px 0 0 3px;
    border: 6px solid;
    border-color: #ff8d00 transparent transparent transparent;
    vertical-align: middle;
}
.tb_flipy {
    top: -4px;
    transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    filter: FlipV;
}
/*水平翻轉*/
.r_arrow { /*向右箭頭*/
    position: relative;
    top: 0;
    display: inline-block;
    *display: inline;
    margin: 0 0 0 5px;
    border: 6px solid;
    border-color: transparent transparent transparent #ff0;
    vertical-align: middle;
}
.l_arrow { /*向左箭頭*/
    position: relative;
    top: 0;
    display: inline-block;
    *display: inline;
    margin: 0;
    border: 6px solid;
    border-color: transparent #ff0 transparent transparent;
    vertical-align: middle;
}
.r_flipy {
    left: -4px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    filter: FlipH;
}
.l_flipy {
    right: -4px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1); /*Firefox*/
    -webkit-transform: scaleX(-1); /*Safari + Chrome*/
    -o-transform: scaleX(-1); /*Opera*/
    -ms-transform: scaleX(-1); /*IE 9*/
    filter: FlipH; /*IE*/
}
/* 館別類型箭頭 */
.chk_arrow {/*水平翻轉*/
    margin: 0 0 0 5px;
    border: 6px solid;
    border-color: transparent transparent transparent #ff8d00;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
}

/*********  標題外表格(共用)  *********/
/*查詢功能(共用)*/
.index_content .blue_title span, .index_content .yellow_title span,
.index_content .red_title span {
    color: #666;
    font-size: 1.3em;
}
.listagent_tips {/*標題下面備註文字*/
    width: 97%;
    margin: 10px auto;
}
/*打勾、未打勾_假圖*/
.chkbox_yes {
    display: inline-block;
    *display: inline;
    width: 19px;
    height: 19px;
    background: url(../images/index_icon/chkbox_yes.gif) no-repeat center;
    background-size: 100% auto;
    vertical-align: middle;
}
.chkbox_no {
    display: inline-block;
    *display: inline;
    width: 19px;
    height: 19px;
    background: url(../images/index_icon/chkbox_no.gif) no-repeat center;
    background-size: 100% auto;
    vertical-align: middle;
}
/*********  上表格(共用)  *********/
.top_box {
    width: 100%;
    margin: 0 10px 20px 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*綠色標題(共用)*/
.blue_title {
    line-height: 50px;
    padding-left: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #2a9e9a; /*綠色*/
    border-bottom: 1px solid #ccc;
}
.top_box .content_set {
    width: 96%;
    margin: 15px auto;
    padding-bottom: 5px;
    font-size: 0.95em;
    color: #777;
    text-align: left;
    overflow: hidden;
}
/*********  下表格(共用)  *********/
.bottom_box {
    width: 100%;
    margin: 0 10px 20px 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*黃色標題(共用)*/
.yellow_title {
    line-height: 50px;
    padding-left: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #ffb100; /*黃色*/
    border-bottom: 1px solid #ccc;
}
.bottom_box .content_set {
    width: 96%;
    margin: 15px auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 20px 0;
}
/*會員列表-狀態說明框*/
.bottom_box .content_memlist {
    padding: 0 0 200px 0;
}
/*紅色標題(共用)*/
.red_title {
    line-height: 50px;
    padding-left: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #e26969; /*紅色*/
    border-bottom: 1px solid #ccc;
}
.title_accbtn {/*帳號人頭圖*/
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/index_icon/title_account.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.title_words {/*帳號樣式*/
    display: inline-block;
    font-size: 15px;
    color: #444;
    vertical-align: middle;
}
/******* 各式按鈕 (共用) *******/
/*大-藍色按鈕(共用)*/
.btn_bluebig {
    display: inline-block;
    *display: inline;
    width: 45%;
    padding: 7px 0;
    margin: 10px 2px;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    border: 0;
    background: #34b3c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.btn_bluebig:hover, .btn_bluebig:active, .btn_bluebig:focus {
    border: 0;
    background: #11899c;
}
/*橫向列表_大黃色按鈕(共用)*/
.yellowbig_btn {
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    margin: 7px 2px;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    border: 0;
    background: #ff8d00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.yellowbig_btn:hover, .yellowbig_btn:active, .yellowbig_btn:focus {
    border: 0;
    background: #ca5400;
}
/*下方黃色大確認紐_置中*/
.srchbtn_set, .detailbtn_set {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.btn_yellowbig {
    display: inline-block;
    *display: inline;
    width: 45%;
    padding: 7px 0;
    margin: 10px 2px;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    border: 0;
    background: #ff8d00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.btn_sendit:hover, .btn_sendit:active, .btn_sendit:focus,
.btn_back:hover, .btn_back:active, .btn_back:focus {
    background: #ca5400;
}
/*橫向列表_大藍色按鈕(共用)*/
.bluebig_btn {
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    margin: 7px 2px;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    border: 0;
    background: #34b3c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.bluebig_btn:hover, .bluebig_btn:active, .bluebig_btn:focus {
    border: 0;
    background: #11899c;
}
/*小-黃色按鈕(共用)*/
.btn_yellowsmall {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 2px;
    padding: 4px 10px;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    border: 0;
    background: #ff8d00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.btn_yellowsmall:hover, .btn_yellowsmall:active, .btn_yellowsmall:focus {
    border: 0;
    background: #ca5400;
}
/*小-藍色按鈕(共用)*/
.btn_bluesmall {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 2px;
    padding: 4px 10px;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    border: 0;
    background: #34b3c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.btn_bluesmall:hover, .btn_bluesmall:active, .btn_bluesmall:focus {
    border: 0;
    background: #11899c;
}
/*新增子帳號按鈕*/
.yellow_title .page_back, .red_title .page_back {
    margin-right: 2%;
    float: right;
}

/************ 列表上方的頁碼功能選單 ***********/
.function_set {
    width: 96%;
    margin: 10px auto;
}
.function_set .select_set, .page_set {
    display: inline-block;
    *display: inline;
    margin: 10px 30px 0 0;
    color: #666;
    font-size: 0.9em;
    margin-right: 20px;
}
.function_set .text_set {/*頁碼列_筆數*/
    line-height: 20px;
    float: right;
    margin: 10px 0 0 0;
    vertical-align: top;
}
.function_set .money {/*頁碼列_筆數*/
    color: #666;
    font-size: 0.9em;
    display: inline-block;
    *display: inline;
}
.function_set .select_set select, .function_set .page_set select {
    height: 25px;
    line-height: 25px;
    color: #666;
    font-size: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", Georgia, "Times New Roman", Times, serif;
}
.btn_selectall, .btn_cancel, .btn_del, .btn_date,
.btn_sendit, .btn_add, .btn_search, .btn_back {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 2px;
    padding: 4px 10px;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    border: 0;
    background: #34b3c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.btn_selectall:hover, .btn_selectall:active, .btn_selectall:focus,
.btn_cancel:hover, .btn_cancel:active, .btn_cancel:focus,
.btn_del:hover, .btn_del:active, .btn_del:focus,
.btn_date:hover, .btn_date:active, .btn_date:focus,
.btn_sendit:hover, .btn_sendit:active, .btn_sendit:focus,
.btn_add:hover, .btn_add:active, .btn_add:focus,
.btn_search:hover, .btn_search:active, .btn_search:focus,
.btn_back:hover, .btn_back:active, .btn_back:focus {
    border: 0;
    background: #11899c;
}
.function_set .dp_btnset {
    margin: 0 auto;
    padding: 10px 0 20px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}
.function_set .page_set {
    vertical-align: top;
}
.function_set .input_page {
    display: inline-block;
    *display: inline;
    width: 45px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
/*********  首頁右側_統計圖表  *********/
/*輸贏金額、會員人數統計*/
.top_wrap{
    display: inline-block;
    position: relative;
    width: 49%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.top_rightbar_set {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.rightbar_set {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
}
.infobox {
    display: inline-block;
    *display: inline;
    width: 32%;
    height: 125px;
    overflow: hidden;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.infobox:hover, .infobox:active {
    background-color: rgba(0, 0, 0, 0.5);
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.bg_pink, .bg_deepblue, .bg_blue, .bg_green, .bg_yellow, .bg_orange {
    margin: 0;
}
.bg_pink {
    background-color: #ec3473;
}
.bg_deepblue {
    background-color: #008dde;
}
.bg_blue {
    background-color: #00a4b9;
}
.bg_green {
    background-color: #48a548;
}
.bg_yellow {
    background-color: #bfb100;
}
.bg_orange {
    background-color: #f18e27;
}
.infobox .icon_bg {
    float: left;
    width: 80px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    height: 125px;
    position: relative;
}
.infobox .icon_money, .icon_deposit, .icon_consignment, .icon_group, .icon_points, .icon_leave {
    display: inline-block;
    *display: inline;
    position: absolute;
    left: 10px;
    top: 20px;
    width: 65px;
    height: 65px;
    line-height: 98px;
    margin: 7px auto;
    text-align: center;
    opacity: 0.75;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.icon_money {
    background: url(../images/index_icon/icon_money.png) no-repeat;
    background-size: 100% auto;
}
.icon_deposit {
    background: url(../images/index_icon/icon_deposit.png) no-repeat;
    background-size: 100% auto;
}
.icon_consignment {
    background: url(../images/index_icon/icon_consignment.png) no-repeat;
    background-size: 100% auto;
}
.icon_group {
    background: url(../images/index_icon/icon_group.png) no-repeat;
    background-size: 100% auto;
}
.icon_points {
    background: url(../images/index_icon/icon_points.png) no-repeat;
    background-size: 100% auto;
}
.icon_leave {
    background: url(../images/index_icon/icon_leave.png) no-repeat;
    background-size: 100% auto;
}
.rightbar_content {
    padding: 0;
    color: #fff;
}
.rightbar_content .text {
    font-size: 1.05em;
    text-align: center;
    margin: 33px 0 10px;
}
.bg_orange .text,.bg_deepblue .text,.bg_blue .text,
.bg_green .text,.bg_yellow .text,.bg_pink .text{
    line-height: 2;
}
.rightbar_content .number {
    font-size: 1.5em;
}
/*代理金額比例*/
.ratebox {
    float: left;
    width: 69%;
    height: 400px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ratebox .title_set {
    line-height: 50px;
    padding-left: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #008dde;
    border-bottom: 1px solid #ccc;
}
.title_set span {
    color: #666;
    font-size: 1.3em;
}
.ratebox .content_set {
    width: 96%;
    height: 300px;
    margin: 22px auto;
    text-align: left;
    overflow: auto;
}
.rate {
    min-width: 100%;
    background: #fff;
    font-size: 1em;
    overflow: hidden;
}
.rate tr:nth-of-type(2n) {
    background: #f1f1f1;
}
.rate th {
    padding: 0 0.5em 0.5em 0.5em;
    text-align: left;
}
.rate td {
    padding: 0.8em;
    color: #777;
    text-align: left;
    word-wrap: break-word;
}
.rate td:before {
    display: none;
}
.rate .cell1 {
    width: 10%;
}
.rate .cell2, .rate .cell3 {
    width: 20%;
}
.rate .cell4 {
    width: 20%;
}
.content_set .rate tr:nth-of-type(2n+1) {
    background: #fff;
}
/*th和td的第一個欄位，不向左移*/
/*.rate th:first-child, .rate td:first-child {
    padding-left: 0;
}*/
/*代理金額比例的長條棒*/
.progress {
    position: relative;
    top: 0;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    background-color: #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.progress_bar {
    float: left;
    width: 0;
    height: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #666;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress .bg_green {
    background-color: #85d63c;
    color: #000;
}
.progress .bg_deepgreen {
    background-color: #16961f;
}
.progress .bg_blue {
    background-color: #2196F3;
}
.progress .bg_lightblue {
    background-color: #00d4ef;
    color: #000;
}
.progress .bg_orange {
    background-color: #ff8d00;
}
.progress .bg_red {
    background-color: #f00;
}
.progress .bg_yellow {
    background-color: #ffe000;
    color: #000;
}
.progress .bg_pink {
    background-color: #ff00c8;
}
.progress .bg_purple {
    background-color: #8800ef;
}
.progress .bg_gray {
    background-color: #000;
}
/*會員佔成比例*/
/*圓餅圖*/

.highcharts-container {
    margin: 0 auto;
}
.tab_group {
    display: inline-block;
    width: 100%;
    text-align: center;

}

.content > div {
    display: none;
    padding: 10px;
}

.tab_group input {
    display: none;
}

.tp {
    display: inline-block;
    transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform:translateX(50px);
    float: right;
    cursor: pointer;
    background: #818181;
    border: 2px solid #eeeeee;
    width: 13px;
    height: 13px;
    margin: 0 10px;
    border-radius: 20px;
}

.tp:hover {
    color: #fff;
    cursor: pointer;
}

input:checked + .tp {
    background: #FFA500;
    color: #fff;
}

#tab1:checked ~ .content #content_wrap1,
#tab2:checked ~ .content #content_wrap2,
#tab3:checked ~ .content #content_wrap3
{
    display: block;
    text-align: left;
}
.content{
    display: inline-block;
}
.content #chart_content1,.content #chart_content2,
.content #chart_content3,.content #chart_content4
{
    width: 600px!important;
    display: inline-block;
    height: 450px;
}
#chart_content5{
    width: 95%!important;
    margin: 0 auto;
    height: 450px;
}
.content #chart_content6{
    width: 100%!important;
    height: 450px;
}
.agentbox_top {
    float: left;
    width: 100%;
    height: 300px;
    margin: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.agentbox_top .title_set {
    line-height: 35px;
    text-align: center;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #ffb100;
    border-bottom: 1px solid #ccc;
}

.agentbox_new .title_set {
    line-height: 35px;
    text-align: left;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #ffb100;
    border-bottom: 1px solid #ccc;
}
.agentbox_new{
    width: 50%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.agentbox {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.agentbox .title_set {
    line-height: 35px;
    text-align: left;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #ffb100;
    border-bottom: 1px solid #ccc;
}
.agentbox .content_set {
    position: relative;
    top: -15px;
    text-align: center;
}
.agent_title {
    position: relative;
    top: 150px;
}
.agent_title .name {
    font-size: 2.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
.agent_title .ratio {
    font-size: 1.5em;
}
.img_agent_circle {
    display: inline-block;
    *display: inline;
    width: 237px;
    height: 238px;
    background: url(../images/index_icon/agent_circle.png) no-repeat;
    background-size: 100% auto;
}


/********* 總報表 (共用) *********/
/*查詢*/
.listadmin_set {
    background: #f1f1f1;
}
.listadmin_set .srchlist {
    display: inline-block;
    *display: inline;
    padding: 5px 0;
    text-align: left;
    vertical-align: middle;
}
.listadmin_set .text {
    width: 124px;
    height: 30px;
    padding: 0 0 0 10px;
    background: #f1f1f1;
}
.datelisttips {
    padding: 0 0 0 10px;
}
.listadmin_set .srchlist .select_set {
    display: inline-block;
    *display: inline;
    width: 130px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.listadmin_set .srchlist .srch_input {
    display: inline-block;
    *display: inline;
    width: 123px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.listadmin_set .datelist {
    display: block;
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
}
.listadmin_set .datelist .date_input {
    display: inline-block;
    *display: inline;
    width: 123px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.listadmin_set .datelist .srch_input {
    display: inline-block;
    *display: inline;
    width: 103px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #666;
    font-size: 0.95em;
    background-image: url(../images/index_icon/icon_date.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: auto 70%;
    background-position: 95% 45%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
}
.listadmin_set dt, .listadmin_set dd,
.listadmin_set .datelist .input_set,
.listadmin_set .datelist .btn_set {
    display: inline-block;
    *display: inline;
    line-height: 30px;
    vertical-align: middle;
}
.th_arrow {
    display: inline-block;
    *display: inline;
    margin: 5px 0 0 5px;
    border: 6px solid;
    border-color: #ff8d00 transparent transparent transparent;
    vertical-align: middle;
}
/*第一列項目勾選*/
.allreport_set {
    width: 96%;
    margin: 15px auto;
    padding: 5px;
    font-size: 0.95em;
    color: #777;
    text-align: left;
    border: 1px solid #ccc;
    overflow: hidden;
}
.allreport_set .titlelist {
    display: inline-block;
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
}
.allreport_set dt, .allreport_set dd {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}
.allreport_set .agent_chk {
    display: inline-block;
}
.allreport_set .titlelist dd {
    margin: 0 20px 0 0;
}
.allreport_set .text {
    display: inline-block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    background: #f1f1f1;
    vertical-align: middle;
}
.chkbox_text {
    display: inline-block;
    color: #0092e6;
    text-decoration: underline;
    vertical-align: middle;
}
.allreport_set .srchlist {
    display: inline-block;
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
}
/*股東列表*/
.function_set .showmoney_set {
    line-height: 20px;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: top;
}
.showmoney_set .showmoney_list a {
    text-decoration: underline;
}
.tips_arrow {/*箭頭*/
    display: inline-block;
    margin-left: 5px;
    border: 6px solid;
    border-color: transparent transparent transparent #666;
    vertical-align: middle;
}
.function_set .showmoney_list {
    width: 98%;
    margin: 2px 0;
    padding: 5px;
    color: #666;
    font-size: 0.9em;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.function_set .showmoney_bg3 {
    background-color: #f3f3f3;
}
/*********  新增管理員  *********/
.addaccess_table {
    font-size: 1em;
    color: #777;
    background: #fff;
    overflow: auto;
}
.addaccess_table th {
    padding: 5px 0 5px 5px;
    color: #fff;
    text-align: left;
    background-color: #006092;
    border: 1px solid #57839e;
    vertical-align: bottom;
}
.addaccess_table td.cell1 { /*標題*/
    padding: 10px 5px 10px 0;
    text-align: right;
    background-color: #dcf2ff;
    border: 1px solid #ccc;
    vertical-align: top;
}
.addaccess_table td.cell2 {
    width: 83%;
    padding: 10px 0 10px 10px;
    text-align: left;
    border: 1px solid #ccc;
    vertical-align: top;
}
.addaccess_table .addaccess_input {
    display: inline-block;
    *display: inline;
    width: 97%;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.add_access {
    width: 99%;
    line-height: 16px;
}
.add_access dt {
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background: #62a4af;
    background: -moz-linear-gradient(right, #62a4af 0%, #fff 100%);
    background: -webkit-linear-gradient(right, #62a4af 0%, #fff 100%);
    background: linear-gradient(to right, #62a4af 0%, #fff 100%);
    vertical-align: top;
}
.add_access dd {
    /*width: 98.5%;*/
    padding: 10px 0 10px 10px;
    /*font-size: 0.9em;*/
    background: #fff;
    word-break: break-all;
    vertical-align: top;
}
.check_text {
    display: inline-block;
    *display: inline;
    width: 24%;
    margin-bottom: 5px;
    vertical-align: top;
}
.add_access dd input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
/*各館開放類型_下框*/
.popup_showgame .popup_title, .popup_gamedetail .popup_title {
    line-height: 38px;
    color: #666;
    text-align: center;
    font-size: 1.3em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    background-color: #c3c3c3;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.game_show2, .game_show3, .game_chk3 {
    padding: 10px 0 10px 15px;
    text-align: left;
}
.game_chk2 {
    padding: 10px;
    text-align: left;
}
.game_show2 dl, .game_show3 dl, .game_chk2 dl, .game_chk3 dl {
    display: inline-block;
    width: 33%;
    margin: 5px -3px;
    font-size: 0.9em;
    text-align: center;
}
.game_show2 dt, .game_show3 dt, .game_chk2 dt, .game_chk3 dt {
    display: block;
    line-height: 16px;
    padding: 5px 0;
    color: #fff;
    background-color: #666;
    border: 1px solid #bbb;
    border-bottom: none;
}
.game_show2 dd, .game_show3 dd, .game_chk2 dd, .game_chk3 dd {
    display: block;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #bbb;
}
.game_show2 span, .game_show3 span, .game_chk2 span, .game_chk3 span {
    vertical-align: middle;
}
.game_show2 .chk_detail {
    color: #ffd600;
    text-decoration: underline;
    vertical-align: middle;
}
/*館內開放遊戲_下框*/
.popup_showgame, .popup_gamedetail {
    position: relative;
    display: inline-block;
    width: 47%;
    margin: 0 1% 1%;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    vertical-align: top;
}

/*(第一層)遊戲類別勾選*/
.game_chk1 {
    display: block;
    margin-left: 10px;
    text-align: left;
}
.game_chk1 .chktitle_div {
    margin: 5px 0;
}
.game_chk1 dl {
    display: inline-block;
    *display: inline;
    width: 18%;
    margin: 5px -3px;
    font-size: 1em;
    text-align: center;
}
.game_chk1 .selectall_bg1 {
    background-color: #d45656;
}
.game_chk1 .selectall_bg2 {
    background-color: #fffade;
}
.game_chk1 dt {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 5px 0;
    color: #fff;
    background-color: #488ab1;
    border: 1px solid #bbb;
    border-bottom: none;
}
.game_chk1 dd {
    display: block;
    padding: 2px 0;
    background-color: #fff;
    border: 1px solid #bbb;
}
.game_chk1 .bg1 {
    color: #fff;
    background-color: #006092;
}
.game_chk1 span {
    vertical-align: middle;
}
.game_chk1 .chk_detail {
    color: #ffd600;
    text-decoration: underline;
    vertical-align: middle;
}
.game_chk1 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
/*(第二層)各館勾選_下框*/
/*外框+標題(第二、第三層共用)*/
.popup_gamedetail .closebtn, .popup_showgame .closebtn {
    position: absolute;
    right: 0;
    width: 38px;
    height: 38px;
    background: url(../images/index_icon/popup_close.png) no-repeat center;
    background-size: 40% auto;
    cursor: pointer;
}
/*遊戲內容*/
.game_chk2 .selectall_bg1, .game_chk3 .selectall_bg1 {
    background-color: #d45656;
}
.game_chk2 .selectall_bg2, .game_chk3 .selectall_bg2 {
    background-color: #fffade;
}
.game_chk2 .chktitle_div, .game_chk3 .chktitle_div {
    margin: 5px 0;
}
.game_chk2 .bg1, .game_chk3 .bg1 {
    color: #fff;
    background-color: #006092;
}
.game_chk2 .chk_detail, .game_chk3 .chk_detail {
    color: #ffd600;
    text-decoration: underline;
    vertical-align: middle;
}
.game_chk2 .chk_detail:hover {
    color: #d20000;
    text-decoration: none;
}
.game_chk2 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
/*(第三層)遊戲列表勾選_下框*/
/*遊戲內容*/
.game_chk3 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    vertical-align: middle;
}
/******* 公告 / 信箱(共用) ********/
.msg_menu {
    width: 100%;
    margin-bottom: 20px;
}
.msgtitle_set {
    clear: both;
    height: 30px;
    line-height: 30px;
    color: #fff;
    /*text-align: center;*/
    background-color: #0e4c49;
    border: 1px solid #319893;
    vertical-align: middle;
    overflow: hidden;
}
.msgtitle_set .msg_text {
    height: 20px;
    line-height: 20px;
    font-size: 1em;
    text-align: center;
    display: inline-block;
    *display: inline;
}
.msgtitle_set .cell2 {/*時間欄位*/
    width: 15%;
    border-right: 1px solid #2a8e89;
}
.msgtitle_set .cell1 {/*類別欄位*/
    width: 8%;
    border-right: 1px solid #2a8e89;
}
.msgtitle_set .cell3 {/*內容欄位*/
    width: 75%;
}
/*無信息欄位*/
.msginfo_set {
    background: #fff;
    border: 1px solid #D4D4D4;
    border-top: none;
}
.no_msg {
    height: 15px;
    padding: 7px 0;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #666;
}
/*公告內容*/
.msg_list {
    /*height: 22px;*/
    padding: 5px 10px;
}
.msg_list .title_center {/*時間欄*/
    width: 15%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    *display: inline;
}
.msg_time {/*時間欄、類別欄*/
    line-height: 20px;
    font-size: 1em;
    color: #666;
    vertical-align: middle;
}
.msg_list .title_left {/*類別欄*/
    width: 8%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    *display: inline;
}
.msg_list .title_right {/*內容欄*/
    width: 75%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
}
.msg_title {/*內容欄*/
    /*float: left;*/
    width: 94%;
    line-height: 20px;
    margin-left: 10px;
    color: #ca0000;
    font-size: 1em;
    font-weight: bold;
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    display: inline-block;
    *display: inline;
}
.msg_arrow {/*下拉箭頭*/
    display: inline-block;
    float: right;
    margin: 7px 5px 0 0;
    border: 6px solid;
    border-color: #408e8a transparent transparent transparent;
}
.msg_container {/*下拉後內容*/
    display: none;
    line-height: 20px;
    padding: 10px 20px;
    margin: 0 auto;
    font-size: 1em;
    text-align: justify;
    color: #555;
    border-top: 1px dotted #bbb;
    background-color: #f7f7f7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
/* 信箱上方按鈕列 */
.function_set .btn_set {
    line-height: 20px;
    margin: 10px 0 0 0;
    vertical-align: top;
    float: right;
}
.function_set .btn_set span {
    color: #666;
    font-size: 0.9em;
}
/* 線上留言 */
.mag_text {
    padding: 20px 25px;
    background-color: #efefef;
}
.mag_text h3 {
    font-size: 1em;
    margin: 0 0 5px 10px;
}
.mag_text textarea {
    resize: none;
    width: 97.5%;
    height: 150px;
    line-height: 20px;
    font-size: 1em;
    color: rgb(102, 102, 102);
    background-color: rgb(255, 255, 255);
    font-family: Arial, 微軟正黑體, "Microsoft JhengHei", 新細明體, PMingLiU;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    border-radius: 3px;
}
/******* 新增子帳號 *******/
.content_set_creator {
    width: 100%;
    margin: 0 auto;
}
.checkbox_set_YN {
    margin-right: 15px;
    display: inline-block;
    *display: inline;
}
.searchlist_creator {
    width: 48%;
    padding: 5px 0;
    display: inline-block;
    *display: inline;
}
.srch_input_creator {
    width: 160px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
}
.select_set_creator {
    width: 167px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", Georgia, "Times New Roman", Times, serif;
    display: inline-block;
    *display: inline;
}
.text_creator {
    width: 80px;
    text-align: left;
    padding: 0 0 0 10px;
    display: inline-block;
    *display: inline;
}
/* 身分說明 */
.regagent_table .regagent_icon {
    display: inline-block;
    *display: inline;
    width: 25px;
    height: 20px;
    background: url(../images/index_icon/icon_Select.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
/*經銷商設定*/
.agdetail_list {
    display: inline-block;
    *display: inline;
    padding: 10px 0 0 0;
    vertical-align: top;
}
.agdetail_list .info_input div {
    display: inline-block;
    *display: inline;
    margin-right: 5px;
}
.agdetail_list .agent_input {
    display: inline-block;
    *display: inline;
    width: 50px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
#subAccount {
    border: 3px solid #ccc;
}
/*代理_註冊會員*/
/*.memberbox, .regmem_box {
    width: 100%;
    margin: 0 10px 20px 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.memberbox .title_set, .regmem_box .title_set {
    line-height: 50px;
    padding-left: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-left: 10px solid #ffb100;
    border-bottom: 1px solid #ccc;
}*/
/*子帳號權限說明*/
.add_subaccount {
    position: relative;
    display: inline-block;
    width: 99%;
    margin: 0 1% 1%;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    vertical-align: top;
}
.add_subaccount .add_title {
    line-height: 38px;
    color: #666;
    text-align: center;
    font-size: 1.3em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    background-color: #c3c3c3;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.addchk_set {
    width: 97%;
    min-width: 1200px;
    /*margin: 0 auto;*/
    padding: 15px 30px;
    text-align: left;
}
.addchk_set dl {
    display: inline-block;
    width: 14%;
    margin: 5px -3px;
    font-size: 0.9em;
    text-align: center;
    border: 1px solid #bbb;
    border-bottom: none;
    vertical-align: top;
}
.addchk_set dt {
    display: block;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 15px;
    background-color: #666;
    border-bottom: 1px solid #bbb;
}
.addchk_set dd {
    display: block;
    height: 26px;
    line-height: 26px;
    color: #555;
    font-size: 15px;
    background-color: #fff;
    border-bottom: 1px solid #bbb;
}
.addchk_set span {
    vertical-align: middle;
}
.addchk_set.selectall_bg1 {
    background-color: #b76363;
}
.addchk_set.selectall_bg2 {
    background-color: #fff9da;
}
.addchk_set .add_tips {
    line-height: 18px;
    color: #da4040;
    font-size: 15px;
    text-align: left;
    padding: 5px 0;
}

/*********  帳號連結_會員詳細設定  *********/
/*分類標頭*/
.caption {
    padding: 5px 0 5px 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    background-color: #bba69a;
}
/*標題下方內容*/
.mem_boxset1, .mem_boxset3, .mem_boxset6, .mem_boxset7, .mem_boxset8 {
    margin-bottom: 15px;
    color: #777;
}
/*內容群組*/
.memdetail_list {
    display: inline-block;
    *display: inline;
    padding: 10px 0 0 0;
    vertical-align: top;
}
.mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt, .mem_boxset7 dt,
.mem_boxset8 dt {
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 5px;
    text-align: left;
    background: #f1f1f1;
    vertical-align: top;
    display: inline-block;
    *display: inline;
}
.mem_boxset1 dd, .mem_boxset3 dd, .mem_boxset6 dd, .mem_boxset7 dd, .mem_boxset8 dd {
    display: inline-block;
    *display: inline;
    line-height: 30px;
    vertical-align: top;
}
.mem_boxset1 .checkbox_set {
    display: inline-block;
    *display: inline;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", Georgia, "Times New Roman", Times, serif;
    vertical-align: top;
    cursor: pointer;
}
#pass{
    width: 225px;
}
/*返水比例*/
.mem_boxset8 .memdetail_list {
    display: inline-block;
    padding: 10px 0 0 0;
    vertical-align: top;
}
/*備註欄*/
.mem_boxset9 {
    margin: 0 auto 15px;
    text-align: center;
}
.mem_boxset9 .textarea_set {
    display: inline-block;
    *display: inline;
    resize: none;
    width: 96%;
    height: 75px;
    margin-top: 10px;
    padding: 5px 0 0 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    font-family: Arial, 微軟正黑體, "Microsoft JhengHei", 新細明體, PMingLiU;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: auto;
}

/***********表格樣式(共用)**********/
/*大表樣式*/
.regagent_table, .memcontrol_table, .reg_table, .info_table, .allreport_table,
.online_table, .money_table, .tran_table, .report_list2, .report_list1 {
    font-size: 0.95em;
    color: #777;
    background: #fff;
    overflow: auto;
}
.title_bg th, .report_list2 th, .report_list2 th { /*表頭背景色*/
    padding: 5px 0;
    color: #fff;
    text-align: center;
    background-color: #0e4c49;
    border: 1px solid #888;
    vertical-align: middle;
}
.index_content .no_data td { /*查無資料(共用)*/
    height: 16px;
    line-height: 16px;
    padding: 5px 0;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
}
/*會員存款數據、線上會員列表、會員列表*/
.memdeposit_table, .memonline_table, .memlist_table {
    width: auto;
    min-width: 1580px;
}
/*總存款明細*/
.money_table {
    width: auto;
    min-width: 1500px;
}
/*子帳號列表*/
.subAcc_table {
    width: auto;
    min-width: 800px;
}
/*股東列表、總代列表、代理列表*/
.shareholder_table, .generalagents_table, .agent_table {
    width: auto;
    min-width: 1120px;
}
/*遊戲總報表*/
.table_allgame {
    width: auto;
    min-width: 1400px;
}
/*WIN報表、WIN彩票報表、其他報表*/
.table_WINreport, .table_WINlottery, .table_Other, .table_special {
    width: auto;
    min-width: 1400px;
}
/*各館投注總計*/
.report_Other_totallist {
    width: auto;
    min-width: 900px;
}
/*手續費報表*/
.table_DepositFee {
    width: auto;
    min-width: 600px;
}
/*總報表 - 手續費報表（渠道分類）*/
.table_FeeChannel{
    width: auto;
    min-width: 500px;
}
/*公司互轉紀錄*/
.Company_table {
    min-width: 1000px;
    width: auto;
}
/*會員互轉紀錄*/
.Interchange_table {
    min-width: 1220px !important;
    width: auto;
}
/*會員互轉紀錄>會員互轉加扣款紀錄*/
.PointsHistory_table {
    min-width: 1200px !important;
    width: auto;
}
.table_TD td { /*表格明細*/
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    text-align: center;
    word-wrap: break-word;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.content_set td.text_left {
    text-align: left;
    padding: 3px 0 3px 5px;
}
/*今日報表*/
.allreport_table td {
    height: 16px;
    line-height: 16px;
    padding: 5px 2px;
    text-align: right;
    word-wrap: break-word;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.allreport_table .use_set div {
    margin-bottom: 5px;
}
.allreport_table tr:nth-of-type(2n+1) {
    background: #fff;
}
/*投注明细[紅色-欄位平均寬]*/
.th2_width_red {
    width: 9%;
}
/*投注明细[抹茶色-欄位平均寬]*/
.th2_width_green {
    width: 9%;
}
/*各館投注統計*/
.report_list1 {
    width: auto;
    min-width: 1000px !important;
}
.report_list1 td {
    height: 16px;
    line-height: 16px;
    padding: 5px 2px;
    text-align: right;
    word-wrap: break-word;
    border: 1px solid #ccc;
}
/*投注明細*/
.report_list2 {
    width: auto;
    min-width: 1600px;
}
.report_list2 td {
    height: 16px;
    line-height: 16px;
    padding: 5px 3px;
    text-align: center;
    word-wrap: break-word;
    border: 1px solid #ccc;
    vertical-align: top
}
.report_list2 .th_memberbg {
    background-color: #964343;
}
.allreport_table .th_memberbg {
    background-color: #964343;
}
.report_list2 .th_agentbg {
    background-color: #776b2e;
}
.allreport_table .th_agentbg {
    background-color: #776b2e;
}
.report_list2 .margin_b {
    margin-bottom: 5px;
}
.report_list2 li span {
    margin-right: 5px;
}
.report_list2 .bet_info {
    border-right: none;
}
.report_list2 .bet_info ol {
    font-size: 13px;
    list-style: square;
    margin: 0 0 0 15px;
}
.report_list2 .bg_red {
    display: inline-block;
    *display: inline;
    width: 25px;
    height: 20px;
    line-height: 20px;
    margin: 2px 5px;
    color: #fff;
    text-align: center;
    background-color: #8e0204;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.report_list2 .tracking_no {
    word-break: break-all;
}
.report_list2 td.game_result {
    width: 2%;
    border-left: none;
    vertical-align: top
}
/*遊戲總表-明細*/
.allReportVote_table {
    min-width: 1500px !important;
    width: auto;
}
.allReportVote2_table {
    min-width: 1099px !important;
    width: auto;
}
/*投注明細表_總計欄位*/
.content_set tr.total_set {
    background: #fff0f0;
    color: #444;
    font-size: 14px;
    font-weight: bold;
}

/***** 跳躍小視窗 *****/
/*備註輸入欄*/
.text_set .text_lightblue {
    display: inline-block;
    *display: inline;
}
.text_set .text {
    display: inline-block;
    *display: inline;
}
/*總存款明细*/
.dp_btnset {
    margin: 0 auto;
    padding: 10px 0 20px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}
.deposit_btn {
    width: 9%;
    line-height: 25px;
    margin: 5px 4px 5px 0;
    font-size: 0.95em;
    text-align: center;
    color: #fff;
    background: #34b3c7;
    border: 2px solid #34b3c7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    *display: inline;
}
.deposit_btn .title_bg {
    padding: 3px 0;
    font-weight: bold;
}
.deposit_btn:hover, .deposit_btn:active, .deposit_btn:focus, .dp_btnset .selected {
    background: #ff8d00;
    border: 2px solid #ff8d00;
}
.deposit_btn .small {
    font-size: 0.8em;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    font-weight: normal;
}
.deposit_btn .info_bg {
    line-height: 18px;
    padding: 3px 0;
    color: #666;
    font-weight: bold;
    background: #fff;
}
/*** 表格個別寬度設定 ***/
/*子帳號管理*/
.us_1 {
    width: 25%;
}
.us_3 {
    width: 25%;
}
.us_4 {
    width: 15%;
}
/*子帳號身分說明表*/
.us_6, .us_7, .us_8, .us_9 {
    width: 18%;
}
/*會員管理*/
.mem_1, .mem_2 {
    width: 10%
}
.mem_4 {
    width: 13%
}
.mem_5 {
    width: 17%
}
.mem_6, .mem_7, .mem_8 {
    width: 12%;
}
.mem_9 {
    width: 9%
}
.table_width_smail{
    width: 60%;
}
/*會員儲值數據*/
.reg_1 {
    width: 20%;
}
.reg_3 {
    width: 18%;
}
.reg_4 {
    width: 18%;
}
.reg_5 {
    width: 20%;
}
/*會員資訊*/
.info_1 {
    width: 9.5%;
}
.info_2 {
    width: 11%;
}
.info_3 {
    width: 7%;
}
.info_4 {
    width: 9%;
}
.info_5, .info_8 {
    width: 9%;
}
.info_6, .info_7 {
    width: 10%;
}
.info_9, .info_10 {
    width: 12%;
}
.game_chk2 .tips {
    margin-left: 15px;
    color: #666;
}
/*線上會員(依帳號)*/
.on_1, .on_2 {
    width: 20%;
}
.on_4, .on_5 {
    width: 21%;
}
/*線上會員(依IP)*/
.on_6 {
    width: 16%;
}
.on_7 {
    width: 17%;
}
.on_9, .on_10 {
    width: 21%;
}
/*會員互轉*/
.tra_2 {
    width: 15%;
}
.tra_3 {
    width: 15%;
}
.tra_4 {
    width: 18%;
}
.tra_5 {
    width: 18%;
}
.tra_6 {
    width: 8%;
}
/********推廣專屬網址*********/
.webup_box {
    width: 40%;
    line-height: 26px;
    text-align: center;
    margin: 15px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: inline-block;
    *display: inline;
}
.ser_title_bg {
    padding: 8px 0;
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #0d7080;
}
.web_address {
    width: 100%;
    text-align: center;
    display: inline-block;
    *display: inline;
}
.text_web {
    width: 10%;
    text-align: right;
    display: inline-block;
    *display: inline;
}
.srch_input_web {
    width: 76%;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    *display: inline
}
canvas {
    width: 50%;
}
/********* 備用網址 *********/
.content_set_web {
    width: 70%;
    margin: 1% auto;
    padding-bottom: 1%;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* 備用網址列 */
.left_web {
    width: 56%;
    padding: 2%;
    display: inline-block;
    *display: inline;
}
.web_title {
    width: 90%;
    margin: 3% 3% 7px;
    padding: 12px 12px 0;
    display: inline-block;
    *display: inline;
}
.web_left {
    width: 90%;
    margin: 1% 3%;
    padding: 12px;
    color: #777;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    *display: inline;
}
.web_left_title {
    width: 76%;
    display: inline-block;
    *display: inline;
}
.big_text {
    font-size: 24px;
    font-weight: bold;
    color: #319893;
    margin-bottom: 5px;
}
.web_left_title .text_red {
    line-height: 12px;
    font-size: 8px;
}
.web_left_1 {
    width: 30%;
    border-right: 1px solid #ccc;
    display: inline-block;
    *display: inline;
}
.web_left_2 {
    width: 30%;
    display: inline-block;
    *display: inline;
}
.web_left_3 {
    width: 20%;
    margin-top: 7px;
    float: right;
}
.url_pic {
    width: 20px;
    height: 20px;
    margin: 10px;
    background: url(../images/index_icon/icon_loadingOK.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
}
.time_up {
    margin-left: 10px;
    display: inline-block;
    *display: inline;
}
/* 检测帮助 */
.right_web {
    width: 32%;
    padding: 2%;
    margin-top: 54px;
    vertical-align: top;
    border-left: 1px solid #ccc;
    display: inline-block;
    *display: inline;
}
.right_title {
    width: 100%;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    color: #0e4c49;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1%;
}
.web_contant {
    line-height: 20px;
    color: #777;
    text-align: justify;
    display: inline-block;
    *display: inline;
}
.web_contant h2 {
    font-size: 16px;
    color: #34b3c7;
    font-weight: bold;
    margin: 14px 0 5px;
}
.web_iconset {
    width: 100%;
    margin-top: 12px;
    display: inline-block;
    *display: inline;
}
.web_iconset img {
    vertical-align: middle;
    margin: 0 10px;
}
/*********  產品信息  *********/
/*產品信息_上方按鈕列*/
.help_btnset {
    display: inline-block;
    *display: inline;
    margin: 10px 0 0 0;
}
.help_btn {
    display: inline-block;
    *display: inline;
    margin: 0 0 3px 2px;
    padding: 7px 10px;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    border: 0;
    background: #34b3c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.help_btn:hover, .help_btn:active, .help_btn:focus {
    border: 0;
    background: #11899c;
}
.help_btnset .selected {
    border: 0;
    background: #ff8d00;
}
.help_btnset .selected:hover, .help_btnset .selected:active {
    border: 0;
    background: #ca5400;
}
/*產品信息_下方介绍(共用樣式)*/
.box_outside {
    width: 100%;
    text-align: center;
    display:table;
}
.lead_title {
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    padding: 8px 0;
    background-color: #0d7080;
    overflow: hidden;
}
.game_title_bg {
    padding: 8px 0;
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #5aa9b5;
}
.game_box {
    width: 50%;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    *display: inline;
}
.game_pic {
    width: 100%;
    padding-bottom: 10px;
    border-left: 1px solid #fbfbfb;
}
/*体彩介绍*/
.sports_pic{
    padding: 0 10px 10px 0;
    vertical-align: top;
    display: inline-block;
    *display: inline;
}
.sports_text {
    width: 65%;
    line-height: 17px;
    font-size: 15px;
    text-align: justify;
    color: #555;
    vertical-align: top;
    padding-bottom: 15px;
    display: inline-block;
    *display: inline;
}
/*彩球介绍*/
.lottery_box {
    width: 80%;
    display: inline-block;
    *display: inline;
}
.game_text {
    line-height: 17px;
    font-size: 15px;
    text-align: justify;
    color: #555;
    padding-bottom: 10px;
}
.blacklist { /*黑名單+停用*/
    color: #f00;
    margin-bottom: 3px;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
}
.blacklist:hover + .itemtips1{
    visibility: visible;
}
.blacklist_post{
    position: relative;
}
.itemtips1::before {
    content: '';
    display: block;
    position: absolute;
    left: 12px;
    top: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #af2020 transparent;
    line-height: 0;
    _border-color: #8e3535 #000 #000 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}
.itemtips1 {
    visibility: hidden;
    position: absolute;
    top: 36px;
    left: 18px;
    width: 140px;
    line-height: 18px;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #af2020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    z-index: 999;
}
.itemtips_other {
    width: 505px;
    text-align: justify;
    left: -10px;
    font-size: 12px;
}
/*********  最新優惠(舊)  *********/
/*.adbox_outside {
    width: 100%;
    padding: 1% 0;
    text-align: center;
    display: table;
}
.ad_box {
    width: 74%;
    margin: 0 auto;
    height: auto;
}
.ad_title {
    width: 96%;
    margin: 6px auto;
}
.ad_title img {
    width: 100%;
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
}
.ad_pic {
    display: none;
    width: 99%;
    margin: 0 auto;
    padding: 0.5% 0;
    z-index: 490;
}
.ad_pic img{
    border: 1px solid #aaa;
    border-radius: 0.4em;
}*/
/*********  最新優惠(新)  *********/
.ad_content {
    width: 100%;
    padding: 1% 0;
    text-align: center;
    display: table;
}
.ad_set {
    width: 74%;
    margin: 0 auto;
    height: auto;
}
.ad_title {
    width: 96%;
    margin: 6px auto;
    cursor: pointer;
}
.ad_pic{
    display: none;
    width: 99%;
    margin: 0 auto;
    padding: 0.5% 0;
    z-index: 490;
}
.ad_title img, .ad_pic img {
    width: 100%;
}
/****** 客服專區(舊) ******/
/*.ser_box1 {
    width: 40%;
    line-height: 26px;
    text-align: center;
    margin: 15px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: inline-block;
}
.ser_box2 {
    width: 20%;
    height: 245px;
    line-height: 26px;
    text-align: center;
    margin: 15px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: inline-block;
}
.ser_box1, .ser_box2 {
    vertical-align: middle;
}
.ser_img {
    margin: 10px;
    display: inline-block;
    *display: inline;
}
.game_pic {
    width: 100%;
    padding-bottom: 10px;
    border-left: 1px solid #fbfbfb;
}
.call_group {
    width: 70%;
    margin: 10px auto;
}
.service_text {
    font-size: 14px;
    text-align: center;
    color: #555;
    margin: 10px;
}
.text_callback {
    text-align: justify;
    margin: 5px auto;
}
.srch_input_call {
    width: 99%;
    height: 26px;
    line-height: 22px;
    padding-left: 5px;
    margin: 10px auto;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
}
.select_set_call {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    margin: 10px auto;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
}*/
/****** 客服專區(新) ******/
/*.service_submain {
    width: 90%;
    height: 525px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
.service_center {
    margin: 0 auto;
    text-align: center;
}
.service_title {
    line-height: 1.9;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #0d7080;
    overflow: hidden;
}
.service_box1, .service_box2, .service_box3 {
    display: inline-block;
    *display: inline;
    height: 225px;
    background: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -ms-border-radius: 0 0 0.5em 0.5em;
    -o-border-radius: 0 0 0.5em 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    vertical-align: top;
}
.service_box1 {
    width: 40%;
    margin: 15px;
}
.service_box2 {
    width: 25%;
    margin: 15px;
}
.service_box3 {
    width: 25%;
    margin: 15px;
}
.girls {
    margin-top: 30px;
    text-align: center;
}
.service_grounp {
    display: inline-block;
    *display: inline;
    margin: 0 5px;
    font-size: 13px;
    color: #666;
}
.pic_ptzt1, .pic_ptzt2, .pic_ptzt3 {
    display: inline-block;
    *display: inline;
    width: 100px;
    height: 115px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.pic_ptzt1 {
    background: url(../images/help_icon/pic_ptzt1.jpg?2018050801) no-repeat;
    background-size: 100% auto;
}
.pic_ptzt2 {
    background: url(../images/help_icon/pic_ptzt2.jpg?2018050801) no-repeat;
    background-size: 100% auto;
}
.pic_ptzt3 {
    background: url(../images/help_icon/pic_ptzt3.jpg?2018050801) no-repeat;
    background-size: 100% auto;
}
.service_pic {
    margin: 30px auto 0;
    text-align: center;
}
.service_pic .not_open {
    margin-top: 85px;
    color: #da6969;
    font-size: 20px;
}
.Zalo_qrcode, .Viber_qrcode {
    display: inline-block;
    *display: inline;
    width: 120px;
    height: 120px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.Zalo_qrcode {
    background: url(../images/help_icon/wechat_QRcode.jpg?2018050801) no-repeat;
    background-size: 100% auto;
}
.Viber_qrcode {
    background: url(../images/help_icon/qq_QRcode.jpg?2018050801) no-repeat;
    background-size: 100% auto;
}*/
/*客服_回電服務*/
/*.service_box4, .service_box5 {
    display: inline-block;
    *display: inline;
    margin: 15px;
    background: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -ms-border-radius: 0 0 0.5em 0.5em;
    -o-border-radius: 0 0 0.5em 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    vertical-align: top;
}
.service_box4 {
    width: 50%;
}
.service_box5 {
    width: 50%;
    height: 275px;
}
.reply {
    padding: 10px 20px;
}
.reply .title {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    text-align: justify;
}
.item_box {
    margin: 0 auto;
}
.item_box .select_set, .item_box input[type="text"] {
    display: block;
    height: 34px;
    line-height: 34px;
    margin: 8px 0;
    padding-left: 10px;
    color: #777;
    font-size: 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.item_box .select_set {
    width: 100%;
}
.item_box input[type="text"] {
    width: 97%;
}
.item_box input[type="text"]:focus {
    color: #000;
}
.submit_send {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #ff8d00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.submit_send:hover {
    background: #ca5400;
}*/
/*********  跳框_編輯公告說明  *********/
.popup_gmset {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.46);
    overflow: auto;
    z-index: 10000;
}
.popgm_container {
    position: relative;
    width: 100%;
    top: 50%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    border-radius: 0.2em;
    overflow: hidden;
}
.popgm_container .btn_close {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 0;
    background: url(../images/index_icon/btn_close.png) center no-repeat;
    background-size: 50% auto;
    cursor: pointer;
}
.popgm_container .popup_title {
    margin: 0 0 20px 0;
    color: #555;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 38px;
    background-color: #d5d5d5;
    border-radius: 0.2em 0.2em 0 0;
}
.gmedit_outdide {
    width: 85%;
    margin: 10px auto;
    padding: 10px 20px;
    color: #444;
    font-size: 16px;
    text-align: left;
    border: 1px dashed #ccc;
}
.gmedit_outdide .title {
    height: 30px;
    line-height: 1;
    padding: 6px 0 0 5px;
    color: #2f4f63;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #c1eef5;
    vertical-align: middle;
}
.gmedit_outdide .tips {
    line-height: 20px;
    margin: 10px 10px 20px 10px;
    color: #c00;
    font-size: 15px;
}
.gmedit_indide {
    width: 95%;
    margin: 10px auto;
    color: #444;
    font-size: 15px;
}
.gmedit_indide .gm_title {
    display: inline-block;
    *display: inline;
    width: 80px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 5px;
    text-align: left;
    background-color: #eaeaea;
    vertical-align: top;
}
.gmedit_indide .gm_text {
    display: inline-block;
    *display: inline;
    width: 80%;
    vertical-align: top;
}
/*推廣守則*/
#Rules {
    padding: 1em;
}
.RulesTitle, .RulesInfo {
    margin: 0 50px;
}
.RulesTitle {
    color: #2e8edb;
    line-height: 2;
    font-size: 1.2em;
    font-weight: bold;
    /*display: list-item;*/
    /*list-style: decimal;*/
}
.RulesInfo span {
    line-height: 1.5;
    font-size: 1em;
}
/*********  以下為 各不同寬度螢幕_設定  *********/
/* 寬度大於 1901px (電腦) */
@media screen and (min-width: 1901px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        padding-left: 295px;
        width: 84%;
    }
    /*數據分析*/
    .infobox {
        width: 48%;
    }
    .index_content .rightbar_set a {
        width: 75%;
    }
    .rightbar_content .text {
        margin: 13% 0 0;
    }
    .agentbox {
        height: 521px;
    }
    /*大黃色按鈕*/
    .btn_yellowbig {
        width: 20%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 24%;
    }
    /*(第一層)遊戲類別勾選*/
    /*.game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }*/
    /*(第二層)各館勾選_下框*/
    .popup_gamedetail {
        max-width: 820px;
    }
    .game_chk2 dl {
        width: 20%;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk3 dl {
        width: 20%;
    }
    /*新增子帳號*/
    .content_set_creator {
        width: 60%;
    }
    .searchlist_creator {
        width: 24%;
    }
    /*會員資訊*/
    .info_1 {
        width: 7%;
    }
    .info_2 {
        width: 8%;
    }
    .info_3 {
        width: 9%;
    }
    .info_4 {
        width: 10%;
    }
    .info_9, .info_10 {
        width: 10%;
    }
    .deposit_btn {
        font-size: 1em;
    }
    /*會員管理_用戶管理*/
    .searchbox .rwd_magin {
        margin-right: 32px;
    }
    .searchlist .text, .searchbox .datelist .text, .typelist .text, .function_set .datelist {
        text-align: right;
    }
    .function_set .select_btnset {
        float: right;
        margin-left: 20px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list {
        width: 33%;
    }
    .mem_boxset1 .memdetail_tips {
        display: inline-block;
        *display: inline;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        text-align: right;
        padding: 0 5px 0 0;
    }
    .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list, .mem_boxset7 .memdetail_list,
    .mem_boxset8 .memdetail_list {
        width: 24.5%;
    }
    .mem_boxset3 .weblink {
        width: 61%;
    }

    /*存款明細*/
    .srchbox_set .datelist .input_set, .srchbox_set .datelist .btn_set {
        display: inline-block;
        *display: inline;
    }
    .srchbox_set .datelist, .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 100px 0 0;
    }
    /*代理_註冊會員*/
    /*.regmem_box .text_tips {
        display: inline-block;
        *display: inline;
    }
    .regmem_box .money {
        display: inline-block;
        *display: inline;
        float: right;
        font-size: 1em;
    }*/
    /*個人郵箱*/
    .function_set .btn_set {
        float: right;
    }
    .msgtitle_set .cell1  {
        width: 10%;
    }
    .msgtitle_set .cell2  {
        width: 11.5%;
    }
    .msgtitle_set .cell3  {
        width: 68%;
    }
    .msg_list .title_left {
        width: 10%;
    }
    .msg_list .title_center {
        width: 11%;
    }
    .msg_list .title_right {
        width: 76%;
    }
    .msg_title {
        width: 97%;
    }
    /*線上留言*/
    .mag_text textarea {
        width: 98.5%;
    }
    /*總報表*/
    .report_list2 {
        font-size: 0.9em;
    }
    /*推廣網址*/
    .ser_title_bg {
        font-size: 1.1em;
    }
    .servbox1_outside, .servbox2_outside {
        margin-right: 10px;
    }
}
/* 寬度介於 1025px - 1900px (電腦) */
@media screen and (min-width: 1025px) and (max-width: 1900px) {
    /*大黃色按鈕*/
    .btn_yellowbig {
        width: 20%;
    }
    /*數據分析*/
    .index_content .rightbar_set a {
        width: 73%;
    }
    /*總報表_(第一層)遊戲類別勾選*/
    /*.game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }*/
    /*新增子帳號*/
    .content_set_creator {
        width: 80%;
    }
    /*.select_set_creator {
        width: 64%;
    }
    .srch_input_creator {
        width: 62%;
    }*/
    /*會員管理_用戶管理*/
    .rwd_display {
        display: block;
    }
    .searchlist .text, .searchlist_3 .text, .searchbox .datelist .text, .typelist .text {
        text-align: right;
    }
    .function_set .select_btnset {
        float: right;
        margin-left: 20px;
    }
    /*存款明細*/
    .srchbox_set .datelist .input_set, .srchbox_set .datelist .btn_set {
        display: inline-block;
        *display: inline;
    }
    /*代理_註冊會員*/
    /*.regmem_box .text_tips {
        display: inline-block;
        *display: inline;
    }
    .regmem_box .money {
        display: inline-block;
        *display: inline;
        float: right;
    }*/
}
/* 寬度介於 1600px - 1900px (電腦) */
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        padding-left: 295px;
        width: 80%;
    }
    /*數據分析*/
    .index_content .rightbar_set a {
        width: 73%;
    }
    .agentbox {
        height: 538px;
    }
    /*輸贏金額、會員人數統計*/
    .infobox {
        width: 49%;
        margin-bottom: 10px;
    }
    .ratebox {
        width: 66.5%;
    }
    .agentbox {
        /*width: 32%;*/
    }
    .rightbar_content {
        width: 74%;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 33%;
    }
    /*會員管理*/
    .game_show2 dl, .game_show3 dl {
        width: 25%;
    }
    .info_table {
        min-width: 1200px;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 33%;
    }
    .report_list2 {
        min-width: 1600px;
        font-size: 0.9em;
    }
    /*(第二層)各館勾選_下框*/
    .popup_gamedetail, .popup_showgame {
        max-width: 48%;
    }
    .game_chk2 dl {
        width: 25%;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 25%;
    }
    /*會員資訊*/
    .info_1, .info_2 {
        width: 8%;
    }
    .info_4 {
        width: 8%;
    }
    .info_9, .info_10 {
        width: 10%;
    }
    .deposit_btn {
        font-size: 1em;
    }
    /*會員管理_用戶管理*/
    .searchlist {
        margin: 10px 22px 6px 10px;
    }
    .searchbox .typelist {
        margin: 10px 32px 6px 124px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 49%;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        text-align: right;
        padding: 0 5px 0 0;
    }
    .mem_boxset3 .weblink {
        width: 63.5%;
    }
    /*存款明細*/
    .srchbox_set .datelist, .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 50px 0 0;
    }
    /*推廣網址*/
    .ser_title_bg {
        font-size: 1.1em;
    }
    .servbox1_outside, .servbox2_outside {
        margin-right: 10px;
    }
}
/* 寬度介於 1281px - 1599px (電腦) */
@media screen and (min-width: 1281px) and (max-width: 1599px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 76%;
        padding-left: 295px;
    }
    /*輸贏金額、會員人數統計*/
    .infobox {
        width: 31.8%;
        margin-bottom: 10px;
    }
    .index_content .rightbar_set a {
        cursor: pointer;
        width: 63%;
        margin: 0 5%;
        line-height: 1;
    }
    #ReplySubmit {
        line-height: 2;
        margin: 0;
    }
    .ratebox {
        width: 66%;
    }
    .agentbox {
        width: 100%;
    }
    .rightbar_pink{
        margin: 0 18% !important;
    }
    .rightbar_content {
        width: 70%;
    }
    .top_wrap {
        width: 100%;
    }
    .agentbox_new {
        width: 100%;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 33%;
    }
    /*會員管理*/
    .game_show2 dl, .game_show3 dl {
        width: 33%;
    }
    .info_table {
        min-width: 1200px;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 49%;
    }
    .report_list2 {
        font-size: 0.9em;
    }
    /*總報表_比賽類型*/
    .game_chk1 dl {
        width: 25%;
    }
    /*(第二層)各館勾選_下框*/
    .popup_gamedetail {
        max-width: 550px;
    }
    .game_chk2 dl {
        width: 33%;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 25%;
    }
    /*會員資訊*/
    .info_1, .info_2 {
        width: 9%;
    }
    .info_9, .info_10 {
        width: 10%;
    }
    .deposit_btn {
        font-size: 1em;
    }
    /*備用網址*/
    .content_set_web {
        width: 94%;
    }
    /*會員查詢欄*/
    .searchlist {
        margin: 10px 100px 6px 10px;
    }
    .typelist {
        margin: 10px 32px 6px 92px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 47%;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        text-align: right;
        padding: 0 5px 0 0;
    }
    .mem_boxset3 .weblink {
        width: 57%;
    }
    /*存款明細*/
    .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 123px 0 0;
    }
    /*最新優惠*/
    .ad_set {
        width: 98%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .ser_title_bg {
        font-size: 1.1em;
    }
    .servbox1_outside, .servbox2_outside {
        margin-right: 10px;
    }
}
/* 寬度介於 1025px - 1280px (電腦) */
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 71%;
        padding-left: 295px;
    }
    .btn_yellowsmall {
        margin: 2px 0 10px 2px;
    }
    /*輸贏金額、會員人數統計*/
    .infobox {
        width: 48.5%;
        margin-bottom: 10px;
    }
    .ratebox {
        width: 65.5%;
    }
    .top_wrap {
        width: 85%;
    }
    .agentbox {
        width: 100%;
        height: 50%;
    }
    .rightbar_content {
        width: 70%;
    }
    .top_wrap {
        width: 100%;
    }
    .agentbox_new {
        width: 100%;
    }
    /*會員管理*/
    .game_show2 dl, .game_show3 dl {
        width: 33%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 49%;
    }
    .report_list2 {
        min-width: 1600px;
        font-size: 0.9em;
    }
    /*總抱表_比賽類型*/
    .game_chk1 dl {
        width: 25%;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl, .game_chk3 dl {
        width: 49%;
    }
    /*會員資訊*/
    .info_3 {
        width: 9%;
    }
    .info_4 {
        width: 10.5%;
    }
    .info_6, .info_7 {
        width: 7%;
    }
    .info_9, .info_10 {
        width: 10%;
    }
    .deposit_btn {
        font-size: 1em;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 46%;
    }*/
    /*被用網址*/
    .content_set_web {
        width: 84%;
    }
    /*會員管理_用戶管理*/
    .searchlist {
        margin: 10px 100px 6px 10px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 65%;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        text-align: right;
        padding: 0 5px 0 0;
    }
    .mem_boxset3 .weblink {
        width: 65%;
    }
    /*存款明細*/
    .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 123px 0 0;
    }
    /*代理_註冊會員*/
    /*.regmem_box .text_tips, .regmem_box .money {
        display: inline-block;
        *display: inline;
    }*/
    /*推廣網址*/
    .ser_title_bg {
        font-size: 1.1em;
    }
    .servbox1_outside, .servbox2_outside {
        margin-right: 10px;
    }
}

/* 寬度介於 901px - 1024px (電腦) */
@media screen and (min-width: 901px) and (max-width: 1024px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 65%;
        padding-left: 295px;
    }
    /*輸贏金額、會員人數統計*/
    .top_wrap {
        width: 91%;
    }
    .infobox {
        width: 48%;
        margin-bottom: 10px;
    }
    .index_content .rightbar_set a {
        width: 70%;
    }
    .top_wrap {
        width: 100%;
    }
    .agentbox_new {
        width: 100%;
    }
    .rightbar_content .text {
        margin: 15% 0 0px;
    }
    /*代理金額比例*/
    .ratebox, .agentbox {
        width: 99%;
        margin-bottom: 20px;
    }
    .ratebox .content_set {
        width: 90%;
    }
    /*大黃色按鈕*/
    .btn_yellowbig {
        width: 25%;
    }
    /*個人資料_遊戲平台*/
    .memdetail_list_1 .info_checkbox {
        width: 52%;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 44%;
    }
    /*.srch_input_creator {
        width: 62%;
    }
    .select_set_creator {
        width: 64%;
    }*/
    /*會員管理*/
    .game_show2 dl, .game_show3 dl {
        width: 49%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 49%;
    }
    .report_list2 {
        font-size: 0.9em;
    }
    /*(第一層)遊戲類別勾選*/
    /*.game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }*/
    .game_chk1 dl {
        width: 33%;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl, .game_chk3 dl {
        width: 48%;
    }
    /*推廣網址*/
    .webup_box {
        width: 90%;
    }
    /*被用網址*/
    .content_set_web {
        width: 95%;
    }
    .right_web {
        margin-top: 35px;
    }
    .web_iconset img {
        margin: 0 5px;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 60%;
    }
    .ser_box2 {
        width: 30%;
    }*/
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 75%;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        text-align: right;
        padding: 0 5px 0 0;
    }
    /*存款明細*/
    .srchbox_set .datelist .input_set, .srchbox_set .datelist .btn_set {
        display: inline-block;
        *display: inline;
    }
    .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 123px 0 0;
    }
    /*代理_註冊會員*/
    /*.regmem_box .text_tips {
        display: inline-block;
        *display: inline;
    }
    .regmem_box .money {
        display: inline-block;
        *display: inline;
        float: right;
    }*/
    /*最新優惠*/
    .ad_set {
        width: 92%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside, .servbox2_outside {
        margin-right: 10px;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 60%;
    }
}

/* 寬度介於 701px - 899px */
@media screen and (min-width: 701px) and (max-width: 899px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 95%;
        padding-left: 20px;
    }
    .btn_yellowsmall {
        margin: 2px 0 10px 2px;
    }
    /*輸贏金額、會員人數統計*/
    .top_wrap {
        width: 99%;
    }
    .infobox {
        width: 48%;
        margin-bottom: 10px;
    }
    .ratebox, .agentbox {
        width: 100%;
        margin-bottom: 20px;
    }
    .index_content .rightbar_set a {
        width: 65%;
        margin: 11px -2%;
    }
    .rightbar_content {
        padding: 0 15px;
        width: 70%;
    }
    .rightbar_content .text {
        margin: 9% 0 5px;
    }
    .top_wrap {
        width: 100%;
    }
    /*數據圖*/
    .agentbox_new {
        width: 100%;
    }
    /*代理金額比例*/
    .ratebox .content_set {
        width: 90%;
    }
    .rate {
        font-size: 0.95em;
    }
    .rate th {
        display: none;
        padding: 0.5em;
    }
    .rate td {
        display: block;
        padding: 0.5em;
    }
    .rate td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 5.5em;
        display: inline-block;
        *display: inline;
    }
    .rate .data:before {
        display: table-cell;
    }
    .rate th, .rate td:before {
        color: #000;
    }
    .rate th:last-child, .rate td:last-child {
        padding-right: 0;
    }
    .progress {
        width: 98%;
    }
    /*大黃色按鈕*/
    .btn_yellowbig {
        width: 25%;
    }
    /*公告*/
    .msgtitle_set .cell3 {
        width: 60%;
    }
    .msg_list .title_right {
        width: 62%;
    }
    .msg_list .title_center {
        width: 28%;
    }
    .msgtitle_set .cell2 {
        width: 28%;
    }
    .msg_title {
        width: 98%;
    }
    /*會員管理*/
    .popup_showgame {
        width: 98%;
    }
    .game_show2 dl {
        width: 25%;
    }
    .game_show3 dl {
        width: 25%;
    }
    /*會員資訊*/
    .deposit_btn {
        width: 17%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 49%;
    }
    .memcontrol_table, .reg_table, .info_table, .tran_table {
        min-width: 1200px;
    }
    .money_table, .online_table {
        min-width: 1000px;
    }
    .listadmin_set .datelist .btn_set {
        margin-left: 5px;
    }
    /*(第一層)遊戲類別勾選*/
    .popup_showgame, .popup_gamedetail {
        width: 98%;
    }
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 33%;
        margin: 2px -3px;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl, .game_chk3 dl {
        width: 32%;
        margin: 0 -3px;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 49%;
    }
    /*推廣網址*/
    .webup_box {
        width: 90%;
        margin: 10px;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 84%;
    }
    .ser_box2 {
        width: 40%;
    }*/
    /*備用網址*/
    .content_set_web {
        width: 97%;
    }
    .left_web {
        width: 96%;
    }
    .right_web {
        width: 91%;
        border-left: 1px solid #fff;
        margin: 0 2%;
    }
    /*會員管理*/
    .mem_4 {
        width: 14%;
    }
    /*會員管理_用戶管理*/
    .function_set .select_btnset {
        float: right;
        margin-left: 20px;
    }
    .typelist {
        margin: 10px 32px 6px 10px;
    }
    .typelist .select_set {
        margin-left: 9px;
    }
    .btn_date {
        margin: 5px 0 5px 2px;
        padding: 5px 6px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 64%;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        width: 145px;
    }
    .mem_boxset3 .weblink {
        width: 53%;
    }
    /*存款明細*/
    .srchbox_set .datelist .input_set, .srchbox_set .datelist .btn_set {
        display: inline-block;
        *display: inline;
    }
    .srchbox_set .datelist, .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 32px 0 0;
    }
    /*代理_註冊會員*/
    /*.regmem_box .text_tips {
        display: inline-block;
        *display: inline;
    }
    .regmem_box .money {
        display: inline-block;
        *display: inline;
        float: right;
    }*/
    /*線上會員*/
    .on_1, .on_2 {
        width: 18%;
    }
    .on_4, .on_5 {
        width: 24%;
    }
    .on_9, .on_10 {
        width: 15%;
    }
    /*最新優惠*/
    .ad_set {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside {
        width: 60%;
    }
    .servbox2_outside {
        width: 20%;
    }
    .ser_img {
        margin: 10px 5px;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 63%;
        margin: 10px;
    }
    .service_box2 {
        margin: 10px;
    }
    .service_box4 {
        width: 92%;
        margin: 10px;
    }
}

/* 寬度介於 640px - 700px */
@media screen and (min-width: 640px) and (max-width: 700px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 94%;
        padding-left: 20px;
    }
    .btn_yellowsmall {
        margin: 2px 0 10px 2px;
    }
    /*輸贏金額、會員人數統計*/
    .top_wrap {
        width: 100%;
    }
    .infobox {
        width: 88%;
        margin-bottom: 10px;
    }
    .infobox .icon_bg {
        width: 105px;
    }
    .infobox .icon_money, .icon_deposit, .icon_consignment, .icon_group, .icon_points, .icon_leave {
        position: relative;
        left: 0;
        top: 0;
        width: 65px;
        height: 65px;
        margin: 27% auto;
    }
    .ratebox{
        width: 100%;
        margin-bottom: 20px;
    }
    .agentbox {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
    }
	.ratebox, .agentbox {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
    }
    .index_content .rightbar_set a {
        width: 78%;
    }
    .rightbar_content .text {
        font-size: 1.3em;
        margin: 7% 0 0;
    }
    .agentbox_new {
        width: 100%;
        height: auto;
    }
    /*代理金額比例*/
    .ratebox .content_set {
        width: 90%;
    }
    .rate {
        font-size: 0.95em;
    }
    .rate th {
        display: none;
        padding: 0.5em;
    }
    .rate td {
        display: block;
        padding: 0.5em;
    }
    .rate td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 5.5em;
        display: inline-block;
        *display: inline;
    }
    .rate .data:before {
        display: table-cell;
    }
    .rate th, .rate td:before {
        color: #000;
    }
    .rate th:last-child, .rate td:last-child {
        padding-right: 0;
    }
    .progress {
        width: 98%;
    }
    /*大黃色按鈕*/
    .btn_yellowbig {
        width: 30%;
    }
    /*公告、信箱*/
    .msgtitle_set .cell3 {
        width: 66%;
    }
    .msg_list .title_right {
        width: 66%;
    }
    .msg_title {
        width: 98%;
    }
    .msg_time {
        line-height: 16px;
        font-size: 0.8em;
    }
    .msg_list {
        height: 84px;
    }
    /*個人資料_修改密码*/
    .searchlist_2 {
        width: 32%;
    }
    .searchlist_2 .srch_input {
        width: 96%;
    }
    .text_2 {
        margin: 6px;
    }
    /*(第二層)各館勾選_下框*/
    .popup_showgame, .popup_gamedetail {
        width: 98%;
    }
    .game_chk2 dl, .game_chk3 dl {
        width: 33%;
    }
    .game_show2 dl, .game_show3 dl {
        width: 33%;
    }
    /*會員資訊*/
    .deposit_btn {
        width: 26%;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 94%;
    }
    .ser_box2 {
        width: 44%;
    }*/
    /*總報表*/
    .listadmin_set .srchlist {
        width: 49%;
    }
    .memcontrol_table, .reg_table, .info_table, .tran_table {
        min-width: 1200px;
    }
    .money_table, .online_table {
        min-width: 1000px;
    }
    /*(第一層)遊戲類別勾選*/
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 33%;
        margin: 2px -3px;
    }
    /*新增子帳號*/

    /*推廣網址*/
    .webup_box {
        width: 78%;
        margin: 10px;
    }
    .text_web {
        width: 16%;
    }
    /*備用網址*/
    .content_set_web {
        width: 96%;
    }
    .left_web {
        width: 96%;
    }
    .right_web {
        width: 90%;
        padding: 5%;
        border-left: 1px solid #fff;
    }
    /*會員管理_用戶管理*/
    .function_set .select_btnset {
        float: right;
    }
    .typelist {
        margin: 10px 32px 6px 10px;
    }
    .typelist .select_set {
        margin-left: 9px;
    }
    .searchlist .btn_set {
        display: block;
        margin-top: 5px;
    }
    .btn_date {
        margin: 5px 0 5px 2px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 70%;
        padding: 5px 0 0 0;
    }
    .mem_boxset1 dt, .mem_boxset3 dt, .mem_boxset6 dt,
    .mem_boxset7 dt, .mem_boxset8 dt {
        width: 145px;
    }
    .mem_boxset3 .weblink {
        width: 54%;
    }
    /*存款明細*/
    .srchbox_set .datelist, .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
        padding: 10px 63px 0 0;
    }
    /*代理_註冊會員*/
    /*.regmem_box .money {
        display: inline-block;
        *display: inline;
        float: right;
    }*/
    /*線上會員*/
    .on_4, .on_5 {
        width: 17%;
    }
    .on_9, .on_10 {
        width: 16%;
    }
    /*產品信息*/
    .game_box {
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px dotted #ccc;
    }
    /*最新優惠*/
    .ad_set {
        width: 94%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside {
        width: 60%;
    }
    .servbox2_outside {
        width: 20%;
    }
    .ser_img {
        margin: 10px 5px;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 63%;
        margin: 10px;
    }
    .service_box2 {
        margin: 10px;
    }
    .service_box4 {
        width: 92%;
        margin: 10px;
    }
}

/* 寬度介於 421px - 639px */
@media screen and (min-width: 421px) and (max-width: 639px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        padding-left: 20px;
        width: 92%;
    }
    /*輸贏金額、會員人數統計*/
    .top_wrap {
        width: 100%;
    }
    .ratebox, .agentbox {
        width: 100%;
        margin-bottom: 20px;
    }
    .agentbox {
        height: auto;
    }
    .agentbox_new {
        width: 100%;
    }
    .infobox {
        width: 90%;
        margin-bottom: 10px;
    }
    .infobox .icon_bg {
        width: 22%;
    }
    .infobox .icon_money, .icon_deposit, .icon_consignment, .icon_group, .icon_points, .icon_leave {
        position: relative;
        left: 0;
        top: 0;
        margin: 27px auto;
    }
    .index_content .rightbar_set a {
        width: 70%;
    }
    .rightbar_content .text {
        margin: 11% 0 0;
    }
    /*數據圖*/
    .agentbox_new {
        width: 100%;
    }
    .agentbox_new .title_set {
        width: 615px;
    }
    /*代理金額比例*/
    .ratebox .content_set {
        width: 90%;
    }
    .rate {
        font-size: 0.95em;
    }
    .rate th {
        display: none;
        padding: 0.5em;
    }
    .rate td {
        display: block;
        padding: 0.5em;
    }
    .rate td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 5.5em;
        display: inline-block;
        *display: inline;
    }
    .rate .data:before {
        display: table-cell;
    }
    .rate th, .rate td:before {
        color: #000;
    }
    .rate th:last-child, .rate td:last-child {
        padding-right: 0;
    }
    .progress {
        width: 98%;
    }
    /*個人資料_修改密码*/
    .searchlist_2 {
        width: 30%;
    }
    .text_2 {
        margin-bottom: 5px;
    }
    .searchlist_2 .srch_input {
        width: 98%;
    }
    /*會員管理*/
    .popup_showgame {
        width: 97%;
    }
    .game_show2 dl, .game_show3 dl {
        width: 49%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 100%;
    }
    .memcontrol_table, .reg_table, .info_table, .online_table, .money_table, .tran_table {
        min-width: 1000px;
    }
    /*(第一層)遊戲類別勾選*/
    .popup_showgame, .popup_gamedetail {
        width: 99%;
    }
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 98%;
        margin: 2px -3px;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*新增子帳號*/
    .addchk_set {
        width: 95%;
    }
    .addchk_set dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*被用網址*/
    .content_set_web {
        width: 96%;
    }
    .left_web {
        width: 95%;
    }
    .right_web {
        width: 91%;
        margin: 0 2%;
        border-left: 1px solid #fff;
    }
    /*線上會員*/
    .on_4, .on_5 {
        width: 24%;
    }
    .on_9, .on_10 {
        width: 15%;
    }
    /*會員資訊*/
    .deposit_btn {
        width: 42%;
    }
    /*會員管理_用戶管理*/
    .top_iconset {
        width: 67%;
    }
    .typelist {
        margin: 10px 32px 6px 10px;
    }
    .typelist .select_set {
        margin-left: 9px;
    }
    .searchlist .btn_set {
        display: block;
        margin-top: 5px;
    }
    .btn_date {
        margin: 5px 0 5px 2px;
    }
    /*會員資料詳細設定*/
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list, .mem_boxset6 .memdetail_list,
    .mem_boxset7 .memdetail_list, .mem_boxset8 .memdetail_list {
        width: 100%;
        padding: 5px 0 0 0;
    }
    .mem_boxset1 dt {
        width: 160px;
    }
    .mem_boxset3 .weblink {
        width: 58%;
    }
    /*存款明細*/
    .srchbox_set .datelist, .srchbox_set .srchlist {
        display: inline-block;
        *display: inline;
    }
    /*產品信息*/
    .game_box {
        width: 100%;
        margin-bottom: 20px;
    }
    /*最新優惠*/
    .ad_set {
        width: 94%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside {
        width: 100%;
    }
    .servbox2_outside {
        width: 50%;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 90%;
    }
    .girls {
        margin-top: 20px;
    }
    .service_box2 {
        width: 90%;
    }
    .service_box4 {
        width: 90%;
    }
    .webup_box {
        width: 90%;
    }
}

/* 寬度介於 540px - 570px (iphone4+5橫向) */
@media screen and (min-width: 540px) and (max-width: 570px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 94%;
    }
    /*公告、信箱*/
    .msgtitle_set .cell2 {
        width: 32%;
    }
    .msgtitle_set .cell3 {
        width: 56%;
    }
    .msg_list .title_right {
        width: 56%;
    }
    .msg_time {
        font-size: 0.8em;
    }
    .msg_list {
        width: 95%;
        vertical-align: top;
        display: inline-block;
    }
    .msg_title {
        width: 84%;
    }
    .msg_list .title_center {
        width: 32%;
    }
    /*新增子帳號*/
    .select_set_creator {
        width: 150px;
    }
    .srch_input_creator {
        width: 143px;
    }
    /*會員資訊*/
    .deposit_btn {
        width: 29%;
    }
    .function_set .text_set {
        float: left;
    }
	.top_wrap {
        width: 100%;
    }
    .agentbox_new {
        width: 100%;
    }
    /*線上會員*/
    .on_4, .on_5 {
        width: 24%;
    }
    .on_9, .on_10 {
        width: 15%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        text-align: center;
    }
    .listadmin_set .datelist {
        text-align: center;
    }
    .listadmin_set .datelist .input_set,
    .listadmin_set .datelist .btn_set {
        margin-left: 5px;
    }
    /*(第一層)遊戲類別勾選*/
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 50%;
        margin: 2px -3px;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*新增子帳號*/
    .addchk_set {
        width: 95%;
    }
    .addchk_set dl {
        width: 33%;
        margin: 0 -3px;
    }
    /*推廣網址*/
    .webup_box {
        width: 88%;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 94%;
    }
    .ser_box2 {
        width: 42%;
    }*/
    /*客服專區(新)*/
    .service_box1 {
        width: 90%;
    }
    .service_box2 {
        width: 90%;
    }
    .service_box4 {
        width: 90%;
    }
    .webup_box {
        width: 90%;
    }
}

/* 寬度介於 321px - 420px */
@media screen and (min-width: 321px) and (max-width: 420px) {
    /*首頁_右側(內容)*/
    .tab_content, .index_content {
        width: 90%;
        padding-left: 20px;
    }
    .btn_yellowsmall {
        margin: 2px 0 10px 2px;
    }
    /*輸贏金額、會員人數統計*/
    .top_wrap {
        width: 100%;
    }
    .ratebox, .agentbox {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .agentbox_new {
        width: 100%;
    }
    .infobox {
        width: 100%;
        margin-bottom: 10px;
    }
    .rightbar_content {
        padding: 15px 0 0 10px;
    }
    /*代理金額比例*/
    .ratebox .content_set {
        width: 90%;
    }
    .rightbar_content .number {
        font-size: 1.9em;
    }
    .rate {
        font-size: 0.95em;
    }
    .rate th {
        display: none;
        padding: 0.5em;
    }
    .rate td {
        display: block;
        padding: 0.5em;
    }
    .rate td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 5.5em;
        display: inline-block;
        *display: inline;
    }
    .rate .data:before {
        display: table-cell;
    }
    .rate th, .rate td:before {
        color: #000;
    }
    .rate th:last-child, .rate td:last-child {
        padding-right: 0;
    }
    .progress {
        width: 98%;
    }
    /*公告、信箱*/
    .function_set .btn_set {
        float: left;/*勾選功能*/
    }
    .msgtitle_set .cell1 {
        width: 11%;/*選擇*/
    }
    .msgtitle_set .cell2 {
        width: 28%;/*時間*/
    }
    .msgtitle_set .cell3 {
        width: 55.5%;/*標題*/
    }
    .msg_list {
        height: 34px;
    }
    .msg_title {
        width: 76%;
    }
    .msg_list .title_center {
        width: 30%;
    }
    .msg_time {
        line-height: 18px;
        font-size: 0.8em;
    }
    .msg_list .title_right {
        width: 52%;
    }
    /*子帳號管理*/
    .us_4 {
        width: 13%;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 100%;
    }
    /*.srch_input_creator {
        width: 57%
    }
    .select_set_creator {
        width: 59%;
    }*/
    /*會員管理*/
    .popup_showgame {
        width: 97%;
    }
    .game_show2 dl {
        width: 49%;
    }
    .game_show3 dl {
        width: 49%;
    }
    /*會員資訊*/
    .deposit_btn {
        width: 42%;
    }
    /*線上會員*/
    .on_4, .on_5 {
        width: 24%;
    }
    .on_9, .on_10 {
        width: 15%;
    }
    /*客服專區(舊)*/
    /*.ser_box1 {
        width: 92%;
    }
    .ser_box2 {
        width: 92%;
    }*/
    /*個人資料_修改密码*/
    .searchlist_2 {
        width: 280px;
        margin: 10px 32px 6px 0;
        text-align: right;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        min-width: 90%;
    }
    .memcontrol_table, .reg_table, .info_table, .tran_table {
        min-width: 1200px;
    }
    .money_table, .online_table {
        min-width: 1000px;
    }
    .listadmin_set .datelist .input_set,
    .listadmin_set .datelist .btn_set {
        margin-left: 5px;
    }
    /*(第一層)遊戲類別勾選*/
    .popup_showgame, .popup_gamedetail {/*跳框*/
        width: 100%;
    }
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 84%;
        margin: 2px 15px;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl {
        width: 49%;
        margin: 0 -3px;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 49%;
        margin: 0 -3px;
    }
    /*新增子帳號*/
    .addchk_set dl {
        width: 49%;
        margin: 0 -3px;
    }
    /*推廣網址*/
    .webup_box {
        width: 90%;
        margin: 10px;
    }
    .text_web {
        width: 15%;
    }
    /*備用網址*/
    .content_set_web {
        width: 96%;
    }
    .left_web {
        width: 90%;
    }
    .web_left_1 {
        width: 48%;
    }
    .web_left_2 {
        width: 48%;
    }
    .web_left_3 {
        width: 46%;
    }
    .right_web {
        width: 88%;
        padding: 5%;
        border-left: 1px solid #fff;
    }
    .web_iconset img {
        margin: 7px;
    }
    .web_left_title {
        width: 94%;
    }
    /*會員管理_用戶管理*/
    .function_set .select_set {
        margin-right: 20px;
    }
    .function_set .page_set {
        margin-right: 36px;
    }
    .typelist {
        margin: 10px 32px 6px 10px;
    }
    .typelist .select_set {
        margin-left: 9px;
    }
    .searchlist .btn_set {
        display: block;
        margin-top: 5px;
    }
    .btn_date {
        margin: 5px 0 5px 2px;
    }
    /*會員資料詳細設定*/
    .title_set .text1 {
        display: none;
    }
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list,
    .mem_boxset6 .memdetail_list, .mem_boxset7 .memdetail_list,
    .mem_boxset8 .memdetail_list {
        width: 100%;
        padding: 5px 0 0 0;
    }
    .mem_boxset3 .weblink {
        width: 52%;
    }
    /*產品信息*/
    .game_box {
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px dotted #ccc;
    }
    .sports_pic {
        float: left;
    }
    .sports_text {
        width: 62%;
        float: left;
    }
    /*最新優惠*/
    .ad_set {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside {
        width: 100%;
    }
    .servbox2_outside {
        width: 50%;
    }
    .ser_img {
        margin: 10px 0;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 90%;
        height: 379px;
    }
    .girls {
        margin-top: 20px;
    }
    .service_box2 {
        width: 90%;
    }
    .service_box4 {
        width: 90%;
    }
}

/* 寬度小於 320px */
@media screen and (max-width: 320px) {
    /*首頁_右側(內容)*/
    .top_wrap {
        width: 100%;
    }
    .tab_content, .index_content {
        padding-left: 10px;
        width: 94%;
    }
	.btn_yellowsmall {
        margin: 2px 0 10px 2px;
    }
    .infobox .icon_money, .icon_deposit, .icon_consignment, .icon_group, .icon_points, .icon_leave{
        width: 60px;
        height: 60px;
        left: 5px;
        top: 22px;
    }
    /*輸贏金額、會員人數統計*/
    .ratebox, .agentbox {
        width: 100%;
        margin-bottom: 20px;
		height: auto;
    }
    .rightbar_content .text {
        font-size: 1.05em;
        margin: 6% 0 0;
    }
    .infobox {
        width: 100%;
        margin-bottom: 10px;
    }
    .index_content a{
        width: 104%;
    }
    .infobox .icon_bg {
        width: 65px;
    }
    .agentbox_new{
        width: 100%;
        overflow: auto;
    }
    .gmedit_outdide .title{
        height: 45px;
    }
    /*代理金額比例*/
    .rightbar_content {
        padding: 15px 0 0 7px;
    }
    .ratebox .content_set {
        width: 90%;
    }
    .rightbar_content .number {
        font-size: 1.9em;
    }
    .rate {
        font-size: 0.95em;
    }
    .rate th {
        display: none;
        padding: 0.5em;
    }
    .rate td {
        display: block;
        padding: 0.5em;
    }
    .rate td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 5.5em;
        display: inline-block;
        *display: inline;
    }
    .rate .data:before {
        display: table-cell;
    }
    .rate th, .rate td:before {
        color: #000;
    }
    .rate th:last-child, .rate td:last-child {
        padding-right: 0;
    }
    .progress {
        width: 98%;
    }
    /*公告、信箱*/
    .function_set .btn_set {
        float: left;
    }
    .msgtitle_set .cell1 {
        width: 14%;
    }
    .msgtitle_set .cell3 {
        width: 60%;
    }
    .msg_time {
        line-height: 14px;
        font-size: 0.8em;
    }
    .msg_list .title_left {
        width: 14%;
    }
    .msg_list .title_right {
        width: 60%;
    }
    .msg_title {
        width: 80%;
    }
    .msg_list {
        height: 38px;
    }
    /*新增子帳號*/
    .searchlist_creator {
        width: 100%;
    }
    .us_6, .us_7, .us_8, .us_9 {
        width: 16%;
    }
    /*會員管理*/
    .memcontrol_table {
        min-width: 800px;
    }
    .popup_showgame {
        width: 97%;
    }
    .game_show2 dl {
        width: 49%;
    }
    .game_show3 dl {
        width: 49%;
    }
    /*會員儲值*/
    .reg_table {
        min-width: 1000px;
    }
    /*會員資訊*/
    .info_table {
        min-width: 1000px;
    }
    .deposit_btn {
        width: 44%;
    }
    .money_table {
        min-width: 800px;
    }
    /*線上會員*/
    .online_table {
        min-width: 700px;
    }
    .on_4, .on_5 {
        width: 24%;
    }
    .on_9, .on_10 {
        width: 15%;
    }
    /*總報表*/
    .listadmin_set .srchlist {
        width: 100%;
    }
    .memcontrol_table, .info_table, .tran_table {
        min-width: 1200px;
    }
    .money_table, .online_table {
        min-width: 1000px;
    }
    .listadmin_set .datelist .input_set,
    .listadmin_set .datelist .btn_set {
        margin-left: 5px;
    }
    /*(第一層)遊戲類別勾選*/
    .popup_showgame, .popup_gamedetail {
        width: 97%;
    }
    .game_chk1 .chktitle_div {
        margin: 5px 0 5px -5px;
    }
    .game_chk1 dl {
        width: 72%;
        margin: 2px 30px;
    }
    /*(第二層)各館勾選_下框*/
    .game_chk2 dl {
        width: 98%;
        margin: 0 -3px;
    }
    /*(第三層)遊戲列表勾選_下框*/
    .game_chk3 dl {
        width: 49%;
        margin: 0 -3px;
    }
    /*新增子帳號*/
    .bottom_box{
        overflow: auto;
    }
    .addchk_set {
        min-width: 850px;
    }
    .addchk_set dl {
        width: 13%;
        margin: 0 -3px;
    }
    /*推廣網址*/
    .webup_box {
        width: 88%;
    }
    .text_web {
        width: 16%;
    }
    /*客服專區(舊)*/
    /*.ser_box1, .ser_box2 {
        width: 82%;
    }*/
    /*備用網址*/
    .content_set_web {
        width: 96%;
    }
    .left_web {
        width: 91%;
    }
    .web_left_title {
        width: 98%;
    }
    .web_left_1 {
        width: 56%;
    }
    .web_left_2 {
        width: 38%;
    }
    .web_left_3 {
        width: 38%;
    }
    .right_web {
        width: 90%;
        margin: 0 2%;
        border-left: 1px solid #fff;
    }
    .web_iconset img {
        margin: 0 3px;
    }
    /*會員管理_用戶管理*/
    .typelist {
        margin: 10px 32px 6px 10px;
    }
    .typelist .select_set {
        margin-left: 9px;
    }
    .searchlist .input_set, .searchlist .btn_set, .searchbox .datelist .input_set, .datelist .btn_set {
        display: block;
        margin-top: 10px;
    }
    .btn_date {
        margin: 5px 0 5px 2px;
    }
    /*會員資料詳細設定*/
    .title_set .text1 {
        display: none;
    }
    .mem_boxset1 .memdetail_list, .mem_boxset3 .memdetail_list,
    .mem_boxset6 .memdetail_list, .mem_boxset7 .memdetail_list,
    .mem_boxset8 .memdetail_list {
        width: 100%;
        padding: 5px 0 0 0;
    }
    .mem_boxset3 .weblink {
        width: 50%;
    }
    /*產品信息*/
    .game_box {
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px dotted #ccc;
    }
    .sports_pic {
        float: left;
    }
    .sports_text {
        width: 60%;
        float: left;
    }
    /*最新優惠*/
    .ad_set {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    /*推廣網址*/
    .servbox1_outside {
        width: 100%;
    }
    .servbox2_outside {
        width: 50%;
    }
    /*客服專區(新)*/
    .service_box1 {
        width: 90%;
        height: 379px;
    }
    .girls {
        margin-top: 20px;
    }
    .service_box2 {
        width: 90%;
    }
    .service_box4 {
        width: 90%;
    }
}
