/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.contents_left.news{
	background-image : url("../images/common/back_leavesl.jpg");
}

a .contents_left_newsitem{
	color : #FFFFFF ;
}
.contents_left_newsitem{
	width : 592px ;
	height : 36px ;
	margin-bottom : 12px ;
}

.contents_left_news_icon{
	position : relative ;
	float : left ;
	height : 36px ;
	width : auto ;
	margin-right : 12px ;
}
.contents_left_newsitem p{
	float : left ;
	width : 420px ;
	height : 36px ;
	line-height : 36px ;
	overflow : hidden ;
}
.contents_left_newsitem p span{
	margin-right : 12px ;
	color : #FFFFFF ;
}
.contents_left_newsitem_readmore{
	float : left ;
	width : 122px ;
	height : 34px ;
	line-height : 34px ;
	border : 1px solid #FFFFFF ;
	text-align : center ;
}
.contents_left_newsitem_readmore .btn_overlay{
	opacity : 0.75 !important ;
	z-index : 1 ;
}
.contents_left_newsitem_btn{
	position : relative ;
	z-index : 4 ;
	font-size : 18px ;
}


.news_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 56px ;
	color : #646464 ;
}
.news_pagenation a,
.news_pagenation a:link{
	padding-left : 2px ;
	padding-right : 2px ;
	color : #646464 !important;
}

.news_superbox{
	margin-top : 40px ;
}


.news_itembox{
	position : relative ;
	width : 100% ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	border-bottom : 1px solid #000000 ;
}

.news_item_date{
	position : relative ;
	float : left ;
	width : 120px ;
	text-align : center ;
	font-size : 15px ;
	background-color : #9F9C56 ;
	color : #FFFFFF ;
}
.news_item_title{
	position : relative ;
	float : left ;
	width : 830px ;
	margin-left : 20px ;
	font-size : 15px ;
}








.news_single_title_left{
	float : left ;
	width : 212px ;
	height : 212px ;
	border : 2px solid #000000 ;
}
.news_single_title_left img{
	width : 100% ;
	height : auto ;
}

.news_single_title_right{
	float : left ;
	width : 518px ;
	margin-left : 20px ;
}

.news_single_title{
	font-size : 19px ;
	margin-bottom : 20px ;
}

.news_single_date{
	font-size : 15px ;
}
.news_single_cate{
	text-align : center ;
	font-size : 18px ;
	color : #00FFFF ;
}


.news_single_contents{
	margin-top : 64px ;
}
.news_single_contents p{
	margin-bottom : 32px ;
}
.news_single_contents img{
	width : auto ;
	max-width : 100% ;
	height : auto ;
	margin-bottom : 32px ;
}


.news_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 56px ;
}

.news_pagenation a,
.news_pagenation a:link{
	color : #000000 !important ;
}

.news_pagenation div{
	display : inline-block ;
	padding : 12px ;
	min-width : 14px ;
	height : 14px ;
	line-height : 14px ;
	border : 1px solid #808080 ;
	margin : 4px ;
}
.news_pagenation div:hover,
.news_pagenation .active{
	background-color : #00FFFF ;
}



.news_toarchive{
	width : 140px ;
	height : 40px ;
	line-height : 40px ;
	color : #FFFFFF ;
	background-color : #9F9C56;
	font-weight : 600 ;
	text-align : center ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
	cursor : pointer ;
}
.news_toarchive a,
.news_toarchive a:link{
	color : #FFFFFF !important ;
}


.staff_work_imagebox_hover{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 15 ;
	background-color : rgba(0,0,0,0.6);
	display : none ;
}
.staff_work_imagebox_text{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 240px ;
	height : 60px ;
	line-height : 60px ;
	margin-top : -40px ;
	margin-left : -120px ;
	font-size : 16px ;
	text-align : center ;
	color : #00FFFF ;
}



.news_single_pagenation{
	position : relative ;
	width : 970px ;
	height : 62px ;
	border-top : 1px solid #000000 ;
	border-bottom : 1px solid #000000 ;
	margin-top : 140px ;
}
.news_single_pageprev{
	position : relative ;
	float : left ;
	width : 484px ;
	height : 62px ;
	line-height : 62px ;
	overflow : hidden ;
	text-align : left ;
	border-right : 1px solid #646464 ;
}
.news_single_pagenext{
	position : relative ;
	float : right ;
	width : 485px ;
	height : 62px ;
	line-height : 62px ;
	overflow : hidden ;
	text-align : right ;
}



.news_toarchive{
	width : 140px ;
	height : 40px ;
	line-height : 40px ;
	color : #FFFFFF ;
	font-weight : 600 ;
	text-align : center ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
	cursor : pointer ;
}
.news_toarchive a,
.news_toarchive a:link{
	color : #FFFFFF !important ;
}


@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {




.news_single_title_left{
	display : none ;
}
.news_single_title_left img{
}

.news_single_title_right{
	float : none ;
	width : 100%  ;
	margin-left : 0px ;
}




.news_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 80px ;
	margin-bottom : 80px ;
}

.news_pagenation a,
.news_pagenation a:link{
	color : #000000 !important ;
}

.news_pagenation div{
	display : inline-block ;
	padding : 18px ;
	min-width : 24px ;
	height : 24px ;
	line-height : 24px ;
	border : 2px solid #808080 ;
	margin : 4px ;
}
.news_pagenation div:hover,
.news_pagenation .active{
	background-color : #00FFFF ;
}


.news_superbox{
	width : 640px ;
	margin-left : -30px ;
}



.news_itembox{
	width : 580px ;
	padding-top : 20px ;
	padding-bottom : 20px ;
	border-bottom : 2px solid #000000 ;
}

.news_item_date{
	float : none ;
	width : 200px  ;
	margin-left : 0px ;
	margin-right : 0px ;
	margin-bottom : 10px ;
	font-size : 24px ;
}
.news_item_title{
	float : none ;
	width : 580px ;
	margin-left : 0px ;
	margin-right : 0px ;
	font-size : 24px ;
}





.news_item_category{
	font-size : 22px ;
}


.news_item_title{
	font-size : 21px ;
	line-height : 30px ;
	margin-top : 0px ;
}

.news_item_story{
}





.news_single_title_slash{
	float : left ;
	width : 15px ;
	height : 50px ;
	margin-right : 15px ;
	margin-bottom : 36px ;
}

.news_single_title{
	width : 100% ;
	border-bottom : 2px solid #000000 ;
	margin-bottom : 20px ;
	padding-bottom : 20px ;
	font-size : 28px ;
}

.news_single_date{
	font-size : 22px ;
	margin-bottom : 30px ;
}
.news_single_cate{
	font-size : 22px ;
	margin-bottom : 60px ;
}
.news_single_contents{
	margin-top : 64px ;
}
.news_single_contents p{
	margin-bottom : 36px ;
}
.news_single_contents img{
	width : auto ;
	max-width : 640px ;
	height : auto ;
	margin-bottom : 36px ;
}



.news_toarchive{
	width : 210px ;
	height : 62px ;
	line-height : 62px ;
	margin-top : 32px ;
	font-size : 22px ;
}



.news_single_pagenation{
	position : relative ;
	width : 580px ;
	height : auto ;
	color : #000000 !important ;
	border-top : 2px solid #646464 ;
	border-bottom : 2px solid #646464 ;
	margin-top : 140px ;
}
.news_single_pageprev{
	position : relative ;
	float : left ;
	width : 289px ;
	height : auto ;
	min-height : 100px ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : left ;
	border-right : 2px solid #646464 ;
	padding-top : 20px ;
	padding-bottom : 20px ;
}
.news_single_pagenext{
	position : relative ;
	float : right ;
	width : 289px ;
	height : auto ;
	min-height : 100px ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : right ;
	padding-top : 20px ;
	padding-bottom : 20px ;
}





.news_toarchive{
	width : 210px ;
	height : 62px ;
	line-height : 62px ;
	margin-top : 32px ;
	font-size : 22px ;
}







}