@charset "utf-8";
/*
* @data 2015-7-14
* Author: Linda Lu
*
* E.SUN FHC Stylesheet
-----------------------------------------
   
-----------------------------------------
*/

.section-background {
  text-align: center;
  width: 100%;
  height: 769px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  font-family: "微軟正黑體","Microsoft JhengHei","新細明體", Arial, sans-serif;
  font-weight: lighter;
}
.section-background h1 {
  font-size: 60px;
  letter-spacing: 0.07em;
  padding: 122px 0 25px 0;
}
.section-background h1 i {
  display: inline-block;
}
.section-background h2 {
  font-size: 48px;
  letter-spacing: 0.07em;
  padding: 122px 0 25px 0;
}
.section-background h2 i {
  display: inline-block;
}
.section-background ul {
  list-style-type: none;
}
.section-background li {
  display: inline-block;
  font-size: 17.69px;
  line-height: 24px;
}
.section-background li img {
  display: block;
}
/* section 1 */
.section-background.bg1 {
  background-color: #61b9ed;
  background-image: url(/holding/images/esunfhc/index/section_background_1.png);  
  margin-top: -70px;
  color: #fff;
}
.section-background.bg1 h2 i {
  width: 35px;
}
.section-background.bg1 p {
  font-size: 18px;
  line-height: 33.7px;
  padding-bottom: 25px;
}
.section-background.bg1 li {
  padding-right: 63px;
}
.section-background.bg1 li img {
  margin-bottom: 8px;
}
/* section 2 */
.section-background.bg2 {
  background-color: #749cde;
  background-image: url(/holding/images/esunfhc/index/section_background_2.png);  
}
.section-background.bg2 h2{
  color: #666;
}
.section-background.bg2 h2 i {
  width: 20px;
}
.section-background.bg2 li {
  padding-right: 41px;
  padding-top: 15px;

}
.section-background.bg2 li img {
  width: 180px;
  height: 164px;
}
.section-background a {
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
  padding-top: 107px;
}
.section-background a:hover {
  color: #eb8300;
}
/* section 3 */
.section-background.bg3 {
  background-color: #3a5271;
  background-image: url(/holding/images/esunfhc/index/section_background_3.png);  
}
.section-background.bg3 h2 {
  color: #fff;
  padding-top: 8%;
  margin-bottom: 31px;
  display: inline-block;
}
.section-background.bg3 h2:before {
  display: block;
  margin: 0 auto;
  width: 46px;
  height: 41px;
  padding: 0 5px 23px 0;
  content: url(/holding/images/esunfhc/index/section3_icon_championship.png);
}
.section-background.bg3 ul {
  max-width: 800px;
  width: 95%;
  margin: 0 auto;
}
.section-background.bg3 li {
  width: 33%;
  vertical-align: top;
  color: #243a5a;
}
.section-background.bg3 li img {
  width: 135px;
  height: 122px;
  margin: 0 auto 24px auto;
}
/*@media screen and (min-width: 1500px) {
  .section-background {
    height: 75vh;
  }
}*/
@media screen and (max-width: 1300px) {
  .section-background h1 {
    padding-top: 300px;
  }
  .section-background h2 {
    padding-top: 152px;
  }
  .section-background.bg1 {
    background-color: #53bcf0;
    background-image: url(/holding/images/esunfhc/index/section_background_1b.png);  
  }
  .section-background.bg2 {
    background-color: #f0f5fb;
    background-image: url(/holding/images/esunfhc/index/section_background_2b.png);  
  }
}
@media screen and (max-width: 1280px) {
  .section-background h1 {
    padding-top: 300px;
  }
  .section-background h2 {
    padding-top: 152px;
  }
  .section-background.bg2 {
    height: 640px;
  }
  .section-background.bg3 {
    height: 680px;
  }
}