.abgne_tab { clear: both; }
ul.tabs {
	padding: 0;
	list-style: none;
}
ul.tabs li {
	float: left;
	height: 45px;
	width: 164px;
	position: relative;
	margin-right: 5px;
}
ul.tabs li a {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}
ul.tabs li a { background-image: url(../images/tabs_01.png); }
ul.tabs li+li a { background-image: url(../images/tabs_02.png); }
ul.tabs li+li+li a { background-image: url(../images/tabs_03.png); }
ul.tabs li+li+li+li a { background-image: url(../images/tabs_04.png); }
ul.tabs li+li+li+li+li a { background-image: url(../images/tabs_05.png); }
ul.tabs li+li+li+li+li+li a { background-image: url(../images/tabs_06.png); }
#tab02 ul.tabs li a { background-image: url(../images/tabs2_01.png); }
#tab02 ul.tabs li+li a { background-image: url(../images/tabs2_02.png); }
#tab02 ul.tabs li+li+li a { background-image: url(../images/tabs2_03.png); }
#tab02 ul.tabs li+li+li+li a { background-image: url(../images/tabs2_04.png); }
#tab02 ul.tabs li+li+li+li+li a { background-image: url(../images/tabs2_05.png); }
ul.tabs li a:hover,
ul.tabs li.active a {  }
div.tab_container {
	clear: left;
	width: 100%;
}
.abgne_tab .abgne_tab .tab_content {
	padding: 0px;
	min-height: 240px;
	color: #fff;
}
div.tab_container .tab_content h3 {
	background-image: url(../images/h3_2.png);
	padding-left: 118px;
	background-repeat: no-repeat;
	height: 41px;
	border-bottom: 2px #556c83 solid;
	color: #fff;
	font-size: 26px;
	line-height: 36px;
	background-position-x: 7px;
}
div.tab_container #tab1 h3 { background-image: url(../images/h3.png); }
/*#tab02 div.tab_container .tab_content:nt h3 { background-image: url(../images/h3_2.png); }
*//*#tab1 h3,
#tab11 h3 { background-position-y: 0px; }
#tab2 h3,
#tab12 h3 { background-position-y: -40px; }
#tab3 h3,
#tab13 h3 { background-position-y: -80px; }
#tab4 h3,
#tab14 h3 { background-position-y: -120px; }
#tab5 h3,
#tab15 h3 { background-position-y: -160px; }
#tab6 h3,
#tab16 h3 { background-position-y: -200px; }*/
.abgne_tab .abgne_tab .tab_content ul {
	margin: 0;
	padding: 2px 2.5em;
	font-size: 18px;
	color: #89a7bd;
}
.abgne_tab .abgne_tab .tab_content ul li {
	margin-top: 4px;
	position: relative;
}
.abgne_tab .abgne_tab .tab_content ul li:before { /*    content: "+";
    position: absolute;
    top: 0;
    left: 0;*/
}
.skill_tab {
	padding-top: 0px;
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.skill_tab .abgne_tab {
	margin-left: 0px;
	padding-top: 0px;
}
.skill_tab>ul.tabs {
	height: 45px;
	position: absolute;
	left: 35px;
	top: 0;
	z-index: 1;
}
.skill_tab>ul.tabs li { }
.skill_tab>ul.tabs li a {
	background-image: url(../images/tab.png);
	background-position-y: 0;
	background-position-x: 0;
	opacity: 1;
}
.skill_tab>ul.tabs li.active a { background-position-y: -50px; }
.skill_tab>ul.tabs li a { background-position-x: 0px; }
.skill_tab>ul.tabs li+li a { background-position-x: -170px; }
.skill_tab>ul.tabs li a:hover,
.skill_tab>ul.tabs li.active a { box-shadow: 0 0 0 #fff; }
.abgne_tab .abgne_tab ul.tabs {
	/*background-image: url(../images/tab_ul.png);*/
	background-repeat: no-repeat;
	height: 56px;
	margin: 0px 0 25px 0;
	padding-left: 374px;
	position: relative;
	top: -5px;
}
#tab02>.abgne_tab ul.tabs { padding-left: 374px; }
.abgne_tab .abgne_tab ul.tabs li {
	height: 58px;
	width: 58px;
	border: #86bee1 1px solid;
	margin-right: 8px;
}
.abgne_tab .abgne_tab ul.tabs li a {
	filter: brightness(50%);
}
.abgne_tab .abgne_tab ul.tabs li.active a,
.abgne_tab .abgne_tab ul.tabs li a:hover{
	filter: brightness(100%);
}

.media_tab {
	width: 900px;
	margin:  190px auto 0;
	position: relative;
}
.media_tab ul.tabs {
	width:340px;
	margin:0 auto 30px;
}
.media_tab ul.tabs li a {
    background-image: url(../images/tab_media.png);
}
.media_tab ul.tabs li+li a {
    background-position-x: -170px;
}
.media_tab ul.tabs li.active a {
    background-position-y: -50px;
}
.media_tab div.tab_container {
	padding-top:25px;
	border-top: 2px #556c83 solid;
}
.media_tab div.tab_container {
	padding-top:25px;
	border-top: 2px #556c83 solid;
}
.media_tab div.tab_container ul {	
	margin:0 auto;
	padding:0;
	list-style: none;
}
.media_tab div.tab_container ul li {
	float:left;
	margin:0 5px 5px;	
	filter: brightness(50%);
	transition:all .3s ease;
	position:relative;
}
.media_tab div.tab_container ul li a:hover:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/ico_download.png);
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	background-position:95% 90%;
	cursor:pointer;
}
.media_tab div.tab_container ul li:hover {
	filter: brightness(100%);
}
.media_tab div.tab_container #tab04 ul li {
	margin-left:2px;
	margin-right:2px;
}
.media_tab div.tab_container #tab04 ul li a:hover:after {
	background-position:95% 3%;
}