.faq{width:100%;float:left;background:#ffffff;}
.faq-wrapper{width:1200px;margin:30px auto 20px;}
.faq-title{width:100%;text-align:center; margin-bottom:50px;letter-spacing:0.1em; }
.faq-title h2{font-size: 34px;margin-bottom: 30px; line-height: 1.1em;font-weight: 500;}
.faq-title p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em}
.faq-row{width:100%;float: left; margin:0 0 70px}
.qa-subtitle{width:100%; margin:0 0 20px; padding:10px 25px;font-size:20px;background-color: #e0e2e4;box-shadow:0px 2px 2px #ccc;border-radius:30px;font-weight: 600}

@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.u-flex{display:flex !important}
.u-flex\@md{display:flex !important}
.u-items-center{align-items:center !important; line-height: 1.6em;}
.faq-box{position:relative;padding:1rem 3rem 1rem 1rem;transition:background-color .4s ease;cursor:pointer}
.faq-box:after{content:"";position:absolute;top:50%;right:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:8px;background-image:url(../images/icon-arrow-bottom.svg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.faq-item{position:relative;border-bottom:1px solid rgba(0,0,0,0.1)}

@media(hover:hover),(-ms-high-contrast:none){.faq-box:hover{background-color:#f7f7f7}}
.faq-box.is-active:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.faq-box span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size: 30px;line-height: 30px; font-weight: 700;margin:0 1.5rem 0 0;color: #e95504}
.faq-box p{flex:1;font-size: 20px;font-weight: 500}
.faq-content{display:none;background-color:#f7f7f7;padding:1.75rem 1rem}
.faq-content span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size: 30px;line-height: 30px; font-weight: 700;color:#000;margin:0 1.5rem 0 0}
.faq-text{flex:1;text-align:justify;padding: 0 1.2rem 0 0}
.faq-text p{padding:.375rem 0 0; line-height: 1.8em; text-align:justify;}
.faq-text li{position:relative;padding:0 0 1.875rem;}
.faq-text li:before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;background-color:#e95504;border-radius:50%}
.faq-text li:not(:last-child){margin:0 0 .9375rem}
.faq-pic{margin: 30px 0 40px; padding: 0 1rem 0 4rem}
.faq-pic img{ max-width:100%;height: auto;margin: 0;display: block} 
.video-wrap{width:100%;float: none; margin:0 0 40px;padding: 0 1rem 0 4rem}
.video-container{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 1600px) {
.faq-wrapper{width:1160px;margin:20px auto}	
}
@media screen and (max-width: 1280px) {
.faq-wrapper{width:88%;}
.faq-title{margin-bottom:40px}
.faq-title h2{font-size: 32px;}
}
@media screen and (max-width: 980px) {
.faq-wrapper{margin:20px auto}
.faq-row{margin:0 0 40px}
.faq-title{margin-bottom:30px}
.faq-title h2{font-size:30px;}
.faq-title p{font-size:18px;}
.faq-pic{margin: 30px 0}
.video-wrap{margin:0 0 30px}
.faq-box{padding:1rem 2rem 1rem .5rem}
}
@media screen and (max-width: 767px) {
.faq-wrapper{margin:20px auto 20px}
.faq-title{margin-bottom:20px}
.faq-title h2{font-size:24px;margin-bottom: 20px}
.faq-title p{font-size: 17px;letter-spacing: 0;line-height: 1.6em;margin: 0}
.faq-content{padding:1.5rem 1rem 1rem 0}
.faq-content span{margin:0 1rem 0 .5rem}
.faq-pic{padding: 0 .5rem 0 4rem}
.video-wrap{padding: 0 .5rem 0 4rem}
.faq-row{margin:0 0 30px}
.faq-box p{font-size: 18px;}
.faq-box span{margin: 0 .5rem 0}
.qa-subtitle{margin:0 0 10px;}
}