@charset "utf-8";
/* CSS Document */
.disInline-block{ display:inline-block;}
.floatR{float:right;}
.floatL{float:left;}
p{line-height:1.4em; padding-bottom:1.1em;}
.main-content .cancel-bg{background-image:none;}
.cursor{cursor:hand pointer;}
.w485{width:485px;}
.margin-bot3{margin-bottom:3px !important;}
.address-disc li{ list-style:disc outside none;margin-top:3px;}
.underline{width:100%; height:1px; background-color:#ceeaf9; margin:10px 0; border-bottom:1px solid white;}

h1{background:url(/images/top_title_decoration.jpg) no-repeat 0 5px; display:inline-block; padding-left:63px; margin-top:10px;}
h3{background:url(/images/sub_title_decoration.jpg) no-repeat 0 4px; display:inline-block; padding-left:36px; margin:10px 0;}
h4{background:url(/images/ico_arrow_2.gif) no-repeat 0 6px; display:inline-block; padding-left:8px; margin-bottom:10px;}

/* ######### CSS  ######### */
body{
	margin:0;
	padding:0;
	background:url(/images/bg.jpg) top center no-repeat #f0f9ff;
	text-align:center;
	width:100%;
	height:100%;
}

div.master{
	margin:0 auto 0 auto;
	width:986px;
	position:relative;
	z-index:0;
	text-align:left;
	/*overflow:hidden;*/
}

.tb-default{width:714px; margin:10px 0;}
.tb-default tbody td, .tb-default tbody th{border-bottom:1px solid white; padding-left:11px; padding-top:11px; padding-bottom:5px; vertical-align:top;}
.tb-default th{width:125px; background:url(/images/tb_default_col_bg.gif) repeat-y right top #BAE4F4; font-weight:bold;}
.en .tb-default th{padding:11px; white-space:nowrap; _padding:5px 2px 5px 11px !important; vertical-align:middle;}
.tb-default td{background-color:#f5fafc;}
.tb-default tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:35px;}

.tb-consultation-list{margin-left:2px;}
.tb-consultation-list tbody td, .tb-consultation-list tbody th{padding:6px 3px; vertical-align:top; background-color:#fefaf4; color:#753c04;}
.tb-consultation-list tbody th{padding-left:28px; width:140px; font-weight:bold;}
.tb-consultation-col-long tbody th{width:210px;}
.tb-consultation-list td{background-color:#f5fafc; width:250px;}
.tb-consultation-list tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:25px;}
.tb-consultation-list thead td{background: url(/images/consultation_tb_head_bg.gif) repeat-x 0 0; height:28px; color:white; padding-left:28px; font-weight:bold; white-space:nowrap;}
.tb-consultation-list .col2{width:325px;}
.tb-consultation-list .hl, .tb-consultation-list .hl *{background-color:#f9f2e8;}
.tb-consultation-list .h2, .tb-consultation-list .h2 *{background-color:#FEFAF4;}

/* Station Information Zone */

/*.valign-mid tbody td{ vertical-align:middle !important;}*/
.tb-zone-list thead th{background:url(../images/stataion-zone-thead_bg.gif) repeat-x 0 0;height:30px; color:white;font-weight:bold;padding:6px 10px;}

.tb-zone-list tbody img{padding-left:25px; padding-top:2px;padding-bottom:5px;}
.tb-zone-list tbody tr{*height:30px;}
.tb-zone-list tbody td{padding-left:10px;padding-top:5px; padding-bottom:5px;vertical-align:top; background-color:#fefaf4; color:#753c04;*height:0px;}

.tb-zone-list tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:25px;}
.tb-zone-list thead td{background: url(/images/consultation_tb_head_bg.gif) repeat-x 0 0; height:28px; color:white; padding-left:28px; font-weight:bold; white-space:nowrap;}
.tb-zone-list .even, .tb-zone-list .even *{background-color:#f9f2e8;}



/*                   FOR 5 COLUMN                         */
.tb-consultation-list-5col{margin-left:2px;}
.tb-consultation-list-5col tbody td, .tb-consultation-list-5col tbody th{padding:6px 3px; vertical-align:top; background-color:#fefaf4; color:#753c04;}
.tb-consultation-list-5col tbody th{ width:50px; font-weight:bold;}
.tb-consultation-list-5col tbody td{padding-left:15px;}
/*.tb-consultation-col-long tbody th{width:180px;}*/
.tb-consultation-list-5col td{background-color:#f5fafc;}
.tb-consultation-list-5col tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:25px;}
.tb-consultation-list-5col thead td{background: url(/images/consultation_tb_head_bg.gif) repeat-x 0 0; height:28px; color:white; padding-left:15px; font-weight:bold; white-space:nowrap;}
/*.tb-consultation-list-4col .col2{width:325px;}*/
.tb-consultation-list-5col .hl, .tb-consultation-list-5col .hl *{background-color:#f9f2e8;}


/*                   FOR 4 COLUMN                         */
.tb-consultation-list-4col{width:714px; margin-left:2px;}
.tb-consultation-list-4col tbody td, .tb-consultation-list-4col tbody th{padding:6px 3px; vertical-align:top; background-color:#fefaf4; color:#753c04;}
.tb-consultation-list-4col tbody th{padding-left:28px; width:180px; font-weight:bold;}
/*.tb-consultation-col-long tbody th{width:180px;}*/
.tb-consultation-list-4col td{background-color:#f5fafc; width:178px;}
.tb-consultation-list-4col tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:25px;}
.tb-consultation-list-4col thead td{background: url(/images/consultation_tb_head_bg.gif) repeat-x 0 0; height:28px; color:white; padding-left:28px; font-weight:bold; white-space:nowrap;width:714px;}
/*.tb-consultation-list-4col .col2{width:325px;}*/
.tb-consultation-list-4col .hl, .tb-consultation-list-4col .hl *{background-color:#f9f2e8;}



/*                   FOR 3 COLUMN                         */
.tb-consultation-list-3col{width:714px; margin-left:2px;}
.tb-consultation-list-3col tbody td, .tb-consultation-list-3col tbody th{padding:6px 3px; vertical-align:top; background-color:#fefaf4; color:#753c04;}
.tb-consultation-list-3col tbody th{padding-left:28px; font-weight:bold;}
/*.tb-consultation-col-long tbody th{width:180px;}*/
.tb-consultation-list-3col td{background-color:#f5fafc;}
.tb-consultation-list-3col tfoot td{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; height:25px;}
.tb-consultation-list-3col thead td{background: url(/images/consultation_tb_head_bg.gif) repeat-x 0 0; height:28px; color:white; padding-left:28px; font-weight:bold; white-space:nowrap;}
/*.tb-consultation-list-3col .col2{width:325px;}*/
.tb-consultation-list-3col .hl, .tb-consultation-list-3col .hl *{background-color:#f9f2e8;}
.tb-consultation-list-3col .col2{width:325px;}






.tb-plain td{padding:6px 5px;}
.tb-plain td td{padding:0;}

ul.list-default, p.list-default{margin-top:5px;}
ul.list-default li, p.list-default{background: url(/images/ico_arrow_1.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:15px; width:100%;}
ul.list-default li ul{margin:0;}
ul.list-default li li{background:none; padding:0; margin:3px 0 3px 15px; list-style:disc;}
.list-default b{background: url(/images/ico_arrow_1.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:15px; width:100%;}
.egame-list .list-default li {padding:0 0 0 10px;}

.list-num li{list-style-type:decimal; margin-left:16px; *margin-left:23px; margin-bottom:12px;}

/*ul.content-list-1, ul.content-list-1 li{width:714px;}*/
ul.list-default .content-list-1, ul.list-default .content-list-1 li{width:704px;}



ul.step-4pic, ul.step-3pic, ul.step-2pic{background:#04AAC3; color:#fff; margin:0; padding:0; padding-bottom:5px; }
ul.step-2pic{width:360px; text-align:center;}
ul.step-4pic li, ul.step-2pic li{width:150px; padding:0; margin:0 10px 0 14px; float:left;}
ul.step-4pic li table{width:100%;}
ul.step-3pic li{width:33%}
ul.step-2pic li{width:41%; text-align:left;}

ul.h200{height:200px;}
ul.h230{height:230px;}
ul.h310{height:310px;}

.content-list-1, .content-list-1 li{width:704px; margin:0 auto;}
.content-list-1 li{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; padding:28px 0 18px 0; float:left;}

.normallist ul{padding:28px 0 18px 0;}
.normallist ul li{list-style:none;}

html a.thumb-1{width:205px; height:227px; background: url(/images/btn_thumb_1.jpg) no-repeat 0 0; display:inline-block; margin-left:22px; text-decoration:none;}
html a.thumb-1:hover{text-decoration:none;}
a.thumb-1:hover{background-position:0 -227px;}
a.thumb-1 img{margin-left:3px; margin-top:2px; border-top:1px solid #0DA0E5; border-bottom:1px solid #0DA0E5; width:200px; height:200px; overflow:hidden;}
a.thumb-1 p{font-size:11px; color:white; padding:0; padding-left:8px; padding-top:3px;}

html a.thumb-1b{width:205px; height:247px; background: url(/images/btn_thumb_1b.jpg) no-repeat 0 0; display:inline-block; margin-left:22px; text-decoration:none;}
html a.thumb-1b:hover{text-decoration:none;}
a.thumb-1b:hover{background-position:0 -247px;}
a.thumb-1b img{margin-left:3px; margin-top:2px; border-top:1px solid #0DA0E5; border-bottom:1px solid #0DA0E5; width:200px; height:200px; overflow:hidden;}
a.thumb-1b p{font-size:11px; color:white; padding:0; padding-left:8px; padding-top:3px; width:175px;}

html a.thumb-1c{width:205px; height:270px; background: url(/images/btn_thumb_1c.jpg) no-repeat 0 0; display:inline-block; margin-left:22px; text-decoration:none;}
html a.thumb-1c:hover{text-decoration:none;}
a.thumb-1c:hover{background-position:0 -270px;}
a.thumb-1c img{margin-left:3px; margin-top:2px; border-top:1px solid #0DA0E5; border-bottom:1px solid #0DA0E5; width:200px; height:200px; overflow:hidden;}
a.thumb-1c p{font-size:11px; color:white; padding:0; padding-left:8px; padding-top:3px; width:175px;}

html a.thumb-1d{width:205px; height:320px; background: url(/images/btn_thumb_1d.jpg) no-repeat 0 0; display:inline-block; margin-left:22px; text-decoration:none;overflow: hidden;}
html a.thumb-1d:hover{text-decoration:none;}
a.thumb-1d:hover{background-position:0 -320px;}
a.thumb-1d img{margin-left:3px; margin-top:2px; border-top:1px solid #0DA0E5; border-bottom:1px solid #0DA0E5; width:200px; height:200px; overflow:hidden;}
a.thumb-1d p{font-size:11px; color:white; padding:0; padding-left:8px; padding-top:3px; width:175px;}

a.thumb-2{width:205px; height:153px; background: url(/images/btn_thumb_2.jpg) no-repeat 0 0; display:inline-block; margin-left:22px;}
a.thumb-2:hover{background-position:0 -153px;}
a.thumb-2 img{margin-left:3px; margin-top:2px;}

.blue-box{width:228px; height:233px; background-color:#2a98c6; margin-bottom:30px;}
.blue-box img{width:216px; height:141px; margin:6px;}
.blue-box p{margin:0 6px; color:white; font-size:90%;}
.blue-box p>span{display: inline-block;
    border-bottom: 1px solid #fff;
    width: 100%;
    _width: 180px;
    margin: 3px 0 2px 0;
    padding-bottom: 3px;}
.en .blue-box{height:242px; _height:252px;}
.pc-ca .blue-box, .pc-ca .blue-box2{height:153px;}
.videoHolder{position:relative; clear:both; width:236px; height:205px; top:10px; left:-3px;display:inline-block;}
.videoHolder img{position:absolute; left:0; top:0; z-index:0; margin:2px 4px;}
.videoHolder .frame{z-index:10; margin:0; width:236px; height:179px;}
/*.pc-ca .high-blue-box{width:170px; height:275px; display:inline-block; padding:6px; padding-bottom:0; background-image:url(../images/btn_thumb_4.jpg);margin-bottom:30px;}
.pc-ca .high-blue-box img{width:170px; height:240px;}*/



.blue-frame{display:inline-block; padding-bottom:3px; background-color:#2a98c6;}
.blue-frame img{margin:3px;}
.blue-frame p{margin:0 3px; color:white; font-size:90%; padding:0;}

.main-content a.btn-contact, .main-content a.btn-contact:hover{width:165px; height:65px; display:inline-block; background:url(/images/btn_contact.jpg) no-repeat 0 0; color:white; text-decoration:none;  font-size:16px; font-weight:bold;}
.main-content a.btn-contact p{padding-left:75px; padding-top:16px;}
.main-content a.btn-contact:hover{color:#F79704;}
.en .main-content a.btn-contact, .en .main-content a.btn-contact:hover{background:url(/images/btn_contact_en.jpg); width:178px;}

.listing{width:100%;margin-left:7px; float:left;}
.listing p{ margin-bottom: 10px;}
ul.listing{margin-top:-10px; text-align:justify; margin-left:0; width:100%;}
ul.listing li{background: url(/images/ico_arrow_1.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:15px; width:70%;}
ul.listing li ul{margin:0;}
ul.listing li li{background:none; padding:0; margin:3px 0 3px 15px; list-style:disc;}

.listing-chi{width:100%;margin-left:3px; float:left;}
.listing-chi p{ margin-bottom: 10px;}
ul..listing-chi{margin-top:-10px; text-align:justify; margin-left:0; width:100%;}
ul.listing-chi li{background: url(/images/ico_arrow_1.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:15px; width:70%;}
ul.listing-chi li ul{margin:0;}
ul.listing-chi li li{background:none; padding:0; margin:3px 0 3px 15px; list-style:disc;}


.content-list-2, .content-list-2 li{width:704px; margin:0 auto;}
.content-list-2 li{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; padding:55px 0 2px 0; float:left;}

ul.blue-box2 li{width:216px !important; height:210px; display:inline-block; padding:6px; padding-bottom:0; background-image:url(../images/btn_thumb_2a.jpg); margin-bottom:6px;cursor:pointer;}
ul.blue-box2 p{margin:3px 0; color:#FFF; font-size:90%; padding:0; line-height:1.2em;}
ul.blue-box2 a{text-decoration:none;}
ul.blue-box2 a:hover{text-decoration:none;}

ul.blue-box3 li{width:216px !important; height:170px; display:inline-block; padding:6px; padding-bottom:0; background:url(../images/btn_thumb_3.jpg) right bottom; margin-bottom:6px;}
/**
 * ========================================
 *
 * 
/* change tabs function
 * ----------------------------------------
 *
 *
 *
 *
 */ 
/* Tabs
----------------------------------*/
.en #tabs-traffic li, .tc #tabs-traffic li{
	width: 116px !important;
}
.ui-tabs { 
    position: relative; 
	width:716px; 
	border:0px solid #000; 
	background:url('/images/tab_list_bg.jpg') 0 19px no-repeat;
	margin-bottom:15px;
}
.ui-tabs .ui-tabs-nav{ margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li{
	list-style: none; 
	float: left;
	position: relative; 
	padding:0;
	font-size:12px; 
	color:#666;
	width:116px;
	height:60px;
	float:left;
	background:url('/images/tab_normal.jpg') top center no-repeat;
	text-align:center;
	margin-right:2px;
	background-size: cover;
}
.Large .ui-tabs .ui-tabs-nav li {margin-right:1px;}
.ui-tabs .ui-tabs-nav li p{padding-top:16px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; text-align:center; display:inline-block; width:100%; font-weight:bold; color:#4b758c; padding-top:2px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ margin-bottom: 0; padding-bottom: 1px; background:url('/images/tab_selected_item.jpg') top center no-repeat;background-size: cover;height: 59px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected p, .ui-tabs .ui-tabs-nav li a:hover p{color:white;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; clear:both; background: url(/images/tab_content_bg.jpg) no-repeat left bottom; width:716px; overflow:hidden; padding-bottom:30px;}
.section-alignment .ui-tabs .ui-tabs-panel{width:724px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.tabs-long li.ui-state-default {width:120px; background-image:url('/images/tab_normal_long.jpg');}
.tabs-long li.ui-state-active, .tabs-long .ui-tabs-nav li.ui-tabs-selected {background-image:url('/images/tab_selected_item_long.jpg');}

.tab-content{background: url(/images/tab_content_bg.jpg) no-repeat left bottom;}
.tab-content select{position:absolute; top:63px; right:10px;}

.tab-content .top-banner{margin-left:2px; margin-top:23px; overflow:hidden;}

.ui-tabs .img-and-caption li, .ie6-tricks{width:180px; min-height:240px; height:240px; margin:0 8px 10px 0; padding:5px; float:left; background:none #fff; font-size:12px;_width:180px;display:block;_margin:0 8px 10px 0;_padding:5px;}
.ui-tabs .img-and-caption li.special-ie6tricks{width: 370px;}
.ui-tabs .img-and-caption li.special-ie6tricks .lastone{margin-left: 5px;}

.whiteFrames{ float:none; display:inline-block; margin-left:20px; width:180px; padding:5px;  background:none #fff; font-size:12px;_width:180px;_margin:0 0 10px 20px;_padding:5px; }
.ui-tabs .img-and-caption span{width:100%;*width:180px;_width:180px; margin:3px 0 2px 0; padding-bottom:3px; display:inline-block; font-weight:bold; border-bottom:solid 1px #4B758C; _float:left;}


/**
 * ========================================
 *
 * 
/* header
 * ----------------------------------------
 *
 *
 *
 *
 */
 
/*Back Up Header Style*/ 
/*div.header{	width:100%; height:58px;margin-right: auto;	margin-left: auto;	padding-top: 10px;	background: url(/images/headerBG.gif) no-repeat 0px 10px; color:#333333; font-size:12px;}
.header img{ border:0px; padding:0; margin:0;}
.headerLeft{float:left;}
.logo{margin-bottom:10px;}
.headerRight {float:right; padding-top:10px; padding-right:20px;}
.headerRight ul{height:50px; float:right; width:460px;}
.headerRight ul li{display:inline-block; padding:0 5px; vertical-align:text-bottom; float:left;}
.headerRight ul li img{vertical-align:text-bottom;}
img.menuline{border:0px; padding:0; margin:0 15px;}*/


 
/**
 * ========================================
 *
 * 
/* content
 * ----------------------------------------
 *
 *
 *
 *
 */ 
 
 
 /*     		VIDEO CLASS              */
 /*     	Knowledge CLASS              */
.video-list, .knowledge-list{
	list-style:none;
	color:#663300;
}


.video-list li{display:inline-block; width:236px; float:left; margin-right:22px;margin-bottom:72px;}
.video-list div{position:relative; clear:both; width:236px; height:205px; top:10px; left:-3px;}
.video-list div img{position:absolute; left:0; top:0; z-index:0; margin:2px 4px;}
.video-list .frame{z-index:10; margin:0; width:236px; height:179px;}
.height195{height:195px !important;}
.height335{*height:335px !important;}

/* Knowledge Centre */

.knowledge-list li{display:inline-block; width:236px; float:left; margin-right:22px;margin-top:20px;margin-bottom:20px;}
.knowledge-list div{position:relative; clear:both; width:236px; height:205px; top:10px; left:-3px;}
.knowledge-list div img{position:absolute; left:0; top:0; z-index:0; margin:2px 4px;}
.knowledge-list .frame{; margin:0; width:225px; height:191px; position:relative;}
.knowledge-list span{color:#b61e59;font-size:12px;}

.knowledge-list .read-comic{background-image:url(/images/multimedia_gallery/btn-read-comic-en.gif); background-repeat:no-repeat;position:absolute;top:163px;left:60px;width:113px;height:21px;}
.knowledge-list .read-comic:hover{background-position:left bottom;}

.tc .knowledge-list .read-comic{background-image:url(/images/multimedia_gallery/btn-read-comic-tc.gif);position:absolute;top:163px;left:60px;width:113px;height:21px;}
.tc .knowledge-list .read-comic:hover{background-position:left bottom;}

.organizer-icon{margin-top:30px;}



.video-box{width:534px; height:400px;}

.video-title{font-weight:bold;}




.outer-content{width:100%; float:left;} 

.col-1{position:relative; z-index:200; float:left;}
.col-1, menu, menu li{width:200px;}
menu{height:315px; background:url(/images/left_nav_bg.jpg) no-repeat 0 0 white; margin:0; padding:0; position:relative; z-index:500; }
menu li{display:inline-block; padding-left:10px; width:190px; position:relative;}
menu li a{width:138px; padding:11px 12px; display:inline-block; border-top:1px solid #194157; position:relative; text-decoration:none;}
menu li a:hover{text-decoration:none;}
menu li ul{position:absolute; left:189px; top:0; display:none;}
menu li ul a{padding:12px 8px; background-color:#0C76B0; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);}
.en menu li ul a{width:150px;}
.egame .brief{width:100%;background:url('/images/egame-bg.jpg') no-repeat right bottom;margin-bottom:20px; height:400px;}
.egame .brief-en{width:100%;background:url('/images/egame-bg.jpg') no-repeat right bottom;margin-bottom:20px; height:480px;}
.egame .enq{width:686;height:51px;background:url('/images/egame-enq.jpg') no-repeat 0 0;margin-bottom:20px;padding:15px;line-height:1.8em;}
.egame .enq-large, .egame .enq-em-text{color:#663300;font-weight:bold;text-decoration:none;}
.egame .enq-large {font-size:18px;}
.egame .tab-content {width:714px;background:url('/images/egame-tab-bg.jpg') no-repeat left bottom;}
.egame .tabTextsWrap{margin:30px 0 20px 0;}
.egame .tabTextsWrap div{margin:0 0 0 36px;}
.egame .tnc{margin-left:12px;}
.egame .tnc li{list-style-type:disc;background-image:none;padding:0;line-height:1.6em;}
.egame #judge-steps, .egame #judge-steps-en{position:relative;margin:20px 0 0 0;}
.egame #judge-steps ul{position:absolute;top:80px;_top:83px;left:0px;}
.egame #judge-steps-en ul{position:absolute;top:80px;left:0px;}
.egame #judge-steps ul li, .egame #judge-steps-en ul li{float:left;background-image:none;color:#ffffff;font-size:13px;}

/*Updated On 9/10/2013*/
.introImage{display:inline-block;}
.introImage li{ float:left;position:relative;padding-top:15px !important; padding-right:20px !important; margin-right:15px; width:223px; height:175px; z-index:999;}
.introImage a{ z-index:1;}
.introImage a img{ position:absolute; top:15px; left:15px ;margin:0 !important; z-index:1;}



/* ######### content page  ######### */
.inner-content{width:785px; float:left; margin-bottom:15px; #overflow:hidden;}
.main-content{width:716px; float:right; padding-top:20px; padding-bottom:20px; padding-right:40px; _height:250px; min-height:250px; position:relative;}
.top-visual, .top-visual img{width:787px; height:254px;}

.front-news{width:170px; height:85px; position:absolute; right:50px; top:75px; overflow:hidden; z-index:500;}
.en .front-news{top:63px;}
/*.front-news *{width:100%;}
.front .main-content{width:901px; float:left;}
.front .inner-content{width:901px; float:right; height:690px; position:relative;}
.front .col-1{position:absolute; left:0; top:68px;}*/
.front-news dt{margin-bottom:8px;}
.front .top-visual{width:787px; height:381px; float:right;}
.front .main-content{width:900px; height:243px; float:left; position:relative; position:relative; left:-113px; z-index:500;}
.front .inner-content{height:650px;}

.new-project-list{width:904px; margin-left:45px; margin-bottom:40px; position:relative; float:left; #float:none;}
.new-project-list dt{padding-bottom:4px;}
.new-project-list dd{height:32px; width:100%; background:url(/images/bg_new_project_list.jpg) no-repeat 0 0; padding-top:16px;}
.new-project-list .disc{width:11px; height:11px;}
.new-project-list table{/*margin-left:16px; margin-right:20px; float:left;*/ display:inline-block; }
.new-project-list th{width:19px;}

.benefit-list, .benefit-list li{width:714px;}
.benefit-list li, .egame-list li{background: url(/images/tb_default_footer_bg.gif) no-repeat 0 0; padding:28px 0 18px 0;}
.benefit-list li th{width:107px;}

.winner-photos{position:relative;}
.winner-photos li{width:248px;position:relative;display:inline-block;float:left;height:300px;margin:10px 1px 30px;}
.en .winner-photos li{height:325px;}
.winner-photos li, .introImage li{background: none; padding:0px 0 0px 0;}
.winner-photos li img, .introImage li img{margin: 14px 16px 29px 17px;position:absolute;}
.winner-photos li img.mask, .introImage li img.mask{left:0;margin:0;top:0;z-index:999;position:absolute;}
.winner-photos li div{clear:both;left:0;padding-left:20px;position:absolute;top:195px;margin:0px !important;}
.winner-photos li div span{display: block;float: left;font-weight: bold;position: relative;margin-right:10px;}

.list-pulication{clear:both; width:100%;}
.list-pulication li{display:inline-block; padding:2px; background-color:#faf1e8; float:left; margin-right:13px; margin-bottom:17px;}
.list-pulication li img{margin:1px;}
.list-pulication li p{margin:0 3px 3px; font-size:90%; padding:0;}
.en .advertorialsList li{ height:340px;}

.list-faq .tb-plain td{padding:3px;}
.list-faq .tb-plain{width:650px;}
.list-faq .list-style-1 li{width:620px;}

.faq-bubble .txt-bg{background-color:#3494c2; width:600px; color:white; padding:10px; font-weight:bold;}
.faq-bubble .bg-color{background-color:#3494c2;}
.faq-bubble .btm-bg{ background:url(/images/faq_bubble_btm_bg.gif) repeat-x 0 0;}

.list-style-1{margin:5px 0;}
.list-style-1 li{margin:3px 0; list-style-type:disc; padding:0; padding-left:7px; display:inline; background:url(/images/ico_arrow_3.gif) no-repeat 0 5px;}

html .sitemap-style li{background-position:0 11px; width:100%;}
.sitemap-style li li{margin:3px 0; list-style-type:none; padding:0; padding-left:7px; display:block; background:url(/images/ico_arrow_3.gif) no-repeat 0 7px;}
.sitemap-style h2{color:#4A6573; font-size:120%; font-weight:bold; display:inline-block; margin-top:6px;}
html .sitemap-style .title{color:#4A6573; font-size:120%; font-weight:bold; display:inline-block; margin-top:6px; text-decoration:none; background-position:0 7px;}
/**
 * ========================================
 *
 * 
/* footer
 * ----------------------------------------
 *
 *
 *
 *
 */
 
div.footer{
 	background:url(/images/bg_footer.jpg) repeat-x 0 0 #3aa6e2;
	width:100%;
	width:expression(document.body.clientWidth < 1000? "986px": "100%" );
	_height:100px;
	min-height:100px;
	padding-top:10px;
	border-top:1px solid #3aa6e2;
	clear:both;
}

div.footer div{width:986px; margin:0 auto;}

.global-link{display:inline-block; line-height:1em; float:left;}
.global-link a{display:inline-block; margin:0 23px; vertical-align:text-bottom; padding:2px 0;}
.copy{float:right;}
 
.tb-consultation-list-hd2{
	background: url("/images/consultation_tb_head_bg2.jpg") repeat-x scroll 0 0 transparent;
    color: white;
    font-weight: bold;
    height: 21px;
    padding-left: 28px;
	padding-top: 7px;
	margin-left:2px;
    white-space: nowrap;
    width: 714px;
}

.visit-img-set .blue-frame{vertical-align:top;width:314px;margin-bottom:10px;height:300px;}

/* benefit hide table */

.accordion-a{text-decoration:none !important; display:inline-block; height:20px; padding:2px 80px 2px 13px; position: relative}
.Large .accordion-a{padding:2px 80px 2px 20px;}

/* benefit hide table */


.bg-benefit-btn, .long-bg-benfit-btn {display:inline-block; height:20px; width:128px; background:url(/images/btn_progress_update_en_short.jpg) 0 0 no-repeat; color:#FFF !important; padding-top:2px\9; height:18px\9; vertical-align:central; text-align:center; cursor:pointer; margin-top:5px; margin-left:0; text-decoration:none !important;}
.en .bg-public-btn {display:inline-block; height:20px; width:200px; background:url(/images/btn_progress_update_en_long.jpg) 0 0 no-repeat; color:#FFF !important; padding-top:2px\9; height:18px\9; vertical-align:central; text-align:center; cursor:pointer; margin-top:13px; margin-left:0; text-decoration:none !important;padding-top:2px;}

.tc .bg-public-btn {display:inline-block; height:20px; width:150px; background:url(/images/btn_progress_update_tc_long.jpg) 0 0 no-repeat; color:#FFF !important; padding-top:2px\9; height:18px\9; vertical-align:central; text-align:center; cursor:pointer; margin-top:13px; margin-left:0; text-decoration:none !important;padding-top:2px;}

.tc .bg-benefit-btn { padding-top:3px\9;}
.en .Large .accordion tr td{ height:80px;}
.tc .Large .bg-benefit-btn { height:19px\9; padding-top:1px\9;}
.en .Large .bg-benefit-btn { padding-top:1px; height:19px; width:150px; background:url(/images/btn_progress_update_en_l.jpg) 0 0 no-repeat;}

/*protection-work*/
.internation-detail{ background:#f0f9ff; display:none; padding:20px; margin-top:80px; height:167px;}
.img-internation { float:left;}
.dropdown-caption {padding:45px 0 15px 0; width:60%; border-bottom:1px #8BC3D9 solid; float:left;margin-left:20px}
.last-update {padding-top:5px;float:left;width:60%; font-size:80%; margin-left:20px;}
.Large .internation-detail{ margin-top:60px;}

/*envir-heritage-preservation*/
.reset-li li {background:none;float: none; padding:0 0 5px 0; width:auto;}
.ul-evir li { width:228px !important; float:left !important; margin:5px !important; _margin:3px;}

/* Temporary Traffic Managements tabs 

.tc .taffic-year{position:absolute;right:38px;top:59px;}
.en .taffic-year{position:absolute;right:45px;top:59px;}*/



/* Knowledge new batch */

.knowledge-cover li{display:inline-block; width:236px; float:left; margin-right:55px;margin-top:20px;}
.knowledge-cover li p{color:#663300;padding-left:2px;}
.knowledge-cover div{position:relative; clear:both; width:242px; height:180px; top:0px; left:-3px;}
.knowledge-cover div h4{font-size:16px;color:#114865;margin-bottom:5px;font-weight:normal;}
.knowledge-cover div img{position:absolute;z-index:0; margin:2px 4px;top:28px;;left:0;}
.knowledge-cover .frame-cover{margin:0; width:242px; height:142px; position:relative;top:0;}

.knowledge-cover li .read-it{background-image:url(/images/multimedia_gallery/btn-read-it-en.gif); background-repeat:no-repeat;position:absolute;left:70px;top:141px;width:113px;height:21px;}
.knowledge-cover li .read-it:hover{background-position:left bottom;}

.tc .knowledge-cover li .read-it{background-image:url(/images/multimedia_gallery/btn-read-it-tc.gif); background-repeat:no-repeat;position:absolute;left:70px;top:141px;width:113px;height:21px;}
.tc .knowledge-cover li .read-it:hover{background-position:left bottom;}


.main-content .btnBack{background:url(/images/btn-back.gif) no-repeat scroll 0 1px transparent;display: inline-block;height: 21px;padding-left: 18px;padding-top: 1px;text-decoration:none;color:#0c6fa6;}

.btnBack:hover{text-decoration:none;}

.coloring-pad{padding-top:8px;padding-bottom:30px;padding-left:5px;}
.coloring-pTB{padding-top:8px;padding-bottom:30px;}

.tb-organizer{margin-top:30px;}

.pc-ca #tabs-3 .video-list li{ margin-bottom:20px;}
.pc-ca #tabs-3 .video-list h4{margin-bottom:0;}
.pc-ca #tabs-3 h4{ display:block; font-size:110%;}
.pc-ca .knowledge-cover{padding-top:10px;}
.pc-ca .knowledge-cover li .read-it{top:116px; left:70px;}
.pc-ca .knowledge-cover li{ margin-top:0;}
.pc-ca .knowledge-cover div img{ top:0; left:0;}

/**
 * ========================================
 *
 * 
/* mini revamp
 * ----------------------------------------
 *
 *
 *
 *
 */
 
/*Notice Pop Up*/
.popup{width:720px !important;}
.popup .inner-content{background:#fff;width:720px;}
.popup .main-content{width:100%;padding:0; float:none;}
.popup .content-notice-pop{min-height:200px;_height:200px;width:700px;background:#fff url(/images/bg_notices_pop_up.jpg) no-repeat 0 0;padding:10px;}
.popup .content-notice-pop p{line-height:2em;}
.popup h1, .popup h2{background:none;padding:5px 0 0 10px;}
.popup .content-notice-pop h3{background:none;padding-left:0;}
.content-notice-pop img, .txt-pop img{border:#000 thin solid;margin-bottom:15px;}
.content-notice-pop span, .txt-pop span{font-weight:normal;color:#663300;}

.txt-pop{background:none !important;min-height:100px;width:700px;padding:10px;}
.popup hr{color:#98e0ff;}
.popup .txt-pop h3{background:none;padding-left:0;}



/* Progress Update */
.disc{ list-style-type:disc !important;}

.mB30{margin-bottom:30px;}
.mT20{margin-top:20px;}
.mL10{margin-left:10px;}
.min-height li{height:280px !important;}
.height200 li{height:200px !important;}

.progress-update-map{position:relative; padding:0; text-align:left !important;}
.progress-update-map .map{background-color:#2f91b8;padding:2px;}
.progress-update-map p{font-size:12px;}

.progress-update-map .thumb{position:absolute; background:#bde7f4; padding:10px; text-align:left; border:2px solid #1889aa; color:#006; opacity:.95; -moz-opacity:.95; filter:alpha(opacity=95);}

/*Progress Update - Kowloon City Section*/
.progress-update-map .kowloon-city-section-1{top:110px; left:30px;}
.progress-update-map .kowloon-city-section-2{top:295px; left:240px;}
.progress-update-map .kowloon-city-section-3{top:275px; left:450px;}
.progress-update-map .kowloon-city-section-4{top:290px; left:660px;}
.progress-update-map .kowloon-city-section-5{top:210px; left:700px;}
.progress-update-map .kowloon-city-section-6{top:190px; left:565px;}
.progress-update-map .kowloon-city-section-7{top:210px; left:445px;}
.progress-update-map .kowloon-city-section-8{top:175px; left:290px;}

.en .progress-update-map .kowloon-city-section-1{top:60px; left:30px;width:550px;}
.en .progress-update-map .kowloon-city-section-2{top:295px; left:240px;}
.en .progress-update-map .kowloon-city-section-3{top:225px; left:590px;width:300px;}
.en .progress-update-map .kowloon-city-section-4{top:240px; left:730px;width:200px;}
.en .progress-update-map .kowloon-city-section-5{top:210px; left:700px;}
.en .progress-update-map .kowloon-city-section-6{top:190px; left:590px;width:280px;}
.en .progress-update-map .kowloon-city-section-7{top:190px; left:445px;width:300px;}
.en .progress-update-map .kowloon-city-section-8{top:140px; left:290px;width:200px;}

/*Progress Update - Hung Hom Section*/
.textWidth60{display:inline-block; width:60% !important; float:left;}
ul.content-list-1 li ul.imgNoneCaption li{display:block; background-color:#FFF; background-image:none;padding:2px;margin-left:0 !important;width:auto !important;}

/*.en .progress-update-map .kowloon-city-section-1{top:80px; left:30px;}
.en .progress-update-map .kowloon-city-section-2{top:260px; left:140px;}
.en .progress-update-map .kowloon-city-section-3{top:250px; left:390px;}
.en .progress-update-map .kowloon-city-section-5{top:195px; left:700px;}
.en .progress-update-map .kowloon-city-section-6{top:170px; left:640px;}
.en .progress-update-map .kowloon-city-section-7{top:140px; left:410px; width:350px;}
.en .progress-update-map .kowloon-city-section-8{top:125px; left:180px;}

*/
.progress-update-map span{display:inline-block; margin-bottom:5px;}

.holderSocial {position:absolute;right:24px;top:360px;#top:310px;*top:347px;}
.holderSocialLiTop {position:absolute;right:24px;top:20px;}
.en .holderSocial {position:absolute;right:0;top:25px;#top:25px;*top:25px;}

.socialIco span{background:none !important;}
.socialIco {
     background: none no-repeat scroll 0px 0px transparent;
     border: 0px none ! important;
     display: inline-block;
     float: left;
     height: 20px;
     margin-right: 6px;
     opacity: 0.8;
     overflow: hidden;
     width: 20px;
}

.socialIco:hover {
     opacity: 1;
}

.iconMail {
     background-image: url("/images/ico_social.gif");
     background-position: 0px -80px;
}

.iconFacebook {
     background-image: url("/images/ico_social.gif");
     background-position: 0px -100px;
}

.iconTweet {
     background-image: url("/images/ico_social.gif");
     background-position: 0px -440px;
}
.holder-ttms-desc{clear:both; float:left; width:100%;}
.holder-ttms-desc .tb-list{font-size:13px; margin:3px 0; text-align:justify;}
.holder-ttms-desc .tb-list *{padding:3px 0;}
.holder-ttms-desc .tb-list th{font-weight:normal; vertical-align:top;}
	
.map-ttms{margin-bottom:15px; position:relative;}


/* Index */
.ab{position:absolute;}
/*.news .inner-content{height:720px;}*/
.en.news .inner-content{height:860px;}
/*.index-bg{background: url("/images/index/event/index-bg.jpg") repeat-x scroll center top #d2eeff;height:100%;margin:0;padding:0;text-align:center;width:100%;}*/

.sildeshow-news{position:relative;width:100%;height:315px;}
.sildeshow-news .news-button{float:right;width:200px;height:315px;background:url(/images/index/news-col-bg.jpg) no-repeat 0 0;}
.sildeshow-news .news-button li{float:left;position:relative;top:290px;left:128px;height:10px; z-index:2000;}

* html .btn-news{background:url(/images/index/btn-news.gif) no-repeat 0 3px;height:11px;width:20px;}
* html .btn-news:hover{background-position:0 -9px;}

.btn-news{background:url(/images/index/btn-news.gif) no-repeat 0 0;height:11px;width:20px;display:block;*zoom:1;}

.activeSlide .btn-news{background-position:0 -12px; _background-position:0 -9px;}

.news-title ul{position:absolute;left:600px;top:20px;width:220px;height:250px;}
.news-title li{width:170px;height:250px; background:none !important;}
.news-title h3{font-size:18px;background-image:none;color:#FFF;padding-left:0;margin-top:0;}
.tc .news-title, .tc .news-title p h3{font-family: 黑体, 新細明體, mingliu, Helvetica, sans-serif;}
.news-title p{width:180px;color:#FFF;}
.en .news-title p{width:165px;color:#FFF;}
.en .news-title h3{font-size: 16px;}
.en .news-title .news-content{font-size: 12px;}
.news-title a{text-decoration:underline;color:#FFF; font-weight:bold;}
.news-title a:hover{text-decoration:none;}
.point{ background:url(/images/index/point.gif) no-repeat left 6px;padding-left:10px;}
.lastest-news{float:left;}
.lastest-news img, .lastest-news{width:585px;height:315px;} 

/*.index-info {height:524px;left:-200px;position:relative;width:985px; background:url(/images/index/section-line.jpg) no-repeat 0 0;}
.en .index-info {height:524px;left:-200px;position:relative;width:985px; background:url(/images/index/section-line_en.jpg) no-repeat 0 0;}*/
.section-line{position:absolute;top:100px;left:55px; }


.btn-section{background:url(/images/index/btn-section-line.gif) no-repeat 0 0;height:13px;width:12px;display:block; z-index:1; overflow:hidden;}
.btn-section:hover{background-position:0 -13px;}

/*.tai-wai{top:145px;left:102px;}
.hin-keng{top:136px;left:164px;}
.diamond-hill{top:129px;left:225px;}
.kai-tak{top:127px;left:289px;}
.to-kwa-wan{top:128px;left:358px;}
.ma-tau-wai{top:131px;left:430px;}
.ho-man-tin{top:137px;left:501px;}
.hung-hom{top:145px;left:568px;}
.exhibition{top:155px;left:640px;}
.admiralty{top:165px;left:711px;}*/

.tai-wai{top: 59px;left: 101px;}
.hin-keng{top: 50px;left: 163px;}
.diamond-hill{top: 43px;left: 224px;}
.kai-tak{top: 41px;left: 288px;}
.to-kwa-wan{top: 42px;left: 357px;}
.ma-tau-wai{top: 45px;left: 429px;}
.ho-man-tin{top: 51px;left: 500px;}
.hung-hom{top: 59px;left: 567px;}
.exhibition{top: 69px;left: 639px;}
.admiralty{top: 79px;left: 710px;}


.news-frame {/* width:985px; *//* height:90px; *//* top:150px; *//* left:10px; */}
.news-frame a{color:#003366;text-decoration:underline;font-weight:bold;}
.news-frame a:hover{text-decoration:none;color:#003366;}
.en .news-frame{/* width:985px; *//* height:90px; *//* top:220px; *//* left: 16px; */}

.news-frame h3{position:absolute;top:68px;left:15px;color:#FFFFFF;font-size:18px;background:none;}
.news-frame dl{margin-left: 15px;margin-right: 15px;;float:left;margin-top: 12px;display:block;*display:inline; height: 180px;}


/* fixing padding */
.news-frame .nItem1{
	_margin-left: 15px;
}

.news-frame .nItem2{
	_margin-left: 15px;
}

.news-frame .nItem3{
	_margin-left: 15px;
	_margin-right: 0;
}
/* fixing padding end */

.news-frame dt{background:url(/images/index/point2.gif) no-repeat 0 6px;padding-left:8px;font-size:13px;color:#003366;font-weight:bold;}
.news-frame dd{margin-left:156px;}
.news-frame .thumbnail{width:98px;margin-top:6px;}
.text{margin-left:0 !important;color:#003366;font-size:12px;width:145px;font-weight:normal;margin-top:6px;}


.txt-news{margin:0;padding:0;}
.txt-news li{margin-bottom:8px;}


/* Aignment */

.pT40{padding-top:40px;}
.rl{position:relative;}

.map-frame{display:inline-block;*display:block;padding:5px; background:#1c87b3;}

.alignment-map{margin:10px 0; position:relative;}

.alignment-map .exit { position: absolute;background:url(/images/exit.gif) no-repeat scroll 0 0 ; width:22px ; height:22px; pointer-events:none}
 
.alignment-map .map{background-color:#2f91b8;padding:2px;}
.alignment-map p{font-size:12px;}

.section-alignment .ui-tabs .ui-tabs-panel{background-image:none !important;}

.section-alignment .btn-progress{background:url(/images/project_details/alignment/btn-alignement-left.gif) no-repeat scroll 0 0 t; padding:15px; text-decoration:none !important;}
.btn-progress span{text-decoration:none !important;color:#FFF; cursor:pointer; background:url(/images/project_details/alignment/btn-alignement-right.gif) no-repeat right top;padding:15px;}

.thumb{position:absolute;}
.thumb p{color:#FFF;padding:0;}
.thumb img{margin-bottom:5px;}

/* Tai Wai Section */
.tai-wai-section{background-image:url(/images/project_details/alignment/tai-wai-lightbox.png);width:256px;height:203px;_height:202px;left:13px;top:112px;}
.tai-wai-section .map-frame{margin-right:15px;}

/* Hin Keng Section */
.hin-keng-section{background-image:url(/images/project_details/alignment/hin-keng-lightbox.png);width:311px;*width:314px;height:203px;top:65px;left:343px;}
.hin-keng-section .map-frame{margin-left:72px;}

/* Diamond Hill Section */
.diamond-hill-section{background-image:url(/images/project_details/alignment/diamond-hill-lightbox.png);width:252px;height:203px;top:260px;left:3px;}
.diamond-hill-section .map-frame{margin-right:30px;*margin-right:10px;_margin-right:15px;}

/* Kai Tak Section */
.kai-tak-section{background-image:url(/images/project_details/alignment/kai-tak-lightbox.png);width:293px;height:245px;top:112px;left:401px;_top:107px;*top:107px;}
.kai-tak-section .map-frame{margin-left:50px;}
.btnKai{position:absolute; top:337px; left:387px;}

/* To Kwa Wan Section */
.tokwawan-section-1{background-image:url(/images/project_details/alignment/tokwawan-lightbox2.png);width:238px;*width:242px;height:257px;top:180px;left:34px;paddding-bottom:42px;}
.tokwawan-section-2 {    background-image: url(/images/project_details/alignment/tokwawan-lightbox1.png); width: 237px; *width:242px; height: 203px; top: 20px; left: 414px; padding-left: 42px; pointer-events:none;}
/* .tokwawan-section-2{background-image:url(/images/project_details/alignment/tokwawan-lightbox1.png);width:237px;*width:242px;height:203px;top:20px;left:388px;padding-left:42px;} */

/* Ma Tau Wai Section */
.matauwai-section-1{background-image:url(/images/project_details/alignment/matauwai-lightbox1.png);width:259px;height:211px;top:33px;left:220px;}
.matauwai-section-1 .map-frame{margin-left:17px;}

.tc .matauwai-section-2{background-image:url(/images/project_details/alignment/matauwai-lightbox2.png);width:244px;height:220px;*padding:0 !important;top:20px;left:120px;}
.matauwai-section-2{background-image:url(/images/project_details/alignment/matauwai-lightbox2_en.png);width:266px;height:216px;top:33px;*padding:0 !important;left:100px;}
.matauwai-section-2 .map-frame{margin-right:25px;*margin:0;}
.matauwai-section-2.thumb img{*margin-bottom:0 !important;}

/*Ho Man Tin*/
.ho-man-tin-section{background-image:url(/images/project_details/alignment/ho-man-tin-lightbox.png);width:248px;height:236px;top:16px;left:63px;}
.ho-man-tin-section .map-frame{margin-right:20px;*margin-right:5px;}

/* Hun Hom Section */
.hung-hom-section{background-image:url(/images/project_details/alignment/hung-hom-lightbox.png);width:271px;height:203px;top:220px;left:20px;}
*.hung-hom-section .map-frame{margin-right:28px;}

/* Wan Chai Section */
.tc .wan-chai-section{background-image:url(/images/project_details/alignment/wan-chai-lightbox.png);width:238px;*width:243px;height:229px;top:14px;left:18px;}
.wan-chai-section{background-image:url(/images/project_details/alignment/wan-chai-lightbox_en.png);width:243px;*width:243px;height:238px;top:12px;left:18px;}


/* Admiralty Section */
.admiralty-section{background-image:url(/images/project_details/alignment/admiralty-lightbox.png);width:252px;*width:257px;height:203px;top:18px;left:452px;}
.admiralty-section .map-frame{margin-left:15px;}

.admiralty-section-new{background-image:url(/images/project_details/alignment/admiralty-lightbox-new.png);width:350px;*width:355px;height:230px;top:125px;left:35px;}
.admiralty-section-new .map-frame{margin-left:5px;background: none;}

.admiralty_map_new{display: block;position: absolute;width: 200px;height: 185px;left: 328px;top: 125px;z-index:10;background:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}



.more-info{padding:8px 0;}
.more{padding-left:40px;padding-top:20px;}

.tc .btn-blue{background:url(../images/project_details/alignment/btn-alignement.jpg) no-repeat left 0; padding-left:16px; text-decoration:none !important; cursor:hand; cursor:pointer; overflow:hidden; height:46px; display:inline-block;font-family:'宋体', 'simhei', arial;}
.tc .btn-blue span{background:url(../images/project_details/alignment/btn-alignement.jpg) no-repeat right 0; padding-left:16px 16px 28px 0; color:#fff; line-height:15px; display:inline-block;font-size:14px}

.btn-blue{background:url(../images/project_details/alignment/btn-alignement.jpg) no-repeat left 0; padding-left:16px; text-decoration:none !important; cursor:hand; cursor:pointer; overflow:hidden; height:46px; display:inline-block;font-family:Arial, Helvetica, sans-serif;}
.btn-blue span{background:url(../images/project_details/alignment/btn-alignement.jpg) no-repeat right 0; padding:16px 16px 28px 0; color:#fff; line-height:15px; display:inline-block;font-size:14px}

.btn-blue:hover{background-position:left -46px;}
.btn-blue:hover span{background-position:right -46px;}



/*Coloring Result*/

.txt-blue{color:#114865 !important;font-size:14px;font-weight:bold;margin-left:1px;}
.coloring-result{margin:0 12px 30px 0;}
.coloring-result p{color:#FFF;padding:0;}
.coloring-result img{margin-bottom:5px;}
.pc-ca .map-frame{background-color:#2A98C6;}

.diamondhill-listing{/*width:700px;*/*padding-top:0;}
.diamondhill-listing>li{*margin-top:15px; list-style:disc none outside !important;width:auto !important;}
.diamondhill-listing li{background:none;padding-bottom:10px;*padding-bottom:0;padding-top:0;*margin-left:8px;float:none;width:auto !important; _list-style:disc none outside !important;width:auto !important; _margin-top:15px;*margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.diamondhill-listing li li{ _list-style:none !important;_margin-top:0px}
.diamondhill-listing li>ul>li{background:none;padding-top:10px;padding-bottom:5px;list-style:none outside none !important;margin-left:5px;width:auto !important;}


/*Become a professional*/
.becomeProTable{margin:10px 0 15px 0;}



/*Revamp Publication*/
.publication ul.content-list-1, .publication ul.content-list-1 li{width:auto !important; background:none;display:inline-block;_display:inline;}
.publication .leaflet{margin-bottom:20px;}
.tab-content .content-list-1 .cancel-bg .list-pulication .advertorialsHeightrevise{height: 143px;}
.publication .leaflet .list-pulication li, .publication .tab-content .list-pulication li, .publication ul.content-list-1 li li{background-color:#faf1e8;}
.list-pulication li{_background:none;margin-left:20px;height:266px;_width:120px;}
.list-pulication li.advertorialsHeight{height:180px;}
.en .list-pulication li.advertorialsHeight{height:230px;}
.en .list-pulication li.advertorialsHeight p{width:157px;}
.list-pulication li p{padding-top:5px;width:120px;_width:120px;}

/*Revamp Community Engagement*/ 
.holderYear{display:none;}
.noInformation{ text-align:center;padding-top:100px;}

/*Related Works*/
.rnHolder{ padding-bottom:25px;}
.rnHolder a{color:#864a0f; text-decoration:underline;}
.rnHolder a:hover{color:#6c3a08;}
.rnHolder h4{margin-left:7px;}
.rnList{ padding-left:7px;}
.rnList li { float:left;padding:0 14px 14px 0;}
.rnHolder ul.imgCaption li{ background-color:#fff; padding:2px 2px 20px 2px; display:inline-block; width:180px; float:left; margin-right:20px; height:250px; margin-bottom:15px;}
.rnHolder ul.imgCaption li span{ border-bottom:1px #4B758C solid; display:inline-block; margin:3px 0 2px 0; padding-bottom:3px; font-weight:bold; width:100%;_width:180px;}

.enlargeHolder a.thumb-1b, .enlargeHolder a.thumb-1c, .enlargeHolder a.thumb-1d{ margin-left:0; padding-right:20px;}
.enlargeHolder p{ width:160px;}

.rnHolder .ui-tabs{ margin-bottom:0;}
.rnHolder .ui-tabs .ui-tabs-panel{ padding-bottom:0;}

.relatedWork.knowledge-cover div{ height:auto; margin-bottom:5px;}
.relatedWork.knowledge-cover .frame-cover{ top:0;}
.relatedWork.knowledge-cover div img{ top:5px;}
.relatedWork.knowledge-cover li{ margin-top:0;}
.relatedWork.knowledge-cover li .read-it{ top:116px;}

.rnHolder .blue-box{
	height: auto;
	margin-right: 20px;
}

/*Revamp Landing and Header*/


/*
===============
Header
===============
*/ 
div.header{	
	width:100%;
	height:85px;
	/*height: 76px;*/
	margin-right: auto;	
	margin-left: auto;	
	padding-top: 6px;	
	background: #fff url(/images/headerBG.gif) no-repeat 0px 10px; 
	/*background: #fff url(/images/headerBG.gif) no-repeat 0px 23px; */
	color:#333333; 
	font-size:12px; 
	z-index:2;
	position:relative;
}
.header img{ 
	border:0px; 
	padding:0; 
	margin:0;
}
.logo{margin-bottom:10px;}
.em .logo{width:279px;}
.headerLeft{ position:relative;}
.headerMenu { 
	position:absolute; 
	top:45px; 
	left:240px;
}

.headerMenu a:link, .headerMenu a:visited{
	color:#333333;
	text-decoration:none;
}

.headerMenu a:hover{
	color:#39A6E1;
	text-decoration:none;
}

img.menuline{
	border:0px; 
	padding:0; 
	margin:0 15px;
}

.headerRight{
	position:absolute;
	/*top:10px;
	left:730px;*/
	top: 10px;
	right: 19px;
}

.headerRight img{
	width: 148px;
	height:42px;
}

/*
===============
Banner
===============
*/ 

.tc.news .inner-content{height:785px;}

.index-bg{
	background: url("/images/index/event/index-bg.jpg") no-repeat scroll center top #d2eeff;
}
.index-info {
	height:524px;
	left:-200px;
	position:relative;
	width:985px;
	background:url(/images/index/event/tc/section-line.jpg) no-repeat 0 0;
}

.en .index-info {
	height:524px;
	left:-200px;
	position:relative;
	width:985px;
	background:url(/images/index/event/en/section-line.jpg) no-repeat 0 0;
}

.eventHolder{
	position:absolute;
	top:0;
	left:-147px;
	width:1280px;
	z-index:0;

}

.tc .eventHolder{
	height:1100px;
	overflow:hidden;
}

.eventHolder ul{
	display:inline-block;
	width:147px;
}

.eventHolder ul li{
	width:147px !important;
	height:1200px !important;
}


.index-bg .footer{
	position:relative;
	z-index:0;
}

.index-bg #wrapper{
	z-index:1;
}

.index-bg .new-project-list{
	margin-left:45px !important;
}

.eventHolder .leftCol li{
	width:148px;
}


/*.tai-wai{
	top:193px;
	left:102px;
}
.hin-keng{
	top:184px;
	left:164px;
}
.diamond-hill{
	top:177px;
	left:225px;
}
.kai-tak{
	top:175px;
	left:289px;
}
.to-kwa-wan{
	top:176px;
	left:358px;
}
.ma-tau-wai{
	top:179px;
	left:430px;
}
.ho-man-tin{
	top:185px;
	left:501px;
}
.hung-hom{
	top:193px;
	left:568px;
}
.exhibition{
	top:203px;
	left:640px;
}
.admiralty{
	top:213px;
	left:711px;
}*/

.tc .news-frame h3{
 	position:absolute;
	top:113px;
	left:15px;
	color:#FFFFFF;
	font-size:18px;
	background:none;
}

/* .tc .news-frame dl{
	margin-left:50px;
	float:left;
	margin-top:168px;
	display:block;
	*display:inline;
} */

/* revamp home */
.infoContent{
	position: relative;
	left: -200px;
	width: 986px;
}

.infoContent .whatsnewsWrap {
	position: relative;
	height: 180px;
	overflow: hidden;
	padding: 74px 62px 0 65px;
	background: url('../images/index/event/en/section-line2.jpg') no-repeat;
}

.tc .infoContent .whatsnewsWrap{
	height: 176px;
}

.tc .infoContent .whatsnewsWrap {
	background: url('../images/index/event/tc/section-line2.jpg') no-repeat;
}

.lineVisual{
	position: relative;
	height: 230px;
	background: url('../images/index/event/en/section-line2.jpg') 0 -234px no-repeat;
	/* top: 8px; */
	_top: 0;
}

.tc .lineVisual{
	background: url('../images/index/event/tc/section-line2.jpg') 0 -234px no-repeat;
}

.lineVisual ul{
	position: relative;
	/* top: -146px; */
	/* left: -1px; */
}

.whatsNewsHolder li{
	background-color: transparent !important;
	background: url('../images/index/border-whatnews.jpg') 0 6px no-repeat;
	min-width: 286px;
}

.whatsnewsWrap .navLeft{
	position: absolute;
	background: url('../images/index//what-news-nav.jpg') 0 0 no-repeat;
	width: 29px;
	height: 41px;
	left: 36px;
	top: 113px;
	z-index: 500;
	display: block;
}

.whatsnewsWrap .navRight{
	position: absolute;
	background: url('../images/index//what-news-nav.jpg') -29px 0 no-repeat;
	width: 29px;
	height: 41px;
	right: 33px;
	_right: 35px;
	top: 113px;
	display: block;
	z-index: 500;
}


.teachLineHolder{
	display: block;
}

.teachLineHolder .blue-box{
	height: auto;
	background-color: transparent;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0;
}

.teachLineHolder .blue-box img{
	background-color: #2a98c6;
	padding: 4px;
	margin: 6px 0 6px 0;
	width: auto;
	height:auto;
}

.teachLineHolder .blue-box a{
	text-decoration: none;
}

.teachLineHolder .blue-box a:hover{
	text-decoration: underline;
}

.teachLineHolder .tb-organizer{
	margin-bottom: 40px;
}

.newProjHol{
	/*width: 740px;*/
	/*width:520px;*/
	margin:0 auto;
	text-align: center;
}

.en.news div.footer{
	min-height: 150px;
}

.en.news .inner-content{
	height: 810oxl
}

.tc .newProjHol{
	/*width: 506px;*/
	/*width:390px;*/
	margin:0 auto;
	text-align: center;
}

.tipsCursor{
	color: #fff;
    font-size: 13px;
    width: 629px;
    margin: 0 auto;
    padding: 10px 20px 15px 20px;
    /*margin-top: -3px;*/
    background:#1c87b3;
}

.slidetab .ui-tab{
	position: relative;
    width: 716px;
    border: 0px solid #000;
    margin-bottom: 15px;
}
.gallery.slidetab .menuboxs{
	width: 100%;
	margin: 0;
    padding: .2em .2em 0;
    background: transparent;
}
.gallery.slidetab .tab-content{
	margin: 0;
    padding: .2em .2em 0;
}
.gallery.slidetab .menuboxs li{
	list-style: none;
    float: left;
    position: relative;
    padding: 0;
    font-size: 12px;
    color: #666;
    width: 85px;
    height: 60px;
    float: left;
    background: url(/images/tab_normal.jpg) top center no-repeat;
    text-align: center;
    margin-right: 2px;
    background-size: cover;
}
.gallery.slidetab .menuboxs li.ui-tabs-selected{
	margin-bottom: 0;
    padding-bottom: 1px;
    background: url(/images/tab_selected_item.jpg) top center no-repeat;
    background-size: cover;
    height: 59px;
}
.gallery.slidetab .menuboxs li a p{
	padding-top: 8px;
}
.tc .gallery.slidetab .menuboxs li a p{
	padding-top: 16px;
}
.gallery.slidetab .ui-tabs-panel{
	background: #f0f9ff;
}
.gallery.slidetab .tab-content img{
    padding-top: 10px;
}
.gallery.slidetab .nav-left, .gallery.slidetab .nav-right{
    height: 26px;
}
.gallery.slidetab .nav-left {
    left: 20px;
}
.gallery.slidetab .nav-right {
    right: 14px;
}
.gallery.slidetab .nav-left, .gallery.slidetab .nav-right {
    top: 520px;
}
.gallery.slidetab .caption{
	top: 525px;
}
.gallery.slidetab .galleria li img{
	height: 52px !important;
}
.galleria_wrapper img{
	width: 100%;
	height: 438px;
}