.newObjectModal{
	display: none;
	position: absolute;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 1280px;
	height: 100%;
	overflow: hidden;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
}
.charactor_modal_content{
	background-color: #FFF;
	position: absolute;
}
.charactor_modal_title{
	width: 100%;
	background-color: #666666;
	color: white;
	font-weight: bold;
	padding-left: 1.44%;
}
.charactor_modal_content_body {
  	background-color: #fff;
  	position: relative;
}
.charactor_modal_textarea{
	width: 100%;
	height: 100%;
}
.charactor_modal_content_body > div{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.charactor_modal_select_direction > div > div{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
  	-moz-align-items: flex-end;
  	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
    -moz-justify-content: center;
  	-ms-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;
	line-height: 1;
}
.char_font_type_vertical{
  border: 0px ;
}
.charactor_modal_select_direction > div > div > button, .charactor_modal_select_direction > div > div > button > img{
	height: 100%;
}
.newObjectColor{
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: black;
  margin: auto 0 auto;
}
.charactor_modal_select_color_item{
  background-color: black;
  width: 100%;
  cursor: pointer;
  border: 2px solid #ccc;
}

.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
	background-color: #6D8AB5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: white;
	padding: 0px;
}
.charactor_modal_btn_cancel > span, .charactor_modal_btn_prepare > span{
	color: white;
}
.charactor_modal_select_color > div > div:nth-child(2){
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
  	-moz-align-items: flex-end;
  	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
    align-items: flex-end;
    line-height: 1;
    -moz-justify-content: center;
  	-ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.charactor_modal_btn{
  	-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;
}
.char_font_type_vertical img{
	border: 1px solid transparent;
}
.char_font_type_vertical_active img{
  border-color: #a7ffdb !important;
}
@media (max-width: 1609px){
	.charactor_modal_content{
		width: 520px;
		height: 240px;
	}
	.charactor_modal_title{
		height: 32px;
	}
	.charactor_modal_content_body{
		height: 208px;
		padding: 14px 18px 12px 20px;
	}
	.charactor_modal_text{
		height: 100px;
		padding-bottom: 11px;
	}
	.charactor_modal_textarea{
		padding: 6px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 82px;
	}
	.charactor_modal_select_direction{
		width: 142px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:136px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 64px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 18px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 8px;
	}
	.charactor_modal_select_color{
		width: 85px;
    	padding-left: 21px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 100px;
		height: 46px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 1px;
		margin-left: 16px;
	}
	.charactor_modal_btn{
    	width: 258px;
	}
}
@media (min-width: 1610px) and (max-width: 1930px){
	.charactor_modal_content{
		width: 650px;
		height: 240px;
	}
	.charactor_modal_title{
		height: 40px;
	}
	.charactor_modal_content_body{
		height: 260px;
		padding: 17.5px 22.5px 15px 25px;
	}
	.charactor_modal_text{
		height: 125px;
		padding-bottom: 13.75px;
	}
	.charactor_modal_textarea{
		padding: 7.5px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 102.5px;
	}
	.charactor_modal_select_direction{
		width: 177.5px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:177px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 80px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 22.5px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 10px;
	}
	.charactor_modal_select_color{
		width: 106.25px;
    	padding-left: 26.25px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 125px;
		height: 57.5px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 1.25px;
		margin-left: 20px;
	}
	.charactor_modal_btn{
    	width: 322.5px;
	}
}
@media (min-width: 1931px) and (max-width: 2570px){
	.charactor_modal_content{
		width: 780px;
		height: 360px;
	}
	.charactor_modal_title{
		height: 48px;
	}
	.charactor_modal_content_body{
		height: 312px;
		padding: 21px 27px 18px 30px;
	}
	.charactor_modal_text{
		height: 150px;
		padding-bottom: 16.5px;
	}
	.charactor_modal_textarea{
		padding: 9px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 123px;
	}
	.charactor_modal_select_direction{
		width: 213px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:204px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 96px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 27px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 12px;
	}
	.charactor_modal_select_color{
		width: 127.5px;
    	padding-left: 31.5px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 150px;
		height: 69px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 1.5px;
		margin-left: 24px;
	}
	.charactor_modal_btn{
    	width: 387px;
	}
}
@media (min-width: 2571px) and (max-width: 3199px){
	.charactor_modal_content{
		width: 1040px;
		height: 480px;
	}
	.charactor_modal_title{
		height: 64px;
	}
	.charactor_modal_content_body{
		height: 416px;
		padding: 28px 36px 24px 40px;
	}
	.charactor_modal_text{
		height: 200px;
		padding-bottom: 22px;
	}
	.charactor_modal_textarea{
		padding: 12px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 164px;
	}
	.charactor_modal_select_direction{
		width: 284px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:272px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 128px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 36px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 16px;
	}
	.charactor_modal_select_color{
		width: 170px;
    	padding-left: 42px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 200px;
		height: 92px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 2px;
		margin-left: 32px;
	}
	.charactor_modal_btn{
    	width: 516px;
	}
}
@media (min-width: 3200px) and (max-width: 3839px){
	.charactor_modal_content{
		width: 1300px;
		height: 600px;
	}
	.charactor_modal_title{
		height: 80px;
	}
	.charactor_modal_content_body{
		height: 520px;
		padding: 35px 45px 30px 50px;
	}
	.charactor_modal_text{
		height: 250px;
		padding-bottom: 27.5px;
	}
	.charactor_modal_textarea{
		padding: 15px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 205px;
	}
	.charactor_modal_select_direction{
		width: 355px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:340px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 160px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 45px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 20px;
	}
	.charactor_modal_select_color{
		width: 212.5px;
    	padding-left: 52.5px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 250px;
		height: 115px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 2.5px;
		margin-left: 40px;
	}
	.charactor_modal_btn{
    	width: 645px;
	}
}
@media (min-width: 3840px){
	.charactor_modal_content{
		width: 1560px;
		height: 720px;
	}
	.charactor_modal_title{
		height: 96px;
	}
	.charactor_modal_content_body{
		height: 624px;
		padding: 42px 54px 36px 60px;
	}
	.charactor_modal_text{
		height: 300px;
		padding-bottom: 33px;
	}
	.charactor_modal_textarea{
		padding: 18px !important;
	}
	.charactor_modal_content_body > div:nth-child(2){
		height: 246px;
	}
	.charactor_modal_select_direction{
		width: 426px;
	}	
	.charactor_modal_select_direction > div, .charactor_modal_select_direction > div > div{
		width:408px;
	}
	.charactor_modal_select_direction > div > div:nth-child(1), .charactor_modal_select_color_item, .charactor_modal_btn{
		height: 192px;
	}
	.charactor_modal_select_direction > div > div:nth-child(2), .charactor_modal_select_color > div > div:nth-child(2){
		height: 54px;
	}
	.charactor_modal_select_direction > div > div > button:nth-child(1){
		margin-right: 24px;
	}
	.charactor_modal_select_color{
		width: 255px;
    	padding-left: 63px;
	}
	.charactor_modal_btn_cancel, .charactor_modal_btn_prepare{
		width: 300px;
		height: 138px;
	}
	.charactor_modal_btn_prepare{
		margin-right: 3px;
		margin-left: 48px;
	}
	.charactor_modal_btn{
    	width: 774px;
	}
}