/* Team */
.TeamInf {
 width:100%;
 margin-bottom:1rem
}
.TeamInfHdr {
 text-align: center;
 padding: 16px 20px 10px 20px;
 font-weight: 540;
 color: var(--blue);
 font-size: 1.1rem;
 border-bottom: 1px solid var(--pri-color-border);
}
.TeamInfTxt {
 font-size: 1rem;
 padding: 13px 0;
 margin-bottom: 0.6rem;
 text-align: center;
}
.TeamMedCover {
 margin-top: 12px;
 text-align: center;
}
.TeamMedCover ul li {
 display: inline-block;
 margin-right: 10px;
 border: 1px solid transparent;
}
.TeamMedCover ul li i {
 font-size: 25px;
 color: #ffffff;
 width: 38px;
 height: 38px;
 line-height: 38px;
 text-align: center;
}


/* History */
.HistoryCover {width: 100%; background-color: #ffffff; border-radius: 10px; padding: var(--history-cover-pad);}
.DivHistory {
   background: url(/Websites/NIXLA/DAS/Navigation/vline.jpg) repeat-y scroll center top;   
   position: relative;
   padding: 60px 0 0 0;
   background-position: 10%; /* yok */
}
.LeftSection, .RightSection {
   overflow: hidden;
   position: relative;
   padding: 0 0 40px;
}
.YearCircle {
   width: 32px;
   height: 32px;
   __background-position: -200px 0;
   background: url(/Websites/NIXLA/DAS/Navigation/acircle.png) no-repeat scroll center center;
   background-size: cover;
   position: absolute;
   left: 10%;     /*50*/
   margin-left: -16px;
   top: 32px;
   display: block;
   z-index: 99;
   transition: 0.7s ease;
   -webkit-transition: 0.7s ease;
}
.LeftPart {
   width: 10%;       /*50*/
   float: left;
   position: relative;
}
.RightPart {
   width: 90%;       /*50*/
   float: left;
   position: relative;
}
.LeftSection {
   float: left;
}   
.YearHdr {
   display: block;
   font-size: 1.15rem;
   font-weight:530;
   color: #000000;
   text-align: left;
   padding-bottom: 10px;
}
.YearLogo {
   display: block;
   text-align: left;
   padding-bottom: 20px;
}
.YearTxt {
   color: #000000;
   text-align: left;
}
.RightBox, .LeftBox {
   position: relative;
   margin: 30px 50px 0;
}   
.RightBox {
   text-align: left;
}
.LeftSection .LeftPart, .LeftSection .RightPart {
   float: left;
}
.DivHistory .YearNum {
   font-weight:500;
   color: #c00000;
   ___float: right;
   font-size: 2.2rem;
   letter-spacing: -1px;
   line-height: 45px;
   margin: 0 40px 0 0;
   max-width: 110px;
   ___text-align: right;
   transition: 0.5s ease;
   -moz-transition: 0.5s ease;
   -ms-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   -webkit-transition: 0.5s ease;
}
.YearNum span {
   color: #999;
   display: block;
   font-size: 1rem;
   letter-spacing: 1.2px;
   line-height: 25px;
   margin-bottom: 0;
   text-align: center;
   text-transform: uppercase;
}

/* Responsive */
@media (max-width: 900px)  {
 .YearCircle {
  top: 10px;
  left: 50%;
 }
 .LeftPart, .RightPart {
  float: none;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 100%;
 }
 .LeftPart {
  padding-top: 70px;
 }
 .RightBox, .LeftBox {
  padding: 30px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  margin: 30px 20px 0;
 }
 .LeftBox:before {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.15);
  content: "";
  height: 30px;
  position: absolute;
  right: 50%;  
  top: 0;
  width: 30px;
  z-index: 99;
  margin: -15px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
 }
 .RightBox:before {
   background: none repeat scroll 0 0 #FFFFFF;
   box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
   content: "";
   height: 30px;
   margin: -15px;
   position: absolute;
   top: 0;
   left: 50%;
   width: 30px;
   z-index: 99;
   transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
 }
 .DivHistory .YearNum {
  float: none;
  margin: 0 auto;
  text-align: center;
  background: #ffffff;
 }
 .DivHistory {
   background-position: 50%;
 }
 .YearTxt {
  text-align: center; 
 }
 .YearHdr {
  text-align: center;
 }
 .YearLogo {
  text-align: center;
 }
 .RightBox {
  text-align: center;
 }
}

@media (max-width: 640px)  {
.DivHistory .YearNum      { font-size: 2rem; }
.HistoryCover {padding:0;}
}

@media (min-width: 641px) and (max-width: 900px) {
.DivHistory .YearNum      { font-size: 2.1rem; }
.HistoryCover {padding:0;}
}
  
@media (min-width: 901px) and (max-width: 1279px) {
 .DivHistory .YearNum      { font-size: 2.1rem; }
 .YearCircle { left: 15%; }
 .LeftPart { width: 15%; }
 .RightPart { width: 85%; }
 .DivHistory {background-position: 15%;}
}
  
@media (min-width: 1280px) and (max-width: 1599px) {
}   

@media (min-width: 1600px) {
}