.wrapper{background-color:#017487;overflow:hidden}.sub-title{padding-top:140px;margin-bottom:70px;overflow:hidden}@media screen and (max-width: 768px){.sub-title{padding-top:100px;margin-bottom:40px}}.sub-title h1{text-align:center}.sub-title h1 b{display:inline-block;position:relative;margin:0 auto}.sub-title h1 b::after,.sub-title h1 b::before{content:"";display:block;width:56px;height:41px;background-image:url(../images/blog/fish.png);position:absolute;left:-66px;top:calc(50% - 30px);background-repeat:no-repeat}@media screen and (max-width: 480px){.sub-title h1 b::after,.sub-title h1 b::before{background-size:80%;background-position:50%}}.sub-title h1 b::after{transform:scaleX(-1);position:absolute;left:calc(100% + 10px)}.sub-title h1 span{color:#fff;text-align:center;display:block;font-size:24px;margin-top:5px}@media screen and (max-width: 480px){.sub-title h1 span{font-size:18px}}@media screen and (max-width: 480px){.sub-title h1 img{height:50px}}.sub-title .blog-catalog{margin-top:15px}.sub-title .blog-catalog ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.sub-title .blog-catalog ul li{margin:5px}.sub-title .blog-catalog ul li a{display:block;color:#fff;border-radius:5px;padding:2px 10px;background-color:#000;cursor:pointer;transition:all linear .2s}@media screen and (max-width: 480px){.sub-title .blog-catalog ul li a{padding:2px 6px}}.blog-list .items{display:flex;flex-wrap:wrap}.blog-list .box{width:calc(33.33% - 40px);margin:0 20px 40px;position:relative;box-sizing:border-box}@media screen and (max-width: 980px){.blog-list .box{width:calc(50% - 40px)}}@media screen and (max-width: 480px){.blog-list .box{width:calc(50% - 10px);margin:0 5px 40px}}.blog-list .box a.boxAlink{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.blog-list .box .bA-box{margin:50px 10px}@media screen and (max-width: 1440px){.blog-list .box .bA-box{margin:10px 10px}}@media screen and (max-width: 768px){.blog-list .box .bA-box{margin:30px 10px}}@media screen and (max-height: 700px)and (min-width: 1000px){.blog-list .box .bA-box{margin:20px 10px}}@media screen and (max-width: 480px){.blog-list .box .bA-box{margin:10px 10px}}.blog-list .box .bA-box h3{font-style:italic;color:#fff;font-size:30px;text-align:center;font-weight:bold;line-height:120%;text-shadow:1px 1px 0 #0d4157,-1px -1px 0 #0d4157,-1px 1px 0 #0d4157,1px -1px 0 #0d4157;filter:drop-shadow(2px 4px 0px #0d4157)}.blog-list .box .bA-box h3 b{color:#fc0;font-size:30px;font-weight:bold}@media screen and (max-width: 640px){.blog-list .box .bA-box h3{font-size:24px}.blog-list .box .bA-box h3 b{font-size:24px}}.blog-list .box .bA-box .coverImg{width:280px;aspect-ratio:1/1;border-radius:50%;border:8px solid #0d4157;background-size:cover;background-position:50%;margin:0 auto;margin-top:-30px;box-sizing:border-box}@media screen and (max-height: 700px)and (min-width: 1000px){.blog-list .box .bA-box .coverImg{width:180px}}@media screen and (max-width: 768px){.blog-list .box .bA-box .coverImg{width:100%}}@media screen and (max-width: 480px){.blog-list .box .bA-box .coverImg{border:4px solid #0d4157;margin-top:-15px}}.blog-list .box .bA-box .text{margin-top:-60px;width:70%;margin-left:30%;transform:translateX(30%);text-align:left}@media screen and (max-height: 700px)and (min-width: 1000px){.blog-list .box .bA-box .text{margin-top:-90px}}@media screen and (max-width: 980px){.blog-list .box .bA-box .text{margin-left:20%}}@media screen and (max-width: 768px){.blog-list .box .bA-box .text{margin-top:-20px;width:100%;margin-left:0;transform:translateX(20%)}}@media screen and (max-width: 480px){.blog-list .box .bA-box .text{margin-top:-20px;padding-bottom:0px;transform:unset;position:relative;z-index:2;margin-left:10%}}.blog-list .box .bA-box .text p{position:relative;text-align:left;color:#fff;margin:5px 0;box-sizing:border-box;font-size:14px}@media screen and (max-width: 480px){.blog-list .box .bA-box .text p{font-size:.7rem}}.blog-list .box .bA-box .text p:after{display:block;content:"";position:absolute;width:90%;z-index:-1;height:100%;background-color:#be5d5c;top:0;left:-5%;transform:skewX(-30deg)}.blog-list .box .bA-box .text p span{display:inline-block;position:relative;font-size:14px}.blog-list .box .bA-box .text p span:after{font-size:14px}@media screen and (max-width: 480px){.blog-list .box .bA-box .text p span{font-size:.7rem}.blog-list .box .bA-box .text p span:after{font-size:.7rem}}.blog-list .box .bA-box .text p span.s1:after{content:"★☆☆☆☆"}.blog-list .box .bA-box .text p span.s2:after{content:"★★☆☆☆"}.blog-list .box .bA-box .text p span.s3:after{content:"★★★☆☆"}.blog-list .box .bA-box .text p span.s4:after{content:"★★★★☆"}.blog-list .box .bA-box .text p span.s5:after{content:"★★★★★"}.blog-list .box .bA-box .text p.link{display:inline-block}.blog-list .box .bA-box .text p.link:after{background-color:#a8bb52}.blog-list .box .bA-box .text p.link a{display:block;color:#fff;font-size:14px;font-style:italic}@media screen and (max-width: 480px){.blog-list .box .bA-box .text p.link a{font-size:.7rem}}.blog-list .box .bA-box .text p.link a img{width:18px;display:inline-block;margin-left:5px;transform:scaleX(-1)}.blog-list .pagenav{margin-top:50px}.blog-list .pagenav ul{display:flex;justify-content:center}.blog-list .pagenav ul li a{display:inline-block;color:#fff;margin:0 3px;position:relative;border-bottom:1px solid rgba(255,255,255,0);padding:3px 5px;border-radius:5px;cursor:pointer}.blog-list .pagenav ul li a:hover{background-color:#fff;color:#000}.blog-list .pagenav ul li.active a{border-bottom:1px solid #fff}/*# sourceMappingURL=player.css.map */