h1{
	margin:0px;
	font-size:1em;
	
}
h2{
	margin:0px;
	font-size:1em;
	font-weight:400;
	
}

h3{
	margin:0px;
	font-size:1em;
	font-weight:400;
	
}

#company_pro ,#company_pro2{
background:#202020; 
border-radius:5px;
padding:0.25%;
margin-left:2%;
margin-right:2%;
}

#company_pro img ,#company_pro2 img{
border-radius:5px;
}


#cp0{
color:#000000;
}
.pro_img{
float:left;
margin:0;
padding:0;
}
.pro_img:hover{
opacity:0.85;
}
.pro_img img{
margin:0;
padding:0;
cursor: pointer;
border-radius:0px;
}
.w_125{
width:12%;
margin:0.25%;
}
.w_20{
width:19.5%;
margin:0.25%;
}
.w_25{
width:24.5%;
margin:0.25%;
}
.w_33{
width:32.5%;
margin:0.25%;
}
/* 開大圖 */
#show_img{
background:#ffffff; /*#8dc73f*/
position: fixed ;
/*position:absolute;*/
width:90%;
/*max-width:660px;*/
top:5%;
left:5%;
max-height:100%;
/*margin-left:10%;*/ 
/*margin-right:10%;*/
z-index: 900;
border-radius:15px;
border:1px solid #cccccc;
overflow-y:scroll;
}
.show_img img,.show_img2 img{
/*border:15px solid #ffffff;*/
width:98%;
border-radius:15px;
/*margin-top:1%;*/
margin-bottom:1%;
}
#big_img{
width:96%;
}
#pro_title
{
text-align:left;
font-weight:bold;
font-size:1.4em;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
}
.close_img{
position:absolute ;
margin-left:94%; 
margin-right:2%;
margin-top:5px;
border:none;
cursor: pointer;
}
.content_50_R .contant_margin,.content_50_L .contant_margin{
margin:0%;
margin-bottom:2%;
padding-bottom:1%;
border-radius:5px;
}





.margin_top{
margin-top:1%;
}
.company_big_title{
margin-left:1%;
padding:0.5%;
font-size:1.05em;
}
.company_title{
text-align:left;
font-weight:bold;
margin-left:2%;
margin-right:2%;
}
.company_content{
margin-left:2%;
margin-right:2%;
width:96%;
font-size:0.75em;
line-height:1.4em;
text-align:left;
}
.mpro_size{
width:30%;
margin:1%;
padding:0.5%;
border:1px solid #cccccc;
border-radius:5px;
}
.small_img, .mpro_img ,.user_img{
font-weight:bold;
float:left;
width:6%;
margin-left:4%;
margin-right:2%;
margin-top:2px;
margin-bottom:5px;
text-align:center;
}
.small_title, .mpro_title{
font-weight:bold;
float:left;
width:26%;
margin-right:2%;
margin-top:2px;
margin-bottom:5px;
font-size:0.9em;
overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap;
text-align:left;
}
.small_info, .mpro_info{
float:left;
width:60%;
margin-bottom:5px;
margin-top:2px;
font-weight:normal;
/*overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap;*/
}
.user_info{
float:left;
width:86%;
margin-bottom:5px;
margin-top:7px;
font-weight:normal;	
}
.small_title2{
font-weight:bold;
float:left;
width:26%;
margin-right:2%;
margin-top:2px;
margin-bottom:5px;
/*font-size:0.9em;*/
}
.small_info2{
float:left;
width:60%;
margin-bottom:5px;
margin-top:2px;
/*
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap;
*/
}
.mpro_img_en{
font-weight:bold;
float:left;
width:6%;
margin-left:4%;
margin-right:2%;
margin-bottom:5px;
margin-top:2px;
text-align:center;
}

.mpro_title_en{
font-weight:bold;
float:left;
width:40%;
margin-right:2%;
margin-bottom:5px;
margin-top:2px;
font-size:0.9em;
overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap;
text-align:left;
}
.mpro_info_en{
/*	
float:left;
margin-left:0%;
width:100%;
color:#404040;
padding-bottom:5px;*/
float:left;
width:44%;
margin-right:2%;
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap;
}



.small_img img,.mpro_img img,.mpro_img_en img,.user_img img{
width:auto;
height:auto;
}
.company_info{
clear:both;	

}
.sub_company,.sub_company2{
margin-bottom:1%;
padding-bottom:1%;
border-bottom:solid #cccccc 1px;
}
.sub_title{
font-weight:bold;
float:left;
width:40%;
}
.sub_info{
float:left;
width:60%;
}
.m_list{
clear:both;
border-bottom:1px solid #dedede;
padding-top:4px;
padding-bottom:4px;
}


.m_date{
float:left;
width:20%;
}
.m_person{
float:left;
width:20%;
font-weight:bold;
}
.m_info{
float:left;
width:60%;
}
#message_area input{
width:100%;
border:1px solid #01948a;
background:#01948a;
border-radius:5px;
color:#ffffff;
font-size:1.25em;
}
#message_area textarea{
width:100%;
border:1px solid #01948a;
border-radius:5px;
height:125px;
font-size:1.25em;
}
.m_50{
float:left;
width:48%;
margin:1%;
}
.m_100{
float:left;
width:98%;
margin:1%;
}
#send_msg{
float:left;
margin-top:20px;
width:100%;
}

#send_msg input{
width:60%;
margin-left:20%;
cursor:pointer;
}
#send_msg input:hover{
	background-color:#12b4a9;
}
.ex_title_color{
color:#4092de;
}
.ex_title_color_2{
color:#00a0ee;
}
.ex_title_color_3{
color:#2BA443;
}
.msg_title_color{
color:#01948a;
}
.product_title_color{
color:#dc1d84;
}
.oversea_title_color{
color:#682b88;
}
.oversea_title_color_2{
color:#c73444;
}
.article_title_color{
color:#4169E1;
}
.article_title_color_2{
color:#22ad3a;
}
.cert_title_color{
color:#9a7153;
}
.company_title_color{
color:#02618d;
}
.mark_title_color{
color:#CC0000;
}
.Catalogues_title_color{
color:#556B2F;
}
.factory_title_color{
color:#5467b4;	
}
.ad_title_color{
color:#5467b4;		
}
.report_title_color{
color:#ff69b4;		
}
#company_rep:hover{background:#dcdcdc;}

.ad_data{
float:left;
width:25%;
text-align:center;
}
.banner_change a{
color:#01948a;
}

.exh_name{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#c4e1ff;
}
.exh_name a{
	color:#000; 
	font-weight:bold; 
	font-size:16px;	
	
}

.big_info_1{
float:left;
width:75%;
margin-top:20px;
}
.big_info_2{
float:left;
width:22%;
margin-left:1%;
padding:0.5%;
text-align:left;
margin-top:40px;
border-radius:5px;
background-color:#f2e6e6;
}
.big_info_new{
width:100%;
margin-top:20px;
}
.top_btn_L{
float:left;
width:30%;
text-align:center;
border-radius:5px;
margin-left:19%;
margin-right:1%;
height:38px;
line-height:38px;	
}
.top_btn_R{
float:left;
width:30%;
text-align:center;
border-radius:5px;
margin-left:1%;
height:38px;
line-height:38px;	
}
.ex_list_1{
float:left;
width:5%;
margin-left:0.5%;
margin-right:0.5%;
}
.ex_list_2{
float:left;
width:24%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.ex_list_3{
float:left;
width:70%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.ex_list_3a{
float:left;
width:50%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.ex_list_3b{
float:left;
width:20%;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
color:red;
}
.user_news_1{
float:left;
width:7%;
margin-left:0.5%;
margin-right:0.5%;	
}
.user_news_2{
float:left;
width:92%;
height:20px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.user_news_2 span{
color:#363636;	
}
.user_news_3{
float:left;
width:92%;
}
#go2edit{
font-size:17px;
line-height:20px;
padding:2px;
padding-right:12px;
}
#logo_img{
border:1px solid #cccccc;
border-radius:5px;
cursor:pointer;max-width:125px;	
}
.guide_str{
float:left;
margin:0.5%;
width:49%
}

@media screen and (max-width:768px)   /*小於768px 平板樣式*/
{
.w_125{
width:24.5%;
}
#pro_title
{
text-align:left;
font-weight:bold;
font-size:0.9em;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
}
.company_content
{
font-size:1em;

}
.mpro_size{
width:47%;
margin:0.75%;
padding:0.5%;
border:1px solid #cccccc;
border-radius:5px;
}
.top_btn_L{
float:left;
width:47%;
text-align:center;
border-radius:5px;
margin-left:2%;
margin-right:1%;
height:40px;
line-height:40px;	
}
.top_btn_R{
float:left;
width:47%;
text-align:center;
border-radius:5px;
margin-left:1%;
height:40px;
line-height:40px;	
}



}


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

margin-left:90%; 
margin-right:2%;
margin-top:2%;
}

.company_content
{
font-size:1.05em;
}
.m_list,.ad_data{
font-size:0.9em;
}
.m_date{
width:25%;
}
.m_person{
width:25%;
font-weight:bold;
}
.m_info{
width:50%;
}
.big_info_1{
width:100%;
margin-top:0px;
}
.big_info_2{
width:100%;
margin-left:0%;
margin-top:0px;
}
.mpro_size{
width:97%;
margin:1%;
padding:0.75%;
border:1px solid #cccccc;
border-radius:5px;
}
.top_btn_L{
font-size:0.8em;	
}
.top_btn_R{
font-size:0.8em;	
}
.ex_list_1{
float:left;
width:7%;
margin-left:0.5%;
margin-right:0.5%;
}
.ex_list_2{
float:left;
width:92%;
}
.ex_list_3{
float:left;
margin-left:8%;
width:92%;
}
.ex_list_3a{
float:left;
width:62%;
text-align:left;
}
.ex_list_3b{
float:left;
margin-left:5%;
width:25%;
}
#show_img{
background:#ffffff; /*#8dc73f*/
position: fixed ;
/*position:absolute;*/
width:96%;
/*max-width:660px;*/
top:10%;
left:2%;
max-height:100%;
/*margin-left:10%;*/ 
/*margin-right:10%;*/
z-index: 900;
border-radius:15px;
border:1px solid #cccccc;
overflow-y:scroll;
}
.small_img{
width:6%;
margin-left:4%;
margin-right:2%;
}
.small_title,.small_title2{
width:88%;
margin-right:0%;
}
.small_info,.small_info2{
clear:both;	
width:88%;
margin-left:12%;
font-weight:normal;
}
.user_info{
float:left;
margin-left:2%;
width:84%;
margin-bottom:5px;
margin-top:7px;
font-weight:normal;	
}

.company_title{
font-size:1.25em;
line-height:2em;
}
.user_news_1{
width:11%;
}
.user_news_2,.user_news_3{
width:88%;
}

#logo_img{
cursor:pointer;max-width:75px;	
}
.guide_str{
width:99%;
border-bottom:1px dashed #999999;
}
.mpro_img_en
{
width:8%;	
margin-left:2%;
margin-right:2%;
}
.mpro_title_en
{
width:86%;
margin-right:2%;
}
.mpro_info_en
{
padding-left:12%;
width:86%;
padding-right:2%;
padding-bottom:6px;
}
.company_big_title{
margin-left:1%;
padding:2%;
font-size:1.2em;
}


}