@charset "utf-8";
/* CSS Document */
.starter { display: block; height: 70vh; background-image: url(/images/zhangjiajie-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; color: #fff; }
.starter:after { background: #f5f6e8;}
footer::after { height: 315px; }
.intro { display: block; overflow: hidden; position: relative; margin-top: -225px; padding-top: 220px; padding-bottom:300px; }
.intro::after { content:''; display: block; height: 225px; width: 120%; position: absolute; left: 50%; bottom: 320px; -webkit-transform: rotate(-5deg) translateX(-50%); -ms-transform: rotate(-5deg) translateX(-50%); transform: rotate(-5deg) translateX(-50%); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; background: #f5f6e8; }
.white-bg { margin-top:-165px}
.intro .main-content { display: block; position: relative; overflow: hidden; padding-top:50px; }
.intro .main-content:before { display: block; content: ''; background: #f5f6e8; height: 100%; width: 100%; position: absolute; top: 0; }

@media(max-width:768px) {
.starter:after { bottom: 0; }	
.intro::after { bottom:290px;}
.section-start { padding:20px; }
}