@charset "utf-8";
/*
* @data 2015-7-14
* Author: Linda Lu
*
* E.SUN FHC Stylesheet
-----------------------------------------
   1. Keep Footer At The Bottom of The Page
   2. Header
   3. Footer
   4. Fix IE8
-----------------------------------------
*/

/*=====================================================
   1. Keep Footer At The Bottom of The Page
=====================================================*/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
#wrapper {
  min-height: 100%;
  position: relative;
}
#header {}
#content { padding-bottom: 223px; }
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 223px;
}

/*=====================================================
   2. Header
=====================================================*/
.is-sticky .menu.hfc {
  background: url("/holding/images/esunfhc/headerFooter/headerBg.png");
}
@media (min-width: 0px) {
  .menu ul.first_level.drop > li:first-of-type a,
  .is-sticky .menu.hfc ul.first_level > li:first-of-type a {
    background: url("/holding/images/esunfhc/headerFooter/logoSmall.png");
  }
}
@media (min-width: 1100px) {
  .menu ul.first_level.drop > li:first-of-type a {
    background: url("/holding/images/esunfhc/headerFooter/logo.png") no-repeat;
  }
}
.header.hfc {
  background: url("/holding/images/esunfhc/headerFooter/topNavBg.gif") repeat-x;
}
.header.hfc ul.right li a:before {
  content: "|";
  padding: 0 15px;
}
.header.hfc ul.right li:last-of-type a:before {
  content: "";
}
.menu ul.first_level.drop .open .dropdown ul.second_level > li {
  background: #eceff1 url("/holding/images/esunfhc/headerFooter/megaMenuBg.gif") repeat-y left top;
}
.menu ul.first_level.drop .open .dropdown ul.second_level > li h2 a:after {
  background: url("/holding/images/esunfhc/headerFooter/arrowRight.png") no-repeat right top;
}
.menu.hfc .first_level.drop li.news .dropdown.cf.tab6 {
  width: 171px;
}
.menu.hfc .first_level.drop li.ir .dropdown.cf.tab2 {
  width: 837px;
}
.menu.hfc .first_level.drop li.csr .dropdown.cf.tab6 {
  width: 177px;
}
.upBackground.mountain {
  background:url('/holding/images/esunfhc/headerFooter/content_bg.jpg');
}
.linkGreen a:hover {
  color: #009d99;
  text-decoration: underline;
}

/*=====================================================
   3. Footer
=====================================================*/
#scrollUp {
  background-image: url("/holding/images/esunfhc/headerFooter/goTop.png");
}

/* pop */
#siteAnnouncementPop,
#privacyPop {
  display: none;
  width: 800px;
  height: 600px;
  overflow: auto;
}
#siteAnnouncementPop .m20,

#siteAnnouncementPop .browserList { 
  list-style-type: none; }
#siteAnnouncementPop .browserList li {
  display: inline-block;
  text-align: center;
  margin: 10px 0 0 10px;
}
#siteAnnouncementPop .browserList li i {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
#siteAnnouncementPop .browserList li i.ie {
  background: url(/holding/images/esunfhc/headerFooter/ie.png) center no-repeat;
}
#siteAnnouncementPop .browserList li i.chrome {
  background: url(/holding/images/esunfhc/headerFooter/chrome.png) center;
}
#siteAnnouncementPop .browserList li i.firefox {
  background: url(/holding/images/esunfhc/headerFooter/firefox.png) center;
}
#siteAnnouncementPop .browserList li a {
  color: #009d99;
}
.popup {
  padding: 20px;
}
.popup h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
}
.BiggestTitle h1 {
  margin: 20px;
}
#linkPrivacyPop {
  display: none;
  width: 800px;
  height: 600px;
  overflow: auto;
}

/**/
footer.fhc {
  height: 52px;
  background: url("/holding/images/esunfhc/headerFooter/footer_background.gif") no-repeat center top;
  color: #fff;
}
footer.fhc .container a {
  padding-left: 0;
  vertical-align: top;
  margin: 23px 0 0 0;
  background: none;
}
footer.fhc .container a:first-of-type {
  padding-left: 16px;
}
footer.fhc .container a:before {
  content: "|";
  padding: 0 8px;
}
footer.fhc .container a:first-of-type:before {
  content: "";
  padding-right: 0;
}
footer.fhc .container div.right span.copyright:before {
  content: "\00A9";
}
.sitemap.fhc {
  position: relative;
  z-index: 99;
}
.sitemap.fhc .container div {
  width: 33%;
  background: url("/holding/images/esunfhc/headerFooter/vertical_line_bg.gif") repeat-y right center;
}
.sitemap.fhc .container div:first-of-type {
  padding: 7px 0 0 16px;
}
.sitemap.fhc .container div:nth-of-type(2) h3 {
  padding-left: 30px;
}
.sitemap.fhc .container div:nth-of-type(2) li {
  width: 33%;
  text-align: center;
  padding-left: 0px;
}
.sitemap.fhc .container div:nth-of-type(2) li.en {
  width: 80%;
  text-align: left;
  padding-left: 30px;
}
@media (min-width: 0px) {
  .sitemap.fhc .container div:nth-of-type(2) {
    padding-left: 0px;
  }
}
@media (min-width: 0px) {
  .sitemap .container div:nth-of-type(3) {
    padding-left: 30px;
  }
}
.sitemap.fhc .container div:nth-of-type(3) li {
  width: 48%;
}
.sitemap.fhc .container div a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-right: 10px;
}
.sitemap.fhc .container div .social_btn_1 {
  background: url("/holding/images/esunfhc/headerFooter/icon_social_btn_01.png") no-repeat;
}
.sitemap.fhc .container div .social_btn_2 {
  background: url("/holding/images/esunfhc/headerFooter/icon_social_btn_02.png") no-repeat;
}
.sitemap.fhc .container div .social_btn_3 {
  background: url("/holding/images/esunfhc/headerFooter/icon_social_btn_04.gif") no-repeat;
}
.sitemap.fhc .container div .social_btn_4 {
  background: url("/holding/images/esunfhc/headerFooter/icon_social_btn_03.png") no-repeat;
}
.sitemap.fhc .container div:last-of-type {
  background: none;
}


/*=====================================================
   4. Fix IE8
=====================================================*/
.ie8 .header ul.right li .searchBar input[type=text] {
  behavior: url(js/PIE.htc);
}
.ie8 .header.hfc ul.right li a.online {
  padding-top: 1px;  
}
.ie8 .header.hfc ul.right li a.online:before {
  content: "";
}
.ie8 .menu .first_level .hfc { display: none; }
.ie8 .menu .first_level .logo,
.ie8 .menu .first_level .logo:hover { 
  float: left;
  height: 68px;
  width: 308px;
  background: url('/holding/images/esunfhc/headerFooter/logo.png') left center no-repeat;
  border-right: none;
}
.ie8 .menu .first_level .news {
  border-right: 1px solid #fff;
}
.ie8 .is-sticky .menu .first_level .logo, 
.ie8 .is-sticky .menu .first_level .logo:hover {
  width: 251px;
  height: 51px;
  background: url("/holding/images/esunfhc/headerFooter/logoSmall.png") left center no-repeat;
  cursor: pointer;
}
.ie8 .is-sticky .menu {
  background: url('/holding/images/esunfhc/headerFooter/headerBg.png');
}
.ie8 .menu ul.first_level.drop li.active {
  background: url('/holding/images/esunfhc/headerFooter/headerBg_white.png') repeat;
}
.ie8 .is-sticky .menu ul.first_level.drop li.active {
  background: #000;
}
.ie8 .menu ul.first_level li.open,
.ie8 .is-sticky .menu ul.first_level li.open {
  background: none;
}
.ie8 .menu ul.first_level li.open a,
.ie8 .is-sticky .menu ul.first_level li.open a,
.ie8 .is-sticky .menu ul.first_level.drop li.open a {
  color: #fff;
}
.ie8 .menu ul.first_level.drop li.open em,
.ie8 .is-sticky .menu ul.first_level.drop li.open em {
  border: none;
}
.ie8 .is-sticky .menu ul.first_level > li.active {
  background: #117471;
}
.ie8 .menu.hfc .first_level.drop li .dropdown.cf {
  display: none;
}
/**/
.ie8 .container {
  width: 1100px;
  margin: 0 auto;
}
.ie8 #accordion {
  width: 190px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
.ie8 .mainContent .rightContent {
  padding-top: 0;
}
/**/
.ie8 .sitemap .container { padding: 25px 0 15px 0; }
.ie8 .sitemap h3 { padding: 8px 0; }
.ie8 .sitemap ul { padding-bottom: 5px; }
.ie8 .sitemap li {
  width: 140px;
}
.ie8 .sitemap .container .group,
.ie8 .sitemap .container .media {
  padding-left: 25px;
}
.ie8 .sitemap .container .group li {
  width: 33%;
}
.ie8 .sitemap .container .media {
  background: none;
}
.ie8 .sitemap .container .media li {
  width: 48%;
}
.ie8 footer.fhc .container a.online:before {
  content: "";
  padding-right: 0;
  margin-left: -3px;
}
/**/
#noSupport {
clear: both;
position: relative;
z-index: 5;
top: 0;
display: block;
background: #009E96;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
color: #fff;
letter-spacing: 0.1em;
line-height: 18px;
}
#noSupport div {
width: 65%;
margin: 0 auto;
}
#noSupport a { 
color: #fff;
padding: 0 3px;
text-decoration: underline;
cursor: pointer;
}

/**/
i.num {
  font-style: normal;
  letter-spacing: 0.06em;
  padding: 0 3px;
}
i.eng {
  font-style: normal;
  letter-spacing: 0.15em;
  padding: 0 3px;
}