@charset "utf-8";
@import url("/ocrs/javax.faces.resource/reset.css.xhtml?ln=css");
@import url("/ocrs/javax.faces.resource/all.min.css.xhtml?ln=css");
@import url("/ocrs/javax.faces.resource/bootstrap.css.xhtml?ln=css");
@import url("/ocrs/javax.faces.resource/jquery-ui.css.xhtml?ln=css");
@import url("/ocrs/javax.faces.resource/jquery.mmenu.css.xhtml?ln=css");

html,body{margin:0;padding:0;height:100%;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;}
body{font-size:1rem;min-width:320px;}
:lang(en){font-family:"Poppins",Arial,Verdana,sans-serif;}
:lang(zh-hk),.langchi{font-family:'DFLiHeiHK','微軟正黑體',Arial,Verdana,sans-serif;}
:lang(zh-cn),.langchs{font-family:'微軟正黑體',Arial,Verdana,sans-serif;}
header,section,footer,aside,nav,main,article,figure{display:block;}
img{border:none;}
a{color:#087883;text-decoration:none;word-break:break-word;}
a:visited{text-decoration:underline;}
a:hover{color:#ff6600;text-decoration:none;}
.access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.fa,.far,.fas{font-family:"Font Awesome 5 Free";}
.fab{font-family:"Font Awesome 5 Brands"}
h1{font-size:2rem;font-weight:bold;margin:0 0 1em 0;color:#003478;}
h2{font-size:1.5rem;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}
h3{font-size:1.25rem;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}
p{text-align:justify;margin:1em 0;line-height:1.5em;}
ul{list-style-type:disc;margin-left:1.5em;margin:0;padding:0;}
ol li{margin-left:1.5em;}
#SearchBar_Input0,#SearchBar_Input1{border-top:0;border-right:0;border-bottom:1px solid #666;border-left:0;background-color:transparent;font-size:1.0625rem;outline-offset:0;}
.searchBtn{background:url()no-repeat;width:22px;height:22px;color:#666;border:0;font-size:0;}
.backBtn{position:absolute;padding:0 !important;right:20px;top:60px;}
.backBtn a{color:#000;text-decoration:none !important;font-weight:normal !important;}
.tableScroll{overflow-x:auto;}
.remark{color:#e00000;}
body.m1 .toolBar ul li a.m1,body.m2 .toolBar ul li a.m2,body.m3 .toolBar ul li a.m3,body.m4 .toolBar ul li a.m4,body.m5 .toolBar ul li a.m5,body.m6 .toolBar ul li a.m6,.toolBar ul li a:hover,.toolBar ul li.open>a{color:#c75300 !important;}
.anchor{display:block;position:relative;top:-103px;visibility:hidden;}
.printLogo{display:none;}
.textNormal{font-weight:normal !important;}
.textBold{font-weight:bold !important;}
.alignC{text-align:center !important;}
.txtUnderline{text-decoration:underline;}
.resetBtn{text-decoration:underline;padding:0 10px;color:#000;}
.tableBlue{background-color:#ddfbf8;}
.tableOrange{background-color:#fbe5b5;}									   
.marginR10{margin:5px 10px 5px 0;}
.verticalMiddle{vertical-align:middle !important;}
span.error{color:#D50000; white-space: pre-wrap;}
ul.error{
	color:#D50000; 
	list-style: none;
}
ul.error > li{
	font-weight: bold;
}

a:focus-visible {
  outline: 2px solid black;
  outline-style: dotted;
}

    
/*Skip to main content*/
#skiplinkHolder{background-color:#cc4c02;}
#skiplinkHolder div{display:block;margin:0 auto;max-width:1200px;text-align:center;width:100%;}
#skiplinkHolder div .skiplink{display:-moz-inline-stack;position:absolute;margin:0;max-height:0;color:#fff;top:-100px;}
#skiplinkHolder div .skiplink:focus{max-height:1920px;position:static;display:inline-block;padding:15px;margin:5px;outline:3px solid #fff;text-decoration:underline;}

/*TopBar*/
#desktop-top{display:none;}
#mobile-top{display:block;z-index:10;margin-top:0;}
#mobile-top ul{display:flex;justify-content:space-between;}
body#landing #mobile-top .title{background-image:none;}
#mobile-top .title{padding:22px 105px 10px 10px;display:inline-block;z-index:100;background-color:#fff;width:100%;background-image:url(/ocrs/javax.faces.resource/header_bg.jpg.xhtml?ln=images);;top:0;height:82px;}
#mobile-top .title a{display:block;}
#mobile-top .title a img {height:80px;}
#mobile-top .title span{text-decoration:none;color:#000;font-weight:bold;font-size:1rem;display:block;margin-top:24px;}
#mobile-top .lang{z-index:100;right:10px;position:inherit;display:inline-block;margin-top:10px;}
#mobile-top .lang a{color:#000;display:inline-block;margin-top:10px;font-size:1.3rem;}
:lang(en) #mobile-top .title span{font-size:0.75rem;font-family:Arial;}
#mobile-top #searchIcon{display:inline-block;cursor:pointer;position:fixed;right:119px;top:28px;z-index:100;}
#mobile-top #searchIcon a{color:#000;font-size:1.688rem;}
#mobile-top #langIcon{display:inline-block;cursor:pointer;position:fixed;right:30px;top:26px;z-index:100;}
#mobile-top #langIcon a{color:#000;font-size:1.688rem;}
#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:9px;top:15px;z-index:100;}
#mobile-top #searchInside{position:fixed;background-color:#fff;padding:85px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside{position:fixed;background-color:#fff;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside a{color:#000;font-size:1rem;}
#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:9px;top:15px;z-index:100}
#mobile-top ul{margin-left:0;margin-bottom:0;}
nav#menu{left:1200px;z-index:100;font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;}
nav#menu a{font-weight:bold;}
nav#menu .search form{width:100%;}
nav#menu .search .searchBar{padding:12px 20px;margin:0;border:0;background-color:transparent;display:block;width:100%;float:left;}
nav#menu .search .searchBtn{display:none;}
.show{display:block;}
.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-9px, -7px);transform:rotate(45deg) translate(-9px, -7px);}
.crossBtn{position:absolute;right:27px;top:22px;z-index:99999;}
.crossBtn .bar1{transform:rotate(-45deg) translate(2px, 5px);}
.crossBtn .bar3{transform:rotate(45deg) translate(-2px, -10px);}
.mm-menu_offcanvas{margin-top:69px;}

/*Banner*/
#inside .banner ul.rslides li>div{font-size:1.375rem;padding:0 0 0 55px;line-height:1.2em;}

/*Content*/
#content{background-color:#f6f7ee;clear:both;padding:20px 30px 50px 30px;}
#content form table tr{padding:5px 0;}
#content form table tr td{vertical-align:top;padding:3px 10px;}
#content label{font-family:'DFLiHeiHK','微軟正黑體',Arial,Verdana,sans-serif;font-weight:bold;margin:5px 10px 5px 0;font-size:15px;}
#content input[type="radio"]{display:inline-block;margin-right:10px;height:15px;width:15px;vertical-align:middle;margin-bottom:5px;}
#content input[type="checkbox"]{display:inline-block;margin-right:10px;height:20px;width:20px;vertical-align:middle;margin-bottom:5px;}
#content input[type="reset"],#content input[type="submit"],#submit-button,#back-button{background-color:#003478;padding:10px 15px;color:#fff;border:0;border-radius:15px;font-weight:bold;margin:20px;font-size:1.3em;background-image: none;}
#content .tableNum{font-size:1.5em;font-weight:bold;}
#content .tableNum a{font-weight:bold;background-color:#ff9900;padding:5px 10px;color:#000;line-height:3em;}
#content>form>table{width:100%;}
#content table.table2{margin:0 auto;width:100%;}
#content table.table2 caption{text-align:center;font-size:1.5rem;font-weight:bold;color:#000;}
#content table.table2 tr th{background-color:#bfd9fa;background-image: none;font-size: 15px;}
#content table.table2 tr th,#content table.table2 tr td{padding:8px 20px;}
#content table.table2 tr:nth-child(odd) td{background-color:#efefef;}
#content table.table2 tr td{background-color:#fff;border:none;font-size: 14px;}
#content table.table2 tr{border:1px solid #ccc;}
#content table.table3{background-color:#fff;margin:0 auto;padding:20px;}
#content table.table3 tr td{padding:10px 20px;vertical-align:top;}
#content table.table3 tr td a.fa-chevron-circle-right{color:#003478;font-size:2em;}
/*#content table.tableForm td{display:block;} */

#content table.tableTalkView{margin:0 auto;width:100%;}
#content table.tableTalkView caption{text-align:center;font-size:1.5rem;font-weight:bold;color:#000;}
#content table.tableTalkView tr:nth-child(odd) th{background-color:rgb(240,224,195);}
#content table.tableTalkView tr th{vertical-align: top;text-align:right; width: 150px; background-color:rgb(255,239,208);}
#content table.tableTalkView tr th, #content table.tableTalkView tr td{padding:8px 20px;}
#content table.tableTalkView tr:nth-child(odd) td{background-color:rgb(244,236,227);}
#content table.tableTalkView tr td{background-color:rgb(255,245,233)}
#content table.tableTalkView tr{border:1px solid #ccc;}

#content table.tableTalkQuery tr th:nth-child(1) {width: 120px;}
#content table.tableTalkQuery tr th:nth-child(2) {width: 130px;}
#content table.tableTalkQuery tr th:nth-child(3) {width: 200px;}
#content table.tableTalkQuery tr th:nth-child(5) {width: 250px;}

#content table.tableTalkConfirmation tr th:nth-child(1) {width: 80px;}
#content table.tableTalkConfirmation tr th:nth-child(2) {width: 200px;}
#content table.tableTalkConfirmation tr th:nth-child(4) {width: 250px;}

#content table.tableTalkApply {width: 80%; margin: 0px}
#content table.tableTalkApply tr th:nth-child(1) {width: 200px;}
#content table.tableTalkApply tr th:nth-child(3) {width: 250px;}

#content table.tableCourseQuery tr th:nth-child(1) {width: 120px;} /* enroll */
#content table.tableCourseQuery tr th:nth-child(2) {width: 130px;} /* status */
#content table.tableCourseQuery tr th:nth-child(3) {width: 120px;} /* course code */
#content table.tableCourseQuery tr th:nth-child(4) {width: 120px;} /* course header code */
#content table.tableCourseQuery tr th:nth-child(6) {width: 250px;} /* course date */

#content table.tableCourseConfirmation tr th:nth-child(1) {width: 80px;}
#content table.tableCourseConfirmation tr th:nth-child(2) {width: 200px;}
#content table.tableCourseConfirmation tr th:nth-child(3) {width: 200px;}
#content table.tableCourseConfirmation tr th:nth-child(5) {width: 250px;}

#content table.tableCourseApply tr th:nth-child(1) {width: 200px;}
#content table.tableCourseApply tr th:nth-child(2) {width: 200px;}
#content table.tableCourseApply tr th:nth-child(4) {width: 250px;}


table[id="mainForm:CourseApplyHomeCourseAim"]  label,
table[id="mainForm:CourseApplyHomeCourseAimTrad"]  label,
table[id="mainForm:CourseApplyHomeCourseAimChi"]  label
 {
 	display:inline;
 }


#content table tr.checkProgressTableRow div {
	float: left;
	width: 50%;
}

#content .CaptchaContainer div{
	display: inline-block;
}

#content .CaptchaContainer input[id="mainForm:captchaCode"] {
	display: block;
	margin: auto;
	margin-top: 10px;
}

#content .checkProgressCaptchaContainer div{
	display: inline-block;
}

#content .checkProgressCaptchaContainer input[id="mainForm:captchaCode"] {
	display: block;
	margin-top: 10px;
}

#content table.tableForm table[id="mainForm:TalkApplyHomeTalkAgreeTrad"] td, 
#content table.tableForm table[id="mainForm:CourseApplyHomeCourseAgreeTrad"] td,
#content table.tableForm table[id="mainForm:TalkApplyHomeTalkAgreeEng"] td, 
#content table.tableForm table[id="mainForm:CourseApplyHomeCourseAgreeEng"] td,
#content table.tableForm table[id="mainForm:TalkApplyHomeTalkAgreeSim"] td, 
#content table.tableForm table[id="mainForm:CourseApplyHomeCourseAgreeSim"] td
 {
	display: inline-block;
}

.labelContainer {
	display: flex; 
	align-items: baseline;
}

.checkboxContainer label {
	display: inline;
}

.checkboxContainer table {
	display: inline;
    vertical-align: top;
}

.CaptchaContainer {
	padding-top: 30px;
}

input[type=radio], input[type=checkbox] {
	cursor: pointer;
}

.datepicker{border-right:0;border-left:1px solid #666;border-top:1px solid #666;border-bottom:1px solid #666;}
.ui-datepicker-trigger{box-sizing:border-box;min-width:0;width:28px;height:28px;border:1px solid #666;border-left:0;padding:6px;-webkit-appearance:none;background:white url(/ocrs/javax.faces.resource/datepicker.png.xhtml?ln=images)no-repeat center center;background-size:45%;margin:0;text-indent:-9999px;margin-top:5px;}

body#landing #content{padding:0;background-color:#daedfc;}
body#landing #landingContent,body#landing #landingIcon{max-width:1200px;margin:0 auto;}
body#landing #landingContent{max-width:1200px;margin:0 auto;text-align:center;}
body#landing #landingContent h1{font-size:2.5em;padding:20px;max-width:520px;margin: auto}
body#landing #landingContent .left{padding-bottom:20px;}
body#landing #landingContent a{
	padding:20px;
	font-size:22px;
	background-color:#fff;
	font-weight:bold;
	color:#003478;
	border-radius:30px;
	position:relative;
	margin:0px 10px 0px 10px;
	display:flex;
	align-items: center;
	justify-content: center;
	padding-right: 50px;
	text-align: center;
}
body#landing #landingContent a span{
	position: absolute;
	right: 20px;
}
body#landing #icon{padding:0;background-color:#fff;}
body#landing #landingIcon{padding:20px 0;width:100%;text-align:center;}
body#landing #landingIcon a{color:#003478;padding:0 40px;display:inline-table;}
body#landing #landingIcon a span{font-size:1.1em;}
#txtCourse{font-size:2em;color:#003478;background-color:#ffd71d;text-align:center;font-weight:bold;padding:10px 20px;border-radius:30px;line-height:1.5em;display:table;margin:30px auto;}
#twoBtn{display:table;margin:50px auto;list-style-type:none;}
#twoBtn a{padding:20px;font-size:22px;background-color:#003478;font-weight:bold;color:#fff;border-radius:30px;min-width:280px;position:relative;text-align:center;display:block;margin-bottom:20px;}
#twoBtn a span{float:right;}
.landingItem {width: 320px;margin: 0 auto;text-align: left;}

/*nav*/


#logoheader {
    padding: 10px 30px;
    position: relative;
    z-index: 1;
    background-color: #E5F1D4;
    color: #fff;
    margin-top: 110px;
    text-align: right;
}


#breadcrumbs{padding:10px 30px;position:relative;z-index:1;background-color:#E5F1D4;color:#fff;}
#breadcrumbs>span{padding:0 10px 0 0;font-size:0.9em;color:#003976;}
#breadcrumbs>a>span:after{content:'>';display:inline-block;font-size:1.125em;margin:0 0 0 10px;}
#breadcrumbs a{color:#003976;text-decoration:none;margin-bottom:10px;padding:0 10px 0 0;font-size:0.9em;}
#breadcrumbs a.fas span{font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;padding-right:5px;float:left;}
#breadcrumbs a.fa-home span{display:none;}
#breadcrumbs a.active,nav div a:hover,#breadcrumbs span.active{color:#f5c008;}
#breadcrumbs>span.active{text-decoration:none;font-size:0.9em;}
#breadcrumbs a:after{content:'>';display:inline-block;font-size:1.125em;margin:0 0 0 10px;}
#breadcrumbs>a:last-child:after{content:'';display:inline-block;vertical-align:middle;font-size:1.125em;margin:0 5px;}
#breadcrumbs .right{padding:10px;font-size:1.2em;background-color:#fff;font-weight:bold;color:#003478;border-radius:20px;width:245px;position:absolute;margin-left:20px;display:inline-block;right:20px;top:0;height:45px;text-align: center;}
#breadcrumbs .right span{padding:0 0 0 10px;font-size:0.9em;}
#breadcrumbs .right a {color: #003478;}
#breadcrumbs .right a:after {content:none;}

body#landing #breadcrumbs div{text-align:right;}
.navbar > .container-fluid {justify-content:flex-end;}
.navbar-light .navbar-toggler {background-image:none;background-color: white;}
.bg-light {background-color: #fff !important;}
.header-bg {background-image:url(/ocrs/javax.faces.resource/header_bg.jpg.xhtml?ln=images) !important;}
.navbar-toggler:focus {box-shadow: 0 0 0 0.1rem;}
ul.navbar-nav {text-align: right;}

/*Sitemap*/
.sitemap{background-color:#dcf4fc;color:#3366cc;text-align:center;}
.sitemap a{text-decoration:none;padding:20px;font-size:0.875rem;}
.sitemap a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;float:left;}
.sitemap .site{padding:20px;max-width:1200px;margin:0 auto;text-align:left;display:none;}
.sitemap .site ul{vertical-align:top;text-align:center;padding:10px 26px;margin-left:0;list-style-type:none;}
.sitemap .site ul li{margin:0 0 5px 0;}
.sitemap .site ul li:first-child{color:#000;font-weight:bold;font-size:1.25rem;margin-bottom:10px;}
:lang(en) .sitemap .site ul:nth-child(1) li:first-child,:lang(en) .sitemap .site ul:nth-child(2) li:first-child,:lang(en) .sitemap .site ul:nth-child(3) li:first-child,:lang(en) .sitemap .site ul:nth-child(6) li:first-child{margin-bottom:35px;}
.sitemap .site ul li a{color:#000;padding:0;font-size:0.813rem;line-height:1.2em;}

.sitemapContainer a {
	font-size: 22px;
    font-weight: bold;
    color: #003478;
    line-height: 45px;
}

.underlineContent {
    text-decoration: underline;
}

/*Footer*/
#footer{position:relative;clear:both;border-top:45px solid #E5F1D4;}
#footer>div{position:relative;display:block;}
#footer a{text-decoration:none;font-size:0.875rem;}
#footer #backtotop a{color:#ccc;position:fixed;right:20px;bottom:5px;text-decoration:none;z-index:999;display:none;}
#footer .left{list-style:none;line-height:4px;color:#666;margin-top:20px;text-align:center;}
#footer .left a{color:#666;}
#footer .left ul{margin:0;text-align:center;}
#footer .left ul li{padding:10px 0 10px 10px;position:relative;display:inline-block;line-height:1.2em;font-size:0.875rem;}
#footer .left ul li:first-child{padding:10px 0 10px 20px;font-size:0.875rem;}
#footer .left ul li:after{background-color:#6e6e6e;content:" ";display:block;width:1px;height:15px;position:absolute;right:-8px;top:11px;}
#footer .left ul li:last-child:after{display:none;}
#footer .right{list-style:none;line-height:4px;position:relative;margin:20px 0 0 0;color:#666;clear:both;}
#footer .right a{color:#666;}
#footer .right ul{padding-bottom:40px;text-align:center;}
#footer .right ul li{padding:10px 10px 10px 0;margin-right:10px;position:relative;display:block;font-size:0.875rem;}

body#landing #footer,body#inside1 #footer{border-top:0;}

.datep table tr td {padding: 2px 2px !important;}
.rf-ds-btn {background-image:none !important;background-color: #efefef !important;}
.rich-datascr-inact{ display: none !important;}
/*.rf-ds-dis { display: none !important; }*/

#participantControls {
	display: flex;
    align-items: center;
}
span.ui-button-text.ui-c{
	font-weight: bold;
}

.delete-row-button {
	background-image: url(/ocrs/javax.faces.resource/delete_row.gif.xhtml?ln=images) !important;
	background-repeat: no-repeat !important;
	width: 16px !important;
	height: 16px;
	border: none !important;
	background-color: transparent !important;
}


textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], select[disabled] {
	background: #efefef;
}

/*textarea, input[type="text"], input[type="password"], select {
	font-size: 15px;
	border-color: #585652;
    border-top-color: #585652;
    border-right-color: #585652;
    border-bottom-color: #585652;
    border-left-color: #585652;
} */

.rf-cal-btn {
	filter: contrast(0.9);
}

.label-cls {
    font-family: Arial, Verdana, sans-serif !important;
}
@media all and (min-width:250px){
	#mobile-top .title a img {max-height: 50px;}
	#mobile-top .title{padding:15px 120px 10px 30px;}
	#logoheader {margin-top: 80px;}
}
@media all and (min-width:375px){
	
}
@media all and (min-width:400px){
	
}
@media all and (min-width:414px){
}

@media all and (min-width:550px){
}
/*Tablet*/
@media all and (min-width:768px){
	/*Sitemap*/
	.sitemap .site ul{display:inline-block;padding:10px 6px;width:197px;text-align:left;}
	.sitemap .site ul:first-child{padding:10px 6px 10px 0;}
	.sitemap .site ul:last-child{padding:10px 0 10px 6px;width:124px;}

	/*Search*/
	#SearchResult .Search_Related ul{height:8em;}
	
	/*Content*/
	#content table.tableForm td{display:table-cell;}

	/*Footer*/
	#footer .right ul{text-align:right;margin:0;}
	#footer>div{display:flex;justify-content:space-between;}
	
	#twoBtn li{display:table-cell;}
	#twoBtn a{display:inline-block;margin-left:20px;}
	
	
	
}
/*Desktop*/
@media all and (min-width:1111px){
	body#landing #landingContent{display:flex;text-align:left;}
}

@media all and (max-width:500px){
	#logoheader {margin-top: 80px;}
}

@media all and (max-width:425px){
	#participantControls {
		display: block;
	}
}

@media all and (max-width:375px){
	textarea, input[type="text"], input[type="password"], select {
	    width: 100% !important;
	}
}

/* @media all and (max-width:320px){
	#content table.tableForm > tbody > tr > td:nth-child(1) {
		width: 260px;
	}
	#content table.tableForm > tbody > tr > td:nth-child(2) {
		width: 260px;
	}
} */

@media all and (max-width:768px){
	select[name="mainForm:TalkApplyHomeTalkRelatedIndustry"],
	select[name="mainForm:TalkApplyHomeTalkRelatedIndustrySim"] ,
	select[name="mainForm:TalkApplyHomeTalkRelatedIndustryTrad"] {
		width: 100%;
	}
	
	#content table tr.checkProgressTableRow div {
		float: none;
		width: 100%;
	}
	
	#content .CaptchaContainer div {
		display: block;
	}
	
	#content .checkProgressCaptchaContainer div {
		display: block;
	}
	
}

@media all and (max-width:1023px){
	#content table.table1 tr:nth-child(odd){background-color:#fff;}
	#content table.table1 tr:nth-child(even){background-color:#e6e4e6;}
	#content table.table1 tr:first-child{background-color:#e6e4e6;display:none;}
	#content table.table1 td{display:block;}
	#content table.table1 td::before{content:attr(data-label);font-weight:bold;text-transform:uppercase;padding:10px;}
	#content table.table2{width:100%;}
	#content table.table2 tr:nth-child(odd){background-color:#fff;}
	#content table.table2 tr:nth-child(even){background-color:#e6e4e6;}
	/*#content table.table2 tr:first-child{background-color:#e6e4e6;display:none;}*/
	#content table.table2 thead{background-color:#e6e4e6;display:none;}
	#content table.table2 td{display:block;}
	#content table.table2 td::before{content:attr(data-label);font-weight:bold;padding-right:10px;}
	#content table.table3{background-color:#fff;margin:0 auto;padding:20px;}
	#content table.table3 tr td{padding:10px 20px;vertical-align:middle;display:block;}
	#content table.table3 tr td a.fa-chevron-circle-right{color:#003478;font-size:2em;}
	
	#content table.tableTalkApply {width: 100%;}
	
	#content table.tableTalkQuery td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableTalkConfirmation td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableTalkApply td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableTalkEmailConfirmation td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	
	#content table.tableCourseProgressQuery  td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableCourseQuery td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableCourseConfirmation td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableCourseApply td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	#content table.tableCourseEmailConfirmation td::before{padding-right: 20px; width: 40%; text-align: left; display: inline-block;min-width: 80px;}
	
	#content table.tableTalkView tr th{width: 100px; }
	
	#content table.tableParticipant td::before {min-width: 110px;width: 40%;}
	#content table.tableParticipant input {max-height: 28px;width:60%;}
	
	.datep table tr td {display: table-cell !important;}
	
	.courseAndTalkContent {
		width: 60%;
	}
	
}

@media all and (min-width:1024px){
	/*TopBar*/
	nav#menu{display:none;}
	body{overflow:initial !important;}
	#mobile-top{display:none;}
	#desktop-top{display:block;}
	#desktop-top ul{margin-left:0;list-style-type:none;padding-right:10px;}
	body#landing #desktop-top ul.toolBar{background-image:none;}
	#desktop-top ul.toolBar{background-image:url(/ocrs/javax.faces.resource/header_bg.jpg.xhtml?ln=images);text-align:right;display:flex;justify-content:space-between;}
	#desktop-top ul.toolBar>li{vertical-align:middle;}
	#desktop-top ul.toolBar>li ul li{display:inline-block;}
	#desktop-top ul.toolBar>li a {color: #000;font-size: 1.2rem;display: inline-block;padding: 20px 5px 0px 10px;}
	#desktop-top ul.toolBar li.lang a{padding:5px 2px;}
	#desktop-top ul li.title a{padding:10px 20px 10px 30px;}
	#desktop-top ul .title>img{border-left:1px solid #ccc;padding-left:20px;}
	#desktop-top ul.tMenu{margin:0 20px;text-align:right;}
	#desktop-top ul.tMenu>li:first-child{float:left;}
	#desktop-top ul.tMenu>li{display:inline-block;vertical-align:middle;}
	#desktop-top ul.tMenu>li>a{color:#1a54ac;padding:25px 20px 25px 0;display:block;font-weight:bold;}
	#desktop-top ul.tMenu li .dropdown-content{background-color:#f3f1e3;width:350px;z-index:100;position:absolute;box-sizing:border-box;display:none;text-align:left;padding:5px 10px;}
	#desktop-top ul.tMenu li.open .dropdown-content{display:block;font-size:0.9rem;border-top:20px solid #036;}
	#desktop-top ul.tMenu li.closesub .dropdown-content{}
	#desktop-top ul.tMenu li .activeUl{display:block;}
	#desktop-top ul.tMenu li .dropdown-content li{width:100%;margin:0 25px;list-style-type:square;color:#036;padding:5px 20px 5px 0;line-height:1.2rem;}
	#desktop-top ul.tMenu li .dropdown-content li.submenu{font-weight:bold;color:#036;margin:0;list-style-type:none;padding:0;}
	#desktop-top ul.tMenu li .dropdown-content li a{text-decoration:none;color:#036;}
	
	#inside #content-landing{background-color:#fff;clear:both;max-width:1200px;margin:120px auto 50px auto;padding:0 29px 0 50px;}
	#content{padding:20px 20px 50px 30px;}
	
	#content table.tableParticipant input {width: 100%;}
	
	/*nav*/
	#breadcrumbs{margin-top:0;}
	#logoheader {
	    margin-top: 0;
	}
	
	/*Content*/
	#content table.table1 tr{background-color:#fff;}
	#content table.table1 tr:first-child{background-color:#e6e4e6;}
	#content table.table1 tr th,#content table.table1 tr td{padding:8px 10px;}
	.landingItem {display: inline-block;width: auto;}
}

@media all and (min-width:1428px){
}
@media print{
	#skiplinkHolder,#menu,#mobile-top>ul,#searchInside,#langInside,.banner,.usefulink,.quicklink,.sitemap,#footer,.toolBar{display:none;}
	.printLogo{display:block;}
}





.lang .navbar {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    top: 10px;
    right: 10px;
}


.talkVenue {
	white-space: break-spaces; 
	word-break: break-all;
}

.big_screen_30_percent {
	width: 30%;
}

.big_screen_70_percent {
	width: 70%;
}

@media all and (max-width:500px) {
	
	
	.big_screen_30_percent {
		width: 100%;
	}

	.big_screen_70_percent {
		width: 100%;
	}
	
	#content table td::before {
	    width: 100% !important;
	}
	
	.courseAndTalkContent {
		width: 100%;
	}
	
	[id="mainForm:FrontendTalkQueryResultList:sc"], [id="mainForm:FrontendCourseQueryResultList:sc"], [id="mainForm:resultList:sc"],
	[id="mainForm:TalkApplyHomeTalkParticipant:sc"], [id="mainForm:CourseApplyHomeCourseParticipant:sc"],
	[id="mainForm:FrontendProgressQueryResultList:sc"], [id="mainForm:courseList:sc"], [id="mainForm:talkList:sc"]  {
		display: none;
	}
	
	#content table.table2 td {
		display: block !important;
	}
	
	#content table.tableTalkQuery td::before {
	    padding-right: 20px;
	    text-align: left;
	    display: block;
	}
	
	#content table.tableCourseQuery td::before {
	    padding-right: 20px;
	    text-align: left;
	    display: block;
	}
	
	#content {
	    padding: 15px;
	}

}






.spinner-container {
	position: fixed !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.2);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.spinner {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.iam-data-flag{
    height:25px;
    margin-top:1px;
    margin-left:10px;
    margin-right:10px;
}


.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  height: 20%;
  font-weight: bold;
  text-align:center
}

.modelMsg {
 color: black;
 line-height: 4em;
 font-weight : bold;
}

.close {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  margin-bottom : 1em;
  color : #fff;
  border-radius: 5px;
  text-size : 20px;
  background: #d50000;
}

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