@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-09 18:17:28
 * @version $Id$
 */

body{ font-family: "MicroSoft YaHei";}

.top-tab-nav{ padding-bottom: 30px;}
.top-tab-nav .nav-justified{ *margin: 0 auto;}

.sidebar-box .affix{ top: 20px;}
.sidebar .nav > li > a{ padding: 4px 20px; display: block; color: #666; font-weight: 500;}
.sidebar .nav > li > a:hover, 
.sidebar .nav > li > a:focus { padding-left: 19px; background-color: transparent; border-left: 1px solid #563d7c; color: #563d7c; }
.sidebar .nav > .active > a,
.sidebar .nav > .active:hover > a,
.sidebar .nav > .active:focus > a{ padding-left: 18px; border-left: 2px solid #563d7c; background-color: transparent; color: #563d7c; font-weight: 700; }
.sidebar .nav .nav > li > a { padding: 1px 0 1px 30px; font-size: 12px; font-weight: 400;}
.sidebar .nav .nav > li > a:hover, 
.sidebar .nav .nav > li > a:focus { padding-left: 29px; }
.sidebar .nav .nav > .active > a, 
.sidebar .nav .nav > .active:hover > a, 
.sidebar .nav .nav > .active:focus > a { padding-left: 28px; font-weight: 500; }

.banner-full{ position: relative; margin-bottom: 40px; padding-top: 88px; min-height: 300px; text-align: center; color: #fff;}
.banner-full h1{ font-size: 50px;}
.docs-section{ padding-bottom: 60px;}
.docs-section h2{ padding-bottom: 9px; border-bottom: 1px solid #eee; font-size: 36px;}

.back-to-top{ display: block; padding: 20px 0 0 20px; color: #666;}
.back-to-top:hover{ color: #563d7c; text-decoration: none;}