@charset "utf-8"; @import url(bootstrap.css); @import url(responsiveslides.css); @import url(jquery-ui.css); @import url(themes.css); @import url(colorbox.css); @import url(lightslider.css); @import url(leaflet.css); @import url(swiper-bundle.min.css); /*red:#ae1106,blue:#13478f,*/ html,body{margin:0;padding:0;height:100%;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;font-size:1.1em;} body{min-width:320px;background-color:#fff;position:relative;-webkit-text-size-adjust:none;} body *{text-shadow:none;} body #footer .nonconform{display:none !important;} body.nonconform #footer .nonconform{display:inline-block !important;} body.nonconform #footer .conform{display:none !important;} .tMenu>li>a.focusOn{outline:0 !important;} .mouseClick *:focus{outline:none !important;} .header,.content,.footer{text-align:center;} .header,.footer{background:#777;font-size:1.1em;font-weight:bold;color:#fff;line-height:40px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:40px;padding:0 50px;} .header.fixed{position:fixed;top:0;left:0;} .footer.fixed{position:fixed;bottom:0;left:0;} .header a{display:block;width:28px;height:18px;padding:11px;position:absolute;top:0;left:0;} .header a:before,.header a:after{content:'';display:block;background:#fff;height:2px;} .header a span{background:#fff;display:block;height:2px;margin:6px 0;} .content{padding:150px 50px 50px 50px;} .new{background-color:#EB0000;color:#fff !important;margin-left:2px !important;position:relative;display:inline-block;padding:2px 3px;line-height:1.2em !important;} html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}*,*:before,*:after{box-sizing:border-box;font-smoothing:antialiased}*:before,*:after{outline:none}img,object,embed{max-width:100%}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:middle}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}img{vertical-align:bottom} caption{caption-side:top;color:#000;font-weight:bold;font-size:1.2em;margin-bottom:10px;} :lang(en),.en{font-family:"Segoe UI","Arial","Helvetica","sans-serif","microsoft jhenghei";} :lang(zh-hk){font-family:"Microsoft JhengHei","sans-serif";} :lang(zh-cn){font-family:"Microsoft JhengHei","sans-serif";} .tick{font-family:MS Mincho;text-align:center;} a{word-break:break-word;line-height:1.2em;color:#00f;} a:hover{color:#13478f;text-decoration:underline;} .access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} .wordBreak{font-weight:inherit;word-wrap:break-word;word-break:break-all;display:inline-block;max-width:100%;} h1{font-size:1.4em;font-weight:bold;margin:1em 0;} h2{font-size:1.2em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;clear:both;} h3{font-size:1em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;} p{text-align:justify;margin:1em 0;line-height:1.5em;clear:both;font-size:1em;} ul{list-style-type:disc;margin-left:1.5em;} li{text-align:justify;} ol li{margin-left:1.5em;} ol li:before{vertical-align:top;} img[usemap]{border:none;height:auto;max-width:100%;width:auto;} :lang(en) .enhidden{display:none;} .starUL{margin:0;} .starUL li{background-image:url("/images/star.svg");list-style:none;background-repeat:no-repeat;padding:0 25px !important;background-position:left top;background-size:20px;} .font-arial{font-family:Arial;} .searchBtn{background:url("../images/search-solid.svg")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;} .alignCenter{text-align:center;} .alignRight{text-align:right;} .borderBottomNone{border-bottom:1px solid #fff;} .vertM{vertical-align:middle;} .noShow{display:none;} .textBold{font-weight:bold;} .txtBItalic{font-style:italic;font-weight:bold;} .bUnderline{font-weight:bold;text-decoration:underline;} .txtItalic{font-style:italic;font-weight:normal;} h2 .txtUnderline{font-weight:bold;} .txtUnderline{text-decoration:underline;} .floatRight{float:right;right:0;} .footNote{font-style:italic;text-indent:-13px;margin-left:26px;} .footNote span{font-weight:normal;width:13px;display:inline-block;} .tableScroll{overflow-x:auto;} .remark{color:#e00000;} .anchor,#myDiv,#myDiv2{display:block;position:relative;top:-60px;} .container{max-width:inherit;padding:0 20px;} .style1{color:#e40000;} .style2{color:#D200D2;} .vacenter{vertical-align:middle;} blockquote{margin-left:26px;} .left40{margin-left:40px;} .contentTitle{font-size:1.2em;font-weight:bold;color:#000;text-decoration:none;} .iframeContainer{position:relative;width:100%;overflow:hidden;padding-top:100%;} .responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none;} .s{text-decoration:line-through;} .noBottomLine{border-bottom:0 !important;} .remarks{display:flex;margin:auto;font-size:0.8em;} .remarks span{margin-right:10px;} .remarks2{margin:auto;font-size:0.8em;text-align:left;} .popup{text-align:left;} .popup a{color:#000;padding:0 5px;} table tr td,table tr td p{text-align:left;} input::placeholder{color:#666;} #cboxClose{top:10px;right:25px;} #banner .transparent-btns_nav{opacity:0;} #banner .transparent-btns_nav:hover{opacity:1;-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;-ms-animation:fadeIn .5s;-o-animation:fadeIn .5s;animation:fadeIn .5s;} @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @-ms-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} .dclose{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q1{background-color:rgb(174, 17, 6) !important;} .in-view #q1,.in-view #s1{animation-delay:.3s;animation:our-work-icon 0.3s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:0.3s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q2,.in-view #s2{animation-delay:.6s;animation:our-work-icon 0.6s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:0.6s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q3,.in-view #s3{animation-delay:.9s;animation:our-work-icon 0.9s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:0.9s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q4,.in-view #s4{animation-delay:1.2s;animation:our-work-icon 1.2s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:1.2s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q5,.in-view #s5{animation-delay:1.5s;animation:our-work-icon 1.5s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:1.5s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .in-view #q6,.in-view #s6{animation-delay:1.8s;animation:our-work-icon 1.8s ease-in-out;animation-fill-mode:forwards;will-change:transform;transition:1.8s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-80px);}100%{opacity:1;-webkit-transform:translateY(0);}} @keyframes fadeInDown{0%{opacity:0;transform:translateY(-80px);}100%{opacity:1;transform:translateY(0);}} .rslides img{display:initial;} .rslides_container{float:inherit;margin-bottom:0;} .mobile_img{display:block !important;width:100%;} .desktop_img{display:none !important;} /*Black Color*/ /*body#index #header,body#index #mobile-top #searchInside,body#index #mobile-top .hotLinksBtn,body#index #mobile-top #shareIcon,body#index #mobile-top #searchIcon,body#index #mobile-top #menuBtn,body#index #mobile-top .title,body#index #menu,body#index #contentContainer,body#index #desktop-top .dropdown-content,body#index #colorbox,#dialogs{filter:grayscale(1);}*/ /*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;display:block;margin:0;max-height:0;color:#fff;} #skiplinkHolder div .skiplink:focus{max-height:1920px;position:static;display:inline-block;padding:15px;margin:5px;outline:1px solid #fff;text-decoration:underline;} /*Notice*/ #cboxLoadedContent{text-align:center;} #cboxLoadedContent p{text-align:center;} #cboxOverlay{background-color:#000;opacity:0.6 !important;} #index .message{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} #cboxContent .message{position:relative;top:0;display:block !important;width:auto !important;height:auto !important;} .message h1{font-size:1.5em;color:#fff;padding:10px 20px;background-color:#13478f;font-weight:normal;margin:0;} .message .messageContent{border:1px solid #000;background:linear-gradient(#fff,#b8cdf1);padding:20px 30px;} .message .messageContent h2{font-size:1.2em;padding:.5em 0;} .message .messageContent p{text-align:justify !important;} .message .messageContent p.date{text-align:right !important;padding-top:1em;} .message hr{color:#000;} /*#index .message{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} #cboxContent .message{position:relative;top:0;display:block !important;width:auto !important;height:auto !important;} .message h1{font-size:2em;color:#ae1106;margin:0 0 0.5em 0;text-align:left !important;background-color:#13478f;} .message h2{font-size:1.2em;text-align:left !important;padding-top:.5em;} .message p{text-align:left !important;}*/ /*Popup*/ #page_bg{text-align:justify;font-size:0.75em;} #page_bg h1{margin-top:0;font-size:1.1em;} #cboxContent{background:transparent;margin:0;} #cboxLoadedContent{background:transparent;} /*HotLinkTag*/ #hotLinkTag{background-color:#ae1106;font-weight:bold;position:fixed;z-index:1000;left:0;bottom:55px;} #hotLinkTag a{color:#fff;text-decoration:none;display:block;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} /*TopBar*/ #desktop-top,#header{display:none;} #mobile-top{display:block;z-index:10;margin-top:0;} #mobile-top ul li.title{padding:5px 10px;display:inline-block;min-width:320px;z-index:100;position:fixed;background-color:#fff;width:100%;} #mobile-top #langInside div.titlei,#mobile-top #searchInside div.titlei{padding:5px 20px;display:inline-block;min-width:320px;z-index:100;background-color:#fff;width:100%;} #mobile-top #langInside div.titlei a img,#mobile-top #searchInside div.titlei a img{width:195px;} #mobile-top #searchInside div.title,#mobile-top #langInside div.title{padding:5px 20px;display:inline-block;min-width:320px;z-index:100;position:fixed;background-color:#fff;width:100%;} #mobile-top #searchInside div.search,#mobile-top #langInside div.search{padding:5px 20px;} #mobile-top .title span{text-decoration:none;color:#fff;font-weight:bold;font-size:1.1em;display:block;margin-top:24px;} #mobile-top .title a img{width:195px;} :lang(en) #mobile-top .title span{font-size:0.75em;} #mobile-top .printBtn{display:inline-block;cursor:pointer;position:fixed;right:150px;top:14px;z-index:100;} #mobile-top .printBtn a{color:#000;text-decoration:none;} #mobile-top #shareIcon{display:inline-block;cursor:pointer;position:fixed;right:90px;top:30px;z-index:100;} #mobile-top #shareIcon a{color:#000;text-decoration:none;} #mobile-top .hotLinksBtn{display:inline-block;cursor:pointer;position:fixed;right:123px;top:12px;width:23px;z-index:100;} #mobile-top .homeBtn>a{margin-bottom:10px;padding:14px 15px 10px 10px;font-weight:normal;background:url(../images/home-solid.svg)no-repeat right top;background-size:20px;} nav#menu .printBtn>a{margin-bottom:10px;padding:14px 15px 10px 10px;font-weight:normal;background:url(../images/print-solid-w.svg)no-repeat right top;background-size:25px;width:auto !important;margin-left:20px;margin-top:10px;} #mobile-top .shareBtn>a{margin-bottom:10px;padding:14px 15px 10px 10px;font-weight:normal;background:url(../images/share-alt-solid.svg)no-repeat right top;background-size:20px;} #mobile-top .shareB{padding:10px 8px 10px 10px;right:0;margin-top:8px;right:-20px;} #mobile-top #searchIcon{display:inline-block;cursor:pointer;position:fixed;right:53px;top:18px;z-index:100;} #mobile-top #searchIcon a{color:#000;font-size:1.3em;} #mobile-top .searchB{margin-bottom:10px;padding:0 15px 10px 10px;font-weight:normal;background:url(../images/search-solid.svg)no-repeat right top;background-size:22px;} #mobile-top #langIcon{display:inline-block;cursor:pointer;position:fixed;right:55px;top:17px;z-index:100;} #mobile-top #langIcon a{color:#000;font-size:1.3em;} #mobile-top .langB{margin-bottom:10px;padding:0 15px 10px 10px;font-weight:normal;background:url(../images/globe-solid.svg)no-repeat right top;background-size:22px;} #mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:2px;top:8px;z-index:100;} #mobile-top #searchInside{position:fixed;background-color:#13478f;color:#fff;margin-top:0;padding:0;width:100%;height:100%;z-index:100;overflow:hidden;display:none;} #mobile-top #langInside{position:fixed;background-color:#13478f;color:#fff;margin-top:0;padding:0;width:100%;height:100%;z-index:100;overflow:hidden;display:none;} #mobile-top #langInside a{color:#fff;font-size:1.1em;} #mobile-top ul{margin-left:0;margin-bottom:0;} /*Menu*/ body.m1 .tMenu li a.m1,body.m2 .tMenu li a.m2,body.m3 .tMenu li a.m3,body.m4 .tMenu li a.m4,body.m5 .tMenu li a.m5,body.m6 .tMenu li a.m6{background-color:#13478f !important;color:#fff !important;} #menu .openbtn{vertical-align:middle;cursor:pointer;} #menu .openbtn a{text-decoration:none;padding:10px 20px;display:inline-block;vertical-align:top;} #menu .openbtn .menu{text-align:center;color:#01666d;font-size:0.75em;line-height:1em;} #menu .openbtn .bar1,#content-landing #menu .openbtn .bar2,#content-landing #menu .openbtn .bar3{width:30px;height:2px;background-color:#1f5361;margin:6px auto;transition:0.4s;} body.index #menu .openbtn .bar1,body.index #menu .openbtn .bar2,body.index #menu .openbtn .bar3,body.s1 #menu .openbtn .bar1,body.s1 #menu .openbtn .bar2,body.s1 #menu .openbtn .bar3{width:30px;height:2px;background-color:#01666d;margin:6px auto;transition:0.4s;} #menu li{margin:0;padding:0;background-color:#13478f;} #menu li.lang{background-color:transparent;padding:0 10px !important;} #menu li.lang a{width:inherit !important;color:#000;padding:0 10px !important;} #menu li.lang a:last-child{border-right:0 !important;} #menu>li:first-child a{border-top:1px solid #dadada;} #menu>li:last-child a{border-bottom:5px solid #dadada;} :lang(en) #menu .menuBar li:nth-child(5) a,:lang(en) #content-landing #menu .menuTool .menuBar li:nth-child(6) a{text-align:left;} #menu a{text-decoration:none;display:block;padding:8px 20px;} #menu a{color:#fff;} body.index #menu .menuTool a,body.s1 #menu .menuTool a{color:#1f5361;} #menu a:hover{color:#fff;} #menu .menuBar{margin:0;} #menu{margin-top:53px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:100;display:none;padding-bottom:85px;} #menu .toolBar{margin:0;} #menu .toolBar>li{padding:0;margin:0;} #menu .toolBar>li>a,#menu .toolBar>li>div>a{font-weight:bold;font-size:1.1em;text-align:left;width:100%;} #menu .toolBar li a{display:inline-block;} #menu .toolBar .lang a{display:block;border:0;padding:10px 0 0 10px !important;} #menu .toolBar li.in>ul{display:block;margin:0;} #menu .toolBar li.in>ul a{padding-left:60px;background-color:#d6f1fe;color:#fff;background:url(../images/whitedot.png)no-repeat left center;background-position:42px 16px;background-size:7px;} #menu .toolBar li.in>ul ul a{padding-left:60px;background-color:#d6f1fe;color:#fff;background:url(../images/minus-solid-w.png)no-repeat left center;background-position:42px 18px;background-size:7px;} .shadow-sm{font-weight:bold;font-size:1.25em;padding:10px;cursor:pointer;box-shadow:inherit !important;} #menu .toolBar li.in>ul div.collapsible,#menu .toolBar li.in>ul div.arrowup{color:#fff;} #menu .toolBar li.in>ul div.collapsible:after{color:#fff;} #menu .toolBar li.in>ul li ul a{background-color:#d6f1fe;color:#000;text-indent:-15px;margin-left:24px;} #menu .toolBar>li>ul{display:none;} #menu .toolBar li div.collapsible a{color:#fff;text-decoration:none;padding:10px 50px 10px 20px;background:url(/images/down.png)no-repeat center right 15px;background-size:20px;} #menu .toolBar li div.arrowup a{color:#fff;text-decoration:none;padding:10px 20px;background:url(/images/up.png)no-repeat center right 15px;background-size:20px;} #menu .toolBar li form{padding:10px 20px;} #menu .toolBar>li#awardIcon{background-color:#fff;padding:10px;} #menu .toolBar>li#awardIcon a{width:50px;padding:5px;display:inline-block;} body.m5 #desktop-top #menu-top .toolBar .tMenu>li:nth-child(5){background-color:#01672e;} #menu .toolBar li.in>ul li.in ul{display:block;} #menu .toolBar li.in>ul ul{margin:0;display:none;} #menu .toolBar li.in>ul li div{background:url(../images/whitedot.png)no-repeat left center;background-position:42px 16px;background-size:7px;} #menu .toolBar li.in>ul li div a{padding-left:60px;font-weight:bold;width:100%;} #menu .toolBar li.in>ul ul a{background-color:transparent !important;color:#fff !important;text-indent:0 !important;} 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:25px;height:4px;background-color:#333;margin:4px 0;transition:0.4s;} .change .bar1{-webkit-transform:rotate(-45deg) translate(-5px, 6px);transform:rotate(-45deg) translate(-5px, 6px);} .change .bar2{opacity:0;} .change .bar3{-webkit-transform:rotate(45deg) translate(-5px, -7px);transform:rotate(45deg) translate(-5px, -7px);} .crossBtn{position:absolute;right:27px;top:22px;z-index:99999;} .crossBtn .bar1{transform:rotate(-45deg) translate(4px, 5px);} .crossBtn .bar3{transform:rotate(45deg) translate(0, -10px);} .shareB{display:none;position:absolute;right:-20px;background-color:#fff;padding:10px;z-index:1;} .homeBtn>a{margin-bottom:10px;padding:0 9px 10px 10px;font-weight:normal;background:url(../images/home-solid.svg)no-repeat center;background-size:23px;} .printBtn>a{margin-bottom:10px;padding:0 9px 10px 10px;font-weight:normal;background:url(../images/print-solid.svg)no-repeat center;background-size:21px;} .shareBtn>a{margin-bottom:10px;padding:0 9px 10px 10px;font-weight:normal;background:url(../images/share-alt-solid.svg)no-repeat center;background-size:18px;} /*Landing Banner*/ .swiper{width:100%;height:100%;} .swiper-slide {text-align: center;font-size: 18px;background: #fff;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transform: translate3d(0, 0, 0);} .swiper-slide>div{background-color:#13478f;width:100%;position:relative;color:#fff;display:block;padding:10px 20px 50px 20px;text-decoration:none;height:320px;clear:both;} .swiper-slide>div div.title{font-size:1.8em;margin:0.3em 0;line-height:1.2em;text-align:left;font-weight:bold;padding-top:0;} .swiper-slide>div h2{font-size:1.5em;padding-top:0;text-align:left;} .swiper-slide>div p{font-size:1em;text-align:left;} .swiper-slide>div div{padding-top:.5em;text-align:left;} .swiper-slide>div div a{font-size:1.2em;color:#fff;font-weight:bold;padding:5px 10px;text-decoration:none;border-radius:5px;border:1px solid;} .swiper-slide>div div a:hover{font-size:1.2em;color:#13478f;background-color:#fff;font-weight:bold;padding:5px 10px;text-decoration:none;border-radius:5px;border:1px solid;} .swiper-slide>div div svg{fill:currentColor;} .swiper-slide>a img{height:auto;width:100%;float:left;border:0;} .swiper-button-next:hover,.swiper-button-prev:hover{opacity:1;-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;-ms-animation:fadeIn .5s;-o-animation:fadeIn .5s;animation:fadeIn .5s;} #banner{clear:both;position:relative;margin-top:58px;} #banner .pause_btn,#banner .play_btn{-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index:9;position:absolute;bottom:0;width:calc((100% - 240px ) / 2);} #banner .pause_btn a{display: block;line-height: 0;font-size: 0;text-indent: -99999px;background: #ae1106 url('/images/icon_banner_pasue.png') no-repeat scroll 0 0 / 100% 100%;border-radius: 50%;height: 30px;-webkit-transition: background-color 0.4s ease 0s;transition: background-color 0.4s ease 0s;width: 30px;border:1px solid #fff;margin:0 100%;} #banner .pause_btn a:hover,#banner .play_btn a:hover{background-color: #ebc54b;} #banner .play_btn a{display: none;line-height: 0;font-size: 0;text-indent: -99999px;background: #ae1106 url('/images/icon_banner_play.png') no-repeat scroll 0 0 / 100% 100%;border-radius: 50%;height: 30px;-webkit-transition: background-color 0.4s ease 0s;transition: background-color 0.4s ease 0s;width: 30px;border:1px solid #fff;margin:0 100%;} /*lightSlider*/ #lightSlider{padding-left:66px;display:none;} #lightSlider a img{max-height:50px;} .usefulink .pause_btn,.usefulink .play_btn{-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;margin:30px 50% 0 50%;} .usefulink .pause_btn a{display: block;line-height: 0;font-size: 0;text-indent: -99999px;background: #0b718d url('/images/icon_banner_pasue.png') no-repeat scroll 0 0 / 100% 100%;border-radius: 50%;height: 30px;-webkit-transition: background-color 0.4s ease 0s;transition: background-color 0.4s ease 0s;width: 30px;} .usefulink .pause_btn a:hover,.usefulink .play_btn a:hover{background-color: #ebc54b;} .usefulink .play_btn a{display: none;line-height: 0;font-size: 0;text-indent: -99999px;background: #0b718d url('/images/icon_banner_play.png') no-repeat scroll 0 0 / 100% 100%;border-radius: 50%;height: 30px;-webkit-transition: background-color 0.4s ease 0s;transition: background-color 0.4s ease 0s;width: 30px;);} /*Inside*/ .eventBox .desktop{display:none;} .banner{position:relative;border-top:8px solid #13478f;border-bottom:8px solid #13478f;margin-top:58px;} .banner img{width:100%;} .banner span{color:#13478f;font-weight:bold;font-size:1em;position:absolute;bottom:40%;left:20px;} /*Landing*/ :lang(en) .linkNoShow{display:none;} /*Icons*/ #landing-icon{margin:40px 0 0 0;text-align:center;position:relative;clear:both;} h2.iconTitle{text-align:center;font-style:italic;font-size:2em;font-weight:normal;} h2.iconTitle span{color:#ae1106;font-style:italic;} #landing-icon a{display:inline-block;width:123px;vertical-align:top;padding:15px 0;margin:10px 0;color:#813d0c;text-decoration:none;} #landing-icon a:hover img{transform:scale(1.2);animation-delay:1s;} #landing-icon a span{display:block;color:#ae1106;line-height:1.2em;padding-top:5px;} #landing-icon a.open span{color:#fff;} #landing-icon .dropdown-content{position:absolute;background-color:#13478f;width:100%;left:0;z-index:10;list-style:none;box-sizing:border-box;border-top:8px solid #ae1106;display:none;margin:0;animation:fadeIn ease 0.5s;} #landing-icon .dropdown-content.open{display:block;} #landing-icon .dropdown-content li{padding:10px 20px;} #landing-icon .dropdown-content li>a{color:#fff;background:url(../images/whitedot.png)no-repeat left center;background-size:7px;width:auto;vertical-align:top;padding:0;margin:0;} #landing-icon .dropdown-content li>a:hover span{text-decoration:underline;} #landing-icon .dropdown-content li span{clear:both;margin-left:20px;display:inline-block;vertical-align:top;color:inherit;line-height:inherit;padding-top:0;} /*Landing News*/ #landing-news{text-align:center;border-top:3px solid #ae1106;} #landing-news .col1{display:block;width:100%;vertical-align:top;padding:20px 0 0 0;} #landing-news .col1>div{text-align:center;padding:20px 30px;font-size:2em;} #landing-news .col1 h2{color:#13478f;font-weight:normal;} #landing-news .col1 .col-content{font-size:100%;text-align:right;padding:20px 10px 80px 10px;position:relative;} #landing-news .col1 .col-content .rslides_container li a.transparent-btns_nav,#landing-news .col1 .col-content .rslides_container ul.rslides li a:hover{color:#000;} #landing-news .col1 .col-content .rslides_container ul.transparent-btns_tabs li{margin:0 5px;} #landing-news .col1 .col-content .rslides_container .rslides li div.transcript,.panel div.transcript{color:#000;float:right;margin-right:10px;text-decoration:none;} #landing-news .col1 .col-content .rslides_container .rslides div ul{margin:0 0 8px 0;padding:0 0 0 1.6em;color:#ae1106;background:url(../images/reddot.png)no-repeat left center;background-position:7px 11px;background-size:6px;} #landing-news .col1 .col-content .rslides_container .rslides div ul li{font-weight:bold;float:inherit;} #landing-news .col1 .col-content .transcript a:hover{color:#13478f !important;} #landing-news .col2{display:block;width:100%;vertical-align:top;padding:20px 0 0 0;border-bottom:1px solid #ae1106;} #landing-news .col2>div{text-align:center;padding:20px 30px;font-size:2em;} #landing-news .col2 h2{color:#13478f;font-weight:normal;} #landing-news .col2 .col-content{font-size:100%;text-align:right;padding:20px 10px 50px 10px;position:relative;} #landing-news .col2 .col-content ul{margin:0;padding:0 2.5em;color:#ae1106;} #landing-news .col2 .col-content ul li{padding:0 0 10px 0;text-align:left;list-style-position:inside;} #landing-news .col2 .col-content ul li span{font-weight:bold;color:#ae1106;font-size:1.1em;} #landing-news .col2 .col-content ul li div{color:#000;} #landing-news .col2 .col-content ul li a:hover{color:#13478f;} #landing-news .col2 .col-content a.more{color:#ae1106;font-weight:bold;padding:3px 8px;} /*Landing Our Services*/ #our-serivces h2{color:#fff;margin:0;padding:1em 0 .5em 0;font-size:1em;} #our-serivces{background-color:#ae1106;margin:0 auto;text-align:center;position:relative;} #our-serivces>a{display:inline-block;vertical-align:top;width:147px;height:147px;text-align:center;padding:20px 10px;height:147px;text-decoration:none;} #our-serivces>a:hover img{transform:scale(1.2);animation-delay:1s;} #our-serivces>a span{display:block;color:#fff;line-height:1.2em;padding-top:10px;} #our-serivces ul{position:absolute;background-color:#0d3060;margin:0 auto;left:0;right:0;z-index:10;list-style:none;display:none;animation:fadeIn ease 0.5s;flex-direction:column;} #our-serivces ul.open{display:flex;} #our-serivces ul li{max-width:1100px;width:100%;padding:10px 20px;margin:0 auto;padding-left:40px;color:#fff;background:url(../images/whitedot.png)no-repeat left center;background-position:20px 21px;background-size:7px;} #our-serivces ul li a{color:#fff;} #otherLangBtn{position:relative;z-index:1000;} #otherLangBtn .otherLangLayer{position:absolute;right:0;top:100%;background-color:#fff;width:200px;z-index:100;border:1px solid #ccc;box-shadow:0 0 10px rgba(153,153,153,0.7);display:none;} #otherLangBtn:hover .otherLangLayer{display:block;} #otherLangBtn .otherLangLayer a{display:block;padding:10px 20px;color:#333;text-decoration:none;} #otherLangBtn .otherLangLayer a:hover{color:#fff;background-color:#124B82;} #otherLangBtn .otherLangLayer a:not(:last-child){border-bottom:1px solid #ccc;} #otherLang{display:block;text-decoration:none;position:relative;} #otherLang:hover,#otherLangBtn:hover #otherLang{ color:#bd3131;} /*Collpse Expand*/ .panel{background-color:#d7e7fd;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;display:none;} .panel h3{font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體,細明體_HKSCS, Arial, sans-serif;} .panel ul{margin-bottom:1rem;} .panel p{margin:0.5rem 0;padding:15px 25px;} .panel a.panel-bullet{text-decoration:none;padding:5px 0;display:block;} .tabsV .active,#ref .active{text-decoration:none;background:#13478f url(../images/minus-solid.svg)no-repeat right 15px center !important;background-size:10px !important;} .panel .panel-bullet2{text-decoration:none;color:#fff;background:url(../images/minus-solid.svg)no-repeat left center !important;background-size:7px !important;} .panel a.panel-bullet2{text-decoration:none;padding:0 0 5px 0;display:block;} .ui-widget.ui-widget-content{border:0;} .tabsV .accordion-no{background-color:#13478f;transition:0.4s;width:100%;border:none;outline:none;text-align:left;white-space:inherit;padding:8px 25px;border-top:1px solid #fff;color:#fff;} .landTransport img{height:150px;padding:10px;vertical-align:top;} .landTransport .panel div.imgText{width:220px;text-align:center;display:inline-block;vertical-align:top;} .landTransport .panel div.imgText span{display:block;width:220px;font-size:0.875rem;} .orgBack{text-align:right;margin-bottom:20px;} .orgBack a{font-weight:bold;color:#13478f;} .orgImg{padding:20px 0;} .orgPara{padding:20px 0;border-top:1px solid #666;border-bottom:1px solid #666;} .orgInside{padding:20px 0;border-bottom:1px solid #666;} .orgInside h2{padding:0;padding-bottom:0 !important;color:#13478f;} .orgInside p{padding-left:20px} /*.panelPara{padding:20px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:0 0 0.5rem 0 !important;}*/ #orgFrame{position:relative;} .orgImg{margin:0 auto;text-align:center;} .enlargeImg{float:right;} .enlargeImg a{display:block;padding:10px;} .tabsV .panel{text-align:left;} .tabsV button span a{display:block;float:left;padding:0 10px;} .tabsV h2{margin:0.5rem 0;} .orgChart .tabsV button span{float:right;} .orgChart .tabsV>div{position:relative;} .orgChart .tabsV .buttonFrame{background-color:#dcdcdc;} .orgChart .tabsV .buttonFrame .button{padding:10px 37px;} .orgChart .tabsV .buttonFrame .button a{display:inline-block;} .orgChart .tabsV .buttonFrame .button span{font-size:0.85em;text-align:center;color:#fff;display:inline-block;} .orgChart .tabsV .buttonFrame .button span a{color:#fff;display:inline-block;} .orgChart .tabsV .buttonFrame .button span img{width:25px;} .orgChart .tabsV .active{text-decoration:none;background:#dcdcdc url(../images/minus-solid.svg)no-repeat right 15px center !important;background-size:10px !important;} .orgChart .tabsV .accordion{padding:14px 37px 8px 37px;text-decoration:none;background:#dcdcdc url(../images/plus-solid.svg)no-repeat right 15px center;background-size:10px;color:#fff;width:100%;color:#000;text-align:left;font-weight:bold;border:none;border-top:1px solid #fff;} .orgChart .tabsV .accordion:nth-child(1){padding:14px 37px;display:block;} .orgChart .tabsV .accordion-no a{color:#000;} .orgChart .tabsV .accordion-no a:hover{text-decoration:none;} /*Public Forms*/ .publicForms .tabsV .accordion{padding:20px 27px 20px 0px;text-decoration:none;background:#13478f url(../images/plus-solid-w.png)no-repeat right 15px center;background-size:10px;color:#fff;width:100%;text-align:left;font-weight:bold;border:none;border-top:1px solid #fff;display:block;} .m2 .publicForms .tabsV .accordion{padding:20px 37px;} .publicForms .tabsV .accordion:hover{color:#fff;cursor:pointer;position:relative;} .publicForms .tabsV>div{position:relative;} .publicForms .tabsV .buttonFrame{background-color:#13478f;} .publicForms .tabsV .buttonFrame .button{padding:0 37px 30px 37px;} .publicForms .tabsV .buttonFrame .button span{font-size:0.85em;text-align:right;color:#fff;display:inline-block;margin-right:10px;vertical-align:top;} .publicForms .tabsV .buttonFrame .button span a{color:#fff;display:inline-block;} .publicForms .tabsV .buttonFrame .button span a:hover{text-decoration:underline;} .publicForms .tabsV .buttonFrame .button span img{width:27px;height:30px;} .publicForms .tabsV .active{text-decoration:none;background:#13478f url(../images/minus-solid-w.png)no-repeat right 15px center !important;background-size:10px !important;} .publicForms .tabsV .accordion .button{min-width:170px;padding:10px 0;} .publicForms .tabsV .accordion-no{padding:20px 87px 20px 37px;color:#fff;background-color:#13478f;font-weight:bold;display:block;text-decoration:none;} .publicForms .tabsV .accordion-no-pform{padding:20px 236px 20px 37px;color:#fff;background-color:#13478f;font-weight:bold;display:block;} .publicForms .tabsV .accordion-no .button{min-width:170px;padding:0 0 10px 0;} .publicForms .panel{background-color:#fcf8db;text-align:justify;display:none;} .publicForms .panel ol{padding-bottom:7px;} .publicForms .panel p{margin:0;} .publicForms .floatRight{float:inherit;} .sampleIcon{margin-right:10px;} .sampleIcon a{color:#fff;text-decoration:none;} .sampleIcon span{float:none;vertical-align:super;margin-right:8px;} .annexIcon{margin:0;} .annexIcon li{list-style-type:none;} .annexIcon span{float:none;vertical-align:super;margin-right:8px;} .publicForms .sampleIcon span{color:#fff;float:none;vertical-align:super;margin-right:8px;display:contents !important;font-size:1em !important;} .publicForms ul{margin-bottom:0;padding:10px 25px;} .tabsVTitle{background-color:#bdd7ee;width:100%;padding:8px 37px 8px 25px;margin:1px 0;font-weight:bold;} .control_btn_wrap{clear:both;text-align:right;padding:20px 0;} .control_btn_wrap .general_btn{color:#003399;padding:6px 20px;font-weight:bold;text-decoration:none;} /*Publications*/ .pub_box{background-color:#ffc;padding:10px 20px;margin:20px 0;} .pub_box .title{color:#ae1106;font-size:1.5em;padding:10px 0;border-bottom:1px solid #ae1106;} a.accordion:hover{color:#fff;} .note{margin:0 0 0 104px;padding:5px 0;} .lv1{margin:0 0 0 38px;padding:5px 0;} .lv2{margin:0 0 0 74px;padding:5px 0;} .lv3{margin:0 0 0 110px;padding:5px 0;} .lv4{margin:0 0 0 150px;padding:5px 0;} .lv1FAQ{padding:5px 10px;font-weight:bold;} :lang(en) .lv1FAQ{padding:5px 0;} .lv1FAQ span{font-weight:bold;display:table-cell;} .lv1FAQ span:first-child{width:80px;text-align:right;padding-right:10px;} /*.lv1FAQ span{text-indent:-55px;display:inline-block;font-weight:bold;}*/ :lang(en) .lv1FAQ{padding:5px 0;font-weight:bold;} /*:lang(en) .lv1FAQ span{text-indent:-55px;display:inline-block;font-weight:bold;}*/ .lv3FAQ{margin-left:18px;padding:5px 0;margin-right:30px;} .lv3FAQ span,.lv3FAQ div{display:table-cell;} .lv3FAQ span:first-child{font-weight:bold;padding-right:10px;} /*.lv3FAQ span{text-indent:-37px;display:inline-block;font-weight:bold;}*/ :lang(en) .lv3FAQ{margin-left:26px;padding:5px 0;margin-right:30px;} /*:lang(en) .lv3FAQ span{text-indent:-33px;display:inline-block;font-weight:bold;}*/ .lv1 span,.lv2 span,.lv3 span,.lv4 span{text-indent:-35px;display:inline-block;} .note span{text-indent:-67px;display:inline-block;font-weight:bold;} #inside-content .pubTable thead{background-color:#ececec;color:#000;} #inside-content .pubTable tr th{padding:5px 8px;text-align:center;vertical-align:middle;border:1px solid #999 !important;} #inside-content .pubTable tr th a{color:#000;} #inside-content .pubTable tr td{border:1px solid #999 !important;padding:5px 8px;} #inside-content .pubTable tr:first-child td{border:1px solid #999;padding:5px 8px;} #inside-content .pubTable tbody tr{background-color:#fff !important;} #publicationsTab{text-align:right;} #publicationsTab>ul{margin:0;} #publicationsTab>ul>li{display:inline-block;background-color:#13478f;padding:0 !important;vertical-align:top;} #publicationsTab>ul>li>a{color:#fff;text-decoration:none;padding:10px 5px;text-align:center;display:block;height:65px;width:94px;} #publicationsTab>ul>li>ul>li>a{color:#fff;text-decoration:none;padding:8px 20px;text-align:center;display:block;height:65px;width:94px;} #publicationsTab>ul>li:first-child>a{width:80px;} #publicationsTab ul li a{font-size:75% !important;} #publicationsTab ul li ul{display:none;margin:0;background-color:#e3e3e3;position:absolute;list-style-type:none;z-index:100;} #publicationsTab ul li ul li{border-bottom:1px solid;padding:0;} #publicationsTab ul li ul li:last-child{border:0;} #publicationsTab ul li ul li a{color:#000;text-align:left;font-size:.85em;height:auto;width:auto;} .publicationImg{margin:0 auto;} /*Events*/ .eventBox{border:1px solid #999;box-shadow:5px 5px 5px 5px #aaa;text-align:center;margin:40px 0;} .eventBox img{max-width:580px;width:100%;} .eventBox .eventText{padding:20px;vertical-align:top;text-align:justify;width:100%;} .eventBox .eventText h2{padding:20px 0 10px 0;margin-bottom:0;text-align:left;} .eventBox .eventText p{margin:10px 0;} .eventBox .eventText>div{font-size:.9em;} .certevent .eventText img{width:300px;} .certevent>a:nth-child(1)>img{width:auto;padding:10px;display:block;margin:0 auto;} /**/ button a{color:#fff !important;} .fandcTable thead{background-color:#13478f !important;} #inside-content .fandcTable tr th:first-child,#inside-content .fandcTable tr th{border:0;} #inside-content .fandcTable tbody tr:nth-child(odd),#inside-content .fandcTable tbody tr, .bbcolor{background-color:#ececec;} #inside-content .fandcTable tr td{border:0;padding:10px 20px !important;text-align:left;} #inside-content .fandcTable>tbody>tr>td:nth-child(1){text-align:center;} #inside-content .fandcTable tr:first-child td,#inside-content .fandcTable tr td{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #0769ad;} /*Welcome Message*/ .welcomeright span{font-weight:bold;display:block;} .welcomeright img{width:180px;} /*Slide*/ .lSAction{display:block !important;} .lSAction>a{top:-5px;opacity:1;padding:0;margin:0;width:70px;height:70px;} .lSAction > .lSPrev{left:0;} .lSAction > .lSNext{right:0;transform:rotate(180deg);background-position:-70px 0;} /*Usefulink*/ .usefulink{max-width:1200px;margin:30px auto;text-align:center;} .usefulink a{padding:5px;display:inline-block;} body#inside .usefulink{display:none;} /*ESDsubmit*/ #sub1,#sub17,#sub18,#sub31,#sub35{position:absolute;visibility:hidden;z-index:3;display:block;} /*Press*/ .pressImg img{height:90px;margin:0 20px;} /*Advanced Search*/ #adv_search legend,#adv_search_backend legend{font-weight:bold;color:#044AA1;padding:0 10px;} #adv_search_backend{margin-top:20px;margin-bottom:20px;} #adv_search .queryHeader{padding:3px 20px 10px 10px;} #adv_search .radio_button,#adv_search_backend .radio_button{display:table-cell;vertical-align:top;width:21px;height:21px;} #adv_search .radio_lbl,#adv_search_backend .radio_lbl{display:table-cell;vertical-align:top;} #adv_search #subSection span,#adv_search_backend #subSection span{padding-bottom:10px;} #adv_search_backend .queryHeader{padding:10px 20px 10px 10px;} #adv_search_backend #section_left>div{margin-left:32px;margin-bottom:10px;} #adv_search_backend #section_left>div>div{display:table-cell;} #adv_search_backend #subButton{margin-top:20px;} /*Statistics*/ body.m4 table#searchform tr td{text-align:left;} body.m4 table#searchform tr td:first-child{font-weight:bold;width:200px;} body.m4 table tr td{text-align:center;} /*Sitemap*/ .sitemap{background-color:#13478f;text-align:center;} .sitemap a{padding:20px;display:block;} .sitemap>a span{color:#fff;font-weight:bold;background:url(../images/down.png)no-repeat right center;background-size:13px;} .sitemap>a span:hover{text-decoration:underline;} .sitemap .site{padding:20px;text-align:left;display:none;background-color:#bbdaf0;color:#000;} .sitemap .site ul{vertical-align:top;padding:10px 0;margin-left:0;list-style-type:none;text-indent:-35px;} .sitemap .site .container>ul{text-indent:0;} .sitemap .site .container ul li{padding:5px 0;line-height:1.1em;text-align:left;margin-left:10px;} .sitemap .site .container ul>li>a{margin-left:0;} .sitemap .site .container ul>li>ul>li{margin-left:30px;} .sitemap .site .container ul>li>ul{text-indent:-25px;} .sitemap .site .container ul>li>ul>li>ul{text-indent:-37px;} .sitemap .site ul li a{padding:0;font-size:0.95em;color:#000;margin-left:10px;} .sitemap .site ul li.sitemap-title{padding:10px 0;font-weight:bold;color:#06416b;font-size:1.1em;} .sitemap .site ul li.sitemap-title>a{padding:10px 0;font-weight:bold;color:#06416b;font-size:100%;} .sitemap .site ul li.sitemap-level2{font-weight:bold;} .sitemap .level3 a{padding-left:10px !important;} .sitemap .level4 a{padding-left:20px !important;} /*Video*/ .videoDIV{border-bottom:1px solid #ae1106;padding-bottom:30px;} .videoDIV video{max-width:500px;} /*Public Portal News*/ .pp_news span{color:#ae1106;font-weight:bold;} .pp_news a.more{color:#ae1106;font-weight:bold;padding:3px 8px;float:right;font-size:.9em;} /*PIP Portal News*/ .news-content ul{margin:0;} .news-content ul li{padding:0 0 10px 0;text-align:left;list-style-position:inside;color:#ae1106;} .news-content ul li span{font-weight:bold;} .news-content ul li div{color:#000;} .news-content ul li a:hover{color:#13478f;} .news-content a.more{color:#ae1106;font-weight:bold;padding:3px 8px;float:right;font-size:.9em;} #login{text-align:center;padding-bottom:10px;} #login a{color:#000;background-color:#FFF2CC;display:block;padding:10px;border-bottom:5px solid #13478f;} #login a:hover{color:#fff;background-color:#337A58;} #login a img{width:30px;vertical-align:middle;} #login a span{font-size:.9em;padding-left:10px;font-weight:bold;} /*Footer*/ #footer{position:relative;border-top:1px solid #fff;clear:both;color:#fff;font-size:0.95em;background-color:#13478f;} #footer a{text-decoration:none;font-size:0.95em;color:#fff;} #footer a:hover{color:#ff0;text-decoration:underline;} #footer .left{list-style:none;line-height:4px;position:relative;margin:22px 0 0 0;} #footer .left ul{padding-bottom:40px;text-align:right;margin-left:0;text-align:center;} #footer .left ul li{padding:10px 10px 10px 0;margin-right:10px;position:relative;display:inline-block;font-size:0.95em;} #footer .right{list-style:none;line-height:4px;position:relative;margin:22px 0 0 0;text-align:center;} #footer .right ul{margin:0;} #footer .right a{border-right:1px solid;padding-right:5px;} #footer .right ul li{padding-bottom:20px;position:relative;display:inline-block;} #footer .right ul li span{line-height:1.2em;border-right:1px solid;padding-right:5px;} #footer .right ul li:after{background-color:#fff;display:block;width:1px;height:13px;position:absolute;right:2px;top:2px;} #footer .right ul li:last-child:after{display:none;} #footer .right ul li:last-child a{border:0;} #footer .right div{margin-top:50px;padding-bottom:20px;} #footer #backtotop a{color:#fff;font-size:1em;position:fixed;right:20px;bottom:55px;z-index:999;display:none;} #footer #backtotop a:hover{text-decoration:underline;} /*nav*/ #breadcrumbs{padding:10px 0;position:relative;z-index:1;background-color:#e3e3e3;} #breadcrumbs>span{padding:0 10px 0 0;font-size:1em;} #breadcrumbs>span span{padding:0 !important;} #breadcrumbs>span:last-child:after{content:'';display:inline-block;vertical-align:middle;font-size:1em;margin:0 5px;} #breadcrumbs div a{color:#000;text-decoration:none;margin-bottom:10px;font-size:1em;padding:10px 15px 10px 10px;font-weight:normal;background:url(../images/chevron-right-solid.svg)no-repeat right center;background-size:10px 10px;} #breadcrumbs div a:hover{text-decoration:underline;} #breadcrumbs div a:first-child{padding:10px 15px 10px 0;} #breadcrumbs div a.fa-home span{display:none;} #breadcrumbs div a.active,nav div a:hover{color:#f5c008;} #breadcrumbs div span.active{text-decoration:none;padding:10px 15px 10px 10px;color:#ae1106;font-weight:bold;} #breadcrumbs div a:last-child{background:none;} /*Content*/ #inside-content{background:url(../images/bg.png)no-repeat bottom left;background-size:contain;min-height:500px;} #inside-content .container{padding:20px 20px 50px 20px;position:relative;text-align:justify;font-size:1.1em;} #inside-content h1{border-left:10px solid #ae1106;padding-left:10px;margin-top:1em;color:#ae1106;text-align:left;} #inside-content h2{padding-bottom:0.5em;color:#ae1106;} .img-right{text-align:center;padding:20px;} #inside-content ul.redBullet{margin:0;color:#ae1106;clear:both;} #inside-content ul.redBullet>li{padding:30px 0 !important;border-bottom:1px solid #ae1106;color:#ae1106;} #inside-content ul.redBullet li{padding:10px 0;list-style-position:inside;} #inside-content ul.redBullet li span{font-weight:bold;color:#ae1106;font-size:1.1em;} #inside-content ul.redBullet li a{font-size:100%;} #inside-content ul.redBullet li a:hover{text-decoration:underline;} #inside-content ul.redBullet li p{color:#000;margin:10px 0;} #inside-content ul{color:#000;} #inside-content ul li,#inside-content ol li{padding:5px 0;color:#000;} #inside-content p.nospan{padding:15px 25px 0 0;margin:0;} #inside-content ul.nospan{padding:0 25px 15px 0;} #inside-content ul.nospan li,#inside-content ol.nospan li{padding:0;color:#000;} #inside-content ul li a{font-size:100%;} #inside-content ul li a:hover{text-decoration:underline;} #inside-content ol{margin-left:24px;} #inside-content table,.messageContent table{width:100%;background-color:#fff;} #inside-content table thead,.messageContent table thead{background-color:#0769ad;color:#fff;} #inside-content table thead tr th,.messageContent table thead tr th{padding:5px 8px;text-align:center;vertical-align:middle;border-right:1px solid #0769ad;border-left:1px solid #0769ad;border-bottom:1px solid #0769ad;} #inside-content table tbody tr,.messageContent table tbody tr{background-color:#f7f8f9;border:0;} #inside-content table tbody tr:nth-child(odd),.messageContent table tbody tr:nth-child(odd){background-color:#eceded;} #inside-content table tbody tr td,#inside-content table tbody tr th,.messageContent table tbody tr td,.messageContent table tbody tr th{padding:5px 8px;border:0;vertical-align:top;} #inside-content table tbody tr th div{margin:0 0 0 50px;padding:5px 0;display:inline-block;font-weight:bold;} #inside-content table tbody tr th div span{text-indent:-35px;display:inline-block;font-weight:bold;} #inside-content table tbody tr td div{margin:0 0 0 50px;padding:5px 0;display:inline-block;} #inside-content table tbody tr td div span{text-indent:-35px;display:inline-block;} #inside-content table tr th a{color:#fff;} #inside-content table tr th a{text-decoration:underline;} .bbcolor{background-color:#e0f4fe;} .wwcolor{background-color:#fff;} #inside-content table.centerall tbody tr td{text-align:center;} #inside-content table.centert tbody tr td:nth-child(2){text-align:center;} #inside-content table.centerttff tbody tr td:nth-child(2),#inside-content table.centerttff tbody tr td:nth-child(3),#inside-content table.centerttff tbody tr td:nth-child(4),#inside-content table.centerttff tbody tr td:nth-child(5){text-align:center;} #inside-content table.centerttffss tbody tr td:nth-child(2),#inside-content table.centerttffss tbody tr td:nth-child(3),#inside-content table.centerttffss tbody tr td:nth-child(4),#inside-content table.centerttffss tbody tr td:nth-child(5),#inside-content table.centerttffss tbody tr td:nth-child(6),#inside-content table.centerttffss tbody tr td:nth-child(7){text-align:center;} #inside-content table.centertff tbody tr td:nth-child(3),#inside-content table.centertff tbody tr td:nth-child(4),#inside-content table.centertff tbody tr td:nth-child(5){text-align:center;} #inside-content table.centertt tbody tr td:nth-child(2),#inside-content table.centertt tbody tr td:nth-child(3){text-align:center;} #inside-content table.notdcolor tr td{background-color:#fff;} #inside-content table.headertrans thead{background-color:transparent;} #inside-content table.headertrans tr th{color:#000;text-align:left;border-left:0 !important;border-right:0 !important;} #inside-content table.tablenoborder{width:100%;} #inside-content table.tablenoborder tr{background-color:#fff !important;} #inside-content table.tablenoborder tr th{border:0 !important;color:#000;text-decoration:underline;text-align:left;padding:5px;border:0;} #inside-content table.tablenoborder tr td{border:0;background-color:#fff;padding:5px;vertical-align:top;} #inside-content table.tablenoborderColor{width:100%;background-color:transparent;} #inside-content table.tablenoborderColor tr{background-color:transparent !important;} #inside-content table.tablenoborderColor tr th{border:0 !important;color:#000;text-decoration:underline;text-align:left;padding:5px;border:0;} #inside-content table.tablenoborderColor tr td{border:0;background-color:transparent;padding:5px;vertical-align:top;} #inside-content table.contactUsTable thead{background-color:#0769ad;color:#fff;} #inside-content table.contactUsTable thead tr th{padding:5px 8px;text-align:center;vertical-align:middle;border-right:1px solid #0769ad;border-left:1px solid #0769ad;border-bottom:1px solid #0769ad;} #inside-content table.contactUsTable tr th{border:0;text-align:left;padding:5px 8px;} #inside-content table.contactUsTable tbody tr{background-color:#f7f8f9;border:0;} #inside-content table.contactUsTable tbody tr:nth-child(odd){background-color:#eceded;} #inside-content table.contactUsTable tbody tr td{padding:5px 8px;border:0;} #inside-content table.contactUsTable tbody tr th div{margin:0 0 0 50px;padding:5px 0;display:inline-block;font-weight:bold;} #inside-content table.contactUsTable tbody tr th div span{text-indent:-35px;display:inline-block;font-weight:bold;} #inside-content table.contactUsTable tbody tr td div{margin:0 0 0 50px;padding:5px 0;display:inline-block;} #inside-content table.contactUsTable tbody tr td div span{text-indent:-35px;display:inline-block;} #inside-content table.nocolor tr th,#inside-content table.nocolor tr td,#inside-content table.nocolor tr{background-color:transparent !important;} #inside-content table.tablev{width:100%;} #inside-content table.tablev tr td{display:block;padding:10px 0} #inside-content table tr.tablenoborderbottom td{border-bottom:0;border-top:0;} #inside-content table.vacenter td{vertical-align:middle;} #inside-content table tr.title{background-color:#fff !important;} #inside-content table tr.title th{padding:10px 0 0 8px;} #inside-content table.sdfiles tr{background-color:#fff !important;border-bottom:1px solid #ccc !important;} #inside-content table.sdfiles tr td{display:block;padding:15px 8px;width:100% !important;border:0;} #inside-content table.sdfiles tr td img{min-width:66px;} #inside-content div.box{background-color:#f5f8c2;padding:20px;} #inside-content ul.horUL{margin:4px 0;width:100%;} #inside-content ul.horUL li{display:table-cell;vertical-align:top;list-style:none;} #inside-content ul.horUL li:first-child{width:30px;} #inside-content ul.horUL li:before{content:'';display:block;} #inside-content fieldset{border:1px solid #000;padding:10px;} #inside-content legend{width:auto;} #inside-content input[type="radio"], input[type="checkbox"]{margin:5px;} #inside-content .pubhome{margin:0 auto;} #inside-content .pubhome p{font-size:2em;color:#e40000;font-weight:bold;vertical-align:top;padding:10px;text-align:center;} #inside-content .pubhome div{vertical-align:top;padding:10px;text-align:center;} #inside-content .pubslogan{font-size:2em;color:#e40000;font-weight:bold;background-color:#fdc161;padding:20px;border-radius:10px;text-align:center;line-height:1.5em;margin:20px;} #inside-content p .img-photo-r{float:right;padding:0 20px;} #inside-content p .img-photo-l{float:left;padding:0 20px;} #inside-content div .img-photo-r{float:right;padding:0 0 20px 20px;} #inside-content div .img-photo-l{float:left;padding:0 20px 20px 0;} #inside-content div .img-photo-c{text-align:center;} #inside-content div .img-photo-r span,#inside-content div .img-photo-l span,#inside-content div .img-photo-c span{display:block;text-align:center;padding:10px 0 20px 0;font-style:italic;font-weight:bold;font-size:0.95em;} #inside-content div.img-box-v{text-align:center;} #inside-content div.img-box-v img{padding:10px;max-height:180px;} #inside-content .sectionIndex{margin:0;list-style-type:none;} #inside-content .sectionIndex>li{padding-left:30px;background:url(/images/redarrow.png)no-repeat top 12px left;background-size:15px;font-weight:bold;color:#ae1106;} #inside-content .sectionIndex li,#inside-content .sectionIndex li a{text-decoration:none;color:#ae1106;font-weight:bold;} #inside-content .sectionIndex li ul li{padding:2px 0;color:#ae1106;} /*Left Menu*/ #map{z-index:0;} #leftMenu{width:200px;text-align:left;} #leftMenu{display:inline-block;vertical-align:top;} #leftMenu ul{padding:10px;margin-left:0;} #leftMenu ul li{padding-left:30px;padding-bottom:10px;list-style-type:none;background:url(/images/redarrow.png)no-repeat top 12px left;background-size:15px;} #leftMenu ul li.title{font-weight:bold;padding-left:30px;} #leftMenu ul li a{text-decoration:none;color:#000;} #leftMenu ul li a:hover,.inside-frame #leftMenu ul:first-child li a.active{color:#ff6600;} #inside-content #rightContent{width:calc(100% - 215px);display:inline-block;vertical-align:top;padding:0 20px;} body.aboutContact #leftMenu li:nth-child(1) a,body.aboutFurther #leftMenu li:nth-child(2) a,body.aboutOffice #leftMenu li:nth-child(3) a{color:#ae1106 !important;} /*Inisde Content Nav*/ #inside-content nav{margin:20px 10px 0 10px;} #inside-content nav a{color:#064069;text-decoration:underline;font-size:1.2em;display:inline-block;font-weight:bold;} #inside-content nav a:last-child::after{display:none;} #inside-content nav a.active{color:#093;} /*Welcome Message*/ .welcomeright{padding:20px 30px;display:block;vertical-align:top;text-align:center;} .welcomeright span{display:block;} .welcomeright img{width:140px;} /*About Us*/ .archive_btn{float:right;margin:1em 0;} .archive_btn a{background-color:#ae1106;color:#fff;padding:10px 20px;} #newsForm .dateFilter{text-align:right;margin:20px 0;} #newsForm .dateFilter label{color:#ae1106;vertical-align:middle;} #newsForm .dateFilter #yearSelect{border:1px solid;width:100px;} #newsForm .dateFilter #yearSelect option{color:#000;} #newsForm .goBtn{background-color:#ae1106;color:#fff;padding:2px 15px;border:0;} @media all and (min-width:360px){ /*Public Forms*/ #inside #content-landing ul#publicForms li a div{left:124px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(1) a div{top:33px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(2) a div{top:20px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(3) a div{top:20px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(4) a div{top:26px;} } @media all and (min-width:375px){ } @media all and (min-width:400px){ /*Public Forms*/ #inside #content-landing ul#publicForms li a div{left:128px;} :lang(en) #inside #content-landing ul#publicForms li a div{left:138px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(1) a div{top:38px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(2) a div{top:26px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(3) a div{top:26px;} :lang(en) #inside #content-landing ul#publicForms li:nth-child(4) a div{top:31px;} /*Encouragement*/ .encourageBg:before{width:395px;height:36px;} .encourageBg:after{width:395px;height:19px;} } @media all and (min-width:414px){ } @media all and (min-width:500px){ /*TopBar*/ #mobile-top .title a img{margin-right:10px;} #mobile-top .title a span{font-size:1.25em;} /*Inside Banner*/ .banner span{font-size:1.125em;padding:5px 15px;} } @media all and (min-width:600px){ /*Icon1*/ #index .icons ul{top:-80px;} #index .icons ul li{margin:10px 5px;width:calc((100% - 40px) / 4);float:left;list-style-type:none;} } /*Tablet*/ @media all and (min-width:768px){ /*Landing Banner*/ #banner .transparent-btns_tabs{position:absolute;margin:0;} #banner .transparent-btns_tabs li a{width:10px;height:10px;font-size:0;display:inline-block;vertical-align:middle;border-radius:50%;margin:0 3px;opacity:0.5;} #banner .transparent-btns_tabs li.rslides_here{opacity:1;} #banner .transparent-btns_tabs a{display:block;} /*Inside Banner*/ .banner span{font-size:1.375em;padding:10px 20px;} /*Search*/ #SearchResult .Search_Related ul{height:8em;} /*Sitemap*/ .sitemap .site ul{display:table-cell;padding:10px;text-align:left;width:calc(100% / 4);} .sitemap .site ul:first-child{padding:10px 10px 10px 0;} .sitemap .site ul:last-child{padding:10px 0 10px 10px;} /*sdfiles*/ #inside-content table.sdfiles tr{background-color:#fff !important;} #inside-content table.sdfiles tr td{display:table-cell;border-top:0 !important;border-right:0 !important;border-bottom:1px solid #ccc !important;border-left:0 !important;background-color:#fff !important;padding:15px 8px;width:auto !important;} #inside-content table.sdfiles tr td:nth-child(2){width:40% !important;} #inside-content table.sdfiles tr td img{min-width:66px;} /*Icons*/ #landing-icon a{display:inline-block;width:calc(100% / 6.5);} :lang(en) #landing-icon>a{min-height:148px;} #landing-icon div.open .dropdown-content li{display:inline-flex;width:40%;} #publicationsTab>ul>li a{padding:10px 20px;height:auto;width:224px;} #publicationsTab ul li a{font-size:100% !important;} #publicationsTab>ul>li:first-child>a{width:132px;} } /*Desktop*/ @media all and (min-width:1024px){ .mobile_img{display:none !important;} .desktop_img{display:block !important;width:100%;} /*Landing Banner*/ .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .swiper-slide>div{height:100%;position:absolute;width:32%;padding:20px 30px 50px 40px;left:0;} .swiper-slide>div div.title{font-size:1.6em;margin:0.5em 0;} .swiper-slide>div h2{font-size:1.3em;padding-top:0;} .swiper-slide>div p{font-size:1.1em;} .latestNews ul li{display:inline-block;margin:20px 0;width:calc(100% / 3.03);} .latestNews div{width:300px;} /*Icons*/ .col .col1,.col .col2{display:inline-block;width:45%;font-size:1.25em;margin:0 0 0 20px;;vertical-align:top;padding:0;} /*Landing News*/ #landing-news{display:-webkit-flex;display:flex;padding-bottom:40px;} #landing-news .col1,#landing-news .col2{display:inline-block;width:50%;border:0;} #landing-news .col1 .col-content{padding:20px 30px 0px 30px;height:90%;webkit-flex:1;flex:1;} #landing-news .col2 .col-content{padding:20px 30px 0px 30px;height:90%;} /*Welcome Message*/ .welcomeleft{display:inline-block;width:calc(100% - 310px);} .welcomeright{display:inline-block;float:right;} /*Landing Our Services*/ #our-serivces>a{width:163px;} /*Public Services Home*/ #inside-content .pubhome{display:table;margin:0 auto;} #inside-content .pubhome p{display:table-cell;vertical-align:top;padding:10px;text-align:left;} #inside-content .pubhome div{display:table-cell;vertical-align:top;padding:10px;text-align:left;} /*Public Portal News*/ #pp-news{display:-webkit-flex;display:flex;padding-bottom:40px;} #pp-news .col1,#pp-news .col2{display:inline-block;width:50%;border:0;} #pp-news .col1 .col-content{padding:20px 30px 0px 30px;height:90%;webkit-flex:1;flex:1;} #pp-news .col2 .col-content{padding:20px 30px 0px 30px;height:90%;} /*Table*/ #inside-content table.tablev{width:100%;} #inside-content table.tablev tr td{display:table-cell;padding:0 5px} /*Footer*/ #footer .left ul{text-align:right;} #footer .left ul li{padding:10px 0;margin-right:10px;} #footer .left ul li:last-child{margin-right:0;} #footer .right{display:flex;justify-content:space-between;text-align:left;} #footer .right div{margin-top:10px;padding-bottom:0;text-align:right;} } @media all and (min-width:1200px){ .anchor,#myDiv,#myDiv2{top:0;} /*HotLinkTag*/ #hotLinkTag{left:auto;bottom:auto;right:0;top:147px;} #hotLinkTag a{border-top:1px solid #fff;border-right:0;border-bottom:1px solid #fff;border-left:1px solid #fff;} h2{font-size:1.3em;} h3{font-size:1.2em;} /*.eventBox .desktop{display:block;} .eventBox .mobile{display:none;}*/ #inside-content .eventBox:nth-child(odd) .mobile{display:none;} #inside-content .eventBox:nth-child(odd) .desktop{display:block;} #inside-content .eventBox:nth-child(even) .mobile{display:block;} #inside-content .eventBox:nth-child(even) .desktop{display:none;} .container{max-width:1200px;} .tableScroll{overflow-x:inherit;} /*TopBar*/ nav#menu{display:none!important;} #menu li.lang a{border-right:1px solid #000 !important;} body{overflow:initial !important;} #header{display:block;z-index:100;width:100%;background-color:#fff;} #header>ul{display:flex;justify-content:space-between;} #header .container ul:first-child{margin:0;display:flex;justify-content:space-between;} #mobile-top{display:none;} #header .title{display:inline-block;} #header .title a{display:inline-block;vertical-align:top;} #header .title img{float:left;margin-right:10px;} #header .toolBar{display:inline-block;text-align:right;vertical-align:top;z-index:100;position:relative;} #header .toolBar img{width:50px;} #header .toolBar ul li.hotLinksBtn img{width:23px;} #header .toolBar ul li.textsize,#header .toolBar ul li.lang{padding:10px 17px 5px 0;} #header .toolBar ul{display:block;left:0;z-index:10;margin-left:0;margin-right:20px} #header .toolBar ul li{display:inline-block;padding:10px 17px 5px 0;vertical-align:top;} #header .toolBar ul li a{color:#000;font-size:1.1em;} #header .toolBar ul li a:hover{text-decoration:underline;} #header .toolBar ul li.lang a:first-child{margin-right:12px;} #header .toolBar div.search{margin-right:20px;float:right;padding:14px 10px 0 40px;border-top:1px solid #ccc;position:absolute;right:0;top:40px;} #header .toolBar ul li a.fa-print,#header .toolBar ul li a.fa-share-alt{font-size:1.25em;} #desktop-top{display:block;} #desktop-top .tMenu{display:table;left:0;z-index:10;margin-left:0;} #desktop-top .tMenu>li{display:inline-block;text-align:center;vertical-align:middle;line-height:1em;position:relative;} #desktop-top .tMenu>li>a{color:#333;padding:10px 50px;display:table-cell;font-size:1.2em;height:82px;vertical-align:middle;font-weight:bold;text-decoration:none;} :lang(en) #desktop-top .tMenu>li>a{padding:18px 38px;} #desktop-top .tMenu li{vertical-align:middle;text-align:center;padding:0;margin:0;} #desktop-top .tMenu li .dropdown-content{background-color:#e3e3e3;z-index:100;position:absolute;box-sizing:border-box;} #desktop-top .tMenu li.open .dropdown-content{z-index:100;box-sizing:border-box;display:block;margin:0;animation:fadeIn ease 0.5s;border-top:8px solid #13478f;} #desktop-top .tMenu li .dropdown-content li{text-align:left;width:250px;list-style-type:none;background-color:#e3e3e3;} :lang(en) #desktop-top .tMenu li:nth-child(5) .dropdown-content li,:lang(en) #desktop-top .tMenu li:nth-child(6) .dropdown-content li{width:220px;} #desktop-top .tMenu li:nth-child(5) .dropdown-content li,#desktop-top .tMenu li:nth-child(6) .dropdown-content li{width:190px;} #desktop-top .tMenu li .dropdown-content li a{font-size:1.2em;color:#ae1106;padding:5px 25px 5px 40px;display:block;font-weight:normal;} #desktop-top .tMenu li:nth-child(5) .dropdown-content li a,#desktop-top .tMenu li:nth-child(6) .dropdown-content li a{padding:5px 25px 5px 40px;} #desktop-top .tMenu li .dropdown-content li ul{top:33px;} #desktop-top .tMenu li .dropdown-content>li a:hover{color:#fff;padding:5px 25px 5px 40px;display:block;font-weight:normal;} #desktop-top .tMenu li .dropdown-content ul li{text-align:left;width:250px;list-style-type:none;background-color:#fff;} .shareB{padding:10px 0 10px 20px;right:0;margin-top:30px;} #desktop-top .dropdown-submenu.open ul{display:block;} nav{margin:35px 0 0 0;} nav ul{padding:0;margin:0;list-style:none;position:relative;} nav ul li{display:inline-block;} nav>ul>li:hover ul{display:none;} nav a img{position:absolute;right:10px;top:8px;width:10px;} nav ul ul a{text-decoration:none;font-size:1.2em;text-decoration:none;color:#ae1106;padding:5px 25px 5px 40px;display:block;font-weight:normal;background:url(/images/reddot.png)no-repeat left top;background-position:16px 15px;background-size:7px;} nav ul ul a:hover{color:#fff;padding:5px 25px 5px 40px;display:block;font-weight:normal;text-decoration:none;} nav ul ul{display:none;position:absolute;left:0;background-color:#e3e3e3;height:0;} nav ul ul li{width:250px;float:none;display:list-item;position:relative;} nav ul ul ul{display:none;} nav ul ul ul li{position:relative;top:-34px;left:250px;} nav ul li:nth-child(5) ul ul li{left:190px;} :lang(en) nav ul li:nth-child(5) ul ul li{left:220px;} nav ul li:nth-child(6) ul ul li{left:-190px;} :lang(en) nav ul li:nth-child(6) ul ul li{left:-220px;} nav ul ul ul li a{display:none;} nav ul ul ul li a:hover{display:inherit;} /*Landing Banner*/ #banner{margin:0;} .swiper-slide>div{padding:20px 40px 50px 40px;} .swiper-slide>div div.title{font-size:2em;margin:0.5em 0;} .swiper-slide>div h2{font-size:1.7em;padding-top:0;} .swiper-slide>div p{font-size:1em;} /*Inside Banner*/ .banner{margin:0;} .banner span{font-size:1.875em;padding:20px 50px;} .orgBack{position:absolute;right:20px;top:60px;} /*Content*/ .img-right{float:right;padding:0 0 20px 20px;margin:0;} .publicForms .accordion,.publicForms .accordion-no{display:flex;justify-content:space-between;} .publicForms .tabsV .accordion,.publicForms .tabsV .accordion-no{display:flex;} .publicForms .accordion .button{min-width:170px;text-align:right;} .publicForms .active{text-decoration:none;background:#13478f url(../images/minus-solid-w.png)no-repeat right 15px center;background-size:10px;} .publicForms .panel ol{padding-bottom:7px;} .publicForms .panel p{margin:0;} .publicForms .panel p.nospan{padding:15px 25px 0 25px !important;margin:0;} .publicForms .panel ul.nospan{padding:0 25px 15px 25px !important;} .publicForms .panel ul.nospan li,#inside-content ol.nospan li{padding:0;color:#000;} .publicForms .floatRight{float:right;right:0;} /*.publicForms .tabsV .accordion{padding:20px 190px 20px 37px;}*/ .sampleIcon span{float:none;vertical-align:super;margin-right:8px;} /*Our Services*/ #our-serivces>a{width:185px;} /*Events*/ .eventBox{display:table;} .eventBox img{display:table-cell;width:580px;} .eventBox .eventText{display:table-cell;} .certevent{display:flex;} .certevent>a{padding-top:12px;} :lang(en) .certevent>a{padding-top:107px;} .certevent>a:nth-child(2)>img,.certevent>a:nth-child(5)>img{width:561px !important;} .certevent>a:nth-child(1)>img,.certevent>a:nth-child(4)>img{width:239px;} /*Organisation Chart*/ .orgChart .tabsV .accordion{padding:20px 236px 20px 37px;} .orgChart .tabsV .buttonFrame .button{position:absolute;top:10px;right:30px;text-align:right;padding:0;} /*Public Forms*/ .m2 .publicForms .tabsV .accordion{padding:20px 236px 20px 37px;} .publicForms .tabsV .buttonFrame .button{position:absolute;top:10px;right:30px;text-align:right;padding:0;} /*ESS*/ .ess{display:flex;justify-content:space-between;} .ess .button{top:10px;right:30px;width:233px;text-align:right;padding:0;} .ess .button span{font-size:0.85em;text-align:right;display:inline-block;margin-right:10px;} .ess .button span a{color:#fff;display:inline-block;} .ess .button span a:hover{text-decoration:underline;} .ess .button span img{width:25px;} } @media print{ @page{size:A4;margin:0;} html, body{width:210mm;height:297mm;} #skiplinkHolder,#menu,.banner,#mobile-top,.toolBar,#hotLinkTag{display:none !important;} body{overflow:'';} #header{display:block;} #header .title{list-style-type:none;} } /* ------------------------------------------ */ /* Style for share-btns */ /* ------------------------------------------ */ .shareBtn{position:relative;} .shareBtn>.shareList{display:none;position:absolute;top:50%;right:0;padding:8px 15px 12px !important;text-align:left;z-index:9000;min-width:80px;background:#FFF;box-shadow:0px 3px 4px rgba(150, 150, 150, 0.2);margin-top:8px;} .shareBtn.active>.shareList{display:block;} .share-btns{position:relative;margin-top:15px;} ul.share-btns{list-style-type:none;margin:0;padding:0;background-color:#fff;} ul.share-btns>li{margin:0;display:inline-block;padding:5px !important;} ul.share-btns a{font-size:0;padding:5px;} .header-nav__tool--share .share-btns{white-space:nowrap;} li .share-btns__btn{display:inline-block;vertical-align:top;width:34px !important;height:34px;margin-right:5px;position:relative;transition:0.2s;} li .share-btns__btn img{width:34px !important;} .mob-nav__control .share-btns__btn{width:30px;height:30px;vertical-align:middle;} .mob-nav__control .share-btns__btn.share-btns__btn--email, .header-nav__tool--share .share-btns__btn.share-btns__btn--email, .share-btns__btn.share-btns__btn--email:hover{background-color:yellowgreen;} .mob-nav__control .share-btns__btn.share-btns__btn--fb, .header-nav__tool--share .share-btns__btn.share-btns__btn--fb, .share-btns__btn.share-btns__btn--fb:hover{background-color:#3b5998;} .mob-nav__control .share-btns__btn.share-btns__btn--wa, .header-nav__tool--share .share-btns__btn.share-btns__btn--wa, .share-btns__btn.share-btns__btn--wa:hover{background-color:#1bd741;} .mob-nav__control .share-btns__btn.share-btns__btn--wc, .header-nav__tool--share .share-btns__btn.share-btns__btn--wc, .share-btns__btn.share-btns__btn--wc:hover{background-color:#09b83e;} .mob-nav__control .share-btns__btn.share-btns__btn--tw, .header-nav__tool--share .share-btns__btn.share-btns__btn--tw, .share-btns__btn.share-btns__btn--tw:hover{background-color:#000000;} .share-btns__btn:last-child{margin-right:0;} /* END Style share-btns */ #menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child{background-color:transparent;} #menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child:after{display:none;} #nav .right ul.share-btns li{float:none;margin:0;} .wc-qrcode{padding:30px;background:#fff;display:none;} .wc-qrcode.is-active{display:block;} .wc-qrcode p{font-size:0.875em;color:#000;margin:0 0 10px;} /*Search*/ .searchBar{-webkit-appearance:none;border-radius:0;background:#fff;border:1px solid #666;border-right:0;display:block;float:left;height:30px;margin:0;padding:0 17px;outline-offset:0;} .searchBtn{box-sizing:border-box;min-width:0;width:30px;height:30px;border:1px solid #666;border-left:0;padding:6px;-webkit-appearance:none;background:white url(../images/search-solid.svg)no-repeat center center;background-size:45%;margin:0;float:left;display:block;text-indent:-9999px;} ::placeholder{color:#dedede;} #top #topBar #toolBar ::placeholder{color:#dedede;} #mobile-top #searchInside div.search form{overflow:hidden;} #mobile-top #searchInside div.search form .searchBar{width:80%;height:40px;padding:9px 17px 8px;} #mobile-top #searchInside div.search form .searchBtn{width:40px;height:40px;border-top-left-radius:0;border-bottom-left-radius:0;} #SearchBar_Input{display:block;width:80%;float:left;} #SearchBar #searchAdvance{line-height:30px;margin-left:10px;} #SearchBar #SiteGroup{clear:both;margin:6px 0;} #SearchBar #SiteGroup span{margin-right:15px;margin-bottom:0;} #SearchBar #SiteGroup label{margin:0 15px 0 5px;} #SearchBar #SiteGroup input{vertical-align:middle;} #SearchResult{margin:10px 0px;} #SearchResult .Search_Sort{margin:10px 0px;} #SearchResult .Search_Sort span{padding:0 10px;display:inline !important;margin:0;} #SearchResult .Search_Result_Text{margin:20px 0px;font-weight:bold;border-bottom:1px solid #999;padding:20px 0 10px;} #SearchResult .Search_Result_Text .Search_Result_Keywords{color:#f00;font-weight:bold;display:inline !important;margin:0;} #SearchResult .Search_Result{margin:10px 0px;} #SearchResult .Search_Result ul{list-style:none;margin-left:10px;} #SearchResult .Search_Result ul li{margin:0;} #SearchResult .Search_Result ul li a{text-decoration:none;display:block;} #SearchResult .Search_Result ul li a span{margin:0;} #SearchResult .Search_Result ul li a .Search_Result_Id{float:left;font-weight:bold;width:40px;} #SearchResult .Search_Result ul li a .Search_Result_Content{display:block;overflow:hidden;} #SearchResult .Search_Result ul li a .Search_Result_Title{display:block;font-weight:bold;} #SearchResult .Search_Result ul li a .Search_Result_Summary{display:block;font-size:90%;color:#666;padding:10px 0;overflow-wrap:break-word;} #SearchResult .Search_Result ul li .Search_Result_Details{display:block;padding-left:40px;margin:0 0 10px;} #SearchResult .Search_Result ul li .Search_Result_Details span{display:inline;color:#999;font-size:80%;} #SearchResult .Search_Result ul li .Search_Result_Url{display:block;color:#666;font-size:100%;overflow-wrap:break-word;} #SearchResult .Search_Result ul li .Search_Result_Date:before{content:"-";padding:0 10px;} #SearchResult .Search_Result ul li .Search_Result_Cache:before{content:"-";padding:0 10px;} #SearchResult .Search_Result ul li .Search_Result_Cache a{display:inline;} #SearchResult .Search_Nav{margin:20px 0px;font-weight:bold;border-top:1px solid #999;padding:20px 0 10px;} #SearchResult .Search_Nav ul{display:block;text-align:center;} #SearchResult .Search_Nav ul li{display:inline-block;margin:0 8px;} #SearchResult .Search_Nav ul li a.Current{font-weight:bold;} #SearchResult .Search_Related{margin:20px 0px;font-weight:bold;border-top:1px solid #999;padding:20px 0 10px;} #SearchResult .Search_Related div{padding-bottom:10px;} #SearchResult .Search_Related div span{font-weight:bold;color:#f00;} #SearchResult .Search_Related ul{display:flex;flex-direction:column;flex-wrap:wrap;text-align:left;list-style:none;margin-left:0;} #SearchResult .Search_Related ul li{margin:0;} #SearchResult .Search_Related ul li a{text-decoration:none;} #Search_Loading{display:none;position:fixed;background-color:rgba(0,0,0,0.8);top:0;left:0;right:0;bottom:0;z-index:10000;} #Search_Loading .Loader{margin:0 auto;top:50%;position:relative;opacity:0.7;margin-top:-40px;width:80px;height:80px;} #Search_Loading .Text{opacity:0;position:absolute;left:0;top:55%;right:0;text-align:center;} #Search_Loading .Loader.Spin{border:5px solid #fff;border-top:5px solid #222;border-radius:50%;animation:spin 2s linear infinite;} #Search_Loading .Loader.Ripple div{position:absolute;border:5px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;} #Search_Loading .Loader.Ripple div:nth-child(2){animation-delay:-0.5s;} #Search_Loading .Loader.Ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:5px;border:5px 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;} #Search_Loading .Loader.Ring div:nth-child(1){animation-delay:-0.45s;} #Search_Loading .Loader.Ring div:nth-child(2){animation-delay:-0.3s;} #Search_Loading .Loader.Ring div:nth-child(3){animation-delay:-0.15s;} #Search_Loading .Loader.Spinner{color:official;} #Search_Loading .Loader.Spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite;} #Search_Loading .Loader.Spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff;} #Search_Loading .Loader.Spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s;} #Search_Loading .Loader.Spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s;} #Search_Loading .Loader.Spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s;} #Search_Loading .Loader.Spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s;} #Search_Loading .Loader.Spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s;} #Search_Loading .Loader.Spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s;} #Search_Loading .Loader.Spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s;} #Search_Loading .Loader.Spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s;} #Search_Loading .Loader.Spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s;} #Search_Loading .Loader.Spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s;} #Search_Loading .Loader.Spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s;} #Search_Loading .Loader.Spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s;} #Search_Loading .Loader.DotSpinner div{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:lds-default 1.2s linear infinite;} #Search_Loading .Loader.DotSpinner div:nth-child(1){animation-delay:0s;top:37px;left:66px;} #Search_Loading .Loader.DotSpinner div:nth-child(2){animation-delay:-0.1s;top:22px;left:62px;} #Search_Loading .Loader.DotSpinner div:nth-child(3){animation-delay:-0.2s;top:11px;left:52px;} #Search_Loading .Loader.DotSpinner div:nth-child(4){animation-delay:-0.3s;top:7px;left:37px;} #Search_Loading .Loader.DotSpinner div:nth-child(5){animation-delay:-0.4s;top:11px;left:22px;} #Search_Loading .Loader.DotSpinner div:nth-child(6){animation-delay:-0.5s;top:22px;left:11px;} #Search_Loading .Loader.DotSpinner div:nth-child(7){animation-delay:-0.6s;top:37px;left:7px;} #Search_Loading .Loader.DotSpinner div:nth-child(8){animation-delay:-0.7s;top:52px;left:11px;} #Search_Loading .Loader.DotSpinner div:nth-child(9){animation-delay:-0.8s;top:62px;left:22px;} #Search_Loading .Loader.DotSpinner div:nth-child(10){animation-delay:-0.9s;top:66px;left:37px;} #Search_Loading .Loader.DotSpinner div:nth-child(11){animation-delay:-1s;top:62px;left:52px;} #Search_Loading .Loader.DotSpinner div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px;} #AdvancedSearch .Block{clear:both;margin:20px 0;overflow:hidden;background-color:#fafafa;padding-bottom:10px;} #AdvancedSearch .Block .cb{clear:both;} #AdvancedSearch .Block .of-h{overflow:hidden;} #AdvancedSearch .Block .fl{float:left;} #AdvancedSearch .Block .pt{padding-top:10px !important;padding-bottom:0;} #AdvancedSearch .Block .pl{padding-left:10px !important;padding-right:0;} #AdvancedSearch .Block .pr{padding-right:10px !important;padding-left:0;} #AdvancedSearch .Block .mr{margin-right:5px !important;} #AdvancedSearch .Block .va-bl{vertical-align:baseline;} #AdvancedSearch .Block .pan{padding:0;} #AdvancedSearch .Block .phn{padding-left:0;padding-right:0;} #AdvancedSearch .Block .ptn{padding-top:0;} #AdvancedSearch .Block .w-100{width:100%;} #AdvancedSearch .Block .w-50{width:50%;} #AdvancedSearch .Block .w-30{width:30%;} #AdvancedSearch .Block .db{display:block;} #AdvancedSearch .Block .di{display:inline;} #AdvancedSearch .Block span{padding:20px 30px;} #AdvancedSearch .Block div{margin:20px 0;padding:0 30px;} #AdvancedSearch .Block select{padding:10px 20px;} #AdvancedSearch .Block .Title{display:block;background-color:#4060a8;color:#fff;margin-bottom:10px;font-size:1.1em;} #AdvancedSearch .Block .Field .cb{clear:both;} #AdvancedSearch .Block .Field input{display:block;width:100%;} #AdvancedSearch .Block .Field label{display:block;line-height:1.9em;} #AdvancedSearch .Block .Radio *{} #AdvancedSearch .Block .Radio div{margin-top:5px;} #AdvancedSearch .Block .Radio div label{float:left;clear:both;} #AdvancedSearch button{padding:10px 20px;background-color:#cc4c02;color:#fff;margin-right:20px;font-weight:bold;} #AdvancedSearch button:hover{background-color:#cc4c02;} /* Responsive */ @media all and (min-width:768px){ /*Search*/ #SearchResult .Search_Related ul{height:8em;} } @media only screen and (min-width:768px){ #SearchResult .Search_Related ul{height:12em;} #AdvancedSearch .Block .Field input{float:right;width:60%;} } @media only screen and (min-width:1024px){ #AdvancedSearch .Block .pl-l{padding-left:10px;padding-right:0;} #AdvancedSearch .Block .pr-l{padding-right:10px;padding-left:0;} #AdvancedSearch .Block .di-l{display:inline;} #AdvancedSearch .Block .fl-l{float:left;} #AdvancedSearch .Block .cn-l{clear:none;} #AdvancedSearch .Block .w-50-l{width:50%!important;} } @media all and (min-width:768px){ #SearchResult .Search_Related ul{height:8em;} } /* Loading Animation */ @keyframes lds-default{ 0%, 20%, 80%, 100%{transform:scale(1);} 50%{transform:scale(1.5);} } @keyframes lds-spinner{ 0%{opacity:1;} 100%{opacity:0;} } @keyframes lds-ring{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @keyframes spin{ 0%{transform:rotateZ(0);} 100%{transform:rotateZ(360deg);} } @keyframes lds-ripple{ 0%{top:36px;left:36px;width:0;height:0;opacity:1;} 100%{top:0px;left:0px;width:72px;height:72px;opacity:0;} }