h1{text-align:left;}.stock{position:relative;}.stock ul{list-style-type:none;}.stock li{color:#008000;}.stock_data{position:relative;line-height:1.5em;max-height:4em;overflow:hidden;transition:0.3s;transition-delay:0.2s;}.stock_data:hover{max-height:100em;padding-bottom:1em;}.stock_data span{position:absolute;z-index:2;left:0;bottom:0;height:10px;width:100%;background-image:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-webkit-gradient(linear,0 0,100% 0,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-image:linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}.stock_res{position:absolute;top:0;left:0;z-index:3;width:500px;border:10px solid #FFF;overflow:hidden;visibility:hidden;opacity:0;max-height:0;transition:0.5s;transition-delay:0s;}.stock:hover .stock_res{background-color:#F50000;visibility:visible;opacity:1;max-height:100em;}.stock_res table{width:100%;height:100%;background:#FFF;border:1px solid #DDD;border-collapse:collapse;}.stock_res table th,td{border-bottom:1px solid #DDD;padding:2px 5px;}.stock_res table th{color:#000;}.stock_res table td{color:#008000;}#red td,#red{color:#DC143C;}#green td,#green{color:#008000;}.stock_res table td{font-weight:normal;}.stock_res table th{font-weight:bold;}#demand{border:1px solid #0093DD;padding:2px 5px;background:rgb(165,218,245);background:linear-gradient(0deg,rgba(165,218,245,1)0%,rgba(0,148,221,1)100%);color:#FFF;border-radius:5px;text-decoration:none;font-weight:bold;}@media only screen and (max-width:768px){.stock{position:static;}.stock_res{z-index:3000;width:100%;border:0;}}