@charset "utf-8";html,body{scroll-behavior:smooth;}
body{color:#504f4f;min-width:1200px;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
ol,ul{list-style:none;}
.details{width:1200px;margin:0 auto;}
/* ````````````````````````````common````````````````````````````````````````` */
p{font-size:17px;color:#504f4f;line-height:1.4;margin-bottom:15px;}
.main01 .details{position:relative;}
.title-h2{font-size:35px;font-weight:700;color:#000000;line-height:1.5;margin-bottom:10px;}
.title-h2 span{position:relative;display:inline-block;z-index:0;}
.title-h2 span::after{content:'';background:#ffb053;position:absolute;bottom:10px;left:-6px;right:-6px;height:10px;z-index:-1;}
.suhead{font-size:25px;color:#262626;line-height:1.5;margin-bottom:10px;}

.main01 {padding: 52px 0 47px;background: url(../images/feature-ai-anime-upscaler/bg1.jpg) no-repeat center top/100% auto;color: #000;overflow: hidden;}
h1 {font-size: 33px;line-height: 1.1em;font-weight: 600;text-align: center;}
h1>span {color: #fca033;}
h1+p {font-size: 17px;color: #504f4f;line-height: 1.4em;padding: 20px 0 28px;text-align: center;}
.the-buttons {display: flex;justify-content: center;flex-wrap: wrap;}
.main01 .the-buttons {padding-bottom: 20px;}
.the-button {display: flex;flex-direction: column;align-items: center;padding-bottom: 10px;}
.the-button>a {min-width: 270px;height: 60px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 20px;font-size: 23px;color: #fff;background-color: #179bfd;border-radius: 12px;margin: 0 15px;}
.main01 .the-button>a {margin-bottom: 10px;}
.the-button>a:hover {background-color: #12BCFF;}
.the-button>a>img {margin-left: 22px;}
.the-button>a.emit-slide {background-color: #92cf3f;position: relative;border-radius: 12px 12px 0 12px;}
.the-button>a.emit-slide::after {content: url(../images/feature-ai-anime-upscaler/button-right.png);height: 35px;position: absolute;bottom: 0;right: -27px;}
.the-button>a.emit-slide>span {text-align: center;color: #1b1b1b;font-size: 17px;margin-left: 15px;line-height: 1.1em;}
.the-button>a.emit-slide b {font-size: 25px;color: #ff4a20;display: block;font-weight: 500;}
.the-button>a.to-buy{background:#fca033;}
.the-button>a.to-buy:hover {background:#ffc21b;}
.the-button>a img{margin-left:20px;vertical-align:text-bottom;}
.button-bottom {font-size: 15px;color: #504f4f;line-height: 1.1;}
.button-bottom a:hover {text-decoration: underline;}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {max-width:800px; width:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -35px;right: 10px;cursor: pointer;}
.slide-wrap {display: none;padding: 48px 10px 40px;border: 2px solid #f0ebe1;border-bottom: none;border-radius: 22px 22px 0 0;background-color: #fdfaf5;position: relative;margin-bottom: 40px;}
.slide-wrap::before {content: "";width: calc(100% + 4px);height: 100px;background: linear-gradient(transparent, #fffffe);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.main-h2 {font-size: 33px;color: #000;font-weight: 600;line-height: 1.1em;text-align: center;}
.slide-content {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 38px;position: relative;}
.slide-left {width: 610px;}
.slide-icon-intro {padding: 0 0 16px 85px;background: url(../images/feature-ai-anime-upscaler/search-img.png) no-repeat top left;font-size: 17px;line-height: 1.5em;border-bottom: 1px solid #d2d2d2;}
.slide-checkbox {display: flex;flex-wrap: wrap;padding: 32px 0 16px;}
.slide-checkbox label {width: 45%;margin: 0 5% 32px 0;font-size: 17px;color: #252525;line-height: 1.1em;cursor: pointer;display: flex;align-items: center;}
.slide-checkbox input {display: none;}
.slide-checkbox .checkbox {width: 13px;height: 13px;line-height: 13px;border: 1px solid #7d7d7d;border-radius: 2px;margin-right: 10px;position: relative;}
.slide-checkbox input:checked+.checkbox {border-color: #92cf3f;background-color: #92cf3f;}
.slide-checkbox .checkbox::before {display: none;content: "";width: 3px;height: 7px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 1px;left: 4px;}
.slide-checkbox input:checked+.checkbox::before {display: block;}
.slide-input-top,.slide-input-bottom {font-size: 15px;color: #383838;line-height: 1.1em;margin: 0;}
.slide-input-bottom {color: #6b6b6b;line-height: 1.5em;}
.slide-input {padding: 22px 0 24px;display: flex;flex-wrap: wrap;}
.slide-input input {width: 355px;box-sizing: border-box;padding: 0 10px;height: 50px;font-size: 15px;color: #666;border: 1px solid #a0a0a0;border-right: none;outline: none;background-color: #fff;border-radius: 12px 0 0 12px;}
.slide-input input::-webkit-input-placeholder {color: #939393;}
.slide-input button {min-width: 142px;box-sizing: border-box;height: 50px;line-height: 50px;border: none;outline: none;background-color: #179bfd;padding: 0 10px;font-size: 23px;color: #fff;border-radius: 0 12px 12px 0;cursor: pointer;}
.slide-right {text-align: center;}
.cancel-slide {min-width: 79px;line-height: 30px;text-align: center;box-sizing: border-box;padding: 0 10px;background-color: #ffba5c;border-radius: 0 0 5px 5px;font-size: 17px;color: #fff;cursor: pointer;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);z-index: 1;}
.cancel-slide::before {content: "";width: 100vw;height: 1px;background-color: #d4d4d4;position: absolute;top: 0;left: 50%;margin-left: -50vw;z-index: -1;}
.img-video-gallery {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-top: 40px;}
.img-video-gallery li {margin: 0 8px;border-radius: 12px;overflow: hidden;position: relative;}
.img-video-gallery li.the-video {margin: 0 9px;width: 440px;height: 440px;}
.img-video-gallery li.the-video video {object-fit: cover;width: 100%;height: 100%;}
.img-video-gallery li>span {width: 100%;font-size: 17px;color: #1f1f1f;line-height: 1.1em;position: absolute;bottom: 12px;left: 0;text-align: center;}
.img-video-gallery li.the-video>span {bottom: 16px;}
.img-video-gallery li>span.color2 {color: #fff;}

.main02 {padding: 45px 0 0;background: url(../images/feature-ai-anime-upscaler/bg2.jpg) no-repeat center bottom/100% auto;}
.toggle-content {padding-top: 45px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.toggle-left {width: 424px;}
.toggle-left>p,.toggle-intro-list {font-size: 17px;color: #312f2f;line-height: 1.6em;margin: 0;}
.toggle-intro-list {font-size: 15px;line-height: 1.6em;padding: 22px 0 25px 20px;}
.toggle-intro-list li {margin-bottom: 15px;list-style: disc;}
.toggle-icons {display: flex;flex-wrap: wrap;}
.toggle-icons li {width: 100px;margin-right: 50px;font-size: 15px;color: #000;line-height: 1.4em;text-align: center;}
.toggle-icons li:last-child {margin-right: 0;}
.toggle-icons li>img {display: block;width: 75px;height: 75px;margin: 0 auto 14px;}
.toggle-right {width: 735px;}
.toggle-img-wrap li {display: none;position: relative;}
.toggle-img-wrap li.active {display: block;}
.emit-ytbpopup-container {width: 95px;height: 95px;position:absolute;top:50%;left:50%;margin: -50px 0 0 -58px;cursor:pointer;}
.main01 .ConBox .Version.special-style .emit-ytbpopup-container {margin-left: -31px;}
.emit-ytbpopup-container .emit-ytbpopup{display:block;width:100%;height:100%;background-color: rgba(49,151,255,0.7);border-radius:50%;position:relative;z-index:2;overflow:hidden;}
.emit-ytbpopup-container .emit-ytbpopup::before{content:"";border-top: 28px solid transparent;border-bottom: 28px solid transparent;border-left: 40px solid #fff;position: absolute;left: 50%;transform: translate(-15px, -28px);top: 50%;}
.emit-ytbpopup-container::before,.emit-ytbpopup-container::after{content:"";width:100%;height:100%;border-radius:50%;background-color:rgba(49,151,255,0.7);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:wave 1.6s linear infinite;}
.emit-ytbpopup-container::after{animation-delay:0.8s;}
@keyframes wave{0%{width:100%;height:100%;opacity:1;}99.9%{width: 200px;height: 200px;opacity:0;}100%{width:100%;height:100%;opacity:1;}}

.toggle-img-wrap .large-img {border-radius: 16px;overflow: hidden;background-color: #000;}
.circle-intro {width: 290px;height: 290px;position: absolute;right: -142px;bottom: -17px;border-radius: 50%;overflow: hidden;}
.circle-words {width: 230px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.circle-words-top {font-size: 16px;color: #fff;line-height: 26px;text-align: center;padding-bottom: 8px;border-bottom: 1px solid #80766d;}
.circle-words-top>span {display: inline-block;vertical-align: middle;padding: 0 12px;border-radius: 3px;background-color: rgba(0,0,0,0.4);}
.circle-words>p {font-size: 15px;color: #c0c0c0;line-height: 1.5em;padding: 5px 20px 33px 40px;margin: 0;}
.toggle-imgs {display: flex;justify-content: center;position: relative;margin-top: -22px;}
.toggle-imgs>li {width: 130px;height: 48px;box-sizing: border-box;padding: 0 5px;display: flex;justify-content: center;align-items: center;font-size: 17px;color: #fff;line-height: 1em;background-color: #161616;border: 1px solid #161616;cursor: pointer;}
.toggle-imgs>li:first-child {border-radius: 24px 0 0 24px;border-right: none;}
.toggle-imgs>li:nth-child(2) {border-left-color: #656565;border-right-color: #656565;}
.toggle-imgs>li:last-child {border-radius: 0 24px 24px 0;border-left: none;}
.toggle-imgs>li.active {color: #463411;background-color: #ffe451;}
.next-h2 {padding: 50px 0 26px;}
.steps-list {display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 30px;position: relative;margin-bottom: -52px;}
.steps-list>li {background-color: #fff;width: 384px;}
.step-top {padding: 28px 25px 20px;}
.step-top .step {font-size: 21px;color: #ff9638;line-height: 1em;}
.step-top h3 {font-size: 27px;color: #1d1d1f;line-height: 1em;font-weight: 600;padding: 6px 0 10px;}
.step-top p {font-size: 15px;color: #202020;line-height: 1.5em;margin: 0;}

.main03 {padding: 0 0 50px;background: linear-gradient(#fff 30%, #faf6ed);color: #000;overflow: hidden;}
.main03-content {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.main03-left {width: 483px;}
.main03-left>img {max-width: initial;margin-left: -725px;}
.main03-right {width: 717px;padding-top: 166px;position: relative;}
.main03-intro {padding-top: 43px;}
.main03-intro>li {display: flex;flex-wrap: wrap;align-items: flex-start;padding-bottom: 60px;}
.main03-intro .img-wrap {width: 128px;height: 128px;border-radius: 50%;overflow: hidden;margin-right: 30px;}
.right-intro {width: 559px;}
.right-intro h3 {font-size: 24px;line-height: 1.1em;}
.right-intro p {font-size: 17px;line-height: 1.6em;margin: 16px 0 0;}
.right-intro .the-buttons {padding-top: 40px;justify-content: flex-start;}
.right-intro .the-buttons>a {margin: 0;}
.main03-icons {display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 30px;}
.main03-icons li {width: 354px;margin-bottom: 30px;text-align: center;}
.main03-icons .icon-wrap {width: 78px;height: 78px;background-color: #ffc96b;border-radius: 10px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.main03-icons h3 {font-size: 19px;color: #292929;font-weight: 600;line-height: 1.2em;padding: 24px 0 18px;}
.main03-icons p {font-size: 17px;color: #272727;line-height: 1.5em;margin: 0;}

/* ````````````````````````````main10````````````````````````````````````````` */
.main10{background:url("../images/feature-ai-image-upscaler/main10-bg.jpg") no-repeat center #b1e1e2;background-size:cover;padding:40px 0;}
.main10-flex{display:flex;justify-content:space-between;align-items:center;}
.main10-flex .flex-content{flex:1;padding-left:50px;}
.main10-flex h3{font-size:37px;font-weight:700;line-height:1.5;color:#1f1f1f;}
.main10-flex h3 span{color:#ff9e2c;}
.main10-flex .suhead{color:#179bfd;font-size:23px;line-height:1.5;margin-bottom:15px;white-space:nowrap;}
.main10-down{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px;padding-top:10px;}
.main10-down .down-wrap a{display:block;background:#179bfd;color:#ffffff;font-size:21px;line-height:1.4;padding:10px 30px;border-radius:5px;}
.main10-down .down-wrap a:hover{background:#12bcff;}
.main10-down .down-wrap img{margin-right:10px;vertical-align:text-top;}
.main10-down .more-wrap a{display:inline-block;color:#ffffff;border:1px solid #ffffff;font-size:21px;line-height:1.3;padding:10px 30px;border-radius:5px;}
.main10-down .more-wrap a:hover{color:#179BFD;border:1px solid #179BFD;background:#ffffff;text-decoration:none;}
.mark-wrap {color:#666;line-height:19px;margin-top: 5px;}
.mark-content {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: calc(100% + 10px);left: -5px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;left: 8px;}
.mark-content:hover .mark-info {display: block;}

/* ````````````````````````````main09````````````````````````````````````````` */
.main09{text-align:center;background:#ffffff;padding:50px 0;}
.appraise{padding-top:16px;}
.table-wrap{position:relative;display:flex;align-items:center;justify-content:space-around;padding:30px 0;}
.vs-table-box{width:1000px;height:70px;margin:0 auto;position:relative;overflow:hidden;}
.list-appraise{width:100%;height:100%;display:flex;position:relative;z-index:0;}
.list-appraise .item-appraise p{flex:1;padding-left:30px;text-align:left;margin-bottom:0;}
.item-appraise{height:100%;flex:0 0 100%;width:100%;z-index:-1;display:flex;justify-content:center;align-items:center;}
.appraise-arrow{position:absolute;width:40px;height:40px;border-radius:50%;text-align:center;line-height:50px;transform:translateY(-50%);cursor:pointer;border:1px solid #e5e5e5;background-color:#ffffff;}
.table-btn-left{left:0;top:50%;}
.table-btn-right{right:0;top:50%;}
.table-btn-right::before{content:'';display:inline-block;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);position:absolute;right:20%;top:50%;border:2px solid transparent;border-right-color:#b4b4b4;border-top-color:#b4b4b4;}
.table-btn-left::before{content:'';display:inline-block;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);position:absolute;left:60%;top:50%;border:2px solid transparent;border-left-color:#b4b4b4;border-bottom-color:#b4b4b4;}

.side-nav {position:sticky;top:0;width:250px;height:0;left:calc(50% - 900px);}
.side-nav .wrap{padding-top:55px;}
.side-nav .side-title{font-size:17px;margin-bottom:20px;color:#1c1c1c;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 10px;}
.side-nav .side-title i{display:inline-block;width:18px;height:18px;border:1px solid #060606;border-radius:50%;vertical-align:middle;position:relative;}
.side-nav .side-title i::before{display:inline-block;content:'';width:6px;height:6px;border:1.5px solid #060606;position:absolute;left:50%;top:40%;transform:translate(-50%,0) rotate(45deg);border-bottom:none;border-right:none;}
.side-nav .side-title i.on-off{transform:rotate(180deg);}
.side-nav .nav-list{font-size:15px;line-height:1.4;color:#1c1c1c;}
.side-nav .nav-list li a{width:100%;display:flex;align-items:center;border-top:1px solid #e5e5e5;position:relative;height:50px;margin:0 auto;padding:0 15px;box-sizing:border-box;white-space:nowrap;}
.side-nav .nav-list li a span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.side-nav .nav-list li:first-of-type a{border-top:1px solid transparent;}
.side-nav .nav-list li a::before{content:'';display:inline-block;width:4px;height:4px;background:#b7bbc2;border-radius:50%;vertical-align:middle;margin-left:5px;margin-right:10px;}
.side-nav .nav-list li.focus a{color:#ffffff;border-top-color:transparent;}
.side-nav .nav-list li.focus a::before{background:#ffffff;}
.side-nav .nav-list li.focus a::after{content:'';display:inline-block;border:5px solid transparent;border-left-color:#ffffff;border-left-width:8px;border-right-width:0;}
.side-nav .nav-list li.focus a{width:100%;border-radius:25px;background:#fdc96e;}
.side-nav .nav-list li.focus + li a{border-top-color:transparent;}

@media (max-width:1730px){.side-nav {display: none !important;}}

@media (max-width:979px){
	body{min-width:100%;}
.details{width:96%;}
img:not([src$='svg']){height:auto;width: auto;}

.main01,.main02 {background: linear-gradient(#fff, #FDF4E3);}
.slide-right {display: none;}
.img-video-gallery li {order: 1;}
.img-video-gallery li.the-video {order: 0;}
.img-video-gallery li,.img-video-gallery li.the-video {margin: 0 5px 10px;}

.main03-left {width: 100%;}
.main03-left>img {max-width: 100%;margin: 0;}
.main03-right {width: 100%;padding-top: 10px;}
.main03-intro .img-wrap {margin: 0 auto 20px;}
.right-intro {width: 100%;text-align: center;}
.right-intro .the-buttons,.main03-icons {justify-content: center;}
.main03-icons li {margin: 0 15px 30px;}

.toggle-content {justify-content: center;}
.toggle-left {padding-bottom: 40px;}
.toggle-intro-list {padding: 20px 0 20px 20px;}
.toggle-imgs {margin-top: 150px;}
.circle-intro {right: 50%;bottom: -120px;margin-right: -145px;}
.steps-list {margin-bottom: 0;padding-bottom: 50px;justify-content: center;}
.steps-list>li {margin: 0 10px 20px;}

p{font-size:.9375rem;}
.title-h2{font-size:1.4375rem;}
.suhead{font-size:1.1875rem;}
.main10-flex{flex-wrap:wrap;justify-content:space-around;}
.main10-flex h3{font-size:1.6875rem;}
.main10-flex .suhead{font-size:1.1875rem;white-space:wrap;}
.main10-flex .flex-content{padding:30px 0 0;text-align:center;}
.main10-down{justify-content:center;}
.main09-flex{flex-wrap:wrap;}
.main09-flex .flex-content{flex-basis:auto;margin-bottom:20px;}
.vs-table-box{width:calc(100% - 100px);}
.vs-table-box{height:auto;}
}
@media (max-width:767px){
	.main-h2 {font-size: 25px;}
	.slide-content {padding-top: 15px;}
	.slide-left {width: 100%;}
	.slide-input-top, .slide-input-bottom {text-align: center;}
	.slide-input {justify-content: center;}
	.slide-input input {width: 250px;}
	.toggle-icons {justify-content: center;}
	.toggle-icons li,.toggle-icons li:last-child {margin: 0 10px 20px;}

	.circle-intro {bottom: -200px;}
	.toggle-imgs {margin-top: 220px;}
	.right-intro h3 {font-size: 21px;}

	.main09-media{height:auto;width:100%;max-width:600px;}
.list-appraise .item-appraise{flex-wrap:wrap;}
.list-appraise .item-appraise p{padding:10px;}
}
@media (max-width:479px){
	.slide-checkbox label {font-size: 15px;}
	.slide-input input {border-radius: 12px;border-right: 1px solid #a0a0a0;margin-bottom: 10px;}
	.slide-input button {font-size: 19px;border-radius: 12px;}
	
	
	p{font-size:.875rem}
.down-button .down-wrap a{font-size:17px;padding:15px 20px;}
.crumbs{font-size:13px;}
.title-h1{font-size:1.3125rem;}
.title-h2{font-size:1.1875rem;}
.suhead{font-size:1.0625rem;}
.title-h2 span::after{bottom:5px;}
.main10-down{flex-wrap:wrap;}
.main10-flex .suhead{font-size:.9375rem;}
.main10-flex h3{font-size:1.1875rem;}
.main10{padding:20px 0;}
.mian01-feature .icons-feature{zoom:0.45;}
.mian01-feature .icons-feature div{line-height:1;}
.mian01-feature .list-wrap .item-list .href-name{font-size:.9375rem;}
.table-btn-left,.table-btn-right{margin:0 10px;}
}
