.main-content-box01{max-width:1200px; margin:0 auto;position:relative;z-index:2;}
.main-content-box01>ul{display:flex;justify-content: space-around;}
.main-content-box01>ul li{text-align:center;position:relative;flex:1;}
.main-content-box01>ul li a{display:block;font-size:18px;color:#fff;border:8px solid;border-image:linear-gradient(to right,transparent,transparent);line-height:75px;border-image-slice: 1;transition:0.3s;}
.main-content-box01>ul li a:hover{border:8px solid;border-image: linear-gradient(to right,#0069ab,#00ab9b);border-image-slice: 1}
@media screen and (max-width:768px) {
	
	.main-content-box01{background:#004161}
	.main-content-box01>ul{margin-top:0px;}
	.main-content-box01>ul li::after{content:'';width:100%;height:0%;background: linear-gradient(to right,#0069ab,#00ab9b);position:absolute;display:block;left:0;top:50%;z-index:3;transition:0.3s;transform: translateY(-50%);}
	.main-content-box01>ul li:hover::after{height:100%;}
	.main-content-box01>ul li a{position:relative;font-size:14px;padding:0;line-height:50px;border:none;z-index:10;}
	.main-content-box01>ul li a:hover{border:none;}
	.main-content-box01>ul li{width:25%}
	
}
@media screen and (max-width:480px) {
	
	.main-content-box01>ul{flex-wrap:wrap}
	.main-content-box01>ul li{width:50%;}
	.main-content-box01>ul li a{font-size:12px;}
	
}