<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.com-tip {min-height:36px;}
.com-tip dl {
    position: relative;
    min-height:36px;
}

.com-tip dl dt {
    position: absolute;
    width: 36px;
    height:36px;
    line-height:36px;
    text-align: center;
    padding-left:10px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.com-tip dl dd {
    padding-left:46px;
    padding-top: 10px;
}

.com-tip .otp-bgsky { background: url('/hk/en/resource/img/components/commons/tip/tipbg_sky.png') no-repeat 0 0 ;}
.com-tip .otp-bgpink {background: url('/hk/en/resource/img/components/commons/tip/tipbg_pink.png') no-repeat 0 0 ;}

@charset "utf-8";

.custom-procontit.opt-procontit-subtit {background:url('/hk/en/resource/img/product/product-detail-subtitbg-line.gif') no-repeat right top;}
.custom-procontit.opt-procontit-subtit span {padding-bottom:15px; display:inline-block; background:url('/hk/en/resource/img/product/product-detail-subtitbg-bar.gif') no-repeat left bottom; }

.web .product-detail-itemcon {position:relative;}
.web .product-detail-left {position:absolute; left:0; top:0; width:240px; padding-right:20px;}
.web .product-detail-right {width:100%; padding-left:240px;}
.web .custom-procontit.opt-procontit-subtit {min-height:120px; min-width:160px; display:inline-block; background-position:right bottom;}
.web .custom-procontit.opt-procontit-subtit span {word-wrap:break-word; padding-right:50px;}
@charset "utf-8";

.com-image img {width:100%;}
.com-image-border {border:1px solid #e4e4e4;}

.noimg {display:table; width:100%; background-color:#f2f2f2; min-height:76px;}
.noimg &gt; p {display:table-cell; text-align:center; vertical-align:middle;}
@charset "utf-8";

.com-mediaPhoto {
    position: absolute;
    width: 100%;
    height:100%;
    z-index:1;
    display: table;
}

.com-media-thumb {
    position: absolute;
    width: 100%;
    z-index:2;
}

.com-media-thumbpos {
    position: absolute;
    top:0;
    width: 100%;
    z-index:2;
}
.com-media-thumbpos img {
    position: absolute;
    width: 100%;
    z-index:2;
    left:0;
}

.com-media-thumb.com-media-imglnk {
    position: relative;
}

.com-media-play {
    position: absolute;
    left:50%;
    top:50%;
    width:50px;
    height:50px;
    z-index:3;
    margin-top:-25px;
    margin-left:-25px;
}

.com-media-play img{
    width: 100%;
}

.com-media-thumb img{
    width: 100%;
}

.com-media-wrap {
    position: relative;
    width: 100%;
    min-height:100px;
    overflow: hidden;

}

.js-media-frame {
    position: relative;
    padding-bottom: 56.25%;
    z-index:1;
}


.com-media-wrap iframe {
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
}

.com-media-text {
    background-color: #f7f7f7;
    padding:15px;
    text-align: justify;
}

.com-media-text p{
    height:74px;
    overflow: auto;
}

.opt-btm { font-size: 12px;}




.tablet .com-media-play {
    width:80px;
    height:80px;
    margin-top:-40px;
    margin-left:-40px;
}

.tablet .com-media-text {
    padding:20px;
}



.web .subpage .com-media-play {
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
}

.web .subpage .com-media-play &gt; a {display:block;}

.web .com-media-text p{
    height:84px;
    overflow: auto;
}
.web .opt-btm { font-size: 14px;}

.webM .com-media-play {
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
}

.com-mediatxt-subtitle {background-color:#f7f7f7; padding:15px; text-align: justify;}
.com-mediatxt-subtitle .com-mediatxt-scroll {max-height:90px; overflow:auto;}
.com-mediatxt-subtitle .custom-open {max-height:none;}
.com-mediatxt-scroll-morebtn {display:none; background:#cfcfcf; width:100%; height:32px; line-height:32px; text-align:center;}

.tablet .com-mediatxt-subtitle {padding:20px;}

.web .com-mediatxt-subtitle .com-mediatxt-scroll {max-height:100px; overflow:auto;}
.web .com-mediatxt-subtitle .custom-open {max-height:100px;}
.web .com-mediatxt-scroll-morebtn {display:none;}
@charset "utf-8";

.com-link {
    display: inline-block;
    padding:5px 25px 10px 15px;
    background: url("/hk/en/resource/img/commons/link/linkbg.png") no-repeat right bottom ;
    border-width:0 0 1px 1px;
    border-style:solid;
    border-color:#000000;
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .com-link {
        background-image: url("/hk/en/resource/img/commons/link/linkbg-X2.png");
        background-size:13px 12px;
    }
}

@charset "utf-8";



.com-imgfixtext .com-imgfixtext-fiximg  {
    width: 96px;
    height:96px;
    margin:0 auto;
}


.tablet .com-imgfixtext {
    position: relative;
    min-height:96px;
}

.tablet .com-imgfixtext .com-imgfixtext-fiximg {
    position: absolute;
    left:0;
    top:0;
    padding-bottom: 0;
}

.tablet .com-imgfixtext .com-imgfixtext-respondText {
    padding-left:116px;
}
@charset "utf-8";

.com-image img {width:100%;}
.com-image-border {border:1px solid #e4e4e4;}

.noimg {display:table; width:100%; background-color:#f2f2f2; min-height:76px;}
.noimg &gt; p {display:table-cell; text-align:center; vertical-align:middle;}
@charset "utf-8";

.textcolor1 { color: #c5497d;}
.com-graphrow-color1 { background-color: #f35f91;}

.textcolor2 { color: #106ea8;}
.com-graphrow-color2 { background-color: #8cd3ff;}

.textcolor3 { color: #687e03;}
.com-graphrow-color3 { background-color: #c8e057;}

.textcolor4 { color: #4d56ce;}
.com-graphrow-color4 { background-color: #82a3ee;}



.com-graphrow { width: 100%; max-width:960px;}
.com-graphrow dl dt{ width: 100%; padding-bottom: 10px;}
.com-graphrow dl dd{ width: 100%; height:20px; position: relative;}


.com-graphrow-totalprogress { width: 72%; background: url('/hk/en/resource/img/commons/graph/totalbg.png') #fff repeat-x 0 0;}
.com-graphrow-progress { width: 0; height:20px;background-image: url('/hk/en/resource/img/commons/graph/overpattern.png'); background-repeat: repeat-x; background-position: 0 0; }
.com-graphrow-progress span { position: absolute; right:0; top:-8px; }

.tablet .com-graphrow-totalprogress { width: 80%; }

.web .com-graphrow dl dt{ padding-bottom: 20px;}
.web .com-graphrow dl dd{ height:30px; }
.web .com-graphrow-totalprogress { width: 79%;}
.web .com-graphrow-progress { height:30px;}

@charset "utf-8";

.combox-colwrap:after {content:""; display:block; clear:both;}
.combox-colitem {width:100%; padding-bottom:20px;}
.combox-col25x25x25x25.opt-pbs .combox-colitem:first-child {padding-bottom:20px;}
.combox-col25x25x25x25.opt-pbs .combox-colitem:first-child + .combox-colitem {padding-bottom:20px;}
.combox-col25x25x25x25.opt-pbs .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:20px;}
.combox-col25x25x25x25.opt-pbs .combox-colitem:first-child + .combox-colitem + .combox-colitem + .combox-colitem {padding-bottom:0;}
.combox-col25x25x25x25.opt-pbm .combox-colitem:first-child {padding-bottom:30px;}
.combox-col25x25x25x25.opt-pbm .combox-colitem:first-child + .combox-colitem {padding-bottom:30px;}
.combox-col25x25x25x25.opt-pbm .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:30px;}
.combox-col25x25x25x25.opt-pbm .combox-colitem:first-child + .combox-colitem + .combox-colitem + .combox-colitem {padding-bottom:0;}
.combox-col25x25x25x25.opt-pbb .combox-colitem:first-child {padding-bottom:50px;}
.combox-col25x25x25x25.opt-pbb .combox-colitem:first-child + .combox-colitem {padding-bottom:50px;}
.combox-col25x25x25x25.opt-pbb .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:50px;}
.combox-col25x25x25x25.opt-pbb .combox-colitem:first-child + .combox-colitem + .combox-colitem + .combox-colitem {padding-bottom:0;}

.tablet .combox-colitem {float:left; padding-bottom:0;}
.tablet .combox-col25x25x25x25 {margin-left:-20px;}
.tablet .combox-col25x25x25x25 .combox-colitem {width:25%; padding-left:20px;}
.tablet .combox-col25x25x25x25.opt-pbs .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbs .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbs .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbm .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbm .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbm .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbb .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbb .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}
.tablet .combox-col25x25x25x25.opt-pbb .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}


.web .combox-colwrap {margin-left:-60px;}
.web .combox-colwrap.combox-col25x25x25x25 .combox-colitem {padding-left:60px;}

/* 20200110 add */
.web .combox-colwrap.combox-type2 {display:table;}
.web .combox-colwrap.combox-col50x50.combox-type2 .combox-colitem {display:table-cell;vertical-align:middle;float:none;}
.web .combox-colwrap.combox-col50x50.combox-type2 .combox-colitem.50-2 {width:auto;}

@charset "utf-8";

.combox-colum25x75 {
    width: 100%;
    overflow: hidden;
}

.colum25x75-wrap {
    display: block;
    margin-left:-20px;
}

.colum25x75-wrap:after {
    clear:both;
    content:'';
    display: block;
}

.combox-colum25x75 .combox-colum25x75-colum25, .combox-colum25x75 .combox-colum25x75-colum75  {
    float: left;
}

.combox-colum25x75 .combox-colum25x75-colum25 { width: 100%; }

.combox-colum25x75 .combox-colum25x75-colum75 { width: 100%;}



.tablet .combox-colum25x75 .combox-colum25x75-colum25 { width: 25%; }
.tablet .combox-colum25x75 .combox-colum25x75-colum75 { width: 75%; padding-left:20px; padding-right:20px;}
.tablet .combox-colum25x75.opt-colum25x75-right .combox-colum25x75-colum25, .tablet .combox-colum25x75.opt-colum25x75-right .combox-colum25x75-colum75  {
    float: right;
    text-align: right;
}

@charset "utf-8";

.combox-colwrap:after {content:""; display:block; clear:both;}
.combox-colitem {width:100%; padding-bottom:20px;}
.combox-col33x33x33.opt-pbs .combox-colitem:first-child {padding-bottom:20px;}
.combox-col33x33x33.opt-pbs .combox-colitem:first-child + .combox-colitem {padding-bottom:20px;}
.combox-col33x33x33.opt-pbs .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}
.combox-col33x33x33.opt-pbm .combox-colitem:first-child {padding-bottom:30px;}
.combox-col33x33x33.opt-pbm .combox-colitem:first-child + .combox-colitem {padding-bottom:30px;}
.combox-col33x33x33.opt-pbm .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}
.combox-col33x33x33.opt-pbb .combox-colitem:first-child {padding-bottom:50px;}
.combox-col33x33x33.opt-pbb .combox-colitem:first-child + .combox-colitem {padding-bottom:50px;}
.combox-col33x33x33.opt-pbb .combox-colitem:first-child + .combox-colitem + .combox-colitem {padding-bottom:0;}



.tablet .combox-colitem {float:left; padding-bottom:0;}
.tablet .combox-col33x33x33 {margin-left:-30px;}
.tablet .combox-col33x33x33 .combox-colitem {width:33.3%; padding-left:30px;}
.tablet .combox-col33x33x33.opt-pbs .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col33x33x33.opt-pbs .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}
.tablet .combox-col33x33x33.opt-pbm .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col33x33x33.opt-pbm .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}
.tablet .combox-col33x33x33.opt-pbb .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col33x33x33.opt-pbb .combox-colitem:first-child + .combox-colitem {padding-bottom:0;}


.web .combox-colwrap {margin-left:-60px;}
.web .combox-colwrap.combox-col33x33x33 .combox-colitem {padding-left:60px;}

@charset "utf-8";

.combox-colwrap:after {content:""; display:block; clear:both;}
.combox-colitem {width:100%; padding-bottom:20px;}
.combox-col50x50.opt-pbs .combox-colitem:first-child {padding-bottom:20px;}
.combox-col50x50.opt-pbm .combox-colitem:first-child {padding-bottom:30px;}
.combox-col50x50.opt-pbb .combox-colitem:first-child {padding-bottom:50px;}


.tablet .combox-colitem {float:left; padding-bottom:0;}
.tablet .combox-col50x50 {margin-left:-40px;}
.tablet .combox-col50x50 .combox-colitem {width:50%; padding-left:40px;}
.tablet .combox-col50x50.opt-pbs .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col50x50.opt-pbm .combox-colitem:first-child {padding-bottom:0;}
.tablet .combox-col50x50.opt-pbb .combox-colitem:first-child {padding-bottom:0;}


.web .combox-colwrap {margin-left:-60px;}
.web .combox-colwrap.combox-col50x50 .combox-colitem {padding-left:60px;}

@charset "utf-8";

.combox-colum960 {width:100%; margin:0 auto; max-width:1020px;}
.combox-colum960:after {content:'';display: block;clear:both;}
@charset "utf-8";

.com-com-portrait {margin-left:-30px;}

.com-portrait-wrap {
    display:table;
    font-size:0;
    width:100%;
}

.com-portrait-wrap:after {
    clear:both;
    content:'';
    display: block;
}

.com-portrait-item {
    vertical-align:top;
    display:inline-block;
    width: 50%;
    padding:0 0 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:12px;
}

.com-portrait-item img {
    width: 100%;
}

.com-portrait-item dl { text-align: center;}

.com-portrait-item dl dt { padding:10px 0;}


.tablet .com-com-portrait {
    margin-left:-48px;
}

.tablet .com-portrait-item {
    padding:0 0 30px 48px;
    width: 33%;
}

.web .com-portrait-item {
    padding:0 0 40px 48px;
    width: 25%;
}
@charset "utf-8";

/* com-breadcrumb */
.com-breadcrumb {display:none;}

.com-breadcrumb-pos {max-width:1200px; width:100%; margin:0 auto;}
.tablet .com-breadcrumb{ display:block; border-bottom:1px solid #e4e4e4; padding:16px 30px 16px 30px; }
.tablet .com-breadcrumb p{ height:23px; line-height:23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tablet .com-breadcrumb p a, .tablet .com-breadcrumb p strong{ padding-left: 15px; padding-right:25px;background:url('/hk/en/resource/img/breadcrumb/breadcrumbs-arrow.gif') no-repeat right center;}
.tablet .com-breadcrumb p strong{ background: none; font-family:arb, sans-serif;}
.tablet .com-breadcrumb p a span, .tablet .com-breadcrumb p strong{ display: inline; vertical-align: top;}
.tablet .com-breadcrumb p a.com-breadcrumb-home {padding-left:0;}
.tablet .com-breadcrumb p a.com-breadcrumb-home &gt; span {display: inline-block; width:21px; text-indent:-999em; background:url('/hk/en/resource/img/breadcrumb/breadcrumbs-home.gif') no-repeat left top;}


@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .tablet .com-breadcrumb p a.com-breadcrumb-home &gt; span {background-image:url('/hk/en/resource/img/breadcrumb/breadcrumbs-home-X2.gif'); background-size:21px 20px;}
    .com-breadcrumb p a, .com-breadcrumb p strong {background-image:url('/hk/en/resource/img/breadcrumb/breadcrumbs-arrow-X2.gif'); background-size:6px 12px;}
}</pre></body></html>