#articleStyle27 img{width:100%}
#articleStyle27 .classPictype{float:left;width:300px;position:relative}
#articleStyle27 .classPictype: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;bottom:-10%;left:-100px;z-index:10}
#articleStyle27 .classtxttype .smalldes{margin:0 0 20px 0}
#articleStyle27 .classtxttype .smalldes span{font-size:1rem}
#articleStyle27 .classtxttype .smalldes h3{font-weight:normal;color: var(--primary);line-height:120%;font-size:1.5rem;margin: 10px 15px 10px;}
#articleStyle27 .classtxttype .smalldes p{font-size:0.95rem;line-height:180%}
#articleStyle27 .classtxttype{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleStyle27 .classtxttype .form-box{margin-bottom:40px}
#articleStyle27 .classtxttype .form-box ul{list-style:none;overflow:hidden}
#articleStyle27 .classtxttype .form-box ul li{overflow:hidden;float:left;margin: 10px 15px;width: calc((100%/4) - 30px);-webkit-animation-name:fadeInDown;box-shadow:0 10px 50px rgb(54 53 53 / 6%)}
#articleStyle27 .classtxttype .form-box ul li h4{}
#articleStyle27 .classtxttype .form-box ul li h4 a{display:block;color:#333;font-size:16px;padding:20px;background:#eee;letter-spacing:1px;background-color:#ffffff;box-shadow:0 0 15px rgb(0 0 0 / 5%);font-weight:400;display:flex;justify-content:center;align-items:center;text-align:center;height:60px;flex-direction:column}
#articleStyle27 .classtxttype .form-box ul li h4 a:hover{background:#333;color:#fff}
#articleStyle27 .classtxttype .form-box ul li h4 b{display:inline-block;width:7px;height:7px;background:#69a77f;border-radius:50%;margin-right:5px}
#articleStyle27 .classtxttype .form-box ul li p{float:right;font-size:1.02rem;color:#69a77f}
#articleStyle27 .classtxttype .form-box ul li span{vertical-align:baseline;font-size:0.8rem;margin-right:5px}
#articleStyle27 .classtxttype .form-box >p{font-size:0.9rem}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	#articleStyle27 .classPictype{width:100%;float:none}
	#articleStyle27 .classtxttype{width:100%;margin:20px 0 0;float:none}
	#articleStyle27 .classPictype:after{bottom:50px}
	#articleStyle27 .classtxttype .form-box ul li{width: calc((100%/2) - 30px);}
}
@media screen and (max-width: 480px) {
	#articleStyle27 .classtxttype .form-box ul li{width: calc(100% - 40px);margin: 10px 20px;}
}

