#CustomizeList{width:100%;min-height:100vh;position:relative;overflow:hidden}#CustomizeList .row{width:1200px;max-width:100%;margin:0 auto;padding:150px 0 0;position:relative}@media(max-width:1200px){#CustomizeList .row{padding:150px 20px}}@media(max-width:600px){#CustomizeList .row{padding-top:60px}}#CustomizeList header{text-align:left;width:100%}#CustomizeList header .sub_title{margin:0;color:red;font-weight:700;letter-spacing:6px;overflow:hidden}#CustomizeList header .sub_title b{display:block;font-weight:700}#CustomizeList header .title{margin:0;font-weight:900;font-size:7vmin;overflow:hidden}#CustomizeList header .title b{display:block;font-weight:900}@media(max-width:600px){#CustomizeList header .title{font-size:40px}}#CustomizeList .list_header{width:100%;display:flex;justify-content:flex-end;padding:10px}#CustomizeList .list_header .select_box{position:relative;width:250px}@media(max-width:600px){#CustomizeList .list_header .select_box{width:100%;margin-top:20px}}#CustomizeList .list_header .select_box span{display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);color:red}@media(max-width:768px){#CustomizeList .list_header .select_box span{right:0}}#CustomizeList .list_header .select_box select{width:250px;padding:15px 0;background-color:transparent;border:none;border-bottom:1px solid red;font-size:24px;font-weight:700;color:#fff}#CustomizeList .list_header .select_box select option{background-color:#222;color:#fff}@media(max-width:768px){#CustomizeList .list_header .select_box select{width:250px;font-size:16px}}@media(max-width:600px){#CustomizeList .list_header .select_box select{width:100%;font-size:16px}}#CustomizeList .list_header .select_box select:focus{outline:none}#CustomizeList .list_header .select_box select::-ms-expand{display:none}#CustomizeList .list_header .select_box select{-moz-appearance:none;-webkit-appearance:none}#CustomizeList .content_box{width:100%;margin:10px 0;position:relative;z-index:5}@media(max-width:600px){#CustomizeList .content_box{margin:20px 0 70px}}#CustomizeList .list_title{text-align:left;padding-left:10px;font-size:40px;margin:0}#CustomizeList .card_list{padding:0;margin:0 0 40px;list-style:none;display:flex;flex-wrap:wrap}#CustomizeList .card_list .card{width:calc(33.3333% - 20px);margin:10px;padding:45px 48px;border:1px solid #aaa;transition:all .4s;overflow:hidden;position:relative}#CustomizeList .card_list .card:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background-image:url(/img/product/bg.webp);background-position:center;background-size:cover;opacity:.3}@media(max-width:1000px){#CustomizeList .card_list .card{width:calc(50% - 20px)}}@media(max-width:768px){#CustomizeList .card_list .card{padding:30px}}@media(max-width:600px){#CustomizeList .card_list .card{width:100%}}#CustomizeList .card_list .card a{display:block;position:relative;z-index:5}#CustomizeList .card_list .card a .header h4{margin:0;line-height:40px;font-size:40px;transition:all .3s;color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:red}@media(max-width:1000px){#CustomizeList .card_list .card a .header h4{font-size:40px;line-height:40px}}@media(max-width:768px){#CustomizeList .card_list .card a .header h4{font-size:20px;line-height:1}}@media(max-width:600px){#CustomizeList .card_list .card a .header h4{font-size:30px}}#CustomizeList .card_list .card a .img_box{width:100%;position:relative}#CustomizeList .card_list .card a .img_box img{display:block;width:100%;transition:all .4s;position:relative;z-index:5}#CustomizeList .card_list .card a .img_box img:nth-of-type(2){position:absolute;top:0;left:0;width:100%;z-index:1;filter:brightness(0) blur(2px);transform:translateY(15px);opacity:.4}#CustomizeList .card_list .card a a{padding:6px 15px;font-size:12px;display:inline-block;background-color:red;color:#fff}#CustomizeList .card_list .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff000050;transform:translate(-250%) scaleX(2.3) skew(20deg);transform-origin:left;transition:all .5s;z-index:1}#CustomizeList .card_list .card:hover:before{transform:translate(-50%) scaleX(2.3) skew(20deg)}#CustomizeList .card_list .card:hover a .img_box img{transform:scale(1.1)}#CustomizeList .card_list .card:hover a p{color:#fff}
