.bg-white{background-color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.mg{margin:0}.mg-20{margin:20px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.pd-10{padding:10px}.pd-20{padding:20px}.pd-t-10{padding-top:10px}.pd-t-20{padding-top:20px}.pd-b-0{padding-bottom:0}.pd-b-10{padding-bottom:10px}.pd-b-20{padding-bottom:20px}.my-10{margin:10px 0}.wd{width:1210px;margin:0 auto}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;padding:15px;border-radius:5px;display:none;z-index:1000;background-color:rgba(0,0,0,0.8)}.notification.show{display:block}.notification.block{color:#333;font-weight:bold}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.notification.info{background-color:#17a2b8}.notification.warning{background-color:#ffc107}.modal-container{z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);justify-content:center;align-items:center}.modal-container .modal-content{position:fixed;top:50%;left:50%;width:400px;padding:20px;display:flex;flex-direction:column;transform:translate(-50%, -50%);border-radius:8px;box-sizing:border-box;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.modal-container .modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;position:relative}.modal-container .modal-header .close{position:absolute;top:0;right:0;color:#333;font-size:24px;cursor:pointer;line-height:1}.modal-container .modal-body{flex:1;margin-bottom:15px}.modal-container .modal-body .hint{color:#999;font-size:14px;text-align:center;margin:0}.modal-container .modal-body input[type="email"]{width:100%;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.modal-container .modal-footer{display:flex;justify-content:flex-end}.modal-container .modal-footer .button{margin-left:10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-container .modal-footer .confirm{background:var(--theme-color);color:white}.modal-container .modal-footer .cancel{background:red;color:white}.loading-square{width:30px;height:30px;background-color:var(--theme-color);animation:loading-rotate 1s linear infinite}.loading-ring{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid var(--theme-color);border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loading-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.my-btn{outline:none;color:#333;border:none;cursor:pointer;padding:5px 10px;margin-right:5px;border-radius:2px;border:1px solid var(--theme-color);background:#fff}.my-btn.disabled{cursor:not-allowed;background-color:#ccc;border-color:#ccc}.my-btn:last-child{margin-right:0}.my-btn.active,.my-btn:hover{color:#fff;background-color:var(--theme-color-hover)}.comment-form{text-align:right;margin-top:10px}.comment-form .comment-input{width:100%;padding:10px;margin:10px 0;resize:vertical;box-sizing:border-box;border-radius:2px;border:1px solid var(--theme-color)}.comment-form .comment-input:focus,.comment-form .comment-input:hover{outline:none;border-color:var(--theme-color-hover)}.comment-section{margin-top:30px;padding:15px;background-color:#FFF;border:2px solid var(--theme-color)}.comment-section .comment{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #CCC}.comment-section .reply{margin-top:10px;padding-left:20px;border-left:3px solid var(--theme-color)}.comment-section .buttons{text-align:right}.comment-section .buttons button:nth-child(2){margin-right:0}.page{display:flex;justify-content:center;align-items:center;padding:20px}.page .paginator{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px}.page .page-item{width:auto;float:none;margin:0 5px}.page .page-link{color:black;font-size:16px;display:inline-block;line-height:1;padding:5px 10px;text-decoration:none;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:background-color .3s}.page .page-link:hover{border-color:lightgray;background-color:lightgray}.page .active{color:white;background-color:var(--theme-color)}.page .page-link:disabled{color:lightgray;cursor:not-allowed}.page .page-link:first-child{margin-left:0}.page .page-link:last-child{margin-right:0}.foot-des-container{clear:both;max-width:1210px;margin:15px auto;padding:10px;border-radius:4px;background-color:#fff;border:1px solid #eee;box-sizing:border-box}.foot-des-container .section{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:10px;margin-bottom:10px}.foot-des-container .section-title{font-size:16px;margin-bottom:0}.foot-des-container .item{width:calc((100% - 10px) / 2);padding:10px;background-color:var(--theme-color);border-radius:4px;box-sizing:border-box}.foot-des-container .item:nth-child(1),.foot-des-container .item:nth-child(2){margin:5px 0 0}.foot-des-container .item a{display:flex;align-items:center;justify-content:space-between}.foot-des-container .item a,.foot-des-container .item span{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-des-container .button{border:none;cursor:pointer;text-decoration:none}@media screen and (max-width:768px){.my-btn{padding:3px 8px}.comment-section{font-size:16px}.comment-section .comment p{font-size:14px}.foot-des-container{margin-top:0}.foot-des-container .section-title{display:block;width:100%}.foot-des-container .section{gap:0}.foot-des-container .section .button{width:100%;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #f1f1f1}.foot-des-container .item{width:100%;margin:5px 0 !important}}