@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Frank+Ruhl+Libre:wght@400;500;600&Lato:wght@700&display=swap");
@import url("icofont/icofont.min.css");
@import url("animate-custom.css");
/*============reset===============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, iframe, figure, figcaption { margin: 0; padding: 0; font-size: 100%; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, construction, section, source, video, main { display: block; }
table, table td { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset, img { border: 0; vertical-align: bottom; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
a, del, ins { text-decoration: none; }
ol, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; /*white-space: pre-line;*/}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; border: 0; }
img {image-rendering:-webkit-optimize-contrast; /*fixd Chrome Img Blur*/-webkit-backface-visibility: hidden; -ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);}
/*============clear===============*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*============animate===============*/
a, .visible, .hidden, a:before, a:after, input, textarea, select, a i, a b, b:before, strong:before, .justified-gallery > a > .caption, .justified-gallery > a > .caption.caption-visible, .img-over-box:after, .img-box:after, .text-more em, .img-gray .img-box, .swiper-button-next, .swiper-button-prev,.swiper-pagination-bullet, .swiper-pagination-bullet:before, .subnav, .subnav div,.nav-toggle span ,.nav-toggle span:before ,.nav-toggle span:after, .content-navbar, .html-button{ -webkit-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; transition: all 250ms ease-in; }
.img-bg:after,.share-button, .bg-caption, .index-portfolio-list .swiper-slide .img-box{ -webkit-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; }
.transition-1s, .img-box img, .img-over-box img, .justified-gallery img, .img-list img{ -webkit-transition: -webkit-transform 1000ms ease-out !important; -o-transition: -o-transform 1000ms ease-out !important; -moz-transition: -moz-transform 1000ms ease-out !important; transition: transform 1000ms ease-out !important;}
img.img-hover{ -webkit-transition: all 500ms ease-in !important; -o-transition: all 500ms ease-in !important; -moz-transition: all 500ms ease-in !important; transition: all 500ms ease-in !important; }
.nav-toggle, .back-box,.full-box .img-box, #nav{ -webkit-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.transition-5s{ -webkit-transition: all 5000ms ease-out; -o-transition: all 5000ms ease-out; -moz-transition: all 5000ms ease-out; transition: all 5000ms ease-out;}
.computer .hover-zoom a:hover, .button-icon-text a:hover,.computer a:hover .img-box img, .computer .img-box a:hover img, .computer a:hover .img-over-box img, .computer .justified-gallery a:hover img, .computer .img-list a:hover img{-ms-transform: scale3d(1.1,1.1,1);-webkit-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1);-o-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.computer .hover-zoom2 a:hover, .back-button:hover{-ms-transform: scale3d(1.05,1.05,1);-webkit-transform: scale3d(1.05,1.05,1);-moz-transform: scale3d(1.05,1.05,1);-o-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.page a:hover, #submit:hover, #submitBtn:hover, #reset:hover, .hover-move a:hover, a.hover-move:hover, .underline a:hover, .button-text a:hover , a.button-text:hover, #nav a:hover, .category-list a:hover{-ms-transform: translate3d(2px,2px,0); -moz-transform: translate3d(2px,2px,0); -webkit-transform: translate3d(2px,2px,0); -o-transform: translate3d(2px,2px,0); transform: translate3d(2px,2px,0);}
.hover-move a, a.hover-move, .underline a{display: inline-block;max-width: 100%;}
.hover-move.block a, a.hover-move.block, .computer .hover-zoom a{display: block;}
.hidden { opacity: 0;opacity:1\9\0;}
.visible { opacity: 1; }
.fade { display: none; }
.pause{-ms-animation-play-state: paused; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;}
.running{-ms-animation-play-state:running; -moz-animation-play-state:running; -webkit-animation-play-state:running; -o-animation-play-state:running; animation-play-state:running;}
.notransition, .notransition:after { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}
.delay-1 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; }
.delay-2 { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s; }
.delay-3 { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; animation-delay: .9s; }
.delay-4 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay-5 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
/*.delay-list li{ opacity: 0;opacity:1\9\0; -webkit-animation: fadeInUp 0.9s 1;  animation: fadeInUp 0.9s 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.delay-long-list li{ opacity: 0;opacity:1\9\0; -webkit-animation: fadeInUp 1.5s 1;  animation: fadeInUp 1.5s 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}*/
.delay-list li:nth-child(12n+1), .delay-list > div:nth-child(12n+1) {-webkit-animation-delay: 0.2s;  animation-delay: 0.2s;}
.delay-list li:nth-child(12n+2), .delay-list > div:nth-child(12n+2) {-webkit-animation-delay: 0.4s;  animation-delay: 0.4s;}
.delay-list li:nth-child(12n+3), .delay-list > div:nth-child(12n+3) {-webkit-animation-delay: 0.6s;  animation-delay: 0.6s;}
.delay-list li:nth-child(12n+4), .delay-list > div:nth-child(12n+4) {-webkit-animation-delay: 0.8s;  animation-delay: 0.8s;}
.delay-list li:nth-child(12n+5), .delay-list > div:nth-child(12n+5) {-webkit-animation-delay: 1.0s;  animation-delay: 1.0s;}
.delay-list li:nth-child(12n+6), .delay-list > div:nth-child(12n+6) {-webkit-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay-list li:nth-child(12n+7), .delay-list > div:nth-child(12n+7) {-webkit-animation-delay: 1.4s;  animation-delay: 1.4s;}
.delay-list li:nth-child(12n+8), .delay-list > div:nth-child(12n+8) {-webkit-animation-delay: 1.6s;  animation-delay: 1.6s;}
.delay-list li:nth-child(12n+9), .delay-list > div:nth-child(12n+9) {-webkit-animation-delay: 1.8s;  animation-delay: 1.8s;}
.delay-list li:nth-child(12n+10), .delay-list > div:nth-child(12n+10) {-webkit-animation-delay: 2.0s;  animation-delay: 2.0s;}
.delay-list li:nth-child(12n+11), .delay-list > div:nth-child(12n+11) {-webkit-animation-delay: 2.2s;  animation-delay: 2.2s;}
.delay-list li:nth-child(12n+12), .delay-list > div:nth-child(12n+12) {-webkit-animation-delay: 2.4s;  animation-delay: 2.4s;}
.delay-long-list li:nth-child(6n+1) {-webkit-animation-delay: 0.1s;  animation-delay: 0.1s;}
.delay-long-list li:nth-child(6n+2) {-webkit-animation-delay: 0.5s;  animation-delay: 0.5s;}
.delay-long-list li:nth-child(6n+3) {-webkit-animation-delay: 1.0s;  animation-delay: 1.0s;}
.delay-long-list li:nth-child(6n+4) {-webkit-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay-long-list li:nth-child(6n+5) {-webkit-animation-delay: 2.0s;  animation-delay: 2.0s;}
.delay-long-list li:nth-child(6n+6) {-webkit-animation-delay: 2.5s;  animation-delay: 2.5s;}
.canvas-animation { position: absolute; width: 100%; height: 0; overflow: hidden; }
.canvas-animation canvas { display: block; position: absolute; width: 100%; height: 100%; top: 0;}
.canvas-animation img{ width:100%;}
.animation-group{position:relative;}
.animation-group img{position: absolute; width: 100%; height: 0;top:0;left: 0;}
.animation-group img:first-child{position: relative;}
.animation-group.img-box img:first-child{position: absolute;}
.particles { position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index: 0;}
/*============iframe===============*/
.iframe-16x9,.plyr__video-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.iframe-4x3 { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.iframe-16x9 iframe, .iframe-4x3 iframe, .plyr__video-embed iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*==============text-ver==================*/
.text-ver{ writing-mode: tb-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; white-space: nowrap;}
.text-hor { writing-mode: lr-tb; -ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb; -moz-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; }
/*============grids===============*/
.grid-large, .grid-middle, .grid-small, .grid-max, .grid-min, .grid { width: 85%; margin: 0 auto; position: relative; }
.grid-full{max-width: 100%;}
.grid-max { max-width: 1600px;}
.grid-large { max-width: 1440px;}
.grid-middle { max-width: 1200px;}
.grid-small { max-width: 800px;}
.grid-min { max-width: 600px;}
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-3-8, .grid-5-8, .grid-1-2,.grid-1-5,.grid-4-5,.grid-3-10,.grid-6-10 { float: left; display: block; position: relative; }
.grid-1-12, .flex-1-12 { width: 8.3%; }
.grid-2-12, .flex-2-12 { width: 16.6%; }
.grid-3-12, .flex-3-12 { width: 25%; }
.grid-4-12, .flex-4-12 { width: 33.3%; }
.grid-5-12, .flex-5-12 { width: 41.6%; }
.grid-6-12, .flex-6-12 { width: 50%; }
.grid-7-12, .flex-7-12 { width: 58.3%; }
.grid-8-12, .flex-8-12 { width: 66.6%; }
.grid-9-12, .flex-9-12 { width: 75%; }
.grid-10-12, .flex-10-12 { width: 83.3%; }
.grid-11-12, .flex-11-12 { width: 91.6%; }
.grid-3-8, .flex-3-8 { width: 38%; }
.grid-5-8, .flex-5-8 { width: 62%; }
.grid-1-5, .flex-1-5 { width: 20%; }
.grid-4-5, .flex-4-5 { width: 80%; }
.grid-1-2, .flex-1-2 { width: 47%; }
.grid-3-10, .flex-3-10 { width: 30%; }
.grid-6-10, .flex-6-10 { width: 60%; }
.grid-space-right,.grid-space-left,.grid-space-right-small,.grid-space-left-small{ box-sizing: border-box;}
.grid-space-right-small{padding-right: 3%;}
.grid-space-left-small{padding-left: 3%;}
.grid-space-right{padding-right: 6%;}
.grid-space-left{padding-left: 6%;}
.grid-right{ float: right;}
.flex-container, .flex-top, .flex-bottom, .flex-center, .flex-stretch, .flex-left, .flex-right, .flex-center-justify, .flex-between, .flex-around, .flex-evenly{display: flex;}
.flex-top{ align-items: flex-start;}
.flex-bottom{ align-items: flex-end;}
.flex-center{ align-items: center;}
.flex-stretch{ align-items: stretch;}
.flex-left{ justify-content: flex-start;}
.flex-right{ justify-content: flex-end;}
.flex-center-justify{ justify-content: center;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-evenly{justify-content: space-evenly;}
.flex-reverse, .flex-reverse-list .flex-center:nth-child(even){flex-direction:row-reverse;}
.flex-content{flex-shrink:1;text-align: center; box-sizing: border-box;padding: 0 6%;}
.flex-content .text-box{display: inline-block;text-align: left;}
.flex-content .text-box p{color: #333;}
.flex-reverse-list .flex-content{text-align: left;}
.flex-img{flex-shrink:0;}
@media screen and (max-width: 1400px) and (min-width: 1000px){
.flex-reverse-list .grid-item:nth-child(even) .flex-content{text-align: right;}
.flex-reverse-list .grid-item:nth-child(odd) .flex-content{padding-right: 0;}
.flex-reverse-list .grid-item:nth-child(even) .flex-content{padding-left: 0;}
}
/*============style===============*/
body{font-size: 1em; word-wrap: break-word; overflow-x: hidden; color: #333;background-color:#fffbf7;}
body.style-dark{background-color:#28211e;}
body:before{display:none;}
body.computer{background-attachment: fixed;}
p, .text0{ font-size: 1em; line-height:1.75em; letter-spacing: 0.1em; /*white-space: pre-line;*/}
p span, h1 span, h2 span, h3 span, li span, b span, em span, .inline-br, .text-break span, .text0 span{ display: inline-block;max-width: 100%; }
.text-break span{margin-right: 0.2em;}
::selection { background: #9f8268; color: #fff;}
a { color: #333; }
a:hover { color: #9f8268;}
p a{ color: #333; text-decoration:underline; }
p a:hover {background: #9f8268; color: #fff; text-decoration:none; }
strong { font-weight: bold; }
em, i { font-style: normal; }
big { font-size: 1.125em; }
small { font-size: 0.9375em; }
h1,h2,h3,h4, h5, h6 { font-size: 1em;}
body, .body-font, .justified-gallery > a > .caption, .html-edit strong, .html-edit em{ font-family:Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif; }
.text-font, h1, h2, h3, h4, strong, form, select, .category-list, .add-info b, .add-info2 b, .number-list > li:before, .page, #nav li > a, .header-info, .subtitle-box p, .button-icon, .button-text-icon, .swiper-pagination-fraction, .message_form, .community-list, .info-list .dot-list, .html-edit h1, .html-edit h2, .html-edit h3, .html-title1, .html-title2, .html-title3, .html-button{ font-family:"Noto Serif TC", Times,"Times New Roman", "儷宋 Pro", "LiSong Pro Light", "宋体", SimSun, serif;font-weight: 600;}
.en-font, em, .page{font-family: "Frank Ruhl Libre", "Noto Serif TC", Times,"Times New Roman", "儷宋 Pro", "LiSong Pro Light", "宋体", SimSun, serif;font-weight:500;
 letter-spacing: -0.05em;}
.en-font2, .text-date, .text-year-month, .text-number, .table-list tbody td:first-child{font-family: "Frank Ruhl Libre", "Noto Serif TC", Times,"Times New Roman", "儷宋 Pro", "LiSong Pro Light", "宋体", SimSun, serif;font-weight:500;}
.title1,.title2,.title3,.title4{display: block;line-height: 1.3em;letter-spacing: 0.05em;/*white-space: pre-line;*/}
.title5,.title6{display: block;line-height: 1.4em;letter-spacing: 0.05em;/*white-space: pre-line;*/}
.title1{font-size: 2.25em;} 
.title2{font-size: 2em;}
.title3{font-size: 1.75em;}
.title4{font-size: 1.5em;}
.title5{font-size: 1.25em;}
.title6{font-size: 1.125em;}
.text1 {font-size: 1em;line-height: 1.75em;letter-spacing: 0.05em;margin-right: -0.05em;/*white-space: pre-line;*/}
.text-small{ font-size:0.9375em;line-height: 1.75em;}
.text-small2{ font-size:0.9375em;line-height: 1em;letter-spacing: 0.05em;margin-bottom: 0.3em;}
.text-small3{display: block;font-size:0.875em;line-height: 1.5em;letter-spacing: 0.2em;}
.title-en1 {display: block;font-size: 4.375em; line-height: 0.9em;}
.text-line-height {line-height: 1.6em;}
.text-spacing-normal{letter-spacing:0em;}
.text-spacing-big{letter-spacing:0.2em;}
.text-block{display:block;}
.text-normal{font-weight: normal;}
.color-white { color: #fff; }
.color-black {color: #000;}
.color1 { color: #333;}
.color2 { color: #555;}
.color3 { color: #9f8268;}
.color4 { color: #28211e;}
.color-line{color:#9f8268;}
.line-spacing p{margin-bottom: 20px;}
.paragraph p,.paragraph ul,.paragraph ol{margin-bottom: 10px;}
.list-disc li { list-style-type: disc; }
.list-decimal li { list-style-type: decimal; }
.list-decimal li, .list-disc li { margin-left: 25px; }
.nowrap, .footer-nav .subnav a, .community-list a, .store-list strong, .store-list h2, .index-news-list .text-box h2, .index-news-list .text-box h3, .index-portfolio-list .text-box h2, .index-portfolio-list .text-box h3, .portfolio-list .text-box h2, .portfolio-list .text-box h3{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;display: block; }
.offscreen{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.text-justify,.line-spacing p{text-align:justify;}
.align-left{ float: left;}
.align-right{ float: right;}
.align-center{ margin: 0 auto;}
.text-bold{ font-weight: bold;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align:center;}
.text-top{margin-top:10px;}
.text-bottom{margin-bottom:10px;}
.text-top2{margin-top:20px;}
.text-bottom2{margin-bottom:20px;}
.text-top3{margin-top:30px;}
.text-bottom3{ margin-bottom: 30px;}
.box-top{margin-top:40px;}
.box-bottom{ margin-bottom: 40px;}
.box-top2{margin-top:50px;}
.box-bottom2{ margin-bottom: 50px;}
.box-top3{margin-top:60px;}
.box-bottom3{ margin-bottom: 60px;}
.section-bottom{ margin-bottom: 120px;}
.no-top{margin-top:0!important;}
.no-bottom{margin-bottom:0!important;}
.text-underline{text-decoration: underline; text-decoration-color: #d5c3b5;color:#333;}
.title-underline span{display: inline-block;line-height: 1.1em;border-bottom: solid 1px #d5c3b5;}
.text-line-right span{display: inline-block;position: relative; margin-right: 10px;padding-right: 10px;}
.text-line-right span:after {content: "";display: block;position: absolute;right: 0; top: 50%; margin-top: -0.5em;width: 1px;height: 1em;background: #d5c3b5;}
.text-line-horizontal{position: relative; display: inline-block;}
.text-line-horizontal:after {content: "";display: block;position: absolute;left: 100%; top: 50%;width: 1500px;height:1px;background: #d5c3b5;margin-left: 8px;}
/*============base===============*/
body, html { height: 100%; }
.wrapper { min-height: 100%; width: 100%; position: relative; overflow: hidden; }
.main { position: relative; width: 100%;z-index:1;/*overflow: hidden;*/ }
#footer { position: relative; width: 100%; z-index: 9; min-height: 460px;}
.wrapper .main{ padding-bottom: 460px;}
.wrapper+#footer{ margin-top: -460px;}
/*============nav===============*/
.logo { position:absolute; display: block; width: 180px; height: auto;top: 20px; left:2%; z-index: 11;}
.logo:before{content: ""; position: relative;display: block; width: 100%;height: 0; padding-bottom: 35.3%; background-image:url("../images/logo.png"); background-position: center center;background-repeat: no-repeat; background-size: contain;image-rendering:-webkit-optimize-contrast;}
/*#header{ position:fixed; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; top: 0px; left: 0px; z-index: 10;width:100%;box-sizing: border-box;padding: 20px 2%;height: 80px;}
body.sticky-page #header{height: 0;padding-top: 0; padding-bottom: 0;}
body.sticky-page #header{z-index: 12;-moz-box-shadow:0px 1px 15px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 15px rgba(0,0,0,.1); box-shadow: 0px 1px 15px rgba(0,0,0,.1);}
body.sticky-page #header{height: 70px;padding-top: 15px;padding-bottom: 15px;}
body.active #header{height: 100%;background:transparent;}
#header{ position:fixed;}*/
#nav{position: fixed; z-index: 101;box-sizing: border-box;font-size: 0; padding: 100px 60px; display:inline-block;max-width: 100%;height: 100%; top: 0;right: 0;margin-right: -600px;overflow: auto; background-image: -webkit-linear-gradient( to right, rgba(197,162,123,.8) 0%, rgba(197,162,123,1) 20%); background-image: -moz-linear-gradient( to right, rgba(197,162,123,.8) 0%, rgba(197,162,123,1) 20%); background-image: -o-linear-gradient( to right, rgba(197,162,123,.8) 0%, rgba(197,162,123,1) 20%); background-image: linear-gradient( to right, rgba(197,162,123,.8) 0%, rgba(197,162,123,1) 20%);}
body.active #nav{ margin-right: 0;}

#nav a{position: relative; color: #000;}
#nav li {position: relative; display: block; /*white-space: nowrap;*/margin-bottom: 15px;overflow: hidden;}
#nav li > a{ display:inline-block;float: left;clear: both;}
#nav li strong{position: relative;padding-top: 15px;font-size: 20px;letter-spacing: 0.1em; line-height: 36px;margin-right: 3px;}
#nav li em{font-size: 12px;line-height: 12px;}
#nav li.active > a{border-bottom: double 3px #604f3b;z-index: 1;}
#nav .subnav div{ position:relative; display:inline-block;border-bottom: solid 1px #a28565;border-top: solid 1px #a28565;margin-left: -5px;margin-right: -5px;float: left;clear: both;}
#nav .subnav div a{ display:inline-block;font-size: 16px;line-height:34px; height: 34px;padding: 0 5px;opacity: .7;}
#nav .subnav div a.active, #nav .subnav div a:hover{opacity: 1;}
#nav .subnav div a.active{border-bottom: solid 1px #604f3b;margin-bottom: -1px;}

.nav-toggle{position:fixed;display:block; right:2%; top:30px; width: 38px; height: 40px;padding: 5px 7px; z-index:100; cursor:pointer; }
.nav-toggle span ,.nav-toggle span:before ,.nav-toggle span:after{ display:block; width:100%;}
.nav-toggle span{ position:relative; top:50%; background:#fff; height:2px;}
.nav-toggle span:before ,.nav-toggle span:after{ content:""; position:absolute; border-bottom: solid 2px #fff; border-top: solid 2px #fff; height:3px;}
.nav-toggle span:before{ top:-.6em;}
.nav-toggle span:after{ bottom:-.6em; }
body.active .nav-toggle span{ background:none !important; transition:background .2s;}
body.active .nav-toggle span:before{ top:0; transform:rotate(135deg); transition:top .2s .1s,transform .2s .6s;}
body.active .nav-toggle span:after{ bottom:0; transform:rotate(225deg);  transition:bottom .2s .1s,transform .2s .6s;}
body.active .nav-toggle span:before, body.active .nav-toggle span:after{ height:0;border-bottom: solid 1px #8a7156 !important; border-top: solid 1px #8a7156 !important;}
/*#header .button-icon{display: none; position: absolute; right: 2%; top: 13px;margin-right: 60px; font-size: 12px;height: 50px;z-index: 21;}
.content-page #header .button-icon{display: block;}*/
body.sticky-page .nav-toggle{background: #9f8268;top:15px;}
body.active .nav-toggle{background:#c5a27b;z-index: 102;}
body.sticky-page.style-dark .nav-toggle span{background:#28211e;}
body.sticky-page.style-dark .nav-toggle span:before, body.sticky-page.style-dark .nav-toggle span:after{border-bottom: solid 2px #28211e; border-top: solid 2px #28211e;}
/*body.sticky-page #header .button-icon{top: 8px;}
body.sticky-page .nav-toggle{ top:5px;}*/
.header-icon{margin-top: 15px;}
.header-info{position: absolute;bottom: 30px;left: 0;padding-top: 15px;margin: 0 60px; border-top: solid 1px #a28565;font-size: 16px;}
.header-info b{display: block;line-height: 22px; padding: 5px 0;}
.header-info .text-tel{font-size: 1.25em;}
.header-info a{display: block;}

body.content-page .logo{ position:fixed;}

@media screen and (max-width: 1200px) , (max-height: 800px){
.logo {width: 150px;top: 15px;}
.nav-toggle {top: 15px;}
body.sticky-page .nav-toggle{top:5px;}
}
@media screen and (max-width: 500px) {
body.active{overflow: hidden;}
#nav{width: 100%;background:#c5a27b;padding-left: 7%;padding-right: 7%;}
.header-info {margin: 0 7%;}
/*body.active .wrapper, body.active .main, body.active #footer, body.active .logo{ -webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);}*/
}
@media screen and (max-height: 780px) {
.header-info{border-top:none;}
}
@media screen and (max-height: 700px) {
body.active{overflow: hidden;}
#nav{padding-top: 60px;padding-bottom:30px;}
#nav li { margin-bottom: 10px;}
.header-info { position: relative;bottom:auto;left:auto;margin:0;}
}
/*============footer===============*/
#footer{text-align: center;background: #c5a27b; color:#000;z-index:100;}
#footer a{color:#000;}
.footer-grid{padding: 70px 0 10px 0;width: 92%;margin: 0 auto;overflow: hidden;}
.footer-nav{position: relative;display: flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:stretch;width: 102%;}
.footer-nav > li{display: inline-block;width: 12.5%;max-width: 180px; margin-bottom: 40px;vertical-align: text-top;border-right:solid 1px #b99874;}
.footer-nav > li:first-child{margin-left: -4%;}
.footer-nav > li:last-child{border-right:none;}
.footer-nav strong{position: relative; display: block; font-size: 20px; line-height: 28px;}
.footer-nav em{ display: block;font-size:12px; letter-spacing: 0.2em;margin-right: -0.2em;margin-bottom: 15px;}
.footer-nav li > a{display: block;}
.footer-nav .subnav{width: 90%;margin-left: 5%;}
.footer-nav .subnav a{position: relative; display: block;font-size: 16px;line-height: 16px; letter-spacing: 0.05em;margin-right: -0.05em; padding:10px 0;opacity: .7;}
.footer-nav .subnav a:hover{opacity:1;}
.footer-nav .subnav + a{margin-top: 20px;}
li.footer-info{box-sizing: border-box;width: auto;max-width: 21%;text-align: left;padding-left: 2.5%; }
.footer-info ul{max-width: 400px;width:100%;}
.footer-info li{position: relative; display:block; font-size: 16px;}
.footer-info b{display:block; line-height: 25px;padding-bottom: 15px;}
.footer-info small{display:block;font-size: 15px; color:#614f3a;letter-spacing: 0.1em;}
.footer-info .text-tel{font-size: 1.125em;}
.footer-copyright {margin-top: 30px; font-size: 12px; line-height: 22px; opacity: .6;}
.footer-copyright a:hover{text-decoration: underline;}
.footer-copyright span{display: inline-block; }
li.footer-icon{ margin-top: 10px;}
.header-icon a, .footer-icon a{position:relative;min-width:45px;height: 45px;line-height: 45px;float: left;display:block; text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.header-icon i, .footer-icon i{font-size: 30px;line-height: 45px;}
/*.footer-icon a.social-facebook:hover{ background-color:#3b5998;}
.footer-icon a.social-line:hover{background-color:#00b900;}
.footer-icon a.social-youtube:hover{background-color:#f70000;}
.footer-icon a.social-instagram:hover{background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }*/

.button-top{position:absolute; display:block;bottom:0; right:1%; font-size: 12px;line-height: 20px;width: 20px;padding: 0 10px 48px 10px; white-space: nowrap;text-align: center; z-index:1;opacity: 0;}
.button-top:before{content: "";position: absolute;display: block; bottom:0;left: 0;width: 100%;height: 38px;background:url("../images/icon-top.png") no-repeat center center;background-size: contain;image-rendering:-webkit-optimize-contrast;}
.button-top:hover{bottom:5px;}
.button-top.active{z-index:2; opacity: 1;}
/*============html-edit===============*/
.html-edit {position: relative; line-height:1.75em; letter-spacing: 0.1em;font-size:16px; /*text-align:justify;*/}
.html-edit a{ text-decoration:underline;}
.html-edit a:hover { text-decoration:none;}
.html-edit img { max-width: 100%; height:auto !important; }
.html-edit li { list-style: outside; margin-left: 30px; }
.html-edit ul li { list-style-type: disc; }
.html-edit ol li { list-style-type: decimal; }
.html-edit iframe{ width: 100%; max-width: 100%;}
.html-edit h1, .html-title1{font-size: 1.5em;}
.html-edit h2, .html-title2{font-size: 1.25em;}
.html-edit h3, .html-title3{font-size: 1.125em;}
.html-edit h1, .html-edit h2, .html-edit h3, .html-title1, .html-title2, .html-title3{display: block; color: #9f8268;margin-bottom: 7px;font-weight: bold;letter-spacing: 0; line-height: 1.3em;}
.html-edit strong{color: #9f8268;}
.html-button a, a.html-button, .html-edit a .html-button{position: relative; display:inline-block; padding:10px 20px;background-color: #9f8268; border-radius: 3px;color: #fff;text-decoration: none;margin: 5px 0;}
.html-button a:hover ,a.html-button:hover, .html-edit a:hover .html-button{background-color:#957559;-ms-transform: scale3d(1.05,1.05,1);-webkit-transform: scale3d(1.05,1.05,1);-moz-transform: scale3d(1.05,1.05,1);-o-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1); }
/*============googlemaps===============*/
.googlemaps{/*width:100%; */height:500px; position:relative;}
.googlemaps iframe{width: 100%; height: 100%;}
/*============load===============*/
.main{opacity: 0;opacity:1\9\0;-webkit-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }
body.loading-complete .main{opacity: 1;}
.loading-content:before{content: "";position: absolute;z-index: 1;display: block;width: 100%;height: 50px;top:200px;left: 0;background: url("../images/loader.gif") no-repeat center center;}
.loading-content .page:before, .loading-content .title-box:before{content: "";position: absolute;z-index: 1;display: block;width: 100%;height: 100%; }
.loading-content .page, .loading-content .category-list, .loading-content .select-category{opacity: .7;}
/*============main===============*/
.full-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background-position: center center; background-size: cover; }
.img-bg{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: 0; background-position: center center; background-repeat: no-repeat;background-size: auto; background-color: #28211e;background-image: url(../images/loader.gif);}
/*.img-bg:before{content: "";display: block;position: absolute;width: 500px;max-width: 100%;height: 100%;right: 0;top:0;z-index: 1; background-image: -webkit-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: -moz-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: -o-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0));}*/
.img-bg:after{content: "";display: block;position: absolute;width:100%;height:100%;left:0;top:0;z-index: 1;opacity: 0; background-position: center center; background-size: cover;background-repeat: no-repeat;}
.full-box.img-bg:after{z-index: -1;}
.sticky-content .full-box.img-bg:after{z-index: 1;}
.sticky-content .full-box .video-full{opacity: 0;}
.computer .img-bg:after, .computer .grid-container{background-attachment: fixed;}
.sticky-content .img-bg:after{opacity:1; }
/*.sticky-head .img-bg:after{opacity:0; }*/
/*.content-page .header-container .full-box{background: url("../images/loader.gif") no-repeat center center;}*/
.img-bg .img-box, .full-box .img-box, .full-box .img-box-mobile{ position: relative; top: 0; left: 0; height: 100%; width: 100%; background-position: center center; background-size: cover; opacity: 0;opacity:1\9\0; image-rendering:-webkit-optimize-contrast;}
.header-ratio .full-box .img-box-mobile{height: 0;padding-bottom: 56.25%;}
.sticky-page .img-bg .img-box, .sticky-page .full-box .img-box, .sticky-page .full-box .img-box-mobile{opacity: 1;}
.header-box{position: relative; box-sizing: border-box;height: 100vh; width: 100%;overflow: hidden;display: flex;align-items: center; justify-content: center;text-align: center; }
.header-container{position: relative; display: block; box-sizing: border-box; min-height: 100vh;}
@media screen and (orientation:landscape){ 
.full-box .img-box-mobile{display: none;background-image: none !important;}
}
@media screen and (orientation:portrait){ 
.full-box .img-box{display: none; background-image:none!important;} 
.header-ratio .img-bg{position: absolute;}
.header-ratio .header-container{min-height:auto;padding-bottom:56.25%;margin-top: 80px;overflow: hidden;}
.header-ratio .header-container ~ .wrapper .content-main{padding-top: 0;}
}
.title-box{position: relative; margin-bottom: 70px;text-align: center;overflow: hidden;}
.main .title-box em{color:#9f8268;}
.title-en{display: block;font-size: 3.125em; line-height: 1em; margin-bottom:0.2em;}
.title-text{font-size:1.5em; line-height: 1.5em;letter-spacing: 1em;margin-right: -1em;/*display: inline-block;*/}
.title-box p{font-weight: normal;margin-bottom: 15px;font-size:16px;}
.grid-container .title-box p{color: #555;}
.title-box p:last-of-type{margin-bottom: 0;}
.title-text + h2{position: relative;padding-top:40px;margin-top: 40px;}
.title-text + h2:before{content: ""; position: absolute;top:0;left: 50%;margin-left: -20px; width: 40px;height: 1px;border-top:solid 2px #fff;border-bottom:solid 1px #fff;}
.header-box .title-box{display: inline-block;max-width: 90%;color: #fff;margin-bottom: 0;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.5); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.5); text-shadow: 1px 1px 10px rgba(0,0,0,.5);}
.subtitle-box{position: relative; margin-bottom: 70px;text-align: center;}
.subtitle-box h2{font-size: 2.25em;line-height: 1.3em; margin-bottom: 10px;}
.subtitle-box em{display: block;font-size: 1.125em; line-height: 1.4em;letter-spacing: 0.1em;margin-right: 0.1em; color:#9f8268;}
.subtitle-box em.spacing-big{letter-spacing:0.6em;margin-right: -0.6em;}

.grid-container{position: relative; box-sizing: border-box; padding: 100px 0 120px 0;margin-right: 4%;width: 92%; margin-left:4%; background-color:#fffbf7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-position: center center;background-size: cover;background-repeat: no-repeat;/*overflow: hidden;*/}
.section-box{position: relative; padding-top: 100px;padding-bottom: 110px;background-color:#fffbf7;}
.style-layout1 .main{margin-top: -40vh;} 
.style-layout2 .main{margin-top: calc(-100vh  + 150px);}
.style-layout2 .grid-container{padding: 90px 60px;margin-right: auto; margin-left:auto;margin-bottom: 100px;}
.style-layout2 .main .bg-caption{display:none;}
.style-layout3 .grid-container, .content-page .grid-container{width:100%; margin-right: auto; margin-left:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.style-layout3 .header-box{min-height: 600px;}
.bg-caption{position: absolute;top:0;right: 0;width: 100%;margin-top: -40px;font-size: 0.875em; letter-spacing: 0.1em; text-align: right; color:#fff;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.6); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.6); text-shadow: 1px 1px 10px rgba(0,0,0,.6); }
.img-bg .bg-caption{top:auto;bottom: 20px;right: 20px; margin-top: 0;}
.sticky-page .img-bg .bg-caption{opacity: 0;}
.sticky-content .bg-caption{opacity: 0;}
.content-page .content-main{padding-top: 110px;}
.content-page .header-container ~ .main{padding-top: 0;}
.content-page .img-bg:after{background-color:rgba(40,33,30,.95);}
.content-page .header-container ~ .main .sidebar-box{ background-color: transparent;background-image: none;}
.content-navbar{position: fixed; top:0; left: 0; box-sizing: border-box; padding: 30px 2% 30px 2%;/* height: 110px; */width: 100%;background-position: center top;background-size: cover;background-repeat: no-repeat;background-color: #28211e;z-index: 2;}
.content-navbar, .content-navbar a, body.sticky-page .content-navbar, body.sticky-page .content-navbar a{color: #9f8268;}
body.sticky-page .content-navbar{background-color: #28211e;background-image:none;}
.content-name{float:left;margin-left: 190px;}
.content-name em{display: block;}
.content-name strong{font-size: 1.125em;letter-spacing: 0.6em;}
.content-navbar .button-icon{float: right;margin-right:65px;}
body.sticky-page .content-navbar{padding-top: 15px;padding-bottom: 15px;}
body.sticky-page.content-page .nav-toggle {background:transparent;}
.content-page .nav-toggle span, body.sticky-page.content-page .nav-toggle span{background:#9f8268;}
.content-page .nav-toggle span:before, .content-page .nav-toggle span:after, body.sticky-page.content-page .nav-toggle span:before, body.sticky-page.content-page .nav-toggle span:after{border-bottom: solid 2px #9f8268; border-top: solid 2px #9f8268;}
body.sticky-page.content-page .logo{top:5px;}
.content-page .logo:before, body.sticky-page.content-page .logo:before{background-image:url("../images/logo2.png");}
.header-container ~ .content-navbar{background-color:transparent;color: #fff;background-image: -webkit-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0))!important; background-image: -moz-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0))!important; background-image: -o-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0))!important; background-image: linear-gradient( to bottom, rgba(0,0,0,.2), rgba(0,0,0,0)) !important;}
.header-container ~ .content-navbar a{color: #fff;}
.have-header .logo:before{background-image:url("../images/logo.png");}
.have-header .nav-toggle span{background:#fff;}
.have-header .nav-toggle span:before, .have-header .nav-toggle span:after{border-bottom: solid 2px #fff; border-top: solid 2px #fff;}

.text-box{ position:relative; box-sizing: border-box;}
.text-date{ display:block;font-size: 1em;line-height:1.2em;letter-spacing: 0.075em; /*white-space: pre-line;*/ text-transform: uppercase;}
.text-year-month{font-size: 1.875em;line-height: 0.9em; display: block; /*white-space: pre-line;*/text-transform: uppercase;}
.text-number{display: block;font-size:2em;line-height: 1em; /*white-space: pre-line;*/}
.text-number.small{font-size:1.5em;}
.text-number.big{font-size:2.8em;}
.text-more{display: inline-block;padding: 10px 0;}
.text-more em{font-size: 12px;line-height: 20px;letter-spacing: 0.2em; font-weight: 400; border-bottom: solid 1px #fff; border-top: solid 1px #fff;}
.text-more:hover em, a:hover .text-more em{letter-spacing: 0.4em;}
.text-line-left{position: relative;padding-left:1.5em;}
.text-line-left:before,.text-line-left:after{content: "";position: absolute;top:0;height: 100%;width: 1px; border-left: double 3px #9f8268;}
.text-line-left:before{left:0;border-right: double 3px #9f8268;}
.text-line-left:after{left:8px;}
.content-title .text-line-left{float: left;margin-top:6px;font-size: 1.2em; color:#9f8268;}
.content-title .text-line-left ~ .text-box{padding-left:7.5em;}
.content-title .text-year-month{float: left;font-size: 2.2em;color:#9f8268;}
.content-title .text-year-month ~ .text-box{padding-left:6em;}
.content-title .text-year-month:empty ~ .text-box{padding-left: 0;}
.content-title.text-line-left{overflow: hidden;}
.content-title h1{margin-top: -0.15em;}
.content-title h2{margin-top: -0.15em;}
.content-title h1+h2{margin-top: 0.05em;}
.bg-dark .content-title .text-year-month{color:#fff;}
.bg-dark .text-line-left:before, .bg-dark .text-line-left:after{width: 2px;border-left: double 4px #fff;}
.bg-dark .text-line-left:before{border-right: double 4px #fff;}
.bg-dark .text-line-left:after{left:12px;}
.bg-dark .text-line-left{padding-left: 1.7em;}

.grid-item{ position:relative; box-sizing: border-box;}
.grid-item p, .swiper-slide p{font-size:16px;}
.grid-item .img-box, .grid-item .img-over-box{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.item-list, .item-list-2, .item-list-3, .item-list-4, .item-list-5{position: relative; margin-bottom: -50px;overflow: hidden;}
.item-list .grid-item, .item-list .flex-center, .item-list-2 .grid-item, .item-list-3 .grid-item, .item-list-4 .grid-item, .item-list-5 .grid-item{margin-bottom: 50px;}
.item-list-2{width:104%;}
.item-list-2 .grid-item{ width:46%; margin-right: 4%; float:left;}
.item-list-3{width:104%;;}
.item-list-3 .grid-item{ width:29.3%; margin-right: 4%; float:left;}
.item-list-4{width:103%;}
.item-list-4 .grid-item{ width:22%; margin-right: 3%; float:left;}
.item-list-5{width:103%;}
.item-list-5 .grid-item{ width:17%; margin-right: 3%; float:left;}

.text-inside .grid-item{z-index: 1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.text-inside .grid-item a{overflow: hidden; display: block;position: relative;}
.text-inside .img-box:before{content: "";display: block;position: absolute;width:100%;height: 100%;right: 0;top:0;z-index: 1; background-image: -webkit-linear-gradient( 135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 50%); background-image: -moz-linear-gradient( 135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 50%); background-image: -o-linear-gradient( 135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 50%); background-image: linear-gradient( 135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 50%);}
.text-inside .text-box{position: absolute;top: 5%;left:5%;width: 95%; z-index: 1;color:#fff; -moz-text-shadow:1px 1px 10px rgba(255,255,255,.5); -webkit-text-shadow:1px 1px 10px rgba(255,255,255,.5); text-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.text-inside .text-box:before, .text-inside .text-box:after{content: "";position: absolute;top:100%;margin-top: 12px; height: 500px;width: 2px; border-left: double 4px rgba(255,255,255,.5);}
.text-inside .text-box:before{left:0;border-right: double 4px rgba(255,255,255,.5);}
.text-inside .text-box:after, .text-inside .grid-item:after{margin-left:12px;}
.text-inside .grid-item:before, .text-inside .grid-item:after{content: "";position: absolute;top:100%; height: 50px;width: 2px; border-left: double 4px #e2d6cc;left:5%;z-index: 2;}
.text-inside .grid-item:before{border-right: double 4px #e2d6cc;}
.bg-dark .text-inside .grid-item:before, .bg-dark .text-inside .grid-item:after{ border-left: double 4px #4b3e34;left:5%;z-index: 2;}
.bg-dark .text-inside .grid-item:before{border-right: double 4px #4b3e34;}
.text-inside.item-list-4 .grid-item:last-of-type, .text-inside.item-list-3 .grid-item:last-of-type{overflow: hidden;}
@media screen and (min-width: 1401px) {
.text-inside.item-list-4 .grid-item:nth-last-of-type(4), .text-inside.item-list-4 .grid-item:nth-last-of-type(3),.text-inside.item-list-4 .grid-item:nth-last-of-type(2){overflow: hidden;}
.text-inside.item-list-3 .grid-item:nth-last-of-type(3),.text-inside.item-list-3 .grid-item:nth-last-of-type(2){overflow: hidden;}
}

.icon-new h3:after, .icon-hot h3:after{content: "NEW"; display: inline-block; color:#fff; background:#9f8268; font-size:12px;line-height: 18px;height: 20px;letter-spacing: 0; margin-left:2px;padding: 0 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;vertical-align: text-bottom;-ms-transform: scale3d(.9,.9,.9);-webkit-transform: scale3d(.9,.9,.9);-moz-transform: scale3d(.9,.9,.9);-o-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
.icon-hot h3:after{content: "HOT";background:#b92c2c;} 
.bg-dark .icon-new h3:after, .bg-dark .icon-hot h3:after{color: #000;}
.info-list{position: relative;display: block;color:#9f8268;width: 102%;text-align: left;}
.info-list a{color:#9f8268 !important;}
.info-list div{position: relative;display: block;letter-spacing: 0.05em;line-height: 1.5em;min-height: 45px;float: left;width: 48%;border-top: double 3px rgba(159,130,104,.5);margin-right: 2%;}
.info-list dd{display: block;max-width: 100%;box-sizing: border-box;padding: 10px 0 10px 100px;}
.info-list div:nth-last-of-type(2), .info-list div:last-of-type{border-bottom: double 3px rgba(159,130,104,.5);}
.info-list div.info-feature:nth-last-of-type(2){border-bottom:none;}
.info-list dt{position:absolute; top:10px;left: 0;font-size: 1em;border-right:solid 1px rgba(159,130,104,.5);padding-right:15px;}
.info-list dt.style2{letter-spacing: 0.13em;}
.info-list div.info-feature{width: 98%;}
.info-list .info-feature dt {top:-12px;border-right: none;background-color:#fffbf7;}
.info-list .info-feature dd{padding: 25px 0 15px 0;}
.info-list .dot-list{color: #333;font-size: 1.125em;line-height: 1.4em;}
.dot-list li{position: relative;box-sizing: border-box; margin-bottom: 5px;padding-left: 1.3em;}
.dot-list li:before{content:"\f000";position: absolute;display: block; left: 0;top: 4px;}
.list-style-none:before{display: none;}

.table-list{width: 100%;color:#9f8268;line-height: 1.4em; letter-spacing: 0.05em;border-top: double 3px rgba(159,130,104,.5);}
.table-list tr{border-bottom: double 3px rgba(159,130,104,.5);}
.table-list thead tr{background-color: #9f8268; color:#28211e;}
.table-list td, .table-list th{padding: 0.8em 0.5em;}
.table-list thead.sticky, .table-list thead.sticky+tbody{display: inline-table;width: 100%;}
.table-list td:first-child, .table-list th:first-child, .table-list td:nth-child(4), .table-list th:nth-child(4), .table-list td:last-child, .table-list th:last-child{width: 10%;}
.table-list td:nth-child(2), .table-list th:nth-child(2), .table-list td:nth-child(3), .table-list th:nth-child(3), .table-list td:nth-child(5), .table-list th:nth-child(5){width: 15%;}
.table-list td:nth-child(6), .table-list th:nth-child(6){width: 25%;}

@media screen and (max-width: 800px){    
.table-list td, .table-list th {padding: 0.5em 0.5em;}
#portfolio-table{width: 100%;padding-bottom: 0;}
#portfolio-table .title-box { margin-bottom: 30px;}
.table-box{overflow-x: auto;}
.table-box:before, .table-box:after{content:"";position: absolute; display: block;top:0;width: 30px;height: 100%; z-index: 1; }
.table-box:before{left:0; background-image: -webkit-linear-gradient( to right, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: -moz-linear-gradient( to right, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: -o-linear-gradient( to right, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: linear-gradient( to right, rgba(40,33,30,1), rgba(40,33,30,0));}
.table-box:after{right:0; background-image: -webkit-linear-gradient( to left, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: -moz-linear-gradient( to left, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: -o-linear-gradient( to left, rgba(40,33,30,1), rgba(40,33,30,0)); background-image: linear-gradient( to left, rgba(40,33,30,1), rgba(40,33,30,0));}
.table-list{min-width: 800px;margin: 0 30px;}
.table-list thead, .table-list tbody{ display: block;}
.table-list tbody{ height: calc(100vh - 270px);  overflow-x: hidden;overflow-y: auto;}
.fancybox-content .table-list tbody{ height: calc(100vh - 220px);}
}

.bg-light{background-color: #fffbf7;}
.bg-dark{/*background-color: #28211e;*/background-color: rgba(40,33,30,.97); color:#fff;}
.bg-dark a{ color:#fff;}
.img-caption{ position:absolute; display:block; bottom:15px; font-size: 0.9375em; line-height: 1.4em; color:#fff; z-index:1; left:0; padding: 0 15px; width: 100%; box-sizing: border-box; text-align:right;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.6); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.6); text-shadow: 1px 1px 10px rgba(0,0,0,.6); }
.img-box,.img-over-box{ position:relative; display: block; overflow:hidden; }
.img-box{background-position: center center; background-repeat: no-repeat; background-size:cover; }
.img-ratio56{padding-bottom:56.25%; }
.img-ratio66{padding-bottom:66%; }
.img-ratio150{padding-bottom:150%; }
.img-over-box img{ width:100%; height:auto;}
.img-box img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width:100%; height:100%;}
a .img-hover{opacity: 0;}
a:hover .img-hover{opacity: 1;}
.img-box.height img{ width:auto; height:100%; }
a.video .img-box:before, a.video .img-over-box:before, .justified-gallery .video:before,.swiper-slide a.video:before{ content:""; background: url(../images/icon-video.png) center center no-repeat; position:absolute; display:block; height:100%; width:100%; z-index:1;}
.back-box{ position: absolute; display: block; top:0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; z-index:1; background:rgba(45,103,45,.5);padding: 10% 7%; box-sizing: border-box;}
a:hover .back-box, .back-box.active{ color: #fff; filter: alpha(opacity=100); opacity: 1;}
.img-gray .img-box{;-webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); filter: gray;}
.img-gray a:hover .img-box{webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}
.img-mask-bottom .img-box:before{content: "";display: block;position: absolute;width:100%;height: 100%;right: 0;bottom:0;z-index: 1; background-image: -webkit-linear-gradient( to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%); background-image: -moz-linear-gradient( to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%); background-image: -o-linear-gradient( to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%); background-image: linear-gradient( to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%);}

.img-1-2,.img-1-3,.img-2-3,.img-2-5,.img-3-5,.img-3-7,.img-4-7{float: left;display: block;position:relative; box-sizing: border-box;}
.img-margin{margin-left: -3px;margin-right: -3px;margin-top: -3px;}
.img-margin .img-1-2, .img-margin .img-1-3, .img-margin .img-2-3, .img-margin .img-2-5, .img-margin .img-3-5, .img-margin .img-3-7, .img-margin .img-4-7{padding:3px;}
.img-margin-bottom{margin-bottom:6px;}
.img-1-2{width: 50%;}
.img-1-3{width: 33.3%;}
.img-2-3{width: 66.6%;}
.img-2-5{width: 40%;}
.img-3-5{width: 60%;}
.img-3-7{width: 43%;}
.img-4-7{width: 57%;}
/*============button===============*/
.underline b, .underline strong{position: relative;display:inline-block;}
.underline b:before, .underline strong:before{ position: absolute; content: ""; display: block; height: 1px; width: 0px; bottom: 0px; left: 50%; background-color:#9f8268; z-index: 1; }
.underline a:hover{color:#9f8268;}
.underline.left a b:before, .underline.left a strong:before{ left: 0;}
.underline a:hover b:before, .underline a:hover strong:before, .underline a.active b:before, .underline a.active strong:before, a:hover .underline strong:before, a:hover .underline b:before, a.underline:hover b:before, a.underline:hover strong:before{width: 100%; left: 0%;}
.box-dark .underline b:before, .box-dark .underline strong:before{background-color:#fff4ea;}
.box-dark .underline a:hover{color:#fff4ea;}
.border-line a{overflow: hidden;}
.border-line a:before, .border-line a:after{content: ""; position: absolute; border: solid 1px transparent; width: 0; height: 0;}
.border-line a:before, .border-line a:hover:before{left: 2px; top:2px;}
.border-line a:after, .border-line a:hover:after{right: 2px; bottom: 2px;}
.border-line a:hover:before, .border-line a:hover:after{ width: calc(100% - 6px); height:calc(100% - 6px);}
.border-line a:hover:before{ border-top: solid 1px #fff4ea; border-left: solid 1px #fff4ea;}
.border-line a:hover:after{ border-bottom: solid 1px #fff4ea; border-right: solid 1px #fff4ea;}

.button-icon{position: relative;font-size: 0;line-height: 0;}
a.button-icon, .button-icon a{position: relative; display:inline-block;height: 50px;width: 60px;line-height: 50px; text-align: center;overflow: hidden;}
a.button-icon i, .button-icon a i{font-size:28px;line-height:50px;display: block;}
.computer a.button-icon:hover i, .computer .button-icon a:hover i{margin-top: -50px;}
.button-icon small{font-size:16px;line-height: 1.3em;display: block;padding-top: 15px}

.button-icon2{position: relative;display: block; font-size: 0;line-height: 0;}
a.button-icon2, .button-icon2 a{position: relative; display:inline-block; height: 50px;text-align: center; font-size:14px;line-height:1.3em;padding: 0 10px;}
.button-icon2 a{border-right: solid 1px #e5e5e5;opacity: .9;}
.button-icon2 a:first-of-type{border-left: solid 1px #e5e5e5;}
a.button-icon2 i, .button-icon2 a i{font-size:32px;line-height: 32px;display: block;margin-bottom: 3px;}
a.button-icon2:hover i, .button-icon2 a:hover i{font-size:38px;}

.button-icon-text{display: flex;justify-content: center;}
.button-icon-text .grid-item{display: inline-block;font-size: 16px; border-top: double 3px rgba(159,130,104,.5);border-bottom: double 3px rgba(159,130,104,.5);}
.button-icon-text .grid-item:before{content: "";position: absolute;right: 0; top:15%;width: 1px; height: 70%;background-color:rgba(159,130,104,.5); }
.button-icon-text .grid-item:last-child:before{display: none;}
a.button-icon-text, .button-icon-text a{position: relative; display:inline-block; padding: 8px 15px 8px 75px;box-sizing: border-box;color: #9f8268;letter-spacing: 0.1em;line-height: 1.4em;}
.button-icon-text i{font-size:16px;margin-right: 5px;}
.button-icon-text em{font-size:14px;line-height: 14px;letter-spacing: 0;display: block;float: left;margin-left: -65px; margin-top: 3px;}
.button-icon-text .text-back h3{white-space: nowrap;}

.button-text a, a.button-text{position: relative; display:inline-block; padding:10px 20px; line-height: 25px;background-color: #9f8268; border-radius: 3px;color: #fff;text-decoration: none;letter-spacing: 0.1em;}
.button-text a:hover ,a.button-text:hover{background-color:#947458;}
.button-text i{margin-right: 5px;}
.bg-dark .button-text a, .bg-dark a.button-text{color: #28211e;}

.share-button{position: absolute; right: 2%; top: 100%; margin-top: 20px;width: 50px; display: inline-block;opacity: 0;pointer-events:none;}
.share-button.active{opacity: 1;pointer-events:auto;}
.share-button a{display: inline-block;width:50px;height: 50px;line-height: 50px;padding: 0;color: #fff!important;text-align:center; overflow:hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-bottom: 5px;}
.share-button i{position: relative;left:auto;top:auto;line-height: inherit; font-size:30px;}
a.share-facebook{background:#3b5998;}
a.share-line{background:#00b900;}
.category-list{ display: inline-block;text-align: center; font-size: 0; border-top: double 3px rgba(159,130,104,.5);border-bottom: double 3px rgba(159,130,104,.5);}
.category-list li{position: relative; display:inline-block;font-size: 16px; line-height: 20px; letter-spacing: 0.1em; }
.category-list li:before { content: ""; position: absolute; width: 1px; height: 18px; right: -1px; top: 50%; margin-top: -9px; background-color:rgba(159,130,104,.5);}
.category-list li:last-of-type:before{display: none;}
.category-list a{display:inline-block; color:#9f8268;padding: 7px 20px;}
.category-list li.active a{color: #000;}
/*============page===============*/
.page {display: inline-block;clear: both;text-align: center; font-size: 0; border-top: double 3px rgba(159,130,104,.5);border-bottom: double 3px rgba(159,130,104,.5);margin-top: 70px;position: relative;left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); transform: translateX(-50%);}
.page:empty{display: none;}
.page a {position: relative; min-width:40px; height: 40px; line-height: 40px; display: inline-block;text-align: center;font-size: 18px;color:#9f8268;vertical-align: middle;}
.page a.active{color:#fffbf7;background:#9f8268;}
.page i{font-size: 18px;vertical-align: text-bottom;}
a.page-prev, a.page-next{font-size: 14px;}
a.page-prev{padding-right:10px;}
a.page-next{padding-left:10px; }
.bg-dark .page a.active{color:#28211e;}
/*==============index==================*/
.index .section{position: relative; height: 100vh; background-repeat: no-repeat;background-size: cover;background-position: center center;}
.index-box{position: absolute;z-index: 1;bottom:130px;left:3%;max-width: 94%;color: #fff;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.7); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.7); text-shadow: 1px 1px 10px rgba(0,0,0,.7);}
a .index-box{color: #fff;}
.index-box h2{font-size: 3em;line-height: 1.2em;}
.index-box h3{font-size: 1.125em;letter-spacing: 0.2em;line-height: 1.5em;}
.index-box .text-more{display: none;}
a .index-box .text-more{display: inline-block;}
#index-hot .title-box, #index-portfolio .title-box, #index-service .title-box{margin-top: 50px;}
.index-hot-list, .index-portfolio-list, .index-service-list{margin-bottom: 50px;}
#index-hot .title-box h1{ position: absolute; width: 100%;top: 1.5em;left: 0;}
#index-hot .title-box em{color: #503d2f;}
#index-news .grid-small{width: 60%;margin-top: 50px;margin-bottom: 100px;}
#index-news .title-box{position: absolute;right: 105%;top:0;text-align: left;}
#index-news .title-box h1, #index-news .title-box em{white-space: nowrap;}
.index-news-list{max-width: 550px;}    
.index-news-list .grid-item {margin-bottom: 2em;}
.index-news-list .text-box{padding-left: 5.2em;}
.index-news-list .text-box > div{position: absolute;top:5px;left: 0;}
.index-news-list .text-box h2{margin-bottom: 0.15em;}
.index-news-list .text-box h3{font-weight: normal;}
.index-news-list .text-more{float: right;}
.index-hot-list{text-align: center;}
#index-portfolio .title-box em{color: #503d2f;}
.index-portfolio-list .img-box{padding-bottom:56.25%; }
.index-portfolio-list .content-title{opacity: 0;max-width: 100%;margin-top: 30px;}
.index-portfolio-list .swiper-pagination-bullet:before { background: #503d2f !important;}
.index-portfolio-list .swiper-slide{overflow: visible;width: 60%; max-width:1000px; margin: 0 calc((100vw - 1000px) * .15);}
.index-portfolio-list .swiper-slide .img-box{opacity:.5;}
.index-portfolio-list .swiper-slide-active .img-box{opacity:1;}
.index-portfolio-list .swiper-slide-active .content-title{opacity: 1;}
.index-portfolio-list.swiper-container:hover .swiper-button-next{right:50px;}
.index-portfolio-list.swiper-container:hover .swiper-button-prev{left:50px;}
.index-service-list{width: 70%; max-width: 630px;margin-left:auto;margin-right: auto;}
.index-service-list li{display: block;float: left;box-sizing: border-box; width: 20%;text-align: center;border-right: double 3px rgba(255,255,255,.5);}
.index-service-list li:first-child{border-left: double 3px rgba(255,255,255,.5);}
.index-service-list strong{display: block; font-size:1.5em;line-height: 1.25em; }
.index-service-list i{display: block;font-size:3.125em; margin-top: 0.2em;}
.index-service-list em{display: block;font-size:0.75em;letter-spacing: 0.05em; white-space: nowrap; -ms-transform: scale3d(.8,.8,.8); -webkit-transform: scale3d(.8,.8,.8); -moz-transform: scale3d(.8,.8,.8) ; -o-transform: scale3d(.8,.8,.8); transform: scale3d(.8,.8,.8);}
#index-about .text-box{position: absolute;top: 10%;left: 5%;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.6); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.6); text-shadow: 1px 1px 10px rgba(0,0,0,.6);}
#index-about .title-en1{font-size: 5.2em;}
.index-box h2, .index-box h3, .timeline-list2 h2, .maintenance-list h2, .maintenance-list em{white-space: pre-line;}
/*==============about==================*/
.about .img-bg:after, .awards .img-bg:after{background:rgba(0,0,0,.85);}
.about .grid-container, .awards .grid-container, .dongying .grid-container{background: transparent;}
.text-year{display: block;font-size:2.5em;line-height: 0.9em;text-align: center;color: #9f8268;position: absolute;top:0;left: 0;width:2.4em;}
.text-year span{position: relative; display: block;white-space: nowrap;}
.text-year:after{content: "year";display: block;font-size:0.5em;line-height: 0.9em;text-align:left; width: 85%;margin: 0 auto;}
.text-year span:before, .text-year span:after{content: "";position: absolute;top:100%;height: 15px;width: 1px; border-left: double 3px #9f8268;margin-top: 2px;}
.text-year span:before{border-right: double 3px #9f8268;right: 12px;}
.text-year span:after{right: 19px;}
.text-year span:last-of-type:before, .text-year span:last-of-type:after{height: 500px;}
.text-year span + span{margin-top: 20px;}
.text-year span:empty{display: none;}
.text-year span:empty + span{margin-top: 0;}
.text-year span:last-of-type:empty{display: block; margin-top: 0;}
.grid-item:nth-of-type(odd) .text-year:after{text-align: right;}
.grid-item:nth-of-type(odd) .text-year span:before{right:auto; left:12px;}
.grid-item:nth-of-type(odd) .text-year span:after{right:auto; left:20px;}
.about .grid-middle, .awards .grid-middle{text-align: center;}
.timeline-list, .timeline-list2{display: inline-block; width: 100%;}
.timeline-list .grid-item, .timeline-list2 .grid-item{width: 100%;padding-left:3.1em;padding-bottom:1.5em;margin-bottom: 5px;overflow: hidden;text-align: left;}
.timeline-list .grid-item{min-height: 120px;}
.timeline-list .grid-item .text-box{padding-top: 2.5em;padding-left:4.5em;}
.timeline-list2 .grid-item .text-box{padding-top: 4.5em;}
.timeline-list2 .grid-item:nth-of-type(even) .text-box{ padding-left: 4.2em;}
@media screen and (min-width: 1000px){
.timeline-list .grid-item{width:50%;float:right;box-sizing:content-box;}
.timeline-list .grid-item:nth-of-type(odd){float:left;padding-left:0;padding-right:3.1em;text-align: right;}
.timeline-list .grid-item:nth-of-type(odd) .text-box{padding-left:0;padding-right:4.5em;}
.timeline-list .grid-item:nth-of-type(odd) .text-year{left: auto;right: 0;}
}
@media screen and (min-width: 700px){
.timeline-list2 .grid-item{width:50%;float:right;box-sizing:content-box;}
.timeline-list2 .grid-item:nth-of-type(even){float:left;padding-left:0;padding-right:3.1em;text-align: right;}
.timeline-list2 .grid-item:nth-of-type(even) .text-year{left: auto;right: 0;}
.timeline-list2 .grid-item:nth-of-type(even) .text-box{ padding-left: 0;}
}
/*==============awards==================*/
.awards-img{width: 90%;max-width: 280px; margin-left:auto; margin-right:auto;}
.awards-img img{width: 100%;height: auto;}
.awards .header-box{min-height: auto;}
/*==============dongying==================*/
/*.dongying .img-bg {position: absolute;}*/
/*.computer.dongying .img-box{background-attachment: fixed;}*/
.dongying .title-box{width: 35%;max-width: 450px;min-width: 320px;}
.dongying #section-header{justify-content: flex-start;}
.dongying #section-header .title-box{margin-left: 15%;}
#dongying2{justify-content: flex-end;}
#dongying2 .title-box{margin-right: 13%;}
/*==============energy==================*/
.energy .title-box {margin-bottom:300px;}
#energy1{background-image: url(../images/energy-bg-gold.jpg);color:#000;}
#energy1 .subtitle-box em{color:#67513d;}
#energy1 .grid-large{overflow: hidden;}
.timeline-list-hor{text-align: left;width: 102%; margin-top: -10px;}
.timeline-list-hor .img-box{ padding-bottom:118%;}
.timeline-list-hor .text-box{width: 90%;max-width: 320px;}
.timeline-list-hor .text-box p{text-align: justify;}
.text-year-hor{position: relative;display:inline-block;font-size:2.5em;line-height: 0.9em;}
.text-year-hor:after{content: "year";display: block;font-size:0.5em;line-height: 1.3em;}
.text-year-hor span:before, .text-year-hor span:after{content: "";position: absolute;bottom:5px;left:1.2em; height: 1px;width:400px; border-top: double 3px #93775a;}
.text-year-hor span:before{border-bottom: double 3px #93775a;bottom: 8px;}
.energy-list .grid-item{margin-bottom: 70px;}
.energy-list .grid-item:last-child{margin-bottom: 0;}
.energy-list .img-box{ padding-bottom:66.6%;}
.energy-list .text-box:after{content: "";display: block; width: 50px;height: 1px;background-color: #cfbdac;margin-top: 30px;}
.energy-list .text-box .html-edit{margin-top: 20px;}
.energy-list .text-box em{margin-bottom: 5px;}
.energy-contact{display: block !important;}
.energy-contact a, .energy-contact a:hover{color:#fff; background-color: transparent;text-decoration: none;}
/*==============news==================*/
.news-list .img-box+.text-box, .news-list .plyr+a .text-box{margin-top: 20px;}
.news-list .text-line-left{opacity: 0;position: absolute;top: -100px;}
/*==============project==================*/
.hot-list .grid-item{margin-bottom: 100px;}
.hot-list .grid-item:last-child{margin-bottom: 0;}
.hot-list .img-box, .index-hot-list .img-box, .hot-content .other-list .img-box{ padding-bottom:75%;}
.hot-list .text-box{max-width: 550px;text-align:center;}
.hot-list .text-box p{margin-top: 20px;}
.hot-list .text-box p:empty{margin-top: 0;}
.hot-list .flex-content{text-align: center;}
.add-info{position: relative;display:inline-block;margin-top:20px;line-height: 1.4em;max-width: 100%;color:#9f8268;}
.add-info b{display: block;padding: 6px 0;font-size: 1.125em;}
.add-info .text-tel{padding: 2px 0;font-size: 1.5em;font-weight: bold;}
.add-info a{display: block;color:#9f8268;}
.add-info:before{content: "";display: inline-block; background: #cfbeb0;width: 50px;height: 1px;margin-bottom: 20px;}
.hot-content{background-color: #28211e;}
.hot-content .section-box{text-align: center;}
.hot-content .section-box:nth-of-type(odd){background-color: #28211e; color:#fff;}
.hot-content .section-box:nth-of-type(odd) a{color:#fff;}
.hot-content .section-box:nth-of-type(odd) a:hover{}
.hot-content .section-box .text-box+.img-list{margin-top: 60px;}
.hot-button{margin-right: 0 !important;}
/*==============web==================*/
.web{background-color: #28211e;}
.web img{width: 100%;height: auto;}
.web-navbar{position: fixed; top:0; left: 0;width: 100%;z-index: 2;}
.web-navbar .button-icon{max-width: 1200px; margin: 0 auto; box-sizing: border-box;text-align: right;background-image: -webkit-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: -moz-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: -o-linear-gradient( to left, rgba(0,0,0,.2), rgba(0,0,0,0)); background-image: linear-gradient( to bottom, rgba(0,0,0,.2), rgba(0,0,0,0)) ;}
.web-navbar .button-icon a{ padding: 1% 0; color: #fff;}
.sticky-page .web-navbar .button-icon{background-image: -webkit-linear-gradient( to left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient( to left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient( to left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient( to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) ;}
.web-navbar .button-icon a:last-child{margin-right: 30px;}
.web .section-box{background-color:transparent;}
.web .main{background-color: #fffbf7;}
.web select{background-image:none;}
#contact+.web-info{padding-top: 0;}
.web-info .grid-small{margin-top: -20px;margin-bottom: -20px;}
.web-info .text-box{display: inline-block;margin-right: 10px;margin-bottom: 20px;}
.web-info .add-info2{margin-top: 0;}
.web-info .add-info2 li {border-left: solid 1px #bca693;}
.web-info .add-info2 small {margin-bottom: 5px;}
.web .plyr button{color:#fff; }
/*==============lease==================*/
.lease-list .grid-item{margin-bottom: 70px;}
.lease-list .grid-item:last-child{margin-bottom: 0;}
.lease-list .flex-img{width: 320px;}
.lease-list .img-box{ padding-bottom:130%;}
.lease-list .text-box p{margin-top: 20px;}
.lease-list .text-box p:empty{margin-top: 0;}
.lease-list .button-icon2{display: inline-block;}
.add-info2{position: relative;display:inline-block;line-height: 1.5em;max-width: 100%;}
.add-info2 li{position: relative;display:inline-block;border-left: solid 3px #bca693;padding: 0 13px;}
.add-info2 small{display: block;font-size: 14px;letter-spacing: 0.1em;}
.add-info2 b{display: block;font-size: 1.25em;}
.add-info2 .text-tel{font-size: 1.5em;font-weight: bold;}
.lease-form{padding-top: 100px;}
/*==============portfolio==================*/
.portfolio .title-box .button-text{font-size: 16px; float: right; margin-top: -50px;}
.portfolio-list .img-box{ padding-bottom:130%;}
@media screen and (min-width: 1401px){
.portfolio-list .grid-item:nth-child(even){top:15px;}
}
@media screen and (max-width: 1400px) and (min-width: 1001px){
.portfolio-list .grid-item:nth-child(3n+2){top:10px;}
}
/*==============store==================*/
.store-list{text-align: center;}
.store-list .img-box{ padding-bottom:100%; -moz-box-shadow:0px 1px 10px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 10px rgba(0,0,0,.1); box-shadow: 0px 1px 10px rgba(0,0,0,.1);}
.store-list h2{margin-top: 25px;margin-bottom: 3px;}
.store-list strong{display: inline-block; font-weight: bold;color: #9f8268;}
.store-list.underline .grid-item a{display: block;}
.store-content .content-title{padding-right: 180px;}
.store-content .info-feature:before{content: "";display: block;float: right; margin-top: -100px;width: 170px;height: 200px;background: url("../images/store-abon.gif") no-repeat right #fffbf7;background-size: contain;z-index: 1;image-rendering:-webkit-optimize-contrast;}
/*==============community==================*/
.bg-pattern1{background:url("../images/bg-pattern1.gif") repeat left top;}
.bg-pattern2{background:url("../images/bg-pattern2.gif") repeat left top;}
.bg-pattern1 + .bg-pattern1, .bg-pattern2 + .bg-pattern2{padding-top: 0;}
.community .img-bg{background-color: #ffb32c;background-image:none;}
.community-head-anim1{background-image:url("../images/community-head-anim1.png");}
.community-head-anim2{background-image:url("../images/community-head-anim2.png");}
.anim-item {position: absolute; top: 0;left: 0;}
.community .header-box .title-box{color:#333;-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow: none;}
.community .title-text + h2:before {border-top: solid 2px #333; border-bottom: solid 1px #333;}
.community .title-box em{font-size: 2.8em;}
.community-illustr{position: absolute;left: 50%; top: 50%; margin-left: 270px;margin-top: -150px; width: 20%; max-width: 300px;}
.community-illustr1{position: absolute;top:25%;left: 0; width: 68%;height: auto;}
.community-illustr2{width: 100%;height: auto;}
.thought-list .grid-item{text-align: center;width: 33.3%;float: left;}
.thought-list img{width: 90%;height: auto;max-width: 300px;}
.feature-list img{width: 90%;height: auto;max-width: 150px;}
.feature-list{text-align: center;}
.community-list{/*width: 100%; */overflow: hidden;padding-bottom: 3px;}
.community-list li{position: relative;float: left; width: 20%;border-top: double 3px #c5a27b; border-bottom: double 3px #c5a27b;font-size: 1.125em; letter-spacing: 0.1em;line-height: 47px;text-align: center;padding: 0 10px; box-sizing: border-box;margin-bottom: -3px;}
.community-list li:before{content: "";position: absolute; width: 1px; height: 24px;right: -1px; top:50%;margin-top: -12px;background: #eddbc8;}
.community-button{display: inline-block;}
.community-button li{width: auto!important;padding: 0 15px;}
#community3{text-align: center;}
#community4 .subtitle-box{padding: 0 25%;}
.community-abon4{position: absolute;right: 0;bottom: -68px; width: 25%; max-width: 250px;}
.qrcode-box{width: 100%;max-width: 480px;font-size: 0;margin: 0 auto;}
.qrcode-box li{display: inline-block;width:42%;margin: 0 4%;}
.qrcode-box img{width: 100%;height: auto;}
.qrcode-img{margin-bottom: 5px;}
/*==============construction==================*/
.construction .input-text{text-align: left;}
.construction-list .img-box{padding-bottom: 130%;}
/*==============maintenance==================*/
.maintenance-list .img-box{ padding-bottom:66.6%;}
/*==============form==================*/
.form-box{min-height: 300px;margin-top: -10px;text-align: center;}
input, button, textarea, select{color: #9f8268;}
form { position: relative; display: block;letter-spacing: 0.05em;text-align: left;}
form .input-column,form .input-row{ position: relative; display: block; line-height:0; margin:0; width:100%;min-height:40px; box-sizing: border-box;}
form .input-column{float:left; width:50%;}
form .input-column:nth-child(odd){width:48%; margin-right: 2%;}
label { height: 20px;font-size: 16px;margin-top: 7px; line-height: 20px; display: block; white-space: nowrap;}
input[type="checkbox"] + label{position: relative; display:inline-block; margin-top: 0;height: 28px;line-height:28px; padding-left:18px;}
input[type="checkbox"] { display:none;}
input[type="checkbox"] + label:before { content: ""; position: absolute; display:block;left: 1px;top:50%; margin-top: -7px;width:10px; height:10px;border:solid 2px rgba(159,130,104,.7); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
input[type="checkbox"] + label:after{content: "";position: absolute; display:block;left: 0;top:50%;margin-top: -9px; width:18px; height:18px;font-size: 18px;}
input[type="checkbox"]:checked + label:before{ border:solid 2px transparent;}
input[type="checkbox"]:checked + label:after{content: "\eed9";color:#9f8268;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], select, textarea, .input-box{line-height: 1em; padding: 0 0 5px 13px; height: 35px; width: 100%; background-color:transparent; box-sizing: border-box;border-bottom: double 3px rgba(159,130,104,.5);}
::-webkit-calendar-picker-indicator { opacity: 0.5;margin-left: 5px;}
textarea { height: 100px; line-height: 24px;padding-top: 5px;}
select {position: relative; -webkit-appearance: none;-moz-appearance: none;appearance:none; padding-right:30px; background-image: url(../images/icon-select.png);background-repeat: no-repeat; background-position:right center;background-size:auto 20px; padding-right: 0 \9; background-image: none \9; image-rendering:-webkit-optimize-contrast; }
*::-ms-backdrop, select{ padding-right: 0;background-image:none; }/*IE11*/
/*select{ color: #333;}*/
select option, select.active { color:#333; }
/*.input-box{height:auto;min-height: 35px;}*/
form small { display: inline-block;width: 13px;color: #9f8268;vertical-align:middle;}
form em { display: inline-block;font-size: 12px;color: #9f8268;margin-left: 4px;letter-spacing: 0;vertical-align:top;}
.ime-disabled{ime-mode: disabled;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="date"]:focus, textarea:focus, select:focus { border-width:1px; }
input[type="text"].error, input[type="password"].error, input[type="tel"].error, input[type="email"].error, input[type="date"].error, textarea.error, select.error,.input-box.error { border-bottom:double 3px rgba(153,0,0,.5);}
img.rand-img { position: absolute; right: 0px; bottom: 3px; width:100px; height:50px;cursor: pointer;}
input[type="reset"], input[type="submit"], #submit, #reset, #submitBtn{-webkit-appearance: none; position: relative; height: 50px; display: inline-block;width: 100%; text-align:center;font-size: 16px;line-height:50px; color: #fff; cursor: pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#9f8268; text-decoration: none;}
input[type="reset"]+input[type="submit"], #reset+#submit, #reset+#submitBtn{width: 50%;}
input[type="reset"], #reset{background-color: #555555;width: 48%;margin-right: 1.5%;}
#submit span, #reset span, #submitBtn span{display: inline-block;margin-left: 7px;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:focus, #submit:hover, #reset:hover, #submitBtn:hover{}
input[type="button"], input[type="file"], input[type="button"]:focus, input[type="file"]:focus{ background:transparent; cursor: pointer; padding-right:5px;text-decoration: underline; color: #9f8268;}
input[type="button"]:hover, input[type="file"]:hover{ text-decoration:none; }
.input-button{ margin-top: 20px;font-size: 0;}
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {/*-webkit-box-shadow: 0 0 0 40px #333 inset !important;*/transition: background-color 5000s ease-in-out 0s;}
input:-webkit-autofill {-webkit-text-fill-color: #9f8268 !important;}/*Change Chrome fill*/
.input-text{ position: relative; display: block; min-height: 25px; line-height: 25px; margin:0; padding: 10px 0;text-align: center;}
.input-text a{ display:inline-block;}
.hide-box{ font-size: 15px;line-height: 24px;letter-spacing: 0.05em;text-align: justify;font-weight: normal;}
.form-link{ text-decoration: underline; display: inline-block;}
.form-link:hover{ text-decoration: none;}
.message_form div{font-weight: normal;}
::placeholder,::-webkit-input-placeholder{ color:#bca997;}
:-ms-input-placeholder{color: #bca997;}
::-moz-placeholder{ color: #bca997; opacity: 1;}
.form-caption{position: absolute;right: 0; top:-20px;}

select.select-category, .select-category select, .select-category input{display:inline-block; height: 40px; line-height:1em;font-size: 16px;letter-spacing: 0.2em;padding:0 24px 0 5px;border-bottom: double 3px rgba(159,130,104,.5);border-top: double 3px rgba(159,130,104,.5);}
.select-category input{letter-spacing: 0.05em;}
select.select-category:focus, .select-category select:focus{border-width:1px;}
/*.select-category option { }*/
/**::-ms-backdrop, .select-category{ padding-right: 0;background-image:none; }*/
.category-box{text-align: center;font-size: 16px;}
.category-box select, .category-box .input-search{width: 20%;}
.category-box #twzipcode{width: 40%;display: inline-block;}
.category-box #twzipcode select{width: 48%;margin: 0 1%;}
input[name="zipcode"]{display: none;}
.input-search{position: relative; display: inline-block;vertical-align: top;}
.input-search #submit{position: absolute;top: 0;right: 0; width: 30px;height: 40px;line-height:40px;color:#9f8268; background: transparent;}
.category-box .button-text{padding: 7px 12px;}
/*============swiper===============*/
.swiper-wrapper-center .swiper-wrapper{justify-content: center; }
.swiper-wrapper-center .swiper-slide:last-of-type{margin-right: 0!important;}
.swiper-container.button-full { width: 100%; height: 100%;}
.swiper-slide {position: relative;overflow: hidden;}
.swiper-slide-active{-ms-transform: translateZ(0)!important;-webkit-transform: translateZ(0)!important;transform: translateZ(0)!important;}
/*.swiper-lazy-preloader{z-index: 100;}*/
.swiper-pagination-bullet:focus, .swiper-button-next:active, .swiper-button-prev:active{border: none;}
.swiper-pagination{padding:0 15px; box-sizing: border-box;text-align:center; color: #fff;}
.swiper-pagination-bullet {position: relative;background:transparent;opacity: .8;width: 3px;height: 10px;padding: 20px 6px 10px 6px;margin: 0!important;}
.swiper-pagination-bullet-active {background: transparent;opacity: 1;width: 10px;}
.swiper-pagination-bullet:before{ content: "";display: block; width: 100%;background: #fff;height: 10px;}
.swiper-button-next, .swiper-button-prev{width: 50px;background-size: 22px 40px;}    
.swiper-button-next{right: -50px;}
.swiper-button-prev{left: -50px;}
.swiper-container:hover .swiper-button-next{right:0;}
.swiper-container:hover .swiper-button-prev{left:0;}
.swiper-lazy{opacity: 0;-webkit-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in;}
.swiper-lazy-loaded{opacity: 1;}
.swiper-slide img{width: 100%; height: auto;}
.swiper-container.button-outer .swiper-pagination{position: relative;bottom: auto;margin-top: 30px;margin-bottom: -10px;}
.swiper-container.button-outer .swiper-pagination-bullet:before{ background: #9f8068;}
.swiper-container.button-full .swiper-pagination {bottom: 50px;}
.swiper-container.button-full .full-box+a{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
/*.swiper-container.button-full .img-caption{padding: 0 38px;bottom: 60px;}
.swiper-container.button-full .swiper-slide:before{content: "";position: absolute;right:0; top: 0;width: 300px; height: 300px; max-width: 100%; z-index: 1; background: -webkit-linear-gradient( 235deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%); background: -moz-linear-gradient( 235deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%); background: -o-linear-gradient( 235deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%); background: linear-gradient( 235deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%); }
.swiper-container.button-full.disable .swiper-slide:before{display: none;}*/
.swiper-container.button-full .swiper-button-next{top:auto;bottom:50px;margin-top:0;right:auto;left: 3%;margin-left: 100px;}
.swiper-container.button-full .swiper-button-prev{top:auto;bottom:50px;margin-top:0;left: 3%;margin-left: -15px;}
.swiper-pagination-custom{position: absolute;left: 3%;margin-left: 30px; width: 80px;height: 35px;text-align: center;padding: 0; font-size: 1.25em;font-size:bold;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.6); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.6); text-shadow: 1px 1px 10px rgba(0,0,0,.6);font-family: Lato, sans-serif;font-weight: bold;}
.swiper-pagination-custom .of{display: inline-block;padding: 0 7px;}

.swiper-container .img-box, .swiper-container .img-over-box{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.swiper-container.button-full .img-box{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
/*============mb.YTPlayer===============*/
.inline-YTPlayer{max-width:inherit!important;height: 100%;}
/*.mbYTP_wrapper{ padding: 160px 0!important; margin: -160px 0!important; }*//*YTtitle Hide XX未滿版設定的橫式會裁切*/
.inlinePlayButton{ width: 50px;height: 50px; line-height: 50px;font-size: 26px;transform: scale(1);/*left: auto;right: 25px; top: auto;bottom: 80px;*/}
.mb_YTPlayer:hover .inlinePlayButton, .inlinePlayButton:hover { transform: scale(1.1) !important;}
.mb_YTPBar{z-index: 9!important;}
.video-full{ padding-bottom:0!important; height: 100% !important; width: 100%; background-attachment: inherit !important;}
/*.header-box .video-full{position:fixed !important; left: 0; top:0;}
.video-full .mbYTP_wrapper iframe{width: 100% !important; height: 56.25% !important;margin-left: 0 !important;margin-top: 0 !important;}*/
.swiper-container .inlinePlayButton{/*right: 40px; bottom: 100px;*/ z-index: 10;}
/*.swiper-container */.video-full .mbYTP_wrapper iframe{width: 100% !important; height: 100% !important;margin-left: 0 !important;margin-top: 0 !important;}
.video-full .full-height{z-index: -1;}
.video-box{background-attachment: inherit!important;z-index: 1;padding-bottom: 56.25%;}
@media screen and (max-width: 800px) {
.inlinePlayButton{ width: 40px;height: 40px; line-height:40px;font-size: 20px;}
}
/*============plyr===============*/
.plyr__control--overlaid{ background: rgba(159,130,104,.8) !important;}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#9f8268 !important;}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#9f8268 !important;color:#fff}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#9f8268 !important;color:#fff}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#9f8268 !important;}
.plyr--full-ui input[type=range]{color: #9f8268 !important;}
.plyr__control--overlaid{z-index: 3!important;}
.box-dark .plyr button{color: #fff;}
/*============lazy===============*/
img.lazy,picture.lazy img{background-image: url("../images/loader.gif"); background-repeat: no-repeat; background-position: 50% 50%; }
img.lazy.lazy-loaded, picture.lazy.lazy-loaded img{background-image:none;}
picture.lazy img{ opacity: 0;-webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;}
picture.lazy.lazy-loaded img{opacity: 1;}
/*============IcoFont===============*/
.justified-gallery > .entry-visible, a[data-fancybox] .img-over-box, a[data-fancybox] .img-box, .icon-map:after, .icon-tel:after, .icon-link:after, input[type="checkbox"] + label:after, .dot-list li:before, .html-button a:before, a.html-button:before, a .html-button:before{ font-family: IcoFont;speak: none;font-style: normal;font-weight: 400;font-variant: normal; text-transform: none;white-space: nowrap; word-wrap: normal;direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased;}
/*.icon-map:after, .icon-tel:after, .icon-link:after{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center; background:#9f8268;color:#fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}*/
.icon-map:after{content: "\ef79";margin-left: 3px;}
.icon-tel:after{content: "\efbb";margin-left: 3px;}
.icon-link:after{content: "\ef71";margin-left: 3px;}
.html-button a:before, a.html-button:before, a .html-button:before{content: "\ef71";margin-right: 3px;}
/*============justifiedGallery===============*/
.justified-gallery > a > .caption{ display: block; opacity: 0;padding:10px;font-size: 15px;letter-spacing: 0.1em;background-color:rgba(139,110,99,.85);z-index: 1;}
.justified-gallery > a > .caption.caption-visible{ opacity: 1;}
.justified-gallery > a:after, a[data-fancybox] .img-over-box:after, a[data-fancybox] .img-box:after{ content: "\ec97"; opacity: 0;position: absolute;display: block;top:0;left: 0;bottom: 0;right: 0;margin: auto;font-size: 40px;height: 30px;text-align: center;color:#fff;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.6); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.6); text-shadow: 1px 1px 10px rgba(0,0,0,.6); z-index: 1;}
.justified-gallery > a.video:after, a[data-fancybox].video .img-over-box:after, a[data-fancybox].video .img-box:after{ content: "\eca6";}
.computer .justified-gallery > a:hover:after,  a[data-fancybox]:hover .img-over-box:after, a[data-fancybox]:hover .img-box:after{opacity: 1;font-size: 30px;}
/*============fancybox===============*/
.fancybox-button {background: transparent;}
.fancybox-thumbs{/*background: rgba(0,0,0,.5);*/background: #28211e;}
.fancybox-thumbs__list a:before {border: 4px solid rgba(255,255,255,.8);}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#1d1613;}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#9f8268;}
.fancybox-construction {background: #fff;}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #fff;}
.fancybox-thumbs {width: 110px;}
.fancybox-show-thumbs .fancybox-inner { right: 110px;}
.fancybox-thumbs__list a{max-width: calc(100% - 10px);}
.fancybox-is-open .fancybox-bg {opacity: .97;}
.fancybox-bg {background: #28211e;}
.fancybox-slide--html {padding: 0;}
.fancybox-slide--html .fancybox-close-small {position: fixed;padding: 0;top:10px;right: 15px;}
.fancybox-content { background:none;padding: 50px 0;color:#9f8268;}  
/*.fancybox-caption{white-space: pre-line;}*/
/*.fancybox-thumbs {top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
.fancybox-show-thumbs .fancybox-inner {right: 0; bottom: 95px; }*/
/*============fullpage===============*/
.fp-section{overflow: hidden;}
.fp-controlArrow{width: 40px; height: 40px; border-radius:50%; color: #fff; text-align: center; line-height: 40px;}
.fp-controlArrow.fp-next, .fp-controlArrow.fp-prev{border-width:2px;border-color:#fff;width: 40px;}
#fp-nav ul li, .fp-slidesNav ul li { width: 20px; height: 20px; margin: 0;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{height: 10px;width: 10px;margin-left: -5px;border-radius: 0;}
#fp-nav ul li a span,#fp-nav ul li:hover a span{ height: 1px; width: 10px;margin-left: -5px; border-radius: 0;background: #fff; border-bottom:solid 2px #ddd;}
#fp-nav ul li:hover a span{height: 10px;}
.section #footer{ margin-top:0!important;}
/*============ie/lightbox===============*/
.ie, .lightbox-container { position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; top: 0; left: 0; z-index: 200; height: 100%; width: 100%; background: rgba(0,0,0,.9); overflow: auto;}
.ie-content { position: relative; display: block; margin: 0 auto; margin-top: 3%; width: 90%; max-width: 600px; height: 300px; background-color: #fff; color:#333; padding: 3%; border: solid 1px #ddd; }
.ie-content a{color:#333;}
a.ie-close { position:fixed; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; width: 50px; height: 35px; right: 0; top: 0; text-align: center; padding-top: 15px; color:#fff;}
a.lightbox-close {position:fixed;top: 10px; right: 10px; z-index: 1;}
body.lightbox{overflow:hidden !important;}
.lightbox-container, .lightbox-item{ display: none;}
.lightbox-container.active{display: block;}
.lightbox-item.active{ display: block;}
.lightbox-bg{ position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; top: 0; left: 0; height: 100%; width: 100%;}
.lightbox-content{ position: relative; display: block; width: 90%; max-width:1000px; margin: 0 auto; background: #fff; margin-top: 5%;}
.lightbox-item{ position: relative; margin: 0 auto; width: 85%; padding: 10% 0;}
.lightbox-item .hidden {opacity: 1;}

@media screen and (orientation:landscape) and (min-height: 601px) {
.about .img-bg .img-box{background-image:url("../images/about-head.jpg"); }
.awards .img-bg .img-box{background-image:url("../images/awards-head.jpg"); }
.dongying #section-header .img-box{background-image:url("../images/dongying-head.jpg"); }
#dongying2 .img-box, .dongying .img-bg:after{background-image:url("../images/dongying-head2.jpg"); }
.energy .img-bg .img-box{background-image:url("../images/energy-head.jpg"); background-position: center top;}
.energy .img-bg:after, .energy .grid-container{background-image:url("../images/energy-bg.jpg");  background-position: center top;}
.news .img-bg .img-box{background-image:url("../images/news-head.jpg"); }
.news .img-bg:after, .news .grid-container{background-image:url("../images/news-bg.jpg"); }
.hot .img-bg .img-box{background-image:url("../images/hot-head.jpg"); }
.hot .img-bg:after, .hot .grid-container{background-image:url("../images/hot-bg.jpg"); }
.lease .img-bg .img-box{background-image:url("../images/lease-head.jpg"); background-position: center bottom;}
.lease .img-bg:after, .lease .grid-container{background-image:url("../images/lease-bg.jpg"); background-position: center bottom;}
.portfolio .img-bg .img-box{background-image:url("../images/portfolio-head.jpg");}
.portfolio .img-bg:after, .portfolio .grid-container{background-image:url("../images/portfolio-bg-dark.jpg"); background-position: center bottom;}
.store .img-bg .img-box{background-image:url("../images/store-head.jpg"); background-position: center bottom;}
.store .img-bg:after, .store .grid-container{background-image:url("../images/store-bg.jpg"); background-position: center top;}
.construction .img-bg .img-box{background-image:url("../images/construction-head.jpg");}
.construction .grid-container{background-image:url("../images/construction-bg.jpg");}
.maintenance .img-bg .img-box{background-image:url("../images/maintenance-head.jpg"); background-position: center bottom;}
.maintenance .img-bg:after, .maintenance .grid-container{background-image:url("../images/maintenance-bg-dark.jpg"); background-position: center bottom;}
.contact .img-bg .img-box{background-image:url("../images/contact-head.jpg"); }
.contact .grid-container{background-image:url("../images/contact-bg.jpg");}
.news-content .content-navbar, .news-content .sidebar-box{background-image:url("../images/news-bg-dark.jpg");}
/*.hot-content .content-navbar{background-image:url("../images/hot-bg-dark.jpg");}*/
.hot-content .sidebar-box{background-image:url("../images/hot-bg-dark.jpg")!important;}
.portfolio-content .content-navbar, .portfolio-content .sidebar-box{background-image:url("../images/portfolio-bg-dark.jpg");}
.store-content .content-navbar, .store-content .sidebar-box{background-image:url("../images/store-bg-dark.jpg");}
.maintenance-content .content-navbar, .maintenance-content .sidebar-box{background-image:url("../images/maintenance-bg-dark.jpg");}
#index-hot{background-image: url("../images/index-hot-bg.jpg");}
#index-news{background-image: url("../images/index-news-bg.jpg");}
#index-portfolio{background-image: url("../images/index-portfolio-bg.jpg");}
#index-service{background-image: url("../images/index-service-bg.jpg");}
#index-about{background-image: url("../images/index-about-bg.jpg"); background-position: left center;}
}
@media screen and (orientation:landscape) and (max-height: 600px){
.about .img-bg .img-box{background-image:url("../images/mobile/about-head.jpg"); }
.awards .img-bg .img-box{background-image:url("../images/mobile/awards-head.jpg"); }
.dongying #section-header .img-box{background-image:url("../images/mobile/dongying-head.jpg"); }
#dongying2 .img-box, .dongying .img-bg:after{background-image:url("../images/mobile/dongying-head2.jpg"); }
.energy .img-bg .img-box{background-image:url("../images/mobile/energy-head.jpg"); background-position: center top;}
.energy .img-bg:after, .energy .grid-container{background-image:url("../images/mobile/energy-bg.jpg");  background-position: center top;}
.news .img-bg .img-box{background-image:url("../images/mobile/news-head.jpg"); }
.news .img-bg:after, .news .grid-container{background-image:url("../images/mobile/news-bg.jpg"); }
.hot .img-bg .img-box{background-image:url("../images/mobile/hot-head.jpg"); }
.hot .img-bg:after, .hot .grid-container{background-image:url("../images/mobile/hot-bg.jpg"); }
.lease .img-bg .img-box{background-image:url("../images/mobile/lease-head.jpg"); background-position: center bottom;}
.lease .img-bg:after, .lease .grid-container{background-image:url("../images/mobile/lease-bg.jpg"); background-position: center bottom;}
.portfolio .img-bg .img-box{background-image:url("../images/mobile/portfolio-head.jpg");}
.portfolio .img-bg:after, .portfolio .grid-container{background-image:url("../images/mobile/portfolio-bg-dark.jpg"); background-position: center bottom;}
.store .img-bg .img-box{background-image:url("../images/mobile/store-head.jpg"); background-position: center bottom;}
.store .img-bg:after, .store .grid-container{background-image:url("../images/mobile/store-bg.jpg"); background-position: center top;}
.construction .img-bg .img-box{background-image:url("../images/mobile/construction-head.jpg");}
.construction .grid-container{background-image:url("../images/mobile/construction-bg.jpg");}
.maintenance .img-bg .img-box{background-image:url("../images/mobile/maintenance-head.jpg"); background-position: center bottom;}
.maintenance .img-bg:after, .maintenance .grid-container{background-image:url("../images/mobile/maintenance-bg-dark.jpg"); background-position: center bottom;}
.contact .img-bg .img-box{background-image:url("../images/mobile/contact-head.jpg"); }
.contact .grid-container{background-image:url("../images/mobile/contact-bg.jpg");}
.news-content .content-navbar, .news-content .sidebar-box{background-image:url("../images/mobile/news-bg-dark.jpg");}
/*.hot-content .content-navbar{background-image:url("../images/mobile/hot-bg-dark.jpg");}*/
.hot-content .sidebar-box{background-image:url("../images/mobile/hot-bg-dark.jpg")!important;}
.portfolio-content .content-navbar, .portfolio-content .sidebar-box{background-image:url("../images/mobile/portfolio-bg-dark.jpg");}
.store-content .content-navbar, .store-content .sidebar-box{background-image:url("../images/mobile/store-bg-dark.jpg");}
.maintenance-content .content-navbar, .maintenance-content .sidebar-box{background-image:url("../images/mobile/maintenance-bg-dark.jpg");}
#index-hot{background-image: url("../images/mobile/index-hot-bg.jpg");}
#index-news{background-image: url("../images/mobile/index-news-bg.jpg");}
#index-portfolio{background-image: url("../images/mobile/index-portfolio-bg.jpg");}
#index-service{background-image: url("../images/mobile/index-service-bg.jpg");}
#index-about{background-image: url("../images/mobile/index-about-bg.jpg"); background-position: left center;}
}
@media screen and (orientation:landscape) and (max-width: 1000px){
.dongying #section-header .img-box{background-position:left center;}
.dongying #dongying2 .img-box, .dongying .img-bg:after{background-position:right center;}
}
@media screen and (orientation:portrait){ 
.about .img-bg .img-box{background-image:url("../images/mobile/about-head-m.jpg"); }
.awards .img-bg .img-box{background-image:url("../images/mobile/awards-head-m.jpg"); }
.dongying #section-header .img-box{background-image:url("../images/mobile/dongying-head-m.jpg"); }
#dongying2 .img-box, .dongying .img-bg:after{background-image:url("../images/mobile/dongying-head2-m.jpg"); }
.energy .img-bg .img-box{background-image:url("../images/mobile/energy-head-m.jpg");}
.energy .img-bg:after, .energy .grid-container{background-image:url("../images/mobile/energy-bg-m.jpg"); }
.news .img-bg .img-box{background-image:url("../images/mobile/news-head-m.jpg"); }
.news .img-bg:after, .news .grid-container{background-image:url("../images/mobile/news-bg-m.jpg"); }
.hot .img-bg .img-box{background-image:url("../images/mobile/hot-head-m.jpg"); }
.hot .img-bg:after, .hot .grid-container{background-image:url("../images/mobile/hot-bg-m.jpg"); }
.lease .img-bg .img-box{background-image:url("../images/mobile/lease-head-m.jpg"); }
.lease .img-bg:after, .lease .grid-container{background-image:url("../images/mobile/lease-bg-m.jpg");}
.portfolio .img-bg .img-box{background-image:url("../images/mobile/portfolio-head-m.jpg");}
.portfolio .img-bg:after, .portfolio .grid-container{background-image:url("../images/mobile/portfolio-bg-dark-m.jpg");}
.store .img-bg .img-box{background-image:url("../images/mobile/store-head-m.jpg");}
.store .img-bg:after, .store .grid-container{background-image:url("../images/mobile/store-bg-m.jpg");}
.construction .img-bg .img-box{background-image:url("../images/mobile/construction-head-m.jpg");}
.construction .grid-container{background-image:url("../images/mobile/construction-bg-m.jpg");}
.maintenance .img-bg .img-box{background-image:url("../images/mobile/maintenance-head-m.jpg"); }
.maintenance .img-bg:after, .maintenance .grid-container{background-image:url("../images/mobile/maintenance-bg-dark-m.jpg");}
.contact .img-bg .img-box{background-image:url("../images/mobile/contact-head-m.jpg"); }
.contact .grid-container{background-image:url("../images/mobile/contact-bg-m.jpg");}
.news-content .content-navbar, .news-content .sidebar-box{background-image:url("../images/mobile/news-bg-dark-m.jpg");}
/*.hot-content .content-navbar{background-image:url("../images/mobile/hot-bg-dark-m.jpg");}*/
.hot-content .sidebar-box{background-image:url("../images/mobile/hot-bg-dark-m.jpg")!important;}
.portfolio-content .content-navbar, .portfolio-content .sidebar-box{background-image:url("../images/mobile/portfolio-bg-dark-m.jpg");}
.store-content .content-navbar, .store-content .sidebar-box{background-image:url("../images/mobile/store-bg-dark-m.jpg");}
.maintenance-content .content-navbar, .maintenance-content .sidebar-box{background-image:url("../images/mobile/maintenance-bg-dark-m.jpg");}
#index-hot{background-image: url("../images/mobile/index-hot-bg-m.jpg");}
#index-news{background-image: url("../images/mobile/index-news-bg-m.jpg");background-position:center bottom;}
#index-portfolio{background-image: url("../images/mobile/index-portfolio-bg-m.jpg");}
#index-service{background-image: url("../images/mobile/index-service-bg-m.jpg");}
#index-about{background-image: url("../images/mobile/index-about-bg-m.jpg");}

.community-head-anim1{background-image:url("../images/community-head-anim1-m.png");}
.community-head-anim2{background-image:url("../images/community-head-anim2-m.png");}
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
.item-list-4 .text-box, .timeline-list-hor .swiper-slide, .index-hot-list .text-box{font-size: 0.9em;}
}
@media screen and (max-width: 1400px) {
.item-list-5{width:104%;}
.item-list-5 .grid-item{ width:21%; margin-right: 4%;}
.item-list-4{ width:104%;}
.item-list-4 .grid-item{ width:29.3%; margin-right: 4%;}
.index-hot-list{max-width:900px;}
.index-portfolio-list .swiper-slide{margin:0 4%;}
.dongying #section-header .title-box {margin-left: 11%;}
#dongying2 .title-box { margin-right: 6%;}
}
@media screen and (max-width: 1400px) and (min-width: 1001px){
.text-inside.item-list-4 .grid-item:nth-last-of-type(3),.text-inside.item-list-4 .grid-item:nth-last-of-type(2){overflow: hidden;}
}
@media screen and (max-width: 1200px) {
#footer{ min-height: 925px;}
.wrapper .main{ padding-bottom: 925px;}
.wrapper+#footer{ margin-top: -925px;}
.footer-grid{max-width: 700px;}
.footer-nav > li {width: 33%;max-width: 250px;}
.footer-nav > li:first-child{margin-left: auto;}
li.footer-info{width:80%;max-width:none;margin-left: 0;}
.index-portfolio-list.swiper-container:hover .swiper-button-next{right:0;}
.index-portfolio-list.swiper-container:hover .swiper-button-prev{left:0;}
.item-list-3{ width: 105%;}
.item-list-3 .grid-item{ width: 45%;margin-right: 5%;}
/*============main===============*/
.grid-container{padding-top: 8%;padding-bottom: 9%;margin-left: 3%;margin-right: 3%;width:94%;} 
.section-box {padding-top: 8%; padding-bottom: 8%;}
.index-portfolio-list .swiper-slide{width: 75%;}
}
@media screen and (max-width: 1200px) , (max-height: 800px) {
/*============navbar===============*/
.content-name {margin-left: 160px;font-size: 0.9em;}
.content-navbar {padding-top:20px;padding-bottom: 15px;}
body.sticky-page .content-navbar {padding-top: 10px;padding-bottom: 5px;}
.content-navbar .button-icon {margin-right: 55px;}
a.button-icon, .button-icon a {height: 45px; width: 50px; line-height: 45px;}
.button-icon small {font-size: 14px;}
a.button-icon i, .button-icon a i { line-height: 45px;}
.computer a.button-icon:hover i, .computer .button-icon a:hover i{margin-top: -47px;}
.content-page .content-main{padding-top: 80px;}
/*============main===============*/
.text-top{margin-top:5px;}
.text-bottom{margin-bottom:5px;}
.text-top2 {margin-top: 15px;}
.text-bottom2 {margin-bottom: 15px;}
.text-top3 {margin-top: 20px;}
.text-bottom3 {margin-bottom: 20px;}
.box-top{margin-top:30px;}
.box-bottom{ margin-bottom: 30px;}
.box-top2{margin-top:40px;}
.box-bottom2{ margin-bottom: 40px;}
.box-bottom3 { margin-bottom: 50px;}
.box-top3 { margin-top: 50px;}
.section-bottom{ margin-bottom: 100px;}
.content-title, .hot-section .text-box{font-size: 0.9em;}
.style-layout2 .img-bg .bg-caption{display: none;}
.title-box {margin-bottom: 50px;}
.title-en {font-size: 2.7em; margin-bottom: 0.1em;}
.title-text + h2 {padding-top: 30px;margin-top: 30px;}
.subtitle-box { margin-bottom:50px;}
.subtitle-box h2 { margin-bottom: 5px;}
.page { margin-top: 50px;}
.item-list, .item-list-2, .item-list-3, .item-list-4, .item-list-5 {margin-bottom: -40px;}
.item-list .grid-item, .item-list .flex-center, .item-list-2 .grid-item, .item-list-3 .grid-item, .item-list-4 .grid-item, .item-list-5 .grid-item{ margin-bottom: 40px;}
.swiper-button-next, .swiper-button-prev {background-size: 18px 28px;}
.swiper-pagination-custom { margin-left: 20px; width: 70px;height: 33px;font-size: 1.125em;}
.swiper-container.button-full .swiper-button-prev {margin-left: -15px;}
.swiper-container.button-full .swiper-button-next {margin-left: 77px;}
.swiper-container.button-outer .swiper-pagination { margin-top: 10px;}
/*============other===============*/
.index-box {bottom: 110px;}
.index-box h2 {font-size: 2.5em;}
.index-box h3 { font-size: 1em;letter-spacing: 0.1em;}
.index .title-box, #index-about .text-box { font-size: 0.8em;}
#index-news .title-box { font-size: 0.8em;}
#index-about .text-box p{font-size: 16px;}
.index-news-list {font-size: 0.9em;}
.hot-list .grid-item { margin-bottom: 70px;}
.hot-list .text-box p, .lease-list .text-box p{margin-top:15px;}
.add-info { margin-top: 15px;}
.add-info:before { margin-bottom: 15px;}
.energy-list .text-box:after {margin-top: 20px;}
.community-abon4 { bottom: -48px;}
.community-list li{letter-spacing: 0.05em;}
.hot-section .text-box+.img-list {margin-top: 40px;}
}
@media screen and (max-width: 1200px) and (min-width: 1001px) {
.item-list-3 .text-box, .item-list-4 .text-box, .timeline-list-hor .swiper-slide{font-size: 0.9em;}
}
@media screen and (max-width: 1000px){ 
/*============main===============*/
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-3-8, .grid-5-8, .grid-1-2,.grid-1-5,.grid-4-5,.grid-3-10,.grid-6-10,.grid-right{ /*float: none;*/ width: 100%;clear: both;}
.grid-space-right, .grid-space-left, .grid-space-right-small, .grid-space-left-small{ padding-right: 0;padding-left: 0;}
.grid-top-m{margin-top: 40px;}
.grid-bottom-m{margin-bottom: 40px;}
.grid-top-m2{margin-top: 70px;}
.grid-bottom-m2{margin-bottom: 70px;}
.flex-1-12, .flex-2-12, .flex-3-12, .flex-4-12, .flex-5-12, .flex-6-12, .flex-7-12, .flex-8-12, .flex-9-12, .flex-10-12, .flex-11-12, .flex-3-8, .flex-5-8, .flex-1-2,.flex-1-5,.flex-4-5,.flex-3-10,.flex-6-10{ width: 100%; }   
.flex-container, .flex-top, .flex-bottom, .flex-center, .flex-stretch, .flex-left, .flex-right, .flex-center-justify, .flex-between, .flex-around, .flex-evenly{display: block;/*flex-direction: column;*/}
.flex-content .text-box {max-width: 100%; margin-top: 25px;}
.flex-content {padding: 0;}
.item-list-5{ width:105%;}
.item-list-5 .grid-item{ width:28.3%; margin-right: 5%;}
.item-list-4{ width: 105%;}
.item-list-4 .grid-item{ width: 45%;margin-right: 5%;}
select.select-category, .select-category select, .select-category input, .category-box .button-text{letter-spacing:0;}   
.category-list a{padding-left:10px; padding-right: 10px; }
input[type="checkbox"] + label { height: 40px; line-height: 40px;}
/*============other===============*/
.index-hot-list .text-box{font-size: 0.9em;}
.hot-list, .energy-list{max-width: 600px; margin: 0 auto;}
.lease-list{max-width: 500px; margin: 0 auto;}
.lease-list .flex-img {width: 100%;}
.lease-form .input-row:first-child .input-column{ width: 100%;margin-right: 0;}
.lease-form .input-box{height: auto;}
.feature-list{font-size: 0.9em;}
.community-list li {width: 25%;}
.store-content .content-title{padding-right: 110px;}
.store-content .info-feature:before {width: 120px;height: 150px;margin-right: -10px;}
}
@media screen and (max-width: 1000px) and (min-width: 701px), (max-width: 300px){
a.button-icon-text, .button-icon-text a{padding-left:15px;}
.button-icon-text em { float: none;margin-left: 0;margin-bottom: 3px;}
}
@media screen and (max-width: 1000px) and (min-width: 701px){
.text-inside.item-list-3 .grid-item:nth-last-of-type(2){overflow: hidden;}
}
@media screen and (max-width: 1000px) and (min-width: 501px){
.text-inside.item-list-4 .grid-item:nth-last-of-type(2){overflow: hidden;}
.thought-list .grid-item{font-size: 1.7vw;}
}
@media screen and (max-width: 1000px) and (min-width: 801px) {
}
@media screen and (max-width: 800px) {
.category-box select{ width: 33%;}
.category-box .input-search{ width: 50%;}
.category-box #twzipcode {width: 65%;margin-bottom: 10px;}
.category-list a { padding-left: 7px; padding-right: 7px;letter-spacing: 0;}
.community-list li {width: 33.33%;}
.index-portfolio-list .swiper-slide{width: 85%;}
.index-portfolio-list .content-title {margin-top: 20px;}
.index-hot-list{max-width:450px; }
#index-news .title-box { position:relative;right:auto;top:auto;}
.info-list div{width: 100%;margin-right:0;}
.info-list div:nth-last-of-type(2){ border-bottom:none;}
.hot-content .content-name{display: none;}
.web-navbar{position: relative;}
.sticky-page .web-navbar{position: fixed;}
.web-navbar .button-icon { text-align:center;}
.web-navbar .button-icon a{width: 15%;}
.web-navbar .button-icon a:last-child { margin-right:0;}
.web-navbar .button-icon,.sticky-page .web-navbar .button-icon{background:#9f8268;}
.web-navbar .button-icon a:first-child.text-share{display: none;}
}
@media screen and (max-width: 800px) , (max-height: 600px){
.page { margin-top: 40px;}
.page a { min-width: 35px; height: 35px;line-height: 35px;}
.grid-container{padding-top: 60px;padding-bottom: 70px;}
.style-layout1 .main, .style-layout2 .main{margin-top: -25vh;}
.style-layout2 .grid-container {padding: 60px 7% 70px 7%; margin-bottom: 80px;}
.style-layout2 .main .bg-caption{display: block;}
.section-box {padding-top:70px; padding-bottom: 70px;}
.title-box, .subtitle-box{font-size: 0.875em;}
.subtitle-box { margin-bottom:40px;}  
.timeline-list .grid-item, .timeline-list2 .grid-item{font-size:0.875em;}
.info-list .dot-list {font-size: 1em;}
.style-layout3 .img-bg .bg-caption{display: none;}
/*============other===============*/
.index-box h2 {font-size: 2em;}
.index .title-box, #index-about .text-box { font-size: 0.7em;}
.index .title-box{margin-bottom: 40px;}
#index-about .text-box p{font-size: 15px;}
.index-service-list{font-size: 0.9em;}
.index-portfolio-list .content-title { font-size: 0.8em;}
.overview .grid-container{padding-top: 100px;width: 100%;} 
.hot-list .grid-item, .lease-list .grid-item { margin-bottom:60px;}
.lease-form {padding-top: 70px;}
.energy-list .grid-item { margin-bottom: 50px;}
.community-abon4 { bottom: -38px;}
}
@media screen and (max-width: 900px) and (min-width: 701px) {
.item-list-3 .text-box{font-size: 0.9em;}
}
@media screen and (max-width: 700px){    
.item-list-5{ width: 106%;}
.item-list-5 .grid-item{ width: 44%;margin-right: 6%;}
.item-list-3, .item-list-2{ width: 100%;}
.item-list-3 .grid-item, .item-list-2 .grid-item{ width: 100%;margin-right: 0;}
.portfolio .title-box .button-text{float: none;margin-top: 20px;}
.button-icon-text{display: block; border-top: double 3px rgba(159,130,104,.5);}
.button-icon-text .grid-item{display: block; border-top: none;}
.button-icon-text .grid-item:before{display: none;}
.hot-button{ position: fixed;bottom:0;left: 0;width: 90%; padding: 0 5%; background-color: #28211e;text-align: center;} 
.hot-button a{width: 16%;color: #9f8268!important;}
}
@media screen and (max-width: 800px) and (min-width: 601px) {
.timeline-list-hor .swiper-slide{font-size: 0.9em;}
} 
.show-w400, .show-w500, .show-w600{display: none;}
@media screen and (max-width: 600px){
/*============main===============*/
.hide-w600{ display: none !important;}
.show-w600,.block-w600{display: block;}
.googlemaps {height: 400px;}
.html-edit br{display:none;}
.html-edit p span{display: inline;}
.grid-top-m2{margin-top: 60px;}
.grid-bottom-m2{margin-bottom: 60px;}
form .input-column{ width: 100%;}
form .input-column:nth-child(odd){width: 100%; margin-right: 0;}
.input-button {margin-top: 10px;}
.img-caption { bottom: 5px;font-size: 0.875em; padding: 0 10px;}
.html-edit h1, .html-title1{font-size: 1.25em;}
.html-edit h2, .html-title2{font-size: 1.125em;}
.html-edit h3, .html-title3{font-size: 1em;}
/*============other===============*/
.index-service-list { font-size: 0.8em;}
.index-service-list em{letter-spacing: 0; -ms-transform: scale3d(.6,.6,.6); -webkit-transform: scale3d(.6,.6,.6); -moz-transform: scale3d(.6,.6,.6) ; -o-transform: scale3d(.6,.6,.6); transform: scale3d(.6,.6,.6);position: relative; margin-left: -100%;left: 50%;}
#index-about .text-box p span{display: block;}
#index-about .text-box p br{display:none;}
.timeline-list-hor{width: 100%;max-width: 320px;}
.timeline-list-hor .text-box { width: 100%;}
.community-list li {width: 50%;}
#community4 .subtitle-box { padding: 0;}
.community-abon4 { position: relative; width: 100%;right:auto;margin: 0 auto;}
.content-title, .hot-section .text-box {font-size: 0.8em;}
.content-title .title6, .hot-section .text-box .title6{font-size: 16px;}   
.info-list .info-feature dt b{display: block;}
.info-list .info-feature dd{padding-top: 50px;}
.store-content .content-title { padding-right: 0;}
.store-content .info-feature:before{margin-top: -40px; margin-bottom: -10px; width: 100px; height: 120px;}
}
@media screen and (max-width: 700px) and (min-width: 501px) {
.item-list-4 .text-box{font-size: 0.9em;}
}
@media screen and (max-width: 500px) { 
li.footer-info {width: 88%;}
/*============main===============*/
.hide-w500{ display: none !important;}
.show-w500,.block-w500{display: block;}
.page a {display: none;}
.page a.active, .page a.page-first, .page a.page-last, .page a.page-next, .page a.page-prev{ display: inline-block; }
.content-name{display: none;}
.item-list-4{ width: 100%;}
.item-list-4 .grid-item{ width: 100%;margin-right: 0;}
.category-box select{ width: 48%;}
.category-box .input-search{ width: 48%;}
.category-box #twzipcode {width: 100%;}
.category-box .button-text{margin-top: 10px;}
a.button-icon2, .button-icon2 a{font-size: 13px; margin-bottom: 10px;}
/*============other===============*/ 
.index .title-box, #index-about .text-box {font-size: 0.6em;}
#index-portfolio .title-box em{ font-size: 3.5em;}
.index-service-list { width: 90%;}
.hot-list .flex-6-12:first-child{width: 110%; margin-left: -5%;}
.timeline-list .grid-item {font-size: 0.7em;}
.thought-list .grid-item{width: 100%; margin-bottom: 40px;}
.thought-list .grid-item:last-child{ margin-bottom:0;}
.community-button li { padding: 0 7px;}
a.button-icon-text, .button-icon-text a{padding-left:70px;padding-right: 0;}
.hot-section .text-box .title1{font-size: 1.8em;}
.content-page .content-title .text-year-month {float: none;margin-bottom: 7px;white-space: normal;}
.content-page .content-title .text-year-month:empty{margin-bottom: 0;}
.content-page .content-title .text-year-month ~ .text-box {padding-left: 0;}
.content-title .text-line-left { float: none;margin-top: 0;margin-bottom: 10px;}
.content-title .text-line-left ~ .text-box {padding-left: 0;}
.content-title .text-date {white-space: normal;}
.content-title .text-line-left strong{margin-right: 5px;}
}
@media screen and (max-width: 400px){  
.footer-nav > li { width: 49%;}
li.footer-info { width: 90%;} 
/*============main===============*/
.hide-w400{ display: none !important;}
.show-w400,.block-w400{display: block;}
.category-list li:last-of-type:before{display:block;}
.item-list-5 .grid-item {margin-bottom: 30px;}
.grid-item, .swiper-slide{font-size: 0.9em;}
.info-list dt{padding-right:10px;}
.info-list dd{padding-left:90px;}
input[type="reset"]+input[type="submit"] span, #reset+#submit span, #reset+#submitBtn span,input[type="reset"] span, #reset span{display: none;}
/*============other===============*/ 
.index-box { left: 15px;}
.store-list strong.title5{font-size: 1em;}
.store-list h2 { margin-top: 20px;}
.community-list li{font-size: 0.9375em; letter-spacing: 0;} 
.about .header-box {min-height: 700px;}
}
@media screen and (max-width: 350px){ 
.title-en { font-size: 2.4em;}
.community .title-box em { font-size: 2.5em;}
a.page-prev {padding-right: 5px;}
a.page-next { padding-left: 5px;}
.news-content .content-title .title2 { font-size: 1.8em;}   
}
@media screen and (max-width: 300px){ 
.title1{font-size: 2em;} 
.title2{font-size: 1.8em;}
.subtitle-box h2 {font-size: 2em;}
a.button-icon-text, .button-icon-text a{padding-left:0;padding-right: 0;}
a.text-share{display: none;}
}
@media screen and (max-width: 800px) and (orientation:portrait) {
#index-news .grid-small { width: 85%;}
}
@media screen and (max-height: 800px) {
.energy .title-box p{display: none;}
.energy .title-box { margin-bottom: 230px;}
.index-news-list .grid-item:nth-child(5){display: none;}
}
@media screen and (max-height: 600px) {
.energy .title-text + h2{display: none;}
.index-news-list .grid-item:nth-child(4){display: none;}
}
@media screen and (max-height: 400px) {
.index-box{display: none;}    
}
.horizontal { display: inherit; }
.vertical { display: none; }
@media screen and (orientation:landscape){
#index-portfolio .title-box{margin-bottom: -2em;}
.index-portfolio-list .content-title{position: absolute;bottom: 20px; left: 0;width: 100%;z-index: 1;-moz-text-shadow:1px 1px 10px rgba(0,0,0,.5); -webkit-text-shadow:1px 1px 10px rgba(0,0,0,.5); text-shadow: 1px 1px 10px rgba(0,0,0,.5);}
}
@media screen and (orientation:portrait) {
.horizontal { display: none; }
.vertical { display: inherit; }
.index-portfolio-list .content-title {margin-left: 1%;} 
.index-news-list .text-more{float: none;}
#index-about .text-box {top:auto; bottom:5%;}
.community .header-box{flex-direction: column; min-height: 800px;padding-top: 50px;}
.community-illustr { position: relative;left: auto;top: auto; margin-left: 0;margin-top:30px; width: 30%;max-width: 150px;}
.dongying .title-box { width: 85%;margin: 0 auto !important; min-width: auto;}
}