/*.chineseVersion.tradition h1{
  font-family: "MHeiHKBold";
  color:#400080;
}

.chineseVersion.tradition .headerMenu, .chineseVersion.tradition .leftMenu{
  font-family: "MHeiHKBold";
}

.bold-font-tc{
    font-family: "MHeiHKBold";
}

.light-font-tc{
    font-family: "MHeiHKLight";
}

@font-face {
	font-family: MHeiHKBold;
	src: url("fonts/MHeiHK-Bold.otf") format("opentype"), url("fonts/MHeiHK-Bold.eot");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: MHeiHKXBold;
	src: url("fonts/MHeiHK-Xbold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: MHeiHK;
	src: url("fonts/MHeiHK-Medium.ttf") format("opentype"), url("fonts/MHeiHK-Medium.eot");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: MHeiHKLight;
  src: url("fonts/MHeiHK-Light.ttf") format("opentype"), url("fonts/MHeiHK-Light.eot");
  font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: MHeiHKSC;
	src: url("fonts/MengNaJianZhongHei-1.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}*/




.bodyArea {
    transition: all .4s ease 0s;
    height: 100%;
    position: relative;
    /*overflow: hidden;*/
    background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

#sidebar-wrapper {
    overflow: hidden;
    max-width: 368px;
    width:100%;
    background: #d9e5f0;
    z-index: 2000;
    position: relative;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(66,66,66,0.3);
    -moz-box-shadow: 2px 0px 5px 0px rgba(66,66,66,0.3);
    box-shadow: 2px 0px 5px 0px rgba(66,66,66,0.3);
}

.align-items-center{
  align-items: center;
}

@media screen and (max-width: 992px) {
#sidebar-wrapper {
  display: none;
}
}
.leftMenu{
	padding-left: 0px;
	list-style: none;
  counter-reset: item;
}

.leftMenu li{
	list-style-position:inside;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10%;
	padding-right: 15px;
	counter-increment: item;
	display:flex;
	text-align:left !important;
  max-width: 300px;
}

@media screen and (max-width: 992px) {
  .leftMenu li{
    max-width: none;
  }
}

.leftMenu li:before{
	 position: absolute;
   /*content: counter(item,  upper-roman) ". ";*/
   color: #000;
   text-align: left;
   display: flex;
       line-height: 1.6;
}

.subMenu>li>a:hover{
  cursor: pointer;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: 1;
}

.align-self-flex-end{
  -ms-flex-pack: flex-end;
  -ms-flex-align: flex-end;
  align-self: flex-end;
}
@media screen and (min-width: 993px){
  .align-self-flex-end-lg {
      -ms-flex-pack: flex-end;
      -ms-flex-align: flex-end;
      align-self: flex-end;
  }
}

.flex-direction-column {
    flex-direction: column;
}

.upper-roman-list {
	list-style-type: upper-roman;
}

.lower-alpha-list{
  list-style-type: lower-alpha;
}

.content-list li{
  list-style-position: inside
}

.content-list>li{
/*  font-family: "MHeiHKBold";*/
  color:#417cb2;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:30px;
  margin-left: 0px;
}


.content-list li>.content{
  /*font-family: "MHeiHKLight";*/
  color:#4c4c4c;
  padding-top: 7px;
  line-height: 1.7;
}

.breadcrumb >div{
  display: flex;
  flex-wrap: wrap;
}

.btn-07{
  text-align:center;
}

.btn-07 a {
    background-color: #417cb2;
    color: white;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 134px;
    font-size: 0.8em;
    -webkit-box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    -moz-box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    text-decoration: none;
}

.indexVersion .btn-07{
  margin-top:20px;
}

.btn-07 a:hover{
  background: #182838;
  color: #fff;
  -webkit-box-shadow: 5px 7px 0px -2px #417cb2;
  -moz-box-shadow: 5px 7px 0px -2px #417cb2;
  box-shadow: 5px 7px 0px -2px #417cb2;
  text-decoration: none;
}

.btn-07 a:focus{
  color: #fff !important;
}


.fmenu-extmenu-d-none .extmenu{
  display: none;
}

.justify-content-space-between{
  justify-content: space-between;
}

.footerArea1{
  background: #182838;
  display: none;
}

.dis-form ul{
  padding-left: 0em !important;
}

.dis-form li{
  list-style: none;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.dis-form label{
  margin-bottom:0px;
}


.dis-form [type="submit"] {
    -webkit-appearance: none;
}

.dis-form .btn-07{
  margin-right: 10px;
}

.dis-form input[type="text"]{
  border: 1px solid #9c9c9c;
  padding-left: 5px;
}
.dis-form .obscure {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    display: none;
}

.dis-form input, .dis-form label, .dis-form select, .dis-form .word, .calendar-icon{
  margin-right: 5px;
}

@media(max-width:767px){
  .dis-form label,.dis-form select, .dis-form input, .dis-form .word, .calendar-icon {
    margin-bottom: 5px;
  }
}

@media(max-width:767px){
  .dis-form input[type="text"]{
    width:100%;
  }
}


.dis-form select{
  padding-left: 3.5px;
  padding-right: 3.5px;
  padding-bottom: 6px;
}

.highlight2{
  color:#000;
  font-weight: 600;
}

.color-form ul>li:nth-child(odd){
  background-color: #eaf3f5;
}

.color-form-2 .bg{
  background-color: #eaf3f5;
}

.calendar-icon{
  background-image: url('../images/calendar-icon.png');
  min-width: 28px;
  height:28px;
  width:28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
}

@media (max-width:767px){
  .w-100-md-down{
    width:100%;
  }
}

.back-btn, .next-btn{
  position: relative;
display: block;
}

.back-btn{
  margin-left: 10px;
}

.next-btn{
  margin-right: 10px;
}

.back-btn:before{
  content: '';
position: absolute;
background-image: url(../images/arrow_left.png);
height: 12px;
width: 12px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
top: 5px;
left: -13px;
}

.next-btn:after{
  content: '';
position: absolute;
background-image: url(../images/arrow_right.png);
height: 12px;
width: 12px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
top: 5px;
right: -13px;
}

.con1{
  display: none;
  width:100%;
  margin-top: 10px;
}

.showactive{
  display: block;
}


/*canning update start*/
.ns-full-width{background:#ffffff;padding:10px;}
.ns-full-width table.ns-print-table {font-size:8pt;}
.ns-full-width table.ns-print-table th {text-align:center;}
.ns-full-width table.ns-print-table .ebstableheaderCopy{background:#eaf3f5;}
.ns-full-width table.ns-print-table .ebstableheaderCopy2{background:#ffffff;}
.mainContent {margin-bottom:30px;}
.ns-block-row {display:block;}
.ns-center-div {
  display: inline-block;
  margin: 0 auto;
}
.ns-center-div .btn-07{margin-right:0;}
.ns-btn-div-width {width:290px;}
.ns-action-btn {
    background-color: #417cb2;
    color: white;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 134px;
    font-size: 0.8em;
    -webkit-box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    -moz-box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    box-shadow: 5px 7px 0px -2px rgba(82,94,106,1);
    border:0;
}
.ns-alert-message {color:red;}
ul.ns-allinone-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ns-allinone-menu li {float: left;}
.ns-allinone-menu li a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
.ns-allinone-menu li a:hover {/*background-color: #111111;*/}
.ns-flex-td {display:flex;}
.subnavbar li a {text-align:center; font-size:0.88em;}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.1);
}
/*updated on 13/12/2019 start*/
.menu-navigation-icons .menu-item1 {background-color: #247967;}
.menu-navigation-icons .menu-item2 {background-color: #999e31;}
.menu-navigation-icons .menu-item3 {background-color: #CBAE11;}
.menu-navigation-icons .menu-item4 {background-color: #8c9046;}
.menu-navigation-icons .menu-item5 {background-color: #3D91ED;}
.menu-navigation-icons .menu-item6 {background-color: #4DB3E4;}
.menu-navigation-icons .menu-item7 {background-color: #B191C2;}
.menu-navigation-icons .menu-item8 {background-color: #939DC1;}
.menu-navigation-icons .menu-item9 {background-color: #B83C70;}
.menu-navigation-icons .menu-item0 {background-color: #09577e;}
@media (max-width:767px){
  .ns-flex-td {display:block;}
}
@media (max-width:450px){
  .menu-navigation-icons a {width:33%;}
}
/*updated on 13/12/2019 end*/
/*canning update end*/
.my_menu3 .extmenu{
  display: none;
}

@media (max-width:992px){
  .headerMenu li.close.my_menu>a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    right: 15px;
    border-color: #fff transparent transparent transparent;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width:992px){
  .headerMenu li.open.my_menu>a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 6px 8px 6px;
    right: 15px;
    border-color: transparent transparent #fff transparent;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width:992px){
  .headerMenu li.my_menu3>a:after, .headerMenu li.my_menu4>a:after{
    display: none;
  }
}
/*1220 updated*/
@media (max-width:992px){
  .bodyArea{
    margin-top:69px;
  }
}
/*1230 updated*/
#simple, #purpose, #when, #priority, #leave, #can, #appeal, #entitlement, #surcharge, #app, #the, #enforcement, #request, #phase1,#phase2, .anchor{
  display: block;
  position: relative;
  top: -69px;
  visibility: hidden;
}
@media(min-width:993px){
  #simple, #purpose, #when, #priority, #leave, #can, #appeal, #entitlement, #surcharge, #app, #the, #enforcement, #request,#phase1, #phase2, .anchor{
    top: -153px;
  }
}


@media (max-width:992px){
  .headerArea{
    box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
  }
}

.info-table{
  overflow-x: auto;
}

.subnavbar{
  display: none !important;
}