.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo9{}
#articleInfo9 .article9-item >h4{font-size:22px;color:#8a877f;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;background:#fff;width:37px;position:relative;z-index:2;margin-left:40px;padding:15px 5px;letter-spacing:0.5em}
#articleInfo9 .article9-item >h4 i{animation-name:circle;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1s;-moz-animation-name:circle;-ms-animation-name:circle;-o-animation-name:circle;-webkit-animation-name:circle;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo9 .article9-item{position:relative}
#articleInfo9 .article9-item .article9-cotent{position:relative;z-index:1;transition:all ease-in-out 0.3s;margin-top:90px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box{overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:90%;margin:auto;gap: 10px;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box.img_JJ_box .img{display:flex;flex-direction:column;align-items:center;gap:10px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box.img_JJ_box{display:flex;align-items:flex-start;gap: 10px;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box.img_JJ_box .img img{height:100%;object-fit:cover;aspect-ratio: 1/1;}
#articleInfo9 .article9-item .article9-cotent .article9-first-box.img_JJ_box .img img{666}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{float:left;width:49%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow:hidden}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .sign{width:120px;margin-top:40px;float:right}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img img,#articleInfo9 .article9-item .article9-cotent .article9-second-box img{transition:all ease-in-out 0.5s;height:100%;width:100%;object-fit:cover}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt{float:right;width:47%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo9 .article9-item .article9-cotent.full_box .article9-first-box .txt{width:100%}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt p{font-size:15px;color:#717171;line-height:180%}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .h3{flex-shrink:0;font-size:16px;color:#000000;letter-spacing:1.5px;line-height:180%;margin:20px 0 20px 0;font-weight:400}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{margin:30px 0 20px;line-height:150%;color:#bdad84;font-size:22px;font-family:'Noto Serif TC',serif}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art{text-align:justify;display:block;padding-bottom:18px;margin-bottom:18px;color:#1a1a1a;border-bottom:1px solid #d1d1d1;position:relative;font-weight:400;line-height:34px;letter-spacing:3px;font-size:24px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art::after{content:"";display:block;position:absolute;bottom:0;left:0;width:33px;height:1px;background:#bdad84}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt .article9-first-txt-art strong{vertical-align:baseline;color:#000;font-style:16px;font-weight:400}
#articleInfo9 .article9-item .article9-cotent .article9-second-box{font-size:16px;overflow:hidden;margin-bottom:50px}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt{float:left;width:47%}
#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{float:right;width:47%}
#articleInfo9 .article9-item .article9-outside{margin-bottom:20px;text-align:end}
#articleInfo9 .article9-item .article9-outside p{font-size:17px;line-height:150%;color:#909090;border-bottom:1px solid #cbcbcb;display:inline;position:relative;z-index:1;transition:all ease-in-out 1s}

@media screen and (max-width: 1366px) {
    #articleInfo9 .article9-item >h4{margin-left:20px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .img{width:100%}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .sign{width:120px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt,#articleInfo9 .article9-item .article9-cotent .article9-second-box .left-txt,#articleInfo9 .article9-item .article9-cotent .article9-second-box .right-txt{width:100%;margin-top:20px}
#articleInfo9 .article9-item .article9-outside p{line-height:50px}
#articleInfo9 .article9-item .article9-outside{margin-bottom:20px}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{}
}

@media screen and (max-width: 480px) {
    .article9-item{position:relative;margin-bottom:10px}
#articleInfo9 .article9-item >h4{font-size:20px;width:34px;margin-left:0px;position:absolute;left:0;top:0;letter-spacing:0.2em;background:none;text-shadow:5px 5px 5px #fff,-5px 5px 5px #fff,5px -5px 5px #fff}
#articleInfo9 .article9-item .article9-outside p{line-height:40px;letter-spacing:0em}
#articleInfo9 .article9-item .article9-cotent .article9-first-box .txt h5{}
#articleInfo9 .article9-item .article9-cotent .article9-first-box{margin-bottom:20px}
#articleInfo9 .article9-item .article9-cotent .article9-second-box{margin-bottom:80px}
#articleInfo9 .article9-item .article9-cotent{margin-top:0}

}