.modal-open {
  padding-right: 0 !important;
}
.modal-open .modal::-webkit-scrollbar {
    width: 0px;
    background: transparent !important;
}
.modal-open .modal::-webkit-scrollbar-thumb {
    background:transparent;
}


/* --  * * * * * * * * * * * * * * * * * * *  * -- */
/* --         H I G H 1 S L O T    M O D A L S  -- */
/* --  * * * * * * * * * * * * * * * * * * *  * -- */


.highslot-modal{
	width:600px;
	height:auto;
	position:absolute;
	top:4%;
	right:0;
	left:0;
	margin:auto;
	z-index:1100;
	box-shadow:none;
	padding:1px;
	margin-bottom:30px;
}
.modal-backdrop {
   background-color:#222430;
}
.modal-backdrop.in{
    opacity:.96;
}

/* Header */

.highslot-modal .modal_header{
	width:100%;
	height:auto;
	float:left;
	padding:10px;
	position:relative;
	text-align:center;
}
.highslot-modal .bs-logo{
	display:block;
	margin:0 auto;
	top:0;
	transform:translateY(0);
	float:none;
	left:10px;
	position:relative !important;
}
.highslot-modal .modal_header p{
	margin:0;
}
.highslot-modal .modal_header .title{
	width:100%;
	float:left;
    margin: 0 auto;
    z-index: 2;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height:40px;
    padding: 0px 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    background: transparent;
    color:#fff;
	font-size:22px;
	font-family:SCDream6;
    font-weight:normal;
    border-top:solid 2px #363c45;
    border-bottom:solid 2px #363c45;
    margin-top:10px;
}
.highslot-modal .modal_header .title:before, .highslot-modal .modal_header .title:after{
    content: "";
    display: block;
    width: 100px;
    height:100px;
    position: absolute;
    background:transparent;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border:2px solid #363c45;
    -webkit-transform: rotate(45deg) skew(26deg,26deg);
    -moz-transform: rotate(45deg) skew(26deg,26deg);
    -ms-transform: rotate(45deg) skew(26deg,26deg);
    -o-transform: rotate(45deg) skew(26deg,26deg);
    transform: rotate(45deg) skew(26deg,26deg);
}
.highslot-modal .modal_header .title:before{
    left: -77px;
}
.highslot-modal .modal_header .title:after{
    right: -77px;
}
.highslot-modal .modal_header .sub{
	color:#999999;
	font-size:12px;
	float:left;
	width:100%;
	margin-top:5px;
}
.highslot-modal .modal_header .close-btn{
	float:right;
	border:none;
	color:#c6cbea;
	font-size:26px;
	position:absolute;
	top:5px;
	right:2px;
	background-image:none;
	background-color:transparent;
	padding:0;
	z-index: 999;
}
.highslot-modal .modal_header .close-btn:hover{
	background-color:transparent;
	color:#e51515;
}
.modal_body{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
    border-radius:0 0 8px 8px;
    margin-top:0;
    padding:0;
    box-shadow:none;
}
.modal_body .form-group{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	position:relative;
}
.modal_body .form-group.all-text{
	margin-bottom:15px;
}
.modal_body .form-group:first-child{
	margin-top:10px;
}
.modal_body .form-group div{
	height:auto;
	float:left;
}
.modal_body .form-group div:first-child{
	width:100%;
	margin-bottom:5px;
}
.modal_body .form-group div:first-child p{
	float:left;
	color:#ffffff;
	font-size:14px;
	margin-top:9px;
	margin-bottom:0;
}
.modal_body .form-group div:first-child p i{
	font-size:16px;
	color:#a3ff12;
}
.modal_body .form-group div:last-child{
	width:100%;
}
.modal_body .form-group div:last-child p{
	color:#ffad18;
	font-size:30px;
	position:relative;
	margin:0;
}
.modal_body .form-group div:last-child input{
	width:100%;
	height:40px;
	float:left;
	background-color:#fff;
	border:none;
	padding:0 8px;
	color:#000000;
	font-size:12px;
	border-radius:3px;
}
.modal_body .form-group div.w-btn input{
	width:75%;
}
.modal_body .form-group div.w-btn button{
	width:24%;
	height:40px;
	border:solid 1px transparent;
	padding:0;
	white-space:nowrap;
	background-color:#29770e;
	margin-left:1%;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	transition:0.3s;
}
.modal_body .form-group div.w-btn button:hover{
	background-color:#907d14;
	color:#fff;
}
.modal_body .form-group div:last-child input::-webkit-input-placeholder {
	color:gray;
	font-size:12px;
}
.modal_body .form-group div:last-child select{
	width:100%;
	height:40px;
	float:left;
	background-color:#cccccc;
	border:none;
	padding-left:10px;
	color:#000000;
	font-size:12px;
	border-radius:5px;
	position:relative;
}
.modal_body .form-group div:last-child label{
	position:relative;
	width:100%;
	height:40px;
	float:left;
}
.modal_body .form-group div:last-child label svg{
	position:absolute;
	right:3px;
	top:5px;
	color:#1a1a1a;
	font-size:32px;
	pointer-events:none;
}

.modal_body .form-group div.w-info{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content:flex-start;
}
.modal_body .form-group div.w-info .labels{
	width:auto;
	float:left;
	text-align:left;
}
.modal_body .form-group div.w-info .info{
	width:auto;
	float:left;
	color:#ffad18;
	font-size:30px;
	text-align:left;
	margin-left:10px;
}

/* Modal Footer */
.modal-btn-grp{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0;
}
.modal-btn-grp button{
	height:40px;
	float:left;
	border:none;
	transition:0.5s;
	border-radius:3px;
	margin:0 1%;
	color:#000;
	font-size:14px;
	font-family:SCDream6;
	background-color:#f9d405;
}
.modal-btn-grp button:first-child{
	margin-left:0;
	color:#fff;
	background-color:#dc3d1c;
}
.modal-btn-grp button:last-child{
	margin-right:0;
}
.modal-btn-grp.two button{
	width:49%;
}
.modal-btn-grp.one button{
	width:100%;
}

/* Category */

.modal_body .category-title{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	border-bottom:solid 1px #f9d504;
	margin:10px 0;
}
.modal_body .category-title p{
	color:#f9d504;
	font-size:16px;
}
.modal_body .category-title p i{
	font-size:18px;
	margin-right:5px;
}

/* Login Join */

.login-modal{
	width:500px;
}
.modal_body .terms-use{
	width:100%;
	height:auto;
	float:left;
}
.modal_body .terms-use .text-cont{
	width:100%;
	height:160px;
	float:left;
	background-color:#fff;
	padding:5px;
}
.modal_body .terms-use .text-cont .inner{
	width:100%;
	height:100%;
	float:left;
	overflow-y:scroll;
	text-align:left;
	padding:10px;
	color:#000;
	font-size:14px;
}
.modal_body .terms-use .text-cont .inner::-webkit-scrollbar {
    width:10px;
    background:#8c8c8c;
}
.modal_body .terms-use .text-cont .inner::-webkit-scrollbar-thumb {
    background:#333;
}
.modal_body .terms-use .text-cont .inner .title{
	color:#bf2100;
	font-size:14px;
	font-family:SCDream6;
}
.modal_body .terms-use .text-cont .inner .blue{
	color:#264b79;
	font-family:SCDream6;
}
.modal_body .terms-use .question{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	margin-top:5px;
}
.modal_body .terms-use .question .ques-txt{
	color:#fff;
	font-size:14px;
	display:inline-block;
	margin-right:5px;
}
.modal_body .terms-use .question .choice{
	color:#fff;
	font-size:14px;
	display:inline-block;
	margin-right:5px;
}

/* Deposit */

.modal_body .terms-use.notice{
	margin:10px 0;
}
.deposit-btn{
	width:100%;
	height:50px;
	float:left;
	margin:10px 0;
	border-radius:8px;
	border:none;
	background-color:#29770e;
	color:#fff;
	font-size:16px;
	font-family:SCDream6;
	transition:0.3s;
}
.deposit-btn.custom{
	margin-top:0;
}
.deposit-btn i{
	font-size:20px;
	margin-right:5px;
	position:relative;
	top:2px;
}
.deposit-btn:hover{
	background-color:#23B114;
}



/* Notice Event */

.not-eve-modal{
	width:700px;
}
.not-eve-tbl{
	width:100%;
	height:auto;
	float:left;
	margin-top:10px;
}
.not-eve-row{
	width:100%;
	height:auto;
	float:left;
	margin:2px 0;
}

.not-eve-row .detail{
	width:100%;
	height:35px;
	float:left;
	background-color:#484b5d;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	padding-right:24px;
	cursor:pointer;
	transition:0.3s;
}
.not-eve-row .detail.active{
	border-radius:3px 3px 0 0;
	background-color:#7982b7;
}
.not-eve-row .detail:hover{
	background-color:#7982b7;
}
.not-eve-row .detail table{
	width:100%;
	height:100%;
	float:left;
}
.not-eve-row .detail td{
	text-align:center;
	color:#fff;
	font-size:14px;
}

.not-eve-row .detail td.trans_kubun{
	width:20%;
}
.not-eve-row .detail td.trans_amount{
	width:20%;
}
.not-eve-row .detail td.trans_result{
	width:30%;
}
.not-eve-row .detail td.trans_date{
	width:30%;
}

.not-eve-row .detail td.count{
	width:10%;
}
.not-eve-row .detail td.about{
	text-align:left;
	width:60%;
	padding-left:10px;
}
.not-eve-row .detail td.date{
	width:30%;
}
.not-eve-row .detail .arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%) rotate(0deg);
	right:5px;
	margin:auto;
	color:#000;
	transition:0.3s;
}
.not-eve-row .detail .arrow.active{
	transform:translateY(-50%) rotate(180deg);
}
.not-eve-row .content{
	width:100%;
	height:auto;
	max-height:300px;
	float:left;
	background-color:#fff;
	padding:5px;
	border-radius:0 0 3px 3px;
	position:relative;
	overflow:hidden;
	display:none;
	overflow-y:scroll;
	text-align:left;
	padding:10px;
	color:#000;
	font-size:14px;
}
.not-eve-row .content::-webkit-scrollbar {
    width:10px;
    background:#8c8c8c;
    border:solid 2px #fff;
}
.not-eve-row .content::-webkit-scrollbar-thumb {
    background:#333;
    border:solid 2px #fff;
}
.not-eve-row .detail .delete-btn{
	width:auto;
	height:auto;
	border:none;
	background-color:transparent;
	color:#fff;
}
.not-eve-row .detail .delete-btn:hover{
	color:#f9d504;
}

/* Customer Service */

.customer-modal{
	width:700px;
}
.cs-textarea{
	width:100%;
	height:250px;
	float:left;
	background-color: rgba(83,100,237,0.47);
    border: solid 2px #7985e1;
    border-radius:8px;
    outline:none;
    resize:none;
    color:#fff;
    font-size:14px;
    padding:10px;
}





.parsley-errors-list li {
    /*background: green;*/
    padding: 10px;
    color: red;
    list-style: none;
}






.video_bg { position: absolute; top: 270px; left:50%; margin-left:-960px; width: 1920px; height: 390px; overflow: hidden;}
.video_bg video {top: 0px; position: relative; opacity: 0.7; width: 1920px;}

@media(max-width:690px){
	.video_bg video {top: 0px; width:700px;}

	.main_board { display: none; }
	.jack_wrap { display: none; }
}




.game-container{
	width:100%;
	/*height:703px;*/
	/*overflow-y:scroll;*/
}

.game-container .gc-btn{
	width:280px;
	height:auto;
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin:0 5px;
	margin-bottom:10px;
	border:solid 1px #000;
}
.game-container .gc-btn .main-img{
	width:100%;
}
.game-container .gc-btn .foot{
	width:100%;
	height:28px;
	background-color:#373636;
	display:table;
}
.game-container .gc-btn .foot p{
	color:#ffffff;
	font-size:21px;
	font-family:NotoSansKr-Regular;
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
}
.game-container .gc-btn .overlay{
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.71);
	top:0;
	left:0;
	transition:0.5s;
	opacity:0;
}
.game-container .gc-btn .overlay:before{
	content : "";
  	position: absolute;
  	left    : 0;
  	right    : 0;
  	top    : 0;
  	bottom  : 0;
  	margin: auto;
  	height  : 80%;
  	width   : 80%;
  	border:1px solid #30b3b5;
}
.game-container .gc-btn .overlay a{
  	position:absolute;
  	left:0;
  	right:0;
  	top:0;
  	bottom:0;
  	margin:auto;
  	height:40px;
  	width:40px;
  	border-radius:50%;
  	background-color:#30b3b5;
  	text-decoration:none;
  	display:inline-block;
  	padding-top:10px;
  	color:#ffffff;
	font-size:14px;
	font-family:NotoSansKr-Regular;
}
.game-container .gc-btn:hover .overlay{
	opacity:1;
}
.game-container .gc-btn:hover .overlay a{
	animation:play_anim 1s ease 1 forwards;
}
@keyframes play_anim{
	0% {top:60px;opacity:0}
	100% {top:0;opacity:1}
}





.slot-container{
	width:100%;
	max-width:1400px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:20px auto 10px auto;
}
.slot-btn2{
	width:224px;
	float:left;
	position:relative;
	margin:10px 27px;
}
.slot-btn2 .sb-inner{
	width:100%;
	position:relative;
	perspective:900px;
	transform-style:preserve-3d;
}
.slot-btn2 .main-cont{
	width:100%;
	border-radius:10px 10px 18px 18px;
	background-image:linear-gradient(#5d5957,#2d1b03);
	padding:3px;
	overflow:hidden;
	position:relative;
	transform:translateY(0);
	z-index:1;
	transition:0.3s;
	box-shadow:0 0 0 rgba(40,218,252,0);
}
.slot-btn2:hover .main-cont{
	border-radius:50%;
	padding:0;
	transform:translateY(-15px);
	box-shadow:0 0 6px rgba(40,218,252,0.5);
	border:solid 2px #1bb0fd;
	background-image:none;
}
.slot-btn2 .main-cont .inner{
	width:100%;
	border-radius:10px 10px 18px 18px;
	border:1px solid rgba(22,22,22,1);
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	transition:0.3s;
}
.slot-btn2:hover .main-cont .inner{
	border-radius:50%;
	border:1px solid rgba(22,22,22,0);
	padding:3px;
}
.slot-btn2 .main-cont .inner:before{
	content:'';
	width:100%;
	width:calc(100% - 6px);
	height:100%;
	height:calc(100% - 6px);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	border-top:solid 1px #75d0ff;
	background-image:linear-gradient(rgba(27,176,253,0.5),rgba(53,129,186,0.5),rgba(255,255,255,0),rgba(255,255,255,0));
	border-radius:50%;
	transition:0.3s;
	opacity:0;
}
.slot-btn2:hover .main-cont .inner:before{
	opacity:1;
}
.slot-btn2 .main-cont .inner .main-img{
	width:100%;
	transition:0.3s;
	opacity:1;
}
.slot-btn2:hover .main-cont .inner .main-img{
	border-radius:50%;
}
.slot-btn2 .main-cont .inner .start-text{
	color:#46e1ff;
	width:80px;
	height:26px;
	background-color:rgba(0,0,0,0.8);
	border:none;
	border-radius:5px;
	font-size:14px;
	transition:0.3s;
	opacity:0;
	transform:scale(0);
	position:absolute;
	z-index:1;
}
.slot-btn2:hover .main-cont .inner .start-text{
	opacity:1;
	transform:scale(1);
}
.slot-btn2 .name-btn{
	width:190px;
	height:40px;
	margin:0 auto 0 auto;
	background-color:#c25e22;
	border-radius:5px;
	border:solid 1px #873f14;
	color:#ffffff;
	font-size:21px;
	font-family:SCDream6;
	box-shadow:0 2px 2px #000;
	position:relative;
	transition:0.3s;
	top:-13px;
	z-index:1;
}
.slot-btn2:hover .name-btn{
	top:-10px;
	background-color:rgba(5,45,125,0.5);
	border:solid 1px #1bb0fd;
	box-shadow:0 0 6px rgba(40,218,252,0.5),
			   inset 0 0 3px rgba(40,218,252,0.5);
}
.slot-btn2 .name-btn:before{
	content:'';
	width:100%;
	width:calc(100% - 4px);
	height:100%;
	height:calc(100% - 4px);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	border-top:solid 1px #00a8ff;
	background-image: linear-gradient(rgba(27,176,253,0.5),rgba(53,129,186,0.5),rgba(9, 43, 68, 0.2));
	border-radius:2px;
	transition:0.3s;
	opacity:0;
	z-index:-1;
}
.slot-btn2:hover .name-btn:before{
	opacity:1;
}
.slot-btn2 .plate{
	width:124.72%;
	left:-12%;
	bottom:-20px;
	position:absolute;
	z-index:0;
	transition:0.3s;
	opacity:1;
	transform-origin:center;
}
.slot-btn2:hover .plate{
	transform:translateY(0) rotate(10deg);
	opacity:0.6;
}
.slot-btn2 .icon-cont{
	width:100%;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:1;
	margin-top:10px;
}




.casino-btn{
	width:250px;
	float:left;
	position:relative;
	margin:10px 27px;
}
.casino-btn .sb-inner{
	width:100%;
	position:relative;
	perspective:900px;
	transform-style:preserve-3d;
}
.casino-btn .main-cont{
	width:100%;
	border-radius:10px 10px 18px 18px;
	background-image:linear-gradient(#5d5957,#2d1b03);
	padding:3px;
	overflow:hidden;
	position:relative;
	transform:translateY(0);
	z-index:1;
	transition:0.3s;
	box-shadow:0 0 0 rgba(40,218,252,0);
}
.casino-btn:hover .main-cont{
	border-radius:50%;
	padding:0;
	transform:translateY(-15px);
	box-shadow:0 0 6px rgba(40,218,252,0.5);
	border:solid 2px #1bb0fd;
	background-image:none;
}
.casino-btn .main-cont .inner{
	width:100%;
	border-radius:10px 10px 18px 18px;
	border:1px solid rgba(22,22,22,1);
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	transition:0.3s;
}
.casino-btn:hover .main-cont .inner{
	border-radius:50%;
	border:1px solid rgba(22,22,22,0);
	padding:3px;
}
.casino-btn .main-cont .inner:before{
	content:'';
	width:100%;
	width:calc(100% - 6px);
	height:100%;
	height:calc(100% - 6px);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	border-top:solid 1px #75d0ff;
	background-image:linear-gradient(rgba(27,176,253,0.5),rgba(53,129,186,0.5),rgba(255,255,255,0),rgba(255,255,255,0));
	border-radius:50%;
	transition:0.3s;
	opacity:0;
}
.casino-btn:hover .main-cont .inner:before{
	opacity:1;
}
.casino-btn .main-cont .inner .main-img{
	width:100%;
	transition:0.3s;
	opacity:1;
}
.casino-btn:hover .main-cont .inner .main-img{
	border-radius:50%;
}
.casino-btn .main-cont .inner .start-text{
	color:#46e1ff;
	width:80px;
	height:26px;
	background-color:rgba(0,0,0,0.8);
	border:none;
	border-radius:5px;
	font-size:14px;
	transition:0.3s;
	opacity:0;
	transform:scale(0);
	position:absolute;
	z-index:1;
}
.casino-btn:hover .main-cont .inner .start-text{
	opacity:1;
	transform:scale(1);
}
.casino-btn .name-btn{
	width:100px;
	height:30px;
	margin:0 auto 0 auto;
	background-color:#c25e22;
	border-radius:5px;
	border:solid 1px #873f14;
	color:#ffffff;
	font-size:14px;
	font-family:SCDream6;
	box-shadow:0 2px 2px #000;
	position:relative;
	transition:0.3s;
	top:-13px;
	z-index:1;
}
.casino-btn:hover .name-btn{
	top:-10px;
	background-color:rgba(5,45,125,0.5);
	border:solid 1px #1bb0fd;
	box-shadow:0 0 6px rgba(40,218,252,0.5),
			   inset 0 0 3px rgba(40,218,252,0.5);
}
.casino-btn .name-btn:before{
	content:'';
	width:100%;
	width:calc(100% - 4px);
	height:100%;
	height:calc(100% - 4px);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	border-top:solid 1px #00a8ff;
	background-image: linear-gradient(rgba(27,176,253,0.5),rgba(53,129,186,0.5),rgba(9, 43, 68, 0.2));
	border-radius:2px;
	transition:0.3s;
	opacity:0;
	z-index:-1;
}
.casino-btn:hover .name-btn:before{
	opacity:1;
}
.casino-btn .plate{
	width:124.72%;
	left:-12%;
	bottom:-20px;
	position:absolute;
	z-index:0;
	transition:0.3s;
	opacity:1;
	transform-origin:center;
}
.casino-btn:hover .plate{
	transform:translateY(0) rotate(10deg);
	opacity:0.6;
}
.casino-btn .icon-cont{
	width:100%;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:1;
	margin-top:10px;
}





.link-btn{
	width:224px;
	height:44px;
	float:left;
	padding:0 8px;
	margin:2px 5px;
	background-color:#313343;
	box-shadow:inset 0 0 0 transparent;
	border:solid 1px transparent;
	text-decoration:none;
}
.link-btn:hover{
	background:linear-gradient(#fefefe,#cecece);
	box-shadow:inset 0 4px 15px rgba(0,0,0,0.61);
	border:solid 1px #ada7a7;
}
.link-btn.active{
	background:linear-gradient(#fefefe,#cecece);
	box-shadow:inset 0 4px 15px rgba(0,0,0,0.61);
	border:solid 1px #ada7a7;
}
.link-btn.hot{
	background:linear-gradient(#d23428,#e64611);
}
.link-btn.hot:hover{
	background:linear-gradient(#fefefe,#cecece);
}
.link-btn .divider{
	width:50%;
	height:100%;
	float:left;
	text-align:left;
	display: flex;
    align-items: center;
    justify-content:flex-start;
}
.link-btn .divider img{
	width:80%;
	position:relative;
}
.link-btn.active .divider img{
	filter:invert(1) brightness(0);
}
.link-btn.hot .divider img{
	width:81px;
	transform:rotate(32deg);
	top:1px;
}
.hot.active .divider img{
	filter:none;
}
.link-btn .divider p{
	color:#d3d5dd;
	font-size:14px;
}
.link-btn.hot .divider p{
	color:#fdfcfc;
	font-size:16px;
	text-shadow:0 0 4px #5b3030,
				0 0 4px #5b3030,
				0 0 4px #5b3030,
				0 0 4px #5b3030,
				0 0 4px #5b3030;
}
.link-btn.hot:hover .divider p{
	text-shadow:none;
}
.link-btn:hover .divider p{
	color:#1c1c1e;
}
.link-btn.hot.active .divider p{
	text-shadow:none;
}
.link-btn.active .divider p{
	color:#1c1c1e;
}





.back-btn {
    width: 180px;
    height: 40px;
    background: #009cff;
    border: 1px solid #009cff;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back-btn:hover {
    background: #160f20;
    border: 1px solid #009cff;
}






/* Notice Event */

.not-eve-modal{
	width:700px;
}
.not-eve-tbl{
	width:100%;
	height:auto;
	float:left;
	margin-top:10px;
}
.not-eve-row{
	width:100%;
	height:auto;
	float:left;
	margin:2px 0;
}
.not-eve-row .detail{
	width:100%;
	height:35px;
	float:left;
	background-color:#484b5d;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	padding-right:24px;
	cursor:pointer;
	transition:0.3s;
}
.not-eve-row .detail.active{
	border-radius:3px 3px 0 0;
	background-color:#7982b7;
}
.not-eve-row .detail:hover{
	background-color:#7982b7;
}
.not-eve-row .detail table{
	width:100%;
	height:100%;
	float:left;
}
.not-eve-row .detail td{
	text-align:center;
	color:#fff;
	font-size:14px;
}
.not-eve-row .detail td.count{
	width:10%;
}
.not-eve-row .detail td.about{
	text-align:left;
	width:60%;
	padding-left:10px;
}
.not-eve-row .detail td.date{
	width:30%;
}
.not-eve-row .detail .arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%) rotate(0deg);
	right:5px;
	margin:auto;
	color:#000;
	transition:0.3s;
}
.not-eve-row .detail .arrow.active{
	transform:translateY(-50%) rotate(180deg);
}
.not-eve-row .content{
	width:100%;
	height:auto;
	max-height:300px;
	float:left;
	background-color:#fff;
	padding:5px;
	border-radius:0 0 3px 3px;
	position:relative;
	overflow:hidden;
	display:none;
	overflow-y:scroll;
	text-align:left;
	padding:10px;
	color:#000;
	font-size:14px;
}
.not-eve-row .content::-webkit-scrollbar {
    width:10px;
    background:#8c8c8c;
    border:solid 2px #fff;
}
.not-eve-row .content::-webkit-scrollbar-thumb {
    background:#333;
    border:solid 2px #fff;
}
.not-eve-row .detail .delete-btn{
	width:auto;
	height:auto;
	border:none;
	background-color:transparent;
	color:#fff;
}
.not-eve-row .detail .delete-btn:hover{
	color:#f9d504;
}


.not-eve-row .detail.active2{
	border-radius:3px 3px 0 0;
	background-color:#ffffff;
	color:#000;
}

.not-eve-row .detail td.bh_content{
	width:50%;
	color:#000;
}

.not-eve-row .detail td.bh_amount{
	width:15%;
	color:#000;
}

.not-eve-row .detail td.bh_total{
	width:20%;
	color:#000;
}

.not-eve-row .detail td.bg_date{
	width:15%;
	color:#000;
}