@import "bootstrap-common.css";

html, body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6, fieldset, legend {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

/*红色主题*/
.theme-red .theme-navigation .nav-item a:hover, .theme-red .theme-navigation .nav-item.active a {
    background-color: #c40701;
}

.theme-red .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .12);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-red .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-red .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-red .theme-bg {
    background-color: #d6181d !important;
}

.theme-red a.theme-bg:hover, .theme-red a.theme-bg:focus,
.theme-red button.theme-bg:hover,
.theme-red button.theme-bg:focus {
    background-color: #c40701 !important;
}

.theme-red .theme-text {
    color: #d6181d !important;
}

.theme-red a.theme-text:hover, .theme-red a.theme-text:focus {
    color: #c40701 !important;
}

.theme-red .theme-border {
    border-color: #d6181d !important;
}

.theme-red .theme-badge {
    color: #fff;
    background-color: #d6181d;
}

.theme-red .theme-badge[href]:hover, .theme-red .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #c40701;
}

/*橙色主题*/
.theme-orange .theme-navigation .nav-item a:hover, .theme-orange .theme-navigation .nav-item.active a {
    background-color: #ef6800;
}

.theme-orange .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .12);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-orange .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-orange .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-orange .theme-bg {
    background-color: #ff7100 !important;
}

.theme-orange a.theme-bg:hover, .theme-orange a.theme-bg:focus,
.theme-orange button.theme-bg:hover,
.theme-orange button.theme-bg:focus {
    background-color: #ef6800 !important;
}

.theme-orange .theme-text {
    color: #ff7100 !important;
}

.theme-orange a.theme-text:hover, .theme-orange a.theme-text:focus {
    color: #ef6800 !important;
}

.theme-orange .theme-border {
    border-color: #ff7100 !important;
}

.theme-orange .theme-badge {
    color: #fff;
    background-color: #ff7100;
}

.theme-orange .theme-badge[href]:hover, .theme-orange .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ef6800;
}

/*绿色主题*/
.theme-green .theme-navigation .nav-item a:hover, .theme-green .theme-navigation .nav-item.active a {
    background-color: #01a501;
}

.theme-green .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .12);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-green .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-green .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-green .theme-bg {
    background-color: #029802 !important;
}

.theme-green a.theme-bg:hover, .theme-green a.theme-bg:focus,
.theme-green button.theme-bg:hover,
.theme-green button.theme-bg:focus {
    background-color: #01a501 !important;
}

.theme-green .theme-text {
    color: #029802 !important;
}

.theme-green a.theme-text:hover, .theme-green a.theme-text:focus {
    color: #01a501 !important;
}

.theme-green .theme-border {
    border-color: #029802 !important;
}

.theme-green .theme-badge {
    color: #fff;
    background-color: #029802;
}

.theme-green .theme-badge[href]:hover, .theme-green .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #01a501;
}

/*黑色主题*/
.theme-black .theme-navigation .nav-item a:hover, .theme-black .theme-navigation .nav-item.active a {
    background-color: #222222;
}

.theme-black .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .35);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-black .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-black .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-black .theme-bg {
    background-color: #2d2d2e !important;
}

.theme-black a.theme-bg:hover, .theme-black a.theme-bg:focus,
.theme-black button.theme-bg:hover,
.theme-black button.theme-bg:focus {
    background-color: #222222 !important;
}

.theme-black .theme-text {
    color: #2d2d2e !important;
}

.theme-black a.theme-text:hover, .theme-black a.theme-text:focus {
    color: #222222 !important;
}

.theme-black .theme-border {
    border-color: #2d2d2e !important;
}

.theme-black .theme-badge {
    color: #fff;
    background-color: #2d2d2e;
}

.theme-black .theme-badge[href]:hover, .theme-black .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #222222;
}

/*蓝色主题*/
.theme-blue .theme-navigation .nav-item a:hover, .theme-blue .theme-navigation .nav-item.active a {
    background-color: #1e5e9f;
}

.theme-blue .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .12);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-blue .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-blue .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-blue .theme-bg {
    background-color: #346cb0 !important;
}

.theme-blue a.theme-bg:hover, .theme-blue a.theme-bg:focus,
.theme-blue button.theme-bg:hover,
.theme-blue button.theme-bg:focus {
    background-color: #1e5e9f !important;
}

.theme-blue .theme-text {
    color: #346cb0 !important;
}

.theme-blue a.theme-text:hover, .theme-blue a.theme-text:focus {
    color: #1e5e9f !important;
}

.theme-blue .theme-border {
    border-color: #346cb0 !important;
}

.theme-blue .theme-badge {
    color: #fff;
    background-color: #346cb0;
}

.theme-blue .theme-badge[href]:hover, .theme-blue .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e5e9f;
}

/*棕色主题*/
.theme-brown .theme-navigation .nav-item a:hover, .theme-brown .theme-navigation .nav-item.active a {
    background-color: #732f17;
}

.theme-brown .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .12);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-brown .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-brown .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-brown .theme-bg {
    background-color: #86462e !important;
}

.theme-brown a.theme-bg:hover, .theme-brown a.theme-bg:focus,
.theme-brown button.theme-bg:hover,
.theme-brown button.theme-bg:focus {
    background-color: #732f17 !important;
}

.theme-brown .theme-text {
    color: #86462e !important;
}

.theme-brown a.theme-text:hover, .theme-brown a.theme-text:focus {
    color: #732f17 !important;
}

.theme-brown .theme-border {
    border-color: #86462e !important;
}

.theme-brown .theme-badge {
    color: #fff;
    background-color: #86462e;
}

.theme-brown .theme-badge[href]:hover, .theme-brown .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #732f17;
}

/*秋叶褐主题*/
.theme-light-brown .theme-navigation .nav-item a:hover, .theme-light-brown .theme-navigation .nav-item.active a {
    background-color: #d4aa5b;
}

.theme-light-brown .theme-navigation .nav-item {
    border-right: 1px solid rgba(0, 0, 0, .06);
    text-align: center !important;
    min-width: 80px !important;
}

.theme-light-brown .theme-navigation .nav-item:first-child {
    border-right: none !important;
}

.theme-light-brown .theme-navigation .nav-item:last-child {
    border-right: none !important;
}

.theme-light-brown .theme-bg {
    background-color: #e4b969 !important;
}

.theme-light-brown a.theme-bg:hover, .theme-light-brown a.theme-bg:focus,
.theme-light-brown button.theme-bg:hover,
.theme-light-brown button.theme-bg:focus {
    background-color: #d4aa5b !important;
}

.theme-light-brown .theme-text {
    color: #e4b969 !important;
}

.theme-light-brown a.theme-text:hover, .theme-light-brown a.theme-text:focus {
    color: #d4aa5b !important;
}

.theme-light-brown .theme-border {
    border-color: #e4b969 !important;
}

.theme-light-brown .theme-badge {
    color: #fff;
    background-color: #e4b969;
}

.theme-light-brown .theme-badge[href]:hover, .theme-light-brown .theme-badge[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #d4aa5b;
}

.content p {
    padding-bottom: 1rem;
}

.content img {
    max-width: 600px;
    width: expression(this.width>600&&this.width>this.height?400:'auto');
    max-height: 4500px;
    height: expresion(this.height > 4500 ?
    4500px: 'auto');
    overflow: hidden;
    border: 0px solid #CCCCCC;
    padding: 0px;
}

.content p img {
    margin-left: -2em;
}

.flip {
    cursor: pointer;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
}

.flip .side {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all 1s;
    display: block;
}

.flip .front {
    /*box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .05);*/
    transform: rotateY(0);
    transition: all 1s;
    display: block;
}

.flip .back {
    transform: rotateY(-180deg);
    /*box-shadow: 0 0 10px 0 #24a4ff;*/
    transition: all 1s;
}

.flip:hover .front {
    transform: rotateY(180deg);
    display: none;
}

.flip:hover .back {
    transform: rotateY(0)
}

.hover-show span {
    display: none;
}

.hover-show:hover span {
    display: inline-block;
}

.verion-bg {
    background: url(../image/verion-bg.png) no-repeat center bottom;
    background-size: 100%;
}

.xuan-bg {
    background: url(../image/xuan-bg.png) no-repeat center -80px;
    background-size: 100%;
}

.license-bg {
    background: url(../image/license-bg.jpg) no-repeat center center;
    width: 1000px;
    height: 1418px;
}

/*图片浏览*/
.tool-bar .prev, .tool-bar .next {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.tool-bar .auto, .tool-bar .prev, .tool-bar .next {
    background: url(../image/play-prev-next.png) no-repeat;
    width: 31px;
    height: 27px;
    margin-right: 5px;
    overflow: hidden;
}

.tool-bar .auto span, .tool-bar .prev span, .tool-bar .next span {
    visibility: hidden;
}

.tool-bar .auto {
    background-position: -39px top;
}

.tool-bar .next {
    background-position: -78px top;
}

.tool-bar .max {
    background: url(../image/max.png) no-repeat 5px center;
    padding: 0 5px 0 20px;
}

.image-view {
    position: relative;
}

.image-view .big-scroll {
    position: relative;
    overflow: hidden;
}

.image-view .big-image {
    position: relative;
}

.image-view .big-image li img {
    vertical-align: middle;
    max-width: 960px;
}

.image-view .big-image h4 {
    overflow: hidden;
    text-align: left;
    color: rgb(85, 85, 85);
    line-height: 26px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: normal;
    display: none;
}

.image-view .big-scroll .prev, .image-view .big-scroll .next {
    width: 60px;
    height: 90px;
    margin: -60px 0 0;
    display: none;
    background: url(../image/image-prev-next.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.image-view .big-scroll .prev {
    left: 20px;
}

.image-view .big-scroll .next {
    background-position: 0 -90px;
    right: 20px;
}

.image-view .big-scroll .prev:hover, .image-view .big-scroll .next:hover {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}

.image-view .small-scroll {
}

.image-view .small-scroll .prev, .image-view .small-scroll .next {
    cursor: pointer;
}

.image-view .small-scroll .prev, .image-view .small-scroll .next, .image-view .small-scroll .prev span, .image-view .small-scroll .next span {
    background: url(../image/prev-next.png) no-repeat;
    display: block;
    width: 17px;
    height: 69px;
}

.image-view .small-scroll .prev:hover, .image-view .small-scroll .next:hover, .image-view .small-scroll .prev-on, .image-view .small-scroll .next-on {
    background-position: 0 -78px;
}

.image-view .small-scroll .prev {
    float: left;
    margin: 15px 21px 15px 0px;
}

.image-view .small-scroll .prev span {
    background-position: -30px top;
}

.image-view .small-scroll .prev:hover span, .image-view .small-scroll .prev-on span {
    background-position: -30px -78px;
}

.image-view .small-scroll .next {
    float: right;
    margin: 15px 0px 15px 21px;
}

.image-view .small-scroll .next span {
    background-position: -55px top;
}

.image-view .small-scroll .next:hover span, .image-view .small-scroll .next-on span {
    background-position: -55px -78px;
}

.image-view .small-image {
    overflow: hidden;
    float: left;
    width: 924px;
    height: 100px;
    position: relative;
    padding: 0;
    margin: 0;
}

.image-view .small-image ul {
    width: 9999px;
    overflow: hidden;
}

.image-view .small-image li {
    float: left;
    width: 120px;
    height: 90px;
    text-align: center;
    padding: 0;
    margin: 5px 6px;
    cursor: pointer;
    display: inline;
    overflow: hidden;
}

.image-view .small-image img {
    width: 120px;
    height: 90px;
    text-align: center;
}

.image-view .small-image .on {
}

.image-view .small-image .on img {
    border: 2px solid #FF9900;
}

.image-view .state-content {
}

.image-view .page-state {
    letter-spacing: 6px;
    border-right: 1px solid #ededed;
    color: #262626;
}

.image-view .page-state span {
    color: #262626;
    font-size: 42px;
    font-family: Tahoma, Arial;
}

.image-view .page-content {
    color: #555;
}

.content {
    color: #404040;
    text-align: left;
}

.content a {
    padding: 0 2px;
    font-weight: bold;
    text-decoration: underline;
    color: #a40000;
}

.content .img_ {
    padding: 2px;
    border: 1px solid #E7E7E7;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color=#E7E7E7, offX=5, offY=5, positives=true);
    margin: 0px 10px 10px 10px;
}

.content p {
    padding: 2px 0;
    text-indent: 2em;
    text-align: left;
    line-height: 32px;
    color: #242424;
    font-size: 16px;
    margin: 6px 0;
}

.content img {
}

.content p img {
}

.author {
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    padding-right: 25px;
    text-align: right;
}

.tag {
    font-size: 14px;
    line-height: 30px;
    color: #000;
    text-align: left;
    margin: 0;
}

.tag a {
    margin: 5px;
    color: #990000;
}

.certification-bg {
    background: url(../image/certification-bg.gif) repeat center center;
}

.certification-xing-bg {
    background: url(../image/certification-xing-bg.gif) repeat center center;
}

.certification-header {
    background: url(../image/certification-header-bg.gif) no-repeat center center;
    height: 52px;
}

.certification-main {
    background: url(../image/certification-main-bg.gif) repeat-y center center;
    min-height: 600px;
}

.certification-footer {
    background: url(../image/certification-footer-bg.gif) no-repeat center bottom;
    height: 52px;
}

.license {
    background: url(../image/icon/zheng.png) no-repeat center center;
    background-size: cover;
    top: 80px;
    right: 100px;
    width: 80px;
    height: 80px;
    opacity: 0.4;
}