/* display453 */
@import url("./reset.css");
:root{
    --color1:#3b373e;
}

.back5dD453{width:100%;height:100%;    
    background-repeat:no-repeat;
    background-position:0 0;
}

.mm5dD453{width:100%;height:60px;}

.mm_ulE001{position:absolute;display:flex;right:15px;top:15px;width:auto;height:35px;background-color:var(--color1);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.mm_ulE001 > li{width:auto;height:35px;line-height:35px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.2);}
.mm_ulE001 > li:first-child{border-left:none;}
.mm_ulE001 > li:last-child{border-right:none;}
.mm_ulE001 > li > a{display:block;height:100%;padding:0 20px;color:#fff;font-weight:bold;font-size:12px;transition:all 0.2s ease;}
.mm_ulE001 > li:hover a{background-color:rgba(0,0,0,0.2);}

.mm_ulE001 > li.search5dD453{width:auto;height:35px;padding:9px 20px 0 20px;}
.searchtxt5dD453{display:block;float:left;width:calc(160px - 10px);height:18px;padding:0 5px;border:0;box-shadow:inset 3px 3px 6px rgba(0,0,0,0.2);font-size:13px;}
.searchbtn5dD453{float:left;width:24px;height:18px;background-color:var(--color1);}

.lower5dD453{position:absolute;bottom:0;width:100%;height:60px;}
.mm_ulE002{position:absolute;display:flex;left:50%;bottom:15px;transform:translateX(-50%);width:auto;height:35px;background-color:var(--color1);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.mm_ulE002 > li{border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(0,0,0,0.1);}
.mm_ulE002 > li:first-child{border-left:none;}
.mm_ulE002 > li:last-child{border-right:none;}
.mm_ulE002 > li a{display:block;width:58px;height:35px;text-align:center;transition:all 0.2s ease;}
.mm_ulE002 > li a:hover{background-color:rgba(0,0,0,0.2);}
.firstbtn5dD453 img, .lastbtn5dD453 img{margin-top:8px;}
.nextbtn5dD453 img, .prevbtn5dD453 img{margin-top:6px;}
.mm_ulE002 > li.pageshow5dD453{width:130px;height:35px;padding:0 20px;background-color:var(--color1);}
.mm_ulE002 > li.pageshow5dD453>form{display:flex;}
.pshow_p5dD453{margin-top:8px;}
.pshow_p5dD453 > input{display:block;width:65px;height:19px;line-height:19px;border:0;font-size:12px;text-align:center;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.2);}
#pshow_totalpage{font-size:12px;font-weight:bold;color:#fff;margin:10px 0 0 10px;}
.onsmlE453 a{display:block;width:31px;height:62px;background-color:var(--color1);mask-image:url('./mm453/onsmimagel.png');opacity:0.7;transition:all 0.2s ease;transform:scale(0.8);}
.onsmrE453 a{display:block;width:31px;height:62px;background-color:var(--color1);mask-image:url('./mm453/onsmimager.png');opacity:0.7;transition:all 0.2s ease;transform:scale(0.8);}
.onsmlE453 a:hover, .onsmrE453 a:hover{opacity:0.9;transform: scale(0.9);}

.cbbox5dD453{position:absolute;right:25px;bottom:20px;background:url('./mm453/icon-arrow.png') no-repeat 10px 7px;background-color:var(--color1);box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.cbbox5dD453 a{display:block;width:calc(150px - 25px);height:25px;padding:0 0 0 25px;line-height:25px;font-size:12px;font-weight:bold;color:#fff;}

.sns_ul5dD453{position:absolute;left:15px;bottom:14px;}
.sns_ul5dD453 > li{float:left;}

.down5dD453{position:absolute;left:10px;bottom:10px;padding: 5px 10px; background-color:var(--color1);}
.down5dD453 img{vertical-align:middle;}
.down5dD453 span{color:#fff;font-size:14px;vertical-align:bottom;font-weight:300;margin-left:3px;}