.header_task_title{
	background-color: rgb(102, 102, 102);
	color: white;
}
.label_layout_item:hover{
	border:solid;
	border-color: #999999;
    cursor: pointer;
    border-width: 1px;
}
#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2) > img{
	height: 100%;
	margin: auto;
}
#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3){
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	width: 100%;
}
#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2){
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div{
	width: 50%;
}
#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) > img{
	height: 100%;
	margin: auto;
}
#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2){
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	width: 100%;
}
#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2), #character_layoutContentBody, #character_layoutContentBody > div > div, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1), #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.nextPageBtnDiv{
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	text-align: center;
    margin: auto;
    bottom: 0;
    position: fixed;
    width: 100%;
    -moz-justify-content: center;
  	-ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: white;
    z-index: 1000;
}
#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div{
	width: 50%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.nextPageBtnDiv > a{
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	margin: auto;
  	-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_layoutContentBody > div > div > div:nth-child(1){
	width: 158px;
	padding-bottom: 40px;
    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: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.character_layout_item_title i{
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media (max-width: 1609px){
	.header{
		height: 76px;
		min-width: 860px;
	}
	.header_task_title{
		height: 25px;
		font-size: 14px;
		line-height: 25px;
		padding-left: 8px;
	}
	.header_title{
		height: 50px;
		line-height:50px;
		font-size: 14px;
	}
	.header_title > a > img{
		width:18px;
	}
	.header_title > a > span{
		font-size: 12px;		
	}
	.label_layout_item_active{
		-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);
	}
	.nextPageBtnDiv{
	    padding-bottom: 20px;
	    height: 70px;
	    min-width: 860px;
	}
	.nextPageBtnDiv > a{
		width: 883px;
		font-size: 14px;

	}
	#character_layoutContentBody{
		padding-top: 76px;
		padding-bottom: 70px;
		height: 100%;
	    width: 100%;
		min-width: 560px;
	}
	#character_layoutContentBody > div{
		width: 557px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 1px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 4px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 236px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 109px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 158px;
		padding-bottom: 40px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 143px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1){
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 90px;
		margin-bottom: 18px; 
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 256px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img
	, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
	, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
	, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 80px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 256px;
	}
	.character_layout_item_title{
		font-size: 14px;
	}
	.character_layout_item_title i{
		font-size: 14px;
		line-height: 14px;
	}
}

@media (min-width: 1610px) and (max-width: 1930px){
	.header{
		height: 97px;
	}
	.header_task_title{
		height: 32px;
		font-size: 19px;
		line-height: 32px;
		padding-left: 10px;
	}
	.header_title{
		height: 65px;
		line-height:65px;
		font-size: 17px;
	}
	.header_title > a > img{
		width:20px;
	}
	.header_title > a > span{
		font-size: 15px;		
	}
	.label_layout_item_active{
		-moz-box-shadow: 0px 0px 17px 6px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 17px 6px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 17px 6px rgba(255, 161, 139, 0.9);
	}
	.nextPageBtnDiv{
	    margin-bottom: 24px;
	    height: 64px;
	}
	.nextPageBtnDiv > a{
		width: 1106px;
		font-size: 19px;
	}
	#character_layoutContentBody{
		padding-top: 97px;
		padding-bottom: 88px;
		height: 100%;
	    width: 100%;
	}
	#character_layoutContentBody > div{
		width: 687px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 1px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 4px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 294px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 137px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 198px;
		padding-bottom: 50px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 179px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1){
		height: 34px;
		line-height: 34px;
		font-size: 19px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 115px;
		margin-bottom: 20px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 100px;
		margin: auto;
		
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 310px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img
	, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
	, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2){
		height: 100px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 310px;
	}
	.character_layout_item_title{
		font-size: 19px;
	}
	.character_layout_item_title i{
		font-size: 19px;
		line-height: 19px;
	}
}

@media (min-width: 1931px) and (max-width: 2570px){
	.header{
		height: 116px;
	}
	.header_task_title{
		height: 38px;
		font-size: 22px;
		line-height: 38px;
		padding-left: 12px;
	}
	.header_title{
		height: 78px;
		line-height:78px;
		font-size: 20px;
	}
	.header_title > a > img{
		width : 24px;
	}
	.header_title > a > span{
		font-size: 18px;		
	}
	.label_layout_item_active{
		-moz-box-shadow: 0px 0px 20px 9px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 20px 9px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 20px 9px rgba(255, 161, 139, 0.9);
	}
	.nextPageBtnDiv{
	    margin-bottom: 28px;
	    height: 76px;
	}
	.nextPageBtnDiv > a{
		width: 1327px;
		font-size: 22px;
	}
	#character_layoutContentBody{
		padding-top: 116px;
		padding-bottom: 104px;
		height: 100%;
	    width: 100%;
	}
	#character_layoutContentBody > div{
		width: 824px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 1px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 4px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 352px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 164px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 237px;
		padding-bottom: 60px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 214px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	,#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {
		height: 40px;
		line-height: 40px;
		font-size: 22px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 138px;
		margin-bottom: 24px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 372px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
		, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
		, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 120px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 372px;
	}
	.character_layout_item_title{
		font-size: 22px;
	}
	.character_layout_item_title i{
		font-size: 22px;
		line-height: 22px;
	}
}

@media (min-width: 2571px) and (max-width: 3199px){
	.header{
		height: 150px;
	}
	.header_task_title{
		height: 49px;
		font-size: 28px;
		line-height: 49px;
		padding-left: 15px;
	}
	.header_title{
		height: 101px;
		line-height:101px;
		font-size: 26px;
	}
	.header_title > a > img{
		width : 31px;
	}
	.header_title > a > span{
		font-size: 23px;		
	}
	.label_layout_item_active{
		-moz-box-shadow: 0px 0px 23px 11px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 23px 11px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 23px 11px rgba(255, 161, 139, 0.9);
	}
	.label_layout_item:hover{
	    border-width: 2px !important;
	}
	.nextPageBtnDiv{
	    margin-bottom: 36px;
	    height: 98px;
	}
	.nextPageBtnDiv > a{
		width: 1870px;
		font-size: 28px;
	}
	#character_layoutContentBody{
		padding-top: 150px;
		padding-bottom: 134px;
		height: 100%;
	    width: 100%;
	}
	#character_layoutContentBody > div{
		width: 1071px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 2px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 5px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 457px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 213px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 308px;
		padding-bottom: 78px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 278px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	,#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {
		height: 52px;
		line-height: 52px;
		font-size: 28px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 179px;
		margin-bottom: 31px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 483px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
		, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
		, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 156px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 483px;
	}
	.character_layout_item_title{
		font-size: 28px;
	}
	.character_layout_item_title i{
		font-size: 28px;
		line-height: 28px;
	}
}

@media (min-width: 3200px) and (max-width: 3839px){
	.header{
		height: 187px;
	}
	.header_task_title{
		height: 61px;
		font-size: 35px;
		line-height: 61px;
		padding-left: 18px;
	}
	.header_title{
		height: 126px;
		line-height:126px;
		font-size: 32px;
	}
	.header_title > a > img{
		width : 38px;
	}
	.header_title > a > span{
		font-size: 28px;		
	}
	.label_layout_item_active{
		-moz-box-shadow: 0px 0px 28px 13px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 28px 13px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 28px 13px rgba(255, 161, 139, 0.9);
	}
	.label_layout_item:hover{
	    border-width: 2px !important;
	}
	.nextPageBtnDiv{
	    margin-bottom: 45px;
	    height: 122px;
	}
	.nextPageBtnDiv > a{
		width: 2212px;
		font-size: 35px;
	}
	#character_layoutContentBody{
		padding-top: 187px;
		padding-bottom: 167px;
		height: 100%;
	    width: 100%;
	}
	#character_layoutContentBody > div{
		width: 1338px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 2px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 5px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 571px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 266px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 385px;
		padding-bottom: 97px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 347px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	,#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {
		height: 65px;
		line-height: 65px;
		font-size: 35px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 223px;
		margin-bottom: 38px; 
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 603px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
		, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
		, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 195px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 603px;
	}
	.character_layout_item_title{
		font-size: 35px;
	}
	.character_layout_item_title i{
		font-size: 35px;
		line-height: 35px;
	}
}

@media (min-width: 3840px){
	.header{
		height: 224px;
	}
	.header_task_title{
		height: 73px;
		font-size: 42px;
		line-height: 73px;
		padding-left: 21px;
	}
	.header_title{
		height: 151px;
		line-height:151px;
		font-size: 38px;
	}
	.header_title > a > img{
		width : 45px;
	}
	.header_title > a > span{
		font-size: 33px;		
	}
	.label_layout_item:hover{
	    border-width: 3px !important;
	}
	.label_layout_item_active{
		-moz-box-shadow: 0px 0px 33px 15px rgba(255, 161, 139, 0.9);
  		-webkit-box-shadow: 0px 0px 33px 15px rgba(255, 161, 139, 0.9);
		box-shadow: 0px 0px 33px 15px rgba(255, 161, 139, 0.9);
	}
	.nextPageBtnDiv{
	    margin-bottom: 54px;
	    height: 146px;
	}
	.nextPageBtnDiv > a{
		width: 2654px;
		font-size: 42px;
	}
	#character_layoutContentBody{
		padding-top: 224px;
		padding-bottom: 200px;
		height: 100%;
	    width: 100%;
	}
	#character_layoutContentBody > div{
		width: 1605px;
		margin: auto;
	}
	#character_layoutContentBody > div > div > div{
		border-right: 3px solid #ccc;
	}
	#character_layoutContentBody > div > div{
		border-bottom: 5px solid #ccc;
	}
	#character_layoutContentBody > div > div:nth-child(1){
		height: 685px;
	}
	#character_layoutContentBody > div > div:nth-child(2){
		height: 319px;
	}
	#character_layoutContentBody > div > div > div:nth-child(1){
		width: 462px;
		padding-bottom: 116px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2){
		width: 416px;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(1)
	,#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) {
		height: 78px;
		line-height: 78px;
		font-size: 42px;
		text-align: center;
	}
	#character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(2)
	, #character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1){
		height: 267px;
		margin-bottom: 45px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3){
		width: 723px;
	}
	#character_layoutContentBody > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > img, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(2) > img
		, #character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3) > div > img
		, #character_layoutContentBody > div > div > div:nth-child(2) > div:nth-child(3) > img{
		height: 234px;
		margin: auto;		
	}
	#character_layoutContentBody > div > div:nth-child(2) > div:nth-child(3){
		width: 723px;
	}
	.character_layout_item_title{
		font-size: 42px;
	}
	.character_layout_item_title i{
		font-size: 42px;
		line-height: 42px;
	}
}