body {text-align: left;color: #000;}
.details { width: 1160px; margin: 0 auto;padding: 0;}
img {max-width: 100%;vertical-align: middle;}
section p {font-size: 17px;color: #4c4c4c;line-height: 1.5em;}

/*--------CSS Style----------*/
.main01 {padding-bottom: 68px;background: #ececec url(../images/dvd-ripper/main01-bottom-bg.jpg) no-repeat center bottom;}
.main01-content1 {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.main01-left {width: 490px;padding: 70px 0 50px;position: relative;z-index: 1;}
h1>i {display: inline-block;font-style: normal;line-height: 23px;padding: 0 13px;font-size: 17px;color: #fff;border-radius: 12px;background-color: #feb919;}
h1>strong {display: block;font-size: 56px;line-height: 1em;font-weight: 600;padding: 5px 0 15px;}
h1>span {font-size: 19px;color: #4c4c4c;line-height: 1.4em;}
.main01-nums {display: flex;flex-wrap: wrap;padding: 30px 0 25px;}
.main01-nums>li {width: 170px;margin-bottom: 20px;font-size: 15px;color: #666;line-height: 1.4em;}
.main01-nums>li:last-child {width: 150px;}
.main01-nums>li>b {font-size: 35px;color: #000;line-height: 1em;}
.the-buttons {display: flex;}
.the-buttons>a {display: flex;justify-content: center;align-items: center;min-width: 270px;box-sizing: border-box;padding: 0 22px;line-height: 48px;background-color: #91cf52;border-radius: 5px;font-size: 20px;color: #fff;gap: 30px;}
.the-buttons>a:hover {text-decoration: none;background-color: #a5da71;}
.main01-right {width: 670px;display: flex;flex-wrap: wrap;position: relative;}
.main01-right>img {max-width: initial;margin: -50px 0 0 -240px;}
.main01-right-items {width: 300px;height: 300px;position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -150px;display: flex;}
.main01-right-items>li {flex-shrink: 0;width: 120px;height: 100px;white-space: nowrap;font-size: 17px;line-height: 1.1em;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 55px 45px 0 -133px;position: relative;cursor: pointer;}
.main01-right-items>li:nth-child(2) {margin: -115px 185px 0 0;}
.main01-right-items>li:nth-child(3) {margin: -70px -275px 0 0;}
.main01-right-items>li:nth-child(4) {margin: 85px 0 0 244px;}
.main01-right-items>li::before {content: "";width: 86px;height: 61px;background: url(../images/dvd-ripper/main01-icons.png) no-repeat 5px top;margin: 0 auto 10px;}
.main01-right-items>li:nth-child(2)::before {background-position-x: -103px;margin-bottom: 8px;}
.main01-right-items>li:nth-child(3)::before {background-position-x: -218px;margin-bottom: 8px;}
.main01-right-items>li:nth-child(4)::before {background-position-x: -328px;margin-bottom: 3px;}
.main01-words-popup {display: none;width: 470px;box-sizing: border-box;padding: 8px 14px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);white-space: normal;font-size: 17px;line-height: 1.6em;text-align: left;position: absolute;bottom: 90%;right: 18%;z-index: 1;}
.main01-right-items>li:hover .main01-words-popup {display: block;}
.main01-right-items>li:nth-child(2) .main01-words-popup,.main01-right-items>li:nth-child(3) .main01-words-popup {bottom: 28%;right: 100%;}
.main01-words-popup::after {content: "";border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 18px solid #fff;filter: drop-shadow(0 10px 10px rgba(0,0,0,0.1));position: absolute;top: 100%;right: 30px;}
.main01-right-items>li:nth-child(2) .main01-words-popup::after,.main01-right-items>li:nth-child(3) .main01-words-popup::after {border-left: 18px solid #fff;border-right: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;top: 30px;right: -18px;}

.main01-content2 {width: 1324px;margin: 0 auto;position: relative;z-index: 1;text-align: center;}
.main01-content2::before {content: "";width: calc(100% + 56px);height: calc(100% + 56px);border: 1px dashed #bebebe;position: absolute;top: -28px;left: -28px;z-index: -1;border-radius: 40px;}
.main01-card {padding: 46px 70px 180px;background: #fff url(../images/dvd-ripper/main01-content-bg.jpg) no-repeat center bottom;border-radius: 30px;overflow: hidden;}
.main-h2 {font-size: 27px;line-height: 1em;font-weight: 600;color: #000;text-align: center;}
.main01-card .main-h2>span {display: block;font-size: 19px;font-weight: 500;color: #4c4c4c;line-height: 1.1em;padding: 12px 0;}
.main01-card-p {padding-top: 10px;}
.main01-card-p>a {color: #00a2ff;text-decoration: underline;text-underline-position: under;}
.main01-card-circles {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 47px 0 84px;position: relative;}
.main01-card-circles>li {width: 90px;height: 90px;box-sizing: border-box;padding: 0 5px;display: flex;justify-content: center;align-items: center;font-size: 13px;color: #e8a008;line-height: 1.3em;font-weight: 600;background-color: #fff7ec;border-radius: 50%;margin: 0 20px 20px;}
.main01-card-circles>li.large-circle {width: 110px;height: 110px;}
.main01-card-link {font-size: 15px;color: #333;text-decoration: underline;text-underline-position: under;}
.main01-card-link:hover {color: #00a2ff;}
.main01-card-link>span {width: 24px;height: 24px;border-radius: 50%;background-color: #ffa600;display: inline-block;vertical-align: middle;margin-left: 6px;overflow: hidden;}
.main01-card-link>span::before {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 10px solid #fff;display: block;margin: 7px 0 0 8px;}

.main01-content03-top {width: 700px;padding-top: 85px;position: relative;z-index: 1;}
.main01-content03-tag {display: inline-block;line-height: 29px;padding: 0 20px;font-size: 19px;color: #fdbe2c;border-radius: 15px;border: 1px solid #fdbe2c;background-color: #fef8eb;}
.main01-content03-top .main-h2 {line-height: 1.4em;padding: 5px 0;text-align: left;}
.main01-content03-p {padding-top:15px; padding-bottom: 25px;}
.main01-content03-top .the-buttons>a {min-width: 300px;flex-direction: column;font-size: 19px;line-height: 1.1em;padding: 10px 22px;gap: 2px;}
.main01-content03-top .the-buttons>a>span {font-size: 17px;}
.main01-content03-cards {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;position: relative;margin-top: -130px;}
.main01-content03-cards>li {width: 285px;box-sizing: border-box;padding: 0 30px 36px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
.main01-content03-cards>li:nth-child(2) {width: 310px;padding: 0 34px 36px;}
.main01-content03-cards>li:nth-child(3) {width: 440px;padding: 0 50px 36px;background-color: #fdbe2c;}
.main01-content03-cards .card-tag {width: fit-content;line-height: 31px;padding: 0 18px;font-size: 19px;color: #fff;border-radius: 16px;border: 1px solid #fdba1c;background-color: #fdba1c;margin: -15px 0 26px;}
.main01-content03-cards>li:nth-child(2) .card-tag {margin-bottom: 34px;}
.main01-content03-cards>li:nth-child(3) .card-tag {color: #fdba1c;border-color: #fdba1c;background-color: #fff;margin-bottom: 31px;}
.main01-content03-cards h3 {font-size: 23px;line-height: 1em;padding-bottom: 12px;}
.main01-content03-cards p {padding: 16px 0 8px;}
.main01-content03-cards h3.checked-h3 {font-size: 23px;padding-left: 40px;position: relative;}
.main01-content03-cards h3.checked-h3::before {content: "";width: 26px;height: 26px;border: 2px solid #000;border-radius: 50%;position: absolute;left: 0;top: -2px;}
.main01-content03-cards h3.checked-h3::after {content: "";width: 6px;height: 12px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);position: absolute;top: 4px;left: 11px;}
.main01-content03-cards>li:nth-child(3) p {color: #4f3e16;}
.main01-content03-cards>li:nth-child(3) p:last-of-type {padding-top: 0;}
.large-card-bottom {padding: 15px 0 8px;margin-top: 15px;border-top: 1px solid #d7a225;font-size: 17px;line-height: 1.4em;}
.large-card-bottom>a {color: #0060ff;text-decoration: underline;text-underline-position: under;}

.main02 {padding: 52px 0 0;background-color: #fff;}
.main02-content>li {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 55px 0 25px;border-bottom: 1px solid #e5e5e5;}
.main02-left {width: 630px;display: flex;justify-content: flex-start;}
.main02-right {width: 530px;}
.main02-content>li:nth-child(odd) .main02-left {order: 1;justify-content: flex-end;}
.main02-content>li:nth-child(1) .main02-left {justify-content: center;}
.main02-content>li:nth-child(2) .main02-left>img {margin-left: -50px;}
.main02-content>li:nth-child(3) .main02-left>img {margin-right: -15px;}
.main02-content>li:nth-child(4) .main02-left>img {margin-left: -50px;}
.main02-content>li:nth-child(4) {border-bottom: none;}
.main02-right h3 {font-size: 23px;line-height: 1.2em;font-weight: 600;padding-bottom: 5px;}
.main02-right p {padding-bottom: 14px;}
.main02-right .the-buttons {padding-top: 18px;}

.main03 {padding: 45px 0 20px;background-color: #f8f8f8;}
.main03-p {font-size: 19px;color: #4c4c4c;line-height: 1.3em;text-align: center;padding: 15px 0 44px;}
.main03-cards {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main03-cards>li {width: 375px;text-align: center;padding-bottom: 30px;}
.main03-cards>li .img-wrap {height: 144px;display: flex;justify-content: center;align-items: flex-end;}
.main03-cards h3 {font-size: 23px;line-height: 1.1em;padding: 18px 0 12px;}

.main04 {padding: 42px 0 66px;background-color: #fff;}
.compare-table-wrap {margin: 22px 0 40px;overflow-x: auto;}
.compare-table {width: 1160px;}
.compare-table th {font-size: 24px;padding: 22px 5px 18px;font-weight: 500;text-align: center;}
.compare-table th:first-child {font-size: 23px;text-align: left;padding-left: 0;}
.compare-table th:nth-child(2),.compare-table td:nth-child(2) {background-color: #f0f0f0;border-right: 15px solid #fff;}
.compare-table th:nth-child(3),.compare-table td:nth-child(3) {background-color: #fff5d9;border-left: 15px solid #fff;}
.compare-table th .the-buttons {justify-content: center;padding-top: 15px;}
.compare-table th .the-buttons>a {font-size: 19px;line-height: 40px;padding: 0 12px;min-width: 176px;}
.table-words-link {display: inline-block;font-size: 19px;color: #94d03b;line-height: 40px;padding-top: 15px;text-decoration: none;}
.table-words-link:hover {text-decoration: underline;text-underline-position: under;color: #94d03b;}
.compare-table td {font-size: 17px;color: #4c4c4c;line-height: 1.3em;padding: 12px 0;text-align: center;}
.compare-table td:first-child {text-align: left;}
.compare-table tr.no-bg td {background-color: #fff;font-weight: 600;}
.compare-table tr.no-bg td:nth-child(2) {background-color: #f7f7f7;}
.compare-table tr.no-bg td:nth-child(3) {background-color: #fff9e9;}
.compare-table .yes-icon,.compare-table .no-icon {display: block;width: 25px;height: 25px;border-radius: 50%;background-color: #94d03b;overflow: hidden;margin: 0 auto;}
.compare-table .yes-icon::before {content: "";display: block;width: 5px;height: 10px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);margin: 5px 0 0 9px;}
.compare-table .no-icon {background-color: #c5c5c5;}
.compare-table .no-icon::before,.compare-table .no-icon::after {content: "";display: block;width: 2px;height: 13px;background-color: #fff9e9;transform: rotate(45deg);margin: 6px 0 0 11px;}
.compare-table .no-icon::after {transform: rotate(-45deg);margin: -13px 0 0 11px;}
.video-wrap {width: 700px;margin: 25px auto 35px;position: relative;background-color: #000;}
.video-wrap::before {content: "";display: block;padding-top: 56.25%;}
.video-wrap iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main04 .the-buttons {padding-bottom: 8px;justify-content: center;}
.main04 .the-buttons+.main04-p {text-align: center;}

.main05 {padding: 58px 0 68px;background-color: #f8f8f8;text-align: center;}
.main05-p {padding: 14px 0 18px;}
.main05-steps {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main05-steps>li {width: 370px;padding-bottom: 33px;}
.step-num {width: 75px;height: 75px;border-radius: 50%;background-color: #f9e1c6;font-size: 30px;color: #ff8400;line-height: 75px;font-weight: 600;margin: 0 auto 18px;position: relative;z-index: 0;}
.step-num::before {content: "";width: 290px;height: 1px;background-color: #d2d2d7;position: absolute;top: 50%;left: 90px;}
.main05-steps>li:last-child .step-num::before {display: none;}
.step-num::after {content: "";width: 13px;height: 13px;border-radius: 50%;background-color: #d2d2d7;box-shadow: 0 0 0 9px #f8f8f8;position: absolute;top: 50%;margin-top: -6px;left: 230px;}
.main05-steps>li:last-child .step-num::after {display: none;}
.main05 .img-wrap {display: inline-block;border-radius: 12px;overflow: hidden;}

.main06 {padding: 66px 0 68px;background-color: #fff;}
.formats-table-wrap {margin-bottom: 60px;overflow-x: auto;}
.formats-table {border: 2px solid #efefef;width: 1160px;color: #333;background-color: #fff;}
.formats-table th[colspan='3'] {height: 58px;font-size: 21px;color: #202c3a;text-align: center;}
.formats-table th[rowspan='4'] {font-size: 21px;line-height: 1.2em;}
.formats-table th[rowspan='3'] {text-align: center;}
.formats-table td {font-size: 17px;line-height: 25px;padding: 33px 0;border-left: 2px solid #efefef;box-sizing: border-box;}
.formats-table tr:nth-child(odd) td,.formats-table tr:nth-child(odd) th {background-color: #f7f7f7;}
.formats-table .td-icon {padding-left: 58px;}
.formats-table .td-icon::before {content: "";width: 23px;height: 25px;display: inline-block;vertical-align: middle;background: url(../images/dvd-ripper/table-icons.png) no-repeat center 3px;margin-right: 10px;}
.formats-table .td-icon.icon2::before {background-position-y: -35px;}
.formats-table .td-icon.icon3::before {background-position-y: -75px;}
.formats-table .td-icon.icon4::before {background-position-y: -114px;}
.formats-table td:last-child {padding-left: 33px;}
.intro-lists {padding-top: 24px;}
.intro-lists li {padding: 18px 0;border-bottom: 1px solid #e6e6e6;}
.intro-lists h3 {font-size: 21px;line-height: 1.2em;padding-right: 30px;cursor: pointer;position: relative;}
.intro-lists h3::before {content: "";width: 18px;height: 2px;background-color: #000;position: absolute;top: 50%;right: 0;margin-top: -2px;}
.intro-lists h3::after {content: "";width: 2px;height: 18px;background-color: #000;position: absolute;top: 50%;right: 8px;margin-top: -10px;}
.intro-lists h3.active::after {display: none;}
.intro-lists p {font-size: 17px;margin-top: 10px;display: none;}
.intro-lists p a {color: #2387ea;}
.intro-lists li:first-child p {display: block;}

.main07 {padding: 56px 0 32px;background-color: #f8f8f8;}
.authorities-container {padding: 40px 0 15px;border-bottom: 1px solid #dfdfdf;}
.authorities-content {min-height: 90px;}
.authorities-content li {font-size: 19px;color: #4c4c4c;line-height: 1.5em;text-align: center;display: none;}
.authorities-content li:first-child {display: block;}
.authorities-icon {display: flex;justify-content: center;align-items: center;}
.authorities-icon li {border-radius: 5px;margin: 0 25px 33px;cursor: pointer;}
.authorities-icon li.active {box-shadow: 0 6px 14px 1px rgba(0,0,0,0.3);}
.main07-h3 {font-size: 23px;line-height: 1.1em;font-weight: 600;padding: 34px 0 20px;}
.main07-p {font-size: 17px;color: #4c4c4c;line-height: 1.4em;}
p.main07-p {padding-top: 20px; padding-bottom: 20px;}
.main07-links {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main07-links>li {width: 540px;font-size: 17px;line-height: 1.1em;padding: 10px 0;border-bottom: 1px solid #d2d2d7;}
.main07-links>li:nth-child(7),.main07-links>li:nth-child(8) {border-bottom: none;}
.main07-links>li>a {color: #4c4c4c;}
.main07-links>li>a:hover {text-decoration: underline;text-underline-position: under;}


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

	.main01 {background: #ececec;}
	.main01-left {width: 100%;padding-bottom: 30px;text-align: center;}
	.main01-nums,.the-buttons {justify-content: center;}
	.main01-right {width: 100%;padding-bottom: 50px;}
	.main01-right>img {display: none;}
	.main01-right-items {width: 100%;height: auto;justify-content: center;flex-wrap: wrap;position: static;margin: 0;}
	.main01-right-items>li,.main01-right-items>li:nth-child(2),.main01-right-items>li:nth-child(3),.main01-right-items>li:nth-child(4) {width: fit-content;margin: 0 10px;}
	.main01-right-items>li:hover .main01-words-popup {display: none;}
	.main01-content2 {width: 96%;}
	.main01-content2::before {display: none;}
	.main01-card-circles {padding-top: 30px;}
	.main01-card-circles>li,.main01-card-circles>li.large-circle {width: 90px;height: 90px;margin: 0 10px 20px;}
	.main01-content03-top {width: 100%;}
	.main01-content03-cards {margin-top: 60px;justify-content: center;}
	.main01-content03-cards>li {margin: 0 10px 40px;}

	.main02-left,.main02-content>li:nth-child(odd) .main02-left {width: 100%;justify-content: center;padding-bottom: 30px;}
	.main02-content>li:nth-child(odd) .main02-left {order: 0;}
	.main02-right {width: 100%;text-align: center;}
	.main02-content>li:nth-child(2) .main02-left>img,.main02-content>li:nth-child(3) .main02-left>img,.main02-content>li:nth-child(4) .main02-left>img {margin: 0;}
	
	.main03-cards {justify-content: center;}

	.main05-steps {justify-content: center;}
	.main05-steps>li {margin: 0 10px 0;}
	.step-num::before,.step-num::after {display: none;}

	.authorities-icon {flex-wrap: wrap;}
	.authorities-icon li {margin: 0 10px 20px;}
	.main07-links {justify-content: center;}
	.main07-links>li {width: 48%;}
	.main07-links>li:nth-child(odd) {margin-right: 4%;}
}

@media (max-width: 767px) {
	h1>strong {font-size: 35px;}
	.main01-nums>li>b {font-size: 31px;}
	.main01-card {padding: 30px 10px 180px;}
	.main01-content03-cards>li,.main01-content03-cards>li:nth-child(2),.main01-content03-cards>li:nth-child(3) {padding: 0 15px 30px;}

	.main-h2 {font-size: 25px;}

	.main02-right h3 {font-size: 21px;}

	.main03-cards>li,.main05-steps>li {width: 100%;}

	.compare-table th {font-size: 21px;}
	
	.video-wrap {width: 100%;}

	.main07-p,.authorities-content li {font-size: 17px;}
	.main07-links>li>a {font-size: 15px;}
}

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