/*
 *
 * Template Name: Fullscreen Login
 * Description: Login Template with Fullscreen Background Slideshow
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
	font-family:"Microsoft YaHei",微软雅黑,"Kaushan Script","Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
    text-align: center;
    color: #fff;
}

@media (max-width: 1000px){
    .landing-header__title {
        font-size: 2em;
    }
}

@media (min-width: 1000px){
    .landing-header__title {
        font-size: 6em;
    }
}

.landing-header__title {
	font-family: 'Kaushan Script', serif;
    font-weight: 400;
    color: #FF0000;
    text-shadow: 0 1px 4px rgba(255, 11, 11, 0.692);
	line-height: 1;
	margin: 0.15em 0 0;
	letter-spacing: -0.05em;
	pointer-events: none;
	width: 100%;
}

.landing-header__title span {
	position: relative;
	display: inline-block;
}

/** 字体动态效果--start **/
.landing-header__title span {
	-webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.33, 1);
	transition-timing-function: cubic-bezier(1, 0.005, 0.33, 1);
	-webkit-animation-name: floatAround-1;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: paused;
	animation-name: floatAround-1;
	animation-duration: 8s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-play-state: paused;
}

.landing-header__title span:nth-child(even) {
	-webkit-animation-name: floatAround-2;
	-webkit-animation-duration: 10s;
	animation-name: floatAround-2;
	animation-duration: 10s;
}

.landing-header__title span,.landing-header__title span:nth-child(even) {
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes floatAround-1 {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0.1em, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(0, 0.1em, 0) rotate3d(0, 0, 1, -1deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes floatAround-1 {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0.1em, 0);
		transform: translate3d(0, 0.1em, 0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@-webkit-keyframes floatAround-2 {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0.2em, 0) rotate3d(0, 0, 1, 1deg);
		transform: translate3d(0, 0.2em, 0) rotate3d(0, 0, 1, 1deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes floatAround-2 {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0.2em, 0) rotate3d(0, 0, 1, 1deg);
		transform: translate3d(0, 0.2em, 0) rotate3d(0, 0, 1, 1deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}


.page-container {
    margin: 120px auto 0 auto;
}

.logo-content {
    width:100%;
    font-size:12px;
    position: fixed;
    bottom: 5px;
    z-index: 999;
}

p {
    color: #757575;
}
a {
    color: rgba(116, 154, 227, 1);
}
#large-header {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    z-index: 1;
}

.beian-logo {
	text-align:center;
}
.logo-img {
	display: inline;
	text-align:right;
}
.logo-img img {
	height: 14px;
	margin-top: -3px;
	vertical-align: middle;
}