:root{
    --grid-columns-4: 4;
    --grid-columns-3: 3;
    --grid-columns-2: 2;
    --flow_layout_column: 3;
    --column-gap: 60px;
}
.banner-box{
    padding: 3.125rem 0;
}
.free-banner{
    padding: 5rem 0;
    background: url("/jp/images/2024/free-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.personal-banner{
    background: url("/jp/images/2024/personal-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.commercial-banner{
    background: url("/jp/images/2024/commercial-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.boot-banner{
    background: url("/jp/images/2024/boot-banner-bg.png") center center no-repeat;
    background-size: cover;
}
.buy-banner{
    background: url("/jp/images/buy-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.download-banner{
    background: url("/jp/images/download-banner-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 2.5rem 0;
    text-align: center;
}
.banner-container{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.banner-container h1{
    line-height: 3.75rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.free-banner .banner-container h1 span{
    color: var(--font-color-red);
}
.personal-banner .banner-container h1 span,
.commercial-banner .banner-container h1 span,
.boot-banner .banner-container h1 span{
    color: var(--font-color-yellow);
}
.banner-container .subtitle{
    margin-top: 1rem;
}
.banner-container .descript-item{
    margin-top: 1.875rem;
}
.banner-container .descript-item li{
    position: relative;
    padding-left: 1.25rem;
    text-align: left;
}
.banner-container .descript-item li:before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--font-color-second);
    border-radius: 50%;
    left: 0;
    top: 10px;
}
.banner-container .descript{
    margin-top: 1rem;
    font-size: 1.125rem;
}
.banner-container .btn-wrap{
    margin-top: 1.875rem;
}
.banner-container .btn-wrap p{
    margin-top: 0.625rem;
    font-size: 1rem;
}
.banner-container .btn{
    min-width: 220px;
    padding: 14px 50px;
    font-size: 1.25rem;
}
.banner-container .upgrade-btn{
    min-width: 330px;
    padding: 13px 34px;
    margin-left: 1.875rem;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid #fff;
}
.banner-container .upgrade-btn:hover{
    background-color: #fff;
    color: var(--font-color-light);
}
.banner-container .banner-img{
    padding-left: 2.5rem;
    text-align: center;
}

.light-bg-banner .banner-container h1{
    color: var(--font-color-base);
}
.dark-bg-banner .banner-container h1{
    color: var(--font-color-white);
}
.dark-bg-banner .banner-container,
.dark-bg-banner .banner-container .descript-item li{
    color: #F6F8FA;
}
.dark-bg-banner .banner-container .descript-item li:before{
    background-color: #F6F8FA;
}

/*free*/
.section-box{
    background-position: top center;
    background-repeat: no-repeat;
}
.section-box h2{
    line-height: 3.75rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.features-box{
    padding-top: 6.25rem;
    text-align: center;
}
.features-box .sub-descript{
    margin-top: 1.25rem;
    font-size: 1.125rem;
}
.features-box .features-content{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-3), 1fr);
    gap: 1.875rem;
    margin-top: 3.75rem;
}
.features-box .feature-item{
    padding: 1.875rem 2.5rem;
    background-color: var(--bg-color-three);
    border-radius: var(--border-radius-min);
}
.features-box .feature-item h3{
    line-height: 2rem;
    padding: 1.25rem 0;
    font-size: 1.5rem;
    font-weight: 600;
}
.features-box .feature-item p{
    line-height: 1.5rem;
    font-size: 1rem;
}
.personal-features-box{
    background-color: var(--bg-color-three);
    background-image: url("/jp/images/2024/features-bg.jpg");
}
.personal-features-box .feature-item{
    background-color: var(--bg-color-white);
}
.functions-box{
    padding: 6.25rem 0;
    background-color: var(--bg-color-three);
    background-image: url("/jp/images/2024/functions-bg.jpg");
    background-position: bottom center;
}
.functions-box .container{
    border-top: 1px solid rgba(47, 108, 236, .1);
    padding-top: 6.25rem;
}
.functions-box h2{
    text-align: center;
}
.functions-box .sub-descript{
    margin-top: 1.25rem;
    font-size: 1.125rem;
    text-align: center;
}
.functions-box .functions-content{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-2), 1fr);
    gap: 1.875rem;
    margin-top: 3.75rem;
}
.functions-box .functions-item{
    display: flex;
    align-items: flex-start;
    padding: 1.875rem 2.5rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-min);
    box-shadow: var(--box-shadow-oversize-blue);
}
.functions-box .functions-icon{
    width: 20%;
    max-width: 88px;
}
.functions-box .functions-text{
    width: 80%;
    padding-left: 1rem;
}
.functions-box .functions-text h3{
    line-height: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.functions-box .functions-text p{
    margin-top: .625rem;
    line-height: 1.5rem;
    font-size: 1rem;
}

.commercial-features-box .features-content{
    grid-template-columns: repeat(var(--grid-columns-4), 1fr);
    gap: 1.25rem;
}
.commercial-features-box .feature-item{
    position: relative;
    padding: 2.5rem;
}
.commercial-features-box .feature-item h3{
    line-height: var(--base-linehight);
    padding-bottom: 0;
    font-size: 1.125rem;
}
.commercial-features-box .feature-item .content{
    position: absolute;
    display: flex;
    width: 100%;
    height: 0;
    padding: 1.875rem 2.5rem;
    background: linear-gradient(119.41deg, #0095E5 0%, #2F6CEC 100%);
    border-radius: var(--border-radius-min);
    color: var(--font-color-white);
    top: 0;
    left: 0;
    align-items: center;
    z-index: -1;
    opacity: 0;
    transition: height 0.2s ease;
}
.commercial-features-box .feature-item:hover .content{
    height: 100%;
    z-index: 0;
    opacity: 1;
}
.commercial-features-box .feature-item .content p a{
    color: #fff;
    text-decoration: underline;
}

.boot-features-box{
    padding-bottom: 6.25rem;
}
.boot-features-box .features-content{
    grid-template-columns: repeat(var(--grid-columns-2), 1fr);
    gap: 2.5rem;
    margin-top: 0;
}
.boot-features-box .feature-item{
    padding: 2.5rem 1.875rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-oversize);
}


.support-type-box{
    padding: 6.25rem 0;
    background-image: url("/jp/images/2024/support-type-bg.jpg");
}
.support-type-box h2{
    text-align: center;
}
.support-type-box .sub-descript{
    margin-top: 1.25rem;
    font-size: 1.125rem;
    text-align: center;
}
/*tab*/
.support-type-wrap{
    padding: 3.75rem 0 1.25rem;
    margin-top: 3.75rem;
    background: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: 4px 4px 16px rgba(35, 64, 138, 0.08);
}
.support-type-content{
    position:relative;
    display: flex;
    width:100%;
    height: auto;
    min-height: 500px;
    padding: 0 3.75rem;
    justify-content: space-between;
}
.support-type-item{
    width: 33.3333%;
    display:inline-block;
}
.support-type-content input[type='radio']{
    position:absolute;
    clip:rect(0,0,0,0)
}
.tab-item{
    display:inline-block;
    padding-bottom: 10px;
    line-height: 2.25rem;
    font-size: 1.5rem;
    font-weight: 500;
    cursor: pointer;
}
.support-type-content input[type='radio']:checked+.tab-item{
    color: var(--font-color-light);
    border-bottom: 4px solid var(--font-color-light);
}
.item-content{
    position:absolute;
    border-top:1px solid #eee;
    padding: 1.875rem 3.75rem;
    left:0;
    top:50px;
    bottom:0;
    right:0;
    background:#fff;
}
.supported-content{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-2), 1fr);
    gap: 2.5rem 1.875rem;
    margin-top: 1.875rem;
}
.supported-content li{
    position: relative;
    line-height: 1.5rem;
    padding-left: 1.25rem;
    font-size: 1rem;
}
.supported-content li:before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--font-color-second);
    border-radius: 50%;
    left: 0;
    top: 12px;
}
.supported-content li span{
    line-height: 1.75rem;
    font-size: 1.125rem;
    font-weight: 600;
}
.support-type-content input[type='radio']:checked+.tab-item+.item-content{
    z-index:1
}
/*tab end*/

.howit-compare-box{
    padding-bottom: 6.25rem;
    background-color: #fff;
    background-image: url("/jp/images/2024/howit-compare-bg.jpg");
}
.howit-pick-box{
    padding-bottom: 6.25rem;
    background-color: #fff;
    background-image: url("/jp/images/2024/howit-pick-bg.jpg");
    background-size: contain;
}
.boot-howit-pick-box{
    background-image: url("/jp/images/2024/boot-howit-pick-bg.jpg");
}
.howit-compare-box h2,
.howit-pick-box h2{
    text-align: center;
}
.howit-container{
    padding-bottom: 6.25rem;
}
.howit-container .sub-descript{
    margin-top: 1.25rem;
    font-size: 1.125rem;
    text-align: center;
}
.howit-wrap{
    margin-top: 3.75rem;
}
.howit-text{
    padding-right: calc(100% * 0.05);
}
.howit-text .howit-item{
    padding: 1rem;
    margin-bottom: 1.125rem;
    border-bottom: 1px solid #e3e5e5;
    border-radius: var(--border-radius-min);
    cursor: pointer;
}
.howit-text .howit-item:last-child{
    margin-bottom: 0;
}
.howit-text .howit-item h3{
    margin-bottom: 12px;
    font-size: 1.125rem;
    font-weight: 600;
}
.howit-text .howit-item p{
    font-size: 1rem;
}
.howit-text .howit-item.active{
    background-color: var(--bg-color-white);
    border-bottom: none;
    box-shadow: var(--box-shadow-large);
}
.howit-text .howit-item.active,
.howit-text .howit-item.active h3{
    color: var(--font-color-light);
}
.howit-text .howit-item.active h3 span{
    font-size: 1.5rem;
}
.howit-img-wrap{
    padding: 1.25rem;
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid #fff;
    border-radius: var(--border-radius-medium);
}
.howit-img{
    position: relative;
    width: 100%;
    height: 100%;
}
.howit-img .img-item{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    transition: all 0.3s;
}
.howit-img .img-item.active{
    display: block;
}
.boot-howit-wrap .howit-text .howit-item.active{
    border-left: 4px solid var(--bg-color-four);
}
.boot-howit-wrap .howit-text .howit-item p{
    display: none;
    font-size: .875rem;
    color: var(--font-color-second);
}
.boot-howit-wrap .howit-text .howit-item.active p{
    display: block;
}



.compare-container .sub-descript{
    margin-top: 1.25rem;
    font-size: 1.125rem;
    text-align: center;
}
.compare-wrap{
    padding: 1.875rem 0;
    margin-top: 3.75rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-oversize);
}
.compare-wrap ul{
    display: flex;
}
.compare-wrap ul li {
    width: 19%;
    padding: 15px 5px;
    font-size:1rem;
    text-align: center;
}
.compare-wrap ul li:first-child{
    width: 24%;
}
.compare-nav {
    position: sticky;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    top: 60px;
    z-index: 2;
}
.compare-nav .edition li {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 10px 0;
}
.usage {
    display: block;
    margin-top: 4px;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5em;
}
.usage-explanation {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}
.usage-explanation span {
    position: absolute;
    display: none;
    width: 230px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .4);
    color: #191920;
    text-align: left;
    right: 0;
    top: 100%;
}
.usage-explanation:hover span {
    display: block;
}
.compare-nav .compare-diff-btn-wrap a {
    display: inline-block;
    font-weight: 300;
    color: #fff;
    padding: 8px 10px;
    background-color: rgb(255, 255, 255, .1);
    border: 1px solid;
    border-radius: 5px;
}
.compare-nav .compare-diff-btn-wrap a:hover {
    text-decoration: none;
    color: #28283a;
    background-color: #fff;
}
.compare-nav .compare-btn {
    padding: 5px 15px;
}
.compare-nav .down-trial-btn {
    display: block;
    text-decoration: underline;
    color: #cbcbcb;
    margin-top: 5px;
}
.compare-nav .down-trial-btn:hover {
    color: #fff;
}
.compare-features h2 {
    margin: 30px auto;
}
.compare-features ul {
    border-top: 1px solid #f5f5f5;
    align-items: center;
}
.compare-features ul:first-child{
    border-top: none;
}
.compare-features .price li{
    color: var(--font-color-red);
}
.compare-features .price li span {
    font-size: 1.5rem;
    font-weight: 700;
}
.compare-features .price del {
    margin-left: 5px;
    color: var(--font-color-second);
}
.compare-features .feature-title {
    padding-left: 1.875rem;
    text-align: left;
    font-weight: 500;
}
.compare-features .feature-title span{
    display: block;
    font-size: .875rem;
}
.compare-features ul>li>span.not-include:before,
.compare-features ul>li>span.not-include:after {
    position: relative;
    display: inline-block;
    content: "";
    width: 1.25rem;
    height: 2px;
    background-color: #E11F27;
}
.compare-features ul>li>span.not-include:before {
    -webkit-transform: rotate(45deg) translateX(50%);
    transform: rotate(45deg) translateX(50%);
    top: -0.75rem;
}
.compare-features ul>li>span.not-include:after {
    -webkit-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%);
    top: -0.75rem;
    right: 0.375rem;
}
.compare-features ul>li>span.include:before,
.compare-features ul>li>span.include:after {
    display: inline-block;
    content: "";
    height: 2px;
    background-color: #2F6CEC;
}
.compare-features ul>li>span.include:before {
    width: 0.75rem;
    transform-origin: right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.compare-features ul>li>span.include:after {
    width: 1.25rem;
    transform-origin: left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.guides-tips-box{
    padding: 6.25rem 0;
    background-color: var(--bg-color-three);
}
.guides-tips-box h2{
    text-align: center;
}
.guides-tips-container{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-3), 1fr);
    gap: 1.875rem;
    margin-top: 3.75rem;
}
.guide-tip-item{
    padding: 2.5rem 1.875rem;
    background: linear-gradient(180deg, #F4F6FF 0%, #FFFFFF 100%);
    border: 2px solid #fff;
    border-radius: var(--border-radius-min);
    box-shadow: var(--box-shadow-large);
}
.guide-tip-item h3{
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    font-weight: 600;
}
.guide-tip-item p{
    line-height: 1.375rem;
    font-size: .875rem;
    color: var(--font-color-second);
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.guide-tip-item:hover{
    box-shadow:none;
}
.guide-tip-item a:hover{
    text-decoration:none;
}

.reviews-box{
    padding-bottom: 6.25rem;
    background: url("/jp/images/2024/review-bg.png") center top no-repeat var(--bg-color-three);
}
.commercial-reviews-box,
.boot-reviews-box{
    padding-top: 6.25rem;
}
.reviews-box h2{
    text-align: center;
}
.review-wrap{
    position: relative;
    margin-top: 3.75rem;
}
.editor-wrapper{
    position: relative;
    width: 100%;
    /*max-width: 740px;*/
    min-height: 497px;
    padding: 3.75rem clamp(1.875rem, 0.875rem + 5vw, 6.875rem);
    background: url("/jp/images/2024/editor-review-bg.png") no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-medium);
    color: var(--font-color-white);
}
.editor-wrapper h3{
    font-size: 2rem;
    font-weight: 600;
    color: var(--font-color-white);
    text-align: center;
}
.editor-content{
    width: 100%;
    margin-top: 3.75rem;
    overflow: hidden;
}
.editor-item{
    line-height: 1.5rem;
    font-size: 1rem;
}
.editor-author,
.editor-info{
    padding: 0 2px;
    margin-top: 1.875rem;
}
.editor-author img{
    margin-right: 10px;
}
.user-wrapper{
    position: absolute;
    width: 100%;
    max-width: 600px;
    min-height: 610px;
    padding: 3.75rem 1.875rem 1.875rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-oversize);
    top: 5rem;
    right: 0;
}
.user-wrapper h3{
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.user-content{
    margin-top: 2.5rem;
}

.guarantee-box{
    padding: 6.25rem 0;
    background-color: var(--bg-color-three);
    background-image: url("/jp/images/2024/guarantee-bg.jpg");
    background-position: bottom center;
}
.guarantee-box h2{
    text-align: center;
}
.guarantee-container{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-4), 1fr);
    gap: 1.875rem;
    margin-top: 2.5rem;
}
.guarantee-item{
    display: flex;
    align-items: center;
    padding: 1.25rem 1.875rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-min);
    box-shadow: var(--box-shadow-large);
}
.guarantee-text{
    line-height: 1.75rem;
    padding-left: .625rem;
    font-size: 1rem;
}
.guarantee-text span{
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
}

.pick-edition-wrap{
    margin-top: 5.625rem;
}
.pick-edition-content{
    display: flex;
    justify-content: space-between;
}
.pick-edition-content .edition-item{
    position: relative;
    width: 100%;
    max-width: calc(100% / 3 - 100vw * 0.0125);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--border-radius-min);
    text-align: center;
}
.business-pick-edition-content .edition-item{
    max-width: calc(100% / 4 - 100vw * 0.008333);
}
.pick-edition-content .edition-item:hover{
    box-shadow: var(--box-shadow-oversize);
}
.pick-edition-content .edition-content{
    height: 100%;
    padding: 2.5rem 1.75rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-min);
}
.pick-edition-content .edition-content h3{
    font-size: 1.5rem;
    font-weight: 600;
}
.pick-edition-content .edition-content .price{
    margin-top: 1.25rem;
    font-size: 1rem;
}
.pick-edition-content .edition-content .price span{
    font-size: 2rem;
    font-weight: 600;
    color: var(--font-color-red);
}
.pick-edition-content .edition-content .buy-wrap{
    padding-bottom: 1.25rem;
    margin-top: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pick-edition-content .edition-content .buy-wrap .buy-btn{
    min-width: 160px;
}
.pick-edition-content .edition-content ul{
    display: inline-block;
    margin-top: 1.25rem;

}
.pick-edition-content .edition-content ul li{
    position: relative;
    padding-bottom: 5px;
    padding-left: .875rem;
    font-size: 1rem;
    text-align: left;
}
.pick-edition-content .edition-content ul li:last-child{
    padding-bottom: 0;
}
.pick-edition-content .edition-content ul li:before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--font-color-second);
    left: 0;
    top: 12px;
}
.pick-edition-content .recommended{
    border: 1px solid rgba(47, 108, 236, 0.5);
    box-shadow: var(--box-shadow-oversize);
}
.recommended:before{
    position: absolute;
    display: block;
    content: "おすすめ";
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(270deg, #5D27F4 0%, #397CFF 100%);
    border-radius: var(--border-radius-min) var(--border-radius-min) 0 0;
    font-size: .875rem;
    color: var(--font-color-white);
    text-align: center;
    top: -30px;
    left: 0;
}
.pick-edition-content .edition-content ul .mark{
    font-weight: 600;
}

.boot-pick-edition-wrap{
    margin-top: 3.75rem;
}
.products-buy-tab{
    display: flex;
    justify-content: center;
    margin-bottom: 4.375rem;
}
.products-buy-tab li{
    padding: 1rem 1.875rem;
    background-color: var(--bg-color-three);
    font-size: 1.5rem;
    color: var(--font-color-second);
    text-align: center;
    cursor: pointer;
}
.products-buy-tab li:first-child{
    border-radius: var(--border-radius-min) 0 0 var(--border-radius-min);
}
.products-buy-tab li:last-child{
    border-radius: 0 var(--border-radius-min) var(--border-radius-min) 0;
}
.products-buy-tab li.active{
    background-color: var(--bg-color-four);
    color: var(--font-color-white);
}

.products-buy-container .pick-edition-content{
    display: none;
}
.products-buy-container .pick-edition-content.active{
    display: flex;
}




/*comparison*/
.comparison-banner{
    padding: 2.5rem 0 3.75rem;
    background:url("/jp/images/2024/commercial-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.comparison-description-box{
    padding-bottom: 6.25rem;
}
.comparison-description{
    padding: 2.5rem;
    margin-top: -3.75rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-oversize);
    color: var(--font-color-second);
}
.comparison-box{
    padding-bottom: 6.25rem;
    background-color: #fff;
    background-image: url("/jp/images/2024/comparison-bg.jpg");
}
.comparison-license-tab{
    display: flex;
    justify-content: center;
}
.comparison-license-tab li{
    padding: .875rem 1.875rem;
    background-color: var(--bg-color-three);
    font-size: 1.5rem;
    color: var(--font-color-second);
    text-align: center;
    cursor: pointer;
}
.comparison-license-tab li:first-child{
    border-radius: var(--border-radius-min) 0 0 var(--border-radius-min);
}
.comparison-license-tab li:last-child{
    border-radius: 0 var(--border-radius-min) var(--border-radius-min) 0;
}
.comparison-license-tab li.active{
    background-color: var(--bg-color-four);
    color: var(--font-color-white);
}
.comparison-box .compare-wrap{
    display: none;
}
.comparison-box .compare-wrap.active{
    display: block;
}
/*upgrade-history*/
.upgrade-history-banner{
    padding: 2.5rem 0;
    background:url("/jp/images/2024/upgrade-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.upgrade-history-banner .down-btn{
    background: var(--bg-color-white);
    font-size: 1.25rem;
    color: var(--font-color-light);
}
.upgrade-history-box{
    padding: 3.75rem 0;
}
.up-history-item{
    display: -webkit-flex;
    display: flex;
}
.up-history-item:not(:last-child){
    margin-bottom: 10px;
}
.up-history-year{
    position: relative;
    max-width: 150px;
    width: 100%;
    padding-top: 15px;
}
.up-history-year p.year{
    padding-right: calc(100% * 0.333);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--font-color-light);
}
.history-btn-wrap{
    position: absolute;
    display: inline-block;
    top: 0;
    right: -30px;
}
.up-history-year .history-btn{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    box-shadow: 0px 4px 16px rgba(23, 149, 110, 0.1);
    border-radius: 50%;
    cursor: pointer;
}
.up-history-year .history-btn:before,
.up-history-year .history-btn:after{
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 2px;
    background-color: var(--bg-color-four);
    top: 50%;
}
.up-history-year .history-btn:before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 18px;
}
.up-history-year .history-btn:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 28px;
}
.up-history-wrap{
    width: 100%;
    border-left: 1px solid var(--bg-color-four);
    padding-top: 120px;
    padding-left: 50px;
}
.up-history-content{
    display: none;
    position: relative;
}
.up-history-content:before{
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 36px;
    background: url("/jp/images/2024/icons/date-icon.png");
    left: -68px;
}
.up-history-content:not(:last-child){
    margin-bottom: 60px;
}
.up-history-content h3{
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--font-color-base);
}
.up-history-content h3 .latest{
    margin-left: 10px;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--font-color-red);
}
.up-history-content ul li{
    position: relative;
    padding-left: 15px;
    font-size: 1rem;
}
.up-history-content ul li:not(:last-child){
    margin-bottom: 10px;
}
.up-history-content ul li:before{
    position: absolute;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #1e1e1e;
    border-radius: 50%;
    left: 0;
    top: 12px;
}
.up-history-content ul li span{
    display: block;
}
.up-history-item.active .up-history-content{
    display: block;
}
.up-history-item.active .up-history-year .history-btn:before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.up-history-item.active .up-history-year .history-btn:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.up-history-content ul li .inline-list{
    margin-top: 10px;
    margin-left: 12px;
    margin-bottom: 20px;
}
.up-history-content ul li .inline-list li{
    position: relative;
    padding-left: 15px;
    font-size: .875rem;
    color: var(--font-color-second);
}
.up-history-content ul li .inline-list li:not(:last-child){
    margin-bottom: 3px;
}
.up-history-content ul li .inline-list li:before{
    position: absolute;
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #1e1e1e;
    border-radius: 50%;
    left: 0;
    top: 12px;
}

/*reviews*/
.reviews-banner{
    padding: 2.5rem 0;
    background:url("/jp/images/2024/reviews-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.page-reviews-box{
    padding: 6.25rem 0;
    background-image: url("/jp/images/2024/reviews-content-bg.jpg");
    background-color: var(--bg-color-three);
    background-position: top center;
}
.page-reviews-box h2{
    text-align: center;
}
.user-reviews-container{
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}
.user-reviews-content{
    padding: 2.5rem 7px;
    margin-top: 3.75rem;
    background-color: #F8F9FB;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-large);
}
.editor-reviews-container{
    margin-top: 6.25rem;
}
/*.editor-reviews-content{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-3), 1fr);
    grid-template-rows: auto;
    gap: 30px;
    margin-top: 3.75rem;
}
/*.editor-reviews-content{
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-3), 1fr);
    grid-template-rows: auto;
    /*grid-auto-rows: 10px;  /*基准行高*/
    /*gap: 0 30px;
    align-items: end;
    margin-top: 3.75rem;
}

.editor-reviews-item{
    width: 100%;
    grid-row-start: auto;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
}*/
.editor-reviews-content{
    position: relative;
    width: 100%;
    margin-top: 3.75rem;
}
.editor-reviews-item{
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    width: calc((100% - var(--column-gap)) / var(--flow_layout_column));
}
.editor-review-info{
    display: flex;
    flex-direction: column;
    padding: 1.875rem;
}
.editor-reviews-item h3{
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.editor-reviews-item .content{
    padding: 10px;
    background-color: var(--bg-color-three);
}

/*help*/
.help-banner{
    padding: 0;
    background:url("/jp/images/2024/help-banner-bg.jpg") center center no-repeat;
    background-size: cover;
}
.help-banner a{
    color: var(--font-color-yellow);
}

.help-box{
    padding: 6.25rem 0;
    background: var(--bg-color-three);
}
.help-content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.help-box .manual-list {
    flex-basis: 100%;
    max-width: calc(100% / 3 - 100vw * 0.01051);
    padding: 3.125rem 1.875rem;
    background-color: var(--bg-color-white);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-large);

}
.help-box .manual-list h3 {
    display: flex;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    align-items: center;
}
.help-box .manual-list i{
    position: relative;
    display: inline-block;
    max-width: 50px;
    width: 100%;
    height: 50px;
    margin-right: 10px;
}
.help-box .manual-list i:before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("/jp/images/2024/icons/help-icon.png");
    left: 0;
    top: 0;
}
.help-box .manual-list ul {
    list-style: disc;
    padding-left: 1.25rem;
}
.help-box .manual-list li {
    margin-bottom: 1.25rem;
}
.help-box .manual-list li:last-child{
    margin-bottom: 0;
}
.help-box .manual-list li a {
    color: #333;
}
.help-box .manual-list li span {
    font-size: 85%;
    font-weight: 700;
    vertical-align: super;
    margin-left: .625rem;
}

/**thanks-download**/
.thanksdown-banner{
    padding: 0;
    background: url("/jp/images/2024/thanksdown-banner-bg.jpg") center no-repeat;
    background-size: cover;
}
.thanksdown-box{
    padding: 6.25rem 0;
}
.thanksdown-container{
    max-width: 1400px;
    margin: 0 auto;
}
.thanksdown-container h2{
    padding: 0 0 3.75rem;
    line-height: 2.9375rem;
    font-size: 2.5rem;
    color: #28283A;
    text-align: center;
}
.thanksdown-container h2 span{
    background-image: linear-gradient(90deg, #0095E5 0%, #2F6CEC 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.feedback-products-container{
    display: flex;
    justify-content: space-between;
}
.feedback-products-item{
    max-width: 853px;
    width: calc(100% / 2 - 100vw * 0.007882);
    padding: 2.5rem;
    border-radius: 10px;
}

.feedback-products-item h3{
    line-height: 42px;
    margin-bottom: 1.875rem;
    font-size: 2.25rem;
    font-weight: 600;
    color: #191920;
}
.feedback-products-item .descript{
    line-height: 27px;
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    color: #424A4F;
}
.feedback-products-item .descript span{
    font-weight: 600;
    color: #008233;
}
.thanksdown-btn-wrap{
    display: flex;
    align-items: center;
}
.feedback-products-item .downbtn{
    display: inline-block;
    line-height: 24px;
    padding: 11px 30px;
    background-color: #008233;
    border-radius: 4px;
    font-size: 1.125rem;
    color: #fff;
}
.feedback-products-item .downbtn:hover{
    background-color: #007930;
    text-decoration: none;
}
.feedback-products-item .read-more{
    display: inline-block;
    margin-left: 1.875rem;
    font-size: 1.125rem;
    color: #696969;
}
.feedback-products-item .read-more:hover{
    text-decoration: none;
}
.feedback-products-item .img{
    margin-top: 10px;
    text-align: center;
}

.feedback-sm{
    background: url("/jp/images/2024/thanksdown-feedback-smbg.jpg") center no-repeat;
    background-size: cover;
}
.feedback-pw{
    background: url("/jp/images/2024/thanksdown-feedback-pwbg.jpg") center no-repeat;
    background-size: cover;
}
.feedback-pw .descript span{
    color: #2F6CEC;
}
.feedback-pw .downbtn{
    display: inline-block;
    line-height: 24px;
    padding: 11px 30px;
    background: linear-gradient(90deg, #0095E5 0%, #2F6CEC 100%);
    border-radius: 4px;
    font-size: 1.125rem;
    color: #fff;
}
.feedback-pw .downbtn:hover{
    background: linear-gradient(90deg, #2F6CEC 0, #0095E5 100%);
    text-decoration: none;
}

/*buy*/
.buy-banner{
    padding: 3.75rem 0 7.8125rem;
}
.buy-banner .banner-content{
    width: 100%;
    text-align: center;
}
.buy-box{
    padding: 6.25rem 0;
    background-image: url("/jp/images/buy-content-bg.jpg");
    background-position: center center;
}
.buy-wrapper{
    margin-top: -163px;
}
.buy-wrapper .products-buy-tab li{
    position: relative;
    background-color: transparent;
    padding: 1.125rem 2.5rem 1.125rem 5.375rem;
    color: var(--font-color-white);
}
.buy-wrapper .products-buy-tab li:first-child,
.buy-wrapper .products-buy-tab li:last-child{
    border-radius: var(--border-radius-min) var(--border-radius-min) 0 0;
}
.buy-wrapper .products-buy-tab li:before{
    position: absolute;
    display: inline-block;
    content: "";
    width:36px;
    height: 36px;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.buy-wrapper .buy-home:before{
    background-image: url("/jp/images/icons/home-icon.png");
}
.buy-wrapper .buy-business:before{
    background-image: url("/jp/images/icons/business-icon.png");
}
.buy-wrapper .products-buy-tab li.active{
    background-color: var(--bg-color-white);
    color: var(--font-color-light);
}
.buy-wrapper .products-buy-tab .buy-home.active:before{
    background-image: url("/jp/images/icons/home-checked-icon.png");
}
.buy-wrapper .products-buy-tab .buy-business.active:before{
    background-image: url("/jp/images/icons/business-checked-icon.png");
}
.buy-wrapper .recommended:before{
    content:"";
    width: 81px;
    height: 117px;
    background-image: url("/jp/images/best-value-tag.png");
    left: auto;
    right: -15px;
    top: -8px;
}

.faq-box{
    padding-bottom: 6.25rem;
}
.faq-box h2{
    text-align: center;
}
.products-faq-wrap{
    margin-top: 3.75rem;
}
.products-faq-wrap li{
    padding: 0 1rem 0 1rem;
    margin-bottom: 1.25rem;
    background-color: var(--bg-color-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-min);
}
.products-faq-wrap li .faq-question{
    position: relative;
    padding: 1rem 3.5rem 1rem 0;
    font-size: 1.125rem;
    color: var(--font-color-base);
    cursor: pointer;
}
.products-faq-wrap li .faq-answer{
    display: none;
    padding: 1.25rem 0;
    color: var(--font-color-second);
    overflow: hidden;
}
.products-faq-wrap li .faq-answer p{
    margin-bottom: 1.25rem;
}
.products-faq-wrap li .faq-answer p:last-child{
    margin-bottom: 0;
}
.products-faq-wrap li .faq-answer ol{
    margin-left: 1.25rem;
}
.products-faq-wrap li .faq-answer ol li{
    list-style: decimal inside;
    padding-left: 0;
    margin-bottom: 0;
}
.products-faq-wrap li .faq-question .icon-question{
    position: absolute;
    display: inline-block;
    right: .75rem;
    color: #888;
}
.products-faq-wrap li.active .faq-question{
    font-weight: 600;
}
.more-faq{
    margin-top: 1.875rem;
    text-align: right;
}
.more-faq a{
    color: #888;
    text-decoration: underline;
}
.more-faq a:hover{
    text-decoration: none;
}
.online-support-box{
    padding-top: 6.25rem;
    background-color: var(--bg-color-three);
}
.online-support-wrapper{
    display: flex;
    max-width: 1360px;
    justify-content: space-between;
    align-items: center;
}
.online-support-item{
    width: calc((100% - 120px) / 2);
}
.online-support-content h2{
    font-size: 2rem;
}
.online-support-content p{
    padding: 1.25rem 0;
}

/*download*/
.download-box{
    padding: 3.75rem 0;
    background-color: var(--bg-color-three);
}
.download-container{
    display: flex;
    justify-content: center;
    gap: 2.5rem;
}
.download-item{
    max-width: 582px;
    width: 100%;
    background-color: var(--bg-color-white);
    border-radius: 8px 8px var(--border-radius-min) var(--border-radius-min);
    box-shadow: var(--box-shadow-large);
}
.download-content{
    padding: 1.875rem 1.875rem 2.5rem 1.875rem;
    background-color: var(--bg-color-white);
    border-radius: 0 0 var(--border-radius-min) var(--border-radius-min);
    text-align: center;
}
.download-content h3{
    line-height: 2rem;
    font-size: 1.5rem;
    color: var(--font-color-base);
}
.download-content p{
    padding: 1.25rem 0 1.875rem;
    line-height: 1.5;
}
.download-information-box{
    background-color: var(--bg-color-three);
}
.download-information-container{
    padding: 1.875rem;
    border-radius: var(--border-radius-medium);
    background-color: var(--bg-color-white);
}
.download-information-container h3{
    line-height: 2rem;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 1.5rem;
    color: var(--font-color-base);
}
.download-information-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 1.875rem;
}
.information-content-item{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 50%;
}
.information-item{
    display: flex;
    align-items: baseline;
}
.information-item .title{
    font-size: .875rem;
    color: var(--font-color-second);
}
.information-content-item:first-child .information-item .title{
    min-width: 135px;

}
.information-content-item:last-child .information-item .title{
    min-width: 165px;
}
.information-item .info{
    font-size: 1rem;
    color: var(--font-color-base);
}


@media screen and (max-width:1400px) {
    .banner-container,
    .user-reviews-container,
    .thanksdown-container{
        padding: 0 var(--box-width-padding);
    }
}

@media screen and (max-width:1200px){
    :root{
        --grid-columns-4: 2;
    }
    .banner-box{
        padding: 5rem 0;
    }
    .buy-banner{
        padding: 3.75rem 0 7.8125rem;
    }
    .banner-container{
        text-align: center;
    }
    .descript-item{
        display: inline-block;
    }
    .banner-img{
        display: none;
    }
    .banner-container .btn-wrap .flex{
        justify-content: center;
    }
    /*tab*/
    .support-type-content{
        display: block;
    }
    .support-type-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .tab-item{
        display: block;
        border-bottom: 1px solid #eee;
    }
    .item-content{
        position: static;
        display: none;;
    }
    .support-type-content input[type='radio']:checked+.tab-item+.item-content{
        display: block;
    }
    /*tab end*/
    .howit-text{
        padding-right: 0;
    }
    .howit-img-wrap{
        /*margin-top: 2.5rem;*/
        display: none;
    }
    .howit-img{
        min-height: 300px;
    }
    .howit-img .img-item{
        background-size: contain;
    }
    .compare-wrap {
        overflow-x: auto;
    }
    .compare-content{
        min-width: 1200px;
    }
    .reviews-box{
        padding-bottom: 0;
    }

    .editor-content{
        margin-top: 1.25rem;
    }
    .user-wrapper{
        position: static;
        max-width: 100%;
        min-height: auto;
        border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    }
    .comparison-description{
        margin-top: 3.75rem;
    }

    .help-box .manual-list h3{
        flex-wrap: wrap;
    }
    .help-box .manual-list i{
        display: block;
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }

}
@media screen and (max-width:1023px){
    :root{
        --grid-columns-3: 2;
    }
    .buy-banner{
        padding: 5rem 0;
    }
    .buy-box{
        background-image: none;
    }
    .pick-edition-wrap{
        margin-top: 3.75rem;
    }
    .pick-edition-content{
        flex-wrap: wrap;
    }
    .pick-edition-content .edition-item{
        max-width: 100%;
        margin-bottom: 1.875rem;
    }
    .pick-edition-content .edition-item:last-child{
        margin-bottom: 0;
    }
    .pick-edition-content .recommended{
        margin-top: 1.875rem;
    }

    .up-history-banner-container{
        flex-wrap: wrap;
    }
    .up-history-banner-content,
    .up-history-banner-img{
        width: 100%;
    }
    .up-history-banner-content{
        margin-bottom: 40px;
        text-align: center;
    }
    .up-history-banner-img{
        padding-left: 0;
    }
    .up-history-banner-content .descript{
        padding-right:0;
    }
    .feedback-products-container{
        flex-wrap: wrap;
        justify-content: center;
    }
    .feedback-products-item{
        width: 100%;
    }
    .feedback-products-item:not(:last-child){
        margin-bottom: 1.875rem;
    }
    .buy-wrapper{
        margin-top: 0;
    }
    .buy-wrapper .products-buy-tab li{
        background-color: var(--bg-color-three);
        color: var(--font-color-second);
    }
    .buy-wrapper .products-buy-tab li:first-child{
        border-radius: var(--border-radius-min) 0 0 var(--border-radius-min);
    }
    .buy-wrapper .products-buy-tab li:last-child{
        border-radius: 0 var(--border-radius-min) var(--border-radius-min) 0;
    }


    .buy-wrapper .buy-home:before{
        background-image: url("/jp/images/icons/home-checked-icon.png");
    }
    .buy-wrapper .buy-business:before{
        background-image: url("/jp/images/icons/business-checked-icon.png");
    }
    .buy-wrapper .products-buy-tab li.active{
        background-color: var(--bg-color-four);
        color: var(--font-color-white);
    }
    .buy-wrapper .products-buy-tab .buy-home.active:before{
        background-image: url("/jp/images/icons/home-icon.png");
    }
    .buy-wrapper .products-buy-tab .buy-business.active:before{
        background-image: url("/jp/images/icons/business-icon.png");
    }


    .online-support-wrapper{
        flex-wrap: wrap;
    }
    .online-support-item{
        width: 100%;
        text-align: center;
    }
    .online-support-content{
        margin-bottom: 3.75rem;
    }
}
@media screen and (max-width:900px){
    :root{
        --grid-columns-3: 1;
        --grid-columns-2: 1;
    }
    .banner-container .btn-wrap .flex{
        flex-wrap: wrap;
    }
    .banner-container .buybtn-wrap,
    .banner-container .upgradebtn-wrap,
    .banner-container .down-btn,
    .banner-container .buy-btn,
    .banner-container .upgrade-btn{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .banner-container .upgrade-btn{
        margin-left: 0;
        margin-top: 1.25rem;
    }

    .howit-img .img-item{
        background-position: center;
    }
    .compare-wrap ul li {
        font-size: 1rem;
    }
    .compare-nav {
        top: 48px;
    }
    .compare-nav .price li {
        padding-bottom: 5px;
    }

    .up-history-year{
        max-width: 85px;
    }
    .up-history-year p.year{
        font-size: 1.375rem;
    }
    .up-history-year .history-btn{
        width: 50px;
        height: 50px;
    }
    .history-btn-wrap{
        right: -26px;
    }
    .up-history-year .history-btn:before{
        left: 12px;
    }
    .up-history-year .history-btn:after{
        left: 22px;
    }
    .up-history-wrap{
        padding-left: 40px;
    }
    .up-history-content:before{
        left: -58px;
    }
    .help-box .manual-list{
        max-width: 100%;
        margin-bottom: 1.875rem;
    }
    .download-container{
        flex-wrap: wrap;
    }
    .download-item{
        width: 100%;
        max-width: 580px;
    }
    .download-information-content{
        row-gap: 1.25rem;
    }
    .information-content-item{
        width: 100%;
    }

    .editor-wrapper{
        max-width: 100%;
        min-height: auto;
        padding: 3.75rem 1.875rem 8rem;
        background: #1d7cea;
        border-radius: var(--border-radius-medium);
    }
}
@media screen and (max-width:600px){
    :root{
        --grid-columns-4: 1;
    }
    /*tab*/
    .item-content{
        padding: 1.875rem 0;
    }
    /*tab end*/
    .comparison-license-tab{
        flex-wrap: wrap;
    }
    .comparison-license-tab li{
        width: 100%;
    }
    .comparison-license-tab li:first-child,
    .comparison-license-tab li:last-child{
        border-radius: var(--border-radius-min);
    }
    .buy-wrapper .products-buy-tab{
        flex-wrap: wrap;
    }
    .buy-wrapper .products-buy-tab li{
        width: 100%;
    }
    .buy-wrapper .products-buy-tab li:first-child,
    .buy-wrapper .products-buy-tab li:last-child{
        border-radius: var(--border-radius-min);
    }
    .information-item{
        flex-direction: column;
    }

}

/*--feedback install--*/
.section-feedback{
    background-color: #f7f7f7;
}
.feedback-container{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.section-install .banner-container{
    padding: 1.25rem 0;
}
.section-install .banner-container h1{
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
}
.section-install-upgrade{
    position: relative;
    background: url("/images/feedback/dr-upgrade-buy-bg.png")  bottom center no-repeat #f7f7f7;
    background-size: contain;
    padding-bottom: 6rem;
}
.section-install-upgrade:before, .section-install-upgrade:after{
    position: absolute;
    display: block;
    content: "";
}
.section-install-upgrade:before{
    width: 127px;
    height: 251px;
    background-image: url("/images/feedback/dr-upgrade-buy-bg2.png");
    top: 3rem;
    left: 0;
}
.section-install-upgrade:after{
    width: 121px;
    height: 231px;
    background-image: url("/images/feedback/dr-upgrade-buy-bg1.png");
    top: 3rem;
    right: 0;
}
.dr-upgrade-container{
    position: relative;
    text-align: center;
    z-index: 1;
}
.dr-upgrade-container h2{
    padding: 1.25rem 0 2.5rem;
    font-size: 3rem;
    font-weight: 700;
}
.dr-upgrade-tab-wrapper.flex{
    justify-content: center;
}
.dr-upgrade-tab-wrapper{
    margin-bottom: 3.75rem;
}
.dr-upgrade-tab-wrapper li{
    padding: 1rem 3.75rem;
    background-color: #eee;
    font-size: 1.875rem;
    cursor: pointer;
}
.dr-upgrade-tab-wrapper li:first-child{
    border-radius: 5px 0 0 5px;
}
.dr-upgrade-tab-wrapper li:last-child{
    border-radius: 0 5px 5px 0;
}
.dr-upgrade-tab-wrapper li.active{
    background-color: #d2151c;
    color: #fff;
}
.dr-upgrade-content-wrapper{
    flex-direction: column;
}
.dr-upgrade-content-container{
    width: 100%;
    display: none;
}
.dr-upgrade-content-container .col-3-1{
    padding: 0 1.25rem;
}
.dr-upgrade-content-container .col-4-1{
    padding: 0 .9375rem;
}
.dr-upgrade-content{
    height: 100%;
    padding: 2.5rem 1.875rem;
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(210,21,28,0.08);
}
.dr-upgrade-content h3{
    font-size: 1.5rem;
    font-weight: 700;
}

.dr-upgrade-content .usage{font-size: 1rem;font-weight:normal;color: #d2151c;}
.dr-upgrade-content .usage .dr-explanation{ position: relative; display:inline-block; cursor: pointer;}
.dr-upgrade-content .usage .dr-explanation i{ margin-left:5px; color: #d2151c;}
.dr-upgrade-content .usage .dr-explanation span{ position: absolute; display:none; width:280px; line-height: 18px;  padding:8px 12px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 2px #4c4c4c; font-size:0.75rem; color: #555; text-align: left; right: -80px; top: 28px; z-index: 1;}
.dr-upgrade-content .usage .dr-explanation:hover span{display:inline-block;}


.dr-upgrade-content .price{
    margin: 2.5rem 0 1.25rem;
}
.dr-upgrade-content .price span{
    font-size: 2.75rem;
    font-weight: bold;
}
.dr-upgrade-content .price span.original-price{
    margin-left: 5px;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: line-through;
}
.dr-upgrade-content .price span.tax-price{
    display: block;
    font-size: 1rem;
}

.dr-upgrade-content .buybtn{
    display: inline-block;
    width: 11.25rem;
    padding: .75rem 0;
    background-color: #d2151c;
    border: 2px solid #d2151c;
    border-radius: .1875rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.dr-upgrade-content .buybtn:hover{
    color: #d2151c;
    background-color: transparent;
    text-decoration: none;
}

.dr-upgrade-content ul{
    display:inline-block;
    padding-top: 1.875rem;
    margin-top: 1.875rem;
    border-top: 1px solid #eee;
}
.dr-upgrade-content ul li{
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: .625rem;
    font-size: 1.125rem;
    text-align: left;
}
.dr-upgrade-content ul li:last-child{
    margin-bottom: 0;
}
.dr-upgrade-content ul li:before{
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #d2151c;
    border-radius: 50%;
    left: 0;
    top: .5625rem;
}
.dr-upgrade-content ul li.red{
    color: #d2151c;
}
.dr-upgrade-content ul li .usage{
    display:inline-block;
}
.dr-upgrade-content.recommend{
    position: relative;
}

.dr-upgrade-content.recommend:before{
    position: absolute;
    display: block;
    content: "DEAL OF THE MONTH";
    padding: 0 5px;
    background-color: #d2151c;
    font-size: .625rem;
    color: #fff;
    text-transform: uppercase;
    top: 10px;
    left: -5px;
}
.dr-upgrade-content.recommend:after{
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 20px;
    background-color: #d2151c;
    transform: skewY(60deg);
    top: 22px;
    left: -5px;
    z-index: -1;
}
.dr-upgrade-content-container.active{
    display: flex;
}
.dr-upgrade-container .note{
    margin-top: 3.75rem;
    margin-bottom: 2rem;
    color: #333;
}
@media screen and (max-width: 1400px) {
    .feedback-container{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .dr-upgrade-content-container .col-3-1,
    .dr-upgrade-content-container .col-4-1{
        height: auto;
        margin-bottom: 1.875rem;
    }
}

.section-install-faq{
    padding-bottom: 6rem;
}
.section-install-faq h2{
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}
.section-install-faq .products-faq-wrap li{
    border:none;
}

/* uninstall */
.section-uninstall{
    padding: 2rem 0;
    background: url("/images/feedback/dr-uninstall-banner-bg.png") center no-repeat #f7f7f7;
    background-size: cover;
}
.section-uninstall h1{
    line-height: 2.5rem;
    font-size: 2rem;
    text-align: center;
}
.section-feedback-uninstall{
    padding: 3.75rem 0;
    background-color: #fff;
}
.section-feedback-uninstall h2{
    text-align: center;
    margin-bottom: 2.5rem;
}

.section-feedback .feedback-sm{
    background: #f4f4f4;
}
.section-feedback .feedback-pdf{
    background: url("/images/feedback/feedback-pdf-bg.png") center no-repeat;
    background-size: cover;
}
.section-feedback .feedback-pdf h3,
.section-feedback .feedback-pdf .descript,
.section-feedback .feedback-pdf .read-more{
    color: #fff;
}
.section-feedback .feedback-pdf .descript span{
    color: #FAFF0A;
}
.section-feedback .feedback-pdf .downbtn{
    background-color: #fff;
    color: #158965;
}
.section-feedback .feedback-pdf .downbtn:hover{
    background-color: #f7f7f7;
}
.section-feedback .feedback-pdf .img{
    margin-top: 30px;
}

.section-feedback .feedback-products-item .read-more{
    margin-left: 0;
    margin-top: 10px;
    text-decoration: underline;
}
.section-feedback .feedback-products-item .read-more:hover{
    text-decoration: none;
}