#articleStyle24 *{text-align:left;vertical-align:middle;overflow-wrap:normal;word-break:normal;line-height:140%;margin:0;padding:0;border-width:0;}
.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: 80%;margin: 0 auto;}
#articleStyle24 .essay-first-set,#articleStyle24 .essay-second-set{overflow:hidden;position:relative}
#articleStyle24 .essay-first-set{padding: 10px 0 86px;}
#articleStyle24 .essay-first-set .pic{float:right;width: 59%;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{width: 100%;position:relative;z-index:2;}
#articleStyle24 .essay-first-set .essay-describe h4{position:relative;animation-name:fadeInLeft;text-align: center;}
#articleStyle24 .essay-first-set .essay-describe h4 b{display:inline-block;font-size: 30px;margin-bottom: 0px;letter-spacing: 4px;text-align: center;}
#articleStyle24 .essay-first-set .essay-describe h4:after{content:'';display:block;width:80px;height:1px;background-color: #484848;position:absolute;bottom:-15px;left: 47%;}
#articleStyle24 .essay-first-set .essay-describe h3{padding: 42px 0 2px;font-size: 24px;font-weight: 400;text-align: center;letter-spacing: 2px;}
#articleStyle24 .essay-second-set{margin-bottom: 70px;display: flex;justify-content: space-between;align-items: center;}
#articleStyle24 .essay-second-set .pic{display: flex;width: 50%;border-right: 1px solid #e7e7e7a1;flex-direction: column;align-items: center;justify-content: center;}
#articleStyle24 .essay-second-set .pic ul{list-style:none;overflow:hidden;text-align:center}
#articleStyle24 .essay-second-set .pic ul li{float:left;margin: 0px 5px 0px;animation-name:fadeInLeft;}
#articleStyle24 .essay-second-set .essay-info{float:right;width: calc(53% - 50px);padding: 0px 20px;animation-name:fadeInUp;}
#articleStyle24 .essay-second-set .essay-describe{}
#articleStyle24 .essay-second-set .essay-describe h3{margin-top: 60px;margin-bottom: 0px;font-size: 23px;font-weight: 400;text-align: left;letter-spacing: 2px;padding: 10px 0px;}
#articleStyle24 .txtF{font-size: 16px;line-height:180%;font-weight: 300;color: #848484;text-align: center;}
#articleStyle24 .essay-second-set .essay-describe .txtF{
    text-align: left;
    margin-left: 11px;
}

@media screen and (max-width: 1680px) {
#articleStyle24 .essay-first-set .pic{width:50%}
#articleStyle24 .essay-first-set .essay-info{}
}
@media screen and (max-width: 1366px) {
    #articleStyle24 .essay-second-set .pic{width: calc(100% - 730px);border-right: 4px solid #2f2f2f;padding-right: 2%;}

}
@media screen and (max-width: 1280px) {
#articleStyle24 .essay-second-set .essay-info{width: 420px;padding-left:45px;}
#articleStyle24 .essay-second-set .pic{width: calc(100% - 520px);}
#articleStyle24 .essay-second-set .pic ul li{width:100%}
}
@media screen and (max-width: 980px) {
#articleStyle24 .essay-first-set .pic{width:100%}
#articleStyle24 .essay-first-set .essay-info{width:100%;margin-top: 20px;}
#articleStyle24 .essay-first-set .pic:after{display:none}
#articleStyle24 .essay-first-set {
    padding: 0px 0 80px;
}
#content {
    overflow: hidden;
    position: relative;
}
#articleStyle24 .essay-second-set .essay-info{width:100%;padding:0;border:0}
#articleStyle24 .essay-second-set .pic{width:100%}
#articleStyle24 .essay-second-set .essay-describe h3,#articleStyle24 .essay-second-set .essay-describe .txtF{
    text-align: center;
}
}
@media screen and (max-width: 768px) {
#articleStyle24 .essay-second-set{margin-top:0;display: flex;flex-direction: column;}
#articleStyle24 .txtF {
    font-size: 15px;
    line-height: 180%;
    margin-bottom: 10px;
}
#articleStyle24 .essay-first-set .essay-describe h4:after{

    left: 43%;


}

}
@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: 0px 0px 20px;font-size: 21px;padding: 25px 0 0px;letter-spacing: 1px;text-align: center;}
#articleStyle24 .essay-first-set .essay-describe h4:after{bottom:-10px}
#articleStyle24 img{width: 100%;}

#articleStyle24 .essay-first-set {
    padding: 0px 0 15px;
}
#articleStyle24 .essay-first-set .essay-describe h4:after{
    left: 37%;
}
}