charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
html{
font-size: 15px;
line-height:1.5em;
font-family: 'Roboto',Helvetica,Arial,STHeitiTC-light,STHeiti,"Microsoft JhengHei",微軟正黑體,sans-serif !important;
}
.alignleft{
margin-left:0;
margin-right:auto;
text-align:left;
display: block;	
margin-bottom: 0;
}
.aligncenter{
margin-left: auto;
margin-right: auto;
text-align:center;
display: block;
margin-bottom: 0;
}
.alignright{
margin-left:auto;
margin-right:0;
text-align:right;
display: block;
margin-bottom: 0;
}
.btn{
padding-left:40px;
padding-right:40px;
display: table;
box-shadow: 0 2px 1px rgba(0,0,0,.35);
margin-top:10px;
}
.btn:hover{
transform: translateY(1px);	
}
.btn:active,.btn:visited,.btn:focus{
}
.btn:hover {
color: inherit;
background-color: inherit !important;
border-color: inherit;
}
body{
text-decoration: none;
margin:0;
width:100%;
font-weight: 400;	
color:#666666;
}
a,a:hover,a:visited,a:active{
color:inherit;	
text-decoration: none;
}
header{
padding-top: 15px;
padding-bottom: 15px;
box-shadow: 0 3px 6px rgba(0,0,0,.15);
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 10;
}
.banner{
margin-top:80px;
}
.content .content-wrapper{
padding-top: 40px;
padding-bottom: 40px;
color:#666666;
line-height: 2em;
}
.content img{
max-width:100%;
height:auto;
}
.content-wrapper p,.service-details > div{
text-align: justify;
}
footer .content-wrapper{
padding-top: 40px;
padding-bottom: 40px;
}
.footer-bottom .content-wrapper{
padding-top: 0px;
padding-bottom: 0px;
}
.content-wrapper{
max-width:1350px;
width:100%;
padding-left:15px;
padding-right:15px;
margin:auto;
position: relative;
}
.content-wrapper h3{
font-size:1em;
line-height: 1.5em;
}
.small-wrapper{
max-width: 800px;
display: block;
margin:auto;
}
div[class^="menu-top"]{
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
top:0;
margin-top: auto;
display: flex;
justify-content: center;
flex-direction: column;
}
div[class^="menu-top"] ul {
display: flex;
flex-direction: row;
margin-bottom: 0;
padding: 0;
margin: auto;    
}
div[class^="menu-top"]>ul{
padding-left: 100px;
}
div[class^="menu-top"] ul a{
padding: 15px 20px;
display: block;
color:#333;
font-size: 1em;
line-height: 1em;
font-weight: 400;
}
div[class^="menu-top"] ul li:last-child a{
border-right:0;
}
div[class^="menu-top"] .sub-menu{
display: flex;
flex-direction: column;
position: absolute;
top:100%;
background:#fff;
box-shadow: 0 3px 6px rgba(0,0,0,.35);
z-index: 100;
visibility: hidden;
opacity: 0;
transition: all .3s linear;
}
div[class^="menu-top"] .menu-item-has-children>a:after{
content:"\f0d7";	
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:10px;
}
div[class^="menu-top"]  ul li.menu-item-has-children:hover .sub-menu{
display: flex;
visibility: visible;
opacity: 1;
}
div[class^="menu-top"] .sub-menu a{
white-space: nowrap;
padding:10px 15px;
transition: all .3s linear;
}
div[class^="menu-top"] .sub-menu a:hover{
color:#fff;
background:#C5241F;
}
.sub-menu li:after{
display: none;
}
.left-menu {
position: absolute;
right: 0;
top: 15px;
margin: 0;
display: flex;
padding: 0;
}
.left-menu li{
padding-left:15px;
padding-right:15px;
border-right:1px solid #ddd;
}
.left-menu li:last-child{
border-right:0;
}
body>header li{
position: relative;
}
body>header div[class^="menu-top"] li:after{
position: absolute;
width:100%;
height:0px;
background-color:#C5241F;
z-index: 10;
content:"";
bottom:-15px;
transition: all .15s linear;
}
body>header div[class^="menu-top"] li.current-menu-item:after, body>header div[class^="menu-top"] li:hover:after, body>header div[class^="menu-top"] li:active:after, body>header div[class^="menu-top"] li:focus:after, body>header div[class^="menu-top"] li.current-product_cat-ancestor:after, body>header div[class^="menu-top"] li.current-post-ancestor:after, body>header div[class^="menu-top"] li.current-menu-parent:after, body>header div[class^="menu-top"] li.current-post-parent:after{
position: absolute;
width:100%;
height:4px;
background-color:#C5241F;
z-index: 10;
content:"";
bottom:-15px;
}
body>header div[class^="menu-top"] li:hover:after{
height:4px;
}
.address,.phone,.whatsapp,.fax,.email,.wc,.time{
padding-left:25px;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
}
.address:before{ font-family: "Font Awesome 5 Free"; content:"\f3c5"; font-weight: 900; position: absolute; left:0;}
.phone:before{ font-family: "Font Awesome 5 Free"; content:"\f095"; font-weight: 900;  position: absolute; left:0;}
.whatsapp:before{ font-family: "Font Awesome 5 Brands"; content:"\f232";  position: absolute; left:0;}
.fax:before{ font-family: "Font Awesome 5 Free"; content:"\f1ac"; font-weight: 900; position: absolute; left:0;}
.email:before{ font-family: "Font Awesome 5 Free"; content:"\f0e0";  position: absolute; left:0;}
.time:before{ font-family: "Font Awesome 5 Free"; content:"\f017"; font-weight: 900;   position: absolute; left:0;}
.ig:before{ font-family: "Font Awesome 5 Brands"; content:"\f16d";   position: absolute; left:0;}
.wc:before{ font-family: "Font Awesome 5 Brands"; content:"\f1d7";   position: absolute; left:0;}
.fb:before{ font-family: "Font Awesome 5 Brands"; content:"\f09a";   position: absolute; left:0;}
.icon-label{
margin:0;
color:#333;
}
.small-wrapper{
max-width:830px;
width:100%;
margin:auto;
padding-left:15px;
padding-right:15px;
}
h3.title{
font-size:2.13em;
font-weight: 300;
line-height:1.25em;
text-align:center;
display: table;
margin:auto;
margin-bottom:30px;
color:#E30679;
position: relative;
font-weight: 300;
}
.language{
font-size:1em;
line-height: 1.5em;
color:#666;
margin-right:20px;
top:0;
right:0;
position: absolute;
color:#E30679;
font-weight:bold;
}
.grey-box{
background:#F3F3F3;	
}
.grey-bg{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/grey-bg.jpg);
}
.footer-bottom{
background:#333;
color:#fff;
text-transform: uppercase;
padding-top:20px;
padding-bottom:20px;
font-size: .83rem;
}
.footer-menu{
display: flex;
padding-left: 0;
}
.footer-menu li{
padding-left:20px;
padding-right:20px;
border-right:1px solid #fff;
line-height: 1em;
}
.footer-menu li:first-child{
padding-left:0;
}
.footer-menu li:last-child{
padding-right:0;
border-right:0;
}
.copyright {
font-size: 1em;
text-align: center;
}
.wow{
visibility: hidden;
} .footer-top{
background:#EFEFEF;
line-height: 1.5em;
}
.footer-logo img{
max-width:100%;
height: auto;
}
.footer-list h5{	
font-size: 1rem;
font-weight: bold;
line-height: 1em;
margin-bottom:20px;
color:#C5241F;
}
.footer-list h5:before{
content:"";
width:1px;
height:auto;
margin-top:3px;
margin-bottom:3px;
border-left:2px dashed #C5241F;
margin-left: -8px;
margin-right: 8px;
}
.footer-about-desc{
font-size:.83rem;	
}
.footer-about-desc p{
text-align: left;
}
.footer-contact{
margin-bottom:20px;
}
.footer-list-border{
border-left:1px solid rgba(255,255,255,.3);
}
.section .section-wrapper{
padding-top: 60px;
padding-bottom: 60px;
line-height: 2em;
}
.section .section-wrapper ul{
list-style: disc;
}
.product-cat-list{
list-style: none !important;
}
.section-wrapper {
max-width: 1350px;
width:100%;
padding-left: 15px;
padding-right: 15px;
margin: auto;
position: relative;
}
.half-style{
position: relative;
}
.half-style .row>div{
position: relative;
}
.half-style-img{
width:50vw;
height:auto;
position: absolute;
right:0;
top:-60px;
bottom:-60px;
margin:auto;
background-size: cover;
background-position: center center;
}
.half-style-content{
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
background:rgba(255,255,255,.8);
border:1px solid rgba(255,255,255,.8);
border-radius: 5px;
margin-left: 60px;
margin-right: 60px;
}
.half-title{
color:#C5241F;
}
.half-title,.section-title{
margin-bottom:20px;
font-size: 1.67rem;
font-weight: bolder;
}
.index-warranty-bg{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/footer-banner.jpg);
background-position: center center;
background-size: cover;
}
.section-title{
display: block;
color:#C5241F;
}
.left-title{
text-align: left;
}
.news-cat-date{
margin-bottom:10px;
}
.news-cat-date,.news-cat-date a{
font-size: .833rem;
line-height: 1.25em;
color:#C5241F;	
}
.news-cat-date a{
display: inline-block;
}
.news-thumbnail-content-box{
line-height: 1.5em;
height: 100%;
}
.news-thumbnail-box{
height: 100%;
position: relative;
overflow: hidden;
background-color:#fff;
}
a.news-thumbanil-title{
color:#C5241F;
font-weight: bold;
display: block;
line-height: 1.25em;
margin-bottom:10px;
}
.news-thumbnail-box:after{
position: absolute;
bottom:-20px;
right:-20px;
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/row-icon.png);
width:64px;
height:65px;
content:"";
pointer-events: none;
transition: all .6s ease-in-out;
}
.news-thumbnail-box:hover:after{
bottom:0px;
right:0px;
}
.news-thumbnail-box .news-thumbnail{
background-size: auto 100%;
background-position: center center;    
border: 1px solid #ddd;
transition: all .15s ease-in-out;
}
.news-thumbnail-box .news-thumbnail img{
width:100%;
height: auto;
display: block;
margin:auto;
}
.news-thumbnail-box:hover .news-thumbnail{
background-size: auto 105%;
}
.news-list{
margin-bottom:30px;
}
.btn-white{
border:2px solid #C5241F;
color:#C5241F !important;
background:#fff;
border-radius: 5px !important;
font-weight: bolder;
}
.btn-red{
border:2px solid #C5241F;
color:#fff !important;
background:#C5241F;
border-radius: 5px !important;
font-weight: bolder;
padding-left: 40px;
padding-right: 40px;
}
.btn-red:hover{
border:2px solid #C5241F;
color:#fff !important;
background:#C5241F !important;
}
.btn-red:disabled,.btn-red:disabled:hover{
background:#ddd !important;
border-color:#ddd !important;
}
.btn-center{
display: table;
margin:auto;
}
.owl-item>div {
box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
border: 1px solid #fff;
border-radius: 10px;
transform: scale(.8);
transition: all .3s ease-in-out;
display: table;
padding:20px;
}
.owl-item>div img{
display: block;
margin:auto;
}
#carousel-3{
margin-bottom:60px;
}
.page-title-section{
padding-top:60px;
padding-bottom:60px;
}
.page-title{
font-size:2rem;
color:#C5241F;
font-weight: bold;
position: relative;
}
.page-title:before{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/title-before.png);
width:17px;
height:17px;
content:"";
position:absolute;
left:90px;
top:0;
}
.page-title:after{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/title-after.png);
width:17px;
height:17px;
content:"";
position:absolute;
right:90px;
bottom:0;
}
.page-title-section{	
color:#C5241F;
text-align: center;
margin-top:80px;
}
.page-title{
display: table;
margin:auto;
padding-left:120px;
padding-right:120px;
margin-bottom:30px;
}
.page-title .line {
width: 100%;
height: 1px;
background: #C5241F;
position: absolute;
left: 0;
right: 0;
bottom: -15px;
}
.breadcrumb{
display: table;
margin:auto;
}
.profile-banner{
width:100%;
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/people-profile-bg.jpg);
text-align: center;
m
}
.profile-banner img{
margin:0;
}
.signature{
text-align: right;
font-weight: bold;
margin-top:30px;
color:#333333;
line-height: 1.5em;
}
.pagination{
display: table;
margin:auto;
}
.pagination span,.pagination a{
width:auto;
padding-left:15px;
padding-right:15px;
height:50px;
line-height:50px;
border:2px solid #C5241F;
border-radius: 5px;
color:#C5241F;
display: inline-block;
margin-left:2px;
margin-right:2px;
text-align: center;
}
.pagination span{
background:#C5241F;
color:#fff;
}
.pagination a{
cursor:pointer;
}
.icon-list{
margin-top:60px;
}
.icon-list-box .icon{
display: table;
margin: auto;
margin-bottom:20px;
}
.bg-section{
background-position: center center;
background-size: cover;
color:#333;
}
.single-title{
font-size:2rem;
color:#C5241F;
font-weight: bold;
}
.meta-date{
font-size: .83rem;
}
.bg-grey{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/grey-bg.jpg);
}
.single-content-area img{
max-width: 100%;
height: auto;
}
figcaption{
font-size:.83rem;
color:#666;
margin-bottom:30px;
line-height: 1.5em;
margin-top:5px;
text-align: center;
}
.single-title:after{
display: inline-block;
content:"";
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/title-after.png);
width:17px;
height:17px;
margin-left:20px;
}
.contact-info {
display: table;
margin: auto;
max-width: 800px;
line-height: 1.5em;
width: 100%;
}
.contact-info .row > div{
position: relative;
}
.contact-info .row > div:after{
content:"";
background: #ddd;
width:1px;
height: 100%;
position: absolute;
right:0px;
top:0;
}
.contact-info .row > div:last-child:after{
display: none;
}
.contact-info img{
margin:auto;
margin-bottom:30px;
display: block;
}
.icon-label{
margin-top:20px;
font-weight: bold;
}
.icon-label:first-child{
margin-top:0;
}
.news-thumbnail-content-box{	
line-height: 1.5em;
height: 100%;
margin-top:15px;
}
.news-thumbnail-box{
height: 100%;
position: relative;
overflow: hidden;
}
.product-cat{
text-align: center;
margin: auto;	
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 30px;
margin-bottom: 30px;
list-style: none !important;
}
.product-cat a{
padding-left: 20px;
padding-right: 20px;
line-height: 1em;
font-weight: bold;
}
.product-cat a.active{
color:#C5241F !important;
}
.product-cat li{
border-right:1px solid #ddd;
line-height: 1em;
white-space: nowrap;
}
.product-cat li:last-child{
border-right: 0;
}
.product-list .product-thumbnail{
background-size: 100%;
background-position: center center;
transition: all .15s ease-in-out;
box-shadow: 0 3px 6px rgba(0,0,0,.15);
border:1px solid #fff;
border-radius: 5px;
}
.product-list .product-thumbnail:hover{
background-size: 105%;
}
.product-list .product-thumbnail img{
width:100%;
height: auto;
display: block;
}
.product-name{
margin-top:20px;
text-align: center;
}
.product-list{
margin-bottom:30px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
}
.lang-item{
list-style: none;
padding-left: 0;
display: inline-block;
}
.no-bg{
background:unset;
border:0;
}
.wp-pagenavi{
margin:auto;
display: flex;
justify-content: center;
}
.wp-pagenavi a,.wp-pagenavi a:active ,.wp-pagenavi a:visited ,.wp-pagenavi a:focus{
background: #C5241F;
color: #fff !important;
padding: 10px 15px;
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #C5241F;
line-height: 20px;
}
.wp-pagenavi a:hover{
background:#FF2923;
border: 1px solid transparent;
}
.wp-pagenavi span {
background: #fff;
color: #C5241F !important;
padding: 10px 15px;
border: 2px solid #C5241F !important;
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
line-height: 20px;
}
.wp-pagenavi span.extend{
border: 2px solid transparent !important;
background: transparent !important;
padding: 10px 0px;
}
.pisol-view-cart{
background: #fff;
color: #C5241F !important;
padding: 10px 15px;
border: 2px solid #C5241F !important;
border-radius: 5px;
display: block;
width: 100%;
line-height: 20px;
text-align: center;
}
.single-product .pi-custom-button {
padding: 10px 15px !important;
border: 2px solid #C5241F !important;
border-radius: 5px;
display: inline-block !important;
width: auto;
margin: auto !important;
margin-right: 10px !important;
font-size: 1rem !important;}
.single-product .pisol-view-cart{
background: #fff;
color: #C5241F !important;
padding: 10px 15px;
border: 2px solid #C5241F !important;
border-radius: 5px;
display: inline-block;
width: auto;
line-height: 20px;
text-align: center;
line-height: 20px !important;
display: none;
}
.single-product>div.section>.section-wrapper{
padding-top:120px;
}
#pi-enquiry-container.woocommerce table.shop_table_responsive tr td::before{
display: none;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
text-align: center !important;
}
ul.product-cat-list {
display: flex;
margin: auto;
justify-content: center;
}
ul.product-cat-list li{
border-right:1px solid #ddd;	
}
ul.product-cat-list li:last-child{
border-right:0;
}
ul.product-cat-list li a {
padding: 0 10px;
font-weight: bold;
white-space: nowrap;
}
ul.product-cat-list li a.current-cat{
color:#C5241F;	
}
.pi-btn {
padding: 0 40px;
display: table;
box-shadow: 0 2px 1px rgba(0,0,0,.35);
margin-top: 10px;
border: 2px solid #C5241F;
color: #fff !important;
background: #C5241F;
border-radius: 5px !important;
font-weight: bolder;
}
.pi-row input[type="text"],.pi-row input[type="email"],.pi-row textarea{
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control {
border-radius: 0.375rem !important;
appearance: auto;
}
.product-cat-menu select {
display: none;
}
.product-subtotal,.product-message{
display: none;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label{
cursor: pointer;
}
.case-content .question,.case-content .answer{
position: relative;
padding:5px 50px 5px 20px;
}
.case-content{
background:#f1f1f1;
border-bottom:1px solid #f6f6f6;
}
.case-content .question{
background:#e6e6e6;
cursor: pointer;
}
.case-content .question img{
width:20px;
height: 20px;
position: absolute;
top:13px;
right:13px;
transition: all.3s linear;
}
.case-content .question.active img{
transform:rotate(45deg);
}
.case-content .answer{
display: none;
}
.case-content .answer>p{
margin-bottom:0;
}
.case-cat{
margin-bottom:50px;
}
html[lang="en-US"] .button.pi-custom-button:before{
content:"Add to Enquiry";
}
.button.pi-custom-button:before{
content:"加入查詢籃";
}
.topic-img{
background-size: cover;
height:240px;
position: relative;
background-position: center center;
}
.topic-img h3{
background-color:rgba(197,36,31,.9);
color:#fff;
padding:10px;
position: absolute;
bottom:0;
left:0;
z-index: 10;
margin:0;
}
.woocommerce nav.woocommerce-pagination{
margin-bottom:30px;
}
.woocommerce nav.woocommerce-pagination ul{
border:0;
}
.woocommerce-pagination span,.woocommerce-pagination a{
background: #fff !important;
color: #C5241F !important;
padding: 10px 15px !important;
border: 2px solid #C5241F !important;
border-radius: 5px;
margin-right: 5px !important;
margin-left: 5px !important;
line-height: 20px;
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.woocommerce-pagination a{
background: #C5241F !important;
color: #fff !important;
padding: 10px 15px;
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #C5241F;
line-height: 20px;
}
.woocommerce-pagination li{
border:0 !important;
}
.footer-list a{ margin-bottom:10px;}
.hidden-control{
display: none !important;
}
.warranty-page{
font-size: .85rem;
}
.woocommerce div.product p.price {
color: #C5241F;
font-size: 1em;
line-height: 1.25em;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
color: #888;
font-size: 1.5em;
}
.download-btn{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/download-pdf.png);
background-size:auto 100%;
background-repeat: no-repeat;
background-position: left center;
padding-left:50px;
padding-top:10px;
padding-bottom:10px;
display: block;
}
.float-whatsapp{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/whatsapp.png);
position: fixed;
bottom:90px;
right:25px;
}
.float-email{
background-image:url(//lightinggas.com.hk/wp-content/themes/blankslate/img/mail.png);
position: fixed;
bottom:155px;
right:25px;
background-position: center center;
}
.float-whatsapp,.float-email{
content:"";
width:60px;
height: 60px;
background-size: 100%;
}
.woocommerce div.product div.summary { 
margin-top: 2em;
}
.logo {
width: auto;
display: inline-block;
position: relative;
z-index: 10;
}
.woocommerce-Price-currencySymbol:before{
content:"HKD";
}
.wc-tab table{
width:100% !important;
}