/**************************************************************************************
	purpose: style for only index_wizard page
**************************************************************************************/
.label_bg_item_title i, .label_bg_color_title i{
	-ms-transform: rotate(-45deg); /* IE 9 */
  	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.label_bg_items, .label_bg_color_items{
    display: -webkit-inline-box;
    display: -moz-inline-box;
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
	display:inline-flex;
}
.label_bg_item{	
	border-style: solid;		
	text-align: center;
	border-color: #E6E6E6;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	position: relative;
	width: 17.08%;
    margin-right: 2.67%;
    border-width: 1px;
}
.label_background_content1 > .label_bg_item{
    height: 83.333%;
}
.label_background_content2 > .label_bg_item{
    height: 75.4717%;
}

.label_bg_item > div{	
	width: 100%;
	position: relative;	
	margin:12%;
}

.label_bg_item:hover{
    border-color: #A4A4A4;
	cursor: pointer;
}
.label_bg_item > label{
	margin: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
  	-moz-justify-content: center;
  	-ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.label_bg_color_item1 .label_bg_color_item{	
    height: 68%;
}
.label_bg_color_item{
	text-align: center;
	border-color:#E5E2E3;
	border-style: solid;
	font-weight: bold;
    width: 11.3879%;
    border-width: 1px;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
  	-moz-justify-content: center;
  	-ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.label_bg_color_item:hover{
	border-color: #797979;
	cursor: pointer;
	border-width: 1px;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(1){
	background-color: #BA2133;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(2){
	background-color: #D5670F;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(3){
	background-color: #EAC600;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(4){
	background-color: #B5C400;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(5){
	background-color: #00833E;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(6){
	background-color: #009198;
}
.label_bg_color_item1 .label_bg_color_item:nth-child(7){
	background-color: #006CBA;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(1){
	background-color: #233B6C;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(2){
	background-color: #7736CC;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(3){
	background-color: #E81E75;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(4){
	background-color: #F1F1F1;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(5){
	background-color: #262626;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(6){
	background-color: #797979;
}
.label_bg_color_item2 .label_bg_color_item:nth-child(7){
	background-color: #00ffff;
}
#INDEX_LABEL_BORDER_COLOR{
	width: 0px;
	height: 0px;
	right: -1000px;
	position: fixed;	
}
#label_backgroundContentBody{
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 565px;
}
#label_backgroundContentBody > div{
    margin: auto;
}
#label_backgroundT, #label_backgroundColorT{
	height: 8.695%;
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
  	-moz-align-items: flex-start;
  	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  	-moz-justify-content: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
	font-size: 14px;
}
.label_background_content1{
	height: 27.826%;
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	padding-left: 3.2%;
  	-moz-align-items: flex-start;
  	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  	-moz-justify-content: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.label_background_content2{
	height: 30.725%;
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	padding-left: 3.2%;
  	-moz-align-items: flex-start;
  	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  	-moz-justify-content: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.label_bg_color_item1{
	height: 14.492%;
	width: 100%;
	padding-left: 3.2%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.label_bg_color_item2{
	height: 9.567%;
	width: 100%;
	padding-left: 3.2%;
	display: flex;
  	-moz-align-items: flex-start;
  	-ms-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  	-moz-justify-content: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.label_bg_color_item2 .label_bg_color_item{	
    height: 100%;
}
.label_bg_color_items > div{
	margin-right:3.38078%; 
}
.label_bg_color_items > div:last-child{
	margin-right:0px !important; 
}
@media (max-width: 1609px){
	#label_backgroundContentBody{
		padding-top: 76px;
	    padding-bottom: 70px;
	}
	#label_backgroundContentBody > div{
		height: 345px;
		width: 562px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 14px !important;
	}
	.label_bg_color_item{
		font-size: 11px;
	}
	.label_bg_item label{
		font-size: 10px;
	}
}

@media (min-width: 1610px) and (max-width: 1930px){
	#label_backgroundContentBody{
		padding-top: 97px;
	    padding-bottom: 88px;
	}
	#label_backgroundContentBody > div{
		height: 432px;
		width: 703px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 18px !important;
	}
	.label_bg_color_item{
		font-size: 13px;
	}
	.label_bg_item label{
		font-size: 12px;
	}
}

@media (min-width: 1931px) and (max-width: 2570px){
	#label_backgroundContentBody{
		padding-top: 116px;
	    padding-bottom: 104px;
	}
	#label_backgroundContentBody > div{
		height: 518px;
		width: 843px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 21px !important;
	}
	.label_bg_color_item{
		font-size: 16px;
	}
	.label_bg_item label{
		font-size: 15px;
	}
}

@media (min-width: 2571px) and (max-width: 3199px){
	#label_backgroundContentBody{
		padding-top: 150px;
	    padding-bottom: 134px;
	}
	#label_backgroundContentBody > div{
		height: 690px;
		width: 1124px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 28px !important;
	}
	.label_bg_color_item{
		font-size: 22px;
	}
	.label_bg_item label{
		font-size: 20px;
	}
	.label_bg_item, .label_bg_color_item{
		border-width: 2px;
	}
}

@media (min-width: 3200px) and (max-width: 3839px){
	#label_backgroundContentBody{
		padding-top: 187px;
	    padding-bottom: 167px;
	}
	#label_backgroundContentBody > div{
		height: 863px;
		width: 1405px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 35px !important;
	}
	.label_bg_color_item{
		font-size: 27px;
	}
	.label_bg_item label{
		font-size: 25px;
	}
	.label_bg_item, .label_bg_color_item{
		border-width: 2px;
	}
}

@media (min-width: 3840px){
	#label_backgroundContentBody{
		padding-top: 224px;
	    padding-bottom: 200px;
	}
	#label_backgroundContentBody > div{
		height: 1035px;
		width: 1686px;
	}
	#label_backgroundT, #label_backgroundColorT{
		font-size: 42px !important;
	}
	.label_bg_color_item{
		font-size: 33px;
	}
	.label_bg_item label{
		font-size: 30px;
	}
	.label_bg_item, .label_bg_color_item{
		border-width: 3px;
	}
}

@media (max-width: 1919px) {
	.label_bg_color_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
	}
	.label_bg_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
	}
}
@media (min-width: 1920px) and (max-width: 3839px) {
	.label_bg_color_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
	}
	.label_bg_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 20px 10px rgba(255, 161, 139, 0.9);
	}
}
@media (min-width: 3840px) {
	.label_bg_color_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
	}
	.label_bg_item_active{
		cursor: pointer;
		-moz-box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
	}
}