/* Stylus Document 

   FIXED contents and containers CSS definitions.
          固定 CSS 區塊與容器定義設定

*/

#group{margin-bottom:15px;}
#group .panel-body{display:none;}




* {
  padding: 0;
  margin: 0;
}
:focus {
  outline: none;
}
body {
  min-width: 1054px;
  background-color: #362418;
  font-family: "微軟正黑體";
}
hr {
  border-top: 1px solid #cebc85;
  border-bottom: 1px solid #6e533c;
}
ol,
ul,
li {
  list-style: none;
  margin: 0;
}
a {
  cursor: pointer;
  color: #fff;
}
a:hover,
a a:active,
a a:focus {
  text-decoration: none;
  color: #ffc726;
}
img {
  border: 0;
}
.center {
  margin: 0 auto;
  width: 1024px;
}
.clear {
  clear: both;
}
.text_center {
  text-align: center;
}
.center {
  width: 1024px;
  margin: 0 auto;
}
.before-login,
.member-only {
  display: none;
}
.container {
  width: 100%;
  padding: 20px 0;
}
.container .content_area {
  width: 1024px;
  margin: 0 auto;
}
.container .content_area .float {
  float: left;
  display: inline-block;
}
/* 
   側邊選單
*/
.content_a {
  width: 20%;
  min-width: 200px;
}
.content_a .area .menu_icon {
  font-size: 32px;
  padding: 64px;
  background: url("/Home/Image/logo.png") center center no-repeat;
}
.content_a .area .menu_area {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px;
  border: 1px solid #6e4b37;
}
.content_a .area .functional_menu {
  float: none !important;
  margin: 0 !important;
  min-height: 620px;
  padding: 8px 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #533928;
  background: -moz-linear-gradient(left, #533928 0%, #ab7654 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #533928), color-stop(100%, #ab7654));
  background: -o-linear-gradient(left, #533928 0%, #ab7654 100%);
  background: -ms-linear-gradient(left, #533928 0%, #ab7654 100%);
  background: linear-gradient(to right, #533928 0%, #ab7654 100%);
}
.content_a .area .functional_menu li {
  position: relative;
}
.content_a .area .menu a {
  display: block;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 12px 8px 12px 8px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 2px 3px #383838;
}
.content_a .area .menu:active a,
.content_a .area .menu:hover a,
.content_a .area .menu:focus a,
.content_a .area .menu.active a {
  color: #fffac0;
  background-color: #553a29;
  border-bottom:1px solid #303a00;
  border-top:1px solid #303a00;
}

.ona{
  color: #fffac0;
  background-color: #553a29;  
}

.content_a .area .menu_subArea {
  background-color: #553a29;
  width: 150px;
  padding: 20px;
  top: 0;
  right: -192px;
  position: absolute;
  display: none;
  border: 1px solid #6e4b37;
}
.content_a .area .menu_subArea li a {
  color: #fff;
  text-align: center;
  display: block;
  padding: 8px 0;
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none;
}
.content_a .area .menu_subArea li a:active,
.content_a .area .menu_subArea li a:hover,
.content_a .area .menu_subArea li a:focus,
.content_a .area .menu_subArea li a.active {
  color: #fffac0;
}
.content_a .area .menu_subArea:active,
.content_a .area .menu_subArea:hover,
.content_a .area .menu_subArea:focus,
.content_a .area .menu_subArea.active {
  display: block;
}
.functional_menu > ul > li {
  z-index: 10;
}
/*
   右邊內容區
*/
.content_b {
  width: 80%;
  min-width: 780px;
  border-radius: 10px;
  color: #fff;
}
.content_b a {
  cursor: pointer;
  color: #fbf8cf;
}
.content_b a:hover {
  color: #fff;
}
.content_b .area_line {
  margin: 3px;
  padding: 1px;
  border-radius: 30px;
  border: 1px solid #6e4b37;
  background: #543928;
  background: -moz-linear-gradient(top, #543928 0%, #aa7553 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #543928), color-stop(100%, #aa7553));
  background: -webkit-linear-gradient(top, #543928 0%, #aa7553 100%);
  background: -o-linear-gradient(top, #543928 0%, #aa7553 100%);
  background: -ms-linear-gradient(top, #543928 0%, #aa7553 100%);
  background: linear-gradient(to bottom, #543928 0%, #aa7553 100%);
}
.content_b .area {
  min-height: 780px;
  padding: 10px 50px;
  border-radius: 30px;
  background-image: url("/Home/image/content_b_bg.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.content_b .area .sub_menu > ul > li {
  float: left;
  margin: 0 8px 10px 8px;
}
.content_b .area .sub_menu > ul > li > a {
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 8px 2px 3px 2px;
  border-bottom: 3px solid #fff;
  color: #fff;
}
.content_b .area .sub_menu > ul > li > a:hover {
  border-color: #fffac0;
  color: #fffac0;
}
.content_b .area .sub_menu > ul > li > a.active {
  border-color: #fffac0;
  color: #fffac0;
}
.content_b .area .sub_content {
  padding: 0px;  
}
.content_b .area .sub_content h1 {
  font-size: 26px;
  font-weight: 500;
  margin: 40px 0 6px 0;
  color: #fff;
}
.content_b .area .sub_content h2 {
  font-size: 26px;
  font-weight: 500;
  margin: 40px 0 6px 0;
  color: #efc18a;
}
.content_b .area .sub_content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 6px 0;
  color: #efc868;
}
.content_b .area .sub_content p {
  margin: 10px 0 18px 0;
}
.content_b .area .sub_content > ol li {
  margin: 5px 0 8px 0;
}
.content_b .area .sub_content > ol > ul li {
  margin-left: 28px;
}
.content_b .area .sub_content em {
  color: #fd2e32;
}
.content_b .area .sub_content .captchaInput {
  width: 100px !important;
  min-width: inherit !important;
  vertical-align: middle;
}
.content_b .area .sub_content .captchaImg {
  vertical-align: middle;
  cursor: pointer;
  height: 26px;
  width: 65px;
}
.content_b .area .sub_content .pointText {
  color: #ffc726;
}
.content_b .area .sub_content .remark,
.mc-partner-promotion-link-remark {
  padding: 15px;
  margin: 20px 0;
  border-radius: 10px;
  color: #ffc726;
  border: 1px ridge #ffc726;
}
.content_b .area .sub_content .col-label {
  text-align: right;
  width: 85px;
}
.content_b .area .sub_content .box {
  padding: 15px;
  margin-bottom: 20px;
  background: #365700;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
}
.content_b .area .sub_content .button,
.member_center .member_content_list .mc-btn-refresh-credit-summary,
.member_center .member_content_list .mc-btn-confirm,
.popup-login .button,
.btn-loading-retry,
.mc-online-deposit-promotion-container a.mc-btn-go-online-deposit {
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  padding: 10px 30px;
  letter-spacing: 2px;
  border-radius: 6px;
  color: #fff;
  background-color: #a97453;
  border: 1px solid #7a533b;
}
.content_b .area .sub_content .button:hover,
.member_center .member_content_list .mc-btn-refresh-credit-summary:hover,
.member_center .member_content_list .mc-btn-confirm:hover,
.popup-login .button:hover,
.btn-loading-retry:hover,
.mc-online-deposit-promotion-container a.mc-btn-go-online-deposit:hover,
.content_b .area .sub_content .button:focus. .content_b .area .sub_content .buttonactive,
.member_center .member_content_list .mc-btn-refresh-credit-summary:focus. .member_center .member_content_list .mc-btn-refresh-credit-summaryactive,
.member_center .member_content_list .mc-btn-confirm:focus. .member_center .member_content_list .mc-btn-confirmactive,
.popup-login .button:focus. .popup-login .buttonactive,
.btn-loading-retry:focus. .btn-loading-retryactive,
.mc-online-deposit-promotion-container a.mc-btn-go-online-deposit:focus. .mc-online-deposit-promotion-container a.mc-btn-go-online-depositactive {
  background-color: #a6824b;
  border: none;
}
.content_b .area .sub_content .button1,
.member_center .member_content_list .mc-btn-deposit,
.member_center .member_content_list .mc-btn-withdraw,
.member_center .member_content_list .mc-btn-reset {
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  padding: 10px 30px;
  letter-spacing: 2px;
  border-radius: 6px;
  color: #fff;
  background-color: #543a29;
  border: 1px solid #3f2b1e;
}
.content_b .area .sub_content .button1:hover,
.member_center .member_content_list .mc-btn-deposit:hover,
.member_center .member_content_list .mc-btn-withdraw:hover,
.member_center .member_content_list .mc-btn-reset:hover {
  background-color: #a47151;
}
.content_b .area .sub_content .button2,
.member_center .member_content_list .select-all,
.member_center .member_content_list .cancel-all {
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  padding: 5px 15px;
  letter-spacing: 2px;
  border-radius: 6px;
  color: #333;
  background-color: #fff;
  border: 1px solid #adadad;
}
.content_b .area .sub_content .button2:hover,
.member_center .member_content_list .select-all:hover,
.member_center .member_content_list .cancel-all:hover {
  background-color: #e6e6e6;
}
.content_b .area .sub_content .button2.select-all,
.member_center .member_content_list .select-all.select-all,
.member_center .member_content_list .cancel-all.select-all {
  margin: 5px;
}
.content_b .area .sub_content .button2.cancel-all,
.member_center .member_content_list .select-all.cancel-all,
.member_center .member_content_list .cancel-all.cancel-all {
  margin: 5px;
}
.content_b .area .sub_content .button3,
.member_center .member_content_list .mc-btn-bank-nav,
.member_center .member_content_list .mc-btn-bank-nav-active {
  border: none;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  padding: 10px 30px;
  letter-spacing: 2px;
  border-radius: 6px;
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
}
.content_b .area .sub_content .button3:hover,
.member_center .member_content_list .mc-btn-bank-nav:hover,
.member_center .member_content_list .mc-btn-bank-nav-active:hover {
  background-color: #ccc;
}
.content_b .area .sub_content .button3.mc-btn-bank-nav-active,
.member_center .member_content_list .mc-btn-bank-nav.mc-btn-bank-nav-active,
.member_center .member_content_list .mc-btn-bank-nav-active.mc-btn-bank-nav-active,
.member_center .member_content_list .mc-btn-bank-nav-active {
  background-color: #ec971f;
  border: 1px solid #ffc726;
}
.content_b .area .sub_content .button4,
#resultTable .delete_button,
.member_center .member_content_list .mc-btn-copy {
  border: none;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  font-family: initial;
  padding: 2px 10px;
  letter-spacing: 2px;
  border-radius: 6px;
  color: #bbb;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
}
.content_b .area .sub_content .button4:hover,
#resultTable .delete_button:hover,
.member_center .member_content_list .mc-btn-copy:hover {
  background-color: #ccc;
  color: #666;
}
.content_b .area .sub_content #member_list .member_center_title {
  font-size: 26px;
  font-weight: 500;
  margin: 40px 0 6px 0;
  color: #fff;
}
.content_b .area .sub_content #member_list .member_center {
  margin-top: 30px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg {
  padding-bottom: 20px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .mc-page-top {
  padding: 12px;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form {
  font-size: 13px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form td,
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form th {
  padding: 5px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form .col-label {
  text-align: right;
  width: 85px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form input[type="text"],
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg form select {
  width: 210px;
  margin: 0;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .input {
  float: left;
  width: 28%;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .input input,
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .input select {
  width: 90%;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .submit_button {
  margin-top: 15px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .pagejump {
  margin: 10px 0;
  text-align: center;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .MC_list_bg .pageNavEle {
  cursor: pointer;
  padding: 0 10px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list th,
.content_b .area .sub_content #member_list .member_center .member_content_list .table-mc-caption {
  padding: 12px 0 6px 0;
  font-size: 20px;
  font-weight: 500;
  color: #debf64;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .mc-accept-online-deposit-promotion-box {
  background-color: #231811;
  padding: 5px 5px 0 5px;
  color: #fff;
  float: right;
}
.content_b .area .sub_content #member_list .member_center .member_content_list .mc-table-title,
#resultTable .firsttr td {
  background-color: #553928;
  color: #fff;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table {
  width: 100%;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tr,
.content_b .area .sub_content #member_list .member_center .member_content_list table th,
.content_b .area .sub_content #member_list .member_center .member_content_list table td {
  padding: 12px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table thead {
  text-align: left;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table thead tr th a {
  font-size: 12px;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table thead tr th a:hover {
  text-decoration: none;
  color: #ffc726;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tbody {
  border: 1px solid #fff;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tbody tr td .loading-box {
  text-align: center;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tbody tr .action {
  text-align: right;
  border-top: 1px solid #fff;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tbody tr .col-deposit-option {
  padding: 0;
  width: 80px;
  background-color: #231811;
}
.content_b .area .sub_content #member_list .member_center .member_content_list table tbody tr .col-deposit-option a {
  display: block;
  padding: 20px;
  color: #fff;
}
.content_b .area .sub_content > ul > li {
  display: none;
  font-size: 15px;
  letter-spacing: 1px;
}
.content_b .area .sub_content > ul > li.active {
  display: block;
}
.content_b .area .sub_content > ul > li table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 6px 0 15px 0;
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.content_b .area .sub_content > ul > li table th {
  padding: 3px;
}
.content_b .area .sub_content > ul > li table td {
  padding: 3px;
}
.content_b .area .sub_content > ul > li .vipTable {
  border-color: #ffbc3a;
  color: #fff;
}
.content_b .area .sub_content > ul > li .vipTable th {
  text-align: center;
  padding: 8px 0;
  background-color: #553928;
  color: #fff;
}
.content_b .area .sub_content > ul > li .vipTable td {
  text-align: center;
  padding: 8px 0;
  background-color: #8a5f43;
  color: #fff;
}
.content_b .area .sub_content > ul > li .partner_login {
  width: 662px;
  height: 358px;
  margin: 0 auto;
  position: relative;
  background-image: url("../../images/partner_login_bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.content_b .area .sub_content > ul > li .partner_login .patnerLogin_form {
  width: 384px;
  height: 200px;
  position: absolute;
  left: 20px;
  top: 150px;
}
.content_b .area .sub_content > ul > li .register_partner td {
  padding: 8px 3px;
}
.content_b .area .sub_content > ul > li .register_partner #loginName {
  width: 117px;
}
.content_b .area .sub_content > ul > li .registerP_info {
  text-align: center;
  background: #ffc726;
  color: #620800;
}
.content_b .area .sub_content > ul > li .notice {
  margin-top: 15px;
  padding: 1px 0;
  background: #a97453;
}
.content_b .area .sub_content > ul > li .notice .notice_list {
  background-color: #553928;
}
.content_b .area .sub_content > ul > li .notice .notice_list div {
  list-style: outside;
  margin: 0 20px;
  padding: 20px 0;
  cursor: pointer;
  word-wrap: break-word;
  border-bottom: 1px dashed #fff;
}
.content_b .area .sub_content > ul > li .notice .notice_list div:hover {
  color: #fffac0;
}
.content_b .area .sub_content > ul > li .notice .notice_list div:last-child {
  border-bottom: none;
}
.content_b .area .sub_content > ul > li .form-feedback .feedback-remark {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  color: #ffc726;
  border: 1px ridge #ffc726;
}
.content_b .area .sub_content > ul > li .form-feedback .feedback-remark li {
  list-style: outside;
  list-style-type: decimal;
  padding: 8px 0;
  margin-left: 30px;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table {
  width: 100%;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table tr td {
  padding: 8px 0;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table tr td:first-child {
  min-width: 120px;
  text-align: right;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table tr td.2nd_td {
  min-width: 320px;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table tr td:last-child {
  min-width: 200px;
}
.content_b .area .sub_content > ul > li .form-feedback .form-feedback-table input[type="text"] {
  max-width: 95%;
  min-width: 300px;
}
.content_b .area textarea {
  resize: vertical;
  min-height: 120px;
  max-width: 95%;
  min-width: 300px;
}
.content_b .area #mc-register-box .page_title {
  padding: 20px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  color: #ddddde;
}
.content_b .area #mc-register-box .page_title span {
  display: inline-block;
}
.content_b .area #mc-register-box .page_title > span > span {
  font-size: 26px;
  line-height: 30px;
}
.content_b .area #mc-register-box .page_title > span > span.clickHere {
  padding-top: 3px;
  font-size: 18px;
  cursor: pointer;
  color: #f8de84;
}
.content_b .area #mc-register-box .page_title_right {
  float: right;
}
.content_b .area input {
  letter-spacing: 1px;
  padding: 5px;
}
.content_b .area select {
  letter-spacing: 1px;
  padding: 5px;
}
.content_b .area textarea {
  letter-spacing: 1px;
  padding: 5px;
}
#route-test td,
#route-test th {
  padding: 10px 0;
  border: none;
}
#route-test .route-result-time {
  display: block;
  text-align: center;
  border: 1px solid #ffc726;
}

/*
   商品兑换
*/
#imglist{padding:0px; margin:0px; list-style-type:none;}
#imglist li{list-style-type:none; float:left; width:300px; height: 210px; margin:10px 17px; text-align:center;}
#imglist li img{width:300px; height:180px; border:2px solid #ffc726;} 
#imglist li a{color:#f8de84; font-weight:bold;}
.bottomleft { text-align:right; font-size:14px; line-height:22px; width:980px; margin-top:20px; clear:both; color:#fff;}