/*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: 13px;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: 0 0 60px;}
#renew-content .container{text-align: center;}
#renew-content h2{font-size: 48px;font-weight: bold;letter-spacing: .05em;color: #000000;padding-top: 30px;margin-bottom: 20px;}
#renew-content h2>img{margin-right: 30px;}
#renew-content h2+p{font-size: 13px;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-weight: bold;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-weight: bold;;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 .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-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-weight: bold;}
#renew-content .big .price>p b{font-size: .6em;color: #ffffff;}
#renew-content .big .price>p i{font-style: normal;}
#renew-content .big .price>p>i.red{color: #eb521d;}
#renew-content .big .price>p>i.red>span{color: #eb521d;}
#renew-content .big .price>p>del{font-size: 18px;color: #ffffff;font-weight: normal;display: none;}

#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: #eb521d;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>.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 .pro-name span{color: #444444;}
#renew-content .single-module .price>p{font-size: 24px;line-height: 28px;color: #444444;font-weight: bold;}
#renew-content .single-module .price>p i{font-style: normal;}
#renew-content .single-module .price>p>i.red{color: #eb521d;}
#renew-content .single-module .price>p>i.red>span{color: #eb521d;}
#renew-content .single-module .price>p>del{font-size: 0.8em;color: #777777;display: none;}

/*20220922 date switch*/
.date-switch{margin-bottom: 20px;border-bottom: 1px solid #EEEEEE;border-radius: 0!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;float: left;}
.date-switch input[type="radio"]:checked+label::before{background-color: #0C5ADB;background-clip: content-box;padding: 3px;border: 1px solid #0C5ADB;}
.date-switch input[type="radio"]+label{font-size: 16px;color: #444444;font-weight: normal;}
.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);width: 22px;height: 22px;margin-right: 15px;float: left;flex-shrink: 0;text-align: center;}
.prolist input[type="checkbox"]+label.pn::before{opacity: 0;}
.prolist input[type="checkbox"]:checked+label::before{content: '\2714';background-color: #0C5ADB;border: #0C5ADB;}
.prolist input[type="checkbox"]+label{font-size: 16px;color: #444444;display: flex;text-align: left;justify-content: flex-start;align-items: center;}
.prolist input[type="checkbox"]+label:hover{}
.prolist .price>p{font-size: 18px!important;}


/*20221025*/
#renew-content .brand{margin-bottom: 50px;}
#renew-content .brand-title{padding-left: 5%;}
#renew-content .brand-title>h2{font-size: 48px;color: #000000;padding-top: 0;letter-spacing: 0.05em;margin-top: 0;}
#renew-content .brand-title>h2+p{margin-bottom: 0;color: #eb521d;font-size: 16px;}
#renew-content .brand .btn-sys{background-color: rgb(232, 238, 240);border: none;border-radius: 24px;margin: 20px 0;height: 48px;width: 260px;padding: 4px;}
#renew-content .brand .btn-sys>p{border-radius: 20px;box-shadow: none;border: 1px solid rgb(232, 238, 240);transition: border-color .3s ease-in-out;margin: 0;column-gap: 10px;flex-basis: 50%;}
#renew-content .brand .btn-sys>p.on, #renew-content .brand .btn-sys>p:hover{border-color: rgb(13, 109, 240);}
#renew-content .brand .btn-sys img{opacity: 1;}
#renew-content .brand .btn-sys img:first-child{margin-right: 0;}
#renew-content .pro-select-area{padding: 10px 30px 20px;margin-bottom: 40px;position: relative;border-radius: 12px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);}
#renew-content .pro-select-area>img:first-child{position: absolute;right: -10px;top: -10px;}
#renew-content .pro-select-area .big{margin-top: 30px;padding: 0;margin-bottom: 20px;}
#renew-content .pro-select-area .big .pro-name{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 10px;letter-spacing: .05em;}
#renew-content .pro-select-area .big .pro-name+p{font-size: 16px;color: #ffffff;font-weight: normal;}
#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: 25px;background-color: #0D6DF0;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: #0D6DF0;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"]+label.pn>.pro::before{opacity: 0;}
#renew-content .pro-select-area .big input[type="checkbox"]:checked+label>.pro::before{content: '\2714';}
#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: -35px;border: none;justify-content: center;height: 56px;display: flex;justify-content: center;align-items: stretch;}
#renew-content .pro-select-area .date-switch>div{background-color: #ffffff;border-radius: 6px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);display: flex;justify-content: space-between;}
#renew-content .pro-select-area .date-switch>div>div{padding: 0!important;display: flex;align-items: center;}
#renew-content .pro-select-area .date-switch>div>div>div{padding: 0 30px;}
#renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 20px;display: flex;align-items: center;}
#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: 30px;}
    #renew-content .pro-select-area .big .price{padding-right: 5px;margin-top: 10px;}
    #renew-content .pro-select-area .big .price>p>del{font-size: 16px;}
    .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;background: none;}
#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;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 h3{font-size: 18px;font-weight: bold;color: #444444;letter-spacing: .05em;text-align: left;margin-bottom: 40px;}
#renew-content .list{list-style-type: none;text-align: center;letter-spacing: .05em;text-align: left;}
#renew-content .list>li{font-size: 16px;line-height: 21px;color: #444444;margin-bottom: 10px;background: none;}
#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: 7px;
}
#renew-content .list>li>span{color: #eb521d;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-weight: bold;font-style: normal;color: #777777;}
#renew-content .discount span{color: #ee5a22;}
#renew-content .save{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .total>i{font-size: 32px;color: #eb521d;font-weight: bold;}
#renew-content .total>i>b{font-size: .6em;}
#renew-content .tip{font-size: 12px;color: #444444;text-align: left;padding-left: 30px;display: none;}
#renew-content .tip>span{color: #eb521d;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;display: inline-block;border-radius: 6px;color: #ffffff;font-weight: bold;background-color: #EE5A22;font-weight: bold;letter-spacing: 1px;margin-top: 20px;width: 100%;}
#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-weight: bold;letter-spacing: 0.08em;margin-top: 10px;}
#renew-content .timeout>span{color: #0C5ADB;}

.renew-note{border-radius: 13px;padding: 50px 15px 45px;}
.renew-note .credit{display: flex;align-items: center;column-gap: 8%;row-gap: 20px;flex-wrap: wrap;margin-bottom: 20px;}
.renew-note .credit p{font-size: 16px;color: #444444;font-weight: bold;}
.renew-note .safe ul{display: flex;align-items: center;justify-content: space-between;gap: 30px;flex-wrap: wrap;width: 100%;padding: 0 15px;list-style-type: none;margin:20px 0 30px;}
.renew-note .safe ul>li{flex-grow: .25;display: flex;align-items: center;gap: 15px;}
.renew-note .safe ul>li>p{font-size: 18px;color: #0c5adb;}
.renew-note .safe ul>li>p>span{font-size: 24px;font-weight: bold;}
.renew-note .note{border: 1px solid rgb(220, 228, 233);border-radius: 12px;background-color: #ffffff;padding: 20px 15px 50px;margin-top: 20px;}
.renew-note .note ul li{position: relative;font-size: 14px;color: #444444;line-height: 30px;padding-left: 18px;}
.renew-note .note ul li:before{
  content: '';width: 5px;height: 5px;border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
  background-image: linear-gradient( 90deg, rgba(37,166,232,0.99608) 0%, rgb(63,124,222) 100%);
  position: absolute;left: 0;top: 12px;
}
.renew-note .note ol{margin: 20px 0 0;list-style-position: inside;}
.renew-note .note ol li{font-size: 14px;line-height: 30px;color: #444444;position: relative;}
.renew-note h3{margin-top: 30px;margin-bottom:20px;font-size: 18px;font-weight: bold;color: #444444;letter-spacing: .05em;}
.renew-note p{font-weight: normal;}
/*.renew-note h3+p{color:#eb521d;}*/
.renew-note .red{color: #ee5a22!important;}

.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;margin-bottom: 0;justify-content: space-between;}
.purchase-note .safe div{margin-bottom: 0;}

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 h2{font-size: 24px;margin-bottom: 20px;}
#package-cover .textbox>p{font-weight: bold;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 .subtitle{margin-bottom: 40px!important;display: block;}
#package-cover .textbox .subtitle>i{font-style: normal;color: #eb521d;}
#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-weight: bold;letter-spacing: 1px;margin-top: 10px;}
#package-cover .textbox del{color: #777777;}
#package-cover .textbox span{font-size: 36px;color: #eb521d;font-weight: 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;}
}

@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-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: 50px;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;}