/*  ¼­ºê Åǵ¥¹Â 3´Ü  */
.cd-sub-nav, .cd-sub-nav-ation {
	padding: 19px 25px 0px; 
	height: 35px; 
	text-align: center; 
	font-size: 14px;
	
	float: left;
}
.cd-sub-nav a:link {
    display: block;
    font-size: 14px;
    color: #333333;     
  }

 .cd-sub-nav a:hover {
    color: #c22d93;  
  }


.cd-sub-nav-ation a {
    display: block;
    font-size: 14px;
	color: #c22d93;     
  }


.hero_sub3_1 {
	
	float: left;
	width: 100px;
	
    vertical-align: middle;
    border-right: 1px solid #ebcbcc;
	margin: 0 0 0 0;
	height: 35px;
	overflow: hidden;
}

.hero_sub3_2 {
	
	float: left;
	width: 250px;
	
    vertical-align: middle;
     border-right: 1px solid #ebcbcc;
	margin: 0 0 0 0;
	height: 35px;

}

.hero_sub3_3 {
	
	float: left;
	width: 250px;
	color: #c42b93;
    vertical-align: middle;
     border-right: 1px solid #ebcbcc;
	margin: 0 0 0 0;
	height: 35px;
	overflow: hidden;
}
.media3 {
	width: 100%;
	height: auto;
	vertical-align: middle;
	
}



@media screen and (max-width: 1170px) {




/*  ¼­ºê Åǵ¥¹Â 3´Ü  */
.cd-sub-nav, .cd-sub-nav-ation {
	padding: 10px 15px 0px; 
	height: 21px; 
	
}
.cd-sub-nav a {
   
    font-size: 1.3rem;
     
  }




.cd-sub-nav-ation a {

    font-size: 1.3rem;
      
  }

.hero_sub3_1 {
	

	

	height: 30px;

}

.hero_sub3_2 {
	

	

	height: 30px;

}

.hero_sub3_3 {
	

	

	height: 30px;

}






}





@media screen and (max-width: 768px) { 

.cd-sub-nav, .cd-sub-nav-ation {
	padding: 5px 0px 0px; 
	height: 21px; 
	
}

.hero_sub3_1 {
	

	width: 25%;


}

.hero_sub3_2 {
	

	width: 25%;

}

.hero_sub3_3 {
	

	width: 45%;
	


}



}