@charset "utf-8";
body {margin:0; padding:0;}
a, a:hover {color:inherit; text-decoration:none;}
* { box-sizing:border-box; font-family: "Roboto", "Microsoft JhengHei", "Arial";    margin: 0;    padding: 0;}
/* common */
body { font-size:16px;}
.main-subscribe2018{width:100%; padding-bottom:3px;}
.container2018 {width:940px; margin-left:auto; margin-right:auto;  display:table; color:#096344}
.main-subscribe2018:first-child{ border-bottom: solid 1px #e0e0e0;}
.sub-header{width:100%; height:54px; display:table-row; border-bottom: solid 1px #e0e0e0; }
.sub-logo-con { width:50%;  display: table-cell; }
.user-con{ width:50%; display: table-cell; font-size:0.9375em; text-align:right; }
.hkej_logo{ display:inline-block;}
.hkej_logo a.logo { height:54px; width:187px; background-image: url(https://www.hkej.com/template/common/images/2014_hkej-logo.png); background-size:contain; display:inline-block;}
.b2HKEJ{ font-size:0.8125em; color:#999999; display:inline-block; position:relative;}
.b2HKEJ a.backej {position: absolute;white-space: nowrap;bottom: 0; left:8px;}
.lg { color:#21b582;}


.feature_window {max-width:940px; margin: 0 auto; position:relative; padding-bottom:35px }
.feature_window .swiper-pagination{ bottom:5px; width:100%}
.feature_window .swiper-pagination .swiper-pagination-bullet{ margin:0 12px;}
.feature_window .swiper-container .swiper-button-white { padding:15px; height:64px; background-color: rgba(31, 37, 48, 0.3); width:57px; top: calc(50% - 32px);}
.feature_window .swiper-container .swiper-button-next{ right:0;}
.feature_window .swiper-container .swiper-button-prev{ left:0;}
.feature_window img.desktopView { width:100%; max-width:1160px; max-height:810px;}
.feature_window img.mobileView { display:none}

.feature_window .swiper-slide a span.text{ position: absolute; color: #fff; bottom:30px;  text-align: center;  padding: 0 100px; letter-spacing: 1px; box-sizing: border-box; line-height: 1.3em; width: 100%; }

.feature_window .swiper-slide a span { display: block; }
.feature_window .swiper-slide a span.cat {font-size: 13px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;line-height: 2.5em}


.core-product-row { display:table-row;}
.core-product-col { display:table-cell; width:50%; vertical-align: top;}
.core-product-col:nth-child(1) {padding-right:5px;  }
.core-product-col:nth-child(2) {padding-left:5px; }

.core-product {padding:20px; background-color:#f7f7f7;  width:100%; display:block; position:relative; z-index:0;} 

.label-title {color:#000000; font-size:25px; padding:5px; text-align:center; font-weight:bold; margin-bottom:220px; }

img.core-1 {position:absolute; z-index:1; left:40px; top:90px; width:220px;}

.core-product-price-1 {position:absolute; z-index:2; left:280px; top:115px; font-size:18px;}
.core-product-price-1b {position:absolute; z-index:2; top:172px; left:280px;  }
.core-product-price-1b-btn {font-size:12px;  color:#0066cc; text-align:left; }
.core-product-price-2b {position:absolute; z-index:2; top:172px; left:240px;  }
.core-product-price-2b-btn {font-size:12px;  color:#0066cc; text-align:left; }
img.core-2 {position:absolute; z-index:1; left:30px; top:70px; width:220px;}
.core-product-price-app-icon { position:absolute; z-index:1; left:280px; ; top:175px; display:inline-block;}
.core-product-price-app-icon-2 { position:absolute; z-index:1; left:240px; top:145px; display:inline-block;}
.appicon1 { margin-right:5px;}
.appicon2 {}
.core-product-price-2 {position:absolute; z-index:2; left:240px; top:115px; font-size:18px;}

.toggle-btn { display:block; cursor:pointer; }
.detail-more {
	display:inline; width:44px; height:30px; background-position: center center; background-repeat:no-repeat; margin-bottom:10px; 
}


.more-down{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAUCAYAAAD2rd/BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk2Q0UzMzIwQjg5MDExRTc4QzQ3RDBCMDE1NjBCQzk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk2Q0UzMzIxQjg5MDExRTc4QzQ3RDBCMDE1NjBCQzk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTZDRTMzMUVCODkwMTFFNzhDNDdEMEIwMTU2MEJDOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTZDRTMzMUZCODkwMTFFNzhDNDdEMEIwMTU2MEJDOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RgJcIAAAB8klEQVR42tSWOUgDQRSGs7JYWWhpYxVMIyqJt9hIIoqYWImFbRRBUmnwQlBQBDsjNtpZaqFE45FSUbzAq7FIJ1gJFgvBIFn/B09YwjI7m8OYgS+zO/Pemz8zO29G0XXdUUqlzFFipeQEK16v9wL1EjgrhoB4PC5l5/P5elAtqPjpBKfgioWf/KcZhdBeEgra6V019FHDMbgGi/xcTKF9LLTN2K6a2LaCGLjhGT/6Y6H9LLTFrF8V+JLDIbg1CNcLJFJB9Su02SpLREBKYEMBoizcTxs1n5seYv0cO2ohljRGSHAIuMAOSAscPOAA3IFAjsIVjnHPMT0C2zRrcyGjhCitGTvrwAoYkBj0gT+VfRufCgkd5KVvlLCnWZ+F0BdjHjYz7ACroEsi6BOY5+CiEuA/WC8R8xxMQ+il2cEhcqSNsAwaJAbZAJPgK6O9CmyCYYkYjzyjsWyPZsoMbjACEha2E4BOzRpDG51OzxJiEzyGWyRWZoaNpRwEwRyoFth9gDHQDcYtNuc7r+AWhKZk7xJ2d3gFZ5YpUJlllvgEa2AdQrVC39Y0ziROHjRpwzfJPk6OodkdPJfrJS19GNTSkoJvgS31bbNtmH2Ldh9+A6Ocw3czcjI973FfkG1zKmoej9lXMASaeLlps83wyZi38iPAANlme02/dc/wAAAAAElFTkSuQmCC"); }

.more-up{
	display:none;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAUCAYAAAD2rd/BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxQ0Q1N0M1Qjg5MDExRTdBMTE0OTk3RTdGNjBGNjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxQ0Q1N0M2Qjg5MDExRTdBMTE0OTk3RTdGNjBGNjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTFDRDU3QzNCODkwMTFFN0ExMTQ5OTdFN0Y2MEY2MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTFDRDU3QzRCODkwMTFFN0ExMTQ5OTdFN0Y2MEY2MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PWC3QAAAB6UlEQVR42tSVP0hCURSHnxKCuEhrUIu0RBBZmdKohYXSUFHQFBQ55BjUUNQQOAYR1VxgQRCWKTk5iJVIETiZQ0FjNNeQ/S78Aonne9f8Ux74wMc9997vHc47Gtxut1LjsIMtYAArIKuVnEgkKjrcWEPRTnAMMmAYePj7hGs1iVoIt4F9kANTrOx3iN+TXDtg7p8Jt4IQyIMF0KKRK9bmmRvi3oYJW9ibBbAMzBXsNXNPgWdY6ilsAgFWSXxU1jJ5RbALJsBrmRwrz8h7PJ4AMMlKGCSmhHipabABbDq5L2AOXPG5HZyCPp19j2AdhDE1Pqup8CjH0pGEbBh0l8iKeAZDYEdnr413ZFFt72+EnSAJoqBH57IHMA5mwJvK+jtYAn7maoW46xLSSeCUaYku9pZfop3uwSY4Y99KtSBfbk2iECIiYBVtkvsp3MHLZyXa5I79HKlAVE3cT/FenVzR04ciF+JPQngbD4ucAlqR5UudVyGqJu6juF0n9wPsiWoGdWQzPLS/yqqqjkBULcKzfbxLa6wGtf6dblnRqFLngLQowoUAH9sYKz4gOyWuOc4cjZBVkY8CBx1utITTwMuRFlP+OCAdA4N0SpcKp8AIcIG48s8C0nHgomPKUCwWlWYKo9Jk0XTCXwIMAOuUglzOZMZuAAAAAElFTkSuQmCC"); }
ul.more-info-box, ul.more-info-box-for-desktop {background-color:#ffffff; border:solid 1px #d2d2d2; padding:10px; padding-right:0; text-align:left; list-style:none; font-size:14px; display:none; margin-top:16px;}
ul.more-info-box-for-desktop { display:block; }
ul.more-info-box-for-desktop.md1 {height:280px;}
ul.more-info-box-for-desktop.md2 {height:135px; margin-bottom:156px;}
.detail-product-btn  { display:none  !important; }
ul.more-info-box li, ul.more-info-box-for-desktop li {list-style: outside; margin-left:15px; margin-bottom:8px; }



.pack_other .package.top2-package{
	height: auto;
	min-height:320px;	

}


.row.top2-row{
border-bottom:solid 1px #e6e6e6; padding-bottom:1em;	
}

.pack_other.upper-container .package.top2-package { padding:10px; background-color:#f7f7f7 !important;}

.pack_other.upper-container {background-image:none;}

.pack_other.upper-container .col-xs-12.col-md-6 {padding-left:0 !important; padding-right:0 !important;}

img.d-i {display:initial;}
img.m-i {display:none;}
.thumb {text-align:center;}

.pack_other .package .title {font-size:25px; height:2em;}
.pack_other .package.top2-package .detail {font-size:18px;}

.m-top-banner {width:100%; text-align:center; margin-bottom:10px; display:none; margin-top:10px;}
.top-banner-con {width:100%; display:inline-block;}
.upper-title {font-size:3em; text-align:center; font-weight:bold; color:#000000; background-color:#ffffff;}

.feature_window .swiper-slide a span.text { font-size:2em !important; }


@media (max-width: 992px) {
	
	.upper-title {font-size:2em; margin-top:1em; }
.container2018 {
	width:750px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; 
display:block;
}

.core-product-row {width:100%; display:block;}

.core-product-col {width:100%; display:block; margin-bottom:10px;}
.core-product-col:nth-child(1) {padding-right:0;  }
.core-product-col:nth-child(2) {padding-left:0; }

img.core-1, img.core-2 {display:none;}
.label-title{margin-bottom:10px;}
.core-product-price-1, .core-product-price-2{
position: relative;
z-index: 0;
left: auto;
top: auto;
text-align: center;
margin-bottom:10px;}
.feature_window .swiper-slide a span.text { font-size:27px !important;}

.core-product-price-1b, .core-product-price-2b {
position: relative;
z-index: 0;
left: auto;
top: auto;
text-align: center;
margin-bottom: 10px;
}

.core-product-price-1b-btn, .core-product-price-2b-btn {
display: inline-block;
}

.core-product-price-app-icon, .core-product-price-app-icon-2 { display:none;}

ul.more-info-box-for-desktop  { display:none  !important; }
.detail-product-btn  { display:block  !important; }
}

@media (max-width: 750px) {
	
	
	.container2018 { width:auto; }
	
.pack_other .package .detail { height:auto;  margin-bottom:10px;}



}
@media (max-width: 475px) {
	
	.feature_window {display:none;}
	.m-top-banner {display: block;}
	.container2018:nth-child(2) {margin-top:10px; }
	
img.d-i {display:none;}	
img.m-i {display:initial;}
}
@media (min-width: 992px) {
#loginWrap {
border-bottom:none;
}
}