.tapclimb_box { width: 100%; float: left; background: url(../img/tap-climb/tap_bg.jpg) repeat; background-size: cover; margin: 40px 0 0; position: relative; color: var(--white); font-size: 18px; }
.tapclimb_box:before { content: ''; background-image: url(../img/tap-climb/biscuit_1.png); background-repeat: no-repeat; background-size: 100%; width: 141px; height: 126px; position: absolute; left: -60px; top: 30px; }
.tapclimb_box:after { content: ''; background-image: url(../img/tap-climb/biscuit.png); background-repeat: no-repeat; background-size: 100%; width: 261px; height: 175px; position: absolute; right: 60px; top: -50px; }
.climb_logo { padding: 20px 0; }
.tapclimb_Detail h2 { color: inherit; }
.tapclimb_Detail .detail_sum { margin: 0 0 0 30px; }
.tapclimb_box h3 { text-align: center; margin: 0 0 30px; position: relative; }
.climb_des p { color: inherit; }
.climb_des { position: relative; margin: 40px 0 80px; }
.tech_play { position: relative; }
.tech_play ul { padding: 30px; }
.climb_play h3:before { content: ''; background-image: url(../img/tap-climb/clouds.png); background-repeat: no-repeat; background-size: 100%; width: 150px; height: 76px; position: absolute; right: 23%; top: -50px; }
.climb_des:after { content: ''; background-image: url(../img/tap-climb/biscuit_break.png); background-repeat: no-repeat; background-size: 100%; width: 134px; height: 131px; position: absolute; right: -72px; top: -10%; }
.climb_play:before { content: ''; background-image: url(../img/tap-climb/stone.png); background-repeat: no-repeat; background-size: 100%; width: 67px; height: 67px; position: absolute; left: -30px; top: -7%; }
.climb_play:after { content: ''; background-image: url(../img/tap-climb/play_climb.png); background-repeat: no-repeat; background-size: 100%; padding: 19%; position: absolute; right: -10px; top: 0; }
.tech_play li { position: relative; padding-left: 25px; margin: 0 0 20px; font-size: inherit; z-index: 1; color: #ffffff;}
.tech_play li:after { content: ''; background-image: url(../img/tap-climb/arrow_rht.png); background-repeat: no-repeat; background-size: 100%; width: 10px; height: 15px; position: absolute; left: 0; top: 7px; }
.tech_climb { margin: 40px 0 0; }
.tech_climb:after { content: ''; background-image: url(../img/tap-climb/climb_man.png); background-repeat: no-repeat; background-size: 100%; padding: 15% 9%; position: absolute; right: 12%; top: 0; }
.tech_climb:before { content: ''; background-image: url(../img/tap-climb/clouds.png); background-repeat: no-repeat; background-size: 100%; width: 150px; height: 76px; position: absolute; left: -15px; top: -20px; }
.climb_pxl_des { text-align: center; margin: 80px 0 0; position: relative; }
.climb_pxl_des figure { margin: 50px 0 0; }
.climb_pxl_des:before { content: ''; background-image: url(../img/tap-climb/tree_branches.png); background-repeat: no-repeat; background-size: 100%; padding: 6%; position: absolute; right: -10%; top: -40px; }
.climb_pxl_des:after { content: ''; background-image: url(../img/tap-climb/treebranches1.png); background-repeat: no-repeat; background-size: 100%; padding: 6%; position: absolute; left: -10%; top: 20%; }
.climb_pxl_des figure img { border-radius: 0 0 40px 40px; }
.climb_pxl_des p { color: inherit; }

@media (max-width:1280px) {
	.tapclimb_box:after { width: 211px; height: 139px; }
	.tapclimb_box:before {width: 121px; height: 106px; }
	.climb_des:after { width:104px; height: 111px; right: -32px; }
	.climb_pxl_des:after { left:-6%; }
	.climb_pxl_des:before { right:-5%; }
	.tech_climb:after { top: 20%; }
	.climb_logo img { width: 200px; }
}

@media (max-width:1200px) {
	.climb_pxl_des:after { left: -13%; }
	.climb_pxl_des:before { right: -12%; }
	.tech_play ul { padding: 20px 0; }
	.climb_play h3:before { right: 13%; width: auto; height: auto; padding: 6% 8%; }
	.tech_climb:before { width: auto; height: auto; padding: 6% 8%; }
	.climb_play:after { padding: 14%; top: 12%; }
}
@media (max-width:1024px) {
  .climb_pxl_des:after { left: -6%; top: 40%; }
  .climb_pxl_des:before { right: -6%; }
}
@media (max-width:991px) {
  .climb_pxl_des { margin: 60px 0 0; }
}
@media (max-width:880px) {
	.tapclimb_box:after { width: auto; height: auto; padding: 7% 10%; right: 0; top: -1%; }
	.tapclimb_box:before { width: auto; height: auto; padding: 6%; left: 10px; }
	.climb_des:after { width: auto; height: auto; right: 5px; padding: 6%; }
	.climb_play:before { width: 47px; height: 47px; left: 10px; }
	.climb_play:after { padding: 20%; }
	.tech_climb:after { padding: 18% 11%; }
	.tech_climb:before { padding: 4% 6%; left: -3px; }
}
@media (max-width:767px) {
	.tapclimb_box h3 { margin: 0 0 10px; }
	.climb_logo { padding-bottom: 30px; }
	.tapclimb_Detail .d-flex { justify-content: center; }
	.tapclimb_Detail figure img { width: 140px; }
	.climb_pxl_des { margin: 50px 0 0; }
	.climb_pxl_des figure img { border-radius: 0 0 30px 30px; }
	.climb_play:after, .tech_climb:after { display: none; }
	.tapclimb_Detail { flex-direction: column; }
	.tech_play ul { padding: 15px 0 0; }
}