html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "微软雅黑","华文细黑","MSYahei";
  font-size: 14px;
  line-height:1.75;
  color: #333;
  background-color: #F1F1F1;
   padding-top:68px;

}

a {
  color: #0E419C;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23547f;
  text-decoration: underline;
}


.nav,
.navbar
{
    height:68px;
}

.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;

}

.navbar-brand,
 .navbar-brand li,
.navbar-brand  li a
{
    padding:0;
    margin:0;
    border:none;
}

.navbar-brand 
{
    padding:0;
    padding-left:100px;
    margin-right:60px;

}
.homeprojectimg
{
    display:block;
    height:240px;
    border:solid 2px  rgba(50, 50,50, 20);
    overflow:hidden;
}

.hometopnewsimg
{
    display:block;
    height:180px;
    border:solid 2px  rgba(255, 255,255, 0.5);
    overflow:hidden;
    border-bottom:none;

}

.home{
    padding-bottom:40px;
    padding-top:10px;
}


.home h6{

    margin-bottom:30px;
    margin-top:20px;
    opacity: 0.5;
    font-size:20px;
}

.opacity50
{
   opacity:0.5;
}


@media(min-width:991px)
{
    .homenewslist
{
 height:438px;
}


}


@media(max-width:992px)
{


}



.topnews-caption
{
        border:solid 2px  rgba(255, 255,255, 0.5);
        border-top:none;
    background:#fff;
    color:#555;
    font-size:14px;
    padding:10px;
    text-align:center;
    margin-bottom:30px;
}
.btn-outline{

    background:#fff;
  color: #0E419C;
  border-color:#0E419C;
}

.homenewslist
{
    padding:10px 5px;
    
}

.homenewslist h5{
    font-size:15px;
}

.homenewslistnav
{
    height:45px;
   
    text-align:right;
    padding-right:20px;
}


.text-orange
{
    color:#f93;
}

.fsizehalf
{
   font-size:50%;
   vertical-align:middle;
}

.img-responsive
{
    width:100%;
}
.homenewslist .news-thumbnail{
    width:64px;
    height:64px;
float:right;

} 
.homenewslist .list-group-item-heading
{
    color:#0E419C!important;
    font-weight:700;
}

.homenewslist .list-group-item-text
{
  padding-left:22px;
  color:#555;
}


@media (max-width: 991px) {

    .homeprojectimg,.hometopnewsimg
{
    height:auto;
}
        .homeprojectimg img,
        .hometopnewsimg img
{
    width:100%;
}
}


.navbar-toggle {
margin-top:20px;
  margin-right: 5px;
  padding:8px 5px;
}
@media (max-width: 991px) {
.navbar-brand 
{
    padding:0;
    margin-left:10px;
    margin-right:15px;
}

.navbar-default a{
    margin:0 !important;
}

}

.navbar-brand img
{
    height:65px;
}


.navbar-default .navbar-nav > li a
{

    font-size:18px;
    padding-top:25px;
  padding-bottom:19px;
  padding-left:15px;
  padding-right:15px;
 color:#333;

 }

.navbar-default .navbar-nav > li a.navitem{

letter-spacing: 1px;

 margin-left:20px;
}


.navbar-default .navbar-nav > li.active > a
{

  color: #0E419C;
  border-bottom:solid 3px #0E419C;

}

.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-brand > li > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0E419C;
  border-bottom:solid 3px #0E419C;
    background-color:#fff;

}

.list-group .active a{
    color:#fff;
}






.navbar-default .navbar-nav > li.active > a
{

  color: #0E419C;
  background-color:#fff;
 
    border-bottom:solid 3px #0E419C;

}


.navmega{
    width:100%;
    background:rgba(255,255,255,0.95);
    min-height:320px;
    position:absolute;
    top:68px;
    left:0;
    border-top:solid 1px #eee;
    display:none;
   
}

#megaoff
{
    min-height:10px;
    height:10px;
    top:379px;
    z-index:100;
    border-top:none;
   background:rgba(14, 65, 156, 0.5);
   padding-top:-20px!important;

}
#megaoff *{
    margin-top:-10px;
}



.makeagift{

    background-color:#f93!important;
    color:#fff!important;
    font-size:15px!important;
    border-bottom:solid 3px #f93;
}


.list-group-item {
  position: relative;
  display: block;
  padding: 9px 15px;
  margin-bottom: 0px;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #F1F1F1;
}
.list-group-item:first-child {

 border-radius: 0;

}
.list-group-item:last-child {
  margin-bottom: 0;
 border-radius: 0;

}



/* TODO: verify if we can touch only section */
.jumbotron {
  margin-bottom: 0px !important;
}
.jumbotron h1.text-primary {
  color: #337cbb !important;
}
.jumbotron h1.text-inverse {
  color: #ffffff !important;
}
.jumbotron h1.text-info {
  color: #5bc0de !important;
}
.jumbotron h1.text-success {
  color: #5cb85c !important;
}
.jumbotron h1.text-warning {
  color: #f0ad4e !important;
}
.jumbotron h1.text-danger {
  color: #d9534f !important;
}
.carousel .item img {
  min-width: 100%;
}
.section {
  position: relative;
  padding: 10px 0 5px 0;
}
.section .background-image {
  z-index: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.section .background-image.background-image-fixed {
  background-attachment: fixed;
}
.section-primary {
  background-color: #337cbb !important;
  color: #ffffff;
}
.section-primary .background-image {
  opacity: 0.5;
}
.section-info {
  background-color: #5bc0de !important;
  color: #ffffff;
}
.section-info .background-image {
  opacity: 0.5;
}
.section-dock {
  background-color: #000 !important;
  color: #ffffff;
  opacity: 0.7;
}
.section-success {
  background-color: #5cb85c !important;
  color: #ffffff;
}
.section-success .background-image {
  opacity: 0.5;
}
.section-warning {
  background-color: #f0ad4e !important;
  color: #ffffff;
}
.section-warning .background-image {
  opacity: 0.5;
}
.section-danger {
  background-color: #d9534f !important;
  color: #ffffff;
}
.section-danger .background-image {
  opacity: 0.5;
}
.cover {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
  margin-bottom: 0px !important;
  padding: 0px 0px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-height: 100%;
}
.cover h1,
.cover .h1 {
  color: inherit;
}
.cover p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.cover > hr {
  border-top-color: #d5d5d5;
}
.container .cover,
.container-fluid .cover {
  border-radius: 5px;
}
.cover .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .cover {
    padding: 48px 0;
  }
  .container .cover,
  .container-fluid .cover {
    padding-left: 60px;
    padding-right: 60px;
  }
  .cover h1,
  .cover .h1 {
    font-size: 63px;
  }
}
.cover h1.text-primary {
  color: #337cbb !important;
}
.cover h1.text-inverse {
  color: #ffffff !important;
}
.cover h1.text-info {
  color: #5bc0de !important;
}
.cover h1.text-success {
  color: #5cb85c !important;
}
.cover h1.text-warning {
  color: #f0ad4e !important;
}
.cover h1.text-danger {
  color: #d9534f !important;
}


@media screen and (min-width: 768px) {
  .cover {
    padding: 0px;
  }
  .container .cover,
  .container-fluid .cover {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.cover .navbar {
  position: absolute;
  top: 0px;
  width: 100%;
  border: none;
  background-color: transparent !important;
}
.cover .navbar .navbar-nav li.active a {
  background-color: transparent !important;
}
.cover .navbar .navbar-toggle {
  border-color: transparent;
}
.cover .navbar .navbar-toggle:hover,
.cover .navbar .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar .navbar-toggle .icon-bar {
  background-color: #000000;
}
.cover .navbar.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle:hover,
.cover .navbar.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.cover .cover-image {
  z-index: -1;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cover .cover-image.background-image-fixed,
.cover .cover-image.cover-image-fixed {
  background-attachment: fixed;
}



.text-box-xs{
    width:60px;
}


.text-box-s{
    width:90px;
}

.text-box-m{
    width:150px;
}

.text-box-l{
    width:200px;
}

.text-box-xl{
    width:280px;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}



.ml-view-chs
{
    border-bottom:solid 1px #00a;
    border-left:solid 5px #00a;
    padding-left:1px;

}

.ml-view-cht
{
      border-bottom:solid 1px #090;
       border-left:solid 5px #090;
        padding-left:1px;
}
.ml-view-en
{
  border-bottom:solid 1px #F70;
    border-left:solid 5px #F70;
     padding-left:1px;
}

 
.ws-multilang ul { margin:0 0 0 10px;padding:0; }
.ws-multilang ul li {height:15px; margin:0;padding:1px  6px 3px;font-size:10px;;margin-right:1px; display:inline-block; }
.ws-multilang ul li.ws-ml-label { color:#eee; border-radius:7px 7px 0 0;cursor:pointer;}
.ws-multilang ul li.inactive{ background:#555!important;}
.ws-multilang ul li.ws-ml-btn{ background:#ccc; cursor:pointer; border-radius:4px 4px 0 0 ;margin-bottom:2px;}

.ws-multilang .border-chs{ border:solid 1px #00a!important;}
.ws-multilang ul li.bg-chs{ background: #00a;}
.ws-multilang .border-cht{ border:solid 1px #090!important;}
.ws-multilang ul li.bg-cht{ background: #090;}
.ws-multilang .border-en{ border:solid 1px #F70!important;}
.ws-multilang ul li.bg-en{ background: #F70;}
.ws-multilang  .form-item
  {
  clear:both;
  margin-bottom:3px;
  margin-top:-2px;
  border-width:3px;
  border-radius:5px;
  }
 .ws-multilang  .form-item input, .ws-multilang  .form-item textarea{
 border-left-width:5px!important;
 margin-top: -6px;
 }


.wsml-label { padding-top:25px!important;}





/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(blue16.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -16px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -32px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -48px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -64px 0;
    }

.iradio_square-blue {
    background-position: -80px 0;
}
    .iradio_square-blue.hover {
        background-position: -96px 0;
    }
    .iradio_square-blue.checked {
        background-position: -112px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -128px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -144px 0;
    }

/* Retina support
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
 */



.article {
    background: #fff;
    padding: 25px 35px;
    ;
    margin-right:0;
}

.article-title
{
    font-size:22px;
    font-weight:700;
    text-align:center;
}
.article-author {
    padding:10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color:#ccc;
    border-bottom:solid 1px #f1f1f1;
    margin-bottom:20px;
}
.article-content{
    font-size:16px;
   }


.detail img{
    width:95%!important;
    margin:6px auto;
}

.article-content img{
    width:95%!important;
    height:unset!important;
    margin:6px auto;
}
.article-content p{
    text-indent:2em;
}



.wxfooter {

    background:#f1f1f1;
    height:auto;
    padding:5px 10px;
    margin:10px 0;
    font-size:10px;
}

.wxfooter img {
 margin-top:-4px;
}

.wx .copy {

font-size:8px;
}

.wxbg{
    background-image:url(/content/common/wxbg.png);
}



.wxprogress
{

    padding-left:10px;
    background:#fff;
    border-bottom:dashed 1px #eee;
    padding-bottom:5px;
    line-height:1.4;
    font-size:14px;
}

.wxprogress div 
{
    
    margin:5px 0;
}

.wxprogress div.mid
{
    border-left:dotted 1px #ddd;
    border-right:dotted 1px #ddd;

}


.wxprogress span{

    color:#ff6a00;
}
.wxproject
{

    ;
}

.wxproject .mainpic
{

    width:100%;
}
.wxproject .title
{
    background:#000;
    color:#fff;
    font-size:15px;
    padding:2px 10px;
}

.wxproject .title span
{
    float:right;
    color:#eee;
    font-size:12px;
    padding:1px;
}

.wxproject .desc
{
 padding:10px;
 background-color:#effefe;
 border:solid 1px #ccc;
 margin:5px;

}

.wxproject .detail
{
    padding:10px;

}


.donationoption {

background:#fefefe;
min-height:200px;
width:100%;
padding:10px;
display:none;
border-top:solid 5px #7ab3f8;
padding-bottom:5px;

}

.donationoption .title
{
    border-bottom:solid 1px #ccc;
    padding-bottom:5px;
    margin-bottom:5px;
    font-size:16px;
    font-weight:700;
}
.donationoption  .selfinput 
{
    width:100%;
    padding:8px 0;

}

.fullmask
{
    display:none;
    width:100%;
    height:100%;
    background:#000;
    filter:alpha(opacity=50);  /*支持 IE 浏览器*/
    -moz-opacity:0.50; /*支持 FireFox 浏览器*/
    opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
    text-align:center;


}

.fullmask .spinner
{

    margin-top:50%;
    display:none;

}

.donationoption  .selfinput  input
{
    width:97%!important;
    border-radius:5px;
    font-size:15px;
    padding:5px;
    border:solid 3px #f1f1f1;
    max-width:100%;
   
}

.donationoption ul
{
    margin:0;
    padding:0;

}
.donationoption ul.options li{

    padding:5px 10px;
    font-size:16px;
    background:#eee;
    color:#000;
    font-weight:700;
    border-radius:5px;
    display:inline-block;
      border:solid 3px #eee;
      text-align:center;
      width:23%;
      cursor:pointer;

}

.donationoption ul.options li.current,.donationoption input.current {

    background:#fff;
    color:#000;
     border:solid 3px  #569ef5;
}

.donationoption ul.toptions li{

    padding:5px 10px;
    font-size:12px;
    background:#eee;
    color:#000;
    font-weight:700;
    border-radius:5px;
    display:inline-block;
      border:solid 2px #eee;
      text-align:center;
      cursor:pointer;

}

.donationoption ul.toptions li.current,.donationoption input.current {

    background:#fff;
    color:#000;
     border:solid 2px  #569ef5;
}

.via
{
  ;
}

    .via img {
    width:100%;
    }

    .via .viadesc
    {

      padding:10px;
      border: dotted 2px #7ab3f8;
      margin:5px;

    }
      .via .viadesc_red
      {

          border-color:#900;
      }

           .via .viadesc_green
      {

          border-color:#2da304;
      }

.wxdp
{
    min-height:100px;
    border-top:solid 1px #eee;
    padding:10px;

}

.clearpadding {
    padding:0!important;
}

.wxdpimg
{
    margin-top:10px;
    width:100%;
    border-radius:8px;
    border:solid 1px rgba(0, 0, 0, 0.05);
    margin-left:10px;
}

.wxdptitle{
    padding:5px 0;
    margin:0;
    font-size:15px;
    color:#333;
    font-weight:100;
}

.wxdpdesc{
    font-size:12px;
    color:#bbb;

}

.wxdpstat {
font-size:10px;
color:#ccc;
}

.wxdpstat span, .wxdpstat i
{
    color:#ff6a00;
}


.btn-round{
    border-radius:12px!important;

}

.topshare
{
    display:block;
    text-align:right;
    margin:0;padding:0;
    height:15px;
    overflow:hidden;
}
.topshare img
{
    float:right;
}

.homethanks {

    padding: 20px;
    line-height: 2;
    margin-bottom:30px;
}

    
.homethanks h3
    {
    margin-top:0;
    }

.text-light
{
    color:#ccc;
}


.bg-light
{
    background-color:#f1f1f1;
}

.pb20{
    padding-bottom:20px;
}

.pt30{
    padding-top:30px;
}
.pt40{
    padding-top:40px;
}

.p20{
    padding:20px;
}
.mb30{
    margin-bottom:30px;
}

.carousel-text{

    display:none;
}

.carousel-caption {
  position: absolute;
  font-size:15px;
  height:26px;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  z-index: 10;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color:rgba(5, 0, 0, 0.6);
}

@media(max-width: 767px){


   .side-left
    {
          display:none;
    }


    #navmega{
        display:none;
    }
 

       .navbar-default .navbar-nav  > li a {
           height:30px;
           margin-left:0;
           padding:5px 10px;
           font-size:15px;
}

              .navbar-default .navbar-nav  > li.active  a {
      
                /*  background-color:#f1f1f1;*/

}
       .navbar-default .navbar-nav  > li a.navitem {
          
           margin:0;
}
}
@media (min-width: 768px) {

        .lrpage >.row{
    margin-right:0!important;
}
    .lrpage{
    margin-top:15px;
}

.carousel-inner > .item {
height:450px;
overflow:hidden;

}

.carousel-text{
    display:block;
 width: 240px; background-color: #000000; opacity: 0.75; color: #FFFFFF;
position:absolute; top:25%;  left:70%;
padding:20px;
}

}


.bg-white{

    background:#fff;
}

.bg-blue{
    background-color:#0E419C;
    color:#fff;
}


  .wxbox {
                width: 100%;
                border: none;
                border-bottom: solid 2px #eee;
                margin-bottom: 5px;
                padding-left: 5px;
                margin-top: 5px;
            }

            .control-label {
                text-align: right;
            }

.donation_group
{
    width:100%;
    border-top:solid 3px #f93  ;
    text-align:center;
    border-bottom:solid 3px #f93  ;
    background-color:rgba(255, 119, 0, 0.24)
   
}


.wsgrid .row{

    padding-top:1rem;
    padding-bottom:0.5rem;
    border-bottom:dashed 1px #eee;


}


.article-content p,
.detail p {
text-indent:2em;
}

.fd_fieldname
{
  text-align:right;
   padding-right:5px;
   font-weight:700;
   padding-top:3px;
border-top:dashed 1px #fefefe;
}


.fd_fieldvalue
{
      padding-top:3px;
border-top:dashed 1px #fefefe;

   padding-left:5px;
}





.A4Page
{
    margin:0 auto;
    padding:0;
}

.A4Page .main{
    width:18cm;
    font-size:11.5pt;
    font-family:KaiTi;
    text-align:center

}

.A4Page .main .title{
   

    font-family:黑体;


}

.A4Page .main  th{
   
    text-align:center;
    font-family:楷体;


}