/*
    1=10px, 2=13px, 3=16px, 4=18px, 5=24px, 6=32px, 7=48px
    */
    .size_six{
        font-size:32px;
    }
    .size_five{
        font-size: 24px;
    }

    .size_four{
        font-size: 18px;
    }

    .size_three{
        font-size: 16px;
    }

    .size_two{
        font-size: 13px;
    }
    
    .size_one{
        font-size: 10px;
    }
    
    .text_alignC{
        text-align: center;
    }
    .text_alignL{
        text-align: left;
    }
    .text_alignR{
        text-align: right;
    }

    .familyArial{
        font-family: Arial, Helvetica, sans-serif;
    }

    .familyTimes{
        font-family: 'Times New Roman', Times, serif;
   
    }

    .font_greenblue{
        color: #003366;
    }
    /*text color*/
    .color_grey{
        color:#666666; 
    }
    
    .color_red{
        color:#FF0000;
    }
    /*text color*/
    .font_white{
        color: #ffffff
    }

    .font_black{
        color:black;
    }

    .talign_left{
        text-align: left;
    }
    .bg_greenblue{
        background-color: #003366;
       
    }

    .zero_top{
        border-top:0px;
        margin-top: 0px;
        padding-top:0px;
    }

    .zero_bottom{
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .zero_left{
        border-left: 0px;
        margin-left: 0px;
        padding-left: 0px;
    }
    .zero_right{
        border-right: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    body 
    {
        font-family:Franklin Gothic Medium;
        margin:0px;
        width:100%;
        height:100%;
    }
    /* header css start */
    
    
    .header_card{
        border:0px;
    }
  
    .overrides .card .col-sm-12{
        border:0px;
    }

    .shadow_border{
        border: 1px solid #003366;
        padding:1px 1px 1px 1px;
     
     
    }
    .language-button{

        background-color: #003366;
        border-radius:0px;  
        color: white;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .language-button:hover {
        background-color: white; /* Green */
        color: #003366;
    }

    
    .marquee_section
    {
        
        border-top:0px;
        padding-top:0px;
        margin-top:0px;
        border-spacing: 0px;
        border-collapse: collapse;
        

    }
    /*old marquee style*/
    #header_marquee_p_one
    {
        margin-top:0px;
        padding-bottom:0px;
        border-bottom:0px;
        margin-bottom:0px;
        border-spacing: 0px;
    }
    #header_marquee_p_two
    {
        border-bottom:1px solid #666666; 
        border-top:0px;
        padding-top:0px; 
        padding-bottom:0px; 
        margin-top:-5px;
        margin-bottom:0px;
        border-spacing: 0px;
    }

    /*new marquee style*/
    
    .mobile_header{
        background: gray;
    }

    .main_marquee{
        width: 100%;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 1px solid gray;
        color: gray;
        font-size: 13px;
        
        border-bottom:0px;
        margin-bottom:2px;
      }

    
      /*right to left*/
      .marquee_first {
        display: inline-block;
        animation: marquee_first 240s linear infinite;
      }
      
      .marquee_second {
        display: inline-block;
        animation: marquee_second 240s linear infinite;
        animation-delay: 120s;
      }
      
      .faster_marquee_first {
        display: inline-block;
        animation: marquee_first 220s linear infinite;
     
      }
      
      .faster_marquee_second {
        display: inline-block;
        animation: marquee_second 220s linear infinite;
        animation-delay: 110s;
    
      }

      .marquee_first_zhtw {
        display: inline-block;
        animation: marquee_first 400s linear infinite;
      }
      
      .marquee_second_zhtw {
        display: inline-block;
        animation: marquee_second 400s linear infinite;
        animation-delay: 200s;
      }
      
      .faster_marquee_first_zhtw {
        display: inline-block;
        animation: marquee_first 300s linear infinite;
     
      }
      
      .faster_marquee_second_zhtw {
        display: inline-block;
        animation: marquee_second 300s linear infinite;
        animation-delay: 150s;
    
      }

     
      @keyframes marquee_first {
        0% {
          transform: translateX(50%);
        }
        50% {
          transform: translateX(-50%);
        }
        100% {
          transform: translateX(-150%);
        }
      }

      @keyframes marquee_second {
        0% {
          transform: translateX(-50%);
        }
        50% {
            transform: translateX(-150%);
        }
        100% {
          transform: translateX(-250%);
        }
      }

      .mobile_marquee{
        width: 100%;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 1px solid gray;
        color: white;
        background: gray;
        font-size: 13px;
        
        border-bottom:0px;
        margin-bottom:2px;
      }
      .mobile_marquee_first{
        display: inline-block;
        animation: mobile_marquee_first 2000s linear infinite;
      }
      .mobile_marquee_second{
        display: inline-block;
        animation: mobile_marquee_second 2000s linear infinite;
        animation-delay: 1000s;
      }
      @keyframes mobile_marquee_first {
        from {
          transform: translateX(0%);
        }
        to {
          transform: translateX(-200%);
        }
      }

      @keyframes mobile_marquee_second {
        from {
          transform: translateX(-100%);
        }
        to {
          transform: translateX(-300%);
        }
      }

      /*left to right*/
      /*
      .inverse_marquee_first {
        display: inline-block;
        animation: inverse_marquee_first 400s linear infinite;
      }
      
      .inverse_marquee_second {
        display: inline-block;
        animation: inverse_marquee_second 400s linear infinite;
        animation-delay: 200s;
      }
      
      @keyframes inverse_marquee_first {
        from {
          transform: translateX(-100%);
        }
        to {
          transform: translateX(100%);
        }
      }

      
      @keyframes inverse_marquee_second {
        from {
          transform: translateX(-200%);
        }
        to {
          transform: translateX(0%);
        }
      }
    */
    .bottom_marquee{
        border-bottom: 1px solid grey;
        padding-left:25%;
    }
  

    .language_button_section
    {
     margin-top:0.3%;
     padding-right:0;
    
    }
    
    
    
    /* header css end */

    /*aside left sidebar css start*/
  
    
    .sidemenu .btn-group-vertical{
       
        margin-top:20px;
    }
    .sidemenu .btn{
        margin-top:7.5px;
        text-align: left;
    }
    /*aside left sidebar css end*/
  
    
    .left
    {
        float:left;
    }
    .right
    {
        float:right;
    }

    /*main css start */

    .font_MarketUpdate{
        color: rgb(0, 51, 102); 
        font-family: 'Imprint MT Shadow'; 
        font-size: xx-large;
     
    }

    .font_Date{
        
        color:grey;
        font-size:13px;
     
    }
    
    .font_HKII{
        color:#000066;
       
    }

    #font_HKIIvalue{
        color:black; 
        
        
    }
    button.chart_link:focus{
        border-bottom:3px solid red;
        outline: none ;
        box-shadow: none;
    }
    button.chart_link:hover:not(:focus){
        border-bottom:3px solid lightgray;
        outline: none ;
        box-shadow: none;
    }

    .except_home{
        margin-left: 40px;
    }

    .p_underconstruction{
        margin-top:60px;
    }

  

    /*concept page*/
    #concept_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-20px;
        margin-left:20px;
    }
    .concept_content{
        text-align:justify;
    }

    /*aboutus page*/
  


    /*keyelements page*/
    #keyelements_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-35px;
        margin-left:20px;
    }
   
    /*rules page*/

    #rules_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-10px;
        margin-left:20px;
        font-size: 13px;
    }
 
    #rules_main_section table{
        width:93%;
        border:1px #CCCCCC;
        border-spacing: 0px;
        padding: 0px;
        border-collapse: collapse;
        
        /*width="93%" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="0"*/
        
    }

    #rules_table th{
        border:1px #cccccc solid;
        margin-top:0px;
        margin-bottom: 0px;
        padding:0px;
        border-collapse: collapse;
        border-spacing: 0px;
        font-size: 13px;
    }

    #rules_table td{
        border:1px #cccccc solid;
        margin-top:0px;
        margin-bottom: 0px;
        padding:0px;
        border-collapse: collapse;
        border-spacing: 0px;
        font-size: 13px;
    }

    #rules_table .first_column{
        width:25%;
        text-align: center;
        background-color: #003366;
        
        color: #ffffff;
        /*font size="2" color="#FFFFFF"*/
        /*width="25%" align="center" bgcolor="#003366"*/
    }

    #rules_table .second_column{
        width:50%;
        text-align: center;
        background-color: #999999;
        
        color: #ffffff;
    }
    #rules_table .third_column{
        width:25%;
        text-align: center;
        background-color: #003366;
     
        color: #ffffff;
    }

    /*standards page*/
    
    #standards_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-10px;
        margin-left:20px;
        font-size: 13px;
    }

    #standards_main_section h1{
        color: #003366;
        font-family: Imprint MT Shadow,'Times New Roman', Times, serif;
        font-size:32px;
    
    }
    #standards_main_section h4{
        color: #003366;
        font-size: 16px;
    
    }

    #standards_main_section h5{
        color: #003366;
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #standards_main_section p{
        border-top:0px;
        margin-top: 0px;
        padding-top:0px;
    }

    #standards_table{
        width:80%;
        border:1px #cccccc;
        border-spacing: 0px;
        padding: 0px;

        border-top:0px;
        margin-top: 0px;
     
       /* width="80%" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="0" */
    }

    /*faqs pages */
    #faqs_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-10px;
        margin-left:20px;
        font-size: 13px;
    }

    #faqs_main_section h1{
        color: #003366;
        font-family: Imprint MT Shadow, 'Times New Roman', Times, serif;
        font-size: 32px;
        /* <font color="#003366" face="Imprint MT Shadow" size="6">*/
    }

    #faqs_main_section h4{
        color: #003366;
        font-size: 16px;
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    

    #faqs_main_section h5{
        color: #003366;
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #faqs_main_section p{
        border-top:0px;
        margin-top: 0px;
        padding-top:0px;
    }
    /* list of constituents*/
  
     #constituents_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-35px;
        margin-left:20px;
    }
    .constituents_images_section {
        margin-left: 200px;
      }
    #constituents_table{
    
        text-align: center;
        border: 1px lightgray solid;
        
        margin-top:20px;
        border-collapse: collapse;
        font-size:13px;
    }

    #constituents_table th{
        color:white;
    }

    
    #constituents_table td:nth-child(even){
        text-align: left;
    }

    #constituents_table tr:nth-child(even){
        background-color: #f2f2f2;
    }
    
    #constituents_table tr:hover {
        background-color: #ddd;
    }

    #constituents_table th{
        border: 1px lightgray solid;
       
        text-align:center; 
        background-color: #999999;
      
    }
    #constituents_table td{
        border: 1px lightgray solid;
    }

    .first_column{
        width:15%;
    }
    .second_column{
        width:75%;
    }

  
    /*contact us page*/
    
  

    .map_background{
        background-image: url("images/contactus_bg.png");
    }
    #contactus_main_section{
        padding-top:0px;
        border-top:0px;
        margin-top:-20px;
        margin-left:20px;
        font-size: 13px;
    }

    #contactus_main_section h1{
        color: #003366;
        font-family: Imprint MT Shadow, 'Times New Roman', Times, serif;
        font-size: 32px;
        /* <font color="#003366" face="Imprint MT Shadow" size="6">*/
    }

    #contactus_main_section h4{
      
        font-size: 16px;
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        
    }
    
    .contactus_subheading{
        margin-left: 110px;
    }
    #contactus_main_section h5{
        color: #003366;
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #contactus_main_section p{
        border-top:0px;
        margin-top: 0px;
        padding-top:0px;
    }
    .contactus_table{
        border:0px;
        text-align: center;
        margin-left: 110px;
        width:300px;
        text-align: left;
    }

    .contactus_table th{
      color:white;
      background: #003366;
      width:15%;
      border: 0px;
    }
    .contactus_table td{
        border: 0px;
    }
    .contactus_table a{
        color: black;
    }
    /*main css end */

    /* Footer css start*/
    footer 
    {
        float:left;
        left: 0;
        bottom: 0;
        height:5%;
        width: 100%;
        position:absolute bottom;
        
    }

    #p_copyright
    {
        text-align: center;
    }

    font.footer_font{
        color:#D75600; 
        font-size: 10px;
    }
    font.SimSum{
        font-family: SimSun;
    }

    .footer_a{
        text-decoration:none;
    }
    /* Footer css end*/

    

     /* for the media queries, start point*/