@charset "utf-8";

a, td, p{ font-size:14px; font-family:"微軟正黑體"; color:#000;}
.form{border:3px solid #CCCCCC; margin:10px 5px; line-height:40px; font-family:"微軟正黑體"; font-size:16px; width:40%; border-radius:15px; padding-left:15px; color:#333;  }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


}
#section0 {background-color: rgba(39,60,77,1.0); font-family: "微軟正黑體",Arial, Helvetica, sans-serif; color:#fff; }
#section1 {background-color: rgba(39,60,77,1.0); font-family: "微軟正黑體",Arial, Helvetica, sans-serif; }
#section2 {background-color: rgba(39,60,77,1.0); text-align:center;}
#section3 {background-color: rgba(39,60,77,1.0); text-align:center; }
#section4 {background-color: rgba(39,60,77,1.0);; text-align:center;}
#section5 {background-color: rgba(39,60,77,1.0); text-align:center; color:fff;}
#section6 {background-color:rgba(39,60,77,1.0); text-align:center;}

#containerg{  background:url() no-repeat center center ;   height:100%; text-align:center; width:100%; min-height:300px;  }
#section4 .containerg{  background:url() no-repeat center center ;   height:100%; text-align:center; width:100%; min-height:600px;  }

#wrapper { clear:both; width:90%; background-color:; display:inline-block;  float: none; padding:30px 30px; text-align:center; }

#pro_box { width: 98%;	height:auto;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; 
           float: none;    background-color:;  }
#pro_pho { width: 15%;  /*min-width:252px*/ !important;  height:auto;	background: rgba(255,255,255,0.8);	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 6px 2%; 	padding:10px 0px;	
		   border:1px solid #fff; border-top-width:8px ; border-top-color: #FC6; display: inline-block; 
           float: none;   box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } /* max-width:252px; */

#pro_pho_show { width: 25%;  /*min-width:252px*/ !important;  height:auto;	background: rgba(255,255,255,0.8);	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 6px 2%; 	padding:10px 0px;	
		   border:1px solid #fff; border-top-width:8px ; border-top-color: #FC6; display: inline-block; 
           float: none;   box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } /* max-width:252px; */


#pro_pho2 { width: 15%;  /*min-width:252px*/ !important;  height:auto;	background: rgba(255,255,255,0.8);	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 6px 2%; 	padding:10px 0px;	
		   border:1px solid #fff; border-top-width:8px ; border-top-color: #FC6; display: inline-block; 
           float: none;   box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } /* max-width:252px; */

#pro_pho_media { width: 25%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; /*min-height:320px;  */
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  }


#left{width:48%; clear:none;  background-color:; display: inline-block; float: none; vertical-align:top;}		   
#right{width:48%; clear:none; background-color:;  display: inline-block; float: none; vertical-align:top; text-align:left;}

#section2 h5{ color: #fff;}
#section2 h7{ font-size:10px; color: ;}

#section2 h6{ font-size:16px; color: #322705; line-height:160%; margin:40px 0px;}

#section4 h2 , h5 { color: #fff; }

#section5 h2  { color: #fff; }
#section5 h3, a{ color: #fff;}
#section5 p{ color: #fff; line-height:120%;}

#section6 h2  { color: #333; }
#section5 h6, a{ color: #333;}
#section6 p{ color: #333; line-height:120%;}

@media (min-width: 980px) and (max-width: 1199px) {
	
	
}

@media (min-width: 768px) and (max-width: 979px) {


}


@media (min-width: 580px) and (max-width: 767px) {

}


@media (min-width: 480px) and (max-width: 579px) {/* 480<x<579 */

#pro_pho { width: 47%; margin:6px 1% 6px 1%; 	padding:5px 0px; } 
#pro_pho2 { width: 47%; margin:6px 1% 6px 1%; 	padding:5px 0px;box-shadow: 0px 1px 3px rgba(0,0,0,0.2);  } 
#left{width:0%; clear:none;  background-color:; display: inline-block; float: none; vertical-align:top;}		   
#right{width:90%; clear:none; background-color:;  display: inline-block; float: none; vertical-align:top; text-align:left;}
#pro_pho_media { width: 90%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; /*min-height:320px;  */
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  }

}

@media (max-width: 479px)  {/* x<479 */

#pro_pho { width: 47%; margin:6px 1% 6px 1%; 	padding:5px 0px; } 

#pro_pho_show { width: 90%;  /*min-width:252px*/ !important;  height:auto;	background: rgba(255,255,255,0.8);	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 1% 6px 1%; 	
		   border:1px solid #fff; border-top-width:8px ; border-top-color: #FC6; display: inline-block; 
           float: none;   box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } 
		   
#pro_pho2 { width: 47%; margin:6px 1% 6px 1%; 	padding:5px 0px;box-shadow: 0px 1px 3px rgba(0,0,0,0.2);  } 
#left{width:0%; clear:none;  background-color:; display: inline-block; float: none; vertical-align:top;}		   
#right{width:90%; clear:none; background-color:;  display: inline-block; float: none; vertical-align:top; text-align:left;}

#pro_pho_media { width: 90%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; /*min-height:320px;  */
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  }

.form{border: 5px solid  #CCCCCC; margin:10px 5px; line-height:40px; font-family:"微軟正黑體"; font-size:16px; width:90%; }

}