.tabs {}
.tabs-list ul {list-style:none}
.tabs-list ul li{float: left; width: 14.285%;}
.tabs-list ul li a{display:block;height:40px;line-height:40px;text-align: center;font-weight: bold;text-decoration:none;font-size:16px;transition:all .4s ease 0s;color: #fff;}
.tabs-list ul li a:hover{background:url(../images/tabLi.png) no-repeat center/100% 100%;}
.tabs-list ul li.active a{background:url(../images/tabLi.png) no-repeat center/100% 100%;}
.tab-content{margin:0 auto;padding-bottom: 20px;}
.tabs-container {background: #0078bd;}
.tabs .accordion-handle{display:none}
.tabs-vertical-left,.tabs-vertical-right{*zoom:1}
.tabs-vertical-left:before,.tabs-vertical-left:after,.tabs-vertical-right:before,.tabs-vertical-right:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.tabs-vertical-left .tabs-list,.tabs-vertical-right .tabs-list{width:25%}
.tabs-vertical-left .tabs-list li,.tabs-vertical-right .tabs-list li{display:block;margin:0 0 5px;width:100%}
.tabs-vertical-left .tabs-list li a,.tabs-vertical-right .tabs-list li a{height:auto;padding:8px 20px;line-height:1.5}
.tabs-vertical-left .tabs-container,.tabs-vertical-right .tabs-container{width:75%}
.tabs-vertical-left .tabs-list{float:left}
.tabs-vertical-left .tabs-container{float:right}
.tabs-vertical-left .tabs-container .tab-content{margin:0 0 0 15px}
.tabs-vertical-right .tabs-list{float:right}
.tabs-vertical-right .tabs-container{float:left}
.tabs-vertical-right .tabs-container .tab-content{margin:0 15px 0 0}
.accordion-handle{position:relative;margin-bottom:10px;background-color:rgba(0,0,0,0.4);text-decoration:none;color:gray;cursor:pointer;transition:all .4s ease 0s}
.accordion-handle:hover{background-color:#005097}
.accordion-handle.active{background-color:#005097;color:#fff}
.accordion-handle h4{height:40px;line-height:40px;padding:0 15px;font-size:14px;font-weight:400;color:#fff;}
.accordion-handle i{display:block;width:38px;height:38px;overflow:hidden;position:absolute;right:0;top:0;background:url(../images/icon-accordion.gif) no-repeat top center}
.accordion-handle.active i{background-position:bottom center}
.accordion-content{margin-bottom:15px;display:none}
@media only screen and (max-width:768px){.responsive-tabs .tabs-list{display:none}
.responsive-tabs .accordion-handle{display:block}
.responsive-tabs.tabs-vertical-left .tabs-container,.responsive-tabs.tabs-vertical-right .tabs-container{width:100%;float:none}
.responsive-tabs.tabs-vertical-left .tabs-container .tab-content,.responsive-tabs.tabs-vertical-right .tabs-container .tab-content{margin:10px 0 15px}}