/* navbar */
/* hiddenoverlay>nav */

#hidden-overlay{
    position:fixed;
    width:100vw;
    height:100vh;
    background-color:rgba(108, 122, 137,0.6);
    z-index:1001;
    display:none;
}

.left-logo-set img{
    height:120px;
    width:auto;
}

.__menu{
    overflow:hidden;
 
}

@media screen and (max-width:767px) {
    .__menu{
        margin-top:40px;
    }
}
.__menu a{
    text-decoration:none;
    color:#555;
    font-size:14px;
}

.__menu a:hover{
    color:#0248A8;
    font-weight:bold;
}

.__menu ul li{
    color:#555 !important;
}

.__menu i{
    color:#0248A8;
    font-size:36px;
}

.nav-wrapper >nav{
    position:fixed;
    background-color:rgba(242, 242, 242, 1);
    width:100%;
    display:flex;
    height:120px;
    z-index:1000;
    justify-content:space-between;
    border-bottom:1px solid #0248A8;
}

.nav-i{

    margin-right:35px;
    color:#0248A8;
}

.right-logo-set{
    display:flex;
    align-items:center;
}

.right-logo-set > img{
    margin-right:15px;
}


#website-search{
    cursor:pointer;
}

.hidden-navbar{
    background-color:lightblue;
    color:grey;
    position:fixed;
    right:-410px ;
    z-index:100001;
    height:100vh;
    box-sizing:border-box ! important;
    padding-left:20px;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:100px;
     
}

.hidden-navbar ul{
    list-style-type:none;
    font-size:16px;
}

@media screen and (min-width:1250px) {
    .hidden-navbar{
        padding-bottom:400px;
    }
}

.hidden-navbar>a{
  list-style-type:none;
  
}

.hidden-navbar>ul{
    list-style-type:none;
}

.hidden-navbar >ul>a{
    text-decoration:none;
    color:grey;
    font-size:15px;
}


.hidden-navbar > *{
    position:relative;
    right:-400px;
}

.hidden-navbar > a{
    text-decoration:none;
    color:grey ;
}

.hidden-navbar > img{
    width:100px;
}


.hidden-navbar-empty{
    width:100%;
    height:20px;  
    display:flex;
    align-items:center;
    justify-content:end;
}

.hidden-navbar-empty > #x-mark{
    display:none;
    margin-top:40px;
    margin-right:20px;
    font-size:40px;
    cursor:pointer;
}


.hidden-navbar-bar{
    background-color:rgba(108, 122, 137 ,0.9);
    height:2px;
    width:380px;
} 

#hidden-navbar-bar-one{
    position:relative;
    top:-10px;
}

#brandhk{
    width:150px;
}

.li-border{
    height:0.5px;
    width:100%;
    margin:0px 10px;
    background-color:grey;
    display:none;
}


/* share section */
.share{
    position:relative;
    cursor:pointer;
}

.share_tool{
    width:500%;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transform:translateX(-40%);
    display:none;
    padding:30px 20px;
}

.share_tool a{
   text-decoration:none !important;
}

.share_tool>a>img{
     height:25px;
     width:25px;
     margin-right:5px;
     display:inline-block;
}

.share_tool>a>img:hover{
    transform:scale(1.1);
}
/* End of share section */
 
/* globe section */

.globe_langauge{  
    cursor:pointer;
    position:relative;
    
}

.langauge_section{
    font-size:20px; 
    color:#0248A8;
    position:absolute;
    top:10px;
    left:0px;
    width:150px;
    text-align:center;
    padding:10px 0px;    
    flex-direction:row ;
    display:none;
}

.langauge_section>span{
    margin-right:10px;
    font-weight:400;
    display:inline-block;      
}
.langauge_section>span#tc,.langauge_section>span#sc{font-family:"Microsoft JhengHei","sans-serif";}

.langauge_section>span:hover{
    text-decoration:underline;
    transform:scale(1.1);
}


#tc, #sc, #english{
    cursor:pointer;
}

.hidden-navbar-share-tool i{
    font-size:25px;
}

/* added by Ricky */

#hidden-navbar h4{
	font-weight:normal;
    font-size:1.6em ;
    margin-bottom:0px;
    margin-top:15px;
    line-height:0.5;
}