@charset "utf-8";


@import url(font-awesome/css/font-awesome.min.css);
@font-face {
    font-family: "icomoon";
    src: url("icomoon.woff") format('woff');
}
@font-face {
    font-family: "MinionPro-Bold_0";
    src: url("../fonts/MinionPro-Bold_0.otf");
}

@font-face {
    font-family: "MinionPro-Regular_0";
    src: url("../fonts/MinionPro-Regular_0.otf");
}


.login_box .right_icon img{
    width: 20px !important;
    height: 20px !important;
    padding-top: 0px !important 
}
section#announcement div.description {
    text-align: center;
}
.pr_table{
    line-height: 1;
}
.pr_table tr td{
    padding: 5px;
    border: 1px solid #000000;

}

@media only screen and (max-width: 425px){
    .pr_table tr td{
        font-size: 9px;
    }
}
.title_detail div {
    margin-bottom: 10px;
        display: inline-block;
    width: 50%;
    float: left;
    padding-top: 10px;
}
.title_detail {
    border: 1px solid #FFA200;
    overflow: hidden;
    padding: 10px;
    background: #F0F7FE;
}
.title_box {
    padding: 10px;
 
    overflow: hidden;
}
.title_name{
    text-align: center;
    background-color: #FFA200;
    color: white;
    padding: 5px;
    
}
#mainBackGround img {
    height: 100%;
}
.important_item:nth-last-of-type(2),.important_item:nth-last-of-type(1) {
    border-bottom: none;
}
.important_item:nth-child(odd) {
    border-right: none;
}

.important_item:nth-child(even) {
    border-left: none;
}
@media(min-width: 456px){
    .break_line_m{
        display: none;
    }
}
@media(max-width:455px){
    .break_line_m{
    display: block;
    height: 3px;
    }
}
@media(min-width: 497px){
    .break_line{
        display: none;
    }
}
@media(max-width:497px){
    .break_line{
    display: block;
    height: 3px;
    }
}
div#landingContainer {
    padding: 15px !important;
    overflow: hidden !important;
    max-width: 980px !important;
    margin: auto !important;
    padding-bottom: 0px !important;
}
/*body#adminStyle1 #menuSlide #menuItem h3:last-of-type {
    padding-bottom: 0px !important;
}*/
a {
    -webkit-tap-highlight-color: transparent;
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
section#important_item_menu {
    background: #3D9B47;
    overflow: hidden;
    border: 1px solid white;
}
.important_item {
    color: white;
    display: block;
    width: 50% !important;
    float: left;
    text-align: center;
    padding: 10px 20px;
    font-size: 1.3rem;
    border: 1px solid white;
}
.right_text{
    display: inline-block !important;
    width: calc(100% - 70px) !important;
    line-height: 20px !important;
    vertical-align: super;
}
.bullet{
    margin-right: 5px;
}
.skip_line{
    width: 100%; height: 10px;
}
.lv1_item_arrow{
    display: inline-block;
    width: 8px;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 5px;
}
.sub_menu_arrow{
    display: inline-block;margin-right: 5px; width: 8px;
}
.menu_only_title{
    padding-left: 10px;
    padding-right: 10px;
}
.menu_sup_title{
    /*font-family: "MinionPro-Regular_0";*/
    padding: 5px 10px;
    font-weight: bold;
}
.menu_lv1{
    padding-left: 0px !important;
    width: 89%;
   /* font-weight: bold;*/
}
.m_menu_sub_title{
    padding: 10px;
    list-style: none;
    text-align: left;
    background-image: url(http://www.ouhk.edu.hk/images/2014_10/blue_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
}
.radial-menu {
  z-index: 20;
}
#window_mask{
    top: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: 8;
    left: 0px !important;

}
.menu-item1,.menu-item2,.menu-item3,.menu-item4 {
   
    width: 30px;
    height: 30px !important;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: white;
    font-weight: 400;
    top: 25px;
    right: calc(5% + 1px);
    z-index: 19;
    transition: all 400ms cubic-bezier(.42, 0, .58, 1);
    position: absolute;
}
.mobile_more_item{
    font-size: 0.5rem;
    text-align: right;
}
.mobile_news_item{
    font-size: 1rem;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid;
}
#mobile_title_content{
    background-image: url(http://www.ouhk.edu.hk/images/2014_10/slide_title_bg_ASS.png);
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    padding: 12px;
    background-size: cover;
}

#mobile_title{
    display: none;
    background-image: url(http://www.ouhk.edu.hk/images/2014_10/slide_title_bg_ASS.png);
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    padding: 12px;
    background-size: cover;
}
.slides li {
    width: 100%;
    list-style: none;
    display: inline-block;
}
 .flexslider_edit{
    width: calc(980px - 259px)!important;
    overflow: hidden;
 }
 .slides li img {
    width: 100%;
}
@media (min-width:980px){
    #calendar_YSD{
        padding: 15px
        width: 239px !important;
         background: transparent;
         display: inline-block;
          margin-top: 15px;  
    }
    section#important_item_menu{
        display: none;
    }
}
@media (max-width:980px){
     section#important_item_menu{
        display: block;
    }
    #calendar_YSD img {
         width: calc(100% - 30px);
    }
    #calendar_YSD{
         width: 100% !important;
         margin-top: 15px;  
    }
    #mobile_title{
        display: block;
    }
     .slideBanner{
        display: none;
     }
     .flexslider_edit{
        margin:0px !important;
        width: 100% !important;
     }


}
#lang_menu{
    background: #e9e9e9;
    display: none;
}
.lang_item a:link,.lang_item a:visited,.lang_item a {
    color: #194b76 !important;
    font-size: 1.5rem;
}
.lang_item{
    margin:20px;
    text-decoration: none !important;

    color: #194b76 !important;
    display: block;
    text-align: center;
}
#menu_btn{
     left: 5%;
    position: fixed;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
}
#lang_btn{
    right: 5%;
    position: fixed;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
        background-color: transparent;
    background-image: url(../image/icon-lang.svg);
    display: inline-block;
    float: right;
}
#highlight ul li div{
    border-right: 16px solid #002a7a !important;
}

ol.flex-control-nav.flex-control-paging {
    display: none;
}
#f_bottom_icon_bar{ display: inline-block; }
#f_bottom_icon_bar img{
    display: inline-block;
}

input{
    background-color: transparent;
}
a:hover, a:focus, a {
    text-decoration: none !important;
}
input::-moz-placeholder {
  color: darkgray;
}
input::placeholder {
  color: darkgray;
}
div#scroll_more_bar {
    position: absolute;
    text-align: center;
    width: 100%;
    background: #1aae48;
    bottom: 65px;
    line-height: 1.5
}
.bottom_item{
    margin-top: 10px;
    color: white;
    height: 100%;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    line-height: 0px;
}
#bottom_menu{

    height: 65px;
    background-color: #194b76;
}
#additional_list{
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
    color: #51A559;
    font-weight: bold;
}
.additional_item {
  
    vertical-align: middle;
    display: inline-block;
    font-size: 1.3rem;
    padding: 1rem 0 1rem 0;
    width: 45%;
    }
#menuSlide{

}
#icon_list{
    background: #C1C1C1;
	text-align: center;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: calc(1rem + 10px) 0rem;

}
.icon {
    margin: 1%;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: center;
    font-size: 1rem;

}
.b_icon1:before {
    content: " ";
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../image/icon-home.svg);
}
.b_icon2:before {
   content: " ";
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../image/icon-fb.svg);
}
.b_icon3:before {
    content: " ";
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../image/icon-youtube.svg);
}
.b_icon4:before {
   content: " ";
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../image/icon-contact.svg);
}
.icon1:before {
    content: " ";
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../image/icon-weather.svg);
}
.icon2:before {
     content: " ";
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../image/icon-campus-location.svg);
}
.icon3:before {
     content: " ";
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../image/icon-giving_2.svg);
}
.icon4:before {
    content: " ";
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../image/icon-job.svg);
}
.icon5:before {
     content: " ";
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../image/icon-contact.svg);
}

.search{
    font-family: 'icomoon';
}
.search:before{
   
    position: relative;
    content: " ";
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    padding-top: 10p;
    display: inline-block;
    background-image: url(../image/btn-search.svg);
    top: 4px;
}
.bottom_icon_img{    
    margin-bottom: 10px;
    font-size: 1.7rem;
    text-align: center;
    display: block;
    font-family: "icomoon";
}
.icon_img{
	
    margin-bottom: 10px;
    font-size: 2.8rem;
    text-align: center;
    display: block;
    font-family: "icomoon";
}
*{
	outline: none;
}
div#menuItem {
padding: 1rem;
        background-color: #00A1F9;
}
div#search_bar {
    
    background: #e9e9e9;
    padding: 10px;
    font-size: 1.15rem;
    font-family: 'icomoon';
    color: darkgray;
    line-height: 30px;
    padding-left: 20px;
    font-weight: bold;
}
#additional_line{
    color:white;
    /*color: #194b76;*/
    font-size: .875rem;
    letter-spacing: 1px;
    overflow: hidden;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}
#additional_line:before ,#additional_line:after{
    background-color: white;
    /*background-color: #194b76;*/
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: calc((100% - 222px) / 2);
    margin: 15px;
}
span#torero_line {
    color:white;
    /*color: #194b76;*/
    font-size: .875rem;
    letter-spacing: 1px;
    overflow: hidden;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}
span#torero_line:before ,span#torero_line:after{
    background-color: white;
    /*background-color: #194b76;*/
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: calc((100% - 163px) / 2);
    margin:15px;
}

body#adminStyle1  #backToTop{left:auto;right:0px;}
body#adminStyle1  .fa-close{cursor:pointer;top:10px;right:10px;z-index:10;position:absolute;}
body#adminStyle1  .fa-close:before{color:#fff;font-size:30px;}
body#adminStyle1  i.fa-search{cursor:pointer;padding-left:10px;display:inline-block;}
body#adminStyle1  i.fa-search:before{color:#006699;}
body#adminStyle1 #headContainer{display:none;}
body#adminStyle1 #bodyContainer #Content div{width:auto;margin:0;}
body.mobile .animated{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important;}
body#adminStyle1 #headContainerMobile{
    width: 100% !important;
    z-index:14;min-height:75px;position:fixed;top:0;left:0;width:100%;margin:0;background-color:white;}
body#adminStyle1 #headContainerMobile.fixed,.defaultFixed{}
body#adminStyle1 #headContainerMobile .fa-home:before{font-size:150%;}
body#adminStyle1 #headContainerMobile .fa-navicon:before{font-size:28px;line-height: 75px;color: #194b76;}
body#adminStyle1 #headContainerMobile #logo{padding:0px;position:relative;}
body#adminStyle1 #headContainerMobile #logo a{height:75px;}
body#adminStyle1 #headContainerMobile #logo img{background-color:rgba(255,255,255,0.8);}
body#adminStyle1 #headContainerMobile #menu{
    
    position: absolute;
    right: 10px;
    height: 75px;
    top: 0px;
    padding-top: 23px;}
body#adminStyle1 #headContainerMobile #menu a{padding:0 5px;color:#194b76;}
body#adminStyle1 #headContainerMobile #menu span a{display:inline-block;}
body#adminStyle1 #headContainerMobile #menu span a:last-child {border-right:0;}
body#adminStyle1 #headContainerMobile input#keyword{height:25px;width:200px;font-size:14px;display:inline-block;}
body#adminStyle1 .adminStyle1{margin:20px auto 0 auto;height:initial !important;}
body#adminStyle1 #bodyContainer{min-width:0;}
body#adminStyle1 #bodyContainer #Content{padding:0;}
body#adminStyle1 #bodyContainer #Content div.flexslider{float:right;width:73.6%;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary div.flexslider{float:none;width:200px;}
body#adminStyle1 #bodyContainer #Content div.slideBanner{float:left;width:26.4%;position:relative;}
body#adminStyle1 #bodyContainer #Content div.slideBanner img{width:100%;}
body#adminStyle1 #bodyContainer #Content div.slideBanner div{display:none;}
body#adminStyle1 #bodyContainer #Content #leftMenu>ul{display:none;}
body#adminStyle1 #bodyContainer #Content #rightContent{margin:0 auto;display:block;}
body#adminStyle1 #bodyContainer #Content #rightContent #nav{display:none;}
body#adminStyle1 #bodyContainer .bgColor>div{background-color:#fff;margin:10px auto 0;position:relative;}
body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner{color:#fff;background:url('../images/inside/bannerBg.jpg')repeat-y;margin:0;}
body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner h1{padding:0 0 0 25px;font-size:180%;}
body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner img{display:none;}
body#adminStyle1 #bodyContainer #Content #rightContent #inside{margin:10px 30px;text-align:justify;}
body#adminStyle1 #bodyContainer #Content #rightContent #inside p{margin:1em 0;}
body#adminStyle1 #bodyContainer #Content #rightContent #inside p a{color:#0000ff;font-weight:normal;text-decoration:underline;}
body#adminStyle1 #bodyContainer #Content #rightContent #inside img{display:inline;}
body#adminStyle1 #bodyContainer #Content #rightContent #inside table{display:inline-table;}
body#adminStyle1 #bodyContainer #Content #rightContent2{margin:0 auto;display:block;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #nav{display:none;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner{color:#fff;background:url('../images/inside/bannerBgSing.jpg')repeat-y;margin:0;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner h1{padding:0 0 0 25px;font-size:180%;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner img{display:none;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #inside{margin:10px 30px;text-align:justify;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #inside p{margin:1em 0;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #inside img{display:inline;}
body#adminStyle1 #bodyContainer #Content #rightContent2 #inside table{display:inline-table;}
/*
body#adminStyle1 #bodyContainer #Content #rightContent2 #inside p a{color:#cc33ff;font-weight:bold;text-decoration:underline;}
*/
body#adminStyle1 #bodyContainer #Content .announcementNotice{margin:30px;background-color:#e5e7e9;}
body#adminStyle1 #bodyContainer #Content .announcementNotice img{}
body#adminStyle1 #bodyContainer #Content .announcementNotice div{color:#000;padding:10px;vertical-align:top;margin:0;}
body#adminStyle1 #bodyContainer #Content .announcementNotice span{font-weight:bold;color:#fc0606;display:block;margin-bottom:10px;}

body#adminStyle1 #bodyContainer #Content section#whatsNew.design{display:none;}
body#adminStyle1 #bodyContainer #Content section#whatsNew{display:inline-block;vertical-align:top;background-color:#fff;margin:0;margin:15px 0px;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .header{color:#009966;font-size:150%;float:left;margin:0;padding:10px;border-top:15px solid #009966;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .header span{font-size:250%;}
body#adminStyle1 #bodyContainer #Content section#whatsNew div{margin:0;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside{padding:0 15px;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div:nth-child(n){display:block;border-top:none;padding:6px 0;font-size:102%;font-weight:bold;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div:nth-child(n+2){display:block;border-top:1px solid #000;padding:6px 0;font-size:102%;font-weight:bold;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div a{word-break: normal;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div:nth-last-child(1){display:block;border-top:none;padding:6px 0;font-size:102%;font-weight:bold;}

body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div span{display:none;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div span div{font-weight:normal;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside .showAll{border-top:0;padding:0 0 10px 0;}
body#adminStyle1 #bodyContainer #Content section#whatsNew .inside .showAll a{float:right;text-decoration:underline;color:#000;}
body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1 .inside,body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1 .inside div{width:initial;clear:both;}

body#adminStyle1 #bodyContainer #Content section#announcement{display:inline-block;vertical-align:top;background-color:#fff;margin:0;margin:15px 0px;}
body#adminStyle1 #bodyContainer #Content section#announcement .header{color:#666;font-size:155%;float:left;margin:0;padding:10px;border-top:15px solid #426abb;}
body#adminStyle1 #bodyContainer #Content section#announcement div {margin:0;overflow:inherit;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li{vertical-align:top;list-style-type:none;display:block;padding:10px;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li:last-child{padding:10px;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li span{display:block;font-weight:bold;font-size:102%;margin-bottom:5px;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li div{width:100%;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside .showAll{border-top:0;padding:0 0 10px 0;}
body#adminStyle1 #bodyContainer #Content section#announcement .inside .showAll a{float:right;text-decoration:underline;color:#000;font-weight:bold;}

body#adminStyle1 #bodyContainer #Content section#staticContent{display:inline-block;vertical-align:top;background-color:#fff;margin:0;margin:15px;}
body#adminStyle1 #bodyContainer #Content section#staticContent .header{color:#666;font-size:155%;margin:0;padding:10px;border-top:15px solid #426abb;}
body#adminStyle1 #bodyContainer #Content section#staticContent div {margin:0;overflow:inherit;}
body#adminStyle1 #bodyContainer #Content section#staticContent .inside ul li{vertical-align:top;padding:10px;}
body#adminStyle1 #bodyContainer #Content section#staticContent .inside ul li:last-child{padding:30px;}
body#adminStyle1 #bodyContainer #Content section#staticContent .inside ul li span{display:block;font-weight:bold;font-size:102%;margin-bottom:5px;}
body#adminStyle1 #bodyContainer #Content section#staticContent .inside ul li div{width:100%;}

body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary{display:inline-block;background-color:#fff;margin:15px;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary .header{color:#666;font-size:155%;margin:0;padding:10px;background-color:#fae2d7;border-top:15px solid #ec6c2c;position:relative;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary .header a{color:#000;font-size:48%;position:absolute;top:5px;right:5px;}

body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar a{text-decoration:none;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar h2{font-size:19px;line-height:20px;color:#666;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar h3{font-size:24px;line-height:24px;margin:5px 0;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar table{border-spacing:0;margin:0 auto;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-next-button{margin-left:0;float:right;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-center{margin:8px 0;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-time,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-title{display:none;}

body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar{display:inline-block;background-color:#fff;margin:15px;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .header{color:#666;font-size:155%;float:left;margin:0;padding:10px;background-color:#fae2d7;border-top:15px solid #ec6c2c;position:relative;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .header a{color:#000;font-size:48%;position:absolute;top:5px;right:5px;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar div{margin:0 auto;overflow:inherit;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-toolbar,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-center,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-view-container,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-viewbody,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-basic-view,#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-widget-header,#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-scroller,#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-widget-headerbody#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-view,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-day-grid,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-row,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-bg,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-content-skeleton,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar table,body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-day-grid-container{width:100%;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar #fullCalModal{width:100%;}
body#adminStyle1 #bodyContainer #Content section#calendar .modal-dialog{margin:0 auto;padding-top:60px;}
body#adminStyle1 #bodyContainer #Content section#calendar .modal-dialog td{word-wrap:break-word;vertical-align:top;padding:5px;}
body#adminStyle1 #bodyContainer #Content section#calendar .modal-dialog div{margin:0 auto !important;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar h2{margin:4px 0;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar  #modalBody tr td:first-child{font-weight:bold;padding-right:10px;vertical-align:top;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar  .fc-basic-view .fc-body .fc-row{min-height:3em !important;}
.fc-basic-view .fc-body .fc-row{min-height:2.9em !important;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-scroller{height:inherit !important;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-center{position:relative;}
body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar .fc-center h2{position:absolute;text-align:center;width:100%;}

body#adminStyle1 #bodyContainer #Content #rightContent section#calendar{display:block;width:initial;margin:15px;background-color:#fff;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .header{color:#666;font-size:155%;margin:0;padding:10px;background-color:#fae2d7;border-top:15px solid #ec6c2c;width:initial;float:initial;}

body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar{padding:10px;width:initial;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar div{margin:0;width:inherit;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .fc-view-container,body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .fc-basic-view{overflow:visible;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-toolbar{margin:10px;position:relative;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-left{position:relative;margin-top:29px;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-right{position:relative;margin-top:10px;float:left;clear:both;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-center{position:absolute;left:0;color:#666;}
/*body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-time-grid-container{overflow:scroll;}*/
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar div{overflow:visible;}
body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar div.fc-content{overflow:hidden;}
body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar div{overflow:visible;}
body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar div.fc-content{overflow:hidden;}

body#adminStyle1 #bodyContainer #Content section#highlight{color:#065484;font-size:120%;}
body#adminStyle1 #bodyContainer #Content section#highlight div{margin:0;}
body#adminStyle1 #bodyContainer #Content section#highlight ul{text-align:center;}
body#adminStyle1 #bodyContainer #Content section#highlight ul li{vertical-align:top;width:216px;display:inline-block;margin:15px 16px;}
body#adminStyle1 #bodyContainer #Content section#highlight ul li>div{border-right:5px solid #003e15;width:216px;background-color:#fff;}
body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a{padding:10px;width:196px;height:90px;display:block;color:#003e15;position:relative;text-align:left;}
body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a:hover{text-decoration:none;}
body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a i{float:right;position:absolute;right:10px;top:10px;}
body#adminStyle1 #tailContainer{display:none;}
body#adminStyle1 #copyRight{background-color:#1e6087;color:#fff;line-height:2em;padding:10px;min-width:inherit;}
body#adminStyle1 #copyRight a{color:#fff !important;}
@media (max-width: 980px){
    body#adminStyle1 #copyRight .content{display: block;}
}
body#adminStyle1 #copyRight .content{width:auto;text-align:center;font-size: 13px;}
body#adminStyle1 #copyRight #copyRightR{padding-top:15px;}

body#adminStyle1 #menuSlide{
    position: absolute;
    background-color: #C1C1C1;
    z-index: 1000;
    color: #fff;
    top: 0;
    font-size: 14px;
    right: 0;
    font-size: 14px;
    display: none;}
body#adminStyle1 #menuSlide .fa-chevron-circle-right{color:#fff;text-decoration:none;padding-top:10px;}
body#adminStyle1 #menuSlide .fa-chevron-circle-right:before{margin-left:10px;font-size:35px;}

body#adminStyle1 #menuSlide #menuItem h3{
  /*  font-family: "MinionPro-Bold_0";*/
    padding: 10px;
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
 }

body#adminStyle1 #menuSlide .style1 a{color:#9628d7;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#f7ecfd;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style2 a{color:#739e33;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#e4edd8;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style3 a{color:#715be4;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#e4e0f9;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style4 a{color:#4e77c7;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#dfe6f6;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style5 a{color:#43a096;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#ddedec;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style6 a{color:#003e15;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#dbf1e4;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style7 a{color:#d86e22;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#f7e4d6;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style8 a{color:#f70909;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#fee9e8;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style9 a{color:#58ca01;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#e1f5d0;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style10 a{color:#481b5c;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#ebe5ef;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style11 a{color:#08b6cf;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#d2f1f6;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style12 a{color:#a9aa28;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#efefd7;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style13 a{color:#987523;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#ece5d5;font-size:1.17em;font-weight:bold;}
body#adminStyle1 #menuSlide .style14 a{color:#f44818;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#ffe8e2;font-size:1.17em;font-weight:bold;}
/*
body#adminStyle1 #menuSlide h3 a{color:#999;padding:10px;display:block;border-top:.5px solid #999;border-bottom:.5px solid #999;background-color:#eee;}
*/
body#adminStyle1 #menuSlide h3 a{color:#999;display:block;background-color:#eee;}
body#adminStyle1 #menuSlide #menuItem ul{margin:0;padding:0;}
body#adminStyle1 #menuSlide #menuItem li{list-style-type:none;}
body#adminStyle1 #menuSlide #menuItem li.itempad{padding-left: 10px;}
body#adminStyle1 #menuSlide #menuItem a{color:white/*color:#badef4*/;padding: 5px;
    padding-left: 23px;;display:inline-block;/*font-family: "MinionPro-Regular_0"*/;}

@media only screen and (min-width:375px){
	body#adminStyle1 #bodyContainer #Content section#highlight ul li{width:155px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div{width:155px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div img{width:155px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a{width:135px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+0){margin:15px 0 0px 10px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+1){margin:15px 10px 0px 0;margin-left: -12px}
	body#adminStyle1 #bodyContainer #Content section#highlight ul{text-align:center;}
}
@media only screen and (min-width:401px){
	body#adminStyle1 #bodyContainer #Content section#highlight ul li{width:165px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div{width:165px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div img{width:165px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a{width:145px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+0){margin:15px 0 0px 10px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+1){margin:15px 10px 0px 0;margin-left: -12px}
	body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li{display:inline-block;}
	body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li:last-child{padding:10px 10px 10px 0;}
	/*body#adminStyle1 #headContainerMobile #logo img{width:163px;background-color:rgba(255,255,255,0.8);}*/
	body#adminStyle1 #bodyContainer #Content section#highlight ul{text-align:center;}
}

@media only screen and (min-width:520px){
	body#adminStyle1 #bodyContainer #Content section#highlight ul li{width:216px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div{width:216px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div img{width:216px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li>div>a{width:196px;}
	/*
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+0){margin:15px 16px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+1){margin:15px 16px;}
	*/
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+0){margin:15px 16px 0 16px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(2n+1){margin:15px 12px 0 12px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul{text-align:center;}
}
@media only screen and (min-width:980px){
    #f_bottom_icon_bar{  display: none !important; }
	body#adminStyle1 #menuSlide{display:none;}
	body#adminStyle1 #backToTop{right:0;}
	body#adminStyle1 #bodyContainer{min-width:980px;}
	body#adminStyle1 #bodyContainer #Content{padding-top:176px;}
	/*body#adminStyle1 #bodyContainer #Content div{width:980px;margin:0 auto;}*/
	body#adminStyle1 #headContainer{display:block;}
	body#adminStyle1 #bodyContainer #Content div.flexslider{width:721px;}
	/*
	body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary div.flexslider{width:200px;}
	*/
	body#adminStyle1 #bodyContainer #Content div.slideBanner{width:259px;}
	body#adminStyle1 #bodyContainer #Content div.slideBanner div{position:absolute;bottom:20px;left:20px;display:block;}
	body#adminStyle1 #bodyContainer #Content div.slideBanner div a{color:#64267f;font-weight:bold;margin:0 20px;}
	body#adminStyle1 #headContainerMobile{display:none;}
	body#adminStyle1 #headContainer .fa-home:before{font-size:150%;}
	body#adminStyle1 #headContainer .bottom#style1{background-color:#9628d7;}
	body#adminStyle1 #headContainer .bottom#style2{background-color:#739e33;}
	body#adminStyle1 #headContainer .bottom#style3{background-color:#715be4;}
	body#adminStyle1 #headContainer .bottom#style4{background-color:#4e77c7;}
	body#adminStyle1 #headContainer .bottom#style5{background-color:#43a096;}
	body#adminStyle1 #headContainer .bottom#style6{background-color:#003e15;}
	body#adminStyle1 #headContainer .bottom#style7{background-color:#d86e22;}
	body#adminStyle1 #headContainer .bottom#style8{background-color:#f70909;}
	body#adminStyle1 #headContainer .bottom#style9{background-color:#58ca01;}
	/*body#adminStyle1 #headContainer .bottom#style10{background-color:#7408d0;}*/
	body#adminStyle1 #headContainer .bottom#style10{background-color:#481b5c;}
	body#adminStyle1 #headContainer .bottom#style11{background-color:#08b6cf;}
	body#adminStyle1 #headContainer .bottom#style12{background-color:#a9aa28;}
	body#adminStyle1 #headContainer .bottom#style13{background-color:#987523;}
	body#adminStyle1 #headContainer .bottom#style14{background-color:#f44818;}
	body#adminStyle1 #headContainer .bottom li{padding:0 16px;}
	body#adminStyle1 #headContainer .bottom li p a{font-family:Arial;font-size:100%;color:#fff;}
	body#adminStyle1 #headContainer .bottom li:hover,body#adminStyle1 #headContainer .bottom li p:hover,body#adminStyle1 #headContainer .bottom li p A:hover{color:#9628d6 !important;}
	
	body#adminStyle1 #bodyContainer #Content section#whatsNew.design{display:block;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew{margin:15px 3px 0 3px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1{width:239px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1 .header{width:219px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1 .inside,body#adminStyle1 #bodyContainer #Content section#whatsNew.width-1 .inside div{width:209px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-2{width:484px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-2 .header{width:464px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-2 .inside,body#adminStyle1 #bodyContainer #Content section#whatsNew.width-2 .inside div{width:454px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-3{width:729px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-3 .header{width:709px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-3 .inside,body#adminStyle1 #bodyContainer #Content section#whatsNew.width-3 .inside div{width:699px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-4{width:974px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-4 .header{width:954px;}
	body#adminStyle1 #bodyContainer #Content section#whatsNew.width-4 .inside,body#adminStyle1 #bodyContainer #Content section#whatsNew.width-4 .inside div{width:944px;}
	
	body#adminStyle1 #bodyContainer #Content section#whatsNew .inside div span{display:block;font-size:90%;margin-top:5px;font-weight:normal;}
	
	body#adminStyle1 #bodyContainer #Content section#announcement{margin:15px 3px 0 3px;}
	body#adminStyle1 #bodyContainer #Content section#announcement .inside ul li{padding:0;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-1{width:239px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-1 .header{width:219px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-1 .inside{width:219px;padding:0 10px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-1 .inside .showAll{width:209px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-1 .inside ul li span{margin-top:10px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2{width:484px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2 .header{width:464px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2 .inside{width:464px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2 .inside .showAll{width:454px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2 .inside ul li{display:inline-block;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-2 .inside ul li:last-child{padding:0 10px;width:280px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3{width:729px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3 .header{width:709px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3 .inside{width:709px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3 .inside .showAll{width:699px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3 .inside ul li{display:inline-block;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-3 .inside ul li:last-child{padding:0 10px;width:520px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4{width:974px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .header{width:954px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .inside{width:954px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .inside .showAll{width:944px;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .inside ul li{display:inline-block;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .inside ul li div ul li{display:initial;}
	body#adminStyle1 #bodyContainer #Content section#announcement.width-4 .inside ul li:last-child{padding:0 10px;width:773px;}
	
	body#adminStyle1 #bodyContainer #Content section#staticContent{margin:15px 3px 0 3px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent .inside ul li{padding:0;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-1{width:239px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-1 .header{width:219px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-1 .inside{width:219px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-1 .inside div{width:219px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-2{width:484px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-2 .header{width:464px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-2 .inside{width:464px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-2 .inside div{width:464px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-3{width:729px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-3 .header{width:709px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-3 .inside{width:709px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-3 .inside div{width:709px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-4{width:974px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-4 .header{width:954px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-4 .inside{width:954px;padding:10px;}
	body#adminStyle1 #bodyContainer #Content section#staticContent.width-4 .inside div{width:954px;}
	
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar{margin:0 3px;margin-top:15px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-1{width:239px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-1 .header{width:219px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-1 #bootstrapModalFullCalendar{width:239px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-2{width:484px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-2 h2{margin:4px 163px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-2 .header{width:464px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-2 #bootstrapModalFullCalendar{width:484px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-3{width:729px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-3 h2{margin:4px 286px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-3 .header{width:709px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-3 #bootstrapModalFullCalendar{width:729px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-4{width:974px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-4 h2{margin:4px 408px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-4 .header{width:954px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar.width-4 #bootstrapModalFullCalendar{width:974px;}

	body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary{margin:0 3px;margin-top:15px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary.width-1{width:239px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary.width-1 .header{width:219px;}
	body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary.width-1 .inside{width:219px;padding:0 10px;}
	
	/*
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(4n+0){margin:15px 0 15px 16px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(4n+1){margin:15px 16px 15px 0;}
	*/
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(4n+0){margin:15px 0 0 16px;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul li:nth-child(4n+1){margin:15px 12px 0 0;}
	body#adminStyle1 #bodyContainer #Content section#highlight ul{text-align:left;}
	
	body#adminStyle1 #bodyContainer #Content #leftMenu{float:left;width:250px;margin:0 auto;}
	body#adminStyle1 #bodyContainer #Content #leftMenu>section#whatsNew{margin:10px 15px;}
	body#adminStyle1 #bodyContainer #Content #leftMenu ul{background-color:#6d2a94;font-size:100%;display:block;padding: 0;}
	
	body#adminStyle1 #bodyContainer #Content #leftMenu ul li a{color:#fff;display:block;padding:10px 20px;}
	body#adminStyle1 #bodyContainer #Content #leftMenu ul li a:hover{text-decoration:none;background-color:#ffccff;color:#6d2a94;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style1{background-color:#663399;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style1 li{border-bottom:1px solid #b897cb;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style1 li a:hover{background-color:#ffccff;color:#663399;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style2{background-color:#336633;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style2 li{border-bottom:1px solid #bbcda3;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style2 li a:hover{background-color:#cee8ac;color:#336633;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style3{background-color:#553ece;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style3 li{border-bottom:1px solid #a69dd4;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style3 li a:hover{background-color:#cbc3f8;color:#553ece;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style4{background-color:#3663bb;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style4 li{border-bottom:1px solid #a2b1d1;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style4 li a:hover{background-color:#b6c9f4;color:#3663bb;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style5{background-color:#2b9388;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style5 li{border-bottom:1px solid #96cbc8;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style5 li a:hover{background-color:#b3eae7;color:#2b9388;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style6{background-color:#144026;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style6 li{border-bottom:1px solid #9bd1b1;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style6 li a:hover{background-color:#b6eccc;color:#1c9a50;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style7{background-color:#bc5a14;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style7 li{border-bottom:1px solid #e5c3aa;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style7 li a:hover{background-color:#f5cbb1;color:#bc5a14;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style8{background-color:#d00707;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style8 li{border-bottom:1px solid #fee9e8;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style8 li a:hover{background-color:#f9bfbc;color:#d00707;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style9{background-color:#4aa604;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style9 li{border-bottom:1px solid #b0d595;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style9 li a:hover{background-color:#d2f2b6;color:#4aa604;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style10{background-color:#371546;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style10 li{border-bottom:1px solid #c1a7d3;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style10 li a:hover{background-color:#decceb;color:#6109ac;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style11{background-color:#079aaf;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style11 li{border-bottom:1px solid #a2ccd3;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style11 li a:hover{background-color:#bceff7;color:#079aaf;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style12{background-color:#8e8f1c;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style12 li{border-bottom:1px solid #d4d49e;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style12 li a:hover{background-color:#f3f3c3;color:#8e8f1c;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style13{background-color:#7a5c17;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style13 li{border-bottom:1px solid #d5c6a5;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style13 li a:hover{background-color:#edddba;color:#7a5c17;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style14{background-color:#da3b0f;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style14 li{border-bottom:1px solid #dfb6ab;}
	body#adminStyle1 #bodyContainer #Content #leftMenu #style14 li a:hover{background-color:#f9cabd;color:#da3b0f;}
	
	body#adminStyle1 #bodyContainer #Content #rightContent{width:730px;display:inline-block;}
	body#adminStyle1 #bodyContainer #Content #rightContent #nav{color:#fff;margin:7px 24px 0 24px;position:absolute;font-size:87%;width:660px;display:block;}
	body#adminStyle1 #bodyContainer #Content #rightContent #nav a{color:#fff;}
	body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner{width:730px;}
	body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner h1{float:left;padding:20px 0 0 25px;font-size:180%;}
	body#adminStyle1 #bodyContainer #Content #rightContent #rightContentBanner img{float:right;width:auto;display:block;}
	body#adminStyle1 #bodyContainer #Content #rightContent #inside{width:650px;}
	body#adminStyle1 #bodyContainer #Content #rightContent #inside div{overflow:visible;width:100%;}
	body#adminStyle1 #bodyContainer #Content #rightContent2{width:980px;display:inline-block;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #nav{color:#fff;margin:7px 24px 0 24px;position:absolute;font-size:87%;width:900px;display:block;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #nav a{color:#fff;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner{width:980px;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner h1{float:left;padding:20px 0 0 25px;font-size:180%;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #rightContentBanner img{float:right;width:auto;display:block;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #inside{width:888px;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 #inside div{overflow:visible;width:100%;}
	body#adminStyle1 #bodyContainer #Content .announcementNotice{position:absolute;bottom:20px;margin:0;left:300px;background-color:#e5e7e9;width:650px;display:table;}
	body#adminStyle1 #bodyContainer #Content .announcementNotice img{display:table-cell;}
	body#adminStyle1 #bodyContainer #Content .announcementNotice div{display:table-cell;color:#000;padding:10px;vertical-align:top;}
	body#adminStyle1 #bodyContainer #Content .announcementNotice span{font-weight:bold;color:#fc0606;display:block;}
	
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar{display:block;width:initial;margin:0;background-color:#fff;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .header{color:#666;font-size:195%;margin:0;padding:10px;background-color:#fae2d7;border-top:15px solid #ec6c2c;margin-bottom:20px;width:initial;float:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar{padding:10px;width:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar div{margin:0 auto;width:inherit;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .fc-view-container,body#adminStyle1 #bodyContainer #Content #rightContent section#calendar .fc-basic-view{overflow:visible;}
	body#adminStyle1 #bodyContainer #Content section#calendar .modal-dialog{margin:0 auto;padding-top:200px;}
	body#adminStyle1 #bodyContainer #Content section#calendar .modal-dialog td{word-wrap:break-word;vertical-align:top;padding:5px;}
	body#adminStyle1 #bodyContainer #Content section#calendar .calendar{width:inherit;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-toolbar{margin:10px;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-left{position:inherit;margin-top:auto;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-right{position:inherit;margin-top:auto;float:right;clear:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-center{position:inherit;color:#666;}
	/*body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar .fc-time-grid-container{overflow:scroll;}*/
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar div{overflow:visible;}
	body#adminStyle1 #bodyContainer #Content #rightContent section#calendar  #FullCalendar div.fc-content{overflow:hidden;}
	
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar{display:block;width:initial;margin:0;background-color:#fff;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar .header{color:#666;font-size:195%;margin:0;padding:10px;background-color:#fae2d7;border-top:15px solid #ec6c2c;margin-bottom:20px;width:initial;float:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar{padding:10px;width:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar div{margin:0 auto;width:inherit;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar .fc-view-container,body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar .fc-basic-view{overflow:visible;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar .fc-toolbar{margin:10px;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar .fc-left{position:inherit;margin-top:auto;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar .fc-right{position:inherit;margin-top:auto;float:right;clear:initial;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar .fc-center{position:inherit;color:#666;}
	/*body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar .fc-time-grid-container{overflow:scroll;}*/
	/* Display the event in Calendar Weekly/Daily view. But it may cause text overlap in Monthly view. */
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar div{overflow:visible;}
	body#adminStyle1 #bodyContainer #Content #rightContent2 section#calendar  #FullCalendar div.fc-content{overflow:hidden;}
	

	body#adminStyle1 #tailContainer{display:block;}
	body#adminStyle1 #copyRight{background-color:transparent;color:#000;line-height:30px;padding:0;min-width:980px;}
	body#adminStyle1 #copyRight a{color:#000 !important;}
	body#adminStyle1 #copyRight .content{width:980px;text-align:right;}
	body#adminStyle1 #copyRight #copyRightL{float:left;}
	body#adminStyle1 #copyRight #copyRightR{padding-top:0;float:right;}
}
                                .div_table{
                                    margin-top: 20px !important;
                                    display: block;
                                    line-height: 1;
                                    border:1px solid black;
                                    padding: 10px;
                                    padding-top: 0px;
                                }
                                .div_table_l{
                                    display: inline-block !important;
                                    width: 50% !important;
                                    text-align: left;
                                    vertical-align: middle;
                                    margin-right: -4px!important;
                                    
                                }
                                .div_table_r{
                                    display: inline-block !important;
                                    width: 50% !important;
                                    text-align: left;
                                    vertical-align: middle;
                                    padding-left: 10px;
                                    
                                }
                                .div_table_row{
                                    display: block;
                                    width: 100% !important;
                                    margin-top: 10px !important;

                                }
                                .div_table_row:after{
                                    clear: both;
                                    content: " ";
                                    display: block;
                                }
                                .div_content_title{
                                    display: block;
                                    color: #BA166B;
                                    font-weight: bold;
                                    font-size: 1.4rem;
                                    margin-bottom: 15px !important;
                                }
                                .div_content_p_ml15{
                                    width: 100%;
                                    display: block;
                                    margin-bottom: 18px !important;
                                    margin-left: 15px !important;
                                }
                                .div_content_p{
                                    width: 100%;
                                    display: block;
                                    margin-bottom: 18px !important;
                                }
                                .div_content_p p{
                                    margin-top:0px !important;
                                    margin-bottom: 18px !important;
                                }

                                .div_content_p_title{
                                    width: 100%;
                                    display: block;
                                    color: #3366CC;
                                    font-weight: bold;
                                }
                                .div_content_p_content{
                                    width: 100%;
                                    display: block;
                                }
                                .div_content_p_content_date{
                                    margin-top: 10px !important;
                                    margin-bottom: 10px !important;
                                }
                                .div_content_p_ul{
                                    padding-left: 40px;
                                    margin-top: 0px;
                                    margin-bottom: 18px;
                                }
                                .div_content_p_bullet_point{
                                    display: inline-block; width: 25px !important;
                                    vertical-align: top;
                                }
                                .div_content_p_bullet_point_content{
                                    display: inline-block;
                                    width: calc(100% - 4px - 25px) !important;
                                }
                                .div_content_p_content_note_number{
                                    display: inline-block;
                                    width: 13px !important;
                                    vertical-align: top;
                                }
                                .div_content_p_content_note_content{
                                    display: inline-block;
                                    width: calc(100% - 13px - 4px) !important;
                                }
                                .div_content_p_content_note_number2{
                                    display: inline-block;
                                    width: 24px !important;
                                    vertical-align: top;
                                }
                                .div_content_p_content_note_content2{
                                    display: inline-block;
                                    width: calc(100% - 24px - 4px) !important;
                                }


/*registration page*/
                        .reg_class_code{
                            padding: 5px;

                            background-color: #126F72;color: white
                        }
                        .reg_class_name{
                            padding: 5px;
                            background-color: #CDFDD1;
                        }
                        .reg_more_class_btn{
                            padding: 5px;
                            background-color: #F5F8BE;
                            color: #126F73;
                        }
                        .reg_cef_code{
                            padding-bottom: 5px;
                        }
                        .qas_btn{
                            background-color: #D2EFF9;
                            border: 1px solid #53B4F4;
                            border-radius: 5px;
                            padding: 5px;
                            color: #53B4F4;
                            text-align: center;margin-top: 10px !important;
                        }
                        .cccd_table{
                            
                        }
                        .cc,.ca{
                            margin-top: 18px !important;
                            display: block;
                            color: #3366CC;
                            font-weight: bold;
                        }
                        a{
                            word-break: break-all;
                        }
@media (min-width: 1024px){
    #copyRight .content div a {
        font-size: 16px;
    }
}
@media (max-width: 1023px){
    #copyRight .content div a {
        font-size: 13px;
    }
}
@media (max-width: 479px){
    #copyRight .content div a {
        font-size: 10px;
    }
}
#copyRight .content div a {
    border-right: 1px solid white;
    margin-left: 4px;
    
}

#copyRight .content div a:nth-last-of-type(1){
    border-right: none;
}

@media (max-width: 1023px){
    .arr{
        margin-left: 5px;
    margin-top: 0px;
    display: inline-block;
    }
}
@media (max-width: 479px){
    .arr{
         margin-left: 0px;
    margin-top: -10px;
    display: block;
    }
}
#bottom_remark{
    text-align: left;
    display: block;
    font-size: 12px;
    line-height: 1.2;
}



@media(max-width: 497px){
    .location_content .campus_name{
        font-size: 15px;
        
    }
    .principal_content .title{
        font-size: 23px;
    }
    .location_content .campus{
        font-size: 23px;
    }
    #bottom_remark_box{
        margin:15px !important;
        margin-bottom: 0px !important;
        line-height: 1.2;
        font-size: 14px;
    }
}
@media(min-width: 498px){
    .principal_content .title{
        font-size: 28px;
    }
    .location_content .campus{
        font-size: 28px;
    }
    .location_content .campus_name{
        font-size: 20px;
        
    }
    #bottom_remark_box{
        margin:15px !important;
        margin-bottom: 0px !important;
        line-height: 1.2;
        font-size: 14px;
    }
}

.principal_box{
    margin:15px !important;
    margin-bottom: 0px !important;
    line-height: 1;
}
.principal_icon{
    width: calc(40% - 8px) !important;
    display: inline-block !important;

}
.principal_content{
    width: 60% !important;
    display: inline-block !important;
    vertical-align: top;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.location_icon{
    width: calc(40% - 8px) !important;
    display: inline-block !important;

}
.location_content{
    width: 60% !important;
    display: inline-block !important;
    vertical-align: top;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.principal_content .title{
    color:#0E8239;
    font-weight:bold;
    margin-bottom: 10px !important;
}
.location_content .campus{
    color:#0E8239;
    font-weight:bold;
    color: black;
    margin-bottom: 15px !important;
}
.location_content .campus_name{
 
}
.principal_content .eng_name{
    font-size: 20px;
    font-weight:bold;
    margin-bottom: 5px !important;

}
.principal_content .name{
    font-size: 0px;
    font-weight:bold;
    font-size: 20px;
}


.principal_content .description{
    font-size: 1rem;
    margin-top: 15px !important;
    font-weight: bold;
    
}
.principal_content .email{
    margin-top: 15px !important;
    
}
.principal_content .email a{
    color:#0E8239 !important;
}

.principal_grey_bar{
    width: 100%;
    height: 3px;
    background: #CCCCCC;
    margin-top: 15px !important;
}


@media(max-width: 497px){

.principal_icon{
     width: calc(30% - 8px) !important;
    }
.principal_content{
    width: 70% !important;                         
 }
.location_icon{
     width: calc(100%) !important;
    }
.location_content{
    width: 100% !important;  
    padding: 0px;
    padding-top: 10px;                       
 }
}
@media(max-width: 497px){
    .principal_content .title{
        font-size: 23px;
    }
    .principal_content .eng_name{
        font-size: 15px;
    }
    .principal_content .name{
        font-size: 15px;
    }
    .principal_content{
        padding-left: 10px;
    }
}
#backToTop a img {
    opacity: 0.5;
}


.campus_location_title{
    color: #0e3c6d;
    padding: 0px 15px;
    padding-top: 15px;
}
.pdf_btn{
    padding: 1%;
    background: #01375D;
    border: 1px solid white;
    color: white;
    text-align: center;
    cursor: pointer;
}
.tv_program_img{
    width: 100%;
    max-width: 250px;
    text-align: left;
    display: inline-block;
    margin-bottom: 18px;
}
/*history_page*/
                                    .history_year{
                                        display: inline-block;
                                        width: 80px !important;
                                        height: 80px !important;
                                        line-height: 76px;
                                        text-align: center;
                                        background: #01375D;
                                        color: white;
                                        border-radius: 50%;
                                        padding: 2px;
                                    }
                                    .inner_circle {
                                        width: 100% !important;
                                        border-radius: 50%;
                                        border: 2px solid white;
                                        height: 100% !important;
                                        font-size: 1.6rem;
                                        font-weight: bold;
                                    }
                                    .history_empty{
                                        display: inline-block;
                                        width: calc(100% - 80px - 4px) !important;
                                    }
                                    .history_line{
                                        display: inline-block;
                                        width: 80px !important;
                                        /*height: 110px;*/
                                        /*background-color: red;*/
                                    }
                                    .h_content_box,.h_content_box_empty{
                                        /*background: antiquewhite;*/
                                        min-height: 10px;
                                        margin-left: 38px !important;
                                        border-left: 2px solid #01375D;
                                        position: relative;
                                    }
                                    .h_content_box:before{
                                        content: "";
                                        width: 10px !important;
                                        height: 10px;
                                        transform: translate(-50%,-50%);
                                        background-color: #01375D;
                                        border-radius: 50%;
                                        display: block;
                                        left: -1px;
                                        position: absolute;
                                        top: 50%;
                                    }
                                    .h_content_box .content_item_box{
                                        margin-left: 40px !important;
                                        padding: 10px;
                                        border: 1px solid darkgray;
                                        border-left: 5px solid green;
                                        min-height: 10px;
                                    }
                                    .content_item_box .month{
                                        font-size: 2rem;
                                         color: #01375D;
                                         margin-bottom: 10px !important;
                                    }
                                    .content_item_box .detail{
                                        font-size: 20px;
                                    }



/*index page gallery       */
                    * { box-sizing: border-box; }
                    /* ---- grid ---- */

                    .grid {
                      width: 100%;
                      margin-left:10px !important;
                      margin-top:20px !important;
                    }
                    /* clearfix */
                    .grid:after {
                      content: '';
                      display: block;
                      clear: both;
                    }
                    /* ---- grid-item ---- */

                    
                    @media (min-width: 1024px){
                    .grid-sizer,
                    .grid-item {
                       width: calc(25% - 10px) !important;
                    }
                    }
                    @media (max-width: 1024px){
                    .grid-sizer,
                    .grid-item {
                       width: calc(25% - 10px) !important;
                    }
                    }
                    @media (max-width: 767px){
                    .grid-sizer,
                    .grid-item {
                       width: calc(100% /3 - 10px) !important;
                    }
                    }
                    @media (max-width: 480px){
                    .grid-sizer,
                    .grid-item {
                       width: calc(50% - 10px) !important;
                    }
                    }
                    @media (max-width: 320px){
                    .grid-sizer,
                    .grid-item {
                       width: calc(100% - 10px) !important;
                    }
                    }

                    .grid-item {
                      height: auto;
                      min-height: 50px;
                      float: left;
            
                     /* border: 2px solid #333;
                      border-color: hsla(0, 0%, 0%, 0.5);
                      border-radius: 5px;*/
                      margin-bottom: 10px !important;
                    }
                    .grid-item--height2 { 
                        height: auto;
                
                    }
                    .grid-item--height3 { 
                        height: auto;
                
                    }

/*gallery page */
.loader_mask {
    width: 100% !important;
    display: block;
    height: calc(100% - 44px);
    position: absolute;
    background: white;
    bottom: 0px;
    left: 0px;
    z-index: 99;
}

.loader {
   
    border: 16px solid #f3f3f3;
    border-top: 16px solid #01375D;
    border-radius: 50%;
    width: 120px !important;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    z-index: 999;
    display: block;
}
.small_loader{
    color: white;
    text-align: center;
    padding: 10px;
    display: none;
}
.small_loader .loader{
    border: 6px solid #f3f3f3;
    border-top: 3px solid #01375D;
    border-radius: 50%;
    width: 20px !important;
    height: 20px;
    animation: spin 2s linear infinite;
    position: relative;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    z-index: 999;
    display: block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
                    .grid_gallery {
                      width: 100%;
                      margin-left:10px !important;

                      min-height: 200px;
                      overflow: hidden;
                    }
                    /* clearfix */
                    .grid:after {
                      content: '';
                      display: block;
                      clear: both;
                    }
                    /* ---- grid-item ---- */

                    
                    @media (min-width: 1024px){
                    .grid-sizer_gallery,
                    .grid-item_gallery {
                       width: calc(25% - 10px) !important;
                    }
                    }
                    @media (max-width: 1024px){
                    .grid-sizer_gallery,
                    .grid-item_gallery {
                       width: calc(25% - 10px) !important;
                    }
                    }
                    @media (max-width: 767px){
                    .grid-sizer_gallery,
                    .grid-item_gallery {
                       width: calc(100% /3 - 10px) !important;
                    }
                    }
                    @media (max-width: 480px){
                    .grid-sizer_gallery,
                    .grid-item_gallery {
                       width: calc(50% - 10px) !important;
                    }
                    }
                    @media (max-width: 320px){
                    .grid-sizer_gallery,
                    .grid-item_gallery {
                       width: calc(100% - 10px) !important;
                    }
                    }

                    .grid-item_gallery {
                      height: auto;
                      min-height: 10px;
                      float: left;
            
                     /* border: 2px solid #333;
                      border-color: hsla(0, 0%, 0%, 0.5);
                      border-radius: 5px;*/
                      margin-bottom: 10px !important;
                    }

.video_contenter{
    height: 100%;
    background-color: #fff;
}
#VideoSlide{
    width: 100%;
    top: 75px;
    position: fixed;
    height: calc(100% - 75px);
    z-index: 4;
    display: none;
}
.video_contenter #header{
    width: 100%;
    background: #01375D;
    color: white;
    overflow: hidden;
    padding: 10px
}
.video_contenter #header .close_vs{
    float: right;
    padding: 10px;
    cursor: pointer;
}
.video_contenter .body_box{
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
}
.body_box .video_title{
    color: #0F833A;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
}
.video_content_box .formats_title{
    color: black;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.video_content_box .formats_type{
    font-size: 17px;
    margin-bottom: 10px;
}
.video_content_box .formats_content{
    margin-bottom: 10px;
}
.video_contenter .body_box {
    overflow: scroll;
    height: calc(100% - 60px);
    /* overflow: auto;
    height: 100%;*/
}