/*
Theme Name:zbdesign
Theme URI: http://www.boke8.net/zbdesign.html
Author: LeonHere
Author URI: http://www.leonhere.com/
Description: 由里昂工作室开发制作的通用型高级WordPress企业模板，正版用户技术支持LeonHere.com。
Version: 1.8
License: 使用条款
License URI: http://www.leonhere.com/agreement/
Tags: light, white, purple, green, gray, one-column, two-columns, left-sidebar, custom-menu, theme-options
Text Domain: leonhere.com
*/
* { -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; }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
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; }
/*gold*/
.inner { 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; }
/*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; }
.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-nav button { display: block; position: absolute; top: 50%; transform: translateY(-50%); text-indent: -99999em; overflow: hidden; }
.slides .owl-nav span { display: block; width: 50px; height: 50px; background: #f60 url(images/arrows.png) no-repeat 0 0; background-size: 100% auto; }
.slides .owl-prev { left: -25px; }
.slides .owl-prev span { background-position: 0 100%; }
.slides .owl-next { right: -25px; }
/*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,
.widget 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 ul li a { color: #fff; padding: 5px 15px; display: block; }
.sideMunu ul li a:hover,
.autoMunu ul li a:hover,
.autoMunu ul li.cur a { background-color: #fa873b; }
.widget h3 { background-color: #f60; }
.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: 40px; }
.widget input[type="text"] { border: 1px solid #ddd; height: 30px; line-height: 30px; padding: 5px; box-sizing: border-box; width: 100%; display: block; }
.widget input[type="submit"] { border: none; background-color: #f60; height: 30px; cursor: pointer; position: absolute; right: 0; width: 40px; 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 { background-color: #ccc; padding: 20px; color: #fff; font-size: 1.5em; font-weight: normal; position: relative; margin-bottom: 11px; }
.autoMunu h3 a { color: #fff; }
.autoMunu h3 span { position: absolute; left: 40px; top: 100%; border-top: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.autoMunu ul { background-color: none; }
.autoMunu ul li { border: 1px solid #eee; margin-bottom: 5px; background-color: #f1f1f1; }
.autoMunu ul li a { color: #555; }
.autoMunu ul li a:hover,
.autoMunu h3 a:hover,
.autoMunu ul li.cur a { color: #fff; }
/*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 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; }
.pagenavi a,
.pagenavi span.now-page { display: inline-block; font-size: 14px; height: 32px; line-height: 32px; background-color: #f1f1f1; color: #999; padding: 0 12px; border-radius: 2px; margin: 2px; }
.pagenavi a:hover { color: #f60; }
.pagenavi span.now-page { background-color: #f60; color: #fff; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color: #D1D1D1; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #f60; }
.bx-wrapper .bx-prev { left: -25px; background: #f60 url(images/arrows.png) no-repeat 16px -48px; }
.bx-wrapper .bx-next { right: -15px; background: #f60 url(images/arrows.png) no-repeat 20px 12px; }
.bx-wrapper .bx-prev:hover { background-color: #F8A305; }
.bx-wrapper .bx-next:hover { background-color: #F8A305; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 1; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
/*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 url(images/designer.jpg) 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; min-height: 100%; }
.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-nav button { display: block; position: absolute; top: 50%; transform: translateY(-50%); margin-top: -20px; text-indent: -99999em; overflow: hidden; }
.hmdesi .owl-nav span { display: block; width: 50px; height: 50px; background: rgba(0, 0, 0, .5) url(images/arrows.png) no-repeat 0 0; background-size: 100% auto; border-radius: 50%; overflow: hidden; opacity: 0.5; transition: all .3s; }
.hmdesi .owl-nav span:hover { background-color: #000; opacity: 1; }
.hmdesi .owl-prev { left: 3.125%; }
.hmdesi .owl-prev span { background-position: 0 100%; }
.hmdesi .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; }
.material li .thumbnail img { transition: transform .3s; }
.material li .thumbnail a:hover img { transform: scale(1.1); }
/*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 .thumbnail img { transition: transform .3s; }
.hmnews li .thumbnail a:hover img { transform: scale(1.1); }
.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; }
.sideWidget li i { display: block; font-style: normal; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.sideWidget li .text { display: none; font-size: 12px; left: 50%; width: 2em; margin-left: -1em; line-height: 1.5em; }
.sideWidget li .icon { background: no-repeat center 0; height: 21px; opacity: .8; left: 0; }
.sideWidget .tel .icon { background-image: url(images/icon_tel.png); }
.sideWidget .qq .icon { background-image: url(images/icon_qq.png); }
.sideWidget .wx .icon { background-image: url(images/icon_qr.png); }
.sideWidget .msg .icon { background-image: url(images/icon_msg.png); }
.sideWidget .back .icon { background-image: url(images/icon_bt.png); }
.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; font-size: 12px; }
.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 .icon { 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% 5% 10%; }
.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: 2.5%; }
.requirement label { display: block; color: #555; float: left; font-size: 16px; height: 46px; line-height: 46px; }
.requirement label i { color: #f00; font-style: normal; }
.requirement .input { margin-left: 95px; overflow: hidden; border: 1px solid #e4e4e4; border-radius: 5px; }
.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 .verify .input { margin-right: 90px; }
.requirement .code { float: right; padding: 8px 0; }
.requirement .code img { vertical-align: middle; width: 90px; height: auto; cursor: pointer; }
.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; }
/*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,
.msg-submit 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; }
/*msg-submit*/
.msg-submit .submit-content { padding-bottom: 20px; overflow: hidden; }
.msg-submit .submit-content .thumbnail { float: left; width: 234px; height: auto; padding-top: 20px; }
.msg-submit .submit-content form { float: left; width: 482px; }
.msg-submit .submit-content p { overflow: hidden; margin-top: 20px; }
.msg-submit .submit-content label { display: block; float: left; width: 80px; height: 34px; line-height: 34px; color: #666; }
.msg-submit .submit-content .text { background-color: #F5F5F5; border: 1px solid #ccc; width: 400px; height: 32px; }
.msg-submit .submit-content textarea { border: 1px solid #ccc; background-color: #f1f1f1; height: 120px; width: 400px; }
.msg-submit .submit-content .submit { background-color: #f60; padding: 5px 20px; border-radius: 5px; border: none; color: #fff; cursor: pointer; margin-left: 200px; }
/*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 .text { 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; }
.commentform .item { overflow: hidden; border: 1px solid #dedede; border-radius: 3px; margin-bottom: 15px; position: relative; }
.commentform label { display: block; color: #888; line-height: 34px; float: left; padding: 0 10px; font-size: 14px; }
.commentform label i { color: #f00; font-style: normal; }
.commentform .input { margin-left: 70px; overflow: hidden; border-left: 1px solid #dedede; }
.commentform .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; }
.commentform .verify .input { margin-right: 110px; }
.commentform .code { position: absolute; right: 0; top: 0; height: 100%; }
.commentform .code img { height: 100%; display: block; cursor: pointer; }
.commentform textarea.text { height: 120px; resize: vertical; }
.commentform .btn { clear: both; overflow: hidden; }
.commentform .btn span { background-color: #F2F2F2; color: #888; font-size: 0.75em; display: block; float: left; padding: 5px 15px; margin-bottom: 10px; }
.commentform .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; }
.commentform .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*/
.inner { width: 93.75%; }
/*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; }
}
@media only screen and (max-width:1200px) {
.msg-submit .submit-content .thumbnail { width: 31.283422%; }
.msg-submit .submit-content form { width: 64.438503%; }
.msg-submit .submit-content .text,
.msg-submit .submit-content textarea { width: 80%; }
}
@media only screen and (max-width:1024px) {
.msg-submit .submit-content .text,
.msg-submit .submit-content textarea { width: 97%; }
/*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; }
/*1024px*/
.slides,
.banner {margin-top: -3px;}
}
@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 .icon { background-position: center -18px; height: 18px; background-size: 18px auto; }
.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*/
.commentform .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 { padding: 3% 0 15%; }
.requirement h3 { font-size: 20px; padding-bottom: 10px; }
.requirement label { font-size: 14px; float: none; height: auto; line-height: 1.75em; margin-bottom: 5px; }
.requirement .input { margin-left: 0; }
.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:640px) {
.msg-submit .submit-content .submit { margin-left: 20%; }
}
@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;}
}
@media only screen and (max-width:360px) {
.msg-submit .submit-content p { margin-top: 10px; }
}