/*nav*/
nav{box-shadow: 0px 0px 8px 0px rgba(170, 170, 170, 0.25);}
em{font-style: normal;font-size: .6em;}
.hide{display: none!important;}
.sys-hide{display: none!important;}
.red{color: #f22222;}
.navbar .nav-item{padding: 10px 5px;}

/*btn*/
.btn-purchase{
  user-select: none;
  transition: all 0.2s ease;
  background-image: linear-gradient(to right, #FC5712, #F90529);
}
@keyframes borderGlow {
  0% { box-shadow: 0 0 5px #FC5712; }
  50% { box-shadow: 0 0 18px #F90529; }
  100% { box-shadow: 0 0 5px #FC5712; }
}

.btn-purchase:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(240, 30, 20, 0.3);
}
.btn-purchase:active{
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(240, 30, 20, 0.25);
}

/*module purchase*/
#module-purchase{padding-top: 120px;color: #100f0f;font-family: "Meiryo UI";}
#module-purchase .brand{display: flex;align-items: center;gap: 30px;}
#module-purchase .brand h1{font-size: 30px;}
#module-purchase .brand .sys-switch-btn-group{display: flex;align-items: center;justify-content: center;background-color: #E5E5E5;height: 30px;border-radius: 15px;width: 180px;}
#module-purchase .brand .sys-switch-btn-group>p{display: flex;column-gap: 7px;padding: 5px 12px;align-items: center;justify-content: center;border-radius: 15px;box-sizing: border-box;height: 100%;cursor: pointer;user-select: none;flex-basis: 50%;}
#module-purchase .brand .sys-switch-btn-group>p>img{-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);}
#module-purchase .brand .sys-switch-btn-group>p.on, #module-purchase .brand .sys-switch-btn-group>p:hover{border: 1px solid #066CE0;color: #066ce0;background-color: #ffffff;}
#module-purchase .brand .sys-switch-btn-group>p.on>img, #module-purchase .brand .sys-switch-btn-group>p:hover>img{-webkit-filter: grayscale(0);filter: none;filter: grayscale(0);}
#module-purchase .head-info{display: flex;align-items: flex-end;gap: 20px;margin-top: 20px;}
#module-purchase .head-info>div{flex-basis: 60%;}
#module-purchase .head-info>ul{flex-basis: 40%;}
#module-purchase .head-info>div p.head-info-title{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
#module-purchase .head-info>div p.head-info-text{font-size: 16px;line-height: 27px;color: #676666;}
#module-purchase .head-info>ul{display: flex;align-items: center;justify-content: center;row-gap: 20px;column-gap: 50px;}
#module-purchase .head-info>ul>li{display: flex;align-items: center;gap: 8px;}
#module-purchase .head-info>ul>li>p{font-size: 14px;color: #888888;}

#module-purchase .purchase-select-area{display: flex;align-items: stretch;column-gap: 40px;row-gap: 30px;margin-top: 25px;}
#module-purchase .pro-info-area{flex-grow: 1;}
#module-purchase .pro-info-area .purchase-type{display: flex;align-items: stretch;gap: 20px;}
#module-purchase .pro-info-area .purchase-type .bundle-type{background: linear-gradient(#fff, #fff) content-box, linear-gradient(45deg, #FABA9B, #F95C75) border-box;flex-basis: 60%;flex-grow: 1;padding: 1px;border-radius: 14px;overflow: hidden;box-shadow: 0px 0px 20px 0px rgba(170, 170, 170, 0.25);}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container{background-image: url(/images/purchase/2606/bundle-title.png);background-position: -1px -1px;background-repeat: no-repeat;padding: 30px 25px 25px;background-color: #FCF7F5;border-radius: 13px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info{display: flex;align-items: center;column-gap: 15px;row-gap: 5px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-logo{flex-basis: 150px;display: flex;align-items: center;justify-content: center;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .tip{
	font-size: 16px;font-weight: bold;background: linear-gradient(to right, #FC5712, #F90529);-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block;
}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .title{font-size: 20px;font-weight: bold;margin-top: 5px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .title span{font-size: 16px;color: #676666;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .text{font-size: 16px;line-height: 27px;color: #676666;margin-top: 10px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list{display: flex;align-items: center;gap: 15px;margin-top: 10px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list ul{list-style-type: none;display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list ul li{flex-shrink: 0;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list>div{background-color: #ECF0FE;border-radius: 8px;width: 90px;height: 40px;text-align: center;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list>div>p:first-child{font-size: 16px;font-weight: bold;color: #3f4a96;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list>div>p:last-child{font-size: 14px;color: #848bbd;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature{margin-top: 30px;display: flex;align-items: center;justify-content: center;row-gap: 10px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price{padding-right: 15px;border-right: 1px solid #DCDCDC;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price p:first-child{font-size: 14px;color: #888888;text-decoration: line-through;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price p:last-child{font-size: 28px;color: #f22222;font-weight: bold;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price p:last-child>span:last-child{font-size: 14px;color: #888888;font-weight: normal;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-feature{display: flex;align-items: flex-start;justify-content: center;padding: 0 20px;column-gap: 20px;row-gap: 15px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-feature>div{/*flex-basis: 50%;*/}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-feature>div>p{font-size: 14px;line-height: 24px;color: #444444;display: flex;align-items: baseline;column-gap: 5px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-purchase-btn{margin-top: 30px;}
#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-purchase-btn>a{display: flex;align-items: center;justify-content: center;column-gap: 8px;row-gap: 10px;width: 100%;border-radius: 8px;height: 50px;font-size: 18px;font-weight: bold;color: #ffffff;}
#module-purchase .pro-info-area .purchase-type .modules-type{flex-basis: 365px;flex-shrink: 0;border: 1px solid #E2E2E2;border-radius: 14px;background-image: url(/images/purchase/2606/modules-title.png);background-repeat: no-repeat;padding: 50px 15px 15px;box-shadow: 0px 0px 20px 0px rgba(170, 170, 170, 0.25);display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-info{display: flex;align-items: flex-start;column-gap: 15px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-info .modules-cart{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 75px;height: 75px;border-radius: 50%;background-color: #DDF5E9;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-info .modules-text .title{font-size: 18px;font-weight: bold;color: #09a956;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-info .modules-text .text{font-size: 16px;line-height: 27px;color: #676666;margin-top: 8px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature{margin-top: 35px;display: flex;align-items: center;justify-content: center;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-price{padding-right: 10px;border-right: 1px solid #DCDCDC;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-price p.p1{font-size: 14px;color: #04ad55;font-weight: 500;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-price p.p2{font-size: 14px;color: #444444;margin-top: 10px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-price p.p3{font-size: 16px;color: #04ad55;font-weight: bold;margin-top: 10px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-price p.p3>span{font-size: 14px;color: #888888;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-feature{padding: 0 10px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-price-feature .modules-feature>p{font-size: 14px;line-height: 24px;color: #444444;display: flex;align-items: baseline;column-gap: 5px;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn{display: flex;align-items: center;justify-content: center;gap: 10px;border: 1px solid #04AD55;border-radius: 8px;height: 36px;cursor: pointer;transition: all .2s ease;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn>p{font-size: 16px;color: #079759;font-weight: bold;transition: all .2s ease;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn>img{transition: all .2s ease;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn:hover{background-color: #04AD55;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn:hover>p{color:#ffffff;}
#module-purchase .pro-info-area .purchase-type .modules-type .modules-select-btn:hover>img{filter: brightness(0) invert(1);}
#module-purchase .pro-info-area .purchase-type .modules-type p.tip{font-size: 14px;color: #888888;text-align: center;margin-top: 5px;}
#module-purchase .pro-info-area>.tip{display: flex;align-items: center;justify-content: center;gap: 8px;background-color: #FBF6F4;border: 1px solid #F7D9CF;border-radius: 6px;margin-top: 12px;padding: 4px 15px;}
#module-purchase .pro-info-area>.tip>p{font-size: 16px;line-height: 24px;color: #676666;}
#module-purchase .pro-info-area>.tip>p>span{color: #f35152;}

#module-purchase .pro-info-area .single-module-select-area{margin-top: 35px;}
#module-purchase .pro-info-area .single-module-select-area>p.title{font-size: 20px;font-weight: bold;}
#module-purchase .pro-info-area .single-module-select-area>p.tip{font-size: 16px;color: #676666;margin-top: 10px;}
#module-purchase .pro-info-area .single-module-select-area>p.tip>span{color: #f22222;}
#module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list{display: flex;align-items: center;justify-content: flex-start;column-gap: 10px;row-gap: 5px;flex-wrap: wrap;list-style-type: none;margin-top: 20px;}
#module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list li{font-size: 16px;line-height: 27px;padding: 2px 15px;color: #676666;text-align: center;border: 1px solid #E2E2E2;border-radius: 15px;display: flex;align-items: center;justify-content: center;column-gap: 10px;cursor: pointer;}
#module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list li:hover, #module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list li.on{color: #ffffff;background-color: #066CE0;border-color: #066CE0;}
#module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list li:hover>img, #module-purchase .pro-info-area .single-module-select-area ul.nav-pro-list li.on>img{filter: brightness(0) invert(1);}
#pro-list-show{display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;margin-top: 17px;list-style-type: none;}
#pro-list-show li{border: 1px solid #E2E2E2;border-radius: 8px;padding: 25px 10px 18px;display: flex;align-items: stretch;justify-content: space-between;gap: 10px;position: relative;}
#pro-list-show li .icon{flex-shrink: 0;}
#pro-list-show li .info{flex-grow: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
#pro-list-show li .info .pro-name{font-size: 16px;color: #100f0f;font-weight: bold;margin-bottom: 15px;}
#pro-list-show li .info .info-bot .price{font-size: 16px;color: #f22222;font-weight: bold;}
#pro-list-show li .info .info-bot .price span{font-size: 14px;color: #888888;font-weight: normal;}
#pro-list-show li .info .info-bot .btn-add{display: flex;align-items: center;gap: 4px;justify-content: center;border: 1px solid #066ce0;border-radius: 8px;margin-top: 4px;width: 145px;padding: 2px 15px;user-select: none;cursor: pointer;}
#pro-list-show li .info .info-bot .btn-add p{font-size: 16px;line-height: 24px;color: #066ce0;font-weight: bold;}
#pro-list-show li .info .info-bot .btn-add p span{display: none;}
/*#pro-list-show li .info .info-bot .btn-add:hover{border-color: #8B8B8B;}
#pro-list-show li .info .info-bot .btn-add:hover p{color: #8B8B8B;}
#pro-list-show li .info .info-bot .btn-add:hover img{filter: grayscale(100%);}*/
#pro-list-show li.added .info .info-bot .btn-add{border-color: #8B8B8B;cursor: auto;}
#pro-list-show li.added .info .info-bot .btn-add p{color: #8B8B8B;}
#pro-list-show li.added .info .info-bot .btn-add img{filter: grayscale(100%);}
#pro-list-show li.added .info .info-bot .btn-add p span{display: inline;}
#pro-list-show li .hot-icon{position: absolute;right: 0;top: 0;font-size: 14px;line-height: 18px;color: #f21858;background-color: #FCE8EB;border-top-right-radius: 8px;border-bottom-left-radius: 8px;padding: 0 15px;}
#list-all{width: 100%;background-color: #E7F2FA;border-radius: 6px;margin-top: 12px;cursor: pointer;}
#list-all>p{font-size: 16px;line-height: 27px;color: #066ce0;font-weight: bold;display: flex;align-items: center;justify-content: center;gap: 8px;}

#module-purchase .checkout-area{flex-basis: 350px;flex-shrink: 0;}
#module-purchase .checkout-area>div{position: sticky;top: 90px;}
#module-purchase .checkout-area .selected-modules-area{box-shadow: 0px 0px 20px 0px rgba(170, 170, 170, 0.25);border-radius: 12px;border: 1px solid rgb(226, 226, 226);}
#module-purchase .checkout-area .selected-modules-area .head{padding: 25px;display: flex;align-items: center;justify-content: space-between;gap: 20px;border-bottom: 1px solid #D8D8D8;}
#module-purchase .checkout-area .selected-modules-area .head>p{font-size: 16px;color: #100f0f;font-weight: bold;}
#del-all{display: flex;align-items: center;gap: 3px;cursor: pointer;}
#del-all>p{color: #444444;}
#module-purchase .checkout-area .selected-modules-area .cart-info{padding-bottom: 18px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info{display: flex;flex-direction: column;align-items: stretch;justify-content: center;gap: 15px;min-height: 500px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected{padding: 0 15px;height: 300px;overflow-y: scroll;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul{list-style-type: none;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li{display: flex;align-items: flex-start;justify-content: space-between;gap: 15px;padding: 20px 15px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li:not(:first-child){border-top: 1px solid #D8D8D8;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info{display: flex;align-items: flex-start;gap: 10px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info .icon-module{flex-shrink: 0;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info .info{flex-grow: 1;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info .info .pro-name{font-size: 14px;font-weight: bold;color: #100f0f;margin-bottom: 5px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info .info .price{font-size: 16px;color: #444444;/*font-family: "Meiryo";*/font-weight: 500;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .pro-info .info .price span{font-size: 14px;color: #888888;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .list-selected ul li .icon-close{cursor: pointer;flex-shrink: 0;}
#module-purchase .checkout-area .selected-modules-area .cart-info .check-info{padding: 0 20px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .check-info>div{display: flex;align-items: baseline;justify-content: space-between;gap: 15px;margin-bottom: 10px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .check-info>div>p.price-type{font-size: 16px;color: #100f0f;}
.normal-price .price-show, .save-price .price-show{font-size: 16px;/*font-family: "Meiryo";*/}
#module-purchase .checkout-area .selected-modules-area .cart-info .check-info>div>p.price-type .tax-text{color: #888888;}
#total-price{font-size: 28px;color: #f22222;}

#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips{padding: 0 15px;margin: 15px 0;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip{padding: 15px;display: none;border-radius: 12px;border: 1px solid rgb(244, 229, 206);background-color: rgb(254, 249, 238);}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip.on{display: block;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="1"]{border: none;background: none;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .title{display: flex;align-items: flex-start;gap: 10px;margin-bottom: 15px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .title p{font-size: 16px;font-weight: bold;color: #676666;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .text{font-size: 14px;line-height: 24px;color: #676666;margin-top: 10px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="1"] .title p{color: #100f0f;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .progress{border-radius: 5px;height: 9px;background-color: #C5D7E8;position: relative;padding: 1px;margin-top: 15px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .progress>.inner{background-color: #EBF1F6;width: 100%;height: 100%;border-radius: 4px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip .progress>span{display: block;position: absolute;left: 0;top: 0;background-image: linear-gradient( to right, rgb(49,157,234) 0%, rgb(6,108,224) 100%);height: 100%;border-radius: 5px;/*transition: width .3s ease-out;*/}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="4"] .progress>span{background-image: linear-gradient( to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%);}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="5"] .progress>span{background-image: linear-gradient( to right, rgb(246,75,151) 16%, rgb(148,57,188) 100%);}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="4"] .btn{width: 100%;border: 1px solid transparent;height: 32px;padding: 2px 15px;border-radius: 8px;background:linear-gradient(#fff, #fff) padding-box, linear-gradient( to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) border-box;display: flex;align-items: center;justify-content: center;transition: all .4s ease-in-out;margin-top: 15px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="4"] .btn>a{font-size: 14px;line-height: 24px;font-weight: bold;color: #f90529;display: inline-block;width: 100%;height: 100%;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="4"] .btn:hover{background:linear-gradient(to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) padding-box, linear-gradient( to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) border-box;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="4"] .btn:hover>a{color: #ffffff;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="5"] .btn{width: 100%;text-align: center;padding: 8px 15px;border-radius: 8px;margin-top: 20px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .modules-info .select-tips .tip[tip-type="5"] .btn>a{display: inline-block;width: 100%;height: 100%;font-size: 18px;line-height: 30px;color: #ffffff;}

#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn{margin-top: 20px;padding: 5px 20px;display: flex;align-items: center;justify-content: center;}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a{width: 100%;height: 46px;border: 1px solid transparent;border-radius: 8px;background:linear-gradient(#fff, #fff) padding-box, linear-gradient( to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) border-box;display: flex;align-items: center;justify-content: center;gap: 8px;border-radius: 8px;user-select: none;transition: all 0.2s ease;}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a>p{font-size: 18px;font-weight: bold;color: #f90429;}
#checkout:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(240, 30, 20, 0.3);
}
#checkout:active{
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(240, 30, 20, 0.25);
}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.on, #module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a:hover{
	background:linear-gradient(to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) padding-box, linear-gradient( to right, rgb(252,89,17) 0%, rgb(249,2,42) 100%) border-box;
}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.on>p, #module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a:hover>p{color: #ffffff;}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.on>img, #module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a:hover>img{filter: brightness(0) invert(1);}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.gray{background: #C8C8C8;pointer-events: none;}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.gray>p{color: #ffffff;}
#module-purchase .checkout-area .selected-modules-area .cart-info .checkout-btn>a.gray>img{filter: brightness(0) invert(1);}

#module-purchase .checkout-area .selected-modules-area .cart-info .sec-info{display: flex;align-items: center;justify-content: center;gap: 15px;padding: 0 20px;margin-top: 10px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .sec-info>div{flex-basis: 50%;display: flex;align-items: center;justify-content: center;gap: 8px;}
#module-purchase .checkout-area .selected-modules-area .cart-info .sec-info>div>p{font-size: 14px;color: #676666;}

.secure-info{margin-top: 30px;margin-bottom: 25px;}
.secure-info ul{list-style-type: none;border-radius: 8px;display: flex;justify-content: space-between;border: 1px solid #E2E2E2;padding: 18px 18px 15px;gap: 15px;}
.secure-info ul li{display: flex;align-items: flex-start;gap: 10px;flex-basis: 20%;}
.secure-info ul li .sec-icon{width: 32px;height: 32px;border-radius: 16px;background-color: #EDF2FD;display: flex;align-items: center;justify-content: center;}
.secure-info ul li .sec-text .title{font-size: 16px;color: #100f0f;font-weight: bold;}
.secure-info ul li .sec-text .text{font-size: 14px;color: #676666;margin-top: 5px;}

#module-purchase .checkout-area .selected-modules-tip{border: 1px solid rgb(197, 215, 232);border-radius: 12px;background-color: rgb(238, 244, 249);padding: 20px 20px 15px;display: flex;align-items: flex-start;justify-content: flex-start;gap: 15px;margin-top: 18px;}
#module-purchase .checkout-area .selected-modules-tip .icon{flex-shrink: 0;padding-top: 2px;}
#module-purchase .checkout-area .selected-modules-tip .title{font-size: 18px;font-weight: bold;color: #100f0f;margin-bottom: 10px;}
#module-purchase .checkout-area .selected-modules-tip .text{font-size: 14px;color: #676666;margin-bottom: 10px;}
#module-purchase .checkout-area .selected-modules-tip .disc{font-size: 16px;font-weight: bold;color: #f90728;}
#module-purchase .checkout-area .selected-modules-tip .disc>span{font-size: 20px;}

/*scrollbar*/
/* 纵向滚动条宽度 */
.list-selected::-webkit-scrollbar {
  width: 8px;
  /* 横向滚动条高度 */
  height: 8px;
}
.list-selected::-webkit-scrollbar-track {
  background: #EAEDEF;    /* 轨道背景色 */
  /*border-radius: 4px;*/     /* 圆角 */
  /*box-shadow: inset 0 0 2px rgba(0,0,0,0.1);*/ /* 内阴影 */
}
.list-selected::-webkit-scrollbar-thumb {
  background: #E5F0F8;
  border-radius: 3px;
  border: 1px solid #B9CEE2; /* 边框 */
}
/* hover 加深颜色 */
.list-selected::-webkit-scrollbar-thumb:hover {
  background: #B9CEE2;
}
.list-selected::-webkit-scrollbar-button {
  display: none; /* 隐藏上下小箭头 */
}
@media (max-width: 450px){
	#module-purchase .head-info>ul{column-gap: 15px;}
}
@media (max-width: 767px){
	#module-purchase .head-info{flex-direction: column;align-items: flex-start;}
	#module-purchase .purchase-select-area{flex-direction: column;}
	#module-purchase .pro-info-area .purchase-type{flex-direction: column;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info{flex-direction: column;align-items: flex-start;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-logo{flex-basis: 80px;width: 100%;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-logo>img{width: 80px;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list{flex-direction: column;align-items: flex-start;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature{flex-direction: column;align-items: flex-start;margin-top: 20px;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price{padding: 0;border: 0;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-feature{padding: 0;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-purchase-btn{margin-top: 15px;}

	#pro-list-show{grid-template-columns: repeat(1, 1fr);}

	.secure-info ul{flex-direction: column;align-items: flex-start;}
}
@media (min-width: 768px) and (max-width: 991px){
	#module-purchase .head-info{flex-direction: column;align-items: flex-start;}
	#module-purchase .purchase-select-area{flex-direction: column;}
	#module-purchase .pro-info-area .purchase-type{flex-direction: column;}

	#pro-list-show{grid-template-columns: repeat(2, 1fr);}

	.secure-info ul{flex-direction: column;align-items: flex-start;}
}
@media (min-width: 992px) and (max-width: 1199px){
	#module-purchase .head-info{flex-direction: column;align-items: flex-start;}
	#module-purchase .pro-info-area .purchase-type{flex-direction: column;}

	#pro-list-show{grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 1200px) and (max-width: 1439px){
	#module-purchase .head-info>div, #module-purchase .head-info>ul{flex-basis: 50%;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info{flex-direction: column;align-items: flex-start;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-logo{flex-basis: 80px;width: 100%;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-logo>img{width: 80px;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-info .bundle-text .bundle-module-list{flex-direction: column;align-items: flex-start;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature{flex-direction: column;align-items: flex-start;margin-top: 20px;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-price{padding: 0;border: 0;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-price-feature .bundle-feature{padding: 0;}
	#module-purchase .pro-info-area .purchase-type .bundle-type .bundle-container .bundle-purchase-btn{margin-top: 15px;}
}
@media (min-width: 1440px){
	.container{max-width: 1400px;}
}

/* 定义高亮动画 */
@keyframes highlightBg {
  0% {
    background-color: #e6f4ff; /* 高亮浅黄，可自行替换颜色 */
  }
  80% {
    background-color: #e6f4ff; /* 高亮浅黄，可自行替换颜色 */
  }
  100% {
    background-color: transparent; /* 恢复透明/原有底色 */
  }
}

/* 动画类：总时长2秒，只播放一次 */
.list-highlight {
  animation: highlightBg 1.5s forwards;
}