@charset "utf-8";

/* CSS Document */
body {font-family:"Helvetica Neue",Helvetica,arial;font-size:12px;color:#333;width:100%;margin:0;padding:0;text-align:left;height:100%;background:#fff;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; color:#333;font-family:"Helvetica Neue",Helvetica,arial; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li {list-style:none;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix{ zoom:1;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.b {font-weight:bold;}
.i {font-style:italic;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.center{ text-align:center;}
a{blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
  outline:none;   /*    FF Opera    */}
a:focus{-moz-outline-style: none;   /*    FF    */}
a{text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#363d96;}
.f14 {font-size:14px;}
.f18 {font-size:18px;}  
.f20 {font-size:20px;}

.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t40 {margin-top:40px;}
.t80 {margin-top:80px;}
.b10 {margin-bottom:10px;}
.b20 {margin-bottom:20px;}
.b40 {margin-bottom:40px;}
.b80 {margin-bottom:80px;}
.left10 {margin-left:10px;}
.left25 {margin-left:25px;}


/* Color */
.white,a.white,a.white:visited {color:#fff;}
.black,a.black,a.black:visited {color:#000;}

.blue,a.blue,a.blue:visited {color:#363d96;}
a.blue:hover { text-decoration:underline}

.orange,a.orange,a.orange:visited {color:#fecd07;}
a.orange:hover { text-decoration:underline}


/*Form*/
input,select { outline:none;font-size:14px;color:#333; font-family:"Helvetica Neue",Helvetica,arial;}
textarea {outline:none;font-size:12px;font-family:"Helvetica Neue",Helvetica,arial;color:#333; resize:none;padding:3px; line-height:20px;}
span.inputText {color:#959595;font-size:14px;position:absolute;left:10px;top:11px;line-height:16px;}


/*  #header  */
#header{height:120px; position:relative; z-index:10;background:url(../images/base/h_bg.png) repeat-x left bottom;width:100%;padding-bottom:2px;}
	.h_box {width:960px;margin:0 auto;height:120px; position:relative;}
	.h_box .logo {float:left;margin-top:51px;}
	.h_box .h_right {float:right; position:relative; z-index:2;}
	.h_box .rtop {float:right;clear:both;padding-top:22px;*width:525px; position:relative; z-index:2;}
	.h_box .rtop .h_nav {float:left;margin-left:15px;}
	.h_box .rtop .h_nav a {display:inline;padding:0 7px;color:#555;line-height:30px;}
	.h_box .rtop .h_nav a:hover {color:#363d96;}
	
	
	.h_box .rtop .h_share {float:left;margin-top:5px;}
	.h_box .rtop .h_share ul li {float:left; position:relative;}
	
	.h_box .rtop .h_share ul li {float:left;font-size:16px;margin-right:15px;font-weight:bold; position:relative;}
	.h_box .rtop .h_share ul li a {color:#bababa;display:block;line-height:20px;height:20px;background:url(../images/ico/ico-h-share.png) no-repeat;width:0;padding-left:20px;}
	
	.h_box .rtop .h_share ul li.linkined a { background-position:0 0}
	.h_box .rtop .h_share ul li.linkined a:hover,.h_box .rtop .h_share ul li.linkined a.active { background-position:left -20px;}
	.h_box .rtop .h_share ul li.twitter a { background-position:-36px 0}
	.h_box .rtop .h_share ul li.twitter a:hover,.h_box .rtop .h_share ul li.twitter a.active { background-position:-36px -20px;}
	.h_box .rtop .h_share ul li.facebook a { background-position:-70px 0}
	.h_box .rtop .h_share ul li.facebook a:hover,.h_box .rtop .h_share ul li.facebook a.active { background-position:-70px -20px;}
	.h_box .rtop .h_share ul li.youtube a { background-position:-98px 0}
	.h_box .rtop .h_share ul li.youtube a:hover,.h_box .rtop .h_share ul li.youtube a.active { background-position:-98px -20px;}
	
	
	
	
	.h_box .rtop .h_share ul li .linkcont { position:absolute;left:-10px;top:20px; background:url(../images/base/share-arrow.png) no-repeat 10px top;padding-top:10px;display:none;}
	.h_box .rtop .h_share ul li .linkcont p {font-size:14px;color:#fff; background:#363d96;padding:10px 20px;font-weight:400;display:block;white-space:nowrap;}
	
	
	
	
	.h_box .rtop .h_search {float:left;width:218px;height:28px;border:1px solid #acacac;margin-left:10px;}
	.h_box .rtop .h_search .input_w {float:left;padding:4px 10px;width:160px;border:0; background:none;}
	.h_box .rtop .h_search .btn_search {float:right;width:17px;height:16px; background:url(../images/ico/ico-search.png) no-repeat;padding-right:0;border:0;margin:6px 8px 0 0; cursor:pointer;}
	.h_box .rtop .h_search .btn_search:hover { background-position:left bottom;}
	

#menu {float:right;clear:both;padding-top:17px; position:relative; z-index:1;}
#menu ul {float:left;*width:706px;}
/* #menu ul li {float:left; background:url(../images/base/menu-line.png) no-repeat right center; text-transform:uppercase;font-weight:bold; position:relative;}*/
#menu ul li {float:left; text-transform:uppercase;font-weight:bold; position:relative;}
#menu ul li.last { background:none;}
#menu ul li.last a {padding-right:0;}
#menu ul li a {color:#3c4145;display:block;padding:0 15px;height:38px;line-height:38px;}
#menu ul li a:hover {color:#363d96; text-decoration:none;}
#menu ul li a.active {color:#363d96;}
#menu ul li ul { position:absolute;left:0;top:38px;width:170px; box-shadow:0px 1px 1px #666;display:none;}
#menu ul li ul li { text-transform:none;float:none; background:none;display:block;}
#menu ul li ul li a {display:block; background:#f3f5fa;border-bottom:1px solid #bec0c8;height:28px;line-height:28px;padding:0 17px;}
#menu ul li ul li a:hover { background:#363d96;color:#fff;border-bottom:1px solid #363d96;}

#menu ul li.expanded:before {
	content: '-';
	display: block;
	position: absolute;
	right: -2px;
	top: 10px;
	font-size: 12px;
}
#menu ul li.expanded.menu-first-advocacy:before,
#menu ul li.expanded.menu-first-tools:before {
	content: '|';
	color: #3c4145;
}
	
	
	.h_box .welcome { position:absolute;right:0;top:109px; background:url(../images/ico/ico-welcome.png) no-repeat 265px 0;padding-top:11px;width:320px; z-index:1}
	.h_box .welcome .cont {width:290px; background:#fecd07; position:relative;padding:15px 15px;color:#3c4145;}
	.h_box .welcome .cont a.bn_hide { position:absolute;right:10px;right:15px;line-height:18px;}
	.h_box .welcome .cont a.bn_hide:hover { text-decoration:underline;}
	.h_box .welcome .cont h5 {display:block;font-weight:bold;line-height:18px;font-size:12px;color:#3c4145;}
	.h_box .welcome .cont p {display:block;line-height:18px;margin-top:5px;color:#3c4145;}

/*  #footer  */
#footer {height:100%; overflow:hidden; background:#fff;border-top:1px solid #c2c2c2;}
	.f_box {width:960px;margin:0 auto;padding:40px 0 35px 0;height:100%; overflow:hidden;}
	.f_cont {height:100%; overflow:hidden;border-bottom:1px solid #c2c2c2;}
	.f_nav {height:100%; overflow:hidden;margin-top:30px;width:1005px;}
	.f_nav dl {float:left;margin-right:45px;}
	.f_nav dl dt {display:block;font-size:16px;font-weight:bold;color:#000;}
	.f_nav dl dd {display:block;margin-top:10px;}
	.f_nav dl dd ul li {display:block;line-height:26px;}
	.f_nav dl dd ul li a {color:#000;}
	.f_nav dl dd ul li a:hover { text-decoration:underline;}
	
	.f_cont .share {float:left;width:100%;margin-top:60px;padding-bottom:30px;}
	.f_cont .share ul {}
	.f_cont .share ul li {float:left;font-size:16px;margin-right:60px;font-weight:bold; position:relative;}
	.f_cont .share ul li a {color:#bababa;display:block;line-height:30px;height:30px;}
	.f_cont .share ul li a:hover {color:#363d96;}
	.f_cont .share ul li.twitter a { background:url(../images/ico/ico-twitter.png) no-repeat left 5px;padding-left:35px;}
	.f_cont .share ul li.twitter a:hover,.f_cont .share ul li.twitter a.active { background-position:left -74px;}
	.f_cont .share ul li.facebook a { background:url(../images/ico/ico-facebook.png) no-repeat left 3px;padding-left:20px;}
	.f_cont .share ul li.facebook a:hover,.f_cont .share ul li.facebook a:active { background-position:left -71px;}
	.f_cont .share ul li.googleplus a { background:url(../images/ico/ico-googleplus.png) no-repeat left 4px;padding-left:35px;}
	.f_cont .share ul li.googleplus a:hover,.f_cont .share ul li.googleplus a.active { background-position:left -72px;}
	.f_cont .share ul li.linkined a { background:url(../images/ico/ico-linkined.png) no-repeat left 0px;padding-left:35px;}
	.f_cont .share ul li.linkined a:hover,.f_cont .share ul li.linkined a.active { background-position:left -74px;}
	
	
	
	
	.f_cont .share ul li .linkcont { position:absolute;left:0;bottom:30px;display:none;width:312px;}
	
	.f_box .allright {float:left;color:#000;margin-top:25px;line-height:20px;}
	.f_box .allright img {float:left;margin-right:5px;}
	.f_box .flow {float:right;line-height:20px;margin-top:25px;}
	.f_box .flow img {float:left;margin-right:5px;margin-top:4px;}
	.f_box .flow a {color:#84817d;}
	.f_box .flow a:hover {text-decoration:underline;}




#boxScroll { position:fixed;width:57px;height:56px;right:20px;top:45%; z-index:100;}
#boxScroll a {display:block;width:57px;height:56px; background: url(../images/ico/ico-scroll.png) no-repeat;}
#boxScroll a.toTop {background-position:0px 0px;}
#boxScroll a.toTop:hover { background-position:right 0;}
#boxScroll a.toBottom {background-position:0px bottom;}
#boxScroll a.toBottom:hover { background-position:right bottom;}





/* btn */
input.btn_blue,a.btn_blue {display:block;border:0; background:#363d96;color:#fff; cursor:pointer;}
input.btn_blue:hover,a.btn_blue:hover { background:#6e77df;}

input.btn_orange,a.btn_orange {display:block;border:0; background:#fecd07;color:#3c4145; cursor:pointer;}
input.btn_orange:hover,a.btn_orange:hover { background:#feb007;}



/* cookie */
#sliding-popup {
  display: block;
  margin: 0;
  padding: 0px;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 99999;
}

.sliding-popup-bottom {
  background: url('../images/gradient.png') center center scroll repeat-y #948c75;
  position: fixed;
}

.sliding-popup-top {
  background-color: #000;
  position: relative;
}

#sliding-popup .popup-content {
  background-color: transparent;
  border: 0 none;
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 80%;
}

#sliding-popup .popup-content #popup-buttons {
  float: right;
  margin: 0;
  max-width: 40%;
}

#sliding-popup .popup-content #popup-buttons button {
  cursor: pointer;
  display: inline;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;

  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color:#ededed;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#000;
  font-family:arial;
  font-weight:bold;
  padding:4px 8px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}

#sliding-popup .popup-content #popup-buttons button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}

#sliding-popup .popup-content #popup-buttons button:active {
  position:relative;
  top:1px;
}

#sliding-popup .popup-content #popup-text {
  color: #fff;
  float: left;
  font-weight: bold;
  margin: 5px 0;
  text-align: left;
  max-width: 60%;
}

#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 5px 0;
}

#sliding-popup .popup-content #popup-text p {
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  #sliding-popup .popup-content {
    max-width: 95%;
  }

  #sliding-popup .popup-content #popup-text {
    max-width: 100%;
  }

  #sliding-popup .popup-content #popup-buttons {
    float: none;
    margin: 5px 0;
    max-width: 100%;
  }
  #sliding-popup .popup-content #popup-buttons button {
    margin-bottom: 1em;
  }
}