.content_20_L,.content_20_M1,.content_20_M2,.content_20_M3,.content_20_R{
float:left;
width:17.6%;
margin-left:1%;
margin-right:1%;
border-radius:5px;
margin-bottom:2%;
}
.content_20_L{
margin-left:2%;
}
.content_20_R{
margin-right:2%;
}

.content_70{
float:left;
width:68%;
margin-left:2%;
border-radius:5px;
/*height:500px;*/
margin-bottom:2%;
}
.content_30{
float:left;
width:26%;
margin-left:2%;
margin-right:2%;
border-radius:5px;
margin-top:5px;
}
/*20240529新版樣式*/
.content_33_L,.content_33_M1,.content_33_R{
float:left;
width:32%;
border-radius:5px;
margin-bottom:2%;
}
.content_33_M1{
margin-left:2%;
margin-right:2%;	
}
.content_25_L,.content_25_M1,.content_25_M2,.content_25_R{
float:left;
width:24.88%;
border-radius:5px;
margin-bottom:2%;
}
.content_25_M1{
margin-left:0.16%;
}
.content_25_M2{
margin-left:0.16%;
margin-right:0.16%;
}

.contant_news{
border-radius:5px;
margin-top:5px;
}

#news_title{
text-align:left;
line-height:1.5em;
/*font-size:1.4em;*/
font-size:18px;
font-weight:bold;
margin-left:1%;
margin-right:1%;
padding-top:5px;
padding-bottom:10px;
font-family: 'Rajdhani',sans-serif;
}
.news_title a{
color:#000000;
}
.news_title a:hover{
color:#404040;
}
.news_title a:visited{
color:#636363;
}

#news_date{
text-align:left;
margin-left:1%;
padding-top:20px;
font-size:0.85em;
line-height:1.4em;
color:#727272;
}
#news_content{
text-align:left;
margin-left:1%;
margin-right:1%;
line-height:1.4em;
padding-bottom:20px;
font-family: Calibri,sans-serif;
}
#keyword{
/*background:#eeeeee;*/
float:left;
width:49%;
margin-right:1%;
}
.keyword_item{
float:left;
margin:2%;
padding:5px;
background:#DDDDFF;
border-radius:5px;
}

#share{
/*background:#cccccc;*/
float:left;
width:48%;
margin-left:1%;
margin-right:1%;
}
#share_str{
text-align:left;
font-weight:bold;
}
.share_item{
float:left;
/*display:inline-block;*/
margin-right:5px;
/*padding:5px;*/
/*background:#cccccc;
border:1px solid red;*/
/*border-radius:50px; */
}
.share_item a{
/*border:1px solid green;*/
}

.share_item_2{
float:left;
/*display:inline-block;*/
margin-right:2px;
/*padding:5px;*/
/*background:#cccccc;
border-radius:50px; */
}

#editor_info,#editor_info2{
margin-top:10px;
margin-bottom:10px;
min-height:150px;
}
#editor_info{
margin-left:2%;
margin-right:1%;
float:left;
width:37%;
}
#editor_info2{
margin-left:1%;
margin-right:2%;
float:left;
width:57%;
}
#editor_img{
width:180px;
height:180px;
line-height:180px;
background:#eeeeee;
border-radius:99em;
}


.next_color,.prev_color{
color:#ad272e;
}
.next_bgcolor,.prev_bgcolor{
background:#ad272e;
}

.small_title{
font-weight:bold;
float:left;
width:25%;
}
.small_info{
float:left;
width:75%;
}

.letters1{
	min-height:110px; 
	background-color:#96d5e2; 
	border:6px solid #000;
}

.letters2{
	height:280px; 
	background-color:#96d5e2; 
	border-bottom:6px solid #000;border-left:6px solid #000;border-right:6px solid #000;
}

#submit_btu{
	width:90px; height:30px; line-height:30px; 
	margin-top:15px;
	border:2px solid #000;border-radius:4px; background-color:#FFF; 
	cursor:pointer; font-weight:bold;
}

#loading_img{
	width:90px; height:30px; line-height:30px; 
	margin-top:15px;
	border:2px solid #000;border-radius:4px; background-color:#FFF; 
	font-weight:bold; background-color:#CCC; display:none;
}
.clear_control{
clear:both;
}

@media screen and (max-width:768px)   /*小於768px 平板樣式*/
{

.content_20_L,.content_20_M1,.content_20_M2,.content_20_M3,.content_20_R{
float:left;
width:46%;
margin-left:2%;
margin-right:2%;
}
.content_20_L{
margin-left:2%;
}
.content_20_R{
margin-right:2%;
}
.content_70{
width:96%;
margin-left:2%;
margin-right:2%;
}
.content_30{
width:96%;
margin-left:2%;
margin-right:2%;

}
.clear_control{
clear:right;
}

}


@media screen and (max-width:480px)   /*小於480px 手機樣式*/
{

.content_20_L,.content_20_M1,.content_20_M2,.content_20_M3,.content_20_R{
width:96%;
}

#share{
width:98%;
}

}