body{
    font-family: STHeiti, "Microsoft YaHei";
    overflow-x: hidden;
}
p{
    margin: 0;
    padding: 0;
}
.invisible-bg{
    background-color: transparent !important;
}

.d-none{
    display: none;
}

.v-middle{
    margin: auto;
    padding: 8% 0;
}

a.topnav{
    margin-left:2rem;
    font-size: 1.6rem;
    padding-bottom:5px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    margin-bottom: .8rem;
    margin-left: 3rem;
    margin-right: 3rem;
}
a.topnav.special{
    border-radius: 5rem; 
    border:solid 1px #fff; 
    padding: .6rem 1.5rem !important; 
    margin-top: .6rem;
}
.navbar-default .navbar-nav>li>a{
    color: #fff;
    background-color: transparent;
}

.top-nav-div .navbar-nav a.topnav:focus,
.top-nav-div .navbar-nav a.topnav:hover{
    color: #fff;
}

.top-nav-div .navbar-nav>.active>a.topnav,
.top-nav-div .navbar-nav>.active>a.topnav:focus,
.top-nav-div .navbar-nav>.active>a.topnav:hover{
    color: #fff;
    background-color: transparent;
    border-bottom: solid 2px #fff;
}



/*hovering*/
.top-nav-div{
    z-index: 990;
}
.top-nav-div.hovering{
    background-color: white !important;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
}

.top-nav-div .navbar-brand{
    display: none;
}
.top-nav-div .navbar-brand.white{
    display: block;
}
.top-nav-div.hovering .navbar-brand.white{
    display: none;
}
.top-nav-div.hovering .navbar-brand.black{
    display: block;
}

.top-nav-div.hovering a.topnav{
    color: #5C6788;
}

.top-nav-div .navbar-nav a.topnav.special{
    /* border:solid 1px #fff;  */
		color: #2289ff;
		background: #FFFFFF;
}
.top-nav-div.hovering .navbar-nav a.topnav.special{
    border:solid 1px #5C6788; 
    color: #5C6788;
}

.top-nav-div.hovering .navbar-nav>.active>a.topnav{
    border-bottom: solid 2px #5C6788;
}


.top-nav-div.hovering .navbar-nav a.topnav:focus,
.top-nav-div.hovering .navbar-nav a.topnav:hover{
    color: #5C6788;
}

.top-nav-div.hovering .navbar-nav>.active>a.topnav, 
.top-nav-div.hovering .navbar-nav>.active>a.topnav:focus, 
.top-nav-div.hovering .navbar-nav>.active>a.topnav:hover{
    color: #5C6788;
    background-color: transparent;
    border-bottom: solid 2px #5C6788;
}
.top-nav-div-emergency{
  top: 0;
}


/*hovering*/
.bottom-div.hovering{
    position: fixed;
    bottom: 0;
}

/*hovering*/

.fa-rotate-180{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform:rotate(180deg)
}

/*animate */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}


@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
from {
    opacity: 1;
}

to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}

@keyframes fadeOutRight {
from {
    opacity: 1;
}

to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}

.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}