@charset "utf-8";

.container{
    margin: auto;
}
 
.tabContainer {
    overflow-x: hidden;
}
.tabContainer::-webkit-scrollbar {
    height: 5px;
}
.tabContainer::-webkit-scrollbar-track {
    background: #003366;
}
.tabContainer::-webkit-scrollbar-thumb {
    background:#003366
}
 
.tab{
    display: table;
    margin-top: 20px;border-collapse: separate;
 border-spacing:4px 0;
}
 
.tab__button{
display: table-cell;
    text-align: center;
    vertical-align: bottom;
    min-width: 100px;
    border-radius: 6px 6px 0 0;
}
 
.tab__button.active{
    border-bottom: none;border-spacing: 0px;
}
.tab__button a{
	background-color: #003366;
	padding: 10px;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 12px;
	border-radius: 6px 6px 0 0;
	margin-bottom: 4px
}.tab__button.active a{
	margin-bottom: 0;
	border-bottom: 4px solid #003366;
}
.bx-wrapper{
	border: 2px solid #003366;
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.contents__content{
    background-color: #fff;
    text-align: left;
	padding: 10px 75px;
	
}
 
.contents__content div{
	width: 45%;
	float: left;
	margin-right: 10px;
}
 
.contents__content a{
    display: block;
    text-decoration: none;
    padding: 3px ;
	padding-left: 50px;
    border-bottom:1px solid #ccc;
    color:#222;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out;  

}
 
.contents__content a span{
	display: block;
}
.contents__content a:hover{
	background-color: #eee;
} 
.bx-controls-direction{

}
.bx-controls-direction a {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding:5px 0;
	position: absolute;
	z-index: 9999;
	margin-top: -16px;
	width: 32px;
	height: 2em;
	top: 50%;
	font-family:'LigatureSymbols';
	line-height: 2em;
	text-align: center;
	font-size: 1.4em;
	background: #fff;
	color: #ccc;
	    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out;  

}

.bx-controls-direction a:hover{
	border: 1px solid #036;
	color: #fff;
	background: #036;
}

.bx-next{
	right: 10px;
}
.bx-prev{
	
	left: 10px;
}
.Getpdf{
	background: url(/img/icon/pdf.png) no-repeat 10px center;
	background-size: 30px 30px;
}
.GetVimeo{
	background: url(/img/icon/Vimeo.png) no-repeat 10px center;
	background-size: 30px 30px;
}

.GetYT{	background: url(/img/icon/YouTube.png) no-repeat 10px center;
	background-size: 30px 30px;
}
.svg .Getpdf{
	background: url(/img/icon/pdf.svg) no-repeat 10px center;
	background-size: 30px 30px;
}
.svg .GetVimeo{
	background: url(/img/icon/Vimeo.svg) no-repeat 10px center;
	background-size: 30px 30px;
}

.svg .GetYT{
	background: url(/img/icon/YouTube.svg) no-repeat 10px center;
	background-size: 30px 30px;
}