/* #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;}
ul.ul-menu { width:700px; }
ul.ul-menu > li { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; margin:0 3px;}
.cpn-ul-decimal { padding-left: 35px;}
.cpn-ul-decimal > li { list-style-type: decimal;}
.cpn-clear-left { clear: left;}
.cpn-clear-right { clear: right;}
.cpn-clear-both { clear: both;}
input[type=text]::-ms-clear { display: none; } /*消除IE 交叉*/
div:focus{outline:none}
/*===================================================================================================================*/
/*                                                        UI                                                         */
/*===================================================================================================================*/
/* input */
.ui-ipt { background-color: #fff; color: #000; border: 1px solid #65818d; padding: 0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:4px;}
.ui-ipt-date { width: 80px;}

/* dropDownList(select) */
.ui-ddl { color: #000;  border: 1px solid #65818d; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../../img/resources/ddl_arrow.png) no-repeat right center; padding: 0 20px 2px 5px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.ui-ddl > option { background-color: #fff;}

/* button(/a) */
.ui-btn { height: 30px; background: url(../../img/resources/btn.jpg) repeat-x; color: #fff; border:1px solid #7d1717; letter-spacing: normal; line-height: normal; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; padding: 0 10px;}
.ui-btn:hover { color: #ff0;}
a.ui-btn { height: 25px; padding-top: 5px; display: inline-block; *display: inline; zoom: 1;}

/* textArea */
.ui-tar { width: 100%; background-color: #fff; color: #000;  border: 1px solid #65818d;}

/* table */
.ui-table01 { width: 100%; letter-spacing: 2px; line-height: 2em;}
.ui-table01 th,
.ui-table01 td { padding: 3px 15px; word-break: break-all;}
.ui-table01 th { background-color: #AAA; color: #fff; border: 1px solid #307da1;}
.ui-table01 td { background-color: #c98e26; border: 1px solid #307da1;color:#000;}
.ui-table02 { width: 100%; letter-spacing: 2px; line-height: 2em;}
.ui-table02 th,
.ui-table02 td { border: 1px solid #307da1; padding: 3px 7px; color: #fff; word-break: break-all;}
.ui-table02 a { color: #ff0;}
.ui-table02 a:hover { color: #fff;}
.ui-table02 .ui-btn { color: #fff;}
.ui-table02 .ui-btn:hover { color: #ff0;}
.ui-table02 .tr-top th,
.ui-table02 .tr-top td { background-color: #0f445d;}
.ui-table02 .tr-total th,
.ui-table02 .tr-total td { background-color: #0f445d;}
.ui-table02 .tr-total .td-1st { text-align: right;}
.ui-table02 th { background-color: #032834; font-weight: normal; word-break: normal; line-height: 17px; }
.ui-table02 td { background-color: #1c6080;}

/* playHouse */
.ui-ul-playHouse { text-align: center; margin-left: 18%;}
.are-livegame .ui-ul-playHouse {  }
.ui-ul-playHouseMore { text-align: left;}
.ui-li-playHouse { background: url(../../img/resources/playHouseBg.png) no-repeat; margin: 5px 5px 25px;}
.ui-lnk-playHouse { display: block; width: 119px; height: 0; background: no-repeat center 70px; height:221px; text-align: center; color: #e0c7a9; position: relative;}


.ui-h2-playHouseName { background: url(../../img/resources/gameAdd.jpg) repeat-x; width: 98px; height: 24px; border: 1px solid #7d1717; font-size: 13px; font-weight: normal; line-height: 24px; color: #fff; margin: 0px auto; top: 140px; position: absolute; left: 50%; margin-left: -50px; box-shadow: 0px 1px 1px #000; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; }
.ui-lnk-playHouse:hover .ui-h2-playHouseName { color: #ff0; -webkit-filter: drop-shadow(0px 0px 4px #aedefd); /* Safari */ filter: drop-shadow(0px 0px 4px #aedefd);}
.ui-txt-playHouseEnter { display: none; width: 100%; font-size: 14px; position: absolute; top: 80px; left: 0; text-indent: -9999em;}
.ui-lnk-playHouse:hover > .ui-txt-playHouseEnter { display: inline;}
.ui-ul-playHouse1 > .ui-li-playHouse {}
.ui-ul-playHouse2 > .ui-li-playHouse {}
.ui-ul-playHouse3 > .ui-li-playHouse {}
.ui-ul-playHouse4 > .ui-li-playHouse {}
.ui-ul-playHouse5 > .ui-li-playHouse {}
.ui-ul-playHouseMore > .ui-li-playHouse {}
.ui-ol-playHouseDesc {display:none; zoom: 1; margin: 0 auto; padding: 80px 0 20px; letter-spacing: 2px;}
.ui-li-playHouseDesc { list-style: disc; margin: 10px 0; text-align: left;}


/* tabs */
.ui-ul-tabs { margin-bottom: 20px;}
.ui-ul-tabs > li { background: url(../../img/resources/tabs.jpg) repeat-x; margin-right: 16px; color: #fff;border:1px solid #121010;border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;}
.ui-ul-tabs > li.li-active,
.ui-ul-tabs > li > a { height: 38px; padding: 0px 10px;line-height:38px; text-align: center;}
.ui-ul-tabs > li.li-active { background-image: url(../../img/resources/tabsActive.jpg);border:1px solid #7d1717;}
.ui-ul-tabs > li > a { display: block; color: #fff;}
.ui-ul-tabs > li > a:hover { color: #ff0;}

/* pageNav */
.ui-ul-pageNav { background-color: #270C01;}
.ui-ul-pageNav > li { background:#0f445d; border: 1px solid #FFF; text-align: center; overflow: hidden;}
.ui-ul-pageNav > li:first-child { border-top: none;}
.ui-ul-pageNav > li > a { display: block; font-size: 13px; color: #fff;height:40px;line-height:40px;}
.ui-ul-pageNav > li > a:hover { color: #ff0;}
.ui-ul-pageNav > li.li-trigger {background: url(../../img/resources/down_arrow.png) 190px 16px no-repeat #0f445d;}
.ui-ul-pageNav > li.li-active {background: url(../../img/resources/up_arrow.png) 190px 16px no-repeat #0f445d;}
.ui-ul-pageNav > li:nth-child(4){background:#0f445d;}

.ui-ul-subPageNav { display:none; background:#1c6080;padding:3px;}
.ui-ul-subPageNav > li {height:40px;line-height:40px;}
.ui-ul-subPageNav > li.li-active { background-color: #49b0c5;}


.ui-ul-subPageNav > li > a { display: block; color: #fff;font-size:13px;}
.ui-ul-subPageNav > li > a:hover { background-color: #49b0c5; color: #ff0;}
.ui-ul-subPageNav > li.li-active a{color:#ff0;}
.ui-ul-subPageNav > li:last-child > a { border-bottom: none;}

/* memberNotice */
.ui-ol-memberNotice { padding-left: 24px; color: color: #032834; letter-spacing: 2px; line-height: 2em;}
.ui-ol-memberNotice > li { list-style: disc;}
.tablemain > .ui-ol-memberNotice > li { color: #fff;}

/* deposit */
.ui-h3-category { position: relative; top: 30px; font-weight: normal;color:#000;}
.ui-ul-steps { text-align: right; position: relative;}
.ui-ul-steps1 {}
.ui-ul-steps2 {}
.ui-ul-steps3 {}
ul.cpn-inBlock-row.ui-ul-steps > li { letter-spacing: 2px;}
.ui-li-step { height: 26px; background: no-repeat center bottom; color: #c6c6c6; font-size: 14px; font-weight: bold; text-align: left;}
.ui-li-step1 { width: 175px; background-image: url(../../img/resources/step1.png);text-indent:60px;}
.ui-li-step2 { width: 180px; background-image: url(../../img/resources/step2.png);text-indent:50px;}
.ui-ul-steps2 > .ui-li-step2 { background-image: url(../../img/resources/step2_end.png);width:348px;}
.ui-li-step3 { width: 175px; background-image: url(../../img/resources/step3.png); text-indent:40px;}
.ui-li-stepOnly { width: 518px; background-image: url(../../img/resources/stepOnly.png);text-indent:10px;color:#0f445d;}
.ui-li-step1Active { background-image: url(../../img/resources/step1_active.png);color:#0f445d;}
.ui-li-step2Active { background-image: url(../../img/resources/step2_active.png);color:#0f445d;}
.ui-ul-steps2 > .ui-li-step2Active { background-image: url(../../img/resources/step2_end_active.png);}
.ui-li-step3Active { background-image: url(../../img/resources/step3_active.png);color:#0f445d;}

/* mobileHelp */
.theme-mobileHelp { background: rgba(50,50,50,0.2); border-radius: 16px; border: 1px solid #FFF; }
.ui-h3-mobileNotice { display: inline; margin: 0; color: #fff; font-weight: normal; line-height: 50px; }
.ui-ul-mobilePages { border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -ms-border-radius: 15px 15px 0 0;}
.ui-li-mobilePages {}
.ui-li-mobilePages-01 { border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; -ms-border-radius: 15px 0 0 0;}
.ui-li-mobilePages-06 { border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; -ms-border-radius: 0 15px 0 0;}
.ui-li-mobilePages:hover { background-image: url(../../img/resources/mobilePagesActiveBg.jpg);}
.ui-lnk-mobilePages { display: block; width: 177px; height: 60px; background: no-repeat center 20px; padding-top: 62px; border-right: 1px solid #000; color: #fff; font-size: 14px; text-align: center;}
.ui-li-mobilePages-active { background-image: url(../../img/resources/mobilePagesActiveBg.jpg);}
.ui-li-mobilePages-active > .ui-lnk-mobilePages { cursor: text;}
.ui-li-mobilePages-01 > .ui-lnk-mobilePages { background-image: url(../../img/resources/1_interface.jpg);}
.ui-li-mobilePages-02 > .ui-lnk-mobilePages { background-image: url(../../img/resources/2_member_center.jpg);}
.ui-li-mobilePages-03 > .ui-lnk-mobilePages { background-image: url(../../img/resources/3_cashier.jpg);}
.ui-li-mobilePages-04 > .ui-lnk-mobilePages { background-image: url(../../img/resources/4_report.jpg);}
.ui-li-mobilePages-05 > .ui-lnk-mobilePages { background-image: url(../../img/resources/5_service_center.jpg);}
.ui-li-mobilePages-06 > .ui-lnk-mobilePages { background-image: url(../../img/resources/6_logout.jpg); border-right: none;}
.ui-li-mobilePages-07 > .ui-lnk-mobilePages { background-image: url(../../img/resources/1_interface_th.jpg);}
.ui-li-mobilePages-08 > .ui-lnk-mobilePages { background-image: url(../../img/resources/2_member_center_th.jpg);}
.ui-li-mobilePages-09 > .ui-lnk-mobilePages { background-image: url(../../img/resources/3_cashier_th.jpg);}
.ui-li-mobilePages-10 > .ui-lnk-mobilePages { background-image: url(../../img/resources/4_report_th.jpg);}
.ui-li-mobilePages-11 > .ui-lnk-mobilePages { background-image: url(../../img/resources/5_service_center_th.jpg);}
.ui-li-mobilePages-12 > .ui-lnk-mobilePages { background-image: url(../../img/resources/6_logout_th.jpg); border-right: none;}
.ui-ul-mobileSteps { margin: 10px; }
.ui-li-mobileSteps { margin: 0 5px;}
.ui-lnk-mobileSteps { display: block; width: 24px; background: url(../../img/resources/mobileStepsBg.png) no-repeat; color: #fff; font-size: 16px; text-align: center; line-height: 24px;}
.ui-li-mobileSteps-active > .ui-lnk-mobileSteps { background: url(../../img/resources/mobileStepsActiveBg.png); cursor: text;}
.ui-lnk-mobileSteps-previous,
.ui-lnk-mobileSteps-next { display: block; width: 30.5px; height: 57px; background: url(../../img/resources/mobileStepsArrow.png) no-repeat; margin-top: -28.5px; position: absolute; top: 64%;}
.ui-lnk-mobileSteps-previous { background-position: left top; left: 30px;}
.ui-lnk-mobileSteps-next { background-position: -31px top; right: 30px;}
.ui-h3-mobileSteps-title { color: #d01a1a; font-size: 16px;}
.ui-txt-mobile-mask { color: #d01a1a;}

/* pager */
.ui-ddl-pager { color: #000; border: 1px solid #000; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../../img/resources/ddl_arrow.png) no-repeat right center; padding: 0 20px 0 5px;}
.ui-ddl-pager > option { background-color: #fff;}
.ui-btn-pagerPrevious,
.ui-btn-pagerNext { display: inline-block; *display: inline; zoom: 1; height: 30px; background: url(../../img/resources/btn.jpg) repeat-x; color: #fff; border:1px solid #7d1717; letter-spacing: normal; line-height: normal; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; padding: 0px 10px;line-height:30px;}
.ui-btn-pagerPrevious:hover,
.ui-btn-pagerNext:hover { color: #ff0;}

/* slotgame */
/* .theme-slotgame-jackpot > */
.ui-h2-jackpot { width: 146px; height: 45px; background: url(../../img/resources/jackpotCountBg.png) no-repeat center; margin-left: 20px; padding: 20px 432px 20px 15px; color: #FFF; font-size: 16px; text-align: center; line-height: 22.5px; position: relative;}
.ui-txt-jackpot-count { color: #FFF; font-size: 38px; letter-spacing: 2px; position: absolute; top: 30px; left: 200px;}
.ui-txt-prize-title { color: #c7c7c7; line-height: 21px;}
.ui-ul-prize {}
.ui-li-prize { color: #68748c;}
.ui-txt-prize-game { color: #f1cb80;}display: block;
.ui-txt-prize-money { margin-left: 10px; color: #f1cb80;}
/* .theme-slotgame-supply > */
.ui-ul-supply { background: url(../../img/resources/supplyBgnew.jpg) repeat;}
.ui-li-supply { width: 14.1%;}
.ui-li-supply-active { background: url(../../img/resources/supplyActiveBg.jpg) repeat-x;}
.ui-lnk-supply { display: block; color: #000; font-size: 16px; text-align: center; line-height: 51px;}
.ui-lnk-supply:hover { color:#9c9c9c;}
.ui-li-supply:last-child > .ui-lnk-supply { background: none;}
.ui-li-supply-active > .ui-lnk-supply { color: #ffe8a2; pointer-events: none;}
.ui-ul-category { height: 16px; background: #000; padding: 10px 0; text-align:left;  padding-bottom:13px;}
.ui-li-category { margin: 0 15px;}
.ui-lnk-category { color: #FFF; font-size: 15px;}
.ui-lnk-category:hover { color: #c98e26;}
.ui-li-category-active > .ui-lnk-category { color: #c98e26; pointer-events: none;}
/* .theme-slotgame-game > */
.ui-ipt-inquire { background: #000; padding: 0 33px 0 5px; border: none; box-shadow: 0 1px #3f485e; color: #fff; line-height: 33px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;}
.ui-lnk-inquire { width: 23px; height: 35px; background: url(../../img/resources/lnk_inquire.png) no-repeat left center; margin: 0 0 0 -33px; vertical-align: middle; position: relative;}
.ui-txt-inquire-hot { width: 380px; background: url(../../img/resources/inquireHotBg.png) no-repeat; margin-left: 20px; padding-right: 15px; color: #418e84; line-height: 20px; position: absolute; }
.ui-txt-inquire-hotTitle { width: 80px; margin: 7px  5px 8px 0; color: #92a0c0; text-align: center; }
.ui-lnk-inquire-hot { color: #418e84;}
.ui-lnk-inquire-hot:hover { color: #7ddfd2;}
.ui-lnk-control { background: url(../../img/resources/lnk_control.jpg) repeat-x; margin-right: 10px; padding: 0 15px 0 47px; font-size: 15px; line-height: 40px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;}
.ui-lnk-control-download { color: #39ab9c;}
.ui-lnk-control-download:hover { color: #7ddfd2;}
.ui-lnk-control-favorites { color: #ee4343;}
.ui-lnk-control-favorites:hover { color: #ff7470;}
.ui-lnk-control-appInstall { color: #39ab9c;}
.ui-lnk-control-appInstall:hover { color: #7ddfd2;}
.ui-bg-inquire-icon { display: block; width: 27px; height: 26px; background: no-repeat center; margin-top: -13px; position: absolute; top: 50%; left: 10px;}
.ui-lnk-control-download > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_download.png);}
.ui-lnk-control-download:hover > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_download_hover.png);}
.ui-lnk-control-favorites > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_favorites.png);}
.ui-lnk-control-favorites:hover > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_favorites_hover.png);}
.ui-lnk-control-appInstall > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_appInstall.png);}
.ui-lnk-control-appInstall:hover > .ui-bg-inquire-icon { background-image: url(../../img/resources/icn_appInstall_hover.png);}
/* .theme-slotgame-game-pager > */
.ui-lnk-slotgame-first,
.ui-lnk-slotgame-previous,
.ui-lnk-slotgame-pager,
.ui-lnk-slotgame-next,
.ui-lnk-slotgame-last { background-color: #0f445d; margin: 0 5px; padding: 10px 15px; color: #56d3ff; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; letter-spacing: 1px;}
.ui-lnk-slotgame-first:hover,
.ui-lnk-slotgame-previous:hover,
.ui-lnk-slotgame-pager:hover,
.ui-lnk-slotgame-next:hover,
.ui-lnk-slotgame-last:hover { color: #fff;}
.ui-ul-slotgame-pager { display: inline;}
.ui-li-slotgame-pager {}
.ui-lnk-slotgame-pagerActive { color: #fff; pointer-events: none;}
/*===================================================================================================================*/
/*                                                      Theme                                                        */
/*===================================================================================================================*/
/* event */
.theme-event {}
.theme-event-icon { margin: 3px 21px; width: 26px; height: 30px; background: no-repeat center;}

/* colorBox */
.theme-colorBox { width: 535px; background-color: #04354c; padding: 20px; border: 5px solid #1c6080;}
.theme-colorBox-top {}
.theme-colorBox-top > .ui-lnk-colorBoxClose { display: none;}
.theme-colorBox-body {}
.theme-colorBox-bottom { min-height: 179px;}
.theme-colorBox-long { width: 734px;}
.theme-colorBox-long > .theme-colorBox-top {}
.theme-colorBox-long > .theme-colorBox-body {}
.theme-colorBox-long .theme-colorBox-bottom { min-height: 464px; padding: 0 40px 10px;color:#fff;}

/* content-desc */
.theme-content-desc { color: #FFF; letter-spacing: 2px; line-height: 2em; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.theme-content-desc > h3 { font-size: 14px; color: #d01a1a; margin: 0;}
.theme-content-desc > div > h4 { color: #2501ff; font-weight: normal; margin: 0;}

/* slotgame */
.theme-slotgame { background-color: #000; margin-bottom: 95px; position: relative; top: 60px; border-radius: 5px;}
.theme-slotgame-jackpot { height: 85px; background: url(../../img/resources/jackpotBg.jpg) repeat-x; position: relative; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0;}
.theme-slotgame-jackpot-count {}
.theme-slotgame-jackpot-prize { width: 332px; height: 73px; background: url(../../img/resources/jackpotPrizeBg.png) no-repeat; padding: 3px 18px; position: absolute; top: 3px; right: 3px;}
.theme-slotgame-supply {}
.theme-slotgame-game {     background: url(/others/img/resources/bgcolor_field2.jpg) no-repeat fixed center; background-size: cover; position: relative; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px;}
.theme-slotgame-game-inquire { padding: 7px 7px 0 10px; padding-right: 285px;}
.theme-slotgame-game-control { position: absolute; top: 5px; right: 0;}
.theme-slotgame-game-list {}
.theme-slotgame-game-pager { padding: 20px 0; text-align: center; position: relative;}

/*Livegame RG*/
.theme-livegame-supply { position: relative; text-align: left;}
.theme-livegame-game { background: #19556f url(../../img/resources/slotgameBg.jpg) repeat-x left top; position: relative; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px;}
.theme-livegame-game-inquire { position: absolute; top: 53px; right: 20px; }
.theme-livegame-game-control { position: absolute; top: 7.5px; right: 0;}
.theme-livegame-game-list {}
.theme-livegame-game-pager { padding: 20px 0; text-align: center; position: relative; background-color: #422509;}

/*===================================================================================================================*/
/*                                                      Layout                                                       */
/*===================================================================================================================*/
body { background: url(../../img/resources/bg_mobile.jpg) center center repeat fixed; color: #686868; font: 13px "Microsoft YaHei", Arial, Helvetica, sans-serif;}

.lay-container { min-height: 690px;}
.lay-menu-screen { width: 100%; margin: 0 auto;}
.lay-screen { width: 1100px; margin: 0 auto;}
.lay-screen { position: relative; clear: both;}
.lay-screen-lineAd { width: 100%; }
.lay-are-pageTitle { position: absolute; top: 40px;}
.lay-are-pageTitle > h1 { height: 41px; border-radius:5px; background: rgba(235, 171, 52, 0.8); font-size: 20px; color: #fff; line-height: 41px; text-align: center; white-space: nowrap; width: auto; text-align: left; padding: 0 15px; }
.lay-are-pageContent { padding: 80px 15px 30px; position: relative;}
.lay-are-playHouse { padding-top: 100px;}
.lay-txt-negative { color: #f237b5;}
.lay-txt-positive { color: #25c61e;}
.lay-txt-star { color: #f00;}
.lay-txt-mask { color: #ec9090;}
.lay-are-pageNav { width: 220px;letter-spacing: 1.5px; }
.lay-are-pageNav > h3 { background:#999; color: #fff; font-size: 14px; font-weight: normal; text-align: center; line-height: 40px;border-bottom:1px solid #FFF;}
.lay-are-memberMap { color: #fff; text-align: right; position: absolute; top: 20px; right: 30px;}
.lay-bg-mapIcon { display: inline-block; *display: inline; zoom: 1; width: 19px; height: 14px; background: url(../../img/resources/mapIcon.png) no-repeat; position: relative; top: 2px;}
.lay-txt-mapActive { color: #ff0;}
.lay-blk-pager { color: #000; text-align: center; letter-spacing: 2px;}
.lay-are-pageContent_Saba { width: 1024px; margin:0 auto; padding-top: 45px;}
/*===================================================================================================================*/
/*                                                      Header                                                       */
/*===================================================================================================================*/
/* .reg-header > */
.reg-header { height: 107px; background:url(../../img/resources/headerBg.jpg?a) repeat-x;}
.reg-header .are-logo { position: absolute; top: 10px; left:3%;}
.reg-header .are-logo > .lnk-logo { display: block; width: 299px; height: 95px; background: url(../../img/resources/logo.png) no-repeat; text-indent: -9999px;}
/* .reg-header > .are-memberInfo > .are-*/
.reg-header .are-memberInfo { position: absolute; right: 0px; top: 11px; }
.reg-header .are-captcha { display: inline-block; vertical-align: top; margin: 0 8px 0 -24px;}
.reg-header .are-control { display: inline-block; vertical-align: top; }
.reg-header .are-lang { display: inline-block; vertical-align: top; margin: 1PX 0 0 15px; }
/* .reg-header > .are-memberInfo > .ipt-auth */
.reg-header .ipt-auth { box-sizing: border-box; width: 135px; height: 30px; border: 3px solid #cb980d; margin: 0 4px 0 0; color: #767676; padding-left: 25px; background: #fff url(../../img/resources/icons-header.png) left -13px no-repeat; }
.are-captcha .ipt-auth-code { width: 70px; height: 30px; padding-left: 13px; color: #767676; background: #fff; border: 3px solid #cb980d; }
/* .reg-header > .are-memberInfo > .lnk */
.reg-header .lnk-forget { position: relative; left: -36px; padding: 0px 6px; color: #cb980d; border-radius: 2px; background: #fff; border: 1px solid #cb980d; }
.reg-header .lnk-account, .reg-header .lnk-logout, .reg-header .lnk-login, .reg-header .lnk-regist { padding: 4px 15px; margin: 0; font-size: 15px; border-radius: 3px;}
.reg-header .lnk-login, .reg-header .lnk-account { background: #949494 url(../../img/resources/btnR.jpg) center top repeat-x; color: #000; border: 1px solid #686464; }
.reg-header .lnk-account { position: relative; top: 8px; }
.reg-header .lnk-login:hover, .reg-header .lnk-account:hover { background: #d12222; background: -webkit-gradient(to bottom, #949494, 28%, #cdcdcd 84%); background: -webkit-linear-gradient(to bottom, #949494, 28%, #cdcdcd 84%); background: -moz-linear-gradient(to bottom, #949494, 28%, #cdcdcd 84%); background: -o-linear-gradient(to bottom, #949494, 28%, #cdcdcd 84%); background: linear-gradient(to bottom, #949494, 28%, #cdcdcd 84%); }
.reg-header .lnk-regist, .reg-header .lnk-logout { color: yellow; background-image: url(../../img/resources/btnO.jpg); border: 1px solid #7d1717; }
.reg-header .lnk-regist:hover,  .reg-header .lnk-logout:hover { background: #7e4537; background: -webkit-gradient(to bottom, #a62529 28%, #fb3b38 84%); background: -webkit-linear-gradient(to bottom, #a62529 28%, #fb3b38 84%); background: -moz-linear-gradient(to to bottom, #a62529 28%, #fb3b38 84%); background: -o-linear-gradient(to bottom, #a62529 28%, #fb3b38 84%); background: linear-gradient(to bottom, #a62529 28%, #fb3b38 84%); }
.reg-header .btn-saving, .reg-header .btn-transfer, .reg-header .lnk-logout { position: relative; top: 8px; }
/* .reg-header > .are-memberInfo > captcha */
.reg-header .lnk-captcha { display: inline-block; position: absolute; height: 30px; overflow: hidden; margin-left: -5px; }
.reg-header .bg-captcha { display: inline-block; vertical-align: top; width: 71px; height: 30px; margin-left: -5px; background: url(../../img/resources/captcha2.jpg) left top no-repeat; position: relative; z-index: -1; }

/* .reg-header > .are-memberInfo > lang */
.reg-header .ul-lang { display: none; background: url(../../img/resources/lang_bg.jpg) no-repeat left top; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; }
.reg-header .lnk-lang { box-sizing: border-box; display: block; position: relative; width: 15px; height: 29px; padding: 0 50px 0 0; line-height: 28px; color: #fff; border: 1px solid #094968; background: url(../../img/resources/lang_bg.jpg) repeat-x; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; }
.reg-header .lnk-lang:hover { color: #ff0; }
.reg-header .txt-lang { display: none; }
.reg-header .bg-lang { position: absolute; top: 1px; left: 5px; width: 30px; height: 25px; background: no-repeat center; }
.reg-header .bg-lang-cn { background-image: url(../../img/resources/lang_iconCn.png?qq); background-size:cover; }
.reg-header .bg-lang-en { background-image: url(../../img/resources/lang_iconEn.png?qq); background-size:cover; }
.reg-header .bg-lang-th { background-image: url(../../img/resources/lang_iconTh.png?qq); background-size:cover; }
.reg-header .bg-lang-arrow { background: none; display: inline-block; transform: scale(2); position: absolute; top: 0; right: 3px; color: #000; }

/* .reg-header > .are-memberInfo > index2 */
.reg-header .blk-username, .reg-header .blk-cash { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; color: #000; vertical-align: top; margin: 0; padding-left: 20px; }
.reg-header .blk-username { font-weight:bold; }
.reg-header .blk-cash { font-weight:bold;  }
.reg-header .lnk-memberInfo-username { color: #fff; }
.reg-header .btn-saving { margin: 0; padding: 5px 15px 4px 37px; margin: 0; padding: 4px 15px 5px 37px; background: url(../../img/resources/icons.png) -9px -262px no-repeat, linear-gradient(to bottom, #ffcd46 28%, #ac6305 84%); border: 1px solid #ae6507; }
.reg-header .btn-saving:hover { color: #561c18; margin: 0; padding: 4px 15px 5px 37px; background: url(../../img/resources/icons.png) -9px -262px no-repeat, linear-gradient(to bottom, #ffcd46 28%, #ac6305 84%); border: 1px solid #ae6507; }
.reg-header .btn-transfer { padding: 6px 12px 4px 40px; margin: 0 2px; background: #ae6507; background: url(../../img/resources/icons.png) -9px -619px no-repeat, linear-gradient(to bottom, #ffcd46 28%, #ac6305 84%); border: 1px solid #ae6507; }
.reg-header .btn-transfer:hover { color: #561c18; background: #ae6507; background: url(../../img/resources/icons.png) -9px -619px no-repeat, linear-gradient(to bottom, #ffcd46 28%, #ac6305 84%); border: 1px solid #ae6507; }

/*===================================================================================================================*/
/*                                                       Menu                                                        */
/*===================================================================================================================*/
.reg-menu { position: relative;}
/* .reg-menu */
.are-menu { width: 100%; position: absolute; top: -25px; font-size:14px;}
.are-enterGame { display: none;}
/* .reg-menu > .are-menu > */
.ul-menu {padding-left:350px;width:790px;}
.ul-menu > li { padding: 0 12px;}
.ul-menu > li:last-child { padding-right: 0px; }
.ul-menu > li > a { display: inline-block; *display: inline; zoom: 1;  color: #000; font-weight:bold;}
.ul-menu > li > a:hover { color: #9c9c9c;}
.blk-subMenu { width: 100%; background:transparent; position: absolute; top: 25px; left: 0; height: 0; overflow: hidden; transition: height 0.3s linear;z-index:9;}

.blk-subMenu-livegame{background: url(../../img/resources/down_01.jpg) top center no-repeat transparent; filter:brightness(1.2);}
.blk-subMenu-sport{background: url(../../img/resources/down_02.jpg) top center no-repeat transparent; filter:brightness(1.2);}
.blk-subMenu-slot{background: url(../../img/resources/down_03.jpg) top center repeat transparent; filter:brightness(1.2);}
.blk-subMenu-p2pgame{background: url(../../img/resources/down_05.jpg) top center no-repeat transparent; filter:brightness(1.2);}
.blk-subMenu-lotto{background: url(../../img/resources/down_04.jpg) top center no-repeat transparent; filter:brightness(1.2);}

.ul-menu > li > a:hover + .blk-subMenu,
.blk-subMenu-slot:hover { height: 540px;}
.blk-subMenu-livegame:hover { height: 180px;}
.blk-subMenu-sport:hover { height: 180px;}
.blk-subMenu-p2pgame:hover { height: 180px;}
.blk-subMenu-lotto:hover { height: 180px;}
.ul-subMenu {  text-align: center; position: relative; top: 20px;}
.li-subMenu { background: no-repeat center 40px; padding:0 20px;}
.li-subMenu-CS {}
.li-subMenu-game1010-01 { background-image: url(../../img/resources/game1010-01-01.png);}
.li-subMenu-game1160-01 { background-image: url(../../img/resources/game1160-01-01.png);}
.li-subMenu-game1170-01,.li-subMenu-game1170-06 { background-image: url(../../img/resources/game1170-01-01.png);}
.li-subMenu-game1020-02 {background: no-repeat center 34px; background-image: url(../../img/resources/game1020-02-01.png);}
.li-subMenu-game1030-02 {background: no-repeat center 36px; background-image: url(../../img/resources/game1030-02-01.png);}
.li-subMenu-game1040-03 { background-image: url(../../img/resources/game1040-03-01.png);}
.li-subMenu-game1050-04 { background-image: url(../../img/resources/game1050-04-01.png);}
.li-subMenu-game1060-04 { background-image: url(../../img/resources/game1060-04-01.png);}
.li-subMenu-game1070-05 { background-image: url(../../img/resources/game1070-05-01.png);}
.li-subMenu-game1080-03 { background: no-repeat center; background-image: url(../../img/icon/sbo_sports_pc.png?a); width:80px; background-size:100%; margin:0 10px; border-radius:10px; }
.li-subMenu-game1090-04 { background-image: url(../../img/resources/game1090-04-01.png);}
.li-subMenu-game1100-02 { background: no-repeat center; background-image: url(../../img/icon/wm_pc.png?a); width:135px; background-size:83%; margin:0 10px; position:relative; top:-4px; left:50px; border-radius:10px;}
.li-subMenu-game1100-03 { background: no-repeat center; background-image: url(../../img/icon/sa_pc.png?a); background-size:70%;}
.li-subMenu-game1100-04 { background: no-repeat center; background-image: url(../../img/icon/idnpoker_pc.png); background-size:70%;}
.li-subMenu-game1110-02 { background-image: url(../../img/resources/game1110-02-01.png);}
.li-subMenu-game1120-01 { background-image: url(../../img/resources/game1120-01-01.png);}
.li-subMenu-game1120-02 { background: no-repeat center; background-image: url(../../img/icon/5.png.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game1120-03 { background-image: url(../../img/resources/game1120-03-01.png);}
.li-subMenu-game1120-04 { background-image: url(../../img/resources/game1120-04-01.png);}
.li-subMenu-game1130 { background-image: url(../../img/resources/game1130-01.png);}
.li-subMenu-game1130-01 { background-image: url(../../img/resources/game1130-01-01.png);}
.li-subMenu-game1130-02 {background: no-repeat center 34px; background-image: url(../../img/resources/game1130-02-01.png);}
.li-subMenu-game1140 { background-image: url(../../img/resources/game1140-01.png);}
.li-subMenu-game1140-01 { background: no-repeat center; background-image: url(../../img/icon/gclub_pc.png); background-size:cover; margin:0 10px; border-radius:10px;}
.li-subMenu-game1140-02 {background: no-repeat center; background-image: url(../../img/icon/918kiss.1.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game1150-02 {background: no-repeat center; background-image: url(../../img/icon/2.mg.png?a); background-size:105%; margin:0 10px; border-radius:10px;}
.li-subMenu-game1180-02 {background: no-repeat center; background-image: url(../../img/icon/jdb_new.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game11901030-01 { background: no-repeat center 32px; background-image: url(../../img/resources/game11901030-01-01.png);}
.li-subMenu-game1200-02 { background: no-repeat center; background-image: url(../../img/icon/cq9_pc.png?a); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game1190-02 { background: no-repeat center; background-image: url(../../img/icon/bbin_pc.png); background-size:cover; margin:0 10px; border-radius:10px;}
.li-subMenu-game11901032-01 { background: no-repeat center; background-image: url(../../img/icon/sbo_casino_pc.png); background-size:cover; margin:0 10px; border-radius:10px;}
.li-subMenu-game1190-04 { background-image: url(../../img/resources/game1190-04-01.png);}
.li-subMenu-game2002 { background: no-repeat center; background-image: url(../../img/icon/genesis.png); background-size:cover; margin:0 10px; border-radius:10px;}
.li-subMenu-game2003 { background: no-repeat center; background-image: url(../../img/icon/red_tiger_new.png?a); background-size:95%; margin:0 10px; border-radius:10px; position:relative; top:4px;}
.li-subMenu-game2004 { background: no-repeat center; background-image: url(../../img/icon/spadegaming.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game2005 { background: no-repeat center; background-image: url(../../img/icon/habanero.png?a); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game2006 { background: no-repeat center; background-image: url(../../img/icon/ka.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game2007 { background: no-repeat center; background-image: url(../../img/icon/laxino.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game2008 { background: no-repeat center; background-image: url(../../img/icon/pp.gif); background-size:100%; margin:3px 10px; border-radius:10px;}
.li-subMenu-game2051 { background: no-repeat center; background-image: url(../../img/icon/sunbet.png); background-size:115%; margin:0 10px; border-radius:10px;}
.li-subMenu-game2052 { background: no-repeat center; background-image: url(../../img/icon/sexygaming.png?a); background-size:115%; margin:0 10px; margin-left:0; position:relative; left:-10px; border-radius:10px;}
.li-subMenu-game3000 { background: no-repeat center; background-image: url(../../img/icon/joker1.gif?a); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3001 { background: no-repeat center; background-image: url(../../img/icon/playtech_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3002 { background: no-repeat center; background-image: url(../../img/icon/skywind_0.png?a); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3003 { background: no-repeat center; background-image: url(../../img/icon/betsoft_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3004 { background: no-repeat center; background-image: url(../../img/icon/dreamtech_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3005 { background: no-repeat center; background-image: url(../../img/icon/sae_0.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3006 { background: no-repeat center; background-image: url(../../img/icon/bge_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3007 { background: no-repeat center; background-image: url(../../img/icon/dg_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3008 { background: no-repeat center; background-image: url(../../img/icon/evo_0.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3009 { background: no-repeat center; background-image: url(../../img/icon/ag_0.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3010 { background: no-repeat center; background-image: url(../../img/icon/m_sport_0.png?b); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3011 { background: no-repeat center; background-image: url(../../img/icon/gg_0.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3012 { background: no-repeat center; background-image: url(../../img/icon/vt_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3013 { background: no-repeat center; background-image: url(../../img/icon/astro_tech_pc.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3014 { background: no-repeat center; background-image: url(../../img/icon/simpleplay_pc.png?b); background-size:105%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3015 { background: no-repeat center; background-image: url(../../img/icon/pretty_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3016 { background: no-repeat center; background-image: url(../../img/icon/pgsoft_0.png?b); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3017 { background: no-repeat center; background-image: url(../../img/icon/muaystep_0.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3018 { background: no-repeat center; background-image: url(../../img/icon/jili_0.png?b); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3019 { background: no-repeat center; background-image: url(../../img/icon/ttgplayson_01.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3020 { background: no-repeat center; background-image: url(../../img/icon/playson_0.png); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3021 { background: no-repeat center; background-image: url(../../img/icon/rtg_01.png?a); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3022 { background: no-repeat center; background-image: url(../../img/icon/yggdrasil_0.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3023 { background: no-repeat center; background-image: url(../../img/icon/nlc.png?ba); background-size:90%; margin:0 10px; border-radius:10px; filter:drop-shadow(0 0 1px #000)}
.li-subMenu-game3024 { background: no-repeat center; background-image: url(../../img/icon/kingmaker.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3025 { background: no-repeat center; background-image: url(../../img/icon/rgc.png?b); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3026 { background: no-repeat center; background-image: url(../../img/icon/relax.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3027 { background: no-repeat center; background-image: url(../../img/icon/rsg.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3028 { background: no-repeat center; background-image: url(../../img/icon/spinix.png); background-size:100%; margin:0 10px; border-radius:10px;}
.li-subMenu-game3050 { background: no-repeat center; background-image: url(../../img/icon/ibc_pc.png?a); background-size:110%; margin:0 10px; border-radius:10px;}
.li-subMenu-game4001 { background: no-repeat center; background-image: url(../../img/icon/lottery/huaydragon_pc.png?a); width:80px; background-size:100%; margin:0 10px; }

.lnk-subMenu { display: block; width: 70px; height: 90px; position: relative;}
.li-subMenu-CS .lnk-subMenu { cursor: text;}
.ul-subMenu > .li-subMenu:last-child > .lnk-subMenu:after { content: ""; display: block; width: 3px; height: 180px; position: absolute; right: 0;}
.txt-subMenu { width: 100%; font-size: 16px; color: #fff; line-height: 1px; font-weight: bolder; position: absolute; left: 0; bottom: 57px;}
.btn-add { width: 80px; background: url(../../img/resources/gameAdd.jpg) repeat-x; margin-left: -41px; padding: 3px 0; text-align: center; color: #fff; border: 1px solid #7d1717; position: absolute; top: 100px; left: 50%; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;}
.li-subMenu:hover .btn-add { color: #ff0;}
.li-subMenu-CS:hover .btn-add { color: #fff;}
.li-subMenu-more { width: 3px; height: 180px;}
.lnk-subMenu-more { display: block; width: 74px; height: 120px; background: url(../../img/resources/subMenuMore.png) no-repeat; margin-top: -60px; text-indent: -9999px; position: absolute; top: 50%; right: 0;}
/* .reg-menu > .are-enterGame > */
.table-enterGame { position: relative; top: 20px;}
.table-enterGame .td-1st { width: 150px; text-align: right;}
.table-enterGame .td-2nd {}
.table-enterGame .td-bottom { text-align: center;}

/*===================================================================================================================*/
/*                                                     Marquee                                                       */
/*===================================================================================================================*/
.reg-marquee { background: url(../../img/resources/bg_news.png);width:100%;position: absolute;top:107px;height:33px;z-index:2; font-size: 14px;}
/* .reg-marquee > */
.are-marquee {line-height:33px;}
/* .reg-marquee > .are-marquee > */
.txt-newsTitle { vertical-align: top; color: #FFF;}
.mq-news { width: 800px;}
.mq-news > a { color: #ddd;}
.mq-news > a:hover { color: #ffecbe;}
.blk-more { display: inline-block; *display: inline; zoom: 1; position: absolute; top: 4px; right: 75px;}
/* .reg-marquee > .are-marquee > .blk-more > */
.lnk-more { display: block; height: 22px; padding: 0px 15px;line-height:22px; font-size:15px; background: url(../../img/resources/btn_news.jpg) repeat-x; color: yellow; position: relative; top: 0px; left: 65px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;border:1px solid #7d1717;}
.lnk-more:hover { color: #ffecbe;}

/* inquire-hot */
.mq-inquire-hot { height: 20px; margin-top: 8px; overflow: hidden; word-wrap: break-word; word-break: keep-all; position: absolute; }
.mq-inquire-hot a { color: #418e84; padding-right: 8px;}
.mq-inquire-hot a:hover { color: #7ddfd2; padding-right: 8px; }
/*===================================================================================================================*/
/*                                                       main                                                        */
/*===================================================================================================================*/
.reg-main { background: url(../../img/resources/bg_mobile.jpg) center center repeat fixed;}

/*===================================================================================================================*/
/*                                                      Footer                                                       */
/*===================================================================================================================*/
.reg-footer { padding: 30px 0; background: none !important;}
/* reg-footer > */
.are-nav { width: 990px; position: absolute; z-index: 1; top: 130px; left:20px; padding: 0 10px;background:#e0e0e0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:45px;line-height:45px;}
.are-copyright { padding-top: 80px; text-align: center; position: relative;}
/* reg-footer > are-nav > */
.ul-nav {text-align:center;}
.ul-nav > li {display:inline-block;}
.ul-nav > li:after { content: "|"; padding: 0 25px; color: #686868;}
.ul-nav > li:last-child:after { content: ""; padding: 0;}
.ul-nav > li > a { color: #686868;}
.ul-nav > li > a:hover { color: #ff6600;}
/* reg-footer > are-copyright > */
.blk-copyright-bank { padding-top: 40px; }
.blk-logo { position: absolute; top:10%; left: 0%;}
.blk-copyright { width: 100%; margin-top: 10px; color: #575757;}
.blk-copyright p { margin-right: 15px;}

/* reg-footer > are-copyright > blk-copyright-bank > */
.ul-bank {  }
.li-bank { margin: 140px 10px 0 0; padding-right: 20px; border-right: 1px solid #535252; background-position: center;}
.li-bank-05 { border-right: none;}
.lnk-bank { display: block; height: 45px; background: no-repeat center; }
.lnk-bank-01 { width: 80px; background-image: url(../../img/resources/bank01.png); }
.lnk-bank-02 { width: 80px; background-image: url(../../img/resources/bank02.png); }
.lnk-bank-03 { width: 80px;background-image: url(../../img/resources/bank03.png);}
.lnk-bank-04 { width: 80px;background-image: url(../../img/resources/bank04.png);}
.lnk-bank-05 { width: 80px;background-image: url(../../img/resources/bank05.png);}
/* reg-footer > are-copyright > blk-logo > */
.ul-logo { text-align: center;}
.ul-logo > li { height: 40px; background: no-repeat center;  margin: -40px 7px 0 7px; }
.ul-logo > li.li-logo1 { width: 150px; background-image: url(../../img/games/mg.png); background-size:95%;}
.ul-logo > li.li-logo2 { width: 110px; background-image: url(../../img/games/png.png);  background-size:100%;}
.ul-logo > li.li-logo3 { width: 100px; background-image: url(../../img/games/sbobet.png);  background-size:105%;}
.ul-logo > li.li-logo4 { width: 100px; background-image: url(../../img/games/918kiss.png);  background-size:120%; margin-left:0px; margin-right:0}
.ul-logo > li.li-logo5 { width: 110px; background-image: url(../../img/games/sunbet.png);  background-size:70%;}
.ul-logo > li.li-logo6 { width: 85px; background-image: url(../../img/games/genesis.png);  background-size:cover;}
.ul-logo > li.li-logo7 { width: 120px; background-image: url(../../img/games/spadegaming.png);  background-size:100%; margin-top:-40px; margin-left:15px; margin-right:5px;}
.ul-logo > li.li-logo8 { width: 110px; background-image: url(../../img/games/habanero.png);  background-size:100%; margin-top:-43px; margin-right:20px;}
.ul-logo > li.li-logo9 { width: 80px; background-image: url(../../img/games/ka.png);  background-size:100%; margin-right:30px;}
.ul-logo > li.li-logo10 { width: 140px; background-image: url(../../img/games/laxino2.png);  background-size:80%; margin-right:30px;}
.ul-logo > li.li-logo11 { width: 150px; background-image: url(../../img/games/pp2.png);  background-size:70%; margin-top:-45px; margin-left:-10px; margin-right:0px;}
.ul-logo > li.li-logo12 { width: 140px; background-image: url(../../img/games/sexygaming.png?a);  background-size:60%; margin-right:0px;}
.ul-logo > li.li-logo13 { width: 80px; background-image: url(../../img/games/cq9.png);  background-size:90%;}
.ul-logo > li.li-logo14 { width: 80px; background-image: url(../../img/games/jdb.png);  background-size:80%; margin-right:-5px;}
.ul-logo > li.li-logo15 { width: 100px; background-image: url(../../img/games/red_tiger.png);  background-size:100%; margin-left:10px; margin-right:-5px;}
.ul-logo > li.li-logo16 { width: 100px; background-image: url(../../img/games/sa_casino.png?b);  background-size:90%; padding-top:10px;}
.ul-logo > li.li-logo17 { width: 100px; background-image: url(../../img/games/wm_casino2.png?b);  background-size:90%;}
.ul-logo > li.li-logo18 { width: 100px; background-image: url(../../img/games/joker.png);  background-size:90%; margin-left:-5px; margin-right:10px;}
.ul-logo > li.li-logo19 { width: 100px; background-image: url(../../img/games/ibc.png);  background-size:90%; margin-top:-43px;}
.ul-logo > li.li-logo20 { width: 100px; background-image: url(../../img/games/playtech.png?d);  background-size:90%;}
.ul-logo > li.li-logo21 { width: 120px; background-image: url(../../img/games/skywind.png?c);  background-size:90%;}
.ul-logo > li.li-logo22 { width: 100px; background-image: url(../../img/games/betsoft.png);  background-size:80%;}
.ul-logo > li.li-logo23 { width: 100px; background-image: url(../../img/games/dreamtech.png?e);  background-size:110%;}
.ul-logo > li.li-logo24 { width: 120px; background-image: url(../../img/games/bge.png?c);  background-size:120%;}
.ul-logo > li.li-logo25 { width: 100px; background-image: url(../../img/games/simpleplay.png);  background-size:100%; margin-left:10px;}
.ul-logo > li.li-logo26 { width: 130px; background-image: url(../../img/games/dg.png?b);  background-size:100%;}
.ul-logo > li.li-logo27 { width: 120px; background-image: url(../../img/games/evo.png?h);  background-size:80%;}
.ul-logo > li.li-logo28 { width: 100px; background-image: url(../../img/games/ag.png);  background-size:120%;}
.ul-logo > li.li-logo29 { width: 100px; background-image: url(../../img/games/m_sport.png?f);  background-size:100%; padding-top:5px; margin-left:-5px; margin-right:-5px;}
.ul-logo > li.li-logo30 { width: 100px; background-image: url(../../img/games/idnpoker.png);  background-size:100%; margin-right:0px;}
.ul-logo > li.li-logo31 { width: 100px; background-image: url(../../img/games/vt.png);  background-size:70%;}
.ul-logo > li.li-logo32 { width: 100px; background-image: url(../../img/games/astro_tech_pc.png?a);  background-size:100%; margin-right:-5px;}
.ul-logo > li.li-logo33 { width: 100px; background-image: url(../../img/games/pretty.png);  background-size:100%;}
.ul-logo > li.li-logo34 { width: 100px; background-image: url(../../img/games/pgsoft.png?c);  background-size:70%;}
.ul-logo > li.li-logo35 { width: 50px; background-image: url(../../img/games/muaystep2-f.png?c);  background-size:100%;}
.ul-logo > li.li-logo36 { width: 75px; background-image: url(../../img/games/jili.png?c);  background-size:100%; margin-left:-5px;}
.ul-logo > li.li-logo37 { width: 75px; background-image: url(../../img/games/rtg.png);  background-size:90%; background-color:#fff;}
.ul-logo > li.li-logo38 { width: 100px; background-image: url(../../img/games/playson.png);  background-size:100%;}
.ul-logo > li.li-logo39 { width: 100px; background-image: url(../../img/games/ttg.png);  background-size:100%;}
.ul-logo > li.li-logo40 { width: 100px; background-image: url(../../img/games/yggdrasil.png);  background-size:100%;}
.ul-logo > li.li-logo41 { width: 100px; background-image: url(../../img/games/nlc.png);  background-size:90%; margin-left:0px; margin-right:0}
.ul-logo > li.li-logo42 { width: 130px; background-image: url(../../img/games/huaydragon.png);  background-size:100%; margin-top:-45px; margin-left:0px; margin-right:0}

/* reg-footer > are-copyright > blk-logo > */
.txt-copyright,
.txt-browse { letter-spacing: 1px;line-height:20px;width:50%;display:inline;}
.txt-copyright{text-align:right;}
.txt-browse{text-align:left;}
/*===================================================================================================================*/
/*                                                      Online                                                       */
/*===================================================================================================================*/
.reg-online { width: 174px; position: fixed; top: 57px; right: 3px;}
@media screen and (max-width: 1679px)
{
.reg-online { top: 120px; right: -127px; transition: right 0.3s ease-out;}
.reg-online:hover { top: 120px; right: 3px;}
}
/* .reg-online > */
.are-tip { position: relative; top: 11px; left: -4x;}
.are-online { background:url(../../img/resources/onlineBg.jpg) no-repeat center top;}
.are-event { background:url(../../img/resources/onlineBg.jpg) no-repeat center bottom;}
.are-toolbar { height: 23px; background:url(../../img/resources/toolbarBg.jpg) no-repeat center; position: relative; }
.are-tipPopup { display: none;}
/* .reg-online > .are-tip > */
.lnk-online-tip,
.reg-online:hover .lnk-online-tip { display: block; height: 116px; background: url(../../img/resources/tip_open.png) no-repeat 4px top;}
@media screen and (max-width: 1679px)
{
	.lnk-online-tip { height: 83px; background: url(../../img/resources/tip.png) no-repeat 5px top;}
}
/* .reg-online > .are-online > */
.are-online > li { background: url(../../img/resources/line.jpg) bottom center no-repeat;}
.are-online > li:hover {}
.are-online > li > a { background: url(../../img/resources/icon.png) no-repeat; display: block; width: 144px; line-height:58px; color: #000; padding-left:30px;text-align:center; height: 55px;}
.are-online > li > a:hover{color:#7a4806;}
.are-online > .li-service > a {line-height:20px;padding-top:14px;}
.are-online > .li-service a{ background-position: left 0px;}
.are-online > .li-qq a{ background-position:  left -48px;}
.are-online > .li-skype a{ background-position:  left -106px;}
.are-online > .li-skype a:nth-child(1) { line-height:24px; }
.are-online > .li-skype a:nth-child(2) { height: 26px; background: none; line-height: 24px; margin: -39px 0 15px 0; }
.are-online > .li-skype a:nth-child(3) { height: 29px; background: none; line-height: 24px; margin: -31px 0 0 0; }
.are-online > .li-freeplay a{ background-position:  left -146px;}
.are-online > .li-join a{ background-position:  left -197px;}
.are-online > .li-advantage a{ background-position:  left -347px; margin: -29px 0 0 0;}
.are-online > .li-deposit a{ background-position:  left -248px;}
.are-online > .li-withdrawal a{ background-position:  left -298px;}
.are-online > .li-phone a{ background-position: left -400px; }
.are-online > .li-phone a:nth-child(1) { line-height:28px; }
.are-online > .li-phone a:nth-child(2) { height: 36px; background: none; line-height: 36px; margin: -39px 0 0 0; }
.are-online > .li-mobile a{ height:30px; line-height: 30px; background: url(../../img/resources/eventBg.jpg) no-repeat center top; }
.pic-online-mobile { height: 130px; background: url(../../img/resources/qrcode_mobile.png) no-repeat center; background-size:70%; margin: 0; }
.are-online > .li-line a{ background-position:  left -153px; margin: -15px 0 25px 0; height: auto; text-align: center; line-height: 50px; word-break: break-word; }
.are-online > .li-line .bg-line-qrcode { width: 100px; height: 100px; background-image: url(../../img/resources/qrcode_linebg.jpg); background-size:100%; position: absolute; right: 175px; margin: -106px 0 0 0; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: right center; -webkit-transform-origin: right center; transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s;}
.are-online > .li-line:hover .bg-line-qrcode { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.are-online > .li-wechat a{ background-position:  left -197px; margin: -32px 0 25px 0;}
.are-online > .li-wechat:hover .bg-line-qrcode2 { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.bg-line-qrcode2 { width: 97px; height: 97px; background-image: url(../../img/resources/qrcode_wechat.jpg); position: absolute; right: 175px; margin: -94px 0 0 0; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: right center; -webkit-transform-origin: right center; transition: transform ease .3s,opacity ease .3s; -webkit-transition: all ease .3s;}
.are-online > .li-mail a { width: 80px; height: auto; margin: 4px 0 0 0; text-align: left; line-height: 20px; background-position: left -448px; word-break: break-word; padding:0 0 9px 66px; }
.are-online > .li-bonus a{background: url(../../img/resources/bonusVIP.gif) no-repeat center top;background-position: 13px 10px;}



/* .reg-online > .are-event > */
.bg-event-sports { background: url(../../img/resources/sports.png) 10px center no-repeat;padding-left:46px;}
.bg-event-hot { background: url(../../img/resources/hot.png) 10px center no-repeat;padding-left:46px;}
.txt-event-title { color: #fff; font-size: 14px; position: relative;margin:0px; margin-right:23px; padding:5px 0; text-indent:30px;background: url(../../img/resources/line.jpg) bottom center no-repeat;}
.ul-event-news { height: 70px; overflow: hidden;}
.ul-event-news > li { padding: 8px 4px; line-height: 120%;}
.ul-event-news > li:hover {}
.ul-event-news > li > a { color: #fefdb0;}
.ul-event-hot { height: 73px; overflow: hidden;}
.ul-event-hot > li { padding: 8px 2px; line-height: 120%;}
.ul-event-hot > li:hover {}
.ul-event-hot > li > a > h3,
.ul-event-hot > li > a > h4,
.ul-event-hot > li > a > h5 { font-size: 12px; text-align: center; font-weight: bolder; margin: 3px 0;}
.ul-event-hot > li > a > h3 { color: #d93f44;}
.ul-event-hot > li > a > h4 { color: #f1cb77;}
.ul-event-hot > li > a > h5 { color: #ece9ec;}
/* .reg-online > .are-toolbar > */
.lnk-online-close { width: 13px; height: 11px; background: url(../../img/resources/close.png) no-repeat; position: absolute; top: 5px; left: 5px;}
.lnk-online-top { display: block; background: url(../../img/resources/top.png) no-repeat center center; color: #f1cb80; text-indent:-999em;height:23px;}
.lnk-online-top:hover { color: #b08824;}
/* reg-online > .are-tipPopup */
.h3-tipPopup-title { font-size: 16px;color:#ff0;}
.blk-tipPopup { letter-spacing: 1px; line-height: 2em;}
.blk-tipPopup-desc { padding-left: 33px; font-size: 13px;color:#fff;}
.blk-tipPopup-input { text-align: right;}
.ul-tipPopup-dollar { margin: 20px 0 50px;}
.li-tipPopup-dollar { height: 118px; margin: 0 20px; position: relative;}
.li-tipPopup-dollar1 { width: 72px;}
.li-tipPopup-dollar10 { width: 82px;}
.li-tipPopup-dollar50 { width: 89px;}
.li-tipPopup-dollar100 { width: 98px;} 
.li-tipPopup-dollar500 { width: 110px;}
.lnk-tipPopup-dollar { display: block; width: 100%; background: no-repeat center bottom; position: absolute; bottom: 0;}
.lnk-tipPopup-dollar1 { height: 79px; background-image: url(../../img/resources/dollar1.png);}
.lnk-tipPopup-dollar10 { height: 88px; background-image: url(../../img/resources/dollar10.png);}
.lnk-tipPopup-dollar50 { height: 97px; background-image: url(../../img/resources/dollar50.png);}
.lnk-tipPopup-dollar100 { height: 106px; background-image: url(../../img/resources/dollar100.png);}
.lnk-tipPopup-dollar500 { height: 118px; background-image: url(../../img/resources/dollar500.png);}
.lnk-tipPopup-dollar1:hover { background-image: url(../../img/resources/dollar1Hover.gif);}
.lnk-tipPopup-dollar10:hover { background-image: url(../../img/resources/dollar10Hover.gif);}
.lnk-tipPopup-dollar50:hover { background-image: url(../../img/resources/dollar50Hover.gif);}
.lnk-tipPopup-dollar100:hover { background-image: url(../../img/resources/dollar100Hover.gif);}
.lnk-tipPopup-dollar500:hover { background-image: url(../../img/resources/dollar500Hover.gif);}
.lnk-tipPopup-dollar1:active { background-image: url(../../img/resources/dollar1active.png);}
.lnk-tipPopup-dollar10:active { background-image: url(../../img/resources/dollar10active.png);}
.lnk-tipPopup-dollar50:active { background-image: url(../../img/resources/dollar50active.png);}
.lnk-tipPopup-dollar100:active { background-image: url(../../img/resources/dollar100active.png);}
.lnk-tipPopup-dollar500:active { background-image: url(../../img/resources/dollar500active.png);}
.blk-tipPopup-input { margin-bottom: 50px;}
.ipt-tipPopup-money { width: 100px; background-color: #fff; color: #000; text-align: right; border: 0;}
.ipt-tipPopup-money:focus { outline: 0;}
.btn-tipPopup-gift { height: 24px; background-image: url(../../img/resources/btn_gift.jpg);border:1px solid #7d1717;}
.btn-tipPopup-gift:hover { background-image: url(../../img/resources/btn_giftHover.jpg);}
.btn-tipPopup-clear { height: 24px; background-image: url(../../img/resources/btn_clear.jpg);border:1px solid #282927;}
.btn-tipPopup-clear:hover { background-image: url(../../img/resources/btn_clearHover.jpg);}
.h4-tipPopup-title { font-size: 14px; font-weight: normal;color:#fff;}
.ul-tipPopup-notice { margin: 0; font-size: 13px;}

/*===================================================================================================================*/
/*                                                        Ad                                                         */
/*===================================================================================================================*/
.reg-ad { width: 100%; position: absolute; top: 0;}

/* .reg-ad > */
.are-rotaryTable,
.are-luckyDraw  { position: absolute; top: 45px; right: 388px;}
/* .reg-ad > .are-rotaryTable > */
.blk-rotaryTable-close { width: 145px; height: 24px; line-height: 13px; background: url(../../img/resources/rotaryTable.png) no-repeat; padding-top: 8px; color: #fff; position: relative;}
.blk-luckyDraw-close { width: 145px; height: 24px; line-height: 13px; background: url(../../img/resources/luckyDraw.png) no-repeat; padding-top: 8px; color: #fff;position: relative;}
.are-rotaryTable:hover > .blk-rotaryTable-close ,.are-luckyDraw:hover > .blk-luckyDraw-close { display: none;}
.txt-rotaryTable-number, .txt-luckyDraw-number { position: absolute; left: 35px;}
.txt-rotaryTable-chance, .txt-luckyDraw-chance { position: absolute; left: 78px; letter-spacing: -0.5px;}
.blk-rotaryTable-open { display: none; width: 145px; background: url(../../img/resources/rotaryTable.png) no-repeat;}
.blk-luckyDraw-open{ display: none; width: 145px; background: url(../../img/resources/luckyDraw.png) no-repeat;}
.are-rotaryTable:hover > .blk-rotaryTable-open , .are-luckyDraw:hover > .blk-luckyDraw-open { display: block;}
.lnk-ad-rotaryTable ,.lnk-ad-luckyDraw { display: block; height: 24px; line-height: 13px; padding: 8px 0 0 33px; text-align: center;}
a.lnk-ad-rotaryTable , a.lnk-ad-luckyDraw { color: #561c18;}

.blk-freeplayArea {display:inline-block;}
.blk-depositArea{ position: absolute; top: 11px; right: 1px; z-index: 8;}
.blk-freeplayArea .lnk-freeplay { font-size:15px; border:1px solid #7d1717;display: inline-block;height: 28px;background: url(../../img/resources/btnO.jpg) repeat-x;margin-right: 5px;padding: 0px 20px;line-height: 28px;color:yellow;border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;}

.are-lineAd { width: 230px; height: 250px; position: fixed; background: url(../../img/resources/qrcode_line_20210114.jpg?new) no-repeat; background-size:100%; z-index: 5; left: 10px; bottom: 0;}
.are-lineAd .blk-lineAd-title { font-size: 14px; color: #fff; padding-top: 0; text-align: center;}

/*===================================================================================================================*/
/*                                                    News Popup                                                     */
/*===================================================================================================================*/
.reg-newsPopup { display: none;}
/* reg-newsPopup > */
.are-news {}
/* reg-newsPopup > .are-news > */
.h2-news-title { background: url(../../img/resources/line.png) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 20px; color: #fff;}
.h3-news-honorifics { margin-bottom: 10px; color: #fff;}
.txt-news-content {color: #fff;}

/*===================================================================================================================*/
/*                                                      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; color: #000; padding: 10px 20px; font-size: 20px; 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                                                       */
/*===================================================================================================================*/
.reg-header > .lay-screen { z-index: 4;}
.are-auth { z-index: 5;}
.are-menu { z-index: 3;}
.lnk-prev,
.lnk-next,
.reg-banner .are-step { z-index: 3;}
.reg-banner .are-image { z-index: 2;}
.are-marquee { z-index: 3;}
.ul-game > li > h2 { z-index: 3;}
.reg-online { z-index: 5;}
.theme-colorBox { z-index: 6;}
.ui-li-step1 { z-index: 3;}
.ui-li-step2 { z-index: 2;}
.ui-li-step3 { z-index: 1;}
.are-rotaryTable { z-index: 5;}
.lay-are-pageTitle { z-index: 2;}
.lay-are-pageNav { z-index: 2;}
.blk-freeplayArea,
.blk-depositArea { z-index: 8;}

/*===================================================================================================================*/
/*                                                       Hack                                                        */
/*===================================================================================================================*/
/*  
	\9    : ie
	*style: ie7 
*/
.ul-nav > li { *border-right: 1px solid #dfc185; *padding: 0 28px; font-weight: bold;}
.ul-nav > li:after { padding: 0 26.5px \9;}
_::selection, .ul-nav > li:after { padding: 0 30px \0;}
_::selection, .ul-nav > li:last-child:after { padding: 0 \0;}

.ui-ddl::-ms-expand { display: none;}
.ui-ddl-pager::-ms-expand { display: none;} /* ie10 select arrow */
.ui-ddl,
.ui-ddl-pager { padding-right: 0\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 */
	.ui-ddl,
	.ui-ddl-pager { padding-right: 15px;}
}
.ui-ul-pageNav { filter:alpha(opacity=80);}


/*===================================================================================================================*/
/*                                                       Festival                                                        */
/*===================================================================================================================*/


/* Dropdown Button */
.dropbtn {
	box-sizing: border-box;
    display: block;
    position: relative;
    width: 15px;
    height: 29px;
    padding: 0 50px 0 0;
    line-height: 28px;
    color: #fff;
    border: 1px solid #094968;
    background: url(../../img/resources/lang_bg.jpg) repeat-x;
    border-radius: 4px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}



.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
      width: 600px;
      margin: 30px auto;
  }
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
      width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
      width: 900px;
  }
}