.tr_link_box a { color: #b9a9bb;} .tr_link_box a:hover { color: #fff; text-decoration: none;} #header #navbar .navbox .wp_nav li.nav-item a, #header #navbar .navbox .wp_nav .sub-nav .nav-item, .wp_nav .sub-nav { border-width: 0;} #header #navbar .navbox .wp_nav .sub-nav li.nav-item a span { text-align: center;} #header #navbar .navbox .wp_nav .sub-nav .nav-item { line-height: 40px;} #listcolumnContent .list .position { padding-bottom: 1em;} #listcolumnContent .list .position, #listcolumnContent .list .position a { color: #666;} .m-mzw-swiper-a4{overflow:hidden;position:relative;padding-bottom:25px;} .m-mzw-swiper-a4 .con{height: 450px;display:flex;flex-direction:column;justify-content:flex-end;} .m-mzw-swiper-a4 .box{position:relative;} .m-mzw-swiper-a4 .date{display:inline-block;min-width:230px;background-image:linear-gradient(to right,#530e5f 0,#c460d3 100%);height:58px;line-height:58px;margin-bottom:22px;padding-right:20px;box-sizing:border-box;} .m-mzw-swiper-a4 .date::after{content:'';display:block;clear:both;} .m-mzw-swiper-a4 .date-line{width:11px;height:11px;border:2px solid #cf9d46;border-radius:50%;float:left;margin:22px 17px 0 18px;} .m-mzw-swiper-a4 .date-line::after{content:'';width:1px;height:calc(100% - 37px);background-color:#cf9d46;position:absolute;left:25px;top:37px;transition:all .4s;} .m-mzw-swiper-a4 .date-txt{float:left;font-size:20px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;} .m-mzw-swiper-a4 .txt{margin-left: 40px;margin-right: 30px;font-size: 18px;color:#212121;line-height:1.5;} .m-mzw-swiper-a4 .line{margin-top:30px;} .m-mzw-swiper-a4 .line dl{overflow:hidden;height:75px;border-bottom:1px solid #b3bdca;margin-right:-5px;} .m-mzw-swiper-a4 .line dd{background-color:#b3bdca;top:1940px;width:1px;height:100%;margin-right:20px;float:left;margin-top:50px;} .m-mzw-swiper-a4 .line dd.h1{margin-top:0;} .m-mzw-swiper-a4 .line dd.h2{margin-top:20px;} .m-mzw-swiper-a4 .line .d1{margin-left:25px;} .m-mzw-swiper-a4 .line .d19{margin-right:0;} .m-mzw-swiper-a4 .line .d20{display:none;} .m-mzw-swiper-a4 .con:hover .date-line::after{height:calc(100% - 37px + 105px);} .m-mzw-swiper-a4 .swiper-button-next,.m-mzw-swiper-a4 .swiper-button-prev{margin-top:0;overflow:hidden;border-radius:50%;background-color:#8a11a5;width:52px;height:52px;top:unset;bottom:0;opacity:1;cursor:pointer;outline:0;transform:unset;} .m-mzw-swiper-a4 .swiper-button-prev{left:0;} .m-mzw-swiper-a4 .swiper-button-next{right:0;background-color:#8a11a5;} .m-mzw-swiper-a4 .swiper-button-next::after,.m-mzw-swiper-a4 .swiper-button-prev::after{content:'';display:block;width:11px;height:18px;background-repeat:no-repeat;background-position:center;background-size:100% auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .m-mzw-swiper-a4 .swiper-button-prev::after{background-image:url(style/icon-swiper-l3.png);} .m-mzw-swiper-a4 .swiper-button-next::after{background-image:url(style/icon-swiper-r3.png);} @media only screen and (min-width:950px) and (max-width:1920px){ .m-mzw-swiper-a4{padding-bottom:1.302vw;} .m-mzw-swiper-a4 .con{height:18vw;} .m-mzw-swiper-a4 .date{min-width:11.97vw;height:3.020vw;line-height:3.020vw;margin-bottom:1.145vw;padding-right:1.041vw;} .m-mzw-swiper-a4 .date-line{width:.572vw;height:.572vw;border:.104vw solid #cf9d46;border-radius:50%;margin:1.145vw .885vw 0 .937vw;} .m-mzw-swiper-a4 .date-line::after{width:1px;height:calc(100% - 1.927vw);left:1.302vw;top:1.927vw;} .m-mzw-swiper-a4 .date-txt{font-size: 0.86vw;} .m-mzw-swiper-a4 .txt{margin-left: 2.489vw;margin-right:1.839vw;font-size: 0.82vw;} .m-mzw-swiper-a4 .line{margin-top:1.562vw;} .m-mzw-swiper-a4 .line dl{height:3.906vw;border-bottom:1px solid #b3bdca;margin-right:-.26vw;} .m-mzw-swiper-a4 .line dd{top:101vw;width:1px;margin-right:1.041vw;margin-top:2.604vw;} .m-mzw-swiper-a4 .line dd.h2{margin-top:1.041vw;} .m-mzw-swiper-a4 .line .d1{margin-left:1.302vw;} .m-mzw-swiper-a4 .con:hover .date-line::after{height:calc(100% - 1.927vw + 5.468vw);} .m-mzw-swiper-a4 .swiper-button-next,.m-mzw-swiper-a4 .swiper-button-prev{width:2.708vw;height:2.708vw;} .m-mzw-swiper-a4 .swiper-button-next::after,.m-mzw-swiper-a4 .swiper-button-prev::after{width:.572vw;height:.937vw;} } @media only screen and (min-width:950px) and (max-width:1700px){ .m-mzw-swiper-a4 .line .d18{margin-right:calc(1.041vw - 2px);} } @media only screen and (min-width:950px) and (max-width:1440px){ .m-mzw-swiper-a4 .line .d17,.m-mzw-swiper-a4 .line .d18{margin-right:calc(1.041vw - 2px);} } @media only screen and (max-width:1366px){ #content { width: 100%;} } @media only screen and (min-width:950px) and (max-width:1366px){ .m-mzw-swiper-a4 .line .d16,.m-mzw-swiper-a4 .line .d17,.m-mzw-swiper-a4 .line .d18{margin-right:calc(1.041vw - 2px);} } @media only screen and (min-width:950px) and (max-width:1152px){ .m-mzw-swiper-a4 .line .d15,.m-mzw-swiper-a4 .line .d16,.m-mzw-swiper-a4 .line .d17,.m-mzw-swiper-a4 .line .d18{margin-right:calc(1.041vw - 2px);} } @media only screen and (min-width:950px) and (max-width:1024px){ .m-mzw-swiper-a4 .line .d14,.m-mzw-swiper-a4 .line .d15,.m-mzw-swiper-a4 .line .d16,.m-mzw-swiper-a4 .line .d17,.m-mzw-swiper-a4 .line .d18{margin-right:calc(1.041vw - 2px);} } @media only screen and (min-width:320px) and (max-width:1023px){ .m-mzw-swiper-a4 .con{height:340px;} .m-mzw-swiper-a4 .date{min-width:184px;height:46px;line-height:46px;margin-bottom:10px;padding-right:15px;box-sizing:border-box;} .m-mzw-swiper-a4 .date-line{width:7px;height:7px;margin:18px 15px 0 15px;} .m-mzw-swiper-a4 .date-line::after{height:calc(100% - 29px);left:20px;top:29px;transition-delay:.3s;} .m-mzw-swiper-a4 .date-txt{font-size:18px;} .m-mzw-swiper-a4 .txt{margin-left:40px;margin-right:0;font-size:14px;} .m-mzw-swiper-a4 .line{margin-top:20px;} .m-mzw-swiper-a4 .line dl{height:50px;} .m-mzw-swiper-a4 .line dd{margin-top:35px;margin-right:calc((100% - 21px)/ 19 - 1px)!important;} .m-mzw-swiper-a4 .line .d1{margin-left:20px;} .m-mzw-swiper-a4 .line .d20{display:block;margin-right:0!important;} .m-mzw-swiper-a4 .line dd.h2{margin-top:20px;} .m-mzw-swiper-a4 .con:hover .date-line::after{height:calc(100% - 29px);} .m-mzw-swiper-a4 .swiper-slide-active .con .date-line::after{height:calc(100% - 29px + 70px);} /* .m-mzw-swiper-a4 .swiper-button-next, .m-mzw-swiper-a4 .swiper-button-prev{display:none} */ }