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

body {
	background-color:#0F1012; /* default bg color */
	background-repeat:no-repeat;
	width:960px;
	margin:0 auto;
	
}
.supportPng{
	background-repeat:no-repeat;
}
.header{
	position:absolute;
	width:960px;
	top:40px;
}
.logo{
	float:left;
	position:relative;
	left:10px;
	top:-28px;
}
.title{
	float:left;
	position:relative;
	top:15px;
	font-size:30px;
	font-family:Arial;
	font-weight:600;
	color:#ffffff;
	left: 1px;
	width: 404px;
}
.menu{
	float:right;
	position:relative;
	z-index:100;
	display:block;
	height:100px;
}
.menu li{
	text-align:right;
	margin-right:8px;
	line-height:20px;
}
.menu li:hover{
	list-style:url(../../images/menu_arrow.png);
}
.menu a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	display:inline;
}
.menu a:hover{
	color:#50D1FF;
}
.content{
	background:url(../../images/black.JPG) no-repeat; 
	width:100%;
	height:730px;
	margin:0 auto;
}
.navigation{
	position:relative;
	top:627px;
	left:42px;
	min-height:25px;
	z-index:2;
	height: 26px;
	width: 1000px;
}
.inside_nav{
	position:relative;
	top:625px;
	left:14px;
	width:720px;
	display:block;
}
.navigation  > ul{
	display:block;
	width:747px;
}
.navigation li{
	float:left;
	text-decoration:none;
	color:#FFF;
}
.navigation li span{
	font-size:16px;
	z-index:2;
	cursor:pointer;
	display:inline;
	position:relative;
	top:0px;
}
.navigation a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	padding-top:5px;
	display:inline;
	padding-bottom:15px;
}
.navigation a:hover{
	color:#50D1FF;
}
.nav_btn{
	font-size:12px !important;
	display:block;
	height:30px;
	margin-top:3px;
	padding:0 30px;
	padding-bottom:20px;
	z-index:3;
	cursor:pointer;
	padding-top:5px;
}
.footer{
	position:relative;
	bottom:20px;
	color:#595959;
	font-size:12px;
	float:right;
	right:5px;
	z-index:2;
}
.footer > p {
    color: #ffffff;
    font-family:Arial;
}

.lv2{
	background:url(../../images/lv2_bg.png) repeat-x;
	margin:5px 20px;
	display:none;
	position:relative;
	top:0px;
	left:0px;
	height:40px;
	/*width:auto;*/
	padding-top:10px;
}
.lv2 a{
	margin:5px 20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
.lv2 a:hover{
	color:#50D1FF;
}
.active{
	color:#50D1FF !important;
}
.spacer{
	margin-left:24px;
}
.note{
	font-size:10px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	color:#777777;
	line-height:normal;
	position:relative;
	left:30px;
	top:510px;
	width:380px;
}
.second_1{
	position:absolute;
	top:28px;
	left:-5px;
	padding:10px 34px;
}
.second_2{
	position:absolute;
	top:28px;
	left:45px;
}
.second_3{
	position:absolute;
	top:28px;
	left:210px;
}
.second_4{
	position:absolute;
	top:28px;
	left:160px;
}
.second_5{
	position:absolute;
	top:28px;
	left:450px;
}
.building{
	position:relative;
	left:453px;
	top:-14px;
	z-index:1;
	width:508px;
	height:638px;
	overflow:hidden;
}
/************************** intro page *******************/
.main{
	width:449px;
	position:relative;
	top:445px;
	left:39px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
.main2{
	width:460px;
	position:relative;
	top:336px;
	left:37px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
/************************** intro page *******************/
.main_intro{
	width:421px;
	position:relative;
	top:356px;
	left:17px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
/************************** whampoa page *******************/
.main_whampoa{
	width:416px;
	position:relative;
	top:356px;
	left:17px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
/************************** central page *******************/

.main_central{
	width:400px;
	position:relative;
	top:356px;
	left:17px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}

.central{
	position:relative;
	left:39px;
	top:335px;
	width:400px;
	color:#FFF;
	font-size:12px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	line-height:14px;
	padding-top:2px;
}
.central1, .central2, .central3{
	width:89px;
	height:89px;
	float:left;
	cursor:pointer;
	margin:0px 20px;
}
.cen1, .cen2, .cen3{
	width:90%;
	height:70px;
	position:absolute;
	top:150px;
	display:none;
	line-height:18px;
	padding:5%;
	padding-top:5%;
	font-size:12px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
.cen1, .cen2{
	padding-top:5%;
	background:url(../../images/central_box.png) no-repeat;
}
.cen2{
	background:url(../../images/central_box2.png) no-repeat;
}
.cen3{
	background:url(../../images/central_box3.png) no-repeat;
}
.central1{
	background:url(../../images/central_icon2.png) no-repeat;
}
.central1:hover, .central1_active{
	background:url(../../images/central_icon2_h.png) no-repeat;
}
.central2{
	background:url(../../images/central_icon3.png) no-repeat;
}
.central2:hover, .central2_active{
	background:url(../../images/central_icon3_h.png) no-repeat;
}
.central3{
	background:url(../../images/central_icon3.png) no-repeat;
}
.central3:hover, .central3_active{
	background:url(../../images/central_icon3_h.png) no-repeat;
}
#zoomFlash{
	width:400px;
	margin:0;
	padding:0;

	position:relative;
	top:10px;
}
.zoomFlash, .zoomFlash1, .zoomFlash2, .zoomFlash3{
	width:400px !important;
	height:390px;
	position:relative;
	top:15px !important;
	left:485px;
	padding:0 10px !important;
	background:none;
	display:none;
}
.zoomFlash p, .zoomFlash1 p, .zoomFlash2 p, .zoomFlash3 p{
	position:relative;
	top:15px;
	left:3px;
	color:#FFF;
	font-size:10px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
}
.compass{
	position:absolute;
	width:22px;
	top:11px;
	left:390px;
	z-index:999;
}
/************************** transport page *******************/
.mini-img{
	background:url(../../images/map_chi.gif) no-repeat;
	height:216px;
	width:279px;
	position:relative;
	left:324px;
	top:86px;	
	*top:19px;
	}
.transport{
	position:relative;
	left:12px;
	top:360px;
	width:400px;
	color:#FFF;
	font-size:12px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	line-height:16px;
}
.transport p{
	font-size:14px;
}
.transport1, .transport2, .transport3, .transport4, .transport5{
	width:46px;
	height:57px;
	float:left;
	cursor:pointer;
	margin:10px 10px;
	
}
.transport5{
	width:62px;
}
.transport1{
	background:url(../../images/mtr.png) no-repeat;
}
.transport1:hover, .transport1_active{
	background:url(../../images/mtr_h.png) no-repeat;
}
.transport2{
	background:url(../../images/bus.png) no-repeat;
}
.transport2:hover, .transport2_active{
	background:url(../../images/bus_h.png) no-repeat;
}
.transport3{
	background:url(../../images/airport.png) no-repeat;
}
.transport3:hover, .transport3_active{
	background:url(../../images/airport_h.png) no-repeat;
}
.transport4{
	background:url(../../images/train.png) no-repeat;
}
.transport4:hover, .transport4_active{
	background:url(../../images/train_h.png) no-repeat;
}
.transport5{
	background:url(../../images/highway.png) no-repeat;
}
.transport5:hover, .transport5_active{
	background:url(../../images/highway_h.png) no-repeat;
}
.tra1, .tra2, .tra3, .tra4, .tra5{
	width:95%;
	height:60px;
	position:absolute;
	top:116px;
	display:none;
	line-height:18px;
	padding:2%;
	padding-top:5%;
	padding-bottom:3%;
	left:0;
}
.tra1{
	background:url(../../images/tra_box1.png) no-repeat;
}
.tra2{
	background:url(../../images/tra_box2.png) no-repeat;
}
.tra3{
	background:url(../../images/tra_box3.png) no-repeat;
}
.tra4{
	background:url(../../images/tra_box4.png) no-repeat;
	height:66px;
}
.tra5{
	background:url(../../images/tra_box5.png) no-repeat;
	height:66px;
}
/************************** lift page *******************/
.main li{
	margin-bottom:8px;
}
.lift_main{
	top:266px !important;
}
/************************** floorplan page *******************/
.f1, .f2, .f3{
	cursor:pointer;
	width:230px;
	height:60px;
	position:relative;
}
.f1{
	top:-9px;
	left:7px;
	background:url(../../images/floor_1.png) no-repeat;
}
.f2{
	top:-3px;
	left:7px;
	background:url(../../images/floor_2.png) no-repeat;
}
.f3{
	top:6px;
	left:7px;
	background:url(../../images/floor_3.png) no-repeat;
}
.f1:hover, .f1_active{
	background:url(../../images/floor_1_h.png) no-repeat !important;
}
.f2:hover, .f2_active{
	background:url(../../images/floor_2_h.png) no-repeat !important;
}
.f3:hover, .f3_active{
	background:url(../../images/floor_3_h.png) no-repeat !important;
}
.zoomflash1, .zoomflash2, .zoomflash3{
	width:400px !important;
	height:390px;
	position:relative;
	top:-100px !important;
	left:485px;
	padding:0 10px !important;
	background:none;
	display:none;
}
.zoomflash1 p, .zoomflash2 p, .zoomflash3 p{
	margin:16px 0 0 160px;
	color:#FFF;
	font-size:14px;
	font-family:"新細明體",Arial, Helvetica, sans-serif
}
/************************** spec page *******************/
.spec{
	position:relative;
	left:16px;
	top:300px;
	width:400px;
	color:#FFF;
	font-size:12px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	line-height:15px;
}
.spec1, .spec2, .spec3, .spec4, .spec5, .spec6{
	width:95%;
	height:31px;
	float:none;
	cursor:pointer;
	margin:10px 10px;
}
.spec6{
	height:40px;
}
.spec1{
	background:url(../../images/spec_icon1.png) no-repeat;
}
.spec1:hover, .spec1_active{
	background:url(../../images/spec_icon1_h.png) no-repeat;
}
.spec2{
	background:url(../../images/spec_icon2.png) no-repeat;
}
.spec2:hover, .spec2_active{
	background:url(../../images/spec_icon2_h.png) no-repeat;
}
.spec3{
	background:url(../../images/spec_icon3.png) no-repeat;
}
.spec3:hover, .spec3_active{
	background:url(../../images/spec_icon3_h.png) no-repeat;
}
.spec4{
	background:url(../../images/spec_icon4.png) no-repeat;
}
.spec4:hover, .spec4_active{
	background:url(../../images/spec_icon4_h.png) no-repeat;
}
.spec5{
	background:url(../../images/spec_icon5.png) no-repeat;
}
.spec5:hover, .spec5_active{
	background:url(../../images/spec_icon5_h.png) no-repeat;
}
.spec6{
	background:url(../../images/spec_icon6.png) no-repeat;
}
.spec6:hover, .spec6_active{
	background:url(../../images/spec_icon6_h.png) no-repeat;
}
.spe1, .spe2, .spe3, .spe4, .spe5, .spe6{
	width:95%;
	position:absolute;
	left:140px;
	display:none;
	line-height:15px;
	padding:2% 5%;
	background:url(../../images/ver_box.png) no-repeat;
}

.spe1{
	top:0;
}
.spe2{
	top:41px;
}
.spe3{
	top:84px;
}
.spe4{
	top:124px;
}
.spe5{
	top:165px;
}
.spe6{
	top:154px;
	background:url(../../images/ver_box1.png) no-repeat;
}
.spec_spacer{
	padding-left:10px;
}
/************************** news page *******************/
.news, .detail1{
	position:relative;
	left:39px;
	top:290px;
	width:400px;
	height:270px;
	color:#FFF;
	font-size:12px;
	font-family:"新細明體",Arial, Helvetica, sans-serif;
	line-height:16px;
}
.detail1{
	top:286px;
	height:260px;
	display:none;

}
.back_btn{
	position:relative;
	width:400px;
	top:282px;
	left:39px;
	cursor:pointer;
	text-decoration:underline;
	margin-bottom:5px;
	color:#FFF;
	font-size:14px;
	display:none;
	height:16px;
	padding-top:1px;
}
.detail_content{
	height:100%;
}
.detail_title{
	margin:0 17px 20px 0;
}
.news_content{
	height:80px;
}
.news_content div, .news_content img, .detail_content div, .detail_content img{
	float:left;
}
.news_content div, .detail_content div{
	margin-left:15px;
	width:270px;
}
.news_content p{
	color:#51D0FF;
	margin-bottom:5px;
	font-size:14px;
}
.news_content h2, .detail_content h2{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}
.news_detail{
	text-decoration:underline;
	cursor:pointer;
}
/************************** contact page *******************/
.com_title{
	width:450px;
	float:left;
	margin-bottom:30px;
	height: 113px;
}
.com_title img, .com_title span{
	float:left;
}
.com_title img{
	padding:2px 20px 0 0;
	height: 131px;
	width: 454px;
}
.com_title span{
	font-size:13px;
	line-height:16px;
}
.com_content{
	font-size:14px;
	line-height:26px;
	font-weight:600;
}