@charset "utf-8";

#atc03{position:relative;padding-top:110px;z-index:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
#atc03:before{position:absolute;left:150px;bottom:-115px;height:100%;width:calc(100% - 150px);background-color:#f7f5ed;content:'';z-index:-1}
#atc03 .inner{max-width:1380px;width:100%;margin:0 auto;text-align:center}
#atc03 .tit{margin-bottom:20px;font-size:38px;font-family:'S-CoreDream-3Light'}
#atc03 .tit b{font-family:'S-CoreDream-6Bold'}

#atc03 ul li{padding:30px 95px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transition:border .2s;transition:border .2s}
#atc03 ul li a{overflow:hidden;display:block}
#atc03 ul li .cont{overflow:hidden;float:left;width:calc(100% - 212px);padding-top:30px}
#atc03 ul li .cont .date{float:left;margin-right:60px;color:#f75b1b;font-weight:600;font-family:'Josefin Sans', sans-serif}
#atc03 ul li .cont .date .day{font-size:45px;line-height:1}
#atc03 ul li .cont dl{float:left;width:75%;text-align:left}
#atc03 ul li .cont dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:6px 0;line-height:22px;font-size:22px;font-family:'S-CoreDream-5Medium'}
#atc03 ul li .cont dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:15px 0;line-height:15px;color:#777;font-size:15px;font-family:'S-CoreDream-4Regular'}
#atc03 ul li .img{float:right;width:212px;height:126px;background:center no-repeat;background-size:cover}

#atc03 .more_btn{display:inline-block;position:relative;margin-top:35px;padding-right:30px;font-size:17px;line-height:1;line-height:21px;color:#f75b1b;font-family:'S-CoreDream-4Regular'}
#atc03 .more_btn:before,#atc03 .more_btn:after{display:block;content:"\f178";position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#atc03 .more_btn:before{right:10px;opacity:0}
#atc03 .more_btn:after{right:0}

@media(hover:hover){
#atc03 ul li:hover{border-color:rgba(0,0,0,.2)}
#atc03 .more_btn:hover:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc03 .more_btn:hover:after{right:-10px;opacity:0}
}
@media(max-width:1024px){
#atc03{padding-bottom:90px}	
#atc03:before{display:none}
#atc03 .tit{font-size:32px}	
#atc03 ul li{padding:30px}
#atc03 ul li .cont .date{margin-right:35px}
#atc03 ul li .cont .date .day{font-size:34px}
#atc03 ul li .cont dt{margin:2px 0 5px;font-size:20px}
}
@media(max-width:768px){
#atc03{padding:60px 0}
#atc03 .tit{margin-bottom:10px;font-size:28px}
#atc03 ul li{padding:20px}
#atc03 ul li a{display:flex;align-items:center}
#atc03 ul li .cont{width:70%;padding:0}
#atc03 ul li .cont .date{display:flex;align-items:center;float:none;margin:0 0 5px}
#atc03 ul li .cont .date .day{order:1;font-size:15px}
#atc03 ul li .cont .date .day:before{content:"."}
#atc03 ul li .cont dl{float:none;width:90%}
#atc03 ul li .cont dt{margin:0;font-size:16px}
#atc03 ul li .cont dd{margin:10px 0 0;font-size:14px}
#atc03 ul li .img{width:30%;height:110px}
#atc03 .more_btn{font-size:15px}
}
@media(max-width:480px){
#atc03 ul li .cont .date{font-size:14px}
#atc03 ul li .cont dt{font-size:15px}
#atc03 ul li .cont dd{font-size:13px}
#atc03 ul li .img{height:95px}
}