@CHARSET "UTF-8";

/* Custom CSS
 * --------------------------------------- */
	body{
		color: #444;
		color: rgba(0,0,0,0.5);
		ine-height: 1.231;
		letter-spacing: 1px;
		font-family:  'Roboto', Microsoft YaHei, Helvetica, Arial,  sans-serif;
		height:100%;
	}
	h1 h2 h3 h4{
		font-size: 36px;
		font-family: helvetica,arial;
		color: #FFF;
		margin: 0;
		text-align: center;
	}
	p { font-size: 2em; }

	/* ********************************************************************************* 
	********** NAV ********************************************************************* 
	********************************************************************************* */
	#menu { font-family: 'Roboto', Arial,  sans-serif; font-size: 1.35em; line-height:55px;}
	.nav_capital{
		 font-size: 1.3em;
		 font-weight: bold;
	}	
	@media screen and (max-width: 768px) {
		.nav li { background-color: #F0F0F0;} 
			
	}
	

	/* ***** 首頁 ***************************************************************** */

	.cycle-slideshow { width: 100%; height:100%; }
	.cycle-slideshow  div { width:100%; height:100%;}
	#cycle_itme01 {
		background-image: url('../images/bg1.png');
		background-size:   cover;   
		background-repeat: no-repeat;
		background-position: center center; 
	}
	#cycle_itme02 { 
		background-image: url('../images/bg2.png'); 
		background-size:   cover;   
		background-repeat: no-repeat;
		background-position: center center; 		
	}	
	#cycle_itme03 { 
		background-image: url('../images/bg3.png'); 
		background-size:   cover;   
		background-repeat: no-repeat;
		background-position: center center; 		
	}		
	@media screen and (max-width: 320px) {
		#section0 img {max-width:80%;}    
	}
	@media screen and (max-width: 420px) and (min-width: 321px) {
		#section0 img {max-width:80%;}    
	}		
	@media screen and (max-width: 480px) and (min-width: 421px) {
		#section0 img {max-width:35%;}    
	}	
	@media screen  and (max-width: 768px) and (min-width: 491px) {
		#section0 img {max-width:31%;}    
	}			
	svg:not(:root) {
		overflow: hidden; 
	}
	.bottom-left, .bottom-right {
	  position: absolute;
	  bottom: 0px;
	  left: 0;
	  z-index: 300;
	}  
	svg {
	  max-height: 100%;
	}	
	
	/* ********************************************************************************* 
	********** 關於我們 **************************************************************** 
	********************************************************************************* */
	#section10  h1 { color:#FFFFFF; }
	#section10  p { color:white; font-size: 1.4em; margin:20px 0; color: #B0B0B0;}
	#s10_slogon { font-size: 1.8em; margin:50px 0; letter-spacing: 8px; color: #DDDDDD;}
	@media screen and (min-width: 1200px)  {
		#section10  h1 { font-size: 2.8em; }
		#section10  p { font-size: 1.8em; }
		#s10_slogon { font-size: 2.2em;}   
	}			
	
	.key_words {
		color: #CCCCCC;
		font-weight: bold;
		padding: 0 3px;
	}
	
	/* ***** 服務 ***************************************************************** */ 
	#section15  h1 { color:#1d1d1d; margin:0 10px;}
	#section15  p { font-size: 1.3em; margin:40px 0; color: #4D4D4D; line-height:36px;}
	@media screen and (min-width: 1200px)  {
		#section15  p { font-size: 2.0em; margin:50px 0;line-height:50px;}
	}	
	
	/* ***** 客戶 ***************************************************************** */ 
	#section25  h1 {  color:#FFF; margin:15px 0;}
	#section25  span { 
		display: block; 
		font-size: 1.5em; font-weight: bold;
		margin:0; 
		color: #EA7500; line-height:25px;
	}
	
	.clientsGroup {
		margin: 10px 0 20px 0;
	}
	
	.clientsDeclare {
		 color:#FFF; font-size: 0.4em;
		 margin:20px 0 0 0;
	}
	
	

	/* ***** 連絡我們 ************************************************************* */ 
	#s90_1_main a { color: #FFF; }
	#s90_1_main a:hover { color: #999999; }
	#s90_1_info{
	}
	#s90_1_info_title{
		color: #f19027;
		font-size: 18px;
		margin-top:10px;
	}
	#s90_1_info p { 
		color: #FFF;
		font-size: 14px;
		margin: 10px;
		line-height:2;
	}
	#s90_1_main #contact_logo {  
		background-color:red; 
		width: 25%; min-width: 300px;
		min-height:5px;
		padding:0;
		margin:0;
	}
	
	@media screen and (min-width: 1200px)  {
		#s90_1_info_title{ font-size: 2.0em; margin-bottom:5px; }
		#s90_1_info p { font-size: 1.3em;margin:0px 10px;}
	}	
	
	/* 地圖 */
	#s90_2_map {
		width: 100%;
		height: 100%;;
	}
	
	/* ----- 個別指定 ----- */
	@media (max-width: 768px) {
		.xs_middle { text-align:center; }
		#section90 .row div { margin:15px; }
    }
	
	.backgrond4div {
		/*border: 1px solid black;*/
		background-color:#EEEEEE;
		background-size:   cover;   
		background-repeat: no-repeat;
		background-position: center center; 
	}