﻿@charset "utf-8";
@import url(reset.css);
@import url(all.min.css);
@import url(bootstrap.css);
@import url(responsiveslides.css);
@import url(jquery-ui.css);
@import url(themes.css);
@import url(jquery.mmenu.css);
@import url(colorbox.css);
@import url(lightslider.css); 

:lang(ar){text-align:right;}
:lang(ar) p{text-align:justify;}
:lang(ar) .right_ar p{text-align:right !important;}
html,body{margin:0;padding:0;height:100%;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;}
body{font-size:1em;min-width:320px;font-family:Arial Bold,Verdana,sans-serif;}
.container{position:relative;clear:both;}
header,section,footer,aside,nav,main,article,figure{display:block;}
img{border:none;}
a{text-decoration:none;}
a:visited{text-decoration:underline;}
a:hover{color:#BE5712;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%;}
.fa,.far,.fas{font-family:"Font Awesome 5 Free";}
.fab{font-family:"Font Awesome 5 Brands"}
h1{font-size:2em;margin:1em 0;color:#003366;}
h2{font-size:1.1em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}
h3{font-size:1em;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}
body#index h1{text-align:center;}
p{text-align:justify;margin:1em 0;line-height:1.5em;}
ul{list-style-type:disc;margin-left:1.5em;}
li{margin:1.2em 0;}
ol li{margin-left:1.5em;}
#SearchBar_Input0{border:1px solid #000;}
#searchMainBar,#SearchBar_Input1{border-top:0;border-right:0;border-bottom:1px solid #666;border-left:0;background-color:transparent;font-size:0.75em;}
.searchBtn{background:url("/images/search-solid.svg")no-repeat;width:22px;height:22px;color:#666;border:0;font-size:0;margin:0 0 0 10px;}
.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 !important;}
.borderBottomNone{border-bottom:1px solid #cc0000;}
.vertM{vertical-align:middle;}
.noShow{display:none;}
.textBold{font-weight:bold;}
.bUnderline{font-weight:bold;text-decoration:underline;}
.txtItalic{font-style:italic;font-weight:normal;}
.txtUnderline{text-decoration:underline;font-weight:normal;}
.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;}
#lightSlider{padding-left:66px;}
.anchor{display:block;position:relative;top:-103px;visibility:hidden;}
.style1{text-indent:-15px;padding-left:0px;font-weight:bold;}
.style1 .stylespan{border-left:5px solid #9f1801;padding-left:10px;font-weight:bold;}
.fontsize12em{font-size:1.2em;}
.greyarrowbg{padding:8px 15px;background-color:#ccc;color:#000;position:relative;font-size:1.2em;top:8px;}
.greyarrowbg:hover{color:#ef4123;}
.greyarrowbg::before{content:'';position:absolute;right:-15px;top:0;bottom:-22px;width:0;height:0;border-bottom:18px solid transparent;border-top:18px solid transparent;border-left:15px solid #ccc;}
.colorB{color:#000;}
#cboxClose{top:10px;right:8px;}
body.m1 .tMenu2 .m1,body.m2 .tMenu2 .m2,body.m3 .tMenu2 .m3,body.m4 .tMenu2 .m4,body.m5 .tMenu2 .m5,body.m6 .tMenu2 .m6{color:#F8B944 !important;}
[type="search"]{outline-offset:0;}

/*Fonts*/
@font-face{font-family:FranklinGothicDemi;
	src:url('/webfonts/franklin-gothic-demi-regular.woff2') format("woff2"),
		url('/webfonts/franklin-gothic-demi-regular.woff') format("woff"),
		url('/webfonts/franklin-gothic-demi-regular.ttf') format("truetype"),
		url('/webfonts/franklin-gothic-demi-regular.svg#fontawesome') format("svg");
}

@font-face{font-family:FranklinGothicDemi;
	src:url('/webfonts/franklin-gothic-demi-regular.woff2') format("woff2"),
		url('/webfonts/franklin-gothic-demi-regular.woff') format("woff"),
		url('/webfonts/franklin-gothic-demi-regular.ttf') format("truetype"),
		url('/webfonts/franklin-gothic-demi-regular.svg#fontawesome') format("svg");
}

/*Black Color*/
/*body#index nav,body#index .container,body#index .banner,body#index #icons,body#index .sitemap,body#index .footer{filter:grayscale(1);}*/

/*Skip to main content*/
#skiplinkHolder{background-color:#cc4c02;position:absolute;top:-100px;}
#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;}

/*Notice*/
#cboxLoadedContent{text-align:center;}
#cboxLoadedContent p{text-align:center;}
#cboxOverlay{background-color:#000;opacity:0.6 !important;}
.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 30px;background-color:#055680;font-weight:normal;margin:0;}
.message .messageContent{border:1px solid #000;background-color:#fff;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;}

/*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-color:#000;}

/*TopBar*/
#desktop-top{display:none;}
#mobile-top{display:block;z-index:10;margin-top:0;}
#mobile-top .title{padding:10px 20px;display:inline-block;min-width:320px;z-index:100;position:fixed;background-color:#fff;width:100%;top:0;left:0;margin-top:0;}
#mobile-top .title img{width:240px;float:left;}
#mobile-top .title span{text-decoration:none;color:#000;font-weight:bold;font-size:1em;display:block;margin-top:24px;}
:lang(en) #mobile-top .title span{font-size:0.75em;font-family:Arial;}
#mobile-top #searchIcon{display:inline-block;cursor:pointer;vertical-align:top;float:right;margin:1.2em 10px 0 10px;}
#mobile-top #searchIcon a{color:#000;font-size:1.6875em;text-decoration:none;}
#mobile-top #langIcon{display:inline-block;cursor:pointer;vertical-align:top;float:right;margin:1.2em 10px 0 10px;}
#mobile-top #langIcon a{color:#000;font-size:1.6875em;text-decoration:none;}
#mobile-top #menuBtn{display:inline-block;cursor:pointer;vertical-align:top;float:right;margin:12px 7px 0 7px;padding:0 7px;}
#mobile-top #menuBtn .navbar-toggler{padding:0;}
#mobile-top #searchInside{position:fixed;background-color:#fff;padding:90px 25px 25px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside{position:fixed;background-color:#fff;padding:90px 25px 25px 25px;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}
#mobile-top #langInside a{color:#000;font-size:1em;}
#mobile-top ul{margin-left:0;margin-bottom:0;position:fixed;top:50px;background-color:#fff;width:100%;z-index:100;padding-left:0;}
#mobile-top .lang a{}
nav#menu{left:1200px;z-index:100;font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;margin-top:100px;}
nav#menu a{font-weight:bold;}
nav#menu .search form{width:100%;}
nav#menu .search .searchBar{padding:12px 20px;margin:0;border:0;background-color:transparent;display:block;width:100%;float:left;}
nav#menu .search .searchBtn{display:none;}
.show{display:block;}
.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-9px, -7px);transform:rotate(45deg) translate(-9px, -7px);}
.crossBtn{position:absolute;right:27px;top:76px;z-index:99999;}
.crossBtn .bar1{transform:rotate(-45deg) translate(2px, 5px);}
.crossBtn .bar3{transform:rotate(45deg) translate(-2px, -10px);}
.blockul li{list-style:none;display:block;text-align:-webkit-center;margin:20px 0;text-align:left;}

/*Landing*/
.banner{position:relative;margin:64px 0 0;}
.banner .rslides{position:relative;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs{padding-left:0;}
.rslides li{margin:0;}

.whatsnew h1{font-size:2em;font-weight:normal;text-decoration:underline;text-align:center;padding:1.5em 20px;}
.whatsnew ul{margin-left:0;padding-left:0;}
.whatsnew ul li{list-style-type:none;vertical-align:top;padding-bottom:50px;}
.whatsnew ul li .left{text-align:center;}
.whatsnew ul li .right{display:none;}
.whatsnew .more{text-align:center;font-weight:bold;text-decoration:underline;}
.whatsnew .more a{color:#186495;}

/*Contact*/
.contact ul{margin:0;}
.contact li{list-style:none;display:inline-block;vertical-align:top;width:100%;}
.contact li:last-child{padding-right:0;}
.contact li a{color:#000;}
.contact li .followus{padding-top:30px;}
:lang(ar) .contact li .followus{padding:30px 20px;}
.contact li .followus>div{font-weight:bold;display:inline-block;padding:0 10px 0 20px;text-align:center;}
.contact li .followus>div:first-child{font-weight:bold;display:block;text-align:left;}
.contact li .followus>div span{display:block;padding:10px;}
.contact .borderBottomNone{padding-bottom:15px;}
.videoGroup,.photosGroup{display:block;}
.photosGroup a img{width:200px; padding-bottom: 15px;}

/*background*/
#bg{background:url('/images/bg_outside.png')repeat;text-align:center;background-size:contain;}

#keepInTouch>div{max-width:1200px;margin:0 auto;}
#keepInTouch>div div{background-color:#fff;padding:20px 50px;max-width:500px;height:224px;}
#keepInTouch h2{color:#069;text-decoration:none;margin:0;padding:0;text-align:center;font-weight:bold; font-size: 32px;}
#keepInTouch label{display:block;}
#keepInTouch #email{width:100%;}
#keepInTouch input[type=submit]{color:#069;background:transparent;border:0;font-weight:bold;float:right;font-size:1.2em;padding:10px 0;}

#icons{background-color:#146695;}
#icons ul{margin:0;text-align:center;}
#icons ul li{display:inline-block;padding:5px;}
#icons ul li a{display:block;width:105px;text-align:center;}
#icons ul li a img{height:50px;}

/*nav*/
#breadcrumbs{padding:10px 0;position:relative;z-index:1;clear:both;}
#breadcrumbs span{padding:0 10px 0 0;font-size:1em;}
:lang(en) #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 20px;font-weight:normal;background:url(../images/chevron-right-solid.svg)no-repeat right 55%;background-size:10px 10px;}
:lang(ar) #breadcrumbs div a{color:#000;text-decoration:none;margin-bottom:10px;font-size:1em;padding:10px 20px;font-weight:normal;background:url(../images/chevron-left-solid.svg)no-repeat left 55%;background-size:10px 10px;}
:lang(ar) #breadcrumbs a:last-child{padding-right:0;}
#breadcrumbs div a:first-child{padding:10px 15px 10px 0;}
:lang(ar) #breadcrumbs div a:first-child{padding:10px 0 10px 15px;}
#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:#055680;font-weight:bold;display:inline-block;}
:lang(en) #breadcrumbs div a:last-child{background:none;}

/*Table*/
table{width:100%;background-color:#fff;}
table thead{background-color:#055680;color:#fff;}
table thead tr th{padding:5px 8px;vertical-align:middle;border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff;}
table tbody tr{background-color:#f7f8f9;border:0;}
table tbody tr:nth-child(odd){background-color:#eceded;}
table tbody tr td,#inside-content table tbody tr th{padding:5px 8px;border:1px solid #fff;vertical-align:top;}
table tbody tr th{background-color:#0769ad;color:#fff;}
table tbody tr th div{margin:0 0 0 50px;padding:5px 0;display:inline-block;font-weight:bold;}
table tbody tr th div span{text-indent:-35px;display:inline-block;font-weight:bold;}
table tbody tr td div{margin:0 0 0 50px;padding:5px 0;display:inline-block;}
table tbody tr td div span{text-indent:-35px;display:inline-block;}
table tr th a{color:#fff;}

/*Events*/
#events .dateFilter{text-align:right;}
#events .goBtn{width:40px;height:40px;border:0;-webkit-appearance:none;background:url(/images/chevron-circle-right-solid.svg)no-repeat center center;background-size:55%;margin:0;text-indent:-9999px;}
#events h2{color:#055680;font-size:2em;display:inline-block;padding-top:0;}
#events form{float:right;}
#events table tr{padding:20px 0;display:block;}
#events table tr td{padding:10px 20px;vertical-align:top;display:block;width:100%;}
#events table tr td:last-child{border-bottom:1px solid #055680;}
#events table tr td:nth-child(1) div{background-color:#055680;color:#fff;font-size:1.2em;padding:20px;text-align:center;font-weight:bold;margin:0;width:150px;}
#events table tr td:nth-child(2) div{font-size:1.2em;font-weight:bold;padding-bottom:2em;margin-left:0;}
#events table tr td:nth-child(2) a{font-size:1em;font-weight:bold;color:#055680;vertical-align:middle;}
#events table tr td:nth-child(3){border-bottom:1px solid;text-align:center;}
#events table tr td:nth-child(3) a{font-weight:bold;color:#055680;padding-top:5px;display:block;text-align:center;}
#events table tr td:nth-child(3) img{max-width:initial;}
#events table tbody tr:nth-child(odd){background-color:transparent;}

/*Multimedia Gallery*/
#gallery table tr{padding:20px 0;display:block;}
#gallery table tr td{padding:10px 0;vertical-align:top;display:block;width:100%;}
#gallery table tr td:last-child{border-bottom:1px solid #055680;}
#gallery table tr td:nth-child(1) div{color:#055680;font-size:1.2em;font-weight:bold;margin:0;}
#gallery table tr td .videoGroup a{font-size:1em;font-weight:bold;color:#055680;vertical-align:middle;}
#gallery table tbody tr:nth-child(odd){background-color:transparent;}
#gallery table tbody tr td div,#gallery table tbody tr td div.videoGroup{margin:0;}

/*Welcome Message*/
.welcomeleft{padding:20px 30px;vertical-align:top;text-align:center;}
.welcomeleft span{font-weight:bold;display:block;}

/*Org*/
.chartScroll{max-width:1100px;overflow-x:auto;margin:0 auto;}
#chartImg{display:none;margin:0 auto;width:803px;}
#chartMobile{display:none;margin:0 auto;}
#chartMobile img{width:100%;}
#chart{margin:0 auto;}
#chart ol{list-style-type:none;padding:0;}
#chart ol li{margin-left:0;}
#chart div.chartLevel{text-align:center;background-color:#055680;padding:15px;}
#chart div.chartLevel img,div.chartLevel div{display:block;margin:0 auto;}
#chart div.chartLevel div span{color:#fff;display:block;text-align:center;}
#chart div.chartLevel div span:last-child{font-weight:bold;}
#chart div.chartLevel>div{display:inline-block;}
.rectangle{position:relative;}

/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1{width:30%;margin:0 auto 20px;}
.level-1::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:20px;background:#000;}

/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);text-align:left;}
.level-2-wrapper div.chartLevel,.level-2-wrapper div.chartLevel div span{text-align:left !important;}
.level-2-wrapper::before{content:"";position:absolute;top:0;left:225px;width:50%;height:2px;background:#000;}
.level-2-wrapper::after{display:none;content:"";position:absolute;left:-20px;bottom:-20px;width:calc(100% + 20px);height:2px;background:#000;}
.level-2-wrapper li{position:relative;}
.level-2-wrapper > li::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:2px;height:19px;background:#000;}
.level-2{width:50%;margin:0 auto 20px;}
.level-2::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:20px;background:#000;}
.level-2::after{display:none;content:"";position:absolute;top:50%;left:0%;transform:translate(-100%, -50%);width:20px;height:2px;background:#000;}
.level-2b{width:50%;margin:0 auto;}
.level-2b::after{display:none;content:"";position:absolute;top:50%;left:0%;transform:translate(-100%, -50%);width:20px;height:2px;background:#000;}

/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-2-wrapper{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:20px;width:90%;margin:0 auto;}
.level-3-2-wrapper::before{content:"";position:absolute;top:0;left:96px;width:213px;height:2px;background:#000;}
.level-3-2-wrapper > li::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, -100%);width:2px;height:19px;background:#000;}
.level-3-2{margin-bottom:20px;}


/*Sitemap*/
.sitemap{background-color:#38515e;color:#fff;padding:30px 0;margin-top:50px;}
.sitemap h1{color:#fff;text-align:left !important;}
:lang(ar) .sitemap h1{text-align:right !important;}
.sitemap .container{}
.sitemap .container a{color:#fff;}
.sitemap .container .left{margin:0;line-height:1.5em;vertical-align:top;text-align:left;}
.sitemap .container .left table{background-color:transparent;margin-top:2.7em;}
.sitemap .container .left table tbody tr:nth-child(odd){background-color:transparent;}
.sitemap .container .left table tbody tr{background-color:transparent;padding:0 !important;display:inherit !important;}
.sitemap .container .left table tbody tr td{border:0;text-align:left;padding:5px 8px !important;}
.sitemap .container .left table tbody tr td a{color:#fff !important;font-weight:normal !important;text-decoration:none !important;}
.sitemap .container .left table tbody tr td a:hover{text-decoration:underline !important;}
.sitemap .container .left table tr td:nth-child(2){border-bottom:0 !important;}
:lang(ar) .sitemap .container .left table tbody tr td{text-align:right;}
.sitemap .container .left .followus{padding-top:30px;margin:30px 0;text-align:left;}
:lang(ar) .sitemap .container .left .followus{text-align:right;}
.sitemap .container .left .followus>div{display:inline-block;padding-right:10px;text-align:center;}
.sitemap .container .left .followus>div a{display:block;}
.sitemap .container .right{vertical-align:top;font-size:0.9em;}
.sitemap .container .right ul{margin:0;padding-left:0;}
.sitemap .container .right ul li{list-style-type:none;}
.sitemap .container .right ul li .title{font-weight:bold;padding:1em 0 .5em 0;}
.sitemap .container .right ul li p{margin:0 0 .5em 0;}
.sitemap .container .right_ar ul li{list-style-type:none;}

/*Footer*/
.footer{background:#1c303b;height:100%;padding:20px 0;}
.footer a{text-decoration:none;color:#fff;}
.footer #backtotop a{color:#ccc;position:fixed;right:20px;bottom:10px;text-decoration:none;z-index:999;display:none;}
.footer div{max-width:1200px;margin:0 auto;position:relative;}
:lang(en) .footer div:first-child a{border-right:1px solid;padding-right:6px;}
:lang(ar) .footer div:first-child a{border-left:1px solid;padding-left:6px;}
:lang(en) .footer div:first-child li:last-child a{border-right:0;}
:lang(ar) .footer div:first-child li:last-child a{border-left:0;}
.footer div:first-child{display:block;position:relative;color:#fff;text-align:center;}
.footer div:first-child ul{margin:0;}
:lang(ar) .footer div:first-child ul{text-align:center;} 
.footer div:first-child ul li{position:relative;display:inline-block;line-height:1.2em;list-style:none;margin:0;}
.footer div:first-child p{text-align:center;margin:.5em 0;}

/*Search*/
:lang(en) #SearchBar_Input { display: block; width: 80%; float: left; }
:lang(ar) #SearchBar_Input { display: block; width: 80%; float: right; }
#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: 20px 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: 10px 0 20px; }
#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; }

@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; }
}

@media only screen and (min-width: 768px) {
	/*Search*/
	#SearchResult .Search_Related ul { height: 12em; }
}

@media all and (min-width:360px){
}
@media all and (min-width:375px){
}
@media all and (min-width:400px){
}
@media all and (min-width:414px){
}
@media all and (min-width:500px){
	#mobile-top .title img{width:300px;}
	#mobile-top ul{width:160px;right:0;top:0;}
	nav#menu{margin-top:64px;}
	.crossBtn{top:20px;}
	#mobile-top #searchInside,#mobile-top #langInside{padding:25px;}
}
@media all and (min-width:600px){
	/*background*/
	#keepInTouch{background:url('/images/footer/keep_in_touch.jpg')no-repeat;background-size:cover;height:285px;padding:23px 0;}
	#keepInTouch>div div{margin-left:50px;height:240px;}
	.keepInTouch_ar>div div{margin-right:50px;float:right;}
	
}
/*Tablet*/
@media all and (min-width:768px){

	/*Search*/
	#SearchResult .Search_Related ul{height:8em;}
}
/*Desktop*/
@media all and (min-width:1024px){
	/*Events*/
	#events table tr td{display:table-cell;width:auto;}
	#events table tr td:nth-child(2){border-bottom:1px solid #055680;width:100%;}
	#events table tr td:nth-child(3){text-align:left;}
	#events table tr td:nth-child(3) a{text-align:right;}

	/*Sitemap*/
	.sitemap .container{display:flex;justify-content:space-between;}
	.sitemap .container .left{width:33%;margin:0 30px 0 0;line-height:1.5em;vertical-align:top;text-align:center;}
	:lang(ar) .sitemap .container .left{width:33%;margin:0 0 0 30px;line-height:1.5em;vertical-align:top;text-align:left;}
	.sitemap .container .left p{text-align:left;}
	:lang(ar) .sitemap .container .left p{text-align:right;}
	.sitemap .container .left .followus{padding-top:30px;margin:30px 0;text-align:left;}
	.sitemap .container .left .followus>div{display:inline-block;padding-right:10px;text-align:center;}
	.sitemap .container .right{vertical-align:top;font-size:0.9em;width:67%;}
	.sitemap .container .right ul{margin:0;display:flex;justify-content:space-between;}
	.sitemap .container .right ul li{list-style-type:none;width:50%;padding-left:90px;}
	
	.sitemap .container .left_ar{width:33%;margin:0 30px 0 0;line-height:1.5em;vertical-align:top;text-align:center;}
	.sitemap .container .left_ar .followus{padding-top:30px;margin:30px 0;text-align:right;}
	.sitemap .container .left_ar .followus>div{display:inline-block;padding-right:10px;text-align:center;}
	.sitemap .container .right_ar{vertical-align:top;font-size:0.9em;width:67%;}
	.sitemap .container .right_ar ul{margin:0;display:flex;justify-content:space-between;}
	.sitemap .container .right_ar ul li{list-style-type:none;width:50%;padding-left:90px;}
	:lang(ar) .sitemap .container .right_ar ul li{list-style-type:none;width:50%;padding-left:0;padding-right:60px;}
}
@media all and (min-width:1201px){
	/*Banner*/
	.banner{margin:172px 0 0;}
	.banner .rslides{margin-top:0;}
	
	/*TopBar*/
	nav#menu{display:none !important;}
	body{overflow:initial !important;}
	#desktop-top{display:block;position:fixed;z-index:100;width:100%;top:0;}
	#desktop-top .container ul:first-child{margin:0;}
	#mobile-top{display:none;}
	#desktop-top .title{display:inline-block;}
	#desktop-top .title img{margin-right:10px;}
	#desktop-top .title a{text-decoration:none;color:#000;display:block;padding:0 20px;}
	#desktop-top .title a span{text-decoration:none;color:#000;font-weight:bold;font-size:1.125em;display:block;margin-top:30px;font-family:Arial;line-height:1.2em;}
	#desktop-top .title a span span{font-size:0.75em;margin-top:0}
	#desktop-top .topMenu{}
	#desktop-top .topMenu>ul{margin:0;display:flex;justify-content:space-between;}
	#desktop-top .toolBar{margin:16px 20px 0 0;display:inline-block;text-align:right;vertical-align:top;z-index:10;font-size:0.9375em;font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;}
	#desktop-top .toolBar a{color:#000;}
	#desktop-top div.lang{border:1px solid #aaa;position:absolute;background-color:#fff;z-index:100;right:288px;top:85px;display:none;}
	#desktop-top div.lang a{display:block;padding:5px;}
	#desktop-top .toolBar>ul{display:block;left:0;}
	#desktop-top .toolBar ul{z-index:10;margin-left:0;}
	#desktop-top .toolBar ul li{display:inline-block;padding:5px 10px 5px 0;vertical-align:top;}
	#desktop-top .toolBar div.search{margin-right:10px;display:block;}
	#desktop-top .toolBar div.search a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;float:left;}
	#desktop-top .toolBar ul li a.fa-print,#desktop-top .toolBar ul li a.fa-share-alt,.fa-globe{font-size:1.25em;}
	#desktop-top .toolBar ul li a:hover{text-decoration:none;}
	#desktop-top .toolBar ul li a.fa-print:before,#desktop-top .toolBar ul li a.fa-share-alt,.fa-globe:before{font-size:1.25em;}
	#desktop-top .toolBar ul li:nth-child(2) a.orange{color:#a7640c;}
	#desktop-top .toolBar ul li .dropdown-content{background-color:#9f1801;top:0;z-index:100;position:absolute;margin:40px 0 0 0;list-style:none;box-sizing:border-box;display:none;}
	#desktop-top .toolBar ul li.open .dropdown-content{padding:20px 0;background-color:#9f1801;top:0;z-index:100;position:absolute;margin:40px 0 0 0;list-style:none;box-sizing:border-box;display:block;width:200px;}
	#desktop-top .toolBar ul li.open:nth-child(1) .dropdown-content{left:-55px;}
	#desktop-top .toolBar ul li.open:nth-child(2) .dropdown-content{left:-26px;}
	#desktop-top .toolBar ul li.open:nth-child(3) .dropdown-content{left:-53px;}
	#desktop-top .toolBar ul li.open:nth-child(4) .dropdown-content{left:-43px;}
	#desktop-top .toolBar ul li.open:nth-child(5) .dropdown-content{left:-58px;}
	#desktop-top .toolBar ul li.open .dropdown-content::before{content:'';position:absolute;left:35%;top:-8px;bottom:-22px;width:0;height:0;border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid #9f1801;}
	#desktop-top .toolBar ul li.closesub .dropdown-content{background-color:#9f1801;top:0;z-index:100;position:absolute;margin:40px 0 0 0;list-style:none;box-sizing:border-box;display:none;}
	#desktop-top .toolBar ul li .activeUl{display:block;}
	#desktop-top .toolBar ul li .dropdown-content li{background-color:#9f1801;text-align:left;display:block;padding:0;}
	#desktop-top .toolBar ul li .dropdown-content li a{text-decoration:none;color:#fff;font-weight:normal;display:block;padding:5px 20px;}
	#desktop-top .toolBar ul li .dropdown-content li a:hover{background-color:#530e02;}
	#desktop-top .tMenu2{z-index:10;margin:0;background-color:#055680;text-align:center;padding:0;}
	#desktop-top .tMenu2 li{margin:0;display:inline-block;}
	#desktop-top .tMenu2 li ul{display:none;}
	#desktop-top .tMenu2 li ul li{display:block;}
	#desktop-top .tMenu2 li ul li a{color:#fff;font-weight:normal;padding:10px 20px;}
	#desktop-top .tMenu2>li.open ul{display:block;position:absolute;background-color:#1b76a5;margin:0;text-align:left;padding-left:0;}
	#desktop-top .tMenu2 li a{font-weight:bold;color:#fff;padding:20px 10px;display:block;font-size:.95em;}
	#desktop-top .tMenu2 li a:hover{text-decoration:none;}
	#desktop-top .tMenu2 li .dropdown-content{background-color:#e3e3e3;z-index:100;position:absolute;box-sizing:border-box;}
	#desktop-top .tMenu2 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 .tMenu2 li .dropdown-content li{text-align:left;width:250px;list-style-type:none;background-color:#e3e3e3;}
	#desktop-top .tMenu2 li .dropdown-content li a{font-size:1.2em;text-decoration:none;color:#ae1106;padding:5px 25px 5px 40px;display:block;font-weight:normal;}
	#desktop-top .tMenu2 li .dropdown-content li:hover ul{display:block;top:33px;}
	#desktop-top .tMenu2 li .dropdown-content>li a:hover{color:#fff;padding:5px 25px 5px 40px;display:block;font-weight:normal;}
	#desktop-top .tMenu2 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;}
	
	/*Landing*/
	.whatsnew h2{padding-top:0;}
	.whatsnew ul li{display:flex;justify-content:space-between;}
	.whatsnew ul li:nth-child(even) .left{display:none;}
	.whatsnew ul li:nth-child(even) div{width:60%;padding:10px 0 10px 80px;}
	.whatsnew ul li:nth-child(even) div:nth-child(3){width:40%;text-align:right;}
	.whatsnew ul li:nth-child(even) .right{padding:10px 80px 10px 0;display:block;}
	.whatsnew ul li:nth-child(odd) .right{display:none;}
	.whatsnew ul li:nth-child(odd) div{width:60%;padding:10px 80px 10px 0;}
	.whatsnew ul li:nth-child(odd) div:first-child{width:40%;text-align:left;}
	.whatsnew ul li:nth-child(odd) .left{padding:10px 0 10px 80px;}
	.whatsnew ul li.full div{width:100% !important;padding:10px 80px;}
	
	/*Contact*/
	.contact li{width:45%;padding-right:20px;}
	.contact li:last-child{padding-left:80px;}
	.contact li .followus>div{padding-right:10px;}

	/*Welcome Message*/
	.welcomeleft{display:inline-block;width:280px;}
	.welcomeright{display:inline-block;width:calc(100% - 300px);}
}

@media all and (min-width:1401px){
	
}
@media all and (min-width:1506px){
}
@media print{
	#skiplinkHolder,#menu{display:none;}
	
}


#slideControl{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: -120px;
	position: absolute;
}


#slideControl button{
	border-radius: 10%;
	background-color: rgb(255, 255, 255 , 0.6) ;
	z-index: 2;
	padding: 0;
	width: 40px;
	height: 40px;
	text-align: center;
}

#slideControl button img{
	width: 90%;
	height: 90%
}
