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

.wrapper {
    position: relative;
}

.container {
    position: relative;
    min-height: 300px;
    padding-top: 50px;
}

/* main boxsizing bug */


.webL .maincontent {
    padding:0;
    max-width:1600px;
    margin:0 auto
}


.ly-subcontent {
    min-width:320px;
    max-width:1260px;
    width:100%;
    margin:0 auto;
    /*padding:0 15px;*/
}

.opt-main-contit {font-size:20px; font-family: arb, sans-serif; padding-left:15px;}
.subpage .sub-contit {height:80px; line-height:80px; text-align:center;}

.com-web80per {max-width:960px; margin:0 15px;}
.com-web80per:after {
    content:'';
    display: block;
    clear:both;
}

/* snsutil */
.snsutil {min-height:36px;}

.tablet .container {
    padding-top: 80px;
}

.tablet .com-web80per {margin:0 30px;}
.tablet .opt-main-contit {padding-left:0; font-size:24px;}

.web.subpage .container {
    padding-top: 162px;
}
.web.subpage .sub-contit {height:115px; line-height:115px;}
.web .com-web80per {width:100%; margin:0 auto;}

.web .container {padding-top: 162px;}

.webM .opt-main-contit {font-size:30px;}


.header-ribbon{
    position: fixed;
    left:0;
    top:0;
    height:160px;
    width: 100%;
    overflow: hidden;
    background-color: #262626;
    z-index:100;
}

.ribbon-con {
    height:160px;
}
@charset "utf-8";

.header-wrap .snsutil { display: none;}
.footer-wrap .snsutil a {display:inline-block; float:none; padding-right:10px;}
.snsutil a img {width:32px;}

.header-wrap .mobgnb-bottom .snsutil {
    display: block;
    padding-bottom: 15px;
}

.header-wrap .mobgnb-bottom .snsutil a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 0;
}

.header-wrap .mobgnb-bottom .snsutil a:first-child {
    display: inline-block;
    padding-left: 0;
}

.web .header-wrap .snsutil {
    display: block;
    position: absolute;
    left:30px;
    top:30px;
}

.web .snsutil a {
    float: left;
    margin-right:10px;
}

.web .footer-wrap .snsutil a {margin-right:0; padding-right:8px; float:none;}
.web .snsutil a img {width:32px;}

.web .header-wrap .header-gnb .snsutil {
    display: none;
}

.web .footer-wrap .snsutil {
    position: relative;
    margin-top:-60px;
    text-align:center;
}
@charset "utf-8";

.siteutil ul li {display:inline;}
.siteutil ul li:before {content:"l"; padding:0 9px 0 7px; color:#d0d0d0;}
.siteutil ul li:first-child:before {content:""; padding:0;}
.siteutil ul li a {color:#767676}
.header-wrap .siteutil {display: none;}

.web .header-wrap .siteutil {display: block;position: absolute;right: 30px;top: 40px;}
@charset "utf-8";

.jqListbox-adapt {position:relative;display:block;height:47px;}
.jqListbox-adapt select {width:100%;height:100%;margin:0;padding:0;border:none;}
.jqListBox {position:relative;top:0;left:0;display:inline-block; /**display:inline; */ width:100%;vertical-align:top;font-size:13px; font-family:arm, AppleGothic, sans-serif;}
.jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;}
.jqListBox-combo {display:block;height:43px;white-space:nowrap;font-size:17px;line-height:43px;color:#292a37;cursor:pointer; /*zoom:1;*/ border:1px solid #d4d4d7;}
.jqListBox-combo:after {content:"";display:block;clear:both}
.jqListBox-combo-txt {padding-right:38px; padding-left:10px;width:100%;float:left;overflow:hidden;text-overflow:ellipsis;}
.jqListBox-combo-arrow {position:absolute; right:2px; top:0;width:28px;height:100%;background:url("/hk/en/resource/img/common/css/jqListbox/jqlistbox-arrow.png") no-repeat 0 50%;}
.jqListBox-combo-arrow.on {background-position:-29px 50%;}
.jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;}
.jqListBox-option{display:block;overflow:hidden;height:22px;padding:3px 0;text-indent:10px;color:#606060;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.jqListBox-option:focus,
.jqListBox-option:hover,
.jqListBox-option.selected {background-color:#f0f7fb;color:#2366b2;}

.jqdate .jqListBox-list {height:auto; overflow-x: hidden; overflow-y: scroll;}

.retina .jqListBox-combo-arrow {background-image:url("/hk/en/resource/img/common/css/jqListbox/jqlistbox-arrow@2x.png");background-size:56px 7px;}


@charset "utf-8";



.UIslider { overflow: hidden; width: 100%; }
.UIslider-container {overflow: hidden; width: 100%;}
.UIslider-content { display: block; font-size:0; width: 100%;}
.UIslider-item { float: left; /* width: 100%; */ }
.UIslider-box { width: 100%; font-size: 0;}
.UIslider-item .UIslider-con { width: 100%; display: inline-block;}
.UIslider-item .UIslider-con img{ width: 100%;}

.UIindicator button {width:24px; height:24px;}
.UIindicator button&gt;img { width: 100%;}

.UIautorun button {}
.UIautorun button&gt;img {width:9px;}

@charset "utf-8";

/* view sns share */
.com-subshare {position:relative; max-width:1260px; margin:0 auto;}
.com-subshare-wrap {position:absolute; width:100%; top:30px;}
.com-subshare-btn button {display:none; position:absolute; right:15px; top:5px; width:20px;}
.com-subshare-btn button &gt; img {width:100%;}
.com-subshare-btn button.show {display:block;}
.com-subshare-list {display:none; text-align:center; margin:30px -15px 0 -15px; width:100%; background:#f7f7f7; padding:14px 0;}
.com-subshare-list.show {display:block;}
.com-subshare-wrap .com-subshare-list.show {display:none;}
.com-subshare-list li {display:inline-block; padding-left:7px;}
.com-subshare-list li a img {width:32px;}

.tablet .com-subshare-wrap {top:-45px; right:0; width:160px;}
.tablet .com-subshare-btn {display:none;}
.tablet .com-subshare-wrap .com-subshare-list {display:block !important; background:none; margin:0; padding:0 30px 0 0; text-align:right;}
@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body { width: auto; height: auto; overflow-x: hidden; position: relative; margin:0; padding:0;font-size:12px;line-height:1.3;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
fieldset {min-width:0;}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] &gt; input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select, textarea, button {-webkit-appearance: none;border-radius: 0}
textarea{resize:none;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:9999;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:40px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* IR */
.screen_out {position:absolute;overflow:hidden;text-indent:-999em;width:1px;height:1px;font-size:1px;}

/* float clear */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }


/* box align */
.opt-fl{float:left;}
.opt-fr{float:right;}
.opt-fc{clear:both;}

/* text align */
.opt-tl{text-align:left;}
.opt-tr{text-align:right;}
.opt-tc{text-align:center;}

/* position align */
.opt-poss { position: static;}
.opt-posr { position: relative;}
.opt-posa { position: absolute;}
.opt-posf { position: fixed;}

/* dvice show/hide */
.res-mobshow { display: block;}
.res-tabletshow { display: none;}
.res-webshow { display: none;}

/* component color text */
.opt-textpink {color:#c5497d;}
.opt-textblue {color:#106ea8;}
.opt-textpurple {color:#4d56ce;}
.opt-textgreen {color:#1a6f00;}

/* component sub page border */
.opt-borderbot {border-bottom:1px solid #e4e4e4;}
.opt-bordertop {border-top:1px solid #e4e4e4;}

.vedio-playdim {width:100%; height:100%; position:absolute; left:0; top:0; background:url('/hk/en/resource/img/common/video-dimbg.png') repeat left top;}
.dotline {overflow:hidden;}

.tablet .tablethide { display: none;}
.tablet .res-mobshow { display: none;}
.tablet .res-tabletshow { display: block;}

.web .subpage .res-webhide { display: none;}
.web .res-webshow { display: block;}

.webM .res-webhide { display: none;}



/*텍스트 공통*/
.opt-text-arbfont { font-family: arb, sans-serif;}
.opt-text-arbfont p{ font-family: arb, sans-serif;}

.opt-htb {font-size:30px; line-height:34px;}
.opt-htm {font-size:24px; line-height:30px;}
.opt-hts {font-size:20px; line-height:26px;}

.opt-stb {font-size:16px; line-height:22px;}
.opt-stm {font-size:14px; line-height:20px;}

.opt-btb { font-size: 12px; line-height:18px;}
.opt-btm { font-size: 12px; line-height:18px;}
.opt-bts { font-size: 12px; line-height:18px;}

/*여백 공통*/
.opt-pts { padding-top: 20px;}
.opt-ptm { padding-top: 30px;}
.opt-ptb { padding-top: 50px;}

.opt-pbs { padding-bottom: 20px;}
.opt-pbsm { padding-bottom: 25px;}
.opt-pbm { padding-bottom: 30px;}
.opt-pbb { padding-bottom: 50px;}

.opt-mbs { margin-bottom: 20px;}
.opt-mbm { margin-bottom: 30px;}
.opt-mbb { margin-bottom: 50px;}


.web .subpage .opt-htb {font-size:40px; line-height:46px;}
.web .subpage .opt-htm {font-size:30px; line-height:34px;}
.web .subpage .opt-hts {font-size:24px; line-height:30px;}

.web .subpage .opt-stb {font-size:20px; line-height:26px;}
.web .subpage .opt-stm {font-size:16px; line-height:22px;}

.web .subpage .opt-btb { font-size: 16px; line-height:22px;}
.web .subpage .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.web .subpage .opt-pts { padding-top: 20px;}
.web .subpage .opt-ptm { padding-top: 40px;}
.web .subpage .opt-ptb { padding-top: 60px;}

.web .subpage .opt-pbs { padding-bottom: 20px;}
.web .subpage .opt-pbm { padding-bottom: 40px;}
.web .subpage .opt-pbb { padding-bottom: 60px;}

.web .subpage .opt-mbs { margin-bottom: 20px;}
.web .subpage .opt-mbm { margin-bottom: 40px;}
.web .subpage .opt-mbb { margin-bottom: 60px;}

.webM .opt-htb {font-size:40px; line-height:46px;}
.webM .opt-htm {font-size:30px; line-height:34px;}
.webM .opt-hts {font-size:24px; line-height:30px;}

.webM .opt-stb {font-size:20px; line-height:26px;}
.webM .opt-stm {font-size:16px;}

.webM .opt-btb { font-size: 16px; line-height:20px;}
.webM .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.webM .opt-pts { padding-top: 20px;}
.webM .opt-ptm { padding-top: 40px;}
.webM .opt-ptb { padding-top: 60px;}

.webM .opt-pbs { padding-bottom: 20px;}
.webM .opt-pbm { padding-bottom: 40px;}
.webM .opt-pbb { padding-bottom: 60px;}

.webM .opt-mbs { margin-bottom: 20px;}
.webM .opt-mbm { margin-bottom: 40px;}
.webM .opt-mbb { margin-bottom: 60px;}


/* sub page title style */
.subpage .subpagetit {text-align:center; padding:25px 0; margin:0 15px;}

.tablet .subpage .subpagetit {margin:0 30px;}

.web .subpage .subpagetit {padding:40px 30px;}



/* tab mobile select */

.tabtype-category { width: 100%; text-align: center; }
.tabtype-dropbox.active .tabtype-category-seleted:after  {
    top:0;
    background: url('/hk/en/resource/img/components/product/product-category-select.png') no-repeat 0 0 ;
}
.tabtype-selected-box { height:52px; line-height:52px; background-color: #f7f7f7; }
.tabtype-category button{
    display: inline-block;
    height:52px;
    line-height:52px;
    padding:0 20px;
    min-width:180px;
    margin:0 auto;
    background-color: #ffffff;
    vertical-align:top;
}
.tabtype-category button span{
    display: inline-block;
    position: relative;
    padding-right:35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabtype-category .tabtype-category-wrap{  display: none; width: 100%; }
.tabtype-category-seleted { height:20px; position: relative; }
.tabtype-category-seleted:after {
    display: inline-block;
    width: 15px;
    height:15px;
    overflow: hidden;
    content:'';
    position: absolute;
    top:3px;
    right:0;
    margin-left:20px;
    background: url('/hk/en/resource/img/components/product/product-category-select.png') no-repeat 0 -15px ;
}

.tabtype-category .tabtype-category-wrap li{ width: 100%; }
.tabtype-category .tabtype-category-wrap li.listhide{ display: none; }
.tabtype-category .tabtype-category-wrap .listhide{ display: none; }
.tabtype-category .tabtype-category-wrap li a{
    width: 100%;
    padding-top:10px;
    display: block;
    color: #767676;
    font-family: arm, AppleGothic, sans-serif;
}

.tabtype-category .tabtype-category-wrap li a span{
    display: inline-block;
    padding-right: 20px;
    background: url('/hk/en/resource/img/components/product/tabselect-list-bg.png') no-repeat right 50% ;
}


/* tab mobile select */

.tablet .tabtype-dropbox { background:#f7f7f7; max-width:1200px; margin:0 30px;}
.tablet .tabtype-selected-box { display: none; }
.tablet .tabtype-category button{ display: none; }
.tablet .tabtype-category .tabtype-category-wrap{
    display: table;
    width: 100%;
    min-height:60px;
    font-size:0;
    padding-bottom: 0;
}

.tablet .tabtype-category.num3 .tabtype-category-wrap {width:75%; margin:0 auto;}
.tablet .tabtype-category.num3 .tabtype-category-wrap li{ width:33.3%;}
.tablet .tabtype-category.num4 .tabtype-category-wrap li{ width:25%;}
.tablet .tabtype-category .tabtype-category-wrap li{ display: table-cell; vertical-align:middle; height:60px;}
.tablet .tabtype-category .tabtype-category-wrap li.listhide{ display: table-cell; }
.tablet .tabtype-category .tabtype-category-wrap li.active{ background-color: #fff; position:relative; }
.tablet .tabtype-category .tabtype-category-wrap li.active a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('/hk/en/resource/img/components/product/product-category-selectdown.png') no-repeat 50% bottom}
.tablet .tabtype-category .tabtype-category-wrap li a{padding:10px;font-family: arb, sans-serif;color: #000;}
.tablet .tabtype-category .tabtype-category-wrap li a span{display: inline;padding-right: 0;background: none}

@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) {
    .tabtype-category .tabtype-category-wrap li.active a:after{ background-image:url('/hk/en/resource/img/components/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}



/* tab style */
.tabtype1 {background:#f7f7f7; text-align:center; padding:0 15px; position:relative;}
.tabtype1-list {display:table; width:100%;}
.tabtype1-list li {display:table-cell; height:52px; vertical-align:middle; font-family: arb, sans-serif; width:25%;}
.tabtype1-list li a {display:block; font-size:14px;}
.tabtype1-list li.active {background:#fff;}
.tabtype1-list li.active span {padding-right:23px; background:url('/hk/en/resource/img/common/tab-active.gif') no-repeat right center;}
.tabtype1-addbtn {display:none;}

.tablet .tabtype1 {padding:0; margin:0 30px;}
.tablet .tabtype1-list {margin:0 auto;}
.tablet .tabtype1-list li.active span {padding-right:0; display:block; background:url('/hk/en/resource/img/common/tab-active.gif') no-repeat center bottom;}
.tablet .num1 .tabtype1-list {width:25%;}
.tablet .num2 .tabtype1-list {width:50%;}
.tablet .num3 .tabtype1-list {width:75%;}
.tablet .num4 .tabtype1-list {width:100%;}
.tablet .tabtype1-list li a {height:60px; line-height:60px;}

.web .tabtype1-list li a {font-size:16px;}
.web .tabtype1-addbtn {display:block; padding:0 20px; font-size:14px; background:#66bcf0; position:absolute; right:0; top:0; height:60px; line-height:60px;}
.web .tabtype1-addbtn span {padding-right:30px; background:url('/hk/en/resource/img/components/magazine/btn-pastmaga.png') no-repeat right center;}


/* tab 하단 리스트 style */
.tablist {padding-top:30px; padding-bottom:30px;}
.tablist-con {display:none;}
.tablist-slider ul {display:inline-block;}
.tablist-arrow {display:inline-block; vertical-align: top; }

.tablet .tablist-con {display:block; text-align:center;}
.tablet .tablist-con li {display:inline-block; border-left:1px solid #d9d9d9; padding:3px 30px; font-family: arb, sans-serif}
.tablet .tablist-con li:first-child {border-left:none;}
.tablet .tablist-con li.active a {border-bottom:4px solid #c5497d; color:#c5497d; padding:7px 7px 10px 7px;}
.tablet .bluetype .tablist-con li.active a {border-bottom:4px solid #8cd3ff; color:#8cd3ff;}

.web .tablist {padding-top:40px; padding-bottom:40px;}
.web .tablist-con li {font-size:14px;}
.web .tablist-con li a.UIslider-con {font-size:14px; padding:0;}


/* tab 하단 리스트 style - 모바일에서 list select로 변경 */
.subselect {position:relative;}
.subselect-jqList {width:100%;}
.subselect-jqList .jqListBox-combo {height:46px; line-height:46px; font-size:12px; color:#292a37; border-color:#000; background:#fff;}
.subselect-jqList .jqListBox-combo-txt {height:46px; line-height:46px;}
.subselect-jqList .jqListBox-combo-arrow {background:url("/hk/en/resource/img/common/subjqlistbox-arrow.gif") no-repeat 0 50%}
.subselect-jqList .jqListBox-list {width:100%; top:46px; margin-top:-1px; border-color:#000;}
.subselect-jqList .jqListBox-option {height:46px; line-height:46px; font-size:12px;}
.selectbtn .subselect-jqList { padding-right:46px;}
.selectbtn .subselect-jqList .jqListBox-combo {border-right:none;}
.subselect-jqBtn {position:absolute; right:0; top:0; }
.subselect-jqBtn button {width:46px; height:46px; line-height:46px; background:#000; color:#fff;}

.web .subselect-jqList .jqListBox-combo {font-size:14px;}
.web .subselect-jqList .jqListBox-option {font-size:14px;}


/* circle button */
.circlebtn-group:after {content:""; display:block; clear:both;}
.circlebtn-group.opt-nolist {position:relative; margin-bottom:40px; min-height:114px;}
.circlebtn-group.opt-nolist .circlebtn.list {position:absolute; left:50%; top:0; min-width:120px; margin-left:-60px; text-align:center;}
.circlebtn-wrap {text-align:center; padding-bottom:50px;}
.circlebtn {font-size:12px; padding-top:70px; text-align:center; min-width:64px; display:inline-block; width:auto; vertical-align:top; margin-left:5px; margin-right:5px;}
.circlebtn-left {float:left;}
.circlebtn-right {float:right;}
.circlebtn.list {background:url('/hk/en/resource/img/common/btn-list.gif') no-repeat center top;}
.circlebtn.more {background:url('/hk/en/resource/img/common/btn-more.gif') no-repeat center top;}
.circlebtn.apply {background:url('/hk/en/resource/img/common/btn-apply.gif') no-repeat center top;}
.circlebtn.complete {background:url('/hk/en/resource/img/common/btn-complete.gif') no-repeat center top;}
.circlebtn.home {background:url('/hk/en/resource/img/common/btn-home.gif') no-repeat center top;}
.circlebtn.homegray {background:url('/hk/en/resource/img/common/btn-homegray.gif') no-repeat center top;}
.circlebtn.lock {background:url('/hk/en/resource/img/common/btn-lock.gif') no-repeat center top;}
.circlebtn.find {background:url('/hk/en/resource/img/common/btn-find.gif') no-repeat center top;}
.circlebtn.change {background:url('/hk/en/resource/img/common/btn-change.gif') no-repeat center top;}
.circlebtn.proh {background:url('/hk/en/resource/img/common/btn-proh.gif') no-repeat center top;}
.circlebtn.document {background:url('/hk/en/resource/img/common/btn-document.gif') no-repeat center top;}
.circlebtn.modify {background:url('/hk/en/resource/img/common/btn-modify.gif') no-repeat center top;}
.circlebtn.closeacc {background:url('/hk/en/resource/img/common/btn-closeacc.gif') no-repeat center top;}
.circlebtn.save {background:url('/hk/en/resource/img/common/btn-save.gif') no-repeat center top;}
.circlebtn.cancle {background:url('/hk/en/resource/img/common/btn-cancle.gif') no-repeat center top;}
.circlebtn.vwmore {background:url('/hk/en/resource/img/common/btn-vwmore.gif') no-repeat center top;}
.circlebtn.previous {background:url('/hk/en/resource/img/common/btn-prev.gif') no-repeat center top;}
.circlebtn.tryagain {background:url('/hk/en/resource/img/common/btn-tryagain.gif') no-repeat center top; background-size:100% auto;}
.circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.circlebtn.view span {display:none;}
.circlebtn.view.prev {text-align:left; padding-left:70px; background:url('/hk/en/resource/img/common/btn-viewprev.gif') no-repeat left center;}
.circlebtn.view.next {text-align:right; padding-right:70px; background:url('/hk/en/resource/img/common/btn-viewnext.gif') no-repeat right center;}
.circlebtn.list, .circlebtn.more, .circlebtn.apply,
.circlebtn.complete, .circlebtn.home, .circlebtn.homegray,
.circlebtn.lock, .circlebtn.find, .circlebtn.change,
.circlebtn.proh, .circlebtn.document, .circlebtn.modify,
.circlebtn.closeacc, .circlebtn.save, .circlebtn.cancle,
.circlebtn.vwmore, .circlebtn.previous, .circlebtn.tryagain
{background-size:54px;}

/* comment event */
.normalbtn {text-align:center; padding:30px 15px 0 15px;}
.normalbtn.modify {background:url('/hk/en/resource/img/common/btn-modify-nobg.gif') no-repeat center top;}
.normalbtn.delete {background:url('/hk/en/resource/img/common/event-and-news/event/comment-delete.gif') no-repeat center top;}
.normalbtn.change {background:url('/hk/en/resource/img/common/event-and-news/event/comment-change.gif') no-repeat center top;}


.tablet .circlebtn {font-size:14px; padding-top:80px; margin-right:10px; margin-left:10px;}
.tablet .circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.tablet .circlebtn.view span {display:table-cell; vertical-align:middle;}
.tablet .circlebtn.list {background-size:64px;}
.tablet .circlebtn.more {background-size:64px;}
.tablet .circlebtn.apply{background-size:64px;}

.tablet .circlebtn.complete {background-size:64px;}
.tablet .circlebtn.home {background-size:64px;}
.tablet .circlebtn.homegray {background-size:64px;}
.tablet .circlebtn.lock {background-size:64px;}
.tablet .circlebtn.find {background-size:64px;}
.tablet .circlebtn.change {background-size:64px;}
.tablet .circlebtn.proh {background-size:64px;}
.tablet .circlebtn.document {background-size:64px;}
.tablet .circlebtn.modify {background-size:64px;}
.tablet .circlebtn.closeacc {background-size:64px;}
.tablet .circlebtn.save {background-size:64px;}
.tablet .circlebtn.cancle {background-size:64px;}
.tablet .circlebtn.vwmore {background-size:64px;}
.tablet .circlebtn.previous {background-size:64px;}
.tablet .circlebtn.tryagain {background-size:64px;}

.web .circlebtn-wrap {padding-bottom:60px;}
.web .circlebtn {font-size:14px;}


/*  */
p.quadbtn {display:inline-block;}
.quadbtn span {display:block; height:32px; line-height:32px; padding:0 15px; text-align:center; font-size:12px;}
.quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}
.quadbtn.quadbtn-skyblue span {background-color:#8cd3ff;}
.quadbtn.quadbtn-gray span {background-color:#cfcfcf;}
.quadbtn.bigbtn {width:100%; font-size:18px;}
.quadbtn.bigbtn span {height:45px; line-height:45px;}

.oplinebtn {display:block; max-width:130px; margin:30px auto; padding-left:10px; width:100%; height:34px; line-height:34px; font-family:arb, sans-serif;}
.oplinebtnM {height:39px; line-height:39px; display:inline-block; padding:0 50px 0 20px; font-family:arb, sans-serif;}
.oplinebtnM.blue {background:#bae5ff url('/hk/en/resource/img/common/oqlinebtnM-blue.gif') no-repeat right top;}
.oplinebtn.skyblue {background:#8cd3ff url('/hk/en/resource/img/common/oqlinebtn-skyblue.gif') no-repeat right top;}
.oplinebtn.purple {background:#99aff7 url('/hk/en/resource/img/common/oqlinebtn-purple.gif') no-repeat right top;}
.oplinebtn.gray {background:#cfcfcf url('/hk/en/resource/img/common/oqlinebtn-gray.gif') no-repeat right top;}
.oplinebtn-group {margin:0 auto;}
.oplinebtn-groupwrap {margin:10px -10px 0;}
.oplinebtn-groupwrap:after {content:""; display:block; clear:both;}
.oplinebtn-groupwrap .oplinebtn {max-width:none; width:auto; min-width:130px; padding-right:35px;}
.oplinebtn-group .oplinebtn {float:left; margin:20px 10px 0;}

/* input type */
.input-group {position:relative;}
.input-group input[type=checkbox]{vertical-align: text-top;}
.input-group textarea[disabled] {background:#fff;}
.input-label {position:absolute; left:0; top:0; padding:15px 15px 0 20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input-label.overline {padding-top:0; height:46px; white-space:normal;}
.input-label.overline .overline-inner {display:table; width:100%; height:100%;}
.input-label.overline .overline-inner &gt; span {display:table-cell; vertical-align:middle;}
.js-label-hide.hide {display:none;}
.inputform {width:100%; height:46px; border:1px solid #000; color:#000; padding-left:20px; padding-right:10px; font-size:12px;}
.inputform.disabled {background:#f7f7f7; border:none;}
.inputform.type2 {background:url('/hk/en/resource/img/common/inputtype-bg.gif') repeat left top;}
.inputform-input {padding-top:15px; padding-bottom:15px;}
.inputform-textarea {height:auto; padding:15px 20px; }

.label-essential {padding-left:17px; background:url('/hk/en/resource/img/common/bullet-essential.gif') no-repeat left 5px;}

/* contents box side padding */
.opt-boxside {padding-left:15px; padding-right:15px;}

.tablet .opt-boxside {padding-left:30px; padding-right:30px;}
.tablet .opt-boxsidetab {padding-left:30px; padding-right:30px;}


/* slider controller, pager common */
.slider-pagerbox {position:absolute; left:0; bottom:20px; width:100%; z-index:9;}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;}
.slider-controller {display:inline-block; padding-right:10px;}

.tablet .slider-pagerbox {bottom:30px;}



/* paging */
.pager {text-align:center; font-size:12px;}
.pager-first, .pager-prev, .pager-next, .pager-last {display:inline-block; width:16px; height:14px; vertical-align:top;}
.pager-first.active {background:url('/hk/en/resource/img/common/pager-first-active.gif') no-repeat center center;}
.pager-first {background:url('/hk/en/resource/img/common/pager-first.gif') no-repeat center center;}
.pager-prev.active {background:url('/hk/en/resource/img/common/pager-prev-active.gif') no-repeat center center;}
.pager-prev {background:url('/hk/en/resource/img/common/pager-prev.gif') no-repeat center center;}
.pager-next.active {background:url('/hk/en/resource/img/common/pager-next-active.gif') no-repeat center center;}
.pager-next {background:url('/hk/en/resource/img/common/pager-next.gif') no-repeat center center;}
.pager-last.active {background:url('/hk/en/resource/img/common/pager-last-active.gif') no-repeat center center;}
.pager-last {background:url('/hk/en/resource/img/common/pager-last.gif') no-repeat center center;}
.pager-numlist {display:inline-block; padding:0 40px;}
.pager-num {display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; padding:0 5px;}
.pager-num.active {background:#8cd3ff;}


.tablet .pager-first, .tablet .pager-prev, .tablet .pager-next, .tablet .pager-last {vertical-align:middle; margin:0 6px;}
.tablet .pager-numlist {padding:0 10px; font-size:0;}


/* table component */
.tbl {width:100%; padding-bottom:60px;}
.tbl .col {float:left; padding:15px 10px; text-align:center;}
.tbl-head {margin-left:-2px; height:49px;}
.tbl-head:after {content:""; display:block; clear:both;}
.tbl-head .col {background:#f7f7f7; border-left:2px solid #fff;}
.tbl-body {padding-bottom:30px;}
.tbl-row:after {content:""; display:block; clear:both;}
.tbl-row .col {height:49px; border-bottom:1px solid #e4e4e4;}
.tbl-row .nolist {width:100%; height:200px; line-height:200px;}
.tbl-row .dotdot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tbl-coltype {border-top:1px solid #e4e4e4;}
.tbl-coltype .tbl-th {background:#f7f7f7;}

.tbl-tabletype .tbl-head {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .tbl-row {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .col {float:none; height:auto; display:table-cell; vertical-align:middle;}

.tablet .tbl .col {padding:15px 5px;}
.tablet .tbl .col.dotdot {padding-left:20px;}

.web .tbl {padding-bottom:80px;}
.web .tbl .col {padding:15px 5px;}
.web .tbl .col.dotdotdot {padding-left:30px;}
.web .tbl-body {padding-bottom:40px;}


/* hreart */

.product-list-likeheart {
    position: relative;
    width: 87px;
    height:12px;
    overflow: hidden;
    margin:0 auto;
    background:url('/hk/en/resource/img/common/heartbg.png') #d8d8d8 0 0;
}

.product-list-overbg{
    position: relative;
    z-index:1;
    display: block;
    float: left;
    width: 87px;
    height: 13px;
    line-height: 13px;
    background: url('/hk/en/resource/img/components/product/product-quickview-likeheartbg.png') no-repeat 0 0;
}

.product-list-graphbg {
    width: 95%;
    height:12px;
    position: absolute;
    left:0;
    top:0;
    background: #1cb1fe;
}

.refertxt {margin-top:8px; padding-left:17px; background:url('/hk/en/resource/img/common/ico-refertxt.gif') no-repeat left 4px;}
.refertxt.small {background:url('/hk/en/resource/img/common/ico-refertxtsmall.gif') no-repeat left 4px;}

/* footnote style */
.footnote-info {padding-top:13px; display:table;}
.footnote-infobox {position:relative; margin-top:7px;}
.footnote-infobox .footnote {position:absolute; top:0;}
.footnote-infotxt {padding-left:20px; display:inline-block;}
.footnote {display:inline-block; color:#1a6f00; background:url('/hk/en/resource/img/common/footnote-bg.png') no-repeat right center;}
.footnote:after {color:#fff; font-size:6px; width:12px; margin-left:3px; display:inline-block; text-align:center;}
.footnote.num1:after {content:"1";}
.footnote.num2:after {content:"2";}



@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) {
    .circlebtn.change {background-image:url('/hk/en/resource/img/common/btn-change-X2.gif');}
    .circlebtn.tryagain {background-image:url('/hk/en/resource/img/common/btn-tryagain-X2.gif');}
    .circlebtn.complete {background-image:url('/hk/en/resource/img/common/btn-complete-X2.gif');}
    .circlebtn.home {background-image:url('/hk/en/resource/img/common/btn-home-X2.gif');}
    .circlebtn.homegray {background-image:url('/hk/en/resource/img/common/btn-homegray-X2.gif'); }
    .circlebtn.lock {background-image:url('/hk/en/resource/img/common/btn-lock-X2.gif');}
    .circlebtn.find {background-image:url('/hk/en/resource/img/common/btn-find-X2.gif');}
    .circlebtn.list {background-image:url('/hk/en/resource/img/common/btn-list-X2.gif');}
    .circlebtn.modify {background-image:url('/hk/en/resource/img/common/btn-modify-X2.gif');}
    .circlebtn.document {background-image:url('/hk/en/resource/img/common/btn-document-X2.gif');}
    .circlebtn.closeacc {background-image:url('/hk/en/resource/img/common/btn-closeacc-X2.gif');}
    .circlebtn.save {background-image:url('/hk/en/resource/img/common/btn-save-X2.gif');}
    .circlebtn.cancle {background-image:url('/hk/en/resource/img/common/btn-cancle-X2.gif');}
    .circlebtn.vwmore {background-image:url('/hk/en/resource/img/common/btn-vwmore-X2.gif');}
    .circlebtn.proh {background-image:url('/hk/en/resource/img/common/btn-proh-X2.gif');}
    .circlebtn.more {background-image:url('/hk/en/resource/img/common/btn-more-X2.gif');}
    .refertxt {background-image:url('/hk/en/resource/img/common/ico-refertxt-X2.gif'); background-size:9px;}
    .footnote {background-image:url('/hk/en/resource/img/common/footnote-bg-X2.png'); background-size:12px;}
    .refertxt.small {background-image:url('/hk/en/resource/img/common/ico-refertxtsmall-X2.gif'); background-size:8px;}
    .normalbtn.change {background-image:url('/hk/en/resource/img/common/event-and-news/event/comment-change-X2.gif'); background-size:15px 18px;}
    .normalbtn.delete {background-image:url('/hk/en/resource/img/common/event-and-news/event/comment-delete-X2.gif'); background-size:17px 18px;}
    .normalbtn.modify {background-image:url('/hk/en/resource/img/common/btn-modify-nobg-X2.gif'); background-size:27px 18px;}
    .circlebtn.view.prev {background-image:url('/hk/en/resource/img/common/btn-viewprev-X2.gif'); background-size:54px;}
    .circlebtn.view.next {background-image:url('/hk/en/resource/img/common/btn-viewnext-X2.gif'); background-size:54px;}
    .subselect-jqList .jqListBox-combo-arrow {background-image:url("/hk/en/resource/img/common/subjqlistbox-arrow-X2.gif"); background-size:40px 6px;}
    .tabtype-category-seleted:after { background-image:url('/hk/en/resource/img/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 -20px;}
    .tabtype-dropbox.active .tabtype-category-seleted:after {background-image:url('/hk/en/resource/img/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 4px;}
    .tabtype1-list li.active span { background-image:url('/hk/en/resource/img/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
    .product-list-overbg{ background-image: url('/hk/en/resource/img/components/product/product-quickview-likeheartbg-X2.png');  background-size:87px 13px;}

    .pager-prev {background-image:url('/hk/en/resource/img/common/pager-prev-X2.gif'); background-size:9px 14px;}
    .pager-prev.active {background-image:url('/hk/en/resource/img/common/pager-prev-active-X2.gif'); background-size:9px 14px;}
    .pager-next {background-image:url('/hk/en/resource/img/common/pager-next-X2.gif'); background-size:9px 14px;}
    .pager-next.active {background-image:url('/hk/en/resource/img/common/pager-next-active-X2.gif'); background-size:9px 14px;}
    .pager-last {background-image:url('/hk/en/resource/img/common/pager-last-X2.gif'); background-size:16px 14px;}
    .pager-first {background-image:url('/hk/en/resource/img/common/pager-first-X2.gif'); background-size:16px 14px;}

    .oplinebtn.skyblue {background-image:url('/hk/en/resource/img/common/oqlinebtn-skyblue-X2.gif'); background-size:27px 34px;}
    .oplinebtn.purple {background-image:url('/hk/en/resource/img/common/oqlinebtn-purple-X2.gif'); background-size:27px 34px;}
    .oplinebtn.gray {background-image:url('/hk/en/resource/img/common/oqlinebtn-gray-X2.gif'); background-size:27px 34px;}
    .label-essential {background-image:url('/hk/en/resource/img/common/bullet-essential-X2.gif'); background-size:9px 9px; background-position:left 3px;}
}


/* common table */
.cm-tbl {width:100%; font-size:12px;}
.cm-tbl thead th {height:46px; font-family: arb, sans-serif; background-color:#f7f7f7; text-align:center; border-left:2px solid #fff;}
.cm-tbl thead th:first-child {border-left:none;}
.cm-tbl tbody tr td, .cm-tbl tbody tr th {border-bottom:1px solid #e4e4e4; padding:10px;}

.web .cm-tbl {font-size:14px;}
.web .cm-tbl tbody tr  td{padding:20px;}

body{visibility: hidden}
.mobile, .web, .tablet {
    visibility: visible;
}

/* main popup style */
.main-popupwrap {height:100%; display: table;}
.main-popup {max-width:620px; display: table-cell; vertical-align: middle}
.main-popup-component {padding:40px 30px 0 30px; background: #ffffff;}
.main-popup-component .com-image {margin:0 -30px;}
.main-popup-bottom {padding:17px 20px; background:#fff; border-top:1px solid #000; width:100%; position:relative;}
.main-popup-bottom .icheckbox_minimal {width: 18px; height: 18px; background: url('/hk/en/resource/img/common/icheck-minimal.png') no-repeat; margin-right:0;}
.main-popup-bottom .icheckbox_minimal.checked {background-position: -40px 0;}
.main-popup-bottom .closebtn {position:absolute; right:20px; bottom:20px; width:15px;}
.main-popup-bottom .closebtn img {width:100%;}

@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) {
    .main-popup-bottom .icheckbox_minimal {
        background: url('/hk/en/resource/img/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
        margin-right:5px;
    }
    .main-popup-bottom .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
}

/* modal popup */
.mainModal {width: 100%; height:100%; z-index:10000; position:absolute; }
.modal-wrapper {  margin:10px; overflow-x:hidden; overflow-y:auto; position: relative;}


#modal_wrapper{min-width:320px;}
#modal_content {min-width:280px; margin:0 20px; position:relative;}
#modal_wrapper #modal_content&gt;div { border-top:none; text-align:center; padding-top:60px;}
#modal_wrapper #modal_content&gt;div img {border-top:none; max-width:546px;}
#modal_wrapper #modal_content&gt;div p {padding-top:30px; font-size:15px; font-weight:bold;}

#modal_wrapper #modal_content .modal_control{border-top:1px solid #d4d4d7; margin-top:30px; padding-top:30px; position:relative;}
.ly-wrap .prev,
.ly-wrap .next {position:absolute; top:30px; display:block; width:24px; height:24px; }
.ly-wrap .modal_control&gt;a{text-indent:-9999em; }

.ly-wrap .other_control {width:287px; margin:0 auto;}

.ly-wrap .prevmob,
.ly-wrap .nextmob {display:none;}



/* ------ [PC] Modal dimmed Wrapper ------ */
body.ovh {overflow:hidden;} /* IE8 bug fix */
html.ovh {overflow:hidden;}
/*html.modal-opened,
html.modal-opened body {overflow:hidden;}*/
html.modal-opened-mobile,
html.modal-opened-mobile body {position:fixed;z-index:0;}
.modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}
.modal-fade {position:fixed;width:100%;height:100%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:.5;}
.modal-dialog {overflow:auto;position:absolute;top:40px;left:50%;background:#fff;border:1px solid #000;z-index:9999;box-sizing:border-box;-moz-box-sizing: border-box}
.modal-header {padding:10px;}
.modal-header .close {position:absolute;top:0;right:0;}
.modal-body {padding:10px;}
.modal-footer {padding:20px 0;text-align:center;}
/* //------ [PC] Modal dimmed Wrapper ------ */


/* ------ Modal Layer Layout ------ */
.ly-wrap {background:#fff;position:relative;z-index:0;}
.ly-head {margin:25px 0 30px;text-align: center;}
.ly-head-tit {font-size: 25px;}
.ly-head-txt {font-size:15px;}
.tablet .ly-head {margin:0 0 25px}
.tablet .ly-head-tit {font-size: 28px;}

/* //------ Modal Layer Layout ------ */


.loadingbox { display: none; width: 34px; height: 35px; position: fixed; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.loadingbox img {width:100%;}

.web .cushion-gnb { float: right; position: relative; top: -16px; right: 0; }
.mobile .cushion-gnb { float: left; position: relative; top: 0; right: 0; display: block; padding-bottom: 15px; width: 100%; background: white; }
.cushion-gnb img {width: 140px; }
.dep2list .dep1 { display: none !important;}


/* Meta Tag Toggle 20171108 the51 */
.dpimeta {position:absolute; top:0; left:0; z-index:9999;}
@charset "utf-8";

.footer-wrap { width: 100%; max-width:1540px; margin:0 auto; position:relative;border-top: 1px solid #e4e4e4;}
.footer-pagelink {padding:25px 0;margin:0 auto;max-width:1140px;min-height:40px;background:#fff;}
.footer-pagelink-wrap {margin-left:-21px;margin:0 auto;max-width:1140px;}
.footer-pagelink-wrap:after {content:""; display:block; clear:both;}
.footer-pagelink:after {content:""; display:block; clear:both;}
.footer-pagelink-box {width:33.3%; float:left; padding:0 14px 0 35px; height:30px; background:url('/hk/en/resource/img/common/img_20200923_footer_pagelink_bg_mo.gif') no-repeat left center; background-size:16px;}
.footer-pagelink-box:first-child {padding-left:16px;background:none; background-repeat:no-repeat;}
.footer-pagelink-box a {position:relative; display:block;}
.footer-pagelink-box a img {float:right; height:20px; margin-top:5px;}
.footer-pagelink-txtwrap {position:absolute; left:0; top:0;width:100%;}
.footer-pagelink-txttable {display:table; width:100%;height:30px; }
.footer-pagelink-txttablecll {display:table-cell; vertical-align:middle; width:100%; padding-right:26px;}

.footer-topbtn {
    position: fixed;
    bottom:0;
    background:#8cd3ff;
    width:40px;
    height:40px;
    line-height:normal;
    float:right;
    z-index:101;
}

.whats-app {
	position: fixed;
	bottom:40px;
	line-height:normal;
	/* float:right; */
	z-index:101;
	font-family: brandon-grotesque;
}
.whats-app .whats-app-btn {
	width:40px;
	height:40px;
	background-image:url('/hk/en/resource/img/common/ico_whats_open.jpg');
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
.whats-app.on .whats-app-btn {
	background-image:url('/hk/en/resource/img/common/ico_whats_close.jpg');
}
.whats-app ul {
	position: absolute;
	bottom: 56px;
	right: 0;
	width: auto;
	display: none;
	background: #e3e2e7;
	box-sizing: border-box;
	z-index: 99;
	padding: 9px 30px 9px;
	min-width: 220px;
	}
.whats-app ul:after {
    content: '';
    display: block;  
    position: absolute;
    right:14px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #e3e2e7;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.whats-app ul li {
  font-size: 14px;
  line-height: 130%;
  padding-bottom:  11px;
  padding-top: 11px;
  border-top: 1px solid #b6b5b9;
  position: relative;
}
.whats-app ul li:first-child {

	border-top: 0;
}

.whats-app ul li:after {
		    content: '';
    display: block;  
    position: absolute;
    right:0;
    top: 50%;
    width: 0;
    height: 0;
  
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000;
    border-right: 4px solid transparent;
}

.footer-info {color:#767676; margin-top:0px; padding:0px 15px 40px;}
.footer-info .siteinfo {padding:15px 0 25px}
.footer-info .footlogo {padding-bottom:20px;}
.footer-info .footlogo img {width:174px;}
.footer-info .copyright {padding-bottom:25px;}
.languagesite {position:relative; margin-top:30px;}
.footer-jqList {width:100%; padding-right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-combo {height:40px; line-height:40px; font-size:12px; color:#767676; border-right:none; border-color:#767676;}
.footer-jqList .jqListBox-list {width:100%; bottom:39px; margin-top:-1px; border-color:#767676; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-list .jqListBox-option {height:35px; line-height:35px; font-size:12px;}
.footer-jqList .jqListBox-combo-arrow {width:35px; background:url('/hk/en/resource/img/common/footer-jqlist.gif') no-repeat 0 50%;}
.footer-jqList .jqListBox-combo-arrow.on {background-position:-35px 50%;}
.footer-jqBtn {position:absolute; right:0; top:0; }
.footer-jqBtn button {font-size:12px; width:40px; height:40px; line-height:40px; background:#767676; color:#fff;}

.subpage .footer-wrap { max-width:1200px; }


.tablet .footer-pagelink {padding:50px 0;}
.tablet .footer-pagelink-wrap {margin-left:-12px; padding-right:16px;}
.tablet .footer-pagelink-box:first-child {background:none;}
.tablet .footer-pagelink-box {width:33.3%; background-size:auto; font-size:14px; padding-left:42px;}
.tablet .footer-pagelink-box {height:40px; background-image:url('/hk/en/resource/img/common/img_20200923_footer_pagelink_bg_pc.gif'); }
.tablet .footer-pagelink-box:first-child + .footer-pagelink-box + .footer-pagelink-box {background:url('/hk/en/resource/img/common/img_20200923_footer_pagelink_bg_pc.gif') no-repeat left center;}
.tablet .footer-pagelink-box a {height:40px;}
.tablet .footer-pagelink-box a img {height:32px;}
.tablet .footer-pagelink-txttable {height:40px; }
.tablet .footer-pagelink-txttablecll {padding-right:45px; }
.tablet .footer-topbtn {width:48px; height:48px; font-size:14px;}

.tablet .whats-app {

	bottom:48px;


}
.tablet .whats-app .whats-app-btn {
	width:48px;
	height:48px;

	background-size: 48px 48px;

}
.tablet .whats-app ul {
	bottom: 64px;
}
.tablet .whats-app ul:after {

    right:18px;
}

.tablet .footer-info {padding:0 30px 50px; margin-top:0px;}
.tablet .languagesite {margin:0; width:288px; position:absolute; right:30px; bottom:50px;}
.tablet .languagesite:after {content:""; display:block; clear:both;}
.tablet .footer-jqList {padding-right:48px; width:288px; float:right;}
.tablet .footer-jqList .jqListBox-combo {height:48px; line-height:48px;}
.tablet .footer-jqList .jqListBox-list {bottom:48px;}
.tablet .footer-jqBtn button {width:48px; height:48px; line-height:48px; font-size:16px;}

.web .subpage .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.web .subpage .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.web .subpage .footer-pagelink-box a img {height:40px; margin-top:0;}
.web .subpage .footer-pagelink-txttable  {height:40px;}
.web .subpage .footer-pagelink-txttablecll  {padding-right:55px;}
.web .subpage .footer-info {font-size:14px; margin-top:0px;}

.webM .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.webM .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.webM .footer-pagelink-box a img {height:40px; margin-top:0;}
.webM .footer-pagelink-txttable  {height:40px;}
.webM .footer-pagelink-txttablecll  {padding-right:55px;}
.webM .footer-info {font-size:14px; margin-top:0px;padding:0 30px 50px; }
.webM .languagesite {right:30px;}

.webL .footer-info {font-size:14px; margin-top:0px;padding:0 0 50px;}
.webL .languagesite {right:0;}

@charset "utf-8";

body.mobgnbopen, body.schopen, body.open {
    overflow: hidden;
    width: 100%;
    height:100%;
    position: absolute;
    -webkit-overflow-scrolling: auto;
}

.wrapper{ width: 100%; /*overflow: hidden;*/ position: relative;}
.header { width: 100%; height: 50px; left:0; top:0; position: fixed; -webkit-backface-visibility:hidden; background: #ffffff; z-index:9000; border-bottom: 1px solid #000000;}
.header-wrap { width: 100%; max-width:1600px; margin:0 auto; }
.subpage .header-wrap { max-width:1260px; margin:0 auto;}

.header-wrap {
    position: relative;
    width: 100%;
}

/* logo */
.header h1 {
    position: relative;
    width: 80px;
    height:50px;
    margin:0 auto;
    z-index:1;
}

.header h1 a {
    line-height:50px;
    display: block;
}

.header h1 a img{ vertical-align: middle; }

.header h1 img{ width: 100%; }

.header .laneige-logo {
    position: relative;
    width: 80px;
    height:50px;
    margin:0 auto;
    z-index:1;
}

.header .laneige-logo a {
    line-height:50px;
    display: block;
}

.header .laneige-logo a img{ vertical-align: middle; }

.header .laneige-logo img{ width: 100%; }

.mobopen-gnbbtn {
    position: absolute;
    left:0;
    top:0;
}

.mobopen-gnbbtn .mobgnbopen-close {display:none;}
.mobgnbopen .mobopen-gnbbtn .mobgnbopen-open {display:none;}
.mobgnbopen .mobopen-gnbbtn .mobgnbopen-close {display:block;}

/* mobile menu open button */

.mobopen-gnbbtn{
    box-sizing: border-box;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top:-50px;
    left: 0;
    z-index: 9001;
    text-indent: -9999em;
}

.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    background: #000;
    content: '';
    display: block;
    width: 23px;
    height: 3px;
    position: absolute;
    left: 15px;
}
.mobopen-gnbbtn:before {
    top: 16px;
}
.mobopen-gnbbtn span {
    top: 24px;
}
.mobopen-gnbbtn:after {
    top: 32px;
}

.ie8 .mobopen-gnbbtn:before,
.ie8 .mobopen-gnbbtn:after,
.ie8 .mobopen-gnbbtn span {
    background:url('/hk/en/resource/img/common/ie8-menubg.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after {
    background:url('/hk/en/resource/img/common/ie8-menuclose.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

/* Hamburger animation */
.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mobgnbopen .mobopen-gnbbtn:before,
.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 23px;
}
.mobgnbopen .mobopen-gnbbtn span {
    background: #106ea8;
    left: -50px;
    opacity: 0;
}
.mobgnbopen .mobopen-gnbbtn:before {
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );

}
.mobgnbopen .mobopen-gnbbtn:after {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.ie8 .mobgnbopen .mobopen-gnbbtn {
    background: url('/hk/en/resource/img/common/ie8-menuclosebg.png') no-repeat 50% 50%;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after,
.ie8 .mobgnbopen .mobopen-gnbbtn span {
    display: none;
}


/* gnb */

.header-gnb {
    position: relative;
    z-index:9000;
    background: #ffffff;

}


.gnb {
    display: none;
    position: absolute;
    overflow:auto;
    width: 100%;
    left:0;
    top:0;
}

.gnb .gnb-box {
    background: #ffffff;
}

.gnb .mob-login {
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    padding:20px 15px;
}

.gnb .mob-login:after {
    clear:both;
    content:'';
    display: block;
}

.gnb .mob-login p {
    position: absolute;
    left:15px;
    top:28px;
}

.gnb .mob-login .mob-mylnk {vertical-align:middle; margin-top:-3px; background:none;}
.tablet .gnb .mob-login .mob-mylnk {display:none;}
.gnb .mob-login .mob-mylnk img {width:18px; vertical-align:middle; margin-top:-3px;}

.gnb .mob-login .loginlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    min-width: 60px;
    line-height:29px;
    display: block;
    background: #8cd3ff;
}

.gnb .mob-login .loginlnk{
    background: #8cd3ff;
}


.gnb .mob-login .loginlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('/hk/en/resource/img/common/loginbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}


.ie8 .gnb .mob-login .loginlnk:after{
    background: url('/hk/en/resource/img/common/ie8-loginbtnbg.png') no-repeat 0 0;
}

.gnb .mob-login .logoutlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    width: 60px;
    line-height:29px;
    display: block;
    background: #bcbcbc;
}

.gnb .mob-login .logoutlnk{
    background: #bcbcbc;
}


.gnb .mob-login .logoutlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('/hk/en/resource/img/common/ie8-logoutbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}

.ie8 .gnb .mob-login .logoutlnk:after{
    background: url('/hk/en/resource/img/common/ie8-logoutbtnbg.png') no-repeat 0 0;
}


.gnb .mob-login a{
    padding-right: 10px;
    background: url('/hk/en/resource/img/common/login-arbg.png') no-repeat right 49%;
    -webkit-background-size: 6px 9px;
    background-size: 6px 9px;
}

.ie8 .gnb .mob-login a{
    background: url('/hk/en/resource/img/common/ie8-login-arbg.png') no-repeat right 49%;
}

.gnb&gt;ul {
    width: 100%;
    height:auto;
    border-top: 1px solid #e4e4e4;
    background: #ffffff;

}

.gnb .dep1{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.gnb .dep1 a .hassublnk {
    width: 14px;
    height:14px;
    display: block;
    position: relative;
    float: right;
}

.gnb .dep1 a .hassublnk img{
    width: 100%;
}

.gnb .dep1&gt;a{
    display: block;
    padding:15px 15px;
    font-size:16px;
    line-height:16px;
    font-family: arb, sans-serif;
    position: relative;
}

.gnb .dep1 .dep1-ico {display:none;}

.dep1.active {
    background-color: #8cd3ff;
}

.dep1.active .dep2wrap {
    background-color: #8cd3ff;

}

.dep1.active .dep2list {
    border-top: 1px solid #ffffff;

}
.dep1 .dep2list {
    margin:0 15px;
    padding:10px 0;
    z-index:9000;
}

.dep1 .dep2list .dep2&gt;a{
    display: block;
    padding:10px 0;
}

.dep2wrap {
    display: none;
}

.dep3{
    display: none;
}


/* mob gnb bottom */

.mobgnb-bottom {
    text-align: center;
    padding:15px 30px;
    background: #f7f7f7;
}

.tabletlink {
    padding:15px 0;
}

.tabletlink a{
    position: relative;
    display: inline-block;
    padding:0 15px;
    font-family: arb, sans-serif;
}

.tabletlink a:after {
    content:'|';
    color: #d1d1d1;
    display: block;
    width: 1px;
    position: absolute;
    left:-5px;
    top:-1px;
    font-family: arl, sans-serif;

}
.tabletlink a:first-child:after{
    content:'';
}

/* gnb util */

.gnbutil {
    position: absolute;
    right:8px;
    top:10px;
    z-index:9001;
}

.gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.gnbutil .mypage-lnk{
    display: none;
}


.gnbutil .mypage-lnk,
.gnbutil .laeshop-lnk,
.gnbutil .header-totsch {
    float: left;
}

.gnbutil .mypage-lnk img,
.gnbutil .laeshop-lnk img,
.gnbutil .header-totsch img {
    width: 100%;
}

.gnbutil .mypage-lnk a,
.gnbutil .laeshop-lnk a,
.gnbutil .header-totsch button {
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.gnbutil .laeshop-lnk {
    position: relative;
}

.gnbutil .laeshop-lnk .laeshop-addnum{
    position: absolute;
    top:-5px;
    right:0;
    font-size:11px;
    padding:2px;
    color: #ffffff;
    background: #f35f91;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}


/* gnb search */

.gnb-search {
    display: none;
    position: relative;
    height: 70px;
}

.gnb-schbox {
    margin-bottom: 20px;  background-color: #8cd3ff;


}


.gnb-search label {
    position: absolute;
    left:10px;
    top:10px;
}

.gnb-search label.hide {
    left:-9999em;
}

.gnb-search input {
    width: 100%;
    padding:0 20px 0 10px;
    background: none;
    border:none;
    height:40px;
    line-height:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnbsearch-btn {
    position: absolute;
    right: 8px;
    top: 5px;
}

.gnbsearch-btn button {
    float: left;
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.gnbsearch-btn button img{
    width: 100%;
}

.dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:900;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.modal-dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.loading-dimmd {
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.open .dimmd {
    display: block;
}
.schopen .dimmd {
    display: block;

}
.mobgnbopen .dimmd {
    display: block;
}


.tablet .header  {
    height:80px;
}

.tablet .header h1 {
    height: 80px
}

.tablet .header h1 {
    width: 143px;
}

.tablet .header h1 a{
    line-height:80px;
}

.tablet .header .laneige-logo {
    height: 80px
}

.tablet .header .laneige-logo {
    width: 143px;
}

.tablet .header .laneige-logo a{
    line-height:80px;
}

/* mobile menu open button */

.tablet .mobopen-gnbbtn{
    top:-80px;
    width: 80px;
    height: 80px;
}

.tablet .mobopen-gnbbtn:before,
.tablet .mobopen-gnbbtn:after,
.tablet .mobopen-gnbbtn span {
    left: 30px;
}

.tablet .mobopen-gnbbtn:before{
    top: 30px;
}
.tablet .mobopen-gnbbtn span{
    top: 38px;
}
.tablet .mobopen-gnbbtn:after{
    top: 46px;
}

.tablet.mobgnbopen .mobopen-gnbbtn:before,
.tablet.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 37px;
}


/* gnb */

.tablet .gnb .dep1&gt;a{
    padding:26px 30px;
    font-size:24px;
}

.tablet .dep1 .dep2list {
    margin:0 30px;
    padding:10px 0;
}

.tablet .dep1.active .dep2list .dep2&gt;a{
    display: block;
    /*padding:10px 0;*/
    font-size: 14px;
}


/* gnb util */

.tablet .gnbutil {
    right:30px;
    top:20px;
}

.tablet .gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.tablet .gnbutil .mypage-lnk{
    display: block;
}

.tablet .gnbutil .mypage-lnk a,
.tablet .gnbutil .laeshop-lnk a,
.tablet .gnbutil .header-totsch button {
    width: 20px;
    display: block;
    padding:12px;
}
.tablet .gnbutil .laeshop-lnk .laeshop-addnum {
    position: absolute;
    top: 0;
    right: 5px;
}


/* gnb search */

.tablet .gnb-search label {
    left:30px;
    top:15px;
}

.tablet .gnb-search label.hide {left:-9999em;}

.tablet .gnb-search input {
    padding:0 20px 0 30px;
    height:52px;
    line-height:52px;
}

.tablet .gnbsearch-btn {
    position: absolute;
    right: 28px;
    top: 8px;
}

.tablet .gnbsearch-btn button {
    width: 20px;
    display: block;
    padding:7px;
}

.tablet .gnb .mob-login p {left:30px; font-size:16px; top:25px;}


.web .gnb-search {
    display: none;
    height:72px;
    margin: 0 30px 0 30px;

}

.web .subpage .header {
    height:auto;
    border-bottom:2px solid #000000;
}

.web .subpage .header h1 {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .subpage .header h1 a{
    height:auto;
    line-height: 1.2;
}

.web .subpage .header .laneige-logo {
    width: 179px;
    height:auto;
    padding:26px 0 16px;
}

.web .subpage .header .laneige-logo a{
    height:auto;
    line-height: 1.2;
}




/* gnb */

.web .subpage .mobopen-gnbbtn { display: none;}

.web .subpage .dep1 .dep2wrap.Product{height:72px}

.web .subpage .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .subpage .gnb&gt;ul{
    height:42px;
}
.web .subpage .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .subpage .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 15px;
    border-bottom: none;
}

.web .subpage .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
    height:40px;
}

.web .subpage .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;

}

.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}

.web .subpage .gnb .dep1 .dep2wrap{
    z-index:19;
}

.web .subpage .gnb .dep1 .dep2wrap.Product{
    padding-left:10px;
    z-index:20;
}
.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}


.web .subpage .dep1.active {
    background: none;
}

.web .subpage .dep1&gt;a:hover {
    padding:10px 0;
    display: block;
    border-bottom: 6px solid #8cd3ff;
}
.web .subpage .dep1.active&gt;a{
    border-bottom: 6px solid #8cd3ff;
}

.web .subpage .dep1 .Product .dep2list .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .subpage .dep1 .dep2list .dep2&gt;a{
    display: block;
    font-size: 14px;
}


.web .subpage .gnb .dep2 .dep3{
    z-index:19;
}

.web .subpage .gnb .dep2.active .dep3{
    z-index:20;
}

.web .subpage .gnb .dep2wrap.slanhe1 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .subpage .gnb .dep2wrap.slanhe1 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.Product {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}


.web .subpage .gnb .dep2wrap.Product ul{
    display: table;
}

.web .subpage .gnb .dep2wrap.Product ul li{
    display: inline-block;
}

.web .subpage .dep2list {
    padding-bottom: 21px;
}

.web .subpage .gnb .dep2 {
    text-align: left;
}

.web .subpage .gnb .dep2&gt;a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .subpage .gnb .dep2:first-child&gt;a{
    padding-top:15px;
}

.web .subpage .gnb .Product .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
}

.web .subpage .gnb .Product .dep2{
    height:72px;
}

.web .subpage .gnb .Product .dep2&gt;a{
    display: block;
    font-size: 14px;
    background: url('/hk/en/resource/img/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .subpage .gnb .Product .dep2:first-child&gt;a{
    background:none;
}

.web .subpage .gnb .Product .dep2&gt;a{
    position: relative;
}

.web .subpage .gnb .Product .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 0 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .subpage .gnb .Product .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .subpage .gnb .Product .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .subpage .gnb .Product .dep3 dl{
    float: left;
    width:160px;
    padding-bottom: 30px;
    padding-right:30px;
}

.web .subpage .gnb .Product .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .subpage .gnb .Product .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}

/* gnb util */

.web .subpage .gnbutil {
    right:18px;
    top:95px;
}

.web .subpage .gnbutil .mypage-lnk,
.web .subpage .gnbutil .laeshop-lnk {
    display: none;
}

.web .gnb .Product .dep2:first-child&gt;a.active{
    color: #106ea8;
}

.web .gnb .Product .dep2:first-child .dep3 dd a:hover{
    background-color: #d1edff ;
}

.web .gnb .Product .dep2:first-child + .dep2&gt;a.active{
    color: #c5497d;
}

.web .gnb .Product .dep2:first-child + .dep2 .dep3 dd a:hover{
    background-color: #ffc1d6 ;
}

.web .gnb .Product .dep2:first-child + .dep2 + .dep2&gt;a.active{
    color: #4d56ce;
}
.web .gnb .Product .dep2:first-child + .dep2 + .dep2 .dep3 dd a:hover{
    background-color: #becef2 ;
}

.web .gnb .Product .dep2:first-child + .dep2 + .dep2  + .dep2&gt;a.active{
    color: #767676;
}



.web .gnb .mob-login.res-webhide {display:none;}

.web .mobgnb-bottom {display:none; }
.web .header {
    height:auto;
    border-bottom:2px solid #000000;
}

.web .header h1 {
    width: 179px;
    height:auto;
    padding:26px 0 16px;
}

.web .header h1 a{
    height:auto;
    line-height: 1.2;
}

.web .header .laneige-logo {
    width: 179px;
    height:auto;
    padding:26px 0 16px;
}

.web .header .laneige-logo a{
    height:auto;
    line-height: 1.2;
}


/* gnb */

.web .mobopen-gnbbtn { display: none;}

.web .dep1 .dep2list {margin:0 auto;}
.web .dep1 .dep2wrap.Product{height:72px}

.web .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 25px;
    letter-spacing: 0;
}


.web .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .gnb&gt;ul{
    height:42px;
}
.web .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 13px;
    border-bottom: none;
    vertical-align:top;
}

.web .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
    height:40px;
}

.web .gnb .dep1 a .hassublnk {
    display: none;
}


.web .gnb .dep1 .dep2wrap{
    z-index:9099;
}

.web .gnb .dep1 .dep2wrap.Product{
    z-index:20;
    padding-left:20px;
}
.web .gnb .dep1 a .hassublnk {
    display: none;
}

.web .gnb .dep1 .dep1-ico {
    display:inline-block;
    width:18px;
    margin-left:3px;
    position:relative;
    top:-3px;
}

.web .gnb .dep2 .dep3{
    z-index:19;
}

.web .gnb .dep2.active .dep3{
    z-index:20;
}

.web .gnb .dep2wrap.slanhe1 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.slanhe1 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.slanhe2 {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}


.web .gnb .dep2wrap.slanhe2 ul{
    display: table;
}

.web .gnb .dep2wrap.slanhe2 ul li{
    display: inline-block;
}


.web .dep2list {
    padding-bottom: 21px;
}
.web .gnb .dep2 {
    text-align: left;
}

.web .gnb .dep2&gt;a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .gnb .dep2:first-child&gt;a{
    padding-top:15px;
}


.web .gnb .slanhe2 .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
    left:-190px;
}

.web .gnb .slanhe2 .dep2{
    height:72px;
}

.web .gnb .slanhe2 .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
    background: url('/hk/en/resource/img/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .dep1.active {
    background: none;
}

.web .dep1&gt;a:hover {
    border-bottom: 6px solid #8cd3ff;
}
.web .dep1.active&gt;a{
    border-bottom: 6px solid #8cd3ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .dep1 .slanhe2 .dep2list .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .dep1 .dep2list .dep2&gt;a{
    display: block;
    font-size: 14px;
}


.web .gnb .slanhe2 .dep2:first-child&gt;a{
    background:none;
}

.web .gnb .slanhe2 .dep2&gt;a{
    position: relative;
}

.web .gnb .slanhe2 .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 30px 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .gnb .slanhe2 .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .gnb .slanhe2 .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .gnb .slanhe2 .dep3 dl{
    float: left;
    width:130px;
    padding-bottom: 30px;
}

.web .gnb .slanhe2 .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .gnb .slanhe2 .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}


/* gnb util */

.web .gnbutil {
    right:18px;
    top:95px;
}

.web .gnbutil .mypage-lnk,
.web .gnbutil .laeshop-lnk {
    display: none;
}


.webM .gnb-search label {top:13px;}

@charset "utf-8";
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 21px;
    height: 24px;
    background: url('/hk/en/resource/img/common/icheck-minimal-mob.png') no-repeat;
    border: none;
    cursor: pointer;
    margin-right:5px;
}

.icheckbox_minimal {
    background-position: 0 0;
}
.icheckbox_minimal.hover {
    background-position: 0 0;
}
.icheckbox_minimal.checked {
    background-position: -50px 0;
}
.icheckbox_minimal.disabled {
    background-position: 0 0;
    cursor: default;
}
.icheckbox_minimal.checked.disabled {
    background-position: -50px 0;
}

.icheckbox_minimal.focus {
    outline:1px dotted #000;
}

.iradio_minimal {
    background-position: -75px 0;
}
.iradio_minimal.hover {
    background-position: -75px 0;
}
.iradio_minimal.checked {
    background-position: -125px 0;
}
.iradio_minimal.disabled {
    background-position: -75px 0;
    cursor: default;
}
.iradio_minimal.checked.disabled {
    background-position: -125px 0;
}

.iradio_minimal.focus {
    outline:1px dotted #000;
}

.iradio_minimal label {vertical-align: top}

.tablet .icheckbox_minimal,
.tablet .iradio_minimal {
    width: 18px;
    height: 18px;
    background: url('/hk/en/resource/img/common/icheck-minimal.png') no-repeat;
    margin-right:0;
}
.tablet .icheckbox_minimal {
    background-position: 0 0;
}
.tablet .icheckbox_minimal.hover {
    background-position: -20px 0;
}
.tablet .icheckbox_minimal.checked {
    background-position: -40px 0;
}
.tablet .icheckbox_minimal.disabled {
    background-position: 0 0;
    cursor: default;
}
.tablet .icheckbox_minimal.checked.disabled {
    background-position: -40px 0;
}

.tablet .icheckbox_minimal.focus {
    outline:1px dotted #000;
}

.tablet .iradio_minimal {
    background-position: -100px 0;
}
.tablet .iradio_minimal.hover {
    background-position: -120px 0;
}
.tablet .iradio_minimal.checked {
    background-position: -140px 0;
}
.tablet .iradio_minimal.disabled {
    background-position: -100px 0;
    cursor: default;
}
.tablet .iradio_minimal.checked.disabled {
    background-position: -140px 0;
}

.tablet .iradio_minimal.focus {
    outline:1px dotted #000;
}


@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) {
    .icheckbox_minimal,
    .iradio_minimal {
        background: url('/hk/en/resource/img/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
    }
    .icheckbox_minimal {
        background-position: 0 0;
    }
    .icheckbox_minimal.hover {
        background-position: 0 0;
    }
    .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
    .iradio_minimal {
        background-position: -75px 0;
    }
    .iradio_minimal.hover {
        background-position: -75px 0;
    }
    .iradio_minimal.checked {
        background-position: -124px 0;
    }
}
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info &gt; span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }

@charset "utf-8";

.tablet .com-subshare-wrap {width:235px;}
.tablet .com-subshare.productshare .com-subshare-wrap {width:235px !important;}
@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body { width: auto; height: auto; overflow-x: hidden; position: relative; margin:0; padding:0;font-size:12px;line-height:1.3;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
fieldset {min-width:0;}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] &gt; input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select, textarea, button {-webkit-appearance: none;border-radius: 0}
textarea{resize:none;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:9999;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:40px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* IR */
.screen_out {position:absolute;overflow:hidden;text-indent:-999em;width:1px;height:1px;font-size:1px;}

/* float clear */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }


/* box align */
.opt-fl{float:left;}
.opt-fr{float:right;}
.opt-fc{clear:both;}

/* text align */
.opt-tl{text-align:left;}
.opt-tr{text-align:right;}
.opt-tc{text-align:center;}

/* position align */
.opt-poss { position: static;}
.opt-posr { position: relative;}
.opt-posa { position: absolute;}
.opt-posf { position: fixed;}

/* dvice show/hide */
.res-mobshow { display: block;}
.res-tabletshow { display: none;}
.res-webshow { display: none;}

/* component color text */
.opt-textpink {color:#c5497d;}
.opt-textblue {color:#106ea8;}
.opt-textpurple {color:#4d56ce;}
.opt-textgreen {color:#1a6f00;}

/* component sub page border */
.opt-borderbot {border-bottom:1px solid #e4e4e4;}
.opt-bordertop {border-top:1px solid #e4e4e4;}

.vedio-playdim {width:100%; height:100%; position:absolute; left:0; top:0; background:url('/hk/en/resource/img/common/video-dimbg.png') repeat left top;}
.dotline {overflow:hidden;}

.tablet .tablethide { display: none;}
.tablet .res-mobshow { display: none;}
.tablet .res-tabletshow { display: block;}

.web .subpage .res-webhide { display: none;}
.web .res-webshow { display: block;}

.webM .res-webhide { display: none;}



/*텍스트 공통*/
.opt-text-arbfont { font-family: arb, sans-serif;}
.opt-text-arbfont p{ font-family: arb, sans-serif;}

.opt-htb {font-size:30px; line-height:34px;}
.opt-htm {font-size:24px; line-height:30px;}
.opt-hts {font-size:20px; line-height:26px;}

.opt-stb {font-size:16px; line-height:22px;}
.opt-stm {font-size:14px; line-height:20px;}

.opt-btb { font-size: 12px; line-height:18px;}
.opt-btm { font-size: 12px; line-height:18px;}
.opt-bts { font-size: 12px; line-height:18px;}

/*여백 공통*/
.opt-pts { padding-top: 20px;}
.opt-ptm { padding-top: 30px;}
.opt-ptb { padding-top: 50px;}

.opt-pbs { padding-bottom: 20px;}
.opt-pbsm { padding-bottom: 25px;}
.opt-pbm { padding-bottom: 30px;}
.opt-pbb { padding-bottom: 50px;}

.opt-mbs { margin-bottom: 20px;}
.opt-mbm { margin-bottom: 30px;}
.opt-mbb { margin-bottom: 50px;}


.web .subpage .opt-htb {font-size:40px; line-height:46px;}
.web .subpage .opt-htm {font-size:30px; line-height:34px;}
.web .subpage .opt-hts {font-size:24px; line-height:30px;}

.web .subpage .opt-stb {font-size:20px; line-height:26px;}
.web .subpage .opt-stm {font-size:16px; line-height:22px;}

.web .subpage .opt-btb { font-size: 16px; line-height:22px;}
.web .subpage .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.web .subpage .opt-pts { padding-top: 20px;}
.web .subpage .opt-ptm { padding-top: 40px;}
.web .subpage .opt-ptb { padding-top: 60px;}

.web .subpage .opt-pbs { padding-bottom: 20px;}
.web .subpage .opt-pbm { padding-bottom: 40px;}
.web .subpage .opt-pbb { padding-bottom: 60px;}

.web .subpage .opt-mbs { margin-bottom: 20px;}
.web .subpage .opt-mbm { margin-bottom: 40px;}
.web .subpage .opt-mbb { margin-bottom: 60px;}

.webM .opt-htb {font-size:40px; line-height:46px;}
.webM .opt-htm {font-size:30px; line-height:34px;}
.webM .opt-hts {font-size:24px; line-height:30px;}

.webM .opt-stb {font-size:20px; line-height:26px;}
.webM .opt-stm {font-size:16px;}

.webM .opt-btb { font-size: 16px; line-height:20px;}
.webM .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.webM .opt-pts { padding-top: 20px;}
.webM .opt-ptm { padding-top: 40px;}
.webM .opt-ptb { padding-top: 60px;}

.webM .opt-pbs { padding-bottom: 20px;}
.webM .opt-pbm { padding-bottom: 40px;}
.webM .opt-pbb { padding-bottom: 60px;}

.webM .opt-mbs { margin-bottom: 20px;}
.webM .opt-mbm { margin-bottom: 40px;}
.webM .opt-mbb { margin-bottom: 60px;}


/* sub page title style */
.subpage .subpagetit {text-align:center; padding:25px 0; margin:0 15px;}

.tablet .subpage .subpagetit {margin:0 30px;}

.web .subpage .subpagetit {padding:40px 30px;}



/* tab mobile select */

.tabtype-category { width: 100%; text-align: center; }
.tabtype-dropbox.active .tabtype-category-seleted:after  {
    top:0;
    background: url('/hk/en/resource/img/components/product/product-category-select.png') no-repeat 0 0 ;
}
.tabtype-selected-box { height:52px; line-height:52px; background-color: #f7f7f7; }
.tabtype-category button{
    display: inline-block;
    height:52px;
    line-height:52px;
    padding:0 20px;
    min-width:180px;
    margin:0 auto;
    background-color: #ffffff;
    vertical-align:top;
}
.tabtype-category button span{
    display: inline-block;
    position: relative;
    padding-right:35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabtype-category .tabtype-category-wrap{  display: none; width: 100%; }
.tabtype-category-seleted { height:20px; position: relative; }
.tabtype-category-seleted:after {
    display: inline-block;
    width: 15px;
    height:15px;
    overflow: hidden;
    content:'';
    position: absolute;
    top:3px;
    right:0;
    margin-left:20px;
    background: url('/hk/en/resource/img/components/product/product-category-select.png') no-repeat 0 -15px ;
}

.tabtype-category .tabtype-category-wrap li{ width: 100%; }
.tabtype-category .tabtype-category-wrap li.listhide{ display: none; }
.tabtype-category .tabtype-category-wrap .listhide{ display: none; }
.tabtype-category .tabtype-category-wrap li a{
    width: 100%;
    padding-top:10px;
    display: block;
    color: #767676;
    font-family: arm, AppleGothic, sans-serif;
}

.tabtype-category .tabtype-category-wrap li a span{
    display: inline-block;
    padding-right: 20px;
    background: url('/hk/en/resource/img/components/product/tabselect-list-bg.png') no-repeat right 50% ;
}


/* tab mobile select */

.tablet .tabtype-dropbox { background:#f7f7f7; max-width:1200px; margin:0 30px;}
.tablet .tabtype-selected-box { display: none; }
.tablet .tabtype-category button{ display: none; }
.tablet .tabtype-category .tabtype-category-wrap{
    display: table;
    width: 100%;
    min-height:60px;
    font-size:0;
    padding-bottom: 0;
}

.tablet .tabtype-category.num3 .tabtype-category-wrap {width:75%; margin:0 auto;}
.tablet .tabtype-category.num3 .tabtype-category-wrap li{ width:33.3%;}
.tablet .tabtype-category.num4 .tabtype-category-wrap li{ width:20%;}
.tablet .tabtype-category .tabtype-category-wrap li{ display: table-cell; vertical-align:middle; height:60px;}
.tablet .tabtype-category .tabtype-category-wrap li.listhide{ display: table-cell; }
.tablet .tabtype-category .tabtype-category-wrap li.active{ background-color: #fff; position:relative; }
.tablet .tabtype-category .tabtype-category-wrap li.active a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('/hk/en/resource/img/components/product/product-category-selectdown.png') no-repeat 50% bottom}
.tablet .tabtype-category .tabtype-category-wrap li a{padding:10px;font-family: arb, sans-serif;color: #000;}
.tablet .tabtype-category .tabtype-category-wrap li a span{display: inline;padding-right: 0;background: none}

@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) {
    .tabtype-category .tabtype-category-wrap li.active a:after{ background-image:url('/hk/en/resource/img/components/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}



/* tab style */
.tabtype1 {display:none;background:#f7f7f7; text-align:center; padding:0 15px; position:relative;}
.tabtype1-list {display:table; width:100%;}
.tabtype1-list li {display:table-cell; height:52px; vertical-align:middle; font-family: arb, sans-serif; width:25%;}
.tabtype1-list li a {display:block; font-size:14px;}
.tabtype1-list li.active {background:#fff;}
.tabtype1-list li.active span {padding-right:23px; background:url('/hk/en/resource/img/common/tab-active.gif') no-repeat right center;}
.tabtype1-addbtn {display:none;}

.tablet .tabtype1 {padding:0; margin:0 30px;}
.tablet .tabtype1-list {margin:0 auto;}
.tablet .tabtype1-list li.active span {padding-right:0; display:block; background:url('/hk/en/resource/img/common/tab-active.gif') no-repeat center bottom;}
.tablet .num1 .tabtype1-list {width:25%;}
.tablet .num2 .tabtype1-list {width:50%;}
.tablet .num3 .tabtype1-list {width:75%;}
.tablet .num4 .tabtype1-list {width:100%;}
.tablet .tabtype1-list li a {height:60px; line-height:60px;}

.web .tabtype1-list li a {font-size:16px;}
.web .tabtype1-addbtn {display:block; padding:0 20px; font-size:14px; background:#66bcf0; position:absolute; right:0; top:0; height:60px; line-height:60px;}
.web .tabtype1-addbtn span {padding-right:30px; background:url('/hk/en/resource/img/components/magazine/btn-pastmaga.png') no-repeat right center;}


/* tab 하단 리스트 style */
.tablist {padding-top:30px; padding-bottom:30px;}
.tablist-con {display:none;}
.tablist-slider ul {display:inline-block;}
.tablist-arrow {display:inline-block; vertical-align: top; }

.tablet .tablist-con {display:block; text-align:center;}
.tablet .tablist-con li {display:inline-block; border-left:1px solid #d9d9d9; padding:3px 30px; font-family: arb, sans-serif}
.tablet .tablist-con li:first-child {border-left:none;}
.tablet .tablist-con li.active a {border-bottom:4px solid #c5497d; color:#c5497d; padding:7px 7px 10px 7px;}
.tablet .bluetype .tablist-con li.active a {border-bottom:4px solid #8cd3ff; color:#8cd3ff;}

.web .tablist {padding-top:40px; padding-bottom:40px;}
.web .tablist-con li {font-size:14px;}
.web .tablist-con li a.UIslider-con {font-size:14px; padding:0;}


/* tab 하단 리스트 style - 모바일에서 list select로 변경 */
.subselect {position:relative;}
.subselect-jqList {width:100%;}
.subselect-jqList .jqListBox-combo {height:46px; line-height:46px; font-size:12px; color:#292a37; border-color:#000; background:#fff;}
.subselect-jqList .jqListBox-combo-txt {height:46px; line-height:46px;}
.subselect-jqList .jqListBox-combo-arrow {background:url("/hk/en/resource/img/common/subjqlistbox-arrow.gif") no-repeat 0 50%}
.subselect-jqList .jqListBox-list {width:100%; top:46px; margin-top:-1px; border-color:#000;height: 300px;overflow: auto;}
.subselect-jqList .jqListBox-option {height:46px; line-height:46px; font-size:12px;}
.selectbtn .subselect-jqList { padding-right:46px;}
.selectbtn .subselect-jqList .jqListBox-combo {border-right:none;}
.subselect-jqBtn {position:absolute; right:0; top:0; }
.subselect-jqBtn button {width:46px; height:46px; line-height:46px; background:#000; color:#fff;}

.web .subselect-jqList .jqListBox-combo {font-size:14px;}
.web .subselect-jqList .jqListBox-option {font-size:14px;}


/* circle button */
.circlebtn-group:after {content:""; display:block; clear:both;}
.circlebtn-group.opt-nolist {position:relative; margin-bottom:40px; min-height:114px;}
.circlebtn-group.opt-nolist .circlebtn.list {position:absolute; left:50%; top:0; min-width:120px; margin-left:-60px; text-align:center;}
.circlebtn-wrap {text-align:center; padding-bottom:50px;}
.circlebtn {font-size:12px; padding-top:70px; text-align:center; min-width:64px; display:inline-block; width:auto; vertical-align:top; margin-left:5px; margin-right:5px;}
.circlebtn-left {float:left;}
.circlebtn-right {float:right;}
.circlebtn.list {background:url('/hk/en/resource/img/common/btn-list.gif') no-repeat center top;}
.circlebtn.more {background:url('/hk/en/resource/img/common/btn-more.gif') no-repeat center top;}
.circlebtn.apply {background:url('/hk/en/resource/img/common/btn-apply.gif') no-repeat center top;}
.circlebtn.complete {background:url('/hk/en/resource/img/common/btn-complete.gif') no-repeat center top;}
.circlebtn.home {background:url('/hk/en/resource/img/common/btn-home.gif') no-repeat center top;}
.circlebtn.homegray {background:url('/hk/en/resource/img/common/btn-homegray.gif') no-repeat center top;}
.circlebtn.lock {background:url('/hk/en/resource/img/common/btn-lock.gif') no-repeat center top;}
.circlebtn.find {background:url('/hk/en/resource/img/common/btn-find.gif') no-repeat center top;}
.circlebtn.change {background:url('/hk/en/resource/img/common/btn-change.gif') no-repeat center top;}
.circlebtn.proh {background:url('/hk/en/resource/img/common/btn-proh.gif') no-repeat center top;}
.circlebtn.document {background:url('/hk/en/resource/img/common/btn-document.gif') no-repeat center top;}
.circlebtn.modify {background:url('/hk/en/resource/img/common/btn-modify.gif') no-repeat center top;}
.circlebtn.closeacc {background:url('/hk/en/resource/img/common/btn-closeacc.gif') no-repeat center top;}
.circlebtn.save {background:url('/hk/en/resource/img/common/btn-save.gif') no-repeat center top;}
.circlebtn.cancle {background:url('/hk/en/resource/img/common/btn-cancle.gif') no-repeat center top;}
.circlebtn.vwmore {background:url('/hk/en/resource/img/common/btn-vwmore.gif') no-repeat center top;}
.circlebtn.previous {background:url('/hk/en/resource/img/common/btn-prev.gif') no-repeat center top;}
.circlebtn.tryagain {background:url('/hk/en/resource/img/common/btn-tryagain.gif') no-repeat center top; background-size:100% auto;}
.circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.circlebtn.view span {display:none;}
.circlebtn.view.prev {text-align:left; padding-left:70px; background:url('/hk/en/resource/img/common/btn-viewprev.gif') no-repeat left center;}
.circlebtn.view.next {text-align:right; padding-right:70px; background:url('/hk/en/resource/img/common/btn-viewnext.gif') no-repeat right center;}
.circlebtn.list, .circlebtn.more, .circlebtn.apply,
.circlebtn.complete, .circlebtn.home, .circlebtn.homegray,
.circlebtn.lock, .circlebtn.find, .circlebtn.change,
.circlebtn.proh, .circlebtn.document, .circlebtn.modify,
.circlebtn.closeacc, .circlebtn.save, .circlebtn.cancle,
.circlebtn.vwmore, .circlebtn.previous, .circlebtn.tryagain
{background-size:54px;}

/* comment event */
.normalbtn {text-align:center; padding:30px 15px 0 15px;}
.normalbtn.modify {background:url('/hk/en/resource/img/common/btn-modify-nobg.gif') no-repeat center top;}
.normalbtn.delete {background:url('/hk/en/resource/img/common/event-and-news/event/comment-delete.gif') no-repeat center top;}
.normalbtn.change {background:url('/hk/en/resource/img/common/event-and-news/event/comment-change.gif') no-repeat center top;}


.tablet .circlebtn {font-size:14px; padding-top:80px; margin-right:10px; margin-left:10px;}
.tablet .circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.tablet .circlebtn.view span {display:table-cell; vertical-align:middle;}
.tablet .circlebtn.list {background-size:64px;}
.tablet .circlebtn.more {background-size:64px;}
.tablet .circlebtn.apply{background-size:64px;}

.tablet .circlebtn.complete {background-size:64px;}
.tablet .circlebtn.home {background-size:64px;}
.tablet .circlebtn.homegray {background-size:64px;}
.tablet .circlebtn.lock {background-size:64px;}
.tablet .circlebtn.find {background-size:64px;}
.tablet .circlebtn.change {background-size:64px;}
.tablet .circlebtn.proh {background-size:64px;}
.tablet .circlebtn.document {background-size:64px;}
.tablet .circlebtn.modify {background-size:64px;}
.tablet .circlebtn.closeacc {background-size:64px;}
.tablet .circlebtn.save {background-size:64px;}
.tablet .circlebtn.cancle {background-size:64px;}
.tablet .circlebtn.vwmore {background-size:64px;}
.tablet .circlebtn.previous {background-size:64px;}
.tablet .circlebtn.tryagain {background-size:64px;}

.web .circlebtn-wrap {padding-bottom:60px;}
.web .circlebtn {font-size:14px;}


/*  */
p.quadbtn {display:inline-block;}
.quadbtn span {display:block; height:32px; line-height:32px; padding:0 15px; text-align:center; font-size:12px;}
.quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}
.quadbtn.quadbtn-skyblue span {background-color:#8cd3ff;}
.quadbtn.quadbtn-gray span {background-color:#cfcfcf;}
.quadbtn.bigbtn {width:100%; font-size:18px;}
.quadbtn.bigbtn span {height:45px; line-height:45px;}

.oplinebtn {display:block; max-width:130px; margin:30px auto; padding-left:10px; width:100%; height:34px; line-height:34px; font-family:arb, sans-serif;}
.oplinebtnM {height:39px; line-height:39px; display:inline-block; padding:0 50px 0 20px; font-family:arb, sans-serif;}
.oplinebtnM.blue {background:#bae5ff url('/hk/en/resource/img/common/oqlinebtnM-blue.gif') no-repeat right top;}
.oplinebtn.skyblue {background:#8cd3ff url('/hk/en/resource/img/common/oqlinebtn-skyblue.gif') no-repeat right top;}
.oplinebtn.purple {background:#99aff7 url('/hk/en/resource/img/common/oqlinebtn-purple.gif') no-repeat right top;}
.oplinebtn.gray {background:#cfcfcf url('/hk/en/resource/img/common/oqlinebtn-gray.gif') no-repeat right top;}
.oplinebtn-group {margin:0 auto;}
.oplinebtn-groupwrap {margin:10px -10px 0;}
.oplinebtn-groupwrap:after {content:""; display:block; clear:both;}
.oplinebtn-groupwrap .oplinebtn {max-width:none; width:auto; min-width:130px; padding-right:35px;}
.oplinebtn-group .oplinebtn {float:left; margin:20px 10px 0;}

/* input type */
.input-group {position:relative;}
.input-group input[type=checkbox]{vertical-align: text-top;}
.input-group textarea[disabled] {background:#fff;}
.input-label {position:absolute; left:0; top:0; padding:15px 15px 0 20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input-label.overline {padding-top:0; height:46px; white-space:normal;}
.input-label.overline .overline-inner {display:table; width:100%; height:100%;}
.input-label.overline .overline-inner &gt; span {display:table-cell; vertical-align:middle;}
.js-label-hide.hide {display:none;}
.inputform {width:100%; height:46px; border:1px solid #000; color:#000; padding-left:20px; padding-right:10px; font-size:12px;}
.inputform.disabled {background:#f7f7f7; border:none;}
.inputform.type2 {background:url('/hk/en/resource/img/common/inputtype-bg.gif') repeat left top;}
.inputform-input {padding-top:15px; padding-bottom:15px;}
.inputform-textarea {height:auto; padding:15px 20px; }

.label-essential {padding-left:17px; background:url('/hk/en/resource/img/common/bullet-essential.gif') no-repeat left 5px;}

/* contents box side padding */
.opt-boxside {padding-left:15px; padding-right:15px;}

.tablet .opt-boxside {padding-left:30px; padding-right:30px;}
.tablet .opt-boxsidetab {padding-left:30px; padding-right:30px;}


/* slider controller, pager common */
.slider-pagerbox {position:absolute; left:0; bottom:20px; width:100%; z-index:9;}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;}
.slider-controller {display:inline-block; padding-right:10px;}

.tablet .slider-pagerbox {bottom:30px;}



/* paging */
.pager {text-align:center; font-size:12px;}
.pager-first, .pager-prev, .pager-next, .pager-last {display:inline-block; width:16px; height:14px; vertical-align:top;}
.pager-first.active {background:url('/hk/en/resource/img/common/pager-first-active.gif') no-repeat center center;}
.pager-first {background:url('/hk/en/resource/img/common/pager-first.gif') no-repeat center center;}
.pager-prev.active {background:url('/hk/en/resource/img/common/pager-prev-active.gif') no-repeat center center;}
.pager-prev {background:url('/hk/en/resource/img/common/pager-prev.gif') no-repeat center center;}
.pager-next.active {background:url('/hk/en/resource/img/common/pager-next-active.gif') no-repeat center center;}
.pager-next {background:url('/hk/en/resource/img/common/pager-next.gif') no-repeat center center;}
.pager-last.active {background:url('/hk/en/resource/img/common/pager-last-active.gif') no-repeat center center;}
.pager-last {background:url('/hk/en/resource/img/common/pager-last.gif') no-repeat center center;}
.pager-numlist {display:inline-block; padding:0 40px;}
.pager-num {display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; padding:0 5px;}
.pager-num.active {background:#8cd3ff;}


.tablet .pager-first, .tablet .pager-prev, .tablet .pager-next, .tablet .pager-last {vertical-align:middle; margin:0 6px;}
.tablet .pager-numlist {padding:0 10px; font-size:0;}


/* table component */
.tbl {width:100%; padding-bottom:60px;}
.tbl .col {float:left; padding:15px 10px; text-align:center;}
.tbl-head {margin-left:-2px; height:49px;}
.tbl-head:after {content:""; display:block; clear:both;}
.tbl-head .col {background:#f7f7f7; border-left:2px solid #fff;}
.tbl-body {padding-bottom:30px;}
.tbl-row:after {content:""; display:block; clear:both;}
.tbl-row .col {height:49px; border-bottom:1px solid #e4e4e4;}
.tbl-row .nolist {width:100%; height:200px; line-height:200px;}
.tbl-row .dotdot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tbl-coltype {border-top:1px solid #e4e4e4;}
.tbl-coltype .tbl-th {background:#f7f7f7;}

.tbl-tabletype .tbl-head {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .tbl-row {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .col {float:none; height:auto; display:table-cell; vertical-align:middle;}

.tablet .tbl .col {padding:15px 5px;}
.tablet .tbl .col.dotdot {padding-left:20px;}

.web .tbl {padding-bottom:80px;}
.web .tbl .col {padding:15px 5px;}
.web .tbl .col.dotdotdot {padding-left:30px;}
.web .tbl-body {padding-bottom:40px;}


/* hreart */

.product-list-likeheart {
    position: relative;
    width: 87px;
    height:12px;
    overflow: hidden;
    margin:0 auto;
    background:url('/hk/en/resource/img/common/heartbg.png') #d8d8d8 0 0;
}

.product-list-overbg{
    position: relative;
    z-index:1;
    display: block;
    float: left;
    width: 87px;
    height: 13px;
    line-height: 13px;
    background: url('/hk/en/resource/img/components/product/product-quickview-likeheartbg.png') no-repeat 0 0;
}

.product-list-graphbg {
    width: 95%;
    height:12px;
    position: absolute;
    left:0;
    top:0;
    background: #1cb1fe;
}

.refertxt {margin-top:8px; padding-left:17px; background:url('/hk/en/resource/img/common/ico-refertxt.gif') no-repeat left 4px;}
.refertxt.small {background:url('/hk/en/resource/img/common/ico-refertxtsmall.gif') no-repeat left 4px;}

/* footnote style */
.footnote-info {padding-top:13px; display:table;}
.footnote-infobox {position:relative; margin-top:7px;}
.footnote-infobox .footnote {position:absolute; top:0;}
.footnote-infotxt {padding-left:20px; display:inline-block;}
.footnote {display:inline-block; color:#1a6f00; background:url('/hk/en/resource/img/common/footnote-bg.png') no-repeat right center;}
.footnote:after {color:#fff; font-size:6px; width:12px; margin-left:3px; display:inline-block; text-align:center;}
.footnote.num1:after {content:"1";}
.footnote.num2:after {content:"2";}



@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) {
    .circlebtn.change {background-image:url('/hk/en/resource/img/common/btn-change-X2.gif');}
    .circlebtn.tryagain {background-image:url('/hk/en/resource/img/common/btn-tryagain-X2.gif');}
    .circlebtn.complete {background-image:url('/hk/en/resource/img/common/btn-complete-X2.gif');}
    .circlebtn.home {background-image:url('/hk/en/resource/img/common/btn-home-X2.gif');}
    .circlebtn.homegray {background-image:url('/hk/en/resource/img/common/btn-homegray-X2.gif'); }
    .circlebtn.lock {background-image:url('/hk/en/resource/img/common/btn-lock-X2.gif');}
    .circlebtn.find {background-image:url('/hk/en/resource/img/common/btn-find-X2.gif');}
    .circlebtn.list {background-image:url('/hk/en/resource/img/common/btn-list-X2.gif');}
    .circlebtn.modify {background-image:url('/hk/en/resource/img/common/btn-modify-X2.gif');}
    .circlebtn.document {background-image:url('/hk/en/resource/img/common/btn-document-X2.gif');}
    .circlebtn.closeacc {background-image:url('/hk/en/resource/img/common/btn-closeacc-X2.gif');}
    .circlebtn.save {background-image:url('/hk/en/resource/img/common/btn-save-X2.gif');}
    .circlebtn.cancle {background-image:url('/hk/en/resource/img/common/btn-cancle-X2.gif');}
    .circlebtn.vwmore {background-image:url('/hk/en/resource/img/common/btn-vwmore-X2.gif');}
    .circlebtn.proh {background-image:url('/hk/en/resource/img/common/btn-proh-X2.gif');}
    .circlebtn.more {background-image:url('/hk/en/resource/img/common/btn-more-X2.gif');}
    .refertxt {background-image:url('/hk/en/resource/img/common/ico-refertxt-X2.gif'); background-size:9px;}
    .footnote {background-image:url('/hk/en/resource/img/common/footnote-bg-X2.png'); background-size:12px;}
    .refertxt.small {background-image:url('/hk/en/resource/img/common/ico-refertxtsmall-X2.gif'); background-size:8px;}
    .normalbtn.change {background-image:url('/hk/en/resource/img/common/event-and-news/event/comment-change-X2.gif'); background-size:15px 18px;}
    .normalbtn.delete {background-image:url('/hk/en/resource/img/common/event-and-news/event/comment-delete-X2.gif'); background-size:17px 18px;}
    .normalbtn.modify {background-image:url('/hk/en/resource/img/common/btn-modify-nobg-X2.gif'); background-size:27px 18px;}
    .circlebtn.view.prev {background-image:url('/hk/en/resource/img/common/btn-viewprev-X2.gif'); background-size:54px;}
    .circlebtn.view.next {background-image:url('/hk/en/resource/img/common/btn-viewnext-X2.gif'); background-size:54px;}
    .subselect-jqList .jqListBox-combo-arrow {background-image:url("/hk/en/resource/img/common/subjqlistbox-arrow-X2.gif"); background-size:40px 6px;}
    .tabtype-category-seleted:after { background-image:url('/hk/en/resource/img/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 -20px;}
    .tabtype-dropbox.active .tabtype-category-seleted:after {background-image:url('/hk/en/resource/img/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 4px;}
    .tabtype1-list li.active span { background-image:url('/hk/en/resource/img/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
    .product-list-overbg{ background-image: url('/hk/en/resource/img/components/product/product-quickview-likeheartbg-X2.png');  background-size:87px 13px;}

    .pager-prev {background-image:url('/hk/en/resource/img/common/pager-prev-X2.gif'); background-size:9px 14px;}
    .pager-prev.active {background-image:url('/hk/en/resource/img/common/pager-prev-active-X2.gif'); background-size:9px 14px;}
    .pager-next {background-image:url('/hk/en/resource/img/common/pager-next-X2.gif'); background-size:9px 14px;}
    .pager-next.active {background-image:url('/hk/en/resource/img/common/pager-next-active-X2.gif'); background-size:9px 14px;}
    .pager-last {background-image:url('/hk/en/resource/img/common/pager-last-X2.gif'); background-size:16px 14px;}
    .pager-first {background-image:url('/hk/en/resource/img/common/pager-first-X2.gif'); background-size:16px 14px;}

    .oplinebtn.skyblue {background-image:url('/hk/en/resource/img/common/oqlinebtn-skyblue-X2.gif'); background-size:27px 34px;}
    .oplinebtn.purple {background-image:url('/hk/en/resource/img/common/oqlinebtn-purple-X2.gif'); background-size:27px 34px;}
    .oplinebtn.gray {background-image:url('/hk/en/resource/img/common/oqlinebtn-gray-X2.gif'); background-size:27px 34px;}
    .label-essential {background-image:url('/hk/en/resource/img/common/bullet-essential-X2.gif'); background-size:9px 9px; background-position:left 3px;}
}


/* common table */
.cm-tbl {width:100%; font-size:12px;}
.cm-tbl thead th {height:46px; font-family: arb, sans-serif; background-color:#f7f7f7; text-align:center; border-left:2px solid #fff;}
.cm-tbl thead th:first-child {border-left:none;}
.cm-tbl tbody tr td, .cm-tbl tbody tr th {border-bottom:1px solid #e4e4e4; padding:10px;}

.web .cm-tbl {font-size:14px;}
.web .cm-tbl tbody tr  td{padding:20px;}

body{visibility: hidden}
.mobile, .web, .tablet {
    visibility: visible;
}

/* main popup style */
.main-popupwrap {height:100%; display: table;}
.main-popup {max-width:620px; display: table-cell; vertical-align: middle}
.main-popup-component {padding:40px 30px 0 30px; background: #ffffff;}
.main-popup-component .com-image {margin:0 -30px;}
.main-popup-bottom {padding:17px 20px; background:#fff; border-top:1px solid #000; width:100%; position:relative;}
.main-popup-bottom .icheckbox_minimal {width: 18px; height: 18px; background: url('/hk/en/resource/img/common/icheck-minimal.png') no-repeat; margin-right:0;}
.main-popup-bottom .icheckbox_minimal.checked {background-position: -40px 0;}
.main-popup-bottom .closebtn {position:absolute; right:20px; bottom:20px; width:15px;}
.main-popup-bottom .closebtn img {width:100%;}

@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) {
    .main-popup-bottom .icheckbox_minimal {
        background: url('/hk/en/resource/img/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
        margin-right:5px;
    }
    .main-popup-bottom .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
}

/* modal popup */
.mainModal {width: 100%; height:100%; z-index:10000; position:absolute; }
.modal-wrapper {  margin:10px; overflow-x:hidden; overflow-y:auto; position: relative;}


#modal_wrapper{min-width:320px;}
#modal_content {min-width:280px; margin:0 20px; position:relative;}
#modal_wrapper #modal_content&gt;div { border-top:none; text-align:center; padding-top:60px;}
#modal_wrapper #modal_content&gt;div img {border-top:none; max-width:546px;}
#modal_wrapper #modal_content&gt;div p {padding-top:30px; font-size:15px; font-weight:bold;}

#modal_wrapper #modal_content .modal_control{border-top:1px solid #d4d4d7; margin-top:30px; padding-top:30px; position:relative;}
.ly-wrap .prev,
.ly-wrap .next {position:absolute; top:30px; display:block; width:24px; height:24px; }
.ly-wrap .modal_control&gt;a{text-indent:-9999em; }

.ly-wrap .other_control {width:287px; margin:0 auto;}

.ly-wrap .prevmob,
.ly-wrap .nextmob {display:none;}



/* ------ [PC] Modal dimmed Wrapper ------ */
body.ovh {overflow:hidden;} /* IE8 bug fix */
html.ovh {overflow:hidden;}
/*html.modal-opened,
html.modal-opened body {overflow:hidden;}*/
html.modal-opened-mobile,
html.modal-opened-mobile body {position:fixed;z-index:0;}
.modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}
.modal-fade {position:fixed;width:100%;height:100%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:.5;}
.modal-dialog {overflow:auto;position:absolute;top:40px;left:50%;background:#fff;border:1px solid #000;z-index:9999;box-sizing:border-box;-moz-box-sizing: border-box}
.modal-header {padding:10px;}
.modal-header .close {position:absolute;top:0;right:0;}
.modal-body {padding:10px;}
.modal-footer {padding:20px 0;text-align:center;}
/* //------ [PC] Modal dimmed Wrapper ------ */


/* ------ Modal Layer Layout ------ */
.ly-wrap {background:#fff;position:relative;z-index:0;}
.ly-head {margin:25px 0 30px;text-align: center;}
.ly-head-tit {font-size: 25px;}
.ly-head-txt {font-size:15px;}
.tablet .ly-head {margin:0 0 25px}
.tablet .ly-head-tit {font-size: 28px;}

/* //------ Modal Layer Layout ------ */


.loadingbox { display: none; width: 34px; height: 35px; position: fixed; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.loadingbox img {width:100%;}

.web .cushion-gnb { float: right; position: relative; top: -16px; right: 0; }
.mobile .cushion-gnb { float: left; position: relative; top: 0; right: 0; display: block; padding-bottom: 15px; width: 100%; background: white; }
.web .cushion-gnb_new { float: right; position: relative; top: -16px; right: 0; }
.mobile .cushion-gnb_new { float: left; position: relative; top: 0; right: 0; display: block; padding-bottom: 15px; width: 100%; background: white; }
.cushion-gnb img {width: 140px; }
.cushion-gnb_new img {width: 150px; height:43px; }
.dep2list .dep1 { display: none !important;}


.perfect_renew_button{display:none!important;}
@media only screen and (max-width: 320px) {
    .perfect_renew_button{display:none;}
}
@media only screen and (max-width: 480px) {
    .perfect_renew_button{display:none;}
}
.white_dew_button{display:none!important;}
@media only screen and (max-width: 320px) {
    .white_dew_button{display:none;}
}
@media only screen and (max-width: 480px) {
    .white_dew_button{display:none;}
}

.web .facefit-gnb { float: right; position: relative; top: -16px; right: 0; }
.mobile .facefit-gnb { float: left; position: relative; top: -13px; right: 0; display: block; padding-bottom: 15px; width: 100%; background: white; }
.web .gnb .dep2wrap.slanhe2 ul.dep2list {margin-left: 20%;}

#iframe-height iframe {height:0px !important;}


#btn-resend{display: inline-block;}
#btn-inq{display: inline-block;}

.tablet .glbstore-list-bodyli .col.flag, .glbstore-list-bodyli .col.flag {display:none;}


.web .gnb .slanhe3, .web .gnb .slanhe8 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-7px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .slanhe3 ul, .web .gnb .slanhe8 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.tablet .custom-main-magazine-tcon-month {

    background-image: url('/hk/en/resource/img/components/magazine/magazine-barbg-1803_01.jpg') !important;
}

.custom-main-magazine-tcon-month {

    background: url('/hk/en/resource/img/components/magazine/magazine-barbg-1803-mob_01.jpg') left top no-repeat !important;
}

.tablet .custom-magavisual-itemtxt .month {

    background-image: url('/hk/en/resource/img/components/magazine/magazine-barbg-1803_01.jpg') !important;
}


.custom-magavisual-itemtxt .month {

    background: url('/hk/en/resource/img/components/magazine/magazine-barbg-1803-mob_01.jpg') left top no-repeat !important;
}
@charset "utf-8";

.custom-eventthumb {max-width:1200px;}
.custom-eventthumb .com-image {margin:0 auto;}

.complete {text-align:center;}
.complete-con {padding:60px 0;}
.complete-tit {display:block; font-size:40px;}
.complete-box {background:#f7f7f7; height:60px; margin:0 auto 30px ;max-width:340px; padding-top:20px;}
.complete-boxtxt {display:inline-block; color:#106ea8; font-size:16px; font-family:arb, sans-serif;}
.complete-btn {border-top:1px solid #e4e4e4; padding-bottom:60px;}
.complete-btn button {width:auto; padding-right:10px; padding-left:10px;}

.web .complete-con {padding:80px 0;}
.web .complete-tit {font-size:50px;}
.web .complete-box {max-width:400px; padding-top:17px; margin-bottom:40px;}
.web .complete-box strong {padding-right:10px; display:inline-block; vertical-align: middle;}
.web .complete-boxtxt {font-size:20px;}
.web .complete-des {line-height:22px;}
.web .complete-btn {padding-bottom:80px;}

/*20160701 new Cushion event start*/
.gnb {padding-bottom:0;}
#main img, .custom-eventthumb img {width: 100%;}
/* video */

.newissue-cont {height:auto;}
.newissue-cell {width:90%; margin-left: 5%;text-align: center;margin-bottom: 60px;}
.newissue-video {margin-top:0;}

/* layout */

.width1100 {position:relative;max-width:1800px;margin:0 auto;}
.pc_img{position:relative; max-width:1100px;margin:0 auto;}
.mobile_img {display:none; position:relative;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.free {
    background-color: #f7931e;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
}

/* contents */
.f02 .detailBtn, .f02 .detailBtn2, .f02 .detailBtn3,
.f02 .detailTopBtn, .f02 .detailTopBtn2, .f02 .detailTopBtn3 {
    display:block;position: absolute; top:93.8%; left:13%; width:11.5%; height:1%; z-index: 999999;}
.f02 .detailTopBtn{top: 42.4%;left: 24%;}
.f02 .detailTopBtn2{top: 42.4%;left: 53%;}
.f02 .detailTopBtn3{top: 42.4%;left: 82%;}
.f02 .detailBtn2{left:45%;}
.f02 .detailBtn3{left:76%;}

.f04 .fb,.f04 .ig  {display:block;position: absolute; top:91%; left:85.5%; width:3.5%%; height:5%; text-indent:-9999em;}
.f04 .ig {left:89.9%;}

.f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
.f05 .register {display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

.f06 .store{display:block;position: absolute; top:63.5%; left:71.8%; width:5.5%; height:6%; text-indent:-9999em;}

.f07 .FAQ{display:block;position: absolute; top:70%; left:44.8%; width:11%; height:10%; text-indent:-9999em;}

.f08 .inquiry{display:block;position: absolute; top:76.5%; left:43%; width:14%; height:10.5%; text-indent:-9999em;}

.link {display:block;position:absolute;width:14.8%;height:4.9%;text-indent:-9999em;overflow:hidden;background:gold; filter:alpha(opacity=0); opacity:0;}
.pc_img .link01 {bottom:18%;left:27.8%;}
.pc_img .link02 {bottom:18%;right:28.1%;}

.login-wrapper {margin-bottom:60px;}
.login-wrapper .com-image {margin:0 -15px;}
.loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
.loginform-inp .mbsform-label label {padding-left:0;}
.loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
.loginbtn span {padding-top:33px; display:inline-block; background:url('/hk/en/resource/img/common/membership/login-btnico.gif') no-repeat center top;}
.login-linkwrap {padding-bottom:20px;}
.login-link {padding-bottom:20px; text-align:center;}
.login-link .com-link {padding-bottom:6px; }
.login-warning {margin-top:-15px; padding-bottom:20px;}

.tablet .login-wrapper {padding-left:78px; padding-right:78px;}
.tablet .loginbox-left {padding-top:40px; background:url('/hk/en/resource/img/common/membership/login-formbg.gif') no-repeat center top;}
.tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
.tablet .loginform-inp {padding-right:112px;}
.tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
.tablet .login-linkwrap {text-align:center;}
.tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
.tablet .login-wrapper .com-image {margin:0;}
.tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}

.web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
.web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
.web .loginbox-leftwrap {display:table; width:100%; height:100%;}
.web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
.web .loginbox-right {width:100%; padding-left:52%;}
.web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
.web .login-wrapper .mbsform-input {padding-left:120px;}
.web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
.web .login-warning {position:absolute; padding-left:120px;}


#jiathis_weixin_share p img{width:auto;}
.media .icon-play {position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;font-size: 42px;color: #fff;margin: -0.5em 0 0 -0.5em;-webkit-transition: color .2s ease-out;-moz-transition: color .2s ease-out;-o-transition: color .2s ease-out;transition: color .2s ease-out;}

.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    opacity: 50;
    z-index: 900;
    display:none;
}
.popup-overlay:target {
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 64%;
    position: relative;
    margin: 30% auto;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
    margin-top: 5%;
}
.popup .obj { height:200px; margin-top: 35px;}


@media screen and (max-width: 700px){

}
@media only all and (max-width: 1260px){
    .popup .obj {height: 300px;margin-top: 10px; }
}
@media only all and (max-width: 1023px){
    .newissue-detail {padding:0;}
    .popup .obj {height: 130px;}
}

@media only all and (max-width: 1100px){
    .newissue-section{background-size:100%;}
    .popup .obj {height: 300px;}
}
@media only all and (max-width: 1023px){
    .newissue-cell{left:50%;}
}

@media only all and (max-width: 639px){
    .width1100 {background-image:none;}
    .newissue-cell {width: 100%;margin-left:0;}
    .newissue-detail {padding:0;}
    .pc_img {display:none;}
    .mobile_img {display:block;}
    .mtem {margin-top:-1.4em;}
    .link {width:46.5%;height:6%;}
    .newissue-cell{left:0;}
    .newissue-detail.addnew {background:#e8e7f2;}

    .f02 .detailBtn, .f02 .detailBtn2, .f02 .detailBtn3 {top:64.9%; left:34%; width:32.5%; height:1%;}
    .f02 .detailBtn2 {top:80%;}
    .f02 .detailBtn3 {top:95%;}

    .f04 .fb,.f04 .ig  {display:block;position: absolute; top:95.8%; left:80.68%; width:5.8%; height:1.8%; text-indent:-9999em;}
    .f04 .ig {left:88.10%;}

    .f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
    .f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

    .f06 .store{display:block;position: absolute; top:69.5%; left:54.8%; width:11.5%; height:5%; text-indent:-9999em;}

    .f07 .FAQ{display:block;position: absolute; top:86.5%; left:33.8%; width:31.5%; height:5%; text-indent:-9999em;}

    .f08 .inquiry{display:block;position: absolute; top:83%; left:25%; width:50%; height:6%; text-indent:-9999em;}

    .mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
    .mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
    .box{ width: 70%; }
    .popup {width: 90%;top: -55px;}
    .popup .obj {height: 420px;margin-top: 10px; }
    .loginform {padding-bottom: 5px;margin-bottom: 5px;}

}
.sample-event {display: none;}
/*20160701 new Cushion event end*/
#ly-modal .popup{
    padding: 0;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.collagen .opt-snscont-txt {
    display: none;
}

.ap2022-sr-only {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
</pre></body></html>