.fc-bg-banner{ background: linear-gradient(180deg,#EBF8FD,#fff);}
.fc-bg-banner-left{ padding: 0!important;}
.fc-bg-txt{float: right; padding: 60px 0; margin: 0!important;}
.fc-bg-txt h1{ font-size: 48px;}
.fc-bg-txt p b { font-size: 18px; margin: 0 0 0 10px; position: relative; top:0px; cursor: pointer;}
.fc-bg-txt p b i{ font-size: 20px;}
.fc-bg-txt p b:hover{ color: #1560DA;}
.bg-dl{ background: #1560DA;color: #fff;border-radius: 0.5rem;font-size: 24px; padding: 20px 40px;}
.bg-dl:before{content: '\ec2e'; font-family: fs; font-size: 38px; display: inline-block; position: relative; top:5px;margin-right: 10px;}
.bg-dl:hover{background: #1668eb; color: #fff;}
.bg-dl-mac{ background: #000;color: #fff;border-radius: 0.5rem;font-size: 24px; padding: 20px 40px;}
.bg-dl-mac:before{content: '\e611'; font-family:fs; font-size: 38px; display: inline-block; position: relative; top:5px;margin-right: 10px;}
.bg-dl-mac:hover{background: #333; color: #fff;}
.fc-bg-remove { margin: 80px 0 0 0; height:360px; border-radius: 16px; overflow: hidden;}
.fc-bg-remove p{display: none; margin:0 auto; text-align: center;}
.fc-bg-remove p video{ width: 100%!important;}
.fc-bg-remove p:nth-child(1){ display: block;}
.fc-bg-remove-list{ list-style: none; margin: 20px 0 0 0; padding:0!important;}
.fc-bg-remove-list li{ height: auto; border-radius: 8px; overflow: hidden; padding: 4px!important; margin: 0!important; cursor: pointer; text-align: center;}
.fc-bg-remove-list li img{ margin: 0!important; padding: 0!important; border-radius: 8px; border:4px #fff solid;}
.fc-bg-remove-list li img:hover{ border:4px #1560DA solid;}
.bg-sel img{border:4px #1560DA solid!important;}
.rs-youtube-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background: #000; border-radius: 8px;}
.rs-youtube-video iframe{position: absolute; border: none; top: 0; left: 0; bottom: 0;right: 0; width: 100%; height: 100%;border-radius: 8px;}
.rs-video{ margin: 16px 0;}
.rs-video-item{ color: #000; display: block; background:#F8F8F8; border-radius: 16px; padding:10px; margin-top: 0;  transition: margin-top .2s linear;}
.rs-video-item figure{ display: block; position: relative;}
.rs-video-item figure em{ position: absolute; width: 60px; height: 60px; background: rgb(255, 255, 255,0.8); border-radius: 50px; text-align: center; line-height: 65px; top:40%; left:40%; margin: auto; color: #000;}
.rs-video-item figure em i{font-size:28px;}
.rs-video-item figure span{position: absolute; background:rgb(0,0,0,0.7);color: #fff; border-radius: 0 8px 8px 8px; padding: 2px 8px; right: 0; bottom: 0; margin: 0 8px 8px 0;}
.rs-video-item figure img{ border-radius: 16px; width: 100%;}
.rs-video-item h4{ font-weight: 500;}
.rs-video-item p b{ font-weight: inherit; font-size: 16px; color: #565656;}
.rs-video-item:hover h4{ color: #FF4218;}
.rs-video-item:hover{ margin-top: -8px;  transition: margin-top .2s linear; }
.rs-video-play{ min-width:900px; padding: 20px;}
.rs-youtube-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background: #000; border-radius: 8px;}
.rs-youtube-video iframe{position: absolute; border: none; top: 0; left: 0; bottom: 0;right: 0; width: 100%; height: 100%;border-radius: 8px;}

.fc-bg-feature1{ background: #EEFAFF;}
.fc-remove-txt{ padding-top: 80px;}
.fc-blur-txt{  padding-top: 10px; float: right;}
.comparison{position: relative; border-radius: 0.5rem; overflow: hidden;  width: 90%; height: 648px; margin:0 auto;}
.comparison .bg-img {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 876px 100%; background-repeat: no-repeat;}
.comparison .background-img{ background-image: url(../images/fc-bg-feature2.png); background-repeat: no-repeat;}
.comparison .foreground-img{ background-image: url(../images/fc-bg-feature1.png); width: 50%;}
.slider { -webkit-appearance: none; appearance: none; outline: none; margin: 0; background: transparent; z-index: 10; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 5px; height: 706px; background: #1560DA; }
.slider-button { width: 4.875rem; height: 4.875rem; background-image: url(../images/slider-button.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; pointer-events: none; }

.comparison2{position: relative; border-radius: 0.5rem; overflow: hidden;  width: 876px; height: 648px; margin:0 auto;}
.comparison2 .bg-img {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 877px 100%; background-repeat: no-repeat;}
.comparison2 .background2-img{ background-image: url(../images/fc-bg-feature4.png); background-repeat: no-repeat;}
.comparison2 .foreground2-img{ background-image: url(../images/fc-bg-feature3.png); width: 50%;}
.fc-blur-txt{ float: right;}

.bg-libary-txt{ text-align: center;margin: 0 auto;}
.bg-libary{ padding: 40px 0; width: 100%; overflow: hidden; position: relative;}
.bg-libary-item1{ margin: 0 0 0 200px;  padding: 20px ;}
.bg-libary-item2{ margin: 0 200px 0 0; padding: 20px }

/**/
.fc-bg-more{ width: 80%; margin: 0 auto;}
.fc-bg-morelist{ list-style: none; padding: 20px 0;}
.fc-bg-morelist li{ float: left; font-size:18px; text-align: center; cursor: pointer;}
.fc-bg-morelist li:hover{ color: #1560DA;}
.rwb-sel b{color: #1560DA; border-bottom:2px #1560DA solid ;}
.fc-bg-moreitem{ padding: 20px;}
.fc-bg-moreitem p{ text-align: center;display: none;}
.fc-bg-moreitem p span{ display: block; padding: 20px 0;}
.fc-bg-moreitem p:nth-child(1){ display: block;}
.fc-bg-moreitem p img{ border-radius: 16px;}

/*time and money*/
.fcm-time{ background:url(fcm-time-bg.png) no-repeat right bottom; overflow: hidden;}
.fcm-time-block div{ width: 80%; float: right;}
.fcm-time-block h2 b{ color:#15AFEB; }
.fcm-time-block ul{ list-style:none; margin: 0; padding: 0;}
.fcm-time-block ul li{ padding: 10px 0; line-height: 24px; width: 100%; overflow: hidden;}
.fcm-time-block ul li img{ margin: 0 20px 0 0; float: left; width:62px;}
.fcm-time-block ul li span{ float: left; display: inline-block; width: 80%;}
.fcm-time-box{background:#ECF9FF url(fmc-time-photo.webp) no-repeat center;}
.fcm-time-photo{ height: 800px;}
.fcm-time-photo .time-clock{ float: right; transform: translate(-50%, -60%); z-index: 30;}
.fcm-time-photo .time-money{ float: right; transform: translate(-50%, -170%); z-index: 20;}
.fcm-time-photo .time-hand{ float: right; transform: translate(10%, 150%); z-index: 10;}
/*case*/
.fmc-case-bg{ background:#FAFAFA;}
.fmc-case figure b{ display: block; position: absolute; margin: -50px 0 0 0; font-size:28px; color:#fff; padding: 0 20px;}
/*user*/
.fmc-user{ overflow: hidden;}
.fmc-user-list{ width: 140%;}
.fmc-user-item{ background:#EBF9FF url(fmc-user-tips.svg) no-repeat top center; border-radius:16px; padding: 40px; margin: 0 10px;}
.slide-box-simple{height: 500px;}
.slide-li{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;background: #EBF9FF; border-radius: 16px; }
.slide-li-content{ padding: 0 40px;}
.fmc-user-text{ padding: 20px 140px;}
.fmc-user-name img{margin:0 20px 0 0;}
.fmc-user-name span{ display: inline-block; position: relative; top:20px;}
.fmc-user-name span b{ display: block; font-size: 20px; text-align:left;}
.fmc-user-name span i{ color: #6C6C6C;}
.fmc-media p img{ padding: 0 10px;}
.fmc-down{ background:#172249; color: #fff;}
.fcm-dl-link{ color:#15AFEB;}

/*User Style*/
.fv-user-media{ background:#fff; border-radius: 20px; padding: 24px 50px; margin: 10px 0 0 0;}
.fv-user-tab p{ text-align: center; display: none; height: 323px;}
.fv-user-tab p span{ display: block; font-size:20px; padding: 10px 0 20px 0;}
.fv-user-tab p span img{ width: 283px; height: 62px;}
.fv-user-list{ list-style: none; margin: 0; padding: 0;  width: 210px; margin: 0 auto; z-index: 10;}
.fv-user-list li{ width: 14px; height: 14px; border: 2px #e5e5e5 solid; float: left; border-radius: 30px; margin: 0 10px; cursor: pointer;}
.fv-user-list li:hover{border: 2px #FF4218 solid;}
.fv-user-sel{ background:#FF4218; border: 2px #FF4218 solid!important;}
.fvi-userblock{ background:#fff; border-radius: 16px; padding:20px; overflow: hidden; margin: 10px 0; border-radius: 20px;}
.fvi-userblock div{ margin: 0; padding: 0;}
.fvi-userblock div p i{ font-size: 18px; font-style: normal; text-align: left; display: block;}
.fvi-userblock div p b{ display: block; float: left; opacity: 0.6; font-weight: inherit;}
.fvi-userblock div p span{ display: block; margin: 0 10px 0 10px; float: left;}
.fc-dl-bg{ background: #333 url(../images/fc2-dl-bg.webp) no-repeat; background-size: cover; color: #fff; padding:60px;}
.scroll-container{overflow:hidden;  margin:10px auto; }
.scroll-content{display:flex;animation:scroll 50s linear infinite;}
.scroll-content img{margin:0 40px; height: 52px;}
.fc-media-review span{ margin: 8px 0;}
.fc-download{ display: inline-block; background: #3064e0; color: #fff; border-radius: 8px; font-size: 24px; font-weight: bold; width: 260px; height: 70px; text-align: center; line-height: 70px; margin:8px;  transition: transform .3s;}
.fc-download:hover{ color: #fff; transform:translatey(-5px);}
.fc-download i{ position: relative; top: 10px;}
.fc-tips-mac{ color: #6C6C6C; display: none;}


.ic-line-dl{ display: inline-block; width: 38px; height: 38px; background: url(../images/ic_fc2_downlaod.svg) no-repeat;}
.ic-line-buy{ display: inline-block; width: 38px; height: 38px; background: url(../images/ic_fc2_buy.svg) no-repeat;}
@keyframes scroll{
	0%{ transform:translateX(0) }
	100%{ transform:translateX(-1600px) }
}
@media (max-width: 1920px) {
.comparison {height: 500px; }
.comparison .bg-img { background-size: 676px 100%; }
.fc-remove-txt{ padding-top: 40px;}
.comparison2 { width:676px; height: 500px; }
.comparison2 .bg-img { background-size: 676px 100%; }
.fc-blur-txt{float: right;}
.fc-bg-more{ width: 90%;}
  }
@media (max-width: 1440px) {
.comparison { width: 500px; height: 369px; }
.comparison .bg-img { background-size: 500px 100%;}
.fc-remove-txt{ padding-top: 0;}
.comparison2 { width:500px; height: 369px; }
.comparison2 .bg-img { background-size: 500px 100%; }
.fc-blur-txt{ width:100%; padding-top: 10px; float: right;}
.fc-bg-more{ width: 90%;}
  }
@media (max-width: 1280px) {
  }
@media (max-width: 1024px) {
	  
  }
@media (max-width: 992px) {
.fc-remove-txt{ width: 100%;text-align: center; padding: 40px 0 0 0;}	
.fc-blur-txt{ width: 100%;text-align: center; }
.fc-bg-more{ width: 100%;}
  }

@media (max-width: 768px) {
.fc-remove-txt{ width: 100%;text-align: center; padding: 40px 0 0 0;}	 
.fc-bg-txt{ text-align: center;}
  }
@media (max-width: 576px) {
.comparison { width: 340px; height: 269px; }
.comparison .bg-img { background-size: 390px 100%;}
.comparison2 { width: 340px; height: 269px; }
.comparison2 .bg-img { background-size: 390px 100%;}
.fc-bg-morelist li{left;font-size: 16px;}
.rwb-sel b{color: #1560DA;border-bottom:2px #1560DA solid ;}
.fcm-time-box{background:none;}
.fmc-case figure b{ font-size: 24px;}
.fmc-brand-item{padding: 20px;}
.fcm-tech,.fmc-brand,.fmc-bg,.fcm-get,.fcm-webcam,.fcm-banner,.fcm-apps,.fcm-time,.fmc-case-bg{ overflow: hidden;}
.fc-bg-remove{ height: 200px; margin: 10px 0 40px 0; }
.fc-bg-remove p video{ width: 390px;}
.fmc-user-text{ padding: 10px 20px;}
.fmc-user-name span b{ text-align: center!important;}
.fmc-media{ padding-top: 20px;}
  }
  
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
.fc-bg-moreitem p img{ width: 100%; height: auto;}
}