/* poppins-300 - devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('/font/poppins-v9-devanagari-300.eot'); /* IE9 Compat Modes */
	src: local('Poppins Light'), local('Poppins-Light'),
	url('/font/poppins-v9-devanagari-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/font/poppins-v9-devanagari-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/font/poppins-v9-devanagari-300.woff') format('woff'), /* Modern Browsers */
	url('/font/poppins-v9-devanagari-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/font/poppins-v9-devanagari-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('/font/poppins-v9-devanagari-regular.eot'); /* IE9 Compat Modes */
	src: local('Poppins Regular'), local('Poppins-Regular'),
	url('/font/poppins-v9-devanagari-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/font/poppins-v9-devanagari-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/font/poppins-v9-devanagari-regular.woff') format('woff'), /* Modern Browsers */
	url('/font/poppins-v9-devanagari-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/font/poppins-v9-devanagari-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('/font/poppins-v9-devanagari-italic.eot'); /* IE9 Compat Modes */
	src: local('Poppins Italic'), local('Poppins-Italic'),
	url('/font/poppins-v9-devanagari-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/font/poppins-v9-devanagari-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/font/poppins-v9-devanagari-italic.woff') format('woff'), /* Modern Browsers */
	url('/font/poppins-v9-devanagari-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/font/poppins-v9-devanagari-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('/font/poppins-v9-devanagari-700.eot'); /* IE9 Compat Modes */
	src: local('Poppins Bold'), local('Poppins-Bold'),
	url('/font/poppins-v9-devanagari-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/font/poppins-v9-devanagari-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/font/poppins-v9-devanagari-700.woff') format('woff'), /* Modern Browsers */
	url('/font/poppins-v9-devanagari-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/font/poppins-v9-devanagari-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - devanagari */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('/font/poppins-v9-devanagari-800.eot'); /* IE9 Compat Modes */
	src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
	url('/font/poppins-v9-devanagari-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/font/poppins-v9-devanagari-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('/font/poppins-v9-devanagari-800.woff') format('woff'), /* Modern Browsers */
	url('/font/poppins-v9-devanagari-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/font/poppins-v9-devanagari-800.svg#Poppins') format('svg'); /* Legacy iOS */
}

.hiddentext{
	display:none;
}
select{
	cursor: pointer;
}
body{
	font-size: 100%;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
	background: #EEF3Fa;
	position: relative;
}
a{
	text-decoration: none;
	color: inherit;
	
}
thead{
	text-align: left;
}
a:hover{
	color:#086ad8;
}
/*.text-image-left{
	display:block
}

.text-image-right{

	display:block
}*/

.text-image-right{
	float: none;
	max-width:100%;
}

.text-image-left{
	float: none;
	max-width: 100%;
}

.e-authentication-icons-padding{
	margin-bottom: 60px;
}

.text-image-text{
	flex:1 1 0;
}
.text-image-image{
	padding:20px;
}
.text-image-image img{
	width: 100%;
}
.text-image-width-100{
	width: 100%;
}
.text-image-width-200{
	width: 100%;
}
.text-image-width-300{
	width: 100%;
}
.text-image-width-400{
	width: 100%;
}
.dummypageflex{
	flex-wrap: wrap;
}
.dummypageflex >a{
	flex: 0 0 33%;
	margin-top:12px;
	margin-bottom:12px;
}
.glossary_pointer{
	position: absolute;
	top:-15px;
	z-index: 1;
	width: 28px;
}
.glossarybold{
	font-weight: bold;
	color: #000000;
}

.tooltip_keyword{
	display:inline-block;position:relative;
	color: rgb(8, 106, 216);
}

.tooltip_wrapper{
	display:none;
	position:absolute;
	bottom:24px;
	padding-bottom:24px;
	min-width: 300px;
	max-width: 400px;
    background: #fff;
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-theme~=light]{
    color:#26323d;
    box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    background-color:#f6f6f6;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{
     border-top-color:#ffffff;
 }
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{
    border-bottom-color:#ffffff;
}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{
    border-left-color:#ffffff;
}
.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{
    border-right-color:#ffffff;
 }
.tippy-box[data-theme~=light]>.tippy-backdrop{
    background-color:#ffffff;
}
.tippy-box[data-theme~=light]>.tippy-svg-arrow{
    fill:#ffffff;
}

.tippy-box .tippy-content{
    background: #f6f6f6;
    -webkit-box-shadow: 0px 0px 58px -37px rgba(102,102,102,1);
    -moz-box-shadow: 0px 0px 58px -37px rgba(102,102,102,1);
    box-shadow: 0px 0px 58px -37px rgba(102,102,102,1);
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding:18px;
    font-size:15px;
    line-height: 24px;
    color: #222222;
}

.flowwrapper{
	margin-top:32px;
	margin-bottom:32px;
}
.flowbox{
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 3px solid #086AD8;
	text-align: center;
	padding:12px;
	line-height: 24px;
	width: 90%;
	max-width: 320px;
	margin: 0 auto;
}
.flowarrow{
	width: 24px;
	margin: 0 auto;
	text-align: center;
	padding-top:12px;
	padding-bottom:12px;
}

.smartTipsContentWrapper a:hover{
	color:black;
}
#smartTipsText a:hover{
	color:#ffffff;
	text-decoration: underline;
}
.sitemaprowtitle{
	font-size: 20px;
    font-weight: bold;
    color: rgb(8, 106, 216);
    padding: 6px;	
    margin-top:42px;
}
.sitemaprow{
	font-size: 18px;
	font-weight: bold;
    color: #444444;;
    padding: 8px;	
    margin-top:0px;
    padding-left:16px;
}
.sitemapsubrow{
	font-size: 16px;
    color: #444444;
    padding: 6px;	
    padding-left:24px;
}
.backgroundwhite{
	background:rgb(255,255,255);
}
.chart_wrapper{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;
}
.chartbox{
	width: 100%;
	height: 400px;
	padding: 12px 0px 12px 0px;
}
#chartdiv3{
	height: 320px;
}
#chartdiv2{
	height: 320px;
}
#chartdiv1{
	height: 320px;
}

h1{
	margin: 0;
}

section{
	padding-top:24px;
	padding-bottom:24px;
}
h2{
	font-size: 28px;
	width: 100%;
	color:#086ad8;
	text-align: center;
	font-weight: bolder;
	margin-top:6px;
	margin-bottom:6px;

}
.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.tab1step{
	padding-left:18px;
}
.article-image-container{
	line-height: 0px;
	padding-bottom: 10px;
	text-align: center;
}
.extra-space>img{
	padding-bottom: 15px;
}
.article-example{
	font-style: italic;
}
.list_level1_row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	font-size:16px;
	color:#2c4458;
	line-height: 28px;
	padding:6px 0px 6px 6px;
}
.list_lv_1_pt{
	flex:0 0 24px;
}
.list_lv_1_content{
	flex:1 1 0;
}
.list_level2_row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	font-size:16px;
	color:#2c4458;
	line-height: 28px;
	padding-left:24px;
	padding:6px 0px 0px 24px;
}
.list_level1_row > .list_lv_1_content >
.list_level2_row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	font-size:16px;
	color:#2c4458;
	line-height: 28px;
	padding-left:0px;
	padding:6px 0px 0px 0px;
}
.list_lv_2_pt{
	flex:0 0 30px;
}
.list_level2_row + .list_level1_row{
	margin-top:6px;
}
.list_lv_2_content{
	flex:1 1 0;
}
.list_level3_row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	font-size:16px;
	color:#2c4458;
	line-height: 28px;
	padding-left:48px;
	padding-top:6px;
}
.list_lv_3_pt{
	flex:0 0 30px;
}
.list_lv_3_content{
	flex:1 1 0;
}
.list_level4_row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	font-size:16px;
	color:#2c4458;
	line-height: 28px;
	padding-left:52px;
}
.list_lv_4_pt{
	flex:0 0 30px;
}
.list_lv_4_content{
	flex:1 1 0;
}

.list_nothing{
	flex: 0 0 0px;
}
.list_bullet{
	background-image: url('/images/icons/bullet-dot.png');
	background-repeat: no-repeat;
	background-position: center 8.5px;
	background-size: 10px 10px;
}

.list_level2_row .list_bullet{
	background-image: url('/images/icons/bullet-hyphen.svg');
}

.list_level3_row .list_bullet{
	background-image: url('/images/icons/bullet-square.svg');
}

.bullet_img{
	display: flex;
	min-height: 80px;
	align-items: center;
}
.bullet_img > div:nth-child(1){
	flex: 0 0 20%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	min-height: 50px;
}
.bullet_img img{
	max-width: 100%
}

.assuLevel{
	max-width: 60px;
}

.breadhomeicon{
	width: 30px;
	height: 30px;
	background-image: url('/images/icons/home.svg');
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	
}
.calendar_header_narrow{
	cursor: pointer;
}
.contenth1{
	font-size:18px;
	font-weight: bolder;
	color:#086AD8;
	padding:0px 0px 8px 0px;
}
.contenth2{
	font-size:16px;
	color:#2c4458;
	text-align: left;
	padding:6px 0px 6px 0px;
	margin:6px 0px 6px 0px;
}

.contenth3{
	font-size:15px;
	text-decoration: underline;
	color:#2c4458;
	font-weight: 600;
	margin:20px 0px 6px 0px;
}

p + .contenth2, div + .contenth2, img + .contenth2{
	margin-top: 50px
}

p + .contenth3, div + .contenth3, img + .contenth3{
	margin-top: 40px
}
.contentline{
	font-size:16px;
	color:#222222;
	line-height: 28px;
	margin: 20px 0px 6px 0px;	
}
p{
	font-size:16px;
	color:#222222;
	line-height: 28px;
	margin: 20px 0px 6px 0px;
}

.list_level1_row + p, .list_level1_row + img{
	margin-top: 40px;
}

.short-p{
	margin: 10px 0px 6px 0px !important;
}

.list_level2_row + p, .list_level2_row + img{
	margin-top: 40px;
}

.list_level3_row + p, .list_level3_row + img{
	margin-top: 40px;
}

.contenth1 + p, .contenth2 + p, .contenth3 + p{
	margin-top: 10px;
}

.block{
	margin-bottom: 40px;
}
.collapsebox-content .block h3:first-child{
	padding-top:0;
}
.collapsebox-content .block h3 + .contentline{
	margin-top:0;
}

.readmore_height{
    padding-top:8px;
    padding-bottom:8px;
    margin-bottom:20px;
    height: 24px;	
}
.readmore_{
	text-align: right;
    font-size: 13px;
    padding-top:8px;
    padding-bottom:8px;
    margin-bottom:20px;
    height: 24px;

}
.bp-readmore_{
    padding-bottom:0px;
    margin-bottom:0px;	
}
.readmore_ a:hover{
	color:#086ad8;
}
.hyperlink{
	color:#086ad8;
}
.paddingV24px{
	padding-top: 24px;
	padding-bottom: 24px;
}
.paddingV12px{
	padding-top: 12px;
	padding-bottom: 12px;
}

h3{
	font-size: 16px;
	color:#000000;
	
}
#d-search-button{
	margin-right:12px;
}
#d-search-button:focus {
	border: 1px solid #000000;
}
#d-search-button input:focus{
	border: 1px solid #000000;
}
#d-advance-search{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left:12px;
	padding-right:12px;
	background:#086ad8;
	color: white;
	margin-left:0px;
	line-height: 38px;
}
#d-advance-search>a:hover{
	color: white;
}

textarea, select, input, button { outline: none; }
.bordertopblue{
	border-top:6px solid #086ad8;
}
.round4px{
	border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;

}

.round6px{
	border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;

}
.shadow-bottom{
	-webkit-box-shadow: 0px 2px 8px 1px rgba(112,112,112,1);
	-moz-box-shadow: 0px 2px 8px 1px rgba(112,112,112,1);
	box-shadow: 0px 2px 8px 1px rgba(112,112,112,1);
}
.flexbox{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
}

.flexcenter{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	justify-content: center;
	align-items: center;
}
.flexend{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	justify-content: flex-end;
	align-items: center;
}
.flexbetween{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	justify-content:space-between;
}
.flexverticlecenter a{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	align-items: center;
}
.flexverticlecenterend{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.flexcolumn{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-direction: column;
}
.flextop{
	align-items: flex-start;
}
.flexwrap{
	  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	  flex-wrap: wrap;
}
.flex2{
	flex-direction: column;
}
.center{
	align-items: center;
	justify-content: center;
}
.textcenter{
	text-align: center;
}
.bgblue{
	background: #086AD8;	
}
.textblue{
	color: #086AD8;
}
.bgcolor{
	background: #EBEEF3;
}
.bread{
	color:#222222;
	font-size:15px;
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	padding: 8px 8px 8px 8px;
	align-items: center;
	flex-wrap: wrap;
	font-size:13px;
	margin-bottom:24px;
}
.bread >div{
	width: 100%;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	line-height: 28px;
}
.bread .back_btn a{
	font-size: 15px;
	color: #555555;
	margin-top:12px;
	text-align: right;
}
.bread .back_btn a:hover{
	color:#086ad8;
}
.bread + section{
	padding-top:5px;
}
.parentbread.active a.parent_url{
	color: #086ad8;
	font-size: 15px;
}
.subbread_wrapper{
	position: absolute;
	top:40px;
	padding-top:0;
	display:none;
	z-index: 999999999;
-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);

}
.subbread{
	padding:12px;
	white-space: nowrap;
	background: #fff;
	position: relative;
	border:1px solid #eeeeee;;
	
}
.subbread::before{
  content:"";
  position: absolute;
  top:-9px;
  left:42px;
  margin:auto;
  height: 18px;
  width: 18px;
  border:0px solid #fff;
  transform:rotate(45deg);
  background-color: #fff;
  border-left:1px solid #eeeeee;
  border-top:1px solid #eeeeee;
}
.subbread div{
	line-height: 32px;
	font-size:15px;
	padding-right:24px;
	background-image:url('/images/icons/breadarrow.svg');
	background-position-y: center;
	background-position-x: right;
	background-repeat: no-repeat;
	background-size:12px;

}
.subbread div:hover{
	background-image:url('/images/icons/breadarrow_blue.svg');
	color:#086AD8;
	font-size:15px;
}
.articlebanner{
	height: 90px;	
}

.pageheadingbanner{
	position: relative;
	padding-bottom: 20%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
.articletitle_wrapper{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;	
}
.pageheadingtitle_wrapper{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
.articletitle{
	position: absolute;
	top:0px;
	font-size:18px;
	color: white;
	font-weight: bold;
	padding:8px;
	max-width: 300px;
}
.articlesqusareimage{
	position: absolute;
	right:0px;
	height: 90px;
	width: 90px;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;

}
.pageheadingtitle{
	position: absolute;
	top:24px;
	font-size:24px;
	padding:16px;
	color: #222222;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
	font-weight: bold;
}
.banner_deco{
	position: absolute;
	border-right:2px solid rgba(255,255,255,0.9);
	border-bottom:2px solid rgba(255,255,255,0.9);
	top:6px;
	right:-6px;
	width: 100%;
	height: 100%;
}
.contentarea{
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding:0px 8px 0px 8px;
	margin-bottom:32px;
}
.articlepagecontentarea{
	flex-direction: column-reverse;
}
.content{
	width: 100%;
	margin-bottom:42px;
}
.content a{
	color:rgb(8, 106, 216);
}
.content_heading{
	line-height: 42px;
    font-size: 20px;
	font-weight: bold;
}
.side{
	width: 100%;
	margin-bottom: 32px;

}

.sideimage{
	background-size: cover;
		display: none;
}
.relatedheading{
	font-size:16px;
	color:#086AD8;
	padding:12px 12px 12px 12px;
}
.sideWrapper{
	background: white;
}
.sideBox{
    
	
}
.sideItem{
	width: 90%;
    margin: 0 auto;
    line-height: 24px;
    font-size: 15px;
    padding-top:24px;
    padding-bottom:24px;
    color: #2c4458;
    border-bottom: 1px solid #cccccc;
    
}
.sideItem:hover{
	text-decoration: underline;
}
.sideItemHighlight{
	font-weight: bold;
	color: rgb(8, 106, 216);
}

.linkSelfDefinedNextArrow {
    width: 30px;
    height: 100%;
    background-image: url(../images/icons/arrow_right_dark.svg);
    background-repeat: no-repeat;
    background-size: 20px 36px;
    background-position: center center;
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
}

.linkSelfDefinedPrevArrow {
    width: 30px;
    height: 100%;
    background-image: url(../images/icons/arrow_right_dark.svg);
    background-repeat: no-repeat;
    background-size: 20px 36px;
    background-position: center center;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
    position: absolute;
    top: 0px;
    left: 10px;
    cursor: pointer;
}

.externallink .slick-list{
	margin: 0 45px;
	
}

.event_banner .slick-list{
	margin: 0 45px;
	
}

.taglable{
	font-weight: bold;
	font-size:14px;
	padding-bottom:20px;
}
.tagcontent{
	flex-wrap: wrap;
}
.tagitem{
	margin-right:12px;
	margin-bottom:12px;
	background: #2c4458;
	line-height: 24px;
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	color: #ffffff;
	font-size:13px;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px solid #000000;
}
.tagitem a{
	color: #ffffff;
}
.quickpoint{
	display: none;
}
.sec-shortcut {
	
    position: fixed;
    padding: 0 10px;
    z-index: 999;
    right: 32px;
    transition: 0.3s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sec-short-item {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background: #aaaaaa;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
}
.sec-short-item:hover .remarkforquickpoint{ display:block; }
.remarkforquickpoint{
	position: absolute;
	right:24px;
	padding:8px 16px 8px 16px;
	background:white;
	border:1px solid #eeeeee;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius:  4px 4px 4px 4px;
    display: none;
    white-space: nowrap;
}
.bestpratices-level1{
	font-size:26px;
	font-weight: bold;
	margin-bottom:12px;
	
}
.bestpratices-level2-item{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.bestpratices-level2-item h2:hover{
	color: #0b69d8;
}
.bestpratices-level2-item .bp-img{
	width:42px;
}
.bestpratices-level2-item h2{
	font-size: 16px;
	color:#222222;
	text-align: left;
}
.bestpratices-level2-item div{
	margin-right: 24px;
	padding:12px 0px 12px 0px;
}
.selectyear .name{
	line-height: 32px;
	padding-left:12px;
}
.selectyear .highlight{
	color:white;
	background:#0b69d8;
}
/*----------------------------------------- Template -  do and dont -------------------------------------------*/
.dodont{
	margin-bottom:24px;
	margin-top:24px;
	padding-bottom:16px;
}
.do_heading, .dont_heading {
    line-height: 2em;
    font-size: 1.2em;
    color: white;
    font-weight: 900;
    padding-left: 12px;
}
.do_heading{
	background: rgb(91,159,112);
}
.dont_heading{
	background: rgb(148,21,22);
}
.dodontlist{
	background: white;
}
.dodontlist > div:nth-child(1){
	padding-top: 24px;
}
.dodontrow{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	padding-top:12px;
	padding-bottom:12px;	
	justify-content: flex-start;
	align-items: flex-start;
}
.doicon{
	flex: 0 0 52px;
	height: 28px;
	background-image: url("/images/icons/do.svg");
	background-size: 24px 24px;
	background-position: center 0px;
	background-repeat: no-repeat;
	
}
.donticon{
	flex: 0 0 52px;
	height: 32px;
	background-image: url("/images/icons/dont.svg");
	background-size: 24px 24px;
	background-position: center 0px;
	background-repeat: no-repeat;
	
}

.dodontcontent{
	width: 90%;
	line-height: 24px;
}

.hrLine{
	border: 1px solid grey;
}
/*----------------------------------------- Template -  Glossary style -------------------------------------------*/
.glossary_side{
	background:#ffffff;
}
.glossary_wrapper{
	flex-wrap: wrap;
}
.glossary_letter{
	padding:12px;
	color:#000;
	width: 32px;
	text-align: center;
	cursor: pointer;
}
span.glossary_letter{
	color:#666666;
	cursor: default;
}
.glossary_on{
	background: #086ad8;
	color:#ffffff;
}
.glossary_pdf_image img{
	width: 32px;
	height: 32px;
	margin-right:6px;
}
.glossary_keywords>div{
	padding:8px 0px 8px 0px;
	color: #2c4458;
	font-size:14px;
	width: 48%;
}

.keyworditem:hover{
	text-decoration: underline;
}
.glossary_keywords{
	display: flex;
    flex-wrap: wrap;
    border-top: 1px dashed #666666;
    border-bottom: 1px dashed #666666;
    padding-top:20px;
    padding-bottom:20px;
    margin-top: 12px;
    margin-bottom: 24px;
    justify-content: space-between;
}
.glossary_records{
	
}
.glossary_letter glossary_on{
	color:white;
}
.glossary_on:hover{
	color:white;
}
.glossary_records_item{
	display:none;
	padding: 6px 0px 6px 0px;
}
.glossary_records_keyword{
	font-size:15px;
	line-height: 32px;
	color:black;
	font-weight: bold;
}
.glossary_records_content{
	font-size:15px;
	color:#2c4458;
	line-height: 24px;
}
.glossary_topbutton{
	padding:12px 0px 12px 0px;
}
.glossary_topbutton a{
	padding-left:20px;
	background-image: url("/images/icons/top.svg");
	background-size: 14px 14px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size:14px;
	color:#2c4458;

}
.glossary_side_heading{
	font-size: 16px;
	padding:4px 8px 4px 8px;
}
.glossarypdf{
	padding:12px 6px 12px 6px;
}
.glossary_item_display_on{
	display: block;
}
.glossary_item_display_off{
	display: none;
}
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------- Template -  whats new  -------------------------------------------*/
.searchnumber{
	flex: 0 0 40px;
	font-size: 14px;
	color: #2c4458;
}


.newsrow{
	padding-bottom:24px;
	border-bottom:1px solid #cccccc;
	margin-bottom:24px;
}
.newsdate{
	flex: 0 0 100px;
	font-size: 14px;
	   line-height: 24px;
	   color: #2c4458;
    font-size: 14px;
}
.newsicon{
	/*flex: 0 0 50px;*/
	/*background-size:18px;*/
	/*background-position: center 8px;*/
	/*background-repeat: no-repeat;*/
	/*text-align: right;*/
	padding: 8px;
}
.newsicon img{
	width:18px;
	height:18px;
}

.newsdata{
	flex: 1 1 0;
}

.newscontent{
	color: #2c4458;
    font-size: 15px;
    line-height: 24px;
}
.newstitle{
	font-size: 16px;
    line-height: 24px;
    color: rgb(44, 68, 88);
	font-weight: bold;
    text-decoration: underline;
    padding-bottom:6px;
}
.newstitle.nolink{
	text-decoration: none;
}
.newstitle:hover{
	color: #0b69d8;
}
.newstitle.nolink:hover{
	color: rgb(44, 68, 88);
}
.newsrow{
	display: none;
}
/*----------------------------------------- Template -  whats new  -------------------------------------------*/
/*----------------------------------------- Template -  hot topic  -------------------------------------------*/
.topics_side{
	background:#ffffff;
}
.selectall{
	font-size:13px;
	text-align: right;
}
.cleanallbutton{
	padding:6px;
	text-align: right;
	font-size:13px;
	cursor: pointer;
}
.cleanallbutton:hover{
	color: #0b69d8;
}
.filtersign{
	    
	    height: 18px;
	    width: 18px;
	    background-size: 18px 18px;
	    background-repeat: no-repeat;
	    background-position: center center;
}
.closedselection{
	background-image: url('/images/icons/demo-collapse_down-512.png');
}
.openedselection{
	background-image: url('/images/icons/demo-collapse_up-512.png');
}


.topics_side .filter-checked{
	background-image:url("/images/icons/check.svg");
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
}
.topics_side .filter-half{
	background-color: #0b69d8;
	background-image:url("/images/icons/minus.svg");
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
}


.topics_side .checkboxrow{
	display: flex;
	padding-top:12px;
	padding-bottom:12px;
	font-size:13px;
}	
.topics_side .checkboxrow .checkbox{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 5px 0 7px;
}

.topics_side .checkboxrow .checkbox>div{
	border: 1px solid #666666;
	width: 16px;
	height:16px;
	border-radius: 3px;
	text-align: center;
	color:#ffffff;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
.topics_side .checkboxrow .name{
		flex:1 1 0;
		height: 22px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	justify-content: left;
	align-items: center;		

}
.topics_side .heading{
	line-height: 24px;
	padding:8px;
	color: #0b69d8;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
	    
}
.topics_side .filterbutton{
	border-top:0px solid black;
	border-bottom:1px solid #aaaaaa;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
	padding:14px 8px 14px 8px;
	margin-bottom:12px;
 }
.hoptopic-listing .heading{
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
	font-size:16px;
	line-height: 28px;
	padding-top:4px;
	padding-bottom:4px;
} 


.hoptopic-listing .resultinfo{
	font-size:15px;
	line-height: 20px;
	padding-top:4px;
	padding-bottom:4px;
	color: #2c4458;
}
.hoptopic-listing .datarow{
	padding: 18px 0px 18px 0px;
}
.hoptopic-listing .datarow .point{
	flex: 0 0 30px;
	background-image: url("/images/icons/cal_point.svg");
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center 12px;
}
.topics-heading{
	text-decoration: underline;
	font-size: 16px;
	line-height: 32px;
	color:#2c4458;
}
.topics-heading:hover{
	color: #086ad8
}

.topics-content{
	color:#2c4458;
	font-size:15px;
	line-height: 24px;
}
.select_all_{
}

/*----------------------------------------- Template -  hot topic -------------------------------------------*/
.indexsection{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding:0px 8px 0px 8px;
	margin-bottom:32px;	
}
.hottopic_tag {
    position: absolute;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top:12px;
    padding-bottom:12px;
    bottom: 0px;
    line-height: 24px;
    z-index: 1;
    color: white;
    font-size:12px;
    background:#086ad8;
  background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,73,117,1) 48%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(32,73,117,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,73,117,1) 48%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,73,117,1) 48%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,73,117,1) 48%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,73,117,1) 48%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
}


/*----------------------------------------- Index -  hot topic -------------------------------------------*/
.hottopics_holder{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-around;	
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    flex-wrap: wrap;
}
.hottopic_wrapper {
    width: 49%;
    margin-bottom: 12px;
    position: relative;
}
.hottopicfilter{
	position: absolute;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0);
}
.hottopicfilter:hover{
/* 	background:rgba(255,255,255,0.5); */
}
.hottopic_item {
    width: 100%;
    background: gray;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    
}
.hottopic_item:hover{
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.hottopic_dimmer {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
}   
.alltopic_holder{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: flex-start;	
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    flex-wrap: wrap;
}
.alltopic_wrapper{
	flex: 0 0 50%;
	padding:6px;
}
_:-ms-fullscreen, :root .alltopic_wrapper{
    flex: 0 0 48%;
}
.highlightmedia{
	margin-bottom: 32px;
}

.media_transcript{
	width: 120px;
	margin:0 auto;
	background:#086AD8;
	color: #ffffff;
	margin-top:12px;

	line-height: 32px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	text-align: center;
	font-size:13px;
}

.media_holder{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: flex-start;	
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    flex-wrap: wrap;	
}
.media_wrapper{
	flex: 0 0 50%;
	padding:4%;
}
.media_title{
	font-size:14px;
	color:#2c4458;
	line-height: 21px;
	padding-top:12px;
}
.media_duration{
	font-size:13px;
	color:#2c4458;
	line-height: 21px;
}
.media_image{
	text-align: center;
	width: 100%;
	margin:0 auto;
	position: relative;
}
.media_overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image:url('/images/icons/playoverlay.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}

.medialinkwrapper:hover .media_overlay{
	background-image:url('/images/icons/playoverlay_hover.png');
}
.medialinkwrapper:hover .media_title{
	color: #086AD8;
}

.hightlightmedia{
	width: 95%;
	
	margin:0 auto;
	margin-bottom:24px;
}
/*----------------------------------------- Index -  hot topic -------------------------------------------*/
/*----------------------------------------- Index -  what's new -------------------------------------------*/
.news_holder {
    background-position: right top;
    background-size: cover;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-image:url("/images/home/news.jpg");
}
.news_contentarea {
    width: 100%;
    height: 100%;
    background: white;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.news_record{
	padding-bottom:24px;
}
.news_record_icon{
	flex: 0 0 72px;
	text-align: center;
}
.news_record_icon img{
	width: 28px;
	height: 28px;
}
.alerticon{
	background-image:url("/images/icons/danger.svg");
}
.eventicon{
	background-image:url("/images/icons/event.svg");
}
.phishingicon{
	background-image:url("/images/icons/phishing.svg");
}
.othericon{
	background-image:url("/images/icons/other.svg");
}

.news_record_content_date {
    padding-bottom: 12px;
    font-size: 13px;
}
.news_record_content_heading {
    padding-bottom: 12px;
    font-size: 15px;
}

/*----------------------------------------- Index -  what's new -------------------------------------------*/
/*----------------------------------------- Index -  chart -------------------------------------------*/
.threatbox_wrapper{
	flex-wrap: wrap;
}
.threatbox{
	width:48%;
	margin-left:1%;margin-right:1%;
	margin-bottom:12px;
	height:92px;
	background: black;
	color: white;
	text-align: center;
	font-size:14px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
}
.threatbox>div{
	padding-top:8px;
	padding-bottom:8px;
	height:50%;
}
.large{
	font-size:16px;
}
/*----------------------------------------- Index -  chart -------------------------------------------*/

/*----------------------------------------- Index -  best practices -------------------------------------------*/

.bestpractise_holder {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	flex-direction: column;

}
.bestpractise_wrapper2s{
	margin-top:32px;
}
.bestpractise_wrapper{
    width: 99%;
    -webkit-box-shadow: 0px 13px 13px -9px rgba(170,170,170,1);
    -moz-box-shadow: 0px 13px 13px -9px rgba(170,170,170,1);
    box-shadow: 0px 13px 13px -9px rgba(170,170,170,1);
}
.bp_heading {
    position: absolute;
    /* line-height: 122px; */
    height: 100%;
    width: 100%;
    text-align: center;
    color: white;
    /* background-color: rgba(0,0,0,0.5); */
    font-size: 1.1em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size:13px;
}
.bp_heading >div {
    line-height: 42px;
    width: 100%;
    background: rgba(0,0,0,0.8);
/*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-top-radius: 5px;
*/
}
.bp_readmore {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: white;
    z-index: 2;
    font-size: 0.9em;
}
.bp_header{
    height: 52px;

    border-bottom:0px solid black;
    border-bottom:3px solid #086ad8;
	align-items: flex-end;

}
.bp_header_{
	line-height: 52px;
	min-width: 200px;

	color: #086ad8;
	padding-left:12px;
	font-size:20px;
	font-weight: 600;
	    border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
	padding-left:32px;
	background-position: left center;
	background-size:24px 24px;
	background-repeat: no-repeat;
}
.indexinformationfortitle{
	padding-left:32px;
	font-size:20px;
	background-position: left center;
	background-size:24px 24px;
	background-repeat: no-repeat;
	background-image:url("/images/icons/users.svg");
}
.indexinformationfortitle h2{
	font-size:20px;
}

.bp_record {
    height: 72px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    padding-left: 8px;
    padding-right: 12px;


    cursor: pointer;
   
    background-image:url("/images/icons/right-arrow_BLUE.svg");
    background-size: 16px 16px;
    background-position: 97% center;
    background-repeat: no-repeat;
    padding-right:24px;
    color: #2c4458;
    
}
.bp_record_image{
	display: none;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	flex:0 0 52px;
	margin-right: 12px;
}
.bp_record_title {
	word-wrap: break-word;
    width: 100%;
	text-align: left;
	
}
.bp_record:hover {
	font-size:17px;
	color: #086ad8;
}
.bp_heading_wrapper {

    background-position: center center;
    background-size: cover;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
/*     background-image: url("/images/home/bpp.jpg"); */
    background-size: cover;
}
.bp_heading {

    /* line-height: 122px; */
    height: 100%;
    width: 100%;
    text-align: left;
    color: white;
    /* background-color: rgba(0,0,0,0.5); */
    font-size: 14px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.pagetag{
	margin-top:42px;
}
.ptype_wrapper {
    margin: 0 auto;
    max-width: 1200px;
    flex-wrap: wrap;
}
.ptype_item {
    width: 50%;
}
.ptype_name{
	text-align: center;
	cursor: pointer;
}
.ptype_image {
    width: 60%;
    padding-bottom: 60%;
    border-radius: 50%;
    background: black;
    background-size: cover;
    background-position: center center;
}
.ptype_name {
    color: #2c4458;
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 42px;
}
.mouseovercolor{
	color: #086ad8;
	font-size:105%;
}
/*----------------------------------------- Index -  best practices -------------------------------------------*/

/*----------------------------------------- Index -  Calendar -------------------------------------------*/
.calendar_chart {
    padding-bottom: 24px;
    width: 100%;
    max-width: 500px;
    padding-left: 12px;
    padding-right: 12px;
}
.calendar_header {
    border-top: 12px solid var(--blue);
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 70px;
    background: url(../images/calendar_header.jpg);
    background-size: cover;
    background-position: center center;
    color: var(--colortext);
    font-size: 1.2em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.calendar_chart >div {
    background: white;
}
.calendar_day{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    width: 14.28%;
    height: 40px;
    text-align: center;
    position: relative;
    
    
}
#calender_date{
	flex-wrap: wrap;
	min-height: 280px;
}
.calendar_day .today_top {
    position: absolute;
    width: 100%;
    top: -8px;
    text-align: center;
}
.calendar_event {
    width: 100%;
/*     max-width: 500px; */
    padding-left: 12px;
    padding-right: 12px;
    flex-direction: column;
    max-height: 442px;
    overflow-y: auto;
}
.calendar_event_date {
    max-width: 90px;
	width: 90px;
}
.calendar_event_item{
	margin-bottom:24px;
}
.calendar_event_date_wrapper {
    flex: 0 0 72px;
    padding: 12px;
    padding-top:0px;
    padding-bottom:0px;
    flex-direction: row;
}
.calendar_event_date_month {
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000;
    line-height: 35px;
    color: white;
    text-align: center;
    height: 35px;
    width: 100%;
    font-size:15px;
}
.calendar_event_date_day {
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000;
    line-height: 20px;
    height: 50px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    background: white;
   
}
.calendar_event_content_heading {
    font-size: 15px;
    font-weight: bold;
}
.calendar_event_content_content {
    font-size: 14px;
    margin-top: 12px;
}
.eventday {
    background: #53376d;
    color: white;
    border-radius: 50%;
}
.day_square {

    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
 }
 .eventbanner{
	 margin-top:42px;
 }
 #calendar_today{
	 padding-left:14px;
	 cursor: pointer;
	 background-size:8px 8px;
	 background-position: left center;
	 background-repeat: no-repeat;
	 background-image:url('/images/icons/cal_point.svg');
 }
 
 .event_banner{
	max-width: 1200px;
	width: 100%;
	padding-top: 50px;
}

.event_bannerwrapper{
	padding:8px;
	cursor: pointer;
}
.event_bannerimage{
	width: 100%;
	padding-bottom:30%;
	background-size: 90%;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
 
/*----------------------------------------- Index -  Calendar -------------------------------------------*/

.externallink{
	max-width: 1200px;
	width: 100%;
	margin:0 auto;
}
.externallinkwrapper{
	padding:8px;
	cursor: pointer;
}
.externalimage{
	width: 100%;
	padding-bottom:66%;
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.externalimage:hover {
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition: all 0.5s ease-in-out;
}
/*----------------------------------------- template  -  quiz -------------------------------------------*/
#result{
	display:none;
}
.question_row_r1{
    flex: 0 0 36px;
}

.result_answers{
    margin-left: 36px;	
    background: white;
}
.answers{
    margin-top: 24px;
    background: white;
    margin-left: 36px;
}
.selected_answers{
	background: #086ad8;
	color: white;
}
.result_answer_item{
	padding-top: 12px;
    padding-bottom: 12px;
}
.answer_item{
	padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    
}
.answer_item_c1{
	flex: 0 0 52px;
    text-align: center;
}
.answer_item_c2{
	flex: 1 1 0;
    padding-right: 18px;
}
.answer_area{
	padding-bottom: 0px;
	
	background:white;
	border-bottom:1px solid #dddddd;
	padding:12px;
	padding: 24px;
}


.question_area{
	padding-bottom: 32px;
	padding-top: 32px;
}
.quiz_submit{
	width: 100%;
	line-height: 42px;
	text-align: center;
	background: #086ad8;
	color: white;
	cursor: pointer;
}
#answer_overlay{
	background: rgba(250, 250, 250, 0.2);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top:0px;
	left:0px;
	display: none;
}
.answer_holder{
	width: 100%;
	height: 100vh;
	max-width: 700px;
	background:white;
	overflow-y: auto;
	padding:24px;
}
.answer_each{
	padding: 24px 0px 24px 0px;
}
.quiz_result{
	
}
.collapsebox{
	background:#ffffff;
	margin-top:24px;
	border-bottom:1px solid #bbbbbb;
}
.non-collapsebox{
	padding:12px;
	margin-top:12px;
}


a.internal_link, a.external_link, .tooltip_keyword{
	padding-right: 14px;
	background-position: right center;
	background-repeat: no-repeat;
}
.tooltip_keyword{
	padding-right: 14px;
}
a.internal_link{
	background-size: 12px 12px;
	background-image:url('/images/icons/internal_link.svg');
}
a.internal_link:hover, a.external_link:hover{
	text-decoration: underline;
}
a.external_link{
	background-size: 12px 12px;
	background-image:url('/images/icons/external_link.svg');
}
.tooltip_keyword{
	background-size: 12px 12px;
	background-image:url('/images/icons/demo-info.png');
}
.collapsebox-title{
	padding: 12px 12px 12px 12px;
	/*padding-right:24px;*/
	background-image:url('/images/icons/demo-collapse_down-512.png');
	background-size: 14px 14px;
	background-position: right 12px center;
	background-repeat: no-repeat;
	font-size: 16px;
    font-weight: bolder;
    color: #086AD8;
    cursor: pointer;
}
.collapsebox-title.active{
	background-image:url('/images/icons/demo-collapse_up-512.png');
}
.collapsebox-title:hover{
	text-decoration: underline;
}
/*.collapsebox-title:focus{*/
	/*outline: -webkit-focus-ring-color auto 0px;*/
/*}*/
.collapsebox-content{
	padding: 0 12px 12px;
	display: none;
}
.contactusrow{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
}
.contactusrow div:nth-child(1) {
	flex: 0 0 80px;
}

.mobileapp_table_heading{
	background: #086AD8;
	border:1px solid #aaaaaa;
	color: white;
	text-align: center;
	height: 52px;
}
.mobileapp_table_body{
	min-height: 52px;
	padding:12px;
	background:#dddddd;
	border:1px solid #aaaaaa;
	font-size: 13px;
}
.mobileapp_table_body >div{
	padding-top:6px;
	padding-bottom:6px;
}
.mobileapp_table_sub{
	flex:0 0 33.33%;
}

@media (min-width: 720px) {
	.sideimage{
		display: block;
	}
	.bread >div{
		width: 100%;
		max-width: 600px;
	}
	.articlebanner{
		height: 180px;	
	}
	.articletitle{
		top:62px;
		font-size:28px;
		color: white;
		max-width: 720px;
	}
	
	.articlesqusareimage{
		height: 180px;
		width: 180px;
	}
	
	.flex2{
		flex-direction: row;
	}
	.contentarea{
		flex-direction: row;
		justify-content: space-between;
	}	
	.content{
		width: 74%;
	}
	.side{
		width: 24%;
	}
	.bread{
		padding: 32px 0px 0px 0px;
		font-size: 15px;
	}
	.pageheadingbanner{
		padding-bottom: 20%;
	}
	.pageheadingtitle{
		top:120px;
		font-size:28px;
		-webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%);
/* 		padding-left:0px; */
	}
	.hottopic_wrapper {
	    width: 24%;
	    margin-bottom: 12px;
	}
	.bestpractise_holder {
	
		flex-direction: row;
	}
	.bestpractise_wrapper2s{
		margin-top:0px;
	}
	.bestpractise_wrapper{
    	width: 49%;
	
	}
	.ptype_item {
    	width: 33%;
	}
	.calendar_chart {
		width: 50%;	
	}
	.calendar_event {
    	width: 50%;
    }
	.answer_holder{
		height:80%;
		max-height: 600px;	
		
	}
	.news_contentarea{
		width:75%;
	}
	.alltopic_wrapper{
		flex: 0 0 33.33%;
	}
    _:-ms-fullscreen, :root .alltopic_wrapper{
        flex: 0 0 31.33%;
    }
	.media_wrapper{
		flex: 0 0 33.333%;
	}	
	.threatbox{
		width:31%;

	}
	.quickpoint {
		display:block;	
	}
	.bread{
		padding: 24px 8px 0px 8px;
	}
	.bestpratices-level2-item h2{
		font-size: 20px;
		color:#222222;
		text-align: left;
	}
	.bread{
		align-items: center;
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
	}
	.text-image-right{
	float: right;
	}
	.text-image-left{
	float: left;
	}
	.text-image-right.max-width-400, .text-image-left.max-width-400{
		max-width: 400px;
	}
	.text-image-right.max-width-300, .text-image-left.max-width-300{
		max-width: 300px;
	}
	.text-image-right.max-width-200, .text-image-left.max-width-200{
		max-width: 200px;
	}
	.text-image-right.max-width-150, .text-image-left.max-width-150{
		max-width: 150px;
	}
	
	.text-image-right.max-height-120, .text-image-left.max-height-120{
		max-height: 120px;
	}

	.e-authentication-icons-padding{
		margin-bottom: 40px;
	}
	
	.e-authentication-icons-padding > div{
		min-height: 120px;
	}
	
	.min-height-300{
		min-height: 300px;
	}
	
	/*.text-image-right{
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
		flex-wrap: wrap;
	}
	.text-image-width{
		flex: 0 0 100px;
	}
	.text-image-width-200{
		flex: 0 0 200px;
	}
	.text-image-width-300{
		flex: 0 0 300px;
	}
	.text-image-width-400{
		flex: 0 0 400px;
	}*/
	.bp_record_image{
		display: block;

	}
}
@media (min-width: 780px) {
	.contenth2{
		font-size:16px;
	}
	.articlesqusareimage{
		height: 240px;
		width: 240px;
	}
	.chartbox{
		width: 50%;
		height: 400px;
		padding: 12px 0px 12px 0px;
	}	  


}

@media (min-width: 900px){
	.bread >div{
		width: 100%;
		max-width: 720px;
	}
}
@media (min-width: 1200px) {
	.bread >div{
		width: 100%;
		max-width: 920px;
	}

	.ptype_item {
    	width: 20%;
	}
	.alltopic_wrapper{
		flex: 0 0 25%;
	}
    _:-ms-fullscreen, :root .alltopic_wrapper{
        flex: 0 0 23%;
    }

	.threatbox{
		width:18%;

	}
}
@media (min-width: 1000px) {
	.contentarea{
		padding: 0px;
	}	
	
}

@media print {
    @page {
        /* size: A4 portrait;
        margin: 0.5cm; */
        /* orphans: 4;
        widows: 2; */
		size: auto;   /* auto is the initial value */

	    /* this affects the margin in the printer settings */
	    /*margin: 8mm 8mm 8mm 8mm;*/
	}

	@media (orientation: landscape) {
		#hottopic_hash,
		#goodpractice_hash,
		#informationfor_hash{
			page-break-before: always !important;
		}
	}

	#d-advance-search{
		flex:0 0 200px !important;
	}
	.content{
		width: 100% !important;
	}
	.smartTipsContentWrapper{
		display: none;
	}
	.printlogo{
		display: block !important;
		position: absolute !important;
		top:-90px !important;
	}


	.search-contentarea{
		width: 100% !important;
		min-width: 900px !important;
		margin: 0 auto !important;
	}
	.contentarea{
		width: 100% !important;
		min-width: 900px !important;
		margin: 0 auto !important;
		left: 0 !important;
	}

	.bestpractise_wrapper, .contentarea{
		width: 100% !important;
		margin:0 auto !important;
	}
	.search-contentarea{

		width: 100% !important;

	}
	.contentarea{
		width: 100% !important;

	}
	#eventcalendar_hash{
		page-break-before: always !important;
	}
	.calendar_event_item:nth-of-type(1n+6){
		display:none; !important;
	}
	.indexsection{
		width: 100% !important;
		margin: 0 auto;
	}
	header{
		display: none !important;
	}
	.chartbox {
		height: unset !important;
	}

	.ptype_item{
		width: 30% !important;
	}

	#chart_hash{
		page-break-before: always !important;
	}
	.chart_wrapper{
		display:block !important;
	}

	.hottopic_wrapper{
		width: 24%	!important;
	}

	#m-header {
		position: relative !important;
	}

	body,
	section {
		background-color: white !important;
	}

	.news_holder,
	.bannerImage {
		background-image: unset !important;
	}

	footer,
	#bannerSliderWrapper,
	.event_banner,
	.side,
	.externallink,
    .m-header-icon,
    .readmore_,
    .viewMore,
	.slick-arrow,
	.calendar_chart,
	.quickpoint,
	.side {
        display: none !important;
	}

	.news_contentarea,
	.calendar_event {
		width: 80% !important;
		margin:0 auto;
	}

	.calendar_event {
		overflow-y: unset !important;
		max-height: unset !important;
	}

	.ptype_image,
	.hottopic_item {
		-webkit-print-color-adjust: exact !important;
	}

	.threatbox {
		width: 18%;
	}

	g[aria-labelledby=id-66-title],
	g[aria-labelledby=id-281-title] {
		display: none;
	}

		.bestpractise_wrapper{
		margin-top:18px !important;
	}
}
/****************************Specific Style**********************************/
.maxWidth100per{
	max-width: 100%;
}

.maxWidthmd{
	width: 550px;
	max-width: 100%;
}


.contentCenter{
	text-align: center;
}

.highlightZone{
	border-radius:25px; 
	border:0px solid #cccccc; 
	padding:20px; 
	background-color:rgb(8,106,218);  
	text-align:left; 
	color: white;
	-webkit-box-shadow: 6px 6px 25px -7px rgba(0,0,0,0.52);
	-moz-box-shadow: 6px 6px 25px -7px rgba(0,0,0,0.52);
	box-shadow: 6px 6px 25px -7px rgba(0,0,0,0.52);
	margin-bottom: 20px;
}

.highlightZone div, .highlightZone h3{
	color: white;
}

.pPadding{
	margin-top: 15px !important;
}

.zeroMargin{
	margin: 0px;
}

.middle{
	text-align: center;
}

#concern-me .quizQuestion{
	display: flex;
	margin-bottom: 20px;
}

#concern-me .questionID{
	flex: 0 0 20px;
}

#concern-me .answerZone{
	display: flex;
	margin-top: 5px;
}

#concern-me .answerZone div{
	margin-right: 50px;
}

#concern-me #submitButton{
	background: rgb(7,99,202);
	border-radius: 2px;
	padding: 10px;
	color: white;
	width: 90px;
	text-align: center;
	cursor: pointer;
}

#concern-me #undoButton, #concern-me #undoButton2{
	border-radius: 2px;
	padding: 10px;
	width: 90px;
	text-align: center;
	cursor: pointer;
}

#concern-me #undoButton2{
	background: rgb(7,99,202);
	color: white;
	margin-top: 30px;
}

#concern-me table tr, #concern-me table th, #concern-me table td, #concern-me table div{
	font-size: .800rem
}

#concern-me .list_bullet{
	background-position: center 11px;
	background-size: 5px 5px;
}


#concern-me .list_lv_1_pt{
	flex: 0 0 10px;
}

#concern-me .bt-content{
	display: block;
}

/***** Sun Added (s) *****/
body.search-result {
}

.search-result input[type=text], .search-result select, .search-result textarea {
	border: 1px solid #353535;
	padding: 2px;
}

.search-result select{
	margin-right: 8px;
	line-height: 32px;
	height: 32px;
}

.search-result select {
	box-sizing: border-box;
}

.search-result .title a:hover {
	color: black;
}

.search-result .curPage {
	color: #2c4458 !important;
}

.search-result .advancedSearchTitle{
	background-color: #0a6ad8;
	color: white;
	margin-bottom: 16px;
	padding: 20px 30px;
	font-size: 16px;
}

.search-result .contentarea {
	margin-bottom: 0px;
}

.search-result .contentarea.search-contentarea {
	padding: 0px;
}

.search-result .search-bkg {
	background-color: white;
	margin: 0px;
	padding: 0px;
	height: fit-content;
	width: 100%;
	border-radius: 0px;
	margin-bottom:24px;
	padding:8px;
	padding-bottom:24px;
	margin-bottom:24px;
}

@media (min-width: 720px) {
	.search-result .search-bkg {
		margin: 0px;
		border-radius: 4px;
		margin-bottom:24px;
		
	}
	.search-result #keyword-filter .advancedSearchSubItem {
		width: 50%;
	}
	.search-result .item1 {
		width: 100%;
	}

	.search-result .no-flex-sm {
		display: flex !important;
	}

	.search-result span.lastline {
		margin-left: 16px;
		margin-top: 0px;
		display: inline;
	}
}

.search-result .flexbetween {
	flex-wrap: wrap;
}

.search-result .searchbtn_desktop {
	display: block;
	margin-left: 30px;
	padding: 10px;
	border: 1px solid black;
}

.search-result .searchbtn_desktop:hover{
	background-color: #0a6ad8;
	border: 1px solid #0a6ad8;
	color: white;
}

.search-result .content a {
	color: rgb(8, 106, 216);
}

.search-result .content a:hover {
	color: rgb(8, 106, 216);
	text-decoration: underline;
}

@media (max-width: 720px) {
	.search-result #d-advance-search {
		width: 100%;
		margin-top: 10px;
	}

	.search-result a.searchbtn_desktop {
		margin-left: 0px;
	}
}

.search-result .contentarea {
	margin-bottom: 0px;
}

.search-result .advsearch-btn {
	background-color: #0a6ad8;
	border: 0px;
	border-radius: 24px;
	color: white;
	display: block;
	padding: 16px;
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	min-width: 200px;
	cursor: pointer;
}

.search-result .advancedSearchCategory {
	margin: 20px 0px 40px 0px;
}

.search-result .advancedSearchSub {
	display: flex;
	flex-wrap: wrap;
}

.search-result .advancedSearchSubItem {
	width: 100%;
	padding: 20px;
	display: flex;
}

.search-result .advancedSearchSubItem .textbox {
	width: 100%;
}

.search-result .item1 {
	width: 50%;
}

.search-result .no-padding-bottom {
	padding-bottom: 0px;
}

.search-result span.lastline {
	margin-left: 0px;
	margin-top: 20px;
	display: block;
	text-align: justify;
}

.search-result .no-flex-sm {
	display: block !important;
}

.search-result .search_type a.active{
	color:#0a6ad8;
}

.search-result .additional_info a,
.search-result .additional_info span{
	padding-right: 24px;
	font-size:14px;
}
.search-result .additional_info a{
	word-break: break-all;
}
.search-result .duration-row{
	padding:20px 0;
	display: flex;
	align-items: center;
}
.select-style{
	margin-left:12px;

}
.duration-row .title{
	flex:0 0 42px;
}
.additional_info a{
	line-height: 24px;
	font-size:15px;
}
.additional_info span{
	line-height: 18px;
}

.news-events-page .filtersection .checkbox_label{
	 background-repeat: no-repeat;
	 background-position: left center;
	 background-size: 16px;
	 padding: 4px 0px 4px 24px;
}
.news-events-page .filtersection .checkboxrow input.checkboxsquare{
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin:5px 10px 5px 7px;
}
.filtersection .checkboxrow input[type="checkbox"] {
	opacity: 0;
}
.filtersection .checkboxrow label {
	position: relative;
	cursor: pointer;
}
.filtersection .checkboxrow label:hover{
	color:#086ad8;
}
.filtersection .checkboxrow label::before{
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 1px solid;
	margin-left: -20px;
	border-color:#cccccc;
}
.filtersection .checkboxrow label::after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 9px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
}
.filtersection .checkboxrow label::before,
.filtersection .checkboxrow label::after {
	position: absolute;
}
.filtersection .checkboxrow label::before {
	top: 0;
}
.filtersection .checkboxrow label::after {
	left: -16px;
	top: 4px;
}
.filtersection .checkboxrow input[type="checkbox"] + label::after {
	content: none;
}
.filtersection .checkboxrow input[type="checkbox"]:checked + label::after {
	content: "";
}
.filtersection .checkboxrow input[type="checkbox"]:focus + label::before {
	outline: rgb(59, 153, 252) auto 5px;
}

.news-events-page .filtersection .checkboxrow input.checkboxsquare{
	justify-content: center;
	align-items: center;
	margin:5px 10px 5px 7px;
}
.news-events-page .filtersection .checkboxrow label{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px 16px;
	padding: 4px 0px 4px 20px;
	cursor: pointer;
}
.news-events-page .filtersection .checkboxrow label::before{
	margin-left: -40px;
	top: 4px;
}
.news-events-page .filtersection .checkboxrow label::after{
	left: -16px;
	top: 8px;
}

.zero-padding{
	padding:0
}
.zero-padding-top{
	padding-top:0;
}
.zero-margin{
	margin:0;
}
.zero-margin-bottom{
	margin-bottom: 0;
}
.compact-vertical{
	margin-top:0;
	margin-bottom: 0;
	padding-top:0;
	padding-bottom: 0;
}

.list_level1_row.zero-padding-bottom{
	padding-bottom: 0;
}

a.disabled {
	color:#666666;
	pointer-events: none;
	cursor: default;
}
a.disabled:hover {
	color:#ccc;
}

a.disabled div.name{
	/*background: #ccc;*/
}

.general_enquiries .list_lv_1_content{
	padding-bottom: 14px;
}
.general_enquiries .name{}
.general_enquiries .desc{
	padding: 5px 0;
}
.general_enquiries .contact{}
.general_enquiries .link{ padding-top: 5px}

.responsive{
	max-width: 100%;
	height: auto;
}
.article_tag_wrapper{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:space-between;
}

@media (max-width: 720px) {
	.article_tag_wrapper{
		display: block;
	}
}

@media print{
	.collapsebox {
		break-inside: avoid;
	}
}

.article_tag_wrapper .usertag .tagcontent .tagitem{
	background: none;
	margin: 0;
	padding: 0 10px;
}
.article_tag_wrapper .usertag .tagcontent img{
	border-radius: 50%;
}

/***** Sun Added (e) *****/

.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}