/*Supersized*/
#supersized-loader { position:absolute; top:50%; left:0%; z-index:0; width:20px; height:20px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
#supersized {display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; max-height:980px; height:100%; width:100%; max-width:1920px; margin:0px; padding:0px; float:left;}
#supersized li {display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%;}
#supersized img {width:auto; height:auto; position:relative; display:none; outline:none; border:none;top:0px !important; }
#supersized.speed img {-ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges;}	/*Speed*/
#supersized.quality img {-ms-interpolation-mode:bicubic; image-rendering: optimizeQuality;}			/*Quality*/
		
#supersized a {width:100%; height:100%; display:block;transition:all 8s ease-out;}
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading {background:#url(../img/cmn/loading.gif) no-repeat center center; width:100%; height:100%;}
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img {display:inline; margin-top:0px;}

/*ul#slide-list{padding:15px 0;float:right;position:absolute;right:0px;top:30px; z-index:99999999999;}
ul#slide-list li{list-style:none;width:30px;height:6px;float:right;margin:0 5px 0 0;}
ul#slide-list li.current-slide a,ul#slide-list li.current-slide a:hover{background-position:0 -56px;}
ul#slide-list li a{display:block;width:30px;height:6px;background:url('../img/usr/btn-hover-masthead.png') no-repeat 0 0px;}
ul#slide-list li a:hover{background-position:0 -56px;cursor:pointer;}*/
/*End Supersized*/

/*Supersized Tagline*/
.divSlideBgTagline 
{
    width:100%;
    height:100%;
    margin:auto;
    overflow:hidden;
    position:absolute;
    z-index:0;
    top:0px;
}

#slidedescription
{
    height:100%;
    width:100%;
    margin:auto;
    /*left:0px;*/
    /*font-size: 48px;*/ 
}

@media only screen and (max-width: 1800px)
{
    .divMainContainerTop {
        overflow: visible;
        height: auto;
        width: 100%;
        /*min-height: 100px;*/
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divMainContainerTopSub {
        overflow: visible;
        height: auto;
        width: 100%;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        transition: all 0.4s ease-in-out;
    }

    .divTopContainerLeft {
        float: left;
        padding: 40px 60px 40px 0px;
        margin-left: -4%;
        display: block;
        height: auto;
        transition: all 0.4s ease-in-out;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 115px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .divMiddleContainerMiddleTop {
        overflow: hidden;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .divMainContainerTopInner {
        overflow: visible;
        height: auto;
        width: 90% !important;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 50px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .divMainContainerTop.scrolled{height:100px;}

    .divMainContainerTop.scrolled a.topMisMenuItem {color: #3f3b3a !important;}

        .divMainContainerTop.scrolled a.topMisMenuItem:hover,
        .divMainContainerTop.scrolled a.topMisMenuItem:active,
        .divMainContainerTop.scrolled a.topMisMenuItemSel {
            color: #7bb8f6 !important;
            border-bottom: solid 2px #7bb8f6 !important;
        }

   .divMainContainerTop.scrolled a.english, .divMainContainerTop.scrolled a.chinese {color: #3f3b3a !important;}
   .divMainContainerTop.scrolled .divSeparator {
        background-color: #3f3b3a !important;
    }

   .divMainContainerTop.scrolled .divTopContainerRight {margin-top: 0px !important;}
}

@media only screen and (max-width: 1600px)
{
    .divMainContainerTop {
        overflow: visible;
        height: auto;
        width: 100%;
        /*min-height: 100px;*/
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divMainContainerTopSub {
        overflow: visible;
        height: auto;
        width: 100%;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        transition: all 0.4s ease-in-out;
    }

    .divTopContainerLeft {
        float: left;
        padding: 0px 60px 20px 0px;
        margin-left: -5%;
        display: block;
        height: auto;
        transition: all 0.4s ease-in-out;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 115px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .divMiddleContainerMiddleTop {
        overflow: hidden;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .divMainContainerTopInner {
        overflow: visible;
        height: auto;
        width: 90% !important;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 20px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 45px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .sidebar-nav-toggle {
        right: 0%;
    }

    .divMainContainerTop.scrolled .divTopTopMenu {
        display: flex;
        justify-content: flex-end;
    }

    .divMainContainerTop.scrolled a.topMisMenuItem {
        color: #3f3b3a !important;
    }

        .divMainContainerTop.scrolled a.topMisMenuItem:hover,
        .divMainContainerTop.scrolled a.topMisMenuItem:active,
        .divMainContainerTop.scrolled a.topMisMenuItemSel {
            color: #7bb8f6 !important;
            border-bottom: solid 2px #7bb8f6 !important;
        }

    .divMainContainerTop.scrolled .divSeparator {
        background-color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled a.english, .divMainContainerTop.scrolled a.chinese {
        color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled .sidebar-nav-toggle span {
        background: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled .sidebar-nav-toggle {
        margin-top: -10px !important;
    }

    .divPanelMainContainerMiddleTopCtn {
        max-height: 920px !important;
    }

    .divTopContainerRight {
        transition: none;
        height: 70px;
        margin-right: 5% !important;
        margin-top: 0px !important;
    }

    .divMainContainerTop.scrolled{height:95px;}
}

@media only screen and (max-width: 1500px) {
    .imgLogo {width:370px !important; height: auto !important;}

    .divMainContainerTop {
        overflow: visible;
        height: auto;
        width: 100%;
        /*min-height: 100px;*/
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divMainContainerTopSub {
        overflow: visible;
        height: auto;
        width: 100%;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        transition: all 0.4s ease-in-out;
    }

    .divTopContainerLeft {
        float: left;
        padding: 0px 60px 20px 0px;
        margin-left: -6%;
        display: block;
        height: auto;
        transition: all 0.4s ease-in-out;
    }

    .divMiddleContainerMiddleTop {
        overflow: hidden;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .divMainContainerTopInner {
        overflow: visible;
        height: auto;
        width: 90% !important;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divMainContainerTop.scrolled .divTopContainerRight {
        margin-top: 0px !important;transition: none; height:70px;
    }

    .divTopContainerRight {
        transition: none; height:70px;
        margin-right: 5% !important;
        margin-top: 25px !important;
    }

    .sidebar-nav-toggle {
        right: 0%;
    }

    .divMainContainerTop.scrolled .divTopTopMenu {
        display: flex;
        justify-content: flex-end;
    }

    .divMainContainerTop.scrolled a.topMisMenuItem {
        color: #3f3b3a !important;
    }

        .divMainContainerTop.scrolled a.topMisMenuItem:hover,
        .divMainContainerTop.scrolled a.topMisMenuItem:active,
        .divMainContainerTop.scrolled a.topMisMenuItemSel {
            color: #7bb8f6 !important;
            border-bottom: solid 2px #7bb8f6 !important;
        }

    .divMainContainerTop.scrolled .divSeparator {
        background-color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled a.english, .divMainContainerTop.scrolled a.chinese {
        color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled .sidebar-nav-toggle span {
        background: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled .sidebar-nav-toggle {
        margin-top: -10px !important;
    }

    .divPanelMainContainerMiddleTopCtn {
        min-height: 752px !important;
    }

    .divMainContainerTop.scrolled{height:95px;}
}

@media only screen and (max-width: 1400px) {
    .imgLogo {width:350px !important; height: auto !important;}

    .divMainContainerTop {
        overflow: visible;
        height: auto;
        width: 100%;
        /*min-height: 100px;*/
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divMainContainerTopSub {
        overflow: visible;
        height: auto;
        width: 100%;
        min-height: 100px;
        position: fixed;
        transition: all 0.4s ease-in-out;
    }

    .divTopContainerLeft {
        float: left;
        padding: 5px 0px 30px 0px;
        margin-left: -7.5%;
        display: block;
        height: auto;
        transition: all 0.4s ease-in-out;
    }

    .divMiddleContainerMiddleTop {
        overflow: hidden;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .divMainContainerTopInner {
        overflow: visible;
        height: auto;
        min-width: 90% !important;
        min-height: 100px;
        position: fixed;
        z-index: 51;
        border-bottom: none;
        transition: all 0.4s ease-in-out;
    }

    .divSSPaging {
        position: absolute;
        z-index: 90;
        bottom: 25px !important;
        left: 0px;
        width: 100%;
        margin: auto;
        height: 10px;
    }

    .sidebar-nav-toggle{right:0%;}

    .divMainContainerTop.scrolled .divTopTopMenu {
        display: flex;
        justify-content: flex-end;
    }

    .divMainContainerTop.scrolled a.topMisMenuItem {
        color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled a.topMisMenuItem:hover,
    .divMainContainerTop.scrolled a.topMisMenuItem:active,
    .divMainContainerTop.scrolled a.topMisMenuItemSel {
        color: #7bb8f6 !important;
        border-bottom: solid 2px #7bb8f6 !important;
    }

    .divMainContainerTop.scrolled .divSeparator {
        background-color: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled a.english, .divMainContainerTop.scrolled a.chinese {
        color: #3f3b3a !important;
    }
    .divMainContainerTop.scrolled .divMainContainerTopInner{height:80px;}
    .divMainContainerTop.scrolled {height: 95px;}
    .divMainContainerTop.scrolled .sidebar-nav-toggle span {
        background: #3f3b3a !important;
    }

    .divMainContainerTop.scrolled .sidebar-nav-toggle {margin-top: -10px !important;}

    /*.divMainContainerTop.scrolled a.topMenuItem {
    color: #fff;
    }

    .divMainContainerTop.scrolled a.topMenuItem:hover,
    .divMainContainerTop.scrolled a.topMenuItem:active,
    .divMainContainerTop.scrolled a.topMenuItemSel {
        color: #fff;
        border-bottom:none;
    }*/

    .sidebar-nav .nav-three > li > a:hover, .sidebar-nav .nav-three > li > a:active {
    background-color: #292929;
    color: #fff;
    }

    .divPanelMainContainerMiddleTopCtn {
        min-height: 620px !important;
    }

    .divMainContainerTop.scrolled .divTopContainerRight {
        margin-top: 0px !important;transition: none; height:70px;
    }
}
/*@media only screen and (max-width: 1200px)
{
    #slidedescription .mstTagline{font-size:44px;}
    #slidedescription .mstTagline2{font-size:32px;}
}

@media only screen and (max-width: 1000px)
{
    #slidedescription .mstTagline{font-size:40px;}
    #slidedescription .mstTagline2{font-size:28px;}
}

@media only screen and (max-width: 800px)
{
    #slidedescription .mstTagline{font-size:36px;}
    #slidedescription .mstTagline2{font-size:24px;}
}*/
/*
@media only screen and (max-width: 600px)
{
    #slidedescription
    {
        font-size:20px;
    }
}

@media only screen and (max-width: 450px)
{
    #slidedescription
    {
        font-size:16px;
    }
}*/
/*End of Supersized Tagline*/