.navbar-brand{
    padding:0;
}
.slogan,.tool,.tips{
    padding-left:30px;
}
.nav {
    height: 80px;
    margin-bottom:0px;
}
.slogan{
    color:#ffffff;
}
.text-center span{
    font-weight: bold;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}
/* Spinner 3Balls Scale */
.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 20px auto;
}
.sp-3balls, .sp-3balls:before, .sp-3balls:after {
    border-radius: 50%;
    background-color: #000;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block;
}

.sp-3balls {
    position: relative;
    background-color: black;
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear;
}

.sp-3balls:before, .sp-3balls:after {
    content: '';
    position: relative;
    opacity: 0.25;
}

.sp-3balls:before {
    left: 30px;
    top: 0px;
    -webkit-animation: spScaleAlphaBefore 1s infinite linear;
    animation: spScaleAlphaBefore 1s infinite linear;
}

.sp-3balls:after {
    left: -30px;
    top: -23px;
    -webkit-animation: spScaleAlphaAfter 1s infinite linear;
    animation: spScaleAlphaAfter 1s infinite linear;
}

@-webkit-keyframes spScaleAlpha {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 0.25;
    }
    66% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@keyframes spScaleAlpha {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 0.25;
    }
    66% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0.25;
    }
}
@keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0.25;
    }
}
@-webkit-keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
.bottom-about{
    min-width:130px;
    width:33%;
    margin:0px 15px;
    float:left;
}
.bottom-about h3{
    margin-top:0px;
}
.bottom-about li{
    margin:5px 0px;
}
.bottom-about li a{
    text-decoration: none;
    color:#777;
}
.bottom-about li a:hover{
    color:#999;
}
.nav .dropdown-menu > li{
    padding-top:10px;
}
.other-video-div {
    margin-top: 15px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-pills li{
    padding-top:20px;
}
.nav-pills li a{
    line-height:20px;
}
.nav-right-big,.nav-right-small{
    height:80px;
    line-height:80px;
    font-size:18px;
    float:right;
}
@media screen and (max-width: 768px){
    .nav-right-big,.nav-right-small{
        height:60px;
        line-height:60px;
        font-size:18px;
        float:right;
    }
    .nav{
        height:60px;
    }

    .container .btn {
        display:block;
        margin-top:6px;
    }
}

code {
    word-wrap:break-word;
    word-break:normal;
}

.container .btn {
    margin-top:6px;
}

.btn-success span{
    font-weight:600;
    color: #fcf82c;
}
.clear {
    display:block!important;
    background:#aaa!important;
    color:#fff!important;
    position:relative;
    top:0px;
    right:26px;
    z-index:20;
    padding:0px 6px!important;
    border:0px!important;
    outline: none!important;
    box-shadow: none!important;
}
.clear:hover {

}
.live-photo {
    position: relative;
    display: inline-block;
    /*overflow: hidden;*/
}

.live-photo .live-icon {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 15%;
    max-width: 48px;
    min-width: 16px;
    height: auto;
    z-index: 10;
    cursor: pointer;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

.live-photo img.main-img {
    width: 100%;
    display: block;
    height: auto;
}