/* RESET */
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tfoot,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
/* BASIC */
abbr[title], acronym[title]{border-bottom:thin solid;cursor:help;}
body{font: 14px/1.4 'Meiryo',"MS PGothic", Verdana, Arial, Helvetica, sans-serif;text-align:left;color: #4a4a4a;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:24px;line-height:30px;}
h2{font-size:20px;line-height:30px;}
h3{font-size:16px;line-height:24px;}
h4{font-size:14px;line-height:20px;}
h5{font-size:14px;line-height:20px;}
h6{font-size:14px;line-height:20px;}
small{font-size:10px;line-height:16px;}
dl{font-size:12px;}
dt{font-weight:bold;}
a{color:#444444;text-decoration:none;outline:none;}
a:hover{color:#4a630f;text-decoration:none;}
fieldset,img{border:none;}
hr{color:#ddd;height:1px;border:0px;}
.clear{clear:both;margin:0;padding:0;}
.hidden{display:none;}
@font-face{
font-family: 'Poppins';
src: url('/fonts/Poppins/Poppins.ttf'),
url('/fonts/Poppins/Poppins.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins Light';
src: url('/fonts/Poppins-Light/Poppins-Light.ttf'),
url('/fonts/Poppins-Light/Poppins-Light.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins Bold';
src: url('/fonts/Poppins-Bold/Poppins-Bold.ttf'),
url('/fonts/Poppins-Bold/Poppins-Bold.eot'); /* IE9+ */
}
@font-face{
font-family: 'Poppins SemiBold';
src: url('/fonts/Poppins-SemiBold/Poppins-SemiBold.ttf'),
url('/fonts/Poppins-SemiBold/Poppins-SemiBold.eot'); /* IE9+ */
}
img{max-width: 100%;}
[onClick="return hs.expand(this)"]{cursor: url(/images/highslide/graphics/zoomin.cur), pointer;}
.tl{text-align: left;}
.tc{text-align: center;}
.pl20{padding-left: 20px;}
.mt40{margin-top: 40px;}
.mt70{margin-top: 70px;}
.pt100{padding-top: 100px;}
.none{display: none;}
.circles{position: absolute;max-width: 20vw;display: none!important;}
/*btn*/
.btn-custom{
user-select: none;
transition: all .4s ease-in-out;
background-size: 300% 100%;
background-image: -moz-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED );
background-image: -webkit-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED );
background-image: -ms-linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED );
background-image: linear-gradient( to right, #2F81ED, #3CA7F9, #3CA7F9, #2F81ED );
}
.btn-custom:hover{
background-position: 100% 0;
}
.btn-custom:focus{
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.btn-custom>a{transition: all .4s ease-in-out;user-select: none;}
.btn-custom>a:focus{
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
/*sub-nav*/
.sub-nav{background-color: #F9F9F9;padding: 35px 0;}
.sub-nav>.container{display: flex;justify-content: space-between;}
.sub-nav .h1-text{font-size: 22px;font-family: 'Poppins';color: #000;font-weight:600}
.sub-nav a{color:#000}
/*about*/
#about-content{padding: 70px 0 90px;background-image: url(/images/about/about_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;position: relative;min-height: 80vh;}
#about-content>.container{max-width: 820px;}
#about-content h2{font-size: 30px;font-family: 'Poppins Light';text-transform : uppercase;font-weight: lighter;letter-spacing: 2px;transform: scaleY(.95);color: #444444;margin-bottom: 40px;text-align: center;}
#about-content h2>span{font-family: 'Poppins Bold';font-weight: bold;}
#about-content h3{font-size: 16px;color: #444444;font-family: 'Poppins SemiBold';margin-top: 35px;letter-spacing: 1px;text-align: center;}
#about-content p{font-size: 14px;line-height: 27px;margin: 20px 0;letter-spacing: 1px;}
#about-content a{color: #3099e2;}
#about-content ul, #about-content ol{list-style-position: inside;margin: 20px auto;}
#about-content li{font-size: 14px;line-height: 27px;letter-spacing: 1px;}
#about-content .specs-btn{text-align: center;}
#about-content .specs-btn>.btn-custom{display: inline-block;padding: 12px 30px;line-height: 18px;text-transform: uppercase;border: 0;border-radius: 20px;color: #ffffff;letter-spacing: 1px;}
.about-circle1{position: fixed;left: 10vw;bottom: 250px;animation: movebounce 2.6s linear infinite;}
.about-circle2{position: fixed;left: 2vw;bottom: 0;animation: movebounce 3s linear infinite;}
@media (max-width: 1199px){
.about-circle1, .about-circle2{display: none;}
.reviews-circle1, .reviews-circle2{display: none;}
}
/*contact us form*/
.contact-form{background-color: #FAFAFA;padding: 70px 0;}
#about-content form{max-width: 500px;margin: 0 auto;border-top: 3px solid #298DEA;background-color: #ffffff;padding: 30px 5%;}
#about-content form input[type="text"]{border: 1px solid #EEEEEE;border-radius: 21px;height: 44px;width: 100%;outline: none;padding: 0 20px;}
#about-content form td{padding: 10px 0;max-width: 100%;}
#about-content form select{border: 1px solid #EEEEEE;border-radius: 21px;height: 44px;width: 100%;outline: none;padding: 0 20px;}
#about-content form textarea{border: 1px solid #EEEEEE;border-radius: 21px;width: 100%;outline: none;padding: 10px 20px;}
#about-content form td.note{font-size: 12px;text-align: center;padding: 20px 0 0;}
#about-content form input[type="submit"]{border: none;color: #ffffff;width: 116px;height: 40px;border-radius: 20px;text-transform: uppercase;letter-spacing: 1px;line-height: 40px;margin: 20px auto;}
@media (max-width: 575px){
#about-content form{padding: 30px 0;}
}
/*guide*/
#guide-content{padding: 55px 0 110px;min-height: 80vh;}
.guide-nav{padding-right: 25px;}
.guide-nav>ul{list-style-type: none;}
.guide-nav>ul>li{border: 2px solid #EEEEEE;border-radius: 28px;position: relative;margin-bottom: 20px;cursor: pointer;}
.guide-nav>ul>li>p{line-height: 27px;color: #444444;font-family: 'Poppins-SemiBold';font-weight: bold;transition: color .2s ease-in-out;letter-spacing: 0.03em;}
.guide-nav>ul>li>p>a{transition: color .2s ease-in-out;width: 100%;height: 100%;padding: 13px 10%;display: block;}
.guide-nav>ul>li:after{content: '';width: 9px;height: 14px;position: absolute;top: 50%;margin-top: -7px;background-image: url(/images/user-guide/arrow.png);background-repeat: no-repeat;background-position: 0 0;right: 19px;}
.guide-nav>ul>li.on>p, .guide-nav>ul>li:hover>p{color: #3099e2;}
.guide-nav>ul>li.on>p>a, .guide-nav>ul>li:hover>p>a{color: #3099e2;}
.guide-nav>ul>li.on:after, .guide-nav>ul>li:hover:after{background-position: 0 -14px;}
/*#guide-content .guide-nav>ul>li>p{padding: 13px 10% 13px 8%;}*/
.guide-content{padding-left: 25px;}
.guide-content>div{display: none;}
.guide-content>div:first-child{display: block;}
.guide-content h2{font-family: 'Poppins';font-size: 30px;line-height: 1.3;font-weight: bold;letter-spacing: 2px;transform: scaleY(.95);color: #444444;margin-bottom: 40px;}
.guide-content h2>span{font-weight: normal;}
.guide-content h3{font-size: 16px;color: #444444;margin-top: 40px;margin-bottom: 15px;font-family: 'Poppins-SemiBold';letter-spacing: 1px;}
.guide-content h4{font-size: 14px;color: #444444;margin-bottom: 15px;font-family: 'Poppins-SemiBold';letter-spacing: 1px;}
.guide-content p{font-size: 14px;line-height: 27px;margin-bottom: 10px;letter-spacing: 0.03em;}
.guide-content a{color: #3099e2;}
.guide-content p img{vertical-align: bottom;margin-bottom: 5px;}
.guide-content>div>div{margin: 25px 0 35px;}
.guide-content ul, .guide-content ol{list-style-position: inside;margin-bottom: 30px;}
.guide-content li{line-height: 27px;letter-spacing: 0.03em;}
.guide-content table{margin: 20px 0;width: 100%;}
.guide-content table th, .guide-content table td{border: 1px solid #444444;padding: 8px 10px;font-size: 14px;line-height: 23px;}
.guide-content table th{color: #444444;text-align: center;background-color: #BEBEBE;font-family: 'Poppins-SemiBold';}
.guide-content .form-group{margin: 50px 0;}
.guide-content .form-group form{margin: 20px 0;}
.guide-content .form-group form input{border: 2px solid #EEEEEE;border-radius: 30px;height: 60px;width: 100%;padding: 0 30px;margin-bottom: 20px;text-align: center;}
.guide-content .form-group form input:focus{border: 1px solid #80bdff;}
.guide-content .form-group form input::-webkit-input-placeholder, .guide-content .form-group form textarea::-webkit-input-placeholder{color: #aaaaaa;letter-spacing: 1px;font-size: 12px;}
.guide-content .form-group form button{display: block;padding: 12px 30px;line-height: 18px;text-transform: uppercase;border: 0;border-radius: 20px;color: #ffffff;margin: 20px auto;letter-spacing: 1px;}
.guide-content .line{width: 90%;height: 1px;background-color: #D6D6D6;margin: 40px auto;position: relative;}
.guide-content .line>span{display: block;width: 54px;position: absolute;top: -8px;left: 50%;margin-left: -27px;background-color: #ffffff;text-align: center;}
.guide-content .btn-group{font-size: 18px;}
.guide-content .btn-group img{margin-bottom: 0;transition: all .2s;}
.guide-content .btn-group a{border-radius: 4px;background-color: #2AAAC8;color: #ffffff;font-weight: 600;padding: 30px 32px;line-height: 21px;height: 28px;display: inline-flex;align-items: center;transition: .2s;}
.guide-content .btn-group a:hover{text-decoration: none;color: #000000;background-color: #FFC0CB;}
.guide-content .btn-group a:focus,.content-jp-2109 .btn-group a:active{box-shadow: inset 0 3px 5px rgb(42 170 200 / 13%), 0 0 0 0.2rem rgb(255 192 203 / 50%);text-decoration: none;}
.guide-content .btn-group a:last-child img{margin-bottom: 3px;}
.guide-content .btn-group a:hover img{filter: brightness(0);}
.guide-content .btn-group a.btn-buy{background-color: #ffffff;border: 2px solid #5e37ea;color: #5e37ea;}
.guide-content .btn-group a.btn-buy:hover{background-color: #5e37ea;color: #ffffff;}
.guide-content h3[data-toggle="collapse"]{margin: 0;padding: 20px 0 10px;cursor: pointer;}
.guide-content h3[data-toggle="collapse"]+div{margin: 0;display: none;}
.guide-content h3[data-toggle="collapse"]+div>div{margin: 20px 0;}
/*btn-group-2211*/
.btn-group-2211{display: flex;flex-wrap: wrap;}
.btn-group-2211>.btn-group{display: block;text-align: center;flex-shrink: 0;}
.btn-group-2211>.btn-group:first-child{margin: 0 15px 10px 0;}
.btn-group-2211>.btn-group>p{margin-top: 10px;}
@media (max-width: 767px){
.btn-group-2211>.btn-group{flex-basis: 270px;}
}
@media (max-width: 991px){
.guide-content{padding-left: 0;margin-top: 30px;}
}
/*20221118*/
.highslide-image{border: none!important;}
/*download*/
#downloads{padding: 97px 0 0;}
#downloads .download-circles{z-index: 10;position: absolute;}
#download-content{background-color: #FAFAFA;background-image: url(/images/downloads/download_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;position: relative;min-height: 85vh;display: flex;justify-content: center;align-items: center;text-align: center;}
#download-content h2, #download-content h1{font-size: 30px;line-height: 1.3;font-family: 'Poppins Bold';font-weight: bold;text-transform : uppercase;letter-spacing: 2px;transform: scaleY(.95);color: #444444;margin: 40px 0;}
#download-content h3{margin: 20px 0;}
#download-content p{letter-spacing: 1px;}
#download-content a{color: #1773d6;text-decoration: underline;}
#download-content>div{display: flex;flex-direction: column;align-items: center;max-width: 630px;}
/*support*/
#support-content{padding: 65px 0 110px;position: relative;min-height: 78vh;}
#support-content .circles{position: absolute;}
#support-content .form-group{display: block;}
#searchform{position: relative;}
#searchform input{padding-right: 160px;}
#searchform button{position: absolute;right: 20px;top: 9px;margin: 0;height: 42px;}
#support-content p{letter-spacing: 1px;}
#support-content ul{list-style-type: none;}
#support-content ul.post-list{padding-left: 5px;}
#support-content ul.post-list li{display: flex;}
#support-content ul.post-list li>a{color: #222222;line-height: 41px;padding-left: 1em;}
#support-content ul.post-list li:before{content: '\2022';color: #222222;line-height: 41px;}
#support-content ul.content-list{list-style-type: disc;list-style-position: outside;padding-left: 20px;}
#pagination{display: block;text-align: right;}
/*404*/
#download-content .error-font{font-size: 230px;line-height: 1;font-weight: 900;color: #2F81ED;letter-spacing: -32px;}
#download-content .error-font>span{color: #444444;}
#download-content .btn-404{width: 200px;height: 39px;line-height: 39px;color: #ffffff;border-radius: 20px;display: inline-block;text-decoration: none;}
/*review*/
#review-content{padding: 50px 0 120px;position: relative;min-height: 950px;}
#review-content .circles{position: absolute;}
#reviewLiHtml{margin-top:30px;}
#reviewLiHtml>div{margin-bottom: 30px;}
.review-box{box-shadow: 0px 11px 35px 2px rgb(0 0 0 / 10%);padding: 30px;text-align: center;background-color: white;height: 100%;}
#reviewLiHtml p.name{font-size: 18px;font-family: 'Poppins SemiBold';color: #3099e2;min-height: 48px;display: flex;align-items: center;justify-content: center;}
#reviewLiHtml p.name+div{margin: 10px auto 20px;height: 16px;}
#reviewLiHtml p.sum{clear: both;line-height: 32px;min-height: 160px;}
#moreReview{position: absolute;bottom: 60px;}
#moreReviewText{width: 60%;margin: 30px auto 0;line-height: 39px;height: 39px;display: block;border-radius: 20px;color: #ffffff;cursor: pointer;text-align: center;}
#loading2{text-align: center;width: 100%;}
#add-review-content{padding: 120px 0 170px;background-color: #FAFAFA;background-image: url(/images/downloads/download_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;position: relative;}
.reviews-circle1{position: absolute;right: 9vw;bottom: 210px;animation: movebounce 2.6s linear infinite;}
.reviews-circle2{position: absolute;right: 3vw;bottom: 65px;animation: movebounce 3s linear infinite;}
#add-review-content form{max-width: 500px;margin: 0 auto;border-top: 3px solid #298DEA;background-color: #ffffff;padding: 30px 5%;text-align: center;}
#add-review-content form div{margin-bottom: 30px;position: relative;}
#add-review-content form input[type="text"]{border: 1px solid #EEEEEE;border-radius: 20px;height: 44px;width: 100%;outline: none;padding: 0 20px;}
#add-review-content form td{padding: 10px 0;max-width: 100%;}
#add-review-content form select{border: 1px solid #EEEEEE;border-radius: 20px;height: 44px;width: 100%;outline: none;padding: 0 20px;}
#add-review-content form textarea{border: 1px solid #EEEEEE;border-radius: 20px;width: 100%;outline: none;padding: 10px 20px;display: block;}
#add-review-content form td.note{font-size: 12px;text-align: center;padding: 20px 0 0;}
#add-review-content form input[type="submit"]{border: none;color: #ffffff;width: 116px;height: 40px;border-radius: 20px;font-size: 12px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;font-family: 'Poppins-SemiBold';line-height: 40px;margin: 0 auto;}
#add-review-content form .tip{font-size: 12px;text-align: left;color: #ff0000;width: 100%;position: absolute;left: 20px;top: 100%;margin-top: 5px;}
#add-review-content p{margin-bottom: 20px;}
#add-review-content h2{font-size: 30px;line-height: 1.3;font-family: 'Poppins';font-weight: normal;text-transform : uppercase;letter-spacing: 2px;transform: scaleY(.95);color: #444444;margin-bottom: 0;text-align: center;margin-bottom: 70px;}
#add-review-content h2>span{font-family: 'Poppins Bold';font-weight: bold;}
#star{margin: 10px 0 20px;}
#submit_form .btn-custom{display: inline-block;width: 200px;height: 39px;line-height: 39px;color: #ffffff;border-radius: 20px;text-align: center;text-transform: uppercase;cursor: pointer;}
.rating,.right_content_box ul.rating{position:relative;margin:0;text-align: center;}
.rating li,.right_content_box ul.rating li{display: inline-block;height:16px;width:17px; overflow:hidden; line-height:16px; _display:inline; padding:0 2px;cursor:pointer;text-indent:-9999px;background:url(/images/reviews/start.png) no-repeat center -16px;_background:url(/images/reviews/start-ie.png) no-repeat center -16px;}
.rating li.on,.right_content_box ul.rating li.on{background-position:center 0;}
.rating li.half,.right_content_box .rating li.half{background-position:center -32px;}
/*uninstall feedback*/
.uninstall-feedback-form{background-color: #FAFAFA;padding: 70px 0;}
.uninstall-feedback-form form{max-width: 600px!important;}
.uninstall-feedback-form .btn-custom{display: block;margin-top: 20px;}
/*footer*/
#footer{padding: 20px 0;background-color: #F9F9F9;}
.footer-bgfff{background: none!important;}
#footer-inside{display: flex;justify-content: space-between;align-items: flex-end;}
#footer p{line-height: 1.8;}
#footer a{color: #777777;}
#footer .footer-note{font-size: 12px;margin-top: 40px;color: #ababab;}
/*footer language select*/
#footer .lang_box{width: 160px;flex-shrink: 0;}
#footer .lang_box .dropdown-menu{top: auto;bottom: 100%;box-shadow: 0 6px 12px rgb(0 0 0 / 17%);border: 0;}
#footer .lang_box .dropdown-menu>li>a{padding: 3px 30px;width: 100%;display: flex;align-items: center;}
#footer .lang_box .dropdown-menu>li>a:hover{color: #32aac8;background-color: #f5f5f5;}
#footer .lang_box:hover .dropdown-menu{display: block;}
#footer .lang_box>a{font-size: 16px;width: 100%;display: flex;align-items: center;justify-content: center;user-select: none;}
/*banner*/
#banner-bottom{width:100%;position:fixed;bottom:0;z-index:4;}
#banner-bottom>img{position:absolute;top:0;right:10%;cursor:pointer;}
#banner-bottom>a{text-align: center;text-decoration: none;display: table;background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;height: 100px;z-index:5;}
#banner-left-prom{position: fixed;left: 0;bottom: 40px;z-index: 1002;max-width: 240px;}
/*#banner-left-prom>div>div{cursor: pointer;width: 13%;height: 12%;position: absolute;right: 0;top: 0;z-index: 1003;}*/
#banner-left-prom>div>div{cursor: pointer;width: 11%;height: 9%;position: absolute;right: 0;top: 0;z-index: 1003;}
#banner-left-prom>div>a{display: block;}
#banner-left-prom>div>a>img{width: 100%;margin: 0;}
@media screen and (max-width: 450px){
#banner-bottom>a{background-image:url('/images/banner/20240527/450-prom.jpg');}
#banner-left-prom{max-width: 200px;}
}
@media screen and (min-width: 451px) and (max-width: 991px){
#banner-bottom>a{background-image:url('/images/banner/20240527/992-prom.jpg');}
}
@media screen and (min-width: 992px){
#banner-bottom>a{background-image:url('/images/banner/20240527/1920-prom.jpg');}
}
/*ad*/
#ad-bot{position: fixed;bottom: 0;left: 0;width: 100%;height: 80px;transition: transform .8s ease-in-out, opacity .8s ease-in-out;transform: translateX(-100%) scale(.2);opacity: 0;z-index: 9;}
#ad-bot.show{transform: translateX(0) scale(1);opacity: 1;}
#ad-bot>a{display: block;width: 100%;height: 100%;}
#ad-bot>a>div{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;transition: opacity .8s ease-in-out;display: none;}
#ad-bot>img.ad-close{position: absolute;right: 10px;top: 10px;cursor: pointer;}
#ad-left{position: fixed;left: 0;bottom: 40px;z-index: 9;max-width: 240px;transition: transform .8s ease-in-out, opacity .8s ease-in-out;transform: translateX(-100%) scale(.2);opacity: 0;}
#ad-left.show{transform: translateX(0) scale(1);opacity: 1;}
#ad-left>div>div{cursor: pointer;width: 11%;height: 9%;position: absolute;right: 0;top: 0;}
#ad-left>div>a{display: block;}
#ad-left>div>a>img{width: 100%;margin: 0;}
#ad-dl{background-color: #DDF9ED;padding: 10px 32px;position: fixed;bottom: 20px;left: 50%;transform: scale(0) translateX(-50%);transform-origin: left bottom;transition: transform .8s ease-in-out;border-radius: 12px;z-index: 10;}
#ad-dl.show{transform: scale(1) translateX(-50%);}
#ad-dl>img{position: absolute;right: 8px;top: 8px;cursor: pointer;}
#ad-dl>div{display: flex;justify-content: space-between;align-items: center;column-gap: 20px;row-gap: 20px;}
#ad-dl>div>a{
display: inline-flex;align-items: center;justify-content: center;overflow: hidden;padding: 2px;text-align: center;transition: all .4s ease-in-out;color: #ffffff;min-width: 200px;height: 50px;font-size: 20px;line-height: 46px;font-weight: bold;user-select: none;border-radius: 16px;
background-image: -moz-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(69,119,226) 0%, rgb(123,132,247) 100%);
}
#ad-dl>div>a:hover{
background-image: -moz-linear-gradient( 90deg, rgb(123,132,247) 0%, rgb(69,119,226) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(123,132,247) 0%, rgb(69,119,226) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(123,132,247) 0%, rgb(69,119,226) 100%);
}
#ad-dl>div>div{display: flex;align-items: center;gap: 20px;}
#ad-dl>div>div>p{font-size: 20px;font-weight: bold;color: #000000;}
@media screen and (max-width: 450px){
#ad-bot>a>div.sm{display: block;}
#ad-left{max-width: 200px;}
#ad-dl>div{flex-direction: column;}
}
@media screen and (min-width: 451px) and (max-width: 991px){
#ad-bot>a>div.md{display: block;}
#ad-dl>div{flex-direction: column;}
}
@media screen and (min-width: 992px){
#ad-bot>a>div.lg{display: block;}
#ad-dl{width: 920px;}
}
@media screen and (max-width: 767px){
#ad-dl, #ad-left{display: none!important;}
}
/*purchase content*/
#purchase-content{padding: 5vw 0 2vw;background-image: url(/images/video-downloader/price_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;letter-spacing: 1px;position: relative;text-align: center;min-height: 80vh;}
#purchase-content .price-container{display: flex;align-items: center;justify-content: center;}
#purchase-content .price-box{width: 400px;padding: 20px 18px 30px;background-color: #ffffff;box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.05);}
#purchase-content .price-box:first-child{margin-right: 35px;}
#purchase-content .price-box>.title{background-image: url(/images/video-downloader/bg1.jpg);padding: 20px;text-align: center;}
#purchase-content .price-box>.title>p{font-size: 24px;font-weight: bold;color: #3099e2;transform: scaleY(.9);background-color: #ffffff;line-height: 52px;letter-spacing: 2px;}
#purchase-content .price-box>.price{width: 80%;border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;padding: 35px 0;margin: 30px auto;}
#purchase-content .price-box>.price>h2{font-size: 36px;font-weight: bold;color: #333333;line-height: 40px;transition: color .3s ease;}
#purchase-content .price-box:hover>.price>h2{color: #3099e2;}
#purchase-content .price-box>.price>h2>span{font-size: 24px;}
#purchase-content .price-box>.price>p{font-size: 14px;line-height: 14px;}
#purchase-content .price-box>.detail{font-size: 15px;line-height: 41px;min-height: 205px;}
#purchase-content .price-box>.button{
width: 100%;height: 50px;margin-top: 30px;border-radius: 25px;font-size: 18px;line-height: 50px;color: #ffffff;font-family: 'Poppins SemiBold';
}
#purchase-content .price-box>.button>a{color: #ffffff;width: 100%;height: 100%;display: block;border-radius: 25px;}
#purchase-content .price-box>.button>a>span{transform: scaleY(.9);}
.purchase-note div{margin: 30px 0;}
.purchase-note h2{margin-top: 40px;margin-bottom: 20px;}
.purchase-note h2>span{background-color: #FFF2CC;color: #000000;}
.purchase-note h3{margin-top: 30px;margin-bottom: 15px;}
.purchase-note p{margin-bottom: 10px;font-size: 15px;line-height: 26px;}
.purchase-note a{color: #2F81ED;}
.purchase-note .safe{margin-top: 70px;justify-content: space-between;}
@media (max-width: 767px){
#purchase-content .price-box{width: 100%;}
#purchase-content .price-box:first-child{margin: 0 0 35px;}
#purchase-content .price-container{flex-direction: column;}
}
/*purchase sys switch*/
.btn-sys{display: flex;align-items: center;justify-content: center;margin: 20px 0 40px;}
.btn-sys>p{cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 0 15px;margin: 0 5px;font-size: 16px;letter-spacing: 0.05em;color: #444444;height: 38px;border-radius: 19px;border: 2px solid #EEEEEE;}
.btn-sys>p.on, .btn-sys>p:hover{height: 38px;border-radius: 19px;color: #3085ee;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);background-color: #ffffff;font-weight: bold;}
.btn-sys>p>img{margin-right: 10px;margin-top: -2px;-webkit-filter: grayscale(1); /* Webkit */filter: gray; /* IE6-9 */filter: grayscale(1); /* W3C */}
.btn-sys>p.on>img, .btn-sys>p:hover>img{-webkit-filter: grayscale(0); /* Webkit */filter: none; /* IE6-9 */filter: grayscale(0); /* W3C */}
.btn-sys+p{font-size: 14px;line-height: 27px;margin: 20px 0 40px;letter-spacing: 1px;text-align: center;}
/*purchase banner*/
.purchase-banner{padding-top: 100px;text-align: center;}
.purchase-banner+.purchase{padding-top: 50px!important;}
/*renew-content*/
#renew-content{padding: 100px 0 115px;}
#renew-content .container{text-align: center;}
#renew-content h2{font-size: 30px;font-family: 'Poppins Bold';font-weight: bold;font-weight: lighter;letter-spacing: 2px;transform: scaleY(.95);color: #444444;padding-top: 30px;margin-bottom: 20px;}
#renew-content h2>img{margin-right: 30px;}
#renew-content h2+p{font-size: 14px;line-height: 27px;margin: 20px 0;letter-spacing: 1px;text-align: center;margin-bottom: 70px;}
#renew-content .btn-sys{display: inline-flex;padding: 8px 10px;background-color: #EFEFEF;border-radius: 27px;}
#renew-content .row{align-items: center;margin-left: 0;margin-right: 0;}
#renew-content .row>div{padding: 0;}
#renew-content .col-lg-5{display: flex;align-items: center;}
#renew-content .pro-name{color: #444444;font-family: 'Poppins SemiBold';padding-right: 5px;text-align: left;}
#renew-content .date-btn{cursor: pointer;width: 137px;height: 42px;border: 2px solid #EEEEEE;text-align: center;line-height: 38px;font-size: 16px;font-family: 'Poppins SemiBold';;color: #444444;text-transform: uppercase;display: inline-block;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);}
#renew-content .date-btn.on{border-color: #ADE3FF;background-color: #ADE3FF;}
#renew-content .date-btn.lt{margin-left: 18px;}
#renew-content .date{display: flex;justify-content: flex-end;}
#renew-content .price{text-align: right;}
#renew-content .price b{font-size: 0.6em;}
#renew-content .big{margin-bottom: 45px;padding: 0 57px;}
#renew-content .big .pro-name{font-size: 18px;margin-left: 20px;}
#renew-content .big .pro-name>span{font-family: 'Poppins';font-weight: normal;font-size: 16px;}
#renew-content .big .pro-name+p{margin-left: 20px;padding-right: 15px;text-align: left;}
#renew-content .big .date-btn.lt{width: 157px;padding-right: 30px;position: relative;}
#renew-content .big .date-btn.lt>img{position: absolute;top: -8px;right: -2px;}
#renew-content .big .price>p{font-size: 42px;font-weight: bold;color: #444444;font-family: 'Poppins Bold';}
#renew-content .big .price>p i{font-style: normal;}
#renew-content .big .price>p>i.red{color: #ee2221;}
#renew-content .big .price>p>del{font-size: 18px;color: #444444;font-family: 'Poppins';font-weight: normal;display: none;}
/*#renew-content .single-module{border: 2px solid #EEEEEE;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);padding: 10px 30px 0;margin-bottom: 70px;position: relative;}*/
#renew-content .single-module>h3{font-size: 16px;color: #444444;text-transform: uppercase;letter-spacing: 1px;text-align: center;padding-bottom: 30px;border-bottom: 1px solid #EEEEEE;margin-bottom: 40px;line-height: 1.8;}
#renew-content .single-module>h3>span{font-size: 12px;color: #ee2221;text-transform: none;}
/*20220929*/
#renew-content .single-module>p{position: relative;width: 100%;text-align: center;margin-top: -34px;}
#renew-content .single-module>p>span{background-color: #ffffff;padding: 5px 10px;display: inline-block;}
/*#renew-content .single-module:before{content: '';position: absolute;width: 24px;height: 17px;background-image: url('/images/purchase/arrow.png');background-repeat: no-repeat;top: -17px;left: 200px;}*/
#renew-content .single-module>.row{padding: 8px 0;border-radius: 30px;margin: 0 -5px;}
#renew-content .single-module>.row.on{background-color: rgb(249, 249, 249);}
#renew-content .single-module .pro-name{font-size: 16px;}
#renew-content .single-module .price>p{font-size: 24px;line-height: 28px;color: #444444;font-family: 'Poppins Bold';}
#renew-content .single-module .price>p i{font-style: normal;}
#renew-content .single-module .price>p>i.red{color: #ee2221;}
#renew-content .single-module .price>p>del{font-size: 0.8em;color: #777777;font-family: 'Poppins';display: none;}
/*20220922 date switch*/
.date-switch{padding-bottom: 20px!important;margin-bottom: 20px;border-bottom: 1px solid #EEEEEE;border-radius: 0!important;}
/*.date-switch>div:first-child{text-align: right;padding-right: 30px!important;}
.date-switch>div:last-child{text-align: left;padding-left: 30px!important;}*/
.date-switch input[type="radio"]{position: absolute;clip: rect(0, 0, 0, 0);}
.date-switch input[type="radio"]+label::before{content: '';background-color: #ffffff;border: 1px solid rgb(156, 156, 156);width: 23px;height: 23px;border-radius: 50%;margin-right: 15px;margin-top: -5px;float: left;}
.date-switch input[type="radio"]:checked+label::before{background-color: rgb(48, 133, 238);background-clip: content-box;padding: 5px;border: 1px solid rgb(48, 133, 238);}
.date-switch input[type="radio"]+label{font-size: 16px;color: #444444;font-family: 'Poppins SemiBold';}
.prolist{align-items: flex-start!important;}
.prolist>div{display: flex;margin-bottom: 10px;justify-content: space-between;padding:0 30px!important;}
.prolist>div>div:first-child{display: flex;align-items: center;}
.prolist input[type="checkbox"]{position: absolute;clip: rect(0, 0, 0, 0);}
.prolist input[type="checkbox"]+label::before{content: '';background-color: #ffffff;color: #ffffff;border: 1px solid rgb(156, 156, 156);border-radius: 3px;width: 22px;height: 22px;margin-right: 15px;float: left;flex-shrink: 0;text-align: center;}
.prolist input[type="checkbox"]:checked+label::before{content: '\2714';background-color: rgb(48, 133, 238);border: rgb(48, 133, 238);}
.prolist input[type="checkbox"]+label{font-size: 16px;color: #444444;font-family: 'Poppins SemiBold';display: flex;text-align: left;justify-content: flex-start;}
.prolist input[type="checkbox"]+label:hover{}
.prolist .price>p{font-size: 18px!important;}
/*20221025*/
#renew-content .brand{display: flex;justify-content: space-between;align-items: center;padding-top: 40px;margin-bottom: 70px;}
#renew-content .brand-title{padding-left: 5%;}
#renew-content .brand-title>h1{font-size: 36px;line-height: 40px;color: #444444;padding-top: 0;font-weight: 500;letter-spacing: 0.1em;transform: scaleY(.95);text-align: left;font-family: 'Poppins Bold';margin-bottom: 20px;}
#renew-content .brand-title>h1+p{margin-bottom: 0;color: #ee2221;text-align: left;font-size: 14px;line-height: 27px;letter-spacing: 1px;}
#renew-content .brand .btn-sys{background: none;border: none;border-radius: 0;margin: 0 0 20px;flex-basis: 420px;flex-shrink: 0;}
#renew-content .brand .btn-sys>p{border-radius: 0;border: none;box-shadow: none;border-bottom: 3px solid rgba(0, 0, 0, 0);transition: border-color .3s ease-in-out;margin: 0 10px;}
#renew-content .brand .btn-sys>p.on, #renew-content .brand .btn-sys>p:hover{border-color: #3085EE;}
#renew-content .pro-select-area{border: 2px solid #EEEEEE;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);padding: 10px 30px 0;margin-bottom: 70px;position: relative;}
#renew-content .pro-select-area>img:first-child{position: absolute;left: -18px;top: 4px;}
#renew-content .pro-select-area .big{margin-top: 40px;padding: 0;margin-bottom: 20px;}
#renew-content .pro-select-area .big .pro-name{font-size: 24px;}
#renew-content .pro-select-area .big .pro-name+p{font-size: 16px;}
#renew-content .pro-select-area .big input[type="checkbox"]{position: absolute;clip: rect(0, 0, 0, 0);}
#renew-content .pro-select-area .big input[type="checkbox"]+label{padding: 15px 13px;background-color: #ECF5FC;border-radius: 12px;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro{display: flex;align-items: center;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro::before{font-size: 18px;content: '';background-color: #ffffff;color: #ffffff;border: 2px solid rgb(156, 156, 156);border-radius: 3px;width: 25px;height: 25px;line-height: 25px;margin-right: 10px;float: left;flex-shrink: 0;text-align: center;}
#renew-content .pro-select-area .big input[type="checkbox"]:checked+label>.pro::before{content: '\2714';background-color: rgb(48, 133, 238);border: rgb(48, 133, 238);font-family: 'Poppins','Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;}
#renew-content .pro-select-area .big .price{display: block;padding-right: 15px;letter-spacing: 0.1em;}
#renew-content .pro-select-area .big .price>p>del{font-size: 22px;}
#renew-content .pro-select-area .date-switch{margin-top: -25px;border: none;justify-content: center;}
#renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 24px;font-weight: bold;display: flex;align-items: center;}
#renew-content .pro-select-area .date-switch>div>div{display: inline-block;padding: 0 30px;background-color: #ffffff;}
#renew-content .pro-select-area .date-switch>div{padding: 0!important;}
#q{cursor: pointer;}
@media (max-width: 575px){
#renew-content .pro-select-area{padding: 10px 0 0;}
#renew-content .pro-select-area .date-switch{margin-top: 100px;margin-bottom: 0;}
#renew-content .pro-select-area .date-switch>div{flex-basis: fit-content;max-width: none;}
#renew-content .pro-select-area .date-switch>div>div{padding: 0 10px;}
#renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 18px;}
#renew-content .pro-select-area .big{margin-top: 0;}
#renew-content .pro-select-area .big input[type="checkbox"]+label{padding: 15px 5px;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro>img{width: 50px;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro::before{margin-right: 10px;}
#renew-content .pro-select-area .big .pro-name{font-size: 18px;margin-left: 10px;}
#renew-content .pro-select-area .big .pro-name+p{font-size: 14px;margin-left: 10px;}
#renew-content .big .price>p{font-size: 24px;}
#renew-content .pro-select-area .big .price{padding-right: 5px;margin-top: 10px;}
#renew-content .pro-select-area .big .price>p>del{font-size: 14px;}
.date-switch input[type="radio"]+label::before{margin-right: 10px;}
}
/*20221027 list*/
#list-box{width: 100%;height: 100%;display: none;align-items: center;justify-content: center;position: fixed;background-color: rgba(0, 0, 0, 0.2);z-index: 11;font-size: 16px;color: #444444;letter-spacing: .03em;}
#list-box .list-container{position: absolute;width: 100%;height: 100%;}
#list-box .list-box{width: 1100px;max-width: 100%;background-color: #ffffff;padding: 35px 45px 60px;border-radius: 12px;box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.2);position: relative;}
#list-box .sites{/*background-color: #ffffff;border: 1px solid #F2F2F2;*/}
#list-box .sites ul{display: grid;list-style-type: none;justify-content: center;grid-template-columns: repeat(auto-fill,90px);}
#list-box .sites li{text-align: center;margin: 30px 0;}
#list-box .sites a{text-decoration: none;}
#list-box .sites a:hover,ul.sites>a:active{text-decoration: none;}
#list-box .sites img{border-radius: 10px;width: 50px;height: 50px;border: 1px solid #E0E0E0;box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);}
#list-box .sites span{display: block;padding-top: 6px;font-size: 12px;color: #444444;}
#list-box .btn-close{position: absolute;right: 12px;top: 12px;cursor: pointer;transition: opacity .3s;}
#list-box .btn-close:hover{opacity: .6;}
#list-box .supported{margin: 10px auto 0;font-family: 'Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;}
#list-box .supported .title{font-size: 17px;color: rgba(0, 0, 0, 0.5);margin-bottom: 20px;font-weight: 600;}
#list-box .letter{display: flex;flex-wrap: wrap;list-style-type: none;padding-bottom: 20px;border-bottom: 1px solid #E0E0E0;}
#list-box .letter>li{width: 26px;height: 26px;line-height: 26px;font-size: 22px;font-weight: 600;text-align: center;transition: all .2s;border-radius: 4px;cursor: pointer;margin-right: 5px;margin-bottom: 5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#list-box .letter>li.num{width: 38px;flex-shrink: 0;}
#list-box .letter>li:hover{background-color: #2F80ED;color: #ffffff;}
#list{margin-top: 20px;padding-left: 19px;height: 230px;overflow-y: auto;overflow-x: visible;position: relative;}
#list>div{border-left: 2px dashed #C0C0C0;}
#list li{list-style-type: none;position: relative;padding-left: 30px;margin-bottom: 20px;}
#list li>span{transition: background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position: absolute;width: 26px;height: 26px;line-height: 26px;font-size: 22px;font-weight: 600;text-align: center;transition: all .2s;border-radius: 4px;left: -14px;background-color: #FFFFFF;}
#list li>span.on{background-color: #E1E2E4;}
#list li>p{display: inline-block;height: 20px;line-height: 20px;border-radius: 4px;font-size: 17px;/*font-family: 'SF Pro Display';*/color: #333333;padding: 3px 10px;background-color: #E1E2E4;margin-right: 5px;margin-bottom: 10px;text-decoration: none;box-sizing: content-box;}
#list li>p:hover{color: #2F80ED;}
#num>span{width: 38px!important;left: -20px!important;}
#num>p{margin-bottom: 0!important;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
#list::-webkit-scrollbar{
width: 10px;
height: 10px;
border-radius: 3px;
background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
#list::-webkit-scrollbar-thumb{
/*width: 10px;*/
height: 20px;
border-radius: 3px;
background-color: #BDBDBD;
}
@media (max-width: 575px){
#list-box .sites li{margin: 10px 0;}
#list-box .list-box{padding: 30px 15px;}
}
#renew-content .check-area{align-items: stretch;justify-content: space-between;padding: 0 55px;}
#renew-content .check-area .col-lg-4{display: flex;flex-direction: column;padding-top: 64px;}
#renew-content .check-area p.title{font-size: 16px;font-weight: bold;color: #444444;text-transform: uppercase;letter-spacing: 1px;text-align: left;margin-bottom: 40px;}
#renew-content .list{list-style-type: none;text-align: center;letter-spacing: 1px;text-align: left;}
#renew-content .list>li{font-size: 16px;line-height: 21px;font-family: 'Poppins SemiBold';color: #444444;margin-bottom: 10px;}
#renew-content .list>li>i{font-style: normal;position: relative;padding-left: 30px;}
#renew-content .list>li>i:before{
content: '';width: 9px;height: 9px;border-radius: 50%;
background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
position: absolute;left: 0;top: 8px;
}
#renew-content .list>li>span{color: #ee2221;display: inline-block;margin-left: 20px;}
#renew-content .original{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .bundle, #renew-content .bundle-save, #renew-content .discount, #renew-content .total{font-size: 16px;color: #444444;display: flex;justify-content: space-between;font-weight: bold;letter-spacing: 0.08em;margin-bottom: 15px;}
#renew-content .total{align-items: flex-end;margin-top: 30px;line-height: .8;}
#renew-content .bundle i, #renew-content .bundle-save i, #renew-content .discount i, #renew-content .total i, #renew-content .bundle span, #renew-content .bundle-save span, #renew-content .discount span{font-family: 'Poppins SemiBold';font-style: normal;color: #777777;}
#renew-content .save{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .total>i{font-size: 30px;color: #ee2221;font-family: 'Poppins Bold';}
#renew-content .total b{font-size: 0.5em;}
#renew-content .tip{font-size: 12px;color: #444444;text-align: left;padding-left: 30px;display: none;}
#renew-content .tip>span{color: #ee2221;font-weight: bold;}
#renew-content .tip>span>i{font-style: normal;}
#renew-content .check{text-align: center;}
#renew-content .check>a{height: 50px;padding: 16px 60px;line-height: 18px;text-transform: uppercase;display: inline-block;border-radius: 25px;color: #ffffff;font-family: 'Poppins SemiBold';font-weight: bold;letter-spacing: 1px;margin-top: 10px;}
#renew-content .check>a.pn{pointer-events: none;color: #BDBDBD;background-color: #F2F2F2;background-image: none;}
#renew-content .timeout{font-size: 12px;color: #777777;font-family: 'Poppins SemiBold';letter-spacing: 0.08em;margin-top: 20px;}
#renew-content .timeout>span{color: #3085ee;}
#renew-content .link-si{margin-top: 10px;}
#renew-content .link-si>a{color: #444444;text-decoration: underline;}
#renew-content .renew-note{border-radius: 13px;box-shadow: 0px 0px 65px 0px rgba(170, 170, 170, 0.25);padding: 25px 80px 45px;margin-top: 55px;text-align: left;}
#renew-content .renew-note>p{font-size: 14px;font-family: 'Poppins SemiBold';color: #777777;display: flex;align-items: center;justify-content: center;margin-bottom: 70px;}
#renew-content .renew-note>.row>div{align-items: center;justify-content: center;}
#renew-content .renew-note ul{list-style-type: none;}
#renew-content .renew-note ul>li{font-size: 14px;line-height: 24px;color: #777777;position: relative;padding-left: 30px;margin-bottom: 15px;}
#renew-content .renew-note ul>li:before{
content: '';width: 9px;height: 9px;border-radius: 50%;
background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
position: absolute;left: 0;top: 7px;
}
i.content-sys{font-style: normal;}
/*package*/
#package-cover{width: 100%;height: 100%;display: none;align-items: center;justify-content: center;position: fixed;background-color: rgba(0, 0, 0, 0.2);z-index: 11;font-size: 16px;color: #444444;letter-spacing: .03em;}
#package-cover .package-box{width: 900px;max-width: 100%;background-color: #ffffff;padding: 50px;border-radius: 12px;box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.2);position: relative;}
#package-cover .package-mac{display: none;}
#package-cover .row{margin-top: 40px;}
#package-cover .textbox>p.title{font-size: 24px;margin-bottom: 20px;}
#package-cover .textbox>p{font-family: 'Poppins SemiBold';display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
#package-cover .textbox>p>i{font-style: normal;}
#package-cover .textbox>p:last-child{display: block;text-align: right;}
#package-cover .textbox>p.title{display: block;}
#package-cover .textbox .subtitle{margin-bottom: 40px!important;display: block;}
#package-cover .textbox .subtitle>i{font-style: normal;color: #ee2221;}
#package-cover .textbox .btn-custom{height: 50px;padding: 16px 70px;line-height: 18px;text-transform: uppercase;display: inline-block;border-radius: 25px;color: #ffffff;font-family: 'Poppins SemiBold';font-weight: bold;letter-spacing: 1px;margin-top: 10px;}
#package-cover .textbox del{color: #777777;}
#package-cover .textbox span{font-size: 36px;color: #ee2221;font-family: 'Poppins Bold';}
#package-cover .btn-close{position: absolute;right: 12px;top: 12px;cursor: pointer;transition: opacity .3s;}
#package-cover .btn-close:hover{opacity: .6;}
#package-cover .package-container{position: absolute;width: 100%;height: 100%;}
@media (max-width: 991px){
#renew-content h2{word-wrap:break-word;}
#renew-content .date{justify-content: flex-start;margin: 15px 0;}
#renew-content .price{text-align: left;}
#renew-content .bundle{margin-top: 40px;}
#renew-content .renew-note{padding: 30px;}
#renew-content .renew-note>p{flex-direction: column;}
#renew-content .check>a{padding: 16px 40px;}
/*20221026*/
#renew-content .brand{display: block;}
#renew-content .brand .btn-sys{margin-top: 20px;}
#renew-content .pro-select-area>img:first-child{top: 20px;}
/*20220928*/
/*.prolist>div:nth-child(odd){padding-right: 0!important;}
.prolist>div:nth-child(even){padding-left: 0!important;}*/
}
@media (max-width: 767px){
#renew-content .date{justify-content: flex-start;margin: 15px 0;}
#renew-content .price{text-align: left;}
/*20230628*/
#renew-content .single-module>.row{margin: 0;}
.prolist>div{padding: 0!important;}
}
@media (max-width: 575px){
#renew-content .check-area{padding: 0;}
#renew-content .big{padding: 0 27px;}
#renew-content .single-module{padding: 30px 0;}
/*20220928*/
#renew-content .single-module>.row{padding: 8px 10px;}
.date-switch>div:first-child{padding-right: 15px!important;}
.date-switch>div:last-child{padding-left: 15px!important;}
.prolist>div{flex-direction: column;}
#renew-content .price{text-align: right;}
#package-cover .row{margin-top: 10px;}
#package-cover .package-box{padding: 15px;}
#package-cover .package-box img{max-width: 100px;}
#package-cover .textbox h2{font-size: 18px;margin-top: 10px;}
#package-cover .textbox .subtitle{margin-bottom: 10px!important;}
#package-cover .textbox .btn-custom{margin-top: 0;padding-left: 50px;padding-right: 50px;}
#package-cover .textbox>p{margin-bottom: 0;}
}
/*purchase-cover*/
#cover{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 100;position: fixed;top: 0;display: none;}
#cover>div{width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;}
#cover .container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
#cover .box{max-width: 90%;}
#cover .innerbox{position: relative;text-align: center;max-width:100%;width:900px;}
#cover .innerbox>div{padding: 30px 0;border: 1px solid #000000;background-color: #2A6ACB;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#cover .title{font-family: "Kozuka Gothic Pr6N";font-size: 36px;font-weight: bold;color: #ffbb00;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;margin-bottom: 10px;}
#cover .text{font-size: 16px;line-height: 30px;color: #ffffff;padding: 30px 60px 0;text-align: left;}
#cover .text>a{color: #ffffff;}
#cover .btn-cover{margin-top: 75px;cursor: pointer;transition:box-shadow .2s ease-in-out;font-size:30px;color:#fff;font-weight:bold;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;border-radius:15px;border:2px solid #000;background-color:#FC6497;padding:5px 20px;}
#cover .btn-cover:hover{box-shadow: 0.1em 0.2em 0.4em rgba(255,255,255,.6);}
#cover .cover-close{position: absolute;right: -10px;top: -10px;width: 64px;height: 64px;border-radius: 50%;border: 1px solid #000000;background-color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#cover .cover-close>img{transition: opacity .2s;}
#cover .cover-close:hover>img{opacity: .8;}
/*tutorial*/
#content{padding: 50px 0 0;min-height: 80vh;}
#content .row{flex-wrap: nowrap;margin: 0;}
#content h1.title{font-size: 48px;line-height: 1.2;color: #000000;letter-spacing: 0.03em;margin-bottom: 30px;}
#content .content-container {
padding-bottom: 40px;
}
#content .content-container .author{letter-spacing: 0.1em;font-weight: 600;}
#content .content-container div{margin: 20px 0 30px;}
#content .content-container ul{list-style-position: inside;}
#content .content-container li{font-size: 16px;line-height: 27px;}
.content-container ul li{list-style-type: none;}
#content .content-container dt{font-size: 16px;line-height: 27px;}
/* #content .content-container h2{font-size: 38px;font-weight: 700;line-height: 1.2;margin: 2.8125rem 0 2.8125rem;width: 100%;color: #222;padding: 24px 20px;background:#b7fba7;text-align: left;} */
/* #content .content-container h3{font-size: 32px;font-weight: 700;margin-bottom: 1.5625rem;line-height: 1.2;color: #222;padding-left: 32px;overflow: hidden;border-left: .5rem solid #b7fba7;} */
/* #content .content-container h3.n-lb{border-left: none;} */
#content .content-container p{font-size: 16px;line-height: 24px;margin-bottom: 25px;letter-spacing: 0.03em;}
#content .content-container p.post-info{font-size: 14px;color:#000;line-height: 1.2;}
#content .content-container p.post-info a{color:#000;font-weight:600;}
#content .content-container a{word-break: break-all;}
#content .content-container .notice {
border: 2px solid #79dc0f;
border-radius: 12px;
padding: 30px;
}
#content .content-container .notice .n-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 30px;
padding-left: 8px;
border-left: 3px solid #000;
}
#content .content-container .notice .n-title + p{
margin-bottom: 0;
}
#content .content-container .tips {
position: relative;
border: 2px solid #4dafc0;
border-radius: 12px;
padding: 30px;
padding-left: 90px;
}
#content .content-container .tips::before{
content: "";
position: absolute;
background-image: url('/images/icon/blog/tips.png');
width: 36px;
height: 33px;
left: 27px;
top: 25px;
}
#content .content-container .faqs {
list-style-type: none;
}
#content .content-container .faqs .faq-title{
padding-bottom: 10px;
border-bottom: 1px dashed #000;
font-size: 22px;
font-weight: 600;
}
#content .content-container .faqs li {
background: #f4f4f4;
padding: 32px 46px;
margin-bottom: 30px;
border-radius: 10px;
margin-left: 32px;
position: relative;
}
#content .content-container .faqs li::before{
content: "";
width: 54px;
height: 48px;
position: absolute;
background-image: url('/images/icon/blog/q.png');
left: -28px;
top: 35px;
}
#content .content-container .faqs li p:last-child {
margin-bottom: 0;
}
#content .content-container .faqs li p:last-child {
margin-bottom: 0;
}
#content .content-container .author-card {
display: flex;
padding: 34px 35px;
column-gap: 25px;
background: linear-gradient(81deg, #d4fed0, #ecfcea);
border-radius: 9px;
}
#content .content-container .author-card .author-name {
font-size: 22px;
font-weight: 600;
margin-bottom: 18px;
}
#content .content-container .author-card .author-name + p{
margin-bottom: 0;
}
#content .content-container .author-card .author-content {
flex: 1;
}
#content .content-container .author-card div,
#content .content-container .author-card img{
margin: 0;
}
@media screen and (max-width: 768px){
#content h1.title,
#content .content-container p.title3,
#content .content-container p.title4,
#content .content-container p.title5{
font-size: 28px;
}
.wp-content table.s1 {
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.wp-content table.s1 .wp-jk td {
font-size: 13px !important;
}
.wp-content table.s1 tr td {
font-size: 8px !important;
padding: 0 !important;
}
#content .pro-info2 .pro-info-btn>a {
font-size: 12px !important;
}
#content .content-container p.title6 {
font-size: 16px;
}
}
#related{padding: 80px 0 60px;letter-spacing: 0.03em;}
#related>p.title{font-size: 38px;font-weight: 600;text-transform: uppercase;text-align: center;color: #444444;padding: 15px 0;margin-bottom: 20px;}
#related .related-post{margin-top: 0!important;display: flex;flex-wrap: wrap;row-gap: 24px;}
#related .related-post>.card-box{display: inline-block;padding: 10px;}
#related .related-post>.card-box>div{height: 200px;background-size: cover;background-position: center;}
#related .related-post>.card-box .date{font-size: 16px;color: #64748b;margin-top: 26px;}
#related .related-post>.card-box .date span {
position: relative;
}
#related .related-post>.card-box .date span::before{
content: "";
position: absolute;
width: 23px;
height: 1px;
background: #64748b;
top: 50%;
left: -40px;
transform: translateY(-50%);
}
#related .related-post>.card-box .date span::after{
content: "";
position: absolute;
width: 23px;
height: 1px;
background: #64748b;
top: 50%;
right: -40px;
transform: translateY(-50%);
}
#related .related-post>.card-box .title{
color: #000;font-size: 22px;line-height: 1.2;font-weight: 600;margin-top: 8px;
margin-top: 8px;
padding-bottom: 25px;
min-height: 78px;
}
#related .related-post>.card-box:hover .title{color: #00a9e4;}
#related .related-post>.card-box img {
width: 100%;
height: 294px;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
#related .related-post>.card-box a {
background: #fff;
display: block;
border-radius: 12px;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
}
.sidebar-container{position: relative;width: 350px;flex-basis: 350px;flex-shrink: 0;margin-left: 40px;}
#sidebar .sidebar-top{margin-bottom: 40px;}
#sidebar .sidebar-title{background-color: #F9F9F9;color: #ffffff;line-height: 40px;text-align: center;}
#sidebar .sidebar-title>span{
font-size: 18px;font-weight: bold;text-transform: uppercase;letter-spacing: 0.03em;display: inline-block;width: 100%;height: 100%;border-radius: 12px;padding: 8px 15px;user-select: none;
background-color: #000;
}
#sidebar .table{padding: 0 25px 25px 15px;background-color: #f1f1f1;border-radius: 0 0 6px 6px;margin-bottom: 0;}
#sidebar .table>h2, #sidebar .table>h3, #sidebar .table>h4, #sidebar .table>h5, #sidebar .table>h6{cursor: pointer;}
#sidebar .table>h2 a, #sidebar .table>h3 a, #sidebar .table>h4 a, #sidebar .table>h5 a, #sidebar .table>h6 a{pointer-events: none;}
#sidebar .table>h2:hover, #sidebar .table>h3:hover, #sidebar .table>h4:hover, #sidebar .table>h5:hover, #sidebar .table>h6:hover{color: #00a9e4;}
#sidebar .table>h2{font-size: 16px;padding: 25px 0 0 1.5em;color: #000;line-height: 24px;position: relative;margin-bottom: 5px;}
#sidebar .table>h2:before{content: '\2022';color: #888888;position: absolute;left: 0;top: 25px;}
#sidebar .table>h3{font-size: 16px;margin: 0 0 5px;color: #000;line-height: 24px;padding-left: 2em;font-weight: 500;}
#sidebar .table>h2+h3{margin-top: 15px;}
#sidebar .table>h4, #sidebar .table>h5, #sidebar .table>h6{font-weight: 500;}
#sidebar>div li{margin: 15px 0 0;}
#sidebar>div li>a{display: block;display: flex;width: 100%;}
#sidebar>div li>a>div{flex-shrink: 0;margin-right: 15px;width: 95px;padding-top: 5px;}
#sidebar>div li p>span:first-child{font-size: 16px;line-height: 24px;font-weight: 600;color: #000000;}
#sidebar>div li p>span:last-child{display: block;font-size: 12px;color: #000;margin-top: 6px;}
#sidebar>div li:hover p>span:first-child{color: #00a9e4;}
#sidebar .nav-tabs{border-radius: 12px;padding-bottom: 5px;border: none;}
#sidebar .nav-tabs>li{display: inline-flex;align-items: center;justify-content: center;width: 187px;height: 53px;border-radius: 12px;}
#sidebar .nav-tabs>li:last-child{margin-left: -24px;}
#sidebar .nav-tabs>li>a{border: 2px solid #EEEEEE;z-index: 1;font-size: 18px;line-height: 24px;font-weight: bold;color: #000;width: 100%;height: 100%;display: inline-flex;align-items: center;justify-content: center;padding: 5px;border-radius: 12px;user-select: none;}
#sidebar .nav-tabs>li>a:hover{color: #3CA7F9;}
#sidebar .nav-tabs>li>a.active{
z-index: 2;
color: #ffffff;
border: none;
background-color: #000;
}
#sidebar .nav-tabs>li>a.active:hover{color: #ffffff;}
#sidebar .tab-content li{list-style-type: none;}
#sidebar .tab-content li>a{flex-shrink: 0;margin-right: 15px;}
@media (max-width: 575px){
/*20221009*/
#content h1.title{word-break: break-all;}
#footer-inside{flex-direction: column;}
#footer .lang_box{margin-top: 20px;}
}
@media (max-width: 767px){
#sidebar{margin-bottom: 60px;}
.sidebar-container {margin-left: 0;}
#content .content-container h2 {font-size: 22px}
#content .content-container h3 {font-size: 17.5px}
}
@media (max-width: 991px){
#content .row{flex-direction: column;}
}
@media (min-width: 1200px){
.container{max-width: 1200px;}
}
/*@media (min-width: 992px){*/
/* .table-of-contents{display: none;}*/
/*}*/
/*20231031 CleverGet banner*/
.banner-post{margin-bottom: 0;background-repeat: no-repeat;background-size: cover;padding: 40px 0 25px;color: #ffffff;}
.banner-post .row{display: flex;align-items:center;}
.banner-post .row>.tc{min-height: 282px;}
.banner-post div{margin-bottom: 0;}
.banner-post .banner-pic{max-width: 100%;}
.banner-post .btn-sys{display: flex;align-items: flex-end;height: 28px;border-right: 2px solid rgba(255, 255, 255, .2);padding-right: 12px;padding-bottom: 2px;margin: 0 20px 0 0;}
.banner-post .btn-sys img{opacity: .4;transition: opacity .1s;cursor: pointer;margin-right: 22px;}
.banner-post .btn-sys img.on, .banner-post .btn-sys img:hover{opacity: 1;}
.banner-post .btn-area{display: flex;align-items: center;margin-top: 20px;}
.banner-post .btn-area>a{display: flex;justify-content: center;border-radius: 12px;font-size: 20px;line-height: 30px;font-weight: bold;padding: 8px 30px;min-width: 265px;transition: all .2s;margin-bottom: 15px;}
.banner-post .btn-area>a .icon-box{width: 26px;height: 30px;display: flex;align-items: center;justify-content: center;}
.banner-post .link-dl{margin-right: 30px;}
.banner-post .banner-footer{display: flex;align-items: center;flex-wrap: wrap;}
.banner-post ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 450px;max-width: 100%;margin-bottom: 0;}
.banner-post ul li{display: flex;align-items: center;margin-bottom: 0;}
.banner-post ul li>.icon-box{width: 23px;height: 23px;display: flex;align-items: center;justify-content: center;margin: 0 8px 0 0;}
.banner-post ul li>.icon-box>span{display: block;background-image: url(/images/icon/blog/banner-post/icon-banner.png);background-repeat: no-repeat;}
.banner-post ul li>.icon-box1>span{width: 18px;height: 22px;background-position: 0 -21px;}
.banner-post ul li>.icon-box2>span{width: 19px;height: 21px;background-position: 0 0;}
.banner-post ul li>.icon-box3>span{width: 23px;height: 23px;background-position: 0 -66px;}
.banner-post ul li>span{font-size: 15px;}
/*移动端隐藏 240312*/
@media screen and (max-width: 450px){
.banner-post{display: none;}
}
/*prof. media*/
.banner-pm{background-image: url(/images/icon/blog/banner-post/banner-pm.jpg);}
.banner-pm h3{font-size: 38px;font-weight:bold;color:#ff2f81;margin-top: 0;}
.banner-pm p{font-size: 15px;line-height: 25px;}
.banner-pm .link-dl{background-color: #ffffff;color: #d90058;}
.banner-pm .link-dl:hover{box-shadow: 0.15em 0.3em 0.6em rgba(255, 255, 255, .6);}
.banner-pm .link-dl .icon-box{margin: 0 0 0 17px;}
.banner-pm .icon-box>span{display: block;background-image: url(/images/icon/blog/banner-post/icon-banner.png);background-repeat: no-repeat;}
.banner-pm .icon-box.win>span{width: 23px;height: 24px;background-position: 0 -89px;}
.banner-pm .icon-box.mac>span{width: 26px;height: 30px;background-position: 0 -141px;}
.banner-pm .link-more{border: 2px solid rgba(255, 255, 255, .53);padding-top: 6px!important;padding-bottom: 6px!important;color: #ffffff;}
.banner-pm .link-more:hover{box-shadow: 0.15em 0.3em 0.6em rgba(255, 255, 255, .6);}
/*cleverget*/
.banner-cg{background-image: url(/images/icon/blog/banner-post/banner-cg.jpg);}
.banner-cg h3{font-size: 32px;line-height: 48px;font-weight:bold;color:#fff159;margin-top: 0;margin-bottom: 10px;}
.banner-cg p{font-size: 15px;line-height: 30px;}
.banner-cg .btn-sys{border-right-color: rgba(108, 50, 56, .2);}
.banner-cg .link-dl{background-color: #FBE150;color: #000000;}
.banner-cg .link-dl:hover{box-shadow: 0.15em 0.3em 0.6em rgba(251, 225, 80, .6);}
.banner-cg .link-dl .icon-box{margin: 0 0 0 17px;}
.banner-cg .icon-box>span{display: block;background-image: url(/images/icon/blog/banner-post/icon-banner.png);background-repeat: no-repeat;}
.banner-cg .icon-box.win>span{width: 23px;height: 23px;background-position: 0 -43px;}
.banner-cg .icon-box.mac>span{width: 22px;height: 28px;background-position: 0 -113px;}
.banner-cg .link-more{color: #000000;background-color: #ffffff;}
.banner-cg .link-more:hover{box-shadow: 0.15em 0.3em 0.6em rgba(255, 255, 255, .6);}
@media screen and (max-width: 1199px){
.banner-post .row{display: block;}
.banner-post .banner-pic{margin: 15px 0;}
.banner-post .btn-area{flex-wrap: wrap;}
.banner-post ul{justify-content: flex-start;width: auto;}
.banner-post ul li{margin-right: 25px;}
}
/*guide 面包屑导航 20231102*/
.nav-bread{padding-left: 30px;margin-top: 25px;}
@keyframes movebounce {
0% {
transform: translateY(0px); }
50% {
transform: translateY(20px); }
100% {
transform: translateY(0px); } }
@keyframes moveleftbounce {
0% {
transform: translateX(0px); }
50% {
transform: translateX(20px); }
100% {
transform: translateX(0px); } }