.page-sel input[name="tab-control"] {display: none;}

.page-sel .slider{position: relative;width: 50%;margin-top:-2px;-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}
.page-sel .slider .indicator{position: relative; width: 220px;max-width: 100%;margin: 0 auto;height: 5px;background: #428BFF;border-radius: 2.5px;}

.ct-p{display: block;}
.ct-d{display: none;}

.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ label:nth-child(3){
	cursor: default;
}
.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ label:nth-child(3) h1 {
	color: #4185fa;
}
.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ label:nth-child(3) h2 {
	color: #d2e1fa;
}
.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ label:nth-child(3) .img {
	background: url(../../images/img_group.png) -10px -60px no-repeat;
}
.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ .ct-p{
	display: block;
}

.page-sel input[name="tab-control"]:nth-of-type(2):checked ~ label:nth-child(4){
	cursor: default;
}
.page-sel input[name="tab-control"]:nth-of-type(2):checked ~ label:nth-child(4) h1 {
	color: #4185fa;
}
.page-sel input[name="tab-control"]:nth-of-type(2):checked ~ label:nth-child(4) h2 {
	color: #d2e1fa;
}
.page-sel input[name="tab-control"]:nth-of-type(2):checked ~ label:nth-child(4) .img {
	background: url(../../images/img_group.png) -236px -60px no-repeat;
}
/*@media (max-width: 600px) {
  .page-sel input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(1) > label {
    background: rgba(0, 0, 0, 0.08);
  }
}*/

.page-sel input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.page-sel input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}


/*ct-d-01*/
.ct-d-01 input[name="btn-control"] {display: none;}
.ct-d-01 .slider{position: absolute;width: 188px;margin-top:-45px;margin-left:3px;-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}
.ct-d-01 .slider .indicator{position: absolute;width:188px;max-width: 100%;margin: 0 auto;height: 42px;background: #fff;border-radius: 4px;}

.ct-d-01 input[name="btn-control"]:nth-of-type(1):checked ~ label:nth-child(3){
	cursor: default;
	color: #4185fa;
}
.ct-d-01 input[name="btn-control"]:nth-of-type(1):checked ~ label:nth-child(4){
	color: #fff;
}

.ct-d-01 input[name="btn-control"]:nth-of-type(2):checked ~ label:nth-child(4){
	cursor: default;
	color: #4185fa;
}
.ct-d-01 input[name="btn-control"]:nth-of-type(2):checked ~ label:nth-child(3){
	color: #fff;
}

.ct-d-01 input[name="btn-control"]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.ct-d-01 input[name="btn-control"]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(99%);
          transform: translateX(99%);
}