h1{
	margin:0px;
	font-size:1em;
	
}
h2{
	margin:0px;
	font-size:1em;
	font-weight:400;
	
}

h3{
	margin:0px;
	font-size:1em;
	font-weight:400;
	
}


.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;
}

.contant_news{
border-radius:5px;
margin-top:5px;
}

#news_title{
text-align:left;
line-height:1.5em;
font-size:1.4em;
font-weight:bold;
margin-left:1%;
margin-right:1%;
padding-top:5px;
padding-bottom:10px;
}
.news_title a{
color:#000000;
}
.news_title a:hover{
color:#404040;
}
.news_title a:visited{
color:#636363;
}
.small_news_title{
width:100%;
height:1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;	
}
.prev{
width:100%;
height:6em;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;	
}
.contant_news_R img{
border-radius: 5px;	
}
.ot_news a{
color: #636363;	
margin-bottom: 20px;
}
.ot_news a:hover{
color: #000000;	
}

#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;
}
#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;
}
.company_big_title{
margin-left:1%;
padding:0.5%;
font-size:1.05em;
}
.no_select{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@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%;

}


}


@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%;
}

.company_big_title{
margin-left:1%;
padding:2%;
font-size:1.2em;
}

}
