#articleStyle24 *{text-align:left;vertical-align:middle;overflow-wrap:normal;word-break:normal;line-height:140%;font-family:Nunito,sans-serif,cwTeXHei,serif,微軟正黑體,Arial,"Arial Narrow";margin:0;padding:0;border-width:0;font-size:17px}
.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%;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}

#articleStyle24 ul li:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.1);
}



#articleStyle24 .essay-first-set,#articleStyle24 .essay-second-set{overflow:hidden;position:relative}
#articleStyle24 .essay-first-set{padding: 0px 0 0;}
#articleStyle24 .essay-first-set .pic{float:right;width: 55%;position:relative;z-index: 2;}
#articleStyle24 .essay-first-set .pic .youtube iframe {
    margin: 1px 0;
    height: 410px;
    width: 95%;
}
#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% - 0px);margin-top: 60px;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: 17px;padding: 0px 15px;font-size: 115px;color: #f0f0f0;margin-block-start: 0.67em;margin-block-end: 0.67em;text-align: right;line-height: 0%;margin: 0px 0px 10px;color: #242424;font-size: 80px;-webkit-text-stroke: 1px rgba(164, 164, 164, 0.18);-webkit-text-fill-color: transparent;margin-left: 120px;}
#articleStyle24 .essay-first-set .essay-describe h4:after{content:'';display:block;width: 160px;height:1px;position:absolute;bottom: -85px;left:0;border-bottom: 1px dashed #cccccc;height: 0px;}
#articleStyle24 .essay-first-set .essay-describe h3{margin: 30px 0 45px;color: #5b5b5b;font-size:1.6rem;font-size: 25px;letter-spacing: 1.2px;font-weight: 600;animation-name:fadeInLeft;}
#articleStyle24 .essay-second-set{margin: 30px 0;}
#articleStyle24 .essay-second-set .pic{float:left;width: calc(95% - 560px);}
#articleStyle24 .essay-second-set .pic ul{list-style:none;overflow:hidden;text-align:center}
#articleStyle24 .essay-second-set .pic ul li{width: calc(100% - 0px);padding: 10px 0;margin-right: 1.5%;/* height: 220px; */float: left;overflow: hidden;}
#articleStyle24 .essay-second-set .essay-info{float:right;width: 540px;border-left: 4px solid #d6d6d6;padding-left: 48px;animation-name:fadeInUp;margin-top: 10px;}
#articleStyle24 .essay-second-set .essay-describe{margin:10px 0}
#articleStyle24 .essay-second-set .essay-describe h3,#articleStyle24 .essay-second-set .essay-describe h2{font-size: 18px;margin: 15px 0 10px;color: #2d2d2d;letter-spacing: 2px;font-weight: 600;}
#articleStyle24 .txtF{font-size: 15px;color: #777;line-height: 180%;letter-spacing: 1px;}
@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) {
#articleStyle24 .essay-second-set .essay-info{width:350px;padding-left:45px}
#articleStyle24 .essay-second-set .pic{width:calc(100% - 450px)}
#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:50px}
#articleStyle24 .essay-first-set .pic:after{display:none}
#articleStyle24 .essay-first-set {
    padding: 15px 0;
}
}
@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}
#articleStyle24 .essay-first-set .pic .youtube iframe {
    margin: 1px 0;
    height: 210px;
    width: 100%;
}
}
@media screen and (max-width: 480px) {
#articleStyle24 .essay-first-set .essay-describe h4 b{font-size: 2rem;display: none;}
#articleStyle24 .essay-first-set .essay-describe h3{margin:50px 0 20px}
#articleStyle24 .essay-first-set .essay-describe h4:after{bottom: 20px;}
#articleStyle24 .essay-first-set .essay-info {
    width: 100%;
    margin-top: 10px;
}
}