@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('setting.css');


/*General
**********************************/

html, body	{ width:100%; height:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#eaf1f8; line-height:1.2em;}

.wrapper	{ width:100%; background:url(../images/common/img_mainBG.jpg) no-repeat center top #002b53; }
.mainArea	{ width:980px; margin:0 auto; background-color:#002b53; position:relative; }
.content	{ width:970px; padding-left:10px;}

/* footer */
.footer_container	{ width:100%; background-color:#000; }
.footer_container .siteMapBtn	{ width:980px; height:25px; margin:0 auto; padding-top:10px; background:url(../images/common/img_footer_tri.gif) no-repeat center bottom; text-align:center; cursor:pointer; }
.footer_container .opened	{ background-position:center 31px !important;}
.footer_container .footer	{ width:970px; padding:10px 5px 15px; margin:0 auto; color:#9a9a9a; }
.footer a	{ color:#9a9a9a; text-decoration:none; }
.footer a:hover	{ color:#fff; }
.footNote	{ padding:18px 0 0 37px; height:15px; background:url(../images/common/img_footer_tree.gif) no-repeat left top; border-bottom:2px solid #1c1c1c; }
.footer .tnc	{ float:left; width:650px; margin-top:15px; }
.logoHK			{ float:right; width:145px; height:50px; margin:10px 0 0 25px; background:url(../images/common/img_logo_hk.gif) no-repeat left top; }
.logoHKTB		{ float:right; width:65px; height:50px; margin-top:10px; background:url(../images/common/img_logo_hktb.gif) no-repeat left top; }
.hideContent	{ display:none; padding:10px 0px 20px; }
.hideContent ul, .hideContent li	{ list-style:none; margin:0; padding:0; }
.hideContent li	{ padding-left:12px; padding-top:3px; line-height:1.3em; background:url(../images/common/img_footer_bull.gif) no-repeat 4px 9px; }
.hideContent .col1	{ float:left; /*width:200px;*/ width:215px; margin-right:40px; }
.hideContent .col2	{ float:left; /*width:145px;*/ width:160px; margin-right:50px; }
.hideContent .col3	{ float:left; /*width:145px;*/ width:160px; margin-right:50px; }
.hideContent .col4	{ float:left; /*width:145px;*/ width:160px; margin-right:50px; }
.hideContent .col5	{ float:left; width:145px; }
/* footer end */

/* header */
.headerArea	{ position:relative; padding:25px 20px 0; width:940px; }
.logo		{ float:left; width:207px; height:41px; margin-top:4px; background:url(../images/common/logo_mehk.png) no-repeat; }
.mainNav	{ float:right; width:733px; }
.lang		{ float:right; }
.lang ul, .lang li	{ list-style:none; padding:0; margin:0; }
.lang ul	{ width:100%; }
.lang li	{ float:left; height:13px; margin-left:10px; padding-left:10px; border-left:1px solid #b3c0cc; }
.lang li:first-child	{ border:none !important;}
.lang li a	{ display:block; height:13px; background:url(../images/common/btn_lang.png) no-repeat left top; }
.lang li.en a	{ width:24px; background-position:0 0;}
.lang li.tc a	{ width:13px; background-position:-24px 0;}
.lang li.sc a	{ width:13px; background-position:-37px 0;}
.lang li.en a:hover	{ width:24px; background-position:0 bottom;}
.lang li.tc a:hover	{ width:13px; background-position:-24px bottom;}
.lang li.sc a:hover	{ width:13px; background-position:-37px bottom;}

.menu	{ width:100%; height:13px; margin-top:37px; }
.menu ul, .menu li	{ list-style:none; padding:0; margin:0; }
.menu ul	{ width:100%; }
.menu li	{ float:left; height:17px; /*padding-left:25px; margin-right:25px;*/ padding-left:45px; margin-right:45px; border-left:1px solid #5e9ade; }
.menu li:first-child	{ margin-left:85px; padding-left:0; border:none; }
.menu li a	{ display:block; height:17px; }
.menu li.home a		{ width:37px; background:url(../images/common/btn_menu01.png) no-repeat left top; }
.menu li.about a	{ width:104px; background:url(../images/common/btn_menu02.png) no-repeat left top; }
.menu li.success a	{ width:82px; background:url(../images/common/btn_menu03.png) no-repeat left top; }
.menu li.events a	{ width:127px; background:url(../images/common/btn_menu04.png) no-repeat left top; }
.menu li.offer a	{ width:85px; background:url(../images/common/btn_menu05.png) no-repeat left top; }
.menu li a:hover, .menu li a.active	{ background-position:bottom; }

.map_frame		{ position:fixed; width:100%; height:100%; z-index:65; top:0; }
.map_container	{ position:relative; z-index:80; width:766px; height:545px; margin:130px auto; font-size:17px; font-weight:bold; padding:18px 32px 0px; color:#002b53; background:url(../images/common/img_map_frame.png) no-repeat left top; }
a.popup_close	{ position:absolute; display:block; top:15px; padding-left:13px; font-size:12px; color:#000; right:30px; width:35px; height:17px; background:url(../images/common/btn_closeMap.gif) no-repeat left 4px; }
.map			{ width:766px; height:475px; }
ul.mapBtmPin, ul.mapBtmPin li	{ list-style:none; margin:0; padding:0; }
ul.mapBtmPin	{ width:90%; padding-left:15px; }
ul.mapBtmPin li	{ float:left; color:#000; margin-right:25px; font-weight:bold; font-size:13px; height:35px; padding-left:32px; padding-top:17px;  }
ul.mapBtmPin li.redPin		{ background:url(../images/googleMap/pin_red_s.png) no-repeat left; }
ul.mapBtmPin li.bluePin		{ background:url(../images/googleMap/pin_blue_s.png) no-repeat left; }
ul.mapBtmPin li.greenPin	{ background:url(../images/googleMap/pin_green_s.png) no-repeat left; }
ul.mapBtmPin li.orangePin	{ background:url(../images/googleMap/pin_orange_s.png) no-repeat left; }
#lantau_map		{width:766px; height:475px; }
.popBG			{ display:none; position:fixed; top:0; width:100%; height:100%; background-color:#002b53; z-index:60; }

/* header end */

/* Google Map elements style */

.googlePopupThumb	{ position:absolute; width:200px; }
.googlePopupHead	{ width:200px; height:17px; background:url(../images/googleMap/img_mapThumb_top.png) no-repeat left top; }
.googlePopupBody	{ width:160px; padding:0 20px; background:url(../images/googleMap/img_mapThumb_bg.png) repeat-y left; }
.googlePopupBody img	{ width:160px; height:143px; }
.googlePopupBtm		{ width:200px; height:27px; background:url(../images/googleMap/img_mapThumb_btm.png) no-repeat left top; }

/* END */


/* Front visual Area */
.mainVisual	{ position:relative; width:100%; height:680px; }
.mainVisual > div	{ position:absolute; }
.mainVisual .headLine	{ z-index:10; left:45px; top:95px; width:378px; height:91px; }
.mainVisual .statusBar	{ z-index:10; bottom:46px; width:100%; height:5px; }
.statusBar span.timerBar	{ position:absolute; left:0; top:0; display:block; width:50px; height:5px; background-color:#fff; z-index:10; }
.statusBar span.timerBG	{ display:block; width:100%; height:5px; background-color:#1c93cc; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity:0.75; -ms-filter:'Alpha(Opacity=75)'; -moz-opacity:0.75; -khtml-opacity:0.75; }
.statusBar ul, .statusBar li	{ list-style:none; margin:0; padding:0; }
.statusBar ul	{ position:absolute; width:100%; height:15px; top:-5px; left:0; z-index:15; }
.statusBar ul li	{ float:left; position:relative; cursor:pointer; margin-left:150px; width:15px; height:15px; background:url(../images/front/btn_visual_point.png) no-repeat left top; }
.statusBar ul li:hover, .statusBar ul li.active	{ background-position:bottom; }
.statusBar ul li:first-child	{ margin-left:45px !important; margin-right:150px !important; }

.statusBar ul li div	{ display:none; position:absolute; width:85px; top:-88px; left:-35px; padding-top:110px; color:#fff; font-size:12px; font-weight:bold; text-align:center; }
.statusBar ul li div.featured	{ background:url(../images/front/img_visual_status_pin.png) no-repeat 0 0; }
.statusBar ul li div.entertainment	{ background:url(../images/front/img_visual_status_pin.png) no-repeat -85px 0; }
.statusBar ul li div.nature	{ background:url(../images/front/img_visual_status_pin.png) no-repeat -170px 0; }
.statusBar ul li div.traditional	{ background:url(../images/front/img_visual_status_pin.png) no-repeat -255px 0; }
.statusBar ul li div.venues	{ background:url(../images/front/img_visual_status_pin.png) no-repeat -340px 0; }

.mainVisual .visual_container	{ z-index:5; position:relative; width:980px; height:634px; }
.visual_container img	{ display:none; position:absolute; left:0; top:0; width:980px; height:634px; z-index:0; }
/* Front visual Area End */

.front_featured	{ position:relative; width:970px; padding:80px 0 0 10px; }
.front_featured .highLight	{ width:630px; padding-bottom:20px; border-bottom:1px solid #1a4163; margin-bottom:20px; }
.highLight .subGroup	{ float:left; width:195px; }
.highLight .subGroup img	{ padding-bottom:15px; }
.tit	{ color:#82d0f6; font-size:16px; padding-bottom:5px; line-height:1.3em; }

a.details	{ display:block; margin-top:10px; width:35px; color:#82d0f6; text-decoration:none; background:url(../images/common/img_details_tri.png) no-repeat 30px 5px; }
a.details:hover	{ text-decoration:underline; }

.others_events	{ position:relative; width:630px; overflow:hidden; }
.others_events .mask	{ width:3043px; height:195px; border-bottom:1px solid #1a4163; }
.others_events .mask ul, .others_events .mask li	{ list-style:none; margin:0; padding:0; }
.others_events .mask ul	{ width:100%; height:195px; }
.others_events .mask li	{ float:left; width:145px; margin-left:16px; }
.others_events .mask li:first-child	{ margin-left:0; }
.others_events .mask li img	{ padding-bottom:13px; width:145px; height:135px; }
.others_events .mask li a	{ color:#fff; text-decoration:none; }
.others_events .mask li a:hover	{ color:#82d0f6; text-decoration:none; }

.pagination	{ position:relative; padding:20px 0 30px; width:630px; height:11px; }
.pagination ul, .pagination li	{ list-style:none; margin:0; padding:0; }
.pagination ul	{ position:absolute; left:50%; width:auto; }
.pagination li	{ float:left; width:11px; height:11px; margin-left:15px; background:url(../images/common/img_pagination.png) no-repeat left top; cursor:pointer; }
.pagination li:first-child	{ margin-left:0; }
.pagination li:hover, .pagination li.active	{ background-position:bottom; }
.pagination li.active	{ cursor:default; }

.TagBox	{ width:325px; }
.TagBox .tagHead	{ width:100%; height:17px; background:url(../images/front/img_functionBox_head.png) no-repeat left top; }
.TagBox .tagEnd		{ width:100%; height:21px; background:url(../images/front/img_functionBox_bottom.png) no-repeat left top; }
.TagBox .tagContent	{ padding:0 0 15px 30px; background:url(../images/front/img_functionBox_bg.png) repeat-y; }

.tagContent ul, .tagContent li	{ list-style:none; margin:0; padding:0; }
.tagContent ul	{ width:100%; margin-top:6px; padding-left:5px; }
.tagContent li	{ float:left; width:128px; height:70px; margin:7px 15px 0 0; }
.tagContent li img	{ width:128px; height:70px; }
.tagContent li.map, .tagContent li.itineraries, .tagContent li.glance	{ width:58px; height:80px; padding:7px 12px; }
.tagContent li.map a			{ display:block; width:58px; height:80px; background:url(../images/front/btn_lantau_map.gif) no-repeat center top; }
.tagContent li.itineraries a	{ display:block; width:44px; height:80px; background:url(../images/front/btn_itineraries.gif) no-repeat center top; }
.tagContent li.glance a			{ display:block; width:45px; height:80px; background:url(../images/front/btn_contact_glance.gif) no-repeat center top; }
.tagContent li a:hover	{ background-position:bottom; }

/*  inside Page content  */
.inside_container	{ position:relative; width:980px; min-height:560px; padding:55px 0; background:url(../images/common/img_inside_headLine.jpg) no-repeat 0 20px; }

.sideMenu_Group	{ width:230px; margin-left:-10px; float:left; }
.sideMenu_Group	ul, .sideMenu_Group li	{ list-style:none; margin:0; padding:0; }
.sideMenu_Group ul		{ width:100%; }
.sideMenu_Group > ul > li		{ width:230px; margin-top:-7px; }
.sideMenu_Group > ul > li:first-child	{ margin-top:0; }
.sideMenu_Group div.title	{ width:195px; height:37px; cursor:pointer; padding:8px 0 0 35px; color:#f0f8ff; background:url(../images/common/img_sideMenu_tag.png) no-repeat left top; }
.sideMenu_Group .venues .onclick	{ font-weight:bold; background-position:0 -45px !important; }
.sideMenu_Group .entertainment .onclick	{ font-weight:bold; background-position:0 -90px !important; }
.sideMenu_Group .nature .onclick	{ font-weight:bold; background-position:0 -135px !important; }
.sideMenu_Group .traditions .onclick	{ font-weight:bold; background-position:0 -180px !important; }

.sideMenu_Group li .subLv	{ display:none; }
.sideMenu_Group li.active .subLv	{ display:block; }

ul.subLv	{ width:190px; padding:0 0 20px 40px; }
ul.subLv li	{ width:180px; padding:3px 0 5px; }
ul.subLv li a	{ display:block; width:170px; color:#5789b8; padding-left:10px; text-decoration:none; background:url(../images/common/img_sideMenu_tri.png) no-repeat 0px 4px; }
ul.subLv li a:hover, ul.subLv li.active	a{ color:#e9f0f7; background-position:0 -90px; }

.inside_content	{ float:left; width:610px; padding-left:45px; }
.itineraries_content	{ float:left; margin-left:110px; width:760px; }
.subject	{ display:inline-block; padding-left:10px; text-decoration:none; background:url(../images/common/img_sideMenu_tri.png) no-repeat 0px -90px; }

.venueDetails		{ width:100%; padding:0; margin:0; }
.venueDetails td	{ padding:3px 0; }
.venueDetails td:first-child	{ width:75px; }

.contactGrouping		{ width:100%; }
.contactGrouping ul, .contactGrouping li	{ list-style:none; margin:0; padding:0; }
.contactGrouping ul		{ width:100%; }
.contactGrouping li		{ border-bottom:1px solid #1a4163; }
.contactGrouping li > span		{ cursor:pointer; display:block; font-weight:bold; padding:10px 0 10px 10px; background:url(../images/common/img_contact_hide_tri.png) no-repeat 585px -37px; }
.contactGrouping li > span:hover, .contactGrouping li.opened	{ background-color:#04335f; }
.contactGrouping li.opened > span	{ background-position:585px 14px; }
.contactGrouping li div		{ display:none; }
.contactGrouping li table	{ margin-top:0; margin-left:10px; }

.contactInfo	{ width:100%; padding:0; margin:10px 0; }
.contactInfo td	{ padding:5px 0 5px 5px; vertical-align:middle; position:relative; }
.contactInfo td a		{ display:inline-block; position:relative; }
.contactInfo td a span	{ width:15px; height:15px; position:absolute; right:-20px; background:url(../images/common/img_icon_group.png) no-repeat 0px -25px; }
.icon		{ width:20px; height:20px; padding:0 !important; background:url(../images/common/img_icon_group.png) no-repeat; }
.tel		{ background-position:0 1px; }
.email		{ background-position:-20px 3px; }
.web		{ background-position:-40px 3px; }
.address	{ background-position:-60px 3px; }
.fax		{ background-position:-80px 1px; }

a.btn_back	{ display:inline-block; padding-left:13px; color:#fff; text-decoration:none; background:url(../images/common/btn_back_tri.gif) no-repeat 2px 3px; }
a.btn_back:hover	{ color:#82d0f6; background-position:2px -15px; }

.rightMenu	{ position:absolute; width:85px; right:-10px; z-index:50; }

.rightMenu ul.tagContent, .rightMenu ul.tagContent li	{ list-style:none; margin:0; padding:0; }
.rightMenu ul.tagContent				{ width:100%; }
.rightMenu ul.tagContent li				{ width:60px; padding:10px 17px 10px 24px; background:url(../images/common/img_rightmenu_bg.png) repeat-y 0 0; }
.rightMenu ul.tagContent li.tagHead		{ width:100%; height:15px; padding:0; background:url(../images/common/img_rightmenu_head.png) no-repeat 0 0; }
.rightMenu ul.tagContent li.tagEnd		{ width:100%; height:20px; padding:0; background:url(../images/common/img_rightmenu_bottom.png) no-repeat 0 0; }

.rightMenu ul.tagContent li.location, .rightMenu ul.tagContent li.print, .rightMenu ul.tagContent li.itineraries	{ width:44px; height:62px; }
.rightMenu ul.tagContent li.glance		{ width:44px; height:75px; }
.rightMenu ul.tagContent li.location a	{ display:block; width:44px; height:62px; background:url(../images/common/btn_rightmenu_location.gif) no-repeat left top; }
.rightMenu ul.tagContent li.print a		{ display:block; width:44px; height:62px; background:url(../images/common/btn_rightmenu_print.gif) no-repeat left top; }
.rightMenu ul.tagContent li.itineraries a	{ display:block; width:44px; height:62px; background:url(../images/common/btn_rightmenu_itineraries.gif) no-repeat left top; }
.rightMenu ul.tagContent li.glance a		{ display:block; width:44px; height:75px; background:url(../images/common/btn_rightmenu_glance.gif) no-repeat left top; }
.rightMenu ul.tagContent li a:hover		{ background-position:bottom; }

.success_stories		{ margin-top:25px; }
.success_stories .title	{ border-bottom:1px solid #1a4163; margin-bottom:30px; }
.success_stories .title span	{ display:inline-block; font-size:15px; font-weight:bold; padding:15px 30px; background-color:#0079b3; color:#fff; }
ul.photoListing, ul.photoListing li	{ list-style:none; margin:0; padding:0; }
ul.photoListing	{ width:100%; height:180px; }
ul.photoListing li	{ float:left; width:190px; margin-left:20px; }
ul.photoListing li img	{ width:190px; padding-bottom:15px; }
ul.photoListing li:first-child	{ margin-left:0;}

ul.TabPage, ul.TabPage li	{ list-style:none; margin:0; padding:0; }
ul.TabPage		{ width:100%; height:54px; border-bottom:1px solid #1a4163; margin-bottom:25px; }
ul.TabPage li	{ float:left; font-size:13px; height:38px; text-align:center; margin-right:5px; line-height:1.5em; font-weight:normal; padding:8px 16px; cursor:pointer; background-color:#005283; color:#7892a9; }
ul.TabPage li.singleline	{ height:28px !important; padding:18px 16px 8px !important; }
ul.TabPage li.active, ul.TabPage li:hover	{ background-color:#0079b3; color:#fff; }
ul.TabPage li.active		{ cursor:default; }

.itineraries_tmb	{ width:152px; height:117px; background:url(../images/common/img_itineraries_tmb_bg.gif) no-repeat right bottom; }
.itineraries_tmb img	{ width:145px; height:110px; border:1px solid #0079b3; }
.suggestGroup	{ padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #1a4163; }

.storiesIndex		{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #1a4163; }
/*.storiesIndex ul, .storiesIndex li	{ list-style:none; margin:0; padding:0; }
.storiesIndex ul	{ width:100%; margin-top:10px; }
.storiesIndex li	{ float:left; width:190px; margin-left:20px; }
.storiesIndex li:first-child	{ margin-left:0; }
.storiesIndex li a	{ color:#fff; text-decoration:none; }
.storiesIndex li a:hover	{ color:#82d0f6; }
.storiesIndex li img	{ margin-bottom:15px; }*/

/*   */