@charset "utf-8";

#box1 .left { width:28%; padding:0 0 100px;}
#box1 .left #pagetitle {padding:30px 0;}
#box1 .left .yearlist { margin-top:30px;}
#box1 .right { width:68.8%; border-left:1px solid #e9e7e5;}
#box1 .right >a { position:relative; display:block; padding:20px 0 20px 5%;}
#box1 .right >a:hover { background:#f0efed;}
#box1 .right >a span { display:block; background:url(../images/arrow_right4.png) no-repeat 96% 50%; color:#c8c4c0; font:24px/40px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box1 .right >a h3 { margin:0; line-height:30px; font-size:18px; font-weight:normal;}
#box1 .right >a h4 { margin:0; line-height:20px; font-size:16px; font-weight:normal;}
#box1 .right >a hr { margin:10px auto 10px 0; width:28px; height:1px; border:0; background:#f18510;}
#box1 .right >a p { margin:5px 0; width:95%; height:40px; color:#908d88; line-height:20px; overflow:hidden;}
#box1 .right >a >div { position:absolute; right:0; top:0; width:95%; height:100%; border-bottom:1px solid #e5e4e2; background:url(../images/news_link.png) repeat-y 150% 50%; transition:all .2s;}
#box1 .right >a:hover >div { border:0; background-position:100% 50%;}
#box1 .right .paging { padding:40px 0 60px;}