/*
Theme Name:wpgraphicdesign
Theme URI: http://www.leonhere.com/wpgraphicdesign.html
Author: LeonHere
Author URI: http://www.leonhere.com/
Description: 由LeonHere制作，针对平面设计服务公司的简约设计风格WordPress企业模板，正版用户技术支持<a href="http://www.leonhere.com" target="_blank">LeonHere.com</a>。
Version: 1.7.1
License: 使用条款
License URI: http://www.leonhere.com/licenses/
Tags: light, white, red, gray, studio, service, custom-menu, theme-options, leonhere.com, responsive
Text Domain: wp-graphic-design
*/
* {-webkit-tap-highlight-color:transparent;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;}
a {text-decoration:none; color:#333; outline:none;}
a:hover {color:#DF1F41;}
input {-webkit-appearance:none;}
input:focus {outline:none;}
li {list-style:none;}
a img {border:none;}
.clear {clear:both;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*gold-sell-NO*/
.inner {width:1200px; margin:0 auto;}
.blank {height:68px; width:100%;}
.fixed-bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:2; display:none;}
.thumbnail {position:relative;}
.thumbnail img {display:block; width:100%; height:auto;}
h3.title {border-bottom:1px dotted #BFBFBF; height:45px; line-height:45px; color:#E60033; font-size:1.25em; margin-bottom:15px; text-transform:uppercase; font-weight:normal; white-space:nowrap; overflow:hidden;}
span.entitle {position:absolute; right:0; top:10px; font-size:0.75em; color:#666; text-transform: uppercase;}
/*header*/
.header {background-color:#fff; box-shadow:0px 1px 2px #aaa; height:68px; position:absolute; width:100%; left:0; top:0; z-index:2;}
.header .inner {position:relative;}
.logo {float:left; width:220px; height:48px; padding:10px 0;}
.logo a {display:block;}
.logo img {width:auto; height:48px;}
/*nav*/
.nav {float:left; position:relative; color:#555;}
.nav .menu ul li {float:left; line-height:68px; font-size:1.125em; position:relative;}
.nav .menu ul li a {padding:0 20px; display:block;}
.nav .menu ul li a:hover {color:#DF1F41; border-bottom:3px solid #DF1F41;}
.nav .menu ul li ul {position:absolute; left:0; top:68px; z-index:2; background-color:#fff; display:none; border:1px solid #ddd; box-shadow:0px 0px 1px #ccc; width:200px; padding:10px 0;}
.nav .menu ul li li {float:none; line-height:normal; font-size:1em; padding:5px 0;}
.nav .menu ul li li a {padding:10px 20px;}
.nav .menu ul li li a:hover,.nav .menu > ul > li.current-menu-item > a,.nav .menu > ul > li.current-post-parent > a,.nav .menu > ul > li.current-menu-parent > a {color:#fff; background-color:#DF1F41; border-bottom:none;}
/*mobile nav*/
#menu-icon {position:absolute; left:50%; top:50%; margin:-13px 0 0 -15px; width:30px; height:26px; cursor:pointer; display:none; overflow:hidden;}
#menu-icon span {display:block; width:20px; height:3px; background-color:#DF1F41; margin:4px auto;}
.mobilenav {border-top: 1px solid #888; width:100%; background-color:#939393; line-height:3em; overflow:hidden; margin-top:1.5px; display:none;}
.mobilenav .menu {margin:0 auto; font-size:0.875em;}
.mobilenav .menu ul li ul li a{padding-left:30px;}
.mobilenav .menu a {color:#fff; display:block; padding:0 10px; border-top: 1px solid #999; border-bottom: 1px solid #888;}
.mobilenav .menu a:hover {background:#aaa;}
/*search-form*/
.searchbtn {float:right; margin-top:27px; margin-right:15px; display:inline; background:url(images/search.png) no-repeat 0 0; width:14px; height:14px; cursor:pointer;}
.search-form {position:absolute; left:0; top:68px; width:100%; background:rgba(255,255,255,.9); padding:15px 0; display:none; z-index:1;}
.search-form form {display:block; overflow:hidden; width:650px; margin:0 auto;}
.search-form .s {display:block; float:left; width:600px; border:1px solid #ddd; height:43px; line-height:43px; border-radius:3px 0 0 3px; border-right:0; font-size:0.875em; color:#666; text-indent:1em;}
.search-form .submit {display:block; float:left; background:#DF1F41 url(images/search.png) no-repeat center -29px; width:48px; height:45px; line-height:45px; cursor:pointer; border:1px solid #DF1F41; border-radius:0 3px 3px 0;}
/* flexslider */
#slidershow {width:100%; clear:both; margin-bottom:25px;}
#slidershow img {width:100%; display:block; height:auto;}
.flexslider{position:relative; height:auto; overflow:hidden;zoom:1; }
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-45px 0 0;display:block;background:url(images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/*container*/
.container {clear:both; overflow:hidden; padding:15px 0;}
/*service*/
.service {overflow:hidden; position:relative;}
.service ul {width:1220px; overflow:hidden;}
.service ul li {float:left; width:285px; padding:10px 20px 10px 0;}
.service ul li .thumbnail {margin-bottom:10px;}
.service ul li h4 {font-size:1.125em; color:#333; font-weight:normal; text-align:center;}
/*main*/
.main {float:right; width:850px;}
.main.left {float:left;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#999; font-family:'simsun'; border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:10px;}
.breadcrumb a {color:#999;}
.showcase {position:relative; clear:both; overflow:hidden; margin-bottom:25px;}
.showcase ul {overflow:hidden; width:870px;}
.showcase ul li {float:left; width:270px; padding:10px 20px 10px 0;}
.showcase ul li .thumbnail {position:relative; height:180px; margin-bottom:8px;}
.showcase ul li .thumbnail img {position:absolute; height:100%;}
.showcase ul li h4,.showcase ul li h2 {font-size:0.875em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
/*newslist*/
.newslist {margin-bottom:25px;}
.newslist ul {overflow: hidden;}
.newslist ul li {font-size:0.875em; border-bottom:1px dashed #bbb; height:48px; line-height:48px; background:url(images/nli.png) no-repeat left center; padding-left:18px; overflow:hidden;}
.newslist ul li span {float:right; color:#bbb; font-size:0.75em;}
.newslist ul li a {color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:80%; float:left;}
.newslist ul li a:hover {color:#F00;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.75em; margin-bottom:35px;}
.pagenavi a {display:inline-block; background-color:#E4E4E4; padding: 5px 16px; color: #666; margin: 0px 4px; border-radius: 3px;}
.pagenavi a:hover {background:#DF1F41; transition:background 0.4s ease 0s; color:#fff;}
.pagenavi a.current {background-color:#DF1F41; color:#fff;}
/*post*/
.post h1.post-title {font-weight:normal; font-size:1.5em; color:#333; padding:15px 0;}
.post h1.post-title.center {text-align:center;}
.post .entry {margin-bottom:20px;}
.post .entry p {font-size:0.875em; line-height:1.75em; padding:8px 0; color: #555;}
.post .entry ul,.post .entry ol {padding:8px 0 8px 2em;}
.post .entry ul li {list-style:inside disc none; font-size:0.875em; line-height:1.75em;}
.post .entry ol li {list-style:inside decimal none; font-size:0.875em; line-height:1.75em;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {padding:8px 0; line-height:1.75em;}
.post .entry blockquote {overflow:hidden; clear:both; margin:8px 2em; border:1px solid #eee; background-color:#efefef; padding:7px 15px;}
.post .entry img {max-width:100%; height:auto;}
/*related*/
.showcase h3,.related-post h3,.commentlist h3,h3.respond {font-size:1.125em; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; font-weight:normal;}
.showcase h3 {padding-bottom:0; border-bottom-style:dotted;}
.showcase p {font-size:0.875em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.related-post {margin-bottom:20px;}
.related-post ul li {font-size:0.875em; padding:5px 0; background:url(images/spot.gif) no-repeat left center; padding-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.related-post ul li span {float:right; color:#999; font-size:0.75em;}
.related-post ul li a {color:#555;}
.related-post ul li a:hover {color:#f00; text-decoration:underline;}
/*pn*/
.postnavi {clear:both; overflow:hidden; margin:5px 0 25px; border-top:1px dotted #ccc; padding-top:25px; color:#333; font-size:0.875em; line-height:1.5em;}
.postnavi p {color:#999;}
.postnavi a {color:#333;}
.postnavi a:hover {color:#DF1F41;}
.postnavi .left {float:left; width:45%; overflow:hidden;}
.postnavi .right {float:right; width:45%; text-align:right; overflow:hidden;}
.postnavi span {font-family:'simsun'; font-size:3em; float:left; display:block; line-height:1em; padding-right:10px; color:#999;}
.postnavi .right span {float:right; padding-right:0; padding-left:10px;}
/*about*/
.about {position:relative; color:#333; padding:10px 0 15px; overflow:hidden;}
.about p {line-height:1.75em; padding:5px 0; font-size:0.875em;}
.about img.alignleft {width:180px; display:block; height:auto; padding-top:5px;}
/*sidebar*/
.sidebar {float:left; width:300px;}
.sidebar.right {float:right;}
.widget {position:relative; margin-bottom:25px;}
.contactinfo p {font-size:0.875em; color:#333; padding:5px 0;}
.contactinfo img {width:100%; height:auto; display:block;}
.widget ul li {font-size:0.875em; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#A1A1A1;}
/*sidenav*/
#sidenav h3 {height:45px; line-height:45px; margin:0; font-size:1em; font-weight:normal; border-bottom:1px solid #888; background:#DF1F41 url(images/arrow.png) no-repeat right center; color:#fff; border-radius:5px 5px 0 0; text-indent: 40px;}
#sidenav a{display:block; color:#fff; text-indent: 40px; border-top:1px solid #999; border-bottom:1px solid #888; margin:0 5px;}
#sidenav h3 a {border-top:none; margin:0; background:#DF1F41 url(images/arrow.png) no-repeat right center; border-radius:5px 5px 0 0;}
#sidenav ul li {font-size:1em;}
#sidenav ul li a{padding:5px 0; background:#939393 url(images/arrow.png) no-repeat right center;}
#sidenav ul li a:hover {background:#DF1F41 url(images/arrow-cur.png) no-repeat right center;}
/*backtop*/
.backtop {position:fixed; right:10px; top:70%; width:53px; height:53px;  cursor:pointer; background:#eee url(images/backtop.png) no-repeat center center; background-size:50%; border:1px solid #ddd;}
/*commentlist*/
.commentlist {overflow:hidden; clear:both;}
.commentlist li {clear:both; margin-bottom:30px; position:relative; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:15px;}
.commentlist li .avatar {float:left; width:45px; height:45px; position:absolute; top:3px; left:0;}
.commentlist li .avatar img{width:45px; height:45px;}
.commentlist li .comment-info {padding-left:60px;}
.commentlist li .comment-meta {overflow:hidden; position:relative;}
.commentlist li .comment-author {font-size:1em;}
.commentlist li .comment-meta a {color:#DE1F41;}
.commentlist li .comment-reply {font-size:0.75em; position:absolute; right:0px; top:3px;}
.commentlist li .comment-date {color:#bbb; font-size:0.75em;}
.commentlist li .comment-text {font-size:0.875em; color:#333; padding:5px;}
.commentlist li li {width:95%; float:right; margin-top:15px; margin-bottom:0; border:0; padding:0;}
/*commentform*/
.commentform {overflow:hidden; clear:both;}
.commentform p {margin-bottom:15px; clear:both; overflow:hidden;}
.commentform .text {border:1px solid #ccc; display:block; float:left; height:26px; line-height:26px; width:40%; float:left; padding:5px 0; text-indent:5px;}
.commentform label {display:block; float:left; font-size:0.875em; line-height:38px; padding-left:5px;}
.commentform textarea {border:1px solid #ccc; width:90%; height:150px; padding:5px;}
.commentform .submit {display:block; float:left; cursor:pointer; border:none; padding:5px 15px; background-color:#DF2147; color:#fff; font-size:1.125em;}
.commentform i {color:#f00; font-style:normal;}
a#cancel-comment-reply-link {color:#4C9ED9; margin-left:10px; font-size:0.75em; font-style:normal;}
.errornotfound {height:500px;}
.errornotfound img {display:block; position:absolute; left:50%; top:50%; margin-left:-119px; margin-top:-41px;}
/*footer*/
.footer {width:100%; padding:30px 0; background-color:#3c3c3c; color:#c2c2c2;}
.footer .inner {overflow:hidden;}
.footer a {color:#c2c2c2;}
.footer .left {float:left; width:700px;}
.footer .right {float:right; width:270px;}
.footer .right ul li {float:left; width:120px; height:auto; text-align:center; padding-left:30px;}
.footer .right ul li.np {padding-left:0;}
.footer .right ul li img {width:100%; display:block; height:auto; margin-bottom:5px;}
.footer .right ul li p {font-size:0.75em;}
.pageslist,.friendlinks {border-bottom:1px solid #444; font-size:0.75em; padding-bottom:10px; margin-bottom:15px;}
.friendlinks {border-bottom:none; margin-bottom:5px;}
.pageslist ul,.friendlinks ul,.footer .right ul {overflow:hidden;}
.friendlinks ul li,.pageslist ul li {float:left; padding-right:10px;}
.copyright {font-size:0.75em;}
@media only screen and (max-width:1260px){
	.inner {width:1040px;}
	.nav .menu ul li {font-size:1em;}
	.service ul {width:1060px;}
	.service ul li {width:245px;}
	.main {width:800px;}
	.showcase ul {width:825px;}
	.showcase ul li {width:250px; padding-right:25px;}
	.sidebar {width:200px;}
}
@media only screen and (max-width:1100px){	
	.inner {width:960px;}
	.nav .menu ul li a {padding:0 15px;}
	.nav .menu ul li ul {width:150px;}
	.service ul {width:980px;}
	.service ul li {width:225px;}
	.main {width:720px;}
	.showcase ul {width:735px;}
	.showcase ul li {width:230px; padding-right:15px;}	
	.footer .left {width:580px;}
}
@media only screen and (max-width:980px){
	.inner {width:860px;}
	.nav .menu ul li {font-size:0.875em;}
	.nav .menu ul li a {padding:0 12px;}
	.service ul {width:880px;}
	.service ul li {width:200px;}
	.service ul li h4 {font-size:1em;}
	.main {width:630px;}
	.showcase ul {width:645px;}
	.showcase ul li {width:200px; padding-right:15px;}
	.footer .left {width:500px;}
}
@media only screen and (max-width:900px) {
	.inner,.mobilenav .menu {width:93%;}
	.nav,.sidebar {display:none;}
	.mobilenav.open {display:block;}
	#menu-icon {display:block;}
	.service ul {width:102%;}
	.service ul li {width:23%; padding-right:2%;}
	.service ul li h4 {font-size:0.875em;}
	.main {width:100%; float:none;}
	.showcase {margin-bottom:5px;}
	.showcase ul {width:103%;}
	.showcase ul li {width:31%; padding-right:2%;}
	.sidebar.right {clear:both; width:105%; float:none; display:block; overflow:hidden;}
	.sidebar.right span.entitle {right:10%;}
	.widget {width:45%; padding-right:5%; float:left;}
	.footer .left {width:490px;}
	.footer .right {width:215px;}
	.footer .right ul li {padding-left:15px; width:100px;}
}
@media only screen and (max-width:768px) {
	.showcase ul li .thumbnail {height:152px;}
	.backtop,.postnavi span,.flex-direction-nav {display:none;}
	.footer .left,.footer .right {width:100%; float:none; clear:both;}
	.footer .right,.pageslist, .friendlinks {margin-bottom:5px;}
	.friendlinks {padding-bottom:0;}
	.pageslist ul, .friendlinks ul, .footer .right ul,.copyright {text-align:center;}
	.footer .right ul li,.friendlinks ul li, .pageslist ul li {display:inline-block; float:none;}
	.header,.blank {height:48px;}
	.logo img,.logo {height:28px;}
	.searchbtn {margin-top:17px;}
	#slidershow {margin-bottom:5px;}
	h3.title {font-size:1em; height:35px; line-height:35px; margin-bottom:5px;}
	.service ul li,.showcase ul li {padding-top:5px; padding-bottom:5px;}
	.about {padding:0;}
	.footer {padding:15px 0;}
	.post h1.post-title {font-size:1.125em;}
	.post .entry {margin-bottom:10px;}
	.postnavi {margin-bottom:15px; padding-top:15px; font-size:0.875em;}
	.showcase h3, .related-post h3, .commentlist h3, h3.respond {font-size:1em; margin-bottom:5px;}
	.related-post ul li {padding-bottom:0;}
	.commentlist li {margin-bottom:10px; padding-bottom:5px;}
	.commentlist li li {margin-top:5px;}
	.commentform .text {width:70%;}
	.postnavi .left,.postnavi .right {width:auto; float:none; clear:both; text-align:left; padding:5px 0;}
	.breadcrumb {padding:8px 0;}
	.search-form {top:48px;}
}
@media only screen and (max-width:720px) {
	.search-form form {width:540px;}
	.search-form .s {width:490px;}
}
@media only screen and (max-width:640px) {
	.showcase ul li .thumbnail {height:127px;}
	.showcase ul li h4, .showcase ul li h2 {font-size:0.75em;}
	
}
@media only screen and (max-width:560px) {
	.search-form form {width:420px;}
	.search-form .s {width:370px;}	
	.showcase ul {width:102%;}
	.service ul li,.showcase ul li {width:48%; padding-right:2%;}
	.service ul li h4 {font-size:0.75em;}
	
}
@media only screen and (max-width:540px) {
	.showcase ul li .thumbnail {height:164px;}
}
@media only screen and (max-width:480px) {
	.search-form form {width:300px;}
	.search-form .s {width:250px;}
	.showcase ul li .thumbnail {height:146px;}
	
}
@media only screen and (max-width:420px) {
	.sidebar.right {width:100%;}
	.sidebar.right span.entitle {right:0;}
	.widget {width:100%; float:none; padding-right:0;}
	.showcase ul li .thumbnail {height:127px;}
	#menu-icon {left:170px; margin-left:0;}
}
@media only screen and (max-width:360px) {
	.about img.alignleft {width:100%; padding:0;}
	.showcase ul li .thumbnail {height:109px;}
}
@media only screen and (max-width:320px) {
	.search-form form {width:250px;}
	.search-form .s {width:200px;}
	.showcase ul li .thumbnail {height:97px;}
}