.reference-site .ly_poster_132 .category_box{margin-top: 50px}
.reference-site .ly_poster_132 .wrap_category_container{margin:0 auto}
.reference-site .ly_poster_132 .category_list{display: grid}
.reference-site .ly_poster_132 .category_list .category_item{margin-bottom: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 10px}
.reference-site .ly_poster_132 .category_list .category_item a{display: block;position: relative;text-decoration: none}
.reference-site .ly_poster_132 .category_list .category_item .category_img{overflow: hidden;position: relative}
.reference-site .ly_poster_132 .category_list .category_item .category_img .category_type_img{position: absolute;width:100%;height: 100%;margin-top: -100%}
.reference-site .ly_poster_132 .category_list .category_item .category_img::after{content:"";display:block;width: 100%;height: 100%;position:absolute;top:100%;opacity:.9;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.reference-site .ly_poster_132 .category_list .category_item:hover .category_img::after{top: 0;opacity: .33}
.reference-site .ly_poster_132 .category_list .category_item .category_img .category_type_img .category_center_img{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%}
.reference-site .ly_poster_132 .category_list .category_item .category_img>img{display: block;font-size: 0;max-width: 100%;max-height: 100%}
.reference-site .ly_poster_132 .category_list .category_item .category_title{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;margin-top: 20px;font-size: 16px;line-height: 1.1;text-align: center}
@media  (min-width: 768px) and (max-width: 1000px){.reference-site .ly_poster_132 .category_box{margin-top: 28px}
.reference-site .ly_poster_132 .category_list .category_item{padding:20px 15px}
.reference-site .ly_poster_132 .category_list .category_item:last-child{display: block}
.reference-site .ly_poster_132 .category_list .category_item .category_title{margin-top: 16px}}
@media  screen and (max-width: 768px){.reference-site .ly_poster_132 .category_box{margin-top: 12px}
.reference-site .ly_poster_132 .category_list .category_item{padding:10px 5px}
.reference-site .ly_poster_132 .category_list .category_item .category_title{margin-top: 8px;}}
@media  screen and (max-width:1000px){.reference-site .ly_poster_132 .category_list .category_item{margin-bottom: 0px}
.reference-site .ly_poster_132 .category_list .category_item .category_img::after{content: none}}
.reference-site .ly_poster_132 .section_title{text-align: center}
.reference-site .ly_poster_132 .section_title .section_title_main{box-sizing: border-box;line-height: 1.1;text-transform: uppercase}
.reference-site .ly_poster_132 .section_title .section_title_sub{font-size: 14px;line-height: 1.1;margin-top: 10px}
.reference-site .ly_poster_132 .ly_type_img .ly_type_themeImg .ly_a::after{content:"";display:block;width:100%;height:100%;position:absolute;top:100%;opacity:.9;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#fff}
@media  (min-width: 768px) and (max-width: 1000px){.reference-site .ly_poster_132 .section_title .section_title_sub{font-size: 18px;line-height: 20px;margin-top: 10px}}
@media  screen and (max-width: 768px){.reference-site .ly_poster_132 .section_title .section_title_sub{max-width: 80%;margin: 0 auto;margin-top: 4px}}
.reference-site .ly_poster_132 .themes_box_title{font-family: var(--ThemesBoxTitleFont);color: var(--ThemesBoxTitleColor)}
.reference-site .ly_poster_132 .category_list .category_item:hover .category_title{color:#0058a3}
.reference-site .ly_poster_132 .category_list .category_item .category_img::after{background-color:#fff}
.reference-site .ly_poster_132 .category_list .category_item:hover .category_img::after{background-color: #254961}
@media  screen and (max-width:1000px){.reference-site .ly_poster_132 .category_list .category_item:hover .category_title{color: #282d35}}