/* Desktop about: retained page structure and states. */
.scroll_a .pggd { position: relative; }
.ppgs-1 { -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; }
.dets { width: 100%; position: relative; height: 100%; margin: 0px; }
.top-title { color: rgb(255, 255, 255); }
.top-title1 { background-color: rgba(0, 0, 0, 0.9); padding: 5px 10px; display: inline-block; }
.ppgs-1 .dets .selectd .text-area { min-height: 200px; color: rgb(255, 255, 255); font-size: 16px; line-height: 34px; display: block; padding: 1px; position: relative; }
.ppgs-2 .ladds { border-width: 1px; border-style: solid; border-image: none; color: rgb(255, 255, 255); -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.ppgs-2 .ladds .label-item { border-right-width: 1px; border-right-style: solid; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-bottom-width: 1px; border-bottom-style: solid; }
.ppgs-2 .ladds .label-item:nth-child(3n) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ppgs-2 .ladds .label-item .det-title { width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; color: rgb(255, 186, 0); font-weight: bold; }
.ppgs-2 .ladds .label-item .det-title span { font-size: 22px; font-weight: normal; color: rgb(255, 255, 255); }
.ppgs-2 .ladds .label-item .en-title { margin-top: 4px; margin-bottom: 10px; width: 100%; text-align: center; }
.ppgs-2 .ladds .label-item .onmsg { font-size: 16px; width: 100%; text-align: center; }
.ppgs-4 .ddfs { -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; }
.ppgs-4 .ddfs .tb1 { margin-bottom: 30px; }
.ppgs-4 .ddfs .tb1:nth-child(4n) { margin-right: inherit; }
.ppgs-4 .ddfs .tb1 img { width: 100%; height: 220px; }
.ppgs-4 .ddfs .tb1 p { font-size: 16px; color: rgb(51, 51, 51); padding: 10px 0px; text-align: center; }
.ppgs-5 .ccol .left-box { height: 100%; float: left; color: rgb(255, 255, 255); padding-top: 50px; line-height: 34px; }
.ppgs-5 .ccol .left-box div { font-size: 18px; line-height: 34px; font-weight: bold; }
.ppgs-5 .ccol .left-box div:nth-child(2n) { font-size: 16px; font-weight: normal; padding-bottom: 15px; }
.ppgs-5 .ccol .left-box p { width: 100%; text-align: left; }
.ppgs-5 .ccol .left-box .spawn { line-height: 40px; }
.ppgs-5 .ccol .left-box .spawn::before { content: "　"; }
.ppgs-5 .ccol .left-box .ttl { font-size: 24px; }
.ppgs-5 .ccol .left-box .deft { font-size: 18px; margin-top: 5px; }
.ppgs-5 .ccol .right-box { height: 100%; float: left; position: relative; }
.ppgs-5 .ccol .right-box .zs-box { height: 600px; position: absolute; right: 0px; top: 0px; }
.ppgs-5 .ccol .right-box .scroll_b .swiper-slide, .ppgs-5 .ccol .right-box .scroll_b .swiper-slide img { width: 100%; height: 100%; }
.ppgs-6 .ddfs { -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; }
.ppgs-6 .ddfs .tb1 { margin-bottom: 30px; text-align: center; }
.ppgs-6 .ddfs .tb1 img { width: 70%; height: 250px; overflow: hidden; margin: 0px auto; }
.ppgs-6 .ddfs .tb1 p { width: 70%; background: rgb(255, 255, 255); font-size: 14px; color: rgb(0, 0, 0); padding: 5px 0px; text-align: center; margin: 0px auto; }