:root {
  --margin: 220px;
  --background: #e2e2f5;
  --perspective: 1800px;
  --transition: transform 1s .2s, z-index 0s 0.5s;
  --yellow: #ffce14;
}
.pages_page { width:50%; position:absolute;right:0px;height:100%; -webkit-transform-origin: 0 50%; transform-origin:0 50%; }
.overlay { background:rgba(255, 255, 255, 0.1); position:fixed; width:100%; pointer-events: none; height:78%; z-index: -1; }

.tlogo { font-size:18px;padding:33px 30px 30px 30px;line-height:0;color:#fff;text-align:left; }
.pagenumber { position:absolute;bottom:20px;left:40px;width:400px;color:#fd8b05;letter-spacing:60px;text-align:left; }
.pagenumber:after { height:1px;width:100px;background: #fd8b05;content: '';display:block;position:absolute;left:20px;top:19px; }
.hamburger { position: absolute; top: 38px; height: 20px; width: 30px; right: 30px; z-index: 1; }
.hamburger_part { width: 20px; height: 1px; position: absolute; right: 0; background: #fd8b05; } 
.hamburger_part:nth-of-type(1) { top: 0px; }
.hamburger_part:nth-of-type(2) { top: 4.5px; }
.hamburger_part:nth-of-type(3) { top: 9px; }
.hamburger_part:last-child { width: 8px; }

.pages { width: calc(100% - var(--margin)); height: calc(100% - var(--margin)); 
         position: absolute; left: 0; right: 0; margin:45px auto; top: 50%;
         -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-perspective: var(--perspective); 
		 perspective: var(--perspective); box-shadow: 0 41px 38px -20px #0a3150; max-width: 1300px;max-height: 650px; }
.pages input { display: none; }
.pages input:nth-of-type(3):checked + input + div + div + div + div + div .pagenumber,
.pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .pagenumber { letter-spacing: 59px; transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(3):checked + input + div + div + div + div + div .pagenumber:after,
.pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .pagenumber:after { width: 100px; transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(3):checked + input + div + div + div + div + div .content_centerimage,
.pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content_centerimage {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(3):checked + input + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):checked + input + div + div + div + div + div .content h6,
.pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content h4,
.pages input:nth-of-type(3):checked + input + div + div + div + div + div + div .content h6 {transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1); -webkit-transform: translateZ(0); transform: translateZ(0); }
.pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .pagenumber,
.pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .pagenumber { letter-spacing: 0; transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .pagenumber:after,
.pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .pagenumber:after { width: 0px; transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content_centerimage,
.pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content_centerimage {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: all 0.8s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content h4, body .pages input:nth-of-type(3):not(checked) + input + div + div + div + div + div .content h6,
.pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content h4,
.pages input:nth-of-type(3):not(:checked) + input + div + div + div + div + div + div .content h6 { transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1); -webkit-transform: translateZ(200px); transform: translateZ(200px); }

.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .pagenumber,
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .pagenumber { letter-spacing: 59px; transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .pagenumber:after,
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .pagenumber:after { width: 100px; transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section,
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section {
  transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
}
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(1),
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(1) { left:100px; transition: all 0.8s 0.3s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(2),
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(2) { left:230px; transition: all 0.8s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div .content_section:nth-of-type(3),
.pages input:nth-of-type(4):checked + div + div + div + div + div + div + div + div .content_section:nth-of-type(3) { left:130px; transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .pagenumber,
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .pagenumber { letter-spacing: 0; transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .pagenumber:after,
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .pagenumber:after { width: 0px; transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section,
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section {
  -webkit-filter: blur(20px);
          filter: blur(20px);
  transition: all 0.8s 0.5s cubic-bezier(0.6, 0.045, 0.165, 1);
  opacity: 0;
}
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(1),
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(1) { left: 0; }
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(2),
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(2) { left: 0; }
.pages input:nth-of-type(4):not(checked) + div + div + div + div + div + div + div .content_section:nth-of-type(3),
.pages input:nth-of-type(4):not(:checked) + div + div + div + div + div + div + div + div .content_section:nth-of-type(3) { left: 0; }

.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span { transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1); }
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(1),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(1) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(2),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(2) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(3),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(3) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(4),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(4) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(5),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(5) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div h5 span:nth-of-type(6),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div h5 span:nth-of-type(6) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .pagenumber,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .pagenumber {
  letter-spacing: 59px;
  transition: all 0.8s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .pagenumber:after,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .pagenumber:after {
  width: 100px;
  transition: all 1s 0.7s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  opacity: 1;
  transition: all 1s .5s;
  -webkit-perspective: var(--perspective);
          perspective: var(--perspective);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content_picture,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content_picture {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 1s 0.8s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span,
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span {
  transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(1),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(1) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(2),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(2) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(3),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(3) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(4),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(4) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(5),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(5) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(6),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(6) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(7),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(7) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(8),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(8) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(9),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(9) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(10),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(10) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(11),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(11) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(12),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(12) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(13),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(13) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(14),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(14) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(15),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(15) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(16),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(16) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(17),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(17) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(18),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(18) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(19),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(19) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(20),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(20) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(21),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(21) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(22),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(22) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(23),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(23) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(24),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(24) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(25),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(25) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(26),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(26) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(27),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(27) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(28),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(28) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(29),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(29) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(30),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(30) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(31),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(31) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(32),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(32) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(33),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(33) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(34),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(34) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(35),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(35) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(36),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(36) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(37),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(37) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(38),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(38) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(39),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(39) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):checked + input + input + div + div + div .content h1 span:nth-of-type(40),
.pages input:nth-of-type(2):checked + input + input + div + div + div + div .content h1 span:nth-of-type(40) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span {
  transition: all 1.5s 0.4s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(1),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(1) {
  -webkit-transform: translateZ(457px);
          transform: translateZ(457px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(2),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(2) {
  -webkit-transform: translateZ(554px);
          transform: translateZ(554px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(3),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(3) {
  -webkit-transform: translateZ(362px);
          transform: translateZ(362px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(4),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(4) {
  -webkit-transform: translateZ(60px);
          transform: translateZ(60px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(5),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(5) {
  -webkit-transform: translateZ(46px);
          transform: translateZ(46px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div h5 span:nth-of-type(6),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div h5 span:nth-of-type(6) {
  -webkit-transform: translateZ(339px);
          transform: translateZ(339px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .pagenumber,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .pagenumber {
  letter-spacing: 0;
  transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .pagenumber:after,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .pagenumber:after {
  width: 0px;
  transition: all 0.5s 0.2s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
  -webkit-transform: translateZ(50px);
          transform: translateZ(50px);
  transition: all 1s .2s;
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content_picture,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content_picture {
  transition: all 0.4s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span,
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span {
  transition: all 1.5s 0s cubic-bezier(0.6, 0.045, 0.165, 1);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(1),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(1) {
  -webkit-transform: translateZ(620px);
          transform: translateZ(620px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(2),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(2) {
  -webkit-transform: translateZ(183px);
          transform: translateZ(183px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(3),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(3) {
  -webkit-transform: translateZ(559px);
          transform: translateZ(559px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(4),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(4) {
  -webkit-transform: translateZ(295px);
          transform: translateZ(295px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(5),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(5) {
  -webkit-transform: translateZ(541px);
          transform: translateZ(541px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(6),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(6) {
  -webkit-transform: translateZ(418px);
          transform: translateZ(418px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(7),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(7) {
  -webkit-transform: translateZ(320px);
          transform: translateZ(320px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(8),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(8) {
  -webkit-transform: translateZ(331px);
          transform: translateZ(331px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(9),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(9) {
  -webkit-transform: translateZ(463px);
          transform: translateZ(463px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(10),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(10) {
  -webkit-transform: translateZ(264px);
          transform: translateZ(264px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(11),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(11) {
  -webkit-transform: translateZ(723px);
          transform: translateZ(723px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(12),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(12) {
  -webkit-transform: translateZ(709px);
          transform: translateZ(709px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(13),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(13) {
  -webkit-transform: translateZ(726px);
          transform: translateZ(726px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(14),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(14) {
  -webkit-transform: translateZ(395px);
          transform: translateZ(395px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(15),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(15) {
  -webkit-transform: translateZ(741px);
          transform: translateZ(741px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(16),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(16) {
  -webkit-transform: translateZ(477px);
          transform: translateZ(477px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(17),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(17) {
  -webkit-transform: translateZ(611px);
          transform: translateZ(611px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(18),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(18) {
  -webkit-transform: translateZ(483px);
          transform: translateZ(483px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(19),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(19) {
  -webkit-transform: translateZ(718px);
          transform: translateZ(718px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(20),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(20) {
  -webkit-transform: translateZ(320px);
          transform: translateZ(320px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(21),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(21) {
  -webkit-transform: translateZ(702px);
          transform: translateZ(702px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(22),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(22) {
  -webkit-transform: translateZ(431px);
          transform: translateZ(431px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(23),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(23) {
  -webkit-transform: translateZ(594px);
          transform: translateZ(594px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(24),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(24) {
  -webkit-transform: translateZ(563px);
          transform: translateZ(563px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(25),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(25) {
  -webkit-transform: translateZ(585px);
          transform: translateZ(585px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(26),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(26) {
  -webkit-transform: translateZ(383px);
          transform: translateZ(383px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(27),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(27) {
  -webkit-transform: translateZ(514px);
          transform: translateZ(514px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(28),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(28) {
  -webkit-transform: translateZ(709px);
          transform: translateZ(709px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(29),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(29) {
  -webkit-transform: translateZ(618px);
          transform: translateZ(618px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(30),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(30) {
  -webkit-transform: translateZ(734px);
          transform: translateZ(734px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(31),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(31) {
  -webkit-transform: translateZ(424px);
          transform: translateZ(424px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(32),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(32) {
  -webkit-transform: translateZ(631px);
          transform: translateZ(631px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(33),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(33) {
  -webkit-transform: translateZ(207px);
          transform: translateZ(207px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(34),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(34) {
  -webkit-transform: translateZ(209px);
          transform: translateZ(209px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(35),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(35) {
  -webkit-transform: translateZ(366px);
          transform: translateZ(366px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(36),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(36) {
  -webkit-transform: translateZ(594px);
          transform: translateZ(594px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(37),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(37) {
  -webkit-transform: translateZ(687px);
          transform: translateZ(687px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(38),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(38) {
  -webkit-transform: translateZ(543px);
          transform: translateZ(543px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(39),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(39) {
  -webkit-transform: translateZ(234px);
          transform: translateZ(234px);
}
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div .content h1 span:nth-of-type(40),
.pages input:nth-of-type(2):not(:checked) + input + input + div + div + div + div .content h1 span:nth-of-type(40) {
  -webkit-transform: translateZ(510px);
          transform: translateZ(510px);
}

.pages_page { pointer-events: none; float: right; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.pages_page:nth-of-type(1) { z-index: 7; transition: var(--transition); }
.pages_page:nth-of-type(2) { z-index: 6; transition: var(--transition); }
.pages_page:nth-of-type(3) { z-index: 5; transition: var(--transition); }
.pages_page:nth-of-type(4) { z-index: 4; transition: var(--transition); }
.pages_page:nth-of-type(5) { z-index: 3; transition: var(--transition); }
.pages_page:nth-of-type(6) { z-index: 2; transition: var(--transition); }
.pages_page:nth-of-type(7) { z-index: 1; transition: var(--transition); }
.pages_page:nth-of-type(8) { z-index: 0; transition: var(--transition); }
.pages_page:nth-of-type(1) { left: 0; z-index: 0; -webkit-transform: rotateY(0deg) !important; transform: rotateY(0deg) !important; pointer-events: none; }
.pages_page:nth-of-type(1) .pages_page__inner { -webkit-transform: rotateY(0deg) !important; transform: rotateY(0deg) !important; }
.pages_page:nth-of-type(2) { pointer-events: all; }
.pages_page:nth-of-type(odd) .pages_page__inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.pages_page:nth-of-type(1) .pages_page__inner {
  background-size: 650px !important;
  background-position: top !important;
  background: url("/dist/1.png");
}
.pages_page:nth-of-type(2) .pages_page__inner { background-size: 1300px !important; background-position: top !important; background: url("/dist/3.png"); }
.pages_page:nth-of-type(2) .pages_page__inner h4 { color:black; z-index: 3; }

.pages_page:nth-of-type(3) .pages_page__inner { background: url("/images/main/main_s_03.jpg"); background-position: 0 0; }
.pages_page:nth-of-type(3) .pages_page__inner .content {
  height:100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width:200%;
  position: absolute;
}
.pages_page:nth-of-type(4) .pages_page__inner .content { height:88%; width:100%; position: absolute; left: 0%; }
.pages_page:nth-of-type(4) .pages_page__inner .bg {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  height: 100%;
  width: 200%;
  position: relative;
  background: url("/dist/1.png");
  background-size: 1400px !important;
  left: -100%;
}
.pages_page:nth-of-type(5) .pages_page__inner { background: url("/images/main/main_s_05.jpg"); !important; background-position: center !important; }
.pages_page:nth-of-type(6) .pages_page__inner { background-size: 1300px !important; background-position: top !important; background: url("/images/main/main_s_06.jpg"); }
.pages_page:nth-of-type(7) .pages_page__inner {
  background: url("/images/main/main_s_08.jpg");
  background-position: 0 0;
  background-size:1400px !important;
}
.pages_page:nth-of-type(7) .pages_page__inner .content_section { position: absolute; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section h2 { margin:0; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section h2,
.pages_page:nth-of-type(7) .pages_page__inner .content_section p { margin:0; color:var(--yellow); }
.pages_page:nth-of-type(7) .pages_page__inner .content_section p { line-height:20px;opacity:0.95; font-size:15px; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(1) { top:100px; width:250px;letter-spacing:2px; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(2) { top:290px; width:230px;letter-spacing:2px;color:#fff; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(3) { top:380px; width:260px;letter-spacing:2px; }
.pages_page:nth-of-type(7) .pages_page__inner .content_section:nth-of-type(4) { top:380px; width:260px;letter-spacing:2px;color:#fff;font-size:38px; }

.pages_page:nth-of-type(8) .pages_page__inner {
  background: url("/images/main/main_s_09.jpg");
  background-position: 0 0;
}
.pages_page:nth-of-type(8) .pages_page__inner .content {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  height:100%;
  width:100%;
  position: absolute;
  left:50%;
}
.pages_page:nth-of-type(8) .pages_page__inner .bg {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
  height:100%;
  width:200%;
  position: relative;
  background: url("/images/main/main_s_09.jpg");
  background-size:1400px !important;
  left: -100%;
}
.pages_page__inner {
  background-size:1400px !important;
  height:100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.pages_page__inner .control {
  position: absolute;
  z-index: 1;
  width:40px;
  height:40px;
  border:1px solid #222;
  background:#222;
  border-radius:100px;
  top:48%;
  left:30px;
  cursor: pointer;
  transition: all .23s;
  box-shadow: 0 0 0 0px #bf9726;
}
.pages_page__inner .control:hover { box-shadow:0 0 0 10px rgba(191, 151, 38, 0.3); left:34px; }
.pages_page__inner .control:hover:before { width:40px; left: -40px; }
.pages_page__inner .control.next { left:auto; right:30px; }
.pages_page__inner .control.next:hover { right: 34px; }
.pages_page__inner .control.next:hover:before { width:40px; right: -40px; }
.pages_page__inner .control.next:before { left: auto; right: -33px; }
.pages_page__inner .control.next:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 5px; left: 11px; pointer-events: none; }
.pages_page__inner .control label { z-index:2;width:100%;height:100%; position:absolute;cursor:pointer; }
.pages_page__inner .control:after { content:"\2724";font-size:20px;display:block;color:#fff;position:absolute;left:30%; top:45%; -webkit-transform: translateY(-50%); transform: translateY(-50%);transition:all .2s; }
.pages_page__inner .control:before {
  content: '';
  position: absolute;
  display: block;
  width:32px;
  height:1px;
  background:#fff;
  top:50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -32px;
  transition: all .2s;
}
.pages_page__inner .footer { position: absolute; bottom: 26px; z-index: 2; color: #fff; right: 30px; font-size: 12px; }
.pages_page__inner .footer i { margin: 0 10px; }
.pages_page__inner .content {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 0;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  width: 100%;
  height: 100%;
}
.pages_page__inner .content_centerimage {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  text-align: center;
  width: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 300px;
}
.pages_page__inner .content_centerimage img { width: 100%; }
.pages_page__inner .content_top { text-align:center; margin:0px auto; width:100%; top:20%; padding-bottom:10px; }
/* Ä«¿îÆ® ¹× º»¹® ³»¿ë */
div.title { margin-top:27px;font-size:17px;padding:5px;text-align:center;line-height:32px;font-weight:bold;color:#f6cb1e;}
div.co_line { width:97%;margin:.5%; animation:flipInX .75s; }
div.co_line ul { position:relative;width:99%;padding:10px;margin:0px auto;}
/* div.count_line ul li { position:relative;float:left;width:31.2%;height:150px;font-size:15px;padding:6px 2px;margin:.5%;text-align:center;line-height:20px;border:1px solid #222; } */
div.co_line ul li { position:relative;float:left;width:98%;height:120px;font-size:18px;padding:6px 2px;margin:.5%;text-align:center;line-height:20px;border:1px solid #4b4a4a;color:#fff; } 
div.co_line img { display:block;width:45px;margin:0px auto;padding:4px; }
div.co_line span { font-size:38px;padding:4px;text-align:center;line-height:20px;font-weight:bold;}
div.cen { width:98%;margin:20px auto;font-size:15px;padding:4px;text-align:center;line-height:30px;color:#fff;letter-spacing:2px;}
div.cen span { color:#f6cb1e;font-size:18px; }

li.ttp { width:100%;padding:2px auto;text-align:center;margin:.2%;animation:flipInX .75s; }
li.ttp div { width:100%; }
li.ttp div ul { width:95%;margin:1% auto; }
li.ttp div ul span { width:98%;padding:10px auto;text-align:center;margin:1% auto;font-size:15px;color:#fff;font-weight:bold; }
li.ttp div ul li.bor { display:block;width:28%;float:left;text-align:center;padding:4px;margin:1% auto;border:1px solid #fff;font-size:13px;  }
li.ttp div ul li.bor1 { display:block;width:28%;float:left;text-align:center;padding:4px;margin:1% auto;border:1px solid #f6cb1e;font-size:13px;color:#f6cb1e;  }
li.ttp div ul li.ma { display:block;width:14.5%;float:left;text-align:center;padding:4px;margin:.2%;background:#e47830;border:1px solid #e47830;font-size:12px; color:#fff; }
li.ttp div ul li.plus { display:block;float:left;padding:1px;margin:2% auto;font-size:22px; color:##f6cb1e;  }

.pages_page__inner .content_center { position: absolute; text-align: center; width: 260px; right: -130px; padding-bottom: 10px; top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}
.pages_page__inner .content_center img { width: 300px; }
.pages_page__inner .content_center .logo { font-size: 30px; }
.pages_page__inner .content_center h4,
.pages_page__inner .content_center h5,
.pages_page__inner .content_center h6 { color: #222; font-size: 38px; font-weight: normal; margin: 0; line-height: 38px; }
.pages_page__inner .content_center h4 {
  color: var(--yellow);
  font-size: 38px;
  font-weight: normal;
  margin: 0;
  line-height: 38px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 15px 20px 29px;
}
.pages_page__inner .content_center h6 { font-size: 20px; margin: 0; opacity: 0.8; }
.pages_page__inner .content_center h5 { font-size: 26px; margin: 0;  }
.pages_page__inner .content_center h6:nth-of-type(2) { font-size: 16px; margin-top: 10px; }
.pages_page__inner .content_center.right {
  right: auto;
  left: -130px;
  -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
  clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
}
.pages_page__inner .content_picture { width:220px; position: absolute;left:45%; -webkit-transform: translateX(-40px); transform: translateX(-40px); top:17%;border:1px solid #666; }
.pages_page__inner .content_picture img { width: 100%; margin: 0; display: inline-block; }
.pages_page__inner .content_quote { position: absolute; left: calc(50% + 250px); bottom: 100px; width: 200px; }
.pages_page__inner .content_quote h5 span { display: block; color: var(--yellow); font-size: 34px; font-weight: normal; line-height: 24px; }
.pages_page__inner .content_quote h5 span.name, body .pages_page__inner .content_quote h5 span.auth { font-size: 13px; opacity: 0.7; margin: 22px 0 0 0; position: Relative; left: 140px; }
.pages_page__inner .content_quote h5 span.auth { margin: -7px 0; }
.pages_page__inner .content_quote h5 span.quo { font-size: 80px; position: absolute; left: 195px; top: 90px; }
.pages_page__inner .content_quote h5 span.quo:nth-of-type(1) i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: -226px;
  top: -100px;
  display: block;
  font-style: normal;
  position: relative;
}
.pages_page__inner .content_han { position:absolute; width:280px; top:20%; left:100px; -webkit-transform: translateX(-350px); transform: translateX(-350px); color: #a6d7fa; }
.pages_page__inner .content_han h2,
.pages_page__inner .content_han p { margin: 0; }
.pages_page__inner .content_offset { position: absolute; width:280px; top:260px; left:50%; -webkit-transform: translateX(-350px); transform: translateX(-350px); color:#222; }
.pages_page__inner .content_offset h2,
.pages_page__inner .content_offset p { margin: 0; }
.pages_page__inner .content_offset h2 { color:#222; font-size:18px; text-transform: uppercase;letter-spacing: 2px; margin: 20px 0 8px 0; }
.pages_page__inner .content_offset p { font-size: 15px; line-height: 20px; color: color:#222; }
.pages_page__inner .content h1 {
  width:50%;
  font-size:36px;
  color: var(--yellow);
  text-transform:uppercase;
  padding:120px 10px;;
  margin: 0;
  font-weight:normal;
  letter-spacing:-5px;
  line-height:51px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.pages_page__inner .content h1 span {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  display: inline-block;
}
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div { pointer-events: none;  z-index: 9; }
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(2):checked + input + input + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(3):checked + input + div + div + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div { pointer-events: none; z-index: 9; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div .control { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0); }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div + div + div { pointer-events: all; }
.pages input[type="radio"]:nth-of-type(4):checked + div + div + div + div + div + div { pointer-events: none; z-index: 9; }

@keyframes animate {
  0% {
  transform:scaleX(0);
  transform-origin: left;
  }
  50%
  {
    transform:scaleX(1);
  transform-origin: left;
  }
  50.1%
  {
    transform:scaleX(1);
  transform-origin: right;
    
  }
  100%
  {
    transform:scaleX(0);
  transform-origin: right;
  }
}