@CHARSET "UTF-8";


body{
	/*background-color: #e6e0ff;*/
	
}

.Nominations_icon{
	width:45px;
	vertical-align:middle;
	
	margin-top:-4px;
	margin-left:6px;
	
	
}



.flex_a_container{
	width:70%;
	margin:0 auto;	
	margin-top:35px;

}


.item_title_flex{
	
	
	display:flex;
	/*flex-direction: row;*/
	flex-direction: column;
	
	flex-wrap: wrap;
	justify-content: flex-start ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: flex-start ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	width:100%;
	margin:0 auto;
	
	
	
}   


.items_flex_item1{
	width:100%;
	
	font-size: 24pt;
	font-weight:normal;
	
	border-left:2px solid #390277;
	letter-spacing:4px;
	color: #390277;
	
}  

.items_flex_item3{
	width:70%;
	
	
	
}  

.items_flex_item1>div,
.items_flex_item2>div{
	
	padding-left:30px;
	
	
}


.badge_container{
	display:inline-block;
	word-break:keep-all;
	
}
.badge_container img{
	width:41px;
	vertical-align:top;
	
}

.items_flex_item1_content span{
	font-weight:bolder;
	
}





.desc_container{
	color:#390277;
	
	text-align:left;
	margin-top:30px;
}

.desc_container p{
	
	line-height: 30px;
    font-size: 14pt;
    margin: 15px 0 15px 0;
}


.flex_a_container a[href]{
	
	text-decoration:none;
	color:inherit;
}


.award_name{
	font-weight:bolder;
	color:#0808CA;
	
	
}

.award_title{
	display:block;
	width:50%;
	margin:0 auto;
	margin-top:45px;
	
}

.list_container{
	padding-left:30px;
	margin-top:30px;
}

.list_title{
	color:#390277;
	
}

.list_container table{
	
	border-collapse:collapse;
	border:1px solid #cfc2ff;
	table-layout:fixed;
	width:100%;
	
	font-size:12pt;
	color:#390277;
	margin-top:10px;
}

.list_container table>tbody>tr>td,
.list_container table>tbody>tr>th{
	
	
	border:1px solid #cfc2ff;
	text-align:center;
	
}


.list_container table>tbody>tr>th{
	
	padding:17px;
	background:#cfc2ff;
	
	position:relative;
	
}


.list_container table>tbody>tr>td{
	
	font-weight:bolder;
	padding:12px;
	background:#FFF;
}



.main_table .Nominations_icon{
	position:absolute;
	width:45px;
	
	top:10px;
	left:0px;
	
	
	
}



.sort_remind{
	color:#390277;
	font-size:14pt;
	font-weight:bolder;
}



@media (max-width: 1024px) {
	
	.list_container table{
		
		width:93%;
		
	}

	
	
	.item_title_flex{
		
		
		display:flex;
		/*flex-direction: row;*/
		flex-direction: row;
		
		flex-wrap: wrap;
		justify-content: flex-start ;
		/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
		
		align-items: flex-start ;
		/*align-items: flex-start | flex-end | center | baseline | stretch;*/
		
		/*
		align-self:  單行
		align-content:   多行版本
		flex-start | flex-end | center | space-between | space-around | stretch;
		*/
		
		width:100%;
		margin:0 auto;
		
		color: #390277;
		border:0px solid red;
		
	}  
		
	
	
	
	
	.flex_a_container{
	
		
		width:100%;
		
		
	}
	
	.items_flex_item2>div,
	.items_flex_item1>div,
	.item_title_flex>div{
		width:100%;
		padding-left:10px;
	}
	
	.items_flex_item2>div,
	.items_flex_item1>div{
		padding-left:10px;
		
	}

 
	.items_flex_item1
	{
		line-height:20px;
		height:;
		font-size: 16pt;
		font-weight:normal;
		border-left:2px solid #390277;

	}   
	
	.items_flex_item2
	{
		
		font-size: 16px;
	
	}   
	
	
	.award_title{
		display:block;
		width:65%;
		margin-top:45px;
		
	}
	
	.badge_container{
		
		display:block;
		margin-top:10px;
	}
		
}



/* iPad   landscape */
@media all 
and (width: 1024px) 
and (height: 768px) 
and (orientation:landscape)
{
		
	


}



/* iPad  portrait */
@media all 
and (width: 768px) 
and (height: 1024px) 
and (orientation:portrait)
{
		
	

}


/* iPad Pro   landscape */
@media all 
and (width: 1366px) 
and (height: 1024px) 
and (orientation:landscape)
{
	

	


}