.slider {
	position: relative;
	width: 100%
}

.slider,.slider__wrapper {
	height: 100%;
	overflow: hidden
}

.slider__wrapper {
	list-style: none;
	*zoom: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d
}

.slider__item {
	height: 100%;
	float: left;
	clear: none
}

.slider__arrows-item {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
	cursor: pointer
}

.slider__arrows-item--right {
	bottom: 50%;
	right: 30px
}

.slider__arrows-item--left {
	bottom: 50%;
	left: 30px
}

.slider__nav {
	position: absolute;
	bottom: 30px
}

.slider__nav-item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff
}

.slider__nav-item--current,.slider__nav-item:hover {
	background: #ccc
}

.glide {
	position: relative;
	width: 100%;
	height: 100%
}

.glide__wrapper {
	overflow: hidden
}

.glide__track {
	position: relative;
	width: 100%;
	height: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	-ms-touch-action: pan-Y;
	touch-action: pan-Y
}

.glide__track.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__slide {
	width: 100%;
	-webkit-tap-highlight-color: transparent
}

.glide__arrows,.glide__slide {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none
}

.glide__arrow {
	cursor: pointer
}

.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide--carousel .glide__slide,.glide--slider .glide__slide {
	float: left;
	clear: none
}

.glide--slideshow .glide__wrapper {
	height: 100%
}

.glide--slideshow .glide__slide {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(0)
}

.glide--slideshow .glide__slide.active {
	z-index: 1
}

.glide__arrows {
	position: absolute
}

.glide--horizontal .glide__arrows {
	top: 50%;
	width: 92%;
	margin-left: 4%
}

.glide--vertical .glide__arrows {
	left: 50%;
	height: 88%;
	margin-top: 6%
}

.glide__arrow {
	position: absolute;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	font: 11px Arial,sans-serif;
	padding: 9px 12px;
	background-color: transparent;
	border: 2px solid hsla(0,0%,100%,.5);
	border-radius: 4px;
	transition: border .3s ease-in-out
}

.glide__arrow:focus {
	outline: none
}

.glide__arrow:hover {
	border-color: #fff
}

.glide--horizontal .glide__arrow {
	transform: translateY(-50%)
}

.glide--horizontal .glide__arrow.prev {
	left: 0
}

.glide--horizontal .glide__arrow.next {
	right: 0
}

.glide--vertical .glide__arrow {
	transform: translateX(-50%)
}

.glide--vertical .glide__arrow.prev {
	top: 0
}

.glide--vertical .glide__arrow.next {
	bottom: 0
}

.glide__bullets {
	position: absolute;
	list-style: none
}

.glide--horizontal .glide__bullets {
	bottom: 8%;
	left: 0;
	width: 100%;
	height: 12px;
	text-align: center
}

.glide--vertical .glide__bullets {
	top: 50%;
	right: 8%;
	width: 12px;
	height: auto;
	transform: translateY(-50%)
}

.glide__bullets>* {
	display: inline-block;
	background-color: hsla(0,0%,100%,.5);
	width: 12px;
	height: 12px;
	padding: 0;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: all .3s ease-in-out
}

.glide--horizontal .glide__bullets>* {
	margin: 0 5px
}

.glide--vertical .glide__bullets>* {
	vertical-align: middle
}

.glide__bullets>.active {
	background-color: #fff
}

.glide__bullets>:focus {
	outline: none
}

.glide__bullets>:focus,.glide__bullets>:hover {
	border: 2px solid #fff;
	background-color: hsla(0,0%,100%,.5)
}

.glide--slider .glide__arrow {
	opacity: 1;
	transition: opacity .15s ease
}

.glide--slider .glide__arrow.disabled {
	opacity: .33
}

.pma_banner {
	height: 686px
}

.pma_box_img {
	width: 1000px;
	height: 500px
}

.pma_line {
	width: 40px;
	height: 6px;
	background-color: #ffdc00
}

.pma_box {
	box-shadow: 4px 13px 34px -10px rgba(0,0,0,.1)
}

.pma_icon_bad,.pma_icon_good {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-size: 17px 17px
}

.pma_icon_good {
	background-image: url(../images/artwork_good-dfa0274c9f362312a6db27c82e3c2487.png)
}

.pma_icon_bad {
	background-image: url(../images/artwork_bad-fbc2f7a08a030fd3709eac651de8e3cc.png)
}

.pma_bc_t,.pma_bcb_l {
	padding-left: 85px
}

.pma_bcb_l {
	min-height: 90px
}

.pma_bc_label {
	top: 0;
	left: 0
}

.pma_bcb_label {
	top: 8px;
	left: 25px
}

.pma_bcb_l {
	width: 540px
}

.pma_bcb_r {
	width: 320px
}

.pma_bc_b.three .pma_bcb_l {
	width: 460px
}

.pma_bc_b.three .pma_bcb_r {
	width: 450px
}

.pma_thumb {
	width: 130px;
	height: 90px
}

.pma_thumb:hover {
	box-shadow: 2px 4px 6px rgba(0,0,0,.2)
}

.pma_btn {
	width: 150px;
	height: 42px;
	line-height: 42px
}

.pma_case_img {
	width: 1000px
}

.pma_navs_box {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 101;
	padding-bottom: 10px;
	width: 106px;
	border: 1px solid #dbdbdb
}

.pma_navs_box.fixed {
	position: fixed;
	top: 60px;
	left: 10px
}

.pma_navs_h {
	height: 32px;
	line-height: 32px;
	background-color: #ffdc00
}

.pma_nav {
	height: 22px;
	line-height: 22px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.pma_nav.active,.pma_nav:hover {
	background-color: #f4f4f4;
	border-left-color: #ffdc00
}

.pma_nav_for {
	left: 0;
	top: -70px
}

.pmam_navs.fixed {
	position: fixed;
	z-index: 1001
}

.pmam_nav_for {
	top: -40px;
	left: 0
}

.pmam_nav.active {
	color: #343434;
	font-weight: 700
}

.pmam_nav.active:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 15px;
	width: 30px;
	height: 3px;
	background-color: #ffdc00
}

.pmam_nav:last-child .pmam_nav_s {
	display: inline-block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	border-left: 1px solid #e8e8e8
}

.pmam_item:first-child {
	margin-top: 0
}

.pmam_item_h {
	height: 10px;
	left: 0;
	bottom: 0
}

.pmam_item_hl {
	height: 10px;
	background-color: #ffdc00
}

.pmam_item_img {
	height: 62.67vw
}

.pmam_item_p {
	padding-right: 80px
}

.pmam_item_btn {
	right: 15px
}

.pmam_btn {
	width: 121px;
	height: 42px;
	line-height: 42px
}

.pmam_modal_close {
	display: inline-block;
	right: 20px;
	top: 10px;
	width: 22px;
	height: 22px;
	background-image: url(../images/close_bg-8f80400de96d4f00704a54978694ecd2.png);
	background-size: 22px 22px
}

.pmam_glide,.pmam_glide .glide__slide {
	height: 62.67vw!important;
	overflow: hidden
}

.pmam_glide .glide__slide {
	background-size: cover;
	background-position: 50%
}

.pmam_glide .glide__bullets {
	bottom: 12px
}

.pmam_glide .glide__bullet {
	background-color: transparent;
	border-color: #fff;
	border-width: 1px;
	width: 6px;
	height: 6px
}

.pmam_glide .glide__bullet.active {
	background-color: #ffdc00;
	border: none
}

.pmam_modal_arrow {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/left_circle-6b0031341e0db97888b4b32caf9d1d2f.png);
	background-size: 25px 25px
}

.pmam_ma_r {
	transform: rotate(180deg)
}

.pmam_modal_row {
	padding-left: 65px
}

.pmam_modal_l {
	top: 0;
	left: 15px
}

.pm_artworkv2_wrpper {
	background-color: #fff
}

.pma2_banner {
	position: relative;
	width: 100%;
	height: 600px
}

.pma2_b_video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%
}

.pma2_b_video video {
	-o-object-fit: cover;
	object-fit: cover
}

.pma2_b_cover {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4)
}

.pma2_b_con,.pma2_b_cover {
	position: absolute;
	z-index: 3
}

.pma2_b_con {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
	text-align: center
}

.pma2_b_h {
	font-size: 46px;
	font-weight: 700
}

.pma2_b_p {
	margin-top: 30px;
	font-size: 22px
}

.pma2_b_con .pma2_b_h,.pma2_b_con .pma2_b_p {
	color: #fff
}

.pma2_b_btns {
	margin-top: 30px;
	text-align: center
}

.pma2_b_btns .pma2_b_btn {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	background-color: #2b1841;
	color: #fff;
	cursor: pointer;
	transition: background-color .3s
}

.pma2_b_btn:hover {
	background-color: #ffde3b;
	font-size: 17px
}

.pma2_head {
	padding-bottom: 90px
}

.pma2_main {
	padding-top: 90px;
	margin: 0 auto;
	max-width: 1180px
}

.pma2_h {
	text-align: center;
	color: #000;
	font-size: 36px;
	font-weight: 700;
	white-space: nowrap
}

.pma2_gifs {
	margin-top: 60px
}

.pma2_gif {
	width: 260px
}

.pma2_gif_box {
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.pma2_gif:hover .pma2_gif_box {
	box-shadow: 2px 3px 10px rgba(0,0,0,.15)
}

.pma2_gif_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto
}

.pma2_gif_t {
	margin-top: 40px;
	text-align: center;
	color: #444;
	font-size: 24px;
	font-weight: 700
}

.pma2_subh {
	position: relative;
	margin: 30px auto 0;
	text-align: center;
	line-height: 30px;
	color: #000;
	font-size: 16px
}

.pma2_subh_t {
	color: #2b1841;
	text-decoration: underline;
	cursor: pointer
}

.pma2_subh_btn {
	display: none
}

.pma2_navs_pos {
	position: relative;
	height: 90px
}

.pma2_navs_wrapper {
	height: 90px;
	background-color: #fff;
	box-shadow: 0 4px 5px rgba(0,0,0,.1)
}

.pma2_navs_wrapper.fixed {
	position: fixed;
	left: 0;
	top: 50px;
	z-index: 999;
	width: 100%;
	border-top: 1px solid #f1f1f1
}

.main__header--move-up.noshadow {
	box-shadow: none!important
}

.pma2_navs {
	margin: 0 auto;
	text-align: center;
	max-width: 1180px;
	height: 100%
}

.pma2_nav {
	position: relative;
	height: 100%;
	padding: 33px 20px 0;
	color: #000;
	font-size: 22px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap
}

.pma2_nav:hover {
	color: #7b7b7b
}

.pma2_nav_l {
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #2b1841;
	border-radius: 2px
}

.pma2_nav.active {
	color: #2b1841
}

.pma2_nav.active .pma2_nav_l {
	visibility: visible
}

.pma2_bodys_wrapper {
	padding: 60px 0
}

.pma2_bodys {
	margin: 0 auto;
	max-width: 1180px
}

.pma2_body {
	display: none
}

.pma2_body.active {
	display: block
}

.pma2_artwork {
	display: block;
	position: relative;
	margin-bottom: 55px;
	padding-left: 50%;
	background: #fff;
	box-shadow: 2px 2px 12px rgba(0,0,0,.16);
	border-radius: 10px
}

.pma2_artwork:last-child {
	margin-bottom: 0
}

.pma2_artwork_l {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.pma2_artwork_r {
	padding: 40px 20px 40px 40px
}

.pma2_ar_n,.pma2_ar_nt {
	display: inline-block;
	position: relative;
	height: 50px
}

.pma2_ar_nt {
	padding: 0 50px 0 20px;
	background-color: #4a4a4a;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	white-space: nowrap
}

.pma2_ar_nt:after {
	position: absolute;
	top: 0;
	right: -1px;
	z-index: 2;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 0 0 50px 29px;
	border-style: solid;
	border-color: transparent transparent #fff
}

.pma2_ar_nl {
	position: absolute;
	top: 0;
	right: -47px;
	z-index: 3;
	background: transparent;
	width: 66px;
	height: 50px;
	background-image: linear-gradient(-60deg,transparent,transparent 30%,#2b1841 0,#2b1841 45%,transparent 0,transparent 55%,#2b1841 0,#2b1841 70%,transparent 0,transparent)
}

.pma2_ar_brief {
	margin-top: 25px;
	color: #666;
	font-size: 24px;
	font-weight: 700
}

.pma2_ar_des {
	margin-top: 10px;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.pma2_ar_rows {
	margin-top: 20px
}

.pma2_ar_row {
	margin-top: 10px;
	position: relative;
	padding-left: 24px;
	color: #666;
	font-size: 14px
}

.pma2_ar_dot {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	padding: 3px;
	background-color: rgba(255,196,3,.3);
	border-radius: 50%
}

.pma2_ar_dot:after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background-color: #2b1841;
	border-radius: 50%
}

.pma2_ar_tip {
	color: #ff5859;
	font-size: 12px
}

.pma2_btn {
	margin: 20px auto 0;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #2b1841;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.pma2_btn:hover {
	background-color: #ffde3b
}

.pma2_modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2)
}

.pma2_gif.active .pma2_modal {
	display: block
}

.pma2_modal_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 755px;
	background-color: #fff;
	box-shadow: 2px 2px 12px rgba(0,0,0,.16);
	border-radius: 20px;
	overflow: hidden
}

.pma2_mb_close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	color: #9b9b9b;
	cursor: pointer
}

.pma2_modal_scroll {
	padding: 45px 80px
}

.pma2_modal_scroll.active {
	max-height: 95vh;
	overflow-y: scroll
}

.pma2_mb_n {
	color: #000;
	font-size: 36px;
	font-weight: 700
}

.pma2_mb_l {
	margin: 0 auto;
	width: 68px;
	height: 2px;
	background: linear-gradient(90deg,rgba(255,220,0,0),#2b1841 49.16%,rgba(255,220,0,0))
}

.pma2_mb_ad {
	margin-top: 20px;
	color: #000;
	font-size: 18px
}

.pma2_mb_img {
	margin: -20px 0;
	width: 290px;
	border-radius: 20px
}

.pma2_ar_num {
	height: 36px
}

.pma2_ar_hh {
	margin-left: 7px;
	color: #666;
	font-size: 24px;
	font-weight: 700;
	vertical-align: middle
}

.pma2_mb_row {
	position: relative;
	padding-left: 30px;
	line-height: 30px;
	color: #666;
	font-size: 14px
}

.pma2_mb_dot {
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 14px;
	height: 14px;
	padding: 3px;
	background-color: rgba(255,196,3,.3);
	border-radius: 50%
}

.pma2_mb_dot:after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background-color: #2b1841;
	border-radius: 50%
}

.pma2_mb_btn {
	margin: 15px auto 0;
	width: 140px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-color: #2b1841;
	color: #161616;
	font-size: 16px;
	border-radius: 6px;
	cursor: pointer
}

.pma2_br {
	display: none
}

.body_hidden {
	overflow: hidden
}

@media only screen and (max-width:1360px) {
	.pma2_bodys,.pma2_main {
		max-width: calc(100% - 160px)
	}

	.pma2_gif {
		margin: 0 5px
	}
}

@media only screen and (max-width:1210px) {
	.pma2_banner {
		height: 40vw
	}

	.pma2_b_h,.pma2_h {
		font-size: 36px
	}

	.pma2_b_p {
		margin-top: 20px;
		font-size: 18px
	}

	.pma2_main {
		padding-top: 5vw
	}

	.pma2_head {
		padding-bottom: 5vw
	}

	.pma2_gifs {
		margin-top: 4vw
	}

	.pma2_gif_box {
		height: 24vw
	}

	.pma2_gif_t {
		margin-top: 2vw;
		font-size: 18px
	}

	.pma2_navs_pos,.pma2_navs_wrapper {
		height: 65px
	}

	.pma2_nav {
		padding-top: 22px;
		font-size: 16px
	}

	.pma2_artwork_r {
		padding: 25px 10px 25px 20px
	}

	.pma2_ar_n {
		height: 40px
	}

	.pma2_ar_nt {
		height: 40px;
		line-height: 40px;
		font-size: 20px
	}

	.pma2_ar_nt:after {
		border-width: 0 0 40px 20px
	}

	.pma2_ar_nl {
		right: -40px;
		width: 50px;
		height: 40px
	}

	.pma2_ar_brief {
		margin-top: 15px;
		font-size: 20px
	}

	.pma2_ar_des {
		line-height: 20px
	}

	.pma2_ar_row {
		margin-top: 8px
	}

	.pma2_btn {
		margin-top: 10px
	}
}

@media only screen and (max-width:850px) {
	.pm_artworkv2 {
		padding-bottom: 80px
	}

	.pma2_bodys,.pma2_main {
		max-width: 100%
	}

	.pma2_banner {
		height: 340px
	}

	.pma2_b_btns .pma2_b_btn {
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.pma2_b_h,.pma2_h {
		font-size: 24px
	}

	.pma2_b_p {
		margin-top: 10px;
		font-size: 14px
	}

	.pma2_b_btns {
		margin-top: 15px
	}

	.pma2_gif_t {
		margin-top: 3.3vw;
		font-size: 14px
	}

	.pma2_subh {
		margin-top: 15px;
		line-height: 22px;
		font-size: 12px
	}

	.pma2_navs_wrapper.fixed {
		top: 46px
	}

	.pma2_navs_pos,.pma2_navs_wrapper {
		height: 50px
	}

	.pma2_nav {
		padding: 15px 0 0;
		font-size: 14px
	}

	.pma2_nav_l {
		height: 2px
	}

	.pma2_bodys_wrapper {
		padding: 20px 10px
	}

	.pma2_artwork {
		margin-bottom: 15px;
		padding-left: 0;
		height: auto
	}

	.pma2_artwork_l {
		position: relative;
		width: 100%;
		border-radius: 5px;
		height: 200px
	}

	.pma2_artwork_r {
		padding: 10px 10px 20px
	}

	.pma2_ar_n {
		height: 30px
	}

	.pma2_ar_nt {
		height: 30px;
		line-height: 30px;
		font-size: 16px
	}

	.pma2_ar_nt:after {
		border-width: 0 0 30px 18px
	}

	.pma2_ar_nl {
		right: -30px;
		width: 40px;
		height: 30px
	}

	.pma2_ar_brief {
		margin-top: 15px;
		font-size: 14px
	}

	.pma2_ar_des,.pma2_ar_row,.pma2_btn {
		font-size: 12px
	}

	.pma2_btn {
		width: 120px;
		height: 30px;
		line-height: 30px
	}

	.pma2_modal_box {
		width: 90vw
	}

	.pma2_modal_scroll {
		padding: 30px 20px
	}

	.pma2_ar_hh,.pma2_mb_n {
		font-size: 18px
	}

	.pma2_mb_ad {
		font-size: 14px
	}

	.pma2_mb_row {
		line-height: 24px
	}

	.pma2_subh_t {
		display: none
	}

	.pma2_subh_btn {
		display: inline-block
	}
}

@media only screen and (max-width:620px) {
	.pma2_br {
		display: block
	}

	.pma2_b_h,.pma2_h {
		font-size: 14px
	}

	.pma2_b_p {
		font-size: 12px
	}

	.pma2_b_btns,.pma2_b_p {
		margin-top: 10px
	}

	.pma2_b_btns .pma2_b_btn {
		width: 140px;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}
}

.artwork_show {
	margin: 0 auto;
	padding-bottom: 80px;
	width: 1000px
}

.as_crumb {
	padding: 10px 0
}

.as_crumb,.as_crumb .as_crumb_a {
	color: #707070;
	font-size: 12px
}

.as_crumb_a:hover {
	text-decoration: underline
}

.as_banner {
	padding: 24px 18px 30px;
	background-color: #f6f6f6
}

.as_flex_box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 25px
}

.as_b_nav {
	padding: 35px 0 30px;
	width: 280px;
	background-color: #fff;
	border-radius: 10px
}

.as_b_nav:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

.as_b_img {
	width: 100%;
	height: 338px
}

.as_b_img img{width:100%;height:100%;object-fit: cover;}

.as_bn_img {
	margin-bottom: 4px;
	height: 71px
}

.as_bn_h {
	margin-top: 23px;
	color: #161616;
	font-size: 18px;
	font-weight: 700
}

.as_bn_p {
	margin-top: 12px;
	color: #707070;
	font-size: 14px
}

.as_title {
	margin: 50px 0 25px;
	text-align: center
}

.as_title_h {
	display: inline-block;
	position: relative;
	padding: 10px 50px;
	min-width: 290px;
	border: 4px solid #2b1841;
	color: #161616;
	font-size: 28px;
	font-weight: 700;
	border-radius: 38px
}

.as_title_h:after,.as_title_h:before {
	content: "";
	display: block;
	position: absolute;
	top: 25px;
	width: 16px;
	height: 16px;
	background-color: #2b1841;
	border-radius: 8px
}

.as_title_h:before {
	left: -40px
}

.as_title_h:after {
	right: -40px
}

.as_p {
	margin-top: 25px;
	color: #707070;
	font-size: 22px
}

.as_p1 {
	display: inline-block;
	margin-top: 50px;
	padding: 26px 36px;
	background-color: #f6f6f6;
	border-radius: 18px;
	color: #4a4a4a;
	font-size: 18px;
	font-weight: 700
}

.as_p1_l,.as_p1_t {
	display: inline-block;
	vertical-align: middle
}

.as_p1_l {
	margin: 0 30px;
	width: 1px;
	height: 32px;
	background-color: #2b1841
}

.as_nowrap {
	white-space: nowrap
}

.as_p2 {
	margin-top: 30px;
	color: #9b9b9b;
	font-size: 16px
}

.artwork_show .pma2_des_underline:after {
	display: none
}

.as_p3{
	margin: 30px auto 0;
	width: 700px;
	line-height: 22px;
	color: #4a4a4a;
	font-size: 16px
}

.as_p3 p{font-size: 16px;line-height:32px;margin-bottom:10px;}

.as_p3_row {
	margin-top: 20px
}

.as_p3_l {
	display: inline-block;
	font-weight: 700
}

.as_cases {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 25px
}

.ad_p4 {
	margin-top: 25px;
	text-align: center;
	color: #707070;
	font-size: 16px;
	letter-spacing: -2px
}

.ad_p4_t {
	margin: 0 10px;
	color: #161616;
	font-weight: 700;
	letter-spacing: 0
}

.as_btn_box {
	margin-top: 25px;
	text-align: center
}

.as_btn {
	padding: 8px 40px;
	background-color: #2b1841;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 60px;
	cursor: pointer
}

.as_btn:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

.as_case {
	width: 314px;
	height: 230px;
	border-radius: 10px
}

.as_case img{width:100%;height:100%;object-fit: cover;}

.as_case:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

.as_artworks {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.as_artwork {
	width: 235px;
	text-align: center;
	cursor: pointer
}

.as_artwork_img {
	width: 100%;
	height: 173px;
	border-radius: 10px
}

.as_artwork_img img{width:100%;height:100%;object-fit: cover;}

.as_artwork:hover .as_artwork_img {
	box-shadow: 0 3px 10px rgba(0,0,0,.2)
}

.as_n {
	margin: 18px 0 0 -20px
}

.as_n,.as_nt {
	display: inline-block;
	position: relative;
	height: 34px
}

.as_nt {
	padding: 0 50px 0 20px;
	background-color: #4a4a4a;
	line-height: 34px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap
}

.as_nt:after {
	right: -1px;
	z-index: 2;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 0 0 35px 20px;
	border-style: solid;
	border-color: transparent transparent #fff
}

.as_nl,.as_nt:after {
	position: absolute;
	top: 0
}

.as_nl {
	right: -33px;
	z-index: 3;
	background: transparent;
	width: 45px;
	height: 34px;
	background-image: linear-gradient(-60deg,transparent,transparent 30%,#2b1841 0,#2b1841 45%,transparent 0,transparent 55%,#2b1841 0,#2b1841 70%,transparent 0,transparent)
}

.as_topic {
	display: inline-block;
	width: 300px;
	height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.as_topic:nth-child(odd) {
	margin: 0 50px 0 100px
}

.as_topic_t {
	color: #161616;
	font-size: 16px;
	border-bottom: 1px solid #ffdc00
}

.as_topic em {
	font-style: normal
}

@media only screen and (max-width:800px) {
	.artwork_show_body {
		width: 100%;
		min-width: auto!important;
		overflow-x: hidden!important
	}

	.artwork_show {
		padding-bottom: 150px;
		width: 100%
	}

	.as_crumb {
		padding: 10px
	}

	.as_banner {
		padding: 15px 10px 20px
	}

	.as_b_img {
		height: 50vw
	}

	.as_flex_box {
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 12px
	}

	.as_b_nav {
		padding: 10px 0;
		width: 32%
	}

	.as_bn_img {
		height: 35px
	}

	.as_bn_rel {
		position: relative;
		margin-top: 5px;
		height: 15px
	}

	.as_bn_h,.as_bn_p {
		position: absolute;
		left: 50%;
		top: 0;
		margin-top: 0;
		font-size: 12px;
		transform-origin: center top;
		white-space: nowrap
	}

	.as_bn_h {
		transform: translateX(-50%) scale(.9)
	}

	.as_bn_p {
		transform: translateX(-50%) scale(.8)
	}

	.as_title {
		margin: 30px 0 15px
	}

	.as_title_h {
		padding: 5px 25px;
		min-width: auto;
		border-width: 2px;
		font-size: 14px;
		border-radius: 20px
	}

	.as_title_h:after,.as_title_h:before {
		top: 12px;
		width: 8px;
		height: 8px;
		border-radius: 4px
	}

	.as_title_h:before {
		left: -20px
	}

	.as_title_h:after {
		right: -20px
	}

	.as_p {
		margin-top: 10px;
		font-size: 12px
	}

	.as_p1_box {
		padding: 0 10px
	}

	.as_p1 {
		display: block;
		margin-top: 25px;
		padding: 14px 10px;
		font-size: 12px;
		border-radius: 9px
	}

	.as_p1_l {
		display: none
	}

	.as_p1_t {
		display: block
	}

	.as_p2 {
		margin-top: 12px
	}

	.as_p2,.as_p3 {
		padding: 0 10px;
		font-size: 12px
	}

	.as_p3 {
		margin: 15px 0 0;
		width: 100%
	}

	.as_p3_row {
		position: relative;
		margin-top: 10px;
		padding-left: 40px;
		text-align: left
	}

	.as_p3_l {
		position: absolute;
		top: 0;
		left: 0;
		width: 39px
	}

	.ad_p4 {
		margin-top: 12px;
		font-size: 12px
	}

	.as_cases {
		margin-top: 12px;
		padding: 0 10px
	}

	.as_case {
		width: 32%;
		height: 32vw
	}

	.as_btn_box {
		margin-top: 12px
	}

	.as_btn {
		padding: 6px 25px;
		font-size: 14px;
		border-radius: 30px
	}

	.as_artworks {
		display: block;
		padding: 0 2.6vw
	}

	.as_artwork {
		display: inline-block;
		margin-bottom: 10px;
		width: 45vw
	}

	.as_artwork:nth-child(odd) {
		margin-right: 2.6vw
	}

	.as_artwork_img {
		height: 32vw
	}

	.as_n {
		margin: 6px 0 0 -15px;
		transform-origin: center;
		transform: scale(.8)
	}

	.as_topics {
		padding: 0 2.6vw
	}

	.as_topic {
		width: 45vw;
		text-align: left
	}

	.as_topic:nth-child(odd) {
		margin: 0 2.6vw 0 0
	}

	.as_topic_t {
		font-size: 12px
	}
}

@media only screen and (max-width:440px) {
	.as_bn_rel {
		margin-top: 3px;
		height: 10px
	}

	.as_bn_h {
		transform: translateX(-50%) scale(.7)
	}

	.as_bn_p {
		transform: translateX(-50%) scale(.6)
	}
}

@media only screen and (max-width:350px) {
	.as_bn_h {
		transform: translateX(-50%) scale(.6)
	}

	.as_n {
		transform-origin: center;
		transform: scale(.7)
	}
}

.page_modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1004;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}

.page_modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	font-size: 20px;
	color: #bbb;
	cursor: pointer
}

.page_modal_box {
	width: 900px;
	height: 500px;
	background-color: #fff;
	border-radius: 10px
}

.page_modal_box.bra18 {
	border-radius: 18px
}

.page_modal_chat_img {
	width: 520px;
	height: 324px
}

.page_modal .pcsp_qrcode_wrap {
	margin: 10px auto 17px
}

.page_modal .pcspa {
	border-width: 2px
}

.page_modal.pcspa {
	border-width: 2px
}

.page_modal_txt {
	padding: 0 42px;
	line-height: 26px;
	text-align: left;
	color: #161616;
	font-size: 14px
}

.page_modal_btn {
	width: 135px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: gold;
	border-radius: 30px;
	color: #000;
	font-size: 16px;
	cursor: pointer
}

.page_modal_h {
	display: inline-block;
	position: relative;
	padding: 8px 50px;
	border: 5px solid gold;
	border-radius: 25px;
	color: #161616;
	font-size: 16px;
	font-weight: 700
}

.page_modal_h:after,.page_modal_h:before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	width: 10px;
	height: 10px;
	background-color: gold;
	border-radius: 10px
}

.page_modal_h:before {
	left: 14px
}

.page_modal_h:after {
	right: 14px
}