/* here you can put your own css to customize and override the theme */
.site-logo {
    float: left;
    padding-top: 5px;
}

a.viewpoint-detail{
    text-decoration: none;
}

.align-left{
    text-align: left;
}

.message-block strong span{
    color:#ffffff;
    background-color: #e54a1a;
}

.color-red{
    color:#E54A1A;
}

.with-navbar{
    margin-top: 60px;
}

.bg-white{
    background-color: #fff;
}

.data-list .row{
    line-height: 28px;
}

.data-list .row .col-md-3{
    text-align: left;
}

.data-list .row .col-sm-3{
    text-align: left;
}

.notice-list .title{
    font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;
    color: #66717c;
}

.notice-list .item{
    margin: 8px 0;
}

.notice-list .more{
    font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;
    color: #2dafe5;
}

/* article list */
ul.articles{
    line-height: 24px;
    font-size: 16px;
    list-style:none;
}

ul.articles li a{
    color: #66717c;
}

ul.articles li .time{
    padding-left: 20px;
    color: #aaa;
}

/*缩小幻灯片的箭头的覆盖区域*/
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(/public/metronic/assets/global/plugins/fancybox/source/blank.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev{
    left:20px;
}
.fancybox-next{
    right:20px;
}
/* nav tabs */

.nav-tabs {
    border-color: #e6400c;
    padding-bottom: 1px;
    font-size: 14px;
    margin-bottom: 0;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #F4F4F4;
    color: #647484;
    border-radius: 0;
    padding: 5px 15px 4px;
    border: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #e6400c;
    color: #fff;
    padding: 5px 15px 4px;
}
.tab-content {
    background: #FAFAFA;
    padding: 20px 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #E6400C;
    color: #fff;
}

/* === Chips === */
.bg-red {
    background-color: #f44336;
}
.bg-teal {
    background-color: #009688;
}
.bg-purple {
    background-color: #9c27b0;
}
.bg-pink {
    background-color: #e91e63;
}
.bg-pink {
    background-color: #e91e63;
}
/* === Chips === */
.chip {
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0 12px;
    box-sizing: border-box;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 2px 0;
}
.chip .chip-media {
    width: 32px;
    height: 32px;
    margin-left: -12px;
    vertical-align: top;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #fff;
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.chip .chip-media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius: 50%;
    display: block;
}
.chip .chip-media + .chip-label {
    margin-left: 8px;
}
.chip .chip-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    min-width: 0;
}
.chip .chip-label span{
    color: #798b97;
}
.chip .chip-label + .chip-delete {
    margin-left: 4px;
}
.chip .chip-delete {
    margin-right: -8px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    opacity: 0.54;
}
html:not(.watch-active-state) .chip .chip-delete:active,
.chip .chip-delete.active-state {
    opacity: 1;
}

/* FAQ */
.faq-tabbable {
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: solid 2px #e44f00;
}
.faq-tabbable li {
    position: relative;
    margin-bottom: 1px;
}
.faq-tabbable li a {
    font-size: 14px;
    color: #7C858E;
    display: block;
    background: #F4F4F4;
    padding: 12px 10px 11px 8px;
}
.faq-tabbable li:hover a,
.faq-tabbable li.active a{
    background: #e44f00;
    text-decoration: none;
    color: #fff;
}
.faq-tabbable li.active:after {
    content: '';
    display: inline-block;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #e44f00;
    position: absolute;
    top: 16px;
    right: -5px;
}