@charset "utf-8";
html {font-size: 100%;}
body{ font-family: Arial,Helvetica,sans-serif; line-height:15px; font-size: 1em; margin:0;padding:0;background: #FFF;color:#000;}
.home_bg > div{
                background: rgb(255,255,255);
                background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(177,177,205,1) 100%);
}

.clear:after, #article:after, #main_content:after{
                clear: both;
                content: "";
                display: table;
}

/*Public*/
xmp {
	white-space: pre-wrap;
}
div, form, img, ul, h1, h2, h3, ol, li, dl, dt, dd, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}
p,ul,ol{
	margin-bottom:20px;
}
.disc ul,.disc ol{
	margin-bottom:0px !important;
}
li {
	list-style-type:none;
}
a:link {
	color: #000;
	text-decoration:none;
}
a:visited {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #000;
	text-decoration:none;
}
a:active {
	color: #000;
	text-decoration:none;
}
.access {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}
.clear {
	clear:both;
}
.blank {
	width:100%;
	height:20px;
	overflow:hidden;
	clear:both;
}
.iframe{
  border:none;
  overflow-y:scroll  !important;
  overflow-x:hidden  !important;
  overflow:auto !important;
}
.blank10 {
	width:100%;
	height:10px;
	overflow:hidden;
	clear:both;
}
.blank5 {
	width:100%;
	height:5px;
	overflow:hidden;
	clear:both;
}
.f_l {
	float:left;
}
.f_r {
	float:right;
}
.f_f_r{
  float:right;
}
a.bgnone{
	background:none !important;
}
a.bgnone:hover{
	background:#505b91 !important;
}
#header {
	width:100%;
	line-height:22px;
}
.top_t{
	width: 1280px;
	margin:0 auto;
	color:#fff;
	font-size:12px;
	padding:5px 0px;
	position:relative;
}
#main_content {
	width:1280px;
	margin:0 auto;
}
#content {
	width: 985px;
	float:left;
	margin-left:10px;
}
#menu {
	float: left;
	width: 285px;
	z-index:10;
/*	margin-top: 68px; */
}

.toggleMenu {
	display:block;
	width:45px;
	height:40px;
	background:url(../../images/nav_icon.png) no-repeat left top;
	display: none;
	position:absolute;
	left:0px;
	top:0px;
	border-right:1px #fff solid;
}
.mn_active{
	background:url(../../images/nav_icon_hover.png) no-repeat left top;
}
.search{
	display:none;
}
.content_c a:link {
	color: #445188;
	text-decoration:none;
}
.content_c a:visited {
	color: #445188;
	text-decoration:none;
}
.content_c a:hover {
	color: #445188;
	text-decoration:underline;
}
.content_c a:active {
	color: #445188;
}
.center{
	text-align:center;
}
.underline{
	text-decoration:underline;
}
.inline li,.inline{
	display:inline;
}
.disc,.circle,.decimal,.upper_alpha,.margin_left_20,.circle,.square,.lower_alpha{
	margin-left:20px;
}
.content_c ul li,.content_c ol li{
	margin-bottom:5px;
}
.content_c ul,.content_c ol{
	margin-bottom:20px;
}
.disc > li{
	list-style:disc;
	text-align:left;
}
.circle > li{
	list-style:circle;
}
.decimal > li{
	list-style-type:decimal;
}
.disc li a{
	text-decoration:none;
}
.disc li a:hover{
	text-decoration:underline
}
.upper_alpha > li{
	list-style-type:upper-alpha;
}
.lower_alpha > li{
	list-style-type:lower-alpha;
}
.lower_roman > li{
	list-style-type:lower-roman;
}
.square > li{
	list-style-type:square;
}
.margin_bottom_20 li,.margin_bottom_20{
	margin-bottom:20px !important;
}
.margin_bottom_0{
	margin-bottom:0px !important;
}
.padding_top_0{
	padding-top:0px !important;
}
.padding_bottom_0{
	padding-bottom:0px !important;
}
.disc,.circle,.square{
	margin-left:40px;
}
.margin_right_5{
	margin-right:5px;
}
.margin_right_10{
	margin-right:10px;
}
.margin_right_40{
	margin-right:40px;
}
.margin_left_5{
	margin-left:5px;
}
.margin_left_10{
	margin-left:10px;
}
.margin_left_20{
	margin-left:20px;
}
.margin_left_40{
	margin-left:40px;
}
.margin_bottom_10 li{
	margin-bottom:10px !important;
}
.margin_bottom_20 li{
	margin-bottom:20px !important;
}
h1 .h1_small_font{
	font-weight:normal;
}

.width560{
	width:560px;
}



/*h2 a,h3 a,h4 a,p strong a{
	text-decoration:underline !important;
}*/
.space{
	margin:0 2px;
  font-weight: bold;
}
.border{
	border:1px #99A0BE solid;
	padding:20px 5px 5px 5px;
	margin-bottom:40px;
}
.title_bg{
	padding:5px 0px;
}
.modal_bg{
	background-color: black;
}
.modal_bg .modal-header{
	border-bottom-color: black;
}
.modal_bg .modal-header button{
	color: white;
}
.modal_marigin{
	padding:10px 0px 30px 0px;
}
.modal_video{
	width: 100%;
	height: 100%;
}
.close{
	opacity:1;
}
.bock_border{
	border:1px #000 solid;
	padding:10px;
	margin-bottom:20px;
}

.border_no td{
	border:0px #fff solid !important;
	padding-left:0px !important;
}

.form_width{
	width: 98%;
}

/*end*/

h1{
	color:#333a5a;
	margin-bottom:20px;
	padding:5px 0px;
}
h2,h2 a{
	color:#445188 !important;
	margin-bottom:20px;
}
h3,h3 a{
	color:#3C71D5 !important;
	margin-bottom:20px;
}
h4{
	color:#158190;
	margin-bottom:20px;
	margin-top:0px;
}
.logo{
	position:absolute;
	left:52px;
	top:0px;
}
#skiptocontent{
	/*display: none !important;*/
}
.skiptocontentstyle{
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
}
.content_c{
	padding:0px 10px;
}
/*Header*/
.home{
	margin-top:4px;
	margin-left:241px;
}
.langue_t{
	margin-left:10px;
}
.langue_t a,.langue_t a:hover{
	color:#fff;
	margin-left:8px;
	padding:4px 6px;
	background:#6974a0;
	text-decoration:none;
}
.font_site_printer_view a{
	color: #fff;
}
.font_site_printer_view a:hover{
	color: red;
	text-decoration: underline;
}
.font_site_printer_view{
	width:auto;
	border-left:1px #fff solid;
	border-right:1px #fff solid;
	margin-left:12px;
	padding-right:12px;
	padding-left:12px;
	height:20px;
  position: relative;
}
.table-responsive{width:100%;}
.table-border td{border:1px #99A0BE solid; padding-left:5px; width:20%;}
/* .f_l.font_site_printer_view:before {
  width: 1px;
  height: 20px;
  content: "|";
  color: #fff;
  position: absolute;
  top: 0;left: 0;
}
.f_l.font_site_printer_view:after {
  width: 1px;
  height: 20px;
  content: "|";
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
} */

.font_site_printer_view ul li.font_site{
	width:85px;
}
.font_site_printer_view ul li.printer_view{
	width:100px;
	margin-left:0px;
}
.font_site_printer_view ul li.printer_view img{
	margin-right:8px;
	padding-top:2px;
}
.top_box_left{
		width:25%;
		float:left;
	}
.top_box_right{
		width:75%;
		float:right;
	}
.top_box_right_r{
	float:right;
}
.search_r{
	float:left;
	padding-left:10px;
	border-right:1px #fff solid;
	padding-right:10px;
	height:20px;
  position: relative;
}
/* .search_r:after {
  width: 1px;
  height: 20px;
  content: "|";
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
} */
.search_r a{
	color:#fff;
	font-weight:bold;
}

/*menu*/
.nav{
	position:relative;
	margin-bottom:10px;
}
#menus{
	float:left;
	border-top:3px #99a0be solid;
	margin-top:138px;
}
.nav > li{
	width:285px;
	float:left;
	position:relative;
	border-bottom:1px #ced1dc solid;
	background:#f1f1f1;
}
.nav li a{
	background:url(../../images/menu_icon.png) no-repeat right 13px;
	padding:8px 20px 8px 10px;
	width:285px;
	display:block;
	color: #505b91;
}

.nav li a:hover,.nav li a:focus{
	background:#505b91 url(../../images/menu_icon_o.png) no-repeat right 13px;
	padding:8px 20px 8px 10px;
	width:285px;
	display:block;
	color:#fff;
}
.nav li a#jud_hover,.nav li a.jud_hover{
	background:#505b91 url(../../images/menu_icon_o.png) no-repeat right 13px;
	padding:8px 20px 8px 10px;
	width:285px;
	display:block;
	color:#fff;
}
#menus > ul > .menu_hover > a,.nav li a:focus{
	color:#fff;
	background:#505b91 url(../../images/menu_icon_o.png) no-repeat right 13px;
	padding:8px 20px 8px 10px;
	width:285px;
	display:block;
}
#sub_menu li,.sub_menu li{
	margin:0px;
	padding:0px;
	width:285px;
	background:#dbeef8;
	position:relative;
	float:left;
}
#sub_menu li a,.sub_menu li a{
	width:281px;
	padding:10px !important;
	background:#dbeef8 !important;
	display:block;
	color:#012056 !important;
	border-bottom:1px #dbeef8 solid;
	margin-left:3px !important;
	border-top:1px #dbeef8 solid;
	float:left;
}
#sub_menu li a,.sub_menu li a{
	width:281px;
	padding:10px !important;
	background:#dbeef8 !important;
	display:block;
	color:#012056 !important;
	border-bottom:1px #dbeef8 solid;
	margin-left:3px !important;
	border-top:1px #dbeef8 solid;
	float:left;
}
#sub_menu li a,.sub_menu li a{
	padding-right:15px !important;
}
#sub_menu li a#jud_hover,.sub_menu li a#jud_hover{
	width:281px;
	padding:10px !important;
	margin-left:0px !important;
	display:block;
	padding-right:15px !important;
}
#sub_menu li a#jud_hover,.sub_menu li a#jud_hover{
	padding-right:15px !important;
}
.menu_hover .sub_menu_li a{
	width:281px;
	padding:10px !important;
	margin-left:3px !important;
	display:block;
	color:#012056 !important;
}
.menu_hover .sub_menu_li a{
	padding-right:15px !important;
}
.menu_hover #sub_menu li a:hover,.menu_hover .sub_menu li a:hover,#menus ul .menu_hover .menu_hover > a,#nav > li > ul > li a#jud_hover{
	width:281px;
	padding:10px !important;
	background:#c7d7e9 !important;
	text-decoration:none;
	display:block;
	color:#012056 !important;
	border-bottom:1px #adc7e2 solid;
	border-top:1px #adc7e2 solid;
	margin-left:3px !important;
	margin-right:1px !important;
  padding-right:15px !important;
}
#nav > li > a#jud_hover{
	width:100%;
	background:#505b91 url(../../images/menu_icon_o.png) no-repeat right 13px !important;
	text-decoration:none;
	display:block;
	color:#fff !important;
}
.menu_hover #sub_menu li a:hover,.menu_hover .sub_menu li a:focus{
	width:281px;
	padding:10px !important;
	background:#c7d7e9 !important;
	text-decoration:none;
	display:block;
	color:#012056 !important;
	border-bottom:1px #adc7e2 solid;
	border-top:1px #adc7e2 solid;
	margin-left:3px !important;
	margin-right:1px !important;
	padding-right:15px !important;
}
.sub_menu li .parent{
	background:url(../../images/menu_icon.png) no-repeat right 15px !important;
}


.sub_menu li a.parent:hover,.menu_hover #sub_menu li a:hover,#menus ul .menu_hover .menu_hover > a,.sub_menu li a.parent:focus{
	background:#c7d7e9 url(../../images/menu_icon.png) no-repeat right 15px !important;
}
.sub_menu{
	border-left:5px #afbcd6 solid;
	background:#dbeef8;
	width:287px;
	position:absolute;
	left:285px;
	top:0px;
	z-index:9999;
}

.menu_hover a{
	color:#012056;
}
.sub_menu_width_c{
	width:372px;
}
.sub_menu_wtb{
	width:372px;
	top:auto;
	bottom:0px;
}
.sub_menu_tb{
	top:auto;
	bottom:0px;
}

/*content*/

#article{
	width:100%;
	height:auto;
}

/*path*/

.path{
	width:100%;
	padding:8px 10px;
	margin-bottom:15px;
}
#article .path a{
	text-decoration:none;
}
#article .path a:hover{
	text-decoration:underline;
}
.path strong{
	color:#CC0000;
}

/*Home*/

/*what's news*/
.whats_new,.content_gazette{
	width:430px;
	overflow:hidden;
	margin-right:15px;
	margin-left:15px;
	background:#fff;
}
.whats_new{
	width:320px;
	margin-left:0px;
}
/* .content_gazette{
	margin-top:355px;
	width: 789px;
} */
.whats_new .news_title,.content_gazette .news_title{
	width:100%;
	height:35px;
	line-height:35px;
	color:#fff;
	padding:0 10px;
}
.whats_new .news_title{
	background:#3c71d5;
}
.whats_new .news_title_right a,.content_gazette .news_title_right a{
	background:#fff;
	color:#666;
	padding:3px 10px;
	text-decoration:none !important;
	font-weight:bold;
}
.whats_new .news_list,.content_gazette .news_list{
	width:100%;
	padding:0 10px;
	float:left;
	height:auto;
	overflow-y:auto;
	margin-top:15px;
}
.simply-scroll-clip{
	padding-bottom:10px;
}
.whats_new .news_list{
	height:170px;
}
.whats_new .simply-scroll-clip,.content_gazette .simply-scroll-clip{
	border:5px #e9888e solid;
	border-top:none;
}
.whats_new .simply-scroll-clip{
	border:5px #8aaae6 solid;
	border-top:none;
}
.whats_new .news_list li,.content_gazette .news_list li{
	width:100%;
	padding:0px 10px 10px 15px;
	background:url(../../images/whats_icon.png) no-repeat left 3px;
	margin-bottom:5px;
}
.whats_new .news_list li span,.content_gazette .news_list li span{
	display:block;
	width:100%;
}
.whats_new .news_list li span a,.content_gazette .news_list li span a{
	display:block;
	width:100%;
	color:#445188;
	/* text-decoration:none !important; */
}
.whats_new .news_list li span a:hover{
	display:block;
	width:100%;
	color:#445188;
	text-decoration: underline;
}
.whats_new .news_list li strong,.content_gazette .news_list li strong{
	display:block;
	width:100%;
	text-align:left;
	color:#000;
}
.home_c_l{
	float:left;
	width:460px;
	min-height:494px;
}
.hk_logo{
	float:right;
	margin-top:75px;
}
.f_c_r{
	float:right;
	width:320px;
}
.icon_box{
	width:320px;
	float:left;
	margin-top:10px;
}
/* .icon_box ul li{
	float:left;
	width:159px;
	height:50px;
} */

.popup_header{
	color:#445188;
}

.mission,.court_final_appeal,.competition_tribunal,.review_family_procedure_rules,.mediation,.resource_centre,.judiciary_web_service,.others,.others_two,.others_three{
	margin-bottom:1px;
	margin-right:1px;
}

/*footer*/

#footer {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}
.footer_bg a{
	color:#61bce6;
}
.footer_bg,.footer_b{
	width:1280px;
	margin:0 auto;
	color:#fff;
}
.back{
	float:left;
}
#article .back a,#article .top a{
	color:#fff;
	padding:5px 20px;
	text-decoration:none;
}
.top{
	float:right;
}

/*About Us*/
.red_title_bg,.yellow_title_bg,.blue_title_bg,.green_title_bg,.darkblue_title_bg,.lightblue_title_bg,.pinkpurple_title_bg,.green_f_title_bg,.blue_t_title_bg,.purple_title_bg{
	width:100%;
	height:40px;
	line-height:40px;
  background-size: 100% !important;
}


.welcome_message_l{
	width:70%;
	float:left;
	padding-right:15px;
}
.welcome_message_r{
	width:20%;
	float:left;
}

.h1_small_font{
	font-size:60%;
}
.table_number{
	margin-bottom:20px;
}
.table_number td{
	padding:5px 10px;
}
.table_width35_65,.table_width20_80,.table_width50_20_30,.table_width50_50,.table_width80_20,.table_width60_20_20,.table_width30_30_30,.table_width10_90,.table_width40_40_20,.table_width60_20_10_10,.table_width20_80_border,.width20_3_77,.table_width50_30_20,.table_width_6th{
	width:98%;
	margin-bottom:20px;
}
.table_width_6th th,.table_width_6th td{
	text-align:center;
}
/* .table_width_6th th:first-child{
	width:55%;
} */
.table_width_6th th:nth-child(2){
	width:10%;
	text-align:center;
}
.table_width_6th th:nth-child(3){
	width:10%;
	text-align:center;
}

.table_width35_65 td:first-child{
	width:35%;
}
.table_width35_65 td:last-child{
	width:65%;
}
.table_width10_90 td:first-child{
	width:10%;
}
.table_width10_90 td:last-child{
	width:90%;
}
.table_width20_80 td:first-child,.table_width20_80_border td:first-child{
	width:20%;
}
.table_width20_80 td:last-child,.table_width20_80_border td:last-child{
	width:80%;
}
.table_width50_20_30 td:first-child{
	width:50%;
}
.table_width50_20_30 td:nth-child(2){
	width:20%;
}
.table_width50_20_30 td:last-child{
	width:30%;
}
.table_width50_30_20 td:first-child{
	width:50%;
}
.table_width50_30_20 td:nth-child(2){
	width:30%;
}
.table_width50_30_20 td:last-child{
	width:20%;
}
.table_width80_20 td:first-child{
	width:80%;
}
.table_width80_20 td:last-child{
	width:20%;
}
.table_width60_20_20 td:first-child{
	width:60%;
}
.table_width60_20_20 td:nth-child(2){
	width:20%;
}
.table_width60_20_20 td:last-child{
	width:20%;
}
.table_width30_30_30 td:first-child{
	width:33.3%;
}
.table_width30_30_30 td:nth-child(2){
	width:33.3%;
}
.table_width30_30_30 td:last-child{
	width:33.3%;
}
.table_width40_40_20 td:first-child{
	width:40%;
}
.table_width40_40_20 td:nth-child(2){
	width:40%;
}
.table_width40_40_20 td:last-child{
	width:20%;
}
.table_width60_20_10_10 td:first-child{
	width:60%;
}
.table_width60_20_10_10 td:nth-child(2){
	width:20%;
}
.table_width60_20_10_10 td:nth-child(3){
	width:10%;
}
.table_width60_20_10_10 td:last-child{
	width:10%;
}
.width20_3_77 td:first-child{
	width:20%;
}
.width20_3_77 td:nth-child(2){
	width:3%;
}
.width20_3_77 td:last-child{
	width:77%;
}
.table_width50_50 td:first-child,.table_width50_50 td:last-child,.table_width50_50 th{
	width:50%;
	text-align:center;
	padding:10px;
}
.table_width50_50 th,.table_width80_20 th,.table_width30_30_30 th,.table_width60_20_10_10 th,.table_width20_80_border th,.table_width_6th th{
	color:#fff;
	padding:10px;
}
.table_width50_50 th a,.table_width80_20 th a,.table_width30_30_30 th a,.table_width60_20_10_10 th a,.table_width20_80_border th a{
	color:#FFDB12 !important;
}
.table_width50_50 td,.table_width80_20 td,.table_width50_20_30 td,.table_width30_30_30 td,.table_width60_20_10_10 td,.table_width20_80_border td,.width20_3_77 td,.table_width50_30_20 td,.table_width_6th td{
	padding:8px 10px;
}
.hr_speech{
    border-top: solid #000 1px;
    margin: 20px auto;
}
table th a{
	font-weight:normal;
}

/*hwb 20170815*/

.speech_image{
    width: 80%;
    margin: 5px auto;
    display: block;
}
.image_text{
	margin-bottom: 10px;
}
.image_text ._text{
	width: 56%;
    float: left;
    margin-right: 10px;
}
.image_text ._image img{
   width: 150px;
   height: 107px;
   border: 0px;
}

.italic{
	font-style: italic;
}
.spanfloat{
	display: block;
	float: left;
	margin-right: 10px;
	font-style: italic;
}
.center_t{
	width: 50%;
    margin: 15px auto;
}
.top_list{
	font-weight:bold;
}

/*20170821*/
.img_t{
	position:relative
}
#counseltable{
	position: absolute; top: 112px; left: 339px; opacity: 0;
}
#clerktable{
	position:absolute; top:309px; left: 363px; opacity:0; filter:alpha(opacity=0);
}
#interpreterbooth{
	position: absolute; top: 4px; left: 490px; opacity: 0;
}
#vc01{
	position:absolute; top:39px; left: 141px; opacity:0; filter:alpha(opacity=0);
}
#vc02{
	position:absolute; top:327px; left: 514px; opacity:0; filter:alpha(opacity=0);
}
#publicgallery{
	position: absolute; top: 84px; left: 175px; opacity: 0;
}
#judgebench{
	position:absolute; top:365px; left: 332px; opacity:0; filter:alpha(opacity=0);
}
#presentationarea{
	position: absolute; top: 133px; left: 503px; opacity: 0;
}
#witnessbox{
	position: absolute; top: 305px; left: 317px; opacity: 0;
}
#equipmenttable{
	position: absolute; top: 308px; left: 453px; opacity: 0;
}
#courtwait{
	position:absolute; top:166px; left: 10px; opacity:0; filter:alpha(opacity=0);
}
.widt220_150{
	width:220px;
	height:150px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#broadcast{
	position: absolute; top: 119px; left: 43px; opacity: 0;
}
#courtroom{
	position: absolute; top: 184px; left: 510px; opacity: 0;
}
.sc_images{
    width: 80%;
    margin: 5px auto;
    min-width: 500px;
}
.sc_images .image{
	float: right;
}
.sc_images .two_div{
	margin: 5px auto;
    text-align: center;
}
.sc_images .three_div{
	margin-bottom: 30px;
}


.iw-contextMenu {
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	border: 1px solid #E6E6E6;
	display: none;
	z-index: 1000;
  }
  .iw-cm-menu {
	background: #F4F4F4;
	color: #333;
	margin: 0px;
	padding: 0px;
  }
  .iw-cm-menu li {
	list-style: none;
	padding: 3px;
	padding-left: 30px;
	padding-right: 20px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	position: relative;
  }
  .iw-mOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFF;
	opacity: .5;
  }
  .iw-contextMenu li.iw-mDisable {
	opacity: .3;
  }
  .iw-mSelected {
	background-color: #003366;
	color: #F2F2F2;
  }
  .iw-cm-arrow-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #333333;
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -3px;
  }
  .iw-mSelected > .iw-cm-arrow-right {
	border-left: 5px solid #FFF;
  }
  .iw-mIcon {
	width: 20px;
	height: 20px;
	left: 0px;
	top: 3px;
	position: absolute;
  }

  /*daily table */
     .table2{
		width: 100%;
		border: 1px solid #99a0be;
	}
	.table3{
		width: 30%;
	}
	form .table2 tr{
		text-align: center;
	}
	form .table2 table{
		width: 100%;
	}
	form .table2 table tr{
		text-align: center;
		background-color: #F7F5F0;
	}
	form .table2 table tr td{
		width: 25%;
		border: 4px solid white;
	}
	input[type='submit']{
		display:none;
	}
	.date_align{
		text-align: right;
	}
  .searchForm, .searchFooterForm{
  margin-left: 0px;
  text-align: center;
  }
  .searchButton{
  color: #fff !important;
  padding: 0 4px;
  margin: 0 2px;

  text-align: center;
  text-decoration: none !important;
  }
  .searchInput{
  color: black;
  border: none;
  width:100px;
  }
/*20170930*/

.imgModel{
	padding: 2px !important;
}
.imgModelBody{
	width: 100%;
}
.imgModelTitle{
	text-align: left !important;
}

.imgModelWidth_27{
	width: 27% !important;
}
.imgModelWidth_29{
	width: 29% !important;
}
.imgModelWidth_40{
	width: 40% !important;
}
.imgModelWidth_48{
	width: 48% !important;
}
.imgModelWidth_94{
	width: 94% !important;
}

/*#divsearch4{
	display:none !important;
}*/

.daily_div{
	width: 100%;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* daily search div css */

.input_br{
	width:250px;
}

.triangle{
	position: relative;
	float: left;
    margin-left: -10px;
    margin-top: 7px;
	z-index: 999;
	width: 0;
    height: 0;
}


.e_icon_box{
   width: 100%;
}
.e_icon_box ul {
	list-style: none;
	list-style-image: url(../../images/square_iocn.png);
	padding-left: 40px;
}
.e_icon_box ul li{
	height:50px !important;
	width: 304px;
	margin-top: 10px;
	line-height:50px;
	padding-left: 10px;
	background-size: cover !important;
}

.widt470{
	width:470px;
}

.footer_icon{
	width:1280px;
	margin:0 auto;
}
.footer_icon table{
	float:right;
	width:350px;
}
.footer_icon table td{
	padding:10px 0px 10px 10px;
	text-align:left;
}

/* acess to info */
.ati_content{
	width: 100%;
	/* padding: 100px 50px;
	max-width: 960px;
	margin: 0 auto; */
}
.ati_title{
	padding: 10px 5px;
	font-size: 25px;
	background-color: #ffcc9a;
}
.ati_ul li{
	list-style-type:upper-roman;
	/* font-size: 20px !important; */
	list-style-position: inside;
}
.ati_ul li ol{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.ati_ul li ol li{
	list-style-type: disc;
	margin-bottom: 5px;
	/* font-size: 18px !important; */
}
.small_font {
    font-size: 90%;
}
.atio{
	color: #ff6800 !important;
}
.ati_h2{
	font-weight: bold;
	padding: 10px;
	color: #5d2900 !important;
	font-size: 20px !important;
	background-color: #00ff00;
}
.ati_tab{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.ati_tab, .ati_tab caption, .ati_tab tr th, .ati_tab tr td{
	border: 1px solid #000;
}
.ati_tab caption{
	/* border: 1px solid black; */
	border-bottom: none;
	padding: 5px;
	color: #000;
	background-color: yellow;
	font-weight: bold;
}
.ati_tab tr th{
	text-align: center;
	/* border: 1px solid #000; */
	padding-bottom: 25px;
	padding-top: 5px;
}
.ati_tab tr td{
	padding-left: 5px;
	vertical-align: top;
}
.bodre_node{
	border-bottom: none !important;
}
.bodre_node_tb{
	border-top: none !important;
	border-bottom: none !important;
}
.xuxian{
	border-top: 1px dotted #000 !important;
}
.dowload_a{
	color: red !important;
}
.td_ol{
	margin-bottom: 0px !important;
	margin-left: 20px;
}
.td_ol li{
	list-style-type: disc;
}
.res_ul li{
	list-style-type:decimal;
	margin-left: 20px;
}
.ref_ul li{
	list-style-type: lower-alpha;
	margin-left: 20px;
}

/*responsive*/

@media screen and (min-width:1170px) {
	html {font-size: 100%;
  height: 100%;
  min-height:750px;}
body{ font-family: Arial,Helvetica,sans-serif; line-height:15px; font-size: 1em; margin:0;padding:0;background: #FFF;color:#000;}


body {
  position: relative;
  min-height: 100%;
}
.footer1{

  position: absolute;
  bottom:0;
  width:100%;

}

#content {
	padding-bottom: 150px;
}

}

@media screen and (max-width:1170px) {
  .searchForm, .searchFooterForm{
	margin-top: 5px !important;
    margin-left: 50px !important;
  }
  .searchHeaderButton{
  	font-size: 18px;
  }
.footer_icon{
	width:100%;
	padding-left:10px;
}
.menu_left{
	border:none;
}
.menu_left{
	float:left;
	width:100%;
	border-right:1px #adc7e2 solid;
}
.img{
	width:100%;
}
.e_icon_box ul{
	padding-left: 0px !important;
	list-style-image: none !important;
}

	.font_site_printer_view,.home,.search_r{
		display:none;
	}
	.top_t,#main_content,.footer_bg,.footer_b,#content,#menu,.nav > li,.menu_left,.menu_right,.nav > li,.nav li a,.nav li a:hover,.nav li a:focus,.nav li a#jud_hover,.nav li a.jud_hover,#menus > ul > .menu_hover > a,#sub_menu li,.sub_menu li,#sub_menu li a,.sub_menu li a,#sub_menu li a#jud_hover,.sub_menu li a#jud_hover,.menu_hover .sub_menu_li a,.menu_hover #sub_menu li a:hover,.menu_hover .sub_menu li a:hover,#menus ul .menu_hover .menu_hover > a,.menu_hover #sub_menu li a:hover,.menu_hover .sub_menu li a:focus,#sub_menu li a#jud_hover,.sub_menu li a#jud_hover,#sub_menu li a.jud_hover,.sub_menu li a.jud_hover,.home_c_l,.f_c_r,.whats_new, .content_gazette,.icon_box,.icon_box ul li,.icon_box ul li a,.welcome_message_l,.welcome_message_r,#nav a#jud_hover{
		width:100%;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	#header table{
		position:inherit;
	}
	.welcome_message_l{
		padding-right:0px !important;
	}
	.logo{
		position:relative;
		float:right;
	}
  .logo img {
    position: absolute;
    right: -40px;
    top: 40px;}
	.langue_t a,.langue_t a:hover{
		background:none;
		border-left:1px #fff solid;
		font-size:18px;
		padding:10px 15px 13px 15px;
		margin:0px;
		font-weight:bold;
	}
	.top_time{
		position:absolute;
		top:45px;
		right:10px;
		font-size:14px;
		display:none;
	}
	.search{
		display:block;
		border-right:1px #fff solid;
		position:absolute;
		left:46px;
		top:0px;
	}

	.sub_menu,.sub_menu_2,.sub_menu_3{
		/*position:inherit;
		left:auto;
		top:auto;
		border-left:none;
		width:100%; */
		position:inherit !important;
		left:auto !important;
		top:auto !important;
		border-left:none !important;
		width:100% !important;
	}
	li.sub_menu_li_2 > a{
		background:#efd8f7 !important;
		border-bottom:0px #cdacd9 solid !important;
		border-top:1px #cdacd9 solid !important;
	}
	li.sub_menu_li_2 .parent{
		background:#efd8f7 url(../../images/menu_icon.png) no-repeat right center !important;
	}
	li.sub_menu_li_3 > a{
		background:#ebf9ed !important;
		border-bottom:0px #aedba1 solid !important;
		border-top:1px #aedba1 solid !important;
	}
	#sub_menu li a, .sub_menu li a{
		padding-left:10px !important;
	}
	.home_c_l{
		margin-left:0px !important;
		/* background-size: cover !important; */
		position:relative;
	}
	.footer_bg{
		padding:0px 10px;
	}
	.whats_new .news_list, .content_gazette .news_list,.simply-scroll-clip{
		height:auto !important;
		overflow-y:visible;
		padding-bottom:0px;
	}
	.icon_box ul li{
		background-size: cover !important;
	}
	.icon_box ul li a{
		padding-top:0px !important;
		line-height:50px !important;
	}
	.home_c_l{
		min-height:auto;
	}
	.content_gazette{
		margin-top:0px;
	}
	.hk_logo{
		margin-top:160px;
	}
	.court_final_appeal,.mediation,.competition_tribunal,.others,.others_three{
	margin-left:0px;
	}
	#menus{
	margin-top:0px;
	}
	.top_box_left,.top_box_right{
		width:50%;
	}
	.red_title_bg,.yellow_title_bg,.blue_title_bg,.green_title_bg,.darkblue_title_bg,.lightblue_title_bg,.pinkpurple_title_bg,.green_f_title_bg,.blue_t_title_bg,.purple_title_bg{
		background-size: cover !important;
	}
	#content{
		/* margin-top:113px; */
		/* margin-top:55px; */
		margin-top:175px;
	}
	.width560{
		width:100%;
	}
	.margin_bottom_10_v{
		margin-bottom:10px;
	}
	.footer_b{
		padding:0 10px;
	}
	.footer_bg .searchForm,.footer_bg .searchFooterForm{
	margin-left: 0px !important;
	margin-top: -10px;
}
/*#divsearch4{
	display:block !important;
}*/
.hk_logo{
	margin-bottom:280px;
}
.e_icon_box ul li{
		width: 100% !important;
		background-size: cover;
	}
.widt470{
	width:100%;
}
.langue_t{
	padding-top:3px;
}
}

@media screen and (max-width:760px) {

.width_20{
	width:98%;
}

.footer_bg .f_l,.footer_bg .f_r{
		width:100%;
		padding:0;
		text-align:left;
		margin-bottom:10px;
	}
.hk_logo{
		margin-top:10px;
	}
.date_align{
			text-align: left;
		}
.archForm{
margin-left: 55px !important;
}
.overflow{
	display:block;
	width:100%;
	word-break:break-all;
}
}
@media screen and (max-width:375px){
.image_text ._text{
	width:100% !important;
}
.table_width20_80 td:last-child{
	word-break:break-all;
}
.display{
	display:none;
}
.footer_icon table{
	float:left;
	width:100%;
}
.footer_icon table td img{
	width:90%;
}
}
@media screen and (max-width:320px){

.footer_icon table td img{
	width:80%;
}
}
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;

}
.bts-popup , .bts-popup1 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible , .bts-popup1.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 650px;
  margin: 4em auto;
  background: white;
  border-radius: none;
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
}
.bts-popup-container p {
  /* color: white; */
  /* padding:10px 40px; */
  margin: 2px 0px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
  display: inline-block;
  margin-bottom: 10px;
}

/* .bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
} */


.bts-popup-a:hover{
  color: #ffffff !important;
    text-decoration: none !important;
    background-color: #224C94 !important;
}
.bts-popup-a{
  color: #9c1501 !important;
    text-decoration: none !important;
}
.popup_header{color: #9c1501;
    font-size: 23px;
    margin-top: 2px;
    margin-bottom: 2px;}

/* .bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
} */
/* .bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 13px;
  width: 16px;
  height: 3px;
  background-color: black;
} */
/* .bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
} */
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 8em auto;
  }
}

.nextButton{
  color: #fff;
  background-color: #5074ab;
  opacity: 0.5;
  border: solid #5074ab;
}
.agreeButton{
  color: #fff;
  background-color: #5074ab;
  border: solid #5074ab;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}
.active, .accordion:hover {
    background-color: #ccc;
}
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: '\02796'; /* Unicode character for "minus" sign (-) */
}