@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:500');
/* CSS Document */

/* Home CSS */

/*Color starts*/
/* Blue */
body.bgBlue #bodyBgContainer {background-image:url(../images_awc2/cloud_home_blue.jpg); background-color:#1D6A9E;}
body.bgBlue #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgBlue #importantNotices, body.bgBlue .mainBanner, body.bgBlue .bannerColorBar {background-color:#2484C6;}
/* Brown */
body.bgBrown #bodyBgContainer {background-image:url(../images_awc2/cloud_home_brown.jpg); background-color:#984501;}
 body.bgBrown #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgBrown #importantNotices, body.bgBrown .mainBanner, body.bgBrown .bannerColorBar {background-color:#BE5601;}
/* Pink */
body.bgPink #bodyBgContainer {background-image:url(../images_awc2/cloud_home_pink.jpg); background-color:#A13353;}
 body.bgPink #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgPink #importantNotices, body.bgPink .mainBanner, body.bgPink .bannerColorBar {background-color:#C94068;}
/* Dark Blue */
body.bgDarkBlue #bodyBgContainer {background-image:url(../images_awc2/see-do/cloud_see_do.jpg); background-color:#014993;}
body.bgDarkBlue #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgDarkBlue #importantNotices, body.bgDarkBlue .mainBanner, body.bgDarkBlue .bannerColorBar {background-color:#005BB7;}
/* Orange */
body.bgOrange #bodyBgContainer {background-image:url(../images_awc2/cloud_home_orange.jpg); background-color:#A82200;}
body.bgOrange #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgOrange #importantNotices, body.bgOrange .mainBanner, body.bgOrange .bannerColorBar {background-color:#D22B00;}
/* Purple */
body.bgPurple #bodyBgContainer {background-image:url(../images_awc2/cloud_home_purple.jpg); background-color:#57307C;}
body.bgPurple #toolbar #toolbarContent ul li#importantNoticesIcon a, body.bgPurple #importantNotices, body.bgPurple .mainBanner, body.bgPurple .bannerColorBar {background-color:#6D3C9B;}
/*Color ends*/

#toolbar #toolbarContent ul li#importantNoticesIcon a, #importantNotices {background-color:#EEE !important;}

/* common */
#topNav > ul {height:100%;}
#mainContainer #contentContainer {} /*Blue BG */
#mainContainer #contentContainer #mainContent {padding-top:25px;}
#mainContainer h4, #mainContainer h2  {padding-left:5px;} /* 20140214 */
#contentContainer #leftCol, #contentContainer .leftCol {width:610px; float:left; }
#contentContainer #rightCol, #contentContainer .rightCol {width:340px; float:left; margin-left:20px; position:relative;}
#contentContainer #leftCol .homeCell, #contentContainer .leftCol .homeCell {margin:0;}
#contentContainer .homeCell .cellContent {margin-top:0;}
#contentContainer #rightCol .homeCell, #contentContainer .rightCol .homeCell {margin:0;}
.homeCell {padding-bottom:30px;}
.homeCell .cellContent {position:relative;}
.homeCell h2, .homeCell h3 {font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:20px; line-height:1.6em; min-height:35px;}
#mainContainer .homeCell h2 {padding-left:0;}
.homeCell .btnPrev, .homeCell .btnNext {width:16px; position:absolute; background-repeat:no-repeat; background-position:50%; z-index:100; text-indent:-9999px;}
.homeCell .btnPrev {background-image:url(../images_awc2/arrow_prev.png); left:0;}
.homeCell .btnNext {background-image:url(../images_awc2/arrow_next.png); right:0;}
.no-touch .homeCell a:hover {text-decoration:underline;}
.cyclePager {text-align:center; margin-top:10px;}
.cyclePager a {display:inline-block; width:8px; height:8px; margin:0 5px; background-image:url(../images_awc2/sprite.png); background-repeat:no-repeat; background-position:0 -500px; text-indent:-9999px;}
.cyclePager a.active, .no-touch .cyclePager a:hover {background-position:0 -550px;}
.mainBanner {min-height:304px; height:auto;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.mainBanner .container > div.bannerContainer > a {display:none; cursor:default;}
.mainBanner .container > div.bannerContainer > div.left {display:none;}
.mainBanner .container > div.bannerContainer > div.right {display:none;}
.mainBanner .container > div.bannerContainer > div.left img, .mainBanner .container > div.bannerContainer > div.right img {position:absolute;margin:0; float:none;}
#toolbar #toolbarContent ul li#importantNoticesIcon {display:none;}
.mainBanner .container {width:1024px;}
.mainBanner .container > .bannerLogo {display:none; left:8px;}

/*Color starts*/
/*Blue*/
body.bgBlue #contentContainer .homeCell .cellContent .btnPrev, body.bgBlue #contentContainer .homeCell .cellContent .btnNext,
 body.bgBlue #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgBlue #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#65A9D7;}
body.bgBlue #happeningBox, body.bgBlue .bestHKCell #bestHKCellContent, body.bgBlue .bestHKCell #bestHKNav li a.active, .no-touch body.bgBlue .bestHKCell #bestHKNav li a:hover, body.bgBlue #exploreBoxContent a, body.bgBlue #newsBox, body.bgBlue #sponsoredBox, body.bgBlue #vacationPackageBox, body.bgBlue #travelKitBoxContent a, body.bgBlue .followUsCell #followUsNav li a.active, .no-touch body.bgBlue .followUsCell #followUsNav li a:hover, body.bgBlue .followUsCell .cellContent .followUsContent, body.bgBlue #happeningThumbBox #happeningThumbBoxContent, body.bgBlue #exploreBoxContent a span, body.bgBlue #sponsoredBox a span, body.bgBlue #vacationPackageBox a span, body.bgBlue #happeningBoxContent a span, body.bgBlue #happeningThumbBox #happeningThumbBoxContent a span, body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {border-color:#65A9D7;}
body.bgBlue .bestHKCell #bestHKNav li a.active, .no-touch body.bgBlue .bestHKCell #bestHKNav li a:hover, body.bgBlue .bestHKCell #bestHKCellContent, body.bgBlue .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgBlue .followUsCell .cellContent #followUsNav li a:hover, body.bgBlue .followUsCell .cellContent .followUsContent {background:#164F77;}
/*body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav {background-image:url(../images_awc2/bg_blue_80.png);}*/
body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#195D8B;}
body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#0E354F;}
body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#164F77;}
/*body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active, body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover {background:#0E354F;}*/
/*body.bgBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li {background-image: url(../images_awc2/home/stroke_bohk_blue.png);}*/

/*Brown*/
body.bgBrown #contentContainer .homeCell .cellContent .btnPrev, body.bgBrown #contentContainer .homeCell .cellContent .btnNext,
 body.bgBrown #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgBrown #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#D1884D;}
body.bgBrown #happeningBox, body.bgBrown .bestHKCell #bestHKCellContent, body.bgBrown .bestHKCell #bestHKNav li a.active, .no-touch body.bgBrown .bestHKCell #bestHKNav li a:hover, body.bgBrown #exploreBoxContent a, body.bgBrown #newsBox, body.bgBrown #sponsoredBox, body.bgBrown #vacationPackageBox, body.bgBrown #travelKitBoxContent a, body.bgBrown .followUsCell #followUsNav li a.active, .no-touch body.bgBrown .followUsCell #followUsNav li a:hover, body.bgBrown .followUsCell .cellContent .followUsContent, body.bgBrown #happeningThumbBox #happeningThumbBoxContent, body.bgBrown #exploreBoxContent a span, body.bgBrown #sponsoredBox a span, body.bgBrown #vacationPackageBox a span, body.bgBrown #happeningBoxContent a span, body.bgBrown #happeningThumbBox #happeningThumbBoxContent a span, body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {border-color:#D1884D;}
body.bgBrown .bestHKCell #bestHKNav li a.active, .no-touch body.bgBrown .bestHKCell #bestHKNav li a:hover, body.bgBrown .bestHKCell #bestHKCellContent, body.bgBrown .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgBrown .followUsCell .cellContent #followUsNav li a:hover, body.bgBrown .followUsCell .cellContent .followUsContent {background:#723401;}

body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#853C01;}
body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#4C2200;}
body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgBrown .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#723401;}

/*Pink*/
body.bgPink #contentContainer .homeCell .cellContent .btnPrev, body.bgPink #contentContainer .homeCell .cellContent .btnNext,
 body.bgPink #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgPink #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#D97995;}
body.bgPink #happeningBox, body.bgPink .bestHKCell #bestHKCellContent, body.bgPink .bestHKCell #bestHKNav li a.active, .no-touch body.bgPink .bestHKCell #bestHKNav li a:hover, body.bgPink #exploreBoxContent a, body.bgPink #newsBox, body.bgPink #sponsoredBox, body.bgPink #vacationPackageBox, body.bgPink #travelKitBoxContent a, body.bgPink .followUsCell #followUsNav li a.active, .no-touch body.bgPink .followUsCell #followUsNav li a:hover, body.bgPink .followUsCell .cellContent .followUsContent, body.bgPink #happeningThumbBox #happeningThumbBoxContent, body.bgPink #exploreBoxContent a span, body.bgPink #sponsoredBox a span, body.bgPink #vacationPackageBox a span, body.bgPink #happeningBoxContent a span, body.bgPink #happeningThumbBox #happeningThumbBoxContent a span, body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {border-color:#D97995;}
body.bgPink .bestHKCell #bestHKNav li a.active, .no-touch body.bgPink .bestHKCell #bestHKNav li a:hover, body.bgPink .bestHKCell #bestHKCellContent, body.bgPink .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgPink .followUsCell .cellContent #followUsNav li a:hover, body.bgPink .followUsCell .cellContent .followUsContent {background:#79263E;}

body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#8D2D49;}
body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#501A2A;}
body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgPink .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#79263E;}

/*Dark Blue*/
body.bgDarkBlue #contentContainer .homeCell .cellContent .btnPrev, body.bgDarkBlue #contentContainer .homeCell .cellContent .btnNext,
 body.bgDarkBlue #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgDarkBlue #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#4C8CCC;}
body.bgDarkBlue #happeningBox, body.bgDarkBlue .bestHKCell #bestHKCellContent, body.bgDarkBlue .bestHKCell #bestHKNav li a.active, .no-touch body.bgDarkBlue .bestHKCell #bestHKNav li a:hover, body.bgDarkBlue #exploreBoxContent a, body.bgDarkBlue #newsBox, body.bgDarkBlue #sponsoredBox, body.bgDarkBlue #vacationPackageBox, body.bgDarkBlue #travelKitBoxContent a, body.bgDarkBlue .followUsCell #followUsNav li a.active, .no-touch body.bgDarkBlue .followUsCell #followUsNav li a:hover, body.bgDarkBlue .followUsCell .cellContent .followUsContent, body.bgDarkBlue #happeningThumbBox #happeningThumbBoxContent, body.bgDarkBlue #exploreBoxContent a span, body.bgDarkBlue #sponsoredBox a span, body.bgDarkBlue #vacationPackageBox a span, body.bgDarkBlue #happeningBoxContent a span, body.bgDarkBlue #happeningThumbBox #happeningThumbBoxContent a span, body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a, body.bgDarkBlue #getIdeasBoxContent a {border-color:#4C8CCC;}
body.bgDarkBlue .bestHKCell #bestHKNav li a.active, .no-touch body.bgDarkBlue .bestHKCell #bestHKNav li a:hover, body.bgDarkBlue .bestHKCell #bestHKCellContent, body.bgDarkBlue .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgDarkBlue .followUsCell .cellContent #followUsNav li a:hover, body.bgDarkBlue .followUsCell .cellContent .followUsContent {background:#013A76;}

body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#00468D;}
body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#002449;}
body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgDarkBlue .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#00376E;}

/*Orange*/
body.bgOrange #contentContainer .homeCell .cellContent .btnPrev, body.bgOrange #contentContainer .homeCell .cellContent .btnNext,
 body.bgOrange #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgOrange #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#DF6A4C;}
body.bgOrange #happeningBox, body.bgOrange .bestHKCell #bestHKCellContent, body.bgOrange .bestHKCell #bestHKNav li a.active, .no-touch body.bgOrange .bestHKCell #bestHKNav li a:hover, body.bgOrange #exploreBoxContent a, body.bgOrange #newsBox, body.bgOrange #sponsoredBox, body.bgOrange #vacationPackageBox, body.bgOrange #travelKitBoxContent a, body.bgOrange .followUsCell #followUsNav li a.active, .no-touch body.bgOrange .followUsCell #followUsNav li a:hover, body.bgOrange .followUsCell .cellContent .followUsContent, body.bgOrange #happeningThumbBox #happeningThumbBoxContent, body.bgOrange #exploreBoxContent a span, body.bgOrange #sponsoredBox a span, body.bgOrange #vacationPackageBox a span, body.bgOrange #happeningBoxContent a span, body.bgOrange #happeningThumbBox #happeningThumbBoxContent a span, body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {border-color:#DF6A4C;}
body.bgOrange .bestHKCell #bestHKNav li a.active, .no-touch body.bgOrange .bestHKCell #bestHKNav li a:hover, body.bgOrange .bestHKCell #bestHKCellContent, body.bgOrange .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgOrange .followUsCell .cellContent #followUsNav li a:hover, body.bgOrange .followUsCell .cellContent .followUsContent {background:#7E1A00;}

body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#931E00;}
body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#541100;}
body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgOrange .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#7E1A00;}

/*Purple*/
body.bgPurple #contentContainer .homeCell .cellContent .btnPrev, body.bgPurple #contentContainer .homeCell .cellContent .btnNext,
 body.bgPurple #happeningThumbBox #happeningThumbBoxList a.btnUp, body.bgPurple #happeningThumbBox #happeningThumbBoxList a.btnDown, body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {background-color:#9976B9;}
body.bgPurple #happeningBox, body.bgPurple .bestHKCell #bestHKCellContent, body.bgPurple .bestHKCell #bestHKNav li a.active, .no-touch body.bgPurple .bestHKCell #bestHKNav li a:hover, body.bgPurple #exploreBoxContent a, body.bgPurple #newsBox, body.bgPurple #sponsoredBox, body.bgPurple #vacationPackageBox, body.bgPurple #travelKitBoxContent a, body.bgPurple .followUsCell #followUsNav li a.active, .no-touch body.bgPurple .followUsCell #followUsNav li a:hover, body.bgPurple .followUsCell .cellContent .followUsContent, body.bgPurple #happeningThumbBox #happeningThumbBoxContent, body.bgPurple #exploreBoxContent a span, body.bgPurple #sponsoredBox a span, body.bgPurple #vacationPackageBox a span, body.bgPurple #happeningBoxContent a span, body.bgPurple #happeningThumbBox #happeningThumbBoxContent a span, body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {border-color:#9976B9;}
body.bgPurple .bestHKCell #bestHKNav li a.active, .no-touch body.bgPurple .bestHKCell #bestHKNav li a:hover, body.bgPurple .bestHKCell #bestHKCellContent, body.bgPurple .followUsCell .cellContent #followUsNav li a.active, .no-touch body.bgPurple .followUsCell .cellContent #followUsNav li a:hover, body.bgPurple .followUsCell .cellContent .followUsContent {background:#41245D;}

body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {background:#4D2A6D;}
body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {background:#2C183E;}
body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content, body.bgPurple .bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {background-color:#41245D;}
/*Color ends*/

/* Hightlights box starts */
.happeningInTown.homeCell {padding-bottom:17px;}
/*#happeningBox {border:#FFF 1px solid;}*/
#happeningBoxContent {height:356px; overflow:hidden;}
.homeCell #happeningBox .btnPrev, .homeCell #happeningBox .btnNext {width:25px; height:60px; top:147px;}
#happeningBoxContent a {display:block; position:relative;}
#happeningBoxContent a img {width:610px; height:356px;}
#happeningBoxContent a span {border:#FFF 4px solid; display:block; opacity:0; filter:alpha(opacity=0); width:602px; height:349px; position:absolute;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.no-touch #happeningBoxContent a:hover span {opacity:1; filter:alpha(opacity=100);}

#happeningThumbBox #happeningThumbBoxContent {float:left; width:539px; border:#FFF 1px solid; margin-right:5px;}
#happeningThumbBox #happeningThumbBoxContent a {display:block; position:relative;}
#happeningThumbBox #happeningThumbBoxContent a span {border:#FFF 4px solid; display:block; opacity:0; filter:alpha(opacity=0); width:531px; height:306px; position:absolute;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.no-touch #happeningThumbBox #happeningThumbBoxContent a:hover span {opacity:1; filter:alpha(opacity=100);}
#happeningThumbBox #happeningThumbBoxList {float:left; width:100px;}
#happeningThumbBox #happeningThumbBoxList div a {display:block; height:70px; position:relative;}
#happeningThumbBox #happeningThumbBoxList div a span {display:none; position:absolute; top:0; left:0; border:#FFF 3px solid; width:94px; height:58px;}
#happeningThumbBox #happeningThumbBoxList div.cycle-slide-active a span {display:block;}
#happeningThumbBox #happeningThumbBoxList a.btnUp, #happeningThumbBox #happeningThumbBoxList a.btnDown {display:block; height:16px; background-repeat:no-repeat; background-position:50%;}
#happeningThumbBox #happeningThumbBoxList a.btnUp {background-image:url(../images_awc2/arrow_up_list.png); margin-bottom:4px;}
#happeningThumbBox #happeningThumbBoxList a.btnDown {background-image:url(../images_awc2/arrow_down_list.png);}
/* Hightlights box ends */

/* Best of HK starts */
.bestHKCell.homeCell {padding-bottom:56px;}
.bestHKCell.homeCell h2, .bestHKCell.homeCell h3 {padding-bottom:10px;}
.bestHKCell #bestHKNav {height:44px; position:relative; z-index:10; margin:0;}
.bestHKCell #bestHKNav li {float:left; width:204px; height:100%; position:relative;}
li.mustEatBtn, .mustEatContent {display:none;}
.bestHKCell #bestHKNav li.mustEatBtn {display:block;}
.bestHKCell #bestHKNav li.last {width:202px;}
.bestHKCell #bestHKNav a {float:left; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:14px; width:184px; padding:1px 10px; text-align:center; height:42px; background:url(../images_awc2/tab_bg.png) repeat-y 100% 0; margin-left:0;}
.bestHKCell #bestHKNav li.last a {width:182px;}

.no-touch .bestHKCell #bestHKNav li a.beforeActive, .no-touch .bestHKCell #bestHKNav li a.overBeforeActive {background:url(../images_awc2/bg_white_10.png);}

.no-touch .bestHKCell #bestHKNav li a.active, .bestHKCell #bestHKNav li a:hover {width:184px; border-left:#FFF 1px solid; border-right:#FFF 1px solid; border-top:#FFF 1px solid; height:48px; padding-left:9px; padding-right:9px; text-decoration:none; position:absolute; bottom:-1px;}
.no-touch .bestHKCell #bestHKNav li.last a.active, .bestHKCell #bestHKNav li.last a:hover {width:182px;}
.bestHKCell #bestHKNav a span {width:100%;}
.bestHKCell #bestHKNav a span span {color:#FFF; font-weight:normal;}

.bestHKCell #bestHKNav.num_2 li {width:305px;}
.bestHKCell #bestHKNav.num_2 a {width:285px;}
.bestHKCell #bestHKNav.num_2 li a.active, .no-touch .bestHKCell #bestHKNav.num_2 li a:hover {width:285px;}

.bestHKCell #bestHKCellContent {border:#FFF 1px solid; padding:0; width:608px; height:389px;}
.bestHKCell #bestHKCellContent .tabContentContainer {position:absolute; width:608px; height:389px; margin-left:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav {position:absolute; top:0; right:0; width:213px; height:379px; z-index:100; margin-top:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li {height:38px; margin-bottom:1px; background-repeat:repeat-y; padding:0 0 0 4px; position:relative; float:none; width:auto; margin-top:0; font-weight:normal;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.last {margin-bottom:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a {width:207px; height:38px; display:block; position:relative; float:right; padding-left:0; color:#FFF;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a > span {opacity:0.6; filter:alpha(opacity=60);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a > span, .no-touch .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a > span {opacity:1; filter:alpha(opacity=100);}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active a, .no-touch .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover a {padding-top:0; padding-bottom:0; width:207px; padding-left:4px; padding-right:0; margin-left:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a span.num {float:left; display:block; text-align:center; width:30px; height:100%; font-family:'Roboto Condensed', sans-serif; font-weight:700; font-size:18px; color:#FFF; margin:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li a span.name {float:left; display:block; width:167px; padding-right:10px; height:100%; line-height:120%;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li span.arrow {width:2px; height:100%; position:absolute; top:0; left:0; display:none; margin-top:0; background:none;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li.active span.arrow, .no-touch .bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav li:hover span.arrow {display:block;}

.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_10 li {height:38px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_10 li a {height:38px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_9 li:first-child {height:45px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_9 li a {height:42px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_9 li:first-child a {height:45px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_9 li {height:42px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_8 li {height:48px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_8 li:first-child {height:46px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_8 li a {height:48px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_8 li:first-child a {height:46px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_7 li {height:55px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_7 li:first-child {height:53px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_7 li a {height:55px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_7 li:first-child a {height:53px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_6 li {height:64px;}
.bestHKCell #bestHKCellContent .tabContentContainer .bestHKleftNav.num_6 li a {height:64px;}


.bestHKCell #bestHKCellContent .tabContentContainer .tabContent {position:relative; height:100%; float:none; width:auto; margin-top:0;}
.bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content {position:absolute; height:100%;}
.bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content img {width:400px; height:282px;}
.bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent {position:absolute; left:0; bottom:0; width:376px; height:77px; color:#FFF; padding:20px 12px 10px 12px; overflow:hidden; background-image:none;}
.bestHKCell #bestHKCellContent .tabContentContainer .tabContent .content .subContent p {position:absolute; bottom:auto; top:20px; width:368px;}
/* Best of HK ends */

/* Explore starts */
#exploreBox {width:610px; overflow:hidden;}
#exploreBoxContent {width:615px !important; overflow:hidden;}
#exploreBoxContent a {/*border:#FFF 1px solid;*/ display:block; margin-right:11px; width:196px; position:relative;}
#exploreBoxContent a img {width:196px; height:322px;}
.largeBanner #exploreBoxContent a {width:610px;}
.largeBanner #exploreBoxContent a img {width:610px;}
.largeBanner #exploreBoxContent a span {width:602px;}
#exploreBoxContent a span {border:#FFF 4px solid; display:block; opacity:0; filter:alpha(opacity=0); width:188px; height:314px; position:absolute;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.no-touch #exploreBoxContent a:hover span {opacity:1; filter:alpha(opacity=100);}
#exploreBoxContent > a {width:100%;}
.homeCell #exploreBox .btnPrev, .homeCell #exploreBox .btnNext {height:58px; top:133px; width:16px;}
/* Explore ends */

/* right col */

/* News starts */
#newsBox {border:#FFF 1px solid; background:url(../images_awc2/bg_black_15.png);}
.homeCell.news {padding-bottom:32px;}
#newsBoxContent {overflow:hidden;}
#newsBoxContent div {padding:18px 22px 13px 22px; width:294px; height:72px; /*min-height:72px;*/}
.homeCell #newsBox .btnPrev, .homeCell #newsBox .btnNext {height:38px; top:51px;}
.announcementsCell.homeCell {padding-bottom:20px;}
.announcementsCell .cellContent {width:auto; height:auto; -webkit-touch-callout: none !important;}
.announcementsCell .cellContent .content {padding:18px 22px 3px 22px; width:auto; float:none; margin:10px 0 10px 0; height:109px;}
.announcementsCell .cellContent .content a {padding-top:20px; padding-bottom:20px; margin-bottom:0; height:auto; border-top:#1F60A3 1px solid; border-bottom:#004184 1px solid;}
.announcementsCell.homeCell .btnMore {padding:10px 22px 10px 22px; width:auto; position:static; text-align:left; display:none;}
.announcementsCell.homeCell .btnMore a {text-decoration:underline; width:auto; height:auto; background:none; text-indent:0; display:inline;}

/* News ends */

/* Sponsored starts */
/*#sponsoredBox {border:#FFF 1px solid;}*/
.homeCell.sponsored {padding-bottom:17px;}
.homeCell.sponsored h2, .homeCell.sponsored h3 {text-align:right; font-size:12px; min-height:22px;}
#sponsoredBox a {display:block; position:relative;}
#sponsoredBox a span {border:#FFF 4px solid; display:block; opacity:0; filter:alpha(opacity=0); width:330px; height:154px; position:absolute;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.no-touch #sponsoredBox a:hover span {opacity:1; filter:alpha(opacity=100);}
/* Sponsored ends */

/* Vacation Package starts */
/*#vacationPackageBox {border:#FFF 1px solid;}*/
.homeCell.vacationPackage {padding-bottom:17px;}
#vacationPackageBoxContent > div {float:left;}
#vacationPackageBoxContent > div.last {float:right;}
#vacationPackageBox a {display:block; position:relative;}
#vacationPackageBox a span {border:#FFF 4px solid; display:block; opacity:0; filter:alpha(opacity=0); width:330px; height:156px; position:absolute;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
#vacationPackageBox.two a span {width:142px;}
.no-touch #vacationPackageBox a:hover span {opacity:1; filter:alpha(opacity=100);}
/* Vacation Package ends */

/* Travel Kit starts */
.travelKit.homeCell {padding-bottom:17px;}
#travelKitBox {width:340px; overflow:hidden;}
#travelKitBoxContent {width:345px !important; overflow:hidden; font-size:0;}
#travelKitBoxContent a {border:#FFF 1px solid; display:block; width:108px; height:100px; margin-right:5px; background:url(../images_awc2/bg_black_10.png);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.no-touch #travelKitBoxContent a.active, #travelKitBoxContent a:hover {background-image:url(../images_awc2/bg_black_40.png); text-decoration:none;}
#travelKitBoxContent a span.icon, #travelKitBoxContent a span.title, #travelKitBoxContent a span.temperature, #travelKitBoxContent a span.humidity {display:block; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:15px; text-align:center;/* opacity:0.6; filter:alpha(opacity=60);*/}
#travelKitBoxContent a.active span, .no-touch #travelKitBoxContent a:hover span {/*opacity:1; filter:alpha(opacity=100);*/}
#travelKitBoxContent a span.temperature, #travelKitBoxContent a span.humidity {float:left; width:100%;}
#travelKitBoxContent a span.icon {width:100%; height:44px; background-image:url(../images_awc2/home/icon/sprite.png); background-repeat:no-repeat; background-position:50% 50%; margin:0 0 6px 0;}
#travelKitBoxContent a span.title {width:98px; padding:0 5px; white-space:normal; float:left;}
#travelKitBoxContent a.weather span.icon {background-image:url(../images_awc2/home/icon/weather/pic52.png);}

/*#travelKitBoxContent a.visitorArrivals span.icon {background-image:url(../images_awc2/home/icon/visitor_arrivals.png);}
#travelKitBoxContent a.interactiveMap span.icon {background-image:url(../images_awc2/home/icon/interactive_map.png);}
#travelKitBoxContent a.map span.icon {background-image:url(../images_awc2/home/icon/map.png);}
#travelKitBoxContent a.wifi span.icon {background-image:url(../images_awc2/home/icon/wifi.png);}
#travelKitBoxContent a.simCard span.icon {background-image:url(../images_awc2/home/icon/simcard.png);}
#travelKitBoxContent a.transportation span.icon {background-image:url(../images_awc2/home/icon/transportaion.png);}
#travelKitBoxContent a.goodToKnow span.icon {background-image:url(../images_awc2/home/icon/good_to_know.png);}
#travelKitBoxContent a.accommodation span.icon {background-image:url(../images_awc2/home/icon/accommodation.png);}
#travelKitBoxContent a.immigration span.icon {background-image:url(../images_awc2/home/icon/immigration_n_customs.png);}
#travelKitBoxContent a.mobileApp span.icon {background-image:url(../images_awc2/home/icon/mobile_app.png);}
#travelKitBoxContent a.eGuideBooks span.icon {background-image:url(../images_awc2/home/icon/guide_book.png);}
#travelKitBoxContent a.faq span.icon {background-image:url(../images_awc2/home/icon/faq.png);}*/


#travelKitBoxContent a.visitorArrivals span.icon {background-position:50% -200px;}
#travelKitBoxContent a.interactiveMap span.icon {background-position:50% -800px;}
#travelKitBoxContent a.map span.icon {background-position:50% -700px;}
#travelKitBoxContent a.wifi span.icon {background-position:50% -100px;}
#travelKitBoxContent a.simCard span.icon {background-position:50% -500px;}
#travelKitBoxContent a.transportation span.icon {background-position:50% -300px;}
#travelKitBoxContent a.goodToKnow span.icon {background-position:50% -1000px;}
#travelKitBoxContent a.accommodation span.icon {background-position:50% 0;}
#travelKitBoxContent a.immigration span.icon {background-position:50% -900px;}
#travelKitBoxContent a.mobileApp span.icon {background-position:50% -600px;}
#travelKitBoxContent a.eGuideBooks span.icon {background-position:50% -1200px;}
#travelKitBoxContent a.faq span.icon {background-position:50% -1100px;}
#travelKitBoxContent a.prayerRooms span.icon {background-position:50% -1300px;}

#travelKitBoxContent > a {width:100%;}
.homeCell #travelKitBox .btnPrev, .homeCell #travelKitBox .btnNext {height:34px; top:32px; width:16px;}
/* Travel Kit ends */

/* Follow Us starts */
.followUsCell .cellContent {}
.followUsCell #followUsNav {width:340px; height:37px; position:relative; z-index:10;}
.followUsCell #followUsNav a {display:block; float:left; padding:1px 0; margin-right:0; text-indent:-99999px; height:35px; text-align:center; background:url(../images_awc2/tab_bg.png) repeat-y 100% 0;}
.followUsCell #followUsNav li {float:left; height:100%; position:relative;}
.followUsCell #followUsNav li.last a {margin-right:0;}

.no-touch .followUsCell #followUsNav li a.beforeActive, .no-touch .followUsCell #followUsNav li a.overBeforeActive {background:url(../images_awc2/bg_white_10.png);}
.followUsCell #followUsNav li a.active, .no-touch .followUsCell #followUsNav li a:hover {border-left:#FFF 1px solid; border-right:#FFF 1px solid; border-top:#FFF 1px solid; padding-top:0; height:41px; position:absolute; bottom:-1px;}
.followUsCell #followUsNav li a span {display:block; background-image:url(../images_awc2/icon/sprite-social-media.png) ;background-repeat:no-repeat; background-position:50% 0; height:100%;}

.followUsCell #followUsNav.three li {width:113px;}
.followUsCell #followUsNav.three a {width:113px;}
.followUsCell #followUsNav.three li.last a {width:113px;}
.followUsCell #followUsNav.three li a.active, .no-touch .followUsCell #followUsNav.three li a:hover {width:112px;}
.followUsCell #followUsNav.three li.last a.active, .no-touch .followUsCell #followUsNav.three li.last a:hover {width:112px;}

.followUsCell #followUsNav.four li {width:85px;}
.followUsCell #followUsNav.four a {width:85px;}
.followUsCell #followUsNav.four li.last a {width:85px;}
.followUsCell #followUsNav.four li a.active, .no-touch .followUsCell #followUsNav.four li a:hover {width:83px;}
.followUsCell #followUsNav.four li.last a.active, .no-touch .followUsCell #followUsNav.four li.last a:hover {width:83px;}

.followUsCell #followUsNav.five li {width:68px;}
.followUsCell #followUsNav.five a {width:68px;}
.followUsCell #followUsNav.five li.last a {width:68px;}
.followUsCell #followUsNav.five li a.active, .no-touch .followUsCell #followUsNav.five li a:hover {width:66px;}
.followUsCell #followUsNav.five li.last a.active, .no-touch .followUsCell #followUsNav.five li.last a:hover {width:66px;}

.followUsCell #followUsNav a#facebook span {background-position:50% 0;}
.followUsCell #followUsNav li a#facebook.active span, .no-touch .followUsCell #followUsNav li a#facebook:hover span {background-position:50% 3px;}
.followUsCell #followUsNav a#twitter span {background-position:50% -50px;}
.followUsCell #followUsNav li a#twitter.active span, .no-touch .followUsCell #followUsNav li a#twitter:hover span {background-position:50% -47px;}
.followUsCell #followUsNav a#youtube span {background-position:50% -100px;}
.followUsCell #followUsNav li a#youtube.active span, .no-touch .followUsCell #followUsNav li a#youtube:hover span {background-position:50% -97px;}
.followUsCell #followUsNav a#enews span {background-position:50% -150px;}
.followUsCell #followUsNav li a#enews.active span, .no-touch .followUsCell #followUsNav li a#enews:hover span {background-position:50% -147px;}
.followUsCell #followUsNav a#wechat span {background-position:50% -200px;}
.followUsCell #followUsNav li a#wechat.active span, .no-touch .followUsCell #followUsNav li a#wechat:hover span {background-position:50% -197px;}
.followUsCell #followUsNav a#weibo span {background-position:50% -250px;}
.followUsCell #followUsNav li a#weibo.active span, .no-touch .followUsCell #followUsNav li a#weibo:hover span {background-position:50% -247px;}
.followUsCell #followUsNav a#naver span {background-position:50% -300px;}
.followUsCell #followUsNav li a#naver.active span, .no-touch .followUsCell #followUsNav li a#naver:hover span {background-position:50% -297px;}

.followUsCell .cellContent .followUsContent {border:#FFF 1px solid; padding:0; width:338px; height:451px; position:relative;}
.followUsCell .cellContent .followUsContent .item {display:none; background-color:#FFF; width:auto; margin:0;}
.followUsCell .cellContent .followUsContent .item#followUsTwitter {padding-left:0;}
.followUsCell .cellContent .followUsContent .smLoading {display:none; width:32px; height:32px; background:url(../images_awc2/ajax-loader.gif) no-repeat 0 0; position:absolute; left:153px; top:218px; z-index:50;}


/** edited 030113 by Lillian **/
.followUsCell .cellContent .item.enews {/*border-top:#FF9C2F 4px solid;*/ background-color:#EAEAEA; height:451px; padding-top:0;}
.followUsCell .cellContent .item.enews .itemContent {height:auto;}
.followUsCell .cellContent .item.enews .itemContent p {color:#000; padding:0 0 5px 0;}
.followUsCell .cellContent .item.enews .itemContent a {color:#1166B7;}
.followUsCell .cellContent .item.enews .itemContent .visual {padding-top:9px; padding-left:10px; padding-bottom:20px; background-color:#fff;}
.followUsCell .cellContent .item.enews .itemContent .visual .enewsContent {float:right; width:184px; padding-bottom:10px;}
.followUsCell .cellContent .item.enews .itemContent .visual .enewsContent img {width:169px; margin-right:0;}
.followUsCell .cellContent .item.enews .itemContent .visual .enewsContent p {padding-bottom:0; padding-top:15px;}
.followUsCell .cellContent .item.enews .itemContent .visual > img {width:130px; margin-right:9px;}
/*.followUsCell .cellContent .item.enews .itemContent .visual ul li {list-style:outside disc; margin-left:13px; color:#000;}*/
.followUsCell .cellContent .item.enews .itemContent .subscribeForm {display:block; padding:20px 10px 0 10px;}
.followUsCell .cellContent .item.enews .itemContent .subscribeForm p {font-size:12px;}

.followUsCell .cellContent .item.enews .itemContent .visual ul {padding-right:10px;}
.followUsCell .cellContent .item.enews .itemContent .visual ul li {list-style:none; background:url(../images_awc2/icon/tick_green.png) no-repeat 0 0; padding-left:25px; color:#000;}
/* updates btn 20130506 by Winkie */
/*.followUsCell .cellContent .item.enews .itemContent .subscribeForm .btn {background:url(/common/images_awc2/home/follow-us/btn.png) no-repeat 0 0; background-position: 0 10px; width:94px; height:24px; text-align:center; padding-top:10px;}*/
.followUsCell .cellContent .item.enews .itemContent .subscribeForm .btn {margin-top:7px; float:left;}
.followUsCell .cellContent .item.enews .itemContent .subscribeForm .btn a {display:inline-block; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; background-color:#DF7500; padding:0 13px;}
.no-touch .followUsCell .cellContent .item.enews .itemContent .subscribeForm .btn a:hover {text-decoration:none; background-color:#C66800;}
.followUsCell .cellContent .item.enews .itemContent .subscribeForm input {width:98%; height:20px; font-style:italic; color:#ADADAD;}
.followUsCell .cellContent .item.enews .itemContent .subscribeForm input:focus, .followUsCell .cellContent .item.enews .itemContent .subscribeForm input.active {color:#000; font-style:normal;}

/** edited 2016-09-13 by Ken - move enews tab to first, with new design **/
.followUsCell .cellContent .item.enews.revamp,
.followUsCell .cellContent .item.enews.revamp *{box-sizing:border-box;}
.followUsCell .cellContent .item.enews.revamp {height:451px; padding-top:0; background:url(/common/images/home/follow-us/enews_bg.jpg) center top no-repeat; background-size:cover; font-family:'Roboto', Arial, 'MHei', STXihei, \5FAE\8EDF\6B63\9ED1\9AD4, Arial, PMingLiU, Helvetica, sans-serif;}
.followUsCell .cellContent .item.enews.revamp .itemContent{height:100%; background-color:transparent; padding:22px 18px;}
.followUsCell .cellContent .item.enews.revamp .subscribeIntro{font-size:13px; margin-bottom:10px;}
.followUsCell .cellContent .item.enews.revamp .subscribeIntro .heading1{display:block; color:#000; font-size:19px; font-weight:bold; line-height:1.5;}
.followUsCell .cellContent .item.enews.revamp .subscribeIntro .heading2{display:block; margin-bottom:15px; color:#73053b; font-size:28px; letter-spacing:-1.7px; line-height:.9;}
.followUsCell .cellContent .item.enews.revamp .subscribeIntro p{line-height:125%; font-size:14px;}

.followUsCell .cellContent .item.enews.revamp .subscribeForm {display:block; padding:0; text-align:center;}
.followUsCell .cellContent .item.enews.revamp .subscribeForm p {font-size:12px;}
.followUsCell .cellContent .item.enews.revamp .subscribeForm #enews_email {border:0; width:100%; height:30px; line-height:29px; padding:15px 10px; padding:0 10px\0;}
.followUsCell .cellContent .item.enews.revamp .subscribeForm .enews_submit_btn,
.followUsCell .cellContent .item.enews.revamp .subscribeForm .enews_email_label {position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; top: 50%;}

@-moz-document url-prefix() {/* firefox fix */
	.followUsCell .cellContent .item.enews.revamp .subscribeForm #enews_email {padding:0 10px;}
}
.followUsCell .cellContent .item.enews.revamp .itemContent .subscribeForm .btn{display:inline-block; margin-top:20px; width:auto; min-width:112px; height:auto; background:none; float:none; white-space:nowrap;}
.followUsCell .cellContent .item.enews.revamp .itemContent .subscribeForm .btn a{
	width: 100% !important;
	padding: 0 28px;
	height: 32px;
	line-height: 30px;
	text-indent: 0;
	background:#73053b url(../images_awc2/bg_gen_btn.png) repeat-x 0 0 !important;
	float: left;
	text-decoration: none;
	font-family: 'roboto_condensedregular', 'Roboto Condensed', sans-serif;
	font-weight: normal;
}
.followUsCell .cellContent .item.enews.revamp .itemContent .subscribeForm .btn a:hover {background-position:0 -50px !important;}

/** edited 030113 by Lillian **/
#player {
	width: 338px;
	/*height: 364px;*/
	/*height: 480px;*/
	height: 406px;
	overflow: hidden;
	background: #fff;
	position: relative;
}

#player.youtube .carousel {
	width: 100%;
	/*height: 174px;*/
	/*height: 290px;*/
	height: 216px;
	overflow: auto;
	position: absolute;
	left: 0px;
	top:190px;
	z-index: 3;
}
#player.youtube .thumbnail {
	float:left;
	margin: 2px;
	width: 97px;
	padding:2px;
	border: 1px solid #ddd;
	cursor:pointer;
}
#player.youtube iframe.player {
	width: 100%;
	height: 189px;
	overflow: auto;
	border: 0;
}

/* 20140808 */
.followUsCell .followUsContent .item .youtubeSubscribe {height:45px; width: 338px; background:#fff; display:block;}
.followUsCell .followUsContent .item .youtubeSubscribe a {float:right; margin:10px 20px 0 0; width:93px; height:24px; background:url(/common/images/home/follow-us/btn_yt_subscribe.png) no-repeat 0 0; display:block; text-indent:-9999px;}
.no-touch .followUsCell .followUsContent .item .youtubeSubscribe a:hover {background-position:0 -24px;}

/* 20120618 */
.followUsCell .content .item {display:block; width:177px; height:88px; background:url(/common/images_awc2/home/follow-us/item_bg.png) no-repeat 0 0; margin-right:-2px; float:left}
.followUsCell .content .item div {display:block; width:166px; height:77px; background-color:#0B477E; margin:2px 0 0 5px; }
.followUsCell .content .item a {display:inline-block; height:45px;}
.followUsCell .content .item img {width:45px; height:45px; vertical-align:middle; margin:13px;}
/*.followUsCell .content .item div span {color:#fff; font-size:16px; display:block; margin-top:8px;}*/
.followUsCell .content .item div span {color:#fff; font-size:12px; font-weight:bold;display:inline-block;vertical-align:middle; }
/* Follow Us ends */
#contentContainer #leftCol .bestHKCell.homeCell, #contentContainer .leftCol .bestHKCell.homeCell {margin-top:0;}

#firstImage{width:340px;}
#firstImage a{float:left; width:auto;}
#firstImage a:first-child{margin-right:4px;}
#vacationPackageBox #firstImage a span{width:98%;}

.announcementsCell .cellContent .content span {display:block;}
.announcementsCell .cellContent .arrowsCell a {display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:50% 50%; width:22px; height:18px; position:absolute; right:0; -webkit-user-select: none !important;}
.announcementsCell .cellContent .arrowsCell a#up {background-image:url(/common/images_awc2/arrow_up_list.png); top:4px;}
.announcementsCell .cellContent .arrowsCell a#down {background-image:url(/common/images_awc2/arrow_down_list.png); bottom:4px;}

.twitterStatic {padding-left:5px; z-index:60; position:relative;}


/* Thematic Banner 2016 starts */
/*.mainBanner {border: none; background: url(/common/images_awc2/thematic-banner-2016/cloud_see_do_top.jpg) repeat-x center bottom;}*/
#thematicBanner {margin-left: -448px; width: 1920px; height: 404px;}
.mainBanner.large {height: 405px;}
#logoBorder2016 {position: absolute; left: 332px; top: 13px; background: url(../images_awc2/thematic-banner-2016/logo-border-large-2016.png) no-repeat; width: 1113px; height: 362px; opacity: 0;}
#thematicBannerTitle {position: absolute; top: 115px; right: 504px; width: 390px; font-size: 27px; color: #FFF; font-family: 'Open Sans Condensed', sans-serif; line-height: 130%; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; text-decoration: none; z-index: 100; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
#thematicBannerTitle img {vertical-align: middle; margin-top: -4px; margin-left: 3px; opacity: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
#thematicBannerTitle:hover img {opacity: 1;}
#thematicBannerTitle:hover {text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.9);}
#thematicBannerTitle span {display: block; text-align: left;}
#thematicBannerTitle span.line2 {margin-left: 240px;}
/* Thematic Banner 2016 ends */



/* Thematic slider starts */
#thematicSlider{position:relative; width:1920px; height:454px; margin-left:-448px; overflow:hidden;}
#thematicSlider #logoBorder2016{top:45px !important; opacity:1 !important; z-index:102; pointer-events:none;}
#thematicSliderVisual > a{position:absolute; display:block; width:100%; height:454px; background-position:center; background-repeat:no-repeat;}
#thematicSliderVisual img.thematicSlideShadow{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;}
#thematicSliderTitle{position:absolute; width:970px; left:50%; top:0; margin-left:-485px; pointer-events:none; z-index:103;}
#thematicSliderTitle .thematicSlideTable{display:table; width:100%; height:100%;}
#thematicSliderTitle .thematicSlideTable .valignMiddle{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#thematicSliderTitle .thematicSlideDetail{position:absolute; right:0; top:0; width:485px; height:331px; padding:70px 35px 53px 0; text-align:right;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0;}
#thematicSliderTitle .title{display:inline-block; padding-top:20px; font-size:19px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; line-height:1.1; text-shadow: 0px 0px 8px rgba(2, 8, 16, 0.9) !important;}
#thematicSliderTitle .title p{padding-bottom:8px; line-height:1.2;}
#thematicSliderTitle .title p:last-child{padding-bottom:0;}
#thematicSliderTitle .title img{vertical-align: text-bottom; margin-left:4px; margin-top:4px;}


.cyclePager#thematicPager{position:absolute; left:50%; bottom:35px; padding:10px 20px; z-index:101;
	background-color:rgb(0, 0, 0);
	background-color:rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}
.cyclePager#thematicPager a{background-image:url(../images_awc2/thematic-pager-dot.png); background-position:0 0;}
.cyclePager#thematicPager a.active, .no-touch .cyclePager#thematicPager a:hover{background-position:0 -8px;}
#thematicSlider .btnPrev, #thematicSlider .btnNext{position:absolute; width:74px; height:74px; top:50%; margin-top:-37px; z-index:102; text-indent:-9999px;
	background-color:rgb(0, 0, 0);
	background-color:rgba(0, 0, 0, .6);
	background-repeat:no-repeat;
	background-position:center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;
}
#thematicSlider .btnPrev {background-image:url(../images_awc2/arrow_prev_md.png); left:0;}
#thematicSlider .btnNext {background-image:url(../images_awc2/arrow_next_md.png); right:0;}
/* Thematic slider ends */

/* Get Ideas starts */
.getIdeas {clear:both; overflow:hidden; position: relative;}
.getIdeas .btnSeeMore {position: absolute; top: 10px; right: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; padding-right:15px; background:url(../images_awc2/arrow_next.png) no-repeat 100% 50%;}
#getIdeasBoxContent {width:970px !important; overflow:hidden; vertical-align: top;}
#getIdeasBoxContent a {display:block; float:left; margin-right:20px; width:308px; 
    position:relative; border:#FFF 1px solid; vertical-align: top; opacity:0; background:url(../images_awc2/bg_black_10.png);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
#getIdeasBoxContent a.cycle-slide {float:none; opacity:1;}
.no-touch #getIdeasBoxContent a.active, #getIdeasBoxContent a:hover, #getIdeasBoxContent a:hover .tag {
    background-color: #012c58;
    background-image: none;
    /*background-image:url(../images_awc2/bg_black_40.png);*/ text-decoration:none;}
#getIdeasBoxContent a img {display:block; width: 308px; height: 213px;}
#getIdeasBoxContent a .itemInfo {position: relative;}
#getIdeasBoxContent a .desc {display:block; white-space: normal; padding:25px 30px; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 1.5em;}
#getIdeasBoxContent a:hover .desc {text-decoration: none;}
#getIdeasBoxContent a .tag {display:block; font-size: 14px; 
    font-family: 'Roboto Condensed', sans-serif;
    background-color:#014284;
	position: absolute; top: -18px; left: 15px; padding: 10px 15px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
	
    

#getIdeasBoxContent > a {width:100%;}
.homeCell #getIdeasBox .btnPrev, .homeCell #getIdeasBox .btnNext {height:58px; top:133px; width:16px;}
#getIdeasBoxContent a.cycle-sentinel {width: 308px;}

/* Get Ideas ends */

/* Thematic Slider 2019 starts */
#thematicSlider2019, #thematicSlider2019 *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#thematicSlider2019{position:relative; width:100%; height:454px; overflow:hidden; background-color:#005BB7;}
.tsContainer{position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:454px; filter:blur(30px);}
.tsLayer1{width:100%; height:454px;}
.tsLayer2{position:absolute; left:0; top:0; width:100%; height:454px; z-index:19;}
.tsMain{position:absolute; left:50%; top:0; margin-left:-485px; width:970px; height:454px; pointer-events:none; z-index:20;}
.tsMain .tsMainContainer{position:absolute; left:0; top:63px; width:388px;}
.tsMain .rainbowBar{position:absolute; left:0; top:6px; width:14px; height:0; line-height:0; overflow:hidden;}
.tsMain .rainbowBar img{width:100%; height:100%;}
.tsContents{padding-left:34px; width:0; white-space:nowrap; overflow:hidden;}
.tsContentBox{display:none; width:354px; color:#fff;}
.tsContentBox.active{display:block;}
.tsContentBox .spacer{width:354px;}
.tsContentBox .subject, .tsContentBox .bio, .tsContentBox .actionMsg{width:100%; white-space:normal;}
.tsContentBox .subject{font-family:'oswald', Arial, Helvetica, sans-serif; font-size:53px; line-height:53px; letter-spacing:-2px;}
.tsContentBox .bio{margin-top:20px; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:21px; line-height:26px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;}
.tsContentBox .bio p{}
.tsContentBox .bio p:last-child{margin-bottom:0;}
.tsContentBox .subject img, .tsContentBox .bio img, .tsContentBox .actionMsg img{max-width:100%;}
.tsContentBox .actionMsg{margin-top:13px; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:19px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;}
.tsContentBox .actionMsg img{vertical-align:text-bottom;}
.tsContentBox .btnLineArrow{margin-left:6px; fill:#fff; vertical-align:text-bottom;}

.tsControl{position:absolute; left:0; top:0; width:100%; height:454px; z-index:21;}
/*<!-- IE Fix -->*/
.tsControl a.button/*\**/ {background:transparent url(/common/images_awc2/trans.gif) 0 0 repeat;}
.tsControl a.button{display:block; width:100%; height:454px; text-align:center; background:transparent url(/common/images_awc2/trans.gif) 0 0 repeat \0/ !important;}
/* Thematic Slider 2019 ends */
.tsControl a.button:focus{outline:none;}

#thematicSlider2019 .slick-arrow{position:absolute; top:50%; margin-top:-37px; width:25px; height:74px; border:0; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, .4); background-position:center; background-repeat:no-repeat; background-size:8px auto; cursor:pointer; outline:none; z-index:50; text-indent:-9999px;
	-webkit-transition:width .2s ease, background-size .2s ease;
	-moz-transition:width .2s ease, background-size .2s ease;
	-o-transition:width .2s ease, background-size .2s ease;
	transition:width .2s ease, background-size .2s ease;
}
#thematicSlider2019 .slick-arrow.focus{width:74px; background-size:13px auto; outline:none;}
#thematicSlider2019 .slick-arrow::-moz-focus-inner{border:0;}
#thematicSlider2019 .slick-arrow.slick-prev{left:0; background-image:url(/common/images_awc2/arrow_prev_md.png);}
#thematicSlider2019 .slick-arrow.slick-next{right:0; background-image:url(/common/images_awc2/arrow_next_md.png);}
#thematicSlider2019 ul.slick-dots{
	position:absolute; left:50%; bottom:35px; height:28px; padding:10px 20px; z-index:50;
	background-color:rgb(0, 0, 0);
	background-color:rgba(0, 0, 0, 0.4);
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
}
#thematicSlider2019 ul.slick-dots li{
	display:inline-block; width:8px; height:8px; margin:0 5px; bordder:0; text-indent:-9999px; cursor:pointer;
	background-image:url(/common/images_awc2/thematic-pager-dot.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}
#thematicSlider2019 ul.slick-dots li.slick-active{background-position:0 -8px;}

.BOA2lockup{position:absolute; right:0; bottom:48px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;}



/* Snowflake added on 20191217 */
@-webkit-keyframes snowflakes-fall{
	0% {top: -10%}
	100% {top: 100%}
}
@keyframes snowflakes-fall {
	0% {top:-10%}
	100% {top:100%}
}
@-webkit-keyframes snowflakes-shake {
	0%, 100% {-webkit-transform: translateX(0); transform: translateX(0)}
	50% {-webkit-transform: translateX(80px); transform: translateX(80px)}
}
@keyframes snowflakes-shake {
	0%, 100% {transform:translateX(0)}
	50% {transform:translateX(80px)}
}
.snowflake {position:fixed; top:-10%;
	z-index: 9999; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	cursor: default; 
	-webkit-animation-name: snowflakes-fall, snowflakes-shake; 
	-webkit-animation-duration: 10s, 3s; 
	-webkit-animation-timing-function: linear, ease-in-out; 
	-webkit-animation-iteration-count: infinite, infinite; 
	-webkit-animation-play-state: running, running; 
	animation-name: snowflakes-fall, snowflakes-shake; 
	animation-duration: 10s, 3s; 
	animation-timing-function: linear, ease-in-out; 
	animation-iteration-count: infinite, infinite; 
	animation-play-state: running, running 
}
.snowflake:nth-of-type(1) {
	left: 1%;
	-webkit-animation-delay: 0s, 1s;
	animation-delay: 0s, 1s;
}
.snowflake:nth-of-type(2) {
	left: 15%;
	-webkit-animation-delay: 6s, .5s;
	animation-delay: 6s, .5s;
}
.snowflake:nth-of-type(3) {
	left: 35%;
	-webkit-animation-delay: 2s, 2s;
	animation-delay: 2s, 2s;
}
.snowflake:nth-of-type(4) {
	left: 50%;
	-webkit-animation-delay: 8s, 3s;
	animation-delay: 8s, 3s
}
.snowflake:nth-of-type(5) {
	left: 60%;
	-webkit-animation-delay: 6s, 2s;
	animation-delay: 7s, 2s
}
.snowflake:nth-of-type(6) {
	left: 80%;
	-webkit-animation-delay: 1s, 0s;
	animation-delay: 1s, 0s
}
.snowflake:nth-of-type(7) {
	left: 90%;
	-webkit-animation-delay: 3s, 1.5s;
	animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(8) {
	left: 25%;
	-webkit-animation-delay: 3.5s, 0s;
	animation-delay: 3.5s, 0s;
}
.snowflake:nth-of-type(9) {
	left: 65%;
	-webkit-animation-delay: 4s, 2.5s;
	animation-delay: 5s, 2.5s;
}
/* End of Snowflake added on 20191217 */