main{background: #fffbe5;}
main .btnDH{position: sticky;top: 220px;display: inline-block;left: 5.3%;}
main .btnDH .button{width: 125px;height: 56px;background: var(--colormain);border:none;color: #fff;}
main .btnDH .button span{padding: 0;}
main .btnDH .button img{width: 20px;margin-right: 10px;}
main .btnDH .button::before{background: #fff;}
section .container {background: #fff;padding: 80px 4.5% 60px 4.5%;border-radius: 20px;overflow: hidden;width: 63%;}
#article p{padding-bottom: 5px;}
#article img{width:75%;}
#article{padding-top: 160px;padding-bottom: 120px;}
#article .titlt{padding-bottom: 10px;}
#article .nr{padding: 70px 0;font-size: 17px;line-height: 1.65;min-height: calc(60vh - 64px);}
#article .nr *,#article .control *{color: #333;}

#article .control{font-size: 16px;border-top:1px solid rgba(0,0,0,0.08);padding-top: 43px;}
#article .control a{display: inline-flex;flex-wrap: nowrap;}
#article .control img{width: 16px;}
#article .control .prev img{transform: rotate(180deg);}
#article .control span{padding:0 6px;}
#article .control .prev,#article .control .next{transition: 0.5s;padding: 8px 15px;margin: 0 -15px;position: relative;}
#article .control .prev:hover{transform: translateX(15px);}
#article .control .next:hover{transform: translateX(-15px);}
#article .prev *,#article .next *{z-index: 2;}
#article .prev::after,#article .next::after{content: '';width: 0%;height: 100%;background: var(--colormain);border-radius: 25px;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 1;transition: 0.5s;}
#article .next::after{left: auto;right: 0;}
#article .prev:hover::after,#article .next:hover::after{width: 100%;}

footer{background-color:#fffbe5;}
@media (min-width:2000px){
	main .btnDH{left: 8%;}
}
@media(max-width:1199px){
	#article img{width:80%}
}
@media (min-width:1199px) and (max-width:1500px){
	main .btnDH {left: 3.2%;}
}
@media (min-width:767px) and (max-width:1199px){
	main .btnDH {left: 3.2%;top: 175px;}
	main .btnDH .button {width: 110px;height: 48px;}
	main .btnDH .button img{margin-right: 7px;}
	#article {padding-top: 120px;}
	.f30 {font-size: 26px;}
}
@media (max-width:850px){
	main .btnDH{display: none;}
	section .container{width: calc(100% - 80px);padding: 65px 40px;}
	
}
@media(max-width:767px){
	section{min-height: calc(100vh - 72px);}
	section .container{width: calc(100% - 40px);padding: 55px 25px 35px 25px;border-radius: 10px;}
	#article img{width:100%;}
	#article{padding-top: 130px;padding-bottom: 80px;}
	#article .nr{padding: 30px 0;font-size: 15px;}
	#article .control {font-size: 15px;padding-top: 30px;}
	#article .control img{width: 13px;}
	#article .control span{padding:0 4px;}
}