body {
	overflow-x: hidden;
}

.fs-banner-tab {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.banner-flex {
	display: flex;
	justify-content: center;
}

.id-bg {
	padding: 0;
	background-size: cover;
	overflow: hidden;
	width: 100% !important;
	height: 100% !important;
}

.position-relative {
	position: relative !important;
}

.bg-none {
	background: none !important;
}

.bg-gray {
	background: #F5F5F7 !important;
}

.section-1 {
	height: 100vh !important;
}

.id-pl {
	left: -10px;
	font-weight: 500;
}

.id-banner {
	display: flex;
	height: 100vh !important;
}

.id-banner-finecam {
	overflow: hidden;
	align-self: center;
	background: url(../images/id-fc-banner2.webp) no-repeat;
	width: 100%;
	height: 100Vh;
	background-size: cover;
	margin: 0;
	padding: 0 !important;
}

.id-banner-finecam h2 {
	font-size: 60px;
}

.id-banner-finecam p b {
	font-size: 32px;
	display: inline-block;
	position: relative;
	top: 8px;
	margin: 0 0 0 5px;
}

.id-banner-finecam p a {
	display: inline-block;
	border-radius: 60px;
	background: #333;
	padding: 20px 60px 20px 40px;
	color: #fff;
	margin: 0 10px 0 0;
	position: relative;
}

.id-banner-finecam p a:hover {
	background: #444;
}

.id-banner-finecam p a::after {
	content: '\e659';
	font-family: fs;
	position: absolute;
	right: 0;
	font-weight: 600;
	margin: 0 0 0 10px;
	transform: translate3d(-28px, 0, 0);
	transition: 0.3s linear;
}

.id-banner-finecam p a:hover::after {
	transform: translate3d(-20px, 0, 0);
}

.id-banner-finevoice {
	overflow: hidden;
	align-self: center;
	background: url(../images/fv-banner.webp) no-repeat;
	width: 100%;
	height: 100Vh;
	background-size: cover;
	margin: 0;
	padding: 0 !important;
	color: #fff;
}

.id-banner-finevoice h2 {
	font-size: 80px;
}

.id-banner-finevoice p {
	color: #fff;
}

.id-banner-finevoice p b {
	font-size: 32px;
	display: inline-block;
	position: relative;
	top: 8px;
	margin: 0 0 0 5px;
}

.id-banner-finevoice p a {
	display: inline-block;
	border-radius: 60px;
	background: #333;
	padding: 20px 60px 20px 40px;
	color: #fff;
	margin: 0 10px 0 0;
	position: relative;
}

.id-banner-finevoice p a:hover {
	background: #444;
}

.id-banner-finevoice p a::after {
	content: '\e659';
	font-family: fs;
	position: absolute;
	right: 0;
	font-weight: 600;
	margin: 0 0 0 10px;
	transform: translate3d(-28px, 0, 0);
	transition: 0.3s linear;
}

.id-banner-finevoice p a:hover::after {
	transform: translate3d(-20px, 0, 0);
}

.id-banner-christmas {
	overflow: hidden;
	align-self: center;
	background: #0A72D4 url(../images/cr-2022-banner.webp) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 100Vh;
	margin: 0;
	padding: 0;
	color: #fff;
}

.cr-banner-block {
	width: 1440px;
	height: 100vh;
	margin: 0 auto;
	background: url(../images/cr-banner-photo.webp) no-repeat center bottom;
	overflow: hidden;
}

.cr-banner-left {
	margin: 380px 0 0 100px;
}

.cr-banner-center {
	margin: 640px 0 0 -60px;
}

.cr-banner-right {
	margin: 360px 0 0 0;
}

.cr-banner-button {
	background: #BC0010;
	border-radius: 100px;
	color: #fff;
	font-size: 48px;
	width: 360px;
	padding: 10px 0;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	display: block;
	position: relative;
	top: -80px;
}

.cr-banner-button:hover {
	background: #d50015;
	color: #fff;
}

.cr-banner-title {
	align-self: center;
	text-align: center;
}

.cr-banner-title p img {
	position: relative;
	top: -100px;
}

.cr-title2 {
	display: none;
}

.cr-title1 {
	display: block;
	margin: 0 auto;
}

.fs-fea-finevoice {
	width: 519px;
	height: 322px;
}

.id-fc-logo {
	padding: 0 0 0 20px;
}

.id-bt-blue {
	background: #FF716A  !important;
}

.id-bt-blue:hover {
	background: #0f83ff !important;
}

.id-bt-green {
	background: #5CFFC4 !important;
	color: #000 !important;
}

.id-bt-green:hover {
	background: #5CFFC4 !important;
}

.id-bt-white {
	background: #fff !important;
	color: #000 !important;
}

.id-bt-white:hover {
	background: #fff !important;
}

.id-fc-img {
	background: url(../images/id-fc-banner.png) no-repeat;
}

.id-pro-item {
	background: #EDF4FF;
	border-radius: 16px;
	text-align: center;
	padding: 30px;
	margin: 10px;
	cursor: pointer;
}

.id-pro-item:hover p span img {
	transform: scale(1.05);
}

.id-pro-item p {
	margin: 0;
	padding: 4px 0;
}

.id-pro-item p b {
	font-size: 32px;
	position: relative;
	top: 8px;
}

.id-pro-item p a {
	position: relative;
}

.id-pro-item p a::after {
	content: '\e659';
	font-family: fs;
	position: absolute;
	transform: translate3d(8px, 0, 0);
	transition: .3s linear;
}

.id-pro-item p a:hover::after {
	transform: translate3d(12px, 0, 0);
}

.id-pro-item p span {
	display: block;
	padding: 20px 0;
}

.id-pro-item p span img {
	transform: scale(1);
	transition: .3s linear;
}

.id-pro-voice {
	background: #EDFFF8 !important;
}

.id-user {
	margin: 0;
	padding: 0;
}

.id-user-slide {
	padding: 0;
}

.id-user-content {
	text-align: center !important;
	border-radius: 16px;
	height: 500px;
	padding: 10% 10px 0 10px;
	margin: 0 10px;
}

.id-user-content img {
	width: auto !important;
	height: auto !important;
	display: inline-block !important;
}

.id-user-text {
	font-size: 24px;
	text-align: center;
	padding: 0 40px;
}

.id-user-start i {
	font-size: 24px;
	color: #FF9A26;
}

.id-user-info img {
	width: 62px !important;
}

.id-user-info span {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 10px;
	position: relative;
	top: 15px;
}

.id-user-info span b {
	display: block;
}

.id-user-info span i {
	font-style: inherit;
	color: #6C6C6C;
}

.user-orange {
	background: #FFF5EA;
}

.user-blue {
	background: #D9FFFB;
}

.user-green {
	background: #deffe5;
}

.user-purple {
	background: #FDEAFF;
}

.id-media {
	line-height: 82px;
}

.id-media img {
	margin: 0 5px;
}

.id-post-list {
	background: #fff;
	border-radius: 16px;
	display: block;
	padding: 0;
	overflow: hidden;
	height: 100%;
	border-radius: 16px;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.1);
}

.id-post-list div {
	border-left: 4px #FF716A  solid;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0;
	height: auto;
}

.id-post-list div h4 {
	font-size: 24px;
	float: left;
	padding: 4px 0 4px 20px;
	margin: 0;
	margin: 0;
}

.id-post-list div a {
	display: inline-block;
	float: right;
	margin: 5px 10px 0 0;
	color: #FF716A ;
}

.id-post-list div a::after {
	content: "\e60e";
	font-family: fs;
	font-size: 14px;
}

.id-post-list div a:hover {
	text-decoration: underline;
}

.id-post-list ul {
	margin: 10px 0 0 0;
}

.id-post-list ul li {
	padding: 11px 0 11px 14px;
	position: relative;
}

.id-post-list ul li a {
	color: #000;
}

.id-post-list ul li a:hover {
	color: #FF716A ;
	text-decoration: underline;
	transform: translate3d(5px, 0, 0);
}

.id-post-list ul li a:before {
	content: '-';
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

.id-post-news {
	color: #000;
	display: block;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.id-post-news:hover {
	color: #000;
}

.id-post-news:hover p img {
	transform: scale(1.04);
}

.id-post-news p img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: .5s ease-in-out;
}

.id-post-news b {
	display: block;
	position: absolute;
	z-index: 100;
	top: 25%;
	left: 43%;
	background: rgb(255, 255, 255, 0.5);
	border-radius: 80px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}

.id-post-news b i {
	font-size: 24px;
}

.id-post-news h4 {
	font-size: 18px;
	padding: 0 24px;
}

.id-post-news p i {
	font-style: inherit;
	color: #FF716A ;
	margin: 0 16px;
	background: #ffecdd;
	border-radius: 30px;
	padding: 4px 16px;
	font-weight: 600;
	00
}

.id-post-news p span {
	display: block;
	padding: 0 24px;
	font-size: 15px;
}

.id-subscribe input {
	background: #F1F1F1;
	border: 0;
	font-size: 18px;
	padding: 20px;
	border-radius: 8px;
	width: 360px;
}

.id-subscribe input:focus {
	outline: none;
}

.id-subscribe button {
	border: 0;
	background: #333;
	border-radius: 8px;
	color: #fff;
	padding: 20px 16px;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 18px;
}

.id-subscribe button:hover {
	background: #FF716A ;
}

.id-subscribe-bg {
	background: url(../images/id-subscribe.webp) no-repeat right bottom;
}

.id-Subscribe-txt {
	height: 100px;
	display: none;
}

.id-Subscribe-txt span {
	display: block;
	color: #37a700;
	padding: 12px;
	background: #fff;
	border-radius: 8px;
	text-align: left;
	font-weight: bold;
	font-size: 24px;
	background: #F1F1F1;
	text-align: center;
	width: 490px;
}

.id-Subscribe-txt span i {
	font-size: 32px;
	position: relative;
	top: 3px;
}

.id-subtips {
	width: auto;
	display: block !important;
	padding: 12px 8px 0 8px;
	border-radius: 8px;
	text-align: left;
	color: #FF716A ;
	display: none;
	height: 32px;
}

.id-Subscribe-box {
	height: 100px;
}

/*User Style*/
.fv-user-media {
	background: #fff;
	border-radius: 20px;
	padding: 24px 10px;
	margin: 10px 0 0 0;
	height: 97%;
	display: flex;
	flex-direction: column;
}
.fv-user-tab{
	height: 95%;
	width: 100%;
}
.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;
	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 #FF716A  solid;
}

.fv-user-sel {
	background: #FF716A ;
	border: 2px #FF716A  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;
}

.fs-ed-block {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}


.fs-ed-block p {
	text-align: center;
}

.fs-ed-block p span {

	padding: 8px 0 0 0;
	line-height: 16px;
}

.educate-item {
	width: 400px;
	height: 330px;
	border-radius: 16px;
	background: #F5F5F7;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 20px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.educate-item b {
	font-size: 24px;
}

.educate-item p {
	padding-top: 8px;
	
}

.fs-learn-btn {
	display: inline-block;
	background: #FF716A ;
	color: #fff;
	border-radius: 8px;
	padding: 16px 60px;
	font-size: 20px;
}

.fs-learn-btn::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 16px;
	background: url(../images/ic-bt-learn.svg) no-repeat;
	margin: 0 0 0 8px;
	transform: translate3d(8px, 0, 0);
	transition: 0.3s linear;
}

.fs-learn-btn:hover {
	color: #fff;
	background: #ff4722;
}

.fs-learn-btn:hover::after {
	transform: translate3d(16px, 0, 0);
}

.fc-banner-video {
	position: relative;
}

.fs-video-botton {
	position: absolute;
	width: 100%;
	height: 100%;
}

.fs-video-block {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fs-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.3s ease;
	transform-origin: center center;
	display: inline-block;
	z-index: 100;
	background: none;
	border: 0;
	width: 160px;
	height: 160px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.fs-video-play:hover {
	transform: translate(-50%, -50%) scale(1.2);
}

.pause-icon {
	display: none;
}

.fs-bg-gray {
	background: #F5F5F7 url(../images/fs-ideas-bg.webp) no-repeat center bottom;
}

.fs-ideas-color {
	display: inline-block;
	background: linear-gradient(90deg, #FF716A  0, #FF9A26);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fs-ideas-blcok {
	padding: 10px 0;
}

.fs-ideas-blcok b {
	display: block;
	font-size: 20px;
}

.fs-ideas-blcok span {
	display: block;
	font-size: 16px;
	color: #6C6C6C;
}

.fs-ideas-icon1::before {
	content: '';
	display: inline-block;
	width: 72px;
	height: 72px;
	background: url(../images/ic-id-ai.webp) no-repeat;
	float: left;
	margin: -2px 16px 0 0;
}

.fs-ideas-icon2::before {
	content: '';
	display: inline-block;
	width: 72px;
	height: 72px;
	background: url(../images/ic-id-use.webp) no-repeat;
	float: left;
	margin: -2px 16px 0 0;
}

.fs-ideas-icon3::before {
	content: '';
	display: inline-block;
	width: 72px;
	height: 72px;
	background: url(../images/ic-id-rescous.webp) no-repeat;
	float: left;
	margin: -2px 16px 0 0;
}

.fs-ideas-icon4::before {
	content: '';
	display: inline-block;
	width: 72px;
	height: 72px;
	background: url(../images/ic-id-phone.webp) no-repeat;
	float: left;
	margin: -2px 16px 0 0;
}

/**/
.fs-fea-block {
	width: 616px;
	height: 64px;
	margin: 0 auto;
	position: relative;
	border: 1px #EDEDED solid;
	border-radius: 8px;
}

.fs-fea-nav {
	list-style: none;
	padding: 0;
	display: flex;
	position: absolute;
	z-index: 10;
	width: 600px;
	height: 54px;
	margin-top: 5px;
	margin-left: 10px;
}

.fs-fea-nav li {
	width: 33%;
	height: 54px;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.fs-id-nav-bg {
	width: 33%;
	height: 54px;
	background: #FF716A ;
	border-radius: 8px;
	position: absolute;
	margin: 4px 0 0 0;
	font-size: 20px;
	color: #6C6C6C;
}

.fs-id-nav-color b {
	color: #fff;
}

.fea-nav-block {
	background: #F5F5F7;
	border-radius: 30px;
	cursor: pointer;
	position: relative;
	transition: 0.3s linear;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0);
	top: 0;
	display: block;
	color: #000;
}

.fea-nav-block:hover {
	color: #000;
}

.fea-nav-block p b {
	font-size: 26px;
	line-height: 28px;
}

.fea-nav-block p span {
	display: block;
	color: #6C6C6C;
	font-size: 18px;
}

.fea-nav-block:hover {
	box-shadow: 4px 8px 16px rgb(0, 0, 0, 0.1);
	top: -5px;
}

.fea-nav-block::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/ic-home-more-sl.svg) no-repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: translate3d(-40px, 0, 0);
	transition: 0.3s linear;
	opacity: 0;
}

.fea-nav-block:hover::before {
	transform: translate3d(-10px, 0, 0);
	opacity: 1;
}

.fea-fvvt-nav-block {
	background: #F5F5F7;
	border-radius: 30px;
	padding: 30px;
	cursor: pointer;
	position: relative;
	transition: 0.3s linear;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0);
	top: 0;
	display: block;
	color: #fff;
}

.fea-fvvt-nav-block:hover {
	color: #fff;
}

.fea-fvvt-nav-block p b {
	font-size: 26px;
	line-height: 28px;
}

.fea-fvvt-nav-block p span {
	display: block;
	color: #fff;
	font-size: 18px;
}

.fea-fvvt-nav-block:hover {
	box-shadow: 4px 8px 16px rgb(0, 0, 0, 0.1);
	top: -5px;
}

.fea-fvvt-nav-block::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/ic-home-more-sl.svg) no-repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: translate3d(-40px, 0, 0);
	transition: 0.3s linear;
	opacity: 0;
}

.fea-fvvt-nav-block:hover::before {
	transform: translate3d(-10px, 0, 0);
	opacity: 1;
}

.fea-hide {
	display: none;
}

.nav-background-remove {
	margin: 0;
	background: #F5F5F7 url(../images/fs-background-remove.webp) no-repeat 20px center;
	overflow: hidden;
	padding: 28px 0;
}

.nav-background-remove p {
	width: 45%;
	float: right;
}


.fs-finecam-block {
	padding: 50px 0;
	border-radius: 12px;
	background: linear-gradient(120deg, #F5F9FF, #D7E6FE);
}

.fs-finevoice-block {
	padding: 72px 0;
	height: 572px;
	border-radius: 12px;
	background: linear-gradient(118deg, #00DCAF 50.46%, #00ACE3 94.12%);
}

.fs-voicetrans-block {
	padding: 72px 0;
	height: 572px;
	border-radius: 12px;
	background: linear-gradient(118deg, #8603F2 28.08%, #1593FF 94.12%);
}


.fs-finevoice-block p img {
	width: 519px;
	height: 322px;
}

.fs-singify-block {
	height: 572px;
	border-radius: 12px;
	background: linear-gradient(266deg, #F2624B 7.56%, #FEA33A 98.21%);
	cursor: pointer;
	position: relative;
	transition: 0.3s linear;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0);
	top: 0;
}

.fs-singify-block:hover {
	box-shadow: 4px 8px 16px rgb(0, 0, 0, 0.1);
	top: -5px;
}

.fs-singify-block::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/ic-home-more-sl.svg) no-repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: translate3d(-40px, 0, 0);
	transition: 0.3s linear;
	opacity: 0;
}

.fs-singify-block:hover::before {
	transform: translate3d(-10px, 0, 0);
	opacity: 1;
}


.singify-block-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 60px;
	padding-right: 60px;
}

.singify-block-content p b {
	color: #fff;
	font-size: 34px;
}

.singify-block-content p span {
	color: #fff;
	font-size: 16px;
}


.nav-webcam-pc {
	background: #F5F5F7 url(../images/fs-fea-webcam.webp) no-repeat right;
	padding: 34px 60px 34px 60px;
	margin: 20px 0 0 0;
	overflow: hidden;
}

.nav-webcam-pc p {
	width: 50%;
	float: left;
}

.fea-speech-text {
	background: #F5F5F7 url(../images/fs-fea-stt.webp) no-repeat bottom;
	padding: 20px 30px 152px 30px;
}

.fea-speech-text b {
	font-size: 24px;
	display: block;
	text-align: left;
}

.fea-voice-recorder {
	background: #F5F5F7 url(../images/fs-fea-tts.webp) no-repeat bottom;
	padding: 20px 30px 152px 30px;
	height: 100%;
}

.fea-voice-recorder b {
	font-size: 24px;
	display: block;
	text-align: left;
}

.fea-text-speech {
	background: #F5F5F7 url(../images/fs-voice-changer-in.webp) no-repeat right;
	padding: 25px 30px 10px 30px;
	height: 100%;
}

.fea-text-speech b {
	font-size: 24px;
	display: block;
	text-align: left;
}


/*banner*/
.fc-logo-48 {
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 600;
}

.fc-logo-48::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../finecam/images/finecam-logo-big.svg) no-repeat;
	background-size: 48px 48px;
	margin: 0 8px 0 0;
}

#fs-banner-show {
	height: 800px;
	position: relative;
}

.fc-logo-finevoice {
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 600;
}

.fc-logo-finevoice::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/ic_finevoice256.svg) no-repeat;
	background-size: 48px 48px;
	margin: 0 8px 0 0;
}



.fc-logo-voicetrans {
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 600;
}

.fc-logo-voicetrans::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/voicetrans-logo.svg) no-repeat;
	background-size: 48px 48px;
	margin: 0 8px 0 0;
}

.fc-logo-singify {
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 600;
}

.fc-logo-singify::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../images/singify-logo128.webp) no-repeat;
	background-size: 48px 48px;
	margin: 0 8px 0 0;
}

.fs-bg-finecam {
	background: linear-gradient(120deg, #FFFFFF, #DDEAFF);
	padding: 100px 0 0 0;
}

.fs-bg-finevoice {
	background: linear-gradient(120deg, #FAFFFE, #DCFFF7);
	padding: 100px 0 0 0;
}

.fs-bg-voicetrans {
	background: linear-gradient(120deg, #FFFFFF, #DCE2FF, #C57FFB);
	padding: 100px 0 0 0;
}

.fs-bg-singify {
	background: linear-gradient(93deg, #FFFCFA 2.11%, #FFF1E5 45.17%, #FFDAF6 117.73%);
	padding: 100px 0 0 0;
}

.fs-banner-finecam {
	background: url(../images/fs-finecam-banner.webp) no-repeat center;
}

.fs-banner-finevoice {
	background: url(../images/fs-finevoice-banner.webp) no-repeat center;
}

.fs-banner-voicetrans {
	background: url(../images/home-iu-banner-voicetrans.webp) no-repeat center;
}

.fs-banner-singify {
	background: url(../images/fs-singify-banner.webp) no-repeat center;
}

.fs-banner-pt {
	padding-top: 100px;
}

.fs-banner-dl {
	display: inline-flex;
	background: #333;
	color: #fff;
	border-radius: 8px;
	padding: 20px 60px;
	font-size: 24px;
	font-weight: bold;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	top: 0;
}

.fs-banner-dl::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/ic-banner-aroww.svg) no-repeat;
	margin: 0 0 0 8px;
}

.fs-banner-dl:hover {
	color: #fff;
	top: -5px;
}

.banner-dl-btn {
	display: inline-flex;
	border-radius: 8px;
	background-image: linear-gradient(to right, #5AFDC4 0%, #02A09C 51%, #5AFDC4 100%);
	font-size: 24px;
	color: #000;
	font-weight: 600;
	box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
	position: relative;
	top: 0;
	transition: 0.3s;
	background-size: 200% auto;
	padding: 20px 50px;
	align-items: center;
}

.banner-dl-btn span {
	display: inline-block;
	position: relative;
	padding: 0 8px 0 0;
}

.banner-dl-btn:hover {
	color: #000;
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
	top: -3px;
	background-position: right center;
	text-decoration: none;
}

.fs-vt-banner-dl {
	display: inline-flex;
	background: linear-gradient(90deg, #8703F2 0%, #1594FF 100%);
	color: #fff;
	border-radius: 8px;
	padding: 20px 60px;
	font-size: 24px;
	font-weight: bold;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	top: 0;
}

.fs-vt-banner-dl::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/ic-banner-aroww.svg) no-repeat;
	margin: 0 0 0 8px;
}

.fs-vt-banner-dl:hover {
	color: #fff;
	top: -5px;
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
}

.fs-singify-banner-dl {
	display: inline-flex;
	background: linear-gradient(90deg, #FF9A26 0%, #FF4218 100%);
	color: #fff;
	border-radius: 8px;
	padding: 20px 60px;
	font-size: 24px;
	font-weight: bold;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	top: 0;
}

.fs-singify-banner-dl:hover {
	color: #fff;
	top: -5px;
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
}

.fs-singify-solution-dl {
	display: inline-flex;
	background: #fff;
	color: #FF5834;
	border-radius: 8px;
	padding: 20px 60px;
	font-size: 24px;
	font-weight: bold;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	width: 80%;
	top: 20px;
}

.fs-singify-solution-dl:hover {
	color: #FF5834;
	top: 15px;
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
}


.fs-banner-buy {
	display: inline-flex;
	border: 2px #333 solid;
	color: #333;
	border-radius: 8px;
	padding: 18px 60px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 16px;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	top: 0;
}

.fs-banner-buy::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/ic-banner-buy2.svg) no-repeat;
	margin: 0 0 0 8px;
}


.fs-banner-more {
	display: inline-flex;
	border: 2px #333 solid;
	color: #333;
	border-radius: 8px;
	padding: 18px 60px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 16px;
	align-items: center;
	transition: 0.3s linear;
	position: relative;
	top: 0;
}

.fs-banner-more::after {
	content: '\e659';
	font-family: fs;

	font-size: 24px;
	margin: -6px 0 0 10px;
	transition: .3s linear;
	padding-top: 5px;
}

.fs-banner-more:hover {
	color: #333;
	top: -5px;
}

.fs-banner-more:hover::after {
	margin: -6px 0 0 18px;
}

.singify-item-bg {
	border-radius: 8px;
	background: linear-gradient(266deg, #F2624B 7.56%, #FEA33A 98.21%);
	height: ;
}


.cmca-main {
	border: 1px #ececec solid;
	border-radius: 30px;
	padding: 60px;
}

.cmca-main h1 {
	font-size: 48px;
	padding: 0 0 30px 0;
}

.cmca-content p {
	font-size: 17px;
	line-height: 32px;
}

.dmca-submit {
	background: #FFF5F3;
	border-radius: 30px;
	padding: 60px;
	margin: 16px 0 0 0;
}

.dmca-submit-title b {
	font-size: 18px;
	padding: 16px 0;
	display: block;
}

.dmca-submit-input {
	padding: 8px 0;
}

.dmca-submit-input p span {
	display: block;
	padding: 4px 0;
}

.dmca-submit-input p span i {
	color: #FF716A ;
	font-style: normal;
}

.dmca-submit-input p input {
	border: 1px #ccc solid;
	background: #fff;
	border-radius: 4px;
	padding: 8px;
	width: 100%;
}

.dmca-submit-input p textarea {
	width: 100%;
	border: 1px #ccc solid;
	background: #fff;
	border-radius: 8px;
	height: 200px;
}

.dmca-submit-btn {
	width: 50%;
	border: 0;
	background: linear-gradient(120deg, #FF9A26, #FF716A );
	border-radius: 8px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 16px 0;
	margin: 0 auto;
	transition: .3s linear;
	position: relative;
	top: 0;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0);
}

.dmca-submit-btn:hover {
	top: -5px;
	box-shadow: 0 8px 8px rgb(0, 0, 0, 0.2);
}

.error-message {
	font-weight: normal;
	color: #FF716A ;
	display: none;
}

.error {
	display: block;
}

.dmca-success {
	text-align: center;
	display: block;
	padding: 0 0 8px 0;
	color: #00bf00;
	display: none;
}

.fs-banner-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 400px;
	height: 10px;
	bottom: 20px;
}

.fs-banner-nav li {
	margin: 0 10px;
	width: 50%;
	height: 4px;
	background: #ccc;
	cursor: pointer;
}

.fs-banner-nav li span {
	display: block;
	width: 0%;
	height: 4px;
	background-color: #000;
	transition: 8s linear;
}

.fs-banner-nav li.active span {
	width: 100%;
}

.pro-content {
	border-radius: 16px;
	padding: 0 60px;
}

.pro-content h3 {
	font-size: 24px;
	padding: 8px 0;
}

.pro-content h4 {
	font-size: 18px;
	padding: 8px 0;
	color: #444;
}

.pro-content p {
	color: #555;
}

.pro-content table {
	border: 1px #e5e5e5 solid;
	width: 100%;
	margin: 20px 0;
	border-radius: 8px;
}

.pro-content table thead {
	background: #f4f4f4;
}

.pro-content table tr td {
	border: 1px #e5e5e5 solid;
	padding: 16px;
}

.fs-mobile-nav-product {
	display: none;
	margin-left: 20px;
}


@keyframes scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-1600px)
	}
}

@media (max-width: 1920px) {}

@media (max-width: 1440px) {}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {}

@media (max-width: 992px) {}

@media only screen and (max-width:768px) {
	.fs-fea-block {
		display: none;
	}

	.fs-mobile-nav-product {
		display: block;
		margin: 0;
	}

	.fs-nav-product {
		display: none;
	}

	.id-bg {
		height: auto;
	}

	.id-banner {
		display: flex;
		height: auto !important;
		padding: 40px 0;
	}

	.fs-banner-finecam {
		background: none;
	}

	.fs-banner-finevoice {
		background: none;
	}

	.id-banner-finecam h2 {
		font-size: 42px;
		text-align: center;
		margin: 0 0 20px 0;
	}

	.id-banner-finevoice h2 {
		font-size: 42px;
		text-align: center;
		margin: 0 0 20px 0;
	}

	.id-pro-title h2 {
		font-size: 1.75rem;
	}

	.id-banner-finecam p {
		text-align: center;
	}

	.id-banner-finecam p a {
		margin: 10px 0 0 0;
		width: 80%;
	}

	.id-banner-finevoice p {
		text-align: center;
	}

	.id-banner-finevoice p a {
		margin: 10px 0 0 0;
		width: 80%;
	}

	.id-subscribe {
		text-align: center;
	}

	.id-subscribe input {
		background: #F1F1F1;
		border: 0;
		font-size: 18px;
		padding: 20px;
		border-radius: 8px;
		width: 100%;
	}

	.id-subscribe button {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.cu-share a {
		width: 40%;
		padding: 12px 10px;
	}

	.ca-from-list {
		min-height: 700px;
		padding: 20px;
		margin: -80px 0 0 0;
	}

	.fs-ab-main {
		height: 600px;
	}

	.fs-ab-banner {
		padding: 60px 0;
	}

	.ab-believe-item h2 {
		font-size: 60px;
	}

	.fs-ab-pro h2 {
		font-size: 60px;
	}

	.silder-ctrl-prev,
	.silder-ctrl-next {
		width: 10%;
		font-size: 26px;
		margin-top: -25px
	}

	.silder-ctrl-con {
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px
	}

	.silder-ctrl-con>span {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0
	}

	.cr-banner-block {
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		background: url(../images/cr-banner-photo.webp) no-repeat center bottom;
		overflow: hidden;
	}

	.cr-banner-title p img {
		position: relative;
		top: -80px;
		max-width: 100%;
		height: auto;
	}

	.cr-banner-button {
		background: #BC0010;
		border-radius: 100px;
		color: #fff;
		font-size: 28px;
		width: 80%;
		padding: 12px 0;
		text-align: center;
		margin: 0 auto;
		font-weight: bold;
		display: block;
		position: relative;
		top: -80px;
	}

	.cr-title2 {
		display: block;
	}

	.cr-title1 {
		display: none;
	}

	.st-banner-text {
		width: 100%;
	}

	.st-banner-photo {
		width: 100%;
	}

	.fs-fea-block {
		width: 100%;
	}

	.fs-banner-nav {
		display: none;
	}

	.fs-banner-dl {

		justify-content: center;
	}

	.banner-dl-btn {
		justify-content: center;
		padding: 20px 30px;
	}

	.fs-banner-buy {
		width: 100%;
		margin: 10px 0;
		justify-content: center;
	}

	.fs-banner-tab {
		text-align: center;
	}


	.fs-banner-tab h1 {
		font-size: 42px !important;
	}

	.fc-logo-finevoice {
		font-size: 34px;
		justify-content: center;
	}

	.fc-logo-48 {
		font-size: 24px;
		justify-content: center;
	}

	.fs-bg-gray {
		background: #F5F5F7 !important;
	}

	.fs-ideas-icon1::before {
		margin: -2px 16px 30px 0;
	}

	.fs-ideas-icon3::before {
		margin: -2px 16px 40px 0;
	}

	.fc-media-review span {
		width: 100%;
		height: auto;
	}

	.img-mb-fulld {
		width: 100% !important;
		height: auto !important;
		padding: 0 20px;
	}

	.fs-mb-mt {
		margin: 20px 0 0 0;
	}

	.fea-text-speech {
		background: #F5F5F7 !important;
	}

	.nav-webcam-pc {
		background: #F5F5F7 !important;
	}

	.nav-background-remove p {
		width: 90%;
		float: right;
	}

	.nav-webcam-pc p {
		width: 100%;
	}

	.nav-background-remove {
		background-image: none;
	}

	.fs-finevoice-block {
		height: 100%;
	}

	.fs-voicetrans-block {
		height: 100%;
	}

	.fs-singify-block {
		height: 100%;
		padding-top: 40px;
		padding-left: 0;
		padding-right: 0;
	}

	.fs-banner-voicetrans {
		background-size: 0 0 !important;
	}

	.fs-banner-finecam {
		background-size: 0 0 !important;
	}

	.fs-banner-finevoice {
		background-size: 0 0 !important;
	}

	.fs-banner-singify {
		background-size: 0 0 !important;
	}

	#fs-banner-show {
		height: 100%;
		position: relative;
		padding-bottom: 100px;
	}

	.fs-banner-pt {
		padding-top: 0px;
	}

	.fc-logo-singify {
		font-size: 24px;
		justify-content: center;
	}

	.fc-logo-voicetrans {
		font-size: 24px;
		justify-content: center;
	}

	.fs-singify-banner-dl {
		padding: 20px 50px;
	}

	.educate-item {
		width: 100%;
	}

	.fs-banner-tab {
		width: 100%;
	}

	.fea-fvvt-nav-block {
		margin-top: 10px;
	}
	.fea-nav-block{
		margin-top: 10px;
	}
}

@media only screen and (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) {
	.fs-bg-gray {
		background: #F5F5F7 url(../images/fs-ideas-bg@2x.webp) no-repeat center bottom;
		background-size: 2500px 936px;
	}

	.id-subscribe-bg {
		background: url(../images/id-subscribe@2x.webp) no-repeat right bottom;
		background-size: 722px 462px;
	}


	.fea-speech-text {
		background: #F5F5F7 url(../images/fs-fea-stt@2x.webp) no-repeat bottom;
		background-size: 306px 345px;
	}


	.fea-voice-recorder {
		background: #F5F5F7 url(../images/fs-fea-tts@2x.webp) no-repeat bottom;
		background-size: 306px 345px;
	}



	.fea-text-speech {
		background: #F5F5F7 url(../images/fs-voice-changer-in@2x.webp) no-repeat right;
		background-size: 624px 197px;
	}



	.nav-webcam-pc {
		background: #F5F5F7 url(../images/fs-fea-webcam@2x.webp) no-repeat right;
		background-size: 434px 271px;
	}


	.nav-background-remove {

		background: #F5F5F7 url(../images/fs-background-remove@2x.webp) no-repeat 20px center;
		background-size: 316px 181px;
	}

	.fs-banner-voicetrans {
		background: url(../images/home-iu-banner-voicetrans@2x.webp) no-repeat center;
		background-size: 1920px 800px;
	}

	.fs-banner-finecam {
		background: url(../images/fs-finecam-banner@2x.webp) no-repeat center;
		background-size: 1920px 800px;
	}

	.fs-banner-finevoice {
		background: url(../images/fs-finevoice-banner@2x.webp) no-repeat center;
		background-size: 1920px 800px;
	}

	.fs-banner-singify {
		background: url(../images/fs-singify-banner@2x.webp) no-repeat center;
		background-size: 1920px 800px;
	}

}