@charset "utf-8";
/*topic.css*/
.ad-gallery { width:100%; text-align:center }
.ad-gallery .ad-image img { margin:0 auto }
.ad-gallery, .ad-gallery * { margin:0; padding:0 }
.ad-gallery .ad-image-wrapper { width:100%; margin-bottom:10px; position:relative; overflow:hidden }
.ad-gallery .ad-image-wrapper .ad-loader { position:absolute; z-index:10; top:48%; left:48%; border:1px solid #CCC }
.ad-gallery .ad-image-wrapper .ad-next { position:absolute; right:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100 }
.ad-gallery .ad-image-wrapper .ad-prev { position:absolute; left:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100 }
.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { background:url(../../../templates/M1156004/min/widget/ad-gallery/non-existing.jpg) \9 }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image, .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image { background:url(/images/topic/icon-arrowbtn.png) no-repeat 0 0; width:24px; height:49px; display:block !important; position:absolute; top:47%; left:10%; z-index:101 }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background:url(/images/topic/icon-arrowbtn.png) no-repeat 8px -237px; width:24px; height:49px; right:10%; left:auto }
.ad-gallery .ad-image-wrapper .ad-image { position:absolute; overflow:hidden; top:0 !important; left:0 !important; width:100% !important; height:100% !important; z-index:9 }
.ad-gallery .ad-image-wrapper .ad-image img { display:block; max-width:100%; width:auto !important; height:auto !important }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { display:none; position:absolute; bottom:0; left:0; padding:7px; text-align:left; width:100%; z-index:2; background:url(/images/topic/opa75.png); color:#000 }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='opa75.png')
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display:block }
.ad-gallery .ad-controls { height:20px; display:none }
.ad-gallery .ad-info { float:left }
.ad-gallery .ad-slideshow-controls { float:right }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left:5px; cursor:pointer }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left:5px; font-size:.9em }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor:default; font-style:italic }
.ad-gallery .ad-nav { width:100%; position:relative }
.ad-gallery .ad-back, .ad-gallery .ad-forward { position:absolute; top:0; height:100%; z-index:10 }
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height:100px }
.ad-gallery .ad-nav .ad-thumbs { overflow:hidden; width:100% }
.ad-gallery .ad-thumbs .ad-thumb-list { width:9000px; list-style:none; margin:0 auto; text-align:center }
.ad-gallery .ad-thumbs li { padding-right:5px }
@media(max-width:768px) {
.ad-gallery .ad-thumbs li a img {
width:64px;
height:64px
}
}
@media(min-width:768px) {
.ad-gallery .ad-thumbs li {
float:none !important;
display:inline-block
}
}
.ad-gallery .ad-thumbs li a { display:block }
.ad-gallery .ad-thumbs li a img { border:2px solid #fff; display:block }
.ad-gallery .ad-thumbs li a.ad-active img { border:2px solid #f2a654 }
.ad-preloads { position:absolute; left:-9000px; top:-9000px }
.ad-gallery { width:100%; text-align:center }
.ad-gallery .ad-image img { margin:0 auto }
.ad-gallery, .ad-gallery * { margin:0; padding:0 }
.ad-gallery .ad-image-wrapper { width:100%; margin-bottom:10px; position:relative; overflow:hidden }
.ad-gallery .ad-image-wrapper .ad-loader { position:absolute; z-index:10; top:48%; left:48%; border:1px solid #CCC }
.ad-gallery .ad-image-wrapper .ad-next { position:absolute; right:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100 }
.ad-gallery .ad-image-wrapper .ad-prev { position:absolute; left:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100 }
.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { background:url(../../../templates/M1156004/min/widget/ad-gallery/non-existing.jpg) \9 }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image, .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image { background:url(/images/topic/icon-arrowbtn.png) no-repeat 0 0; width:24px; height:48px; display:block !important; position:absolute; top:47%; left:50%; margin-left:-12px; z-index:101 }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background:url(/images/topic/icon-arrowbtn.png) no-repeat 0 -50px; width:24px; height:48px; right:50%; margin-right:-12px; left:auto }
.ad-gallery .ad-image-wrapper .ad-image { position:absolute; overflow:hidden; top:0; left:0 !important; width:100% !important; z-index:9 }
.ad-gallery .ad-image-wrapper .ad-image img { display:block; max-width:100%; width:auto !important; height:auto !important }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position:absolute; bottom:0; left:0; padding:7px; text-align:left; width:100%; z-index:2; background:url(/images/topic/opa75.png); color:#000 }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='opa75.png')
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display:block }
.ad-gallery .ad-controls { height:20px; display:none }
.ad-gallery .ad-info { float:left }
.ad-gallery .ad-slideshow-controls { float:right }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left:5px; cursor:pointer }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left:5px; font-size:.9em }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor:default; font-style:italic }
.ad-gallery .ad-nav { width:100%; position:relative }
.ad-gallery .ad-back, .ad-gallery .ad-forward { position:absolute; top:0; height:100%; z-index:10 }
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height:100px }
.ad-gallery .ad-nav .ad-thumbs { overflow:hidden; width:100% }
.ad-gallery .ad-thumbs .ad-thumb-list { width:9000px; list-style:none; margin:0 auto }
.ad-gallery .ad-thumbs li { float:left; padding-right:5px }
.ad-gallery .ad-thumbs li a { display:block }
.ad-gallery .ad-thumbs li a img { border:2px solid #fff; display:block }
.ad-gallery .ad-thumbs li a.ad-active img { border:2px solid #f2a654 }
.ad-preloads { position:absolute; left:-9000px; top:-9000px }

/* */
a, a:focus, a:hover { color:#d80808; text-decoration:none }
b, strong { font-weight:bold }
.less-link { color:#2a333c }
.less-link:hover { color:#d80808 }
.less-decorationnone { text-decoration:none }
.less-decorationnone:active, .less-decorationnone:focus, .less-decorationnone:hover { text-decoration:none }
.columns-box { padding-top:5%; padding-bottom:4%; text-align:center }
.columns-box .row div { padding-bottom:1% }
.columns-box i { font-size:34px; color:#37474f }
.columns-box a:hover h4 { color:#d80808 }
.columns-box h4 { display:block; padding:12px 0 10px 0 }
.columns-box p { line-height:2; color:#555 }
@media(min-width:1600px) {
.columns-box p {
white-space:pre-wrap
}
}
@media(max-width:991px) {
.columns-box {
padding-top:60px;
padding-bottom:35px
}
.columns-box p {
white-space:pre-wrap
}
}
#met-weixin { cursor:pointer }
.met-editor img { max-width:100% !important }
.overlay-fade { opacity:0 }
.overlay-background { background:rgba(216, 8, 8, .75) }
.met-img li img { -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
@media(min-width:1200px) {
.met-img li:hover img {
-webkit-transform:scale(1.25, 1.25);
-ms-transform:scale(1.25, 1.25);
transform:scale(1.25, 1.25);
-webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
}
.met-img h3 { font-size:14px }
.only-box { background:#f2f5f8; position:relative }
.only-img { width:50%; height:100%; position:absolute; top:0; left:0; overflow:hidden }
.only-img span { width:100%; height:100%; display:block; background:center no-repeat; background-size:cover; -webkit-animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s }
.only-imgs { float:left; width:50%; position:relative; overflow:hidden }
.only-imgs img { width:100%; -webkit-animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s }
.only-cut { float:right; width:50%; color:#222; padding:5%; line-height:2 }
.only-cut h2.h2 { display:block; margin:0 0 30px 0 }
.only-cut p { margin-bottom:14px }
.only-button { padding:7px 28px; border:1px solid #222; color:#222; margin-top:19px; display:inline-block; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.only-button:hover { color:#fff; background:#c00; border-color:#c00; text-decoration:none; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
@media(max-width:991px) {
.only-img {
width:100%;
height:350px;
position:relative
}
.only-imgs {
float:none;
width:100%
}
.only-cut {
float:none;
width:100%;
padding:60px 30px;
line-height:1.79999
}
}
.multi-box { position:relative }
.multi-cut { float:left; width:50%; color:#222; padding:5%; line-height:2 }
.multi-cut h2.h2 { display:block; margin:0 0 30px 0 }
.multi-cut p { margin-bottom:14px }
.multi-button { padding:7px 28px; border:1px solid #222; color:#222; margin-top:19px; display:inline-block; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.multi-button:hover { color:#fff; background:#c00; border-color:#c00; text-decoration:none; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.multi-move { float:right; width:50% }
.multi-fixed { float:none; position:absolute; right:0; top:0; height:100% }
.multi-move img { width:100% }
.multi-move .slick-slide { -webkit-animation:SlickOut cubic-bezier(1, 0, .5, .5) 1s; animation:SlickOut cubic-bezier(1, 0, .5, .5) 1s }
.multi-move .slick-current { width:100%; height:100% !important; -webkit-animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s }
.multi-img { height:100%; background:center no-repeat; background-size:cover }
.slick-list, .slick-track { height:100% }
@media(max-width:991px) {
.multi-cut {
float:none;
width:100%;
padding:60px 30px;
line-height:1.79999
}
.multi-move {
float:none;
width:100%
}
.multi-fixed {
position:relative;
height:350px
}
}
.abouts-table { display:table; width:100% }
.abouts-imgs { width:50%; position:relative; display:table-cell; overflow:hidden; vertical-align:top }
.abouts-imgs .abouts-fixed { background-position:center; background-size:cover; -webkit-animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s }
.abouts-imgs img { width:100% }
@media(max-width:991px) {
.abouts-imgs {
width:100%;
display:block
}
.abouts-imgs .abouts-fixed {
min-height:350px;
position:relative
}
}
.abouts-blue { background:#f2f5f8 }
.abouts-text { width:50%; color:#222; display:table-cell; padding:5%; line-height:2; vertical-align:baseline }
.abouts-text h2.h2 { display:block; margin:0 0 30px 0 }
.abouts-text p { margin-bottom:14px }
.abouts-padding5 { padding:5% }
.abouts-button { padding:7px 28px; border:1px solid #222; color:#222; margin-top:19px; display:inline-block; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.abouts-button:hover { color:#fff; background:#c00; border-color:#c00; text-decoration:none; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.abouts-move { width:50%; display:table-cell; overflow:hidden; position:relative; vertical-align:top }
@media(max-width:991px) {
.abouts-table {
display:block
}
.abouts-text {
width:100%;
display:block;
padding:60px 30px;
line-height:1.79999
}
.abouts-move {
width:100%;
display:block;
min-height:350px
}
}
.abouts-fixed { width:100%; height:100%; position:absolute; top:0; left:0 }
.carousels { width:100%; height:100%; position:relative; overflow:hidden }
.carousels .list { width:100%; height:100%; background:center; background-size:cover }
.slick-list, .slick-track { height:100% }
.carousels .slick-slide { -webkit-animation:SlickOut cubic-bezier(1, 0, .5, .5) 1s; animation:SlickOut cubic-bezier(1, 0, .5, .5) 1s }
.carousels .slick-current { width:100%; height:100% !important; -webkit-animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation:SlickIn cubic-bezier(1, 0, .5, .5) 1s }
.carousels img { width:100% }
.abouts-align1 { vertical-align:middle }
@media(max-width:991px) {
.abouts-move .abouts-fixed {
position:relative
}
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.carousels .slick-current {
-ms-animation:none
}
}
@-webkit-keyframes SlickIn { 0% {
-webkit-transform:scale(1.2, 1.2)
}
100% {
-webkit-transform:scale(1, 1)
}
}
@-webkit-keyframes SlickOut { 0% {
-webkit-transform:scale(1, 1)
}
100% {
-webkit-transform:scale(.8, .8)
}
}
@keyframes SlickIn { 0% {
transform:scale(1.2, 1.2)
}
100% {
transform:scale(1, 1)
}
}
@keyframes SlickOut { 0% {
transform:scale(1, 1)
}
100% {
transform:scale(.8, .8)
}
}
.slick-prev, .slick-prev:focus { left:0; z-index:9; width:40px; height:60px; background:rgba(0, 0, 0, .1); margin-top:-30px; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.slick-next, .slick-next:focus { right:0; z-index:9; width:40px; height:60px; background:rgba(0, 0, 0, .1); margin-top:-30px; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.slick-prev:hover { background:#d80808; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.slick-next:hover { background:#d80808; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
/*prices*/
.prices-box { background:#f2f4f8; overflow:hidden; padding-bottom:5% }
.prices-title { text-align:center; margin-top:5% }
.prices-title span { border:1px solid #222; height:0; line-height:0; width:40px; display:block; margin:40px auto }
@media(max-width:991px) {
.prices-box { padding-bottom:60px; }
.prices-title { margin-top:60px; }
}
/*prices-move*/
.prices-move li { clear:none }
.prices-move li a { position:relative; overflow:hidden; display:block; cursor:pointer }
.prices-move li a img { display:block; -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
@media(min-width:1200px) {
.prices-move li:hover a img {
-webkit-transform:scale(1.25, 1.25);
-ms-transform:scale(1.25, 1.25);
transform:scale(1.25, 1.25);
-webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
}
.prices-move li p { position:absolute; top:0; left:0; width:100%; height:100%; background:#d80808; background:rgba(216, 8, 8, .75); z-index:9; opacity:0; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.prices-move li p:hover { opacity:1; -webkit-transition:.5s; -ms-transition:.5s; transition:.5s; }
.prices-move li p span { display:block; color:#fff; text-align:center; font-size:16px; position:absolute; width:90%; left:5%; bottom:52% }
.prices-move li p font { display:block; color:#fff; text-align:center; position:absolute; font-size:14px; width:90%; left:5%; top:52%; opacity:.8 }

/*prices-video*/
.prices-video img { max-width:100% }
.video-content { width:100%; position:relative; }
.video-content span { position:absolute; top:0; left:0; width:100%; height:auto; z-index:9; cursor:pointer; }
.video-content span p { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:rgba(0, 0, 0, .1) }
.video-content span p i { position:absolute; font-size:100px; color:rgba(255, 255, 255, .65); top:50%; left:50%; width:100px; height:100px; line-height:100px; text-align:center; margin:-50px 0 0 -50px; text-shadow:0 0 10px rgba(255, 255, 255, .25); animation:video 3s infinite; -webkit-animation:video 3s infinite; transition:color .5s;
-moz-transition:color .5s;
-webkit-transition:color .5s;
-o-transition:color .5s
}
.video-content span:hover p i { color:rgba(255, 255, 255, .85); transition:color .5s;
-moz-transition:color .5s;
-webkit-transition:color .5s;
-o-transition:color .5s
}
.video-content span img { display:block; width:100% }
.video-content video { width:100%; display:block }
@keyframes video { 0% {
text-shadow:0 0 10px rgba(255, 255, 255, .25)
}
50% {
text-shadow:0 0 25px rgba(255, 255, 255, .45)
}
100% {
text-shadow:0 0 10px rgba(255, 255, 255, .25)
}
}
@-webkit-keyframes video { 0% {
text-shadow:0 0 10px rgba(255, 255, 255, .25)
}
50% {
text-shadow:0 0 25px rgba(255, 255, 255, .45)
}
100% {
text-shadow:0 0 10px rgba(255, 255, 255, .25)
}
}
@media(max-width:991px) {
.video-content span p i { font-size:80px; }
}
@media(max-width:767px) {
.video-content span p i { font-size:60px; }
}
/**/
.wid-img { cursor:pointer }
.wid-img p { position:absolute; top:0; left:0; width:100%; height:100%; background:#d80808; background:rgba(216, 8, 8, .75); z-index:9; opacity:0; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.wid-img p:hover { opacity:1; -webkit-transition:.5s;
-ms-transition:.5s;
transition:.5s
}
.wid-img p span { display:block; color:#fff; text-align:center; font-size:16px; position:absolute; width:90%; left:5%; bottom:52% }
.wid-img p font { display:block; color:#fff; text-align:center; position:absolute; font-size:14px; width:90%; left:5%; top:52%; opacity:.8 }


.info-box { background:#fff; overflow:hidden; padding-bottom:5% }
.info-list { line-height:2 }
.info-list img { display:block; padding:15px 0 }
.info-list strong { display:block; font-size:16px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.info-list a:hover { text-decoration:none }
.info-list font { display:block; color:#7a7a7a; padding:0 0 15px 0 }
.info-list p { display:block; color:#7a7a7a; max-height:112px; overflow:hidden }
.info-list span { display:block; color:#7a7a7a; margin-top:20px; font-size:12px }
.info-list span a { display:inline; color:#7a7a7a; font-size:12px; padding-left:5px }
@media(max-width:767px) {
.info-list li {
float:none !important
}
}
.btn-primary { background-color:#d80808; border:0 }
.btn-success { background:#d80808; border:0 }
.btn-success.focus, .btn-success:focus, .btn-success:hover { background:#2c2e2e }
.btn-outline.btn-primary { color:#fff; background:#2c2e2e }
.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.dropdown-toggle.btn-outline.btn-primary { background:#d80808 }
.height-20 { height:20px }
.less-page-content { background:#fff; padding:30px }
@media(max-width:768px) {
.less-page-content {
padding:10px
}
}
.less-page-body { padding:30px 0; background:#fff }
@media(max-width:768px) {
.less-page-body {
padding:0
}
}
.less-uldestyle { padding:0; list-style:none }
.met-editor { background:#fff; padding:30px 0; line-height:2; font-size:14px; font-weight:300; color:#222 }
@media(max-width:768px) {
.met-editor {
padding:10px
}
}
@media(max-width:768px) {
.met-editor {
font-weight:300;
font-size:14px
}
}
.met-editor p { margin-bottom:16px }
.met-editor img { max-width:100%; height:auto !important }
.met-editor table { color:#2a333c }
.met_pager { margin-top:20px; text-align:center }
.met_pager a { border:1px solid #e4eaec; border-right:0; background:#fff; padding:9px 15px; text-align:center; color:#76838f }
.met_pager a:hover { background:#f5f5f5; text-decoration:none }
.met_pager a.NextA { border-right:1px solid #e4eaec }
.met_pager .PreSpan, .met_pager .NextSpan { border:1px solid #e4eaec; padding:9px 15px; background:#fff; color:#ccd5db; cursor:default }
.met_pager .firstPage, .met_pager .lastPage { height:28px; line-height:28px; min-width:40px }
.met_pager a.Ahover { background:#d80808; border-color:#d80808; color:#fff; cursor:default }
.met_pager a.Ahover:hover { background:#d80808; border-color:#d80808; color:#fff }
.met_pager a { text-decoration:none }
.met_pager a:active, .met_pager a:focus, .met_pager a:hover { text-decoration:none }
.met_pager .PageText { margin-left:10px; color:#aaa; display:none }
.met_pager input { display:none }
.met-scroll-top { position:fixed; right:10px; bottom:10px }
body { font:14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; color:#2a333c }
.dropdown-menu, .dropdown-menu>li>a { border-radius:0; font-weight:normal }
.overflow-visible { overflow:visible !important }
.dropdown-menu>li { padding:0 }
.dropdown-menu>li>a:hover { background:#f5f5f5 }
.dropdown-menu>li>a { color:#2a333c !important; transition:color .5s;
-moz-transition:color .5s;
-webkit-transition:color .5s;
-o-transition:color .5s;
transition:background .5s;
-moz-transition:background .5s;
-webkit-transition:background .5s;
-o-transition:background .5s
}
.dropdown-menu>li>a:hover { color:#d80808 !important }
.lg-outer .lg-thumb-item { border-radius:0 }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color:#d80808 }
.met-white-lightGallery .lg-backdrop { background:#fff }
.met-white-lightGallery .lg-actions .lg-next, .met-white-lightGallery .lg-actions .lg-prev, .met-white-lightGallery .lg-sub-html, .met-white-lightGallery .lg-toolbar { background:#fff }
.met-white-lightGallery .lg-toolbar .lg-icon:hover { color:#333 }
.met-white-lightGallery .lg-actions .lg-next:hover, .met-white-lightGallery .lg-actions .lg-prev:hover { color:#333 }
.met-white-lightGallery .lg-outer .lg-thumb-outer, .met-white-lightGallery .lg-outer .lg-toogle-thumb { background-color:#f2f5f8 }
.met-white-lightGallery .lg-outer .lg-toogle-thumb:hover { color:#333 }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background:red }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background:#c00 }
.met-nav { border-radius:0; min-height:100px; margin-bottom:0; box-shadow:none; position:absolute; width:100%; z-index:999; box-shadow:0 0 6px rgba(0, 0, 0, .1) }
.met-nav.while { position:relative }
.met-nav.on { position:fixed }
.met-nav.navbar-default { background:#000; background:rgba(0, 0, 0, .6) }
.met-nav .dropdown-menu-right.bullet:after, .met-nav .dropdown-menu-right.bullet:before { display:none }
.met-nav.navbar-default.while { background:#fff }
.met-nav.navbar-default.on { background:#fff; transform:translateY(-120px); -webkit-transform:translateY(-120px); -o-transform:translateY(-120px); -ms-transform:translateY(-120px); -moz-transform:translateY(-120px) }
.met-nav.navbar-default.on.in { transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
-webkit-transition:.5s
}
.met-nav .navbar-logo { margin:0; padding:0; margin-left:0 !important; display:block; height:100px }
.met-nav .navbar-logo img { max-height:100px }
.met-nav .navbar-logo img.logox { display:none }
.met-nav .navbar-logo img.logos { display:block }
.met-nav.on .navbar-logo img.logox { display:block }
.met-nav.on .navbar-logo img.logos { display:none }
.met-nav.while .navbar-logo img.logox { display:block }
.met-nav.while .navbar-logo img.logos { display:none }
.met-nav .navbar-toggle { height:100px }
.met-nav .nav>li>a { color:#fff !important; transition:color .5s;
-moz-transition:color .5s;
-webkit-transition:color .5s;
-o-transition:color .5s;
transition:background .5s;
-moz-transition:background .5s;
-webkit-transition:background .5s;
-o-transition:background .5s
}
.met-nav.on .nav>li>a { color:#222 !important }
.met-nav.while .nav>li>a { color:#222 !important }
.met-nav .nav>li>a:hover, .met-nav .dropdown.open>a { background:#000 !important }
.met-nav.on .nav>li>a:hover, .met-nav.on .dropdown.open>a { background:#f2f5f8 !important }
.met-nav.while .nav>li>a:hover, .met-nav.while .dropdown.open>a { background:#f2f5f8 !important }
.met-nav .met-nav-login { text-align:center }
.met-nav .navbar-nav>li>.dropdown-menu { background:#000; background:rgba(0, 0, 0, .6); border:0; top:101px }
.met-nav.on .navbar-nav>li>.dropdown-menu { background:#fff }
.met-nav.while .navbar-nav>li>.dropdown-menu { background:#fff }
.met-nav .dropdown-menu>li>a:hover { background:#000 }
.met-nav.on .dropdown-menu>li>a:hover { background:#f2f5f8 }
.met-nav.while .dropdown-menu>li>a:hover { background:#f2f5f8 }
.met-nav .dropdown-menu>li>a { color:#fff !important; padding:12px 15px }
.met-nav.on .dropdown-menu>li>a { color:#222 !important }
.met-nav.while .dropdown-menu>li>a { color:#222 !important }
.dropdown-menu>.dropdown-submenu:hover .dropdown-menu { background:#000; background:rgba(0, 0, 0, .6); border:0; margin-left:1px }
.met-nav.on .dropdown-menu>.dropdown-submenu:hover .dropdown-menu { background:#fff }
.met-nav.while .dropdown-menu>.dropdown-submenu:hover .dropdown-menu { background:#fff }
@media(max-width:767px) {
.met-nav {
min-height:70px
}
.met-nav .navbar-toggle {
height:70px
}
.met-nav .navbar-logo {
height:70px
}
}
@media(max-width:992px) {
.met-nav .nav>li {
margin-left:0 !important
}
.met-nav .dropdown-menu>li>.dropdown-menu>li>a {
padding-left:40px
}
.met-nav .navbar-collapse-toolbar {
border:0
}
.met-nav .navbar-collapse-toolbar.in {
overflow-y:scroll;
border:0
}
.met-nav .navbar-logo {
margin-left:10px !important
}
}
@media(min-width:768px) {
.met-nav .nav>li>a {
padding-top:0;
padding-bottom:0;
height:100px;
line-height:100px
}
.met-nav .dropdown-menu {
top:100px
}
.met-nav .dropdown-menu.bullet {
top:100px
}
.met-nav .met-nav-login {
height:100px;
padding-top:0;
margin-left:10px
}
}


.met-banner { width:100%; height:100%; position:relative; }
.met-banner a { display:block; overflow:hidden; width:100%; height:100%; background-position:center; background-size:cover; position:relative; -webkit-transition:.3s; }

@media (max-width: 991px) {
 .met-banner a { width:991px; }
}
@media (max-width: 767px) {
 .met-banner a { width:767px; }
}
@media (max-width: 429px) {
 .met-banner a { width:429px; }
}




.met-banner .container { position:relative; height:100%; text-align:center }
.met-banner.auto .container { position:absolute; left:0; top:0; right:0; bottom:0; z-index:1 }
.met-banner span { display:block; position:absolute }
.met-banner span.p-1 { left:15px; top:40%; text-align:left }
.met-banner span.p-2 { right:15px; top:40%; text-align:right }
.met-banner span.p-3 { top:10%; left:0; right:0 }
.met-banner span.p-4 { top:auto; bottom:10%; left:0; right:0 }
.met-banner span.p-5 { top:40%; left:0; right:0 }
.met-banner span h3 { font-size:30px; font-weight:300; margin:0; color:#fff; text-shadow:0 0 15px rgba(0, 0, 0, 1) }
.met-banner span p { font-size:36px; font-weight:300; margin:0; text-shadow:none; color:#fff; text-shadow:0 0 15px rgba(0, 0, 0, 1) }
.met-banner .slick-current span h3 { -webkit-animation:slidetop 1.3s; animation:slidetop 1.3s }
.met-banner .slick-current span p { -webkit-animation:slidebottom 1.3s; animation:slidebottom 1.3s }
@-webkit-keyframes slidetop { 0% {
-webkit-transform:translateY(-50px);
opacity:0
}
100% {
-webkit-transform:translateY(0);
opacity:1
}
}
@keyframes slidetop { 0% {
transform:translateY(-50px);
opacity:0
}
100% {
transform:translateY(0);
opacity:1
}
}
@-webkit-keyframes slidebottom { 0% {
-webkit-transform:translateY(50px);
opacity:0
}
100% {
-webkit-transform:translateY(0);
opacity:1
}
}
@keyframes slidebottom { 0% {
transform:translateY(50px);
opacity:0
}
100% {
transform:translateY(0);
opacity:1
}
}
.met-banner .slick-dots { bottom:5% }
@media(max-width:768px) {
.met-banner span h3 {
font-size:20px
}
.met-banner span p {
font-size:26px
}
}
.met-banner-ny { background-color:#d80808; height:120px }
@media(max-width:768px) {
.met-banner-ny {
height:90px
}
}
.met-banner-ny h1, .met-banner-ny h2 { color:#fff; font-size:35px; font-weight:300; padding:10px 30px; margin:0; text-shadow:none }
.met-position { background:#fff; border-bottom:1px solid #f0f2f5 }
.met-position.bordernone { border-bottom:0 }
@media(max-width:768px) {
.met-position {
border-bottom:1px solid #f0f2f5
}
}
.met-position .breadcrumb { margin:0; padding:15px }
.met-position a { text-decoration:none; color:#90939b }
.met-position a:active, .met-position a:focus, .met-position a:hover { text-decoration:none; color:#d80808 }
.breadcrumb li+li:before { color:#90939b }
.nav-tabs-line>li.active>a, .nav-tabs-line>li.active>a:focus, .nav-tabs-line>li.active>a:hover { font-size:16px; color:#222; border-bottom-color:#222 }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot h4.example-title { color:#222 }
.met-position.pattern-show { background:#f2f5f8; border-bottom:0; line-height:32px }
.met-position.pattern-show .breadcrumb { padding:10px; font-size:16px }
.met-column-nav { text-align:center; border-bottom:1px solid #f0f2f5 }
.met-column-nav.bordernone { border-bottom:0 }
@media(max-width:768px) {
.met-column-nav {
border-bottom:1px solid #f0f2f5
}
.met-column-nav .sidebar_tile {
height:52px;
overflow:hidden
}
}
.met-column-nav ul.met-column-nav-ul { padding:0; list-style:none; margin-bottom:0 }
.met-column-nav ul.met-column-nav-ul>li { display:inline-block }
.met-column-nav ul.met-column-nav-ul>li a.link { text-decoration:none; font-size:16px; font-weight:300; padding:14px; display:block; color:#90939b }
.met-column-nav ul.met-column-nav-ul>li a.link:active, .met-column-nav ul.met-column-nav-ul>li a.link:focus, .met-column-nav ul.met-column-nav-ul>li a.link:hover { text-decoration:none }
.met-column-nav ul.met-column-nav-ul>li a.link:hover, .met-column-nav ul.met-column-nav-ul>li a.link.active { color:#d80808 }
.met-column-nav ul.met-column-nav-ul>li>ul>li>a.active { color:#d80808 !important }
.met-column-nav ul.met-column-nav-ul>li .dropdown-menu.bullet { top:40px }
@media(min-width:992px) {
.met-column-nav.product-search-body {
text-align:left
}
}
.met-column-nav.product-search-body .product_search .form-group { width:90%; margin:0 auto; margin-bottom:15px }
@media(min-width:992px) {
.met-column-nav.product-search-body .product_search .form-group {
width:100%;
margin-top:7px;
margin-bottom:0
}
}
.met-column-nav.product-search-body .product_search.navno .form-group { margin-top:15px }
@media(min-width:992px) {
.met-column-nav.product-search-body .product_search.navno .form-group {
margin-top:8px;
margin-bottom:8px
}
}



.met-langlist {
margin-top:14px;
position:relative
}
#met-langlist-modal .modal-center {
height:auto !important
}
}
.met-show { padding:30px 0; background:#fff; min-height:500px }
@media(max-width:768px) {
.met-show {
padding-top:10px;
padding-bottom:10px
}
}
.met-news { padding:30px 0; background:#f2f5f8; border-top:1px solid #f0f2f5 }
.met-news .met-news-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-news {
padding:0
}
}
.met-news .carousel .item .carousel-caption { right:0; left:0; bottom:0; padding:20px 0 30px }
.met-news .carousel .item .carousel-caption h3 { margin:0; margin-bottom:5px; font-size:20px }
@media(max-width:768px) {
.met-news .carousel .item .carousel-caption {
padding:20px 0 10px
}
.met-news .carousel .item .carousel-caption h3 {
margin:0;
font-size:18px
}
}
.met-news .carousel .carousel-indicators { bottom:5px }
.met-news .carousel .carousel-indicators li { box-shadow:0 0 0 1px #fff inset }
.met-news .met-news-list { background:#fff; padding:30px }
@media(max-width:768px) {
.met-news .met-news-list {
padding:10px
}
}
@media(max-width:768px) {
.met-news .met-news-list {
padding-top:20px
}
}
.met-news .met-news-list .news-carousel { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f0f2f5 }
@media(max-width:768px) {
.met-news .met-news-list .news-carousel {
padding-bottom:20px;
margin-bottom:20px
}
}
.met-news .met-news-list h4 { margin:0 }
.met-news .met-news-list ul { padding:0; list-style:none }
.met-news .met-news-list ul li { border-bottom:1px solid #f0f2f5; padding-bottom:30px; margin-bottom:30px }
.met-news .met-news-list ul li h4 { font-size:18px; margin-bottom:20px }
.met-news .met-news-list ul li h4 a { color:#2a333c }
.met-news .met-news-list ul li h4 a:hover { color:#d80808 }
.met-news .met-news-list ul li p { margin-bottom:0 }
.met-news .met-news-list ul li p.des { color:#76838f; font-size:14px; font-weight:300; margin-bottom:10px }
.met-news .met-news-list ul li p.info { color:#a3afb7; font-size:14px; font-weight:300 }
.met-news .met-news-list ul li p.info i { color:#a3afb7; font-weight:300 }
@media(max-width:768px) {
.met-news .met-news-list ul li {
padding-bottom:20px;
margin-bottom:20px
}
.met-news .met-news-list ul li h4 {
font-size:18px;
margin-bottom:10px
}
.met-news .met-news-list ul li .media .media-left {
padding-right:10px
}
.met-news .met-news-list ul li .media p.des {
display:none
}
.met-news .met-news-list ul li .media.media-lg .media-object {
width:120px
}
}
.met-news.type-3 .met-news-body { box-shadow:none }
@media(max-width:768px) {
.met-news.type-3 .met-news-body {
margin-bottom:20px
}
}
.met-news.type-3 .widget { border-radius:0 }
@media(max-width:768px) {
.met-news.type-3 .widget {
margin:15px 10px
}
}
.met-news.type-3 .widget .widget-body:last-child { border-radius:0 }
.met-news.type-3 .widget .widget-title a { color:#2a333c }
.met-news.type-3 .widget .widget-title a:hover { color:#d80808 }
.met-news.type-3 .widget .widget-header { border-radius:0 }
.met-news-bar { background:#fff; margin-left:30px; padding:20px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:992px) {
.met-news-bar {
margin-left:0;
margin-top:30px;
padding:30px
}
}
@media(max-width:768px) {
.met-news-bar {
margin-left:0;
margin-top:0;
padding:20px 15px
}
}
.met-shownews .met-editor { padding-left:30px; padding-right:30px }
.met-news-bar ul.column { padding:0; list-style:none }
.met-news-bar ul.column li { margin-bottom:10px }
.met-news-bar ul.column li a { font-size:16px; color:#2a333c }
.met-news-bar ul.column li a:hover { color:#d80808 }
.met-news-bar ul.column li a.active { color:#d80808 }
.met-news-bar .recommend { margin:20px 0; padding:20px 0; border-top:1px solid #f0f2f5; border-bottom:1px solid #f0f2f5 }
.met-news-bar .recommend h3 { font-size:18px; font-weight:300; margin:0 }
.met-news-bar .recommend .list-group { margin-top:10px; margin-bottom:0 }
.met-news-bar .recommend .list-group a { color:#2a333c; font-size:14px }
.met-news-bar .recommend .list-group a:hover { color:#d80808 }
.met-shownews { padding:30px 0; background:#f2f5f8; border-top:1px solid #f0f2f5 }
.met-shownews .met-shownews-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
.met-shownews .met-news-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-shownews {
padding:0
}
}
.met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { background:#fff; padding:30px }
@media(max-width:768px) {
.met-shownews .met-shownews-header, .met-shownews .met-shownews-footer {
padding:10px
}
}
.met-shownews .met-shownews-header { padding-bottom:0 }
.met-shownews h1 { margin:0; font-size:22px; margin-bottom:5px }
@media(max-width:768px) {
.met-shownews .met-shownews-header {
padding-top:20px
}
}
.met-shownews .info { color:#a3afb7; font-size:14px; font-weight:300; padding-bottom:20px; border-bottom:1px solid #f0f2f5 }
.met-shownews .info span { padding-right:10px }
@media(max-width:768px) {
.met-shownews .info {
padding-bottom:20px
}
}
.met-shownews .met-shownews-footer { padding-top:0 }
.met-shownews .met-shownews-footer ul.pager { margin:0; border-top:1px solid #f0f2f5; padding-top:20px }
.met_tools_code { text-align:center; margin-top:30px; font-size:0 }
@media(max-width:768px) {
.met_tools_code {
margin-top:10px
}
}
.met_tools_code .bdsharebuttonbox { display:inline }
.met_tools_code .bdsharebuttonbox a { float:none; display:inline-block }
.met-product { background:#f2f5f8 }
.met-product .less-page-content { background:#f2f5f8 }
.met-product .widget, .met-product .widget .widget-header, .met-product .widget-body { border-radius:0 !important }
@media(max-width:768px) {
.met-product .blocks { margin-left:-10px; margin-right:-10px; }
}
.met-product .met-toolbar-body { margin-bottom:15px; margin-top:-15px }
.met-product .met-toolbar-body .btn-toolbar { float:right }
.met-product .met-toolbar-body .btn-toolbar .btn-group { background:#fff }
.met-product .met-figure .widget-body { display:none }
@media(min-width:992px) {
.met-product.type-1 .less-page-content {
padding:30px 0
}
}
@media(max-width:768px) {
.met-product.type-1 .less-page-content {
padding-right:0
}
.met-product.type-1 ul.blocks {
padding-left:10px;
margin:0;
padding:0
}
.met-product.type-1 ul.blocks li .widget {
margin-right:10px
}
.met-product.type-1 ul.blocks li {
width:50%;
margin-right:0;
margin-left:0;
margin-bottom:0;
padding-left:0;
padding-right:0
}
}
.met-product.type-1 h4 { font-size:14px; text-align:center }
.met-product.type-1 h4 a { color:#2a333c }
.met-product.type-1 h4 a:hover { color:#d80808 }
.met-product.type-1 .widget img[data-original] { height:auto !important }
@media(min-width:768px) {
.met-product.type-2 .less-page-content {
padding:15px
}
}
@media(max-width:768px) {
.met-product.type-2 .less-page-content {
padding-right:0
}
.met-product.type-2 ul.blocks {
padding-left:10px;
margin:0;
padding:0
}
.met-product.type-2 ul.blocks li .widget {
margin-right:10px
}
.met-product.type-2 ul.blocks li {
width:50%;
background:#f2f5f8
}
.met-product.type-2 ul.blocks li .cover-body {
margin-right:10px;
margin-bottom:10px
}
}
.met-product.type-2 .met_pager { margin-top:20px }
.met-product.type-2 ul .widget-shadow { box-shadow:none }
.met-product.type-2 .widget h3 { font-weight:300 }
.met-product.type-2 .visible-xs-block { margin-top:20px; margin-left:-5px; margin-right:-5px }
@media(max-width:768px) {
.met-product.type-3 ul.blocks li {
padding-left:10px;
padding-right:10px;
margin-bottom:10px
}
}
.met-grid li { opacity:0 }
.met-grid li.shown, .no-js .met-grid li, .no-cssanimations .met-grid li { opacity:1 }
.met-grid li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards;
animation:moveUp .65s ease forwards
}
@-webkit-keyframes moveUp { 100% {
-webkit-transform:translateY(0);
opacity:1
}
}
@keyframes moveUp { 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
.met-showproduct.pagetype1 { background:#f2f5f8 }
.met-showproduct.pagetype1 .less-page-content { background:#f2f5f8 }
.met-showproduct.pagetype1 .met-showproduct-head { background:#fff; padding:30px 0 }
.met-showproduct.pagetype1 .met-showproduct-head .ad-gallery .ad-thumbs li a.ad-active img { border:2px solid #d80808 }
.met-showproduct.pagetype1 .met-showproduct-head .ad-image { cursor:zoom-in }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 { font-size:28px; margin-top:0 }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description { color:#5e7387; margin-bottom:15px }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro .para { border-top:1px solid #f0f2f5; border-bottom:1px solid #f0f2f5; padding:15px; padding-bottom:0 }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro .tools { margin:15px 15px 0 }
.met-showproduct.pagetype1 .met-showproduct-body { padding:30px 0 0 }
.met-showproduct.pagetype1 .met-showproduct-body .panel { border-radius:0 }
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor { padding:0 }
@media(min-width:992px) {
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
margin-right:15px
}
}
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body ul.nav-tabs { margin-bottom:30px }
@media(max-width:768px) {
.met-showproduct.pagetype1 .met-showproduct-body {
padding:15px 0 0
}
.met-showproduct.pagetype1 .met-showproduct-body .panel {
box-shadow:none;
margin-bottom:15px
}
.met-showproduct.pagetype1 .met-showproduct-body .panel-body {
padding:15px
}
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
margin-right:0
}
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body ul.nav-tabs {
margin-bottom:15px;
margin-top:-10px
}
}
.met-showproduct.pagetype1 .met-showproduct-body .product-hot h4.example-title { font-size:16px; font-weight:300; margin-bottom:15px }
@media(min-width:992px) {
.met-showproduct.pagetype1 .met-showproduct-body .product-hot {
margin-left:45px
}
}
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list { padding:0 15px }
@media(min-width:768px) {
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list {
padding:0 15px
}
}
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.img { margin:0 auto; display:block; margin-bottom:5px }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.img img { margin:0 auto }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt { color:#5e7387; text-decoration:none }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:active, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:focus, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:hover { text-decoration:none }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:hover { color:#d80808 }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot-list p { color:#f96868; margin-bottom:0 }
.met-showproduct.pagetype2 { background:#fff }
.met-showproduct.pagetype2 .less-page-content { background:#f2f5f8 }
.met-showproduct.pagetype2 nav.navbar { background:#f5f5f5; box-shadow:none; border-radius:0; margin-bottom:0; min-height:50px }
.met-showproduct.pagetype2 nav.navbar h1 { margin:0; height:50px; line-height:50px; padding-top:0; padding-bottom:0 }
.met-showproduct.pagetype2 nav.navbar .navbar-toolbar>li>a { padding-top:0; padding-bottom:0; height:50px; line-height:50px }
.met-showproduct.pagetype2 nav.navbar .navbar-toggle { height:50px; padding-top:0; padding-bottom:0 }
.met-showproduct.pagetype2 nav.navbar.navbar-fixed-top { box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); background:rgba(255, 255, 255, 0.95) }
.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a { color:#d80808 }
.met-showproduct.pagetype2 .imgshow .met-indicatorsh li img { display:none }
@media(min-width:768px) {
.met-showproduct.pagetype2 .imgshow .met-indicatorsh li {
text-indent:0;
border-radius:0;
background:0;
width:84px;
height:54px
}
.met-showproduct.pagetype2 .imgshow .met-indicatorsh li img {
display:inline;
width:80px;
height:50px
}
.met-showproduct.pagetype2 .imgshow .met-indicatorsh li.active {
border:2px solid rgba(98, 168, 234, 0.4)
}
}
.met-showproduct.pagetype2 .imgshow .item img { margin:0 auto }
.met-showproduct.pagetype2 .content { padding:30px 0 }
.met-showproduct.pagetype2 .content-2, .met-showproduct.pagetype2 .content-4, .met-showproduct.pagetype2 .content-6 { background:#f2f5f8 }
.met-showproduct.pagetype2 .content-2 .met-editor, .met-showproduct.pagetype2 .content-4 .met-editor, .met-showproduct.pagetype2 .content-6 .met-editor { background:#f2f5f8 }
@media(max-width:767px) {
.navbar-right {
margin-top:10px
}
.navbar-right li {
margin-right:0 !important
}
}
@media(max-width:768px) {
.met-showproduct.pagetype2 ul.blocks {
padding-left:10px
}
.met-showproduct.pagetype2 ul.blocks li .widget {
margin-right:10px
}
.met-showproduct.pagetype2 ul.blocks li {
width:50%
}
}
.met-download { padding:30px 0; background:#f2f5f8 }
@media(max-width:768px) {
.met-download {
padding:0
}
}
.met-download .list-group { margin-bottom:30px }
.met-download .met-download-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
.met-download .met-download-list { background:#fff; padding:30px }
@media(max-width:768px) {
.met-download .met-download-list {
padding:10px
}
}
.met-download .met-download-list .list-group-item { padding:30px 0 }
.met-download .met-download-list .media-left { padding-right:5px; padding-left:10px }
.met-download .met-download-list .media-left i { font-size:38px; color:#a3afb7 }
.met-download .met-download-list h4.media-heading a { color:#2a333c; font-size:16px }
.met-download .met-download-list h4.media-heading a:hover { color:#d80808 }
.met-download .met-download-list small { color:#76838f; font-size:14px }
.met-download .met-download-list a.btn { margin-right:10px }
.met-download { padding:30px 0; background:#f2f5f8; border-top:1px solid #f0f2f5 }
.met-download .met-download-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
.met-download .met-download-body { box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-download {
padding:0
}
}
.met-download .met-download-header, .met-download .met-download-footer { background:#fff; padding:30px }
@media(max-width:768px) {
.met-download .met-download-header, .met-download .met-download-footer {
padding:10px
}
}
.met-download .met-download-header { padding-bottom:0 }
.met-download h1 { margin:0; font-size:32px; margin-bottom:5px }
@media(max-width:768px) {
.met-download .met-download-header {
padding-top:20px
}
}
.met-download .info { color:#a3afb7; font-size:16px; padding-bottom:20px; border-bottom:1px solid #f0f2f5 }
.met-download .info span { padding-right:10px }
@media(max-width:768px) {
.met-download .info {
padding-bottom:20px
}
}
.met-download .paralist { background:#fff; padding:30px; padding-bottom:0 }
@media(max-width:768px) {
.met-download .paralist {
padding:10px
}
}
.met-download .paralist dl { font-size:16px; border-bottom:1px solid #f0f2f5; margin-bottom:0; padding-bottom:5px }
.met-download .paralist dl dd { color:#76838f; margin-bottom:5px }
@media(min-width:768px) {
.met-download .paralist dl {
padding-bottom:25px
}
.met-download .paralist dl dt {
width:100px;
margin-bottom:5px
}
.met-download .paralist dl dd {
margin-left:120px;
margin-bottom:5px
}
}
.met-img .met_pager { height:45px }
.met-img .widget { margin-bottom:0 }
.met-img .widget, .met-img .cover, .met-img .cover-image { height:100%; border-radius:0 }
.met-job { padding:30px 0; background:#f2f5f8 }
@media(max-width:768px) {
.met-job {
padding:0
}
}
.met-job .widget { border-radius:0 }
.met-job .widget .widget-body:last-child { border-radius:0 }
.met-job .widget .widget-title a { color:#2a333c }
.met-job .widget .widget-title a:hover { color:#d80808 }
.met-job .widget .met-editor { padding:0 20px }
@media(max-width:768px) {
.met-job .widget {
margin:15px 10px
}
.met-job .widget .widget-body {
padding:15px 10px
}
.met-job .widget .met-editor {
padding:0
}
.met-job .widget hr {
margin-top:15px;
margin-bottom:15px
}
}
#met-job-cv .modal-sidebar { height:auto }
#met-job-cv .modal-header { border-radius:0 }
.met-form .form-group .control-label { font-weight:normal }
.met-message { padding:30px 0; background:#f2f5f8 }
@media(max-width:768px) {
.met-message {
padding:0
}
}
.met-message .met-message-body { background:#fff; padding:30px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-message .met-message-body {
padding:10px
}
}
.met-message .met-message-body .media-left { padding-right:0 }
.met-message .met-message-body .media-left i { font-size:36px; color:#a3afb7 }
.met-message .met-message-body .media-body p { font-size:14px; color:#76838f }
.met-message .met-message-submit { background:#fff; padding:30px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-message .met-message-submit {
padding:10px
}
}
@media(min-width:992px) {
.met-message .met-message-submit {
margin-left:30px
}
}
@media(max-width:768px) {
.met-message .met-message-submit {
padding-bottom:20px
}
}
.met-feedback { padding:30px 0; background:#f2f5f8 }
.met-feedback .container { max-width:800px }
@media(max-width:768px) {
.met-feedback {
padding:10px
}
}
.met-feedback .met-feedback-body { background:#fff; padding:30px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-feedback .met-feedback-body {
padding:10px
}
}
.met-search { padding:30px 0; background:#f2f5f8; border-top:1px solid #f0f2f5 }
@media(max-width:768px) {
.met-search {
padding:0
}
}
.met-search .met-search-body { background:#fff; padding:30px; min-height:500px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-search .met-search-body {
padding:10px
}
}
@media(max-width:768px) {
.met-search .met-search-body {
padding:20px 10px
}
}
.met-search .met-search-body .page-search-form { margin-bottom:10px }
.met-search .met-search-body .met_pager { text-align:left; margin-top:30px }
.met-search .met-search-body .page-search-title { font-size:26px }
.met-search .met-search-body .list-group-item { padding-top:10px; padding-bottom:10px }
.met-search .met-search-body .list-group-item p { color:#76838f }
.met-search .met-search-body .list-group-item>h4 { margin-bottom:5px }
.met-search .met-search-body .list-group-item>h4 a { color:#526069; text-decoration:none }
.met-search .met-search-body .list-group-item>h4 a:hover { color:#37474f; text-decoration:none }
.met-search .met-search-body .list-group-item>p:last-child { margin-bottom:0 }
.met-sitemap { padding:30px 0; background:#f2f5f8 }
@media(max-width:768px) {
.met-sitemap {
padding:0
}
}
.met-sitemap .met-sitemap-body { background:#fff; padding:30px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) }
@media(max-width:768px) {
.met-sitemap .met-sitemap-body {
padding:10px
}
}
.sitemap-list { padding:0; margin:0; list-style-type:none }
.sitemap-list a { color:#76838f }
.sitemap-list>li { margin-bottom:25px }
.sitemap-list>li:last-child { margin-bottom:0 }
.sitemap-list>li.is-single { margin-bottom:10px }
.sitemap-list>li>a { display:block; padding:14px 15px; line-height:1; text-decoration:none; border:1px solid #e4eaec; border-radius:5px }
.sitemap-list>li>ul { position:relative; padding:10px 10px 20px 40px; margin:0; list-style-type:none }
.sitemap-list>li>ul a:hover { color:#d80808 }
.sitemap-list>li>ul::before {
position:absolute;
top:0;
left:20px;
width:1px;
height:100%;
content:" ";
background:#e4eaec
}
.sitemap-list>li>ul>li>a { position:relative; display:block; min-width:220px; padding:10px; margin-bottom:5px; line-height:1; text-decoration:none; border:1px solid #e4eaec }
.sitemap-list>li>ul>li>a::after, .sitemap-list>li>ul>li>a::before {
position:absolute;
top:50%;
content:" ";
background:#e4eaec
}
.sitemap-list>li>ul>li>a::before {
left:-20px;
width:20px;
height:1px;
margin-top:-1px
}
.sitemap-list>li>ul>li>a::after {
left:-23px;
width:5px;
height:5px;
margin-top:-3px;
border-radius:50%
}
.sitemap-list-sub { position:relative; padding:5px 0 9px 40px; margin-top:-5px; list-style-type:none }
.sitemap-list-sub::before {
position:absolute;
top:0;
left:20px;
width:1px;
height:100%;
content:" ";
background:#e4eaec
}
.sitemap-list-sub>li { position:relative; line-height:30px }
.sitemap-list-sub>li::after, .sitemap-list-sub>li::before {
position:absolute;
top:50%;
left:-22px;
content:" ";
background:#e4eaec
}
.sitemap-list-sub>li::before {
width:15px;
height:1px;
margin-top:-1px
}
.sitemap-list-sub>li::after {
width:5px;
height:5px;
margin-top:-3px;
border-radius:50%
}
@media(max-width:480px) {
.sitemap-list {
padding-left:40px;
list-style-type:disc
}
.sitemap-list .icon {
display:none
}
.sitemap-list>li:first-child {
margin-bottom:20px;
margin-left:-16px;
list-style-type:none
}
.sitemap-list>li>a {
display:inline;
padding:10px;
border:0
}
.sitemap-list>li>a i {
display:none
}
.sitemap-list>li>ul {
padding:5px 0 5px 26px;
list-style-type:circle
}
.sitemap-list>li>ul::before {
display:none
}
.sitemap-list>li>ul>li>a {
display:inline;
padding:10px 0;
border:0
}
.sitemap-list>li>ul>li>a::after, .sitemap-list>li>ul>li>a::before {
display:none
}
.sitemap-list-sub {
padding:5px 0 5px 20px;
list-style-type:square
}
.sitemap-list-sub::before {
display:none
}
.sitemap-list-sub>li {
line-height:normal
}
.sitemap-list-sub>li::after, .sitemap-list-sub>li::before {
display:none
}
}
.navbar-avatar .avatar { width:20px; position:relative; top:-2px }
.met-nav-right-shop.nav>li:first-child { margin-right:10px }
.met-nav-right-shop.nav>li:hover { background:#2c2e2e }
.met-nav.on .met-nav-right-shop.nav>li>a:hover, .met-nav.on .met-nav-right-shop.nav .dropdown.open>a { background:#2c2e2e !important }
.met-nav-right-shop .dropdown-menu li i { color:#fff !important }
.met-nav.on .met-nav-right-shop .dropdown-menu li i { color:#555 !important }
.met-nav-right-shop.nav>li>a { padding-top:0; padding-bottom:0; height:34px; line-height:34px }
.met-nav.on .met-nav-right-shop.nav>li>a { color:#fff !important }
.met-nav .met-nav-right-shop.navbar-nav>li>.dropdown-menu { top:68px }
.met-nav .met-nav-right-shop.navbar-nav>li>.dropdown-menu { visibility:hidden }
.met-nav.in .met-nav-right-shop.navbar-nav>li>.dropdown-menu { visibility:visible }
.met-nav-right-shop .dropdown-menu.animate>li.divider { display:none }
@media(min-width:768px) {
.met-nav-right-shop.nav>li {
background:#d80808;
margin-top:33px
}
.met-nav-right-shop {
margin:0 0 -33.3333px 10px;
height:100px
}
.met-nav .met-nav-login {
margin-bottom:-33.3333px
}
.met-nav-right-shop .dropdown-menu {
top:55px
}
}
.met-nav-right-shop .dropdown>a>i { color:#fff; margin-right:5px }
.met-nav-right-shop #topcart-body .avatar { width:50px }
.met-nav-right-shop #topcart-body .avatar img { border-radius:0 }
.met-nav-right-shop .dropdown-menu-header { padding:20px 20px }
.met-nav-right-shop .dropdown-menu-footer { height:55px; line-height:55px; padding:0 15px !important }
.shop-product-intro #price { font-size:32px }
.shop-product-intro .form-group { margin-bottom:0 }
.shop-product-intro del { font-size:22px; padding-left:20px; font-weight:300 }
.shop-product-intro label { margin-bottom:0 }
.shop-product-intro .selectpara-body a.btn { margin-top:8px }
.shop-product-intro .selectpara-body .selectpara { text-align:center; min-width:70px }
.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:focus, .shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:hover { background-color:transparent; color:#f96868 }
.shop-product-intro .height-10 { height:10px }
.shop-product-intro .text-default { background:#f3f7f9; padding:20px }
.shop-product-intro .purchase-btn a.btn { width:100%; display:block }
.shop-product-intro .purchase-btn a.btn i { margin-right:8px }
@media(min-width:768px) {
.shop-product-intro .purchase-btn a.btn {
padding:10px 35px;
width:auto;
display:inline
}
}
@media(min-width:768px) {
.met-showproduct.pagetype2 .shop-btn-body {
margin-left:20px
}
}
@media(max-width:768px) {
.met-showproduct.pagetype2 .navbar-toggle {
float:none;
padding:0
}
.met-showproduct.pagetype2 .shop-btn {
padding:6px 13px;
font-size:12px;
line-height:1.5
}
}
.met-showproduct.pagetype2 #shop-fashion-option .modal-content, .met-showproduct.pagetype2 #shop-fashion-option .modal-header { border-radius:0 }
@media(min-width:768px) {
.met-showproduct.pagetype2 #shop-fashion-option .purchase-btn {
margin-bottom:20px
}
}
/*footer*/
footer { height: auto; border-top: 1px solid #f0f2f5; padding: 20px 0px; color: #aaaaaa; line-height: 1.8; background-color:#2f2f2f; }
footer p { margin-bottom: 0px; }