/*millia  2026-02-05 11:02:34*/
@import url("millia.css");

body{background:url(bg01.jpg) no-repeat top center;background-size:auto 663px;position:relative;padding-bottom:163px;}
body:after{content:"";display:block;position:absolute;left:0;bottom:0;right:0;height:50vh;background-size:auto 570px;background:url(ender.jpg) no-repeat bottom center;}
.millia{width:1200px;margin:0 auto;position:relative;z-index:1;}

.topic{background:url(topic.png) no-repeat top center;height:365px;position:relative;}
.yearSelect{position:absolute;right:0;top:30px;}
.yearSelect a{color:#ec2210;}
.yearSelect span{background:#fde5cf;color:#ec2210;font-weight:bold;padding:15px 55px 15px 30px;border-radius:10px;position:relative;display:block;cursor:pointer;}
.yearSelect span:after{content:"";display:block;position:absolute;width:1px;height:1px;border:6px solid transparent;border-top-color:#ec2210;right:15px;top:22px;}
.yearSelect ul{background:#fde5cf;position:relative;top:-10px;padding:20px 10px 10px 10px;box-sizing:border-box;border-radius:0 0 10px 10px;overflow:hidden;opacity:0;color:#ec2210}
.yearSelect ul.show{opacity:1;}
.yearSelect ul li{padding:0 0 20px 20px;}

.intro{position:relative;background:linear-gradient(to right,#ffe4c6,#fff 30%);padding:30px 30px 30px 55px;color:#be120d;font-weight:bold;}
.intro a{color:#be120d;}
.intro:before,.intro:after{content:"";display:block;width:20px;height:100%;position:absolute;left:0;top:0;}
.intro:before{background:url(sp01.png) repeat-y left top;background-size:100% auto;z-index:1;}
.intro:after{background:linear-gradient(to bottom,#ffdfaa,#e9ac77);}

.ht01{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ht01 img{width:100%;height:100%;object-fit:cover;}

.ht02{background:url(htbg01.png) no-repeat center top;background-size:auto 100%;padding:20px 0;color:#fff;text-align:center;font-size:24px;font-weight:bold;}

.imgList{display:flex;overflow:hidden;flex-flow:wrap;margin:0 auto;}
.imgList4{width:1200px;justify-content:space-between;}
.imgList3{width:900px;justify-content:center;}
.imgList li{background:#fdf7f1;border:1px solid #f6d4c2;width:270px;box-sizing:border-box;margin:30px 0 0 30px;flex-shrink:0;}
.imgList li span{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:155px;}
.imgList li img{width:100%;height:100%;object-fit:cover;}
.imgList li p{padding:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.imgList a:hover{text-decoration:none;}

#content{background:#fff;padding:30px 50px;border-radius:10px;box-shadow:0 0 10px rgba(162,22,9,0.4);min-height:50vh;}
#content h1{font-size:22px;font-weight:bold;text-align:center;padding:40px 0 30px 0;}
.content{border-top:1px solid #fdf7f1;padding-top:40px;}
.content img,.content video{max-width:100%;height:auto;display:block;margin:10px auto;}
.content p{padding-bottom:10px;}


@media screen and (max-width:1200px){
body{background-size:auto 35rem;}
.millia{width:96%;}
.topic{background-size:100% auto;background-position:bottom center;height:20rem;}
.yearSelect{top:2rem;}
.yearSelect span{padding:0.5rem 3rem 0.5rem 1rem;border-radius:0.3rem;}
.yearSelect span:after{top:1rem;right:1rem;}
.yearSelect ul{top:-0.3rem;padding:1rem 0 0 0;border-radius:0 0 0.3rem 0.3rem;}
.yearSelect ul li{padding:0 0 1rem 1rem;}

.ht01 img{height:5rem;width:auto;}
.ht02{padding:1.5rem 0;}
.intro{padding:2rem 2rem 2rem 4rem;}


.intro{font-size:1.4rem;}
.ht02{font-size:2rem;}

.imgList{margin:0 0 0 -2%;}
.imgList4,.imgList3{width:100%;}
.imgList li{width:48%;margin:2% 0 0 2%;}
.imgList li span{height:16rem;}

#content{padding:2rem;}
#content h1{font-size:2rem;}
.content{padding-top:2rem;}
}