/*
Theme Name: seamodesign
Version: 1.0.0
Author:	jsjjl
Theme URI: http://jsjjl.diandian.com/
Author URI: http://jsjjl.diandian.com/
*/
/*init*/

/*
Template Name: Vanilla
Author: Mark Southard
Author URI: http://www.dunked.com
Description: The perfect starter template. A clean, minimal, grid-based layout focusing attention on your work.
*/

/*=================================*/
/*	Table of Contents
/*	- Reset & Clearfix Styles
/*	- Main Styles
/*		- Titles
/*		- Projects Feed
/*			- Project Assets
/*			- Project Content
/*		- Pages
/*	- Navigation Styles
/*	- Footer Styles
/*	- Structure
/*	- Media Queries
/*		- 1455px
/*		- 1210px
/*		- 965px
/*		- 700px
/*		- 455px
/*		- 210px
/*		- Retina & HiDPI
/*=================================*/

/*=================================*/
/* Reset & Clearfix Styles
/*=================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/*=================================*/
/* Main Styles
/*=================================*/

body { overflow-x: hidden; }

body {
	color: #696969;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	word-wrap: break-word;
	
}

a, a:visited { 
	color: #A6CF29; 
	text-decoration: none;
}

a:hover, a:active { 
	color: #696969; 
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 { font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

p { margin-bottom: 20px; }

img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

/*===== Titles =====*/
.site-title {
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 26px;
}

.site-title a { color: #424242; }

.site-tagline { max-width: 100%; }

.title {
	color: #424242;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 20px;
}

.projects-feed .title {
	color: #696969;
	font-size: 14px;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 20px;
}

.projects-feed .title a { color: #696969; }

.projects-feed .title a:hover { color: #A6CF29; }

/*===== Projects Feed =====*/
.is_single #content > .project {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 59px;
	overflow: hidden;
	padding-bottom: 42px;
}

.projects-feed article {
	float: left;
	position: relative;
	text-align: center;
}

.projects-feed article > a:hover img { opacity: .4; }

.projects-feed article .overlay {
	background: transparent url(/static/image/plus-icon.png) 0 0 no-repeat;
	display: block;
	height: 0;
	position: absolute;
	top: 0;
	width: 210px;
	z-index: -1;
}

.projects-feed article > a:hover .overlay { display: block; height: 210px; }

.projects-feed .tags { color: #B2B2B2; }

.projects-feed .tags a {
	color: #B2B2B2;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
}

.projects-feed .tags a:hover { color: #A6CF29; }

/*===== Project Assets =====*/
.thumb { width: 210px; }

.thumb img { 
	height: 210px;
	width: 210px; 
}

div.image,
div.audio,
div.video { 
	margin-bottom: 20px; 
	text-align: center;
}
div.image img{
	margin-bottom: 20px; 
	text-align: center;
}


.asset-description { 
	color: #B2B2B2;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
	margin: 20px 18px 30px;
}

.view {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

/*===== Project Content =====*/
.project-meta { margin-top: 50px; }

.project-meta h4 {
	color: #B2B2B2;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0;
	text-transform: uppercase;
}

.project-meta > div { margin-bottom: 5px; }

.project-meta span,
.project-meta a {
	color: #696969;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
}

.project-meta a:hover { color: #A6CF29; }

.page-content { overflow: hidden; }

.page-content img {
	display: block;
	margin: 20px auto;
}

.project-description ul { 
	list-style-type: circle; 
	margin-left: 30px;
}

.project-description ol { 
	list-style-type: decimal; 
	margin-left: 30px;
}

/*===== Pages =====*/
.page-content .wysiwyg-float-right {
	display: inline;
	float: right;
	margin: 20px 0 20px 20px;
}

.page-content .wysiwyg-float-left {
	display: inline;
	float: left;
	margin: 20px 20px 20px 0;
}

.page-content ul { 
	list-style-type: circle; 
	margin-left: 30px;
	padding: 0;
}

.page-content ol { 
	list-style-type: decimal; 
	margin-left: 30px;
	padding: 0;
}


/*=================================*/
/* Navigation Styles
/*=================================*/

nav ul { 
	margin: 0;
	padding: 0;
	z-index: 999; 
}

nav li { margin-bottom: 1px; }

nav a,
nav a:visited { color: #696969; }

nav a:hover,
nav .current-page a,
nav .current-project a,
nav .current-tag a { color: #A6CF29; }

.nav-title,
.nav-title a,
.nav-title a:hover,
.nav-title a:visited {
	color: #B2B2B2;
	cursor: text;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	margin: 30px 0 10px;
	text-transform: uppercase;
}

.pages-nav-title { display: none; }


/*=================================*/
/* Footer Styles
/*=================================*/
#footer {
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
}

.footer-text { 
	float: left; 
	max-width: 1190px;  width: 100%;
}

.dunked-branding,
.dunked-branding:visited {
	color: #696969;
	display: block;
	margin-top: 5px;
}

.dunked-branding:hover { color: #A6CF29; }

/*=================================*/
/* Structure
/*=================================*/

#wrapper {
	margin: 45px 0px 30px 20px;
	width: 1700px;
}

#header {
	float: left;
	width: 230px;
	text-align:center;
	position:fixed;
}

#content-wrapper { 
	float: right; 
	width: 1435px;
}

#content article { margin: 0  0 35px 0; }

.projects-feed { 
	overflow: hidden;
	width: 1470px; 
	zoom: 1;
}

.projects-feed article[data-six-column="0"] { clear: both; }

#content .projects-feed article { 
	margin: 0 35px 35px 0; 
	min-height: 280px;
	width: 210px;
}

#content article.page { 
	margin-right: 0;
	max-width: 100%;
	width: 700px;
}

.project header,
.project-description,
.project-meta { width: 700px; }

.project-assets { 
	float: left;
	margin-right: 35px;
	width: 700px; 
}

.project-assets ~ header,
.project-assets ~ .project-description,
.project-assets ~ .project-meta { margin-left: 735px; }

#footer {
	clear: left;
	float: left;
	margin-top: 100px;
	width: 230px;
	position: fixed; bottom:10px;  text-align: center;
}


/*=================================*/
/* Media Queries
/*=================================*/

@media screen and (max-width : 1750px) {
	/*===== 1455px breakpoint =====*/
	#wrapper { width: 1455px; }

	#content-wrapper { width: 1190px; }

	.projects-feed { width: 1225px; }

	.projects-feed article[data-six-column="0"] { clear: none; }

	.projects-feed article[data-five-column="0"] { clear: both; }

	.project-assets ~ header,
	.project-assets ~ .project-description,
	.project-assets ~ .project-meta { width: 455px; }

	.footer-text { max-width: 945px; width:100%; text-align:center; }
	.nav-title {
		margin-top:30px;
	}
}

@media screen and (max-width : 1505px) {
	/*===== 1210 breakpoint =====*/
	#wrapper { width: 1210px; }

	#content-wrapper { width:900px; }

	.projects-feed { width: 980px; }

	.projects-feed article[data-five-column="0"] { clear: none; }

	.projects-feed article[data-four-column="0"] { clear: both; }

	.is_single #content > .project {
		margin-bottom: 59px;
		padding-bottom: 53px;
	}

	.project-assets { margin-bottom: -12px; }

	.project header { margin: 0 0 -2px 0; }

	.project header,
	.project .project-description {
		margin-left: 735px;
		width: 210px;
	}

	/*.project .project-meta { width: 210px; }

	.project-meta a { display: block; }

	.project-meta span.sep { display: none; }*/

	.footer-text { max-width: 700px; }
	.nav-title {
		margin-top:20px;
	}
}

@media screen and (max-width : 1280px) {
	.nav-title {
		margin-top: 20px;
	}
	/*===== 965px breakpoint =====*/
	#wrapper { width: 965px; }

	#content-wrapper { width: 700px; }
	/*===== 735px breakpoint =====*/
	.projects-feed { width: 980px; }

	.projects-feed article[data-four-column="0"] { clear: none; }

	.projects-feed article[data-three-column="0"] { clear: both; }

	.is_single #content > .project { padding-bottom: 51px; }

	.project-assets { margin-bottom: 45px; }

	.project .project-assets,
	.project header,
	.project .project-description { float: none; }

	.project header,
	.project .project-description,
	.project .project-meta {
		margin-left: 0;
		width: 100%;
	}

	.project-meta > div:first-child { top: 0; }

	.project-meta span,
	.project-meta div > a {
		display: inline;
		margin-top: 0;
	}

	.project-meta a { display: inline; }

	.project-meta span.sep { display: inline; }

	.footer-text { max-width: 455px; }
	
}

@media screen and (max-width : 1035px) {
	/*===== 700px breakpoint =====*/
	#wrapper { width: 700px; margin: 60px auto 30px;}

	#content-wrapper { 
		float: none;
		margin-left: 0; 
		margin-top: 60px; 
		width: 100%;
	}

	#header { 
		float: none; 
		padding-top: 70px;
		width: 100%;
	}

	.site-tagline { width: 455px; }

	.projects-feed { width: 735px; }

	#footer { 
		float: none;
		margin-left: 0; 
		width: 100%;
	}

	.footer-text { width: 455px; }

	/*===== Mobile Nav =====*/
	nav {
		background: #424242;
		color: #f2f2f2;
		font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Tahoma, 'Geneva', Arial, sans-serif;
		font-size: 14px;
		height: 50px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		text-align: right;
		top: 0;
		width: 100%;
	}

	.nav-title {
		border-right: 1px solid #505050;
		cursor: pointer;
		display: inline-block;
		font-weight: normal;
		line-height: 50px;
		margin: 0 0 0 -4px;
	}

	nav .nav-title a,
	nav .nav-title a:hover,
	nav .nav-title a:visited { 
		background: transparent url(/static/image/menu-icon.png) 82.5% 50% no-repeat;
		color: #f2f2f2;
		cursor: pointer;
		font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Tahoma, 'Geneva', Arial, sans-serif;
		font-size: 14px;
		margin: 0; 
		padding: 0 50px 0 20px;
		text-transform: none;
	}

	nav .nav-title:first-child { border-left: 1px solid #505050; }

	nav .pages-nav-title { display: inline-block; }

	nav .nav-title a.active-tab { background-color: #505050; 	}

	nav ul {
		background: #505050;
		display: none;
		left: 0;
		padding: 40px 0 35px;
		position: absolute;
		text-align: left;
		top: 50px;
		width: 100%;
	}

	.nav-title:hover + ul,
	nav ul:hover,
	nav ul.hover { display: block; }

	.js .nav-title:hover + ul { display: none; }

	nav ul.no-hover { display: none !important; }

	nav ul li {
		margin: 0 auto;
		width: 700px;
	}

	nav a,
	nav a:visited {
		color: #f2f2f2;
		display: block;
		font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Tahoma, 'Geneva', Arial, sans-serif;
		font-size: 14px;
		padding: 3px 0;
	}

	nav .current-page a,
	nav .current-project a,
	nav .current-tag a,
	nav a:hover { color: #A6CF29; }
	
	
		
#header {
	position: static;
	}
	
	#footer {
	position: static;
	}
}

@media screen and (max-width : 735px) {
	/*===== 455px breakpoint =====*/
	#wrapper { width: 455px; margin: 60px auto 30px;}

	.projects-feed { width: 490px; }

	.projects-feed article[data-three-column="0"] { clear: none; }

	.projects-feed article[data-two-column="0"] { clear: both; }

	.project-assets { width: 455px; }

	nav ul li { width: 455px; }

	.footer-text { 
		float: none;
		max-width: 100%; 
	}


}

@media screen and (max-width : 505px) {
	/* 210px breakpoint */
	#wrapper { width: 210px;   margin: 60px auto 30px;}
.shuxian{display: none !important; }
.tags{display: block;
  width: 100%;}

	.projects-feed { width: 245px; }

	.projects-feed article { clear: both; }

	.project-assets { width: 210px; }

	.project-meta > div {
		margin-bottom: 5px;
	}

	.project-meta a { display: block; }

	.project-meta span.sep { display: none; }

	nav ul li { width: 270px; }
	.project-meta a{
	width: auto;
float: left;
margin-left: 5px;}
	.project .project-meta{ margin-bottom: 50px;}
}

@media only screen and (max-width : 1035px) and (-webkit-min-device-pixel-ratio : 2),
only screen and (max-width : 1035px) and (min--moz-device-pixel-ratio : 2),
only screen and (max-width : 1035px) and (-o-min-device-pixel-ratio : 2/1),
only screen and (max-width : 1035px) and (min-device-pixel-ratio : 2),
only screen and (max-width : 1035px) and (min-resolution : 192dpi),
only screen and (max-width : 1035px) and (min-resolution : 2dppx) {
	/*===== Retina and HiDPI images =====*/
	nav .nav-title a,
	nav .nav-title a:visited,
	nav .nav-title a:hover {
		background-image: url(/static/image/menu-icon2x.png);
		-webkit-background-size: 20px 12px;
		background-size: 20px 12px;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min--moz-device-pixel-ratio : 2),
only screen and (-o-min-device-pixel-ratio : 2/1),
only screen and (min-device-pixel-ratio : 2),
only screen and (min-resolution : 192dpi),
only screen and (min-resolution : 2dppx) {
	/*===== Retina and HiDPI images =====*/
	.projects-feed article > a {
		background-image: url(/static/image/plus-icon2x.png);
		-webkit-background-size: 210px 210px;
		background-size: 210px 210px;
	}
}
/**调整**/
.function_t{ margin-top:20px; color: #B2B2B2;}
.nav-title-side{
	color: #B2B2B2;
	cursor: text;
	font-family: HelveticaNeue, Helvetica Neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	margin: 30px 0 10px;
	text-transform: uppercase;
}
.project h3{ height:24px; line-height:24px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-zi{ text-align:left;}
.last_theme{color:#e9e9e9;}
.last_theme a{color:#e9e9e9;}
.last_theme a:hover{color:#e9e9e9;}
/**评论**/
.commentpost label{height:15px;overflow:hidden;clear:left;float:left;line-height:15px;border-color:#CCC;border-style:solid;border-width:1px 0 1px 1px;margin:0;padding:6px 10px;}

#txaArticle{width:98%;height:120px;border:1px solid #ddd;padding:5px;}
#frmSumbit p{padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;line-height: 30px;}
#frmSumbit .button{color: #FFFFFF;background-color: #1AB394;height: 30px;width: 100px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin-right: 15px;}
.msgname .dot{font-size: 30px;color: #999;float: right;margin-left: 15px;font-weight: 700;}
.msg .msgimg img{clear: left;float: left;margin-right: 10px;padding: 2px;height: 36px;width: 36px;border: 1px solid #ddd;background-color: #f1f1f1;}
.msgtxt .msgarticle{padding-bottom: 4px;}
#comments .msg{font-size: 14px; line-height:22px;border: 1px solid #dddddd;padding-top: 9px;padding-right: 9px;padding-bottom: 1px;padding-left: 9px;margin-top: 12px;border-radius: 5px;}
#comments .msg .msgname{color: #999999;}
#comments .msg .msgarticle{color: #666666;}
#comments .msg .msgarticle .msg{background-color:#f9f9f9; margin-top:9px;}
.msg .msgarticle .msg .msgname .dot{display: none;}

/*侧栏*/
.widget_divCalendar_inner{overflow: hidden;padding:2px;}
.widget_divCalendar_inner table{width:100%;}
.widget_divCalendar_inner caption{margin-bottom: 5px;font-size: 14px;}
.widget_divCalendar_inner caption a{padding:0 20px;color:#555555;}
.widget_divCalendar_inner th{text-align: center;background-color:#fbfbfb;color: #555555;text-transform: uppercase;border:1px solid #E0E1E2;height:26px}
.widget_divCalendar_inner td{text-align: center;border:1px solid #E0E1E2;height:30px;width: 47px;}
.widget_divCalendar_inner td.pad{background:none}
.widget_divCalendar_inner td a{display:block;margin: 0 5px;background:#b18247;color:#FFFFFF;}

/* ul 框架*/.widget_divLinkage ul,.widget_divContorPanel_inner,.widget_divAuthors ul,.widget_divMisc ul,.widget_divCatalog ul,.widget_divSearchPanel_inner,.widget_divFavorites ul,.widget_divStatistics ul,.widget_divArchives ul{overflow:hidden;padding:10px 20px;}
/*.widget_inner{padding:15px;}*/.widget_divSearchPanel_inner input[type=text]{padding:5px 10px;width: 75%;}
.widget_divSearchPanel_inner input[type=submit]{padding: 6.5px 12px;width:20%;border: none;}