@charset "utf-8";

#news_wrap #list_wrap1{position:relative;}
#news_wrap #list_wrap1 .list_area{position:relative;width:100%;}

#news_wrap .cur_page{font-size:11px;padding-top:25px;}
#news_wrap .news_title{font-size:29px;line-height:29px;text-indent:-2px;color:#444;font-weight:300;padding:8px 0 20px;border-bottom:1px solid #e2e2e2;}

#news_wrap .list_box{position:relative;padding:50px 0;border-bottom:1px solid #ededed;}
#news_wrap .list_box .img_area{float:left;width:30%;margin-right:5%;}
#news_wrap .list_box .text_area{float:left;width:65%;}
#news_wrap .list_box .text_area .cate_title{font-size:13px;line-height:13px;padding-bottom:7px;font-weight:300;color:#666;}
#news_wrap .list_box .text_area .subject{font-size:17px;line-height:19px;padding-bottom:30px;font-weight:600;color:#444;}
#news_wrap .list_box .text_area .comment{text-align:justify;padding-bottom:50px;color:#777;font-size:13px;line-height:18px;}
#news_wrap .list_box .text_area a.btn_more{display:block;font-size:14px;color:#666;text-align:right;}
#news_wrap .list_box .text_area a.btn_more:hover{color:#d01200;}

#news_wrap .cate_area .cate_wrap{position:relative;width:100%;height:100%;}
#news_wrap .cate_area .cate_wrap .box_area{position:absolute;top:72px;left:0;width:100%;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box{position:relative;border-top:1px solid #e2e2e2;padding:20px 0 20px 20px;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box .title{color:#444;font-size:13px;font-weight:600;padding-bottom:8px;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul li a{display:block;line-height:19px;color:#999;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul li a:hover{color:#d01200;}

#news_wrap .cate_area .cate_wrap .box_area .cate_box ul.recent_post li{position:relative;margin-bottom:10px;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul.recent_post li a{display:block;width:100%;height:100%;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul.recent_post li .img{position:absolute;top:2px;left:0;width:70px;}
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul.recent_post li .text{padding-left:80px;min-height:56px;line-height:15px;font-size:11px;}

#news_wrap #view_wrap{position:relative;}
#news_wrap #view_wrap .view_area{position:relative;width:100%;}
#news_wrap .view_title{font-size:24px;line-height:24px;letter-spacing:-1px;text-indent:-2px;color:#444;font-weight:300;padding:10px 0 0;}
#news_wrap #view_wrap .file_area{font-size:11px;padding-top:10px;}
#news_wrap #view_wrap .file_area span{font-weight:600;color:#666;font-size:12px;}
#news_wrap a.btn_bd_navi{border:1px solid #666;padding:6px 16px;}

@media screen and (max-width:1024px){
  #news_wrap{min-height:700px;}
  #news_wrap #list_wrap1 .cate_area{min-height:700px;}
}

@media screen and (max-width:900px){
  #news_wrap #list_wrap1 .list_area{position:relative;width:100%;}
  #news_wrap #list_wrap1 .cate_area{display:none;}
  #news_wrap #view_wrap .view_area{position:relative;width:100%;}
  #news_wrap #view_wrap .cate_area{display:none;}
}

@media screen and (max-width:768px){
  #news_wrap{min-height:450px;}
  #news_wrap .cur_page{padding-top:25px;}
  #news_wrap .news_title{padding:0 0 15px;}
  #news_wrap .list_box{padding:30px 0;}
  #news_wrap .list_box .img_area{float:none;width:100%;margin-right:0;text-align:center;}
  #news_wrap .list_box .text_area{float:none;width:100%;padding-top:20px;}
  #news_wrap .list_box .text_area .subject{font-size:17px;line-height:17px;padding:0 0 15px;}
  #news_wrap .list_box .text_area .comment{padding-bottom:15px;}
}

@media screen and (max-width:480px){
  #news_wrap{min-height:300px;}
}