#main-banner{
	background:#10100f;
	position:relative;
	z-index:1;
	overflow: hidden;
}
#main-banner:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-image:url(/images/03/banner-after.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	background-size: auto 70%;
	position:absolute;
	z-index:-2;
	top: 0;
    right: 0;
	animation-name:bannerbg;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-duration:1s;
	opacity:1;
	transition:ease-in-out all;
	animation-direction:alternate;
}
@keyframes bannerbg{
	0%{
		opacity:0.6;
	}
	100%{
		opacity:1;
	}
}
#main-banner .AD a{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
}
.banner-fixd{
	position:absolute;
	background:#000;
	top:20%;
	right:20%;
	padding: 15px;
	transition:all ease-in-out 0.3s;
}
.banner-fixd .txt{
	color:#fff;
	font-size:17px;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-family: 'cwTeXMing';
	border-top:1px solid #e8983f;
	border-bottom:1px solid #e8983f;
	padding: 30px 15px 60px;
    line-height: 180%;
}
.banner-fixd .txt br{
	font-family:Arial !important;	
}
.banner-fixd .banner-go{
	border-bottom: 1px solid #e8983f;
    text-align: center;
    padding: 20px 0;
}
.banner-fixd .banner-go a{
	color:#e8983f;
	font-size:17px;
	font-family: 'cwTeXMing';
	transition:all ease-in-out 0.3s;
}
.banner-fixd .banner-go a img{
	vertical-align: inherit;	
}
.banner-fixd:hover{
    background: rgba(0, 0, 0, 0.7);
}
.banner-fixd:hover .banner-go a{
	-webkit-filter: drop-shadow(0px 0px 5px white);
}
#cis{
    position: absolute;
    top: calc((100% - 173px)/2);
    width: 247px;
    left: calc((100% - 247px)/2);
    z-index: 3;	
}
@media screen and (max-width: 1440px) {
	.banner-fixd{
		top: 10%;
		right: 5%;
	}
}
@media screen and (max-width: 1280px) {
	.banner-fixd {
	    display:none;
	}
}

@media screen and (max-width: 980px) {
	#main-banner{
	    margin-top: 66px;
	}
}
@media screen and (max-width: 640px) {
	#cis{
		top: calc((100% - 105px)/2);
		width: 150px;
		left: calc((100% - 150px)/2);	
		-webkit-filter: drop-shadow(0px 0px 1px black);
	}
	#main-banner .AD a{
		padding: 30px 0;		
	}
}
@media screen and (max-width: 480px){
	#main-banner .AD a{
		padding: 110px 0;	
		background-position: 68% 50%;
	}
}