@charset "utf-8";
/*Global control*/
body {
	margin:0; 	padding:0; 	background: #FFF; 	color:#000; 	font-weight:normal; 	width:100%;    overflow-x: hidden !important;}

:lang(en){font-family:"Poppins", Arial, Helvetica, sans-serif;}
:lang(zh-hk),.langchi{font-family:'微軟正黑體', Arial, Helvetica, sans-serif;}
:lang(zh-cn),.langchs{font-family:'微軟正黑體', Arial, Helvetica, sans-serif;}

div,form,img,ul,ol,li,dl,dt,dd,table{margin: 0; padding: 0; border: 0; }
label{display:inline-block !important;}
ul, ol{list-style-type:none;}

a:visited, a:link {
    color: blue;
    text-decoration: none;
}

a:hover{
  color: #0b4c88;
  /*text-decoration: underline;*/
  text-decoration: none;
}

.h1, h1{
  font-size: 1.8rem;
  color: #538135;
  font-weight: 600;
}

.h2, h2{
  font-size: 1.25rem;
  color: #006699;
  font-weight: normal; /* (QPS5-RVD-Web) Web Accessibility Conformance */
}

.h3, h3{
  font-size: 1rem;
}

.toggleMenu {
	display:none;
	width:35px;
	height:35px;
	/* background:url(../../images/common/nav_icon.png) no-repeat left top; */
	display: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

#skiptocontent {
  left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
}
 
.hidden {
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}


.red-link a{
	color:red;
}

#w3c{
	margin: 0 0 0 6px;
}

#w3c li{
	display:inline-block;
	margin: 20px 0 0 5px;
	display:inline;
	zoom:1;
}

#w3c1{
	margin: 0 0 0 20px;
}

/*skip link*/
.skip-link {
	position: relative;
	z-index: 1001;
}

.skip-link__link {
	display: -moz-inline-stack;
	display: block;
	margin: 0;
	max-height: 0;
	color: #FFF;
	position: absolute;
	top: -5000px;
	left: -5000px;
	font-size:1.2em;
}

.skip-link__link:focus {
	max-height: 1920px;
	display: inline-block;
	padding: 15px;
	margin: 5px;
  border: 3px solid rgb(255, 255, 255);
	outline: 2px solid #ffcaa4;
	left: 20px;
	top: 20px;
	background-color: #C25100;
	font-size:1.2em;
  text-decoration: none;
  color: #FFFFFF;
}

/* #icon3{
	margin: 0 0 0 45px;
} */
.blank{
	width:100%;
	height:15px;
	overflow:hidden;
	clear:both;
}

.access {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}

#container{
  width: 100%;
  background-color: #fff;
  /* max-width: 1280px;
margin: 0 auto; */
}

/*header*/
#header{
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
}

header{
display: flex;
height: 120px;
position: relative;
z-index: 1;
}

#header div.logo a {
   /* margin-left:10px;*/
}

.logo{
  width: 90%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  margin-left: 20px;
}

.top_menu{
   height: fit-content;
   margin-right: 20px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
}

.function_area{
  width: 100%;
  /*min-height: 30px;*/
  height: fit-content;
  display: flex;
  margin: 0 10px;
}

.function_area img{
  /*margin-left: 16px;*/
}

.function_area > div{
  /*margin-left: 10px;*/
  flex: 1;
	position: relative;
}

.language{
  display: flex;
  transition: width 2s;
}

/* .language:hover{
  width: 60px;
  transition: width 2s;
} */

/* .language:hover ul{
  display: flex;
  width: 60px;
  opacity: 100;
  position: relative;
} */

.search_box{
  width: 275px;
  margin-top: 10px;
  /*margin-left: 8px; */
  border: 1px solid #000;
  border-radius: 3px;
}

.search_box input{
  border: 0px;
  width: 85%;
  height: 28px;
  color: #595959;
}

.search_box input:active, 
.search_box input:focus{
	color: black;
}

/*
input, select, textarea, a {
    outline:none !important;
}*/

#rvdmenu a{
    outline:none !important;
}

button#Search {
    height: 28px;
    width: 40px;
    background-color: #fff;
	  padding: 1px 10px 10px 1px;
    border: 0;
    background-image: url(../../images/common/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    /* background-size: cover; */
}

#menu{
	  /*max-width: 1280px;*/
    width:100%;
	  margin: 0 auto;
    background-color:rgba(0, 113, 192, 1);
    
}

#menu #nav-icon2 {
    position: fixed;
	  right: 20px;
    top:5px;
    float:right;
}

#rvdmenu{
    max-width: 1280px;
    margin: 0 auto;
    /*margin: 10px;*/
    display: flex;
}

#rvdmenu > li > a {
    position: relative;
    padding-top: 10px;
    /*padding-right: 10px;*/
    padding-bottom: 10px;
    /*padding-left: 10px;*/
    /*font-size: 16px;*/
    text-align: center;
    /* width: 100%; */
    margin-top: auto; 
	  margin-bottom: auto;
    transition: border ease-in-out 0.2s;
}

#rvdmenu > li{
    cursor:pointer;
    text-align: center;
    position: relative;
    margin-top: auto; 
	  margin-bottom: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:80px;*/
    border-right:rgba(91, 138, 176, 1) solid 2px;
    border-bottom:rgba(90, 128, 46, 1) solid 2px;
    height:85px;
}

#rvdmenu > li:last-child{
    text-align: center;
    position: relative;
    /*margin: auto;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:80px;*/
    border-right:0px;
}

#rvdmenu > li:hover{
    /*background-color:rgba(90, 128, 46, 1);*/
    background-color:#54803C;
}

#rvdmenu a{
	color: white;
    /*font-weight: bold;*/
    text-decoration: none;
    position: relative;
    /*line-height:50px;*/
}

#rvdmenu ul a{
	color: rgba(41, 49, 37, 1);
}

#rvdmenu a:hover{
	color:rgba(0, 0, 0, 1);
  /*background-color:rgba(194, 221, 182, 1)! important;*/
}

#rvdmenu li.sub_rvd_menu2 ul.sub_sub_rvd_menu li{
    padding-left:35px;
}

	/*#rvdmenu > li::after{
    content:'';
    position: absolute;
    display: block;
    background-color: #323f6c ;
    width: 0%;
    height: 0.4em;
    transition: all ease-in-out 250ms;
    -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;

	}
  #rvdmenu > li.menu_on::after{
    width: 100%;
  }*/
  /* #rvdmenu li:hover::before{
		padding-bottom: 5px;
		border-bottom: 5px #323f6c solid;
	} */
  /* #rvdmenu li:hover:after{
    padding-bottom: 5px;
    border-bottom: 5px #323f6c solid;
  } */
  /* #rvdmenu li:hover::after{
		padding-bottom: 0px;
		border-bottom: 0px #323f6c solid;
	} */

.sub_rvd_menu{
    width: max-content;
    left: 0px;
    top: 85px;
    position: absolute;
    z-index: 999999;
    display: none;
    /*background-color: rgba(225, 240, 216, 1);*/
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}

.sub_rvd_menu>li{
    cursor:pointer;
    position: relative;    
    /*padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;*/
    font-size: 16px;
    /* font-weight:bold;*/
    text-align: left;
    /* width: 100%; */
    margin: auto;
    border-bottom:rgba(190, 193, 184, 1) solid 2px;
    min-width:200px;
}

.sub_rvd_menu > li >a{
    display:block;
    padding: 10px 16px;
}

.sub_rvd_menu a:hover{
	color: rgba(255, 255, 255, 1);
	background:rgba(90, 128, 46, 1);
}

.sub_sub_rvd_menu  a:hover{
	background:rgba(216, 98, 19, 1)!important;/*rgb(245, 198, 158) !important;*/
	color: rgba(255, 255, 255, 1)!important;
}

.sub_sub_rvd_menu > li:hover{
	background:rgba(216, 98, 19, 1)!important;/*rgb(245, 198, 158) !important;*/
}

.sub_sub_rvd_menu > li:hover a{
	color: rgba(255, 255, 255, 1)!important;
}

.sub_sub_rvd_menu > li {
    /*left: -10px;*/
    position: relative;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 16px;
    /* font-weight: bold;*/
    text-align: left;
    /* width: 100%; */
    margin: auto;
    border-bottom: rgba(190, 193, 184, 1) solid 2px;
    min-width: 200px;
    background-color:rgb(246, 233, 194);/*rgba(225, 240, 216, 1);*/
	  color: black;
}

.sub_sub_rvd_menu > li:last-child {
    border-bottom: 0px;
}

.sub_sub_rvd_menu{
    margin-top: 10px;
    width: 270px;
    /*display: none;*/
    position: relative;
    /*left: -20px;*/
}

#rvdmenu li a:hover > .sub_rvd_menu{
  display: block;
}

.active > a > ul.sub_rvd_menu{
  display: block;
}

.toLeft .sub_rvd_menu {
  transform: translate3d(-160px, 0px, 0px);
}

#banner{
	/* display: flex; */
	width: 100%;
  background-color: #a4bfda;
  background-image: linear-gradient(180deg, #a4bfda 0%, #acded4 100%);
}

/* request on 2023-05-09 */
.banner {
	display: flex;
  min-height: 330px; /* max-height: 450px; !TEST */
  max-width: 1280px;
  margin: 0 auto;
}
.carousel-inner {

    margin-bottom:30px;
}
#banner_silder{
  width: 100%;
  background-color: #a4bfda;
  background-image: linear-gradient(90deg, #a4bfda 0%, #acded4 100%);
}

.banner_silder{
  position: relative;
  min-height: 80px;
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  /* background-image: linear-gradient(90deg, #a4bfda 0%, #acded4 100%); */
}

.banner_silder img{
  max-height: 160px;
  margin-left: auto;
}

.banner_silder p{
  width: 100%;
  transform: translateX(50%);
  position: absolute;
  top: 18%;
  right: 46%;
  font-size: 35px;
  font-weight: bold;
  text-align: left;
  color: white;
  text-shadow: 2px 2px 4px #000;
}

.carousel{
	min-width: 60%;
	max-width: 850px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.justify-content-center{
  padding-top: 10px;
}

/* request on 2023-05-09 */

 .card{
  border: 0px;
}

 
 #banner .card.mb-2{
  /*max-height: 275px;*/
  min-height: 275px;
}

/* request on 2023-05-09 */
.card-body{
  /* height: 135px; */
  max-height: 54px;
  min-height: 54px;
  display: table-cell;
  vertical-align: top;
	padding: 0px 10px 0px 20px; /* 15px 10px 5px 20px */
}

.col-5{
  max-width: 45%;
}

.col-w {
  max-width: 100%;
  padding: 0px 75px 0px 75px;
}

/* .carousel-item{
	margin-bottom: 30px;
	margin-left: 25px;
	transition: -webkit-transform 3s ease-in-out;
  transition: transform 2s ease-in-out;
  transition: transform 2s ease-in-out,-webkit-transform 3s ease-in-out;
	transition: 4s;
} */

/* .carousel-item-next, .carousel-item-prev, .carousel-item.active{
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 10px;
  padding-right: 10px;
} */

.carousel-item .sup_banner{
		display: inline-block;
 		width: 45%;
	  margin: 10px;
}

.carousel-caption{
	min-height: 100px;
	position: initial;
	color: #000;
	background-color: #fff;
}

.carousel-control-next a, .carousel-control-prev a{
    top: -100px;
    position: relative;
}

.carousel-control-next, .carousel-control-prev{
	width: 5%;
}

.carousel-control-prev-icon{
	background-image: url(../../images/common/carousel-control-prev.png);
	width: 20px;
  height: 60px;
}

.carousel-control-next-icon{
	background-image: url(../../images/common/carousel-control-next.png);
	width: 20px;
  height: 60px;
}

.carousel-control-next.tab_active,
.carousel-control-prev.tab_active
{color:#fff;text-decoration:none;outline:0;opacity:.9}

a.tab-target {
    border:0px;
    outline:none;
    background:none;
    color:black;
    text-decoration: none;
}

.carousel-indicators li{
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top:0px;
    border-bottom: 0px;
}

.carousel-indicators li.tab_active{
    border: 2px solid #0000007d;
    margin-top: 8px;
    margin-bottom: 8px;
}

.tabs input[type="radio"]:checked + label>a.tab_active {
   
  text-decoration: underline;
}

.tabs label.tab_active {
    background-color: #078282;
    color: white;
}

.tabs label.tab_active a {
    color: white;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #5350A3;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators li.active {
    background-color: #2E4156; /* #007aff */ 
}

.carousel-action {
    position: absolute;
    right: 0;
    bottom: 3px;
    left: calc(50% - 68px);
    z-index: 19;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    width:23px;
    list-style: none;
    /*background-color:rgb(106 106 106 / 37%);*/
}

.carousel-indicators {
bottom:-7px;
}

.carousel-action li.action-icon {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 12px;
    margin: 0px;
    background-color:inherit;
    background-clip: padding-box;
    border-radius:50%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    /*opacity: 0.7;*/
    /*transition: opacity .2s ease;*/
    display: inline-block;
    background-image: url(../../images/icon/pause.svg);
    background-position-x:1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    text-indent: -9999px;
    border-color:rgb(255 255 255 / 100%);
    background-color:rgb(255 255 255 / 100%);
}

.carousel-action li.action-icon.pausing {
    background-image: url(../../images/icon/play.svg);
    background-position-x:5px;
}

.carousel-action li.action-icon.pausing:hover {
    /*opacity:1;*/
    background-image: url(../../images/icon/play-s.svg);
    background-position-x:5px;
}

.carousel-action li.action-icon:hover {
    /*opacity: 1;*/
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 12px;
    margin: 0px;
    background-color:inherit;
    background-clip: padding-box;
    border-radius:50%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    background-image: url(../../images/icon/pause-s.svg);
    background-position-x:1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    text-indent: -9999px;
    border-color:rgb(255 255 255 / 100%);
    background-color:rgb(255 255 255 / 100%);
}

.carousel-action.tab_active {
    border: 2px solid #0000007d;
}

.whats_new{
  max-width: 400px;
  padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}

.whats_new h1{ /* (QPS5-RVD-Web) Web Accessibility Conformance */ 
	color: #800080;  
	margin-top: 10px; /* margin-top: 20px; */
  margin-bottom: 10px;
	text-align: center;
}

/* request on 2023-05-09 */
.whats_new h2{
	font-weight: 600;
	color: #39116a;  
	font-size: 30px;
	margin-top: 10px; /* margin-top: 20px; */
  margin-bottom: 10px;
	text-align: center;
}

.whats_new_button{
  color: #39116a;
  margin-right: 20px;
}

.whats_new_button a{
  color: #39116a;
  border: 4px solid #39116a;
  border-radius: 8px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

ul.article_list{
	margin-left: 15px;
  margin-right: 8px;
  overflow: auto;
}

ul.article_list li{

  list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 10px;
	/* padding-left: 20px; */
}

#content{
  width: 100%;
}

/* 
#main_content { 
	max-width: 1280px;
  margin: 0 auto;
  background-color: #f8f8f5;
} */

.row{
  max-width: 1280px;
  margin: 0 auto;
}

.main_content_area{
  width: 100%;
  /* max-width: 1280px; */
  /* margin: 0 auto; */
	/* min-height:550px;*/
	/* min-height:800px; */
	padding:5px 15px 10px 15px;
}

/*content article*/
.main_content_area #article{
	/* float:left;
	width:730px; */
	line-height:1.5;
}

/*content questionnaire*/
.main_content_area #article form tbody{
	float:left;
	width:100%;
	line-height:1.8;
}

.main_content_area #article p{
	text-align: justify;
}

.main_content_area #article table, .main_content_area #article textarea{
	margin-bottom: 20px;
}

.main_content_area #article .table_border{
	border-collapse:collapse;
	/*border:#999999 solid 1px;
	background:#eafefe;*/
}

.main_content_area #article .table_border td, .main_content_area #article .table_border th{
	padding:5px 5px;
	vertical-align:top;
	/* border:#999999 solid 1px; */
	/*text-align:left;*/
}

.table_title{
  font-size: larger;
  background-image: linear-gradient(90deg, #8bdccd 0%, #95caa0 100%);
}

.main_content_area #article ul{
  /* margin-top: 30px; */
	clear:both;
	margin-left:13px;
	margin-bottom: 30px;
}

.main_content_area #article ul ul{
  margin-top: 10px;
	clear:both;
	margin-left:0px;
	margin-bottom: 10px;
}

.main_content_area #article ol{
	text-align:left;
	clear:both;
	margin-left:13px;
	padding-left:7px;
	margin-bottom: 30px;
}

/*content article - li style2 - alpha*/
.main_content_area #article ol.alpha, .main_content_area #article ol li ol.alpha {
	list-style-type:lower-alpha;
}

.main_content_area #article ol.alpha li, .main_content_area #article ol li ol.alpha li {
	margin-left:12px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}

/*content article - li style3 - number*/
.main_content_area #article ol.number {
	list-style-type:decimal;
}

.main_content_area #article ol.number li{
	margin-left:12px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}

/*content article - li style3 - number - For FAQ section*/
.main_content_area #article ol.number_faq {
	list-style-type:none;
	margin-bottom:0px;
}

.main_content_area #article ol.number_faq li{
	margin-left:0px;
	padding-left:3px;
	text-align:left;
	margin-bottom:22px;
	padding-bottom: 1px;
	clear:both;
}

.main_content_area #article ol.number_faq li ul.point, .main_content_area #article ol.number_faq li ol.alpha{
	margin-top:10px;
	margin-bottom:5px;
}

.main_content_area #article ol.number_faq li ul.point li, .main_content_area #article ol.number_faq li ol.alpha li{
	margin-left:12px;
	text-align:left;
	margin-bottom:0px;
}

.main_content_area #article ol.number_faq li ol.roman,
.main_content_area #article ol.number_faq li ol.alpha,
.main_content_area #article ol.number_faq li ol.number,
.main_content_area #article ol.number_faq li ol.point{
	margin-bottom:0px;
}

.main_content_area #article ol.number_faq li h2{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

/*content article - li style4 - roman*/
.main_content_area #article ol.roman {
	list-style-type:lower-roman;
}
.main_content_area #article ol.roman li{
	margin-left:12px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}
.popular_services{
max-width: 1280px;
margin: 0 auto;
}

.popular_services h2{ /* (QPS5-RVD-Web) Web Accessibility Conformance */
	margin-top: 30px;
	color: black;
	margin-bottom: 20px;
}

.popular_services h3{
	margin-top: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}

#hidden_layer { /* (QPS5-RVD-Web) Web Accessibility Conformance */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.home_sup_1{
	border-radius: 20px;
  border: 5px #ade6d1 solid;
  margin-left:50%;
  margin-bottom:30px;
}

.quick_link .quick_link_open{
  display: none;
}

.quick_link h2{
  margin-top: 0px;
  padding-top:0rem;
}

.quick_links_1{
  /*display: flex;*/
  padding: 0 5px;
  display:block;
}

.quick_links_2{
  /*display: flex;*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width:50%;
  display:block;
  float:left;
  padding-top:70px;
}
.figure {
    height: 230px;
}

.popular_services_button {
    margin: 0 auto;
    text-align: center;
    width:32%;
    display:inline-table;
}

.popular_services_button_1 {
    width: 30%;/*calc(100% / 3);*/
    text-align: center;
    display:inline-table;
}

.home_sup_2{
    background-image:url("../../images/common/sup_bg3.jpg");
    background-position: initial;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
    margin-top:0px;
}

.home_sup_3{
    background-image:url(../../images/common/sup_bg3.jpg);
    background-position: initial;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
}

.useful_information{
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

.useful_information h3{
	/*margin-top: 30px;*/
	/* margin-bottom: 100px; */
	padding-top: 30px;
	font-size: 30px;
}

.useful_sup_1, .useful_sup_2{
  position: absolute;
  display: flex;
  width: 100%;
}

.useful_sup_1{
  margin-top: 5px;
  margin-bottom: 5px;
}

.useful_sup_2{
  margin-top: 5px;
  margin-bottom: 5px;
}

.useful_sup_1{
  width: 100%;
  top:95px
}

.useful_sup_2{
  width: 100%;
  top:140px
}

.useful_sup_3{
  top:140px
}

.useful_sup_4{
  top:95px
}

.nav-tabs{
  border-bottom:0px;
}

.nav-tabs .nav-item{
  margin-bottom: 0px;
  /* text-align: center; */
  /* background-color: #4064a7;
  color: #fff; */
}

.nav-tabs .nav-link{
  background-color: #4064a7;
  color: #fff;
  text-align: center;
}

.nav-tabs .nav-link:hover{
  background-color: #ad2b53;
  text-decoration: underline;
  border-color: #ad2b53;
}

/* 
.nav-tabs .nav-link:focus{

} */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color: #fff;
  background-color: #ad2b53;
  border-color: #ad2b53;
}

.tab-pane{
  padding-right: 15px;
    padding-left: 15px;
  /* top: 82%; */
  top: 185px;
  position: absolute;
  opacity: 0;
}

.tab-pane.show{
  opacity: 100;
}

#accordion .card-header{
  display: none;
}

.fade:not(.show){
      display: none;
}

.useful_sup_contant{
	transition: 0.4s 0.1s;
  /* margin-top: 70px; */
  /* padding-top: 40px; */
	/* background-color: #fff; */
	padding-bottom: 30px;
}

.useful_information_list{
  padding-top: 40px;
  background-color: #fff;
	list-style-type: none;
    margin: 0px;
    display: list-item;
    text-align: left;
    padding-left:30px;
    padding-bottom: 30px;
		/* margin-left: 30px; */
}

.useful_information_list li{
	vertical-align: top;
    display: inline-block;
    background-image: url(../../images/common/list_icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 45%;
    text-align: left;
		font-size: 17px;
		/* padding-top: 5px; */
    padding-bottom: 5px;
}

.useful_information_list li a{
	color: #136258;
	text-decoration: none;
}

/* .useful_sup_active > a{
	background-color: #ad2b53!important;
}

.useful_sup_active > a{
	text-decoration: underline!important;
} */

/*#title_bar_left {
    float: left; 
	  padding-top: 5px;
    width: 100%;
    height: auto;
    min-height: 40px;
    overflow: hidden;
    display: inline-block;
}*/

.title_path ul.navigation_bar {
  display: inline-flex;
    /* float: left; */
    width: 100%;
}

.title_path {
	/*font-size: 14px;*/
    font-size: 0.875em !important;
    /* display: inline-block; */
}

.title_path ul.navigation_bar li {
  padding-left: 10px;
  padding-right: 10px;
}

.title_path ul.navigation_bar li.current {
    margin: auto;
    background-image: url(../../../images/common/menu_02.gif);
    background-repeat: no-repeat;
    background-position: left center;
    /* float: left; */
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    /* display: inline-block; */
}

.roman2 {
	list-style-type:lower-roman;
}

.roman2 li{
	margin-left:12px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}

.roman3 {
	list-style-type:lower-roman;
}

.roman3 li{
	margin-left:30px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}

.number2 {
	list-style-type:decimal;
}

.number2 li{
	margin-left:30px;
	padding-left:3px;
	text-align:left;
	margin-bottom:3px;
	clear:both;
}

.main_content_area #article ul.point li{
	padding-left:14px !important;
}

.main_content_area #article ul.point li {
    background-image: url(../../../images/common/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 14px;
    margin-left: 15px;
    text-align: left;
    margin-bottom: 3px;
    clear: both;
}

/*content article - li style5 - For Publications*/
.main_content_area #article ul.inline{
	float:left;
	width:100%;
	/*display:block;*/
	margin-bottom:10px;
}

.main_content_area #article ul.inline li{
	float:left;
	width:28%;
	/*display:block;*/
    margin-bottom:10px;
	text-align:left;
}

/*content article - li style5 - For Publications*/
/*
.main_content_area #article ul.inline, ul.inline1{
	float:left;
	width:100%;
    border-bottom: 1px #CCCCCC solid;
    padding-bottom:15px;
    margin-bottom:15px;
}

.main_content_area #article ul.inline li{
	float:left;
	width:23%;
	display:inline-block;
    margin-right:14px;
}

.main_content_area #article ul.inline1 li{
	float:left;
	width:48%;
    display:inline-block;
    margin-right:14px;
}
*/

.title_path{
	font-size:0.875em!important;
	display:inline-block;
}

.vert_rvd{
  height:20px; overflow:hidden;
}

/*Government icon*/

/*link right*/
.rvd_right_link{
	 /* width: 850px; */
	/* float:left; */
  margin: 0 auto;
  position: relative;
}

.rvd_right_link ul{
  display: flex;
}

.rvd_right_link ul li{
	/* width:84px; */
	/* height:50px; */
	/* float:left; */
	display:inline;
	margin:10px 0px 10px 20px;
}

.rvd_right_link_top{
	width:100%;
	height:9px;
	/* background:url(../../images/common/right_link_top_bg.gif) no-repeat; */
	overflow:hidden;
}

.rvd_right_link_center{
  position: relative;
  margin: auto;
	/* background:url(../../images/common/right_link_center_bg.gif) repeat-x left bottom; */
	width:800px; /*width + border left and right*/
	overflow:hidden;
	/* border-left:#eeeeee solid 1px;
	border-right:#eeeeee solid 1px; */
}

.rvd_right_link_bottom{
	width:100%;
	height:7px;
	/* background:url(../../images/common/right_link_bottom_bg.gif) no-repeat; */
	overflow:hidden;
}

/*link left*/
.rvd_left_link{
	width:100%;
	float:left;
	margin-bottom:20px;
}

.rvd_left_link li{
	float:left;
	display:inline;
	width:77px;
	height:41px;
	margin:10px 0px 10px 15px;
}

/*link left - for search page*/
.s_rvd_left_link{
	width:160px;
	float:left;
}

.s_rvd_left_link li{
	float:left;
	display:inline;
	width:77px;
	height:41px;
	margin:10px 0px 10px 3px;
}

/*footer*/
.rvd_line_footer{
	width:750px;
	height:16px;
	/* background:url(../../images/common/rvd_line_footer.gif) no-repeat center center; */
}

.swiper-container {
  position: initial !important;
  width: 700px;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-pagination{
  padding-top: 20px;
  position: initial !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0 !important;
  top: 30% !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  left: 0px !important;
  top: 30% !important;
}

.sitemapBG{
	background-image: linear-gradient(180deg, #cdedff, #edf8ff);
}

.sitemap{
  padding-bottom: 20px;
  padding-top: 20px;
  max-width: 1280px;
  margin: auto;
  /* text-align: center; */
}

.sitemap > p{
  text-align: center;
  font-size: 30px;
}

.sitemap a{
  color: #006699;
}

.sitemap a:hover, .sitemap i:hover{
  text-decoration: none;
  color: #C8330E;
}

.sitemap li.open a{
  color: #006699;
}
/*.sitemap li a.arrow::after{
	content: ' \25BC';
}

.sitemap li.open a.arrow::after{
	content: ' \25B2';
}*/

#sitemap ul{
  margin-bottom: 15px;
  display: inline-block;
  width: 25%;
  padding-right: 25px;
  vertical-align: top;
}

#sitemap ul li:first-child{
  border-bottom: 3px #ed1c24 solid;
  padding-bottom: 10px;
  font-weight: bold;
}

#sitemap li.sub_menu ul{
  margin-bottom:initial;
  display:initial;
  width: initial;
  padding-right: initial;
  vertical-align: initial;
}

/*#sitemap li.sub_menu ul li:first-child{
  border-bottom: initial;
  padding-bottom:initial;
  font-weight:initial;
}*/

#sitemap li.sub_menu ul li:first-child{
  border-bottom: none;
  padding-bottom:0px;
  font-weight:normal;
}

#sitemap>div>ul>li.sub_menu {
  display:block;
}

#sitemap>div>ul>li.sub_menu.on {
  display:block;
}

#sitemap .sub_menu {
  padding-left:20px;
}

p>a.arrow::after{
	content: ' \25BC';
}

p>a.arrow_active::after{
	content: ' \25B2';
}

#footer{
  background-image: url(../../images/common/footer.png);
  background-position: center;
  background-repeat: no-repeat;
  min-height: 220px;
  background-color: #d9e0ec;
  /* margin-top: 20px; */
  padding-top: 10px;
  height: 100%;
  padding-bottom: 50px;
  background-size: cover;
}

.footer_text{
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
	padding-top:22px;
}

.f_l{
  width: 70%;
}

.f_l font{
	white-space:nowrap;
}

.f_r{
  width: 40%;
}

.f_bk{
	width:100%;
	display:block;
	height:50px;
}

.f_r a{
  margin-right: 10px;
}

.content_bg_footer {
	/* width: 750px; */
	height:100%;
	min-height:300px;
	/* background: #FFFFFF url(../../../images/en/blue/main_content_bg.gif) no-repeat center bottom; */
}

.table_title{
	color: #333333;
    padding: 0px;
	text-indent:0px;
    vertical-align: text-top;
    width: 100%;
	line-height:1.5em;}

/* .table_border tr{

background: none repeat scroll 0 0 #FFFFFF;

} */
.table_title{
background-image: linear-gradient(90deg, #91d8d2 0%, #95caa0 100%);
}

.alt{
  background: none repeat scroll 0 0 #E5F5FD !important;
}

.underline{
    text-decoration:underline;
}

.displaynone{
	display:none;
}

.table_list_space
{
margin-bottom:0px !important;

}

/*20161117 Hong Kong Property Review (Previous Years) list style*/
.property_review_list{
	width:90%;
}

.main_content_area #article ul.property_review_list li
{
display:inline-block;
width:135px;
/* background-position:0px 5px; */
}

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: black;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #006699;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}

#back2Top:hover {
    background-color: #F26E02;
	color: #ffffff;
}

form#contact-form select.error {
    border:solid red 1px;
}

/*form#contact-form select#esex {
    border-style:solid; 
    border-color: #808080;
}*/

form#contact-form input[type=radio].error {
    outline:solid red 2px !important;
    border-radius:10px;
    background-color:red;
}

form#contact-form input[type=checkbox].error {
    outline:solid red 2px !important;
}

form#contact-form input.error {
    border:solid red 1px;
}

form#contact-form textarea.error {
    border:solid red 1px;
}

form#contact-form label.error {
    border:solid red 1px;
}

form#contact-form #err_msg ul{
    clear:both;
    margin-left:13px;

}

form#contact-form #err_msg 
{
    border:solid red 1px;
    padding:10px;
}

form#contact-form #err_msg span
{
    line-height:20px;
    color:red;
}

form#contact-form #err_msg span>img
{
    margin-bottom:8px;
    margin-left:3px;
}

form#contact-form #err_msg>ul
{
    list-style-type:disc;
    padding-left:10px;
    margin-bottom:0px !important;
}

/* calculator */
.amount_before, .rates, .amount_after,
.period, .amount, .blank_clumn{
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.row_accordion .right .button2:hover{
  background-color: #ffffff !important;
  border: 2px solid #006699;
  color: #006699 !important;
  transition: all 0.2s;
}


@media screen and (min-width: 1281px) {
    .d-lg-none {
        display: none !important;
    }
}
@media screen and (min-width: 1280px) {
    #searchContent {
        width: 500px;
    }
}
@media screen and (min-width: 992px) {
    .d-lg-none {
        display: block !important;
    }

}

@media screen and (max-width:414px) {
    .title_path ul.navigation_bar {
        display: block;
    }

        .title_path ul.navigation_bar li.current {
            margin-left: 45px;
        }

            .title_path ul.navigation_bar li.current:nth-child(2) {
                margin-top: -23px;
            }

    #searchContent {
        width: 280px;
    }

    .card-body {
        min-height: 100px;
        font-size: 85%;
    }
    
.carousel-indicators {
  bottom:-1px;
  }

  .carousel-action {
      bottom: 8px;
  }

  .whats_new{
    padding-bottom: 10px;
  }

  .col-w {
    padding: 0px 35px 0px 35px;
  }
}

.footer_li {	
	width: 260px;
	list-style-type: disc;
  margin-left: 18px;
	color: red;
}

.btn {
    font-size:100%;
}

/* Popup box start */
@keyframes pop-start {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes pop-end {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

.hover_bkgr_fricc{
  background:rgba(0,0,0,0.3);
  display:block;
  height:100%;
  position:fixed;
  text-align:center;
  top:0;
  width:100vw;
  z-index:10000;
  animation-name:pop-start;
  animation-duration:.5s;
  animation-fill-mode:forwards;
}

.popupclose{
  animation-name:pop-end;
  animation-duration:.4s;
  animation-fill-mode:forwards;
}

.hover_bkgr_fricc .helper{
  display:inline-block;
  height:100%;
  vertical-align:middle;
}

.hover_bkgr_fricc > div {
  cursor: default;
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: inline-block;
  max-width: 960px;
  max-height: 100%;
  min-height: 100px;
  vertical-align: middle;
  text-align: justify;
  width: 60%;
  position: relative;
  padding: 15px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .hover_bkgr_fricc > div {
    width: 78%;
  }
}

.hover_bkgr_fricc > div table {
  text-align: left;
}

.hover_bkgr_fricc a:not(.popupCloseButton){
	text-decoration:underline;
	color:#b93f11;
}

.hover_bkgr_fricc a:not(.popupCloseButton):hover{
	text-decoration:underline;
	color:#292929;
}

.popupCloseButton {
  text-decoration: none !important;
  color: #000 !important;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  position: absolute !important;
  font-size: 25px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  top:0px;
  right:0px;
}

.swiper-slide-duplicate-hide .thumb-slider__item-img
{
	/*border-color:red;*/
	display:none;
}

.card {
	display:block;
}