.border-box{ box-sizing:border-box !important; }

.t-indent-0{ text-indent:0px; }

.w-100{ width:100%; }
.h-100{ height::100%; }
.max-w-100{ max-width:100%; }
.min-w-100{ min-width:100%; }
.max-h-100{ max-height:100%; }
.min-h-100{ min-height:100%; }

.m-all-0 {
	margin: 0px !important; 
}

.p-all-0 {
	padding: 0 !important;
}

.mp-all-0 {
	padding: 0px !important;
	margin: 0px !important; 
}

.align_center {
	text-align: center;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}

.ls_0_00em { letter-spacing: 0.00em; }
.ls_0_10em { letter-spacing: 0.10em; }
.ls_0_25em { letter-spacing: 0.25em; }
.ls_0_30em { letter-spacing: 0.30em; }
.ls_0_40em { letter-spacing: 0.40em; }
.ls_0_50em { letter-spacing: 0.50em; }

.left-right-center{
	left:0px; margin-left:auto; right:0px; margin-right:auto;
}
.top-bottom-center{
	top:0px; margin-top:auto; bottom:0px; margin-bottom:auto;	
}

/*-------------------------------------------*/
/* position : relative or absolute or fixed; */
.h_center {
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
.v_center {
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
.hv_center {
	-webkit-transform: translate(-50%, -50%); 
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top:50%; left: 50%;
}
/*-------------------------------------------*/

/*-------------------------------------------*/
/* position : relative or absolute or fixed; */
.temp_calc {
	width: 33.33%;
	width: -webkit-calc(100%/3); /* for Chrome, Safari */
	width:    -moz-calc(100%/3); /* for Firefox */
	width:         calc(100%/3); /* for IE */		
}
/*-------------------------------------------*/

/*-------------------------------------------*/
/* border */
.bd_RED   { border: 1px solid red; }
.bd_BLUE  { border: 1px solid blue; }
.bd_GREEN { border: 1px solid green; }
.bd_WHITE { border: 1px solid #FFF; }

/*
.blue {
	background-color: #3883d8;
}
.turqoise {
	background-color: #38ced7;
}
.brown {
	background-color: #a66f28;
}
.bordeaux {
	background-color: #953543;
}
.skin {
	background-color: #ED9F4C;
}
.black {
	background-color: #000000;
}
.white {
	background-color: #FFFFFF;
}
.red {
	background-color: #cf3535;
}
.green {
	background-color: #22d659;
}
.orange {
	background-color: #ea6300;
}
*/
/*-------------------------------------------*/

/*-------------------------------------------*/
/* opacity */
/* 0.25 */
.opacity_025_in {
	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	-o-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;	
}
.opacity_025_out {
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	-o-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;	
}
.opacity_025_in_out {
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;	
}
/*-------------------------------------------*/


/*//////////////////////////////////////////////////////////////////////////////////////////*/

/*==========================================================================================*/
@media ( min-width : 1px) and (max-width:768px) {
}

/*==========================================================================================*/
@media ( min-width : 769px) and (max-width:992px) {
}

/*==========================================================================================*/
@media ( min-width : 993px) and (max-width:1200px) {
}

/*==========================================================================================*/
@media ( min-width : 1201px) {
}