@charset "utf-8";
/* CSS Document */

/* Great Outdoors AWC2 */

/* Top Nav starts */
#topNav {height:81px;}
/* Top Nav end */

/* Left Nav starts */
#sectionLanding .bannerSlide div.slider, #sectionContainer #leftNav ul li a.active span.color, #sectionContainer #leftNav ul li a:hover span.color, #sectionContainer #leftNav, #sectionContainer #leftNav ul li ul li, #sectionContainer #leftNav ul li.last ul.subLeftNavMenu, #sectionContainer #leftNav ul li a, #sectionContainer #leftNav ul li span.color {border-color:#4CA16C;}
#sectionContainer #leftNav ul li ul li {border-left-color:#00441A;}
/* Left Nav ends */

/* body */
/* rightcol starts */

/* contents starts */

#sectionContent #leftCol a, #sectionContent #noCol a, #sectionContent #leftCol .intro a {color:#FFF; text-decoration:underline; font-weight:normal;}
/*#sectionContent #leftCol .tourDetail .hideContent {border-top-width:1px; border-top-style:solid;}*/
/*#sectionContent #leftCol .introSide .didyouknowContainer .content, #sectionContent #leftCol .didYouKnowFull .didYouKnowFullContainer .content, #sectionContent #leftCol .information .informationContent .content, #sectionContent #leftCol .howToGetThere .howToGetThereContent .content, #sectionContent #leftCol .specialAnnouncement .specialAnnouncementContent .content, #sectionContent #leftCol .tourDetail .tourDetailContainer .text {background:url(../images_awc2/bg_black_10.png);}*/
.hikePoint, .cyclingPoint {font-size:100%;}
/* btn long starts */
/* btn long ends */

/* level 5 drop down starts */
.dropdownList {background:#198642;}
/* level 5 drop down ends */

/* expand more btn starts */
#sectionContent #leftCol .area {clear:left; border-bottom:none; padding-bottom:20px;}
#sectionContent #leftCol .area .containerHeader {border-bottom:none;}
.area .btnExpand {float:right; height:32px}
#sectionContent #leftCol .area .btnExpand a {display:inline-block; width:auto; background:url(../images_awc2/bg_gen_btn.png) repeat-x 0 0; text-align:left; padding-top:0;}
a.btnGenShadow span.text span.btnCollapse {display:none;}
.btnExpand.active a.btnGenShadow span.text span.btnName {display:none;}
.btnExpand.active a.btnGenShadow span.text span.btnCollapse {display:inline-block;}
.btnExpand a.btnGenShadow span.icon {background-image:url(../images_awc2/icon/arrow_select.png); background-position:50% 10px;}
.btnExpand.active a.btnGenShadow span.icon {background-position:50% -40px;}
/* expand more btn ends */

/* Table row color*/
#sectionContent #leftCol .intro table.colorTable tr.odd td{background-color:transparent;}
/* Table row color end*/

/* cell list table starts */
/* cell list table ends */

/* Section Color */
.mainBanner {background-color:#00792E;}
#bodyBgContainer {background-image:url(../images_awc2/see-do/cloud_outdoor.jpg); background-color:#016026;}
.mainBanner, #sectionContainer #leftCol #bannerSlideContainer .bannerSlide, #sectionContent #leftCol .intro, #sectionContent #leftCol .containerHeader, .hideContent, .cellContainer .item, #rightBannerAd, .introSide .didyouknowContainer, .introSide .didyouknowContainer, .didYouKnowFullContainer, #rightColSection .myhkgMyWishListsPulldown, #sectionContent #leftCol .introVisual .visual, .hotItem .hotContent table, .hotItem .hotContent table tr:first-child td, #sectionContent #leftCol h5, #rightColSection .myhkgLoginBox, #sectionContent #leftCol .area, .highlightedPoiItem {border-color:#4CA16C;}
#addToGuide {background-image: url("../images_awc2/guide/add/great_outdoors.gif");}
#addToGuide.added{background-image: url("../images_awc2/guide/added/great_outdoors.gif");}

#leftCol .intro ol li {line-height:150%;}

/* added 20160928 by Jason */
#sectionContent #leftCol a.btnGenShadow.solidBg {background-color:#016026;}
.cyclingPoint {background-position:0 4px;}

/* Thematic Banner 2016 starts */
.mainBanner {border: none; background: url(/common/images_awc2/thematic-banner-2016/cloud_outdoor_top.jpg) no-repeat center top;}
.mainBanner.short {border-color:#00792E;}
/* Thematic Banner 2016 ends */



/* Great Outdoor Hong Kong enhancement 201709 starts */
.birdWatching{background:url(/common/images_awc2/icon/bird.png) no-repeat 0 center; padding-left:35px; margin-bottom:0!important; min-height:29px!important;}
.butterflyWatching{background:url(/common/images_awc2/icon/butterfly.png) no-repeat 0 center; padding-left:35px; margin-bottom:0!important; min-height:29px!important;}
.bloomPoint{background:url(/common/images_awc2/icon/bloom.png) no-repeat 0 center; padding-left:35px; margin-bottom:0!important; min-height:29px!important;}
.heritagePoint{background:url(/common/images_awc2/icon/heritage.png) no-repeat 0 center; padding-left:35px; margin-bottom:0!important; min-height:29px!important;}

.geologicalPoint{min-height:29px !important; padding-top:6px; padding-left:35px; padding-bottom:3px; background:url(/common/images/icon/geological.png) no-repeat 0 center; font-size:100%;}
.gohk-area{padding-bottom:20px;}
.gohk-area .containerHeader{border:none !important;}
.gohk-area .containerHeader *{float:none !important;}
.gohk-area .hikePoint, .gohk-area .photographyTips{background-position:0 center;}
.gohk-area .cyclingPoint{background-position:0 bottom;}
.gohk-area .routeTile {float:left; width:242px; position:relative; margin-bottom:5px; margin-right:5px;}
.gohk-area .routeTile .caption {display:block; bottom:0px; width:100%; height:100%; font-size:14px; line-height:110%;}
.gohk-area .routeTile .caption:hover {height:100%; }
.gohk-area .routeTile .caption:hover span.name {height:100%;}
.gohk-area .routeTile .caption span.name {position:absolute; z-index:1; display:inline-block; color:#FFF; width:100%; height:50px; bottom:0; left:0; /*font-weight:bold;*/}
.gohk-area .routeTile .caption span.bg {
	position:absolute; display:block; width:100%; height:50px; bottom:0; background-color:#001e0c; opacity: 0.75; filter: alpha(opacity=75);
	-webkit-transition: height 0.2s ease-out;
	-moz-transition: height 0.2s ease-out;
	-ms-transition: height 0.2s ease-out;
	-o-transition: height 0.2s ease-out;
	transition: height 0.2s ease-out;
}
.gohk-area .routeTile .caption:hover span.bg {height:100%;}
.gohk-area .routeTile .caption span.verMidIn {width:auto; padding:0 10px;}
.gohk-area .routeTile .caption span.name span.text {display:none; font-size:14px; color:#FE530C; padding-bottom:15px; padding-top:8px; line-height:110%; font-weight:normal;}
.gohk-area .routeTile .caption span.name span.text strong {font-weight:bold!important;}
.gohk-area .routeTile .caption:hover span.title{font-weight:bold;}
.gohk-area .routeTile:hover span.name span.text {display:block;}
.gohk-area .routeTile img {width:242px; height:167px;}
/* Great Outdoor Hong Kong enhancement 201709 ends */