#ProductList{width:100%;min-height:100vh;position:relative;overflow:hidden}#ProductList .scroll-content{min-height:100vh;display:flex;flex-direction:column}#ProductList .row{width:1200px;max-width:100%;margin:0 auto;padding:150px 0 0;position:relative;flex:1}@media(max-width:1200px){#ProductList .row{padding:150px 20px}}@media(max-width:600px){#ProductList .row{padding:100px 20px}}#ProductList header{text-align:left;width:100%;display:flex;align-items:flex-end;justify-content:space-between}@media(max-width:600px){#ProductList header{flex-direction:column;align-items:flex-start;justify-content:flex-start}}#ProductList header .sub_title{margin:0;color:red;font-weight:700;letter-spacing:6px;overflow:hidden}#ProductList header .sub_title b{display:block;font-weight:700}#ProductList header .title{margin:0;font-weight:900;font-size:7vmin;overflow:hidden}#ProductList header .title b{display:block;font-weight:900}@media(max-width:600px){#ProductList header .title{font-size:40px}}#ProductList header .select_box{position:relative}@media(max-width:600px){#ProductList header .select_box{width:100%;margin-top:20px}}#ProductList header .select_box span{display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);color:red}@media(max-width:768px){#ProductList header .select_box span{right:0}}#ProductList 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}#ProductList header .select_box select option{background-color:#222;color:#fff}@media(max-width:768px){#ProductList header .select_box select{width:160px;font-size:16px;height:50px}}@media(max-width:600px){#ProductList header .select_box select{width:100%;font-size:16px}}#ProductList header .select_box select:focus{outline:none}#ProductList header .select_box select::-ms-expand{display:none}#ProductList header .select_box select{-moz-appearance:none;-webkit-appearance:none}#ProductList .content_box{width:100%;margin:70px 0;position:relative;z-index:5}@media(max-width:600px){#ProductList .content_box{margin:20px 0 70px}}#ProductList .card_list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap}#ProductList .card_list .card{width:50%;padding:45px 48px;border:1px solid #aaa;border-top:0px;border-left:0px;transition:all .4s;overflow:hidden;position:relative}#ProductList .card_list .card:nth-of-type(odd){border-left:1px solid #aaa}#ProductList .card_list .card:nth-last-of-type(1){border-right:1px solid #aaa}#ProductList .card_list .card:nth-of-type(1),#ProductList .card_list .card:nth-of-type(2){border-top:1px solid #aaa}#ProductList .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:.4}@media(max-width:768px){#ProductList .card_list .card{padding:30px}}@media(max-width:600px){#ProductList .card_list .card{width:100%;border-left:1px solid #aaa;border-top:0}#ProductList .card_list .card:nth-of-type(2){border-top:none}}#ProductList .card_list .card a{display:block;position:relative;z-index:5}#ProductList .card_list .card a .header{display:flex;align-items:center;margin-bottom:20px}#ProductList .card_list .card a .header h4{margin:0;line-height:1.2;text-align:left;font-size:4vmin;text-shadow:0px 0px 0px #000;transition:all .3s;color:#fff}#ProductList .card_list .card a .header span{display:block;min-width:75px;margin-left:20px;background-color:red;color:#fff;font-size:12px;padding:5px 10px}@media(max-width:1000px){#ProductList .card_list .card a .header h4{font-size:40px;line-height:1.2}}@media(max-width:960px){#ProductList .card_list .card a .header{flex-direction:column-reverse}#ProductList .card_list .card a .header span{margin-left:0;margin-bottom:20px;padding:3px 10px}}@media(max-width:768px){#ProductList .card_list .card a .header span{margin-bottom:10px}#ProductList .card_list .card a .header h4{font-size:30px;line-height:1}}@media(max-width:600px){#ProductList .card_list .card a .header span{margin-bottom:10px}#ProductList .card_list .card a .header h4{font-size:40px}}#ProductList .card_list .card a .img_box{width:100%;position:relative}#ProductList .card_list .card a .img_box img{display:block;width:100%;transition:all .4s;position:relative;z-index:5}#ProductList .card_list .card a .img_box img.shadow{position:absolute;top:0;left:0;width:100%;z-index:1;filter:brightness(0) blur(2px);transform:translateY(15px);opacity:.3}#ProductList .card_list .card a p{text-align:right;font-weight:700;font-size:24px;margin:20px 0 0;color:#999}#ProductList .card_list .card a p span{font-size:14px;display:inline-block;margin-left:5px}#ProductList .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}#ProductList .card_list .card:hover:before{transform:translate(-50%) scaleX(2.3) skew(20deg)}#ProductList .card_list .card:hover .header h4{text-shadow:6px 6px 0px rgba(0,0,0,.482)}#ProductList .card_list .card:hover a .img_box img{transform:scale(1.1)}#ProductList .card_list .card:hover a p{color:#fff}#ProductList .bg_text_1{position:absolute;top:50vh;left:50%;z-index:1;width:90vw;transform:translate(-50%,-50%);opacity:.05}@media(max-width:768px){#ProductList .bg_text_1{display:none}}