@charset "utf-8";
html, body {
    scroll-behavior: smooth;
}

ul, li {list-style: none;padding: 0;margin: 0;}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}

/* base css */
.container,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.container-fluid{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1240px
    }
}

body {
    background: url("../images/gift-offer/bg-main.jpg") no-repeat center top #ffffff;
    background-size: 100% auto;
    min-width: 100% !important;
}

.digiarty-timer {font-size: 41px;color: #6962cc;line-height: 58px;text-align: center;margin: 10px 0 50px;}
.digiarty-timer li {display: inline-block; vertical-align: top; width: 68px; height: 68px; border: 1px solid #5031e0; font-size: 35px;line-height: 50px;text-align: center;border-radius: 4px; position: relative;background-color: transparent;color: #dddfff;}
.digiarty-timer li::after {width: 100%;font-size: 13px;text-align: center;line-height: 17px;position: absolute;bottom: 4px;left: 0;color: #ffffff;}
.digiarty-timer li[data-provider="days"]::after {content: "DAY";}
.digiarty-timer li[data-provider="hours"]::after {content: "HOUR"}
.digiarty-timer li[data-provider="minutes"]::after {content: "MINS"}
.digiarty-timer li[data-provider="seconds"]::after {content: "SECS"}

.banner-container .switch-system{position:absolute;right:20px;top:20px;z-index: 10;}
.switch-flex{display:flex;justify-content:center;align-items:center;gap:10px;}
.switch-wrapper{display:inline-block;height:15px;margin:0;position:relative;width:32px;}
.switch-wrapper input{height:0;opacity:0;width:0;}
.switch-slider{background-color:#ffffff;border:1px solid #ababab;border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;}
input:checked+.switch-slider:before{left:calc(100% - 13px);}
.switch-slider:before{background-color:#4c7fff;border-radius:50%;bottom:1px;content:"";height:11px;left:2px;position:absolute;transition:.4s;width:11px;}
.system-item{display:flex;justify-content:center;align-items:center;gap:10px;color:#4f4f4f;font-size:17px;}
.system-item.activated{color:#4c7fff;}

.noise-language {
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
    position: absolute;
    right: 0;
    top: -40px;
    border: 1px solid #fff;
}

.noise-language p {
	padding: 0;
	margin: 0;
}

.noise-language .noise-flag {
	font-size: 15px;
	display: flex;
	flex-direction:column-reverse;
	width: 110px;
	height: 30px;
	position: relative;
}

.noise-language .noise-flag em {
	font-style: normal;
	color: #fff;
	display: block;
	text-align: center;
	padding: 3px 25px 3px 5px;
	position: relative;
	cursor: pointer;
    filter:brightness (100);
}


.noise-language .noise-flag em::after {
	content: '';
	background: url(https://www.videoproc.com/img/mian-foot-iocn202202.png) no-repeat ;
	width: 17px;
	height: 9px;
	right: 10px;
	top: 10px;
	position: absolute;
    filter:brightness (100);
}

.noise-language .noise-flages {
	position: absolute;
    top: 30px;
    left: 0px;
    width: 110px;
    position: absolute;
    background: #fff;
    border: 1px dashed #797979;
    border-radius: 5px;
}

.noise-language .noise-flages ul {
	width:110px;
}

.noise-language .noise-flages ul li {
	display: block;
	padding: 3px 5px;
	text-align: center;
}

.noise-language .noise-flages ul a {
	text-decoration: none;
	color: #767f86;
	transition: all .3s;
}

.noise-language .noise-flages ul a:hover {
	text-decoration: none;
	display: block;
	color: #fff;
	background: #767f86;
	border-radius: 5px;
}

.title-h1 {
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 10px;
}
.title-suhead {
    font-size: 25px;
    font-weight: 400;
    color: #baadff;
    line-height: 1.4;
    margin-bottom: 30px;
}
.main-suhead {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 30px;
}
.title-h2 {
    font-size: 29px;
    font-weight: 700;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 15px;
}
.title-h2 a {
    text-decoration: none;
    color: inherit;
}
.title-h2 a:hover {
    text-decoration: underline;
    color: #2691fc;
}
.title-h2 span {display: inline-block;}
.title-h2 span::after {content: "";display: block;height: 20px;background-color: #d4c5ff;margin-top: -16px;}
.title-h3 {
    font-size: 27px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 10px;
}

.part-aside {
    position: fixed;
    right: 20px;
    bottom: 15%;
    z-index: 99;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none; /* 隐藏时不响应点击 */
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.part-aside.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.part-aside-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}
.part-aside-item {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    color: #3f3f3f;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-size: 15px;
    height: 50px;
    border-radius: 30px;
    cursor: pointer;
}
.part-aside-item:hover {
    background-color: #f6f2ff;
}
.part-aside-item.active {
    background-color: #6b4efa;
    color: #ffffff;
    position: relative;
}
.part-aside-item.active::after {
    content: '';
    display: block;
    border: 5px solid transparent;
    border-top-color: #fff;
    border-top-width: 7px;
    border-bottom-width: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}


@media (max-width: 1400px) {
    .part-aside {
        display: none;
    }
}
@media (max-width: 1200px) {
    .title-h1 {
        font-size: 35px;
    }
    .title-suhead {
        font-size: 21px;
    }
}
@media (max-width: 992px) {
    body {
        background-size: cover;
    }
    .part-buttons-buy a {
        font-size: 17px;
    }
    .part-buttons-down a {
        font-size: 17px;
    }
    .main-suhead {
        font-size: 17px;
    }
    .title-h2 {
        font-size: 25px;
    }
}
@media (max-width: 768px) {
    .title-h1 {
        font-size: 23px;
    }
    .title-h2 {
        font-size: 21px;
    }
    .title-suhead {
        font-size: 17px;
    }
    .title-h3 {
        font-size: 21px;
    }
}
@media (max-width: 576px) {
    .part-buttons-flex {
        flex-wrap: wrap;
        gap: 15px;
    }
    .main-suhead {
        font-size: 15px;
    }
} 


/* ````````````````````````````` part-banner ````````````````````````````````````` */
.part-banner {
    text-align: center;
    padding: 80px 0 30px;
    overflow: hidden;
}
.part-banner .container {
    position: relative;
}
.banner-container {
    margin-bottom: 20px;
}
.banner-content-wrapper {
    border-radius: 15px;
    background: #ffffff;
    border: 2px solid #2800ed;
    position: relative;
    overflow: hidden;
}
.banner-content-flex {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.content-left {
    width: 50%;
    padding: 70px 30px 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background-color: #f6f2ff;
    text-align: left;
}
.content-left::after {
    content: '';
    position: absolute;
    border: 36px solid transparent;
    border-right-width: 0;
    border-left-width: 26px;
    border-left-color: #f6f2ff;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
}
.content-right {
    flex: 1;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: 50px 30px 30px;
}
.rights-item {
    margin-top: 20px;
}
.rights-name {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 700;
}
.rights-list li {
    position: relative;
    padding: 3px 0 3px 25px;
}
.rights-list li.rights-true::before {
    content: '';
    display: block;
    background: url("../images/gift-offer/i-yes.png") no-repeat center;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 8px;
}
.rights-list li.rights-false::before {
    content: '';
    display: block;
    background: url("../images/gift-offer/i-no.png") no-repeat center;
    width: 13px;
    height: 2px;
    position: absolute;
    left: 1px;
    top: 15px;
}
.rights-list li.rights-gift::before {
    content: '';
    display: block;
    background: url("../images/gift-offer/i-gift.png") no-repeat center;
    width: 19px;
    height: 19px;
    position: absolute;
    left: -1px;
    top: 5px;
}

.rights-gift a {
    font-size: 15px;
    color: #000000;
    font-weight: 700;
}
.rights-gift del  {
    font-size: 15px;
    color: #444;
    margin-left: 10px;
    font-weight: 400;
}

.banner-bundle-pic {
    position: relative;
    width: 472px;
    height: 240px;
    margin: 0 auto;
}
.banner-bundle-pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.banner-bundle-price .active {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
}
.banner-bundle-price>div {
    display: none;
}
.banner-bundle-price strong {
    font-size: 37px;
    font-weight: 700;
    color: #e5241f;
}
.banner-bundle-price del {
    font-size: 15px;
    font-weight: 400;
    color: #828282;
}
.banner-bundle-select select {
    width: 320px;
    height: 45px;
    text-align: center;
    font-size: 19px;
    color: #4d4d4d;
    border-radius: 5px;
    border-color: #c7c7c7;
    border-width: 2px;
    cursor: pointer;
}
.banner-bundle-select option {
    cursor: pointer;
}
.banner-bundle-select {
    margin-bottom: 10px;
}
.banner-bundle-purchase a {
    width: 320px;
    text-align: center;
    height: 50px;
    background-color: #ffab1b;
    color: #ffffff;
    font-size: 19px;
    line-height: 50px;
    margin: 0 auto;
    border-radius: 3px;
    display: none;
}
.banner-bundle-purchase a.active {
    display: block;
}
.banner-bundle-spond {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.banner-bundle-spond ul {
    text-align: left;
}
.banner-bundle-spond ul li {
    text-align: left;
    position: relative;
    padding: 3px 0 3px 20px;
    font-size: 15px;
    color: #000000;
}
.banner-bundle-spond ul li::before {
    content: '';
    display: block;
    background: url("../images/gift-offer/i-c.png") no-repeat center;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 9px;
}
.banner-content-suhead {
    font-size: 19px;
    font-weight: 400;
    color: #327fff;
    line-height: 1.3;
    margin-bottom: 10px;
}
.banner-content-suhead del {
    color: #929292;
    display: none;
}
.banner-content-suhead del.active {
    display: inline-block;
}

.m2-icons {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;text-align: left;}
.m2-left-icons {display: flex;align-items: center;flex-wrap: wrap;margin-right: 20px;}
.m2-left-icons img {margin: 0 10px 20px 0;}
.m2-left-icons img:not(.m2-left-first-icon) {margin-top: 7px;}
.m2-right-icons {display: flex;align-items: center;flex-wrap: wrap;margin-top: 7px;}
.m2-right-icons li {display: flex;align-items: center;padding-right: 20px;margin: 0 20px 20px 0;position: relative;}
.m2-right-icons li::after {content: "";height: 26px;width: 1px;background-color: #5aa7f7;position: absolute;top: 50%;right: 0;margin-top: -13px;}
.m2-right-icons li:last-child {margin-right: 0;border-right: none;}
.m2-right-icons li:last-child::after {display: none;}
.m2-right-icons li .img-container {width: 40px;margin-right: 12px;text-align: right;}
.m2-right-icons li p {line-height: 15px;color: #5aa7f7;font-size: 15px;}

@media (max-width: 1400px) {

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

}
@media (max-width: 992px) {
    .banner-content-flex {
        flex-wrap: wrap;
    }
    .content-left {
        width: 100%;
        order: 2;
        padding: 30px;
    }
    .content-right {
        order: 1;
    }
}
@media (max-width: 768px) {
   
}
@media (max-width: 576px) {
    .banner-bundle-pic img {
        zoom: 0.8;
    }
}

/* ````````````````````````````` part-import ````````````````````````````````````` */
.part-import {
    text-align: center;
    padding: 30px 0;
}

.toggle-import-container {position: relative;}
.import-arrow-left,.import-arrow-right {width: 40px;height: 60px;position: absolute;top: 14%;cursor: pointer;z-index: 10;}
.import-arrow-left {left: 0;}
.import-arrow-left::before {content: "";display: block;width: 12px;height: 12px;border-top: 4px solid #399fff;border-left: 4px solid #399fff;transform: rotate(-45deg);margin: 22px auto 0;}
.import-arrow-right {right: 0;}
.import-arrow-right::before {content: "";display: block;width: 12px;height: 12px;border-top: 4px solid #399fff;border-right: 4px solid #399fff;transform: rotate(45deg);margin: 22px auto 0;}
.import-arrow-disabled::before {border-color: #999;}
.import-list-content {width: 990px;height: 110px;margin: 0 auto;overflow: hidden;}
.import-list li {float: left;width: 110px;height: 110px;text-align: center;}
.import-list li .img-container {height: 60px;margin-bottom: 10px;}
.import-list li p {display: inline-block;font-size: 15px;color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;cursor: pointer;margin-bottom: 10px;}
.import-list li .corresponding-info {display: none;width: 290px;box-sizing: border-box;position: absolute;border: 1px dotted #4c4c4c;color: #4c4c4c;font-size: 11px;line-height: 18px;padding: 5px;text-align: left;height: auto;border-radius: 5px;background-color: #fdfefe;z-index: 5;}
.import-list li .corresponding-info::before {content: "";position: absolute;top: -5px;left: 44px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 5px solid #333;;}

.import-down {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}
.import-down a {
    color: #2691fc;
    font-size: 17px;
    text-decoration: underline;
}
.import-down a svg {
    transform: translateY(3px);
}

@media (max-width: 992px) {
    .import-list-content {width: 100%;overflow-x: auto;}
    .import-arrow-left, .import-arrow-right {display: none;}
    .import-list li {width: 90px;}
    .import-list li p {border: none;}
}
/* ````````````````````````````` part-solution ````````````````````````````````````` */
.part-solution {padding: 70px 0 30px;background-color: #f9f9f9;}
.solution-content {display: flex;justify-content: center;align-items: self-start;gap: 50px;position: relative;flex-wrap: wrap;}
.solution-left {position: sticky;top: 70px;width: 350px;}
.solution-left h2 {text-align: left;line-height: 1.2;}
.solution-left p {color: #333333;line-height: 1.4;padding: 20px 0;font-size: 15px;}
.solution-right {flex-basis: 800px;}
.solution-item {margin-bottom: 40px;background-color: #ffffff;border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content: stretch;flex-wrap: wrap;height: 391px;}
.solution-item-info {padding: 0 30px;box-sizing: border-box;flex: 1;}
.solution-item-info h3 {line-height: 1.4;color: #202020;font-size: 19px;font-weight: 700;}
.solution-item-info p {color: #333333;line-height: 1.4;padding-top: 20px;font-size: 15px;}
.solution-item-info a:hover {text-decoration: underline;}
.solution-item-info em {color: #fb9c29;}
.solution-item-list {
    padding-top: 10px;
}
.solution-item-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
}
.solution-item-list li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000000;
}

.ai-da-drag{font-size: 0;}
.ai-da-drag img{border-radius: 20px 0 0 20px;}


.solution-item-icon {
    position: absolute;
    bottom: -8px;
    left: -8px;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.the-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}
.the-button a img {
    margin-left: 10px;
    vertical-align: text-bottom;
}
.the-button.first a {
    display: block;
    background-color: #92cf3f;
    color: #ffffff;
    border-radius: 5px;
    width: 235px;
    height: 55px;
    line-height: 55px;
    font-size: 19px;
}
.the-button.second a {
    display: block;
    background-color: #fca033;
    color: #ffffff;
    border-radius: 5px;
    width: 235px;
    height: 55px;
     line-height: 55px;
    font-size: 19px;
}
.the-button.second a:hover {
    text-decoration: none;
}

@media (max-width: 1400px) {
    .solution-left {
		position: static;
	}
    .solution-left .the-buttons {justify-content: center;}
    .solution-left h2 {text-align: center;}
    .the-buttons {
        justify-content: center;
        align-items: center;
    }
	.solution-item {
		flex-wrap: wrap;
	}
	.solution-right {
		width: 402px;
	}
}
@media (max-width: 992px) {
	.solution-content {
		gap: 30px;
	}
	
	.solution-item-info h3 {
		font-size: 1.1875rem;
	}
}
@media (max-width: 798px) {
    .solution-right {width: 100%;}
    .solution-items {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;align-items: flex-start;}
    .solution-item {width: 404px;margin-bottom: 0;align-items: normal;height: auto;}
    .solution-item-info {
		flex: none;
		width: 100%;
        padding: 15px;
	}
    .ai-da-drag img {
        border-radius: 20px;
    }
}

/* ````````````````````````````` main05 ````````````````````````````````````` */
.main05 {padding: 30px 0;text-align: center;background-color: #fefefe;}
.toggle-container {margin: 50px 0;position: relative;padding-left: 1px;}
.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: 405px;box-sizing: border-box;padding-right: 40px;color: #000;float: left;text-align: left;}
.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;}

@media (max-width: 979px) {
	.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) {
	.review-plats img {margin: 0 15px 20px;}
}
@media (max-width: 479px) {
	.review-plats img {margin: 0 5px 20px;}
}
/* ````````````````````````````` main06 ````````````````````````````````````` */
.main06 {padding: 30px 0 50px;background-color: #ffffff;text-align: center;}
.slide-container {text-align: left;margin-top: 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: #5a90ff;position: absolute;top: 8px;right: 0;}
.slide-container .t::after {content: "";width: 3px;height: 17px;background-color: #5a90ff;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; }


/* ``````````````````````````` part-feature ``````````````````````````````````` */
.part-feature {
    text-align: center;
    padding: 50px 0;
    background-color: #fefefe;
}
.part-feature-h2-tips {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
}


.part-feature-table-unfold {
    margin-top: 50px;
}

.part-feature-grid {
    display: grid;
    grid-template-columns: 1fr repeat(2, 250px);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeff1;
    align-items: stretch;
}
.part-feature-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5f5d;
    padding: 15px 0;
}

.part-feature-grid .part-feature-item:nth-of-type(1) {
    padding-right: 20px;
}
.part-feature-grid .part-feature-item:nth-of-type(2) {
    border-left: 1px solid #eeeff1;
}
.part-feature-grid .part-feature-item:last-of-type {
    border-left: 2px solid #ffc955;
    border-right: 2px solid #ffc955;
}
.part-feature-item:first-of-type {
    justify-content: flex-start;
    text-align: left;
}
.part-feature-item:last-of-type {
    background-color: #fff9ec;
}

.i-check {
    display: block;
    width: 4px;
    height: 10px;
    border: 2px solid transparent;
    border-right-color: #ff8c40;
    border-bottom-color: #ff8c40;
    transform: rotate(45deg);
}
.i-false {
    display: block;
    width: 10px;
    height: 1px;
    background-color: #5d5f5d;
}
.part-feature-table-thead {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.4;
    color: #000000;
}
.part-feature-table-down p {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 10px;
}
.part-feature-table-down a {
    width: 145px;
    height: 33px;
    line-height: 33px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}
.part-feature-table-down a.down {
    background-color: #119bff;
}
.part-feature-table-down a.buy {
    background-color: #ffab1a;
}
.part-feature-table-name {
    font-weight: 700;
    font-size: 19px;
    color: #000;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
.part-feature-table-desc {
    font-size: 15px;
    width: 100%;
    text-align: left;
}
.part-feature-table-ceheck {
    font-size: 13px;
}
.part-feature-table-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.part-feature-table-more button {
    font-size: 19px;
    color: #000000;
    border: 1px solid #afafaf;
    padding: 0 40px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 30px;
    cursor: pointer;
}
.part-feature-table-more .part-feature-table-down {
    display: flex;
}
.part-feature-table-more .part-feature-table-up {
    display: none;
}
.part-feature-table-more.active .part-feature-table-down {
    display: none;
}
.part-feature-table-more.active .part-feature-table-up {
    display: flex;
}

@media (max-width: 1200px) {
    .part-feature-table-name {
        font-size: 15px;
    }
    .part-feature-desc {
        font-size: 15px;
    }
    .part-feature-down p {
        font-size: 17px;
    }
    .part-feature-down a {
        font-size: 15px;
    }
}
@media (max-width: 992px) {
    .part-feature-grid {
        grid-template-columns: 1fr repeat(2, 150px)
    }
}
@media (max-width: 768px) {
    .part-feature-grid {
        grid-template-columns: 1fr repeat(2, 100px)
    }
    .part-feature-down a {
        width: 100%;
    }
    .part-feature-table-down {
        display: none !important;
    }
}
@media (max-width: 576px) {
    .part-feature-grid {
        grid-template-columns: 1fr repeat(2, 50px)
    }
    .part-feature-down a {
        display: none;
    }
}


/* ````````````````````````````` part-transfer ````````````````````````````````````` */
.part-transfer {
    text-align: center;
    padding: 10px 0 0;
}

.part-transfer .covers {
    position: relative;
    height: 425px;
    width: 800px;
    overflow: visible;
    z-index: 10;
    margin: 0 auto;
    background: url("../images/gift-offer/transfer-mobile.jpg") no-repeat center top;
}
.part-transfer .album {
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-left: 0;
    margin-right: 0;
    z-index: 1;
}
.part-transfer .album[data-index="1"] {
    margin-left: -185px;
    margin-top: -50px;
    width: 210px;
    height: 87px;
}
.part-transfer .album[data-index="2"] {
    margin-left: 55px;
    margin-top: -60px;
    width: 165px;
    height: 115px;
}
.part-transfer .album[data-index="3"] {
    margin-left: 230px;
    margin-top: 20px;
    width: 44px;
    height: 44px;
}
.part-transfer .album[data-index="4"] {
    z-index: 5;
    margin-left: -290px;
    margin-top: -5px;
    width: 43px;
    height: 43px;
}
.part-transfer .album[data-index="5"] {
    margin-left: -70px;
    margin-top: 80px;
    width: 170px;
    height: 124px;
}
.part-transfer .album[data-index="6"] {
    margin-left: 115px;
    margin-top: 55px;
    width: 135px;
    height: 93px;
}
.part-transfer .album[data-index="7"] {
    margin-left: 250px;
    margin-top: 30px;
    width: 92px;
    height: 61px;
}
.part-transfer .album[data-index="8"] {
    margin-left: -235px;
    margin-top: 55px;
    width: 125px;
    height: 98px;
}
.part-transfer .visual {
    height: 195px;
    overflow: hidden;
    bottom: 0;
}
.desktop {
    width: 800px;
    position: relative;
    background-repeat: no-repeat;
}
.centered {
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 1400px) {

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

}
@media (max-width: 992px) {
    .part-transfer .covers {
        width: 100%;
        max-width: 800px;
    }
    .desktop {
        width: 100%;
        max-width: 800px;
    }
    .desktop img {
        width: 100%;
    }
}
@media (max-width: 768px) {
   
}
@media (max-width: 576px) {
   
}