/*
Theme Name: ecotechair_2018
*/

/*--list--*/
.list-banner{ width:100%; height:180px; background:url(images/list-banner.jpg) no-repeat center center scroll;}
.breadcrumbs-box{ margin:20px 0; border-bottom:1px solid #33a1dc;}
.breadcrumbs-box li{ float:left; display:inline-block; margin-left:3px; line-height:2.4em; font-size:14px; color:#888;}
.breadcrumbs-box a,.breadcrumbs-box span{ color:#888;}
.breadcrumbs-box a:hover{ color:#33a1dc;}
.breadcrumbs-box span.current-name{ color:#333;}

.site-main{ float:left; width:900px; height:100%; overflow:hidden;}
.widget-area{ float:right; width:280px;}
.widget-area section{ margin-bottom:20px;}
.widget-title{ font-size:16px; line-height:2em; color:#FFF; background-color:#33a1dc; padding:0 10px;}
.sidebarNav{ padding:10px;}
.sidebarNav a{ display:block; background:url(images/arrow-r.png) no-repeat left center scroll; padding:10px 10px 10px 20px; border-bottom:1px dotted #ccc; font-size:14px; color:#666;}
.sidebarNav a:hover{color:#33a1dc;}

.widget-time li{ padding: 5px 0px 5px 5px; line-height:2em; border-bottom: 1px dotted #ccc;}
.widget-time span {display:inline-block; padding:0 10px; font-size: 14px; color: #333; }
.bj-img{ margin-top:10px;}

.site-main .type-post{ margin-bottom:20px; padding-bottom:19px; border-bottom:1px dashed #ddd;}
.post-list .list-thumb{ float:left; width:20%;}
.post-list .list-item{ float:left; width:80%;}
.post-list .post-thumbnail{ border:1px solid #ddd; padding:4px;}
.post-list .entry-header{ margin-bottom:10px;}
.list-item .entry-header{ margin-left:15px;}
.entry-title a:hover{ color:#33a1dc;}
.list-item .entry-excerpt{ margin-left:15px;}
.list-item .entry-excerpt p{ font-size:12px; color:#666; line-height:1.6em;}
.list-item .entry-excerpt .read-more{ color:#33a1dc; padding-left:10px;}
.entry-meta{ font-size:12px; color:#999;}
.entry-meta a{ color:#999;}
.content-item .entry-excerpt{ color:#888; padding:9px; border:1px dotted #ccc; font-size:14px; margin-bottom:20px;}

.content-item .entry-title{ font-weight:bold; font-size:20px; margin-bottom:10px;}
.entry-content{ font-size:14px; color:#333;}
.entry-content p{ line-height:1.8em; margin-bottom:1em;}
.entry-content h1,.entry-content h2,.entry-content h3{ line-height:1.8em; margin-bottom:1em;}
.entry-content img{ max-width:100% !important; height:auto !important;}

.pagination{ margin:60px 0 40px 0}
.pagination h2.screen-reader-text{ display:none;}
.pagination .nav-links{ text-align:center;}
.pagination .page-numbers{ display:inline-block; font-size:12px; line-height:20px; vertical-align:middle; padding:1px 10px; background-color:#33a1dc; color:#FFF; margin:0 5px;}
.pagination a.page-numbers:hover{ background-color:#069;}
.pagination .current{ background-color:#CCC;}
.pagination .dots{ background:none; color:#888;}

.post-navigation { margin-top:50px;}
.post-navigation h2.screen-reader-text{ line-height:2em; margin-bottom:10px;}
.post-navigation .nav-links div{ padding:5px 0;}
.post-navigation .nav-links a{ font-size:14px; color:#888;}
.post-navigation .nav-links a:hover .nav-title,.post-navigation .nav-links a:hover{ color:#33a1dc; }
.post-navigation .nav-links .screen-reader-text{ color:#888; padding-right:10px;}
.post-navigation .nav-links .nav-title{ color:#333;}

.thumb-box{ width:100%;}
.thumb-box li{ float:left; display:table-cell; width:18%; margin:0 1% 1% 1%; height:70px; line-height:60px; text-align:center; vertical-align:middle; background-color:#FFF;}
.thumb-box li a{ display:block; padding:4px; border:1px solid #ddd;}
.thumb-box li a:hover{}
.thumb-box li img{ max-height:50px;}

.status-publish{}

.copyright p{ text-align:center; color:#FFF; line-height:2em; padding-bottom:10px; font-size:12px;}
.copyright a{ color:#CCC;}

.no-content{ width:60%; margin:20% auto;}
.no-content p{ font-size:16px; color:#333; text-align:center;}
.no-content b{ color:#F00;}

.error-404{ width:80%; margin:50px auto 0 auto;}
.error-404 .error-img{ width:20%; text-align:center;}
.error-404 .error-cont{ width:80%;}
.error-404 .error-tips{ margin:0 20px;}
.error-tips h3{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.error-tips p{ color:#888;}
.error-btn{ margin:20px 0;}
.error-btn a{ display:inline-block; padding:5px 20px; background-color:#33a1dc; color:#FFF; border-radius:5px; margin:0 10px;}

.search h2.page-title{ font-size:18px; font-weight:bold;}
.search h2.page-title span{ color:#F00;}
.search .page-header{ margin-bottom:20px;}
.search .type-page{ margin-bottom:10px; border-bottom:1px dashed #ddd; padding-bottom:9px;}

.search h2.entry-title{ font-weight:bold; margin-bottom:10px;}
.search .entry-summary{ color:#888;}

.ex-photo{ text-align:center;}
.ex-photo img{ margin:8px;}
.meeting-video ul{ overflow:hidden;}
.meeting-video li{ width:50%; float:left;}
.meeting-video a{ display:block; padding:10px; text-align:center;}
.meeting-video span{ line-height:2em; font-size:14px;}

.site-main .category_description{ padding:0 20px 20px 20px; font-size:16px; line-height:18px;}

.site-main .meeting-item .meeting-thumb{ float:left; width:30%;}
.meeting-thumb img{ border-radius:10px;}
.site-main .meeting-item .meeting-cont{ float:left; width:70%;}
.site-main .meeting-cont .meeting-main{ padding:0 20px;}
.meeting-main h2{ font-weight:bold; font-size:14px;}
.meeting-main a{color:#33a1dc;}
.meeting-main .post-meta{ font-size:12px; margin:10px 0;}
.post-meta li{ line-height:1.8em;}
.post-meta .post-meta-key{ color:#888; padding-right:5px;}
.meeting-excerpt p{ font-size:12px;color:#666; line-height:1.6em;}

.mobile-main .category_description{ padding:1em; border-bottom:1px solid #ddd;}
.mobile-main .meeting-main h2{ margin:1em 0 0.5em 0;}

.first-itemer li{ float:left; width:31%; margin-right:3.33%; display:inline-block; margin-bottom:20px; line-height:1.8em; height:150px;}
.first-itemer li:nth-child(3n+3){ margin-right:0;}
.first-itemer .second-title{color:#33a1dc; border-top: 2px solid #33a1dc; border-bottom: 1px solid #33a1dc; font-size: 14px; padding: 5px 0; margin-bottom: 5px; font-weight:bold;}
.first-itemer .second-excerpt{ color:#666;}
.first-itemer .second-link{ padding:0 5px;}
.first-itemer .second-link:hover{ color:#33a1dc;}


@media (max-width: 768px){
	.list-banner{ height:80px; background-size:cover;}
	.breadcrumbs-box{ margin:1em 0 0 0;}
	.breadcrumbs-box li{ font-size:12px;}
	.mobile-main .entry-content{ padding-top:0;}
	.mobile-main .type-page{ padding:1em;}
	.mobile-main .entry-content img{ max-width:100% !important; height:auto !important;}
	.mobile-main .type-post{ padding:1em; border-bottom:1px dotted #ccc;}
	.post-list .entry-header{ margin-bottom:0;}
	.post-navigation{ margin:1em;}
	.post-navigation h2.screen-reader-text{ margin-bottom:0.2em;}
	
	.mobile-main .thumb-box{ padding:1em; width:auto;}
	.mobile-main .thumb-box li{ width:30.33%; margin:1.5%; height:60px; line-height:50px;}
	.mobile-main .thumb-box li img{ max-height:40px;}
	
	.copyright p{ padding:0; font-size:12px;}
	
	}
	
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		}
}
            
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


/*--瀵艰埅--*/

.sub-menu{ display:none;position:absolute;z-index:3;background:#3999b4;margin-top:-1px;}

.current-menu-parent{background:#113f58;}


.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #767676;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}
/*涔板绮鹃€変慨鏀瑰瓧浣�*/

.selection p{
	font-size:12px;
}
/*涓轰綍鍙傚睍淇敼琛ㄦ牸鍐呭*/
.exhibition tr td {
	padding:2px;
}
.exhibition tr td img{
	display:block;
	width:100%;
	width:186px;
	height:277px;
}
/*棰勫畾灞曚綅*/
.cont-table { border:#ccc solid 1px;}
.cont-table tr td{
	line-height:3em;
	text-indent:1em;
}
.cont-table td { border:#ccc solid 1px;}
.cont-table .tle-td { background:#eee;}
.cont-table td .red {color:#f00;font-size:12px;}
.cont-table td  input {line-height:2em;}
/*鍚屾湡浼氳*/
.meeting-at-the-same-time table{
	margin-top:1em;
}
/*灞曞搧鑼冨洿*/
.exhibits table {width:100%;}
.exhibits table td { border:#ccc dotted 1px; padding:1em;}
.exhibits table td li { margin-left:1em; height:2em; line-height:2em; font: 12px 400 "寰蒋闆呴粦";}
.exhibits table td li img {display:inline-block; margin-right:3px;}

/*灞曚細鎺犲奖*/
.glimpse-exhibition .ex-photo a { float:left; margin:5px 12px;}
.glimpse-exhibition .ex-photo a img{ cursor: pointer;transition: all 0.6s;}
.glimpse-exhibition .ex-photo a img:hover{transform: scale(1.4);}