section{width: 960px;margin: 50px auto;}
.title01 p{text-align: center;padding: 20px 0;font-size: 20px;letter-spacing: 4.5px;}
#articleStyle27 *{text-align: left;vertical-align: middle;overflow-wrap: normal;word-break: normal;line-height: 180%;margin: 0px;padding: 0px;border-width: 0px;font-size: 17px;}
#articleStyle27{margin: 20px auto 60px;overflow: hidden;}
#articleStyle27 img{width: 100%;}
#articleStyle27 .classPictype{float: left;width: 440px;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: 30px 0 30px 86px;}
#articleStyle27 .classtxttype .smalldes span{font-size: 28px;margin-left: 5px;}
#articleStyle27 .classtxttype .smalldes h3{font-weight: normal;line-height: 120%;font-size: 35px;margin: 10px 0 20px;font-weight: 600;}
#articleStyle27 .classtxttype .smalldes p{font-size: 0.95rem;line-height: 180%;}
#articleStyle27 .classtxttype{width: calc(100% - 410px);float: right;margin-left: -40px;}
#articleStyle27 .classtxttype .form-box{border: 1px solid #d4d4d4;padding: 50px 80px;margin: 10px 0 60px;}
#articleStyle27 .classtxttype .form-box ul{list-style: none;margin-bottom: 15px;}
#articleStyle27 .classtxttype .form-box ul li{overflow: hidden;border-bottom: 1px solid #d4d4d4;padding: 20px 0;display: flex;justify-content: space-between;display: grid;grid-template-columns: 200px 1fr;gap:  20px 20px;}
#articleStyle27 .classtxttype .form-box ul li h4{font-size: 16px;}
#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{font-size: 20px;color: #747474;letter-spacing: 8.5px;}
#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;}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.bottomBox{margin: 50px 10px;}
.bottomBox h3 {text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;padding-bottom: 55px;position: relative;font-weight: 600;line-height: 150%;}
.bottomBox h3::after {content: '';position: absolute;left: 50%;bottom: 0;background-color: #b8b8b8;margin-left: -0.5px;width: 1px;height: 35px;}
.bottomBox p {margin: 10px 0 20px;text-align: center;font-size: 18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.bottomBox article {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;width: 80%;line-height: 190%;margin: auto;text-align: center;word-break: break-all;padding: 0px 20px;}


@media screen and (max-width: 1140px) {
	.bottomBox article,#articleInfo20 ul li article{width: -webkit-fill-available;padding: 0px 0px;}
}
@media screen and (max-width: 1024px) {
	section{width: 90%;}
}
@media screen and (max-width: 960px){
	#articleStyle27 .classPictype {float: left;width: 100%;position: relative;}
	#articleStyle27 .classtxttype {width: 100%;float: right;margin-left: -40px;}
}
@media screen and (max-width: 768px) {
	#articleStyle27 .classPictype{width: 100%;float:none;}
	#articleStyle27 .classtxttype{width: 100%;margin: 20px 0 0;float:none;}
	#articleStyle27 {margin: 0 auto;}
	#articleStyle27 .classPictype:after{bottom: 50px;}
	#articleStyle27 .classtxttype .smalldes{margin: 30px 0;}
	#articleStyle27 .classtxttype .form-box{padding: 30px 50px;}
	#articleStyle27 .classtxttype .form-box ul li p{margin-bottom: 10px;}
	#articleStyle27 .classtxttype .form-box ul li h4 {float: left;font-size: 16px;width: 100%;line-height: 180%;}
	#articleStyle27 .classtxttype .form-box ul li{display: flex;flex-direction: column;align-items: flex-start;}
	.bottomBox h3{font-size: 24px;margin-bottom: 10px;padding-bottom: 45px;}
	.bottomBox{margin: 30px 10px;}
}
@media screen and (max-width: 768px) {
	#articleStyle27 .classtxttype .form-box{padding: 5px 20px;}
}