.artwork .preface{ width:100%; max-width:900px; margin:48px auto; }
.artwork .artwork_list_box{ margin:48px auto; }
.artwork .artwork_list{ display:flex; flex-direction:column; gap:20px; margin:0 14px; } 
.artwork .artwork_list li{ width:100%; background:#403e3b0d;}
.artwork .artwork_list li a{ width:100%; }
.artwork .artwork_list figcaption{ padding:12px 16px 24px; /*text-align:justify;*/ }
.artwork .artwork_list figcaption h4{ margin-bottom:1em; }
.artwork .artwork_list figcaption h3.en{ margin-bottom:1em; font-weight:500; }

.artwork .kv.slidegroup img{ height:auto; min-height:unset; }
.artwork.work .artwork_info{ width:100%; max-width:calc(1092px + 32px); margin:0 auto; padding:48px 16px; text-align:left; display:flex; flex-wrap:wrap; gap:80px 60px; }
.artwork.work .artwork_info .text_block{ width:100%; max-width:560px; }
.artwork.work .right_area{ flex:1 1 288px; }
.artwork.work .right_area .gray_bg{ background:#F2F2F2; padding:16px 30px; }
.artwork.work .right_area .work_map{ padding-top:0; margin-bottom:12px; text-align:center; }
.artwork.work .right_area .work_map p{ font-size:clamp(2rem, 5.1vw, 2.2rem); text-align:inherit; }
.artwork.work .right_area .work_map .images_block{ /*margin-bottom:12px;*/ padding-top:12px; }

.artwork.work .vip{  max-width:900px; padding:90px 24px; position:relative; margin:80px 26px 80px 12px; box-shadow:0 0 0 1px #D6D97E;  }
.artwork.work .vip .title{ text-align:center;  }
.artwork.work .vip:before,.artwork.work .vip:after{ content:''; border:solid 1px #D6D97E; display:inline-block; width:75px; height:75px; position:absolute; }
.artwork.work .vip:before{ border-right:none; border-bottom:none; top:16px; left:16px; }
.artwork.work .vip:after{ border-left:none; border-top:none; bottom:-16px; right:-16px; }

.artwork.work .btn_group{ display:flex; justify-content:center; gap:48px; margin:80px auto; }
.artwork.work .btn_group .btn:before{ margin-right:4px; }
.artwork.work .btn_group .btn:after{ margin-left:4px; }


/* 直式 */
@media (orientation:portrait){


}

/* 橫式 */
@media (orientation:landscape){
.artwork .video_bg{ padding:80px 0; }
.artwork .artwork_list_box{ margin:80px auto; }
.artwork .artwork_list_box .title{ margin-bottom:80px; }
.artwork .artwork_list{ gap:30px; }
.artwork .artwork_list li figure{ display:flex; flex-direction:row; align-items:center; }
.artwork .artwork_list li figure .images_block{ width:428px; /*transform:translate(16px, -16px);*/ }
.artwork .artwork_list figcaption{ flex:1 1 auto; text-align:center; }
.artwork .artwork_list li:nth-of-type(even) figure{ flex-direction:row-reverse;  }
/*.artwork .artwork_list li:nth-of-type(even) figure .images_block{ transform:translate(-16px, -16px);  }*/


}
/* lg applies to medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) { 
.artwork .kv.slidegroup img{ padding:0 8px;}
.artwork.work .vip{ padding:90px 100px 104px; margin:80px auto; }

}

/* xl applies to large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) { 
.artwork .artwork_list{ margin:0 auto; } 
.artwork.work .artwork_info{ gap:80px 96px; }
.artwork.work .right_area{ width:414px; flex:1 0 414px; }
.artwork.work .vip{ max-width:1100px;}



}

/* xxl applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) { ... }

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width: 1400px) { 

 }