@charset "utf-8";

html, body{scroll-behavior:smooth;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit;text-decoration:none;}
img{max-width:100%; height:auto;}
.details {width: 1200px; margin: 0 auto;}
/* `````````````````````````` common ````````````````````````````` */

.fixed-nav{background-color:#FFDB75; position:fixed; left:0; right:0; top:0; display:flex; justify-content:center; align-items:center; font-size:21px; color:#90731f; padding-top:4px; z-index:3;}
.fixed-nav > div{padding:0 30px;}
.fn-grab{line-height:0;}
.fn-grab::before{content:url(../images/2023-christmas-offer/nav-icon.png); display:inline-block; vertical-align:-21px; padding-right:23px;}
.fn-grab a{text-decoration:underline;}
.fixed-nav .fn-expires{border-left:2px solid #B09751; display:flex; align-items:center;}
.fn-timer{display:flex; margin-left:15px; color:#3a6ad7; line-height:1.3;}
.fn-timer li{border:1px solid #fff; padding:5px; border-radius:5px; line-height:1.1; margin:0 2px;}
/* `````````````````````````` fixed-nav ````````````````````````````` */

.main01{text-align:center; background:url(../images/2023-christmas-offer/bg1.png) no-repeat bottom / cover, #F9FAFF; padding-top:65px;}
.m01-nav{font-size:0; border:5px solid #FFBD42; display:inline-block; border-radius:100vw; overflow:hidden; vertical-align:top; margin:-44px 0 -11px;}
.m01-nav a{font-size:25px; background-color:#FFF7E6; display:inline-block; padding:.9em 1.8em;}
.m01-nav a:first-of-type{border-right:2px solid #ffbd42;}
.m01-nav a:hover{background-color:#FFDB75; color:#ff3121;}
/* `````````````````````````` main01 ````````````````````````````` */

.main02 {padding: 100px 0;background: #F9FAFF;}
.main02-content {box-sizing: border-box;border: 7px solid #CAB881;border-radius: 30px;margin-bottom: 24px;position: relative;}
.main02-content-title {color: #000;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);}
.main02-h2 {font-size: 35px;font-weight: 600;line-height: 1em;text-align: center;padding: 0 35px;background-color: #F9FAFF;}
.main02-content-p {font-size: 25px;line-height: 1.1em;text-align: center;padding-top: 10px;color: #f93c38;}
.main02-content-intro {display: flex;justify-content: space-between;flex-flow: wrap;}
.left-intro {margin: 60px 0 0 15px;width: 362px;}
.left-intro-img {display: none;}
.left-intro-img.active {display: block;}
.center-intro {width: 440px;margin: 60px 15px 20px 10px;}
.center-intro-item {padding: 15px 0;border-bottom: 1px dashed #f7f5eb;display: flex;align-items: center;flex-wrap: wrap;}
.center-intro-item:last-child {border-bottom: none;}
.center-intro-item1 {padding-top: 0;border-bottom-style: solid;}
.icon-container {width: 74px;margin-right: 12px;text-align: center;}
.icon-container .win-plat,.icon-container .mac-plat {display: none;}
.icon-container .win-plat.active,.icon-container .mac-plat.active {display: inline-block;}
.intro-content {width: 340px;color: #000;}
.center-intro-toggle .intro-content {display: none;min-height: 80px;}
.center-intro-toggle .intro-content.large-height {min-height: 98px;}
.center-intro-toggle .intro-content.active {display: block;}
.intro-h3 {font-size: 19px;line-height: 1em;}
.center-intro-item1 .intro-h3 {font-weight: 600;}
.intro-p {font-size: 14px;line-height: 1.3em;padding-top: 6px;}
.center-intro-item1 .intro-p {padding-top: 10px;}
.intro-b {color: #4981ff;display: block;}
.right-intro {width: 330px;box-sizing: border-box;padding: 65px 0 30px;border-left: 4px dashed #C0AC6E;background-color: #fffef5;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.right-intro-price {font-size: 37px;color: #ea3c44;font-weight: 600;line-height: 67px;text-align: center;}
.right-intro-b {font-size: 67px;/*! color: #ea3c44; */display: block;}
.right-intro-b.small-version {font-size: 53px;}
.right-intro-sys {font-size: 23px;color: #666;line-height: 1em;text-align: center;}
.right-intro-sys .win-plat,.right-intro-sys .mac-plat {display: none;}
.right-intro-sys .win-plat.active,.right-intro-sys .mac-plat.active {display: inline;}
.right-intro-button {padding: 16px 0 14px;text-align: center;color: #fff;}
.right-plat-button {display: none;font-size: 31px;font-weight: 600;line-height: 56px;padding: 0 33px;background-color: #FE5E52;border-radius: 5px;}
.right-plat-button.active {display: inline-block;}
.toggle-plat-content {font-size: 17px;color: #3b97ff;line-height: 23px;display: none;justify-content: center;align-items: center;cursor: pointer;text-decoration: underline;}
.toggle-plat-content::before {content: "";width: 19px;height: 23px;background: url(../images/black-friday-2023/main01-plat-icon.png) no-repeat left top;margin-right: 9px;}
.toggle-plat-mac::before {width: 25px;background-position-x: -26px;}
.toggle-plat-content.active {display: flex;}
.right-intro-services {width: fit-content;width: -moz-fit-content;width: -webkit-fit-content;margin: 35px auto 0;}
.right-services-item {margin: 0 15px 10px 18px;padding-left: 22px;font-size: 15px;color: #50493f;line-height: 1em;position: relative;}
.right-services-item::before {content: "";width: 5px;height: 10px;border-right: 2px solid #6bcd4d;border-bottom: 2px solid #6bcd4d;transform: rotate(45deg);position: absolute;top: 0;left: 0;}
.payment-service {display: flex;justify-content: center;flex-wrap: wrap;}
.service-content {margin-left: 160px;display: flex;flex-wrap: wrap;}
.service-item {font-size: 14px;color: #c0ac6e;line-height: 1.1em;padding: 0 35px;border-right: 1px solid #d6d290;display: flex;align-items: center;text-align: center;}
.service-item:last-child {margin-right: 0;border-right: none;}
.service-item-icon {margin-right: 14px;}
/* `````````````````````````` main02 ````````````````````````````` */

.main03 {
    background: url("../images/2023-christmas-offer/bg3.jpg") no-repeat bottom / cover;
    text-align: center;
    padding-bottom: 70px;
}
.main03 .red-on-white-border {transform:translateY(-50%);}
.main03 .red-on-white-border a{font-size:27px; color:#fff; font-weight:700; background-color:#3A6AD7; display:inline-block; padding:.2em 0; line-height:1; border-radius:100vw;}
.main03 .red-on-white-border a::before, .main03 .red-on-white-border a::after{content:url(../images/2023-christmas-offer/m03-title-icon.png); vertical-align:-12px; margin:0 15px 0 -38px; display:inline-block;}
.main03 .red-on-white-border a::after{margin:0 -38px 0 15px; transform:scale(-1, 1);}
.main03 .system-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 25px;
    margin-top: -8px;
}
.main03 .system-switch .item-system {
    cursor: pointer;
    font-size: 19px;
    color: #d0c5a1;
    padding: 0 40px;
    overflow: hidden;
}
.main03 .system-switch .item-system:first-of-type {
    border-right: 1px solid #3A64AF;
}
.main03 .system-switch .item-system img {
    margin-right: 10px;
    vertical-align: bottom;
}
.main03 .system-switch .item-system.active {
    color: #3A64AF !important;
}
.main03 .system-switch .item-system.active img {
    filter: drop-shadow(#3A64AF 0 28px);
    transform: translateY(-27px);
}
.main03 .main03-wrap {
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding-top: 40px;
}
.main03 .main03-wrap .win-plat {
    display: none !important;
}
.main03 .main03-wrap .mac-plat {
    display: none !important;
}
.main03 .main03-wrap .first-showed {
    display: none !important;
}
.main03 .main03-wrap .second-showed {
    display: none !important;
}
.main03 .main03-wrap .win-plat.active, .main03 .main03-wrap .mac-plat.active {
    display: block !important;
}
.main03 .main03-wrap .first-showed.active, .main03 .main03-wrap .second-showed.active {
    display: block !important;
}

.main03 .main03-wrap .main03-tips {
    position: absolute;
    right: -1px;
    top: 0;
    color: #ffffff;
    background: #E5371F;
    font-size: 35px;
    width: 210px;
    height: 70px;
    line-height: 70px;
    clip-path: polygon(0 0%, 0% 55px,30px 100%,100% 100%,100% 0,100% 0%);
}
.main03 .main03-wrap .main03-title {
    font-size: 35px;
    color: #000000;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}
.main03 .main03-wrap .main03-title span {
    font-size: 19px;
    color: #ff6825;
    border: 2px solid;
    border-radius: 30px;
    line-height: 30px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.main03 .main03-wrap .main03-suhead {
    font-size: 24px;
    color: #5a5956;
    line-height: 1;
    margin-bottom: 25px;
}
.main03 .main03-wrap .main03-flex {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 0 40px 30px;
}
.main03-box{min-width:200px;}
.main03 .main03-wrap .main03-list {padding-left:2%;}
.main03-list ul{display:inline-block;}
.m03-ai-con{display:inline-flex; background-color:#FFF7DC; padding:15px; border-radius:5px; text-align:left; margin-bottom:22px;}
.m03-ai-list{padding:0 25px;}
.m03-ai-list + .m03-ai-list{border-left:1px solid #EBE1BE;}
.m03-ai-it{display:flex; align-items:center; padding-bottom:10px;}
.m03-ai-it::before{content:''; width:45px; height:40px; background:url(../images/2023-christmas-offer/m03-ai-icons.png) no-repeat; margin-right:10px;}
.m03-ai-it-2::before{background-position-x:-50px; width:46px;}
.m03-ai-it-3::before{background-position-x:-101px; width:49px;}
.m03-ai-title{font-size:18px; line-height:1.2;}
.m03-ai-desc{line-height:1.3; color:#8f8678;}
.main03-list ul li:not(.win-plat, .mac-plat){margin-left:1em; font-size:17px; line-height:1.5; list-style:disc; text-align:left; color:#626262;}
.main03-list ul li + li{margin-top:12px;}
.main03 .main03-wrap .main03-list .hint {
    color: #626262;
    font-size: 17px;
    line-height: 1.8;
    margin-top: 12px;
	text-align:left;
}
.main03 .main03-wrap .main03-list ul li .ai-tips {
    color: #eb1e16;
    font-weight: 700;
}
.main03 .main03-wrap .main03-buy {
    background-color: #FAD29F;
    padding: 25px 0;
    position: relative;
    z-index: 1;
}
.main03 .main03-wrap .main03-buy-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.main03 .main03-wrap .main03-price {
    padding: 10px 30px;
    border-bottom: 1px solid #D09952;
    margin-bottom: 10px;
}
.main03 .main03-wrap .main03-price del {
    font-size: 25px;
    color: #ac752e;
    margin-right: 20px;
}
.main03 .main03-wrap .main03-price strong {
    color: #EB5D51;
    font-size: 43px;
}
.main03 .main03-wrap .quantity-selector {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.main03 .main03-wrap .quantity-selector span {
    font-size: 19px;
    color: #ae772f;
    cursor: pointer;
}
.main03 .main03-wrap .quantity-selector i {
    display: inline-block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid #ae772f;
    background-color:transparent;
    position: relative;
    right: 5px;
    top: 3px;
}
.main03 .main03-wrap .quantity-selector .on-active i {
    border-color: #fff;
    background-color: #FFBA61;
}
.main03 .main03-wrap .quantity-selector .on-active{color:#fff;}
.main03 .main03-wrap .quantity-selector .on-active i::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.main03 .main03-wrap .main03-buy-button {
    margin-bottom: 15px;
}
.main03 .main03-wrap .main03-buy-button a {
    display: inline-block;
    background: #EB5D51;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    padding: 18px 30px;
    border-radius: 10px;
    box-shadow: rgba(255,115,72, 0.3) 0px 10px 20px, rgba(255,147,51, 0.4) 0px 6px 6px;
}
.main03 .main03-wrap .main03-buy-more {
    color: #887e75;
    font-size: 15px;
}
/* `````````````````````````` main03 ````````````````````````````` */

.main04 {padding:80px 0;background:#F3F1EC;}
.main04-content {background-color: #fff;border-radius: 7px;padding: 28px 22px 36px;text-align: center;}
.main04-h2 {font-size: 35px;color: #000;font-weight: 600;display: flex;justify-content: center;align-items: center;padding-bottom: 26px;}
.main04-h2-icon {margin-right: 26px;}
.table-container {position: relative;overflow-y: auto; display:inline-block;}
.table-row {display: flex;position: relative;}
.table-th-container,.table-td-container {box-sizing: border-box;border-bottom: 2px solid #FA7C44;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 21px;color: #373737;font-weight: 500;}
.table-td-container {border-bottom: none;}
.table-column1 {width: 350px;background-color: #fff;align-items: flex-start;text-align: left;padding-left: 10px;text-align: left;position: sticky;left: 0;z-index: 2;}
.table-td-container.table-column1 {border-bottom: 1px solid #cfcfcf;padding-left: 15px; padding-right:10px;}
.table-row:last-child .table-td-container.table-column1 {border-bottom: none;}
.table-column2 {width: 220px;}
.table-column3 {width: 217px;}
.table-column4 {width: 220px;}
.table-column5 {width: 270px;}
.table-grid-content {padding: 12px 0 18px;background-color: #f7f7f7;flex-grow: 1;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.table-th-container.table-column1 .table-grid-content {color: #343434;font-size: 37px;line-height: 1;}
.table-td-container .table-grid-content {padding: 22px 0;font-size: 17px;color: #232323;}
.table-td-container.table-column1 .table-grid-content {font-size: 19px;color: #070707;line-height: 1.2em;font-weight: 600;}
.table-subtitle-mark{font-size:15px; font-style:normal; background-color:currentColor; font-weight:400; line-height:1.1; border-width:0 0 5px 3px; border-style:solid; border-bottom-color:transparent; color:#FF4E31; background-clip:padding-box; padding:0 6px 0 3px; margin-left:10px;}
.table-subtitle-mark::first-line{color:#fff;}
.table-column1 .table-grid-content {background-color: #fff;justify-content: flex-start;}
.table-column2 .table-grid-content {margin-right: 6px;}
.table-td-container.table-column2 .table-grid-content,
.table-td-container.table-column3 .table-grid-content {border-bottom: none;margin-bottom: 1px;}
.table-row:last-child .table-td-container.table-column2 .table-grid-content,
.table-row:last-child .table-td-container.table-column3 .table-grid-content {margin-bottom: 0;}
.table-column3 .table-grid-content {margin-right: 6px;}
.table-column4 .table-grid-content {margin-right: 6px;background-color: #fffae7;border: 1px solid #ffe139;border-bottom: none;}
li:first-of-type :not(.table-th-container:first-child) .table-grid-content{flex-flow:column; justify-content:flex-end;}
.table-column5 .table-grid-content {background-color: #FFF2D5;border: 1px solid #FFCD62;border-bottom: none;}
.table-td-container.table-column4 .table-grid-content,
.table-td-container.table-column5 .table-grid-content  {border-top: none;margin-bottom: 1px;}
.table-row:last-child .table-td-container.table-column4 .table-grid-content {border-bottom: 0 none;}
.table-row:last-child .table-td-container.table-column5 .table-grid-content {border-bottom: 0 none;}
.table-td-container.table-column5 .table-grid-content.more-words-content {justify-content: flex-start;text-align: left;padding-left: 25px;}
.th-small-words {display: block;font-size: 15px;color: #434343;line-height: 1em;margin: 3px 0 6px;}
.th-icons{padding-top:5px;}
.th-icons .win-plat,.th-icons .mac-plat {display: none;}
.th-icons .win-plat.active,.th-icons .mac-plat.active {display: inline-block;}
.table-td-span {font-size: 15px;line-height: 1.4em;font-weight: 500;margin-top: 5px;flex-basis: 100%;word-break: break-word;}
.table-yes {width: 9px;height: 20px;border-right: 4px solid #ff8c40;border-bottom: 4px solid #ff8c40;transform: rotate(45deg);}
.table-yes.green-yes {border-color: #FE5E52;}
.table-empty {width: 17px;height: 3px;background-color: #3d3d3d;}
.table-green-words {display: block;color: #39a83c;}
.table-colorful-words {font-size: 15px;color: #282828;line-height: 1.2em;margin-bottom: 12px;}
.table-colorful-words.win-plat,.table-colorful-words.mac-plat {display: none;}
.table-colorful-words.win-plat.active,.table-colorful-words.mac-plat.active {display: block;}
.table-colorful-words:last-child {margin-bottom: 0;}
.table-price {font-size: 36px;color: #6AC767;line-height: 1em;margin: 20px 0;}
.table-price.orange-price {color: #FE5E52;}
.table-price.red-price {color: #fe5e52;margin: 5px 0 10px;}
.table-download,.table-buy {width: 166px;line-height: 40px;font-size: 19px;color: #fff;background-color: #6ac767;border-radius: 4px;}
.table-buy {background-color: #FE5E52;}
.table-download:hover,.table-buy:hover {color: #fff;}
.table-win-mac {margin: -3px 0 0 10px;}
.table-download {display: none;}
.table-download.active {display: block;}
.table-grid-content .toggle-plat-content {font-size: 15px;margin-top: 5px;}
.table-grid-content .toggle-plat-content::before {display: none;}
.table-grid-content .toggle-plat-content.active {display: block;}
/* `````````````````````````` main04 ````````````````````````````` */

.main05 {padding:60px 0 70px;}
.main05-h2 { font-size: 46px; line-height: 45px; text-align: center; padding-bottom:30px;}
.main05 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.main05 .qes_one .t{font-size: 18px;cursor: pointer; padding-bottom: 10px;position: relative;}
.main05 .qes_one .t:after{position: absolute;right: 0;top: 3px; content: "";display: inline-block;width: 19px;height: 19px;color:#77b5fb;background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px, linear-gradient(currentColor, currentColor) no-repeat center / 3px 100%}
.main05 .qes_one .qes_ans{color: #737480;display: none;}
.main05 .qes_one.focus .t:after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.main05 .qes_one.focus .qes_ans{display: block;}
.main05 a { color: #2691fc; }
/* `````````````````````````` main05 ````````````````````````````` */

@media (max-width:979px){
    .fixed-nav {display: none !important;}
    .details {width: 96%;}

    .left-intro-img {margin: 0;margin: 0 auto;}
    .intro-content{flex:1;}
    .main02-content-title {position: static;padding: 20px 0;transform: none;}
    .main02-content-intro {align-items: flex-start;}
    .left-intro {margin: 0;width: 100%;}
    .center-intro {padding: 30px 0;margin: 0;flex: 1;}
    .right-intro {width: 290px;}
    .right-plat-button {font-size: 27px;padding: 0 20px;}
    .service-content {margin: 20px 0 0}
    .service-item {padding: 0 20px;margin-bottom: 15px;}

    .main03 .main03-wrap .main03-flex {flex-wrap: wrap;}
    .main03 .main03-wrap .main03-list{padding:20px 0 0;}
    .main03 .main03-wrap .main03-tips {height: 30px;line-height: 30px;font-size: 21px;}

    .table-column1 {padding-left: 0;width: 230px;}
    .table-td-container.table-column1 {padding-left: 0;}
    .table-container{display:block;}
    .table-th-container.table-column1 .table-grid-content{font-size:25px;}
    .table-content {width:110%;}
}

@media (max-width:767px){
    .m01-nav{margin-top:-20px;}
    .m01-nav a{font-size:21px; width:100%; box-sizing:border-box;}

    .main02-h2 {font-size: 27px;}
    .center-intro {width: 100%;}
    .icon-container {width: 100%;margin: 0 0 10px;}
    .intro-content {width: 100%;text-align: center;}
    .right-intro {width: 100%;padding: 30px 0;border-left: none;}
    .service-content {justify-content: center;}
    .service-item {margin: 0 30px 20px 0;}

    .m03-ai-con{flex-flow:column; width:100%; box-sizing:border-box;}
    .m03-ai-title br, .m03-ai-desc br{display:none;}
    .m03-ai-list{ padding:10px 0; text-align:center;}
    .m03-ai-it{justify-content:center;}
    .m03-ai-list + .m03-ai-list{border-top:1px solid #EBE1BE; border-left:0 none;}
    .main03 .main03-wrap .main03-buy-flex{flex-flow:column;}

    .table-content{width:200%;}
}

@media (max-width:479px){
    .main01{padding-top:40px;}
    .m01-nav a{font-size:17px;}

    .main02 {padding:40px 0;}
    .main02-content-p {font-size: 1.3125rem;}
    .main02-h2 {font-size: 1.4375rem;}
    .service-item:last-child{margin-bottom:0;}
    .right-intro-price{font-size:27px; line-height:1; padding-bottom:10px;}
    .right-intro-b{font-size:40px;}
    .left-intro{margin:0 5%;}

    .main03 {padding:40px 0;}
    .main03 .main03-wrap .main03-list{padding-bottom:20px;}
    .main03 .red-on-white-border{transform:translateY(0);}
    .main03 .red-on-white-border a::before, .main03 .red-on-white-border a::after{content:none;}
    .main03 .system-switch .item-system{font-size:16px;}
    .main03 .system-switch{margin-top:20px;}
    .main03 .system-switch .item-system {padding: 0 20px;}
    .main03 .main03-wrap .main03-title {font-size: 1.5625rem;}
    .main03 .main03-wrap .main03-suhead {font-size: 19px;}
    .main03 .main03-wrap .main03-flex {padding: 0 10px;}
    .main03 .main03-wrap .main03-buy-flex {gap: 15px;}

    .main04{padding:40px 0;}
    .main04-h2{font-size:1.4375rem;}
    .table-th-container.table-column1 .table-grid-content{font-size:15px;}
    .table-content{width:290%;}
    .table-column1{width:150px;}

    .main05{padding:40px 0;}
    .main05-h2 {font-size: 1.5625rem; padding-bottom:0; line-height:1;}
    .main05 .qes_one .t {font-size: 1.0625rem;}
}