/* ======================================
Author:    Cymoo
Email:     milkywayjc@hotmail.com
Website:   www.sjtup.com
========================================*/

/* ======================================
Global Style
========================================*/
html {
    /*height: 100%;*/
}
body {
    margin: 0;
    padding: 0;
    /*font-family: ;*/
    /*height: 100%;*/
    /*min-height: 100%;*/
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    /*color: #888;*/
    /*background-color: #fff;*/
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::-moz-selection {
    color: rgba(255,255,255,.9);
    text-shadow: none;
    background-color: #000000;
}

::selection {
    color: rgba(255,255,255,.9);
    text-shadow: none;
    background-color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
}

h1 {
    font-size: 52px;
    line-height: 56px;
    font-weight: 700;
}
h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
}
h3 {
    font-size: 23px;
    line-height: 22px;
    font-weight: 400;
}
h4 {}
h5 {}
h6 {}

p {
    font-size: 16px;
    line-height: 1.5;
}

/*a {*/
    /*color: #ddd;*/
    /*font-size: 14px;*/
    /*display: inline-block;*/
/*}*/
/*a:hover{*/
    /*padding-left: 5px;*/
    /*color: #35ac39;*/
/*}*/

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*img::selection { background: 0 0;}*/
/*img::-moz-selection { background: 0 0;}*/

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #efefef;
}

form { margin-bottom: 0;}

[contenteditable]:empty:before {
    content: attr(data-placeholder);
    color: #999;
    display: inline-block;
}

/* ======================================
Classes
========================================*/
.cover {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.item-active {
    background-color: rgba(0,0,0,.5) !important;
    color: #fff !important;
}

.section {
    padding: 60px 0;
    position: relative;
}

.title {
    position: relative;
    /*margin-bottom: 80px;*/
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.03);
    text-align: center;
}
.title:after {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: 5px;
    height: 30px;
    width: 30px;
    /*display: inline-block;*/
    text-align: center;
    font-family: FontAwesome;
    content: "\f107";
    font-size: 10px;
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 50%;
    background: #fff;
    line-height: 30px;
}
.title h2 {

}
.title p {
    margin-bottom: 40px;
    font-weight: 100;
    font-size: 15px;
    color: #2b2b2b;
}

.link-more {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    color: #fff !important;
    background-color: rgba(0,0,0,.2);
}
.hot-rank {
    display: inline-block;
    margin-right: 9px;
    height: 27px;
    width: 27px;
    /*background-color: rgba(174, 174, 174, 0.84);*/
    background-color: rgba(186, 25, 57, 0.1);
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #555;
    line-height: 27px;
}
.bold-left-border {
    font-size: 17px;
    border-left: 5px solid rgba(181, 27, 52, 0.88);
    padding-left: 15px;
}
.box-shadow {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}
/*.btn-blue {*/
    /*font-size: 13px;*/
    /*letter-spacing: 1px;*/
    /*margin: 20px 0;*/
    /*padding: 10px 20px;*/
    /*border: 2px solid #3598dc;*/
    /*color: #3598dc;*/
    /*font-weight: normal;*/
    /*background-color: transparent;*/
/*}*/
.no-padding { padding: 0; }
.no-padding-top { padding-top: 0; }
.no-padding-bottom { padding-bottom: 0; }
.padding-top20 {padding-top: 20px !important;}
.padding-top30 {padding-top: 30px !important;}
.padding-top50 {padding-top: 50px !important;}
.padding-top80 {padding-top: 80px !important;}
.padding30 { padding: 30px 0 !important;}
.padding10 {padding: 10px 0 !important;}
.no-margin { margin: 0; }
.no-margin-top { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0; }

.bordered { border: 1px solid #efefef; }
.border-left { border-left: 1px solid #efefef; }
.border-right { border-right: 1px solid #efefef; }
.border-top { border-top: 1px solid #efefef; }
.border-bottom { border-bottom: 1px solid #efefef; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.btn-jiaoda {
    display: inline-block;
    padding: 8px 15px;
    text-align: center;
    color: #00b6c2;
    background-color: #fff;
    border: 1px solid #00b6c2;
    font-weight: normal;
    cursor: pointer;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.btn-jiaoda:hover, .btn-jiaoda:focus {
    color: #fff;
    background-color: #00b6c2;
    outline: none;
}

/* ======================================
Background Customizations
========================================*/
.bg-border-strip {background-color: #F3F5F6;}
.bg-light-red {background-color: rgba(122, 9, 16, 0.73);}
.bg-jiaoda-red1 {background-color: rgb(113,11,14);}
.bg-jiaoda-red2 {background-color: rgb(172,27,52);}
.bg-white {background-color: #fff;}
.bg-light-grey {background-color: #F7F8FA;}
.bg-grey {background-color: #f5f5f5;}
.bg-apple-grey {background-color: #f2f2f2;}
.bg-blue {background-color: #08b4da;}
.bg-dark {background-color: #333;}

/* ======================================
Font Customizations
========================================*/
.text-jiaoda-red1 { color: rgb(113,11,14)}
.text-jiaoda-red2 { color: rgb(172,27,52)}
.text-white { color: #fff; }
.text-black { color: #434a54; }
.medium-green {color: #00ab6b;}
.text-blue { color: #00b6c2; }
.text-red { color: #ea4c89; }
.text-green { color: #8cc152; }
.text-yellow { color: #f6bb42; }
.text-purple { color: #967adc; }
.text-orange { color: #e9573f; }
.text-grey3 { color: #333; }
.text-grey5 { color: #555; }
.text-grey6 { color: #666; }
.text-grey8 { color: #888; }

.text-xbold { font-weight: 700; }
.text-bold { font-weight: 600; }
.text-light { font-weight: 400; }
.text-xlight { font-weight: 300; }

.text-c1 { color: #318b99; }
.text-c2 { color: #e31565; }
.text-c3 { color: #156299; }
.text-c4 { color: #39ae9d; }
.text-c5 { color: #f7be30; }

.bg-c1 { background-color: #f2f8fb;}
.bg-c2 { background-color: #fbf3f7;}
.bg-c3 { background-color: #f2f5fb;}
.bg-c4 { background-color: #f4fafa;}
.bg-c5 { background-color: #fbf9f3;}
.bg-little-read {background-color: rgba(208, 25, 59, 0.1);}
/* ======================================
Line Font
========================================*/
.line-font {font-size: 48px; }

/* ======================================*/
/*HeadLine*/
/*========================================*/
.headline {
    margin-bottom: 15px;
    position: relative;
    /*text-align: center;*/
    /*border-bottom: 1px solid rgba(0,0,0,.03);*/
}

.headline h1 {
    padding-bottom: 15px;
    /*border-bottom: 2px solid #DDD;*/
    display: inline-block;
    color: #31373a;
    font-size: 44px;
}

.headline h2 {
    /*padding-bottom: 15px;*/
    /*border-bottom: 1px solid #DDD;*/
    display: inline-block;
    color: #555;
    font-size: 23px;
}

.headline h3 {
    padding-bottom: 15px;
    /*border-bottom: 1px solid #DDD;*/
    display: inline-block;
    color: #888;
    font-size: 18px;
}

.headline p {
    margin-bottom: 40px;
    font-weight: 100;
    font-size: 16px;
    color: #2b2b2b;
}

.headline a {
    color: #555;
}
/* ======================================
Header
========================================*/
.header-full {
    background-color: #f5f5f5;
}
.header-full .container {
    position: relative;
}
.header-logo {
    float: left;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 30px;
    height: 97px;
    /*background-image: url("../img/press_logo.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: left center;*/
}
.header-logo img {
    height: 60px;
    width: auto;
}
.header-search-box {
    float: right;
    overflow: hidden;
    padding-top: 30px;
    padding-right: 30px;
    width: 310px;
    box-shadow: none;
}
.header-account {
    position: absolute;
    padding-right: 15px;
    bottom: 5px;
    right: 30px;
}
.header-account a {
    color: #333;
}
.header-account a:first-child {
    padding-right: 9px;
    border-right: 1px solid rgba(0,0,0,.1);
}
.header-account a:last-child {
    padding-left: 7px;
}
/* ======================================
Path Navigation
========================================*/
.path-nav-wrap {
    margin-top: 15px;
}
.path-nav-wrap .breadcrumb>li + li:before {
    padding: 8px;
    content: ">";
    color: white;
}
.path-nav {
    font-size: 13px;
    background-color: #35ac39;
}
.path-ol-nav {
    font-size: 13px;
    background-color: #f5f5f5
}
/* ======================================
side navigation
=======================================*/
.side-navigation {
    margin-left: -15px;
    margin-right: -15px;
    width: 188px;
}
.side-navigation .navigation-list {
    outline: none;
}
.side-navigation .side-nav-search {

}
.side-navigation .side-nav-search input {
    font-size: 13px;
}
.side-navigation .side-nav-search span.input-group-btn button {
    font-size: 14px;
}

.side-navigation > h4 {
    padding-top: 15px;
    padding-left: 25px;
    font-size: 15px;
}
.side-navigation .navigation-list > li {
  position: relative;
}
.menu-arrow {
    position: absolute;
    top: 12px;
    right: 20px;
    display: inline-block;
    text-rendering: auto;
    line-height: 18px;
    font-size: 16px;
}
.side-navigation .navigation-list > li.active.has-submenu:after,
.side-navigation .navigation-list > li.has-submenu:hover:after {
    color: #fff;
}
.side-navigation .navigation-list > li > a {
    display: block;
    padding: 12px 25px;
    color: #6b7681;
    font-size: 14px;
    text-decoration: none;
    /*transition: all 0.4s;*/
    /*-moz-transition: all 0.4s;*/
    /*-webkit-transition: all 0.4s;*/
    /*-o-transition: all 0.4s;*/
    font-weight: 400;
    outline: none !important;
}
.side-navigation .navigation-list > li > a:hover {
  color: #fff;
}
.side-navigation .navigation-list > li:hover > a,
.side-navigation .navigation-list > li.active:hover > a,
.side-navigation .navigation-list > li.active > a{
  color: #1a1d26;
  background: #E6EBEC;
}
.side-navigation .navigation-list li ul {
    display: none;
    position: absolute;
    left: 188px;
    z-index: 73;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(213, 218, 219, 0.94);
}
.side-navigation .navigation-list li ul li a {
  padding: 8px 35px 8px 35px;
  color: #626c77;
  text-decoration: none;
  white-space: nowrap;
  /*transition: all 0.2s;*/
  /*-moz-transition: all 0.2s;*/
  /*-webkit-transition: all 0.2s;*/
  /*-o-transition: all 0.2s;*/
  font-size: 14px;
  text-align: left;
  display: block;
  outline: none !important;
}
.side-navigation .navigation-list li ul li a.see-more {
    font-size: 13px;
    color: rgb(146, 13, 17);
}
.side-navigation .navigation-list li ul li a:hover {
  color: #2F353F;
}
.side-navigation .navigation-list li ul li.active a {
  color: #21242d !important;
}
/* ======================================
side nav
=======================================*/
.side-nav {
    /*padding-bottom: 10px;*/
    background-color: #F7F8FA;;

}
.side-nav-list {

}
.side-nav-item {
    text-align: center;
}
.side-nav-item a {
    padding: 15px 0;
    color: #000000;
    display: inline-block;
}
.side-nav-item a i {
    padding-right: 3px;
}
.side-nav-active {
    background-color: #E6EBEC;
}
.side-nav-active a {
    color: rgba(0,0,0,.6);
}

/* ======================================
Navigation
========================================*/
.navbar-brand {
    color: #fff !important;
    font-size: 15px;
}
.navbar-red {
    /*border-top: solid 1px rgba(113,11,14,.8);*/
    margin-bottom: 0;
    background-color: rgba(172, 27, 52, 1);
    box-shadow: none;
}
.navbar-red .navbar-nav {
    width: 100%;
}
.navbar-red .navbar-nav > li {
    width: 12.5%;
}
.navbar-red .navbar-nav > li > a {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.navbar-inverse {
    border-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: rgba(147, 17, 49, 0.93);
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: rgba(172, 27, 52, 0.93);
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

}
/*======================================
Media Queries
========================================*/
@media (max-width: 767px) {
    .navbar-red .navbar-nav > li {
        width: 100%
    }
    .navbar-red .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 20px;
        text-align: left;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #d1d1d1;
    }
}

/*======================================
Footer
========================================*/
.footer-top {
    /*background-color: rgb(164, 52, 70);*/
    padding: 30px 0;
}
.footer-top h3 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.qr-code {
    margin-bottom: 10px;
}
.qr-code span {
    display: block;
    margin-top: 9px;
    font-size: 13px;
    color: #d3d3d3
}
.links-wrap {
    display: block;
}
.quick-links {
    margin-bottom: 10px;
}
.quick-links li {
    padding-left: 15px;
    position: relative;
}
.quick-links li a {
    margin-bottom: 10px;
    font-size: 13px;
    color: rgba(248, 248, 248, 0.75);
}
.quick-links li:before {
    font-family: FontAwesome;
    display:inline-block;
    text-align:center;
    content:"\f105";
    position:absolute;
    left:0;
    top:4px;
    font-size: 10px;
    transition:all 0.3s ease-in;
    color: #f8f8f8;
}
.footer-sub p {
    margin-bottom: 0;
    padding: 17px 0;
    background-color: rgb(140, 44, 61);
    color: rgba(239, 239, 239, 0.96);
    text-align: center;
    font-size: 12px;
}

@media (max-width: 767px) {
    .links-wrap {
        width: 123px;
        margin-left: auto;
        margin-right: auto;
    }
    .qr-code {
        text-align: center;
    }
    .qr-code span {
        text-align: center;
    }
}