@charset "UTF-8";


::-moz-selection,::-webkit-selection,::selection { text-shadow: none; background: #transparent; color:#C90;}

html{ height:100%;}
body{font-family: HelveticaArial,, sans-serif;}
a{}

/*=======================================================*/
/* Fonts 
/*=======================================================*/
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 24px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p{ font-size:12px;}


.header{ width:100%; height:100px; }
.header-container{ width:1024px; height:100%; margin:0px auto; position:relative;}
.header .logo{ position:absolute; left:20px; top:10px;}
.header .nav{ position:absolute; right:0px; bottom:10px; text-align:right;}
.header .nav ul li { float:left;}
.header .nav ul li a{ display:block;  height:40px;  cursor:pointer;}

.header .nav ul li a.nav-about{ width:124px;background:url(../image/nav_about.png) no-repeat;}
.header .nav ul li a.nav-protection{width:156px; background:url(../image/nav_protection.png) no-repeat;}
.header .nav ul li a.nav-overseas{width:156px; background:url(../image/nav_overseas.png) no-repeat;}
.header .nav ul li a.nav-responsibility{width:124px; background:url(../image/nav_responsibility.png) no-repeat;}
.header .nav ul li a.nav-news{ width:124px;background:url(../image/nav_news.png) no-repeat;}
.header .nav ul li a.nav-contactus{width:124px; background:url(../image/nav_contact.png) no-repeat;}

.header .nav ul li a.nav-about:hover,.header .nav ul li a.nav-about.active{ background:url(../image/nav_about_over.png) no-repeat;}
.header .nav ul li a.nav-protection:hover,.header .nav ul li a.nav-protection.active{ background:url(../image/nav_protection_over.png) no-repeat;}
.header .nav ul li a.nav-overseas:hover,.header .nav ul li a.nav-overseas.active{ background:url(../image/nav_overseas_over.png) no-repeat;}
.header .nav ul li a.nav-responsibility:hover,.header .nav ul li a.nav-responsibility.active{ background:url(../image/nav_responsibility_over.png) no-repeat;}
.header .nav ul li a.nav-news:hover,.header .nav ul li a.nav-news.active{ background:url(../image/nav_news_over.png) no-repeat;}
.header .nav ul li a.nav-contactus:hover,.header .nav ul li a.nav-contactus.active{ background:url(../image/nav_contact_over.png) no-repeat;}

.pre-load{display:none;}
.pre-load-common{display:none;}

.banner{ width:100%; min-width:1024px;}

.content{width:100%;}
.content-container{ width:1024px;margin:0px auto;}

.submenu-container.fixed{  position:fixed; top:10px;}
.submenu-container{ float:left; margin-left:20px; width:130px; padding:15px; margin-bottom:100px;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;user-select: none;}
.submenu-big-link{cursor:pointer;font-size:16px; color:#5b5b5b; line-height:1.5em; margin-bottom:5px; width:100%; text-align:right;letter-spacing:1px;}
.submenu-link{cursor:pointer;color:#9c9c9c; line-height:1.5em;font-size:12px;padding-left:15px; width:115px; text-align:right; }
.submenu-space{ height:15px; width:100%;}

.page-container.fixed{  margin-left:208px;  }
.page-container{ float:left; margin-left:24px; width:800px; }
.page-container h1{ margin-bottom:15px;}
.page-container h2{ margin-bottom:20px;}
.page-container p{ margin-bottom:15px; line-height:1.5em;}

.page{ display:none;}
.page .no-border-bottom{ margin-bottom:30px;}
.page .border-bottom{ margin-bottom:20px;}

/* Different Page With Different Color */
.content.aboutus .submenu-container{ border:#fb8e00 solid 2px;}
.content.aboutus .submenu-big-link.active,.content.aboutus .submenu-big-link:hover,.content.aboutus h1,.content.aboutus h2{ color:#fb8e00;}
.content.aboutus .submenu-link.active,.content.aboutus .submenu-link:hover{background:url(../image/submenu_icon_orange.png) no-repeat;}
.content.aboutus .border-bottom{ border-bottom:#fb8e00 solid 2px;}

.content.protection .submenu-container{ border:#00b6a3 solid 2px;}
.content.protection .submenu-big-link.active,.content.protection .submenu-big-link:hover,.content.protection h1,.content.protection h2{ color:#00b6a3;}
.content.protection .submenu-link.active,.content.protection .submenu-link:hover{background:url(../image/submenu_icon_green.png) no-repeat;}
.content.protection .border-bottom{ border-bottom:#00b6a3 solid 2px;}

.content.overseas .submenu-container{ border:#111e90 solid 2px;}
.content.overseas .submenu-big-link.active,.content.overseas .submenu-big-link:hover,.content.overseas h1,.content.overseas h2{ color:#111e90;}
.content.overseas .submenu-link.active,.content.overseas .submenu-link:hover{background:url(../image/submenu_icon_blue.png) no-repeat;}
.content.overseas .border-bottom{ border-bottom:#111e90 solid 2px;}

.content.contactus .submenu-container{ border:#98128a solid 2px;}
.content.contactus .submenu-big-link.active,.content.contactus .submenu-big-link:hover,.content.contactus h1,.content.contactus h2{ color:#98128a;}
.content.contactus .submenu-link.active,.content.contactus .submenu-link:hover{background:url(../image/submenu_icon_purple.png) no-repeat;}
.content.contactus .border-bottom{ border-bottom:#98128a solid 2px;}

.content.responsibility .submenu-container{ border:#e54b89 solid 2px;}
.content.responsibility .submenu-big-link.active,.content.responsibility .submenu-big-link:hover,.content.responsibility h1,.content.responsibility h2{ color:#e54b89;}
.content.responsibility .submenu-link.active,.content.responsibility .submenu-link:hover{background:url(../image/submenu_icon_purple.png) no-repeat;}
.content.responsibility .border-bottom{ border-bottom:#e54b89 solid 2px;}

.content.news .submenu-container{ border:#77b4ec solid 2px;}
.content.news .submenu-big-link.active,.content.responsibility .submenu-big-link:hover,.content.responsibility h1,.content.responsibility h2{ color:#77b4ec;}
.content.news .submenu-link.active,.content.news .submenu-link:hover{background:url(../image/submenu_icon_light_blue.png) no-repeat;}
.content.news .border-bottom{ border-bottom:#77b4ec solid 2px;}


.footer{width:100%; height:115px; background:#5e5e5e; color:#FFF; font-size:12px; }
.footer-container{width:1024px; height:100%; margin:0px auto; background:#5e5e5e; color:#FFF; position:relative; }
.footer-call{ position:absolute; left:50px; top:20px;}
.footer-nav{ position:absolute; right:80px; top:20px; text-align:right;}
.footer-nav ul li{ float:left; }
.footer-nav ul li span{ margin-left:5px;}
.footer-nav ul { margin-bottom:5px;}

.footer-copyright{ position:absolute;  right:80px; top:40px;  text-align:right;}


.color-blue{color:#00648d !important; }
.color-orange{color:#fb8e00 !important;}
.color-gray{color:#7a7a7a !important;}
.color-white{color:#ffffff !important;}

