/* CSS Document */
html {scroll-behavior: smooth;}
body{font:15px/24px tahoma, Arial, sans-serif;color: #000000;}
a{text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
img {border:0;max-width: 100%;vertical-align:middle;}
h1, h2, h3, h4, h5,select, p, h6,div,button, ul, li, ol, dd, dl, dt, input {padding:0;margin:0;list-style:none;font-weight:400;}
.details { width:1200px; margin:0 auto;}
/*--------------------*/
.main01 {padding: 40px 0 42px;background: url(../images/holiday-offer-hw25/bg1.jpg) no-repeat top / 100%;text-align: center;}
.main01 h1 {font-size: 58px;color: #fff;line-height: 62px;font-weight: 600;}
.main01 h1.small-font {font-size: 49px;}
.main01 h1+p {font-size: 24px;color: #4f3519;line-height: 26px;padding: 10px 0 35px;}
.service-lists {display: flex;justify-content: center;align-content: center;flex-wrap: wrap;}
.service-lists li {margin: 0 65px 20px 0;display: flex;align-items: center;}
.service-lists li:last-child {margin-right: 0;}
.service-lists li p {color: #825729;margin-left: 10px;line-height: 19px;font-size: 14px;}
.digiarty-timer {display: flex;justify-content: center;align-items: center;width: 498px;height: 64px;padding: 12px 0;background-color: #fc7814;border-radius: 12px;margin: 30px auto 80px;font-size: 36px;color: #fff;}
.digiarty-timer li {width: 62px;height: 62px;margin: 0 12px;box-sizing: border-box;border: 1px solid #feddc4;border-radius: 4px;font-size: 28px;line-height: 38px;color: #fff;}
.digiarty-timer li::after {content: "Days";display: block;font-size: 13px;line-height: 15px;color: #feddc4;}
.digiarty-timer li:nth-child(2):after {content: "Hours";}
.digiarty-timer li:nth-child(3):after {content: "Minutes";}
.digiarty-timer li:nth-child(4):after {content: "Seconds";}
.vpc-container {border: 2px solid #ffc80b;border-radius: 12px;margin-bottom: 48px;display: flex;justify-content: space-between;}
.vpc-left-content {width: 418px;box-sizing: border-box;background-color: #fafafa;padding: 58px 20px 40px 40px;text-align: left;border-radius: 12px 0 0 12px;}
.vpc-left-content h3 {font-size: 24px;color: #000;line-height: 26px;font-weight: 600;}
.vpc-features {padding: 20px 0;}
.vpc-features li {padding: 0 0 20px 34px;background: url(../images/holiday-offer22/yes-icon.png) no-repeat left 4px;font-size: 15px;color: #333;line-height: 25px;}
.vpc-left-content p {font-size: 15px;color: #121212;line-height: 17px;padding-left: 34px;}
.vpc-left-content p a {text-decoration: underline;}
.vpc-left-content p a:hover {text-decoration: none;}
.vpc-content {width: 390px;box-sizing: border-box;padding: 100px 10px 40px;position: relative;text-align: center;}
.discount-tag {width: 197px;height: 43px;line-height: 43px;font-weight: 600;font-size: 28px;color: #ffc80b;background-color: #fff;border: 1px solid;border-radius: 22px;position: absolute;top: -24px;left: 50%;margin-left: -98px;text-align: center;}
.discount-tag.green-background {background-color: #ffe28b;border-color: #ffe28b;color: #f24132;}
.discount-tag::before,.discount-tag::after {display: none;content: "";width: 72px;height: 55px;background: url(../images/holiday-offer-christ22/tag-icon.png);position: absolute;bottom: -5px;left: -55px;}
.discount-tag::after {display: none;background-position: right center;left: auto;right: -55px;}
.discount-tag.green-background::after {display: none;}
.vpc-content h3 {font-size: 22px;color: #000;font-weight: 600;line-height: 24px;}
.vpc-content p {font-size: 20px;color: #9d9c99;line-height: 30px;padding: 38px 0 30px;}
.vpc-content p b {font-size: 40px;color: #fc7814;display: block;margin-bottom: 10px;}
.vpc-buy-container a {display: block;width: 257px;line-height: 68px;font-size: 30px;color: #fff;font-weight: 600;background-color: #fc7814;border-radius: 5px;margin: 0 auto;box-shadow: 0 10px 20px 0 rgba(252,120,20,0.2);}
.vpc-center-content {border-left: 1px solid #ffe6d0;border-right: 1px solid #ffe6d0;background-color: #fff;}
.vpc-right-content {background-color: #FFFBEF;border-radius: 0 12px 12px 0;}
.vpc-reviews {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.vpc-reviews img {margin: 0 22px 20px;}
/*--------------------*/
.main02 {padding: 78px 0;background-color: #f7f7f7;}
.pack-container {border: 2px solid #ffc80b;border-radius: 4px;background-color: #fffbef;display: flex;flex-wrap: wrap;}
.pack-left-content {width: 785px;box-sizing: border-box;padding: 44px 20px 70px 33px;color: #000;}
.pack-left-content h3 {font-size: 28px;line-height: 30px;font-weight: 600;}
.pack-left-content h3+p {font-size: 17px;line-height: 25px;padding: 12px 0 25px;}
.pack-lists {display: flex;align-items: center;flex-wrap: wrap;}
.pack-lists li {display: flex;align-items: flex-start;flex-wrap: wrap;height: 43px;margin-right: 33px;position: relative;}
.pack-lists li:last-child {margin-right: 0;}
.pack-lists li .img-container {margin-right: 4px;}
.pack-intro {margin-top: 10px;}
.pack-intro b {font-size: 14px;color: #111;line-height: 14px;}
.pack-info {display: inline-block;vertical-align: middle;margin-left: 2px;position: relative;width: 14px;height: 14px;font-size: 12px;text-align: center;line-height: 13px;color: #fff;background-color: #dcdcdc;border-radius: 50%;cursor: pointer;}
.pack-download a {display: block;font-size: 15px;color: #54adfe;line-height: 17px;margin-top: 10px;}
.pack-download a:hover {text-decoration: underline;}
.pack-popup-content {display: none;width: 250px;padding: 5px;background-color: #f2f2f2;border: 1px dotted #000;box-shadow: 1px 1px 3px #000;border-radius: 5px;font-size: 12px;line-height: 16px;text-align: left;color: #000;position: absolute;bottom: 135%;left: 50%;margin-left: -130px;z-index: 2;}
.pack-popup-content::after {content: "";border-top: 6px solid #818181;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;top: 100%;left: 50%;margin-left: -5px;}
.pack-add-icon {width: 22px;height: 22px;position: absolute;top: 12px;right: -28px;}
.pack-add-icon::before {content: "";width: 22px;height: 4px;background-color: #ffbd42;position: absolute;top: 50%;left: 0;margin-top: -2px;}
.pack-add-icon::after {content: "";width: 4px;height: 22px;background-color: #ffbd42;position: absolute;top: 0;left: 50%;margin-left: -2px;}
.pack-right-content {width: 410px;box-sizing: border-box;padding: 78px 22px 30px;position: relative;display: flex;justify-content: center;align-items: center;}
.pack-right-content .win-plat,.pack-right-content .mac-plat {display: flex;justify-content: center;align-items: center;}
.pack-right-content::before {content: "";width: 1px;height: 210px;background-color: #ffe6d0;position: absolute;top: 48px;left: 0;}
.select-prices {width: 150px;margin-right: 15px;}
.select-prices p {font-size: 20px;color: #9d9c99;line-height: 30px;text-align: center;}
.select-prices p b {font-size: 40px;color: #fc7814;display: block;margin-bottom: 4px;}
.select-container {width: 200px;}
.select-container select {display: block;width: 100%;height: 50px;padding-left: 6px;background-color: #fff;border: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 17px;font-size: 14px;color: #393939;}
.select-container .pack-buy a {display: block;line-height: 60px;text-align: center;font-size: 26px;color: #fff;font-weight: 600;background-color: #fc7814;border-radius: 5px;box-shadow: 0 10px 20px 0 rgba(252,120,20,0.2);}
/*--------------------*/
.main03 {padding: 70px 0 74px;color: #000;}
.line-title {font-size: 28px;line-height: 36px;margin-bottom: 50px;text-align: center;font-weight: 600;}
.line-title span {display: inline-block;}
.line-title span::after {content: "";display: block;height: 20px;background-color: #ffd9bc;margin-top: -16px;}
.content-lists {display: flex;justify-content: space-between;flex-wrap: wrap;}
.content-lists li {width: 588px;box-sizing: border-box;margin-bottom: 28px;border: 1px solid #D2CDCD;padding: 40px 25px 40px 35px;transition: all 0.5s;display: flex;align-items: flex-start;justify-content: space-between;}
.content-lists li:hover{box-shadow: 0px 5px 20px #e0e3e7;}
.content-lists li .img-container {margin-top:10px}
.content-lists li .content-box {width: 420px;}
.content-lists li .content-box h4 {font-size: 23px;color: #161616;font-weight: 600;margin-bottom: 10px;}
.content-lists li .content-box p {font-size: 14px;}
.content-lists li .content-box a {border-bottom: 1px dotted currentColor;color: inherit;}
.content-price {text-align: center;}
.content-price .select-prices {padding: 25px 0 15px;width: auto;}
.content-price .select-prices p {font-size: 20px;color: #9d9c99;line-height: 31px;text-align: center;}
.content-price .select-prices p b {font-size: 40px;color: #fc7814;display: inline;}
.content-price .select-container {width: auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.content-price .select-container select {width: 235px;height: 60px;font-size: 17px;border-right: 0;border-radius: 5px 0 0 5px;margin-bottom: 0;}
.content-price .select-container .pack-buy a {width: 250px;line-height: 60px;border-radius: 0 5px 5px 0;}
/*--------------------*/
.main04 {padding: 55px 0 60px;background-color: #fff9f3;}
.main04 .line-title span::after {background-color: #ffd9bc;}
.table-container {margin-bottom: 30px;}
table {width: 100%;}
table th {font-size: 24px;line-height: 26px;padding: 6px 0;color: #111;border-bottom: 2px solid #858585;}
table th:nth-child(1) {width: 37%;text-align: left;}
table th:nth-child(2) {width: 26%;}
table th:nth-child(3) {width: 37%;text-align: right;}
table .fixed-width {display: inline-block;width: 222px;text-align: center;}
table .fixed-width b {display: inline-block;width: 13px;height: 2px;background-color: #a0a0a0;}
table td {font-size: 15px;color: #333;line-height: 17px;padding: 10px 0;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
table td.no-padding {padding: 0;}
table td:nth-child(1) {text-align: left;}
table td:nth-child(2) {text-align: center;}
table td:nth-child(3) {text-align: right;border-right: none;}
table .table-toggle {width: 16px;height: 16px;text-align: center;position: relative;display: inline-block;vertical-align: -3px;margin-left: 15px;}
table .table-toggle::before {content: '';width: 10px;height: 10px;border-right: 2px solid #aeaeae;border-bottom: 2px solid #aeaeae;transform: rotate(45deg);position: absolute;top: -3px;left: 2px;transition: all 0.3s;}
table .table-toggle.on-active:before {transform: rotate(225deg);top: 4px;}
table .table-toggle-content {display: none;line-height: 1.3;font-size: 13px;text-align: left;padding: 0 10px 3px;}
table tr:last-child td {border-bottom: 2px solid #858585;}
table .need-position {display: block;padding: 10px 0;position: relative;z-index: 2;}
table .need-position::after {content: "";width: 26px;height: 26px;border-radius: 50% 0 0 0;background: linear-gradient(135deg, transparent 50%, #fff9f3 50%);border-right: 2px solid #858585;border-bottom: 2px solid #858585;transform: rotate(45deg);position: absolute;bottom: -15px;left: 50%;margin-left: -14px;z-index: 1;}
.table-price .select-container {align-items: flex-start;}
.table-select {width: 255px;margin-right: 42px;}
.table-price .select-container select {width: 255px;height: 40px;border-right: 1px solid #dcdcdc;border-radius: 5px;}
.table-select p {font-size: 16px;color: #828282;line-height: 22px;margin-top: 2px;}
.table-select p.small-font {font-size: 15px;}
.table-price .select-container .pack-buy a {border-radius: 5px;}
/*--------------------*/
.main05 {padding: 85px 0 100px;}
.main05 .line-title span::after {background-color: #ffd9bc;}
.toggle-container {margin: 30px 0 60px;position: relative;}
.arrow-toggle {width: 70px;height: 70px;background-color: #fff;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);position: absolute;top: 50px;left: -110px;border-radius: 50%;cursor: pointer;}
.arrow-toggle::before {content: "";width: 25px;height: 25px;border-left: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);position: absolute;top: 50%;left: 50%;margin: -13px 0 0 -7px;}
.right-toggle {left: auto;right: -110px;}
.right-toggle::before {transform: rotate(-135deg);margin: -13px 0 0 -18px}
.toggle-content {overflow-x: hidden;}
.toggle-lists li {width: 400px;box-sizing: border-box;padding-right: 40px;color: #000;float: left;}
.review-plat-content {height: 200px;}
.review-plat-content h4 {font-size: 17px;line-height: 19px;font-weight: 600;padding-bottom: 8px;}
.review-plat-content p {font-size: 15px;line-height: 23px;color: #333;}
.review-plat-content p b {display: block;margin-top: 8px;}
.review-plats {display: flex;justify-content: center;align-content: center;flex-wrap: wrap;}
.review-plats img {margin: 0 30px 20px;}
/*--------------------*/
.main06 {padding: 70px 0;background-color: #f8f9f8;}
.main06 h2 { font-size: 28px; line-height: 30px;color: #000;font-weight: 600; text-align: center;padding-bottom: 50px;}
.slide-container .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.slide-container .t{font-size: 18px;line-height: 20px;cursor: pointer; padding-bottom: 10px;position: relative;padding-right: 25px;}
.slide-container .t::before {content: "";width: 17px;height: 3px;background-color: #f78a0f;position: absolute;top: 8px;right: 0;}
.slide-container .t::after {content: "";width: 3px;height: 17px;background-color: #f78a0f;position: absolute;top: 1px;right: 7px;}
.slide-container .t.focus::after {display: none;}
.slide-container .qes_ans{color: #737480;display: none;}
.slide-container a { color: #2691fc; }
/*--------------------*/
.fixed-nav { background:#000; width: 100%;height: 80px; position: fixed; top: 0; left: 0; z-index: 10000; display: none; }
.fixed-nav .details { height: 100%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center; }
.fixed-nav .fixed-right {display: flex;justify-content: flex-end;align-items: center;}
.fixed-nav .Btn {display: flex;}
.fixed-nav .Buy { width: 150px; text-align: center; cursor: pointer; margin: 0 20px 0 0; }
.fixed-nav .Buy p { color: #c7a757; font-weight: 800; font-size: 17px; line-height: 20px; }
.fixed-nav .Buy p i { font-size: 11px; color: #808080; display: block; font-style: normal; font-weight: 400; }
.fixed-nav .Down { width: 155px; height: 44px; border-radius: 5px;background: #0fb4ff; color: #fff;text-align: center;cursor: pointer; transition:all 0.4s;}
.fixed-nav .Down:hover { background: #2d9dd0; }
.fixed-nav .Down p { font-weight: 800; font-size: 17px; line-height: 44px; }
.fixed-nav .Down p i { font-size: 11px; display: block; font-style: normal; font-weight: 400; line-height: 18px; }
.fixed-nav ul {font-size: 17px; color: #fff; width: 360px;display: flex;}
.fixed-nav ul li {width: 120px; text-align: center; }
.fixed-nav ul li a { color: #fff; text-decoration:none; }
@media (max-width: 1920px) {
.main01 {background-size: auto auto;}
}
@media (max-width: 979px) {
.fixed-nav {display: none !important;}
.details { width:96%;}
.win-plat,.mac-plat {display: block !important;margin-bottom: 30px;}
.main04 {display: none;}
.main01 {background: #3a6ad7;padding-bottom: 0;}
.main01 h1 {font-size: 40px;line-height: 44px;}
.service-lists li,.service-lists li:last-child {margin: 0 15px 20px;}
.digiarty-timer {background-color: #fffbef;}
.vpc-container {border: none;flex-wrap: wrap;}
.vpc-left-content {width: 100%;border: 1px solid #ff7800;border-radius: 12px;margin-bottom: 80px;padding: 30px 20px;}
.vpc-content {width: 48%;border: 1px solid #ff7800;border-radius: 12px;padding: 50px 10px 30px;}
.vpc-content p {padding: 10px 0;}
.vpc-content p b {display: inline-block;margin-right: 5px;font-size: 30px;}
.vpc-buy-container a {width: 200px;line-height: 50px;font-size: 25px;}
.pack-left-content {width: 100%;}
.pack-lists li {margin-bottom: 20px;}
.pack-download {display: none;}
.pack-right-content {width: 100%;border-top: 1px solid #ff7800;padding-top: 50px;}
.pack-right-content::before {display: none;}
.pack-right-content .win-plat {margin-right: 30px;}
.select-prices {margin: 0 auto;}
.select-prices p b {font-size: 30px;}
.content-lists li {width: 100%;justify-content: flex-start;padding: 20px;}
.content-lists li .img-container {width: 60px;margin-right: 10px;flex-shrink: 0;}
.content-lists li .content-box {width: auto;}
.content-lists li .content-box h4 {font-size: 19px;line-height: 21px;}
.content-price .select-container {display: flex !important;}
.main05 {border-top: 8px solid #ebfbed;}
.arrow-toggle {display: none;}
.toggle-content {overflow-x: auto;}
.toggle-lists {width: 100% !important;}
.toggle-lists li {width: 100%;padding-right: 0;margin-bottom: 30px;float: none;}
.review-plat-content {padding-left: 0;height: auto;}
}
@media (max-width: 767px) {
.vpc-content {width: 100%;margin-bottom: 80px;}
.vpc-content.vpc-right-content {margin-bottom: 0;}
.digiarty-timer {width: 400px;padding: 12px 0;}
.digiarty-timer li {margin: 0 5px;}
.pack-left-content {padding: 20px 20px 60px;}
.pack-left-content h3 {font-size: 23px;line-height: 25px;}
.line-title {font-size: 23px;line-height: 31px;}
.content-price .select-container .pack-buy a {width: 180px;font-size: 23px;}
.review-plats img {margin: 0 15px 20px;}
}
@media (max-width: 479px) {
.digiarty-timer {width: 100%;}
.pack-right-content {flex-wrap: wrap;}
.pack-right-content .win-plat, .pack-right-content .mac-plat {width: 100%;margin-right: 0;}
.select-container {width: 250px;margin: 0 auto;}
.content-price .select-container {width: 250px;margin: 0 auto 30px;}
.content-price .select-container select {width: 250px;border-right: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 15px;}
.content-price .select-container .pack-buy a {border-radius: 5px;}
.review-plats img {margin: 0 5px 20px;}
}