@import url("../style/page-all.css");
/***************************************************/
.news{
    margin:0;	
}
.story{
    float:left;
    padding:20px 5px;
    width:97%;
    border:#eee 5px solid;
}
.story-feature{
    float:left;
    width:295px;
}
.story-feature img{
    margin:0 auto;
    display:block;
}
.article{
    float:left;
    width:48%;
    margin-left:10px;
    padding-left:10px;
    color:#666;
    text-align:justify;
    border-left:#eee 1px solid;
}
.article p{
    color:#333;
}
.thumbnail-image{
    width:100%;
    float:left;
    margin-top:10px;
}
.thumbnail-image .btn-back{
    float:left;
    width:30px;
    margin-top:5px;
    text-align:center;
}
.thumbnail-image .btn-next{
    float:right;
    width:30px;
    margin-top:5px;
    text-align:center;
}
.thumbnail-image .slider{
    margin:0;
}
.thumbnail-image ul{
    width:100%;
}
.thumbnail-image ul li{
    float:left;
    width:88px;
    height:auto;
    margin:5px 0 6px 10px;
}
.thumbnail-image ul li img{
    margin:0 auto;
    display:block;
}

/********************************************************************/
.list-feature{
    float:left;
    width:100%;
    padding:10px 0;
    border-bottom:#ddd 1px solid;
}

.view-list{
    margin-top:10px;
}
.view-list ul{
    margin:0;
}	
.view-list ul li{
    float:left;
    width:48%;
    min-height:160px;
    padding:10px 0;
    margin-left:10px;
    border-bottom:#ddd 1px solid;
}
.text_right{
    float: left;
    width: 53%;
    padding: 0 0 0 17px;
    margin-top: 0;
    height: auto;
}
.text_feature{
    width: 50%;
}

/****************************************************************/
.related{
    float:left;
    margin:10px 0 0 0;
    width:100%;
    height:auto;
}
.related .top{
    float:left;
    margin:10px 0 0 0;
    width:100%;
    height:auto;
    text-indent:5px;
    font:19px/35px 'RSURegular', Arial, sans-serif;
    color:#333;
    background: transparent url(../images/line.png) repeat-x bottom left;
}
.related ul{
    float:left;
    width:100%;
    margin:20px 0;
}
.related ul li{
    display:block;
    float:left;
    margin:0 0 6px 0;
    padding:3px 0 3px 35px;
    width:94%;
    height:auto;
    line-height:16px;
    background:url(../images/bullet/arrow.png) 2% 50% no-repeat;
    border-bottom:#ddd 1px dotted;
}
/*****************************************************************************/

/***************************Display************************************/
ul.display {
    float:left;
    margin: 0;
    padding: 0;
    list-style: none;
    width:100%;
}
ul.display li {
    float: left;
    width:100%;
    padding: 10px 5px;
    margin: 0;
    /*	border-top: 1px solid #111;
            border-right: 1px solid #111;
            border-left: 1px solid #333;*/
    border-bottom: 1px solid #ddd;

}
ul.display li a {
    color: #000;
    text-decoration: none;
}
ul.display li .content_block {
    padding: 0 8px;
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font:17px/20px Arial, sans-serif;
}

ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 0;
    font-size: 14px;
}
ul.display li .content_block a img{
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}

ul.thumb_view li{
    width: 215px;
    height:255px;
    border-bottom:none;
}
ul.thumb_view li h2 {

}
ul.thumb_view li p{
    display: none;
}

ul.thumb_view li .content_block a img {
    margin: 0 0 15px;
}
/*********************************************/
.switch{
    float:right;
    width:52px;
    height:24px;
    background:url(../images/icon/list-on.png) no-repeat;
}
.switch-off{
    background:url(../images/icon/gird-on.png) no-repeat;
}
.addClass{
    float:left;
    width:14px;
    height:14px;
    padding:5px;
}
.removeClass{
    float:left;
    width:14px;
    height:14px;
    padding:5px;
}
/*********************************************/
.related{
    float:left;
    margin-top:20px;
    width:100%;
}
.related .top{
    float:left;
    margin:10px 0 0 0;
    width:100%;
    height:auto;
    text-indent:5px;
    font:19px/35px 'RSURegular', Arial, sans-serif;
    color:#333;
    background: transparent url(../images/line.png) repeat-x bottom left;
}
.related ul{
    float:left;
    width:100%;
    margin-top:5px;
    padding:10px 0;
    background:#eee;
}
.related ul li{
    float:left;
    width:150px;
    height: auto;
    margin-left:10px;
}	
.related ul li img{
    display:block;
    margin:0 auto;
}
.related ul li p{
    margin-top:15px;
    text-align:center;
}	
/********************************************************/
.box_search {
    /* margin: 10px 0; */
    float: left;
    padding: 1%;
    padding-bottom: 10px;
    width: 98%;
    height: auto;
    /*background: url(../images/list-display/shadow_top.png) bottom center repeat-x;*/
}
.box_search .txt_search{
    float:right;
    margin:0px 0 0 0;
    width:10%;
    height:auto;
    font:18px/18px 'supermarket', Arial, sans-serif;
    color:#333;
}
.box_search .text_field{
    float:right;
    margin:0 0 0 0;
    height:auto;
    font:18px/18px 'supermarket', Arial, sans-serif;
    color:#333;
}
.box_search .title{
    float:left;
    font:21px/24px 'supermarket', Arial, sans-serif;
    text-indent:32px;
    background:url(../images/icon/leaf5.png) no-repeat;
}		


.box_search_document {
    /* margin: 10px 0; */
    float: left;
    padding: 0%;
    padding-bottom: 20px;
    width: 100%;
    height: 35px;
    /*background: url(../images/list-display/shadow_top.png) bottom center repeat-x;*/
}
.box_search_document .txt_search{
    float:right;
    margin:0px 0 0 0;
    width:10%;
    height:auto;
    font:18px/18px 'supermarket', Arial, sans-serif;
    color:#333;
}
.box_search_document .text_field{
    float:right;
    margin:0 0 0 0;
    height:auto;
    font:18px/18px 'supermarket', Arial, sans-serif;
    color:#333;
}
.box_search_document .title{
    float:left;
    font:21px/24px 'supermarket', Arial, sans-serif;
    text-indent:32px;
    background:url(../images/icon/leaf5.png) no-repeat;
}	
/**************************************************************/
.news-in{
    float:left;
    margin:0 0 0 0;
    width:100%;
    height:auto;
}
.top-news .topic-news{
    float:left;
    width:500px;
    text-align:center;
}
.top-news .view-news{
    float: right;
    width:110px;
    text-align:center;
}
.top-p-1{
    float:right;
    width:100%;
    height: auto;
    margin:0;
    background:url(../images/sub/shadow_sub_2.png) bottom center no-repeat
}
.list-news{
    float:left;
    margin:0;
    width:100%;
    height:auto;
}	
.list-news ul{
    margin:0;
}
.list-news ul li{
    float:left;
    margin:0;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:#dad5b7 1px solid;
}
.list-news ul li .pic{
    float:left;
    margin:6px;
    width:150px;
    height:auto;
}	
.list-news ul li .pic img{
    display:block;
    margin:0 auto;
    border:1px #ddd solid;
    padding:4px;
    background:#351b00;
}

.list-news .view{
    float:left;
    margin:6px!important;
    margin:3px;
    padding:2px;
    height:auto;
    width:61px;
    height:53px;


    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); 
    background: -moz-linear-gradient(top,  #dddddd,  #eeeeee);

    text-shadow: 0px 1px 0px #fff;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);

    -moz-border-radius:10px;
    -moz-border-radius:10px;

    -webkit-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius-bottom:10px;
}
.list-news .view .ct{
    margin:0 auto;
    height:auto;
    width:61px;
    height:53px;
    color:#2f5b89;
    font-size:13px;
    line-height:53px;
    background:url(../images/content/bg-view.png) no-repeat;
    text-align:center;
    text-shadow: 0px 1px 0px #fff;
}
.list-news ul li .text{
    float:left;
    margin:6px!important;
    margin:3px;
    height:auto;
    width:74%;
    height:auto;
}
.list-news ul li .text .title{
    float:left;
    margin:0;
    height:auto;
    width:95%;
    min-height:16px;
    font:20px/20px 'supermarket', Arial, sans-serif;
    color:#2f5b89;
    text-shadow: 0px 1px 0px #fff;
}
/*.list-news .text .title a{
        color:#2f5b89;
        }*/
.list-news ul li .text .detail{
    float:left;
    margin:6px 0;
    height:auto;
    width:95%;
    min-height:30px;
    font-size:13px;
    font-weight: normal;
    color:#333;
    line-height:20px;
}
.list-news ul li .text .more-n{
    float:left;
    margin:0 0 6px 0;
    height:auto;
    width:95%;
}
.select-news{
    float:left;
    margin:0 0 0 0;
    width:630px;
    height: auto;
    text-align:right;
    font:17px/30px 'supermarket', Arial, sans-serif;
}
.select-news .select{
    float:left;
    margin:0 0 0 0;
    padding-left:24px;
    width:200px;
    height: auto;
    text-align: left;
    font:19px/22px 'supermarket', Arial, sans-serif;
    background:url(../images/green-bullet.png) no-repeat;
    background-position:8px 8px;
}
.top-news{
    float:left;
    margin:0 0 0 0;
    padding-left:16px;
    width:650px;
    height: auto;
    font:17px/30px 'supermarket', Arial, sans-serif;
    color:#333;
    border-bottom:#2f5b89 1px solid;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #dddddd,  #eeeeee); /* for firefox 3.6+ */ 

    text-shadow: 0px 1px 0px #fff;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);

    -moz-border-radius:10px;
    -moz-border-radius:10px;

    -webkit-border-radius:1px;
    -webkit-border-radius:10px;
    border-radius-bottom:10px;
}


/******************************************************************************************************/
.news-viwe{
    float:left;
    margin:0;
    width:99%;
    height:auto;
    color:#000;
    font-size:14px;
    line-height:20px;
}
/*.related-news{
    float:left;
    margin:10px 0 0 0;
    width:100%;
    height:auto;
}
.related-news .top-re{
    float:left;
    margin:10px 0 0 0;
    text-indent:16px;
    width:100%;
    height:auto;
    font:19px/40px 'supermarket', Arial, sans-serif;
}
.related-news ul{
    display:block;
    float:left;
    margin:10px 0 10px 0;
    width:100%;
    height:auto;
}
.related-news ul li{
    display:block;
    float:left;
    margin:0;
    padding:8px 7px;
    width:98%;
    /* height:20px; 
    font-size:14px;
    color:#000;
    border-bottom: #ddd 1px solid;
}*/

.news-sub-title{
    float:left;
    margin:0 0 6px 0;
    /*padding:0 0 2px 0;*/
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 2px #eaeaea solid;
    width:100%;
    min-height:30px;
    font-size:16px; font-weight:bold;
    color:#333;
    line-height:20px;
    font:21px/35px 'supermarket', Arial, sans-serif;
    background:url(../images/sub/shadow_sub_2.png) bottom center no-repeat;
}
.news-sub-date{
    float:left;
    margin:6px 0 6px 0;
    padding:0 0 10px 0;
    width:99%;
    min-height:16px;
    font-size:14px; font-weight:normal;
    color:#666666;
    line-height:16px;

}

/************************more pic****************************/
.box-morepic{
    float:left;
    margin: 10px 0 0 0;
    width:100%;
    height: auto;
}
.box-morepic .center{
    margin:0 auto;
    width:600px;
    height: auto;
}
.box-morepic .morepic{
    float:left;
    margin: 10px 7px;
    width:152px;
    height: auto;
}
.box-morepic .morepic .pic{
    float:left;
    margin:0;
    width:152px;
    height: auto;
}
.box-morepic .morepic .pic img{
    display:block;
    padding:3px;
    background:#ddd;
    margin-left:auto;
    margin-right:auto;
    border:#ddd 1px solid;
}
.box-morepic .morepic .title{
    float:left;
    margin:5px 0 0 0;
    width:152px;
    height: auto;
    font-size:12px;
    font-weight:bold;
    color:#000;
    line-height:16px;
}	
.news-all-in{
    float: left;
    margin:0;
    width:100%;
    min-height:600px;
}
/*************************************************************/
.attachments{
    float:left;
    margin: 5px 0;
    width: 100%;
    /* min-height:32px; */
    /*border-bottom:#ddd 3px  solid;*/
}
.attachments .icon{
    float:left;
    margin:0;
    width:18px;
    height:18px;
    background:url(../images/icon/attachments-forget-1.gif) no-repeat;
}
.attachments .name{
    float:left;
    margin:0 0 0 6px;
    width: auto;
    min-height:18px;
    font-size:14px;
    color:#666;
    line-height:16px;
}
.attachments .download{
    float:left;
    margin:0 0 0 6px;
    /* width:18px; */
    /* height:18px; */
}
.more-news{
    float:left;
    padding-left: 0px;
    margin:0;
    width:100%;
    height:auto;
    text-align:right;
}	
.btn-morenews:hover{
    width:84px;
    height:28px;
    background:#0196fe; /* Old browsers */
    font:17px/20px 'supermarket', Arial, sans-serif;
    color:#fdef56;
    border:none;
    cursor:pointer;
}
/*******************************************************************/
.news-list{
    margin:0;
}
.news-list .top{
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    height:35px;
    line-height: 35px;
}	
.news-list .mid{
    margin-bottom:15px;
}
.news-list .mid ul{
    margin:0;
    padding:0;
}	
.news-list .mid ul li{
    display:inline-block;
    width:100%;
    margin:0 auto; /* 3px 0 */
    padding:8px 0;
    border-bottom: 1px solid #e3e3e3;
}		
.news-list .mid ul li .title{
    display:inline-table;
    padding-left:24px;
    background: url(../images/icon/keyboard54.png) 10px 4px no-repeat;
}
.news-list .mid ul li .title a{
    text-decoration:none;
    color : #000;
}		
.news-list .mid ul li .type{
    display:inline-table;
}