.wow {
	animation: fadeInRight 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}
.delay1 {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
.delay2 {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}
.delay3 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay4 {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
}

#articleStyle26 *{
	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: 0px;
	padding: 0px;
	border-width: 0px;
	font-size: 17px;
}
#articleStyle26{
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
}
#articleStyle26 img{width: 100%;}
#articleStyle26 .eassay-text{text-align: right;margin: 0 10px;}
#articleStyle26 .eassay-text h4{text-align: right;color: #98b09a;font-size: .8rem;font-weight: normal;}
#articleStyle26 .eassay-text h3{text-align: right;font-size: 2.5rem;font-weight: normal;line-height: 110%;margin: 20px 0 30px;}
#articleStyle26 .eassay-text p{text-align: right;color: #88b78d;font-size: 1.1rem;width: 360px;display: inline-block;font-weight: bold;}
#articleStyle26 .eassay-fourbox{margin-top: -100px; position:relative;}
#articleStyle26 .eassay-fourbox ul{list-style: none;}
#articleStyle26 .eassay-fourbox ul li{display: inline-block;width: calc(25% - 24px);vertical-align: top;position: relative;margin: 0 10px;}
#articleStyle26 .eassay-fourbox ul li:nth-child(2){
    /* margin-top: 80px; */
}
#articleStyle26 .eassay-fourbox ul li:nth-child(3){
    /* margin-top: 160px; */
}
#articleStyle26 .eassay-fourbox ul li:nth-child(4){
    /* margin-top: 240px; */
}
#articleStyle26 .eassay-fourbox ul li .pic{
    position: relative;
}
#articleStyle26 .eassay-fourbox ul li .pic p{height: 400px;position: relative; overflow:hidden;}
#articleStyle26 .eassay-fourbox ul li .pic:after{content:'';display:block;background-image:url(https://www.i-web.com.tw/style/images/26/service_shp_pc.svg);position:absolute;right: -1px;bottom: -30px;width: 170px;height: 170px;}
#articleStyle26 .eassay-fourbox ul li .pic p img{width: 100%;height:100%;object-fit: cover; transition:all linear .2s}
#articleStyle26 .eassay-fourbox ul li .text{margin-right: 10px;width: 110px;position: relative;margin-top: -60px;float: right;}
#articleStyle26 .eassay-fourbox ul li .text h3{font-size: 1.3rem;font-weight: normal;text-align: right;line-height: 120%;color: #252525;}
#articleStyle26 .eassay-fourbox ul li .text p{color: #2e6c95;font-size: 0.8rem;text-align: right;margin-top: 5px;}
@media screen and (min-width: 1025px) {
	#articleStyle26 .eassay-fourbox ul li:hover .pic p img{ transform:scale(1.1);}
}
@media screen and (max-width: 1024px) {
#articleStyle26 .eassay-fourbox{margin-top: 50px;}
#articleStyle26 .eassay-fourbox ul li{width: calc(50% - 24px);}
#articleStyle26 .eassay-fourbox ul li:nth-child(3){
    margin-top: 40px;
}
#articleStyle26 .eassay-fourbox ul li:nth-child(4){
    margin-top: 40px;
}
#articleStyle26 .eassay-fourbox:after{
    top: 10%;
}
}
@media screen and (max-width: 640px) {
	#articleStyle26 .eassay-fourbox ul li .pic p{    height: 350px;}
#articleStyle26 .eassay-fourbox ul li:nth-child(3){
    margin-top: 20px;
}
#articleStyle26 .eassay-fourbox ul li:nth-child(4){
    margin-top: 20px;
}
#articleStyle26 .eassay-text p{    width: 75%;}
#articleStyle26 .eassay-fourbox:after{
    top: 0;
}
}
@media screen and (max-width: 480px) {
#articleStyle26 .eassay-text p{    width: 100%;    font-size: 1rem;}
#articleStyle26 .eassay-text h3{    font-size: 2.2rem;
    margin: 10px 0 20px;}
	#articleStyle26 .eassay-fourbox ul li .pic p{    height: 300px;}
	#articleStyle26 .eassay-text{
    margin: 0 5px;
}
	#articleStyle26 .eassay-fourbox ul li{
    width: calc(50% - 14px);
    margin: 0 5px;
}
#articleStyle26 .eassay-fourbox ul li:nth-child(2){
    /* margin-top: 40px; */
}
#articleStyle26 .eassay-fourbox ul li:nth-child(3){
    margin-top: 40px;
}
#articleStyle26 .eassay-fourbox ul li:nth-child(4){
    margin-top: 40px;
}
}
@media screen and (max-width: 370px) {
	#articleStyle26 .eassay-fourbox ul li .pic p{    height: 250px;}
}