#articleInfo34 .item { position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap; }
#articleInfo34 .item>div { float: left; width: 45%; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item:nth-child(2n)>div { float: right; }
#articleInfo34 .item:nth-child(2n) .photo { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo34 .item .photo {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;height: 100%;}
#articleInfo34 .item .photo:before {content: '';position: absolute;width: 100%;height: 100%;bottom: -30px;left: 30px;z-index: 1;border: 1px solid rgb(255 255 255 / 50%);}
#articleInfo34 .item .photo img { width: 100%; height: 100%; object-fit: cover; position: relative; }
#articleInfo34 .item .info { margin: 50px 0 50px 5%; width: 50%; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo34 .item:nth-child(2n) .info { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item .info h5 {padding: 0 0 10px;font-size: 55px;line-height: 110%;color: var(--info);position: relative;font-family: 'Kanit', sans-serif;text-transform: uppercase;font-weight: 400;}
#articleInfo34 .item .info h5:first-letter{color:var(--primary)}
#articleInfo34 .item .info h3 {padding: 5px 0 20px 0;font-size: 26px;color: var(--info);font-weight: 600;letter-spacing: 0.5px;line-height: 160%;}
#articleInfo34 .item .info article p {position: relative;text-align: justify;width: 100%;margin-top: 20px;line-height: 200%;letter-spacing: 1px;padding-bottom: 15px;}
@media screen and (max-width:768px) {
	#articleInfo34 .item .photo { position: relative; width: 100%; margin-bottom: 20px; }
	#articleInfo34 .item:nth-child(2n) .photo { right: 0; }
	#articleInfo34 .item .info { margin: 0; width: 100%; }
	#articleInfo34 .item:nth-child(2n) .info h5, #articleInfo34 .item:nth-child(2n) .info h3 { margin: 0 auto 0 0; }
	#articleInfo34 .item .info h5:before { font-size: 130px; }
}
@media screen and (max-width:480px) {
    #articleInfo34 .item .photo:before{bottom: -15px;left: 15px;}
	#articleInfo34 .item>div, #articleInfo34 .item:nth-child(2n)>div { float: none; }
	#articleInfo34 .item .info h5 { font-size: 30px; padding: 0; }
	#articleInfo34 .item .info h5:before { font-size: 80px; }
}