/*
Theme Name:zbdesign
Theme URI: https://www.boke8.net/zbdesign.html
Author: LeonHere
Author URI: https://www.boke8.net/
Description: 由<a href="https://www.boke8.net/" target="_blank">博客吧</a>开发制作的通用型高级WordPress企业模板，正版用户技术支持<a href="https://www.boke8.net/" target="_blank">LeonHere.com</a>。
*/
* { -webkit-tap-highlight-color: transparent; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }
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,
main { margin: 0; padding: 0; }
body { background: #fff; font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; outline: none; }
a:hover { color: #f60; }
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input,textarea { -webkit-appearance: none;}
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
img {vertical-align: middle;}
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; 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; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;/*padding:0!important;*/font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background: no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*gold*/
.inner {width: 93.75%; max-width: 1200px; margin: 0 auto; }
.blank { height: 82px; width: 100%; }
.thumbnail a { display: block; position: relative; overflow: hidden; padding-bottom: 75%; }
.thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; transition:all .3s;}
.thumbnail a:hover img {transform: scale(1.1);}

/*header*/
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 9; transition: all 0.3s ease 0s; box-shadow: 0 3px 4px rgba(153, 153, 153, 0.5); }
.header .inner { position: relative; }
.header.fixed { background: rgba(255, 255, 255, 0.95); }

/*logo*/
#logo { float: left; padding: 18px 0; }
#logo a { display: block; width: 174px; height: 46px; text-indent: -9999em; overflow: hidden; background: no-repeat left center; background-size: contain; }

/*nav*/
.nav { float: right; }
.nav li { float: left; font-size: 18px; line-height: 34px; position: relative; padding: 22px 15px; }
.nav li a { color: #222; display: block; padding: 0 8px; transition: all 0.3s ease 0s; }
.nav li.cur > a { background-color: #f60; color: #fff; border-radius: 2px; }
.nav li ul { position: absolute; left: 50%; top: 100%; width: 140px; margin-left: -70px; background-color: #f60; display: none; }
.nav li li { float: none; padding: 0; font-size: 16px; text-align: center; border-bottom: 1px solid #f40; border-top: 1px solid #f80; }
.nav li li a { color: #fff; padding: 5px; }
.nav li li a:hover { background-color: #f50; }
.nav li em,
.navBtn { display: none; }

/*searchbox*/
.searchbox { float: right; padding: 28px 0; }
.searchbox span { cursor: pointer; color: #BDC3C7; font-size: 18px; width: 22px; height: 22px; line-height: 22px; display: block;text-align: center;}
.searchbox .form { position: absolute; right: 1px; top: 100%; margin-top: 1px; background-color: #fff; background-color: rgba(255, 255, 255, .9); padding: 10px; display: none; }
.searchbox form { border: 1px solid #f60; width: 300px; overflow: hidden; padding-right: 50px; position: relative; }
.searchbox .text { height: 24px; line-height: 24px; padding: 5px 3%; width: 94%; border: none; }
.searchbox .submit { background-color: #f60; position: absolute; right: 0; top: 0; width: 50px; height: 100%; -webkit-appearance: none; cursor: pointer; color: #fff; border: none; font-size: 14px; }

/*banner*/
.banner {border-top: 3px solid #f60; margin-top: -4px;}
.banner img { display: block; width: 100%; height: auto; }

/*slides*/
.slides { background-color: #F5F2EF; overflow: hidden; border-top: 3px solid #f60; border-bottom: 1px solid #f60; margin-top: -4px;}
.slides .load { padding: 5% 0; font-size: 16px; text-align: center; color: #999; }
.slides .item { border-left: 1px solid #f60; border-right: 1px solid #f60; }
.slides img { display: block; width: 100%; height: auto; }
.slides .owl-carousel .owl-stage-outer { overflow: visible; }
.slides .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); font-size: 0; line-height: normal; text-align: center; bottom: 5%; }
.slides .owl-dots button { display: inline-block; margin: 0 5px; }
.slides .owl-dots span { display: block; width: 10px; height: 10px; background-color: rgba(255, 255, 255, .7); }
.slides .active span { background-color: #f60; }
.slides .owl-carousel .owl-nav button {font-size: 30px; display: block; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; width: 1.66em; height: 1.66em; background-color: #f60; color:#fff; text-align: center; line-height: 1.66em;}
.slides .owl-carousel .owl-prev { left: -0.83em; }
.slides .owl-carousel .owl-next { right: -0.83em; }

/*breadcrumb*/
.breadcrumb { width: 100%; overflow: hidden; background-color: #f1f1f1; padding: 10px 0 8px; font-size: 0.75em; font-family: '宋体'; color: #888; border-bottom: 1px solid #eee; line-height: 1em; margin-bottom: 30px; }
.breadcrumb a { color: #888; }

/*container*/
.container { overflow: hidden; margin-bottom: 20px; }

/*aside*/
.sidebar { width: 250px; float: right; }
.sideMunu,
.widget { overflow: hidden; margin-bottom: 20px; }
.sideMunu h3 { background-color: #333; color: #fff; line-height: 1.75em; font-weight: normal; font-size: 1em; padding: 5px 15px; }
.sideMunu h3 a { color: #fff; }
.sideMunu ul { background-color: #f60; }
.sideMunu ul li { color: #f60; border-bottom: 1px solid #ea660f; border-top: 1px solid #fb883b }
.sideMunu ul li a,
.autoMunu li a { color: #fff; padding: 5px 15px; display: block; }
.sideMunu ul li a:hover { background-color: #fa873b; }
.widget ul,
.widget > div { padding: 10px 0; }
.widget ul li { font-size: 14px; border-bottom: 1px dashed #e5e5e5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.75em; margin-bottom: 5px; padding: 5px 0 3px; }
.widget img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }
.widget .tagcloud { overflow: hidden; padding: 5px 0; }
.widget .tagcloud a { display: block; float: left; margin: 3px; line-height: 1em; }
.widget form { overflow: hidden; position: relative; padding-right: 50px; }
.widget input[type="text"] { border: 1px solid #ddd; height: 42px; line-height: 30px; padding: 6px; box-sizing: border-box; width: 100%; display: block; }
.widget input[type="submit"] { border: none; background-color: #f60; height: 100%; cursor: pointer; position: absolute; right: 0; width: 50px; color: #fff; top: 0; }
#zbdesign-contact { padding: 5px 0; }
#zbdesign-contact p { margin: 5px 0; font-size: 0.875em; }
#zbdesign-contact img { width: 100%; height: auto; display: block; }
#divCatalog li ul { border-top: 1px dashed #e5e5e5; padding: 0; margin-top: 10px; }
#divCatalog li ul li { font-size: 1em; padding: 5px 0 5px 2em; }

/*autoMunu*/
.autoMunu { margin-bottom: 20px; }
.autoMunu h3,
.widget h3 { background-color: #353535; padding: 20px; color: #fff; font-size: 1.5em; font-weight: normal; position: relative; margin-bottom: 11px; }
.autoMunu h3 a { color: #fff; }
.autoMunu h3:after,
.widget h3:after {display: block; content: ''; position: absolute; left: 40px; top: 100%; border-top: 10px solid #353535; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.autoMunu ul { background-color: none; }
.autoMunu li { border: 1px solid #eee; margin-bottom: 5px; background-color: #f1f1f1; }
.autoMunu li a { color: #555; }
.autoMunu li a:hover,
.autoMunu h3 a:hover,
.autoMunu li.cur a { color: #fff;  background-color: #fa873b;}

.autoMunu h3 {background-color: #f60;}
.autoMunu h3:after {border-top-color:#f60;}
/*main*/
.main { margin-right: 285px; overflow: hidden; }

/*pgtitle*/
.pgtitle { border-bottom: 1px solid #eee; margin-bottom: 20px; }
.pgtitle .title { font-weight: normal; font-size: 24px; line-height: 1.35em; color: #444; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #f60; }

/*newslist*/
.newslist ul { margin-bottom: 20px; overflow: hidden; }
.newslist li { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; line-height: 30px; }
.newslist li strong {color:#f00;}
.newslist li a { font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 135px; }
.newslist li span { float: right; font-size: 14px; color: #999; }

/*bloglist*/
.bloglist { overflow: hidden; margin-bottom: 20px; border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
.bloglist .thumbnail { float: left; width: 200px; }
.bloglist .thumbnail a { border-radius: 4px; }
.bloglist .info { margin-left: 220px; overflow: hidden; }
.bloglist h2 { font-weight: normal; font-size: 20px; line-height: 1.35em; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bloglist p { font-size: 16px; line-height: 1.75em; height: 7em; overflow: hidden; color: #555; }

/*pagenavi*/
.pagenavi { clear: both; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; font-size: 14px;}
.pagenavi a,
.pagenavi span.now-page { display: block; height: 2.3em; line-height: 2.3em; background-color: #f1f1f1; color: #999; min-width: 2.3em; padding: 0 0.5em; border-radius: 2px; margin: 2px; box-sizing: border-box;}
.pagenavi a:hover { color: #f60; }
.pagenavi span.now-page { background-color: #f60; color: #fff; }

/*style*/
.hmstyle { background: url(images/stylebg.jpg) repeat left top; padding: 2.6% 0; overflow: hidden; margin-bottom: 40px; }
.hmstyle ul { overflow: hidden; width: 103%; }
.hmstyle li { width: 22%; padding: 1% 3% 1% 0; float: left; text-align: center; }
.hmstyle li a { color: #000; display: block; overflow: hidden; }
.hmstyle li img { width: 54px; height: 54px; display: block; margin: 0 auto 15px; }
.hmstyle li h3 { margin-bottom: 15px; font-size: 18px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmstyle li p { font-size: 14px; line-height: 1.75em; height: 5.25em; overflow: hidden; }

/*showcase*/
.showcase { overflow: hidden; margin-bottom: 30px; }
.tableft { float: left; width: 200px; }
.tableft li { position: relative; -webkit-tap-highlight-color: transparent; font-size: 16px; margin-bottom: 10px; }
.tableft li a { background-color: #f60; color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 10px; }
.tableft li span { position: absolute; left: 100%; top: 0; border-left: 17px solid #EFC942; border-top: 17px solid transparent; border-bottom: 17px solid transparent; display: none; }
.tableft li.on a { background-color: #EFC942; color: #000; }
.tableft li.on span { display: block; }
.tabpro { margin-left: 240px; overflow: hidden; display: none; }
.tabpro ul { overflow: hidden; }
.tabpro li { float: left; width: 31%; padding-left: 2%; padding-bottom: 2%; }
.tabpro li img:hover,
.gallery li img:hover { opacity: 0.8; }
.tabpro.on { display: block; }

/*hmdesi*/
.hmdesi { background: #000 no-repeat center center; background-size: cover; padding: 3.125% 0; color: #fff; margin-bottom: 40px; position: relative; }
.hmdesi #hmdesi { overflow: hidden; padding: 15px 0; }
.hmdesi h3 { color: #fff; text-align: center; font-weight: normal; font-size: 32px; margin-bottom: 2.604%; line-height: 1em; }
.hmdesi .item { width: 650px; margin: 0 auto; display: table; table-layout: fixed; }
.hmdesi .photo { width: 100px; display: table-cell; vertical-align: top; }
.hmdesi .photo a { display: block; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 50%; }
.hmdesi .photo img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: auto; height: 100%; object-fit: cover;}
.hmdesi .info { display: table-cell; vertical-align: middle; padding-left: 50px; }
.hmdesi .info a { display: block; overflow: hidden; color: #fff; }
.hmdesi h4 { font-size: 14px; line-height: 1.75em; font-weight: normal; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmdesi p { font-size: 12px; line-height: 1.75em; padding: 5px 0; text-align: justify; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ddd; }
.hmdesi .arrow { border-top: 16px solid rgba(0, 0, 0, .9); border-right: 16px solid transparent; border-left: 16px solid transparent; position: absolute; bottom: -16px; left: 50%; margin-left: -16px; }

.hmdesi .owl-carousel .owl-nav button { display: block; position: absolute; top: 50%; transform: translateY(-50%); margin-top: -20px; overflow: hidden;background-color: rgba(0, 0, 0, .5); opacity: .5; border-radius: 50%; width: 2em; height: 2em; text-align:center; line-height: 2em; font-size: 25px;}
.hmdesi .owl-carousel .owl-nav button:hover { background-color: #000; opacity: 1; }
.hmdesi .owl-carousel .owl-prev { left: 3.125%; }
.hmdesi .owl-carousel .owl-next { right: 3.125%; }

.hmdesi .owl-dots { font-size: 0; text-align: center; line-height: normal; margin-top: 35px; }
.hmdesi .owl-dot { display: inline-block; margin: 0 6px; }
.hmdesi .owl-dot span { display: block; width: 14px; height: 4px; background-color: rgba(255, 255, 255, .2); }
.hmdesi .active span { background-color: #fff; }

/*designers*/
.designers { overflow: hidden; margin-bottom: 20px; }
.designers ul { overflow: hidden; width: 105%; }
.designers li { float: left; width: 45%; padding-right: 5%; padding-bottom: 3%; overflow: hidden; }
.designers li .photo { float: left; width: 190px; }
.designers li .photo a { display: block; padding-bottom: 100%; position: relative; overflow: hidden; }
.designers li .photo img { position: absolute; width: 100%; height: 100%; display: block; }
.designers li .info { margin-left: 205px; overflow: hidden; }
.designers li .name { margin-bottom: 10px; font-size: 16px; line-height: 1.75em; }
.designers li .name a { font-weight: bold; color: #333; margin-right: 15px; }
.designers li .works p { font-size: 16px; line-height: 1.75em; height: 7em; overflow: hidden; }
.designers li h4 { color: #333; font-size: 16px; line-height: 1.75em; margin-bottom: 5px; }

/*gallery*/
.gallery { margin-bottom: 20px; overflow: hidden; }
.gallery h2 { text-align: center; margin-bottom: 2.5%; font-size: 28px; font-weight: normal; line-height: 1.35em; }
.gallery ul { overflow: hidden; width: 102%; }
.gallery li { float: left; width: 23%; padding-right: 2%; padding-bottom: 2%; }
.gallery li .wrap-item { background-color: #fff; }
.gallery li .wrap-item { border: 1px solid #eee; border-radius: 3px; overflow: hidden; }
.gallery li p { font-size: 16px; text-align: center; line-height: 1.875em; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallery li .thumbnail img { transition: transform .3s; }
.gallery li .thumbnail a:hover img { transform: scale(1.1); }

/*caselist*/
.caselist { overflow: hidden; }
.caselist ul { width: 103%; overflow: hidden; }
.caselist li { float: left; width: 31%; padding-right: 2%; padding-bottom: 2%; }
.caselist li .item { border: 1px solid #eee; border-radius: 3px; overflow: hidden; }
.caselist li h3 { font-weight: normal; font-size: 14px; text-align: center; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*hmtitle*/
.hmtitle { overflow: hidden; position: relative; border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; padding-bottom: 10px; }
.hmtitle h2 { font-size: 1.25em; font-weight: normal; color: #333; }
.hmtitle span { position: absolute; right: 0; bottom: 15px; font-size: 0.875em; }
.hmtitle span a { color: #666; }

/*material*/
.material { overflow: hidden; margin-bottom: 20px; }
.material ul,
.hmnews .boxlist { width: 103%; overflow: hidden; }
.material li,
.hmnews .box { float: left; width: 31%; padding-right: 2%; padding-bottom: 2%; }
.material li a { display: block; background-color: #f60; overflow: hidden; }
.material li a:hover { background-color: #666; }
.material li .info { padding: 20px; color: #fff; }
.material li h3 { font-size: 16px; margin-bottom: 10px; line-height: 1.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.material li h3 span { font-size: 1.75em; font-weight: bold; font-family: Arial; margin-right: 15px; }
.material li .intro { font-size: 14px; line-height: 1.75em; height: 5.25em; overflow: hidden; }


/*hmnews*/
.hmnews { overflow: hidden; margin-bottom: 20px; }
.hmnews .box { background-color: #fff; }
.hmnews .box-wrap { border: 1px solid #eee; padding: 5.22%; }
.hmnews h3 { font-weight: normal; font-size: 18px; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; }
.hmnews li { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.hmnews li .thumbnail { width: 80px; float: left; overflow: hidden; border-radius: 5px; }

.hmnews li .info { margin-left: 90px; overflow: hidden; }
.hmnews li h4 { font-size: 16px; font-weight: normal; line-height: 1.125em; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmnews li h4 a { color: #333; }
.hmnews li p { color: #888; font-size: 14px; line-height: 1.5em; height: 3em; overflow: hidden; }
.hmnews li .title a { color: #333; transition: all 0.3 ease 0s; transition: all 0.3s ease 0s; }
.hmnews li .title a:hover { color: #f60; }
.hmnews .readmore { text-align: center; }
.hmnews .readmore a { color: #fff; background-color: #DD4F50; padding: 5px 20px; border-radius: 3px; font-size: 0.875em; }
.hmnews .readmore i { font-family: '宋体'; font-size: 1em; margin-left: 5px; font-style: normal; }

/*sideWidget*/
.sideWidget { background-color: #fff; position: fixed; right: 1px; bottom: 100px; border: 1px solid #eee; font-size: 14px; border-bottom: none; text-align: center; z-index: 8; width: 50px; }
.sideWidget li { border-bottom: 1px solid #eee; position: relative;  font-size: 12px;}
.sideWidget li i { display: block; font-style: normal; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.sideWidget li .text { display: none; left: 50%; width: 2em; margin-left: -1em; line-height: 1.5em; }
.sideWidget li .bi {font-size: 1.75em; color:#888;}
.sideWidget li .bi-tencent-qq {margin-left: 1px;}
.sideWidget li .sub { position: absolute; right: 60px; bottom: 0; width: 140px; height: auto; text-align: center; background-color: #fff; border: 1px solid #eee; border-radius: 5px; padding: 5px; display: none;}
.sideWidget li .sub:after { background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee; transform: rotate(45deg); position: absolute; bottom: 20px; right: -5px; width: 8px; height: 8px; content: ''; display: block; }
.sideWidget li img { display: block; width: 100%; height: auto; }
.sideWidget li .num { text-align: left; font-size: 14px; line-height: 24px; padding: 10px 20px; color: #555; width: 160px; }
.sideWidget li .num p { padding: 5px 0; }
.sideWidget li .num span { font-size: 18px; font-family: 'Arial'; }
.sideWidget li a { display: block; position: relative; padding-bottom: 100%; overflow: hidden; color: #555; }
.sideWidget li a:hover .text { display: block; }
.sideWidget li a:hover .bi { display: none; }

/*custom*/
.custom { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #000; }
.custom img { width: 100%; height: auto; display: block; }

/*requirement*/
.requirement { overflow: hidden; padding: 5%; box-shadow: 0px 0px 1em rgba(0,0,0,.1); margin-bottom: 5%; border-radius: 1em;}
.requirement h3 { font-weight: normal; font-size: 32px; line-height: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 3.5%; text-align: center; }
.requirement .item { overflow: hidden; margin-bottom: 3%; }
.requirement .label { display: block; color: #555; font-size: 16px; line-height: 2em; margin-bottom: 0.25em}
.requirement .label i { color: #f00; font-style: normal; }
.requirement .input {overflow: hidden; border: 1px solid #e4e4e4; border-radius: 5px; position: relative;}
.requirement .text { height: 24px; line-height: 24px; width: 95%; text-indent: 1em; display: block; padding: 10px 5% 10px 0; border: none; box-shadow: none; font-size: 14px; color: #333; }
.requirement textarea.text { height: 120px; resize: vertical; }

.requirement .submit { background-color: #f60; color: #fff; display: block; height: 45px; border-radius: 5px; border: none; cursor: pointer; width: 160px; margin: 0 auto; }
.requirement span { color: #f00; font-size: 12px; line-height: 1.75em; margin-left: 95px; clear: both; display: block; }
.warning { text-align: center; font-size: 14px; line-height: 1.75em; color: #888; margin-bottom: 5%; }
.warning i { font-style: normal; color: #f00; }
.requirement .verify .input { padding-right: 104px; }
.requirement #vcode {position: absolute; right:7px; top:50%; transform: translateY(-50%); width: 90px; display:block; cursor: pointer;}
.requirement .column {display: flex; justify-content: space-between; flex-wrap: wrap;}
.requirement .two .item {width: 48.5%;}
.requirement .three .item {width: 31.33%;}
/*post*/
.post .title { text-align: center; line-height: 1.5em; font-size: 25px; color: #333; margin-bottom: 20px; font-weight: normal; }
.post .show-title { text-align: left; }
.post .entry { margin-bottom: 25px; }
.post .portfolio { background-color: #f1f1f1; border: 1px solid #eee; padding: 10px; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }

/*postmeta*/
.postmeta { text-align: center; font-size: 0.75em; color: #888; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px; }
.postmeta span { padding: 0 5px; }

/*entry*/
.entry { font-size: 16px; line-height: 1.875em; color: #333; overflow: hidden; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }
.entry ul,
.entry ol { padding-left: 1em; margin: 0 0 2.5% 2em; }
.entry ul li { list-style: outside disc none; }
.entry ol li { list-style: outside decimal none; }
.entry li p { margin-bottom: 0; }
.entry blockquote { overflow: hidden; padding: 2.5% 2.5% 0; margin: 0 2em 2.5%; background-color: #f1f1f1; border-radius: 5px; border: 1px dashed #ccc; }
.entry blockquote p { color: #666; }
.entry img,
.entry video { max-width: 100%; height: auto !important; }
.entry a {color: #f60; text-decoration: underline;}
.entry a:hover {text-decoration: none;}

/*postnavi*/
.postnavi { border-top: 2px solid #eee; padding-top: 15px; margin-bottom: 30px; font-size: 0.875em; color: #666; overflow: hidden; }
.postnavi .left { width: 48%; float: left; padding-right: 2%; }
.postnavi .right { width: 48%; float: right; text-align: right; padding-left: 2%; }
.postnavi span { display: block; color: #999; font-family: '宋体'; }
.postnavi a { color: #666; }
.postnavi a:hover { text-decoration: underline; }

/*posttags*/
.posttags { font-size: 0.75em; margin-bottom: 10px; color: #555; }
.posttags a { color: #f60; padding: 0 4px; }

/*pgwslideshow*/
.pgwSlideshow { width: 100%; display: none; }
.pgwSlideshow a { color: #fff; }
.pgwSlideshow .ps-current { text-align: center; position: relative; min-height: 150px; overflow: hidden; }
.pgwSlideshow .ps-current > ul  > li { text-align: center; width: 100%; z-index: 1; opacity: 0; display: block; }
.pgwSlideshow .ps-current > ul  > li img { display: block; max-width: 100%; margin: auto; }
.pgwSlideshow .ps-caption { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000')"; text-align: left; font-size: 1rem; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px; display: none; }
.pgwSlideshow .ps-caption span { padding: 7px; display: inline-block; }
.pgwSlideshow .ps-list { overflow: hidden; position: relative; }
.pgwSlideshow .ps-list ul { position: relative; list-style: none; margin: 0; padding: 0; left: 0; }
.pgwSlideshow .ps-list li { float: left; }
.pgwSlideshow .ps-list li .ps-item { display: block; margin: 15px 8px; opacity: 0.6; filter: alpha(opacity=60); }
.pgwSlideshow .ps-list li img { display: block; border: 1px solid #777; width: 80px; height: 80px; }
.pgwSlideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #fff; overflow: hidden; }
.pgwSlideshow .ps-list li .ps-item.ps-selected img { margin: -4px; }
.pgwSlideshow .ps-prevIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block; }
.pgwSlideshow .ps-nextIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block; }
.pgwSlideshow .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 20px 20px 20px 15px; left: 0; top: 45%; cursor: pointer; }
.pgwSlideshow .ps-current .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 20px 15px 20px 20px; right: 0; top: 45%; cursor: pointer; }
.pgwSlideshow .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 7; display: none; }
.pgwSlideshow .ps-list .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 7; display: none; }
.pgwSlideshow.narrow .ps-list li img { width: 60px; height: 60px; }
.pgwSlideshow.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40%; }
.pgwSlideshow.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40%; }
.pgwSlideshow.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px; }
.pgwSlideshow.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px; }
.pgwSlideshow.narrow .ps-caption { font-size: 0.8rem; padding: 8px; }

/*boxtitle*/
.boxtitle { border-bottom: 1px solid #eee; position: relative; height: 13px; margin-bottom: 35px; }
.boxtitle h3 { font-size: 1em; color: #666; position: absolute; left: 0; top: 0px; background-color: #fff; padding-right: 10px; }

/*relatednews*/
.relatednews { overflow: hidden; margin-bottom: 20px; }
.relatednews li { font-size: 14px; line-height: 1.75em; margin-bottom: 5px; overflow: hidden; }
.relatednews li a { display: block; margin-right: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.relatednews li span { float: right; font-size: 12px; color: #999; }

/*related-shows*/
.related-shows { margin-bottom: 20px; border: 1px solid #ddd; overflow: hidden; }
.related-shows h3 { background-color: #F5F5F5; font-weight: normal; overflow: hidden; font-size: 16px; border-bottom: 1px solid #ddd; }
.related-shows h3 span { background-color: #f60; float: left; display: block; padding: 5px 10px; color: #fff; }
.related-shows ul { overflow: hidden; padding: 1%; }
.related-shows li { float: left; width: 23%; padding: 1%; }
.related-shows li p { background-color: #F1F1F1; font-size: 14px; text-align: center; overflow: hidden; padding: 8px 5px; white-space: nowrap; text-overflow: ellipsis; line-height: 1.75em; }
.related-shows li p a { color: #777; }
.related-shows li p a:hover { color: #f60; }

/*designerpage*/
.designerpage { overflow: hidden; }
.designerpage .box { position: relative; overflow: hidden; display: table; width: 100%; table-layout: fixed; }
.designerpage .info { display: table-cell; vertical-align: top; width: 200px; border-right: 1px solid #eee; padding-right: 40px; }
.designerpage .photo img { width: 100%; height: auto; display: block; }
.designerpage .hot { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 20px; padding: 20px 0; text-align: center; font-size: 0.75em; font-family: "宋体"; }
.designerpage .hot span { font-size: 2em; color: #DC4B4E; }
.designerpage .intro { display: table-cell; vertical-align: top; padding-left: 40px; }
.designerpage .hello { font-weight: normal; font-size: 18px; line-height: 1.35em; color: #333; margin-bottom: 15px; }
.designerpage .concept { font-size: 14px; line-height: 1.75em; color: #888; margin-bottom: 20px; }
.designerpage .concept p { margin-bottom: 5px; }
.designerpage .entry h2 { font-size: 18px; color: #333; line-height: 1.35em; margin-bottom: 10px; }


/*commentslist*/
.commentslist li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
.commentslist .gravatar { float: left; width: 45px; height: 45px; border-radius: 5px; overflow: hidden; }
.commentslist .gravatar img { width: 100%; height: 100%; display: block; }
.commentslist .info { margin-left: 55px; overflow: hidden; }
.commentslist .meta { font-size: 14px; line-height: 1.5em; color: #999; overflow: hidden; margin-bottom: 5px; }
.commentslist .meta span { display: block; }
.commentslist .reply { float: right; }
.commentslist .reply a { color: #666; }
.commentslist .name { margin-right: 30px; }
.commentslist .date { font-size: 12px; color: #999; line-height: 1.5em; }
.commentslist .cont { font-size: 14px; line-height: 1.75em; color: #333; margin-top: 10px; }
.commentslist li li { border-bottom: none; border-top: 1px dotted #ddd; margin-left: 30px; clear: both; margin-top: 25px; margin-bottom: 0; padding-top: 25px; padding-bottom: 0; }

/*commentform*/
.commentform .warning { font-size: 14px; line-height: 1.75em; margin-bottom: 5px; color: #333; text-align: left; }
.commentform .warning a { color: #000; }
#divCommentPost .item { overflow: hidden; border: 1px solid #dedede; border-radius: 3px; margin-bottom: 15px; position: relative; }
#divCommentPost label { display: block; color: #888; line-height: 34px; float: left; padding: 0 10px; font-size: 14px; }
#divCommentPost label i { color: #f00; font-style: normal; }
#divCommentPost .input { margin-left: 70px; overflow: hidden; border-left: 1px solid #dedede; }
#divCommentPost .text { display: block; width: 95%; height: 24px; line-height: 24px; padding: 5px 5% 5px 0; text-indent: 10px; font-size: 14px; color: #333; border: none; }
#divCommentPost .verify .input { margin-right: 110px; }
#divCommentPost .code { position: absolute; right: 0; top: 0; height: 100%; }
#divCommentPost .code img { height: 100%; display: block; cursor: pointer; }
#divCommentPost textarea.text { height: 120px; resize: vertical; }
#divCommentPost .btn { clear: both; overflow: hidden; }
#divCommentPost .btn span { background-color: #F2F2F2; color: #888; font-size: 0.75em; display: block; float: left; padding: 5px 15px; margin-bottom: 10px; }
#divCommentPost .submit { background-color: #f60; color: #fff; float: right; display: block; padding: 0 20px; cursor: pointer; font-size: 14px; height: 35px; -webkit-appearance: none; cursor: pointer; border: none; }
#divCommentPost .submit:hover { opacity: 0.85; }


#cancel-reply { color: #666; padding: 0 20px; font-size: 12px; line-height: 1.75em; clear: both; display: inline-block; margin: 0 auto; text-align: center; }

/*friendlinks*/
.friendlinks { background-color: #f8f8f8; padding: 20px 0; }
.friendlinks h3 { border-bottom: 1px solid #eee; font-weight: normal; font-size: 0.875em; color: #444; padding-bottom: 4px; }
.friendlinks h3 span { border-bottom: 1px solid #f60; padding-bottom: 5px; }
.friendlinks ul { overflow: hidden; padding: 5px 0; }
.friendlinks ul li { float: left; font-size: 0.75em; padding: 5px 10px 5px 0; }
.friendlinks ul li a { color: #777; }

/*footer*/
.footer { width: 100%; background-color: #1C1C1C; padding: 2.1% 0; overflow: hidden; border-top: 1px solid #444; color: #888; }
.footer a { color: #888; }
.footer a:hover { color: #fff; }
.copyright { font-size: 14px; line-height: 1.75em; text-align: center; }
.copyright a {display: inline-block;}
.copyright img {display: inline-block; width: auto; height: 20px; vertical-align: middle; margin-top: -3px;}
.copyright p { padding: 5px 0; }

/*pageslist*/
.pageslist { padding: 5px 0; }
.pageslist ul { font-size: 0; line-height: normal; text-align: center; }
.pageslist li { display: inline-block; font-size: 14px; line-height: 1.75em; position: relative; padding: 0 10px; }
.pageslist li:after { display: block; content: ''; width: 1px; height: 12px; background-color: #888; position: absolute; right: 0; top: 50%; margin-top: -6px; }
.pageslist li:last-child:after { display: none; }
.pageslist li ul { display: none; }
.pageslist li a { display: block; }

/*error404*/
.error404 {text-align: center; padding: 25vh 0 35vh;}
.error404 .title {font-weight: normal; font-size: 36px; line-height: 1.5em; margin-bottom: 1em;}
.error404 .entry {font-weight: 18px;}

/*screen width*/
@media only screen and (max-width:1280px) {

	/*1280*/
	#logo { padding: 19px 0; }
	#logo a { width: 150px; height: 40px; }

	/*1280*/
	.nav li { font-size: 16px; padding-left: 10px; padding-right: 10px; }

	/*1280*/
	.post .title { font-size: 24px; }

	/*1280*/
	.requirement h3 { font-size: 28px; }

	/*1280*/
	.hmdesi h3 { font-size: 28px; }
	.hmdesi .owl-carousel .owl-nav button {font-size: 20px;}
}

@media only screen and (max-width:1024px) {

	/*1024px*/
	.blank { height: 58px; }

	/*1024px*/
	.searchbox { padding: 17px 20px; }
	.searchbox span { color: #999; font-size: 20px; }

	/*1024px*/
	#logo { padding: 12px 0; }
	#logo a { width: 120px; height: 32px; }

	/*1024px*/
	.navBtn { display: block; width: 22px; position: relative; float: right; height: 24px; padding: 17px 0; cursor: pointer; }
	.navBtn span { display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; left: 0; margin-top: -1px; }
	.navBtn span:before,
	.navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #999; position: absolute; left: 0; top: -8.5px; transition: transform .3s; transition: transform .3s; }
	.navBtn span:after { top: auto; bottom: -8px; }
	.navBtn.open span { height: 0; }
	.navBtn.open span:before { transform: rotate(45deg); top: 0; }
	.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }

	/*1024px*/
	.nav { position: fixed; left: -220px; top: 0; width: 220px; z-index: 9; background-color: #f60; background-color: rgba(255, 102, 0, .85); height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: left .3s; }
	.nav.open { left: 0; }
	.nav ul { padding: 30px 0; }
	.nav li { float: none; padding: 0; position: relative; }
	.nav li a { color: #fff; padding: 5px 45px 5px 2em; }
	.nav li em { display: block; position: absolute; width: 34px; height: 34px; right: 10px; top: 5px; cursor: pointer; }
	.nav li em:after { content: ''; display: block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); width: 8px; height: 8px; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; transition: all .3s; }
	.nav li em.open:after { transform: rotate(45deg); margin-top: -8px; }
	.nav li ul { position: static; left: auto; top: auto; margin-left: 0; width: auto; background-color: transparent; padding: 0; }
	.nav li li { border: none; text-align: left; }
	.nav li li a { padding: 5px 0px 5px 3em; }

	/*1024px*/
	.tableft { width: 150px; }
	.tabpro { margin-left: 180px; }

	/*1024px*/
	.hmnews h3 { margin-bottom: 10px; padding-bottom: 10px; }
	.hmnews ul { margin-bottom: 5px; overflow: hidden; }
	.hmnews li { margin-bottom: 10px; padding-bottom: 10px; }
	.hmnews li .thumbnail { width: 75px; }
	.hmnews li .info { margin-left: 85px; }
	.hmnews li h4 { line-height: 1.35em; margin-bottom: 0; }

	/*1024px*/
	.pgtitle .title { font-size: 20px; }

	/*1024px*/
	.designers ul { width: 102%; }
	.designers li { width: 48%; padding-right: 2%; }
	.designers li .photo { width: 150px; }
	.designers li .info { margin-left: 160px; }
	.designers li .name { line-height: 1.5em; margin-bottom: 5px; }
	.designers li .works p { height: 5.25em; }

	/*1024px*/
	.post .title { font-size: 20px; }

	/*1024px*/
	.requirement h3 { font-size: 24px; }

	/*1024px*/
	.hmdesi { padding: 5.5% 0; }
	.hmdesi h3 { font-size: 24px; }
	.hmdesi .item { width: 70%; }
	.hmdesi .photo { width: 80px; }
	.hmdesi .owl-carousel .owl-nav button {font-size: 16px;}
	/*1024px*/
	.slides,
	.banner {margin-top: -3px;}
	/*1024px*/
	.slides .owl-carousel .owl-nav button {font-size: 25px;}
}
@media only screen and (max-width:960px) {

	/*960px*/
	.tableft li { margin-bottom: 5px; }

	/*960px*/
	.sidebar { display: none; }

	/*960px*/
	.main { margin-right: 0; }

	/*960px*/
	.designerpage .info { width: 150px; padding-right: 2%; }
	.designerpage .intro { padding-left: 2%; }
}
@media only screen and (max-width:768px) {

	/*768*/
	.sideWidget { width: 100%; right: 0; bottom: 0; border: none; border-top: 1px solid #212121; background-color: #333; }
	.sideWidget:before { content: ''; display: block; width: 100%; border-top: 1px solid #444; }
	.sideWidget li { float: left; width: 20%; border: none; }
	.sideWidget li a { padding-bottom: 50px; }
	.sideWidget li i { opacity: 1; }
	.sideWidget li .bi {color:#fff;}
	.sideWidget li .sub { bottom: 100%; margin-bottom: 15px; right: 50%; transform: translateX(50%); }
	.sideWidget li .sub:after { right: 50%; margin-right: -5px; bottom: -5px; transform: rotate(135deg); }

	/*768*/
	.header .inner { position: static; }

	/*768*/
	.searchbox .form { width: 93.75%; padding: 10px 3.125%; }
	.searchbox form { width: auto; }

	/*768*/
	.tableft { float: none; width: 100%; clear: both; margin-bottom: 15px; }
	.tableft li { float: left; width: 25%; text-align: center; font-size: 14px; margin-bottom: 0; }
	.tableft li a { padding: 5px; }
	.tableft li span { display: none; }
	.tabpro { margin-left: 0; }
	.tabpro ul { width: 103%; }
	.tabpro li { padding: 0 2% 2% 0; }

	/*768*/
	.gallery h2 { font-size: 20px; margin-bottom: 3.5%; }
	.gallery li { width: 48%; }

	/*768*/
	.material { margin-bottom: 15px; }
	.material li .info { padding: 10px; }
	.material li h3 { margin-bottom: 0; }
	.material li h3 span { font-size: 1.25em; }

	/*768*/
	.hmnews { margin-bottom: 15px; }
	.hmnews .boxlist { width: auto; }
	.hmnews .box { float: none; width: auto; padding-right: 0; }
	.hmnews .box-wrap { padding: 15px; }
	.hmnews li .thumbnail { width: 95px; }
	.hmnews li .info { margin-left: 105px; }
	.hmnews li h4 { line-height: 1.35em; margin-bottom: 2px; }
	.hmnews li p { line-height: 1.75em; height: 3.5em; }

	/*768*/
	.pageslist,
	.copyright p { padding: 2px 0; }

	/*768*/
	.footer { padding: 20px 0 60px; }

	/*768*/
	.pgtitle .title { font-size: 18px; }

	/*768*/
	.bloglist { padding-bottom: 10px; margin-bottom: 10px; }
	.bloglist .thumbnail { width: 100px; }
	.bloglist .info { margin-left: 110px; }
	.bloglist h2 { font-size: 16px; line-height: 1.5em; white-space: normal; max-height: 3em; overflow: hidden; margin-bottom: 2px; }
	.bloglist p { white-space: nowrap; text-overflow: ellipsis; height: auto; line-height: 1.35em; }

	/*768*/
	.pagenavi { padding: 10px 0; }

	/*768*/
	.newslist ul { margin-bottom: 10px; }
	.newslist li { padding-bottom: 5px; margin-bottom: 5px; }

	/*768*/
	.caselist { width: 102%; }
	.caselist li { width: 48%; }

	/*768*/
	.designers ul { width: auto; }
	.designers li { width: auto; padding-right: 0; float: none; }
	.designers li .photo { width: 100px; }
	.designers li .info { margin-left: 110px; padding: 5px 0; }
	.designers li .works p { height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; }

	/*768*/
	.post .title { font-size: 18px; }

	/*768*/
	.commentslist li { margin-bottom: 15px; padding-bottom: 15px; }
	.commentslist .gravatar { width: 30px; height: 30px; }
	.commentslist .info { margin-left: 40px; }
	.commentslist .reply { font-size: 12px; }
	.commentslist li li { margin-left: 20px; margin-top: 15px; padding-top: 15px; }

	/*768*/
	#divCommentPost .item { margin-bottom: 10px; }

	/*768*/
	.designerpage .box { display: block; width: auto; }
	.designerpage .info { display: table; width: 100%; table-layout: fixed; padding-right: 0; margin-bottom: 15px; }
	.designerpage .photo { width: 80px; display: table-cell; vertical-align: middle; }
	.designerpage .hot { display: table-cell; vertical-align: middle; margin-top: 0; padding: 0; }
	.designerpage .intro { padding-left: 0; display: block; }
	.designerpage .hello { margin-bottom: 10px; }
	.designerpage .concept { margin-bottom: 15px; }

	/*768*/
	
	.requirement h3 { font-size: 20px; padding-bottom: 10px; }
	.requirement .column {display: block;}
	.requirement .column .item {width: auto;}
	.requirement .label { font-size: 14px; line-height: 1.75em;}
	.requirement .text { padding-top: 7px; padding-bottom: 7px; }
	.requirement .submit { height: 35px; width: 120px; font-size: 14px; }

	/*768*/
	.hmdesi { padding: 7% 0; }
	.hmdesi h3 { font-size: 20px; }
	.hmdesi .item { width: 85%; }
	.hmdesi .photo { width: 55px; }
	.hmdesi .info { padding-left: 25px; }
	.hmdesi .owl-dots { margin-top: 20px; }

	/*768*/
	.slides .inner { width: auto; }
	.slides .item { border: none; }
	.slides .owl-dots { bottom: 8%; }

	/*768*/
	.hmstyle { padding: 5% 0; margin-bottom: 5.2%; }
	.hmstyle li img { margin-bottom: 5px; }
	.hmstyle li h3 { margin-bottom: 0; font-size: 14px; font-weight: normal; }
	.hmstyle li p { display: none; }

	/*768*/
	.related-shows li { width: 48%; }

	/*768*/
	.entry {font-size: 14px;}
}

@media only screen and (max-width:540px) {

	/*540px*/
	.material ul { width: auto; }
	.material li { width: auto; float: none; padding-right: 0; }
	.material li .intro { height: auto; }

	/*540px*/
	.hmnews .boxlist { width: 100%; }
	.hmnews .box { float: none; width: 100%; margin-right: 0; clear: both; }
	/*540px*/
	.newslist li span {float: none;}
	.newslist li a {margin-right: 0;}
}