@charset "utf-8";.dialog-box,.thanks-dialog-box{background:#FFF;padding:20px 60px;border-radius:5px;z-index:2;box-sizing:border-box;margin:60px auto 100px auto;max-width:400px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%)}.dialog-box .title,.thanks-dialog-box .thanks-title{font-size:24px;font-weight:700;color:#222;text-align:center}.dialog-box .con > img,.thanks-dialog-box .thanks-con > img{display:block;margin:20px auto;max-width:100px;height:auto}.dialog-box .con > img:hover,.thanks-dialog-box .thanks-con > img:hover{opacity:1}.dialog-box .con p,.thanks-dialog-box .thanks-con p{max-width:440px;font-size:13px;text-align:center;margin-bottom:10px;color:#666}.dialog-box .con a,.thanks-dialog-box .thanks-con a{display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;color:#666}.dialog-box .con a:hover,.thanks-dialog-box .thanks-con a:hover{color:#ff520e}.dialog-box .con a img,.thanks-dialog-box .thanks-con a img{position:relative;margin-left:10px;}@media screen and (max-width:768px){.dialog-box,.thanks-dialog-box{padding:20px 30px}.dialog-box .con > img,.thanks-dialog-box .thanks-con > img{margin:10px auto}.dialog-box .title,.thanks-dialog-box .thanks-title{font-size:18px}}
/* Search Page */
#pagesearch .pagesearch-container{background:#f7f7f7;padding:60px 15px;display:flex;align-items:center;justify-content:center}
#pagesearch .pagesearch-flex{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
#pagesearch .pagesearch-select{position:relative;min-width:130px;user-select:none}
#pagesearch .pagesearch-select .select-selected{width:100%;height:42px;display:inline-flex;align-items:center;padding:0 10px;background:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;color:#213045;position:relative;transition:all .1s linear}
#pagesearch .pagesearch-select .select-selected.open{border-radius:5px 5px 0 0;border:1px solid var(--color)}
#pagesearch .pagesearch-select .select-selected::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#213045 transparent transparent transparent}
#pagesearch .pagesearch-select .select-items{width:100%;border:1px solid var(--color);background:#fff;box-shadow:3px 4px 8px 0 rgba(99,100,108,.2);border-radius:0 0 5px 5px;position:absolute;top:100%;left:0;display:none}
#pagesearch .pagesearch-select .select-items .select-option{padding:0 10px;height:36px;display:flex;align-items:center;color:#213045;cursor:pointer}
#pagesearch .pagesearch-select .select-items .select-option.selected{background:var(--color);color:#fff}
#pagesearch .pagesearch-input{display:flex;align-items:center;height:42px;width:100%;max-width:800px}
#pagesearch .pagesearch-input input{flex:1;height:100%;outline:0;border:none;padding:0 15px;color:#213045;border:1px solid #ccc;border-radius:5px 0 0 5px}
#pagesearch .pagesearch-input input:focus{border:1px solid var(--color)}
#pagesearch .pagesearch-input input::placeholder{color:#999}
#pagesearch .pagesearch-input button{min-width:100px;height:100%;display:inline-flex;align-items:center;justify-content:center;background:var(--color);border:1px solid var(--color);color:#fff;border-radius:0 5px 5px 0;transition:all .1s linear}
#pagesearch .pagesearch-input button:hover{opacity:.95}
#pagesearch .pagesearch-article{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1500px;margin:0 auto;padding:45px 15px 140px}
#pagesearch .pagesearch-article.flex1 .pagesearch-item{width:100%}
#pagesearch .pagesearch-article.flex2 .pagesearch-item{width:49%}
#pagesearch .pagesearch-article.flex3 .pagesearch-item{width:32%}
#pagesearch .pagesearch-article.flex4 .pagesearch-item{width:24%}
#pagesearch .pagesearch-item{border:1px solid #ddd;padding:30px 20px;margin-bottom:1em}
#pagesearch .pagesearch-title{line-height:1;font-size:26px;font-weight:300;position:relative;padding-bottom:15px}
#pagesearch .pagesearch-title span{font-weight:600}
#pagesearch .pagesearch-title::after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:#213045}
#pagesearch .pagesearch-list{display:flex;flex-direction:column;margin-top:20px;gap:15px}
#pagesearch .pagesearch-list li{display:flex;align-items:stretch}
#pagesearch .pagesearch-list li .img{width:105px;height:80px;overflow:hidden;border:1px solid #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center}
#pagesearch .pagesearch-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#pagesearch .pagesearch-list li .img img:hover{transform:scale(1.02)}
#pagesearch .pagesearch-list li .info{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-left:20px}
#pagesearch .pagesearch-list li .info .title{color:#213045;font-size:16px;display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.2}
#pagesearch .pagesearch-list li .info .title:hover{text-decoration:underline}
#pagesearch .pagesearch-list li .info .date{margin-top:10px;color:#666;font-size:14px}
#pagesearch .pagesearch-list li .info .more{margin-top:10px;font-size:12px;background:var(--color);color:#fff;padding:0 15px;min-width:80px;height:25px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}
#pagesearch .pagesearch-list .products .img{width:80px;height:80px}
@media (max-width:1024px){#pagesearch .pagesearch-item{width:49%!important}}
@media (max-width:768px){#pagesearch .pagesearch-container{padding:40px 15px}
#pagesearch .pagesearch-flex{flex-direction:column}
#pagesearch .pagesearch-select{width:100%}}
@media (max-width:500px){#pagesearch .pagesearch-item{width:100%!important}}