.page-welcome{ position: relative; min-height: calc(100vh - 260px)}
.page-welcome:before, .page-welcome:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 250px}
.page-welcome:before{ background: url("./detail-bg.jpg") top center repeat-x; opacity: .3}
.page-welcome:after{ background: rgb(22,22,22);
	background: linear-gradient(0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%); z-index: 2}
.page-welcome .container{position: relative; z-index: 3;}
#xhome{ padding: 150px 0 50px;}
#xhome .logo{width: 200px; height: auto; margin: 0 auto 1rem}
#xhome .logo img{width: 100%; height: auto}
#xhome .description{margin-bottom: 1rem; text-align: center; font-size: 1.1em}
.xbutton{ text-align: center; margin: 1rem 0 2rem}
.xbutton .xbtn-primary{ margin: 1rem auto; background: #67a273 !important; font-size: 1.5em; color: #fff; padding: 1rem 2rem; border-radius: 30px; position: relative; overflow: hidden}
.xbutton .xbtn-primary::before{ content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; width: 500%; margin-left: -250%; animation: loadanimation 1s linear infinite; background: linear-gradient(to right, rgba(249,30,30, 0) 20%, rgb(16, 94, 13) 50%, rgba(249,30,30, 0) 54%) 50% 50%; z-index: 1}
.xbutton .xbtn-primary::after{ content: ""; z-index: 2; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border-radius: 30px; background: #b7942a;}
.load-item .film-poster .film-poster-img{z-index: 2;}
.xbutton .xbtn-primary span{position: relative; z-index: 3; font-weight: 600;}
@keyframes loadanimation {
	0% { transform: translate3d(-30%, 0, 0); }
	100% { transform: translate3d(30%, 0, 0); }
}
.xsearch{width: 100%; max-width: 700px; margin: 0 auto 1rem; position: relative; height: 60px; padding-right: 80px}
.xsearch .form-control{height: 60px; font-size: 1.3em; color: #fff; box-shadow: none !important; background: #2f2f2f; border: none !important; padding: .375rem 1.75rem; border-radius: .5rem 0 0 .5rem}
.xsearch .form-control:focus{background: #333;}
.xsearch .form-control::placeholder{color: #fff; opacity: .5}
.xsearch .btn-search{ height: 60px; background: #b7942a !important; line-height: 60px; padding: 0; width: 80px; border-radius: 0 .5rem .5rem 0; position: absolute; top: 0; right: 0; font-size: 1.5em}
.xcontent{color: #888; font-size: 1.1em; line-height: 1.45; max-width: 1000px; margin: 2rem auto;}
.xcontent ul li{margin-bottom: .5em}
.xcontent h1{ font-size: 1.8em; color: #fff; line-height: 1.45}
.xcontent h2{ font-size: 1.4em; color: #ccc; line-height: 1.45}
.xcontent h3{ font-size: 1.2em; color: #ccc; line-height: 1.45}
.xcontent ul{}
.xcontent ul li{position: relative; padding-left: 30px;}
.xcontent ul li i{position: absolute; left: 0; top: 3px; color: #57cd51}
.xcontent ul li strong.focus{color: #ccc;}
@media screen and (max-width: 480px) {
	#xhome{padding-top: 50px;}
	#xhome .logo{width: 90px;}
	.xcontent{font-size: 1em;}
	.xcontent h1{font-size: 1.6em}
}
.logo-ft {
	margin-bottom: 15px;
}
.cpr {
	float: left;
}
.footer_about {
	float: right;
}
#footer {
	border-top: 1px solid #373535;
}
.banner {
	text-align: center;
	margin-bottom: 25px;
}
@media only screen and (max-width: 700px){
	.banner img {
	width: 100%;
}
}