/* #layout@common */

/*===================================================================================================================*/
/*                                                    Component                                                      */
/*===================================================================================================================*/
a {
  text-decoration: none;
  outline: none;
  behavior: expression(this.onFocus=this.blur());
}
.cpn-boxzero {
  margin: 0;
  padding: 0;
}
ul.cpn-boxzero > li {
  list-style: none;
}
.cpn-inBlock {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.cpn-inBlock-row {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
}
.cpn-inBlock-row > .cpn-inBlock-cell,
ul.cpn-inBlock-row > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.cpn-ul-decimal {
}
.cpn-ul-decimal > li {
  list-style-type: decimal;
}
.cpn-clear-left {
  clear: left;
}
.cpn-clear-right {
  clear: right;
}
.cpn-clear-both {
  clear: both;
}
@font-face {
  font-family: "anakotmai";
  src: url("../../Anakotmai-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*===================================================================================================================*/
/*                                                        UI                                                         */
/*===================================================================================================================*/
/* tag */
body {
  background: url(../../img/resources/bg_mobile.jpg) center center repeat fixed;
  color: #fff;
  font: 13px "anakotmai", Arial, Helvetica, sans-serif;
}

/* input */
.ui-ipt {
  background-color: #fff;
  padding: 0 10px;
  color: #2a2a2a;
  border: 1px solid #8b8b8b;
  outline: none;
  font-size: 2.769em;
  line-height: 77px;
}
.ui-ipt-date {
  min-width: 250px;
  height: 71px;
  background: #ffffff url(../../img/resources/ddl_arrow.jpg) no-repeat right top;
  padding: 0 18px;
  border: 1px solid #8b8b8b;
  border-right: none;
  outline: none;
  color: #2a2a2a;
  font-size: 2.769em;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* button(/a) */
.ui-btn01,
.ui-btn02 {
  width: 300px;
  background: repeat-x;
  border: none;
  color: #fff;
  font-size: 3.23em;
  text-align: center;
  line-height: 97px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
}
.ui-btn-long {
  width: 500px;
}
.ui-btn01 {
  background-image: url(../../img/resources/btn03.jpg);
}
.ui-btn02 {
  background-image: url(../../img/resources/btn02.jpg);
}
.ui-btn01,
.ui-btn02 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #fff;
  text-align: center;
}

/* dropDownList(select) */
.ui-ddl {
  min-width: 250px;
  height: 71px;
  background: #ffffff url(../../img/resources/ddl_arrow.jpg) no-repeat right top;
  padding: 0 18px;
  border: 1px solid #8b8b8b;
  border-right: none;
  outline: none;
  color: #2a2a2a;
  font-size: 2.769em;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ui-ddl > option,
.ui-ddl2 > option {
  background-color: #979797;
  border-bottom: 1px solid #4b4b4b;
  color: #000;
}
.ui-ddl2 > option {
  background-color: #b2bbcc;
}
.ui-ddl2 {
  min-width: 250px;
  height: 71px;
  background: none;
  padding-right: 22px;
  border: 1px solid #8b8b8b;
  border-right: none;
  outline: none;
  color: #fff;
  font-size: 2.769em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* textarea */
.ui-tar {
  width: 99%;
  color: #727272;
  background-color: #d7edf7;
  border: 1px solid #8b8b8b;
  outline: none;
  font-size: 2.769em;
}

/* table */
.ui-table01 {
  width: 100%;
  color: #fff;
  font-size: 2.153em;
  letter-spacing: 2px;
  line-height: 2em;
}
.ui-table01 th,
.ui-table01 td {
  padding: 10px 15px;
  border: 1px solid #307da1;
  word-break: break-word;
}
.ui-table02 {
  width: 100%;
  font-size: 2.307em;
  letter-spacing: 2px;
  line-height: 2em;
}
.ui-table02 tr {
  border-bottom: 1px solid #307da1;
}
.ui-table02 tr:last-child {
  border-bottom: none;
}
.ui-table02 th,
.ui-table02 td {
  padding: 10px 15px;
  word-break: break-word;
}
.ui-table02 th {
  font-weight: normal;
  text-align: left;
}
.ui-table02 td {
  font-weight: bolder;
  text-align: right;
}
.ui-table03 {
  width: 100%;
  font-size: 2.307em;
  letter-spacing: 2px;
  line-height: 2em;
}
.ui-table03 tr {
  border: 1px solid #000;
}
.ui-table03 tr:last-child {
  border: none;
}
.ui-table03 th,
.ui-table03 td {
  padding: 10px 15px;
  border-right: 1px solid #000;
  word-break: break-word;
}
.ui-table03 th:last-child,
.ui-table03 td:last-child {
  border-right: none;
}
.ui-table03 th {
  color: #fff;
}
.ui-table03 tr:nth-child(odd) th {
  background-color: #0f445d;
}
.ui-table03 tr:nth-child(even) th {
  background-color: #0b3042;
}
.ui-table03 td {
  color: #fff;
}
.ui-table03 tr:nth-child(odd) td {
  background-color: #0f445d;
}
.ui-table03 tr:nth-child(even) td {
  background-color: #0b3042;
}
.ui-table01 .ui-lnk-detail,
.ui-table03 .ui-lnk-detail {
  display: block;
  width: 100%;
  height: 77px;
  background: no-repeat 96% center;
  margin-top: -19px;
  position: absolute;
  top: 18px;
  right: 0px;
}
.ui-table01 .ui-lnk-detail {
  background-image: url(../../img/resources/lnk_detail1.png);
}
.ui-table03 .ui-lnk-detail {
  background-image: url(../../img/resources/lnk_detail2.png);
}
.ui-table04 {
  width: 100%;
  background: url(../../img/resources/table01Bg.png) repeat;
  color: #959595;
  font-size: 2.307em;
  letter-spacing: 2px;
  line-height: 2em;
}
.ui-table04 th,
.ui-table04 td {
  padding: 10px 15px;
  word-break: break-word;
}
.ui-table04 th {
  text-align: right;
}
.ui-table04 td {
  color: #fff;
}
.ui-table05 {
  width: 100%;
  letter-spacing: 2px;
  line-height: 2em;
}
.ui-table05 th,
.ui-table05 td {
  border: 1px solid #307da1;
  padding: 3px 12px;
  color: #fff;
  word-break: break-all;
}
.ui-table05 th {
  background-color: #032834;
  font-weight: normal;
  line-height: 35px;
  padding: 8px 10px;
}
.ui-table05 td {
  background-color: #1c6080;
}
.ui-table05 td.td-align-center {
  text-align: center;
}
.ui-table05.td-align-center td {
  text-align: center;
}
.ui-table05-1 {
  font-size: 20px;
  letter-spacing: 0;
}
.tr-gap td {
  background: none;
  border: none;
}
.align-right {
  text-align: right;
}

/* tabs */
.ui-ul-tabs {
  margin: 0;
  padding: 0;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  text-align: center;
}
.ui-li-tabs {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: no-repeat center top;
  border-right: 2px dotted #fff;
  list-style: none;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.ui-li-tabs:last-child {
  border-right: none;
}
.ui-li-tabs-account {
  background-image: url(../../img/resources/tabs_account.png);
  border-right: 2px dotted #fff;
}
.ui-li-tabs-password {
  background-image: url(../../img/resources/tabs_password.png);
}
.ui-li-tabs-deposit {
  background-image: url(../../img/resources/tabs_deposit.png);
}
.ui-li-tabs-withdrawal {
  background-image: url(../../img/resources/tabs_withdrawal.png);
}
.ui-li-tabs-wallet {
  background-image: url(../../img/resources/tabs_wallet.png);
}
.ui-li-tabs-pointrecord {
  background-image: url(../../img/resources/tabs_pointrecord.png);
}
.ui-li-tabs-uns {
  background-image: url(../../img/resources/tabs_uns.png);
}
.ui-li-tabs-bethistory {
  background-image: url(../../img/resources/tabs_bethistory.png);
}
.ui-li-tabs-news {
  background-image: url(../../img/resources/tabs_news.png);
}
.ui-li-tabs-mail {
  background-image: url(../../img/resources/tabs_mail.png);
}
.ui-li-tabs-sendmail {
  background-image: url(../../img/resources/tabs_sendmail.png);
}
.ui-li-tabs-account.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_accountActive.png);
}
.ui-li-tabs-password.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_passwordActive.png);
}
.ui-li-tabs-deposit.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_depositActive.png);
}
.ui-li-tabs-withdrawal.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_withdrawalActive.png);
}
.ui-li-tabs-wallet.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_walletActive.png);
}
.ui-li-tabs-pointrecord.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_pointrecordActive.png);
}
.ui-li-tabs-uns.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_unsActive.png);
}
.ui-li-tabs-bethistory.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_bethistoryActive.png);
}
.ui-li-tabs-news.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_newsActive.png);
}
.ui-li-tabs-mail.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_mailActive.png);
}
.ui-li-tabs-sendmail.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_sendmailActive.png);
}
.ui-lnk-tabs {
  display: block;
  width: 116px;
  margin: 0 24px;
  padding-top: 102px;
  color: #fff;
  font-size: 2.153em;
  text-align: center;
}

/*PermanentIncome tab icon 金管家*/
.ui-li-tabs-action {
  background-image: url(../../img/resources/tabs_action.png);
}
.ui-li-tabs-action2 {
  background-image: url(../../img/resources/tabs_action2.png);
}
.ui-li-tabs-history {
  background-image: url(../../img/resources/tabs_pointrecord.png);
}
.ui-li-tabs-action.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_actionActive.png);
}
.ui-li-tabs-action2.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_action2Active.png);
}
.ui-li-tabs-history.ui-li-tabsActive {
  background-image: url(../../img/resources/tabs_pointrecordActive.png);
}

/* pageTitle */
.ui-h1-pageTitle {
  color: #1e1e1e;
  font-size: 3.584em;
  font-weight: normal;
  text-align: center;
}

/* memberNotice */
.ui-ol-memberNotice {
  width: 88%;
  margin: 0 auto;
  padding-left: 24px;
  color: #fff;
  font-size: 2.153em;
  letter-spacing: 0px;
  line-height: 1.5em;
}
.ui-ol-memberNotice > li {
  list-style: disc;
}

/* pager */
.ui-lnk-pagerPreviousMore,
.ui-lnk-pagerPreviousMore2,
.ui-lnk-pagerPrevious,
.ui-lnk-pagerPrevious2,
.ui-lnk-pagerNext,
.ui-lnk-pagerNext2,
.ui-lnk-pagerNextMore,
.ui-lnk-pagerNextMore2 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 65px;
  background: no-repeat;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.ui-lnk-pagerPreviousMore {
  width: 134px;
  background-image: url(../../img/resources/lnk_previousMore.png);
}
.ui-lnk-pagerPrevious {
  width: 135px;
  background-image: url(../../img/resources/lnk_previous.png);
}
.ui-lnk-pagerNext {
  width: 135px;
  background-image: url(../../img/resources/lnk_next.png);
}
.ui-lnk-pagerNextMore {
  width: 134px;
  background-image: url(../../img/resources/lnk_nextMore.png);
  margin-right: 0;
}
.ui-ddl-pager {
  width: 134px;
  min-width: 0;
  height: 65px;
  color: #fff;
  background: url(../../img/resources/ddl_pager.jpg) no-repeat;
  border: none;
  padding: 0 67px 0 20px;
  line-height: 65px;
}

/* text */
.ui-txt-star {
  color: #ff0000;
}
.ui-txt-mask {
  color: #f00;
}
.ui-txt-negative {
  color: #ff0000;
}
.ui-txt-positive {
  color: #32b16c;
}

/* slotgame-jackpot */
.ui-txt-jackpot-count {
  font-size: 42px;
  font-family: Arial Black, sans-serif;
  font-weight: bold;
  color: #fffefe;
  background: linear-gradient(to bottom, #989898 0%, #ffffff 100%);
  background: -webkit-linear-gradient(
    top,
    #989898 0%,
    #ffffff 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #989898 0%,
    #ffffff 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 246px;
  top: 3px;
}

/* ul-supply */
.ui-ul-supply {
  width: 100%;
  padding: 11px 0;
  text-align: center;
  white-space: nowrap;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-li-supply,
.ui-li-supply-active {
  margin: 0 21px;
  background-position: center top;
  background-repeat: no-repeat;
}
.ui-li-supply-1180 {
  background-image: url(../../img/resources/supply-1180.png);
}
.ui-li-supply-1150 {
  background-image: url(../../img/resources/supply-1150.png);
}
.ui-li-supply-1140 {
  background-image: url(../../img/resources/supply-1140.png);
}
.ui-li-supply-1120 {
  background-image: url(../../img/resources/supply-1120.png);
}
.ui-li-supply-1130 {
  background-image: url(../../img/resources/supply-1130.png);
}
.ui-li-supply-1180 {
  background-image: url(../../img/resources/supply-1180.png);
}
.ui-li-supply-1030 {
  background-image: url(../../img/resources/supply-1030.png);
}
.ui-li-supply-1190 {
  background-image: url(../../img/resources/supply-1190.png);
}
.ui-li-supply-1010 {
  background-image: url(../../img/resources/supply-1010.png);
}
.ui-li-supply-1170 {
  background-image: url(../../img/resources/supply-1170.png);
}
.ui-li-supply-1160 {
  background-image: url(../../img/resources/supply-1160.png);
}
.ui-li-supply-1200 {
  background-image: url(../../img/resources/supply-1200.png);
}
.ui-li-supply-1190-02 {
  background-image: url(../../img/resources/supply-1190-02.png);
}
.ui-li-supply-1180.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1180-active.png);
}
.ui-li-supply-1150.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1150-active.png);
}
.ui-li-supply-1140.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1140-active.png);
}
.ui-li-supply-1120.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1120-active.png);
}
.ui-li-supply-1130.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1130-active.png);
}
.ui-li-supply-1180.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1180-active.png);
}
.ui-li-supply-1030.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1030-active.png);
}
.ui-li-supply-1190.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1190-active.png);
}
.ui-li-supply-1190-02.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1190-02-active.png);
}
.ui-li-supply-1010.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1010-active.png);
}
.ui-li-supply-1170.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1170-active.png);
}
.ui-li-supply-1160.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1160-active.png);
}
.ui-li-supply-1200.ui-li-supply-active {
  background-image: url(../../img/resources/supply-1200-active.png);
}
.ui-lnk-supply {
  min-width: 115px;
  display: block;
  padding: 56px 0 0 0;
  font-size: 22px;
  color: #92a0c0;
  text-align: center;
}
.ui-li-supply-active > .ui-lnk-supply {
  color: #ffbebc;
  text-shadow: 0px 0px 8px #ff1c59;
}

/* ul-category */
.ui-ul-category {
  width: 100%;
  padding: 0 15px;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.ui-li-category {
  font-size: 24px;
  white-space: nowrap;
}
.ui-ul-category li:last-child {
  padding-right: 20px;
}
.ui-li-category-active > .ui-lnk-category {
  color: #b80e15;
}
.ui-lnk-category {
  display: block;
  padding: 0 15px;
  color: #0b4152;
  line-height: 74px;
}
.ui-ipt-inquire {
  width: 249px;
  height: 59px;
  margin: 24px 0 31px 34px;
  font-size: 24px;
  background: url(../../img/resources/bg_ipt_inquire.png) center no-repeat;
  border: 0;
  text-indent: 20px;
  outline: none;
  position: relative;
}
.ui-lnk-inquire {
  width: 53px;
  height: 73px;
  font-size: 24px;
  background: url(../../img/resources/bg_lnk_inquire.png?b) center no-repeat;
  background-size: 85%;
  border: 0;
  text-indent: -9999px;
  outline: none;
}
.ui-ipt-favorites {
  width: 182px;
  height: 59px;
  margin: 24px 0px 31px 177px;
  font-size: 24px;
  background: url(../../img/resources/ipt_favorites.png) center no-repeat;
  text-indent: -9999px;
  border: 0;
  outline: none;
}
.ui-ipt-favorites-txt {
  color: #a6312e;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  right: 37px;
  top: 36px;
  letter-spacing: -0.5px;
  cursor: pointer;
}
/*==================================================================================================================*/
/*                                                      Theme                                                        */
/*===================================================================================================================*/
/* content box */
.theme-content-box {
  background: #1c6080;
  padding: 0 2%;
  border: 2px solid #1b607f;
}
.theme-content-box > .theme-h3-boxTitle {
  width: 105%;
  margin: -2px 0 0 -17px;
  padding: 20px 0;
  color: #fff;
  font-size: 2.923em;
  font-weight: normal;
  text-align: center;
  background-color: #0f445d;
}

/* input box */
.theme-input-box {
}
.theme-input-box > .theme-input-header {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 2.307em;
}
.theme-input-box > .ui-ddl {
  width: 100%;
}
.theme-input-box > .ui-ipt {
  width: 97%;
  padding: 0 1.5%;
}

.theme-ul-listView {
}
.theme-li-listView {
  margin: 20px 0;
}
.theme-ul-dataView {
}
.theme-li-dataView {
  padding: 20px 0;
  border-bottom: 1px solid #d6c388;
}
.theme-li-dataView:last-child {
  border-bottom: none;
}
.theme-dataView-header {
  display: block;
  margin: 10px 0;
  color: #fff;
  font-size: 2.307em;
}
.theme-dataView-data {
  margin: 5px 0;
  padding-left: 1em;
  color: #fff;
  font-size: 2.769em;
  font-weight: bolder;
}
.theme-li-dataView > .ui-ipt {
  width: 92%;
  margin-left: 5%;
  padding: 0 1.5%;
}

/* Error Message */
.theme-errorMsg {
  background-color: #38a1c6;
  margin: 20px 0;
  padding: 10px 25px;
  border: 2px solid #000;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
}
.theme-txt-errorMsg {
  color: #fff;
  font-size: 2em;
}
.txt-errorMsg {
  font-size: 1.5em;
  line-height: 36px;
}

/* theme-slotgame */
.theme-slotgame-jackpot {
  height: 71px;
  margin-bottom: 28px;
  background: url(../../img/resources/bg_jackpot.png) center top no-repeat;
}
.theme-slotgame-supply {
  height: 182px;
  background: #11516f url(../../img/resources/bg_category.png) bottom center
    no-repeat;
  overflow: hidden;
  position: relative;
}
.theme-slotgame-inquire {
  background-color: #11516f;
  position: relative;
}
.theme-slotgame-list {
  width: 720px;
  background-color: #1c6080;
}

/* theme-livegame */
.theme-livegame-jackpot {
  height: 71px;
  margin-bottom: 28px;
  background: url(../../img/resources/bg_jackpot.png) center top no-repeat;
}
.theme-livegame-supply {
  height: 182px;
  background: #11516f url(../../img/resources/bg_category.png) bottom center
    no-repeat;
  overflow: hidden;
  position: relative;
}
.theme-livegame-inquire {
  background-color: #11516f;
  position: relative;
}
.theme-livegame-list {
  width: 720px;
  background-color: #1c6080;
}
.theme-livegame {
  margin-top: 25px;
}
/*===================================================================================================================*/
/*                                                      Layout                                                       */
/*===================================================================================================================*/
.lay-container {
  /* padding-bottom: 120px;*/
  margin-bottom: 120px;
}
.lay-screen {
  width: 720px;
  margin: 0 auto;
  position: relative;
  clear: both;
}
.lay-are-pageTitle {
  width: 680px;
  margin-bottom: 20px;
  padding: 20px;
}
.lay-are-pageContent {
  width: 680px;
  padding: 40px 20px;
}
.lay-are-pager {
  margin: 20px 0;
  padding: 25px 0;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  text-align: center;
}

/*===================================================================================================================*/
/*                                                      Header                                                       */
/*===================================================================================================================*/
.reg-header {
  background: url(../../img/resources/header_color1.jpg) repeat top center !important;
}
/* .reg-header > */
.reg-header > .lay-screen {
}
.are-header-logo {
  height: 144px;
  background: url(../../img/resources/logo.png) no-repeat center;
  padding: 0 117px;
}
.lnk-header-home {
  width: 77px;
  height: 65px;
  background: url(../../img/resources/btn_home.png) no-repeat;
  margin-top: -32.5px;
  position: absolute;
  top: 50%;
  left: 20px;
}
.lnk-header-login {
  width: 76px;
  height: 94px;
  background: url(../../img/resources/btn_login.png) no-repeat;
  margin-top: -30.5px;
  position: absolute;
  top: 43%;
  right: 20px;
}
.lnk-header-back {
  width: 54px;
  height: 87px;
  background: url(../../img/resources/btn_back.png) no-repeat;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 20px;
}
.lnk-header-menuOpen {
  width: 76px;
  height: 65px;
  background: url(../../img/resources/btn_menuOpen.png) no-repeat;
  margin-top: -29px;
  position: absolute;
  top: 50%;
  right: 20px;
}
.lnk-header-menuClose {
  display: none;
  width: 62px;
  height: 62px;
  background: url(../../img/resources/btn_menuClose.png) no-repeat center;
  margin-top: -29px;
  position: absolute;
  top: 50%;
  right: 20px;
}
.are-header-memberInfo {
  width: 96%;
  min-height: 50px;
  padding: 0 15px;
  background: url(../../img/resources/memberInfoBg.png) repeat;
  margin-bottom: 30px;
  font-size: 1.846em;
  line-height: 40px;
  position: absolute;
  top: 144px;
  left: 0;
}
.are-header-menu {
  display: none;
  width: 100%;
  height: 85vh;
  background: rgba(28, 96, 128, 0.9);
  overflow: hidden;
  position: absolute;
  top: 144px;
  left: 0;
}
/* .reg-header > .are-header-memberInfo > */
.blk-memberInfo-left {
  float: left;
}
.blk-memberInfo-right {
  float: right;
}
/* .reg-header > .are-header-menu > */
.ul-menu {
  padding: 20px 0;
}
.li-menu {
  margin: 35px 0;
}
.lnk-menu {
  display: block;
  color: #fff;
  font-size: 2.923em;
  text-align: center;
  line-height: 48px;
}
.lnk-menu:active {
  color: #fff;
}
.ul-lang {
  margin-bottom: 60px;
  text-align: center;
}
.li-lang {
  margin: 0 30px;
}
.lnk-lang {
  display: block;
  width: 116px;
  background: no-repeat center top;
  padding-top: 71px;
  color: #fff;
  font-size: 2.153em;
}
.lnk-lang-tw {
  background-image: url(../../img/resources/lang_tw.png);
}
.lnk-lang-cn {
  background-image: url(../../img/resources/lang_cn.png);
}
.lnk-lang-en {
  background-image: url(../../img/resources/lang_en.png);
}
.lnk-lang-th {
  background-image: url(../../img/resources/lang_th.png);
}
.btn-header-logout {
  display: block;
  width: 80%;
  font-weight: bold;
  letter-spacing: 10px;
  background: url(../../img/resources/btn03.jpg) repeat-x;
  margin: 0 10%;
  color: #fff;
  font-size: 2.923em;
  line-height: 87px;
  border: hidden;
}

/*===================================================================================================================*/
/*                                                       main                                                        */
/*===================================================================================================================*/
/* .reg-main > */
.reg-main {
  width: 720px;
  margin: 0 auto;
  min-height: 70vh;
  padding: 88px 0 50px 0;
  background: #fff url(../../img/resources/bg_main.jpg) no-repeat top center;
}
/* .reg-main > .are-prize > */
.blk-prize {
  width: 427px;
  height: 75px;
  line-height: 75px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.i-prize {
  display: inline-block;
  float: left;
  width: 71px;
  height: 73px;
  padding-top: 22px;
  background: url(../../img/resources/prizeIcn.png) left center no-repeat;
  position: absolute;
  left: -18px;
}
.ul-prize {
  display: inline-block;
  width: 409px;
  height: 71px;
  padding: 23px 0 0 20px;
  background: url(../../img/resources/prizeBg.png) left center no-repeat;
}
.li-prizeNum,
.li-prizeDsc {
  font-size: 36px;
  font-weight: bold;
  line-height: 52px;
  text-indent: 8px; /* background: -webkit-linear-gradient(top, #f1c579 0, #c47b00 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; */ /*漸層字*/
  -webkit-filter: drop-shadow(5px 1px 1px #272727);
  filter: drop-shadow(0px 1px 1px #272727);
  color: #fff;
  animation: colorchange 1s infinite alternate;
  -webkit-animation: colorchange 1s infinite alternate;
  -moz-animation: colorchange 1s infinite alternate;
  -o-animation: colorchange 1s infinite alternate;
  -ms-animation: colorchange 1s infinite alternate; /*文字閃動*/
}
.li-prizeNum {
}
.li-prizeDsc {
}
@keyframes colorchange {
  0% {
    color: #fff;
  }
  20% {
    color: #fc0;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #fc0;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #fc0;
  }
}
@-webkit-keyframes colorchange {
  0% {
    color: #fff;
  }
  20% {
    color: #fc0;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #fc0;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #fc0;
  }
}
@-moz-keyframes colorchange {
  0% {
    color: #fff;
  }
  20% {
    color: #fc0;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #fc0;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #fc0;
  }
}
@-o-keyframes colorchange {
  0% {
    color: #fff;
  }
  20% {
    color: #fc0;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #fc0;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #fc0;
  }
}
@-ms-keyframes colorchange {
  0% {
    color: #fff;
  }
  20% {
    color: #fc0;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #fc0;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #fc0;
  }
}

/* .reg-main > .are-luckyDraw > */
.blk-luckyDraw {
  width: 427px;
  height: 75px;
  line-height: 75px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.i-luckyDraw {
  display: inline-block;
  float: left;
  width: 71px;
  height: 73px;
  padding-top: 22px;
  background: url(../../img/resources/luckyDrawIcn.png) left center no-repeat;
  position: absolute;
  left: -18px;
}
.ul-luckyDraw {
  display: inline-block;
  width: 409px;
  height: 71px;
  padding: 23px 0 0 20px;
  background: url(../../img/resources/prizeBg.png) left center no-repeat;
}
.li-luckyDrawNum,
.li-luckyDrawDsc {
  font-size: 36px;
  font-weight: bold;
  line-height: 52px;
  text-indent: 8px; /* background: -webkit-linear-gradient(top, #f1c579 0, #c47b00 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; */ /*漸層字*/
  -webkit-filter: drop-shadow(5px 1px 1px #272727);
  filter: drop-shadow(0px 1px 1px #272727);
  color: #fff;
  animation: colorchange 1s infinite alternate;
  -webkit-animation: colorchange 1s infinite alternate;
  -moz-animation: colorchange 1s infinite alternate;
  -o-animation: colorchange 1s infinite alternate;
  -ms-animation: colorchange 1s infinite alternate; /*文字閃動*/
}
.li-luckyDrawNum {
}
.li-luckyDrawDsc {
}
/*===================================================================================================================*/
/*                                                      Footer                                                       */
/*===================================================================================================================*/
.reg-footer {
  width: 100%;
  background: url(../../img/resources/footerBg.png) no-repeat center top;
  padding-top: 3px;
  position: fixed;
  left: 0;
  bottom: 0;
}
/* .reg-footer > */
.ul-footer-toolbar {
  background: url(../../img/resources/toolbarBg.jpg) repeat-x;
}
.li-footer-toolbar {
  width: 25%;
  background: url(../../img/resources/toolbarBg.jpg) repeat-x;
}
.li-toolbar-active {
  background-image: url(../../img/resources/toolbarBgActive.jpg);
}
.lnk-footer-toolbar {
  display: table-cell;
  width: 25%;
  height: 119px;
  padding: 27% 0 0 0;
  color: #fff;
  font-size: 32px;
  line-height: 38px;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.lnk-footer-toolbar {
  background: url(../../img/resources/lnk_toolbar.png) 0px 6px no-repeat;
}
.li-footer-toolbar:after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 119px;
  background: url(../../img/resources/lnk_line.png) right top no-repeat;
  position: absolute;
  top: 0;
}
.li-footer-toolbar:first-child:after {
  background: none;
}
.li-toolbar-member > .lnk-footer-toolbar {
}
.li-toolbar-regist > .lnk-footer-toolbar {
  background-position: 24% 6px;
  text-indent: 12px;
}
.li-toolbar-event > .lnk-footer-toolbar {
  background-position: 50% 6px;
}
.li-toolbar-service > .lnk-footer-toolbar {
  background-position: 75% 6px;
}
.li-toolbar-transaction > .lnk-footer-toolbar {
  background-position: 97% 6px;
}

/*===================================================================================================================*/
/*                                                      Box                                                          */
/*===================================================================================================================*/
.Box {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  padding-top: 35vh;
  margin: 0 auto;
  position: absolute;
  top: 0;
  z-index: -1;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.Box .lnk-boxSubmit {
  display: block;
  margin: 35px 0 0 auto;
  padding: 10px 20px;
  font-size: 20px;
  color: #000;
  border: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.Box .boxOverlay {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  z-index: -1;
}
.Box.on {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  padding-top: 35vh;
  cursor: pointer;
  z-index: 5;
}
.Boxinner {
  width: 50%;
  padding: 25px;
  margin: 0 auto 10%;
  position: relative;
  background-color: #fff;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.Boxinner .h1-tit {
  text-align: center;
  color: #636363;
  font-size: 20px;
  font-weight: normal;
  margin: 15px 0 30px;
}

@media screen and (max-width: 1000px) {
  .Boxinner {
    width: 80%;
    min-width: auto;
  }
}

/*===================================================================================================================*/
/*                                                     Z-index                                                       */
/*===================================================================================================================*/
.are-header-memberInfo {
  z-index: 2;
}
.are-header-menu {
  z-index: 3;
}
.reg-footer {
  z-index: 4;
}
.blk-tel {
  z-index: 1;
}

/*===================================================================================================================*/
/*                                                      Hacks                                                      */
/*===================================================================================================================*/
/* Safari 7.1+ */
_::-webkit-full-page-media,
_:future,
:root .ui-ipt-inquire {
  width: 224px;
  top: -2px;
}
_::-webkit-full-page-media,
_:future,
:root .ui-lnk-category {
  padding: 0 12px;
}
_::-webkit-full-page-media,
_:future,
:root .ui-ipt-favorites-txt {
  right: 45px;
}