@charset "gb2312";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	border: 0px;
	padding: 0px; 
	font-size: 100%; 	
	margin: 0px; 
	font-family: inherit; 
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
}


body {
	color: #444;
	background:#fff;
	line-height: 20px;
	font-size: 12px;
	font-family:"\5FAE\8F6F\96C5\9ED1","Lucida Sans Unicode","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
	margin: 0px;
}


input,textarea,select
{
	font-family: "Lucida Sans Unicode","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size:12px;
	outline:none;
}

.content
{
	background:#fff;
	min-width:320px;
}

img {
	border: 0px;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
}

a,a:link {
	text-decoration: none;
	color:#4F608C;
	font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,Arial,sans-serif;
}

a:hover
{
	text-decoration:none;
	color:#074b8a;
}

ul, li {
	list-style-type:none;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clearfix:after {
	display:block;
	content:'';
	clear:both;
	height:0px;
	visibility: hidden;
}

.yahei{
	font-family:"\5FAE\8F6F\96C5\9ED1";
}


h1,h2,h3,h4
{
	font-family:"\5FAE\8F6F\96C5\9ED1";
}

.clearfix {
*display:table;
*zoom:1;
}

.clear
{
	clear:both;
	overflow:hidden;
	height:0;	
}
.locationbar{height:2rem;line-height:2rem;padding-left:1rem;}
.win_list{padding:0.2rem;}
.win_list li{ padding:0.2rem; white-space:nowrap; overflow:hidden; border-bottom:#cccccc 1px dotted; }

.labellist{padding:0.2rem;}
.labellist li{padding:0.2rem;text-align:center;}
/*top bar*/
.top-bar {
  background: #074b8a; 
}
.top-bar-section ul li {
     }
@media only screen and (min-width: 40.0625em) {
.top-bar-section li:not(.has-form) a:not(.button) {
      background: #074b8a;
	  padding: 0 0.2875rem;
	  }	
	  .top-bar-section .has-dropdown > a {
      padding-right: 1.6875rem !important; }
	 
}
.tab-bar .menu-icon {
  color: #FFFFFF;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0, 0, 0);
  width: 5.8125rem; }
  .tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu .zurb-links ul.pillars li a {
  padding: 0 !important; }

.off-canvas-wrap .left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 13.88889rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0;
  width: 84%; }
  .off-canvas-wrap .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .off-canvas-wrap .left-off-canvas-menu hr {
    border-color: #444444;
    margin: 5px 0 10px 0 !important; }
  .off-canvas-wrap .left-off-canvas-menu .off-canvas-list li.gs {
    padding: 0 1.08rem;
    margin-top: 8px; }
  .off-canvas-wrap .left-off-canvas-menu .off-canvas-list li a {
    border-bottom: none !important;
    font-size: 0.8rem;
    padding: 0.2rem 0.95rem;
    color: #ccc;
    font-family:"\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 500; }
  .off-canvas-wrap .left-off-canvas-menu .off-canvas-list li label {
    background: none !important;
    border-top: none !important;
    padding: 0.4rem 0.95rem  0.4rem 0.95rem !important;
    font-size: 0.775rem !important; }
  .off-canvas-wrap .left-off-canvas-menu .off-canvas-list li label.first {
    padding-top: 0.75rem !important; }
.off-canvas-wrap.move-right > .inner-wrap {
  -webkit-transform: translate3d(83.5%, 0, 0);
  -moz-transform: translate3d(83.5%, 0, 0);
  -ms-transform: translate(83.5%, 0);
  -o-transform: translate3d(83.5%, 0, 0);
  transform: translate3d(83.5%, 0, 0); }
.off-canvas-wrap.move-right a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 35.61111em) {
    .off-canvas-wrap.move-right a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
.off-canvas-wrap.move-left > .inner-wrap {
  -webkit-transform: translate3d(-83.5%, 0, 0);
  -moz-transform: translate3d(-83.5%, 0, 0);
  -ms-transform: translate(-83.5%, 0);
  -o-transform: translate3d(-83.5%, 0, 0);
  transform: translate3d(-83.5%, 0, 0); }
.off-canvas-wrap.move-left a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  @media only screen and (min-width: 35.61111em) {
    .off-canvas-wrap.move-left a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.lt-ie10 .off-canvas-wrap .left-off-canvas-menu {
  left: -84%; }
.lt-ie10 .off-canvas-wrap .right-off-canvas-menu {
  right: -84%; }
.lt-ie10 .off-canvas-wrap.move-left > .inner-wrap {
  right: 84%; }
.lt-ie10 .off-canvas-wrap.move-right > .inner-wrap {
  left: 84%; }

.left-off-canvas-menu .zurb-links {
  padding-bottom: 25px;
  margin-top: -5px; }

.left-off-canvas-menu .zurb-links ul.top {
  margin-top: 15px; }

.left-off-canvas-menu .zurb-links ul.top li {
  display: inline-block;
  margin-left: 0px;
  line-height: 1;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

.left-off-canvas-menu .zurb-links ul.top li.logo {
  margin-left: 0px;
  width: 60px;
  height: 10px; }

.left-off-canvas-menu .zurb-links ul.top li.logo a {
  margin-top: 1px;
  padding: 3px 8px 3px 0px !important;
  display: block;
  font-size: 0.9rem !important;
  height: 12px;
  width: 60px;
  background: url("../img/offcanvas/zurb-logo.png") no-repeat;
  background-size: 100%; }

.left-off-canvas-menu .zurb-links ul.top li.logo img {
  width: 60px;
  margin-top: -4px; }

.left-off-canvas-menu .zurb-links ul.top li a {
  color: #727272 !important;
  text-transform: uppercase;
  font-size: 11px !important;
  padding: 5px !important;
  font-weight: 600 !important; }

.left-off-canvas-menu .zurb-links ul.pillars {
  list-style: none; }

.left-off-canvas-menu .zurb-links .footer-link-block span.title {
  padding-bottom: 0px;
  padding-left: 40px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1.3rem  !important;
  margin-bottom: 8px;
  color: #cccccc; }

.left-off-canvas-menu .zurb-links .footer-link-block span {
  display: block;
  color: #ccc;
  font-size: 1.0rem  !important;
  line-height: 18px;
  margin-bottom: 18px;
  line-height: 20px;
  margin-bottom: 24px;
  color: #727272;
  padding-left: 0;
  font-size: 0.9rem  !important; }

.left-off-canvas-menu .zurb-links .footer-link-block {
  font-weight: normal;
  background: url("../img/offcanvas/footer-icons.png") no-repeat 0 0;
  display: block;
  margin-bottom: 14px;
  padding-top: 6px; }

.left-off-canvas-menu .zurb-links .footer-link-block.expo {
  background-position: 0 -798px; }

.left-off-canvas-menu .zurb-links .footer-link-block.services {
  background-position: 0 -198px; }

.left-off-canvas-menu .zurb-links .footer-link-block.apps {
  background-position: 0 -598px; }

.left-off-canvas-menu .zurb-links .footer-link-block.foundation {
  background-position: 0 -398px; }

/* Retina Images */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .left-off-canvas-menu .zurb-links .footer-link-block {
    font-weight: normal;
    background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0;
    display: block;
    margin-bottom: 14px;
    padding-top: 6px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.expo {
    background-position: 0 -798px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.services {
    background-position: 0 -400px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.apps {
    background-position: 0 -598px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.foundation {
    background-position: 0 -398px; } }
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (max-width: 320px) {
  .left-off-canvas-menu .zurb-links .footer-link-block {
    font-weight: normal;
    background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0;
    display: block;
    margin-bottom: 14px;
    padding-top: 6px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.expo {
    background-position: 0 -793px;
    background-size: 100px 1400px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.services {
    background-position: 0 -197px !important;
    background-size: 100px 1400px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.apps {
    background-position: 0 -595px;
    background-size: 100px 1400px; }

  .left-off-canvas-menu .zurb-links .footer-link-block.foundation {
    background-position: 0 -395px;
    background-size: 100px 1400px; } }
	
.subnav {
  float: none;
  position: relative;
  text-align: center;
  margin-bottom: 0;
  top: 0rem; }
  .subnav li {
    float: none;
    display: inline-block; }
    .subnav li a {
      padding: 0.9rem 0.5rem 0.75rem;
      font-size: 0.75rem;
      color: #fff;
      font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,Arial,sans-serif;
      text-transform: uppercase;
      display: block;
      font-weight: none;
      letter-spacing: 1px; }
      .subnav li.is-active a{
        background: rgba(250, 250, 250, 0.15); }
      .subnav li a:hover {
        background: rgba(250, 250, 250, 0.15);
        transition: all 0.25s ease-in-out; }
    @media screen and (max-width: 46em) {
      .subnav li {
        display: none; } }
  .subnav.contribute {
    top: -0.05rem; }
  .subnav.why-foundation {
    top: 2.5rem; }
  .subnav.services {
    top: 11.3rem; }
    @media only screen and (max-width: 64em) {
      .subnav.services li a {
        display: none; } }
  .subnav.business {
    top: 1.4rem; }
    @media only screen and (max-width: 64em) {
      .subnav.business li a {
        display: none; } }
  @media only screen and (min-width: 40.063em) and (max-width: 46em) {
    .subnav li a {
      font-size: 0.7rem; } }

.sidebar {
  background: #FAFAFA;
  padding: 32px 10px; 
  }

.sidebar.fixed,
[data-magellan-expedition] {
  left: auto !important; }

.side-nav .heading {
  text-transform: uppercase; }
.side-nav li.heading a,.side-nav li.heading{
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.side-nav li {
  margin: 0;
  padding: 0; }

.side-nav li a {
  padding: 0.33333rem 0.5rem; 
 }
  .side-nav li a:not(.button) {
    padding: 0.33333rem 0.5rem; }
  .side-nav li a:hover {
    color: #003f54; }
    .side-nav li a:hover span {
      background: #dadada;
      color: #000; }
.side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, Roboto, Arial, sans-serif;
	  background: rgba(0, 0, 0, 0.05);
     }
.side-nav .heading,
.sidebar form {
  padding: 2px 0px; }

.side-nav li.divider {
  margin: 8px 0px; }
  
  .side-nav li:not(.heading){
	padding-left:1rem;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
  padding: 4px 0px;
  font-size: 0.77778rem;
  font-weight: bold; }

.sidebar .download.button {
  margin: 10px 0px;
  font-size: 1rem; }

/*
.sidebar .side-nav {
  overflow-y: scroll;
  height: 600px;

}
*/
.sidebar .label {
  background: #ddd;
  border-radius: 3px;
  color: #777;
  margin-left: 5px; }

.sidebar form {
  margin-bottom: 0; }

.sidebar .button {
  font-size: 0.66667rem; }

.magellan-fixed.magellan-outer-wrapper {
  overflow-y: scroll;
  width: inherit; }
.magellan-fixed .magellan-inner-wrapper {
  overflow-y: scroll; }

.sidebar input[type="search"]:focus {
  box-shadow: 0 0 0 !important; }


.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative; }
    .tabs dd > a,
    .tabs .tab-title > a {
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 0.5rem 1rem; }
      .tabs dd > a:hover,
      .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active > a,
    .tabs .tab-title.active > a {
      background-color: #FFFFFF;
      color: #222222; }
  .tabs.radius dd:first-child a,
  .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a,
  .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd,
  .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 40.0625em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }

  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

	
.logo{margin:0em;}
.banner{width:100%;}
.searchPanel{margin:1.2em; text-align:right;}
.searchinput{height:20px;line-height:20px;}
.searchbtn{height:20px;line-height:20px;padding-top:0px;color:white;}
.win{background-color:#ffffff;padding:0.5rem 0rem 0.5rem 0rem;border:0rem;}
.win .win_title{background-image:url(imagesbg.jpg);padding:0.5rem;}
.win .win_title h1{ font-family:"\5FAE\8F6F\96C5\9ED1";display:inline;font-size:1rem;padding:0rem 1rem 0rem 1rem;}
.chanel .win_title .more{display:inline;}
div.more{float:right;padding:0.5rem;}
.bottomnav{text-indent:0px;list-style-type:none;margin-left:0;padding-left:0;}
.bottomnav ul{text-indent:0px;list-style-type:none;margin-left:0;padding-left:0;}
.bottomnav li{text-indent:0px;list-style-type:none;margin-left:0;padding-left:0;}
.bottomnav li a{height:1.5rem;line-height:1.5rem;font-family:"\5FAE\8F6F\96C5\9ED1"}
ul.bottomnav >li >a{border-bottom:#666666 2px solid;font-size:0.8rem;}
.footer{border-top:1px #999999 solid;padding:1.8rem 0rem 1.8rem 0rem;margin-top:1rem;}
/*article*/
.article{
	padding:1rem;
	text-align: left;
}

.article .title {
	
	text-align: center;
	padding:1rem;
	border-bottom:#CCCCCC 1px solid;
}
.article .title h1{ font-family:"\5FAE\8F6F\96C5\9ED1";font-size:1.4rem;}
.article .info{
	height:1.5rem;
	font-size:0.8rem;
	line-height:1.5rem;
	text-align: center;
}
ul.large{font-size:0.95rem;}
.article .content{
	font-family:"\5FAE\8F6F\96C5\9ED1";
	font-size:0.95rem;
	line-height:180%;
	color:#333333;
	padding:1.5rem 0rem;
}
.article .content p
{
	margin:1rem 0;
	line-height:180%;
}
.article .content img{

}
.article .content table.grid { 
	border-collapse:collapse;
	padding: 4px;
	border: 1px #999999 solid;
}
.article .content table.grid td{border:1px #cccccc solid;padding: 4px;}
ul.underline li{border-bottom:1px #dddddd dotted;}
.win_list li span{float:right;}
.paging span{padding:0rem 1rem;float:left;text-align:center;}
.paging span a{padding:0.5rem;}
.paging{padding:1rem 0rem 2rem 0rem;}
.iconnav{}
.labelnav{display:block;padding:0.5rem;}
