﻿.tabs{
max-width:945px;
margin:0 auto;
position:relative;
clear: both;
padding-top:20px;

}
.tabs h3 {font-size:15px;background: #C0392B;color: #fff;padding: 0 20px;margin: 0 -24px;}
.tabs input{
position:absolute;
top:0;
left:0;
display:none;
}
.tabs label{
display:block;
float:left;
position:relative;
padding:10px 20px;
line-height:1.5em;
min-width:55px;
text-align:center;
color: #222;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
cursor:pointer;
 
}
.tabs label:after{
content:"";
display:block;
position:absolute;
width:100%;
height:5px;
background:#fff;
left:0;
bottom:-5px;
}
.clear-shadow{
clear:both;
}
.content-tab{
position:relative;
width:100%;
border-top: 1px solid #DDD;
padding-top: 10px;
margin-top:-1px;
}
.content-tab>div{
overflow:hidden;
top:0;
left:0px;
opacity:0;
display:none;
transition:opacity .4s;
-moz-transition:opacity .4s;
-webkit-transition:opacity .4s;
-ms-transition:opacity .4s;
-o-transition:opacity .4s;
}
/***** Xu Ly An Hien*****/
.tabs input:checked + label{background: url(../Images/PfBgtiydy5U.gif) no-repeat bottom center;z-index:1}
.tabs input.tab-selector-1:checked ~ .content-tab .tab-1,
.tabs input.tab-selector-2:checked ~ .content-tab .tab-2{
opacity:1;display:block;
}