/*
Global
*/

body{
	/* width: 1024px; */
	margin: 0;
	padding: 0;
	height: 100%;
	/* float: left; */
	font-family: Arial,PMingLiu;
	font-size: 15px;
	color: #3E290F;
	background-color: #FFFFFF;
	/*line-height: 1.375em; */
	background-image: url('../images/background.jpg');
	background-repeat: no-repeat;
	background-position: -145px 0; 	
}
@media (min-width: 768px) {
	body{
		background-position: center top; 	
	}
}
.left{float:left;}
.right{float:right;}
.contentbox {width:730px; margin:0px 0px 0px 18px; background-color:#FFF;padding:17px;}
.clear{clear:both;display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}

.boldtxt {font-weight:600;}
.bold {font-weight:900;}
.redtxt {color:#FF0000;}
.greentxt {color:#4D7D24;}

a {color: #EF4D14;text-decoration:none;}
a:hover { color:#EF4D14;  text-decoration:underline;}
a:visited {/* color:#4778A4; */text-decoration:none;}
a:visited:hover { /*color:#4778A4; */ text-decoration:underline;}

a.grey {color:#666 ; text-decoration:none}
a.grey:hover {color:#666 ; text-decoration:underline}
a.grey:visited {color:#666 ; text-decoration:none;}
a.grey:visited:hover {color:#666 ; text-decoration:underline;}

p{line-height:1.4em;}

table, tr, td{
	vertical-align: middle;
	border:1px solid #c3c3c3;
}

table {
border-width: 1px;
border-spacing: 1px;
border-collapse: collapse;
border-style: none;
/*margin-bottom: 20px;*/
}



th{
border-width: 2px;
padding: 4px;
border-style: solid;
font-weight: bold;

}

tr:first-child{
background: #D3E5EF;
font-size:100; color:#000 !important;
}

td{
border-width: 1px;
padding: 8px;
line-height:1.4em;
}

sup{position: relative;top: -3px;vertical-align: top;color:#666;font-weight:100;line-height: 1em;}

thead sup{
position: relative;
top: -3px;
vertical-align: top;
color:#000;
font-weight:100;
}

img{
	/* float:left; */
	/* display:block; */
	/* border:0px; */
	/* padding:0px; */
	/* margin:0px; */
}
ul{
	margin:0;
	padding: 0;
	list-style-type: none;
}
li{
	margin:0;
	padding: 0;
	/* list-style-type: disc; */
}

select {font-size:0.9em}
input {font-size:0.9em} 

h1{
    font-weight:bold;
    padding-bottom: 2px;
    line-height: 25px;
    }

 h1 a:hover { text-decoration:none;}

.insidecontent h1 {padding-left: 20px;}
.indexcontent h1 a,.insidecontent h1 a{font-size:131%; color:#006033  !important;}
h2 {font-size: 1.333em;color: #00743D !important;padding:0px 0px;margin:0px 0px 18px 0px;font-weight: bold;/* line-height: 1.3; */}
.h2address { margin-top:12px;}
hr.h2headline { border-color:#73C5BE; border-style:solid; width:100%;}
.aerial h2{
	margin-top:20px;
}

h1 {font-size: 1.466em;color: #0071BB !important;padding:0px 0px;/* margin: 22px 0px 10px 0px; */font-weight:bold;}

h1:lang(zh-HK),
h2:lang(zh-HK){
	font-family: Microsoft JhengHei, PMingLiU, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
h1:lang(zh-CN),
h2:lang(zh-CN){
	font-family: SimHei, Microsoft YaHei, PMingLiU, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
h1 span.number{
	margin-left: 7px;
	font-family: Arial, Helvetica, sans-serif; 
}

h2 span.number{
	font-family: Arial, Helvetica, sans-serif; 
}

.aerial h1{
	display:none;
}

 h1{
 	margin-bottom: 18px;
 }



.small_size{
    font-size: 12px;
}

.middle_size{
    font-size: 15px;
}

.large_size{
    font-size: 18px;
}



.txt-left{
	text-align: left !important;
}

.txt-center{
	text-align: center !important;
}

.text-xs-center{
	text-align: center !important;
}

@media (min-width: 768px) {
	h1{
		line-height: 30px;
		margin-bottom: 18px;
	}
	.text-sm-left{
		text-align: left !important;
	}

	.text-sm-right{
		text-align: right !important;
	}


}

@media (min-width: 768px) {
	h1 {font-size: 1.75em;}
	h2 {font-size: 1.466em;}
}



.wrapper{
	/* width: 1000px; */
	/* margin-left: 12px; */
	/* margin-right: 12px; */
}
.header{
	/* width:1024px; */
	/* height:47px; */
	margin-top: 19px;
	overflow: visible;
}
.aerial .header{
	display:none;
}
.content{ width:1024px;}
.contentfooter {padding-left:20px;margin-bottom:20px;font-size:0.9em; line-height:1.4em}
.bttextsize{float:left;margin-top: 3px;}
@media (min-width: 768px) {
	.bttextsize{float:left; margin-top: 0px;}
}
.btclose{ float:right; margin-top:24px; margin-right:15px;}
 
.mainbarfontsize1,
.mainbarfontsize2{
	margin-right: 7px;
	width: 17px;
	height: 17px;
}

.mainbarfontsize3{
	margin-right: 12px;
	width: 17px;
	height: 17px;
}

.langselect{
	float:left;
	padding-right:30px;
	margin-top: 3px;
	font-family:PMingLiU, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size: 1em;
	color: #3E290F;
}

.langselect a{ color:#3E290F; text-decoration:none; }
.langselect a:hover{ color:#666;text-decoration:underline;}
.langselect a:visited{ color:#3E290F; text-decoration:none; }
.langselect a:visited:hover{ color:#666;text-decoration:underline;}


.style-list{
	line-height: 1.4em;
	margin: 10px 0px;
}
.style-list span{
	float: left;
}

.style-list div{
	margin-left: 25px;
}



/*
 * Header 
 * */
 
.header .ha-logo:lang(en){
	width: 176px;
	height: 23px;
	/* margin: 19px 0px 0px 0px; */
}

@media (min-width: 768px){
	.header .ha-logo{
		width: auto;
		height: auto;
	}
}
 
.header .btn_over{
	
}


.change-language-link, .search-link {
	font-size: 24px;
	margin: 0 15px 0 0;
}
.change-language-link img, .search-link img{
	vertical-align: inherit;
}
a.change-language-link{ color:inherit; text-decoration:none;}
a.change-language-link:hover { color:inherit; text-decoration:underline;}
a.change-language-link:visited {color:inherit; text-decoration:none;}
a.change-language-link:visited:hover { color:inherit; text-decoration:underline;}

a.search-link{ color:inherit; text-decoration:none;}
a.search-link:hover { color:inherit; text-decoration:underline;}
a.search-link:visited {color:inherit; text-decoration:none;}
a.search-link:visited:hover { color:inherit; text-decoration:underline;}





/*
footer 
*/

.footer-left{font-family:arial;}
.footer-left ul{margin: 0;padding: 0;width:100%;float: left;/* text-align: center; */}
@media (min-width: 768px) {
	.footer-left ul{text-align:left;}
}
.footer-left ul li{/* float: left; *//* margin-right: 5px; */list-style-type: none;/* margin-bottom:12px; */display: inline;}
.footer-left ul li a, .footer-left ul li a:visited{color:#3E290F;}




/*
Index Page
*/


.wrapper .indexcontent{
	width:100%;
	min-height:590px; 
}
/*without ballot*/	
.wrapper .indexcontent .btn-wrapper{
	margin-bottom: 210px;
    margin-top: 80px;
}

.wrapper .indexcontent .logo{
	margin-top: 51px;
	margin-bottom: 33px;
}

.wrapper .indexcontent .logo img{
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.wrapper .indexcontent .index-top img {display:block;}
.wrapper .indexcontent .index-middle {width:100%; height:300px; background-repeat:no-repeat; text-align:center; margin-top:60px;}
.wrapper .indexcontent .nav { 
	text-align:center;
}
.wrapper .indexcontent .nav a { 
	display:inline-block; 
	width:168px; 
	height:76px; 
	background-repeat: no-repeat;
}


.wrapper .insidecontent{width:100%; }


.remark{  line-height:1.2em;}

.line { border-top:1px solid #CCC; margin-top:6px; width:100%;padding-bottom:26px;  }
.back-top {
    font-size: 0.9em;
    color: #3E290F;
    line-height: 1.4em;
    margin-top: 30px;
    margin-bottom: 24px;
}


.flat-title{
	color: #0d5000 ;
}

.flats-table{
	text-align: center;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	margin-bottom: 26px;
}

@media (min-width: 768px) {
	.flats-table{
		word-wrap: inherit;
	}
	.flats-table tr td:nth-child(1){
		width: 15%;
		/* min-width:100px; */
	}

	.flats-table tr td:nth-child(2){
		width: 15%;
		/* min-width: 80px; */
	}

	.flats-table tr td:nth-child(3){
		width: 15%;
		/* min-width: 100px; */
	}

	.flats-table tr td:nth-child(4){
		width: 53%;
		/* min-width: 350px; */
	}
}

.large_size .flats-table tr td:nth-child(1){
	/* min-width: 70px; */
}

.large_size .flats-table tr td:nth-child(2){
	/* min-width: 80px; */
}

.large_size .flats-table tr td:nth-child(3){
	/* min-width: 50px; */
}

.large_size .flats-table tr td:nth-child(4){
	/* min-width: 417px; */
}

.app-table{
	width: 100%;
}

.app-table tr td{
	vertical-align:top;
}

.app-table tr td:nth-child(1){
	width: 190px;
}
.app-table  p {
	padding-bottom: 0px !important;
}

.app-table span{
	float: left;
}

.app-table .app-desc{
	margin-left: 20px;
}

.tbl-border-no {border-width: 0px; border:0px none #FFF;}
.tbl-border-no td {border-width: 0px; border:0px none #FFF;}

.cell01 {width:70px;}
.cell02 {width:450px;}

ul.bullet-blue-bubble,ul.bullet-blue-bubble li,ul.bullet-blue-bubble-para,ul.bullet-blue-bubble-para li{list-style-image:url(images/square_arrow.gif); }
.tbl-bullet ul.bullet-blue-bubble{margin-left:30px;}
ul.bullet-blue-bubble li{margin-bottom:0px;}
ul.bullet-blue-bubble-para li{margin-bottom:5px;}

.video-img img{
	margin-right: 20px;
	float: left;
}
.video-desc{
	padding-top: 28px;
	/* min-height: 144px; */
	margin-bottom: 20px;
	/* margin-left: 20px; */
	min-width: 296px;
	float: left;
}

.large_size .video-desc{
	/* padding-top: 0px; */
}

.main-header {
	width: 764px;
	height: 140px;
	margin-left: 18px;
}

.back-to-top{
    /* background: url(images/arrow_red.gif); */
    /* background-repeat: no-repeat; */
    /* width: 11px; */
    /* height: 14px; */
    display: inline-block;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4.4px 6.79px 4.4px;
	border-color: transparent transparent #8ad5dd transparent;
}


.wrapper .content .nav a.menu01.on{
	background-image:url(images/menu_01_on.png);
}

.wrapper .content .nav a.menu02.on{
	background-image:url(images/menu_02_on.png);
}

.wrapper .content .nav a.menu03.on{
	background-image:url(images/menu_03_on.png);
}

.wrapper .content .nav a.menu04.on{
	background-image:url(images/menu_04_on.png);
}

.wrapper .content .nav a.menu05.on{
	background-image:url(images/menu_05_on.png);
}

.wrapper .content .nav a.menu06.on{
	background-image:url(images/menu_06_on.png);
}



.ka-shun .content .nav,
.ping-yan .content .nav,
.ballot .content .nav{
	margin-top: 22px;
}


.sitemap .hidden_item,
.nav .hidden_item,
.sitemap_wrap .hidden_item{
	display:none !important;
}

hr.headline { border-color:#73C5BE; border-style:solid; width:95%;}

.hide { display:none !important; }

.dl-transcript {width:100%; font-size:0.85em;}
.dl-transcript a, .dl-transcript a:visited { padding:6px; background:#eee; border:1px solid #ccc; display:inline-block; margin-bottom:0px; color:#000; border-radius: 4px; margin-top:-14px !important; }
.dl-transcript a:hover, .dl-transcript a:hover:visited { background:#ddd; text-decoration:none; }


/*
popup-page
*/

.popup-page{
	background-image:url(images/aerial-bg.jpg); background-repeat:no-repeat; 
	width: 1024px;
}


.popup-page .wrapper{
	width: 1024px;
}

.popup-page .aerial-title{
    background-image: url(images/red-dot.png);
    background-repeat: no-repeat;
    width: 25px;
    display: inline-block;
    height: 25px;
    background-size: 90%;
    background-position-y: 2px;
    vertical-align: text-bottom;
}

.popup-page p{line-height:1.4em; margin-bottom:10px;}

.popup-page .wrapper .popup-box{padding:20px; width:960px; }

.popup-page h1 {font-size:1.6em; font-weight:bold; color:#0d5000;line-height:1.4em; border-bottom: 3px solid #0d5000; margin-bottom:12px;}

.boxarea { width:100%; margin-bottom:10px; vertical-align:bottom;}

.boxarea img{
	float: none;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
}

.popup-page .wrapper .top {width:728px; height:4px;}

.popup-page .wrapper .popup-box .content {width:920px; margin-bottom:20px;text-align: justify; }

.popup-page .wrapper .popup-box .content ul.remarkpoint li{ margin-left:20px; line-height:1.4em; list-style-type:decimal; margin-bottom:8px; }

.popup-page .popupfooter {margin-bottom:20px;font-size:0.9em}

.popup-page .wrapper .indexfooter {padding:20px;font-size:0.9em}

/*
video-page
*/

body.video{
    background: none;
    margin: 0px;
    width: 100%;
    height: 100%;
    overflow:  hidden;
}

body.video .wrapper{
	width: 100%;
	height: 100%;
	margin: 0px;
}

/*
menu
*/

.menu-table,
.menu-table tr,
.menu-table td{
	border: 0px;
}

.menu-table ul li,
.menu-table ul li a {
	width: 100% !important;
}

.left-menu{
	width: 249px;
    float: left;
    position: relative;
}

.middle-content{
	width: 751px;
    min-height: 500px;
    float: left;
}

.general-info .middle-content,
.re-sale .middle-content{
	margin-bottom: 200px;
	position: relative;
}

.left-menu .menu-list li{
	list-style-type: none;
}



/**
 * */
 
 
 hr{
	border: 0px;
    height: 5px;
	background-repeat: no-repeat;
	margin: 20px 0px;
}

 p{
	padding-bottom: 26px;
	margin:0;
}
 p.last{
	padding-bottom: 0px;
}

  ul li{line-height:2em;}
  ul.remarkpoint li{line-height:1.4em; list-style-type:none; margin-bottom:8px; }
 t p{padding-bottom:26px;}
 ul.dotpoint li{color:#000; font-size:1em; margin-left:16px;line-height:1.4em; margin-bottom:16px; list-style-type: disc; }
 ul.addresspoint li{color:#000; font-size:1em; margin-left:16px;line-height:1.4em; margin-bottom:16px;  list-style-type:initial; }
 ul.submission-point li {font-size:1em; margin-left:28px; line-height:1.4em; margin-bottom:16px; list-style-type:decimal; }

 .dropdown-header{
	font-weight: 700;
	/* background: #ffffff; */
	border: 1px solid #0071BB;
	border-bottom: 0px;
	padding: 20px 20px 20px 0;
	position: relative;
	font-size: 1.2em;
	border-left:0;
	border-right:0;
}

 .dropdown-box:first-child .dropdown-header{
	/* border-top: 0px; */
	/* border-left:0; */
	/* border-right:0; */
}
 .dropdown-box:last-child .dropdown-header{
	/* border-top: 0px; */
	/* border-left:0; */
	/* border-right:0; */
	border-bottom: 0px;
}

 .dropdown-btn{
	position: absolute;
	top: 20px;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

 .dropdown-btn.down{
	background-image: url(../images/arrow-s2.png);
}

 .dropdown-btn.up{
	background-image: url(../images/arrow-s1.png);
}

 .dropdown-content{
	padding: 0px 30px 20px 00px;
	/* border: 1px solid #C3C3C3; */
	border-top: 0px;
	border-bottom: 0px;
	display: none;
}



/*
 * General Info 
 * */
 
.general-info,
.re-sale {
	background-image: url(images/gen_bg_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	margin-bottom: -30px;
}

.general-info .footer-left,
.re-sale .footer-left{
	background-image: url(images/gen_bg_bottom.png);;
	background-position: left bottom;
	background-repeat: no-repeat;
	height:427px;
	width: 1024px;
}

.general-info .wrapper .indexcontent,
.re-sale .wrapper .indexcontent{
	min-height: 800px;
}

 .general-info  .bold{
	font-weight: bold;
 }
 
 .general-info .content-header{
	position: relative;
 }
 
 .general-info .expand-collapse-all,
 .re-sale .expand-collapse-all{
	position: absolute;
	right: 20px;
	top: 20px;
	font-weight: 700;
	font-size: 1.2em;
	color: #0d64c2;
 }
 
 .general-info .footer-left{
	margin-top: -400px;
	margin-left: -10px;
	float:left;
 }
 
 .general-info .footer-left .left{
	padding-left: 10px;
	padding-top: 420px;
 }
 
 .general-info ,
 .re-sale {
	border: 0px;
	border-bottom: 1px solid #C3C3C3;
	padding: 0px;
	position: relative;
 }
 
 .general-info .income-asset-table{
	text-align: center;
 }


/*
 *Choi Hing Court 
 * */

 .choi-hing {
	margin-bottom: 30px;
 }
 
 .court{
	background-image: url(images/court_bg.jpg);
	background-repeat: no-repeat;
 }
 
.court-list li{
	margin-left: 20px;
	list-style-image:url(../images/list-bullet.png);
}
.hoi-lok-court .court-list li{
	list-style-image:url(../images/dot1.png);
}
.kai-long-court .court-list li{
	list-style-image:url(../images/dot2.png);
}
.yu-tai-court .court-list li{
	list-style-image:url(../images/dot3.png);
}
 
.court-list li a{
	color: #337ab7;
}

 a{
	color: #337ab7;
}

/*
 *Re-sale flats 
 * */

.re-sale .middle-content{
	min-height: 0px;
}

 .re-sale  .dropdown-header{
 	height: 40px;
 	padding: 10px 20px;
 }
 
  .re-sale  .dropdown-box:last-child .dropdown-header{
  	padding: 10px 20px;
  	padding-bottom: 0px;
	height: 50px;
  }
 .resale-list li{
	margin-left: 20px;
	list-style-image:url(images/resale-list-bullet.png);
}

.resale-banner-wrapper{
	height: 50px;
}

.re-sale .footer-left{
	margin-top: -400px;
	margin-left: -10px;
	width:1024px; 
	float: left;
}

.re-sale .footer-left .left{
	padding-left: 10px;
	padding-top: 420px;
}


/*
 Cover 
 * */
 
 
.cover {
	background-image:url(images/background.jpg); background-repeat:no-repeat; 
}

.cover  .indexcontent .logo{
	margin-top: 80px;
}
 
.cover .footer-left div{
	height: 47px;
}

.cover .footer-left ul{
	width: 650px;
}

.cover .wrapper .indexcontent{
	min-height: inherit;
}



 .ngan-ho ,
 .ngan-wai {
	margin-bottom: 30px;
 }
 
 
 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    /* margin: 0 auto; */
	display: inline;
 }
.carousel-image{
	/* margin-left:auto; */
	/* margin-right:auto; */
}
 .carousel-inner > .item  {
    text-align: center;
 }

.change-language-link, .search-link {
	font-size: 24px;
	margin: 0 15px 0 0;
}
.change-language-link img, .search-link img{
	vertical-align: inherit;
}
a.change-language-link{ color:inherit; text-decoration:none;}
a.change-language-link:hover { color:inherit; text-decoration:underline;}
a.change-language-link:visited {color:inherit; text-decoration:none;}
a.change-language-link:visited:hover { color:inherit; text-decoration:underline;}

a.search-link{ color:inherit; text-decoration:none;}
a.search-link:hover { color:inherit; text-decoration:underline;}
a.search-link:visited {color:inherit; text-decoration:none;}
a.search-link:visited:hover { color:inherit; text-decoration:underline;}

.hos-minisite.carousel {
	background-image: url('../images/banner-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; 
}
.hos-minisite .carousel-control {
	width:38px;
	height:100%;
	position: absolute;
	top: 0;	
	margin-top: 0;	
}
.hos-minisite .carousel-control .glyphicon-chevron-left{
	background-image: url('../images/arrow1.png');
}
.hos-minisite .carousel-control .glyphicon-chevron-left:hover, .hos-minisite .carousel-control .glyphicon-chevron-left:active{
	background-image: url('../images/arrow1_1.png');
}
.hos-minisite .carousel-control .glyphicon-chevron-right{
	background-image: url('../images/arrow2.png');
}
.hos-minisite .carousel-control .glyphicon-chevron-right:hover, .hos-minisite .carousel-control .glyphicon-chevron-right:active{
	background-image: url('../images/arrow2_1.png');
}
.hos-minisite .carousel-control .glyphicon-chevron-left, .hos-minisite .carousel-control .glyphicon-chevron-right{
	background-repeat: no-repeat;
	background-position: center center; 
	width:38px;
	height:100%;
	position: absolute;
    top: 0;	
    margin-top: 0;	
}
.hos-minisite .carousel-control .glyphicon-chevron-left{
	left: 0;
	margin-left:6px;
	padding-left:0;
}
.hos-minisite .carousel-control .glyphicon-chevron-right{
	right:0;
	margin-right:6px;
	padding-right:0;
}
.hos-minisite .glyphicon-chevron-left:before {
  content: "";
}
.hos-minisite .glyphicon-chevron-right:before {
  content: "";
}

.navigation-button{
	min-width: 200px;
	height:44px;
	/* color: white; */
	/* background-color: #4778A4; */
	font-size: 1.2em;
	font-weight: bold;
	margin: auto 10px auto 10px;
	border-radius: 0;
	border: 0;
	padding: 0 10px;
	line-height:  44px;
}
.button-container-div{
	margin-top: 21px;
}
.general-information-button-div{
	margin-bottom: 15px;
}
.ballot-result-button-div{
	margin-bottom: 15px;
}
.flat-selection-button-div{
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	.button-container-div{
		margin-bottom: 21px;
	}
}
.footer{
	/* text-align: center; */
	margin-bottom:15px;
}
.copyright-text:lang(en){
	font-size: 0.8em;
}
@media (min-width: 768px) {
	.footer{
		text-align: left;
	}
	.copyright-text:lang(en){
		font-size: 1em;
	}
}
.top-bar-change-language-link-wrapper{
	float: left;
	font-size: 100%;
}
@media (min-width: 768px) {
	.last-revision-date{
		text-align: right;
	}
}
.general-info-hr{
	margin-top: 5px;
	margin-bottom: 0px;
	border: 0;
	border-top: 5px solid #0071BB;
}

.expand-collapse-all{
	font-weight: bold;
	/*font-size: 0.933em;*/
}
a.expand-collapse-all{
	color: #00743D;
}
.expand-collapse-all.expand .expand-all-text{
	display:block;
	margin-bottom: 5px;
}
.expand-collapse-all.expand .collapse-all-text{
	display:none;
}
.expand-collapse-all.collapse .expand-all-text{
	display:none;
}
.expand-collapse-all.collapse .collapse-all-text{
	display:block;
	margin-bottom: 5px;
}
.court-list{
	margin-top: 15px;
}
.court-list p{
	padding-bottom: 0px;
	margin-bottom:  14px;
}
p.court-last-paragrahp{
	border: 1px solid #4778A4;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	/* padding-bottom: 20px; */
	margin-bottom: 4px;
}
.hoi-lok-court p.court-last-paragrahp{
	border-color: #9C1A41;
}
.kai-long-court p.court-last-paragrahp{
	border-color: #3C5CA8;
}
.yu-tai-court p.court-last-paragrahp{
	border-color: #00743E;
}

.modaal-notice-outermost-wrapper.modaal-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	overflow: hidden;
	text-align: center;	
}
.modaal-notice-outermost-wrapper .modaal-outer-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	display: inline-block;
	max-width: 800px;
}
.modaal-notice-outermost-wrapper .modaal-inner-wrapper {
	padding: 125px 20px 20px 20px;                   
	margin: 0; 
	height: 100%;                 
	width: 100%;                  
	overflow: hidden;
	display: block;
}
.modaal-notice-outermost-wrapper .modaal-container {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	color: inherit;
}
.modaal-notice-outermost-wrapper .modaal-content{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: white;
}
.modaal-notice-outermost-wrapper .modaal-content-container {
    padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
.wrapper{
	height: 100%;
	display: flex;
	flex-flow: column;
	padding: 12px;
}
.content-wrapper{
	overflow: auto;
	height: 100%;
	flex: 1;
	margin: 0 0 15px 0;
	word-wrap: break-word;
}
.intro{
	margin-bottom: 15px;
}

.content-wrapper-column{
	height: 100%;
}

.btn-accept{
	margin-bottom: 15px;
}

.change-language{
    /* width:60px; */
    /* height: 1em; */
    position: absolute;
    /* bottom: -23px; */
    /* left: 50%; */
    z-index: 9;
    margin-left: -16px;
    text-align: center;
    background: #3E290F;
    color: white;
    vertical-align: middle;
    line-height:  1em;
    padding: 5px 7px;
    display:none;
    top: 30px;
}
.change-language .triangle{
    width: 0px;
    height: 0px;
    border:6px solid transparent;
    border-bottom: 6px solid #3E290F;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left:-6px;
}

.change-language a { color:#fff; text-decoration:none;}
.change-language a:hover { color:#fff;  text-decoration:underline;}
.change-language a:visited { color:#fff; text-decoration:none;}
.change-language a:visited:hover { color:#fff;  text-decoration:underline;}

.x {
  float:left;
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#CCC;
  border-radius:2px;
  border:solid 2px #FFF;
  transition: all .3s ease-out;
  cursor:pointer;
}
.x.large {
  width: 18px;
  height: 18px;
}
.x strong{
  display:block;
  position:absolute;
  height:0;
  width:0;
  padding:0;
  margin:0;
}
.x.large strong {
  border: solid 7px rgba(255,255,255,0);
}

.x strong:nth-child(1){
  border-top-color:#FFF;
  top:-1px;
}
.x strong:nth-child(2){
  border-left-color:#FFF;
  left:-1px;
}
.x strong:nth-child(3){
  border-bottom-color:#FFF;
  bottom:-1px;
}
.x strong:nth-child(4){
  border-right-color:#FFF;
  right:-1px;
}

.modaal-search-box-div{
	padding: 10px;
}
.search-box{
	width: 100%;
	padding: 6px;
	font-size: 1.333em;
}
.search-box-wrapper{
	width: 100%;
	padding: 22px 40px 40px 40px;
	/* float:left; */
}
.search-box-wrapper .glyphicon{
	font-size: 1.333em;
	vertical-align:  middle;
	line-height:  1.333em;
	/* margin: 3px 0; */
}

.access {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.right-addon button {color: #00743D;text-decoration:none;}
.right-addon button:hover { color:#00743D;  text-decoration:underline;}
.right-addon button:visited { color:inherit; text-decoration:none;}
.right-addon button:visited:hover { color:inherit;  text-decoration:underline;}

.right-addon button{
	background:none;
	border:none;
	padding:0;
}

.modaal-search-box-outermost-wrapper.modaal-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	overflow: hidden;
	text-align: center;	
}
.modaal-search-box-outermost-wrapper .modaal-outer-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	display: inline-block;
	max-width: 600px;
}
.modaal-search-box-outermost-wrapper .modaal-inner-wrapper {
	padding: 60px 20px 20px 20px;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: block;
}
.modaal-search-box-outermost-wrapper .modaal-container {
	padding: 0;
	margin: 0;
	height: auto;
	width: 100%;
	color: inherit;
}
.modaal-search-box-outermost-wrapper .modaal-content{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: white;
}
.modaal-search-box-outermost-wrapper .modaal-content-container {
    padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

.hamburger {
    background: transparent;
    border: none;
    position: relative;
    height: 28px;
    width: 30px;
    z-index: 999;
    display:inline-block;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}

.hamburger.open-nav .hamb-top {
    top: 0px;
}

.hamburger.open-nav .hamb-middle {
    top: 6px;
}

.hamburger.open-nav .hamb-bottom {
    top: 12px;
}

.hamburger.open-nav .hamb-top,
.hamburger.open-nav .hamb-middle,
.hamburger.open-nav .hamb-bottom {
    background-color: #3E290F;
	height: 2.5px;
    position: absolute;
    width: 25px;
	left: 2.5px;
}
.hamburger.open-nav .hamb-text{
	left: 0;
	top: 15px;
	font-size: 12px;
	position: absolute;
	height: 2.5px;
}

a.menu-link { color:inherit; text-decoration:none;}
a.menu-link:hover { color:inherit;  text-decoration:underline;}
a.menu-link:visited { color:inherit; text-decoration:none;}
a.menu-link:visited:hover { color:inherit;  text-decoration:underline;}

.menu-close-button{
	text-align:right;
}

.modaal-menu-outermost-wrapper.modaal-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	overflow: hidden;
}
.modaal-menu-outermost-wrapper .modaal-outer-wrapper {
	padding: 0;   
	margin: 0;    
	height: 100%; 
	width: 100%;  
	display: block;
}
.modaal-menu-outermost-wrapper .modaal-inner-wrapper {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: block;
}
.modaal-menu-outermost-wrapper .modaal-container {
	padding-top: 0;
	padding-right: 0;
	margin: 0;
	height: 100%;
	width: auto;
	color: inherit;
	display: inline-block;
	float: right;
	background-color: rgba(0,0,0,0);
	box-shadow: none;
}
.modaal-menu-outermost-wrapper .modaal-content{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	/* background-color: rgb(230,230,230); */
	/* background-color: rgba(230,230,230,0.5); */
}
.modaal-menu-outermost-wrapper .modaal-content-container {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.navbar-nav .bttextsize-wrapper {
	margin: 0;	
	display: inline-block;
}
.navbar-nav .bttextsize-wrapper  .bttextsize {
	margin:0;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* 
hacking for display scroll bar in iphone/android chrome
*/
.table-responsive,
.modaal-notice-outermost-wrapper .content-wrapper{
	/*somewhere set this value to touch explicitly 
	and causing all customization has no effect, so need to override it here*/
	-webkit-overflow-scrolling: auto; 
}

.table-responsive::-webkit-scrollbar ,
.modaal-notice-outermost-wrapper .content-wrapper::-webkit-scrollbar {
	-webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical,
.modaal-notice-outermost-wrapper .content-wrapper::-webkit-scrollbar:vertical {
	width: 15px;
}

.table-responsive::-webkit-scrollbar:horizontal,
.modaal-notice-outermost-wrapper .content-wrapper::-webkit-scrollbar:horizontal {
	height: 15px;
}

.table-responsive::-webkit-scrollbar-thumb,
.modaal-notice-outermost-wrapper .content-wrapper::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
}

.table-responsive::-webkit-scrollbar-track,
.modaal-notice-outermost-wrapper .content-wrapper::-webkit-scrollbar-track {		
	background-color: #f1f1f1;
}


.btn-primary {
  color: #ffffff;
  background-color: #EF4D14;
  border-color: #EF4D14;
  border: 1px solid;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #EF4D14;
  background-color: #ffffff;
  border-color: #EF4D14;
}
.btn-primary:hover {
  color: #EF4D14;
  background-color: #ffffff;
  border-color: #EF4D14;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #EF4D14;
  background-color: #ffffff;
  border-color: #EF4D14;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #EF4D14;
  background-color: #ffffff;
  border-color: #EF4D14;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #EF4D14;
  border-color: #EF4D14;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #D3EFE0;
  color: #00743D;
}
.nav > li > a {
  color: #00743D;
}
.nav > li.disabled > a {
  color: #00743D;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #EF4D14;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #D3EFE0;
  border-color: #D3EFE0;
}

.navbar-nav{
    background-color: white;
}

.navbar-nav:lang(zh-HK){
    min-width: 203px;
}
.navbar-nav:lang(zh-CN){
    min-width: 203px;
}

.navbar-nav > li {
    background: #D3EFE0;
    width: 200px;
}

.navbar-nav > li:lang(zh-HK) {
    font-size: 1.467em;
}
.navbar-nav > li:lang(zh-CN) {
    font-size: 1.467em;
}


/*
* WSM 2018
*/

.eligibility-criteria ol{
	list-style: lower-alpha;
	margin-left: 40px;
}

.eligibility-criteria ol li{
	margin-bottom: 10px;
}

.eligibility-criteria table{
    text-align: center;
}

ul.dotpoint li:last-child{
	margin-bottom: 0px;
}

.app-period-header{
	text-align: center;
}

.app-form-guide{
	margin-bottom: 20px;
}

.list-disc{
	float: left
}


.list-disc-content{
	padding-left: 26px;
}


.note{
	float: left;
}

.note-content{
	padding-left: 47px;
}

.note-content:lang(zh-CN),
.note-content:lang(zh-HK){
	padding-left: 32px;
}


.container-right{
	margin-right: -23px;
}

.container-right:lang(zh-CN),
.container-right:lang(zh-HK){
	margin-right: -20px;
}

/*
ballot
*/

.ballot-results .ballot-header{
	text-align: center;
}

.ballot-results .note-content{
	text-align: justify;
}

.ballot-results .note-content{
	padding-left: 50px;
}

.ballot-results .note-content:lang(zh-CN), 
.ballot-results .note-content:lang(zh-HK){
	padding-left: 70px;
}

@media (min-width: 768px) {
	.container-right,
	.container-right:lang(zh-CN),
	.container-right:lang(zh-HK){
		margin-right: 0px;
	}

	.top-bar-change-language-link-wrapper{
		margin-left: 18px;
	}
}