@charset "utf-8";
@import "./common.css?230515";
@import "./common_new.css";

/*------------------------------
	base
------------------------------*/
.secTitle {
    height: 200px;
    background: url(../img/blog/bgTit.jpg) center 0 repeat-x;
    text-align: center;
	margin-top: 12.2rem;
}
.secTitle .tit{
	padding-top:65px;
}
/*------------------------------
	index
------------------------------*/
.secBlog{
	position:relative;
}
#main {
    float: left;
    width: 896px;
}
/* secIndexList */
.secBlog .secIndexList{
	padding-top:18px;
}
.secBlog .secIndexList .tit{
	margin:16px 6px 27px;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	letter-spacing:1px;
}
.secBlog .secIndexList .list{
	/*width:890px;*/
}
.secBlog .secIndexList .list li{
	border:1px solid #e6e7e8;
	background:#fff;
	width:290px;
    vertical-align: top;
    display: inline-block;
	margin-right:5px;
	margin-bottom:40px;
}
.secBlog .secIndexList .list li:hover{
	opacity:0.8;
}
.secBlog .secIndexList .list li:nth-child(3n){
	margin-right:0px;
}
.secBlog .secIndexList .list li .photo{
	width:290px;
	height:210px;
	position:relative;
}
.secBlog .secIndexList .list li .photo img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.secBlog .secIndexList .txt{
	font-size:15px;
	line-height:140%;
	color:#1F2630;
	overflow:hidden;
	max-height:42px;
	padding:18px 20px 0;
	font-weight:normal;
}
.secBlog .secIndexList .date{
	color:#B4B8BA;
	font-size:12px;
	line-height:120%;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	padding:17px 20px 18px;
}
.secBlog .secIndexList .txtFacebook{
	text-align:center;
	padding-top:20px;
}
.secBlog .secIndexList .imgFacebook{
	text-align:center;
	padding:18px 0 80px;
}
.secBlog .secError {
    text-align: center;
    padding: 200px 0;
    line-height: 18px;
}
/* pageTop */
.pageTop{
	position:absolute;
	bottom:18px;
	right:-110px;
}
/* sub */
#sub {
    float: right;
    width: 290px;
}
.secBlog .titSub {
	padding-top:18px;
}
.secBlog .box01,
.secBlog .box02_main {
	border:1px solid #CCCCCC;
	border-top:none;
}
.secBlog .box01 .txt{
	width:255px;
	margin:0 auto;
	padding:19px 0 22px;
}
.secBlog .titSub02,
.secBlog .titSub03 {
	padding-top:20px;
}
.secBlog .box02{
	width:260px;
	margin:0 auto;
	padding:15px 0 9px;
}
.secBlog .box02_main:nth-child(2n+1){
	background:#FAFAFA;
}

.secBlog .box02 .photo{
	float:left;
	width:60px;
	height:60px;
	margin-right:16px;
}
.secBlog .box02 .photo img{
	    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.secBlog .box02 .txt{
	font-size:13px;
	line-height:140%;
	color:#1F2630;
	padding-top:5px;
	max-height:36px;
	overflow:hidden;
}
.secBlog .box02 .date{
	font-size:11px;
	color:#B4B8BA;
	padding:5px 0 0 4px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.secBlog .box03{
	width:250px;
	margin:0 auto;
	margin-top:15px;
}
.secBlog .w250{
	width:250px;
}
.secBlog .box03 select{
	height:50px;
}


.secBlog .pageMain{
	text-align:center;
	font-size:0;
    margin-bottom: 50px ;
}
.secBlog .pageMain .bottomBtn{
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	text-align:center;
	padding:9px 7px;
	margin-right:7px !important;
	color: #fff;
    background: #2E2721 !important;
	width:auto !important;
	border:none !important;
	margin-bottom:0 !important;
}
.secBlog .pageMain .bottomBtn a{ color:#fff;}
.secBlog .pageMain .bottomBtn.active{
	color:rgba(255,255,255,0.5);
    background: rgba(46,39,33,0.6) !important;
}
.secBlog .pageMain .bottomBtn:last-child{
	margin-right:0;
}

/*------------------------------
	details
------------------------------*/
#main02 {
    float: left;
    width: 855px;
	border-right:1px #E6E7E8 solid;
	margin-bottom:80px;
}
.secDetails{
	width:800px;
}
.secDetails .boxDetails{
	border:1px solid #E6E7E8;
	background:#FAFAFA;
	padding:40px 30px 30px;
	margin:18px 0 40px;
}
.secDetails .boxDetails .date{
	color:#B3B8B9;
	font-size:14px;
}
.secDetails .boxDetails .tit{
	font-size:28px;
	line-height:140%;
	padding-top:6px;
	font-weight:normal;
}
.secDetails .photo{
	width:800px;
}
.secDetails .txt{
	font-size:13px;
	line-height:200%;
	padding-top:50px;
}
.secDetails .txtFacebook{
	text-align:center;
	padding-top:52px;
}
.secDetails .imgFacebook{
	text-align:center;
	padding:18px 0 0;
}

.btnMore {
    margin-bottom: 50px;
}