/* UV Color settings rev 201705 */
.w3-uvgold,.w3-hover-uvgold:hover{background-color:#aba06e!important}
.w3-uvgreen,.w3-hover-uvgreen:hover{
	background-color: #3f3e8e!important
}
.w3-uvblue,.w3-hover-uvblue:hover{background-color:#27aae1!important}
.w3-uvyellow,.w3-hover-uvyellow:hover{
	background-color: #f7921e!important
}
.w3-uvpurple,.w3-hover-uvpurple:hover{background-color:#58455b!important}
.w3-uvgrey,.w3-hover-uvgrey:hover,.w3-uvgray,.w3-hover-uvgray:hover{background-color:#525068!important}
.w3-uvred,.w3-hover-uvred:hover{background-color:#f14950!important} /* Fail in WCAG AAA */
/* newly added by Janet*/
.w3-uv10red,.w3-hover-uv10red:hover{background-color:#FDEDED!important}
.w3-uv10yellow,.w3-hover-uv10yellow:hover{background-color:#FFFAEB!important}
.w3-uv10green,.w3-hover-uv10green:hover{background-color:#f1f1fc!important}
.w3-uv50green,.w3-hover-uv50green:hover{background-color:#C7E1A2!important}
.w3-uv10blue,.w3-hover-uv10blue:hover{background-color:#f7751e!important}
.w3-uv50blue,.w3-hover-uv50blue:hover{background-color:#95D4EE!important}
.w3-text-uvgreen {color:#8dc63f}
.w3-text-uvblue {color:#27aae1}

.w3-border-uv50green,.w3-hover-border-uv50green:hover{border-color:#C7E1A2!important}
.w3-border-uv50blue,.w3-hover-border-uv50blue:hover{border-color:#95D4EE!important}

.w3-deep-uvgreen,.w3-hover-deep-uvgreen:hover{color:#000!important;background-color:#6b9231!important} /* Fail in WCAG AAA */
.w3-deep-uvblue,.w3-hover-deep-uvblue:hover{color:#000!important;background-color:#218db1!important} /* Fail in WCAG AAA */
.w3-deep-uvyellow,.w3-hover-deep-uvyellow:hover{color:#000!important;background-color:#ddae52!important}
.w3-deep-uvpurple,.w3-hover-deep-uvpurple:hover{color:#fff!important;background-color:#3d3850!important}
.w3-deep-uvgrey,.w3-hover-deep-uvgrey:hover,.w3-deep-uvgray,.w3-hover-deep-uvgray:hover{color:#fff!important;background-color:#3F3F3F!important}
.w3-deep-uvred,.w3-hover-deep-uvred:hover{color:#fff!important;background-color:#b13c52!important} /* Fail in WCAG AAA */
.w3-text-uvgold,.w3-hover-text-uvgold:hover{color:#aba06e!important}
.w3-text-uvgreen,.w3-hover-text-uvgreen:hover{color:#8dc63f!important}
.w3-text-uvblue,.w3-hover-text-uvblue:hover{color:#27aae1!important}
.w3-text-uvyellow,.w3-hover-text-uvyellow:hover{color:#ffd530!important}
.w3-text-uvpurple,.w3-hover-text-uvpurple:hover{color:#58455b!important}
.w3-text-uvgrey,.w3-hover-text-uvgrey:hover,.w3-text-uvgray,.w3-hover-text-uvgray:hover{color:#525068!important}
.w3-text-uvred,.w3-hover-text-uvred:hover{color:#f14950!important}
.w3-text-deep-uvgreen,.w3-hover-text-deep-uvgreen:hover{color:#6b9231!important}
.w3-text-deep-uvblue,.w3-hover-text-deep-uvblue:hover{color:#218db1!important}
.w3-text-deep-uvyellow,.w3-hover-text-deep-uvyellow:hover{color:#ddae52!important}
.w3-text-deep-uvpurple,.w3-hover-text-deep-uvpurple:hover{color:#3d3850!important}
.w3-text-deep-uvgrey,.w3-hover-text-deep-uvgrey:hover,.w3-text-deep-uvgray,.w3-hover-text-deep-uvgray:hover{color:#3F3F3F!important}
.w3-text-deep-uvred,.w3-hover-text-deep-uvred:hover{color:#b13c52!important}
.w3-border-uvgold,.w3-hover-border-uvgold:hover{border-color:#aba06e!important}
.w3-border-uvgreen,.w3-hover-border-uvgreen:hover{border-color:#8dc63f!important}
.w3-border-uvblue,.w3-hover-border-uvblue:hover{border-color:#27aae1!important}
.w3-border-uvyellow,.w3-hover-border-uvyellow:hover{border-color:#ffd530!important}
.w3-border-uvpurple,.w3-hover-border-uvpurple:hover{border-color:#58455b!important}
.w3-border-uvgrey,.w3-hover-border-uvgrey:hover,.w3-border-uvgray,.w3-hover-border-uvgray:hover{border-color:#525068!important}
.w3-border-uvred,.w3-hover-border-uvred:hover{border-color:#f14950!important}
.w3-border-deep-uvgreen,.w3-hover-border-deep-uvgreen:hover{border-color:#6b9231!important}
.w3-border-deep-uvblue,.w3-hover-border-deep-uvblue:hover{border-color:#218db1!important}
.w3-border-deep-uvyellow,.w3-hover-border-deep-uvyellow:hover{border-color:#ddae52!important}
.w3-border-deep-uvpurple,.w3-hover-border-deep-uvpurple:hover{border-color:#3d3850!important}
.w3-border-deep-uvgrey,.w3-hover-border-deep-uvgrey:hover,.w3-border-deep-uvgray,.w3-hover-border-deep-uvgray:hover{border-color:#3F3F3F!important}
.w3-border-deep-uvred,.w3-hover-border-deep-uvred:hover{border-color:#b13c52!important}
.w3-uvtblpad{padding:0}
.w3-uvimgpad{padding:10px}
.w3-uvcappad{padding:0 10px}
.w3-fabtn-container{position:relative;display:inline-block;overflow:hidden}
.w3-fabtn-container img{width:100%}
.w3-fabtn-container img:hover{opacity:0.5}
.w3-fabtn-container:hover a{opacity:1;top:0;z-index:500}
.w3-fabtn-container:hover a span{top:50%;position:absolute;left:0;right:0;transform:translateY(-50%)}
.w3-fabtn-container a{display:block;position:absolute;top:-100%;right:0;bottom:0;left:0;opacity:0;text-align:center;color:inherit}
.w3-fnt12{font-size:12px}
.w3-fnt14{font-size:14px}
.w3-cpright{font-weight:bold;font-size:12px}
.w3-nlbgcolor{background-color:#EDF4E2}
.w3-uvhalfcntblk{padding:0 0 10px;width:50%}
.w3-uvpgreen,.w3-hover-uvpgreen:hover{color:#333!important;background-color:#EDF4E2!important}
.uvvdofs {position:relative;padding-bottom:56.25%;padding-top:0;padding-left:0;padding-right:0;height:0;overflow:hidden;}
.uvvdofs iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

.w3-wholeVideosContainer {padding:3% 1%;}
.w3-header {display:inline-block; width:100%; vertical-align: bottom; position: relative}
.w3-topicContainer {
    padding: 1%;
    font-size: 1.2em;
    text-align: center;
}
.w3-contentContainer {font-size:1em;line-height:1.4em; font-weight:normal; padding: 5%;text-align:justify !important; color:#545554}
.w3-beforeTopicSeparator {padding: 1% 0;}
.w3-separator {padding: 0.1% 0;}
.w3-half-videoLeft {padding: 1% 1%!important;}
.w3-half-videoRight {padding: 1% 1%!important}
.w3-videoName {font-size:1em; line-height:1.2em; padding: 1% 1% 3% 1%;}
.w3-uvlogo {max-width:40%;}
.w3-socialMediaIconImg {max-width:8%;}
.w3-uvcopyright { font-size: 0.8em!important; padding:2% 5%; width: 100%; background-color:#8DC63F}
.w3-hrefUnderline {color:#666666; text-decoration: none; border-bottom: 1px solid; border-color: #666666 !important;}
.w3-hrefUnderline:hover {color:#8DC63F; border-color:#8DC63F !important}

.w3-hrefUnderlineB {color:#666666; text-decoration: none; border-bottom: 1px solid; border-color: #666666 !important;}
.w3-hrefUnderlineB:hover {color:#27AAE1; border-color:#27AAE1 !important}

.w3-imgHover {opacity:1; filter:alpha(opacity=100);}
.w3-imgHover:hover {opacity: 0.6; filter: alpha(opacity=60);}
.w3-halfWholeContainer {display:inline-block; background-color: #666666; width:100%}
.w3-halfImageContainer {width:100%; max-width:100%; float:left;}
.w3-halfContainer {background-color: #666666; color: #FFFFFF; width: 100%; max-width:100%; float:left; padding: 3%}
.w3-halfContentContainer {font-size:0.8em; text-align: justify; padding-top: 1%}
.w3-tipContainer {display:inline-block; background-color: #D1D1D1}
.w3-tipImageContainer {float:left; text-align: center; width: 100%; padding: 5% 0 5% 0;}
.w3-tipImg {width: 20%}
.w3-tipContentContainer {width:100%; padding: 3% 5%; font-size: 1em; text-align: justify}
.w3-topicSeparator {clear: both; background-color: #FFD530; height:0.5em;}
.w3-uvlogo-extra {float:left; padding-bottom: 2%}
.w3-halfHrefUnderline {color:#ffffff; text-decoration: none; border-bottom: 1px solid; border-color: #ffffff !important;}
.w3-halfHrefUnderline:hover {color:#27AAE1; border-color:#27AAE1 !important}
.w3-newLine {display:inline}
.w3-heading {width:100%;padding: 2% 3%; color:#ffffff; font-family: Arial; font-weight: normal; font-size: 1.1em;letter-spacing:0.05em;line-height: 1.1em; text-align: center}
.w3-subTableContainer{width:100%; display:table; padding:1% 1% 1% 1%;}
.w3-subTableLeftContainer {display:block; width:100%; vertical-align: top;border:0.5em solid;}
.w3-subTableRightContainer {display:block; width:100%; border:0.5em solid;}
.w3-subTableHeadingContainer {width:100%; padding: 3%; font-family: Impact, Arial-BoldMT, Arial; font-size: 1em; line-height: 1em; letter-spacing: 0.05em; text-align: center}
.w3-subTableSeparator {width:100%; height:0.5em}
.w3-subTableNumberContainer {width:100%; padding: 3% 5%;font-family: Impact, Arial-BoldMT, Arial; font-size: 1em;}
.w3-subTableContentContainer {width:100%; padding: 5%;font-size: 0.8em; color:#333333}
.w3-removeTopPadding {padding-top: 0 !important;}
.w3-uvHrefBlue {background-color:#27AAE1 !important; padding: 3px 5px; text-decoration: none !important;}
.w3-uvHrefGreen {background-color:#8DC63F !important; padding: 3px 5px; text-decoration: none !important;}
.w3-uvContentTextColor {color:#353535}
.w3-contentRemark {font-size:0.8em;}
.w3-iconContainer {width: 100%; float:none;}
.w3-iconImg {max-width:65%; display:block; margin-left: auto; margin-right:auto}
.w3-descContainer {width: 100%; float:none; color:#545554}
.w3-descTopic {font-size: 1.5em; text-align: center}
.w3-descGreenTopic {color:#8DC63F;}
.w3-descBlueTopic {color:#27AAE1;}
.w3-buttonImg {max-width:65%; display:block; margin-left: auto; margin-right:auto; padding-top:2%;}
.w3-centerUrl {background-color:#8DC63F; color:#ffffff; text-align: center; font-size:1em; padding: 2%}
.w3-centerUrl:hover {color:#545554}
.w3-sectionTopic {background-color: #FFD530; color: #5E5F5F; width:100%; padding:2%; font-size:1.1em; text-align: center}
.w3-sectionContainer {display:inline-block; background-color: #FFF1C4; padding: 2%;}
.w3-extraPaddingBottom {padding-bottom:14%}

.w3-videoContainer {float:none; align-content: center; width:100%; padding:4% 2%}
.w3-footer {background-color:#27AAE1; color:#ffffff; text-align: center}
.w3-subTopic {text-align: center; color:#8DC63F; font-size: 1.6em; font-weight:bold; padding: 0% 5%}
.w3-logoBottomSeparator {height:20px}
.w3-imgCenter {display:block; margin-left: auto; margin-right:auto; max-width:100%; padding-top:5%}

.w3-logoImg {max-height:40px;margin-right: 20px; margin-bottom: 20px}
.w3-marginBottom {margin-bottom: 20px;}

.w3-divContainer {padding: 0%}
.w3-divBlock {width:100%; float:left; display:block; margin-bottom:3%}
.w3-divBlockFinal {width:100%;}
.w3-divBlockTopic {color:#ffffff; font-size:1.6em; padding: 2% 5%}
.w3-divBlockVideoTopic {font-weight: bold; font-size: 1.2em}
.w3-divBlockWinners {font-size:0.8em}


@media (min-width:601px){
.w3-uvlogo {max-width:40%; !important}
.w3-wholeVideosContainer {padding:2% 2%;}
.w3-topicContainer {font-size:1.8em;padding: 2.8% 3.7%;}
.w3-contentContainer {padding: 2% 4%; font-size:1.4em; line-height:1.5em;text-align:justify;text-justify:inter-word;}
.w3-beforeTopicSeparator {padding: 0;}
.w3-separator {padding: 0.8% 0;}
.w3-half-videoLeft {padding: 1% 1.5% 1% 1%!important;}
.w3-half-videoRight {padding: 1% 1% 1% 1.5%!important}
.w3-uvcopyright { font-size: 1em!important; padding: 2%}
.w3-hrefUnderline {border-bottom: 2px solid;}
.w3-hrefUnderlineB {border-bottom: 2px solid;}
.w3-halfHrefUnderline {border-bottom: 2px solid white;}
.w3-halfContentContainer {font-size:1em}
.w3-tipContentContainer {font-size: 1.2em;}
.w3-tipImg {width: 15%}
.w3-heading {font-size: 1.6em;letter-spacing:0.05em;}
    
.w3-subTableContainer{width:100%; display:table; padding:1.5%}
.w3-subTableLeftContainer {border:0.5em solid;}
.w3-subTableRightContainer {border:0.5em solid;}
.w3-subTableHeadingContainer {padding: 2%; font-size: 1.3em;}
.w3-subTableSeparator {height:0.8em}
.w3-subTableNumberContainer {font-size: 1.2em;}
.w3-subTableContentContainer {font-size: 1em;}
    
.w3-sectionTopic {width:60%; text-align: left}
.w3-videoContainer {float:left; width:33%; padding:4% 2%}
    
.w3-iconContainer {width: 30%; float: left}
.w3-iconImg {max-width:85%}
.w3-descContainer {width: 68%; padding-left:2%; float: left; color:#545554}
.w3-descTopic {font-size: 1.3em}
.w3-descTopic {text-align: left}
.w3-buttonImg {max-width:65%; float:right}
.w3-logoBottomSeparator {height:30px}
    
.w3-newLine {display:block}
.w3-imgCenter {max-width: 80%}
.w3-divBlockTopic {font-size:1.6em; padding: 2% 5%}
.w3-divBlockVideoTopic {font-weight: bold; font-size: 1.6em}
.w3-divBlockWinners {font-size:1em}
}

@media (min-width:993px){
.w3-topicContainer {font-size:2.6em; padding: 2.5% 2.5%;}
.w3-videoName {font-size:1.2em; line-height:1.2em; padding: 1% 1% 1.5% 1%;}
.w3-halfImageContainer {width:50%; max-width: 50%;}
.w3-halfContainer {width: 50%; max-width: 50%; float:left; padding: 2%}
.w3-halfContentContainer {font-size:0.8em; padding-top: 1%}
.w3-tipImageContainer {float:left; display:inline-block; padding: 0.5%; width: 10%; vertical-align: middle}
.w3-tipImg {width: 70%}
.w3-tipContentContainer {float:left; width:90%; padding: 1% 2.5% 1% 1%; font-size: 1.2em}
.w3-heading {font-size: 2em;letter-spacing:0.05em;line-height: 1.2em; font-weight:bold;}

.w3-topicSeparator {height:0.8em;}
    
.w3-subTableLeftContainer {display:table-cell; width:40%;vertical-align: top;border:0.5em solid;}
.w3-subTableRightContainer {display:table-cell; width:60%; border:0.5em solid;}
.w3-subTableHeadingContainer {padding: 5%; font-size: 2em; line-height: 1.2em; letter-spacing: 0.1em;text-align:left}
.w3-subTableNumberContainer {padding: 3% 5%;font-family: Impact, Arial-BoldMT, Arial; font-size: 40px;}
.w3-subTableContentContainer {padding: 5%;font-size: 1em;}
.w3-sectionTopic {width:40%;}

.w3-centerUrl {font-size:1.2em;}

.w3-logoImg {max-height:40px;margin-right: 30px}
}

@media (min-width:1320px){
.w3-topicContainer {font-size:2.8em; padding: 1.5%;}
.w3-uvlogo {max-width:40%; !important}
.w3-separator {padding: 0.5% 0;}
.w3-contentContainer {font-size:1.6em;}
.w3-heading {font-size: 2.4em;}
.w3-subTableContentContainer {font-size: 1.2em;}
.w3-sectionTopic {width:37%; font-size:1.3em}
.w3-centerUrl {font-size:1.3em;}

.w3-logoImg {max-height:60px;margin-right: 30px}

.w3-divContainer {padding: 1% 5%}
.w3-divBlock {width:48%; float:left; display:block;}
.w3-divBlockFinal {width:48%; clear:both; margin-left:auto; margin-right:auto}
.w3-divBlockTopic {font-size:1.6em; padding: 2% 5%}
.w3-divBlockVideoTopic {font-size: 1.6em}
.w3-divBlockWinners {font-size:1.2em}
}

@media (min-width:1580px){
.w3-contentContainer {font-size:1.8em;}
.w3-halfContentContainer {font-size:1.2em}
.w3-tipContentContainer {font-size: 1.5em}
.w3-subTableSeparator {height:1em}
.w3-subTableContainer{padding:1%}
.w3-subTableLeftContainer {border:0.5em solid;}
.w3-subTableRightContainer {border:0.5em solid;}
.w3-subTableContentContainer {font-size: 1.6em;}
.w3-uvHrefBlue {padding: 5px;}
.w3-uvHrefGreen {padding: 5px;}
.w3-buttonImg {max-width:75%;}
.w3-sectionTopic {width:45%; font-size:1.5em}
.w3-subTopic {font-size:2.6em}

.w3-logoImg {max-height:60px;margin-right: 30px}
.w3-marginBottom {margin-bottom: 0px;}
.w3-sponsorLogoContainer {margin-bottom:2%}
}

@media (min-width:1860px){
.w3-topicContainer {font-size:3em; padding:1.5%;}
.w3-contentRemark {font-size:0.6em;}
.w3-halfContentContainer {font-size:1.6em}
.w3-tipContentContainer {font-size: 1.8em;}
.w3-topicSeparator {height:1.2em;}
.w3-uvcopyright {font-size:1.5em !important}
.w3-heading {font-size: 3.5em;}
.w3-subTableContentContainer {font-size: 1.8em;}
.w3-buttonImg {max-width:85%;}

.w3-centerUrl {font-size:1.5em;}
.w3-logoImg {max-height:70px;margin-right: 40px}
}