html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, font, img, small, strong, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{color: #000000;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tac{text-align:center;}
.tar{text-align:right;}
ul,li{list-style:none;margin:0;padding:0;color:#000000;}
.area{margin:0 auto;}

body{background:#DBDADA;}

.header,.boxes,.copyright{width:100%;max-width:980px;height:auto;}
.header img{width:100%;height:auto;}


.boxes{margin-top:20px;}
.boxes ul{}
.boxes ul p{width:100%;height:auto;min-height:20px;clear:both;}
.boxes ul .zero{min-height:0px;}
.boxes ul p .left{width:35%;height:auto;min-height:10px;}
.boxes ul p .left img{float:right;width:80%;height:auto;border:2px solid #d2d2d2;margin-right:5%}


.boxes ul p .middle{width:10%;height:auto;min-height:20px;min-height:200px;background:url(../images/time_boder.gif) repeat-y center center;background-size:100% 100%;}
.boxes ul p .middle img{width:100%;}


.boxes ul p .right{width:48%;margin-left:2%;margin-right:5%;}
.boxes ul p .right .time{height:auto;font-size:18px;margin-top:10px;color:#990000;font-weight:bold;}
.boxes ul p .right .cont{height:auto;font-size:14px;margin-top:14px;color:#000000;line-height:24px;}


.boxes ul p .left,.boxes ul p .middle,.boxes ul p .right{padding-bottom:200px;margin-bottom:-200px;} 


.copyright{background:#DBDADA;padding:20px auto;text-align:center;}