section{
    width: 960px;
    margin: 50px auto;
}
.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: 21px 30px;}
#articleStyle26 .eassay-text h4{text-align: right;color: #98b09a;font-size: .8rem;font-weight: normal;}
#articleStyle26 .eassay-text h3{text-align: right;line-height: 110%;margin: 20px 0 30px;color: #606060;font-weight: 200;font-family: "Times New Roman", "Noto Sans TC", sans-serif;font-size: 36px;text-transform: uppercase;letter-spacing: 2px;}
#articleStyle26 .eassay-text p{width: 360px;display: inline-block;line-height: 1em;font-size: 19px;margin-bottom: 30px;font-weight: 300;color: #535353;letter-spacing: 4px;text-align: inherit;}
#articleStyle26 .eassay-fourbox{margin-top: -100px; position:relative;}
#articleStyle26 .eassay-fourbox:after{
    width: 265px;
    height: 61px;
    background: url(https://www.i-web.com.tw/style/images/26/service_wave.svg) 0 0 no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    content: "";
    position: absolute;
    top: 32%;
    right: -150px;
    z-index: 10;
    }
#articleStyle26 .eassay-fourbox ul{list-style: none;}
#articleStyle26 .eassay-fourbox ul li{display: inline-block;width: calc(32% - 14px);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-top: 20px;text-align: center;}

#articleStyle26 .eassay-fourbox ul li .large-art-box{
    margin: 14px;
}
#articleStyle26 .eassay-fourbox ul li .large-art-box p{
    line-height: 160%;
    font-size: 16px;
}
#articleStyle26 .eassay-fourbox ul li .text h3{font-size: 20px;font-weight: normal;text-align: center;line-height: 120%;color: #252525;padding: 7px 0 0;}
#articleStyle26 .eassay-fourbox ul li .text p{color: #799a5d;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: 1280px) {
	section{
		width: 90%;
	}
}
@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: 120px;
}
#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: 100px;
}
#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(100% - 6px);
    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: 80px;
}
}
@media screen and (max-width: 370px) {
	#articleStyle26 .eassay-fourbox ul li .pic p{    height: 250px;}
}