.news_list{    border: 1px solid #ddd; width: 100%}
.news_list thead{ }
.news_list th ,
.news_list td { border: 1px solid #ddd;     padding: 8px; text-align: left;}
.news_list tbody tr:nth-child(odd) {  background-color: #f9f9f9;}

.news_list a{text-decoration: none;color: #29006e;} 
.news_show h1{    font-family: 'Open Sans', "微軟正黑體" , sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 25px;} 
.news_show {font-size: 16px;}
.news_show ul{line-height: 1.5em;}

.certi_pic {
    padding-top: 2em;
}
.certi_pic .pic {
    width: calc( 100% / 4 - 24px);
    float: left;
	margin: 0 10px;
}
.certi_pic .pic img {
    border: 1px solid #e8e8e8;
}
.certi_pic h3{font-style: italic; color: #ccc; line-height: 1.5em;}

@media only screen and (max-width: 580px){
	
.certi_pic .pic {
    width: 29%;
}	
}

@media only screen and (max-width: 480px){
	
.certi_pic .pic {
    width: 43%;
	padding: 5px;
	margin: 0 auto;
}	
}

@media only screen and (max-width: 340px){
	
.certi_pic .pic {
    width: 100%;
	padding: 0;
	margin: 0;
}	
}