/*
font-family:"Trade Gothic LT W01 Light", sans-serif;
font-family:"Trade Gothic LT W01 Light Obl, sans-serif;
font-family:"Trade Gothic LT W01 Roman", sans-serif;
font-family:"Trade Gothic LT W01 Oblique", sans-serif;
font-family:"Trade Gothic LT W01 Bold", sans-serif;
font-family:"Trade Gothic LT W01 Bold No-_2", sans-serif;
font-family:"Trade Gothic LT W01 Bold Obl", sans-serif;
font-family:"Trade Gothic LT W01 Bd No-2Obl", sans-serif;
font-family:"Trade Gothic LT W01 Cn No-_18", sans-serif;
font-family:"Trade Gothic LT W01 CnNo-18Obl", sans-serif;
font-family:"Trade Gothic LT W01 Bd CnNo-20", sans-serif;
font-family:"Trade Gothic LTW01BdCnNo-20Obl", sans-serif;
font-family:"Trade Gothic LT W01 Extended", sans-serif;
font-family:"Trade Gothic LT W01 Bold Ext", sans-serif;
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {margin:0;}

#hkwong {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-family:'Museo Sans W01_300', sans-serif; padding-bottom:240px;}

#hkwong em {margin-right: 7px;}

#hkwong sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.hkwong_section {width:100%; position:relative; z-index:1;}
.hkwong_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}

/* Hero */
#hkwong_hero {margin: 0; padding: 0;}
#hkwong_hero .hkwong_content {min-height: 606px;/*! background: url(../images/hero_2.jpg) right -74px top -4px no-repeat; *//*! background-size: 620px auto; */}
#hero_mobile img {width: 100%; height: auto;}
#hkwong_hero h1 {font-family: "Poppins", sans-serif; font-size: 34px; line-height: 41px; font-weight: 900; width: 100%;padding: 5px 20px 15px 20px;margin: 0;}
#hkwong_hero h1 strong {font-size: 50px; line-height: 58px; color: #009994; }
#hkwong_hero h2 {font-family: "Poppins", sans-serif; font-size: 18px; color: #F5883D; line-height: 22px; font-weight: 500; width: 100%;padding: 0px 20px 20px 20px;margin: 0;}
#hkwong_hero h2 strong {font-weight: 900; font-style: italic;}
#hkwong_hero h2 br {display: none;}

#hkwong_hero #hero_sponsored {font-family: "Poppins", sans-serif; font-weight: 100; font-size: 10px;padding: 17px 0 8px 20px;letter-spacing: 2px;position: absolute;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#hkwong_hero #hero_cover_link {width: 100%; height: auto; z-index: 99; position: absolute; left: 0; top: 0;}
#hkwong_hero #hero_cover_link img {width: 100%; height: auto;}
/* Article */
#hkwong_article {}
#hkwong_article .hkwong_content {text-align: center; padding: 0 20px; max-width: 980px;}

#hkwong_article .article_column {display: block; font-family:"Trade Gothic LT W01 Roman", sans-serif; font-size: 18px; line-height: 22px; text-align: left;}
#hkwong_article .article_column p {margin: 0 0 20px 0; padding: 0;}

#hkwong_article .article_column p em {font-family:"Trade Gothic LT W01 Oblique", sans-serif; margin-right:2px;margin-left: -3px;}
#hkwong_article .article_column p em:first-child {margin-left: 0px;}

#hkwong_article .article_column p em.article_title {font-family:"Trade Gothic LT W01 Bold Obl", sans-serif;}
#hkwong_article .article_column p strong.article_header {font-family: 'Poppins', sans-serif; font-weight: 800; color:#009994;display: block;}

#hkwong_article .article_column p br {display: none;}


#hkwong_article .article_hide-mobile {display:none;}
#hkwong_article .article_hide-desktop {display:inline;}

#article_photo {position:relative; width:280px; height:168px; margin: -8px 0 12px 0;}
#article_photo img {position:absolute; top:0; left:0; width:100%; height:auto;}
#article_photo span {display: block; position:absolute; font-family:"Trade Gothic LT W01 Bd CnNo-20", sans-serif; font-size: 14px; color:#fff; left:17px; bottom:30px;}

#article_logo {position:relative; width: 280px;}
#article_logo img {width:100%; height: auto;}

/* Footer */
#hkwong_footer {background:url(../images/footer_pattern.png) center center no-repeat; background-size: cover; position:fixed; bottom:0; left:0; right:0;}
#hkwong_footer .hkwong_content {height:94px;; max-width: 940px; width: 100%; padding-top: 10px; box-sizing: border-box;}
#hkwong_footer .hkwong_content:after {
  content: "";
  display: table;
  clear: both;
}

#footer_save {width:66px; height:66px; position:relative; float: left; margin: 0 7px 0 7px;}
#footer_save img {width:100%; height: auto;}

#footer_text {width:220px; height:auto; float: left; box-sizing: border-box;}
#footer_text p {margin:0; padding: 0; font-family:"Trade Gothic LT W01 Cn No-_18", sans-serif; color:#fff; font-size:17px; line-height:22px;letter-spacing: -.3px;}
#footer_text p em {font-family:"Trade Gothic LT W01 CnNo-18Obl", sans-serif;}
#footer_text p strong {font-family: 'Poppins', sans-serif; font-weight: 900;}

#footer_buy {text-align: center; box-sizing: border-box; clear: both; padding:20px; display: none;}
#footer_buy a {display:block; width:146px; height:36px; line-height:32px; text-align:center; border:solid 3px #fff; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 20px; text-decoration: none; color:#fff; margin: 0 auto;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
}

#buy_footer_arrow {color: #fff; margin-left: 2px;}

#hkwong_footer #footer_mobile_link {width: 100%; height: 94px; position:absolute; left:0px; bottom:0px; z-index: 99;}
#hkwong_footer #footer_mobile_link img {width: 100%; height: auto;}


/* Media Queries */

@media only screen and (min-width: 480px) {
#article_photo {width:360px; height: 188px;margin: -8px 0 12px 0;}
#footer_text {width:380px; height:auto; float: left; box-sizing: border-box;padding: 10px 0 0 0;}
#footer_text p {margin:0; padding: 0; font-family:"Trade Gothic LT W01 Cn No-_18", sans-serif; color:#fff; font-size:20px; line-height:22px;}

#article_photo span {position:absolute; left:17px; bottom:8px;}

}

@media only screen and (min-width: 600px) {
#hkwong_hero #hero_cover_link {width: 100%; height: 58%;}


#hkwong_hero h1 {font-family: "Poppins", sans-serif; font-size: 64px; line-height: 61px; font-weight: 900; width: 100%;padding: 5px 20px 20px 20px;margin: 0;}
#hkwong_hero h1 strong {font-size: 90px; line-height: 98px; color: #009994; }


#article_photo {position:relative; width:100%;  height:auto; margin: -8px 0 12px 0;}
#article_photo img { position:relative; /*! top:0; */ /*! left:0; */ width:100%; /*! height:auto; */}
#article_photo span {display: block; position:relative; font-family:"Trade Gothic LT W01 Bd CnNo-20", sans-serif; font-size: 14px; color:#fff; left:17px; bottom:30px;}



#footer_text {width:320px; height:auto; float: left; box-sizing: border-box;padding: 0;}
#footer_buy {text-align: center; box-sizing: border-box; clear: both; padding:10px 20px;display: inline-block;}

#hkwong_footer .hkwong_content {height:92px; max-width: 940px; width: 100%; padding-top: 16px; box-sizing: border-box;}

#footer_save {width:66px; height:66px; position:relative; float: left; margin: 0 14px 0 11px;}

#buy_footer_arrow {display: none;}

#hkwong_footer #footer_mobile_link {display: none;}
#hkwong_footer #footer_mobile_link img {display: none;}

}

@media only screen and (min-width: 720px) {

#hkwong_hero #hero_cover_link {width: 100%; height: 65%;}


#footer_text {width:55%; height:auto; float: left; box-sizing: border-box;padding: 0;}

#footer_save {width:100px; height:100px; position:relative; float: left; margin: -30px 14px 0 11px;}
#footer_buy {text-align: center; box-sizing: border-box; clear: both; padding:0 20px;display: inline-block;}


}

@media only screen and (min-width: 920px) {

#hkwong_hero #hero_cover_link {width: 100%; height: 74%;}


/* Footer */
#hkwong_footer .hkwong_content {height:142px; padding-top:0;}

#footer_save {width:200px; height:142px; margin:0;}
#footer_save img {width:168px; position: absolute; left:0; bottom:-18px;}

#footer_text {width:400px; height:142px; padding-top:30px;}
#footer_text p {font-size: 24px; line-height: 31px;}

#footer_buy {width:300px; height:142px; float:left; clear: none; padding:30px 0 0 0;}
#footer_buy a {width:228px; height:60px; line-height:58px; font-size: 26px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}

}

@media only screen and (min-width: 960px) {

/* Hero */
#hkwong_hero #hero_cover_link {width: 505px; height: 598px; position:absolute; left:0px; bottom:0px; z-index: 99; position: absolute; left: 53%;}
#hkwong_hero #hero_cover_link img {width: 100%; height: auto;}


#hkwong_hero #hero_sponsored {font-family: "Poppins", sans-serif; font-weight: 100; font-size: 10px;padding: 37px 0 27px 70px;letter-spacing: 2px; position:relative;text-shadow: none;}

#hkwong_hero {/*! background: url(../images/hero_2.jpg) right -30px top no-repeat; */ /*! background-size: 610px auto; */background-image: url("../images/hero_2.jpg");background-position: calc(50% + 340px) 50%;background-repeat: no-repeat;background-size: 620px auto;}
#hero_mobile {display: none;}
#hkwong_hero h1 {font-family: "Poppins", sans-serif; font-size: 57px; line-height: 61px; font-weight: 900; width: 535px;padding: 40px 0 0 70px;margin: 0;}
#hkwong_hero h1 strong {font-size: 90px; line-height: 92px; color: #009994; }
#hkwong_hero h2 {width: 545px;padding: 25px 0 0 70px;margin: 0;line-height: 29px;}
#hkwong_hero h2 br {display: block;}

/* Article */
#hkwong_article .hkwong_content {padding:0;}
#hkwong_article .article_column {display:table-cell; width: 33%; vertical-align: text-top; max-width: 320px; padding: 10px 20px; border-right: solid 1px #f5883d; box-sizing: border-box;}
#hkwong_article .article_column:last-child {border-right:none;}
#hkwong_article .article_column p.article_bottom {margin-bottom: 0;}

#hkwong_article .article_column p br {display: block;}
  
#article_photo span {display: block; position:absolute; font-family:"Trade Gothic LT W01 Bd CnNo-20", sans-serif; font-size: 14px; color:#fff; left:17px; bottom:8px;}

#article_photo {width:360px; height: 188px;margin: -8px 0 12px 0;}
#article_photo img {position:absolute; top:0; left:0; width:100%; height:auto;}


  
#hkwong_article .article_hide-mobile {display:block;}
#hkwong_article .article_hide-desktop {display:none;}

/* Footer */
#hkwong_footer .hkwong_content {height:142px; padding-top:0;}

#footer_save {width:190px; height:142px; margin:0;}
#footer_save img {width:168px; position: absolute; left:0; bottom:-18px;}

#footer_text {width:450px; height:142px; padding-top:50px;}
#footer_text p {font-size: 24px; line-height: 31px;}

#footer_buy {width:300px; height:142px; float:left; clear: none; padding:50px 0 0 0;}
#footer_buy a {width:228px; height:60px; line-height:58px; font-size: 26px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1190px) {
#hkwong_footer {width: calc(100% - 200px); left:200px;}

}