@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/NotoSans.css); 
#wrap {float:left; width:100%; background:url("../images/bg.jpg?v=2") center top no-repeat;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}

/*-------------------------------------------------------------------------------------*
 *  index                                                                              *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}
.top_wrap {float:left; width:100%; height:111px; background:url("../images/bg_top1.jpg") center top no-repeat;}
.top_box {margin:0px auto; width:1200px;}

.logo {float:left; margin:0 0 0 400px;}
.language {float:right; margin:40px 0 0 0;}
.language ul li {float:left; margin:0 0 0 10px;}

.gnb {float:left; width:100%; height:62px; background:url("../images/bg_top2.jpg") center top no-repeat; text-align:center;}
.gnb ul li {display:inline; line-height:56px; font-weight:400; font-size:20px; color:#fff3dd; font-family:'Noto Sans KR', sans-serif; letter-spacing:-3px; text-shadow:1px 0px 1px #000000; margin:0 50px 0 50px;}
.gnb ul li a {color:#fff3dd;}
.gnb ul li a:hover {color:#ffee7e;}

.notice_wrap {float:left; width:100%; height:42px; background:#1f1d1c; border-bottom:1px solid #3c3836; border-top:1px solid #000000;}
.notice_box {margin:0px auto; width:1200px; line-height:42px; color:#e1ccaa;}

.login {float:left; width:100%; height:42px; background:#2a2725; text-align:center;}
.login ul li {display:inline-block;line-height:40px; margin:0 0 0 3px; color:#c4bfba; font-weight:400; font-size:15px; color:#fff3dd; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px; text-shadow:1px 0px 1px #000000;}
.input_login  {background-color:#443f39; border:1px solid #443f39; padding:5px 0 5px 5px; width:140px; height:29px; color:#fff3dd; padding:0 0 0 6px; font-size:14px;}


.game_wrap {float:left; width:100%;}
.game_box {margin:0px auto; width:1220px;}
.game {float:left; width:1220px;}
.game ul li {float:left; margin:0 10px 10px 10px;}

.game01{float:left; width:285px; height:389px; position:relative; overflow:hidden; transition:all ease .2s;z-index:80; margin:10px 0 0 0;}
.game01:before,
.game01:after{content:"";position:absolute;transition:all ease .2s}
.game01:before{width:285px; height:389px;top:0;left:0; background-image:url(../images/casino1.png);background-repeat:no-repeat;opacity:1;z-index:80}
.game01:nth-child(1):before{background-position:0px 0px}
.game01:hover:before{left:-390px;opacity:0}
.game01:after{top:0px;left:0px;bottom:0px;right:0px;background-image:url(../images/game_effect.png);background-repeat:no-repeat;z-index:70}
.game01:hover:after{left:0px; top:0px;}
.game01>a>span{transform:scale(1.2, 1.2);opacity:0;transition:all ease .5s;text-indent:-100%;z-index:99;overflow:hidden;filter:blur(6px);-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px)}
.game01:hover>a>span{background-image:url(../images/game_effect.png);opacity:1;transform:scale(1,1);filter:blur(0px);-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px)}
.game01>a>span,
.game01>a>span:after{top:0px;left:0px;bottom:0px;right:0px;position:absolute}
.game01>a>span:after{content:"";z-index:99;background-image:url(../images/casino1over.png);}

.game02{float:left; width:285px; height:389px; position:relative; overflow:hidden; transition:all ease .2s;z-index:80; margin:10px 0 0 0;}
.game02:before,
.game02:after{content:"";position:absolute;transition:all ease .2s}
.game02:before{width:285px; height:389px;top:0;left:0; background-image:url(../images/casino2.png);background-repeat:no-repeat;opacity:1;z-index:80}
.game02:nth-child(1):before{background-position:0px 0px}
.game02:hover:before{left:-390px;opacity:0}
.game02:after{top:0px;left:0px;bottom:0px;right:0px;background-image:url(../images/game_effect.png);background-repeat:no-repeat;z-index:70}
.game02:hover:after{left:0px; top:0px;}
.game02>a>span{transform:scale(1.2, 1.2);opacity:0;transition:all ease .5s;text-indent:-100%;z-index:99;overflow:hidden;filter:blur(6px);-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px)}
.game02:hover>a>span{background-image:url(../images/game_effect.png);opacity:1;transform:scale(1,1);filter:blur(0px);-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px)}
.game02>a>span,
.game02>a>span:after{top:0px;left:0px;bottom:0px;right:0px;position:absolute}
.game02>a>span:after{content:"";z-index:99;background-image:url(../images/casino2over.png);}

.game03{float:left; width:285px; height:389px; position:relative; overflow:hidden; transition:all ease .2s;z-index:80; margin:10px 0 0 0;}
.game03:before,
.game03:after{content:"";position:absolute;transition:all ease .2s}
.game03:before{width:285px; height:389px;top:0;left:0; background-image:url(../images/casino3.png);background-repeat:no-repeat;opacity:1;z-index:80}
.game03:nth-child(1):before{background-position:0px 0px}
.game03:hover:before{left:-390px;opacity:0}
.game03:after{top:0px;left:0px;bottom:0px;right:0px;background-image:url(../images/game_effect.png);background-repeat:no-repeat;z-index:70}
.game03:hover:after{left:0px; top:0px;}
.game03>a>span{transform:scale(1.2, 1.2);opacity:0;transition:all ease .5s;text-indent:-100%;z-index:99;overflow:hidden;filter:blur(6px);-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px)}
.game03:hover>a>span{background-image:url(../images/game_effect.png);opacity:1;transform:scale(1,1);filter:blur(0px);-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px)}
.game03>a>span,
.game03>a>span:after{top:0px;left:0px;bottom:0px;right:0px;position:absolute}
.game03>a>span:after{content:"";z-index:99;background-image:url(../images/casino3over.png);}

.game04{float:left; width:285px; height:389px; position:relative; overflow:hidden; transition:all ease .2s;z-index:80; margin:10px 0 0 0;}
.game04:before,
.game04:after{content:"";position:absolute;transition:all ease .2s}
.game04:before{width:285px; height:389px;top:0;left:0; background-image:url(../images/casino4.png);background-repeat:no-repeat;opacity:1;z-index:80}
.game04:nth-child(1):before{background-position:0px 0px}
.game04:hover:before{left:-390px;opacity:0}
.game04:after{top:0px;left:0px;bottom:0px;right:0px;background-image:url(../images/game_effect.png);background-repeat:no-repeat;z-index:70}
.game04:hover:after{left:0px; top:0px;}
.game04>a>span{transform:scale(1.2, 1.2);opacity:0;transition:all ease .5s;text-indent:-100%;z-index:99;overflow:hidden;filter:blur(6px);-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px)}
.game04:hover>a>span{background-image:url(../images/game_effect.png);opacity:1;transform:scale(1,1);filter:blur(0px);-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px)}
.game04>a>span,
.game04>a>span:after{top:0px;left:0px;bottom:0px;right:0px;position:absolute}
.game04>a>span:after{content:"";z-index:99;background-image:url(../images/casino4over.png);}


.slot_title {float:left; width:100%; text-align:center; margin:25px 0 0 0;}
.slot {float:left; width:100%;}
.slot ul li {float:left; margin:0 10px 0 10px;}

.casino_title {float:left; width:100%; text-align:center; margin:33px 0 17px 0;}
.casino {float:left; width:100%;}
.casino ul li {float:left; margin:0 10px 0 10px;}

.media_wrap {float:left; width:100%; height:456px; background:url("../images/bg_media.jpg") center top no-repeat; margin:50px 0 0 0;}
.media_box {margin:0px auto; width:1200px;}
.media_text {float:left; margin:83px 0 0 0;}
.media {float:right; margin:83px 0 0 0;}

#footer_wrap {float:left; width:100%; padding:30px 0 40px 0; background:#252221; text-align:center;}


/*-------------------------------------------------------------------------------------*
 *  sub layer popup                                                                    *
 *-------------------------------------------------------------------------------------*/
.close_wrap {float:left; width:100%;}
.close_box {margin:0px auto; width:1200px; text-align:right; padding:0 0 20px 0;}

.popup_wrap {float:left; width:100%;}
.popup_box {margin:0px auto; width:1200px;}
.popup_start {float:left; width:1200px; border-radius:10px; box-shadow: 0 10px 15px -5px rgba(0,0,0,0.9); background:url("../images/bg_popup.jpg");}
.popup {float:left; width:1120px; margin:25px 0 50px 40px;}

.title_wrap {float:left; width:100%; height:60px; line-height:60px; border-bottom:1px solid #3c3836;}
.title {font-weight:400; font-size:28px; color:#ffffff; font-family:'Noto Sans KR', sans-serif; letter-spacing:-3px; text-shadow:1px 0px 1px #000000;}
.title2 {font-weight:900; font-size:18px; color:#444444; font-family:Arial; letter-spacing:-1px; text-shadow:1px 0px 1px rgba(0,0,0,0.6); padding:0 0 0 12px;}



/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box15 {float:left; width:100%; margin:15px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box25 {float:left; width:100%; margin:25px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box35 {float:left; width:100%; margin:35px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box45 {float:left; width:100%; margin:45px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}



/*-- 게시판 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.list_title1  {background:linear-gradient(#7b543f 0%,  #352b27 100%); line-height:34px; font-weight:bold; text-align:center; color:#fff6c9; font-weight:bold;}
.list_notice1 {background:rgba(0,0,0,0.8); line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:center; color:#cfaa6d;}
.list_notice2 {background:rgba(0,0,0,0.8); line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 0 0 15px; color:#ffffff; font-weight:bold;}
.list1        {background:rgba(0,0,0,0.6); line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:center; color:#fff6c9}
.list2        {background:rgba(0,0,0,0.6); line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 0 0 15px;}
.list3        {background:rgba(0,0,0,0.6); line-height:25px; text-align:center; color:#fff6c9}

.write_title_top {border-top:1px solid #7c6b53;}
.write_title     {background:rgba(0,0,0,0.6); padding:12px 20px 10px 20px; width:160px; line-height:21px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); color:#d9c38a;}
.write_basic     {background:rgba(0,0,0,0.4); padding:12px 20px 10px 20px; line-height:21px; border-bottom:1px solid rgba(255,255,255,0.1); color:#e1ccaa;}

.view1     {background:linear-gradient(#988262 0%,  #776448 100%); padding:0 20px 0 20px; width:100%; height:40px; line-height:26px; color:#ebd6b8; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:bold; }
.view2     {background:rgba(0,0,0,0.4); padding:12px 20px 10px 20px; width:100%; line-height:26px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.1);}
.view_box  {background:rgba(255,255,255,0.1); padding:5px 8px 3px 8px; line-height:12px; text-align:center; display:inline-block; color:#917c5a; font-size:12px; border-radius:3px; margin:0 5px 0 0;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.5); display:inline-block; padding:10px 13px 8px 13px; color:#a0a0a0; border-radius:3px;}
.pageon          {background:linear-gradient(#7b543f 0%,  #352b27 100%); display:inline-block; padding:10px 13px 8px 13px; color:#ffffff; border-radius:3px; font-weight:700;}

.info_wrap {background:rgba(0,0,0,0.3); float:left; width:100%; padding:10px 0 10px 0; border:1px solid rgba(0,0,0,0.3); border-radius:3px;}
.info1     {float:left; width:100%; line-height:26px; padding:0 20px 0 20px; color:#ffffff; font-size:16px; font-family:nanumgothic; font-weight:700;}
.info2     {float:left; width:100%; line-height:26px; font-weight:900; color:#cfaa6d; padding:0 20px 0 20px; font-size:14px;}
.info3     {float:left; width:100%; line-height:22px; padding:0 20px 0 22px; color:#e5d9c6; font-size:12px;}


.info_wrap2 {background:rgba(0,0,0,0.6); float:left; width:100%; padding:40px 0 40px 0; border:1px solid rgba(0,0,0,0.7); border-radius:3px; text-align:center;}
.info11     {float:left; width:100%; line-height:26px; padding:0 20px 20px 20px; color:#ffffff; font-size:20px; font-family:nanumgothic; font-weight:700;}
.info21     {float:left; width:100%; line-height:26px; font-weight:900; color:#cfaa6d; padding:0 20px 0 20px; font-size:14px;}
.info31     {float:left; width:100%; line-height:22px; padding:0 22px 0 22px; color:#e5d9c6; font-size:12px;}



/*-- 버튼 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn_wrap_right        {float:left; width:100%; text-align:right; }
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center; }
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:linear-gradient(#7b543f 0%,  #352b27 100%); min-width:80px; padding:10px 5px 11px 5px; line-height:12px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px; box-shadow:2px 2px 3px -1px rgba(0,0,0,8);} 
.btn1_1:hover   {background:linear-gradient(#b59455 0%,  #665335 100%);}

.btn1_2         {background:linear-gradient(#585858 0%,  #3e3e3e 100%); min-width:80px; padding:10px 5px 11px 5px; line-height:12px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px; box-shadow:2px 2px 3px -1px rgba(0,0,0,8);} 
.btn1_2:hover   {background:linear-gradient(#757575 0%,  #626262 100%);}

.btn2_1         {background:linear-gradient(#7b543f 0%,  #352b27 100%); width:120px; height:42px; line-height:40px; text-align:center; display:inline-block; font-family:nanumgothic; color:#e4d1b7; font-size:14px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.7); box-shadow:2px 2px 3px -1px rgba(0,0,0,8);}
.btn2_1:hover   {background:linear-gradient(#b59455 0%,  #665335 100%);}

.btn2_2         {background:linear-gradient(#585858 0%,  #3e3e3e 100%); width:120px; height:42px; line-height:40px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:14px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.7); box-shadow:2px 2px 3px -1px rgba(0,0,0,8);}
.btn2_2:hover   {background:linear-gradient(#757575 0%,  #626262 100%);}

.btn3_1         {background:linear-gradient(#7b543f 0%,  #352b27 100%);  width:200px; height:50px; line-height:50px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffe5b5; font-size:14px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.7); box-shadow:1px 2px 6px -1px rgba(0,0,0,8);}
.btn3_1:hover   {background:linear-gradient(#b59455 0%,  #665335 100%);}

.btn3_2         {background:linear-gradient(#585858 0%,  #3e3e3e 100%);  width:200px; height:50px; line-height:50px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:14px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.7); box-shadow:2px 2px 3px -1px rgba(0,0,0,8);}
.btn3_2:hover   {background:linear-gradient(#757575 0%,  #626262 100%);}


.btn_tab      {background:rgba(95,85,69,0.4); min-width:80px; display:inline-block; padding:6px 8px 6px 8px; line-height:12px; color:#c9b69a; font-weight:700; border-radius:50px;}
.btn_tabon    {background:#7b5540; min-width:80px; display:inline-block; padding:6px 8px 6px 8px; line-height:12px; color:#ffffff; font-weight:700; border-radius:50px;}


/*-- 탭   ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tab_wrap       {float:left;}
.tab_wrap ul li {float:left; margin:0 3px 0 0}
.tab            {background:rgba(0,0,0,0.6); width:140px; height:40px; line-height:38px; font-family:nanumgothic; text-align:center; display:inline-block; color:#ad9778; font-size:14px; font-weight:700; border-radius:3px;}
.tab:hover      {background:rgba(0,0,0,0.9); color:#ffffff;}
.tabon          {background:linear-gradient(#7b543f 0%,  #352b27 100%); width:140px; height:40px; line-height:38px; font-family:nanumgothic; text-align:center; display:inline-block; color:#f6e0b1; font-size:14px; font-weight:700; border-radius:3px;  box-shadow:2px 2px 3px -1px rgba(0,0,0,8);}


/*-------------------------------------------------------------------------------------*
 *  Style                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 폰트 스타일 */
.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:400;}
.font03 {color:#a89f98;}
.font04 {color:#484848;}
.font05 {color:#f4814b; font-weight:900;}
.font06 {color:#ff7300; font-weight:900;}
.font07 {color:#a37f5d; font-weight:900;}
.font08 {color:#e26f31; font-weight:900;}
.font09 {color:#56e0fc; font-weight:900;}
.font10 {color:#e9270f; font-weight:900;}

.font11 {color:#6f8193; font-weight:900; font-size:22px; line-height:35px; font-family:Arial;}
.font12 {color:#59aeb1;font-weight:900; font-size:22px;line-height:35px; font-family:'Noto Sans KR', sans-serif; text-shadow:1px 1px 1px #000000;}
.font13 {color:#b0977f;font-weight:900;}
.font14 {color:#818fa0;}
.font15 {color:#; font-weight:900;}
.font16 {color:#ff0000; font-weight:900;}
.font17 {color:#00ffc0; font-weight:900;}



/* 인풋 스타일 */
.input_search {background-color:#1e180f; border:1px solid #0a0805; padding:5px 0 3px 5px;}
.input1       {background-color:#222222; border:1px solid #000000; padding:10px 0 9px 5px; color:#ffffff; min-width:200px;}
.input2       {background-color:#222222; border:1px solid #000000; padding:10px 0 9px 5px;}



.CQ9 {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.CQ9:before,
.CQ9:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.CQ9:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game11.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.CQ9:nth-child(1):before {
  background-position: 0px 0px;
}
.CQ9:hover:before {
  left: -390px;
  opacity: 0;
}
.CQ9:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.CQ9:hover:after {
  left: 0px;
  top: 0px;
}
.CQ9 > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.CQ9:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.CQ9 > span,
.CQ9 > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.CQ9 > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PP {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PP:before,
.PP:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.PP:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game12.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PP:nth-child(1):before {
  background-position: 0px 0px;
}
.PP:hover:before {
  left: -390px;
  opacity: 0;
}
.PP:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PP:hover:after {
  left: 0px;
  top: 0px;
}
.PP > a > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PP:hover > a > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PP > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PP:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PP > a > span,
.PP > a > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PP > a > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PP > span,
.PP > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PP > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PLAYNGO {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PLAYNGO:before,
.PLAYNGO:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.PLAYNGO:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game13.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PLAYNGO:nth-child(1):before {
  background-position: 0px 0px;
}
.PLAYNGO:hover:before {
  left: -390px;
  opacity: 0;
}
.PLAYNGO:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PLAYNGO:hover:after {
  left: 0px;
  top: 0px;
}
.PLAYNGO > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PLAYNGO:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PLAYNGO > span,
.PLAYNGO > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PLAYNGO > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.HABANERO {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.HABANERO:before,
.HABANERO:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.HABANERO:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game14.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.HABANERO:nth-child(1):before {
  background-position: 0px 0px;
}
.HABANERO:hover:before {
  left: -390px;
  opacity: 0;
}
.HABANERO:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.HABANERO:hover:after {
  left: 0px;
  top: 0px;
}
.HABANERO > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.HABANERO:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.HABANERO > span,
.HABANERO > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.HABANERO > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.GENESIS {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.GENESIS:before,
.GENESIS:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.GENESIS:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/genesis.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.GENESIS:nth-child(1):before {
  background-position: 0px 0px;
}
.GENESIS:hover:before {
  left: -390px;
  opacity: 0;
}
.GENESIS:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.GENESIS:hover:after {
  left: 0px;
  top: 0px;
}
.GENESIS > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.GENESIS:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.GENESIS > span,
.GENESIS > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.GENESIS > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}


.MSSLOT {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.MSSLOT:before,
.MSSLOT:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.MSSLOT:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game21.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.MSSLOT:nth-child(1):before {
  background-position: 0px 0px;
}
.MSSLOT:hover:before {
  left: -390px;
  opacity: 0;
}
.MSSLOT:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.MSSLOT:hover:after {
  left: 0px;
  top: 0px;
}
.MSSLOT > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.MSSLOT:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.MSSLOT > span,
.MSSLOT > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.MSSLOT > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.HO {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.HO:before,
.HO:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.HO:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game01.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.HO:nth-child(1):before {
  background-position: 0px 0px;
}
.HO:hover:before {
  left: -390px;
  opacity: 0;
}
.HO:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.HO:hover:after {
  left: 0px;
  top: 0px;
}
.HO > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.HO:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.HO > span,
.HO > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.HO > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.TAISHAN {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.TAISHAN:before,
.TAISHAN:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.TAISHAN:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game03.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.TAISHAN:nth-child(1):before {
  background-position: 0px 0px;
}
.TAISHAN:hover:before {
  left: -390px;
  opacity: 0;
}
.TAISHAN:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.TAISHAN:hover:after {
  left: 0px;
  top: 0px;
}
.TAISHAN > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.TAISHAN:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.TAISHAN > span,
.TAISHAN > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.TAISHAN > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}
.AG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.AG:before,
.AG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.AG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game02.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.AG:nth-child(1):before {
  background-position: 0px 0px;
}
.AG:hover:before {
  left: -390px;
  opacity: 0;
}
.AG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.AG:hover:after {
  left: 0px;
  top: 0px;
}
.AG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.AG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.AG > span,
.AG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.AG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}
.EVO {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.EVO:before,
.EVO:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.EVO:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/2.png?v=2);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.EVO:nth-child(1):before {
  background-position: 0px 0px;
}
.EVO:hover:before {
  left: -390px;
  opacity: 0;
}
.EVO:after {  
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.EVO:hover:after {
  left: 0px;
  top: 0px;
}
.EVO > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.EVO:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.EVO > span,
.EVO > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.EVO > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.DG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.DG:before,
.DG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.DG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/7.png?v=2);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.DG:nth-child(1):before {
  background-position: 0px 0px;
}
.DG:hover:before {
  left: -390px;
  opacity: 0;
}
.DG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.DG:hover:after {
  left: 0px;
  top: 0px;
}
.DG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.DG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.DG > span,
.DG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.DG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.MDS {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.MDS:before,
.MDS:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.MDS:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game06.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.MDS:nth-child(1):before {
  background-position: 0px 0px;
}
.MDS:hover:before {
  left: -390px;
  opacity: 0;
}
.MDS:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.MDS:hover:after {
  left: 0px;
  top: 0px;
}
.MDS > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.MDS:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.MDS > span,
.MDS > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.MDS > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.OG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.OG:before,
.OG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.OG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/5.png?v=2);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.OG:nth-child(1):before {
  background-position: 0px 0px;
}
.OG:hover:before {
  left: -390px;
  opacity: 0;
}
.OG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.OG:hover:after {
  left: 0px;
  top: 0px;
}
.OG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.OG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.OG > span,
.OG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.OG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}
.PRL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PRL:before,
.PRL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.PRL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/1.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PRL:nth-child(1):before {
  background-position: 0px 0px;
}
.PRL:hover:before {
  left: -390px;
  opacity: 0;
}
.PRL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PRL:hover:after {
  left: 0px;
  top: 0px;
}
.PRL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PRL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PRL > span,
.PRL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PRL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}
.MGL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.MGL:before,
.MGL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.MGL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/3.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.MGL:nth-child(1):before {
  background-position: 0px 0px;
}
.MGL:hover:before {
  left: -390px;
  opacity: 0;
}
.MGL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.MGL:hover:after {
  left: 0px;
  top: 0px;
}
.MGL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.MGL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.MGL > span,
.MGL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.MGL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.VIVO {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.VIVO:before,
.VIVO:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.VIVO:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/4.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.VIVO:nth-child(1):before {
  background-position: 0px 0px;
}
.VIVO:hover:before {
  left: -390px;
  opacity: 0;
}
.VIVO:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.VIVO:hover:after {
  left: 0px;
  top: 0px;
}
.VIVO > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.VIVO:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.VIVO > span,
.VIVO > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.VIVO > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.WM {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.WM:before,
.WM:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.WM:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/6.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.WM:nth-child(1):before {
  background-position: 0px 0px;
}
.WM:hover:before {
  left: -390px;
  opacity: 0;
}
.WM:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.WM:hover:after {
  left: 0px;
  top: 0px;
}
.WM > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.WM:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.WM > span,
.WM > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.WM > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.BOTA {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.BOTA:before,
.BOTA:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.BOTA:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/8.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.BOTA:nth-child(1):before {
  background-position: 0px 0px;
}
.BOTA:hover:before {
  left: -390px;
  opacity: 0;
}
.BOTA:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.BOTA:hover:after {
  left: 0px;
  top: 0px;
}
.BOTA > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.BOTA:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.BOTA > span,
.BOTA > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.BOTA > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}


.BG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.BG:before,
.BG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.BG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/casino/9.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.BG:nth-child(1):before {
  background-position: 0px 0px;
}
.BG:hover:before {
  left: -390px;
  opacity: 0;
}
.BG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.BG:hover:after {
  left: 0px;
  top: 0px;
}
.BG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.BG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.BG > span,
.BG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.BG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}
.LOTUS {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.LOTUS:before,
.LOTUS:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.LOTUS:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/lotus.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.LOTUS:nth-child(1):before {
  background-position: 0px 0px;
}
.LOTUS:hover:before {
  left: -390px;
  opacity: 0;
}
.LOTUS:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.LOTUS:hover:after {
  left: 0px;
  top: 0px;
}
.LOTUS > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.LOTUS:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.LOTUS > span,
.LOTUS > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.LOTUS > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.ALL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.ALL:before,
.ALL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.ALL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/allbet.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.ALL:nth-child(1):before {
  background-position: 0px 0px;
}
.ALL:hover:before {
  left: -390px;
  opacity: 0;
}
.ALL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.ALL:hover:after {
  left: 0px;
  top: 0px;
}
.ALL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.ALL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.ALL > span,
.ALL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.ALL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PB {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PB:before,
.PB:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.PB:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/pball1.png?v=2);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PB:nth-child(1):before {
  background-position: 0px 0px;
}
.PB:hover:before {
  left: -390px;
  opacity: 0;
}
.PB:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PB:hover:after {
  left: 0px;
  top: 0px;
}
.PB > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PB:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PB > span,
.PB > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PB > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}


.PL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PL:before,
.PL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.PL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/pladder.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PL:nth-child(1):before {
  background-position: 0px 0px;
}
.PL:hover:before {
  left: -390px;
  opacity: 0;
}
.PL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PL:hover:after {
  left: 0px;
  top: 0px;
}
.PL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PL > span,
.PL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}




.TKHL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.TKHL:before,
.TKHL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.TKHL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/tkhl.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.TKHL:nth-child(1):before {
  background-position: 0px 0px;
}
.TKHL:hover:before {
  left: -390px;
  opacity: 0;
}
.TKHL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.TKHL:hover:after {
  left: 0px;
  top: 0px;
}
.TKHL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.TKHL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.TKHL > span,
.TKHL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.TKHL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}




.TKBC {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.TKBC:before,
.TKBC:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.TKBC:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/tkbc.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.TKBC:nth-child(1):before {
  background-position: 0px 0px;
}
.TKBC:hover:before {
  left: -390px;
  opacity: 0;
}
.TKBC:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.TKBC:hover:after {
  left: 0px;
  top: 0px;
}
.TKBC > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.TKBC:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.TKBC > span,
.TKBC > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.TKBC > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}





.TKRL {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.TKRL:before,
.TKRL:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.TKRL:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/tkrl.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.TKRL:nth-child(1):before {
  background-position: 0px 0px;
}
.TKRL:hover:before {
  left: -390px;
  opacity: 0;
}
.TKRL:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.TKRL:hover:after {
  left: 0px;
  top: 0px;
}
.TKRL > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.TKRL:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.TKRL > span,
.TKRL > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.TKRL > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}



.MG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.MG:before,
.MG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}

.MG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/microming.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.MG:nth-child(1):before {
  background-position: 0px 0px;
}
.MG:hover:before {
  left: -390px;
  opacity: 0;
}
.MG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.MG:hover:after {
  left: 0px;
  top: 0px;
}
.MG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.MG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.MG > span,
.MG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.MG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.DREAMTECH {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.DREAMTECH:before,
.DREAMTECH:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.DREAMTECH:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/989.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.DREAMTECH:nth-child(1):before {
  background-position: 0px 0px;
}
.DREAMTECH:hover:before {
  left: -390px;
  opacity: 0;
}
.DREAMTECH:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.DREAMTECH:hover:after {
  left: 0px;
  top: 0px;
}
.DREAMTECH > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.DREAMTECH:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.DREAMTECH > span,
.DREAMTECH > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.DREAMTECH > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}



.GAMEART {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.GAMEART:before,
.GAMEART:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.GAMEART:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game16.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.GAMEART:nth-child(1):before {
  background-position: 0px 0px;
}
.GAMEART:hover:before {
  left: -390px;
  opacity: 0;
}
.GAMEART:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.GAMEART:hover:after {
  left: 0px;
  top: 0px;
}
.GAMEART > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.GAMEART:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.GAMEART > span,
.GAMEART > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.GAMEART > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PLAYSON {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PLAYSON:before,
.PLAYSON:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.PLAYSON:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game17.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PLAYSON:nth-child(1):before {
  background-position: 0px 0px;
}
.PLAYSON:hover:before {
  left: -390px;
  opacity: 0;
}
.PLAYSON:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PLAYSON:hover:after {
  left: 0px;
  top: 0px;
}
.PLAYSON > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PLAYSON:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PLAYSON > span,
.PLAYSON > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PLAYSON > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.NETENT {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.NETENT:before,
.NETENT:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.NETENT:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game47.jpg);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.NETENT:nth-child(1):before {
  background-position: 0px 0px;
}
.NETENT:hover:before {
  left: -390px;
  opacity: 0;
}
.NETENT:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.NETENT:hover:after {
  left: 0px;
  top: 0px;
}
.NETENT > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.NETENT:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.NETENT > span,
.NETENT > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.NETENT > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.NCITY {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.NCITY:before,
.NCITY:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.NCITY:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game48.jpg);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.NCITY:nth-child(1):before {
  background-position: 0px 0px;
}
.NCITY:hover:before {
  left: -390px;
  opacity: 0;
}
.NCITY:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.NCITY:hover:after {
  left: 0px;
  top: 0px;
}
.NCITY > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.NCITY:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.NCITY > span,
.NCITY > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.NCITY > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.BNG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.BNG:before,
.BNG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.BNG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game18.jpg);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.BNG:nth-child(1):before {
  background-position: 0px 0px;
}
.BNG:hover:before {
  left: -390px;
  opacity: 0;
}
.BNG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.BNG:hover:after {
  left: 0px;
  top: 0px;
}
.BNG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.BNG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.BNG > span,
.BNG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.BNG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PG {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PG:before,
.PG:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.PG:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game22.jpg);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PG:nth-child(1):before {
  background-position: 0px 0px;
}
.PG:hover:before {
  left: -390px;
  opacity: 0;
}
.PG:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PG:hover:after {
  left: 0px;
  top: 0px;
}
.PG > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PG:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PG > span,
.PG > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PG > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.ISOFTBET {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.ISOFTBET:before,
.ISOFTBET:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.ISOFTBET:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game19.png);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.ISOFTBET:nth-child(1):before {
  background-position: 0px 0px;
}
.ISOFTBET:hover:before {
  left: -390px;
  opacity: 0;
}
.ISOFTBET:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.ISOFTBET:hover:after {
  left: 0px;
  top: 0px;
}
.ISOFTBET > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.ISOFTBET:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.ISOFTBET > span,
.ISOFTBET > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.ISOFTBET > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}

.PLAYSTAR {
  float: left;
  width: 220px;
  height: 320px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.2s;
  z-index: 80;
  margin: 10px 0 0 0;
  border-radius: 7px;
}
.PLAYSTAR:before,
.PLAYSTAR:after {
  content: "";
  position: absolute;
  transition: all ease 0.2s;
}
.PLAYSTAR:before {
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  background-image: url(../images/game20.jpg);
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 80;
}
.PLAYSTAR:nth-child(1):before {
  background-position: 0px 0px;
}
.PLAYSTAR:hover:before {
  left: -390px;
  opacity: 0;
}
.PLAYSTAR:after {
  top: 0px;
  left: 0px;
  bottom: 100px;
  right: 0px;
  background-image: url(../images/game_effect.png);
  background-repeat: no-repeat;
  z-index: 70;
}
.PLAYSTAR:hover:after {
  left: 0px;
  top: 0px;
}
.PLAYSTAR > span {
  transform: scale(1.2, 1.2);
  opacity: 0;
  transition: all ease 0.5s;
  text-indent: -100%;
  z-index: 99;
  overflow: hidden;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
}
.PLAYSTAR:hover > span {
  background-image: url(../images/game_effect.png);
  opacity: 1;
  transform: scale(1, 1);
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
}
.PLAYSTAR > span,
.PLAYSTAR > span:after {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
}
.PLAYSTAR > span:after {
  content: "";
  z-index: 99;
  background-image: url(../images/game_over.png);
}


._referesh {
  transition: transform .7s ease-in-out;
}
._referesh:hover {
  transform: rotate(360deg);
}
/*--ysk--------------------------------------------------------------------------------*

	ysk 2016년01월
	ysk와 g5와 겹치는 클래스명 container / gnb / logo

	border : border:3px solid red;
	bg     : background:url(../images/bg_visual.jpg); background-repeat:repeat-x;
	bg     : background:url("../images/bg.jpg") center top no-repeat;
	text   : text-align:center; display:inline;
	font   : font-size:18px; font-family:nanumgothic,sans-serif; color:#00aec3; font-weight:700; line-height:55px; letter-spacing:-1pt;
	font   : font-size:20px; color:#515151; font-weight:900; font-family:Arial; letter-spacing:-1pt;
	input  : font-size:12px; color:#545454; margin:0 0 0 0; border:1px solid #393939; background:#1f1f1f; padding-top:2px; padding-left:5px; height:27px;
	
	메뉴 그림자 : box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);

-----------------------------------------------------------------------------------ysk-*/

/*--ysk 특정영역에 레이어 띄우기-------------------------------------------------------*
<div style="position:absolute; z-index:1000000; left:50%;">
	<div style="position:absolute; left:-500px; top:440px; display: block; z-index:100000;">
		컨텐츠
	</div>
</div>
-----------------------------------------------------------------------------------ysk-*/