@charset "utf-8";
/* CSS Document */
a { color: #4aaaf0; text-decoration: none; }
a:hover {color: #4aaaf0;text-decoration: underline;}
img {vertical-align: middle;max-width: 100%;}
.details {width: 1200px;padding: 0;margin: 0 auto;}

.db-btn-wrap{display:flex; justify-content:space-between; text-align:center; flex-flow:wrap;}
.db-btn-con{margin:0 5px;}
.db-btn{display:inline-block; min-width:250px; padding:13px 10px; box-sizing:border-box; font-size:24px; border-radius:4px; transition:box-shadow .3s; color:#fff;}
.db-btn:hover{color:#fff; text-decoration:none; box-shadow:inset 0 999px rgba(0 0 0 / .1);}
.down-btn{background-color:#92CF3F;}
.buy-btn{background-color:#FFAB1B;}
.db-btn-text{font-size:15px; color:#666; margin-top:5px;}
.db-btn::after, .db-btn-txt-tip::before, .m01-st-ai::before, .m01-px-enhance::before{content:''; display:inline-block; background-image:url(../images/ai-index/m01-icons.png); background-repeat:no-repeat;}
.db-btn::after{height:22px; vertical-align:-2px; margin-left:18px;}
.down-btn::after{width:19px; background-position:0 -33px;}
.down-btn.mac-plat::after{background-position:0 -130px;}
.down-btn.mobile-plat::after{content:none;}
.buy-btn::after{width:29px; background-position:-34px -33px;}
.db-btn-txt-tip::before{height:11px; width:9px; background-position:0 -60px; margin-right:5px;}
.db-btn-txt-tip-2::before{width:16px; background-position:-40px -60px;}
/* CSS Document */

.main02 {padding: 60px 0 35px;background-color: #fafafc;margin-bottom: 10px;}
.main02 h1,.main-h2 {text-align: center;font-size: 30px;font-weight: 600;color: #000;line-height: 1.1em;padding-bottom: 15px;}
.main-p {font-size: 17px;color: #000;line-height: 1.8em;text-align: center; padding-top:15px;}
.main02-icons {display: flex;justify-content: center;flex-wrap: wrap;padding: 20px 0 20px 0;}
.main02-icon {font-size: 17px;color: #666;line-height: 1em;margin: 0 17px 24px;text-align: center;}
.main02-icon::before {content: "";display: block;width: 100px;height: 55px;margin: 0 auto;background: url(../images/convert-video/main02-icons.png) no-repeat 23px top;}
.main02-icon:nth-child(2)::before {background-position-x: -154px;}
.main02-icon:nth-child(3)::before {background-position-x: -339px;}
.main02-icon:nth-child(4)::before {background-position-x: -536px;}
.main02-img {display: flex;justify-content: center;}
.main02-img>img {max-width: initial;}
.main02-contents {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main02-content {width: 390px;box-sizing: border-box;padding: 23px;background-color: #fff;border-radius: 10px;margin-bottom: 30px;text-align: center;margin-top: -30px;position: relative;}
.main02-linedot {width: 2px;height: 255px;background-color: #f9dc85;position: absolute;bottom: 100%;left: 50%;margin-left: -1px;}
.main02-linedot::before {content: "";width: 24px;height: 24px;background-color: #f8d67f;border-radius: 50%;box-shadow: 0 0 5px 3px #fff;position: absolute;top: -10px;left: -11px;}
.main02-linedot::after {content: "";width: 6px;height: 6px;background-color: #fff;border: 4px solid #fda53f;border-radius: 50%;position: absolute;top: -5px;left: -6px;}
.main02-h4 {font-size: 17px;color: #000;line-height: 1.1em;font-weight: 600;margin-bottom: 20px;}
.main02-p {font-size: 15px;color: #333;line-height: 1.6em;}

.main03 {padding: 77px 0 112px;background-color: #fafafc;margin-bottom: 10px;}
.main03 .details {position: relative;}
.main03-content {position: relative;z-index: 1;}
.main03 .main-h2 {font-size: 35px;}
.main03-icons {padding: 20px 0 43px 160px;display: flex;flex-wrap: wrap;}
.main03-icon {font-size: 19px;color: #000;line-height: 1.1em;padding: 0 22px 16px;text-align: center;margin: 30px 40px 0;cursor: pointer;}
.main03-icon.active {border-bottom: 2px solid #0f9bff;color: #0f9bff;}
.main03-icon:hover {color: #0f9bff;}
.main03-icon::before {content: "";display: block;width: 100px;height: 66px;margin: 0 auto;background: url(../images/convert-video/main03-icons.png) no-repeat 20px top;}
.main03-icon:nth-child(2)::before {background-position-x: -234px;}
.main03-icon:nth-child(3)::before {background-position-x: -488px;}
.format-wrap {display: flex;flex-wrap: wrap;}
.format-io {padding: 15px 16px 15px 28px;border: 1px solid #afafaf;border-radius: 6px;margin-right: 11px;font-size: 21px;color: #000;display: flex;align-items: center;cursor: pointer;position: relative;background-color: #fff;}
.format-io:hover {border-radius: 6px 6px 0 0;}
.format-color {color: #379afc;margin-right: 2px;}
.format-arrow {width: 29px;height: 27px;background-color: #2e2e2e;border-radius: 3px;position: relative;margin-left: 20px;}
.format-arrow::before,.format-arrow::after {content: "";width: 2px;height: 10px;background-color: #fff;border-radius: 2px;position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -1px;transform: rotate(45deg);transform-origin: center bottom;}
.format-arrow::after {transform: rotate(-45deg);}
.format-list {display: none;width: 100%;position: absolute;top: 100%;left: -1px;z-index: 1;border: 1px solid #afafaf;border-radius: 0 0 6px 6px;background-color: #fff;}
.format-io:hover>.format-list {display: block;}
.format-list li {font-size: 19px;color: #000;line-height: 1.3em;border-top: 1px solid #afafaf;padding: 8px 30px 8px 10px;position: relative;}
.format-list li:first-child {border-top: none;}
.format-list li:hover {background-color: #0f9bff;color: #fff;}
.format-child-list {position: absolute;top: -1px;left: 100%;border-radius: 0 6px 6px 6px;}
.format-child-list li {font-size: 17px;}
.format-list li:hover>.format-child-list {display: block;}
.main03-cons {width: 725px;padding-top: 35px;min-height: 375px;}
.main03-con {display: none;}
.main03-con.active {display: block;}
.main03-con p {font-size: 17px;color: #333;line-height: 1.7em;margin-bottom: 14px;}
.main03-con-infos {display: flex;flex-wrap: wrap;padding-top: 25px;}
.main03-con-infos li {width: 50%;box-sizing: border-box;font-size: 17px;line-height: 1.2em;color: #666;padding: 4px 10px 4px 40px;position: relative;margin-bottom: 18px;}
.main03-con-infos li::before {content: "";width: 30px;height: 30px;border-radius: 50%;background-color: #22c33c;position: absolute;top: 0;left: 0;}
.main03-con-infos li::after {content: "";width: 5px;height: 12px;border-right: 3px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg);position: absolute;top: 7px;left: 11px;}
.main03-imgs {width: 1405px;height: 797px;background: url(../images/convert-video/main03-img.png);position: absolute;right: -340px;bottom: -140px;}
.main03-imgs>img {position: absolute;top: 198px;left: 644px;visibility: hidden;opacity: 0;transition: all 0.2s;}
.main03-imgs>img:nth-child(2) {left: 634px;}
.main03-imgs>img.active {visibility: visible;opacity: 1;}

.main04 {padding: 110px 0 0;background-color: #fafafc;margin-bottom: 10px;}
.main04-content {position: sticky;overflow: hidden;padding-bottom: 100px;}
.main04-content-wrap {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 1200px;margin: 0 auto;position: relative;}
.scroll-content {width: 780px;height: 540px;box-sizing: border-box;overflow: hidden;flex-shrink: 0;position: relative;z-index: 2;}
.content-wrap {transition: all 0.4s ease-in-out;}
.the-content {text-align: center;color: #333;padding: 65px 0 35px;}
.main04-h3 {font-size: 25px;line-height: 1.1em;font-weight: 600;flex-shrink: 0;}
.main04-p {font-size: 17px;line-height: 1.5em;margin: 28px 0 58px;}
.main04-links {display: flex;justify-content: center;flex-wrap: wrap;}
.main04-link {font-size: 17px;color: #666;line-height: 1.1em;padding: 11px 13px;background-color: #fff;border-radius: 22px;margin: 0 20px 30px;}
.main04-link::before {content: "";display: inline-block;vertical-align: middle;width: 8px;height: 8px;background-color: #22c33c;border-radius: 50%;margin-right: 6px;}
a.main04-link:hover {color: #666;text-decoration: underline;}
.main04-content-imgs {width: 100%;position: absolute;top: 0;left: 0;}
.main04-left-img {position: absolute;top: 30px;left: -520px;}
.main04-right-img {position: absolute;top: 75px;right: -890px;}
.main04-right-img>img {position: relative;}
.img-waves,.img-waves::before,.img-waves::after {position: absolute;top: 175px;left: 215px;width: 230px;height: 230px;border-radius: 50%;box-shadow: inset 0 25px 30px 0 #e0f2f7;}
.img-waves::before,.img-waves::after {content: "";top: 50%;left: 50%;transform: translate(-50%, -50%);animation: imgWave 3s linear infinite;}
.img-waves::after {animation-delay: 1.5s;}
@keyframes imgWave {0% {width: 230px;height: 230px;opacity: 1;}80% {opacity: 1;}100% {width: 715px;height: 715px;opacity: 0;}}
.main04-icons {position: absolute;top: -100px;left: -40px;width: 709px;height: 709px;}
.main04-icons>img {position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;transition: all 0.5s;}
.main04-icons>img.active {visibility: visible;opacity: 1;}
.empty-section {height: 900px;}
.main04 .db-btn-wrap{justify-content:center;}

.main05 {padding: 65px 0 50px;background-color: #fafafc;margin-bottom: 10px;}
.main05-icons {width: fit-content;display: flex;justify-content: center;flex-wrap: wrap;border-bottom: 2px solid #d6d6d6;margin: 0 auto 30px;}
.main05-icon {font-size: 17px;color: #000;line-height: 1.1em;padding: 0 12px 12px;text-align: center;margin: 30px 36px -2px 0;border-bottom: 2px solid transparent;cursor: pointer;transition: all 0.1s;}
.main05-icon:last-child {margin-right: 0;}
.main05-icon:hover,.main05-icon.active {border-bottom-color: #0f9bff;}
.main05-icon::before {content: "";display: block;width: 100px;height: 56px;margin: 0 auto;background: url(../images/convert-video/main05-icons.png) no-repeat 23px top;}
.main05-icon:nth-child(2)::before {background-position-x: -198px;}
.main05-icon:nth-child(3)::before {background-position-x: -423px;}
.main05-icon:nth-child(4)::before {background-position-x: -617px;}
.main05-video {display: none;}
.main05-video.active {display: block;}
.main05-video-intro {font-size: 17px;color: #000;line-height: 1.1em;padding: 0 0 30px;text-align: center;}
.main05-video .main05-video-wrap {position: relative;width: 100%;background-color: #000;}
.main05-video .main05-video-wrap::before {content: "";display: block;padding-bottom: 56.25%;}
.main05-video .main05-video-wrap>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.main06 {padding: 55px 0 0;background-color: #fbfbfd;}
.main06-cards {margin-top: 55px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.main06-card {width: 380px;min-height: 262px;background-color: #fff;border-radius: 14px;box-sizing: border-box;padding: 50px 20px 30px;margin-bottom: 34px;text-align: center;transition: all 0.1s;}
.main06-card:hover {background-color: #f5fcff;}
.main06-card::before {content: "";width: 100px;height: 60px;display: block;margin: 0 auto;background: url(../images/convert-video/main06-icons.png) no-repeat 32px top;}
.main06-card:nth-child(2)::before {background-position-x: -99px;}
.main06-card:nth-child(3)::before {background-position-x: -222px;}
.main06-card:nth-child(4)::before {background-position: 27px -85px;}
.main06-card:nth-child(5)::before {background-position: -98px -85px;}
.main06-card:nth-child(6)::before {background-position: -221px -85px;}
.card-h4 {font-size: 17px;color: #000;font-weight: 600;line-height: 1.1em;margin-bottom: 15px;}
.card-p {font-size: 17px;color: #666;line-height: 1.5em;}

.main07 {padding: 54px 0 64px;background: linear-gradient(#fbfbfd, #f7f7f5);margin-bottom: 10px;overflow: hidden;}
.main07-toggles {width: fit-content;background-color: #fff;display: flex;justify-content: center;flex-wrap: wrap;border-radius: 28px;margin: 40px auto;}
.main07-toggle {padding: 0 50px;line-height: 52px;font-size: 17px;color: #1d1d1f;border: 2px solid transparent;border-radius: 28px;cursor: pointer;transition: all 0.1s;}
.main07-toggle.active {border-color: #0f9bff;}
.main07-toggle:not(.active):hover {background-color: #ecf8ff;border-color: #ecf8ff;}
.main07-imgs-wrap {width: 898px;position: relative;margin: 0 auto;}
.main07-imgs-wrap::before {content: "";display: block;padding-bottom: 47.884%;}
.main07-imgs {display: flex;align-items: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main07-img {flex-shrink: 0;width: 402px;margin-right: 16px;transition: all 0.5s;overflow: hidden;border-radius: 15px;}
.main07-img:first-child{margin-left:-418px;}
.main07-img.active {width: 100%;}
.main07-p {display: none;font-size: 17px;color: #333;line-height: 1.6em;text-align: center;margin-top: 32px;}
.main07-p>b {font-size: 21px;padding-bottom: 20px;display: block;}
.main07-p.active {display: block;}

.main08 {padding: 80px 0 72px;background-color: #fbfbfd;margin-bottom: 10px;}
.main08-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin: 60px 0 66px;}
.main08-steps {width: 470px;border-left: 3px solid #e5e5e5;}
.main08-step {border-left: 3px solid transparent;padding: 10px 0 6px 8px;margin: 0 0 15px -3px;cursor: pointer;}
.main08-step:last-child {margin-bottom: 0;}
.main08-step.active,.main08-step:hover {border-left-color: #35a4f3;}
.step-h4 {font-size: 19px;line-height: 1.1em;color: #252525;font-weight: 600;margin-bottom: 6px;}
.step-p {font-size: 17px;color: #666;line-height: 1.4em;}
.main08-step.active .step-h4,.main08-step.active .step-p {color: #35a4f3;}
.main08-imgs {width: 694px;height: 445px;}
.main08-img {display: none;}
.main08-img.active {display: block;}
.main08-callout {padding: 30px 65px 30px 140px;border: 2px dashed #bdbdbd;border-radius: 12px;background: url(../images/convert-video/main08-icon.png) no-repeat 53px center;}
.callout-p {font-size: 17px;color: #333;line-height: 1.5em;margin-bottom: 4px;}
.callout-p:last-child {margin-bottom: 0;}

.main09 {padding: 52px 0 60px;background: linear-gradient(#fbfbfd, #f7f7f5 80%, #fff 80%);}
.video-content {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.video-wrap {width: 634px;position: relative;border-radius: 12px;overflow: hidden;}
.video-wrap::before {content: "";display: block;padding-top: 56.25%;}
.video-wrap iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video-infos {width: 536px;}
.video-h4 {font-size: 25px;color: #252525;font-weight: 600;line-height: 1em;}
.video-tag {display: inline-block;vertical-align: middle;font-size: 15px;color: #fff;line-height: 25px;padding: 0 9px;background-color: #ff8b23;border-radius: 4px;margin: 0 0 5px 6px;}
.video-h2 {font-size: 30px;color: #252525;font-weight: 600;line-height: 1.1em; margin: 15px 0 15px 5px;}
.video-p {font-size: 17px;color: #333;line-height: 1.6em;margin-bottom: 30px;}
.the-buttons {display: flex;flex-wrap: wrap;}
.the-buttons.center-buttons {justify-content: center;}
.the-button {display: flex;justify-content: center;align-items: center;width: 260px;height: 58px;box-sizing: border-box;text-align: center;font-size: 21px;line-height: 1em;color: #fff;line-height: 1em;padding: 0 10px;background-color: #12bcff;border-radius: 5px;margin: 0 15px 10px 0;}
.the-button:last-child {margin-right: 0;}
.the-buttons.center-buttons .the-button {margin-right: 0;}
.the-button.buy-button {background-color: #ffab1b;}
.the-button img {margin-left: 22px;flex-shrink: 0;}
.the-button:hover {text-decoration: none;color: #fff;}
.main09-h2 {font-size: 30px;color: #1d1d1f;line-height: 1.1em;font-weight: 600;padding: 58px 0 38px;}
.qa-lists {margin-bottom: 120px;border-top: 1px solid #e6e6e6;}
.qa-list {padding: 15px 0;border-bottom: 1px solid #e6e6e6;}
.qa-h3 {padding: 12px 30px 12px 0;font-size: 19px;color: #666;line-height: 1.1em;position: relative;cursor: pointer;}
.qa-h3::after {content: "";width: 12px;height: 12px;border-right: 2px solid #1b9ff3;border-bottom: 2px solid #1b9ff3;transform: rotate(45deg);position: absolute;top: 15px;right: 6px;transition: all 0.1s;}
.qa-list.active .qa-h3::after {transform: rotate(-135deg);}
.qa-content {display: none;}
.qa-list.active .qa-content {display: block;}
.qa-p {font-size: 17px;color: #666;line-height: 1.5em;}
.guide-tips {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;background-color: #fff;box-shadow: 0 0 0 60px #fff;}
.the-guide {width: 498px;border-right: 2px solid #f5f5f5;box-sizing: border-box;padding: 0 50px 24px 0;}
.guide-h2 {font-size: 35px;color: #000;line-height: 1.1em;font-weight: 600;}
.guide-p {font-size: 17px;color: #666;line-height: 1.6em;text-align: justify;margin: 10px 0 20px;position: relative;}
.guide-p::after {content: "";width: 12px;height: 12px;border-right: 2px solid #7d7d7d;border-bottom: 2px solid #7d7d7d;transform: rotate(-45deg);position: absolute;top: 38px;right: -30px;}
.guide-links {display: flex;margin-bottom: 17px;}
.guide-link {font-size: 15px;line-height: 24px;padding: 0 10px;background-color: #f0f5f7;border-radius: 4px;margin: 0 22px 10px 0;}
.guide-link img {margin: 0 10px 5px 0;}
.support-content {width: 451px;background: #f5f5f5 url(../images/convert-video/main09-small-bg.png) no-repeat center bottom/cover;border-radius: 10px;box-sizing: border-box;padding: 60px 45px 90px;text-align: center}
.support-h3 {font-size: 23px;font-weight: 600;color: #000;line-height: 1.1em;margin-bottom: 12px;}
.support-p {font-size: 14px;color: #7b8288;line-height: 1.6em;}
.support-p a {color: #223660;text-decoration: underline dotted;text-underline-position: under;}
.support-p a:hover {color: #223660;text-decoration: underline dotted;}
.the-tips {width: 660px;}
.the-tip {padding: 15px 0 20px;border-bottom: 1px solid #f5f5f5;}
.the-tip:first-child {padding-top: 0;}
.tip-h3 {font-size: 19px;color: #000;line-height: 1.1em;padding: 10px 0;font-weight: 600;cursor: pointer;}
.tip-h3>a {color: #000;}
.tip-h3::after {content: "";display: inline-block;vertical-align: middle;width: 10px;height: 10px;border-right: 2px solid #7d7d7d;border-bottom: 2px solid #7d7d7d;transform: rotate(45deg);margin: 0 0 10px 30px;transition: all 0.1s;}
.tip-h3 a{color: #4c4c4c;}
.the-tip.active .tip-h3::after {transform: rotate(-135deg);margin-bottom: 0;}
.tip-p {font-size: 17px;color: #666;line-height: 1.6em;padding-top: 5px;display: none;}
.the-tip:first-child .tip-p {display: block;}


@media (max-width: 979px) {
    img {width: auto;height: auto;}
    .details {width: 96%;}

    .main02-img {display: none;}
    .main02-contents {justify-content: center;}
    .main02-linedot {display: none;}
    .main02-content {width: 330px;margin: 0 10px 20px;}

    .main03 {padding: 60px 0;}
    .main03-imgs {display: none;}
    .main03-icons {padding: 10px 0 20px 0;justify-content: center;}
    .main03-icon {padding: 0 5px 8px;margin: 30px 10px 20px;}
    .format-wrap {justify-content: center;}
    .format-io {margin: 0 5px 10px;}
    .main03-cons {width: 100%;text-align: center;min-height: auto;}
    .main03-con-infos li {text-align: left;}

    .main04 {padding: 70px 0;}
    .main04-content {position: static;padding-bottom: 0;width: 96%;margin: 0 auto;}
    .main04-content-imgs {display: none;}
    .main04-content-wrap {width: 100%;}
    .scroll-content {width: 100%;height: auto;}
    .content-wrap {transition: none;margin-top: 0 !important;}
    .the-content {padding: 20px 0;}
    .main04-p {margin-bottom: 20px;}
    .empty-section {display: none;}

    .main05-icons {border-bottom: none;margin-bottom: 10px;}
    .main05-icon {padding: 0 4px 10px;margin: 20px 5px 10px 0;}

    .main06-cards {justify-content: center;}
    .main06-card {width: 330px;padding: 20px 10px;margin: 0 10px 20px;}

    .main07-toggles {background: none;margin-bottom: 10px;}
    .main07-toggle {border-color: #f5f5f5;margin: 0 5px 10px;font-size: 15px;padding: 0 15px;line-height: 40px;}
    .main07-imgs-wrap {width: 100%;}
    .main07-img {width: 300px;}
    .main07-img:first-child{margin-left:-316px;}

    .main08-steps {order: 2;width: 100%;margin-top: 10px;}
    .main08-imgs {width: 100%;height: auto;text-align: center;}
    .main08-callout {padding: 15px 10px 15px 60px;}
    .main08-callout {background-position-x: 7px;}

    .video-wrap {width: 100%;margin-bottom: 20px;}
    .video-infos {width: 100%;}
    .the-guide {width: 100%;border-right: none;padding-right: 0;}
    .guide-p::after {display: none;}
    .the-tips {width: 100%;}
}

@media (max-width: 767px) {


}

@media (max-width: 479px) {
    .main02 h1,.main-h2,.main03 .main-h2,.video-h2,.main06-h2,.guide-h2 {font-size: 25px;}
    .main04-h3 {font-size: 21px;}

    .support-content {width: 100%;}
}