/*!
 * name liuhao (81116422)
 * Copyright 2011-2014 Twitter, Inc.
 * home url (www.isqq8.com)
 */
.btn-inverse {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: rgba(54, 54, 54, .8);
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-success {
    background-color: rgba(92, 184, 92, .8);
    border-color: rgba(92, 184, 92, .8);
}

.btn-default {
    background-color: rgba(255, 255, 255, .8);
    border-color: rgba(210, 210, 210, 0.8);
}

.btn-danger {
    background-color: rgba(212, 63, 58, .8);
    border-color: rgba(212, 63, 58, .8);
}

.btn-warning {
    background-color: rgba(238, 162, 54, .8);
    border-color: rgba(238, 162, 54, .8);
}

.btn-info {
    background-color: rgba(70, 184, 218, .8);
    border-color: rgba(70, 184, 218, .8);
}

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #E8E8E8;
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
    background-image: -o-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E8E8E8));
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #E8E8E8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #357EBD;
    background-image: -webkit-linear-gradient(top, #428BCA 0%, #357EBD 100%);
    background-image: -o-linear-gradient(top, #428BCA 0%, #357EBD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428BCA), to(#357EBD));
    background-image: linear-gradient(to bottom, #428BCA 0%, #357EBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
    background-repeat: repeat-x;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #FFF 0%, #F8F8F8 100%);
    background-image: -o-linear-gradient(top, #FFF 0%, #F8F8F8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F8F8F8));
    background-image: linear-gradient(to bottom, #FFF 0%, #F8F8F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #E2E2E2 100%);
    background-image: -o-linear-gradient(top, #DBDBDB 0%, #E2E2E2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DBDBDB), to(#E2E2E2));
    background-image: linear-gradient(to bottom, #DBDBDB 0%, #E2E2E2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3C3C3C 0%, #222 100%);
    background-image: -o-linear-gradient(top, #3C3C3C 0%, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3C3C3C), to(#222));
    background-image: linear-gradient(to bottom, #3C3C3C 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #080808 0%, #0F0F0F 100%);
    background-image: -o-linear-gradient(top, #080808 0%, #0F0F0F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0F0F0F));
    background-image: linear-gradient(to bottom, #080808 0%, #0F0F0F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}

.alert-success {
    background-image: -webkit-linear-gradient(top, #DFF0D8 0%, #C8E5BC 100%);
    background-image: -o-linear-gradient(top, #DFF0D8 0%, #C8E5BC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DFF0D8), to(#C8E5BC));
    background-image: linear-gradient(to bottom, #DFF0D8 0%, #C8E5BC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #B2DBA1;
}

.alert-info {
    background-image: -webkit-linear-gradient(top, #D9EDF7 0%, #B9DEF0 100%);
    background-image: -o-linear-gradient(top, #D9EDF7 0%, #B9DEF0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D9EDF7), to(#B9DEF0));
    background-image: linear-gradient(to bottom, #D9EDF7 0%, #B9DEF0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9ACFEA;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #FCF8E3 0%, #F8EFC0 100%);
    background-image: -o-linear-gradient(top, #FCF8E3 0%, #F8EFC0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FCF8E3), to(#F8EFC0));
    background-image: linear-gradient(to bottom, #FCF8E3 0%, #F8EFC0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #F5E79E;
}

.alert-danger {
    background-image: -webkit-linear-gradient(top, #F2DEDE 0%, #E7C3C3 100%);
    background-image: -o-linear-gradient(top, #F2DEDE 0%, #E7C3C3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2DEDE), to(#E7C3C3));
    background-image: linear-gradient(to bottom, #F2DEDE 0%, #E7C3C3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #DCA7A7;
}

.progress {
    background-image: -webkit-linear-gradient(top, #EBEBEB 0%, #F5F5F5 100%);
    background-image: -o-linear-gradient(top, #EBEBEB 0%, #F5F5F5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#F5F5F5));
    background-image: linear-gradient(to bottom, #EBEBEB 0%, #F5F5F5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #428BCA 0%, #3071A9 100%);
    background-image: -o-linear-gradient(top, #428BCA 0%, #3071A9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428BCA), to(#3071A9));
    background-image: linear-gradient(to bottom, #428BCA 0%, #3071A9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5CB85C 0%, #449D44 100%);
    background-image: -o-linear-gradient(top, #5CB85C 0%, #449D44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5CB85C), to(#449D44));
    background-image: linear-gradient(to bottom, #5CB85C 0%, #449D44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5BC0DE 0%, #31B0D5 100%);
    background-image: -o-linear-gradient(top, #5BC0DE 0%, #31B0D5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#31B0D5));
    background-image: linear-gradient(to bottom, #5BC0DE 0%, #31B0D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #F0AD4E 0%, #EC971F 100%);
    background-image: -o-linear-gradient(top, #F0AD4E 0%, #EC971F 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0AD4E), to(#EC971F));
    background-image: linear-gradient(to bottom, #F0AD4E 0%, #EC971F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #D9534F 0%, #C9302C 100%);
    background-image: -o-linear-gradient(top, #D9534F 0%, #C9302C 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D9534F), to(#C9302C));
    background-image: linear-gradient(to bottom, #D9534F 0%, #C9302C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #3071A9;
    background-image: -webkit-linear-gradient(top, #428BCA 0%, #3278B3 100%);
    background-image: -o-linear-gradient(top, #428BCA 0%, #3278B3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428BCA), to(#3278B3));
    background-image: linear-gradient(to bottom, #428BCA 0%, #3278B3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #3278B3;
}

.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
    text-shadow: none;
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
    background-image: -o-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E8E8E8));
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #E8E8E8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #428BCA 0%, #357EBD 100%);
    background-image: -o-linear-gradient(top, #428BCA 0%, #357EBD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428BCA), to(#357EBD));
    background-image: linear-gradient(to bottom, #428BCA 0%, #357EBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
    background-repeat: repeat-x;
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #DFF0D8 0%, #D0E9C6 100%);
    background-image: -o-linear-gradient(top, #DFF0D8 0%, #D0E9C6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DFF0D8), to(#D0E9C6));
    background-image: linear-gradient(to bottom, #DFF0D8 0%, #D0E9C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x;
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #D9EDF7 0%, #C4E3F3 100%);
    background-image: -o-linear-gradient(top, #D9EDF7 0%, #C4E3F3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D9EDF7), to(#C4E3F3));
    background-image: linear-gradient(to bottom, #D9EDF7 0%, #C4E3F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #FCF8E3 0%, #FAF2CC 100%);
    background-image: -o-linear-gradient(top, #FCF8E3 0%, #FAF2CC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FCF8E3), to(#FAF2CC));
    background-image: linear-gradient(to bottom, #FCF8E3 0%, #FAF2CC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #F2DEDE 0%, #EBCCCC 100%);
    background-image: -o-linear-gradient(top, #F2DEDE 0%, #EBCCCC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2DEDE), to(#EBCCCC));
    background-image: linear-gradient(to bottom, #F2DEDE 0%, #EBCCCC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x;
}

.well {
    background-image: -webkit-linear-gradient(top, #E8E8E8 0%, #F5F5F5 100%);
    background-image: -o-linear-gradient(top, #E8E8E8 0%, #F5F5F5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F5F5F5));
    background-image: linear-gradient(to bottom, #E8E8E8 0%, #F5F5F5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #DCDCDC;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}

/*扩展*/
.input-xs {
    padding: 1px 5px;
    font-size: 12px;
    height: 22px;
}

.input-group-image {
    padding: 0;
    margin: 0;
}

.form-group.form-actions {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 5px;
    display: block;
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
}

.form-group.form-actions:last-child {
    margin-bottom: 0;
}

.form-group .control-label.input-must:before {
    content: '*';
    position: absolute;
    right: 3px;
    font-size: 17px;
    top: 9px;
    color: #F00;
    font-weight: bold;
}

.form-group .help-block {
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 7px;
}

.form-group .radio .help-block {
    display: inline;
}

.form-control-static {
    border: 1px #DDD solid;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: rgba(211, 211, 211, .5);
}

.form-control {
    background-color: rgba(255, 255, 255, .5);
}

/*间距*/
.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

/*å¡«å……*/
.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

/*é—´éš”*/
.space-2 {
    height: 2px;
    clear: both;
    overflow: hidden;
}

.space-5 {
    height: 5px;
    clear: both;
    overflow: hidden;
}

.space-8 {
    height: 8px;
    clear: both;
    overflow: hidden;
}

.space-10 {
    height: 10px;
    clear: both;
    overflow: hidden;
}

.space-12 {
    height: 12px;
    clear: both;
    overflow: hidden;
}

.space-15,
.space {
    height: 15px;
    clear: both;
    overflow: hidden;
}

.space-18 {
    height: 18px;
    clear: both;
    overflow: hidden;
}

.space-20 {
    height: 20px;
    clear: both;
    overflow: hidden;
}

.space-25 {
    height: 25px;
    clear: both;
    overflow: hidden;
}

.space-30 {
    height: 30px;
    clear: both;
    overflow: hidden;
}

.space-40 {
    height: 40px;
    clear: both;
    overflow: hidden;
}

.space-60 {
    height: 60px;
    clear: both;
    overflow: hidden;
}

.space-100 {
    height: 100px;
    clear: both;
    overflow: hidden;
}

/*字体大小*/
.size-8 {
    font-size: 8px !important;
}

.size-9 {
    font-size: 9px !important;
}

.size-10 {
    font-size: 10px !important;
}

.size-11 {
    font-size: 11px !important;
}

.size-12 {
    font-size: 12px !important;
}

.size-13 {
    font-size: 13px !important;
}

.size-14 {
    font-size: 14px !important;
}

.size-15 {
    font-size: 15px !important;
}

.size-16 {
    font-size: 16px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-20 {
    font-size: 20px !important;
}

.size-22 {
    font-size: 22px !important;
}

.size-24 {
    font-size: 24px !important;
}

.size-26 {
    font-size: 26px !important;
}

.size-28 {
    font-size: 28px !important;
}

.size-30 {
    font-size: 30px !important;
}

.size-34 {
    font-size: 34px !important;
}

.size-38 {
    font-size: 38px !important;
}

.size-40 {
    font-size: 40px !important;
}

.size-60 {
    font-size: 60px !important;
}

.size-100 {
    font-size: 100px !important;
}

/*边框*/
.no-border {
    border: 0 !important;
}

.no-border-left {
    border-left: 0 !important;
}

.no-border-right {
    border-right: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.no-radius {
    border-radius: 0 !important;
}

.no-box-shadow {
    box-shadow: none !important;
}

.no-text-shadow {
    text-shadow: none !important;
}

/*阴影*/
.box-shadow-5 {
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.box-shadow-10 {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.box-shadow-15 {
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.box-shadow-20 {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.box-shadow-25 {
    box-shadow: 0 0 25px rgba(0, 0, 0, .5);
}

.box-shadow-30 {
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
}

/*水平线*/
.hr,
.hr-15 {
    border-top: 1px #CCC solid;
    height: 15px;
    overflow: hidden;
    margin-top: 15px;
}

.hr-2 {
    height: 2px;
    margin-top: 2px;
}

.hr-4 {
    height: 4px;
    margin-top: 4px;
}

.hr-5 {
    height: 5px;
    margin-top: 5px;
}

.hr-8 {
    height: 8px;
    margin-top: 8px;
}

.hr-10 {
    height: 10px;
    margin-top: 10px;
}

.hr-12 {
    height: 12px;
    margin-top: 12px;
}

.hr-20 {
    height: 20px;
    margin-top: 20px;
}

.hr-25 {
    height: 25px;
    margin-top: 25px;
}

.hr-30 {
    height: 30px;
    margin-top: 30px;
}

.hr-dashed {
    border-top-style: dashed !important;
}

.hr-dotted {
    border-top-style: dotted !important;
}

/*字体颜色*/
.text-gray {
    color: #999 !important;
}

.text-purple {
    color: #C0F !important;
}

.text-pink {
    color: #F0C !important;
}

.text-blue {
    color: #66F !important;
}

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

.text-black {
    color: #000 !important;
}

.text-yellow {
    color: #FF0 !important;
}

.text-white {
    color: #FFF !important;
}

.text-green {
    color: #27AE60 !important;
}

/*垂直居中*/
.text-vcenter {
    vertical-align: middle !important;
}

.text-vtop {
    vertical-align: top !important;
}

.text-vbottom {
    vertical-align: bottom !important;
}

/*行距*/
.text-line-100 {
    line-height: 1em;
}

.text-line-120 {
    line-height: 1.2em;
}

.text-line-150 {
    line-height: 1.5em;
}

.text-line-200 {
    line-height: 2em;
}

.text-line-250 {
    line-height: 2.5em;
}
/*背景色*/
.bg-gray {
    background-color: #999 !important;
}

.bg-purple {
    background-color: #C0F !important;
}

.bg-Pink {
    background-color: #F0C !important;
}

.bg-blue {
    background-color: #66F !important;
}

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

.bg-black {
    background-color: #000 !important;
}

.bg-yellow {
    background-color: #FF0 !important;
}

.bg-white {
    background-color: #FFF !important;
}

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

.bg-transparent {
    background-color: transparent !important;
}

.no-background-image {
    background-image: none !important;
}

/**/
/**/
/**/
/*图标框*/
.fa-box-small {
    width: 20px;
}

.bg-fixed {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background:url('../images/backgrand.png')no-repeat;
    background-size:cover;
    z-index: 0;
}

#bg {
    position: relative;
    z-index: 1;
}

body {
    background-color: transparent !important;
}

body, div, dl, dt, dd, ul, l, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

ol, ul, li {
    list-style: none;
}

.bg {

}

.page-title {
    padding: 10px;
    background-color: rgba(255, 255, 255, .4);
    text-align: center;
}

.page-top {
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #E2E2E1;
}

.page-top h4 {
    font-size: 20px;
    color: #000000;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.page-nav {
    text-align: center;
}

.page-content {
    width: 386px;
    margin: 0 auto;
    padding: 10px 66px 10px 10px;
}

.page-content .control-label {
    padding-right: 0;
    padding-left: 0;
}

.page-footer {
    width: 100%;
    background-color: rgba(238, 238, 238, .5);
    text-align: center;
    position: relative;
    z-index: 1;
}

.page-footer.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.page-footer table {
    margin-bottom: 0;
    width: 270px;
    margin: 0 auto;
}

.page-footer table th {
    text-align: left;
    font-size: 12px;
}

.page-footer table td {
    text-align: left;
    font-size: 12px;
}

.page-footer table th img {
    width: 24px;
    height: auto;
    float: left;
    padding-right: 5px;
}

.page-footer table tr:first-child th img {
    width: 26px;
    margin-left: -2px;
}

.page-footer .table-bordered > thead > tr > th,
.page-footer .table-bordered > tbody > tr > th,
.page-footer .table-bordered > tfoot > tr > th,
.page-footer .table-bordered > thead > tr > td,
.page-footer .table-bordered > tbody > tr > td,
.page-footer .table-bordered > tfoot > tr > td {
    border: 1px rgba(211, 211, 211, .8) solid;
}

.page-footer a {
    color: #333;
}

.footer {
    padding: 10px;
    background-color: #EEE;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: left;
}

.upload {
    width: 63px;
    height: 63px;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom: 10px;
}

.upload img {
    width: 63px;
    height: 63px;
}

.upload a {
    display: block;
    height: 14px;
    width: 14px;
    background-color: rgba(255, 255, 255, .8);
    border: 1px #DDD solid;
    position: absolute;
    right: 2px;
    top: 2px;
    line-height: 14px;
    text-align: center;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}

.upload-add {
    width: 63px;
    height: 63px;
    float: left;
    position: relative;
}

.upload-file {
    width: 63px;
    height: 63px;
}

.upload-file .webuploader-pick {
    padding: 0;
    margin: 0;
}

.upload-file input {
}

.qq-box {
    overflow: hidden;
    padding-top: 5px;
}

.qq-box .qq-item {
    padding: 5px 0 3px 10px;
}

.qq-box a {
    color: #060;
}

.qq-box .qq-item i {
    font-size: 16px;
    padding-right: 3px;
    color: #060;
}

@media (max-width: 767px) {
    .page-content {
        padding: 10px !important;
        width: 270px;
    }

    .page-content .control-label {
        padding-right: 15px;
        padding-left: 15px;
    }
}