/**/
body{ overflow-x: hidden;}
.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;}
.gray-bg{ background: #F8F8F8;}
.fc-gray{color: #6C6C6C;}
.pd0{padding: 0;}
.mg0{margin: 0;}
.bor{border: 1px #000 solid;}
.fc64{font-size: 64px;}
.fc60{font-size: 60px;}
.fc48{font-size: 48px;}
.op8{opacity: 0.8;}
/**/
.slidenav{top: 0; padding: 8px 0; margin: 0 auto; width: 100%; position: fixed; z-index: 100; display: none; background: #fff;     box-shadow: 0 2px 6px rgb(0 0 0 / 10%);}
.selnav{ background: #fff; position:fixed!important; box-shadow:0 2px 6px rgb(0, 0, 0,0.1); display: block!important;}
.slidenav-logo{overflow:hidden;}
.slidenav-logo b{ font-size: 24px; position: relative; top: 6px; padding: 0 0 0 8px; color: #000;}
.slidenav-logo img{ width: 42px; height: 42px;}
.slidenav-link{ text-align: right; line-height: 48px; overflow:hidden;}
.slidenav-link ul{list-style: none; margin: 0; padding: 0;}
.slidenav-link ul li div{ display: none; position: absolute; border: 1px #ccc solid;text-align: left;background: #fff;border-radius: 4px; padding: 4px;}
.slidenav-link ul li div a{ font-size: 16px;font-weight: 400;  display: block; line-height: 24px; padding:8px 0;}
.slidenav-link ul li div a:hover{ background: none;}
.slidenav-link ul li:hover div{ display: block!important;}
.slidenav-link ul li a{color: #000; margin: 0 10px;}
.slidenav-link ul li a:hover{ color: #007bff;}
.slidenav-link ul li div a:hover{ background: none;}
.sn-dl{ background: #1560DA; border-radius: 8px; padding:8px 16px; color: #fff!important;}
.sn-dl:hover{text-decoration: none; background: #2574F3;}
.sn-buy{ background: #FF9A26; border-radius: 8px; padding:8px 32px; color: #fff!important;}
.sn-buy:hover{text-decoration: none; background: #FFA43C;}

/*Banner style*/
.fc-banner-bg{ background: linear-gradient(180deg,#FFFFFF,#DDEAFF);}
.banner-text{ display: inline-block; background: linear-gradient(90deg,#d726d7 0,#3064e0 50%,#31e7ea); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.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;}

.fc-buy{ display: inline-block; color: #333; border-radius: 8px; font-size: 24px; font-weight: bold; width: 260px; height: 70px; text-align: center; line-height: 70px; border: 2px #333 solid; margin: 8px; transition: transform .3s;}
.fc-buy:hover{ color: #333; transform:translatey(-5px);}
.fc-buy i{ position: relative; top: 10px;}
.fc-banner-play{ margin: 30px 0 0 0; height: 800px;  }
.fc-banner-video{border-radius: 8px;}
.fc-banner-video video{ width: 1000px!important; margin: 0 auto; border-radius: 8px; overflow: hidden;}

.scroll-container{overflow:hidden;  margin:10px auto; }
.scroll-content{display:flex;animation:scroll 50s linear infinite; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);}
.scroll-content img{margin:0 40px; height: 52px;}

.scroll-container2{overflow:hidden;  margin:10px auto; }
.scroll-content2{display:flex;animation:scroll 50s linear infinite; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);}
.scroll-content2 img{margin:0 40px; height: 52px;}

.fc-media-review span{ margin: 8px 0;}

@keyframes scroll{
	0%{ transform:translateX(0) }
	100%{ transform:translateX(-1600px) }
}
/*HD Style*/
.fc-hl-webcam{ background: #E9F1FF url(../images/fc-hl-webcam.webp) no-repeat bottom; border-radius: 30px; height: 500px;}
.fc-hl-webcam h4{ padding:80px 20px; text-align: center; font-size: 32px;}

.fc-hl-background{background: #F2FEED url(../images/fc-hl-background.webp) no-repeat 20px center; border-radius: 30px; height: 235px;}
.fc-hl-background h4{ width: 240px; float: right; margin: 70px 0 0 0;  font-size: 28px;}

.fc-hl-row{ overflow: hidden;  margin: 30px 0;}
.fc-hl-content{background: #E9E2FF url(../images/fc-hl-connect.webp) no-repeat center bottom; border-radius: 30px; height: 235px; float: left; width: 48%;}
.fc-hl-content h4{ padding: 20px 20px; text-align: center; font-size: 24px;}

.fc-hl-recoder{background: #EFF8FF url(../images/fc-hl-recoder.webp) no-repeat center bottom; border-radius: 30px; height: 235px; float: right;  width: 48%;}
.fc-hl-recoder h4{ padding: 20px 20px; text-align: center; font-size: 24px;}

.fc-hl-voice{background: #EEFCF4 url(../images/fc-hl-voice.webp) no-repeat center bottom; border-radius: 30px; height: 235px; margin: 0 0 30px 0;}
.fc-hl-voice h4{ padding: 20px 20px; text-align: center; font-size: 24px;}

.fc-hl-easy{background: #FFEDE7 url(../images/fc-hl-easy.webp) no-repeat center bottom; border-radius: 30px; height: 235px;}
.fc-hl-easy h4{ padding: 20px 20px; text-align: center;  font-size: 24px;}
.fc-hd-device{ position: relative; top: 35px;}
/*HD Style*/
.fc-hd-bg{ background: #F8F8F8;}
.fc-hd-photo{ background: #fff url(../images/fc-hd-photo.webp) no-repeat center; border-radius:30px; height: 698px; background-size: cover;}
.fc-hd-txt{ margin:140px 0 0 60px;}
.fc-hd-txt p a:hover{ text-decoration: underline;}
.fc-hd-block{ background: #fff; border-radius: 30px; margin: 10px; height: 350px;}
.fc-hd-block2{ background: #fff; border-radius: 30px; margin: 10px; height: 350px;}
.fc-fea-pd{ padding: 0px 0 0 40px; text-align: center;}
.fc-fea-filter{ padding: 120px 0 0 40px;}
.fmc-add-list{ padding: 30px 0;}
.fmc-add-list ul{list-style: none; padding: 0; margin: 0;  margin: 0 auto;  position: relative;}
.fmc-add-list ul li{margin: 0 20px 0  0;  text-align:center; color: #ACACAC; cursor: pointer; position: relative;}
.fmc-add-list ul li span{ display: block;  border-radius:50px; width: 102px; height: 102px; border:3px #ebebeb solid; line-height:90px; margin: 0 auto;}
.fmc-add-list ul li b{ display: block; padding: 8px 0 0 0;}
.fmc-add-list ul li i{ display: block; position: absolute; top: 0; left:50%; transform:translateX(-50%); margin: auto; width: 102px; height: 102px; text-align: center;}
.fmc-add-list ul li svg{position: relative; left: -17px; top: 1px;}
.fc-content-block{ background: #333 url(../images/fc-content-bg.webp) no-repeat center; border-radius: 30px; padding: 60px; color: #fff; text-align: center; background-size: cover;}
.fc-content-block section{ display: none;}
.fc-content-block .active{ display: block!important;}
.active-border{width:102px;height:102px; position:absolute; z-index:1;display:none;outline:none; margin: -1px 0 0 17px;}
.active-border .border{stroke-linecap:round;stroke-dasharray:360,360;stroke-dashoffset:360}
.active-border{display:block}
.selppt b{ color: #D35230;}
.border{-webkit-animation:borderani 6s ease-in forwards;-moz-animation:borderani 6s ease-in forwards;animation:borderani 6s ease-in forwards}
@keyframes borderani{to{stroke-dashoffset:0}}
@-webkit-keyframes borderani{to{stroke-dashoffset:0}}
@-moz-keyframes borderani{to{stroke-dashoffset:0}}
.fc-content-theme{ padding:80px 60px 0 60px;}
.fc-content-brand{padding:100px 60px 0 60px;}
.con-sel b{color: #000!important;}
.fc-active{display: block;}
/*Step*/
.fc-tab-container{padding:10px; width: 100%; margin:0 auto; }
.fc-tab-nav{list-style:none;margin:0;padding:0;display:flex;justify-content:center}
.fc-tab-nav li{display:inline-block;padding:12px 20px 18px 20px;background-color:#fff;cursor:pointer;margin:0 8px;border-radius:8px 8px 0 0;font-size:18px;font-weight:bold;color:#383838; position: relative; top: 6px; transition: transform .3s;}
.fc-tab-nav li:hover{background-color:#ececec; transform:translatey(-6px);}
.fc-tab-nav li.active{background-color:#333;color:#fff; transform:translatey(-6px);}
.fc-tab-content{overflow:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; width:100%; padding:0; background:#fff; border-radius:30px; box-shadow: 0 0 8px rgb(0, 0, 0,0.1); position: relative; z-index: 10;}
.fc-tab-panel{width:100%;height:584px;background-color:#fff;display:inline-block;text-align:center;overflow:hidden;margin:0;padding:0; overflow: hidden; white-space:normal;}
.fc-tab-panel:last-child{margin-right:0}
.fc-tab-block{height: 100%;}
.fc-tab-left{height: 100%; display: flex; align-items: center;}
.fc-tab-right{text-align: left; display: flex; align-items: center; height: 100%; padding: 0 60px;}
.fc-tab-right div p span{ display: block; padding:8px 0;}
.fc-tab-right .active span{ transform: none!important;}
/*new*/
.fc-new-bg{ background: #050B22 url(../images/fc2-new-bg.webp) no-repeat top center; color: #fff;}
.fc-new-block{ background: #1E2338; text-align: center; border-radius: 16px; padding: 20px; min-height:420px;}

/*User Style*/
.fv-user-media{ background:#F8F8F8; border-radius: 30px; padding: 44px 50px; margin: 10px 0 0 0;}
.fv-user-tab p{ text-align: center; display: none; height: 400px;}
.fv-user-tab p span{ display: block; font-size: 28px; 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 #3064e0 solid;}
.fv-user-sel{ background:#3064e0; border: 2px #3064e0 solid!important;}
.fvi-userblock{ background:#F8F8F8; border-radius: 16px; padding:20px; overflow: hidden; margin: 10px 0; border-radius: 30px;}
.fvi-userblock div{ margin: 0; padding: 0;}
.fvi-userblock div p i{ font-size: 22px; 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;}

/**/
.fc-fea-new{ position: relative;}
.fc-fea-new::after{ content: 'New'; display: inline-block; width: auto; height: auto; background: #FF5119; border-radius: 8px; position: absolute; top: 0; right: 0; color: #fff; padding: 4px 16px; margin: 20px 30px 0 0;}
@media (max-width: 1920px) {

  }
@media (max-width: 1440px) {
.fc-mb-hide4{ display: none;} 
  }
@media (max-width: 1280px) {
.fc-mb-hide3,.fc-mb-hide4{ display: none;}  
  }
@media (max-width: 1024px) {
.fc-mb-hide3,.fc-mb-hide4{ display: none;}  
  }
@media (max-width: 992px) {
.fc-mb-hide1,.fc-mb-hide2,.fc-mb-hide3,.fc-mb-hide4{ display: none;}  
  }

@media (max-width: 768px) {
.fc64{font-size: 48px;}
.fc60{ font-size: 38px;}
.fc48{ font-size: 32px;}
.fc-banner-play{ margin: 30px 0 0 0; height:auto;}
.fc-banner-video video{ width: 100%!important; margin: 0 auto;}
.fc-hl-webcam{ height: 400px;}
.fc-hl-webcam h4 { padding: 40px 0;}
.fc-hl-background{background: #F2FEED url(../images/fc-hl-background.webp) no-repeat center 120px; height: 335px;}
.fc-hl-background h4{ width: 100%; float: none; padding: 30px 0; text-align: center;}
.fc-hl-content{ width: 100%;}
.fc-hl-recoder{ width: 100%; margin: 30px auto 0 auto;}
.fc-hd-frame{padding: 0;}
.fc-hd-photo{ background: #fff url(../images/fc-hd-mbbg.webp) no-repeat center; border-radius:30px; height: 948px; background-size: cover;  margin: 0 0 60px 0;}
.fc-hd-txt{ margin: 30px 0 0 0; text-align: center;}
.fc-hd-txt h3{ font-size: 28px;}
.fc-hd-txt p{ font-size: 14px;}
.fc-hd-block{ height: auto;}
.fc-hd-block2{ background: #fff; border-radius: 30px; margin: 10px; height: auto;}
.fc-content-block{padding: 20px;}
.fc-tab-left{ height: auto;}
.fc-tab-nav{ display: block;}
.fc-tab-nav li{ border-radius: 8px; width: 100%;}
.fc-tab-right{padding: 0 30px;}
.fc-new-block{ margin: 10px 0;}
.fc-tab-panel{ height: auto;}
.fc-content-theme{ padding:20px 10px 0 10px; text-align: center;}
.fc-content-brand{padding:20px 10px 0 10px;  text-align: center;}
.fc-mb-hide,.fc-mb-hide1,.fc-mb-hide2,.fc-mb-hide3,.fc-mb-hide4{ display: none;}
.slidenav{ display: none!important;}
  }
@media (max-width: 576px) {

  }
  
@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-hl-webcam{ background: #E9F1FF url(../images/fc-hl-webcam@2x.webp) no-repeat bottom; background-size:296px 311px;}
.fc-hl-background{background: #F2FEED url(../images/fc-hl-background@2x.webp) no-repeat 20px center;background-size:347px 199px;}
.fc-hl-content{background: #E9E2FF url(../images/fc-hl-connect@2x.webp) no-repeat center bottom; background-size:306px 141px;}
.fc-hl-recoder{background: #EFF8FF url(../images/fc-hl-recoder@2x.webp) no-repeat center bottom; background-size:306px 140px;}
.fc-hl-voice{background: #EEFCF4 url(../images/fc-hl-voice@2x.webp) no-repeat center bottom; background-size:306px 135px;}
.fc-hl-easy{background: #FFEDE7 url(../images/fc-hl-easy@2x.webp) no-repeat center bottom; background-size:306px 235px;}
.fc-hd-photo{ background: #fff url(../images/fc-hd-photo@2x.webp) no-repeat center; background-size:1316px 698px;}
}