@CHARSET "UTF-8";

.btn.btn-primary{
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}

.navbar-collapse{
	padding: 0;
}

.navbar-toggle{
	padding: 8px;
}
/* .btn-default, .btn-default:focus,.btn-default:hover, #side-panel .col-md-12, #gameSwf */
.btn-default {
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#e0e0e0) );
	background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe0e0e0', GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false );
	background-repeat: repeat-x;
	border-color: #dbdbdb;
}

.btn-default:focus,.btn-default:hover {
	background-color: #e0e0e0;
	background-position: 0 -15px;
}

#side-panel .col-md-12{
	padding: 0;
}

.panel-body img{
	max-width: 100%;
}

#popModal .modal-body img{
	width: 568px;
}

#gameSwf{
	outline: none;
}

/* SPRITE */
#contact-panel {
    position: fixed;
    top: 20%;
    z-index: 2;
}

#contact-panel ul, #bank-panel ul{
	margin-bottom: 0;
}

#contact-panel a {
    color: #fff;
}

.icon-sprite{
	background-image: url("images/sprite_contact.png");
	background-repeat: no-repeat;
	background-color: #333333;
	display: block;
	width: 72px;
	line-height: 62px;
	text-indent: 70px;
	overflow: hidden;
	padding: 5px;
	margin: 2px 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
    transition: all .5s;
}

.icon-sprite:hover {
    width: 190px;
    padding-right: 10px;
}

.icon-sprite.icon-wechat{
	background-position: 0 -72px;
}

.icon-sprite.icon-ym{
	background-position: 0 -144px;
}

.icon-sprite.icon-bbm{
	background-position: 0 -216px;
}

.icon-sprite.icon-line{
	background-position: 0 -288px;
}

.icon-sprite.icon-fb{
	background-position: 0 -360px;
}

.icon-sprite.icon-twitter{
	background-position: 0 -432px;
}

#bank-panel {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 2;
}

#bank-panel li{
	background-color: #333;
	margin: 2px 0;
	padding: 5px;
    padding-right: 0;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-transition: all .5s;
    transition: all .5s;
}

#bank-panel li span{
	display: inline-block;
	vertical-align: middle;
}

#bank-panel li span.bank-status{
	width: 44px;
	height: 44px;
	background-image: url("images/sprite_bank_indicator.png");
	background-repeat: no-repeat;
}

#bank-panel li span.bank-off{
	background-position: 0px -40px;
}

.icon-sprite-bank{
	background-image: url("images/sprite_bank.png");
	background-repeat: no-repeat;
	width: 120px;
	line-height: 52px;
	padding: 5px 0;
}

.icon-sprite-bank.icon-bca{
	background-position: -5px 5px;
}

.icon-sprite-bank.icon-mdr{
	background-position: -127px 5px;
}

.icon-sprite-bank.icon-bri{
	background-position: -250px 5px;
}

.icon-sprite-bank.icon-bni{
	background-position: -373px 5px;
}

.icon-sprite-bank.icon-dnn{
	background-position: -494px 5px;
}

#contact-panel, #bank-panel{
	display: none;
}

/* IFRAME */
.fade.in {
    background: rgba(0,0,0,.3);
}

.iframe-body .bkg-opacity{
	min-height: 655px;
}

.loading{
	position: absolute;
	opacity: 1;
	filter: Alpha(Opacity=100);
	background: url("images/loader-dark.gif") no-repeat center #F2F2F2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

/* POP AD */
#popModal .modal-content {
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	box-shadow: none;
}

#popModal button.close {
	background: #FFF;
	opacity: 1;
	border-radius: 10px;
	width: 23px;
	text-align: center;
	border: 1px solid #333;
	position: absolute;
	right: -10px;
	top: -10px;
}

/* RESPONSIVE */
@media ( max-width : 767px) {
	header{
		width: 100%;
	}
	
	/* header h1#logo a{
		width: 100%;
		min-height: 80px;
  		height: inherit;
	} */
	
	.navbar-nav>li>a{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
	#login-form>ul>.col-sm-4.col-xs-9{
		padding-top: 5px;
	}
	
	#side-panel{
		padding-left: 0;
	}
	
	#popup_container{
		min-width: 100%;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	#logo{
		float: left;
	}
	
	#top-menu{
		padding: 0;
	}
	
	.navbar-header{
		display: none;
	}
	
	#login-form ul:first-child {
	    margin-bottom: 0;
	}
	
	#side-panel{
		padding-left: 0;
	}
	
	#side-panel .col-sm-6:nth-child(2n){
		padding-left: 10px;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.bkg-opacity {
		min-height: 500px;
	}
	
	#logo{
		float: left;
	}
	
	.navbar-header{
		display: none;
	}
}

@media ( min-width : 1200px) {
	.bkg-opacity {
		min-height: 500px;
	}
	
	#logo{
		float: left;
	}

	.navbar-header{
		display: none;
	}
}