/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/* Foot Code CSS
------------------------- */

.containerFoot{ /* footer bar width */
	width:100%;
	background-color:#fff;
	
	-moz-box-shadow:0px 2px 6px #000;
	-webkit-box-shadow:0px 2px 6px #000;
	box-shadow:0px 2px 6px #000;
}

.boxFoot{ /* #need set png - footer box with background outline */
	min-width:320px;
	max-width:1024px;
	position:relative;
	display:block;
	width:100%;
	top:0px;
	margin-bottom:10px;
	min-height:170px;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-color:#fff;
	border-top-width:43px;border-right-width:30px;
	border-bottom-width:53px;border-left-width:30px;
	border-image-slice:9;
	background-color:#fff;
}

.boxFootno{ /* #need set png - footer box with background outline */
	min-width:320px;
	
	position:relative;
	display:block;
	width:100%;
	top:0px;
	margin-bottom:10px;
	min-height:170px;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-color:#fff;
	border-top-width:43px;border-right-width:30px;
	border-bottom-width:53px;border-left-width:30px;
	border-image-slice:9;

	background-color:#fff;

}

.boxFootin{ /* #need set jpg -footer box in-background */
	width:100.1%;
	height:100%;
	min-height:74px;
	position:relative;
	display:block;
	
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
}


.garena { /* #need set position */
    display: block;
    height: 50px;
    left: 125px;
    position: absolute;
    top: 10px;
    width: 100px;
	/*background-color:#453455;*/
}

.linkfb{ /* #need set position */
	position:absolute;
	display:block;
	left:221px;
	top:8px;
	width:54px;
	height:54px;
	/*background-color:#453455;*/
}

.logoL{ /* #need set png - left box logos */
	position:relative;
	display:block;
	width:215px;
	height:48px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../imgg/logoi.png");
}

.logoR{ /* #need set png - right box words */
	position:relative;
	display:block;
	width:268px;
	height:81px;
	background-image:url("../imgg/cpr.png");
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}


.logomin{ /* left footer position */
padding-top:8px;
}

.wordmin{ /* mid footer position */
padding-top:8px;
max-width:420px;
}

.warnmin{ /* left footer position */
padding-bottom:20px;
}




.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}


 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  min-height: 1px;
	  padding-left: 0px;
	  padding-right: 0px;
	  position: relative;
}

.boxFoot3j{
position:relative;
display:block;
width:100%;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
min-height:75px;
top:0px;
color: #222;
font-size: 0.8em;
}

.boxFoot3s{
position:relative;
display:block;
width:100%;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
min-height:75px;
top:0px;
color: #666666;
font-size: 0.8em;
}

.boxFoot3r{
position:relative;
display:block;
width:100%;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
min-height:65px;
}


.minbox { /* left and right box width */
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
    position: relative;
}

.minbox2 { /* mid box width */
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 460px;
    position: relative;
}


/* End of media query */

.containerFoot {  /* optional */
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}


/* Self added */
.citf{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
}



/* in 992 (default size)*/
@media (max-width: 1024px) {
	.minbox2 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 260px;
		position: relative;
	}

	.wordmin{
		padding-top:0px;
	}

	.logomin{
		padding-top:10px;
		min-height:20px;
	}

	.boxFoot{
		min-height:320px;
	}
	.boxFootno{
		min-height:320px;
	}
}

@media (max-width: 420px) { /* Just for adjust top background for all box */
	.boxFootin{
		padding: 0;
	}
}