#banner-subpage{background-image:url("/ui/default/img/banner-subpage-news.jpg");}

div.news-nav{box-sizing:border-box; width:100%; border-bottom:1px #dedede solid; padding:0 10px; height:80px; line-height:80px; font-size:16px; font-weight:lighter; color:#888;}
div.news-nav a{display:inline-block; margin-left:16px; width:120px; height:40px; line-height:40px; border:1px #ddd solid; text-align:center; color:#888; transition:0.5s;}
div.news-nav a:hover{border:1px #FF7300 solid; background-color:#FF7300; color:#FFF; border-radius:6px; transition:0.5s;}

ul.news-list{display:block; margin:40px auto; width:96%; box-sizing:border-box; border:1px #EEE solid; padding:60px 0 30px 0; background-color:#fcfcfc;}

ul.news-list li{display:block; float:left; margin-left:2.6667%; width:46%;}
ul.news-list li a{display:block; box-sizing:border-box; width:100%; border:1px #f1f1f1 solid; background-color:#FFF; margin-bottom:30px; transition:0.5s;}
ul.news-list li a h5{display:block; box-sizing:border-box; width:100%; padding:10px; color:#888; font-size:16px; font-weight:lighter; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.5s;}
ul.news-list li a p{width:100%; box-sizing:border-box; padding:0 10px; font-size:12px; color:#666; background-color:#f5f5f5; line-height:20px; transition:0.5s;}
ul.news-list li a p span{font-style:italic;}

ul.news-list li a:hover{border:1px #FF7300 solid; transition:0.5s;}
ul.news-list li a:hover h5{color:#333; transition:0.5s;}
ul.news-list li a:hover p{color:#FFF; background-color:#FF7300; transition:0.5s;}

div.news-detail{box-sizing:border-box; margin:40px auto; width:96%; padding:40px 30px;}
div.news-detail h1{font-size:26px; font-weight:bold; text-align:center; line-height:60px; border-bottom:1px #DDD solid;}
div.news-detail h6{font-size:14px; font-weight:lighter; text-align:center; line-height:30px;}
div.news-detail div.content{margin-top:30px;}
div.news-detail div.content img{max-width:80%;}

div.news-nav-links{box-sizing:border-box; margin:40px auto; width:96%; padding:20px 30px; border-top:1px #DDD dotted;}
div.news-nav-links p{color:#888; font-size:16px;}
div.news-nav-links p span{color:#aaa;}
div.news-nav-links a{color:#888; font-size:16px; transition:0.5s;}
div.news-nav-links a:hover{color:#FF7300; transition:0.5s;}