@charset "utf-8";
/**** reset ***/
blockquote, body, button, dd, dl, dt, fieldset, form, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,strong {
    margin: 0;
    padding: 0;
}
html,body { font: 12px FangSong,Microsoft YaHei; color:#888; overflow-x: hidden;min-width:1100px;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0;}

ol, ul{list-style:none;}
fieldset, img { border:0 none; vertical-align: middle;}
img{ max-width: 100%;height:auto;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none;}
textarea { resize: none;}
input { line-height: normal;}

a,input,textarea,button,select {background: none; border: none;}
a { text-decoration:none; color:#333;}
em{ font-style: normal;}
.clear{clear:both !important;height:0px !important;width:0px !important;}
.text-center{text-align: center;}
/**** Header ****/
.header{}
.header>.title{width:1100px;margin:auto;position: relative;height:94px;}
.header>.title>h1{float:left;margin:20px 0 0}
.header>.title>h1 img{height:54px;}
.header>.title marquee{display: inline-block;width:340px;text-align: right;vertical-align: middle;line-height: 24px;}
.header>.title>h3{float:right;margin:40px 0 0;color:#5c7782;font-size:16px;}
.header>#nav-menu{padding:10px 0;border-top:1px solid #dedfe4;border-bottom:1px solid #dedfe4;background:url('../images/index/watermask01.png') right bottom no-repeat;}
.header>#nav-menu>ul{width:1100px;margin:auto;line-height:30px;height:30px;}
.header>#nav-menu>ul>li{float:left;font-size:18px;border-right:1px solid #ccc;min-width:100px;position: relative;}
.header>#nav-menu>ul>li:last-child{border-right:0px none;}
.header>#nav-menu li{position: relative;z-index:13;}
.header>#nav-menu li>a{display:block;text-align: center;color:#203c6c;margin:0 10px;font-weight: bold;}
.header>#nav-menu li>a:hover,.header>#nav-menu li>a.active{background: #519936;color:white;}
.header>#nav-menu ul.nav-child{position: absolute;display: none;z-index: 3;background-color: #79B763;border-radius: 5px;width: 100%;top:36px;}
.header>#nav-menu ul.nav-child li{display: block;}
.header>#nav-menu ul.nav-child a{color:white;margin:0 5px;}
.header>#nav-menu ul.nav-child a:hover{background: #519936;}
.header>#nav-menu>ul>li:hover ul.nav-child{display: block;padding:5px 0;}
.header>#nav-menu>ul>li ul.nav-child>li.top{height: 10px; position: absolute;width: 100%;top: -10px;}
.header>#nav-menu>ul>li ul.nav-child>li.top:before{content:"";display:block;position:absolute;border-width:10px;border-style:solid;border-color:transparent transparent #79B763 transparent;left:50%;margin-left:-10px;top:-10px;}
.header>#nav-menu ul.nav-son{position: absolute;display: none;z-index: 3;background-color: #79B763;border-radius: 5px;width: 100%;top:0px;left:100%;margin-left:10px;padding:3px 0;}
.header>#nav-menu>ul>li ul.nav-son:before{content:"";display:block;position:absolute;border-width:10px;border-style:solid;border-color:transparent #79B763 transparent transparent;margin-left:-20px;top:7px;}
.header>#nav-menu ul.nav-child li:hover ul.nav-son{display: block;}
/**** Footer ****/
.footer{text-align: center;height:140px;border-bottom:10px solid #519936;background:url('../images/index/watermask03.jpg') bottom  repeat-x}
.footer>p{line-height: 30px;color:#6f7c8c;}

/**** Banner ****/
.banner{height:200px;background: white;}

.index-content{border-top:1px solid #eee;}
.index-content>.top-side{border-bottom:1px solid #eee;font:12px Arial, sans-serif;}
.index-content>.top-side>ul{width:1100px;margin:auto;}
.index-content>.top-side>ul>li{float:left;width:25%;}
.index-content>.top-side>ul>li>p.top{padding:20px 40px;text-align: center;border-right:1px solid #eee;}
.index-content>.top-side>ul>li>p.middle{border-right:1px solid #eee;line-height:34px;color:#1e3d6b;font-size:20px;text-align:center;background:url('../images/index/watermask02.jpg') bottom center no-repeat;height:60px;font-weight:bold;}
.index-content>.top-side>ul>li>ul{padding:20px;font-size:18px;}
.index-content>.top-side>ul>li>ul>li{margin:5px 0 0 44px;}
.index-content>.top-side>ul>li>ul.center>li.left{text-align:left;}
.index-content>.top-side li>a{font:18px Arial, sans-serif;color:#888;}

.index-content>.top-side>ul>li>p.noborder{border-right:0px none;}

.index-content>.bottom-side{}
.index-content>.bottom-side ul{width:1070px;margin:auto;}
.index-content>.bottom-side li{float:left;width:33%;}
.index-content>.bottom-side li>p{padding:0 20px;border-right:1px solid #eee;margin:30px 0;}
.index-content>.bottom-side li>p.noborder{border-right:0px none;}
.address{background:#dfe4e7;margin:20px 0;padding:20px 0;}
.address>.content{width:1100px;margin:auto;position:relative;}
.address li h2{color:#1d3d6c;font-size:18px;margin-top:15px;font-weight:bold;}
.address li p{color:#6f7c8c;font-size:15px;margin-top:5px;margin-bottom: 3px;}
.address li p>a{color:#6f7c8c;}
.address>.content>img{position: absolute;right:0px;top:0px;}


/* banner css */
.banner{width:1070px; margin:10px auto 10px;height: 400px; position: relative;}
.imgPlayer_Title_btn {margin-top: 10px;border:1px solid #519936; font-size: 13px; font-weight: 600; cursor: pointer; text-align: center; float: left; margin-left: 5px; background-color: white; height: 80px; width: 150px;}
.imgPlayer_Title_btn{height:12px;width:12px;}
.imgPlayer_Title_btn img{ border: none 0px;height:100%;}
/* #imgPlayer_Tile { position: absolute;bottom: 18px;right: 50px;width: 150px;} */
#imgPlayer_Tile { position: absolute;bottom: 18px;right: 50px;}
.main { width: 1070px; margin: 20px auto; }
#imgPlayer a{-moz-transition: background 0.5s ease-in,color 0.3s ease-out;
             -webkit-transition: background 0.5s ease-in,color 0.3s ease-out;
             -o-transition: background 0.5s ease-in,color 0.3s ease-out;
             transition: background 0.5s ease-in,color 0.3s ease-out;}
.banner .prev,.banner .next{display:none;height:49px;opacity:0.6;position:absolute;text-indent:2000rem;top:170px;width:49px;z-index:50;}
.banner:hover .prev,.banner:hover .next{display:block;}
.banner .prev{left:20px;background:url('http://www.tzuchi.com.cn/wp-content/themes/tzuchi/img/prev-next-btn.png') scroll top left no-repeat;}
.banner .next{right:20px;background:url('http://www.tzuchi.com.cn/wp-content/themes/tzuchi/img/prev-next-btn.png') scroll bottom left no-repeat;}
/* container */
.container{width:1070px;margin:auto;font-family: "宋体"}
.container .pleft{float:left;width:700px;padding:20px;}
.container img{max-width:auto;height:auto;}
/* .container .pleft .content img{margin-right:15px;margin-left:10px;} */
.container .pleft .content p{word-break:break-all;word-wrap:break-word;}
.container .pleft .listbox dt{margin-top: 20px;}
.container .pleft .listbox .more{float:right;}
.container .pleft .listbox strong{font-weight: bold;}
.container .pleft .listbox a{color:#888;font-size:15px;line-height: 30px;}
.container .pleft .listbox span{text-indent:2rem;color:#888;font-size:16px;display: inline-block;width:100px;*zoom:1;*display: inline;line-height: 30px;}
.container .pleft .content .bdsharebuttonbox{margin-top:20px;text-align: right;float:right;}

.container .pright{float:right;width:269px;padding:20px;border-left:1px solid #eee;}
.container .place{margin-bottom:20px;font-size:16px;}
.container .place>a,.container .place>strong{color:#519935;font-size:16px;}
.container .viewbox .title>h2{color:#213d6c;font-size:20px;font-weight:bold;line-height:20px;}
.container .viewbox .contentriqi{font-size:16px;margin-top:20px;line-height:26px;color:#999999;}
.container .viewbox .content{font-size:16px;margin-top:20px;line-height:26px;color:#000000;}
.container .recommend_box{font-size:14px;padding-top:20px;padding-bottom: 20px;border-bottom:1px solid #eee;}
.container .recommend_box .form{text-align:right;margin-bottom: 20px;font-size: 0;}
.container .recommend_box .form input[type='text']{border:1px solid #ccc;font-size:16px;vertical-align: middle;line-height: 26px;padding:0 5px;}
.container .recommend_box h4{font-size:18px;font-weight:normal;color:#213d6c;line-height:30px;}
.container .recommend_box p{line-height:30px;}
.container .recommend_box .tbox strong{font-size:18px;font-weight:bold;color:#213d6c;line-height:30px;}
.container .recommend_box li{line-height:30px;}
.container .recommend_box li a{color:#888;}
.container .recommend_box ul.tags li{float:left;background: #c1cad3;color:#213d6d;padding-left:8px;padding-right:8px;margin-right:8px;}
.container .green .recommend_box .tbox strong{color:#519935;}
.container .green .recommend_box ul.tags li{color: #519935;background: #D2FBD2;}
.container .img-box>*{margin-right:5px;font-size:18px;color:#213d6c;}
.container .img-box>img{width:80px;vertical-align:bottom;}
.container .green .img-box>*{color:#519935;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	padding: 2px 4px 2px;
}
.dede_pages ul li a{
	float:left;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.picbox{padding:20px;background: url(../images/index/polaroid.png) repeat;position: relative;text-align: center;}
.picbox .intro{margin-bottom: 10px;z-index:12;position:relative;}
.picbox center{position: absolute;left:0;top:0;width:100%;height:100%;z-index: 11;}
.picbox center .previous{display:block;position:absolute;top:30%;left:0;height:40%;width:100px;z-index:11;
	background: url(../images/index/previous.png) center center no-repeat}
.picbox center .previous:hover{background: url(../images/index/previous-hover.png) center center no-repeat}
.picbox center .next{display:block;position:absolute;top:30%;right:0;height:40%;width:100px;z-index:11;
	background: url(../images/index/next.png) center center no-repeat}
.picbox center .next:hover{background: url(../images/index/next-hover.png) center center no-repeat}
#bigimg{max-width:600px;}

.itemListCategory .category_banner {
    margin-top: 10px;
    border: 1px solid #ccc;
    background: none no-repeat 0 0 #f0f0f0;
    line-height: 2;
    font-size: 117%;
    text-align: center;
}

.listbox .e8 li{float:left;width:145px;padding:15px;text-align: center;}
.listbox .e8 li a{display: block;margin-bottom: 10px}
.listbox .e8 li a.pic{margin: 0;}
.listbox .e8 li b{font-size:18px;}
.listbox .d1 li{border-bottom: 1px solid #eee}
.listbox .list-left{float:left;width:180px;margin:20px 0;padding:0 20px;}
.listbox .list-left img{padding:10px; border:1px solid #eee;}
.listbox .list-right{float:left;width:400px;border-left:1px solid #eee;margin:20px;padding-left:20px;}
.listbox .list-right h2{color:#213d6c;font-size:17px;font-weight:bold;}

.listbox .d2 li{float:left;width:33%;border-bottom: 1px solid #ccc;}
.listbox .d2 li.no-border{border:0px none;}
.listbox .d2 li>.image-box{padding:20px 30px 10px;}
.listbox .d2 li>.image-box img{padding:0px;border:1px solid #eee;max-width: 100%}
.listbox .d2 li>.content-title{text-align: center;}
.listbox .d2 li>.content-title h3{font-size:16px;color:#519935;}
.listbox .d2 li>.gray-image{background:url('../images/bg-gray.png') repeat-x}
.listbox .d2 li>.gray-image>a{line-height:50px}

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-footer {
	font-size: 92%;
}

small, .small {
	color: #999999;
}

img {
	margin: 0;
	padding: 0;
}

.img_caption{
	padding-top:10px;
}
img.caption {
	margin-top: 5px;
	color: #999999;
}
.img_caption.left img{
float:left;
}
.img_caption.right img{
float:right;
}
.img_caption.left p, .img_caption.right p{
    clear: both;
    text-align: left !important;
	color: #999999;
}
.img_caption.right p{
	padding-left:15px;
}


.img_caption{width:95%;margin:0 auto;}
.img_caption.left{width:45%;float:left;margin:15px;}
.img_caption.right{width:45%;float:right;;margin:15px;}
.img_caption,.img_caption p,.img_caption.left p,.img_caption.right p,.img_caption span,.img_caption.left span,.img_caption.right span
{color:#a0a0a0 !important;line-height:25px !important;font-size:14px !important;}
/*
.content p{text-indent:28px;}
.content.contentriqi{text-indent:0}
*/

@media screen and (max-width:680px){
html,body {overflow-x: auto;min-width:960px;}
.header>.title{width:960px;}
.header>#nav-menu>ul{width:960px;}
.index-content>.top-side>ul{width:960px;}
.address>.content{width:960px;}
}