.btn-custom{
    user-select: none;
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
    background-image: -moz-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
    background-image: -webkit-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
    background-image: -ms-linear-gradient( 36deg, rgba(245,157,19,0.99608) 0%, rgb(248,136,37) 100%, rgb(248,136,37) 100%);
}
.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%);
}

/*renew-content*/
#renew-content{padding: 0 0 115px;}
#renew-content .container{text-align: center;}
#renew-content h2{font-size: 30px;font-weight: 500;color: #303030;padding-top: 30px;margin-bottom: 20px;}
#renew-content i{font-style: normal;}
#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 .date-switch.row{
    display: flex;align-items: center;justify-content: space-between;width: 330px;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);border-radius: 12px;margin: -20px auto 0;background-color: #ffffff;
}

#renew-content .row>div{padding: 0;}
#renew-content .col-lg-5{display: flex;align-items: center;}
#renew-content .pro-name{color: #444444;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;;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;}
#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-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 40px;display: flex;flex-wrap: wrap;}
#renew-content .single-module>.row.on{background-color: rgb(249, 249, 249);}
#renew-content .single-module .pro-name{font-size: 18px;color: #444444;font-weight: 500;margin-bottom: 0;}
#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: #ee2221;}
#renew-content .single-module .price>p>del{font-size: 0.8em;color: #777777;display: none;}

/*20220922 date switch*/
.date-switch{padding: 15px 0 18px!important;margin-bottom: 20px;border-bottom: 1px solid #EEEEEE;}
.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;float: left;margin-top: 3px;}
.date-switch input[type="radio"]:checked+label::before{background-color: rgb(48, 133, 238);background-clip: content-box;padding: 3px;border: 1px solid rgb(48, 133, 238);}
.date-switch input[type="radio"]+label{font-size: 16px;color: #444444;}
.prolist{align-items: flex-start!important;}
.prolist>div{display: flex;margin-bottom: 10px;justify-content: space-between;}
.prolist>div:nth-child(odd){padding-right: 30px!important;}
.prolist>div:nth-child(even){padding-left: 30px!important;}
.prolist>div>div:first-child{display: flex;align-items: center;margin-bottom: 5px;}
.prolist>div.small>div:first-child{padding-left: 30px;}
.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: 1px solid rgb(48, 133, 238);font-family:'Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;font-size:16px;line-height:21px;}
.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 .small input[type="checkbox"]+label::before{width: 16px;height: 16px;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.prolist .price>p{font-size: 18px!important;}


/*20221025*/
#renew-content .brand{margin-bottom: 50px;}
#renew-content .brand-title>h2{font-size: 36px;line-height: 40px;color: #444444;padding-top: 0;}
#renew-content .brand-title>h2+p{margin-bottom: 0;color: #ee2221;text-align: left;}
#renew-content .brand .btn-sys{background: none;border: none;border-radius: 0;margin: 0 0 20px;}
#renew-content .brand .btn-sys>p{border-radius: 0;border: none;box-shadow: none;transition: border-color .3s ease-in-out;margin: 0 10px;font-size: 16px;}
#renew-content .brand .btn-sys>p>a{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: 40px;position: relative;}
#renew-content .pro-select-area>img:first-child{position: absolute;left: -1px;top: 9px;}
#renew-content .pro-select-area .big{margin-top: 70px;padding: 0;margin-bottom: 20px;}
#renew-content .pro-select-area .big .pro-name{font-size: 24px;font-weight: 500;}
#renew-content .pro-select-area .big .pro-name+p{font-size: 14px;font-weight: normal;margin-top: 8px;}
#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 13px;background-color: #E6F0FC;border-radius: 12px;width: 100%;display: flex;align-items: center;margin: 0;}
#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:'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: -40px;border: none;}
#renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 20px;display: flex;align-items: center;font-weight: 500;margin-bottom: 0;}
#renew-content .pro-select-area .date-switch>div>div{display: inline-block;background-color: #ffffff;}
#renew-content .pro-select-area .date-switch>div{padding: 0!important;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;top: 0;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 h3{font-size: 16px;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;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: 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-style: normal;color: #777777;}
#renew-content .save{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .total>i{font-size: 36px;color: #ee2221;}
#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-weight: bold;letter-spacing: 1px;margin-top: 20px;}
html[lang=ja] #renew-content .check>a{margin-top: 5px;}
#renew-content .check>a:hover{text-decoration:none;}
#renew-content .check>a.pn{pointer-events: none;color: #BDBDBD;background-color: #F2F2F2;background-image: none;}
#renew-content .timeout{font-size: 12px;color: #777777;letter-spacing: 0.08em;margin-top: 10px;}
#renew-content .timeout>span{color: #3085ee;}
html[lang=ja] #renew-content .timeout{margin-top: 20px;}
#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;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;top: 0;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;display:none;}
#package-cover .package-mac{display: none;}
#package-cover .row>p{margin-bottom: 40px;}
#package-cover .textbox h2{font-size: 24px;margin-bottom: 20px;}
#package-cover .textbox>p{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: #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-weight: bold;letter-spacing: 1px;margin-top: 10px;}
#package-cover .textbox .btn-custom:hover{text-decoration:none;}
#package-cover .textbox del{color: #777777;}
#package-cover .textbox span{font-size: 36px;color: #ee2221;}
#package-cover .textbox b{font-size: .5em;}
#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;}
}

@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;}
}


#credit{margin-top:40px;}
#credit>p{display:flex;align-items:center;justify-content:space-between;}
#credit>p>span:first-child{font-size:16px;font-weight:500;color:#444444;}

#safe{margin-top:50px;}
#safe ul{display:flex;justify-content:space-around;flex-wrap:wrap;}
#safe li{font-size: 16px;color:#444444;line-height:24px;font-weight:500;display:flex;flex-basis:220px;flex-shrink:0;}
#safe li>span{width:58px;height:48px;flex-shrink:0;margin-right:15px;display:flex;align-items:center;justify-content:center;}
#safe li>span:before{content:'';background-image:url(/images/purchase/single-purchase-icon-241014.png);background-repeat:no-repeat;}
#safe li.l1>span:before{width:42px;height:48px;background-position:-10px -200px;}
#safe li.l2>span:before{width:45px;height:45px;background-position:-286px 0;}
#safe li.l3>span:before{width:58px;height:44px;background-position:-10px -70px;}
#safe li.l4>span:before{width:46px;height:46px;background-position:-10px -134px;}

#note{border:1px solid rgb(220, 228, 233);margin-top:25px;padding:0 35px 35px;margin-bottom: 50px;}
#note h3{margin-top:0;font-size:18px;color:#444444;margin:35px 0 20px;}
#note h3.red{color:#fe3a26;margin-bottom:10px;}
#note ul>li{font-size:14px;line-height:27px;padding-left:25px;position:relative;color:#808080;}
#note ul>li:before{
    content:'';width:5px;height:5px;position:absolute;left:0;top:11px;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%);
}
#note ul>li:first-child{color:#fe3a26;}
#note ul>li:first-child:before{display:none;}
#note ol{list-style-position:inside;}
#note ol>li{font-size:14px;line-height:27px;}

@media screen and (max-width: 991px){
    #credit>p{flex-direction:column;align-items:flex-start;}
    #credit>p>span{margin-bottom:20px;}
    #credit img{margin: 5px;max-width:100%;}

    #safe ul{flex-direction:column;align-items:flex-start;}
    #safe li{flex-basis:auto;margin-bottom:30px;}
}