@import 'reset.css';

body {background:#fff; font-family:arial, sans-serif; font-size:16px; color:#333;}
a {color:#09c; text-decoration:none;}
a.alter {color:#334F91; text-decoration:none;}
a:hover {text-decoration:underline;}

#wrapper {background:#fff;
 width:100%;
min-height:100%;
height:auto  !important;
height:100%;
position:relative;

}

#head {position:relative; width:856px; margin:0 auto 136px; z-index:3;}
.head-in {margin:0 0px; height:476px; background:url(../imgs/bg1.png) 0 49px repeat-x; position:relative;}

#footer {position:relative; background:#d7ebee; clear:both; margin-top:-50px; height:50px; font-size:16px; color:#666; }

.protect{ height:115px; width:100%; clear:both;}

.footer-in {width:856px; margin:0 auto;}
.copy {float:left; margin-left:10px; display:inline; margin-top:25px;}
.f-nav {float:right; margin:25px 10px 0 0; display:inline;}
.f-nav li {float:left; margin-left:30px;}

.logo {position:absolute; left:60px; top:14px;}
.logo span {position:absolute; z-index:3; font-size:16px; color:#ebc2d4; text-decoration:none; left:25px; top:63px;}

.lang {position:absolute; right:0; top:19px; height:31px; font-size:16px;}
.lang li {float:left; height:31px; width:47px; text-align:center; line-height:31px;}
.lang .active {background:#8ed1db;}

.we {position:absolute; right:63px; font-size:16px; top:66px; line-height:32px; vertical-align:middle;}
.we img {vertical-align:middle; margin-left:8px;}

.flash {position:absolute; left:69px; top:108px;}
.flash-in {
    background: none repeat scroll 0 0 white;
    font-size: 18px;
    height: 550px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.flash i {width:734px; height:562px; background:url(../imgs/sh.png); overflow:hidden; position:absolute; left:-16px; top:-7px;}

.b {width:856px; margin:0 auto -48px; position:relative; z-index:2;}
.b-in {width:856px; background:url(../imgs/w2.png); overflow:hidden; padding:50px 0 30px;}
.b-top {display:block; width:856px; height:12px; background:url(../imgs/w1.png); overflow:hidden;}
.b-bot {display:block; width:856px; height:12px; background:url(../imgs/w3.png); overflow:hidden;}
.b-in li {float:left; padding-top:180px; width:240px; font-size:16px;}
.b-in ul {overflow:hidden; margin-left:75px;}
h2 {font-size:20px; font-weight:normal; margin-bottom:5px; line-height: 1.2; }
h1 {font-size:24px; font-weight:normal; margin-bottom:5px; line-height: 1.2; }
.li1 {background:url(../imgs/i1.jpg) 0 0 no-repeat;}
.li2 {background:url(../imgs/i2.jpg) 0 0 no-repeat;}
.li3 {background:url(../imgs/i3.jpg) 0 0 no-repeat;}

.b2 {background:#a00044 url(../imgs/bg2.html) 0 0 repeat-x; color:#fff; margin-bottom:23px;}
.b2 a {color:#fff; text-decoration:underline;}
.b2 a:hover {text-decoration:none;}
.b2-in {width:856px; margin:0 auto; padding:63px 0 26px;}
.b2 dt {font-size:18px; margin-bottom:10px;}
.b2 dd {margin-bottom:5px;}

.col-l {float:left; width:406px;}
.col-r {float:right; width:406px;}
.cols {padding:0 10px;}
.clear {clear:both;}

.content {width:856px; margin:0 auto; padding-bottom:40px; line-height:1.6;}
.b-txt {margin-bottom:23px;}
.more {font-size:16px; font-weight:bold;}

.also {border:1px solid #dcdcdc; padding:14px 32px 20px; position:relative;}
.also i {position:absolute; left:30px; top:-23px; width:22px; height:23px; background:url(../imgs/ar.gif); overflow:hidden;}
.also a {font-size:16px; font-weight:bold;}
.sm-also {font-style:italic; margin-bottom:13px;}

#loading {
    display: none;
    height: 550px;
    margin-top: 140px;
}

#flash_closed {
    display: none;
    height: 330px;
    margin-top: 220px;
    width: 700px;
}
.link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
  .container {
          position: relative;
          height: 100%;
          width: 100%;
          left: 0;
          -webkit-transition:  left 0.4s ease-in-out;
          -moz-transition:  left 0.4s ease-in-out;
          -ms-transition:  left 0.4s ease-in-out;
          -o-transition:  left 0.4s ease-in-out;
          transition:  left 0.4s ease-in-out;
      }
      .container.open-sidebar {
          left: 240px;
      }
      
      .swipe-area {
          position: absolute;
          width: 50px;
          left: 0;
      top: 0;
          height: 100%;
          background: #f3f3f3;
          z-index: 0;
      }
      #sidebar {
          background: #DF314D;
          position: absolute;
          width: 240px;
          height: 100%;
          left: -240px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
      }
      #sidebar ul {
          margin: 0;
          padding: 0;
          list-style: none;
      }
      #sidebar ul li {
          margin: 0;
      }
      #sidebar ul li a {
          padding: 12px 20px;
          font-size: 16px;
          font-weight: 100;
          color: white;
          text-decoration: none;
          display: block;
          border-bottom: 1px solid #C9223D;
          -webkit-transition:  background 0.3s ease-in-out;
          -moz-transition:  background 0.3s ease-in-out;
          -ms-transition:  background 0.3s ease-in-out;
          -o-transition:  background 0.3s ease-in-out;
          transition:  background 0.3s ease-in-out;
      }
      #sidebar ul li:hover a {
          background: #C9223D;
      }
      .main-content {
          width: 100%;
          height: 100%;
          padding: 10px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative;
      }
      .main-content .content{
          box-sizing: border-box;
          -moz-box-sizing: border-box;
      padding-left: 60px;
      width: 100%;
      }
      .main-content .content h1{
          font-weight: 100;
      }
      .main-content .content p{
          width: 100%;
          line-height: 160%;
      }
      .main-content #sidebar-toggle {
          background: #DF314D;
          border-radius: 3px;
          display: block;
          position: relative;
          padding: 10px 7px;
          float: left;
      }
      .main-content #sidebar-toggle .bar{
           display: block;
          width: 18px;
          margin-bottom: 3px;
          height: 2px;
          background-color: #fff;
          border-radius: 1px;   
      }
      .main-content #sidebar-toggle .bar:last-child{
           margin-bottom: 0;   
      }