/* TopBar */ /* .top-bar{ font-size:12px; height:29px; line-height:29px; border-bottom:1px solid #ccc; color:#808080; background:#dedede url(../images/bg-topbar.png) repeat-x 0 0;} .top-bar .inner{ overflow:visible;} .top-bar-lt{ float:left;} .top-bar-rt{ float:right;} .top-bar a:link, .top-bar a:visited{ padding:0 5px; color:#808080;} .top-bar a:hover{ color:transparent;} */ /*恒基伟业*/ .top-bar{ height:32px; line-height:32px;} .top-bar .inner{ overflow:visible;} .top-bar-lt, .top-bar-rt{ float:left; color:#fff; color:rgba(255,255,255,0.85);} .top-bar-rt{ float:right;} .top-bar-lt a:link, .top-bar-lt a:visited, .top-bar-rt a:link, .top-bar-rt a:visited{ padding:0 7px; color:#fff; color:rgba(255,255,255,0.85);} .top-bar-lt a:hover, .top-bar-rt a:hover{ color:#fff; color:rgba(255,255,255,1);} /* Header */ .header{ background:#fff; clear:both; position:relative; z-index:10;/* IE6,7解决下拉菜单被幻灯片遮住问题*/} .header .inner{ padding:20px 0; overflow:hidden;} .logo{ float:left; vertical-align:middle;} .logo-desc{ float:left; margin-left:22px; padding:22px 22px 10px 22px; background:url(../images/bg-logo-desc.png) no-repeat 0 center;} .c-box{ float:right;} .head-pinned{ position:fixed; top:0; left:0; width:100%; -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.16); -webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.16); box-shadow:0 0 12px rgba(0, 0, 0, 0.16); z-index:1000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} .head-pinned .logo{ margin:0 auto; visibility:visible !important;} .head-pinned .logo img{ max-height:32px;} .head-pinned .topbar{ display:none;} /* MainMenu */ #mobile-nav{ display:none;} .nav-box{ margin:0 auto; width:100%; height:44px; line-height:44px; border-bottom:3px solid #ff700f; background:transparent;} .nav-container{ *position:relative; *z-index:9999;/*IE7 Menu*/} .navbar{ overflow:visible; position:relative;} .main-menu{ font-size:16px; color:#fff; text-align:center;} .navi{ display:inline-block; position:relative;} .navi li{ float:left; position:relative;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 12px; color:#fff; display:inline-block;} .navi li a:hover, .navi li:hover > a{ color:#fff; background:#ff700f; text-decoration:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited/*, .navi li.current-post-parent a*/, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ text-shadow:none;} .navi > li > i{ display:inline-block; padding:0 10px; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(opacity=40);} .navi li.menu-so a span, .navi li.menu-so i{ display:none;} .navi li.menu-so a{ text-indent:-9999px; width:40px; height:44px; background:url(../images/icon-menu.png) no-repeat center -71px; display:inline-block; cursor:pointer; position:relative;} .navi li.menu-so a:hover, .navi li.menu-so a.btn-so-hov{ background:url(../images/icon-menu.png) no-repeat center -151px;} .navi li ul{ position:absolute; top:44px; left:0; z-index:1000; border-top:3px solid #ff700f !important; padding:10px 0; width:240px; text-align:left; line-height:1.5; border-top:1px solid transparent; background-color:#fff; -moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2); display:none;} .navi li ul li{ float:none; padding:0; line-height:42px; font-size:13px;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 20px; height:42px; color:#666; display:block;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a/*, .navi li:hover ul li a*/{ color:#444; background:none;} .navi li ul li.menu-item-has-children a{ background:url(../images/icon-menu.png) no-repeat right -312px;} .navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ background:#f8f8f8;} .navi li.current-menu-item ul li a{ background:none;} .navi li.current-menu-item ul li a span{ background:none;} .navi li:hover ul li a{ background:none;} .navi li:hover ul li.menu-item-has-children a{ background:url(../images/icon-menu.png) no-repeat right -312px;} .navi li ul li ul{ top:-2px; left:240px; padding:0; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);} .navi li ul li.menu-item-has-children:hover a{ background:#f8f8f8 url(../images/icon-menu.png) no-repeat right -354px;} .navi li ul li.menu-item-has-children:hover ul li a{ color:#444; background:#fff;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ background-color:#f8f8f8;} .navi li:hover ul li.menu-item-has-children ul li a{ background:none;} .btn-so{ float:right; width:40px; height:85px; background:url(../images/icon-menu.png) no-repeat center -50px; display:inline-block; cursor:pointer; position:relative;} .btn-so-hov{ background:url(../images/icon-menu.png) no-repeat center -130px;} #search-box{ width:100%; background:#f4f4f4; display:none; position:relative; z-index:99;} #search-box .inner{ position:relative; overflow:visible;} #search-box #searchform{ padding:20px 0; width:60%; position:relative;} #search-box #searchform #ls{ padding:0 2%; width:96%; height:46px; line-height:46px; border:1px solid #ddd; color:#222; box-sizing:border-box;} #search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border:1px solid #ff700f;} #search-box #searchform #searchsubmit{ float:right; padding:0; width:68px; height:46px; line-height:46px; text-indent:-9999px; border:none; background:#ff700f url(../images/icon-menu.png) no-repeat center -240px; overflow:hidden; cursor:pointer; position:absolute; right:-2px; top:20px; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;} #search-box #searchform #searchsubmit:hover{ background-color:#ff9900;} .search-pinned{ position:fixed !important; top:47px; left:0; z-index:9999 !important; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} /* Slideshow */ .slideshow-swiper-container{ width:100%; background:#ddd; overflow:hidden; position:relative;} .slideshow-swiper-container .inner{ height:100%;} .slideshow-swiper-container img{ width:100%;} .slideshow-swiper-container .inner{ line-height:1.5; text-shadow:0 0 15px #444; position:relative;} .slideshow-swiper-container .slide-text{ width:100%; height:100%; display:block; line-height:1.2; position:absolute; top:0; left:0; z-index:10;} .slideshow-swiper-container .slide-text h4{ margin:10% auto 25px; font-size:60px; font-weight:bold; text-align:center; color:#fff; word-spacing:15px;} .slideshow-swiper-container .slide-text p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#fff; animation-delay:300ms; -webkit-animation-delay:300ms;} .slideshow-swiper-container .slide-text a, .slideshow-swiper-container .slide-text a:hover{ width:auto; height:auto; text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;} .slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:50px; height:100%; background:url(../images/arrow-slider.png) no-repeat;} .slideshow-swiper-container .swiper-button-prev{ left:-50px; background-position:right center;} .slideshow-swiper-container .swiper-button-next{ right:-50px; background-position:0 center;} .slideshow-swiper-container .swiper-pagination-bullets{ right:0; text-align:right;} .slideshow-swiper-container .swiper-pagination-bullet{ background:#fff; opacity:1;} .slideshow-swiper-container .swiper-pagination-bullet-active{ background:transparent;} .slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;} /* Container */ .container{ margin-top:-54px; margin-bottom:70px; padding:30px; background:#fff; display:table; box-sizing:border-box; clear:both; *overflow:hidden; -moz-box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);} .container-hp{ margin-top:0; padding:0; display:block; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .column-fluid{ float:right; margin-bottom:25px; width:100%;} /* Breadcrumb */ .breadcrumb{ width:100%; height:220px; line-height:165px; color:#222; background:#eee url(../images/default-banner.jpg) no-repeat center 0; background-size:cover; clear:both; overflow:hidden; text-transform:uppercase; text-shadow:0 0 10px rgba(255,255,255,0.8);} .breadcrumb a, .breadcrumb a:hover{ color:#222; text-decoration:none;} .breadcrumb h2{ float:left; color:#222; font-size:28px; letter-spacing:2px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .crumb-box{ float:right; padding-left:20px; background:url(../images/icon-hp.png) no-repeat 0 center; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=7);} .crumb-box i{ padding:0 8px 0 5px; font-style:normal;} .cur-title{ margin-bottom:25px; padding:0 0 10px 20px; font-size:18px; font-weight:normal; border-bottom:2px solid #e6e6e6; color:#444; background:url(../images/icon.gif) no-repeat 0 -220px; overflow:hidden;} .cur-title a{ color:#444; text-decoration:none;} .cur-title span{ padding-left:4px; color:#fff; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30);} /* Content */ .content{ margin-left:260px; overflow:hidden;} .fullwidth{ margin:0 auto; width:100%;} /* News */ .news-list{ margin-top:-54px; height:54px; line-height:54px; background-color:rgba(255,255,255,0.94); overflow:hidden; -moz-box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1); position:relative; z-index:1;} .news-list h3{ float:left; padding:0 30px; font-size:15px; background:transparent;} .news-list h3 a{ color:#fff; text-decoration:none;} .news-list .swiper-news{ height:54px; overflow:hidden;} .news-list .swiper-news .swiper-wrapper{ float:left; margin-left:30px; width:auto !important;} .news-list .swiper-news .swiper-wrapper .swiper-slide{ font-size:14px; overflow:hidden;} .news-list .swiper-news .swiper-wrapper .swiper-slide span{ float:right; margin-left:40px; color:#888; font-size:12px;} .news-list .swiper-news .swiper-button-next, .news-list .swiper-news .swiper-button-prev{ margin-top:0; width:30px; height:50%; background:url(../images/swiper-news-prev-next.png) no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5;} .news-list .swiper-news .swiper-button-next:hover, .news-list .swiper-news .swiper-button-prev:hover{ opacity:1; -moz-opacity:1; -khtml-opacity:1;} .news-list .swiper-news .swiper-button-prev{ top:0; left:auto; right:26px; background-position:center 12px;} .news-list .swiper-news .swiper-button-next{ top:27px; left:auto; right:26px; background-position:center -35px;} /* HomePage */ .row-fluid{ margin:70px auto 0; overflow:hidden; clear:both;} .row-fluid h2{ margin-bottom:10px; line-height:40px; font-size:30px; font-weight:500; text-transform:uppercase; text-align:center; clear:both;} .row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a{ padding-bottom:8px; color:#000; cursor:pointer;} .row-fluid h2 a:hover{ color:#000; text-decoration:none;} .row-fluid h2 span, .row-fluid h2 b, .row-fluid h2 strong{ padding-bottom:8px; border-bottom:2px solid transparent; font-weight:normal; text-decoration:none !important; display:inline-block;} .row-fluid h2 a span, .row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a, .row-fluid h2 a b, .row-fluid h2 b a:link, .row-fluid h2 b a:visited, .row-fluid h2 b a, .row-fluid h2 a strong, .row-fluid h2 strong a:link, .row-fluid h2 strong a:visited, .row-fluid h2 strong a{ padding-bottom:0; border-bottom:none;} .row-fluid p{ line-height:2;} .row-interval{ padding:70px 0; background-color:#f9f9f9;} .row-fluid-last{ margin-bottom:-70px; padding:70px 0 0;} .col-md-3{ margin:0 -1.5%; text-align:center;} .col-md-3 div{ float:left; margin-top:40px; padding:0 1.5%; *padding:0 1.4%; width:30.33%; height:auto;} .col-md-3 div i{ width:120px; height:120px; line-height:120px; display:inline-block; font-size:48px; background:#eee; color:#a3a3a3; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .col-md-3 div:hover i{ background:transparent; color:#fff;} .col-md-3 div img{ max-width:100%; height:auto;} .col-md-3 div h3{ margin:25px auto 0; width:100%; height:24px; font-size:18px; overflow:hidden;} .col-md-3 div p{ margin-top:15px; color:#666; font-size:13px; line-height:1.8;} .col-md-3 div p a:hover{ color:#ef5c32;} .col-md-4{ margin:0 -1%;} .col-md-4 div{ padding:0 1%; *padding:0 0.9%; width:23%;} .col-md-2{ margin:0 -1%;} .col-md-2 div{ padding:0 1%; *padding:0 0.9%; width:48%;} .col-md-1{ margin:0 auto;} .col-md-1 div{ padding:0; width:100%;} .row-products .tab-title{ margin-bottom:20px; line-height:43px; font-size:15px; text-align:left; background:#f1f1f1;} .row-products .tab-title a{ padding:0 18px; display:inline-block; position:relative;} .row-products .tab-title a i{ display:none;} .row-products .tab-title a.current{ color:#fff; background:transparent;} .row-products .tab-title a.current i{ position:absolute; left:40%; bottom:-20px; font-size:36px; color:transparent; display:inline-block;} .row-products .tab-gallary{ display:none;} .row-products .tab-gallary .lab-more{ float:right; margin:-55px 12px 0 0; font-size:12px; color:transparent;} .row-fluid .piclist .mediaholder{ border-color:transparent;} .row-about{ padding:0 0 30px; color:#fff; background-color:#004485; background-image:url(../images/bg-about.png); background-repeat:repeat;} /*.row-about h2.title{ margin-bottom:25px; height:87px; background:url(../images/bg-about-title.png) no-repeat center 0;}*/ .row-about h2{ margin:20px auto 40px;} .row-about div p{ margin-top:10px; line-height:2; text-indent:2em;} .row-about div a{ padding:0 10px; text-indent:0; color:#fff; border:1px dashed #fff; display:inline-block;} .column-fluid-lt{float:left; width:100%;} .column-fluid-lt .content{ margin:0 260px 0 0;} .row-gallary-slider{ margin:0 auto;/* background:url(../images/bg-gallary-slider.png) repeat-x ;*/} .row-gallary-slider h2{ margin:10px auto 20px; text-align:left; border-bottom:1px solid transparent;} .row-gallary-slider h2 a:link, .row-gallary-slider h2 a:visited, .row-gallary-slider h2 a{ color:transparent;} .row-gallary-slider h2 a.cat-title{ padding-bottom:6px; border-bottom:3px solid #ff700f;} .row-gallary-slider h2 a.cat-more{ float:right; font-size:12px;} .row-gallary-slider h2.cert-title{ margin-top:20px;} .gallary-swiper-container{ position:relative; overflow:hidden;} .gallary-swiper-container .swiper-slide{ border:3px solid #fff; box-sizing:border-box; text-align:center; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} .gallary-swiper-container .swiper-slide img{ width:100%; height:auto;} .gallary-swiper-container .swiper-slide b{ margin-top:5px; font-weight:normal; width:100%; height:24px; display:block; overflow:hidden;} /*批发*/ /*.row-gallary-slider .wholesale{ float:right; margin:0 0 0 -230px; padding:15px; width:200px; color:#fff; background:#3c3c3c;}*/ .row-gallary-slider .wholesale{ float:right; margin:0 0 0 -230px; padding:15px; width:200px; background:#f3f3f3; /*border-left:#CCCCCC 1px solid;*/} .row-gallary-slider .wholesale .wpcf7 h3{ height:30px; margin-bottom:5px; font-size:14px; overflow:hidden; font-weight:500; border-bottom:#CCCCCC 1px solid;} .row-gallary-slider .wholesale .wpcf7 #marquees{ max-height:430px;} .row-gallary-slider .wholesale h2{ background:#FFFFFF} .row-gallary-slider .wholesale .wpcf7 p{ color:#999999;} .row-gallary-slider .wholesale h2{ margin:10px auto 15px; font-size:30px; border:none;} .row-gallary-slider .wholesale h2 em{ line-height:1; font-size:12px; font-style:normal; color:#bfbfbf; display:block;} .row-gallary-slider .wholesale .lab-tip{ margin-bottom:10px; font-size:12px;line-height:1.5;} .wholesale .wpcf7 p{ margin-bottom:10px; overflow:hidden; clear:both;} .wholesale .wpcf7 label{ padding:0 15px 0 0; width:90px; font-size:14px; font-family:Verdana; text-align:right; color:#444; display:inline-block;} .wholesale .wpcf7 label.long{ width:auto; text-align:left;} .wholesale .wpcf7 label em{ padding:5px 8px 0 0; color:#f00; font-style:normal; font-size:12px;} .wholesale .wpcf7 .wpcf7-text, .wholesale .wpcf7 .wpcf7-captchar, .wholesale .wpcf7 .wpcf7-select{ width:100%; height:40px; line-height:40px; padding:0 10px; color:#a9a9a9; border:none; background:#505050; box-sizing:border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wholesale .wpcf7 .wpcf7-textarea{ padding:10px; width:100%; height:150px; color:#a9a9a9; border:none; background:#505050; box-sizing:border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wholesale .wpcf7 input[type="text"]:hover, .wholesale .wpcf7 input[type="text"]:focus, .wholesale .wpcf7 input[type="text"]:active, .wholesale .wpcf7 input[type="email"]:hover, .wholesale .wpcf7 input[type="email"]:focus, .wholesale .wpcf7 input[type="email"]:active, .wholesale .wpcf7 .wpcf7-textarea:hover, .wholesale .wpcf7 .wpcf7-textarea:active{ color:#000; border:none; background:#ccc;} .wholesale .wpcf7 .wpcf7-submit, .wholesale .wpcf7 .btn-reset{ margin-top:20px; width:96px; height:36px; line-height:36px; text-align:center; font-size:12px; font-family:Arial; border:none; color:#fff; background:#0063c9; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;} .wholesale .wpcf7 .wpcf7-submit:hover, .wholesale .wpcf7 .wpcf7-submit:active, .wholesale .wpcf7 .btn-reset{ background-color:#ff700f;} .wholesale .wpcf7 .btn-reset:hover, .wholesale .wpcf7 .btn-reset:active{ background-color:#0063c9;} .wholesale div.wpcf7 .ajax-loader{ display:none !important;} .wholesale .wpcf7 .wpcf7-not-valid{ border:1px solid #f00;} .wholesale .wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; font-size:12px;} .row-advantage{ padding:10px 0; text-align:center; border-top:9px solid #003a83; background:url( ../images/bg-advantage.png) repeat-x 0 0;} .row-banner{ margin:0 auto; padding:54px 0; background:url(../images/bg-banner.jpg) no-repeat center 0; background-size:cover;} .row-cases{ margin:0 auto; padding:50px 0; background:#f5f5f5;} .row-cases h2 a{ padding-bottom:0 !important; display:block;} .row-cases h2 em{ width:254px; height:50px; background:url(../images/bg-line.png) repeat-x 0 center; display:inline-block;} .row-cases h2 em i{ padding:0 5px; font-style:normal; font-weight:normal; font-size:17px; color:#666; background:#f5f5f5; display:inline-block;} .row-cases .case-box{ margin-top:25px;} .piclist-scale{ margin-left:-3%; overflow:hidden;} .piclist-scale li{ float:left; margin-bottom:30px; margin-left:3%; *margin-left:1.8%; _margin-left:1.5%; width:30.3%; height:auto; text-align:center;} .piclist-scale li .folio-item{ padding:8px; background:#fff; position:relative; -moz-box-shadow:0 0 20px rgba(0,0,0,.2); -webkit-box-shadow:0 0 20px rgba(0,0,0,.2); box-shadow:0 0 20px rgba(0,0,0,.2);} .piclist-scale li .folio-thumb img{ width:100%; height:auto; display:block;} .piclist-scale li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .piclist-scale li h3{ margin-top:7px; width:100%; height:36px; line-height:36px; font-size:16px; font-weight:normal; color:#333; overflow:hidden;} .piclist-scale li:hover h3{ color:#ff700f;} .row-cases .read-more{ margin-top:15px; text-align:center;} .row-cases .read-more a{ width:108px; height:32px; line-height:32px; color:transparent; border:1px solid transparent; display:inline-block;} .row-cases .read-more a:hover{ color:#ff700f; border-color:#ff700f; background:#fff;} .row-news .title-box{ margin-bottom:40px; overflow:hidden;} .row-news .title-box h2{ float:left; font-size:20px; text-align:left; letter-spacing:1px;} .row-news .title-box h2 a{ display:block;} .row-news .title-box h2 span{ float:left; padding:0; border:none; width:38px; height:2px; line-height:0; font-size:0; background:#305dc3; display:block;} .row-news .title-box .sub-title-box{ float:right;} .row-news .title-box .sub-title-box li{ float:left;} .row-news .title-box .sub-title-box a{ margin-left:10px; padding:0 12px; display:inline-block;} .row-news .title-box .sub-title-box li.cur-item a, .row-news .title-box .sub-title-box a:hover{ color:#fff; background:#305dc3;} .row-news .sticky-news{ float:left; width:40%; overflow:hidden; position:relative;} .row-news .sticky-news .sticky-swiper-container img{ width:100%;} .row-news .sticky-news h4{ padding:6px 15px; background:#f4f4f4; font-size:14px; height:24px; overflow:hidden;} .row-news .sticky-news .swiper-pagination-bullets{ bottom:45px; right:15px; left:auto; text-align:right;} .row-news .sticky-news .swiper-pagination-bullet{ background:#eee; opacity:1;} .row-news .sticky-news .swiper-pagination-bullet-active{ background:transparent;} .row-news .sticky-news .post-text{ padding:30px; color:rgba(0, 0, 0, 0.8); background:#305dc3; overflow:hidden;} .row-news .sticky-news .post-text .date{ float:left;} .row-news .sticky-news .post-text .day{ font-size:36px; font-weight:bold; position:relative; letter-spacing:1px; color:#fff;} .row-news .sticky-news .post-text .year{ color:rgba(255, 255, 255, 0.6); position:relative; display:block;} .row-news .sticky-news .post-text .post-excerpt{ float:right; margin-top:-8px; width:80%;} .row-news .sticky-news .post-text .post-excerpt h3{ padding-bottom:15px; color:#fff; line-height:30px; font-size:16px; border-bottom:1px solid rgba(255, 255, 255, 0.2);} .row-news .sticky-news .post-text .post-excerpt p{ padding-top:18px; text-indent:2em; line-height:1.8; color:rgba(255, 255, 255, 0.7);} .row-news .news-posts{ float:right; width:52%; overflow:hidden;} .row-news ul{ margin-top:-13px;} .row-news ul li{ margin:0 auto; padding:15px 0; font-size:14px; border-bottom:1px solid rgba(0, 0, 0, 0.15); overflow:hidden;} .row-news ul li span{ float:right; color:#666;} .row-news ul li:hover a{ color:transparent;} .row-news ul li.nb, .row-news ul li:last-child{ border:none;} .row-news ul li.other{ margin-bottom:5px; border-bottom:none;} .row-news ul li.other .post-date{ float:right; color:#5e7387;} .row-news ul li.other .post-date .post-date-year-month{ float:none; margin-top:10px; font-size:14px; display:block;} .row-news ul li.other .post-date .post-date-day{ float:none; font-size:36px; font-weight:bold; position:relative; letter-spacing:1px; display:block;} .row-news ul li.other .post-excerpt{ float:left; width:80%;} .row-news ul li.other h3{ margin-bottom:15px; padding-bottom:15px; font-size:16px; border-bottom:1px solid rgba(0, 0, 0, 0.15);} .row-news ul li.other p{ margin:6px auto 0; color:#666; line-height:24px; font-size:14px;} .accordion-header{ margin-top:12px; padding:7px 15px 7px 40px; font-size:14px; border:1px solid #eee; background:#f9f9f9 url(../images/icon-accordion.gif) no-repeat 15px 20px; cursor:pointer;} .active-header{ font-weight:600;} .inactive-header{ color:#555; background:#f4f4f4 url(../images/icon-accordion.gif) no-repeat 15px -65px;} .accordion-content{ margin:0 auto !important; padding:20px 16px 20px 20px; border:1px solid #eee; border-top:none; color:#888; font-size:13px; line-height:26px; display:none;} .accordion-content p{ font-size:13px;} .accordion-content a:hover{ color:#222;} .accordion-list{ margin-top:-12px; overflow:hidden;} .row-2c-rt{ float:right; margin-left:-400px; width:400px; overflow:hidden; position:relative;} /* Archive - Postlist */ .postlist{ padding:0; overflow:hidden;} .postlist li{ margin:0 auto; padding:0 10px 0 25px; height:46px; line-height:46px; border-bottom:1px solid #eee; background:url(../images/icon.gif) no-repeat 10px 20px; overflow:hidden;} .postlist li.nb{ border:none;} .postlist li a{ float:left; width:85%; font-size:14px; -webkit-transition:text-indent .4s ease; -moz-transition:text-indent .4s ease; -ms-transition:text-indent .4s ease; -o-transition:text-indent .4s ease; transition:text-indent .4s ease;} .postlist li span{ float:right; text-align:right; color:#bbb;} .postlist li:hover{ background-color:#fbfbfb;} .postlist li:hover a{ text-indent:8px;} /* Archive - PicList */ .cat-desc{ margin-bottom:35px; padding:15px 15px 18px 18px; border:1px solid #f4f4f4; color:#666; background:#fbfbfb;} .cat-desc a:link, .cat-desc a:visited{ color:#666; text-decoration:none;} .piclist{ margin-left:-3%; overflow:hidden;} .piclist li{ float:left; margin-bottom:30px; margin-left:3%; *margin-left:1.8%; _margin-left:1.5%; width:30.3%; height:auto; text-align:center; overflow:hidden;} .piclist li .folio-thumb{ position:relative;} .piclist li .folio-thumb img{ width:100%; height:auto; display:block;} .piclist li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .piclist li:hover .folio-thumb .mediaholder{ border-color:#ff700f; -moz-box-shadow:0 6px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 6px 4px rgba(0, 0, 0, 0.1); box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);} .piclist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .piclist li h3{ margin-top:7px; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#fff; background:transparent; overflow:hidden; position:relative; z-index:10;} .piclist li:hover h3{ background:#ff700f;} .piclist-col4{ margin-left:-2%;} .piclist-col4 li{ margin-left:2%; _margin-left:1%; width:23%;} /* Archive - ExcerptPiclist */ .picexlist{ padding:0; overflow:hidden;} .picexlist li{ margin:0 auto 35px; padding:0 0 30px; border-bottom:1px solid #eee; color:#666; overflow:hidden;} .picexlist li .post-thumb{ float:left; padding-right:15px;} .picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #eee;} .picexlist li:hover .post-thumb img{ border-color:#fdb795;} .picexlist li h3{ margin-bottom:12px; font-weight:700;} .picexlist li .excerpt{ color:#777;} .picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;} .picexlist p.read-more{ margin-top:10px; text-align:right;} .picexlist p.read-more a{ padding-left:12px; background:url(../images/arrow-sub.gif) no-repeat 0 center; text-decoration:underline;} .picexlist p.read-more a:hover{ color:#ef5c32;} /* Archive - Bloglist */ .bloglist{ margin-left:-3.33%; padding:0; overflow:hidden;} .bloglist li{ float:left; margin:0 0 30px 3.33%; _margin:0 0 25px 1.51%; width:30%; color:#666; overflow:hidden; position:relative;} .bloglist li .folio-thumb{ padding:4px; height:540px; border:1px solid #ddd; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .bloglist li .folio-thumb:hover{ border:1px solid #ffb17d; background:#fff9f4;} .bloglist li .folio-thumb img{ display:block;} .bloglist li h3{ margin:10px auto 8px; padding:0 3px 8px; font-size:14px; line-height:20px; border-bottom:1px solid #eee;} .bloglist li h3 a:hover, .bloglist li:hover h3 a{ color:#ef5c32;} .post-meta{ padding-bottom:8px; color:#999; border-bottom:1px solid #eee; overflow:hidden;} .post-meta a:link, .post-meta a:visited{ color:#999;} .post-meta a:hover{ color:#666;} .post-meta span{ padding:2px 10px 2px 20px; background:url(../images/icon-blog.png) no-repeat 5px 6px;} .post-meta span.date{ background-position:0 -86px;} .post-meta span.comments{ background-position:0 -120px;} .post-meta span.author{ background-position:0 -154px;} .post-meta span.cat{ background-position:0 -187px;} .bloglist li .postexcerpt{ padding:15px 5px; line-height:20px; overflow:hidden;} .bloglist li .postexcerpt .post-excerpt{ max-height:120px; *height:120px; overflow:hidden;} .bloglist li .postexcerpt .read-more{ padding:8px 0 0; font-weight:700; display:inline-block;} .bloglist li .tag{ position:absolute; bottom:0; left:0; width:100%;} .bloglist li .tag .taglist{ margin:1px; padding:8px 5px 8px 10px; text-indent:20px; border:1px solid #fff; background:#f9f9f9 url(../images/icon-blog.png) no-repeat 10px -214px; overflow:hidden;} .bloglist li .tag .taglist a{ text-indent:0;} .bloglist li h2.title{ margin-bottom:5px; font-weight:700;} .bloglist li .blog-meta{ margin:0 0 15px -8px; color:#ddd;} .bloglist li .blog-meta span{ padding:0 8px; color:#999;} .blog-meta a:link, .blog-meta a:visited{ color:#999;} .blog-meta a:hover{ color:#666;} .bloglist p.read-more{ margin-top:10px; text-align:right;} .bloglist p.read-more a{ color:#005BB5; text-decoration:underline;} .bloglist p.read-more a:hover{ color:#444;} /* Post */ .post{ overflow:hidden;} .post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; font-weight:500; border-bottom:2px solid #f4f4f4;} .post .post-meta{ margin-bottom:25px; border:none;} .post .post-meta span{ padding:2px 20px 2px 20px;} .entry{ font-size:14px; line-height:28px; color:#222;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none;} .entry p{ margin-bottom:12px;} .entry a:hover{ color:#222;} .entry img{ margin-bottom:10px; max-width:100%; height:auto;} .entry iframe{ margin-bottom:10px; max-width:100%;} .entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .entry .left{ float:left; width:45%;} .entry .right{ float:right; width:45%;} .entry ol, .entry ul{ margin:10px 30px;} .entry ol li{ list-style:decimal;} .entry ul li{ list-style:disc;} .entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;} .entry table{ margin-bottom:15px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;} .entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active, .entry select:hover{ border:1px solid #ef5c32;} .alignleft{ float:left; padding-right:30px;} .alignright{ float:right; padding-left:30px;} .alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;} .aligncenter{ text-align:center; display:block;} .wp-caption{margin:10px auto; padding:6px; background:#F6F6F6;border:1px solid #e4e4e4; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{ max-width:660px;} .wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ margin:35px auto 60px; color:#999; border-bottom:1px solid #eee; overflow:hidden; clear:both;} .post-meta-bottom .tags{ float:left; padding-bottom:10px; text-indent:18px; background:url(../images/icon-blog.png) no-repeat 0 -222px; overflow:hidden;} .post-meta-bottom .tags a{ padding-left:5px; color:#888;} .post-meta-bottom .share{ float:right;} .post-meta-bottom .share #sharebtn{ float:right; padding-right:10px; line-height:36px;} .post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox, .post-meta-bottom .share .bdsharebuttonbox{ float:right;} .fancybox-wrap{ max-width:90% !important; height:auto !important;} .fancybox-wrap .fancybox-inner{ max-width:100% !important; height:auto !important;} /* Post - Product */ .container-product{ margin-top:-25px; padding:0; width:100%;} .product-header{ background:#fff;} .product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;} .product .productMeta{ overflow:hidden;} .product .product-meta-box{ margin-left:440px; overflow:hidden;} .product .metaList{ float:left; margin:0 0 0 30px !important;} .product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #EEE; overflow:hidden;} .product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;} .product .metaList li.inquiry{ padding:15px 0 5px;} .product .left{ float:left; width:45%;} .product .right{ float:right; width:45%;} .preview{ float:left; margin-right:-435px; width:435px;} .preview #wrap{ padding:0;} .preview img{ margin-bottom:0; padding:5px; border:1px solid #e6e6e6; width:400px; height:400px; background:#fff;} .post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;} .post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;} .post ul.thumblist li.nomargin{ margin:0 0 0 9px;} .post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;} .post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;} .post ul.thumblist li span{ color:#666;} .post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ef5c32;} .post ul.thumblist li.zoomActive span{ color:#c52620;} .cloud-zoom-lens{ border:1px solid #eee; background:url(../images/grid.png) repeat 0 0; cursor:move;} .cloud-zoom-big{ top:0 !important; width:450px !important; height:410px !important; border:1px solid #e6e6e6; overflow:hidden;} .cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;} .product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;} .product-summary{ margin-bottom:20px; font-size:13px; color:#222;} .product-meta{ margin-bottom:35px; font-size:13px; color:#222; overflow:hidden;} .product-meta p, .product-meta li{ margin-bottom:0; line-height:30px;} .product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;} .product-inquiry{ overflow:hidden; clear:both;} .product-inquiry a{ float:left; margin-right:20px; padding:9px 30px; line-height:26px; font-size:20px; color:#fff; background:#f70; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .product-inquiry a:hover{ color:#fff; background-color:#ef5c32; text-decoration:none;} .product-inquiry a i{ float:left; margin-right:8px; width:36px; height:26px; background:url(../images/btn-inquiry.png) no-repeat 0 0;} .product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;} .product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;} .product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(../images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;} .product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;} .product-tips ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(../images/icon.gif) no-repeat 0 -313px;} .tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;} .tab-head .inner{ overflow:visible; position:relative;} .tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#222; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;} .tab-head li.current{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid transparent; border-bottom:none; background:#fff;} .tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;} .tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;} .tab-head span.hov{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid transparent; border-bottom:none; background:#fff;} .Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);} #tab-product{ padding-top:50px;} #tab-product .entry{ display:none;} #tab-product .entry .tab-tilte{ margin:40px auto 25px; padding:0 3%; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;} #tab-product .entry .tab-tilte span{ padding:0 25px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid transparent; border-bottom:none; background:#fff; display:inline-block; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;} .tab-head span a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;} .tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);} .tab-pinned span{ float:none; display:inline-block;} .tab-pinned span.hov{ margin-top:0; line-height:38px;} #tab-product .entry-pinned{ padding-top:110px;} .features{ margin:0 0 50px -1.5%;} .features h2{ padding:10px 1.5%; line-height:inherit; font-size:20px; font-weight:500; text-align:left; border-top:1px solid #eee; border-bottom:1px solid #eee;} .features h2 span{ padding:0; border:none;} .feature-item{ float:left; margin:0 1.5% 40px; width:47%;} .feature-item img{ float:left; width:100px; height:100px;} .feature-item h4{ margin-bottom:10px; padding-left:120px; font-size:18px; font-weight:bold;} .feature-item p{ padding-left:120px; color:#666; font-size:14px;} /* Page */ .post .page-title{ margin-bottom:25px; padding-bottom:8px; line-height:40px; font-size:28px; text-align:center; border-bottom:1px solid #E9E9E9; color:#222;} /* Page - About */ .feature-box{ margin:50px 0 50px -1.5%; padding-top:70px; border-top:1px solid #eee; overflow:hidden;} .feature-box .item{ float:left; margin:0 1.5% 50px; width:47%;} .feature-box .item img{ float:left; width:96px; height:96px;} .feature-box .item h4{ margin:-10px auto 10px; padding-left:120px; font-size:18px; font-weight:bold;} .feature-box .item p{ padding-left:120px; color:#666; font-size:14px;} /* Page - Contact us */ .contact-us{ float:none; margin-top:30px;} .contact-us h3{ margin-bottom:30px; height:36px; line-height:36px; border-bottom:1px solid #e2e2e2;} .contact-us h3 strong, .contact-us h3 b, .contact-us h3 span{ font-size:18px; color:#444; border-bottom:1px solid #aaa; display:inline-block;} .contact-msg{ float:left; width:48%} .contact-msg #commentform{ padding-top:5px;} .contact-msg #author, .contact-msg #email, .contact-msg #url, .contact-msg #comment{ margin-bottom:10px; padding:5px 15px; width:90%; font-size:12px;} .contact-msg #comment{ min-height:120px;} .contact-box{ float:right; width:48%;} .contact-box p{ padding-left:140px;} .contact-box p span{ margin-left:-140px; padding-right:12px; width:128px; text-align:right; color:#666; display:inline-block;} .contact-map{ margin-top:60px;} /* Page - Sitemap */ .page-sitemap{ background:#eee;} .sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;} .sitemap-box a:link, sitemap-box a:visited{ color:#222;} .sitemap-box a:hover{ color:#10579D;} .sitemap-box h1{ margin-bottom:20px; font-size:20px; text-align:center;} .sitemap-box h2{ margin:8px auto 15px; padding-bottom:10px; font-size:14px; font-weight:700; border-bottom:1px solid #eee;} .sitemap-box ul{ margin:10px;} .sitemap-box ul li{ margin:6px 0 0 18px; list-style:disc; color:#999;} .sitemap-box ul li ul{ margin:5px 10px 10px;} .sitemap-box ul li ul li{ margin:3px 0 0 16px; list-style:circle;} .sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer{ margin-top:20px; padding:6px 15px; border:1px solid #eee; border-top:1px solid #ddd; clear:both;} .sitemap-box #breadcrumb, .sitemap-box .full-version{ border:1px solid #eee; background:#f8f8f8;} .sitemap-box .archivers{ padding:5px 15px 15px; overflow:hidden;} .sitemap-box #footer{ padding:10px; text-align:center;} /* Page - Error404 */ .error404{ max-width:390px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;} .error404 span{ margin-bottom:25px; color:#666; display:block;} .error404 ol{ padding:5px 0 5px 20px;} .error404 ol li{ margin:0 auto; list-style:disc;} .errorsearch{ margin-top:15px; width:100%; overflow:hidden;} .errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;} .errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;} .errorsearch #searchsubmit:hover{ background:#222;} /* Tags */ .tag-list a{ margin:0 10px 10px; display:inline-block;} /* Contact */ .c-online{ overflow:hidden;} .col-lg-2{ float:left; width:50%;} .col-lg-2 img{ float:left; padding:20px 30px 0 0; width:75px;} .col-lg-2 h4{ padding-top:35px; font-size:24px;} .col-lg-2 p{ padding-left:105px; font-size:32px; line-height:50px; color:#ef5c32;} .col-lg-2 a:link, .col-lg-2 a:visited, .col-lg-2 a:hover{ color:#ef5c32; text-decoration:none;} .col-lg-2-r img{ width:62px;} .col-lg-2-r p{ padding-left:92px;} .c-chat{ margin:50px auto; padding:50px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; overflow:hidden;} .c-chat h4{ margin-bottom:0;} .entry .c-chat table{ margin-bottom:35px; color:#666; border:none;} .entry .c-chat th{ padding:3px 10px; border:none; background:#fff;} .entry .c-chat td{ padding:3px 10px; border:none;} .entry .c-chat ul.olchat{ margin:-10px 10px 25px; overflow:hidden;} .entry .c-chat ul.olchat li{ float:left; width:33.333%; margin-bottom:12px; list-style:none; font-size:12px; color:#666;} .c-mail h4 span{ padding-left:50px; color:#666; font-size:14px;} .c-addr{ margin-bottom:50px;} .c-addr h3{ float:left; font-size:24px;} .c-addr p{ margin-bottom:8px; padding-left:50px; line-height:1; color:#666; overflow:hidden;} .c-map img{ padding:5px; border:1px solid #f0f0f0;} /* Pagenavi */ .wpagenavi{ margin:0 auto; padding-top:50px; width:100%; line-height:46px; font-size:14px; font-family:Tahoma; border-top:1px solid #e4e4e4; text-align:center; overflow:hidden;} .wpagenavi a:link, .wpagenavi a:visited{ padding:15px 19px; border-left:1px solid #eee; color:#666; background:#f6f6f6; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .wpagenavi a:hover, .wpagenavi a:active{ color:#fff; background:transparent; text-decoration:none;} .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; background:transparent; font-weight:bold;} /* Post Navigation */ .post-navi{ padding-top:20px; text-align:center;} .post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;} .post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;} /* Prev Next Post */ .post-prev-next{ margin-bottom:40px;} /* Related */ .related h2{ margin-bottom:25px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;} .related-post ul{ overflow:hidden;} .related-post ul li{ float:left; margin-bottom:8px; width:50%; height:24px; background:url(../images/icon.gif) no-repeat 0 9px; overflow:hidden;} .related-post ul li a{ padding-left:15px;} .related-pic h2{ margin-bottom:35px;} /* Sidebar */ .sidebar{ float:left; margin-right:-240px; width:240px; color:#666;} .sidebar h3{ height:40px; line-height:40px; font-size:14px; font-weight:bold; text-indent:16px; color:#222; background:#e2e2e2;/* -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px;*/ text-transform:uppercase;} .sidebar h3 a, .sidebar h3 a:hover{ color:#222; text-decoration:none;} .sidebar ul{ margin:0 auto;} .sidebar ul li{ margin-bottom:20px;} .sidebar ul li ul{ margin:0 auto; padding:0 10px;} .sidebar ul li ul li{ margin:0 auto 5px; padding-left:16px; height:24px; line-height:24px; background:url(../images/icon.gif) no-repeat 0 7px; overflow:hidden;} .sidebar ul li ul li ul{ border:none;} .sidebar ul li div{ padding-bottom:15px; overflow:hidden;} .sidebar ul li div p{ margin:5px 10px 0;} /* Sidebar - WidgetMenu */ .sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;} .sidebar ul li.widget_nav_menu h3{ padding:3px 0 8px; height:auto; line-height:1.4; text-indent:0; text-align:center; font-size:28px; font-weight:bold; border-bottom:none; color:#fff; background:transparent;} .sidebar ul li.widget_nav_menu h3 a, .sidebar ul li.widget_nav_menu h3 a:hover{ color:#fff; text-decoration:none;} .sidebar ul li.widget_nav_menu h3 em{ font-size:12px; font-weight:normal; font-style:normal; text-transform:uppercase; display:block;} .sidebar ul li.widget_nav_menu ul{ padding:15px 10px; border:2px solid transparent; border-top:none;} .sidebar ul li.widget_nav_menu ul li{ margin:0 0 1px; padding:0; height:auto; font-size:14px; background:none; overflow:visible; position:relative;} .sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ padding-left:46px; height:34px; line-height:34px; color:#fff; background-color:transparent; background-image:url(../images/icon-widget-menu.png); background-repeat:no-repeat; background-position:22px 12px; display:block; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li:hover a{ color:#fff; background-color:#ff700f;} .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover{ color:#fff; background-color:#ff700f;} .sidebar ul li.widget_nav_menu ul li ul{ padding:1px 0; border:none;} .sidebar ul li.widget_nav_menu ul li ul li{ font-size:13px; border-bottom:1px dashed #d4d4d4;} .sidebar ul li.widget_nav_menu ul li ul li:last-child{ border:none;} .sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover{ color:#444; background-color:transparent; background-position:22px -15px;} .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:visited{ color:#444; background-color:#fff;} .sidebar ul li.widget_nav_menu ul li ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li ul li.current-cat a:hover{ color:#fff; background-color:#ff700f !important; font-weight:bold;} .sidebar ul li.widget_nav_menu ul li:hover a:hover, .sidebar ul li.widget_nav_menu ul li a:hover{ color:#fff; background-color:#ff700f;} .sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited{ color:#444; background-color:#fff;} .sidebar ul li.widget_nav_menu ul li:hover ul li a:hover{ color:transparent; background-color:#fff;} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover a{ color:transparent; background-color:#fff;} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:visited{ color:#444; background-color:#fff;} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover{ color:transparent; background-color:#fff;} /* Newsletter */ .sidebar ul li .newsletter-widget{ padding-top:20px;} .sidebar ul li .newsletter-widget p{ padding:0 10px 12px;} .sidebar ul li .newsletter-email, .sidebar ul li .newsletter-firstname, .sidebar ul li input[type="text"]{ margin:0 auto; padding:3px 10px; width:218px; line-height:30px; font-size:13px; border:1px solid #dadde0; color:#999; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;} .sidebar ul li .newsletter-submit, .sidebar ul li input[type="submit"]{ margin-left:0; padding:3px 35px; line-height:30px; font-size:13px; font-weight:700; border:none; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;} .sidebar ul li input[type="text"]:hover, .sidebar ul li input[type="email"]:hover{ border-color:#999;} .sidebar ul li input[type="submit"]:hover{ background:transparent;} /* RecentPosts */ .sidebar ul li.wpyou_widget_RecentPosts ul{ padding:25px 10px 0;} .sidebar ul li.wpyou_widget_RecentPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;} .sidebar ul li.wpyou_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;} .sidebar ul li.wpyou_widget_RecentPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;} .sidebar ul li.wpyou_widget_RecentPosts ul li h4{ margin-bottom:5px; font-size:13px;} .sidebar ul li.wpyou_widget_RecentPosts ul li p{ color:#666;} .sidebar ul li.widget_recent_comments ul li{ margin-bottom:15px; padding:0; height:auto; line-height:1.5; background:none;} .sidebar ul li.widget_recent_comments ul li h4{ font-size:12px; font-weight:bold;} .sidebar ul li.widget_recent_comments ul li h4 em{ padding-left:10px; font-style:normal; font-weight:normal; color:#999;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt{ margin-top:16px; padding:10px; border:1px solid #eee; color:#777; background:#fff; overflow:visible; position:relative;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a{ color:#777;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a:hover{ text-decoration:none;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt .up-arrow{ width:20px; height:10px; line-height:0; font-size:0; background:url(../images/icon-uparrow.gif) no-repeat 0 0; overflow:hidden; position:absolute; top:-10px; left:5px;} /* SpecialCatPosts */ .sidebar ul li.wpyou_widget_SpecialCatPosts ul{ padding:15px 10px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li{ margin:0 auto 10px; padding:0 0 0 14px; height:auto; line-height:18px; background:url(../images/arrow.gif) no-repeat 2px 8px; overflow:hidden;} /* StickyPosts */ .sidebar ul li.wpyou_widget_StickyPosts ul{ padding:15px 10px;} .sidebar ul li.wpyou_widget_StickyPosts ul li{ margin:0 auto 10px; padding:0 0 0 14px; height:auto; line-height:18px; background:url(../images/arrow.gif) no-repeat 2px 8px; overflow:hidden;} /* Search */ .sidebar ul li.widget_search .searchInput{ padding:4px 8px 3px; width:178px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;} .sidebar ul li.widget_search .searchInput:hover{ border:1px solid #999; color:#666;} .sidebar ul li.widget_search .searchBtn{ float:right; *float:none; padding:0; width:60px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; position:static;} .sidebar ul li.widget_search .searchBtn:hover{ background:transparent;} /* CustomWidgets */ .sidebar ul li.wpyou_widget_SpecialCatList ul li ul{ padding:0;} .sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto; background:url(../images/arrow.gif) no-repeat 3px 10px;} .sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ line-height:20px; background:url(../images/arrow-sub.gif) no-repeat 3px 7px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin-bottom:15px; padding:0 0 15px; height:auto; border-bottom:1px solid #eee; background:none; overflow:hidden;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:8px; width:100px; height:75px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:12px; overflow:hidden;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 18px; padding:0; height:auto; text-align:center; background:none;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:228px; height:170px;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-top:8px; line-height:18px; font-size:12px; overflow:hidden;} /* Calendar */ .sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px; font-size:14px;} #wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#222;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} .pad{ border:none !important; background:none !important;} /* Comments*/ .postComment{ margin:60px auto 0; overflow:hidden;} .postComment #addcomment, .postComment #comments{ margin-bottom:35px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;} .commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;} .commentlist li{ padding:20px 0; width:100%; border-top:1px solid #f4f4f4; clear:both; position:relative;} .commentlist li .avatar{ float:left; margin-top:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .commentlist li .comment_author{ margin:0 0 5px 62px;} .commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;} .commentlist li .comment-body p{ margin-bottom:12px;} .commentlist li ul{ padding:15px 0 0;} .commentlist li ul li{ padding:18px 0 15px 10%; width:90%;} .commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;} .commentlist li #respond{ padding:15px 0 15px 62px;} .commentlist li #respond #addcomment{ margin-bottom:15px; padding:0; line-height:34px; font-size:14px;} .commentlist cite{ font-size:14px; font-weight:bold; font-style:normal; color:#222;} .commentlist cite a{ color:#222;} .commentlist cite a:hover{ color:#222;} .commentlist em{ padding-left:6px; color:#A8A8A8;} .commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;} .commentlist .comment_func span{ padding-left:5px;} .commentlist .comment_func a, #cancel-comment-reply a{ color:#999;} .commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#222;} #cancel-comment-reply{ text-align:right;} #respond p{ margin:0 auto 20px; overflow:hidden;} #respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;} #respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;} #respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;} #commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;} #respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;} #commentform #submit{ padding:8px 50px; font-size:18px; font-family:Arial; line-height:28px; color:#fff; border:none; background:#f60; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform #submit:hover, #commentform #submit:active{ background:#f80;} /* CommentNavigation */ .comment-navi{ margin:15px auto; padding:10px; text-align:center; color:#888; background:#f9f9f9;} .comment-navi a:link, .comment-navi a:visited{ padding:5px 8px; color:#666;} .comment-navi span.cpt{ padding:5px 8px;} .comment-navi span.current{ font-weight:bold;} /* Footer */ .footer{ padding:30px 0 40px; width:100%; color:#fff; background:#615d5a url(../images/bg-footbar.jpg) no-repeat center; background-size:cover;} .footer a:link, .footer a:visited{ color:#fff;} .footer a:hover{ color:#fff; text-decoration:none;} /* Footbar */ .footbar{ overflow:hidden;} .footbar h3{ margin-bottom:15px; font-size:18px; color:#ff9900;} .footbar h3 a{ color:#ff9900;} .footbar .widget-column{ float:left; width:50%;} .footbar .widget-column-last{ float:right; width:auto;} .footbar .widget-column ul{ overflow:hidden;} .footbar .widget-column ul li, .footbar .widget-column p{ margin-bottom:3px; overflow:hidden;} .footbar .widget-hot-products ul li{ float:left; margin:0 30px 15px 0; text-align:center;} .footbar .widget-hot-products ul li img{ width:130px; height:130px; border:1px solid #ddd; display:inline;} .footbar .widget-hot-products ul li img:hover{ border-color:#003a83; opacity:0.8;} .footbar .widget-hot-products ul li h4{ margin-top:8px; font-size:12px; width:130px; height:42px; line-height:21px;} .footbar .widget_newsletterwidget form{ margin-top:15px; position:relative;} .footbar .widget_newsletterwidget form p{ display:inline-block;} .footbar .widget_newsletterwidget .newsletter-email{ padding:4px 9px; width:180px; height:28px; line-height:28px; color:#888; background:#eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #222; -webkit-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; -moz-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; box-shadow:4px 4px 4px rgba(0,0,0,.15) inset;} .footbar .widget_newsletterwidget .newsletter-submit{ padding:0 15px; height:38px; line-height:38px; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #222; position:absolute; top:0; left:208px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .footbar .widget_newsletterwidget .newsletter-submit:hover, .footbar .widget_newsletterwidget .newsletter-submit:active{ background:#000;} .footbar #wp-calendar{ width:94%;} .footbar #wp-calendar th, .footbar #wp-calendar td{ border:1px solid #393939; background:none;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#eee;} .footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;} /* FriendLink */ .friendlink{ margin-top:35px; padding:20px 0; width:100%; color:#888; background:#eee; overflow:hidden;} .friendlink h3{ margin-bottom:15px; font-size:16px; color:#003a83; border-bottom:1px solid #003a83;} .friendlink a:link, .friendlink a:visited{ margin-left:10px; color:#888;} .friendlink a:hover{ color:#333;} /* Copyright */ .copyright{ padding:25px 0; color:rgba(255,255,255,0.8); background:#003a83; overflow:hidden;} .copyright a:link, .copyright a:visited{ padding:0 3px; color:rgba(255,255,255,0.8);} .copyright a:hover{ color:rgba(255,255,255,1);} .copyright .icon-logo{ float:left; margin-right:60px;} /* LiveChat */ .live-chat{ width:200px; position:fixed; top:32%; right:-160px; z-index:9; *position:absolute; *right:expression(eval(document.documentElement.scrollLeft))-180; *top:expression(eval(document.documentElement.scrollTop))-150;} .live-chat .live-chat-bar{ float:left; padding:20px 10px; width:20px; font-size:16px; line-height: 1.2; text-align:center; color:#fff; cursor:pointer; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;} .live-chat-box{ float:left; width:158px; display:none;} .live-chat-box .chat-header{ padding:6px; font-size:16px; color:#fff; cursor:pointer; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;} .live-chat .live-chat-bar span, .live-chat-box .chat-header span{ float:left; width:24px; height:24px; text-indent:-9999px; background-image:url(../images/icon-livechat.png); background-repeat:no-repeat;} .live-chat span.cs{ background-position:0 center;} .live-chat .live-chat-bar span.cs{ margin-bottom:6px;} .live-chat .chat-header span.cs{ margin-left:6px; margin-right:6px;} .live-chat .chat-header span.close{ float:right; background-position:right center;} .live-list{ padding:20px 15px; border:1px solid #e6e6e6; border-top:none; background:#fff;} .live-list h4{ margin-bottom:15px; line-height:32px; text-align:center; color:#fff; background:#f70; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;} .live-list p{ margin-bottom:12px;} .live-list img{ max-width:100%;} /* Backtop */ .backToTop{ width:58px; height:60px; background:#fd6c01 url(../images/backtop.png) no-repeat 50% 50%; position:fixed; _position:absolute; right:20px; bottom:-10px; opacity:0; _bottom:"auto"; cursor:pointer; display:none; z-index:999;} .backToTop:hover{ background-color:#ff700f;} /* MobiFootbar */ .mobi-bar{ width:100%; font-size:1em; text-align:center; background:#333; display:none; overflow:hidden; position:fixed; bottom:0; left:0; z-index:9999;} .mobi-bar li{ width:25%; display:table-cell;} .mobi-bar li i{ font-style:normal;} .mobi-bar li a{ padding-top:25px; border-left:1px solid #383838; border-right:1px solid #2b2b2b; color:#eee; background-image:url(../images/icon-mobi.png); background-repeat:no-repeat; display:block;} .mobi-bar li a:active, .mobi-bar li a:hover{ background-color:#222; text-decoration:none;} .mobi-bar li.mobi-map a{ background-position:center 6px;} .mobi-bar li.mobi-phone a{ background-position:center -67px;} .mobi-bar li.mobi-email a{ background-position:center -134px;} .mobi-bar li.mobi-chat a{ background-position:center -202px;} .mobi-bar li:first-child a{ border-left:none;} .mobi-bar li:last-child a{ border-right:none;} /* AddThis */ .addthis_native_toolbox{ float:right;} .at4-share-outer{ display:none !important;} /**** Responsive CSS ****/ @media only screen and (min-width:1440px){ .inner{ width:1200px;} } @media only screen and (min-width:1025px) and (max-width:1439px){ .inner{ width:1000px;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 12px;} } @media only screen and (min-width:960px) and (max-width:1024px){ .inner{ width:96%;} .logo-desc{ display:none;} .navi li{ padding:0;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 10px;} .news-list{ margin-top:-44px; height:44px; line-height:44px;} .news-list .swiper-news{ height:44px;} .news-list .swiper-news .swiper-wrapper{ margin-right:30px;} .news-list .swiper-news .swiper-button-prev{ right:6px; background-position:center 8px;} .news-list .swiper-news .swiper-button-next{ right:6px; top:23px;} .row-news ul li .post-date .post-date-year-month, .row-news ul li .post-date .post-date-day{ color:#888; font-size:14px; display:inline;} .row-news ul li .post-date .post-date-day em{ display:inline;} .row-news ul li p{ display:none;} } @media only screen and (max-width:959px){ .inner{ width:94%;} .header{ position:relative;} .header .inner{ width:100%; height:80px;} .logo{ margin-left:3%; max-width:65%; height:80px; line-height:80px;} .logo img{ max-width:100%; max-height:80px;} .top-bar-lt{ max-width:45%; overflow:hidden;} .logo-desc, .c-box{ display:none;} #mobile-nav{ float:right; margin-right:3%; display:block; position:relative;} #mobile-nav a{ margin-top:0; width:40px; height:40px; border:1px solid #ddd; background-image:url(../images/icon-mo.png); background-repeat:no-repeat; position:absolute; top:20px; cursor:pointer; display:inline-block;} #mobile-nav #mobile-menu{ background-position:center 13px; right:50px;} #mobile-nav #mobile-so{ background-position:center -27px; right:0;} #mobile-nav .opacity{ background-color:#f4f4f4; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);} .nav-box{ border-top:3px solid #ff700f; background:#222; display:none;} .main-menu{ margin:0 auto; width:100%; line-height:40px; text-align:left; font-size:16px; position:absolute; top:0; left:0; z-index:9999;} .main-menu .inner{ width:100%;} .navi{ background:#222; display:block;} .navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #141414; border-top:1px solid #282828;} .navi li:first-child, .navi li.fr{ padding:0; border-top:none;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#ddd;} .navi li a:hover{ color:#fff; background:transparent; border-bottom:none;} .navi li.menu-so{ display:none;} .navi li ul{ position:static; padding:0; width:100%; border-bottom:none; border-top:1px solid #141414; background:#141414;} .navi li ul li{ border:none; background:none; border-top:1px solid #202020; border-bottom:1px solid #000;} .navi li ul li.litop{ display:none;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#ccc; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#ccc; background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#ccc; background-color:transparent;} .navi li ul li.menu-item-has-children a{ height:40px;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(../images/icon-mo.png) no-repeat center -78px; position:absolute; right:0; top:-2px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888; background-color:#141414;} .navi li.menu-item-has-children .mean-toggle{ background-color:#141414; background-position:center -128px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(../images/icon-mo.png) no-repeat center -75px;} .navi li.current-menu-item .mean-toggle{ background:url(../images/icon-mo.png) no-repeat center -125px !important;} .navi li ul li.menu-item-has-children:hover a{ color:#fff; background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} /*.navi li:hover ul li.menu-item-has-children a{ color:#ccc; background-color:transparent;}*/ .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:#222 url(../images/icon-mo.png) no-repeat center -125px !important;} .navi li:hover ul li.menu-item-has-children .mean-clicked{ background:#222 url(../images/icon-mo.png) no-repeat center -75px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background:#222 url(../images/icon-mo.png) no-repeat center -125px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ padding:4px 0 4px 36px; color:#999;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#fff; background-color:transparent;} .btn-so{ display:none;} #search-box{ width:100%; border-top:3px solid #ff700f; position:relative; top:0;} #search-box i{ display:none;} #search-box #searchform{ width:100%;} .slideshow-swiper-container .swiper-slide{ height:auto; max-height:300px;} .slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ display:none;} .slideshow-swiper-container .inner{ padding:8% 0; height:84%;} .slideshow-swiper-container .inner h4{ margin:0 auto 15px; font-size:40px;} .slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:14px;} .news-list{ margin:0 auto; width:100%; height:44px; line-height:44px; position:relative; background:#fafafa;} .news-list .swiper-news{ height:44px;} .news-list .swiper-news .swiper-wrapper{ margin-right:30px;} .news-list .swiper-news .swiper-button-prev{ right:6px; background-position:center 8px;} .news-list .swiper-news .swiper-button-next{ right:6px; top:23px;} .container{ margin-top:0; margin-bottom:70px; padding:30px 0 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .row-fluid{ margin:50px auto 0;} .cat-filter ul li{ margin:0 2px 12px;} .row-2c-lt, .row-2c-rt{ float:none; margin:0 auto; width:100%;} .row-2c-lt{ margin-bottom:50px;} .row-2c-lt h2, .row-2c-rt h2{ text-align:center;} .row-news .sticky-news .post-text{ padding:15px;} .row-news .sticky-news .post-text .post-excerpt{ width:70%;} .row-news .sticky-news .post-text .post-excerpt h3{ line-height:24px; margin-top:10px;} .cur-title{ display:none;} .postlist li a{ float:none; width:100%;} .sidebar{ display:none;} .piclist{ margin-left:-3%;} .piclist li{ margin-left:3%; width:47%;} .piclist-fc li .folio-thumb{ float:none; display:none;} .piclist-fc li .folio-text{ float:none; margin:0 auto;} .banner{ height:80px; line-height:80px;} .banner img{ width:100%; height:auto;} .breadcrumb{ height:60px; line-height:60px;} .breadcrumb h2{ float:none; text-align:center;} .breadcrumb .cur-title{ display:none;} .crumb-box{ display:none;} .container, .content{ float:none; margin:0 auto;} .col-md-3, .col-md-4, .col-md-2, .col-md-1{ float:none; margin:0 auto;} .col-md-3 div h3{ margin:20px auto 0;} .col-md-3 div, .col-md-4 div, .col-md-2 div, .col-md-1 div{ margin-bottom:30px; padding:0; width:50%;} .row-fluid img{ max-width:100% !important; height:auto;} .row-map img{ max-width:none !important;} .postlist li a{ float:none; width:100%;} .bx-pager, .postlist li span, .sidebar, .cs-div, .backToTop{ display:none !important;} .pic-scroll-list .slide{ width:100%; height:auto;} .piclist{ margin-left:-3%;} .piclist li{ margin-left:3%; width:47%;} .piclist li h3{ text-align:center;} .bloglist{ margin-left:-3%;} .bloglist li{ margin:0 0 30px 3%; width:47%;} .productlist li .folio-thumb{ height:370px;} .review ul li{ float:none; margin-bottom:35px; width:96%;} .row-help .stinner{ padding:0;} .row-help .stinner img{ margin-bottom:20px;} .post .post-title{ margin-bottom:28px; text-align:center;} .post .post-meta{ display:none;} .entry{ font-size:16px;} .entry p{ margin-bottom:20px;} .entry table{ max-width:none; width:99.5% !important; table-layout:fixed;} .entry table td{ width:auto; height:auto;} .post .share-post, .post .share-post .addthis_native_toolbox{ float:none; margin-top:10px;} .related ul.post-list li{ float:none; width:98%;} .container-product{ margin-top:-25px;} .product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;} .product .tips{ clear:both; margin-top:50px; text-align:center;} .product .post-head .post-title{ width:100%;} .product .post-title{ font-size:24px; line-height:32px;} .product .post-head #tabs{ width:100%;} .product .post-head #tabs span{ padding:0 2%;} .product .btn-inquiry-b{ display:block;} .preview{ float:none; margin:0 auto 35px; overflow:hidden;} .cloud-zoom-big{ display:none !important;} .cloud-zoom-lens{ border:none; background:none; cursor:default;} .product .product-meta-box{ margin-left:0;} .tab-head .tab-ul{ margin:0 auto;/* position:absolute; top:0; left:0;*/} .tab-head .tab-ul li{ margin:0; font-size:14px; display:none;} .tab-head .tab-ul li.current{ line-height:38px; display:block;} #tab-product .entry, #tab-product .entry .tab-tilte{ display:block;} .feature-item{ float:none; width:97%;} .related{ float:none;} #author, #email, #url, #comment{ padding:12px 2%; width:95%;} .feature-box .item{ float: none; margin:0 1.5% 35px; width:100%;} #inquiryForm{ padding:30px 15px;} #inquiryForm .productImg{ margin:0 0 20px 0;} #inquiryForm .productImg img{ margin:0 15px 0 0;} #inquiryForm .productImg h4{ line-height:20px;} #inquiryForm .productImg p{ padding-left:100px;} .wpcf7 label, #inquiryForm .wpcf7 label{ padding:0; width:100%; text-align:left;} .wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea{ width:90%;} .wpcf7 .wpcf7-select{ max-width:97%;} .wpcf7 .wpcf7-submit{ width:97%;} #inquiryProductMeta{ width:98%;} #inquiryProductMeta .productImg img{ width:120px; height:120px;} #btn-submit label{ display:none;} .col-lg-2{ float:none; width:100%;} .entry .col-lg-2 h4{ margin-bottom:10px;} .c-mail h4 span{ padding:0; display:block;} .c-addr h3{ float:none;} .c-addr p{ padding:0;} .entry .c-chat ul.olchat li{ width:50%;} .post-meta-bottom .tags, .post-meta-bottom .share{ float:none;} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;} .wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:18px; display:inline-block;} #commentform input[type="text"], #respond #comment{ width:80%;} .newsletter-sns{ text-align:center;} .newsletter-sns .newsletter, .newsletter-sns .sns{ float:none;} .newsletter-sns .newsletter{ margin-bottom:35px;} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:92%;} .newsletter-sns .newsletter p{ max-width:100%;} .newsletter-sns .sns a{ margin-right:6px; margin-bottom:12px;} .footbar .widget-column{ width:46%;} .copyright{ padding-bottom:70px;} .mobi-bar{display:table; text-align:center;} } @media only screen and (max-width:480px){ .top-bar-lt{ display:none;} .logo img{ max-width:100%; max-height:65px;} .slideshow-swiper-container .inner{ padding:10% 0 7%; height:83%;} .slideshow-swiper-container .inner h4{ margin:0 auto 15px; font-size:18px; word-spacing:2px;} .slideshow-swiper-container .inner p{ margin-bottom:12px; width:90%; font-size:12px;} .news-list{ margin:0 auto; width:100%;} .news-list h3{ padding:0 10px;} .news-list .swiper-news .swiper-wrapper{ margin:0 10px;} .row-news ul li .post-date{ margin-bottom:30px;} .row-news ul li .post-date .post-date-day em, .news-list .swiper-news .swiper-button-prev, .news-list .swiper-news .swiper-button-next{ display:none;} .col-md-3 div img{ width:68%; height:auto !important;} .col-md-3 div h3{ font-size:13px;} .column-fluid-lt .content{ margin:0 auto;} .row-gallary-slider .wholesale{ margin:25px auto 0; width:100%; box-sizing:border-box;} .wholesale .wpcf7 .wpcf7-submit, .wholesale .wpcf7 .btn-reset{ width:49%;} .piclist-scale{ margin-left:0; text-align:center; overflow:hidden;} .piclist-scale li{ float:none; margin:0 auto 20px; width:94%;} .row-news .title-box h2{ float:none; text-align:center;} .row-news .title-box h2 span{ float:none;} .row-news .title-box .sub-title-box{ float:none; text-align:center;} .row-news .title-box .sub-title-box li{ float:none; display:inline-block;} .row-news .sticky-news, .row-news .news-posts{ float:none; width:100%;} .row-news .sticky-news{ margin-bottom:30px;} .preview{ width:auto;} .preview #wrap{ border:1px solid #e6e6e6;} .preview img{ padding:2%; width:96%; height:auto; border:none; background:#fff;} .post ul.thumblist li .imWrap{ width:100%; height:auto;} .post ul.thumblist li .thumb-wrap{ float:none; width:90%;} .post ul.thumblist li img{ padding:1%; width:98%; height:auto;} .product-inquiry a{ float:none; padding:11px 0; width:100%; text-align:center;} .product-inquiry a i{ float:none; margin:0 auto; padding:0 20px;} .product-inquiry p{ float:none; margin:6px 0 0;} .bloglist{ margin-left:0;} .bloglist li{ float:none; margin:0 auto 30px; width:100%;} .bloglist li .folio-thumb{ height:auto;} .picexlist li .post-thumb{ display:none;} .related-post ul li{ float:none; width:100%;} .wpcf7 .wpcf7-text{ width:90%;} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ margin:0 auto 10px; width:90%;} .newsletter-sns .newsletter .newsletter-submit, .newsletter-sns .newsletter input[type="submit"]{ margin-left:0; width:96%;} .footbar .widget-column{ padding:0 2% 30px; width:96%;} .copyright .icon-logo{ float:none; margin-bottom:20px;} } @media only screen and (max-width:320px){ .logo{ max-width:50%;} .col-md-3 div, .col-md-4 div, .col-md-2 div, .col-md-1 div{ float:none; margin-bottom:30px; padding:0; width:100%;} }