#main_container { width: 100%; background:#f7edf4; min-height: 900px; }
#main_content { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; }
#main_content h1 { padding: 80px 0 40px; }
#main_content .top_title img {max-width:90%;}
#main_content .menuWrap {margin:230px 0 60px; padding:5px; border-radius:16px; background:background: -webkit-linear-gradient(to right, #4a2494, #764593);background: linear-gradient(to right, #4a2494, #764593);}
#main_content .menu_list {border:1px solid #fff; border-radius:10px; display:block; height:138px;}
#main_content .menu_list a {display:block; width:25%; padding:35px 0; float:left; position:relative; box-sizing:border-box; text-align:center;}
#main_content .menu_list a:after {content:''; position:absolute; width:4px; height:32px; background:url(/equality/img/main/menu_bg.png) no-repeat; top:50%; right:-2px; margin-top:-16px;}
#main_content .menu_list a:nth-child(1):before {width:223px; height:196px; background:url(/equality/img/main/menu_img1.png) no-repeat; top:-202px; margin-left:-111px;}
#main_content .menu_list a:nth-child(2):before {width:205px; height:194px; background:url(/equality/img/main/menu_img2.png) no-repeat; top:-200px; margin-left:-102px;}
#main_content .menu_list a:nth-child(3):before {width:194px; height:195px; background:url(/equality/img/main/menu_img3.png) no-repeat; top:-201px; margin-left:-97px;}
#main_content .menu_list a:nth-child(4):before {width:181px; height:192px; background:url(/equality/img/main/menu_img4.png) no-repeat; top:-198px; margin-left:-90px;}
#main_content .menu_list a:before {content:''; position:absolute; background-position:center bottom -30px !important; left:50%; transition: all ease 0.2s 0s;}
#main_content .menu_list a:hover:before {background-position:center bottom -20px !important;}
#main_content .menu_list a:last-child:after {display:none;}
#main_content .menu_list a img {max-width:80%;}
#main_content .main_btn { position: relative; display: inline-block; color:#000; font-size: 24px; font-weight: bold; padding: 30px 110px 30px 70px; margin-bottom: 70px;  border-radius: 80px; background:#ffe400; border:1px solid #ffe400; transition: all ease 0.2s 0s;}
#main_content .main_btn:hover {color:#50238e; background:#fff; border-color:#9566c9; box-shadow:0 5px 0 #50238e;}
#main_content .main_btn:after { content: ''; position: absolute; right: 45px; top: 50%;  margin-top: -22px; display: inline-block; width: 34px; height: 37px; background: url('/equality/img/main/btn_img.png') no-repeat 50%; }
 
 @media all and (max-width:1200px) { 
 	#main_container {min-height: auto;}
 
	#main_content .menuWrap { width: 90%; margin: 200px 5% 60px; }
	
 	#main_content .menu_list a:hover { background: url('/equality/img/main/menu_on_bg.jpg') no-repeat 50%; background-size: cover; }
 	#main_content .menu_list a:hover span{ color: #fff; top: 50px; }
 	
 	#main_content .menu_list a:before {background-size:90% !important;}
 }
 @media all and (max-width:860px) {
	#main_content h1 { padding: 40px 0 30px; }
	#main_content h1 img{ width: 20%; }
		
	#main_content .menuWrap {margin-top:50px;}
	#main_content .menu_list {height:auto; overflow:hidden; position:relative;}
	#main_content .menu_list:after {content:''; position:absolute; width:90%; height:1px; background:#fff; top:50%; left:0; margin-left:5%; opacity:0.5;}
	#main_content .menu_list a {width:50%;}
	#main_content .menu_list a:before {display:none;}
}
 @media all and (max-width:580px) {		
	#main_content .menu_list span{ font-size: 18px !important; letter-spacing: -.9px; }
 	#main_content .menu_list a:hover span{ top: 40px; }
}

.scale-up-center {
	-webkit-animation: scale-up-center .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both alternate;
	        animation: scale-up-center .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both alternate;
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
