.about-main-tab {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height:50px;
	background: rgba(0,0,0,0.00);
}

.about-main-tab ul{
	
}

.about-main-tab ul li{
	list-style-type: none; display: inline-block; padding: 0; margin: 0;
}

.about-main-tab ul li a{
	display: block; text-align: center; width: 180px; padding: 5px; margin: 0; background: rgba(0,0,0,0.00); border-bottom: 5px solid #cccccc; font-size: 1.2em; text-decoration: none; color: #000000;
}

.about-main-tab ul li a:hover{
	background: rgba(0,0,0,0.00); border-bottom: 5px solid #0066cc; color: #0066cc;
}


.about-sub-tab {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height:auto;
	background: rgba(0,0,0,0.00);
	color: #000000;
}

.about-sub-tab h3{
	font-size: 15px;
	line-height: 2;
	margin: 25px 0 0 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #000000;
}

.about-sub-tab ul{
	border-top: 1px solid #000000; margin: 0; padding: 0;
}

.about-sub-tab ul li{
	list-style-type: none; display: block; padding: 0; margin: 0;
}

.about-sub-tab ul li a{
	display: block; text-align: left; width: 100%; padding: 5px 0 5px 35px; margin: 0; border-bottom: 1px solid #cccccc; font-size: 0.8em; text-decoration: none; color: #000000; background-image: url("https://taskal.life/assets/images/aboutus/sub-bullets.png"); background-repeat: no-repeat; background-position-y: 10px;
}

.about-sub-tab ul li a:hover{
	color: #0066cc;
}

.about-sub-recruitment0{
	float: left; display: block; width: 5%; height: auto; margin: 0; padding: 0; background-image: url("https://taskal.life/assets/images/aboutus/img_aboutus_2_menu0.png"); background-repeat: no-repeat; background-size: contain;
}

.about-sub-recruitment1{
	float: left; display: block; width: 30%; height: auto; margin: 0; padding: 0;
}

.about-sub-recruitment2{
	float: left; display: block; width: 30%; height: auto; margin: 0; padding: 0;
}

.about-sub-recruitment3{
	float: left; display: block; width: 30%; height: auto; margin: 0; padding: 0;
}

.about-sub-recruitment1 img, .about-sub-recruitment2 img, .about-sub-recruitment3 img{
	width: 100%; height: auto; margin: 0; padding: 0;
}

.about-sub-recruitment1:hover, .about-sub-recruitment2:hover,.about-sub-recruitment3:hover{
	cursor: pointer; opacity: 0.75;
}