@charset "utf-8";

h1.category-ttl{ text-align:center; font-size:32px; color:#381d12; line-height:1; padding:40px 0 0 0;}

#news-menu{ width:1024px; margin:0 auto; text-align:right; padding:25px 0; position:relative; z-index:10;}
.scroll-news-menu{ width:1024px; text-align:right; position:absolute; top:21px; left:50%; margin-left:-512px;}
#news-menu dl.pull-down{ width:200px;}
.scroll-news-menu dl.pull-down{ width:200px; position:relative; z-index:9999;}
dl.pull-down{ text-align:left; display:inline-block;}
dl.pull-down dt{ border:1px solid #666; padding:5px 10px; cursor:pointer;}
dl.pull-down dt span{ display:block; background:url(../img/arrow_pulldown.png) no-repeat right center; padding-right:60px;}
dl.pull-down dd{ position:relative; display:none;}
ul.news-menu-list{ position:absolute; width:100%; top:0; left:0; z-index:999;}
ul.news-menu-list li{ color:#FFF; background:rgba(51,51,51,0.9); border-bottom:1px solid #555; border-left:1px solid #666; border-right:1px solid #666; padding:5px 10px;}
ul.news-menu-list li:last-child{ border-bottom:1px solid #666;}
ul.news-menu-list li a{ color:#FFF;display:block;}

.news-tab{ display:block; border-bottom:1px solid #381d12;}
.news-tab > ul{ width:1024px; margin:0 auto; position:relative; top:1px; left:0;}
.news-tab > ul > li{ float:left; margin-right:8px; position:relative;}

.tab-sub-menu{ display:none; position:absolute;top:43px;left:0px; background:rgba(51,51,51,0.9); width:100%; padding:8px 16px; box-sizing:border-box; text-align:center; z-index:998;}
.tab-sub-menu li{ display:block; color:#FFF; font-size:14px; border-bottom:1px solid #555; line-height:1;}
.tab-sub-menu li:last-child{ border-bottom:none;}
.tab-sub-menu li a{ color:#FFF; padding:16px 8px; display:block;}

#news{ width:1024px; margin:0 auto; padding:64px 0; position:relative;}
#news-detail{ width:1024px; margin:0 auto; padding:64px 0; position:relative;}

ul.news-list{ margin-left:-40px;}
ul.news-list li{ float:left; margin:0 0 40px 40px; position:relative; width:314px;}
ul.news-list li div{ width:314px; height:247px; overflow:hidden; text-align:center;}
ul.news-list.press{ margin-left:-112px;}
ul.news-list.press li{ margin:0 0 40px 112px; width:266px;}
ul.news-list.press li div{ width:266px; height:347px;}
ul.news-list li div img{ height:100%; width:auto;}
ul.news-list li p{ margin:10px 0; font-weight:bold;}
ul.news-list li span.new{ color:#ca1603; font-size:14px; font-weight:normal; display:inline-block; margin-right:8px;}

.detail-head span{ display:block; font-size:16px; padding-bottom:5px;}
.detail-head h1{ font-size:24px; font-weight:bold; line-height:1;}
.detail-body{ padding-top:40px; width:700px; margin:0 auto;}
.detail-body p{ padding-bottom:20px;}
.detail-body img{ max-width:100%; height:auto;}
.detail-body .aligncenter{ display:block; margin:0 auto;}
.detail-body .alignleft{ display:block; margin-right:auto;}
.detail-body .alignright{ display:block; margin-left:auto;}
.detail-body a{ color:#ff6600;}
.detail-body a:hover{ text-decoration:underline;}

.detail-share{ padding-top:30px;}
.detail-share ul{ float:right;}
.detail-share ul li{ float:left; margin-left:10px;}

span.tab-on{ opacity:0; transition:0.2s; position:absolute; top:0; left:0;}
span.tab-off{ transition:0.2s;}

.news-search{ position:absolute; top:-155px; right:0;}
.news-search input{ vertical-align:middle;}
.news-search input[type="text"]{ border:none; border-bottom:1px solid #666; background:#faf7ee; padding:2px; width:140px;}
.news-search input[type="submit"]{ height:20px; width:20px; border:0; background:url(../img/roupe.png) no-repeat 0 0; background-size:contain; cursor:pointer;} 
.search-not-found{ text-align:center;}