body #wrapCol article #mainCol #dlItem .update{width:400px;margin:30px auto;padding:10px 0;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5)}body #wrapCol article #mainCol #dlItem .update dt,body #wrapCol article #mainCol #dlItem .update dd{font-size:20px;display:inline-block;letter-spacing:3px}body #wrapCol article #mainCol #dlItem ul li{width:315px;margin:10px 10px 30px;display:inline-block}body #wrapCol article #mainCol #dlItem ul li .thum{height:245px;margin-bottom:15px;border:1px solid #3d2e10;background-color:rgba(0,0,0,0.7)}body #wrapCol article #mainCol #dlItem ul li .thum h2{width:295px;height:65px;padding:0 10px;background-color:rgba(61,46,16,0.5);display:table}body #wrapCol article #mainCol #dlItem ul li .thum h2 span{display:table-cell;vertical-align:middle;font-weight:bold;font-size:14px}body #wrapCol article #mainCol #dlItem ul li .thum h2 span small{display:block;font-size:13px;font-weight:normal;line-height:1}body #wrapCol article #mainCol #dlItem ul li .thum .thumInner{width:315px;height:180px;display:table-cell;vertical-align:middle;text-align:center}body #wrapCol article #mainCol #dlItem ul li .dlBtn a{width:251px;height:56px;margin:0 auto;background:url(../images/material/btn_download.png) top center no-repeat;text-indent:200%;overflow:hidden;display:block}body #wrapCol article #mainCol #dlItem ul li .dlBtn a:hover{opacity:0.5}body #wrapCol article #mainCol #notes{width:650px;margin:20px auto;padding:20px 30px 30px;background-color:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.5);text-align:left}body #wrapCol article #mainCol #notes h1{padding-bottom:20px;font-size:20px;letter-spacing:10px;text-align:center;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.5)}body #wrapCol article #mainCol #notes ul li a{text-decoration:underline}body #wrapCol article #mainCol #notes ul li a:hover{opacity:0.5}body #wrapCol article #mainCol #notes p{margin-top:30px}@media screen and (max-width: 640px){body #wrapCol article #mainCol #dlItem .update{width:80%;margin:30px auto;padding:10px 5%}body #wrapCol article #mainCol #dlItem .update dt,body #wrapCol article #mainCol #dlItem .update dd{font-size:15px}body #wrapCol article #mainCol #dlItem ul li{width:90%;margin:0 auto 30px}body #wrapCol article #mainCol #dlItem ul li .thum{width:100%;height:auto}body #wrapCol article #mainCol #dlItem ul li .thum h2{width:90%;height:65px;padding:0 5%}body #wrapCol article #mainCol #dlItem ul li .thum .thumInner{width:100%;height:auto;padding:20px 0;display:block}body #wrapCol article #mainCol #dlItem ul li .thum .thumInner img{width:auto}body #wrapCol article #mainCol #notes{width:80%;margin:0 auto;padding:10px 5% 20px}body #wrapCol article #mainCol #notes h1{padding-bottom:10px;font-size:18px}body #wrapCol article #mainCol #notes p{margin-top:20px}}