@charset "utf-8";

/*-----------------------------------------------------------
===  [ News Module ]  ===================================
------------------------------------------------------------*/

/* = [ /business/list-new.html ] ===========================================*/
/* = [ /csr/list-new.html ] ===========================================*/
/* = [ /culture/list-new.html ] ===========================================*/
/* = [ /ir/ir-new-list.html ] ===========================================*/
/* = [ /rd/list-new.html ] ===========================================*/
/* = [ /recruit/list-new.html ] ===========================================*/

#main ul.range.marker.list-new li { width:680px; display:block; padding-bottom:1px; background:url(/cmn/img/line_dot_1.png) repeat-x left bottom transparent; }

#main ul.range.marker.list-new li span.date { width: 80px; }
/*#main ul.range.marker.list-new li span.icon { width: 96px; }*/
/*#main ul.range.marker.list-new li span.title { width: 504px; }*/
#main ul.range.marker.list-new li span.title { width: 600px; }
#main ul.range.marker.list-new li a,
#main ul.range.marker.list-new li div { float:left; width:590px; padding:0 0 0 10px; }
#main ul.range.marker.list-new li a.pdf { padding:14px 0 14px 30px; }

#main ul.range.marker.list-new { width:680px; padding-top:1px; background:url(/cmn/img/line_dot_1.png) repeat-x left top transparent; font-size:100%; }
#main ul.range.marker.list-new li { float:left; padding:10px 0; }
#main ul.range.marker.list-new li span { float:left; display:block; font-size:100%; }

#main ul.range.marker.list-new li a,
#main ul.range.marker.list-new li a:link { color:#140E16 ; text-decoration: none; }
#main ul.range.marker.list-new li a:hover { color:#D0576D; text-decoration:underline; }
#main ul.range.marker.list-new li a:active { color:#D0576D; text-decoration:none; }

#main ul.range.marker.list-new li span.title {
	position: relative; 
}
#main ul.range.marker.list-new li span.title a img.outside {
	position: absolute;
	display: inline-block;
	bottom: 5px;
	margin: 0 0 0 4px;
	line-height: 1;
}
/*
body#csr #main ul.range.marker.list-new li img { float:left; display:block; margin:2px 0 0 0; }
*/
body#csr #main ul.range.marker.list-new li a,
body#csr #main ul.range.marker.list-new li div { width:526px; }
body#csr #main ul.range.marker.list-new li span.icon { width: 60px; }
body#csr #main ul.range.marker.list-new li span.title { width: 540px; }


/* = [ /hot-news.html ] ===========================================*/
/* = [ /site-release.html ] =======================================*/
/* = [ /group-hot-news.html ] =====================================*/

body#news #article .news-index {
	margin-bottom: 8px;
}
#main ul.news-list {
	width: auto;
	margin: 0 0 40px 0;
	background: url(/cmn/img/line_dot_2.png) repeat-x left top transparent;
}
#main ul.news-list li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 8px 0 8px 0;
	background: url(/cmn/img/line_dot_2.png) repeat-x left bottom transparent;
	line-height: 0;
}
#main ul.news-list li span.date {
	float: left;
	display: block;
	width: 116px;
	padding: 0.1em 0;
	line-height: 1.3;
}
#main ul.news-list li span.icon {
	float: left;
	display: block;
	width: 96px;
	padding: 2px 0 0 0;
}
#main ul.news-list li span.title {
	float: left;
	position: relative; 
	display: block;
	width: 487px;
	padding: 0.1em 0 0.1em 10px;
	line-height: 1.3;
}
#main ul.news-list.noicon li span.title {
	width: 593px;
	padding: 0.1em 0 0.1em 0;
}

#main ul.news-list li span.title a img.outside {
	position: absolute;
	display: inline-block;
	bottom: 5px;
	margin: 0 0 0 4px;
	line-height: 1;
}

* html #main ul.news-list li span.icon {	/* IE6 */
	margin-top: -0.4em;
	padding: 0;
}
*+html #main ul.news-list li span.icon {	/* IE7 */
	margin-top: -0.3em;
	padding: 0;
}

#main ul.news-list li a:link    { color:#140e16; text-decoration:none; }
#main ul.news-list li a:visited { color:#140e16; text-decoration:none; }
#main ul.news-list li a:active  { color:#140e16; text-decoration:none; }
#main ul.news-list li a:hover   { color:#140e16; text-decoration:underline; }

#main #list-link {
	display: none;
	float: left;
	width: 680px;
}
#main #list-link .ico-rss {
	float: right;
	margin-top: 2px;
}
* html #main #list-link .ico-rss {	/* IE6 */
	margin-top: -4px;
}
*+html #main #list-link .ico-rss {	/* IE7 */
	margin-top: -3px;
}
#main #list-link p.all_headline {
	float: right;
	padding-right: 6px;
}

#main ul.error li {
	margin: 0;
	padding: 6px;
}
#main p.error {
	margin: 0;
	padding: 6px;
}

@media screen and (max-width: 767px){
	#main ul.news-list.noicon li span.title{
		width: auto;
	}
}

/* hot-news.html：REST + hot-news-page.js 分页（对齐旧版 hot-news.php 的色与字重） */
#main #hot-news-pagination.hot-news-pagination {
	font-size: 14px;
	line-height: 1.6;
}
#main #hot-news-pagination.hot-news-pagination .hot-news-pager-num {
	display: inline-block;
	margin: 0 8px;
}
#main #hot-news-pagination.hot-news-pagination a.hot-news-pager-link {
	color: #B81B30;
	text-decoration: none;
	font-weight: normal;
}
#main #hot-news-pagination.hot-news-pagination a.hot-news-pager-link:hover {
	text-decoration: underline;
}
#main #hot-news-pagination.hot-news-pagination .hot-news-pager-current {
	color: #B81B30;
	font-weight: bold;
	font-size: 14px;
}



/* = [ /news/index.html ] ===========================================*/
.tab-interface {
	clear:both;
}

.tab-interface .bottom {
	margin-top: 30px;
}

#main .tab-body div.pic {
	border: 0px solid #ccc;
	padding: 0 0 10px 24px;
}
#main .tab-body div.pic div.picture {
	border: 0px solid #f00;
}
#main .tab-body div.pic div {
	display: table-cell;
	vertical-align: bottom;
	margin: 0;
}
#main .tab-body div.pic div.text {
	padding: 0 0 4px 10px;
}
#main .tab-body div.pic div.text a {
	color: #140e16 !important;
	font-size: 91% !important;
	text-decoration: none !important;
}
#main .tab-body ul.dot-list.date-t2 li div.pic div.text a {
	padding: 0;
	min-height: auto;
}

/*for IE6 */
* html #main .tab-body div.pic div { display:inline; zoom:1; }

/*for IE7 */
*:first-child+html #main .tab-body div.pic div { display:inline; zoom:1; }


/* pager */ 
#main .month.pager { margin:30px 0 30px 0; }
#main .month.pager ul { padding:6px 0 0 0px; margin:0 auto; width:auto; text-align:center; line-height:1em; }
#main .month.pager li { float:left; border-right:1px solid #AFAFB0; font-size:93%; font-weight:bold;}
#main .month.pager li.last { padding:0 5px 0 0; border-right: none; }
#main .month.pager li a { padding:2px 12px 0 10px; color: #140e16; text-decoration: none !important; }
#main .month.pager li.current a { color:#D0576D; }


/* search */
body#company.pane1 #main .header,
body#news.pane1 #main .header {
	clear: both;
}

body#news.pane1 #contents.search ul.dot-list {
	margin: 30px 0;
}

body#news.pane1 #contents.image p.warning {
	font-size: 83%;
	text-align: center;
}

#main form#nws_search {
	float: right;
	padding: 0 0 20px 0;
	text-align: right;
}

#main form#nws_search select {
	display: inline-block;
	float: left;
	height: 22px;
	padding: 1px;
	font-size: 100%;
}
#main form#nws_search input#word {
	display: inline-block;
	float: left;
	width: 150px;
	height: 16px;
	padding: 1px;
	margin: 0 1px 0 2px;
	font-size: 100%;
	line-height: 1.2;
}
#main form#nws_search input#word, x:-moz-any-link, x:default { height: 18px; } /* Firefox */
*+html #main form#nws_search input#word { height: 16px; } /* IE7 */
#main form#nws_search div.btn-ex {
	display: inline-block;
	float: left;
	height: 18px;
}

/*for IE6 */
* html #main form#nws_search div.btn-ex { display:inline; zoom:1; }

/*for IE7 */
*:first-child+html #main form#nws_search div.btn-ex { display:inline; zoom:1; }

#main form#nws_search div.btn-ex a.type-ex1 span {
/*	padding: 3px 10px 3px 10px;	*/
	padding: 0 10px 0 10px;
	height: 20px;
	background-image: none;
	line-height: 20px;
}


/* clearfix */
#main form#nws_search:after { /*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
#main form#nws_search {
    zoom:1; /*for IE 5.5-7*/
}

@media screen and (max-width: 767px){
	#main ul.news-list{
		font-size: 125% !important;
	}
	#main ul.news-list li span.date{
		float: none;
	}
	#main ul.news-list.noicon li span.title{
		float: none;
	}
}

#tblpd5 table td {
	padding: 5px;
}