.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:.5s;-webkit-animation-delay:.5s}
.delay2{animation-delay:1s;-webkit-animation-delay:1s}
#articleStyle24{width:100%;margin:0 auto}
#articleStyle24 img{width:100%}
#articleStyle24 .essay-first-set,#articleStyle24 .essay-second-set{overflow:hidden;position:relative}
#articleStyle24 .essay-first-set{padding:60px 0}
#articleStyle24 .essay-first-set .pic{float:right;width:60%;position:relative;z-index:2}
#articleStyle24 .essay-first-set .pic:after{content:'';background:url(https://www.i-web.com.tw/style/images/24/bg_dot.gif);width:80%;position:absolute;left:-50px;top:-50px;display:block;height:calc(100% + 100px);z-index:1}
#articleStyle24 .essay-first-set .pic img{position:relative;z-index:2}
#articleStyle24 .essay-first-set .essay-info{float:left;width:calc(40% - 150px);margin-top:100px;position:relative;z-index:2}
#articleStyle24 .essay-first-set .essay-describe h4{position:relative;animation-name:fadeInLeft}
#articleStyle24 .essay-first-set .essay-describe h4 b{font-weight:400;display:inline-block;font-size:1.2rem}
#articleStyle24 .essay-first-set .essay-describe h4:after{content:'';display:block;width:80px;height:1px;background-color:#fa723d;position:absolute;bottom:-15px;left:0}
#articleStyle24 .essay-first-set .essay-describe h3{margin:70px 0 35px;color:#383737;font-size:1.6rem;animation-name:fadeInLeft}
#articleStyle24 .essay-second-set{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#articleStyle24 .essay-second-set .pic{width:50%}
#articleStyle24 .essay-second-set .pic ul{list-style:none;overflow:hidden;text-align:center}
#articleStyle24 .essay-second-set .pic ul li{width:calc(50% - 10px);float:left;margin:0 5px 10px;animation-name:fadeInLeft}
#articleStyle24 .essay-second-set .essay-info{width:45%;animation-name:fadeInUp}
#articleStyle24 .essay-second-set .essay-describe{margin:10px 0}
#articleStyle24 .essay-second-set .essay-describe h3{font-size:1.5rem;margin-bottom:20px;color:#383737}
#articleStyle24 .txtF{font-size:16px;line-height:180%}
@media screen and (max-width:1680px){#articleStyle24 .essay-first-set .pic{width:50%}
#articleStyle24 .essay-first-set .essay-info{width:calc(50% - 100px);margin-top:50px}
}@media screen and (max-width:1280px){}
@media screen and (max-width:980px){#articleStyle24 .essay-first-set .pic{width:100%}
#articleStyle24 .essay-first-set .essay-info{width:100%;margin-top:50px}
#articleStyle24 .essay-first-set .pic:after{display:none}
}@media screen and (max-width:768px){#articleStyle24 .essay-second-set .essay-info{width:100%;padding:0;border:0}
#articleStyle24 .essay-second-set .pic{width:100%}
#articleStyle24 .essay-second-set{margin-top:0}
}@media screen and (max-width:480px){#articleStyle24 .essay-first-set .essay-describe h4 b{font-size:1rem}
#articleStyle24 .essay-first-set .essay-describe h3{margin:50px 0 20px}
#articleStyle24 .essay-first-set .essay-describe h4:after{bottom:-10px}
}