img { max-width: 100%;}

#content img[height][width] { height:auto !important; }
#content img[width] { height:auto !important; }

body{
	min-width:360px; /* IPhone 376px Andriod 360px */
	max-width:1500px;
	-ms-overflow-style: scrollbar !important;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 62.5rem;
}

.menu-btn{
    font-size: 18px;
    float: left;
    cursor: pointer;
    width: 33px;
    position: relative;
}

.menu-btn:before{
  content:"";
  display:block;
  padding-top:100%;
}

.menu-btn>div{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.menu-btn img{
  display:block;
  margin:auto;
  margin-top:calc(50% - 10.5px);
}

.blockTable{
    margin: 0px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
    /*float: left;*/
    clear: both;
    width: 100%;
}

.main-head {
	float: left; width: 100%
}

.shareItemMobile
{
    float: right;
	display:inline;
	padding-top:25px;
	padding-left:15px;
}

.share_content_mobile{
 visibility:hidden;
 width: 140px;
 height: 66px;
 position: absolute;
 z-index:521;
}

.share_bg_mobile{
 visibility:hidden;
 width: 140px;
 height: 66px;
 position: absolute;
 z-index:520;
 _left:-144px;
}

#content .web-welcome-index {
	float:right;
	width:32%;
}

.links-table {
	width: 100%;
	float: left;
	margin: 3px;
}

.links-table td    {padding: 5px;}

input{
  font-family:initial;
}

#ird_head_logo{
width: 484px; height: auto; border: 0
}

@media(min-width: 900px) {
	.links-table .item {
		text-align: center; 
		float: left; 
		padding: 1px;
		height: 60px;
		width: 20%;
	}
  	#ird_head_logo{
		width: 484px; height: 65px; border: 0
	}
}
@media(max-width: 900px) {
	.links-table .item {
		text-align: center; 
		float: left; 
		padding: 1px;
		height: 60px;
		width: 25%;
	}
    #ird_head_logo{
      width: 484px; height: auto; border: 0
    }
}

.index-table {
	/*width: 99%;*/
	border: 1px solid #C0C0C0; 
	margin: 3px; 
}

.index-table td    {padding: 5px;}

#content .content-div {
	margin-top: 10px;
	margin-left:20px;
	margin-right:20px;
	text-align: left;
	line-height:1.5;
}

.content-extend {
	text-align: right;
}

.search_next {
    vertical-align: middle;
    padding-right: 10px;
}

.search_prev {
    vertical-align: middle;
	padding-right: 5px;
}


@media(max-width:842px) {
	#content .news-content {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/*.homemenu:link, .homemenu:active, .homemenu:visited{
		color: #000;
	}*/
	
	#content .content-title-div {
		background-color:#e5f1d9;
		text-align: left;
		padding: 5px 5px 5px 19px;
	}
	
	#content  .content-title {
		font-size: 1.1em;
		color: #8b0000;
		font-weight: bold;
		/*padding-left:5px;*/
	}
	#content .content-title a {
		color: #b52830;
	}
	
	#menu-toggle, .mobile-head, .responsive-menu{
		display: block !important;
	}	
	.main-head, .leftmenu {
		/*display:none !important;*/
	}
#BrandHK,#BrandHKMobile{
width:100% !important;height:auto !important;float:right  !important;
}
	.web-menu {
		margin:0px;
		width: 190px;
		float:left;
		display: none;
		background: #ddedda;
	}	

	.web-welcome-links {
		display:none;
	}
	
	.mobile-welcome-index {
		display:block;
	}
	
	.web-welcome-index {
		display:none;
	}
	
	#content .welcome-banner {
		width:100%;
		float:left;
		height: 100%;
	}
	
	#content-area{
		float: left; 
		width: 100%;
		max-width: 810px;
	}
	.navi {
		background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.6)), url(../images/navi_bg_loop.png);
		background-position: left center;
		background-repeat: repeat;
		margin: 0;
		padding: 5px;
		text-align: left;
		padding-left:10px;
	}
	
	.search{
		background-image: url(/common/mobile/images/search_bg.png);
		background-position: left top;
		background-repeat: repeat-x;
		margin: 0;
		text-align: left;
		line-height:15px;
	}
	.search_bar {
		background-image: url(/common/mobile/images/search_bar1_temp.png);
		background-position: left;
		background-repeat: no-repeat;
		text-align: left;
		height: 43px;
	}
	
	.row .top-banner {
		display:none;
	}
	
	div .top-menu {
		display : none;
	}
	
	div .copy-right {
		float:left;
		padding-left:15px;
		/*width:49%;*/
	}
	
	div .date-message {
		float:right;
		/*padding:5px;*/
		padding-right:20px;
		width:49%;
	}
	
	.links-table .item {
		text-align: center; 
		float: left; 
		padding: 1px;
		height: 60px;
		width: 33.333%;
	}
	
	.footer-icons {
		width:100%;
		float: left;
		display: block;
		padding: 10px;
	}
	
	.img-w3c {
		border: 0px;
		width: 25%;
	}
	
	.img-non-conformance {
		border: 0px;
		width: 25%;
	}
	
	.img-wcag {
		border: 0px;
		width: 25%;
	}
	
	.img-inclusive {
		border: 0px;
		width: 25%;
		/* height: 70px; */
	}
	
	.img-caring {
		border: 0px;
		width: 25%;
		/* height: 50px; */
	}
	
	#content table{
		/*
		border-collapse: separate;
		border-spacing: 2px;
		*/
	}
  
  div.back-to-top {
    margin-right: 20px;
  }

}

	#content table>tbody>tr>td,#content table>tbody>tr>th{
		border-collapse: separate;
		padding: 2px;
	}

.div-line {
	width:100%; 
	background-image: url(/common/images/g_menu/botdot.jpg);
	background-repeat: repeat-x; 
	height:10px;
	padding:10px;
	margin-top: 4em;
}

.footer-message {
	width:100%;
  padding-bottom: 1.1em;
  margin-bottom: 1.1em;
}

.main-content {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

div.back-to-top {
	text-align: right;
	float: right;
	width: 100%;
	padding-bottom:20px;
	padding-top:10px;
	/*margin-right: 20px;*/
}

.news-ul>li>p{
  margin-top:0px;
  margin-bottom:0px;
}

@media(min-width:843px) {
	#content .news-content {
		margin-top: 10px;
	}
	
	#content .content-title-div {
		margin-left: 20px; 
		margin-top: 20px; 
		*margin-bottom: 15px; 
		margin-bottom: 15px;
	}
	
	#menu-toggle, .mobile-head {
		display: none;
	}
	.web-menu {
		width: 190px;
		/*display: table-cell;*/
		float:left;
		background: #ddedda;
	}
	
	.web-welcome-links {
		display:block;
	}
	
	#content .welcome-banner {
		width:68%;
		float:left;
	}
	
	.mobile-welcome-index {
		display:none;
	}
	
	.web-welcome-index {
		display:block;
	}
	
	#content-area{
		/*display: table-cell;*/
		float:right;
		width: calc(100% - 190px);
		vertical-align:top;
	}
	.navi {
		background-color: #DDEDDA;
		vertical-align: middle;
		padding: 5px;
		margin: 0;
		text-align: left;
	}
	
	.row .top-banner {
		display:block;
	}
	
	.footer-icons {
		display:none;
	}
	
	div .top-menu {
		display : block;
	}
	
	div .copy-right {
		/*width:49% ;*/
		float: left;
		margin: 0px;
		padding-left: 8px;
	}
	
	div .date-message {
		width:49% ;
		float: right;
		margin: 0px;
	}
	
	.img-w3c {
		border: 0px;
	}
	
	.img-wcag {
		border: 0px;
	}
	
	.img-non-conformance {
		border: 0px;
	}	
	
	.img-inclusive {
		border: 0px;
		width: 100px;
		height: 70px;
	}
	
	.img-caring {
		border: 0px;
		width: 100px;
		height: 50px;
	}
  
  #content .content-div {
    margin-right:0px;
  }
}

@media print{
	#content .web-welcome-index {
		float:right;
		width:31%;
	}
	.web-welcome-links {
		display:block;
	}
	
	#content .welcome-banner {
		width:68%;
		float:left;
	}
	
	.mobile-welcome-index {
		display:none;
	}
	
	.web-welcome-index {
		display:block;
	}
	
	#content .content-title-div {
		/*margin-left: 20px; */
		margin-top: 20px; 
		*margin-bottom: 15px; 
		margin-bottom: 15px;
		background-color: #FFFFFF;
		color: #000000;
	}
	#content .content-title{
		color: #000000;
	}
}

.wd-160-force{min-width:160px !important;}
.h120-force{min-height:120px !important;}