@import url('https://fonts.googleapis.com/css?family=PT+Sans:100,400,700|Titillium+Web:100,300,400,600,700');
html {
	background-color: #F0F0F0;
	min-width: 320px;
}
body {
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-size: 16px;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0;
	min-width: 320px;
}
#mobileLayer{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9;
	left: 0;
	top: 0;
}
a {
	text-decoration: none;
	color: #0F72B8;
}
a:hover {
	text-decoration: underline;
	color: #0F72B8;
}
a.breakWord {
	display: block;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.a_center {
	text-align:center !important;
}
.a_right {
	text-align:right !important;
}
.v_top {
	vertical-align:top !important;
}
.v_middle {
	vertical-align:middle !important;
}
.v_bottom {
	vertical-align:bottom !important;
}
.no_wrap {
	white-space:nowrap;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Titillium Web', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	line-height: 1.2;
}
/* Skip to content */
#skip-to-content, .BDlogo, .grayBG h2, .skipToContent h2, #url {
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute;
}
.container {
	position: relative;
	max-width: 1800px;
	width:92%;
	padding:0;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1800px;
}
.sticky .topnav, .sticky .logoHolder , .sticky #topNav{
	display: none !important;
}
.sticky .stickylogo .logo {
	background: url('../img/logo-stickymenu.png') no-repeat center center;
	background-size: 36px 22px;
	color: transparent;
}
.sticky .stickylogo:hover .logo {
	background-image: none;
	color: #FFF;
}
.sticky .stickylogo a {
	padding: 0;
}
.sticky #mainNav ul.nav li.stickylogo {
	display: block;
	text-align: center;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
/*header css*/
.mobileNavBtn {
	float: right;
	margin-top: 10px;
}
.searchBoxHolder {
	position: absolute;
	right: 0;
	bottom: 25px;
	font-size: 0.813em;
}
.searchBoxHolder .siteSearchBtn{
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	right: 0;
	top: 0;
	text-indent: -99999px;
	background: url('../img/icon-search.png') no-repeat center center;
	background-size: 22px 22px;
}
.searchBoxHolder input[class="searchBox"] {
	border: 2px solid #FECA46;
	padding: 6px 8px;
	font-weight: 300;
	width: 240px;
	color: #2c2c2c;
	/* background: url('../img/icon-search.png') no-repeat right 5px center;
	background-size: 22px 22px; */
	padding-right: 35px;
}
.searchBoxHolder input[class="searchBox"]::placeholder, .searchBoxHolder input[class="searchBox"]:-ms-input-placeholder, .searchBoxHolder input[class="searchBox"]::-ms-input-placeholder, .searchBoxHolder input[class="searchBox"]::-webkit-input-placeholder, .searchBoxHolder input[class="searchBox"]::-moz-placeholder {
color: #2c2c2c;
}
#header {
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.15);
	/* border-bottom: 1px solid transparent; */
	z-index: 1000;
	background-color: #FFFFFF;
	position: relative;
}
#header.sticky {
	position: fixed;
	/* border-bottom: 1px solid #E0E0E0; */
}
.emptyHeader {
	width: 100%;
	height: 0;/*	transition:height .1s ease 0s;
	-webkit-transition:height .1s ease 0s;*/
}
.emptyHeader.sticky {
	height: 199px;
	position: relative;
}
.logoHolder {
	padding: 18px 0;
	min-height: 90px;
}
.logoHolder a#siteLogo {
	font-size:0;
	display:table;
	float:left;
}
.logoHolder a#siteLogo:hover {
	text-decoration:none;
}
.logoHolder a#siteLogo > span {
	display:table-cell;
}
#siteLogo .logo { /*background: url('../img/logo-BD-top.png') no-repeat center center;*/
	/*display: inline-grid;*/
	padding-right: 14px;
}
#siteLogo .logo img {
	width: 74px;
	height: 78px;
}
#siteLogo .name {
	max-width: calc(100% - 110px);
	vertical-align:bottom;
}
#siteLogo .name > span {
	display:block;
}
#siteLogo .name .title {
	color: #000;
	font-size: 1.35rem;
	font-weight: 600;
}
#siteLogo .name .subtitle {
	color: #000;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.3em;
}
#siteLogo .name a.title:hover, #siteLogo .name a.subtitle:hover {
	text-decoration: none;
}
#topNav {
	position: relative;
	min-height: 30px;
	width: 100%;
	background-color: #0C6390;
}
#topNav .nav {
	margin-right:100px;
	font-size: 0.875em;
}
#topNav .container {
	position:relative;
}
#topNav a {
	line-height: 30px;
	padding: 5px 30px;
	border-left: 1px solid #3782A6;
	color: #fff;
	font-weight: 100;
}
#topNav a.narrow {
	padding: 5px 15px;
}
#topNav .bdgIco-contactus {
	background: url('../img/icon-contact.png') no-repeat left 30px center;
	background-size: 18px 18px;
	padding-left: 55px;
}
#topNav .bdgIco-fontSize {
	background: url('../img/icon-textsize.png') no-repeat left 30px center;
	background-size: 18px 18px;
	padding-left: 55px;
}
#topNav .bravo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 10px 0 30px;
	background: #EF6814 url('../img/icon-bravo-login.png') no-repeat 10px 6px;
	background-size: 12px 15px;
	height: 35px;
	border-bottom: 2px solid #D1D1D1;
	border-left: none;
	font-size: 0.9em;
}
/*mobile menu*/
#nav-open-btn, #mob-nav-open-btn {
	width: 40px;
	height: 40px;
	background-image: url(../img/icon_burger_menu.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px 10px;
	border: none;
	/*box-shadow: none;*/
	border-radius: 0;
	overflow: hidden;
	line-height: normal;
	margin: 0px 0px 0 0;
	text-indent: -9999px;
}
#mob-nav-open-btn {
	background-image: url('../img/icon_burger_menu_open.png');
	margin: 5px 0px 0px;
}
#slideMenuLayer {
}
#slideMenuLayer .logo {
	background: url('../img/logo-BD-top.png') no-repeat center center;
	background-size: contain;
	width: 37px;
	height: 36px;
	display: inline-block;
	margin: 12px;
}
.mobileMenuHead {
	height: 50px;
	background-color: #006396;
	margin-bottom: 15px;
	padding: 0px 10px 0px 20px;
}
.mobileMenuHead h2, .mobileMenuHead div.title {
	color: #FFF;
	margin: 15px 0px 0px;
	font-size: 1.1em;
	font-weight: 300;
	display: inline-block;
}
#mobileMenuLayer {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#mobileMenuLayer {
	visibility: hidden;
	position: fixed;
	top: 0;
	right: -310px;
	width: 310px;
	height: 100%;
	z-index: 10;
	background-color: #fff;
	border-left: 1px solid #A0A0A0;
	-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);
}
#mobileMenuLayer.on {
	right: 0;
	visibility: visible;
	overflow-y: auto;
}
.mobile-menu-ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-menu-ul li {
	position:relative;
	font-size: 1em;
	border-bottom: solid 1px #ddd;
	/* font-weight: 600; */
}
.mobile-menu-ul li .navBtn{
	width:40px;
	height:40px;
	position:absolute;
	top:6px;
	right:8px;
	background-color:red;
	cursor:pointer;
	background: url('../img/nav-mobile-right.png') no-repeat right 50% top 50%;	
}
.mobile-menu-ul li.home {
	background-image: none;
}
.mobile-menu-ul li a {
	padding: 15px 20px;
	display:block;
	color: #005F92;
}
.mobile-menu-ul li.BGImg.BGArrow.down .navBtn{
	background-image: url('../img/nav-mobile-down.png');
}
.mobile-menu-ul li .mobile-submenu-ul {
	display: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-menu-ul li .mobile-submenu-ul li {
	border-bottom: none;
	padding: 15px 20px 15px 60px;
	font-weight:400;
	background-position: left 20px center;
	background-repeat:no-repeat;
	background-size: 36px 36px;
}
.mobile-menu-ul li .mobile-submenu-ul li:hover {
	background-color: #eee;
}
.mobile-menu-ul li .mobile-submenu-ul li:last-child {
	margin-bottom: 15px;
}
.mobile-menu-ul li .mobile-submenu-ul a {
	color: #2C2C2C;
	padding: 0px 0px 0px 10px;
}
.mobile-language ul {
	list-style: outside none none;
	margin: 15px 0;
	padding: 0;
}
.mobile-language li {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 300;
}
.mobile-language li a {
	color: #005F92;
	padding: 10px 10px 10px 15px;
	display: block;
}
.mobile-language .bdgIco-contactus {
	background: url('../img/icon-contact.png') no-repeat left 15px center;
	background-size: 18px 18px;
	padding-left: 40px;
}
/*mobile menu ends*/
/*mainnav*/
#mainNav {
	height:50px;
	margin:-1px 0;
}
#mainNav .nav > li:hover > .dropdown-menu, #mainNav .nav > li.open > .dropdown-menu {
	display:block
}
#mainNav ul.nav{ display:inline-flex; position:relative;}
#mainNav ul.nav li.fourthNav{ position:static;}
#mainNav ul.nav li:last-child{ margin-right:0;}
#mainNav ul.nav li {
	float: left;
	margin-right: 6px;
}
#mainNav ul.nav li.stickylogo {
	width: 70px;
	height: 48px;
	display:none;
}
#mainNav ul.nav li.nav-item.active > a.nav-link:before {
	content:'';
	position:absolute;
	height:5px;
	width:100%;
	background-color:#F79B37;
	bottom:0;
	left:0;
}
#mainNav .nav > li:hover > a.nav-link:before{
	background-color: #EF6814!important;
}
#mainNav > .nav > .nav-item > a.nav-link {
	color: #006091;
	font-size: 1.06em;
	font-weight: 600;
	padding: 12px;
	height: 50px;
	line-height:26px;
	text-align: center;
	font-family: 'Titillium Web', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	position: relative;
}
#mainNav > .nav > .nav-item > a.nav-link:after {
	margin-left: 6px;
	border:2px solid #f79b37;
	width:7px;
	height:7px;
	border-top:none;
	border-left:none;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	vertical-align:middle;
}
#mainNav > .nav > .nav-item > a.nav-link:hover:after, #mainNav > .nav > .nav-item.open > a.nav-link:after {
	border-color:#fff;
}
#mainNav > .nav > .nav-item:hover > a.nav-link, #mainNav > .nav > .nav-item.open > a.nav-link {
	background-color: #EF6814;
	color: #FFF;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#mainNav .dropdown-menu.right {
	right: 0;
	left: auto;
}
#mainNav .dropdown-menu {
	margin-top: 0px;
	border-radius:0;
	border-top: 3px solid #EF6814;
	width: 600px;
	padding: 0px 20px 20px;
}
#mainNav .dropdown-menu .row .col:first-child {
	padding-right:10px;
}
#mainNav .dropdown-menu .row .col:last-child {
	padding-left:10px;
}
#mainNav .dropdown-menu ul {
	list-style-type: none;
	padding-left: 0px;
}
#mainNav .dropdown-menu ul li {
	float: none;
	border: 0px;
	width: auto;
	border-bottom: 1px solid #e8e8e8;
	padding: 22px 0;
	background-repeat: no-repeat;
	background: url('../img/menu/ico_menu1-1.png') no-repeat left 15px;
	background-size: 36px 36px;
}
#mainNav .dropdown-menu .col > ul > li{
	padding: 0;
}
#mainNav .dropdown-menu .col > ul > li>a{
	padding-top: 22px;
	padding-bottom: 22px;
}
#mainNav .dropdown-menu ul li:last-child {
	border-bottom: 0px;
	/* padding-bottom: 10px; */
}
#mainNav .dropdown-menu  .col > ul>li:last-child>a{
	padding-bottom: 10px;
}
#mainNav .dropdown-menu  .col > ul>li:last-child ul{
	margin-top: -10px;
}
#mainNav .dropdown-menu ul li a {
	font-size: 1em;
	color: #2C2C2C;
	display: block;
	padding-left: 50px;
}
#mainNav .dropdown-menu ul li:hover>a{
	color: #EF6814;
	text-decoration: none;
}
#mainNav .dropdown-menu ul li ul {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 22px;
	position: relative;
	margin-top: -22px;
}
#mainNav .dropdown-menu ul li ul li {
	border-bottom: none;
	padding: 5px 0 0;
	margin-left: 45px;
	background: url(../img/nav-sublevel.png) no-repeat left 14px;
}
#mainNav .dropdown-menu ul li ul li a {
	color: #107FCC;
	padding-left: 10px;
	font-weight: 300;
	font-size: 0.875em;
	background: none;
}
#mainNav .dropdown-menu ul li ul li a:hover {
	color: #107FCC;
	text-decoration: underline;
}
#mainNav .dropdown-menu ul li.ico_menu1-1, .mobile-menu-ul li.ico_menu1-1 {
	background-image: url('../img/menu/ico_menu1-1.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-2, .mobile-menu-ul li.ico_menu1-2 {
	background-image: url('../img/menu/ico_menu1-2.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-3, .mobile-menu-ul li.ico_menu1-3 {
	background-image: url('../img/menu/ico_menu1-3.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-4, .mobile-menu-ul li.ico_menu1-4 {
	background-image: url('../img/menu/ico_menu1-4.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-5, .mobile-menu-ul li.ico_menu1-5 {
	background-image: url('../img/menu/ico_menu1-5.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-6, .mobile-menu-ul li.ico_menu1-6 {
	background-image: url('../img/menu/ico_menu1-6.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-1:hover {
	background-image: url('../img/menu/ico_menu1-1_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-2:hover {
	background-image: url('../img/menu/ico_menu1-2_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-3:hover {
	background-image: url('../img/menu/ico_menu1-3_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-4:hover {
	background-image: url('../img/menu/ico_menu1-4_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-5:hover {
	background-image: url('../img/menu/ico_menu1-5_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu1-6:hover {
	background-image: url('../img/menu/ico_menu1-6_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-1, .mobile-menu-ul li.ico_menu2-1 {
	background-image: url('../img/menu/ico_menu2-1.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-2, .mobile-menu-ul li.ico_menu2-2 {
	background-image: url('../img/menu/ico_menu2-2.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-3, .mobile-menu-ul li.ico_menu2-3 {
	background-image: url('../img/menu/ico_menu2-3.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-4, .mobile-menu-ul li.ico_menu2-4 {
	background-image: url('../img/menu/ico_menu2-4.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-5, .mobile-menu-ul li.ico_menu2-5 {
	background-image: url('../img/menu/ico_menu2-5.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-1:hover {
	background-image: url('../img/menu/ico_menu2-1_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-2:hover {
	background-image: url('../img/menu/ico_menu2-2_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-3:hover {
	background-image: url('../img/menu/ico_menu2-3_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-4:hover {
	background-image: url('../img/menu/ico_menu2-4_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu2-5:hover {
	background-image: url('../img/menu/ico_menu2-5_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-1, .mobile-menu-ul li.ico_menu3-1 {
	background-image: url('../img/menu/ico_menu3-1.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-2, .mobile-menu-ul li.ico_menu3-2 {
	background-image: url('../img/menu/ico_menu3-2.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-3, .mobile-menu-ul li.ico_menu3-3 {
	background-image: url('../img/menu/ico_menu3-3.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-4, .mobile-menu-ul li.ico_menu3-4 {
	background-image: url('../img/menu/ico_menu3-4.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-5, .mobile-menu-ul li.ico_menu3-5 {
	background-image: url('../img/menu/ico_menu3-5.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-6, .mobile-menu-ul li.ico_menu3-6 {
	background-image: url('../img/menu/ico_menu3-6.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-7, .mobile-menu-ul li.ico_menu3-7 {
	background-image: url('../img/menu/ico_menu3-7.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-8, .mobile-menu-ul li.ico_menu3-8 {
	background-image: url('../img/menu/ico_menu3-8.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-1:hover {
	background-image: url('../img/menu/ico_menu3-1_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-2:hover {
	background-image: url('../img/menu/ico_menu3-2_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-3:hover {
	background-image: url('../img/menu/ico_menu3-3_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-4:hover {
	background-image: url('../img/menu/ico_menu3-4_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-5:hover {
	background-image: url('../img/menu/ico_menu3-5_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-6:hover {
	background-image: url('../img/menu/ico_menu3-6_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-7:hover {
	background-image: url('../img/menu/ico_menu3-7_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu3-8:hover {
	background-image: url('../img/menu/ico_menu3-8_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-1, .mobile-menu-ul li.ico_menu4-1 {
	background-image: url('../img/menu/ico_menu4-1.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-2, .mobile-menu-ul li.ico_menu4-2 {
	background-image: url('../img/menu/ico_menu4-2.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-3, .mobile-menu-ul li.ico_menu4-3 {
	background-image: url('../img/menu/ico_menu4-3.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-4, .mobile-menu-ul li.ico_menu4-4 {
	background-image: url('../img/menu/ico_menu4-4.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-5, .mobile-menu-ul li.ico_menu4-5 {
	background-image: url('../img/menu/ico_menu4-5.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-6, .mobile-menu-ul li.ico_menu4-6{
	background-image: url('../img/menu/ico_menu4-6.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-7, .mobile-menu-ul li.ico_menu4-7{
	background-image: url('../img/menu/ico_menu4-7.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-8, .mobile-menu-ul li.ico_menu4-8{
	background-image: url('../img/menu/ico_menu4-8.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-9, .mobile-menu-ul li.ico_menu4-9{
	background-image: url('../img/menu/ico_menu4-9.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-10, .mobile-menu-ul li.ico_menu4-10{
	background-image: url('../img/menu/ico_menu3-8.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-11, .mobile-menu-ul li.ico_menu4-11{
	background-image: url('../img/menu/ico_menu4-11.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-1:hover {
	background-image: url('../img/menu/ico_menu4-1_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-2:hover {
	background-image: url('../img/menu/ico_menu4-2_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-3:hover {
	background-image: url('../img/menu/ico_menu4-3_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-4:hover {
	background-image: url('../img/menu/ico_menu4-4_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-5:hover {
	background-image: url('../img/menu/ico_menu4-5_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-6:hover {
	background-image: url('../img/menu/ico_menu4-6_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-7:hover {
	background-image: url('../img/menu/ico_menu4-7_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-8:hover {
	background-image: url('../img/menu/ico_menu4-8_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-9:hover {
	background-image: url('../img/menu/ico_menu4-9_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-10:hover {
	background-image: url('../img/menu/ico_menu3-8_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu4-11:hover {
	background-image: url('../img/menu/ico_menu4-11_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-1, .mobile-menu-ul li.ico_menu5-1 {
	background-image: url('../img/menu/ico_menu5-1.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-2, .mobile-menu-ul li.ico_menu5-2 {
	background-image: url('../img/menu/ico_menu5-2.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-3, .mobile-menu-ul li.ico_menu5-3 {
	background-image: url('../img/menu/ico_menu5-3.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-4, .mobile-menu-ul li.ico_menu5-4 {
	background-image: url('../img/menu/ico_menu5-4.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-5, .mobile-menu-ul li.ico_menu5-5 {
	background-image: url('../img/menu/ico_menu5-5.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-6, .mobile-menu-ul li.ico_menu5-6 {
	background-image: url('../img/menu/ico_menu5-6.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-7, .mobile-menu-ul li.ico_menu5-7 {
	background-image: url('../img/menu/ico_menu5-7.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-1:hover {
	background-image: url('../img/menu/ico_menu5-1_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-2:hover {
	background-image: url('../img/menu/ico_menu5-2_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-3:hover {
	background-image: url('../img/menu/ico_menu5-3_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-4:hover {
	background-image: url('../img/menu/ico_menu5-4_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-5:hover {
	background-image: url('../img/menu/ico_menu5-5_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-6:hover {
	background-image: url('../img/menu/ico_menu5-6_on.png');
}
#mainNav .dropdown-menu ul li.ico_menu5-7:hover {
	background-image: url('../img/menu/ico_menu5-7_on.png');
}
/*header css ends*/

/*mainZone css*/
#mainZone {
	min-height:400px;
	border-bottom:5px solid #006191;
}
/*mainZone css ends*/

/*quicklinks*/
.quickLinksHolder {
	background-color: #006191;
	padding: 36px 0 18px 0;
	color: #fff;
}
/* .quickLinksHolder h2 {
	color: #fff;
	margin: 0;
	font-size: 1.2em;
} */
.quickLinksHolder h3, .quickLinksHolder h2 {
	margin: 0;
	font-size: 1.15em;
}
.quickLinksHolder .ht {
	color: #fff;
	background-color: #00A3B9;
	font-size: 1em;
	font-weight: 300;
	padding: 2px 8px;
	margin-bottom: 10px;
	display: inline-block;
}
.quickLinksHolder a {
	color: #fff;
}
.quickLinksHolder .col:first-child {
	width: 8%;
	padding-left: 0;
}
.quickLinksHolder ul {
	list-style-type: disc;
	-webkit-padding-start: 1em;
	padding-left: 20px;
	margin-bottom: 20px;
}
.quickLinksHolder ul li {
	font-size: 0.5em;
	margin-bottom: 8px;
}
.quickLinksHolder ul li a {
	font-size: 2em;
	line-height: 1.5em;
	font-weight: 200;
}
/*quicklinks ends*/
/*footer css*/
#footer {
	position: relative;
	font-size: 0.75em;
	border-top: 1px solid #E2E2E2;
}
#footerLeft {
	margin-bottom: 20px;
}
#footerLeft ul {
	list-style-type: none;
	margin: 12px 0px;
	padding: 0px;
}
#footerLeft ul li {
	display: inline-block;
	margin-right: 5px;
	padding-right: 8px;
}
#footerLeft .leftLogos ul li{ margin-right:15px;}
#footerLeft ul.footerNav li:not(:last-child) {
	border-right: solid 1px #393939;
}
#footerRight {
	text-align: right;
	margin-bottom: 20px;
}
#footerRight ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footerRight ul li {
	display: inline-block;
	margin: 0px 15px;
}
#footerRight ul li:first-child, #footerLeft .leftLogos ul li:first-child{ margin-left:0;}
#footerRight ul li:last-child, #footerLeft .leftLogos ul li:last-child{ margin-right:0;}
/*footer css ends*/



/*inside page css starts*/
.stickSidebar #sidebar {
}
#contentWrap {
	position:relative;
	color: #1F1F2C;
	/* border-bottom:5px solid #006191; */
}
#content{
	padding-bottom: 20px;
	padding-top: 1px;
}
#contentWrap .mainCol {
	width:calc(99.99% - 330px);
	/*padding:20px 0;*/
}
#sidebar {
	/* transition:top .3s ease 0s, bottom .3s ease 0s;
	-webkit-transition:top .3s ease 0s, bottom .3s ease 0s; */
}
#sidebar.moving {
	position:fixed;
}
#sidebar.stopFloating {
	/* top:inherit!important;
	bottom:0; */
}
#sidebar .sidebar-subtitle {
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #000;
	margin: 25px 0 18px 0;
}
#sidebar .sidebar-subtitle.icon{
	padding-left: 70px;
	position: relative;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
}
#sidebar .sidebar-subtitle.icon+ul, #sidebar .sidebar-subtitle+ul.normal{
	margin-top: 10px;
}
#sidebar .sidebar-subtitle.icon+ul, #sidebar .sidebar-subtitle+ul.normal, #sidebar .sidebar-subtitle+ul.normal ul, #sidebar p+ul.normal{
	list-style-type: none;
	padding-left: 0;
}
#sidebar .sidebar-subtitle.icon+ul li, #sidebar .sidebar-subtitle+ul.normal li, #sidebar p+ul.normal li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
}
#sidebar .sidebar-subtitle.icon+ul li:before, #sidebar .sidebar-subtitle+ul.normal li:before, #sidebar p+ul.normal li:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-right: 1px solid #1071CC;
	border-bottom: 1px solid #1071CC;
	transform: rotate(-45deg);
	left: 5px;
	top: 9px;
}
#sidebar .sidebar-subtitle.icon+ul.noIcon li, #sidebar .sidebar-subtitle+ul.normal.noIcon li{
	padding-left: 7px;
	margin-bottom: 5px;
}
#sidebar .sidebar-subtitle.icon+ul.noIcon li:before, #sidebar .sidebar-subtitle+ul.normal.noIcon li:before{
	display: none;
}
/* #sidebar .sidebar-subtitle.icon+ul li:hover>a,  */#sidebar .sidebar-subtitle.icon+ul li.selected>a, #sidebar .sidebar-subtitle+ul.normal li.selected>a, #sidebar p+ul.normal li.selected>a/* , #sidebar p+ul.normal li:hover>a */{
	color: #000;
	font-weight: bold;
}
/* #sidebar .sidebar-subtitle.icon+ul li:hover:before,  */#sidebar .sidebar-subtitle.icon+ul li.selected:before, #sidebar .sidebar-subtitle+ul.normal li.selected:before, #sidebar p+ul.normal li.selected:before/* , #sidebar p+ul.normal li:hover:before */{
	border-color: #000!important;
}
#sidebar .sidebar-subtitle.icon:before{
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 0;
}
#sidebar .sidebar-subtitle.icon.mworks:before{
	background: url(../img/AboutMinorWorks.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.window:before{
	background: url(../img/moreMWIS-icon.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.building:before{
	background: url(../img/AboutMBIS.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.forms:before{
	background: url(../img/OtherForms.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.qna:before{
	background: url(../img/qna.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.ubw:before{
	background: url(../img/safety-and-inspection/unauthorised-building-works/AboutUBW.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.bravo:before{
	background: url(../img/resources/online-tools/bravo/HowToUseBravo.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.general:before{
	background: url(../img/icon-about.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.special-notice:before{
	background: url("../img/SpecialNotice.png") 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar .sidebar-subtitle.icon.about-minor-works:before{
	background: url("../img/AboutMinorWorks.png") 0 0 no-repeat;
	background-size: 100% 100%;
}
#sidebar.stickToTop .sidebar-subtitle{ margin-top:0;}
#sidebar {
	will-change: min-height;
	position: absolute;
	top: 0;
	right: calc(((100% - 1800px) / 2) + 4%);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 12px;
	/*width: 300px;*/
	min-width:300px;
	max-width:300px;
	padding-top: 15px;
	border-bottom: 1px solid #d4d4d4;
}
#sidebar .sidebar__inner {
	transform: translate(0, 0); /* For browsers don't support translate3d. */
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}
.floating-RHS {
	position: absolute;
	width: 300px;
	left: calc(100% - 370px);
	top: 520px;
	background-color: #fff;
	padding: 0 15px 10px 15px;
}
.floating-RHS .subtitle, .sidebar .subtitle {
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #000;
	margin: 28px 0 18px 0;
}
.floating-RHS ul, .sidebar ul {
	/*	border-bottom: 1px solid #D2D2D2;*/
	padding-bottom: 10px;
}
.floating-RHS ul.linkWithSearchIcon, .sidebar ul.linkWithSearchIcon {
	list-style-image: url('../img/link-search-icon.png');
	padding-left: 30px;
}
.floating-RHS ul.linkWithSearchIcon li, .sidebar ul.linkWithSearchIcon li {
	line-height: 18px;
	margin-bottom: 12px;
	font-size: 0.9em;
}
.floating-RHS ul.linkWithBlueRightArrow, .sidebar ul.linkWithBlueRightArrow {
	list-style-image: url('../img/icon-sticky-link.png');
	padding-left: 20px;
}
.floating-RHS ul.linkWithBlueRightArrow li, .sidebar ul.linkWithBlueRightArrow li {
	line-height: 16px;
	margin-bottom: 12px;
	font-size: 0.9em;
}
.floating-RHS.sticky {
	position: fixed;
	top: 50px;
}
.floating-RHS .subtitle.moreMWIS, .sidebar .subtitle.moreMWIS {
	background: url('../img/moreMWIS-icon.png') no-repeat left center;
	line-height: 70px;
	padding-left: 75px;
}
#insideBanner.blue, #insideBanner.blue h1{
	color:#005F92;
}
#insideBanner:not(.slim) + #breadcrumbWrap {	
	/* margin-top:-25px; */
	width:calc(92% + 60px);
	padding:0 30px;
	background-color:#fff;		
}

#breadcrumbWrap > div{	
	border-bottom:1px solid #d4d4d4;	
}
.breadcrumb-item + .breadcrumb-item::before {
	content:'';
	margin-right:5px;
	width:4px;
	height:7px;
	background: url('../img/breadcrumb-arrow.png') no-repeat;
	background-size: 4px 7px;
}
#breadcrumbWrap .breadcrumb {
	background:none;
	padding:14px 0;
	margin-bottom:0;
	color: #6e6e6e;
}
#breadcrumbWrap .breadcrumb a{
	color: #107AC6;
}
#breadcrumbWrap .breadcrumb .breadcrumb-item.active {
	color:inherit;
}
.bannerWrap {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 230px;/*margin-bottom: 35px;*/
}
.bannerWrap.landing, .bannerWrap.level-one {
	height: 350px;
}
.bannerWrap.short, .bannerWrap.level-two {
	height: 280px;
	/* margin-bottom: 50px; */
}
.bannerWrap.noOverlay {
	margin-bottom: 50px;
}
.bannerWrap .wording {
	position: relative;
}
.bannerWrap.level-one .wording .slogan{
	height: 350px;
	width: 60%;
}
.bannerWrap.level-two .wording .slogan{
	height: 280px;
	width: 60%;
}
.bannerWrap .wording .slogan {
	/* position: absolute;margin-left: 4%; max-width: 50%;*/
	display: table;
	height: 230px;
	width: 80%;
}
.bannerWrap.landing .wording .slogan, .bannerWrap.level-one .wording .slogan {
	height: 350px;
}
.bannerWrap.level-two .wording .slogan{
	height: 280px;
}
.bannerWrap .wording .slogan div {
	display: table-cell;
	vertical-align:middle;
}
#insideBanner.blue .wording .slogan .sub-slogan{
	color: #005F92;
}
.bannerWrap .wording .slogan .sub-slogan {
	margin-bottom: 5px;
	color: #fff;
	font-size: 0.875em;
}
.bannerWrap .wording .slogan.dark .sub-slogan {
	color: #005F92;
}
.bannerWrap .wording .slogan h1 {
	margin: 0;
	color: #fff;
	font-size: 2.250em;
	font-weight: 100;
	font-family: 'Titillium Web', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
}
.bannerWrap.level-one .wording .slogan h1{
	font-size: 3em;
}
.bannerWrap .wording .slogan.dark h1 {
	color: #005F92;
}
/*.bannerWrap #breadcrumbWrap {
	position: absolute;
	bottom: calc(-280px - 25px);
	background-color: #fff;
	width: 96%;
	z-index: 9;
	left: 2%;
}*/
#breadcrumbWrap .breadcrumbHolder {
	width: calc(100% - 260px);
	float: left;
	/*	padding: 14px 0;*/
	color: #6e6e6e;
	font-size: 0.875em;
}
#breadcrumbWrap .breadcrumbHolder .breadcrumb li:first-child a {
	background: url("../img/breadcrumbHome.png") no-repeat center center;
	width: 25px;
	background-size: 25px 25px;
	display:inline-block;
	/*height: 50px;*/
	text-indent:-9999px;
}
#breadcrumbWrap .sharingHolder {
	width: 260px;
	float: right;
	text-align: right;
}
#breadcrumbWrap .sharingHolder div {
	display: inline !important;
	line-height: 50px;
	color: #6e6e6e;
	font-size: 0.875em;
	position: relative;
}
#breadcrumbWrap .sharingHolder .lastUpdateTime {
}
#breadcrumbWrap .sharingHolder a{
	text-indent: -9999px;
    text-align: left;
    display: inline-block;
	width: 40px;
	height: 40px;
    top: 7px;
    position: relative;
    line-height: 40px;
}
#breadcrumbWrap .sharingHolder .fbShare {
	background: url('../img/share-fb.png') no-repeat center center;
	background-size: 32px 32px;
	padding: 9px 20px;
}
#breadcrumbWrap .sharingHolder .whatsappShare {
	background: url('../img/share-whatsapp.png') no-repeat center center;
	background-size: 32px 32px;
	padding: 9px 20px;
}
#breadcrumbWrap .sharingHolder .emailShare {
	background: url('../img/share-email.png') no-repeat center center;
	background-size: 32px 32px;
	padding: 9px 20px;
}
#breadcrumbWrap .sharingHolder .urlShare {
	background: url('../img/share-url.png') no-repeat center center;
	background-size: 32px 32px;
	padding: 9px 20px;
}
#breadcrumbWrap .sharingHolder .otherShare {
	background: url('../img/share-icon.png') no-repeat center center;
	background-size: 32px 32px;
	padding: 9px 20px;
	/* display: none; */
}
#breadcrumbWrap .sharingHolder .fbShare:hover {
	background: url('../img/share-fb-on.png') no-repeat center center;
	background-size: 32px 32px;
}
#breadcrumbWrap .sharingHolder .whatsappShare:hover {
	background: url('../img/share-whatsapp-on.png') no-repeat center center;
	background-size: 32px 32px;
}
#breadcrumbWrap .sharingHolder .emailShare:hover {
	background: url('../img/share-email-on.png') no-repeat center center;
	background-size: 32px 32px;
}
#breadcrumbWrap .sharingHolder .urlShare:hover {
	background: url('../img/share-url-on.png') no-repeat center center;
	background-size: 32px 32px;
}
#breadcrumbWrap .sharingHolder .otherShare:hover {
	background: url('../img/share-icon-on.png') no-repeat center center;
	background-size: 32px 32px;
}
#breadcrumbWrap .sharingHolder ul#additional.active {
	visibility: visible;
	opacity: 1;
}
#breadcrumbWrap .sharingHolder ul#additional {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 35px;
	background-color: transparent;
	list-style: none;
	padding-left: 0;
	right: 5px;
	margin-left: -6px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 999;
}
#breadcrumbWrap .sharingHolder ul#additional li {
	width: 40px;
	height: 40px;
}
#breadcrumbWrap .sharingHolder ul#additional li a {
	display: block !important;
	padding: 25px;
	width: 50px;
	height: 50px;
}
.bannerWrap.short .wording .slogan {
	height: 325px;
}
.bannerWrap.noOverlay .wording .slogan {
	position: relative;
}
.bannerWrap.noOverlay #breadcrumbWrap {
	position: relative;
	bottom: auto;
}
.bannerWrap.slim {
	height: auto;
	/*margin-bottom: 10px;*/
	background: #00ACE4 url('../img/slogan-slim-bg.png') no-repeat right bottom !important;
}
.bannerWrap.slim .wording .slogan {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	height: auto;/*	width: 80%;
	max-width: 80%;*/
}
.bannerWrap.slim .wording .slogan .sub-slogan {
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-size: 0.9375em;
}
.bannerWrap.slim #breadcrumbWrap {
	position: initial;
	padding-left: 4%;
	padding-right: 4%;
	width: 100%;
}
/*.bannerWrap.Alteration {
	background-image: url('../img/slogan-alteration.jpg');
}
.bannerWrap.whatsnew {
	background-image: url('../img/slogan-whatsnew.jpg');
}
.bannerWrap.pressRelease {
	background-image: url('../img/slogan-alteration.jpg');
}
.sloganBG-propOwner {
	background-image: url('../img/slogan-alteration.jpg');
}
.sloganBG-forms {
	background-image: url('../img/slogan-alteration.jpg');
}
.sloganBG-events {
	background-image: url('../img/slogan-events.jpg');
}
.sloganBG-MWIS {
	background-image: url('../img/slogan-events.jpg');
}*/
/*inside page css ends*/

/* Back to Top */
a.scrollToTop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 120px;
	background-color: #F79B37;
	color: #FFF;
	padding: 6px 10px 6px 12px;
	font-size: 0.8em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 999;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(216,136,47,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(216,136,47,1);
	box-shadow: 0px 2px 0px 0px rgba(216,136,47,1);
}
a.scrollToTop:after {
	/* content:url(../img/icon-backtop.png); */
	content: '';
	width: 12px;
	height: 7px;
	background: url(../img/icon-backtop.png) 0 0 no-repeat;
	background-size: 12px 7px;
	margin-left: 4px;
	display: inline-block;
}
a.scrollToTop:hover {
	color: #FFF;
}
a.scrollToTop span {
}

#url{
	text-indent: -999999px;
	/* overflow: hidden!important; */
	width: 0!important;
	height: 0!important;
	position: absolute !important;
	top: -1000px !important;
	left: -2000px !important;
}
/* Back to Top ends*/


h2#hiddenPressTitle{
	display: block;
	height: 0;
	overflow: hidden;
	margin-top: 0!important;
}

#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: rgba(255,255,255,0.7);
	display: none;
}
#loading.disabled{
	display: block !important;
}
#loading div{
	font-size: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% -50%);
}













@media (max-width:767px) {
    .w-sm-100 {width: 100% !important;}
    .w-sm-80 {width: 80% !important;}
    .w-sm-75 {width: 75% !important;}
    .w-sm-60 {width: 60% !important;}
    .w-sm-50 {width: 50% !important;}
	.w-sm-40 {width: 40% !important;}
	.w-sm-33 {width: 33% !important;}
    .w-sm-25 {width: 25% !important;}
    .w-sm-20 {width: 20% !important;}
}