.box{height:auto;}
.box.footers{border:0;}
.box div.titles{font-size:17px;}
.box div.lists ul li{float:none;}
.box div.lists ul li a{height:40px; line-height:40px;color:#484646;}
.box div.lists ul li a:hover, .box div.lists ul li a:active{padding-left:10px;}
.box div.icons ul li{float:left;}
.box div.icons ul li a{padding:15px 20px; display:block; color:#484646; background-color:#fff; border-radius:5px; border:1px #ededed solid;}
.box div.icons ul li a:hover, .box div.icons ul li a:active{background-color:#ff0000; color:#fff;}
.box div.images{width:100%; min-height:170px; aspect-ratio:4/3;}
.box div.images div.titles{position:absolute; left:0px; bottom:0; top:0; right:0; 
width:100%; height:100%; padding-left:10px; }
.box div.images div.titles div.text{position:absolute; left:20px; bottom:20px; color:#fff; transition: color 1s ease;}
.box .boxes.articles{padding:20px; height:200px;}
.box .boxes.articles div.titles{font-size:15px; color:#ff0000;}
.box .boxes.articles div.dates{margin-top:10px;}
.box .boxes.articles div.shortdesc{height:100px;}
.box div.boxes.style2 div.button span,
.box div.boxes.style2 div.code{display:none;}
.box div.boxes.style1{padding:20px;}
.box div.boxes.style2{padding:30px;}
.box div.boxes.style1 div.titles{font-size:15px; color:#ff0000; margin-bottom:5px;}
.box div.boxes.style2 div.titles{font-size:14px; color:#484646;}
.box div.boxes.style1 div.code{font-size:12px; margin-bottom:10px; color:#484646;}
.box div.boxes.style1 div.location, 
.box div.boxes.style1 div.location{margin-bottom:10px; font-size:13px; color:#787878;}
.box div.boxes.style1 div.shortdesc{margin-bottom:20px; height:50px;}
.box div.boxes.style2 div.shortdesc{font-size:19px; margin-bottom:40px;}
.box div.boxes.style1 div.button, .box .boxes.articles div.button{border:1px #484646 solid; color:#484646; display:inline-block; width:auto; padding:10px 15px;}
.box div.boxes.style2 div.button{border:1px #484646 solid; width:40px; height:40px; line-height:40px; text-align:center;}
.box a{color:#484646;}
.box a:hover > div.boxes.style2 div.button, 
.box a:hover > div.boxes.style1 div.button,
.box a:active > div.boxes.style2 div.button, 
.box a:hover > div.boxes.style1 div.button,
.box a:hover >.boxes.articles div.button,
.box a:active >.boxes.articles div.button{background-color:#484646; color:#fff; padding-left:20px;}