@charset "utf-8";


#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #mp-head{background: #1f53be; height: 80px;}
  #space{height: 10px;}
}


/* 浜у搧鏍忕洰鑿滃崟 */
#child .wrap>a{width: 33.333333%;}


/* 鐮斿彂鍒涙柊 */
#innovation{padding: 100px 0 460px 0; background: linear-gradient(#1fd198, #1f61ed); min-height: 500px; position: relative;}
#innovation .grid{background: url('../img/innovation-bg.png'); z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
#innovation .line{position: absolute; width: 100%; height: 200px; background: url('../img/innovation-bg2.png') no-repeat center/cover; bottom: 0; z-index: 2;}
#innovation .city{position: absolute; width: 100%; height: 700px; background: url('../img/innovation-bg3.png') no-repeat center bottom; bottom: 0; z-index: 3;}

#innovation .wrap>.tit{font-size: 4.6rem; color: #fff; text-align: center; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; position: relative; z-index: 4;}
#innovation .wrap>.tit-en{font-size: 1.8rem; font-family: Montserrat; color: #fff; text-align: center; margin-top: 20px; position: relative; z-index: 4;}
#innovation .wrap .con{text-align: center; color: #fff; font-size: 1.8rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; max-width: 1000px; margin: 60px auto; position: relative; z-index: 4;}
#innovation .wrap .con p{font-size: 1.8rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; line-height: 1.9; margin-bottom: 25px;}

@media (max-width:1279px){ /*mp*/
  #innovation{padding: 120px 15px 120px 15px;}

  #innovation .line{background: url('../img/innovation-bg2.png') no-repeat center bottom/100%; left: 0;}
  #innovation .city{background: url('../img/innovation-bg3.png') no-repeat center bottom/100%; left: 0;}

  #innovation .wrap>.tit{font-size: 2.6rem;}
  #innovation .wrap>.tit-en{font-size: 1.4rem;}
  #innovation .wrap .con{font-size: 1.5rem;}
  #innovation .wrap .con p{font-size: 1.5rem;}
}