#character_formatContentBody > div > div:nth-child(1){
	width: 100%;
	height: 63.793%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(1){
	width: 68.95%;
    position: relative;
    height: 100%;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1)
, #character_formatContentBody > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3){
    width: 100%;
    height: 18.9189%;
    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;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
    width: 100%;
    height: 62.1622%;
}
.char_prop_div{
	height: 19.14%;
	margin: 0px !important;
}
.char_prop_div div{
	height: 100%;
	padding: 0px !important;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.char_prop_div > div > select, .char_prop_div > div > input{
	height: 100% !important;
    padding: 0px !important;
}
.char_prop_div > div > button, .char_prop_div > div > button > img{
	height: 100% !important;
	padding: 0px;
	margin-right: 2%;
}
#index_char_font_size_plus{
	margin-left: 2%;
}
.space_div{
	height: 7.8266%;
}
.char_prop_div > label:nth-child(1){
	text-align: right;
	padding: 0px;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
  	-moz-justify-content: flex-end;
  	-ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
	width: 31.05%;
	height: 100%;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
	height: 89.189%;
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
#previewLabelCanvas{
	width: 100%;
	height: 100%;
}
#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
	height: 10.811%;
	width: 100%;
	background-color: #F8F8F8;
    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;
}
#character_formatContentBody > div > div:nth-child(2){
	width: 100%;
	height: 36.206%;
}
#character_formatContentBody > div > div:nth-child(2){
	width: 100%;
	height: 36.206%;
}
#character_formatContentBody > div > div:nth-child(2) > div{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    height: 50%;
  	-moz-align-items: flex-end;
  	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
    align-items: flex-end;
  	-moz-justify-content: flex-end;
  	-ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){
	background-color: #BA2133;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
	background-color: #D5670F;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3){
	background-color: #EAC600;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(4){
	background-color: #B5C400;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(5){
	background-color: #00833E;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(6){
	background-color: #009198;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(7){
	background-color: #006CBA;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
	background-color: #233B6C;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
	background-color: #7736CC;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(3){
	background-color: #E81E75;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4){
	background-color: #F1F1F1;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(5){
	background-color: #262626;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(6){
	background-color: #797979;
}
#character_formatContentBody > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(7){
	background-color: #00ffff;
}
.character_format_item_title{
	font-weight: bold;
}
.label_ch_color_item{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	text-align: center;
	border-color:#E5E2E3;
	border-style: solid;
	font-weight: bold;
	height: 64.762%;
	width: 11.15%;
	border-width: 1px;
	margin-left: 2.573%;
	cursor: pointer;
  	-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;
}
#INDEX_LABEL_CH_COLOR{
	width: 0px;
	height: 0px;
	right: -1000px;
	position: fixed;	
}
.char_prop_div select, .char_prop_div input{
	font-size: inherit;
}
@media (max-width: 1609px){	
	#character_formatContentBody{
		padding-top: 76px;
		padding-bottom: 70px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
		min-width: 590px;
	}
	#character_formatContentBody > div{
		width: 583px;
	    position: relative;
	    margin: auto;
	    height: 290px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 15px 5px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 14px;
	}
	.label_ch_color_item{
		font-size: 12px;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:1px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 1px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 12px !important;
	}
	.char_prop_div input.wj-form-control{
		height: 22px !important;
		min-height: 22px !important;
	}
}

@media (min-width: 1610px) and (max-width: 1930px){
	#character_formatContentBody{
		padding-top: 97px;
		padding-bottom: 88px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	#character_formatContentBody > div{
		width: 730px;
	    position: relative;
	    margin: auto;
	    height: 360px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 17px 7px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 17px;
	}
	.label_ch_color_item{
		font-size: 15px;
	} 
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:1px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 1px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 15px !important;
	}
	.char_prop_div input.wj-form-control{
		height: 27px !important;
		min-height: 27px !important;
	}
	
}

@media (min-width: 1931px) and (max-width: 2570px){
	#character_formatContentBody{
		padding-top: 116px;
		padding-bottom: 104px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	#character_formatContentBody > div{
		width: 875px;
	    position: relative;
	    margin: auto;
	    height: 435px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 20px 9px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 21px;
	}
	.label_ch_color_item{
		font-size: 18px;
	} 
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:1px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 1px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 18px !important;
	}
	.char_prop_div input.wj-form-control{
		height: 33px !important;
		min-height: 33px !important;
	}
}

@media (min-width: 2571px) and (max-width: 3199px){
	#character_formatContentBody{
		padding-top: 150px;
		padding-bottom: 134px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	#character_formatContentBody > div{
		width: 1170px;
	    position: relative;
	    margin: auto;
	    height: 576px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 22px 11px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 28px;
	}
	.label_ch_color_item{
		font-size: 24px;
	} 
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:2px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 2px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 24px !important;
	}
	.char_prop_div input.wj-form-control{
		height: 44px !important;
		min-height: 44px !important;
	}
}

@media (min-width: 3200px) and (max-width: 3839px){
	#character_formatContentBody{
		padding-top: 187px;
		padding-bottom: 167px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	#character_formatContentBody > div{
		width: 1460px;
	    position: relative;
	    margin: auto;
	    height: 725px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 25px 13px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 35px;
	}
	.label_ch_color_item{
		font-size: 30px;
	} 
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:2px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 2px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 30px !important;
	}
	.char_prop_div input.wj-form-control{
		height: 55px !important;
		min-height: 55px !important;
	}
}

@media (min-width: 3840px){
	#character_formatContentBody{
		padding-top: 224px;
		padding-bottom: 200px;
		height: 100%;
	    width: 100%;
	    display: -webkit-box;
	    display: -moz-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	#character_formatContentBody > div{
		width: 1750px;
	    position: relative;
	    margin: auto;
	    height: 866px;
	}
	.label_ch_color_item_active{
		cursor: pointer;
		box-shadow: 0px 0px 30px 15px rgba(255, 161, 139, 0.9);
	}
	.character_format_item_title{
		font-size: 42px;
	}
	.label_ch_color_item{
		font-size: 36px;
	} 
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2){
		border:3px solid #ccc;
	}
	#character_formatContentBody > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		border-top: 3px solid #ccc;
	}
	.char_prop_div label, .char_prop_div div{
		font-size: 36px !important;
	}	
	.char_prop_div input.wj-form-control{
		height: 60px !important;
		min-height: 60px !important;
	}
}