.skill_tab {
	width: 708px;
	margin: 238px auto 0;
	position: relative;
}
ul.tabs {
	width: 490px;
	position: absolute;
	top: 309px;
	left: 50%;
	margin-left: -245px;
}
ul.tabs li {
	float: left;
	width: 72px;
	height: 72px;
	margin: 0 13px;
}
ul.tabs li a {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	filter: grayscale(1) brightness(.5);
	transition: all .3s ease;
	background-size:cover;
}
ul.tabs li:nth-of-type(1) a { background-image: url(../images/skill_ico_01.png); }
ul.tabs li:nth-of-type(2) a { background-image: url(../images/skill_ico_02.png); }
ul.tabs li:nth-of-type(3) a { background-image: url(../images/skill_ico_03.png); }
ul.tabs li:nth-of-type(4) a { background-image: url(../images/skill_ico_04.png); }
ul.tabs li:nth-of-type(5) a { background-image: url(../images/skill_ico_05.png); }
ul.tabs li a:hover,
ul.tabs li.active a { filter: grayscale(0) brightness(1); }
ul.tabs li.active a { box-shadow: 3px 3px rgba(255,255,255,.7); }
.tab_content .skill-area,
.tab_content .video-area {
	background: url(../images/video-area.jpg) no-repeat;
	width: 514px;
	height: 289px;
	margin: 0 auto 102px;
}
.tab_content .txt-area {
	background: url(../images/txt-area.png) no-repeat;
	width: 708px;
	height: 250px;
	padding: 22px 30px;
	font-size: 15px;
	color: #dfdedc;
	line-height: 22px;
	background-size:cover;
}
.tab_content .txt-area h3 {
	font-size: 26px;
	line-height: 36px;
	color: #fff960;
	font-weight: 500;
	margin-bottom: 20px;
}
.tab_content .txt-area h3 span {
	font-size: 17px;
	display: inline-block;
	color: #ff7fff;
	position: relative;
	top: -3px;
	margin-right: 40px;
}
.tab_content .txt-area li {
	padding-left: 20px;
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.tab_content .video-container {
	position: relative;
	/*padding-bottom: 56.25%;
	padding-top: 30px;*/
	padding-bottom: 40.25%;
	height: 0;
	overflow: hidden;
}
.tab_content .video-container iframe,
.tab_content .video-container object,
.tab_content .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
