/*CSS for Web Version*/



.CertificationMainContainer{
     margin-top:20px; margin-bottom:0; text-align:left; padding:20px;
}

.CertificationMainContainerSub{
    width:99%; margin:auto;  
}

.CertificationMainContainerSubNext{
    text-align:left; padding:20px;
}

.CertificationMainContainerDoc{
    padding-top:0; margin-right:1%;  padding-bottom:0; margin-bottom:0; text-align:right;
}

.CertificationMainContainerItem{
    margin-right:1%;  margin-bottom:0; text-align:center; padding:10px !important; border: 1px solid gray; border-radius:5px; min-height:170px;
}


.CertificationMainContainerDocText{
    width:100%; color: #cd4f40;text-align:center; font-size:80%; line-height:15px;padding-top: 10px;
}

.CertificationMainContainerSubA{
    width:100%;text-align:justify;
}

.CertificationMainContainerSubDesc{
    text-align:justify;
}

.EnquireNowContainer{
    
    width:100%; display:block;  clear:both; margin-top:10px; height:100px;
}

.EnquireNowContainerSimple{
    
    width:100%; display:block;  clear:both; margin-top:10px;margin-bottom:20px; 
}

.EnquireNowLink{
    margin:auto; text-align:center; text-decoration:none; display:block;
}

.EnquireNowLinkText{
    color:#cd4f40; font-size:120%; padding-top:10px;  
}
.EnquireNowLinkText:hover {
    color: #094C7B !important;
    text-decoration:none;
}

.ServiceFeaturesOnshorerTitle {
    font-size: 125%;
    height: 40px;
    width: 100%;
    display: block;
}
.listBigIconContainer{
    background-repeat: no-repeat !important;
    clear: left;
    float: left;
    width: 100%;
    height: 103px;
    margin: 5px 0px;
}
#cert001 {
    background: top center url(/images/certification/cert_001.png);
}
#cert002 {
    background: top center url(/images/certification/cert_002.png);
}
#cert003 {
    background: top center url(/images/certification/cert_003.png);
}
#cert004 {
    background: top center url(/images/certification/cert_004.png);
}
#cert005 {
    background: top center url(/images/certification/cert_005.png);
}
#cert006 {
    background: top center url(/images/certification/cert_006.png);
}
#cert007 {
    background: top center url(/images/certification/cert_007.png);
}
#cert008 {
    background: top center url(/images/certification/cert_008.png);
}
#cert009 {
    background: top center url(/images/certification/cert_009.png);
}

 .tab {
    display: inline-block;
    margin-left: 640px;
 }

.itemBigContainer {
    clear: left;
    float: left;
    width: 100%;
    height: 114px;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
}

.listBigIconContainer2 {
    clear: left;
    float: left;
    width: 75px;
    height: 90px;
    background-repeat: no-repeat !important;
}

#doc001 {
    background: top left url(/images/certification/doc1.png);
}
#doc002 {
    background: top left url(/images/certification/doc2.png);
}
#doc003 {
    background: top left url(/images/certification/doc3.png);
}
#doc004 {
    background: top left url(/images/certification/doc4.png);
}
#doc005 {
    background: top left url(/images/certification/doc5.png);
}
#doc006 {
    background: top left url(/images/certification/doc6.png);
}

.listSmallIconContainer{
    background-repeat: no-repeat !important;
    clear: left;
    float: left;
    width: 52px;
    height: 49px;
    margin: 0;
}

#advtange001 {
    background: top left url(/images/bankAccount/icon_1.png);
}
#advtange002 {
    background: top left url(/images/bankAccount/icon_2.png);
}
#advtange003 {
    background: top left url(/images/bankAccount/icon_3.png);
}
#advtange004 {
    background: top left url(/images/bankAccount/icon_4.png);
}


.listBankLogoContainer{
    background-repeat: no-repeat !important;
    clear: left;
    float: left;
    width: 100%;
    height: 74px;
}

#bank_logo_1 {
    background: top center url(/images/bankAccount/bank_logo_1.png);
}
#bank_logo_4 {
    background: top center url(/images/bankAccount/bank_logo_4.png);
}
#bank_logo_8 {
    background: top center url(/images/bankAccount/bank_logo_8.png);
}
#bank_logo_2 {
    background: top center url(/images/bankAccount/bank_logo_2.png);
}
#bank_logo_5 {
    background: top center url(/images/bankAccount/bank_logo_5.png);
}
#bank_logo_7 {
    background: top center url(/images/bankAccount/bank_logo_7.png);
}
#bank_logo_3 {
    background: top center url(/images/bankAccount/bank_logo_3.png);
}
#bank_logo_6 {
    background: top center url(/images/bankAccount/bank_logo_6.png);
}
#bank_logo_9 {
    background: top center url(/images/bankAccount/bank_logo_9.png);
}
#bank_logo_10 {
    background: top center url(/images/bankAccount/bank_logo_10.png);
}
#bank_logo_11 {
    background: top center url(/images/bankAccount/bank_logo_11.png);
}
#bank_logo_12 {
    background: top center url(/images/bankAccount/bank_logo_12.png);
}
#bank_logo_13 {
    background: top center url(/images/bankAccount/bank_logo_13.png);
}
#bank_logo_14 {
    background: top center url(/images/bankAccount/bank_logo_14.png);
}
#bank_logo_15 {
    background: top center url(/images/bankAccount/bank_logo_15.png);
}
#bank_logo_16 {
    background: top center url(/images/bankAccount/bank_logo_16.png);
}
#bank_logo_17 {
    background: top center url(/images/bankAccount/bank_logo_17.png);
}
#bank_logo_18 {
    background: top center url(/images/bankAccount/bank_logo_18.png);
}

.listBigIconText{
    float:left; padding-left:20px; width:75%;
}

.listBigIconTextType2{
    float:left; padding-left:10px; width:75%;
}


.titleType2{
    font-size:100%; height:40px; width:100%; display:block; margin-top:20px; margin-bottom:10px;  float:left; clear:left;

}

.OffshoreBanking{
    clear:left; width:100%;margin-top:50px; display:block; height:auto; 
}

.OffshoreBanking > ul{
    clear:left; display:block; list-style-type: disc; padding-left:40px; line-height: 30px; padding-top: 10px;
}

.containerAdvantages{
    width:100%;  height:400px; margin-bottom:40px;
}

.listSmallIconContainer{
    float:left;
}

.listSmallIconContainerItemA{
     float:left; line-height:20px; margin-top:2px; clear:left;
}

 .listSmallIconContainerItemB{
    float:left; line-height:20px; margin-top:2px; clear:left;
}
 .listSmallIconContainerItemC{
     float:left; line-height:20px; margin-top:2px; clear:left;
}

 .CertificationContainer > img {
    text-align:center; font-size:90%;
}

 .CertificationContainerType2 > img {
    text-align:center; font-size:90%;
}

.CertificationContainerDIV{
    width:100%
}

.CertificationContainer{
    float:left; width:95%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px ; margin-right:2%; margin-bottom: 5%
}

.CertificationContainer > div {
    
    text-align:center; font-size:80%;
}


.CertificationContainerType2{
    float:left; width:95%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px ; margin-bottom: 5%;
}

.CertificationContainerType2 > div {
    
    text-align:center; font-size:80%;
}

.CertificationContainerType3{
    float:left; width:95%; text-align:center; padding: 10px 0px; border-radius:10px ; margin-right:2%;
}



.CertificationContainerType3Last{
    float:left; width:95%; text-align:center; padding: 10px 0px; border-radius:10px ; 
}
.CertificationContainerType3Last > img{
    width:45%;
}

.footerNotesDIV{
    
    text-align:center; font-size:90%;
}








video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}

.imgWEBM {
    display:block
}
.imgGIF {
    display:none
}

.Recruit a {
    color:#6CBBF4  !important;
}

.onshorerCopyRight a {
    color:#6CBBF4  !important;
}

.Suggestion span {
    color:#6CBBF4  !important;
}

h1 {
     color:#313132;
}
h2 {
    font-size:95%;
    color:#0d0d0d;
}

h4 {
    font-size:80%;
    color:#0d0d0d;
}

h3 {
    margin-top:0px !important;
    font-size:100%;
}

.leftMenuMediaController {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}
#rightBodyCertification {
    float: right !important;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.textUnderline div:first-child {
    height: 28px;
    border-bottom: 1px solid gray;
    margin-right: 1px;
}
#CertificationContent {
    border: 1px solid #dddddb;
    display: inline-block;
}
       
        #divCertificationBodyUpperRight div >h2{
              padding:0;
              display:inline-block;
              width:100%;
        }
        #divCertificationBodyUpperRight div > h3 {
            padding: 10px 10px 10px 5px;
            line-height: 25px;
            text-align: justify;
        }
        #divCertificationBodyUpperRight div > h3:last-child {
            padding: 10px 10px 10px 25px !important;
        }
        #divCertificationBodyUpperRight div > h3 {
            padding: 10px 10px 10px 15px;
        }
        
        .listNumber {
            width: 10px;
            float: left;
        }
        .listTitle {
            width: 97%;
            padding-left: 5px;
            float: left;
        }

         .imgGIF {
            text-align:center;
        }
         .introMain {
            width: 93%;
            padding-left: 5px;
            float: left;
            line-height: 27px;
            text-align: justify;
            padding-top:20px;
        }
        #containerCertification {
            width:95%;
            margin:auto;
        }

        #divCertificationBodyUpperRight .divListContent {
            padding: 10px 10px 10px 15px;
            display: inline-block;
        }
        #divCertificationBodyUpperRight .odd {
            width: 100%;
            margin: auto;
            /*padding: 15px;*/
            /*background-color: #fff;*/
            font-size:95%;
        } #divCertificationBodyUpperRight .even {
            width: 99%;
            margin: auto;
            padding: 15px;
            background-color: #efefef;
        } .asideCertification {
            color: #727272;
            padding: 0px !important;
            margin: auto;
            max-width: 1150px;
            display: inline-block;
        } .bannerCertification {
            padding-top: 0;
            margin-top: 0;
            padding-bottom: 0;
            margin-bottom: 0;
            text-align: center;
        } .leftMenuCertification {
        padding-top: 0px;
        background-color: #fff;
        margin-right: 2%;
        border: 1px solid #dddddb;
        border: none;
        width: 100%;
        margin-top: 20px;
        text-align: left;
        min-height: 400px;
        padding-bottom: 30px;
        display: block;
        cursor: pointer;
    } .rightBodyCertification {
        float: right !important;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
        text-align: center;
        font-size:80%;
    } #divCertificationBodyRight {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: left;
        padding: 0px 20px 20px 20px;
        font-size:82%;
        color:#353535;
        line-height:27px;
    } .list_item_text {
        line-height: 25px !important;
        width: 87%;
    } #HeaderMenu {
        margin-top: 40px;
        display:inline-block ;
        float:right;
    } #myMenuOptions {
        position: relative;
        float: right;
        right: 0px;
    } #myMenuOptions li {
            position: relative;
            float: left;
            line-height: 20px;
        } #myMenuOptions li {
            font-size: 70%;
        } #myMenuOptions li:not(.kopie) {
                padding: 15px;
                line-height: 15px;
            } #myMenuOptions li.kopie {
                padding: 5px;
                width:100%;
                line-height: 20px;
                font-size: 120%;
            } #myMenuOptions .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 0.72;
            color: #333333;
            white-space: nowrap;
        } #myMenuOptions li a {
            color: #808080;
            margin: 0px;
        } #myMenuOptions li:not(:last-child) {
           
        } #HeaderPart2 {
    position: relative;
    width: 120px;
    float: right;
    font-size: 80%;
    right: 250px;
    top: -10px;
} #HeaderPart2 div a {
        position: relative;
        width: 20%;
        float: left;
        color: #808080 ;
    } #HeaderPart2 div span {
        position: relative;
        width: 20px;
        float: left;
        top: -1px;
    }
/* Main Widths */
*:focus {
    outline: none;
} [class*='col-'] {
        float: left;
        padding: 0px 0px 17px 0px;
    } .col-3-4 {
        width: 75%;
    } .col-1 {
        width: 100%;
    } .col-1A {
        width: 95%;
    } .col-1B {
        width: 97.7%;
    } .col-1C {
        width: 93%;
    } .col-2 {
        width: 50%;
    } .col-3 {
        width: 33.33%;
    } .col-3A {
        width: 47.33%;
    } .col-4 {
        width: 25%;
    } .col-4A {
        width: 32%;
    } .col-4C {
        width: 25%;
    } .col-4B {
        width: 23%;
    } .col-5 {
        width: 20%;
    } .col-5I {
        width: 20%;
    } .col-5A {
        width: 80%;
    } .col-6 {
        width: 16.6666666667%;
    } .col-7 {
        width: 14.2857142857%;
    } .col-8 {
        width: 12.5%;
    } .col-9 {
        width: 11.1111111111%;
    } .col-10 {
        width: 10%;
    } .col-11 {
        width: 9.09090909091%;
    } .col-12 {
        width: 8.33%;
    } .col-2-3 {
        width: 66.66%;
    } .col-1-5 {
        width: 80%;
    } .col-3-4 {
        width: 75%;
    } .col-9-10 {
        width: 90%;
    }
/* Golden Ratio */
.col-61 {
        width: 61.8%;
    } .col-38 {
        /*width: 38.2%;*/
        width: 48%;
    } .col-38A {
        /*width: 38.2%;*/
        width: 42%;
    } .col-38B {
        /*width: 38.2%;*/
        width: 47.5%;
    }
/* Text Alignment */
.text-left {
        text-align: left;
    } .text-center {
        text-align: center;
    } .text-right {
        text-align: right;
    } html {
        scroll-behavior: smooth;
    } .mouseover_option {
        cursor: pointer;
        color: #fff;
        background-color: #e21433;
    } .mouseleave_option {
        cursor: pointer;
        color: #727272;
        background-color: #fff;
    } .stickThis {
        background-color: #fff;
        text-align: left;
        border: 1px solid #dddddb;
        min-width:256px;
    } .leftMenuCertification li:first-child {
        border-bottom: 1px solid #a8a8a8;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    } .stickThis.stick {
    margin-top: 0;
    position: fixed;
    top: 0;
    /*z-index: 9999;*/
} .quotation_even {
        background-color: #ebebeb;
    } .quotation_odd {
        background-color: #fff;
    } .quotation_header {
        background-color: #285e99;
        color: #fff;
    } quotation_table tr td {
        padding-left: 10px;
    }

    .cotainer_button_apply {
         width:100%; display:block;  clear:both; margin-top:20px;margin-bottom:20px; height:120px;
    }
      .button_apply {
        background: url(/images/license/btn_submit.png);
        background-repeat: no-repeat;
        width: 155px !important;
        height: 50px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        text-align: center;
        margin:auto; 
        text-decoration:none;
        display:block;
    } 
      .button_apply_text {
        color:#cd4f40; font-size:100%; padding-top:10px !important; text-align:center !important; 
        }
       .button_apply_text:hover {
        color:#094C7B !important;

        }
        .button_apply:hover {
            text-decoration:none; color:#6CBBF4 !important;
       }

      .button_submit {
        background: url(/images/license/btn_submit.png);
        width: 155px !important;
        height: 50px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        text-align: center;
        /*left: 10px;
             position: relative;*/
    } .button_active {
        border: 1px solid #cd4f40;
        cursor: pointer;
    } .button_inactive {
        border: 1px solid #dddddb;
        cursor: pointer;
    } .button_inactive:hover {
            background-color: #fee9e6;
        } .text_link_bg {
        color: #2d6fe2 !important;
    } .list_item_text {
        float: left;
        width: 93%;
        text-align: justify;
        line-height: 25px;
    }
        .list_item_text h4 {
            margin-top: 0px;
            line-height: 25px;
        } 
      .list_item_number {
        clear: left;
        float: left;
        width: 20px;
        display: block;
        text-align: right;
        margin-right: 10px;
        display: block;
        font-size:80%;
    } .divbox1title {
        background-color: #eee;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid#aaa;
        color: #ccb035;
        padding: 5px;
        text-align: center;
        font-size: 120%;
    } .subdivision {
        color: #808080;
    } .subdivision:hover {
            color: #2d6fe2 !important;
            text-decoration: underline;
        } .title_pipe {
        background: #db0011;
        content: "";
        display: block;
        width: 5px;
        position: absolute;
    } .bg_address {
        width: 100%;
        border: 1px solid gray;
        padding: 8px;
        background: #e1efbb url(/images/banners/bg_address.png);
    } .bg_login {
        width: 100%;
        border-radius: 5px;
        background: url(/images/banners/bg_login.png);
    } .corner_trademark {
        background: bottom right url(/images/banners/corner_trademark.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_tax {
        background: bottom right url(/images/banners/corner_tax.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_license {
        background: bottom right url(/images/banners/corner_license.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_copyright {
        background: bottom right url(/images/banners/corner_copyright.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_cert {
        background: bottom right url(/images/banners/corner_cert.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_bank {
        background: bottom right url(/images/banners/corner_bank.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_formation {
        background: bottom right url(/images/banners/corner_formation.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_calendar {
        background: bottom right url(/images/banners/corner_calendar.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } .corner_empty {
        background: bottom right url(/images/banners/corner_empty.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } .goldtextcss {
        color: #D5AD6D;
        background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
        background-clip: border-box, border-box;
        background: -o-linear-gradient(transparent, transparent);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        line-height: 25px;
        text-shadow: 3px 4px 5px rgba(0,0,0,0.1);
        font-style: italic;
        letter-spacing: 1px;
    } .titleSlogan {
        text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989993px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756803px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279416px;
        color: rgb(234, 210, 38);
        font-size: 16px;
        font-family: Arial;
        font-style: italic;
    } .widgetTitle {
        color: #223791 !important;
    } .widgetTitle:hover {
            text-decoration: none;
        } .widgetTitle:active {
            text-decoration: none;
        } .widgetTitle:visited {
            text-decoration: none;
        } .widgetTitle:link {
            text-decoration: none;
        } .news_title:hover {
        text-decoration: underline;
    } .module_main_title_Certification {
        font-size: 125%;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
    } .module_main_title_item_Certification {
        font-size: 125%;
        color: #727272;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
        border-bottom: 1px solid #a8a8a8;
    } .module_main_title_item_Certification_active {
        font-size: 150%;
        color: #727272;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: normal;
        border-bottom: 2px solid #e21433;
    } .module_main_title {
        font-size: 83%;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
        padding-left:15px;
    } .module_main_titleLarger {
        font-size: 200%;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
    } .module_main_title_item {
        font-size: 200%;
        color: #727272;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
        border-bottom: 1px solid #a8a8a8;
    } .module_main_title_item_active {
        font-size: 125%;
        color: #727272;
        padding-top: 5px !important;
        font-weight: normal;
        border-bottom: 2px solid #e21433;
        width: 95%;
        margin: auto;
        line-height: 38px;    
        text-align:left;
    }

        .module_main_title_item_active > h1 {
        
       margin-top: 8px !important;
        }
        .module_main_title_item_active > h1 > strong {
        
        font-size:70%;
        }
      
      
      
       .module_main_title_smaller {
        font-size: 140%;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: lighter;
    } .title_font {
        font-size: 160%;
        color: #727272;
        font-weight: normal;
    } .title_font_login {
        font-size: 160%;
        color: #727272;
        font-weight: normal;
    } .registrationLoginLink {
        float: right;
        clear: right;
        font-size: 100%;
        text-align: right;
        color: #2d6fe2 !important;
        margin-bottom: 3px;
    } .loginButton {
        margin-left: 5px;
        float: left;
        padding: 0px 10px;
        margin-right: 13px;
        height: 34px;
        border-radius: 6px;
        background-color: rgb(244, 85, 85);
        color: rgb(255, 255, 255);
        width: 92%;
        top: -3px;
        position: relative;
    } .btn {
        padding: 4px 11px !important;
    } .forgotUserNamePwd {
        font-size: 125%;
        text-align: center;
    } .branch_short_address {
        font-size: 115%;
        font-weight: normal;
    } .branch_home {
        font-size: 140%;
        text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    } .QRCodeWechatLabel {
        line-height: 20px;
    } .module_sub_title2A {
        font-size: 120%;
        color: #515151;
        padding: 0px 0px 5px 0px;
        display: block;
    } .module_sub_title2 {
        font-size: 120%;
        color: #515151;
        padding: 5px 0px;
        display: block;
    } .font_size_control {
        font-size: 15px;
    } .font_size_controlFormation {
        font-size: 15px;
    } .bankTitle {
        color: #515151;
    } .loginSuccessTitle {
        width: 100%;
        font-size: 150%;
        height: 100px;
    } .logoutLink {
        clear: both;
        float: right;
        background-color: #f8fbfe;
        color: #727272;
        font-size: 100%;
        padding-right: 15px;
        text-align: center;
        text-decoration: underline;
        height: 30px;
        padding: 0;
    } .containerList1 {
        text-align: center;
        float: left;
        line-height: 26px !important;
        clear: left;
        line-height: 25px;
        padding-top: 12px;
        width: 50%;
        height: auto;
        margin: auto;
        margin-bottom: 10px;
        padding-bottom: 4px;
        display: block;
    } .containerList2 {
        text-align: center;
        float: right;
        line-height: 26px !important;
        padding-top: 12px;
        line-height: 25px;
        width: 50%;
        height: auto;
        margin: auto;
        margin-bottom: 10px;
        display: block;
        padding-right: 9%;
    } .container_leftmenu div {
        padding-left: 29px;
        height: 30px !important;
        display: block;
    } .subMenuLi {
    font-size: 18px;
    height: auto;
    display: table;
    width: 100%;
    color: #808080;
} .subMenuItem {
        padding-left: 10px;
    } .subMenuItemLevel1 {
        padding-left: 0px;
    } .subMenuItemLabel {
        top: -3px;
        position: relative;
    } .subMenuItemLabelLarge {
        top: -3px;
        position: relative;
    } .subMenuLi a {
        padding: 10px 0px 30px 29px !important;
        font-size: 120%;
        height: 30px !important;
        line-height: 22px;
    } .subMenuLi a:hover {
            color: white !important;
            text-decoration: none;
        } .subMenuLiFormation a {
        padding: 4px 0px 26px 29px !important;
        font-size: 120%;
        height: 30px !important;
        line-height: 22px;
    } .subMenuLiFormation a:hover {
            color: white !important;
            text-decoration: none;
        } .subMenuLiFormation .mouseover_option {
        color: white !important;
    } .subMenuLi .mouseover_option {
        color: white !important;
    } 
    .subMenuLi .mouseover_option > div{
        color: white !important;
    }  
      
      .module_sub_titleFormation {
        padding-left: 15px;
        font-size: 140%;
        margin-top: 20px;
        height: 23px;
        display: block;
        color: #515151;
    } .module_sub_titleFormationLarge {
        padding-left: 15px;
        font-size: 140%;
        margin-top: 12px;
        height: 23px;
        display: block;
        color: #515151;
        margin-bottom: 6px;
    } .formationLeftMenuTitle {
        margin: 20px 0px 20px 29px !important;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    } .twitterIcon {
        margin-right: 12px;
        color: #111 !important;
        text-decoration: none;
    } .twitterIcon:hover {
            color: #2d6fe2 !important;
            text-decoration: none;
        } .linkedinIcon {
        margin-right: 12px;
        color: #111 !important;
        top: 1px;
        position: relative;
        text-decoration: none;
    } .linkedinIcon:hover {
            color: #2d6fe2 !important;
            text-decoration: none;
        } .instagramIcon {
        margin-right: 12px;
        color: #111 !important;
        top: 1px;
        position: relative;
        text-decoration: none;
    } .instagramIcon:hover {
            color: #2d6fe2 !important;
            text-decoration: none;
        } .facebookIcon {
        margin-right: 12px;
        color: #111 !important;
        text-decoration: none;
    } .facebookIcon:hover {
            color: #2d6fe2 !important;
            text-decoration: none;
        } .pagination {
        display: inline-block;
        padding-left: 0px;
        margin: 20px 0px;
        border-radius: 0;
    } .pagination > li {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin: 0 2px;
        } .pagination > li > a {
                /*border-radius: 50%;*/
                color: #1fbae8;
                -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
                transition: color 0.3s, background-color 0.3s, border-color 0.3s;
            } .pagination > li > a:hover {
                    color: #fff;
                    background-color: #1fbae8;
                    border-color: #1fbae8;
                } .pagination > li.active > a {
                background-color: #1fbae8;
                border-color: #1fbae8;
            } .pagination > li.active > a:hover {
                    color: #fff;
                    background-color: #1fbae8;
                    border-color: #1fbae8;
                } .pagination > li:first-child > a {
                /*border-radius: 50%;*/
            } .pagination > li:last-child > a {
                /*border-radius: 50%;*/
            } .blue_color {
        color: #2d6fe2 !important;
    } .cn_font {
        color: #727272;
    } body {
        font-family: "NotoSansTC-Light","Microsoft JhengHei","Quicksand", "sans-serif";
    } .en_font {
        font-family: 'Verdana'; color:#363636;
    }
/*.title_font { font-size: 150%;color: #727272;  font-weight:normal; }*/
h1, h2, h3, h4, h5 {
    } .password_field {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px;
        line-height: 21px;
    } .module_main_function_title {
        font-size: 120%;
        color: #727272;
        padding-top: 5px !important;
        margin-bottom: 5px;
        text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    }
/*.module_sub_title2 {font-size: 120%;color: #727272;padding: 10px 0px;display: block;  }*/
.module_sub_title {
        font-size: 120%;
        color: #727272;
        padding: 10px 0px;
        display: block;
    } .module_sub_title_label {
        font-size: 100%;
        color: #727272;
        width: 50px;
        padding-left: 9px;
    } .module_sub_title_label2 {
        font-size: 100%;
        color: #727272;
        padding-left: 9px;
    } .module_sub_title_left_menuCertification {
        font-size: 110%;
        color: #727272;
        padding: 10px 0px;
        display: block;
        padding-bottom: 10px;
    } .module_sub_title_left_menuCertification:hover {
            background-color: lightgray;
            color: #fff;
        } .module_sub_title_left_menu {
        font-size: 120%;
        color: #727272;
        padding: 10px 0px;
        display: block;
        padding-bottom: 30px;
    } .module_sub_title_left_menu:hover {
            background-color: lightgray;
            color: #fff;
        } .module_sub_title_left_menu2 {
        font-size: 100%;
        color: #727272;
        padding: 10px 0px;
        display: block;
        padding-bottom: 30px;
    } .module_sub_title_left_menu2:hover {
            background-color: lightgray;
            color: #fff;
        } .background_section {
        background-color: #fff !important;
    } .background_section_active {
        background-color: #fff2e7 !important;
    } .action_button {
        padding: 3px 10px 0px 10px;
        height: 34px;
        border-radius: 6px;
        background-color: rgb(244, 85, 85);
        color: rgb(255, 255, 255);
        cursor: pointer;
    } .module_section {
        line-height: 22px;
    } .module_section li a {
            font-size: 89%;
            padding-left: 2px;
            cursor: pointer;
            padding: 11px 0px 45px 18px !important;
            line-height:17px;
            color:#353535;
        } .item_tab {
        font-size: 100%;
        color: #2d6fe2;
    } .addrHeader {
        font-size: 15pt;
        font-weight: bold;
        line-height: 21px;
        margin-top: 7px;
        text-align: center;
    } .menuLangFlag {
        width: 90px;
        height: 30px;
        padding: 5px !important;
    } .langIcon {
        width: 24px;
        height: 19px;
        top: 4px;
        position: relative;
    } .liRightMenu {
        position: relative;
        top: 5px;
        border: none;
    } .ulRightMenu {
        position: relative;
        top: -40px;
    } .shoppingCart {
        height: 19px;
        color: #2d6fe2 !important;
        width: 70px;
        font-size: 21px;
        border: none;
    } .caret {
        position: relative;
        top: -5px;
    } .mobile-container {
        max-width: 100%;
        margin: auto;
        background-color: #555;
        height: 324px;
        color: white;
        overflow: hidden;
    } .topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
    } .topnav #myLinks {
            display: none;
        } .topnav a {
            float: left;
            color: white;
            padding: 5px 16px;
            text-decoration: none;
            font-size: 17px;
            border-bottom: 1px solid gray;
        } .topnav a.icon {
                float: right;
            } .topnav a:hover {
                background-color: #ddd;
                color: black;
            } .active {
        background-color: #4CAF50;
        color: white;
    } .bigdrop {
        width: 66px !important;
        color: red;
        font-weight: bold;
    } .menuhref { /*font-weight: bold;*/
    } .current { /*color: black !important;*/
    } .menuhref {
        text-decoration: none;
    } .menuhref:hover {
            text-decoration: underline;
        } .cleanTop {
        padding: 0px;
        margin: 0px;
    } .select2-container--default .select2-selection--single {
        border: 1px solid #e3e5e5;
        border-radius: 4px;
    } .select2-container--default .select2-selection--single {
        background-color: transparent;
        border: 0px;
        border-radius: 4px;
    } .ImediaLogo {
        background: url(../temp/images/logo.jpg) no-repeat top left;
        background-size: 170px 80px;
        display: block;
        width: 170px;
        height: 80px;
        text-indent: -9999px; /* hides the link text */
    } .menuBar {
        position: relative;
        top: 40px;
        left: 25px;
    } .feature2 {
        border: 1px solid #f5f6f6;
        text-align: center;
        position: relative;
        padding: 30px 2px;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
        -webkit-transition: border-color 0.9s;
        transition: border-color 0.9s;
    } .addrDetails {
        font-size: 12px;
        line-height: 16px;
        padding: 15px 0 0 5px;
        color: #727272;
    } .addrDetailsWeb {
        font-size: 15px;
        line-height: 16px;
        padding: 15px 0 0 2px;
    } .addrDetailsWebSmaller {
        font-size: 12px;
        line-height: 16px;
        padding: 15px 0 0 2px;
    } .img_office_HK_small {
        background-image: url("/temp/temp/images/img_office_HK_small.png");
        background-position: left top;
        cursor: pointer;
        display: block;
        float: right;
        text-decoration: none;
        height: 66px;
        width: 52px;
        background-repeat: no-repeat;
        margin: 15px 6px 0 0;
    } .menu_adjust {
        top: 91px !important;
        position: fixed;
    } .lightbg {
        background-color: #f2f2f2;
    } .head_title {
        overflow: hidden;
    } .pricing_item {
        position: relative;
        box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    } .pricing_head {
        background-color: #f7f7f7;
    } .p-bottom-100 {
        padding-bottom: 100px;
    } .p-top-30 {
        padding-top: 1.875rem;
    } .text-uppercase {
        text-transform: uppercase;
    } .pricing_price_border {
        background-color: #2d6fe2;
        padding: 10px;
        border-radius: 50%;
        margin: 0 auto;
        width: 150px;
        height: 150px;
        position: absolute;
        top: 12.6%;
        left: 25%;
        right: 25%;
    } .pricing_body {
        overflow: hidden;
    } .p-top-110 {
        padding-top: 95px;
    } .p-bottom-60 {
        padding-bottom: 5rem;
    } .bg-white {
        background-color: #fff;
    } .col-md-4 {
        width: 33.33333333%;
    } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    } .pricing_body ul {
        width: 95%;
        margin: 0 auto;
    } ul {
        margin: 0;
        padding: 0;
        list-style: none;
    } .main_blog, .main_pricing {
        overflow: hidden;
        width: 100%;
    } .roomy-100 {
    } .pricing_head {
        background-color: #f7f7f7;
    } .p-bottom-100 {
        padding-bottom: 40px;
    } .p-top-30 {
        padding-top: 1.875rem;
    } .text-center {
        text-align: center;
    } .border_separator {
        border-bottom: 1px solid #e3e3e3;
        width: 90%;
        height: 28px;
    }
/*Pricing Section style
        =======================*/
.main_blog, .main_pricing {
        overflow: hidden;
        width: 100%;
    } .pricing_top_border {
        height: 4px;
        width: 100%;
        background-color: #2d6fe2;
    } .pricing_item {
        position: relative;
        box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    } .pricing_head {
        background-color: #f7f7f7;
    } .pricing_price_border {
        background-color: #2d6fe2;
        padding: 5px;
        border-radius: 50%;
        margin: 0 auto;
        width: 125px;
        height: 124px;
        position: absolute;
        top: 15.6%;
        left: 26%;
        right: 25%;
    } .pricing_price_border .pricing_price {
            background-color: #2d6fe2;
            border: 2px solid;
            border-top-color: currentcolor;
            border-right-color: currentcolor;
            border-bottom-color: currentcolor;
            border-left-color: currentcolor;
            border-color: #fff;
            width: 115px;
            height: 115px;
            border-radius: 50%;
            padding-top: 25%;
        } .pricing_price_border .pricing_price h3 {
                margin-bottom: 5px;
                font-size: 2.822rem;
                font-weight: 600;
                font-family: 'Montserrat', sans-serif;
            } .pricing_price_border .pricing_price p {
                font-size: 0.929rem;
            } .pricing_body {
        overflow: hidden;
    } .pricing_body ul li {
            line-height: 20px;
        } .pricing_body ul li i {
                margin-right: 10px;
            } .text-white {
        color: #fff !important;
    } #mobileAddress {
        display: none;
    } .menuLangFlag {
        width: 90px;
        height: 30px;
        padding: 5px !important;
    } .langIcon {
        width: 24px;
        height: 19px;
        top: 4px;
        position: relative;
    } .liRightMenu {
        position: relative;
        top: 5px;
        border: none;
    } .ulRightMenu {
        position: relative;
        top: -40px;
    } .shoppingCart {
        height: 19px;
        color: #2d6fe2 !important;
        width: 70px;
        font-size: 21px;
        border: none;
    } .caret {
        position: relative;
        top: -5px;
    } .mobile-container {
        max-width: 100%;
        margin: auto;
        background-color: #555;
        height: 324px;
        color: white;
        /* border-radius: 10px;*/
        overflow: hidden;
    } .topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
    } .topnav #myLinks {
            display: none;
        } .topnav a {
            float: left;
            color: white;
            padding: 5px 16px;
            text-decoration: none;
            font-size: 17px;
            border-bottom: 1px solid gray;
        } .topnav a.icon {
                float: right;
            } .topnav a:hover {
                background-color: #ddd;
                color: black;
            } .active {
        background-color: #4CAF50;
        color: white;
    }
/* NEW ONSHORER MAINLAND CSS*/
.main_hkobc_banner {
        background-image: url("/images/banners/bannerJune2020.png");
        background-position: right top;
        display: block;
        float: right;
        text-decoration: none;
        background-repeat: no-repeat;
        width: 100%;
        height: 100px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 2px;
    } .red_module_bg {
        background-image: url("/images/banners/red_module_bg.png");
        background-position: right top;
        display: block;
        float: right;
        text-decoration: none;
        background-repeat: repeat;
        width: 100%;
        height: 43px;
    } a:hover {
        color: #2d6fe2 !important;
    } .login_corner {
        background-image: url("/images/banners/login_corner.png");
        background-position: right top;
        display: block;
        float: left;
        text-decoration: none;
        background-repeat: repeat;
        width: 43px;
        height: 44px;
    } .branch_address_EN {
        text-align: left;
        font-size: 100%;
        line-height: 14px;
        margin: 5px 0px;
        font-weight: normal;
    } .branch_address {
        text-align: left;
        line-height: 19px;
        margin-top: 5px;
        margin-bottom: 17px !important;
        font-size: 110%;
        margin-bottom: 3px;
    } .login_container {
        height: 31px;
        padding: 0px;
        padding-left: 0px;
        min-width: 167px;
        right: 40px !important;
        background-color: rebeccapurple;
        left: 1px;
        position: relative;
        padding-left: 10px;
    } .container_leftMenuCertification div {
        padding-left: 29px;
        line-height: 20px;
        height: auto;
        display: block;
        font-size:85%;
        
    }
      .subMenuLi > a > div
    {
        color: #313132;
    }
      .container_leftmenu span {
        padding-left: 29px;
    }
/*.container_leftmenu  div{
           padding-left:29px;
           height: 30px !important;
           display:block;
        }*/
.container_leftmenu2 div {
        padding-left: 17px;
        height: 30px !important;
        display: block;
    } .container_leftmenu2 span {
        padding-left: 17px;
    } .bold_title_gray {
        font-size: 120%;
        color: #414141;
        padding-top: 5px !important;
        font-weight: bolder;
    } .bold_subtitle_gray {
        font-size: 105%;
        color: #414141;
        padding-top: 5px !important;
        font-weight: bolder;
    } .bold_title_light_gray {
        font-size: 100%;
        color: #808080;
        padding-top: 5px !important;
        font-weight: bolder;
    } .title_light_gray {
        font-size: 100%;
        color: #808080;
        padding-top: 5px !important;
        line-height: 18px;
        margin-top: 9px;
    } .bold_title_red_span {
        color: #cd4f40;
    } .bold_title_red {
        font-size: 120%;
        padding-top: 5px !important;
        font-weight: bolder;
        color: #cd4f40;
    } html {
        scroll-behavior: smooth;
    } .mouseover_option {
        cursor: pointer;
        color: #fff;
        background-color: #e21433;
    } .mouseleave_option {
        cursor: pointer;
        color: #727272;
        background-color: #fff;
    } .stickThis {
        background-color: #fff;
        text-align: left;
        border: 1px solid #dddddb;
        width: 256px !important;
    } .stickThis.stick {
            margin-top: 86px;
            position: fixed;
            top: 0;
            /*z-index: 9999;*/
        } .quotation_even {
        background-color: #ebebeb;
    } .quotation_odd {
        background-color: #fff;
    } .quotation_header {
        background-color: #285e99;
        color: #fff;
    } quotation_table tr td {
        padding-left: 10px;
    } 
      
      .cotainer_button_apply {
         width:100%; display:block;  clear:both; margin-top:20px;margin-bottom:20px; height:120px;
        }
      .button_apply {
      background: url(/images/license/btn_submit.png);
        background-repeat: no-repeat;
        width: 155px !important;
        height: 50px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        text-align: center;
        margin:auto; 
        text-decoration:none;
        display:block;
    }
        .button_apply_text {
        color:#cd4f40; font-size:100%; padding-top:10px !important; text-align:center !important; 
        }
        .button_apply_text:hover {
        color:#094C7B !important;
        }
        
        .button_apply:hover {
        text-decoration:none; 
        }
      
       .button_submit {
        background: url(/images/license/btn_submit.png);
        width: 155px !important;
        height: 50px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        text-align: center;
        /*left: 10px;
         position: relative;*/
    } .button_active {
        border: 1px solid #cd4f40;
        cursor: pointer;
    } .button_inactive {
        border: 1px solid #dddddb;
        cursor: pointer;
    } .button_inactive:hover {
            background-color: #fee9e6;
        } .text_link_bg {
        color: #2d6fe2 !important;
    } .list_item_number {
        clear: left;
        float: left;
        width: 20px;
        display: block;
        text-align: right;
        margin-right: 10px;
        display: block;
    } .divbox1title {
        background-color: #eee;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid#aaa;
        color: #ccb035;
        padding: 5px;
        text-align: center;
        font-size: 120%;
    } .subdivision {
        color: #808080;
    } .subdivision:hover {
            color: #2d6fe2 !important;
            text-decoration: underline;
        } .title_pipe {
        background: #db0011;
        content: "";
        display: block;
        width: 5px;
        position: absolute;
    } .bg_address {
        width: 100%;
        border: 1px solid gray;
        padding: 8px;
        background: #e1efbb url(/images/banners/bg_address.png);
    } .bg_login {
        width: 100%;
        border-radius: 5px;
        background: url(/images/banners/bg_login.png);
    } .corner_trademark {
        background: bottom right url(/images/banners/corner_trademark.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_tax {
        background: bottom right url(/images/banners/corner_tax.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_license {
        background: bottom right url(/images/banners/corner_license.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_copyright {
        background: bottom right url(/images/banners/corner_copyright.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_cert {
        background: bottom right url(/images/banners/corner_cert.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_bank {
        background: bottom right url(/images/banners/corner_bank.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_formation {
        background: bottom right url(/images/banners/corner_formation.jpg);
        background-repeat: no-repeat;
        background-color: #fafafa;
        background-size: 100%;
    } .corner_calendar {
        background: bottom right url(/images/banners/corner_calendar.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } .corner_empty {
        background: bottom right url(/images/banners/corner_empty.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } .titleSlogan {
        text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989993px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756803px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279416px;
        color: rgb(234, 210, 38);
        font-size: 16px;
        font-family: Arial;
        font-style: italic;
    } .widgetTitle {
        color: #223791 !important;
    } .widgetTitle:hover {
            text-decoration: none;
        } .widgetTitle:active {
            text-decoration: none;
        } .widgetTitle:visited {
            text-decoration: none;
        } .widgetTitle:link {
            text-decoration: none;
        } .news_title:hover {
        text-decoration: underline;
    }
/*Start Master Footer CSS*/
#mainFooter .footerEnd {
        overflow: hidden;
        min-height: 95px;
        width: 100%;
        padding-top: 20px;
    } #mainFooter .footerEnd li {
            position: relative;
            float: left;
            font-size: 93%;
        } #mainFooter .footerEnd li:last-child {
                position: relative;
                float: right;
                width: auto;
            } #mainFooter .footerEnd .Recruit {
            margin-left: 1%;
        } #mainFooter .footerEnd .Suggestion div:first-child {
            position: relative;
            float: left;
        } #mainFooter .footerEnd .Suggestion {
            margin-left: 1%;
        } #mainFooter .footerEnd .Suggestion a {
                position: relative;
                float: right;
            } #mainFooter .footerEnd .onshorerCopyRight a {
            position: relative;
            float: right;
        } #mainFooter .footerEnd .onshorerCopyRight div {
            position: relative;
            float: left;
            margin-right: 10px;
        } #footerMenu {
        width: 100%;
        padding-bottom: 20px;
        display: inline-block;
    } #footerMenu div {
            position: relative;
            float: left;
        } #footerMenu div li {
                text-align: left;
                line-height: 25px;
            } #footerMenu div li > a {
                    color: #dedede;
                } #footerMenu div:last-child {
                position: relative;
                float: right;
            } #footerMenu div.footerA {
                width: 20%;
            } #footerMenu div.footerB {
                width: 25%;
            } #footerMenu div.footerC {
                width: 30%;
            } #footerMenu div.footerD {
                width: 15%;
            }
/*End Master Footer CSS*/
.facebookLikeSection {
        width: 100%;
        display: block;
        float: right;
        clear: left;
        margin-top: 20px;
    } body {
        padding-top: 50px;
        padding-bottom: 0;
        font-size: 24px;
        min-width: 1170px;
        background-color: #f4f4f2;
        width: 100%;
        color: #727272;
        font-family: "NotoSansTC-Light","Microsoft JhengHei","Quicksand", "sans-serif";
    } button[class=close] {
        color: #fff;
        font-size: 175%;
        opacity: 1
    } .modal-footer {
        padding: 5px
    } .modal-header {
        display: none
    } .modal-body {
        padding: 0 !important
    } .btn-close-w {
        margin-top: 5px;
        position: relative;
        overflow: hidden;
        border: 2px solid #2d6fe2;
        color: #2d6fe2;
        background-color: #fff;
        letter-spacing: 0
    } .bootstrap-dialog-footer-buttons {
        text-align: center
    } .body-content {
        padding-left: 15px;
        padding-right: 15px
    } .dl-horizontal dt {
        white-space: normal
    } input, select, textarea {
        max-width: 280px
    } .logo {
        float: left;
        height: 66px;
        line-height: 66px
    } .registrationLoginLink {
        background-color: #ea4e6c !important;
        padding: 5px 25px;
        border-radius: 3px;
        color: #fff
    } .userLoginLink {
        background-color: #2d6fe2 !important;
        padding: 5px 23px;
        border-radius: 3px;
        color: #fff
    } ul {
        margin: 0;
        padding: 0;
        list-style: none
    } .openLi li {
        display: block
    } .glyphicon-chevron-down {
        display: none
    } .glyphicon-chevron-up {
        display: none
    } #sectionHeader {
        position: fixed;
        top: 0;
        background-color: #fff !important;
        z-index: 999 !important;
        border-bottom: 1px solid #f4f0f0;
        width: 100%;
        max-height: 90px;
        border-top: 3px solid #e21433;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    } #sectionBody {
    position: relative;
    top: 10px;
    padding-bottom: 20px;
    display: inline-block;
} #header {
        min-height: 80px
    } #header .headerLeft {
            float: left;
            position: relative;
            width: 70%
        } #header .headerLeft > a {
                float: left;
                position: relative;
                float: left;
                position: relative;
                left: -6px;
                top: 4px
            } #header .headerLeft > a > img {
                    float: left;
                    position: relative;
                    height: 71px;
                    width: 202px;
                } #header .headerRight {
            float: right;
            position: relative;
            width: 30%
        } #divHeader div {
        float: right
    } #divHeaderSubMenu {
        display: none
    } #company_text {
        float: left;
        width: 70%;
        position: relative;
        color: #302a2a;
        border-left: 2px solid #bbb;
        margin-left: 21px;
        height: 50px;
        padding-top: 10px;
        margin-top: 17px;
        padding-left: 36px;
        letter-spacing: 2px
    } #company_text div:first-child {
            float: left;
            clear: left;
            padding-top: 3px;
            font-size: 60%;
            top: -1px;
            position: relative;
            min-width: 145px
        } #company_text div:nth-child(2) {
            float: left;
            font-style: italic;
            margin-right: 5px;
            margin-left: 5px;
            font-size: 80%;
            top: 0px;
            position: relative;
            letter-spacing: 3px !important
        } #company_text div:nth-child(3) {
            float: left;
            padding-top: 3px;
            font-size: 60%;
            top: -0px;
            position: relative
        } .branch_address {
        margin-bottom: 5px !important
    } #social_media {
        float: right;
        clear: right;
        width: 205px
    } #social_media div:first-child {
            float: right
        } #social_media #divSocial {
            float: right;
            top: 48px;
            position: relative
        } #social_media #logo > img {
            width: 60px;
            height: 60px;
            float: left;
            top: 12px;
            position: relative
        } #social_media #divSocial .facebook {
            margin-right: 16px;
            color: #111 !important;
            font-size: 100%;
            width: 21px;
            display: block;
            float: right
        } #social_media #divSocial .facebook:hover {
                color: #2d6fe2 !important;
                text-decoration: none;
            } #social_media #divSocial .instagram {
            margin-right: 8px;
            color: #111 !important;
            font-size: 100%;
            width: 27px;
            display: block;
            float: right
        } #social_media #divSocial .instagram:hover {
                color: #2d6fe2 !important;
                text-decoration: none;
            } #social_media #divSocial .linkedin {
            margin-right: 8px;
            color: #111 !important;
            font-size: 100%;
            width: 27px;
            display: block;
            float: right
        } #social_media #divSocial .linkedin:hover {
                color: #2d6fe2 !important;
                text-decoration: none;
            } #social_media #divSocial .twitter {
            margin-right: 8px;
            color: #111 !important;
            font-size: 100%;
            width: 27px;
            display: block;
            float: right;
            top: 2px;
            position: relative
        } #social_media #divSocial .twitter:hover {
                color: #2d6fe2 !important;
                text-decoration: none;
            } #languageContainer {
        float: right;
        display: block;
        top: 48px;
        position: relative;
        right: 38px
    } #languageContainer ul {
            float: right
        } #languageContainer ul li {
                position: relative;
                float: left;
                font-size: 70%
            } #languageContainer ul li > a {
                    float: left;
                    position: relative
                } #languageContainer ul li > span {
                    float: left;
                    top: 2px;
                    position: relative;
                    margin: 0 6px 0 6px;
                    font-size: 60%
                } #BtnNavbarToggle {
        font-size: 110%;
        color: #727272;
        position: relative;
        border-radius: 4px;
        margin: 3px 20px 0 10px;
        height: 26px;
        background-color: #fff !important;
        padding-top: 0 !important;
        display: none;
        border: 1px solid #bbb;
        padding: 3px 5px 0 5px;
        display:none !important;
    } #mainbody {
        background-color: #f4f4f2;
        margin-bottom: 35px
    } #leftBodyTop {
        width: 100%
    } .headerMainBanner {
        width: 100%
    } .headerMainBanner > a {
            padding: 0 !important;
            margin: 0 !important
        } #leftBodyTop .headerMainBanner > a > img {
        margin-bottom: 6px;
        width: 100%;
        border-bottom: 3px solid #d8d8d8
    } #leftBodyTop .headerMainTitle > a {
        font-size: 110%;
        margin-left: 0;
        font-weight: 400;
        padding: 0;
        margin: 0;
        text-shadow: rgba(0,0,0,.3) 2px 4px 3px
    } #leftBodyTop ul li.headerSubTitle {
        font-size: 85%
    } #leftBodyTop ul li.headerContent .subDivisionHeader {
        position: relative;
        float: left
    } #leftBodyTop ul li.headerContent .subDivisionContent {
        position: relative;
        float: left;
        margin-left: 10px
    } #leftBodyTop ul li.headerContent {
        font-size: 65%;
        margin-left: 30px
    } .bankTitle {
        color: #515151
    } .module_sub_title2 {
        font-size: 85%;
        color: #515151;
        padding: 5px 0;
        display: block
    } #leftBodyTop ul li.headerContent a {
        color: grey;
        font-weight: 350;
    } #leftBodyTop ul li.headerContent a:hover {
            color: #2d6fe2 !important
        } #leftBodyTop ul li.border_separator {
        border-bottom: 1px solid #e3e3e3;
        width: 81%;
        padding-bottom: 10px;
    } #leftBodyTop ul li:not(.headerMainBanner) {
        text-align: left;
        margin-left: 20px;
        margin-right: 20px
    } #leftBodyTop ul li a:hover > span {
        cursor: pointer;
        text-decoration: underline
    } #leftBodyTopLeft {
        width: 31%;
        position: relative;
        float: left;
        top: 0;
        background-color: transparent;
        margin-bottom: 4px;
        padding: 0;
        border-radius: 0;
        margin-right: 1%
    } #divFormationMenuHeader {
        clear: left;
        text-align: center;
        text-shadow: 2px 4px 3px rgba(0,0,0,.3);
        background-color: #3d5e8b;
        border-radius: 5px;
        margin-top: -5px;
        margin-bottom: 5px;
        display: none
    } #divFormationMenuHeader .goldtextcss {
            color: #2d6fe2 !important;
            font-size: 120%;
            line-height: 43px
        } #divFormationMenu {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_formation.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 20px
    } #divFormationMenu ul {
            margin-bottom: 40px
        } ul li.headerMainTitle > i {
        display: none
    } ul li.headerMainTitle a {
        font-size: 100% !important;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        text-shadow: 2px 4px 3px rgba(0,0,0,.3)
    } ul li.headerMainTitle a:hover {
            text-decoration: none;
            color: #2d6fe2 !important
        } #divFormationMenu ul li {
        display: block
    } #divCompanyAnnualRenewal {
        background-color: #fff;
        text-align: center;
        height: auto;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        margin-bottom: 6px;
        margin-top: 7px;
        border-left: 3px solid #ea4e6c;
        padding-bottom: 19px;
        padding-top: 19px;
        text-align: center;
        font-size: 90%
    } .titleOptional {
        padding: 0 !important;
        font-size: 95%;
        color: grey !important;
        text-shadow: 2px 4px 4px rgba(0,0,0,.3);
    } #divCompanyAlteration {
        background-color: #fff;
        text-align: center;
        height: auto;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        margin-bottom: 6px;
        margin-top: 7px;
        border-left: 3px solid #ea4e6c;
        padding-bottom: 19px;
        padding-top: 19px;
        text-align: center;
        font-size: 90%
    } #leftBodyTopMiddle {
        width: 31%;
        position: relative;
        float: left;
        top: 0;
        background-color: transparent;
        margin-bottom: 15px;
        padding: 0;
        border-radius: 0;
        margin: 0 10px 0 12px
    } #divOpenCertification {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_bank.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 43px
    } #divOpenCertification ul > li.headerMainTitle {
            margin-bottom: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #divTaxService {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_tax.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 43px;
        margin-top: 10px;
        border-top: 3px solid #d8d8d8
    } #divTaxService ul > li.headerMainTitle {
            margin-bottom: 10px;
            padding-top: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #divLicense {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_license.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 40px;
        margin-top: 10px;
        border-top: 3px solid #d8d8d8
    } #divLicense ul > li.headerMainTitle {
            margin-bottom: 10px;
            padding-top: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #leftBodyTopRight {
        width: 31%;
        position: relative;
        float: left;
        top: 0;
        background-color: transparent;
        margin-bottom: 15px;
        padding: 0;
        border-radius: 0;
        margin: 0 20px 0 12px
    } #divTrademark {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_trademark.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 21px
    } #divTrademark ul > li.headerMainTitle {
            margin-bottom: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #divCopyright {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_copyright.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 43px;
        margin-top: 10px;
        border-top: 3px solid #d8d8d8
    } #divCopyright ul > li.headerMainTitle {
            margin-bottom: 10px;
            padding-top: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #divCertification {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background: bottom right url(/images/banners/corner_cert.png);
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 40px;
        margin-top: 10px;
        border-top: 3px solid #d8d8d8
    } #divCertification ul > li.headerMainTitle {
            margin-bottom: 10px;
            padding-top: 10px;
            text-shadow: 2px 4px 3px rgba(0,0,0,.3)
        } #leftBodyBottom {
        width: 100%
    } #divBanner {
        width: 100%
    } #divBanner > a > img {
            width: 98%;
            margin: 9px 0;
            box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
        } .CertificationsContainerMain {
        border-radius: 5px;
        border-radius: 5px;
        margin-top: 12px;
        padding-top: 5px !important
    } .CertificationContainerTitle:hover {
        text-decoration: underline;
    } .CertificationContainerTitle {
        float: left;
        clear: left;
        color: #2d6fe2 !important;
        text-shadow: 2px 4px 3px rgba(0,0,0,.3);
        min-height: 36px;
        margin-top: 2px;
        padding-left: 3px;
    } .CertificationMoreLabel:hover {
        text-decoration: underline;
    } .CertificationMoreLabel {
        position: relative;
        float: right;
        right: 0;
        font-size: 60%;
        margin-top: 10px;
        color: #2d6fe2 !important;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3)
    } .CertificationQuestionContainer {
        width: 100%;
        height: auto
    } .CertificationQuestionItemFirst {
        cursor: pointer;
        clear: left;
        float: left;
        color: #727272;
        background-color: #f3f3f3;
        border-radius: 5px;
        border: 1px solid #e4e2e2;
        margin-right: 5px
    } .CertificationQuestionItem {
        cursor: pointer;
        float: left;
        color: #727272;
        background-color: #f3f3f3;
        border-radius: 5px;
        border: 1px solid #e4e2e2;
        margin-right: 5px
    } .CertificationQuestionItemLast {
        cursor: pointer;
        float: left;
        color: #727272;
        background-color: #f3f3f3;
        border-radius: 5px;
        border: 1px solid #e4e2e2;
        margin-right: 0
    } .CertificationRightIcon {
        color: #ea4e6c;
        float: left;
        padding-left: 3px
    } .CertificationQuestionText {
        float: left;
        width: 95%;
        line-height: 16px
    } .QuestionContainer {
        clear: left;
        float: left;
        border-left: 3px solid #ea4e6c;
        margin-left: 2px;
        width: 99.7%;
        margin-top: 5px;
        background-color: #fff !important;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    } .QuestionContainerDIV {
        padding: 15px;
        font-size: 58%;
        width: 100%;
        text-align: justify;
        float: left
    } .QuestionContainerDIV div {
            float: left
        } .QuestionContainerCloseLabel {
        float: right;
        clear: left;
        text-align: right;
        color: #727272;
        text-decoration: underline;
        cursor: pointer
    } .QuestionContainerHalf {
        padding: 15px;
        font-size: 58%;
        width: 50%;
        text-align: justify;
        float: left
    } .QuestionContainerHalfDIV {
        float: left;
        clear: left
    } .QuestionContainerHalfList {
        float: left;
        clear: left;
        width: 100%
    } .QuestionContainerHalfListNum {
        float: left;
        clear: left;
        width: 5%
    } .QuestionContainerHalfListText {
        float: left;
        width: 95%;
        display: block
    } #divNews {
        width: 31%;
        position: relative;
        float: left;
        top: 0;
        background-color: transparent;
        margin-bottom: 15px;
        padding: 0;
        border-radius: 0;
        margin-right: 1%
    } #divNewsTitle {
        text-shadow: 2px 4px 3px rgba(0,0,0,.3);
        margin-left: 5px
    } #divNewsTitle a {
            color: #2d6fe2 !important
        } #divNewsTitle > a .More {
            display: none;
            color: #2d6fe2 !important
        } #divNewsContent {
        background-color: #e5e7e9;
        border: 1px solid #d6d5d5;
        border-radius: 5px;
        min-height: 36px
    } #divNewsContent ul li {
            background-color: #fff;
            border-radius: 5px;
            height: auto;
            border: 1px solid #e4e2e2;
            padding: 0 10px 15px;
            text-align: left !important;
            background: #e1efbb url(/images/banners/bg_address.png) bottom;
            background-size: 100%;
            font-size: 60%;
            margin: 10px;
            min-height: 63px
        } #divNewsContent ul li > div {
                padding-top: 5px
            } #divCalendar {
        text-align: left;
        width: 100%;
    } #divCalendar ul li {
            margin-left: 10px;
            margin: auto;
            margin-top: 10px;
            text-align: center;
            box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
            min-height: 90px;
            padding-left: 10px
        } #divCalendar a > img {
            float: left;
            margin: 7px 0
        } #divCalendar .calendarSaveIcon {
            position: relative;
            margin: 0;
            padding: 0;
            color: grey;
            padding-top: 31px;
            padding-left: 0;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3);
            float: left
        } #divCalendar .calendarTitle {
            float: left;
            text-shadow: 2px 4px 2px rgba(0,0,0,.3);
            padding-top: 30px;
            margin-left: 3px;
            color: grey;
            font-size: 76%
        } #divSeminars {
        width: 99%;
        position: relative;
        float: left;
        top: 0;
        background-color: transparent;
        margin-bottom: 0;
        padding: 0;
        border-radius: 0;
        margin-right: 1%;
        margin-left: .4%
    } #divSeminars .SeminarContentTop {
            width: 99%;
            position: relative;
            float: left
        } #divSeminars .SeminarContentBottom {
            width: 100%;
            position: relative;
            float: left
        } #divSeminarsTitle {
        color: #2d6fe2 !important;
        text-shadow: 2px 4px 3px rgba(0,0,0,.3);
        min-height: 36px
    } #divSeminarsTitle a {
            color: #2d6fe2 !important
        } #divSeminarsTitle a :hover {
                text-decoration: underline
            } #divSeminarsTitle a > span:first-child {
                position: relative;
                float: left
            } #divSeminarsTitle a > span:nth-child(2) {
                position: relative;
                float: right;
                right: 10px;
                font-size: 60%;
                margin-top: 10px
            } #divSeminars .mainSeminar {
        width: 50%;
        position: relative;
        float: left
    } #divSeminars .mainSeminar2 {
        width: 50%;
        position: relative;
        float: left
    } #divSeminars .mainSeminar2 > div:first-child {
            margin: 0;
            padding: 0 6px 0 0;
            width: 100%
        } #divSeminars .mainSeminar2 > div:first-child > a > img {
                margin-bottom: 6px;
                box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
                padding: 5px;
                width: 100%;
                min-height: 268px
            } #divSeminars .rightSeminarSub {
        float: left;
        text-align: left;
        width: 25%;
        min-height: 139px
    } #divSeminars .rightSeminarSub > div:first-child {
            margin-bottom: 2px;
            padding: 0 5px 0 0
        } #divSeminars .rightSeminarSub > div:first-child > a > img {
                box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
                padding: 5px;
                width: 100%
            } #divSeminars .rightSeminarSubLast {
        float: left;
        text-align: left;
        width: 25%;
        min-height: 139px
    } #divSeminars .rightSeminarSubLast {
        float: left;
        text-align: left;
        width: 25%;
        min-height: 139px
    } #divSeminars .rightSeminarSubLast > div:first-child {
            margin-bottom: 2px;
            padding: 0 5px 0 0
        } #divSeminars .rightSeminarSubLast > div:first-child > a > img {
                box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
                padding: 5px;
                width: 100%
            } #divSeminars .bottomSeminarSub {
        position: relative;
        float: left;
        text-align: left;
        height: auto;
        width: 33%;
        min-height: 138px
    } #divSeminars .bottomSeminarSub > div:first-child {
            margin-bottom: 2px;
            padding: 0 5px 0 0
        } #divSeminars .bottomSeminarSub > div:first-child > a > img {
                box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
                padding: 5px;
                width: 100%;
                height: 100%
            } #divBodyContent {
        padding: 0;
        width: 100%
    } #divBodyContent .leftBodyContent {
            width: 80%;
            position: relative;
            float: left
        } #divBodyContent .RightBodyContent {
            width: 20%;
            position: relative;
            float: right
        } #divLoginContainer {
        margin: 0;
        text-align: center;
        height: auto;
        margin-top: 0 !important;
        top: -9px;
        position: relative
    } #divLoginContainer div:first-child {
            border-radius: 5px;
            margin-top: 0
        } #LoginTitle {
        width: 100%
    } #LoginTitle div:nth-child(2) {
            left: 10px;
            margin-top: 0;
            top: 0;
            position: relative
        } #mainFormLogin {
        background-color: transparent;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        border-radius: 5px;
        border: 0;
        min-height: 137px;
        background: #fff url(/images/banners/bg_login.png)
    } #mainFormLogin #LoginTitle div:first-child {
            float: left;
            color: #223791;
            left: 5%;
            position: relative;
            text-align: left;
            padding-bottom: 5px !important;
            margin-top: 11px;
            margin-bottom: 10px;
            font-size: 90%;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        } #mainFormLogin #LoginTitle div:nth-child(2) {
            font-size: 61%;
            color: #727272;
            position: absolute;
            margin-top: 0;
            top: 36px
        } #mainFormLogin #LoginTitle > img {
            float: right;
            margin-top: 4px;
            margin-right: 7px;
            position: relative;
            margin-bottom: 10px
        } .registrationLinkDIV {
        width: 50%;
        float: left;
        clear: left;
        height: auto;
        padding-bottom: 22px;
        text-align: center
    } .customerLinkDIV {
        width: 50%;
        float: left;
        height: auto;
        padding-bottom: 22px;
        text-align: center
    } .forgotUserLinkDIV {
        width: 100%;
        clear: left
    } .forgotUserLinkDIVLabel {
        color: #2d6fe2 !important
    } #loginForm {
        width: 100%;
        margin-bottom: 0;
        position: relative;
        margin: 0 0 10px 10px
    } #loginForm .divform {
            width: 89%;
            background-color: transparent
        } #loginForm .divform div {
                background-color: transparent
            } #loginForm #LoginTitle div {
            background-color: transparent
        } #loginForm .divform {
            float: left;
            text-align: left;
            font-size: 55%;
            width: 93%;
            margin-top: 10px;
            padding-bottom: 5px
        } #LoginId {
        font-weight: 400;
        font-size: 50%
    } #loginForm .divform .divPassword div:first-child {
        width: 65%;
        position: relative;
        float: left
    } #loginForm .divform .divPassword div:nth-child(2) {
        width: 30%;
        position: relative;
        float: left
    } #Password {
        width: 95%;
        float: left;
        font-weight: 400;
        font-size: 50%
    } #btnLogin {
        font-size: 70%;
        width: 92%
    } #forgotUserNamePwd {
        padding: 0;
        text-align: left;
        width: 100%;
        position: relative;
        float: left;
        margin-top: -10px;
        left: 4px;
        position: relative
    } #loginForm input {
        height: auto;
        border-color: #e3e5e5;
        border-style: solid;
        border-width: 1px;
        background-color: transparent;
        box-shadow: none !important;
        padding: 5px;
        border-radius: 2px;
        position: relative;
        top: -2px;
        -webkit-transition: border-color .3s;
        transition: border-color .3s
    } #loginForm input[type=button] {
            border-width: 2px;
            font-weight: 500;
            letter-spacing: 1px;
            border-radius: 4px;
            -webkit-transition: color .3s,background-color .3s,border-color .3s;
            transition: color .3s,background-color .3s,border-color .3s;
            display: inline-block;
            font-size: 60%;
            font-weight: 400;
            line-height: 1.428571429;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 6px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            float: left;
            height: 30px;
            border-radius: 6px;
            background-color: #f45555;
            color: #fff;
            width: 92%;
            top: -3px;
            position: relative
        } #loginForm input[type=button] :hover {
                color: #333;
                text-decoration: none
            } #LinksContainer {
        margin: auto;
        background-color: #fff;
        text-align: center;
        width: 100%;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        margin-bottom: 8px;
        border-radius: 5px;
        background: bottom right url(/images/banners/corner_empty.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 0
    } #LinksContainer .LinksHeader {
            width: 90%;
            border-bottom: 1px solid #e3e3e3;
            margin: auto;
            position: relative;
            font-size: 85%;
            color: #727272;
            padding-top: 5px !important;
            margin-bottom: 5px;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3);
            min-height: 45px
        } #LinksContainer .LinksHeader a {
                color: #727272
            } #LinksContainer .LinksHeader a:hover {
                    cursor: default !important;
                    color: #727272;
                    text-decoration: none
                } #LinksContainer .LinksHeader .More {
                display: none
            } #LinksContainer .LinksHeader li {
                margin-top: 2px
            } #LinksContainer .LinksContent {
            min-height: 136px
        } #LinksContainer .LinksContent li {
                font-size: 65%;
                width: 46%;
                position: relative;
                float: left;
                text-align: left;
                margin-top: 8px
            } #LinksContainer .LinksContent li > a {
                    padding-left: 20px
                } #LinksContainer .LinksContent li > a > div {
                        top: 0;
                        position: relative;
                        color: #ea4e6c;
                        margin: 0;
                        padding: 0;
                        font-size: 80%;
                        left: -2px;
                        text-decoration: none
                    } #LinksContainer .LinksContent li > a > span {
                        color: #727272;
                        text-decoration: none
                    } #LinksContainer .LinksContent li > a:hover > span {
                        color: #2d6fe2;
                        cursor: pointer;
                        text-decoration: underline
                    } #divVerticalBranch {
        padding: 0 !important;
        margin-top: 0 !important;
        margin: auto
    } #divVerticalBranch .rightBranch {
            width: 100%;
            padding: 15px;
            background: url(/images/banners/bg_address.png);
            border: 1px solid #e4e2e2;
            min-height: 138px;
            border-radius: 5px;
            margin-top: 7px
        } #divVerticalBranch .rightBranch .leftSide {
                width: 50%;
                position: relative;
                float: left;
                margin-top: 10px
            } #divVerticalBranch .rightBranch .rightSide {
                width: 50%;
                position: relative;
                float: right;
                margin-top: 3px
            } #divVerticalBranch .rightBranch .leftSide div:first-child {
                float: left;
                top: -10px;
                position: relative;
                text-align: left;
                border-left: 3px solid #ea4e6c;
                line-height: 35px;
                text-shadow: 2px 3px 3px rgba(0,0,0,.3);
                width: 100%
            } #divVerticalBranch .rightBranch .leftSide div:nth-child(2) {
                position: relative;
                text-align: left;
                width: 100%;
                font-size: 56%;
                left: 11px
            } .langConfDIV {
        cursor: default;
        float: left;
        padding: 0 5px
    } .langConf {
        color: #727272
    } .langConf:hover {
            color: #2d6fe2 !important;
            text-decoration: none
        } .langConfSeparator {
        font-size: 114%;
        top: -4px;
        position: relative;
        float: left
    } .langConfSelected {
        border-bottom: 1px solid gray
    } .contactNumber {
        color: #727272 !important;
        font-size: 110%;
        font-family: Verdana;
        top: -10px;
        position: relative;
        left: -2px
    } #divVerticalBranch .rightBranch .rightSide > a {
        position: relative;
        color: #727272;
        float: right;
        width: 92%;
        border: 2px solid none;
        border-radius: 3px
    } #divVerticalBranch .rightBranch .rightSide > a:hover {
            color: #2d6fe2;
            cursor: pointer;
            text-decoration: underline
        } #divVerticalBranch .rightBranch .rightSide > a > img {
            margin-left: 19px;
            border-radius: 3px;
            border: 3px solid #fff;
            top: -5px;
            position: relative;
            right: 3px
        } #divVerticalBranch .rightBranch .rightSide > a > div {
            font-size: 64%;
            text-align: right;
            right: 24px;
            position: relative;
            width: 130%;
            top: -6px
        } .w3-button:hover {
        color: #000 !important;
        background-color: #ccc !important
    } .w3-bar .w3-button {
        white-space: normal;
        box-shadow: rgba(0,0,0,.1) .5px .5px .5px .5px
    } .w3-bar .w3-bar-item {
        padding: 15px 1px;
        float: left;
        width: 33%;
        border: none;
        display: block;
        outline: 0;
        font-size: 58%;
        text-align: left;
        background: url(/images/banners/corner_calendar.png);
        margin-bottom: 4px
    } .w3-bar .w3-bar-item:hover {
            color: #727272 !important;
            text-decoration: underline
        } .w3-dark-gray, .w3-dark-grey, .w3-hover-dark-gray:hover, .w3-hover-dark-grey:hover {
        color: #fff !important;
        background-color: #616161 !important
    } #divBannerRecruit {
        width: 100%;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: center;
        margin: auto;
        display: inline-table;
        margin-top: 0px
    } #divBannerRecruit a:hover div {
            text-decoration: underline
        } #divBannerRecruit .Recruit .divRecruit {
            float: left;
            text-align: left !important;
            top: 4px;
            position: relative;
            width: 100%
        } #divBannerRecruit .Recruit .divRecruit > div:first-child {
                float: left;
                text-align: left !important;
                position: relative;
                width: 100%
            } #divBannerRecruit .Recruit .divRecruit > div:nth-child(2) {
                font-size: 90%;
                letter-spacing: 5px;
                position: absolute;
                left: 105px;
                float: left;
                width: 850px
            } #divBannerRecruit .Recruit .divRecruit > div > ul > li {
                font-size: 80%;
                letter-spacing: 5px;
                float: left;
                padding-left: 50px;
                position: relative;
                top: 6px
            } #divBannerRecruit .Recruit {
            width: 100%;
            float: left;
            color: #2d6fe2 !important;
            text-decoration: none;
            padding-left: 3px;
            padding-bottom: 5px;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3)
        } #divBannerRecruit .Recruit .More {
                color: #2d6fe2 !important;
                font-size: 60%;
                float: right;
                padding-top: 10px
            } #divBannerRecruit .imgRecruitBanner {
            width: 100%;
            height: 100%;
        } .webFooterAddressContainer {
        display: block
    } .mobileFooterAddressContainer {
        display: none
    } #divBranchFotterAddrres #divAddrresTitle {
        display: none
    } #divBranchFotterAddrres {
        margin: 0;
        line-height: 23px;
        text-align: justify;
        width: 100%;
        margin: auto;
        background-color: #ebebeb
    } #divBranchFotterAddrres .divFooterBranch:first-child .Telephone > ul > li:nth-child(2) {
            margin-left: -20px
        } #divBranchFotterAddrres .divFooterBranch:nth-child(2) .Telephone > ul > li:nth-child(2) {
            margin-left: -10px
        } #divBranchFotterAddrres .divFooterBranch:nth-child(3) .Telephone > ul > li:nth-child(2) {
            margin-left: -10px
        } #divBranchFotterAddrres .divFooterBranch:nth-child(4) .Telephone > ul > li:nth-child(2) {
            margin-left: -10px
        } #divBranchFotterAddrres .divFooterBranch:nth-child(5) .Telephone > ul > li:nth-child(2) {
            margin-left: 0
        } #divBranchFotterAddrres .divFooterBranch:last-child .Telephone > ul > li:nth-child(2) {
            margin-left: -25px
        } .divFooterBranch {
        border: 2px solid #ebebeb;
        height: auto;
        width: 20%;
        min-width: 170px;
        position: relative;
        float: left;
        font-size: 90%;
        background: #fff url(/images/banners/bg_address.png) no-repeat bottom;
        border-radius: 5px;
        margin-top: 4px;
        padding: 0px 4px 5px 4px;
    } .branchContact .Telephone:hover {
        color: #2d6fe2;
        text-decoration: underline
    } .branchContact .Telephone {
        color: grey
    } .branchContact .Email:hover {
        color: #2d6fe2;
        text-decoration: underline;
        cursor: pointer
    } .branchContact .Email {
        color: #2d6fe2;
        text-decoration: none;
        font-size: 120%
    } .phoneNumber {
        font-size: 120%;
        font-weight: 700;
        margin-left: 6px
    } .divFooterBranch > div:first-child {
        margin-top: 17px;
        text-align: justify;
        border-radius: 5px;
        padding: 10px;
        line-height: 20px;
        display: block;
        padding: 5px
    } .divFooterBranch > div:first-child .divHeader {
            float: left;
            width: 100%;
            border-bottom: 1px solid #bbbbb4
        } .divFooterBranch > div:first-child .divHeader .BranchName {
                cursor: pointer;
                float: left;
                display: block;
                top: -5px;
                position: relative;
                text-align: left;
                text-shadow: 2px 3px 3px rgba(0,0,0,.3);
                color: #727272
            } .divFooterBranch > div:first-child .divHeader .BranchName:hover {
                    color: #2d6fe2;
                    text-decoration: underline
                } .divFooterBranch > div:first-child .divHeader .BranchMap {
                float: right;
                cursor: pointer;
                display: block;
                top: -3px;
                position: relative;
                text-align: right;
                font-size: 60%;
                color: #2d6fe2 !important;
            } .divFooterBranch > div:first-child .divHeader .BranchMap:hover {
                    color: #2d6fe2;
                    text-decoration: underline
                } .divFooterBranch > div:first-child .divHeader .imgMap {
                float: right;
                top: -3px;
                position: relative;
                right: -7px
            } .divFooterBranch .divContent {
        float: left
    } .divFooterBranch .divContent div:first-child {
            margin-bottom: 5px;
            float: left;
            border-top-left-radius: 6px;
            float: left;
            text-align: left;
            color: #727272;
            font-size: 65%
        } .divFooterBranch .divContent .branchQrcode > img {
            clear: left;
            float: left;
            width: 40%;
            max-width: 200px;
            margin-bottom: 5px;
            margin-right: 6px
        } .divFooterBranch .divContent .branchQrcode > ul {
            float: left;
            text-align: left;
            top: 30px;
            position: relative;
            font-size: 60%;
            color: #727272
        } .divFooterBranch .divContent .branchContact {
            padding-right: 5px;
            float: left;
            font-size: 50%
        } .divFooterBranch .divContent .branchContact .Telephone {
                padding-right: 5px;
                float: left;
                color: grey;
                font-size: 104%;
                width: 98%;
                font-family: verdana;
                font-weight: 700;
            } .divFooterBranch .divContent .branchContact .Telephone ul > li {
                    position: relative;
                    float: left;
                } .divFooterBranch .divContent .branchContact .Telephone ul > li:first-child {
                        font-size: 105%;
                        width: auto;
                        margin-right: 4px;
                    } .divFooterBranch .divContent .branchContact .Telephone ul > li:nth-child(2) {
                        padding-left: 10px;
                        word-spacing: 6px;
                        font-size: 120%;
                        width: auto;
                        float: left;
                    } .wechatAlias {
        color: #ea4e6c !important;
        font-size: 106%;
        margin-bottom: 1px;
    } #mainFooter {
        width: 100%;
        overflow: hidden;
        text-align: center;
        opacity: .8;
        padding: 15px 0;
        background-color: #000;
        position: relative;
        bottom: 0;
        min-height: 70px;
        font-size: 60%
    } #mainFooter .Privacy {
            float: left;
            margin-right: 30px;
            color: grey
        } #mainFooter .Privacy:hover {
                color: #2d6fe2
            } #mainFooter .Recruit {
            float: left;
            margin-right: 30px;
            color: grey
        } #mainFooter .Recruit:hover {
                color: #2d6fe2
            } #mainFooter .divSuggestion {
            float: left
        } #mainFooter .divSuggestion > a {
                color: #2d6fe2
            } #mainFooter .Suggestion {
            color: #fff;
            float: left
        } #mainFooter .container {
            padding-left: 13px !important;
            padding-right: 9px !important
        } #mainFooter .divCopyRight {
            float: right
        } #mainFooter .divCopyRight .CompanyCI {
                float: right;
                margin-right: 20px
            } #mainFooter .divCopyRight .CompanyCI > a {
                    color: grey
                } #mainFooter .divCopyRight .CompanyCI > a:hover {
                        color: #2d6fe2;
                        text-decoration: underline;
                        cursor: pointer
                    } #mainFooter .divCopyRight .CopyRight {
                float: right;
                margin-right: 20px;
                color: #fff
            } #mainFooter .divCopyRight .OnshorerUrl {
                float: right;
                color: grey;
                font-size: 100%;
            } #mainFooter .divCopyRight .OnshorerUrl > a {
                    color: grey;
                } #mainFooter .divCopyRight .OnshorerUrl > a:hover {
                        color: #2d6fe2;
                        text-decoration: underline;
                        cursor: pointer;
                    } #footerMenuWeb a {
        color: #dedede;
        font-size: 95%
    } .footerWebMainDIV {
        width: 100%;
        margin: 0;
        text-align: center;
        margin: auto
    } .footerWebMainDIVSubDiv {
        width: 98%;
        margin: 0;
        text-align: center;
        margin: auto;
        clear: left;
        display: block
    } .footerWebContainerA {
        float: left;
        text-align: left;
        width: 20%
    } .footerWebSubTitle {
        height: 30px;
        line-height: 20px;
        font-size: 16px;
        border-bottom: 1px solid #fff;
        color: #9d9494
    } .footerWebContainerB {
        float: left;
        text-align: left;
        width: 20.5%
    } .footerWebContainerBSmall {
        float: left;
        clear: left;
        width: 50%
    } .footerWebContainerBSmall_Next {
        float: left
    } .footerWebContainerBSmall_Bottom {
        float: left;
        width: 50%
    } .footerWebContainerC {
        float: left;
        text-align: left;
        width: 30%
    } .footerWebContainerC_title {
        float: left;
        padding-right: 10%
    } .footerWebContainerC_Small {
        float: left;
        width: 50%;
        clear: left
    } .footerWebContainerC_Small_Next {
        float: left;
        width: 45%
    } .footerWebContainerD {
        float: right;
        text-align: left;
        width: 18.9%
    } .copyrightSectionWeb {
        text-align: left;
        width: 100%;
        clear: left;
        border-top: 1px solid gray;
        height: 40px;
        padding: 6px 0 17px 0;
        margin-top: 10px
    } #divBranchZoom {
        display: block;
        width: 100%;
        padding: 15px;
        min-height: 520px
    } #divBranchZoom .leftSide {
            position: relative;
            float: left;
            width: 30%
        } #divBranchZoom .leftSide > img {
                position: relative;
                float: right;
                width: 95%;
                margin-right: 10px
            } #divBranchZoom .leftSide .divBranchName {
                position: relative;
                float: right;
                width: 95%;
                margin-right: 10px
            } #divBranchZoom .leftSide .divBranchName .BranchNameCN {
                    margin-top: 10px;
                    font-size: 150%
                } #divBranchZoom .leftSide .divBranchName .BranchNameEN {
                    font-size: 150%
                } #divBranchZoom .leftSide .divBranchName .BranchAddress {
                    margin-top: 20px;
                    font-size: 100%
                } #divBranchZoom .leftSide .divBranchName .BranchPhone {
                    font-size: 100%;
                    margin-top: 5px
                } #divBranchZoom .leftSide .divBranchName .BranchEmail {
                    font-size: 100%;
                    margin-top: 5px
                } #divBranchZoom .leftSide .divBranchName .BranchQrcode {
                    margin-top: 20px
                } #divBranchZoom .leftSide .BranchQrcode > img {
                width: 50%;
                position: relative;
                float: left
            } #divBranchZoom .leftSide .BranchQrcode > ul {
                width: 50%;
                position: relative;
                float: left;
                margin-top: 40px;
                padding-left: 5px
            } #divBranchZoom .leftSide .BranchQrcode > ul > li {
                    width: 100%;
                    position: relative;
                    float: left;
                    font-size: 60%
                } #divBranchZoom .rightSide {
            position: relative;
            float: right;
            width: 70%
        } #divBranchZoom .rightSide a > img {
                width: 100%
            } .modal-dialog {
        width: 80% !important;
        max-width: 1100px
    } .modal-content {
        display: inline-grid
    } #footerMenuWeb {
        display: block
    } #footerMenuMobile {
        display: none
    }
/*CSS for Mobile Version*/
@media (max-width:992px) {
    
     .tab {
        display: inline-block;
        margin-left: 10px;
     }

    .CertificationMainContainerItem{
        width:100%; margin-bottom:0; text-align:center; padding:10px !important; border: 1px solid gray; border-radius:5px; min-height:195px;
    }

    .col-4B {
        width: 48%;
    }   
     .col-4 {
        width: 50%;
    }

    .itemBigContainer {
    clear: left;
    float: left;
    width: 100%;
    height: 149px;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
}


    .CertificationContainer{
        float:left; width:100%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px; margin-bottom: 5%
    }
    .CertificationContainerType2{
        float:left; width:100%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px ; margin-bottom: 5%;
    }

    #divCertificationBodyRight {
        padding: 0px 15px 5px 15px !important;
    }
    
    .imgWEBM {
        display:none;
    }
    .imgGIF {
        display:none
    }

    .cotainer_button_apply {
         width:100%; display:block;  clear:both; margin-top:20px;margin-bottom:0px; height:90px;
    }

    .col-3 {
        width: 100%;
    }
    .col-2-3 {
        width: 100%;
    }

     .introMain {
            width: 93%;
            padding-left: 5px;
            float: left;
            line-height: 27px;
            text-align: justify;
            padding-top:0px;
        }

    .CertificationTextItem {
    float:left; padding-left:10px; width:74%; font-size: 80%; text-align: justify; color:#0d0d0d;line-height:27px;
    }

    .languageMenu {
        color: #2d6fe2 !important;
        padding:0px 15px;
    }

    .textUnderline div:first-child {
        height: 28px;
        border-bottom: 0px;
        color: #0d0d0d !important;
        font-weight:bold;
        text-decoration:underline;
        margin-right: 1px;
    
    }

     #company_text {
        float: left;
        width: 70%;
        position: relative;
        color: #302a2a;
        border-left: 2px solid #bbb;
        margin-left: 21px;
        height: 50px;
        padding-top: 10px;
        margin-top: 17px;
        padding-left: 36px;
        letter-spacing: 2px
    } #company_text div:first-child {
            float: left;
            clear: left;
            padding-top: 3px;
            font-size: 70%;
            top: -1px;
            position: relative;
            min-width: 145px;
            font-family: Arial;
            letter-spacing:initial;
        } #company_text div:nth-child(2) {
            font-size: 68% !important;
            margin-right: 3px;
            font-weight: bold;
            font-family: Arial;
            clear: left;
            letter-spacing: initial !important;
            top: -10px;
            left: -4px;
        } #company_text div:nth-child(3) {
            float: left;
            padding-top: 3px;
            font-size: 70%;
            top: -12px;
            position: relative;
            font-family: arial;
            letter-spacing: initial;
            left: -5px;
        } 



    .module_main_title {
        font-size: 120% !important;
    }
      

      #divCertificationBodyUpperRight .odd {
            width: 100%;
            margin: auto;
            /*padding: 5px;*/
            /*background-color: #fff;*/
            font-size:95%;
        } #divCertificationBodyUpperRight .even {
            width: 99%;
            margin: auto;
            padding: 5px;
            background-color: #efefef;
        } 

    #divCertificationBodyRight {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: left;
        padding: 0px 5px 5px 5px;
       font-size:80%;
    }
      #divCertificationBodyUpperRight div >h2{
              display:inline-block;
              width:100%;
        }
        #divCertificationBodyUpperRight div > h3 {
            padding: 10px 10px 10px 5px;
            line-height: 25px;
            text-align: justify;
        }
       
      

    .asideCertification {
        margin: 0px -5px 0px -5px;
    }
    .asideCertification h1{
       font-size:120%;
    }
    .asideCertification h2{
       font-size:100%;
    }
    .asideCertification h3{
       font-size:80%;
    }
    .asideCertification h4{
       font-size:85%;
    }
    .list_item_text {
        width:86%;
    }
    .leftMenuMediaController {
        display: inline-block;
        width: 100% !important;
        padding-bottom:40px;
    }

    .stickThis {
        width: 100% !important;
        position: relative !important;
    }

        .stickThis.stick {
            margin: 0px !important;
        }

    .leftMenuCertification {
        min-height: inherit !important;
    }

    .stickThis ul li {
        width: 100%;
    }
   
    #stick-here_Certification {
        height: 30px !important;
    }

    .rightBodyCertification {
        width: 100% !important;
    }

    #HeaderMenu {
        margin-top: 40px;
        display: none;
    }
    /*Start Mobile Master Footer CSS*/
    #mainFooter .footerEnd li {
        margin-left: 2%;
        line-height: 40px;
        width: 100%;
        float: left;
        text-align: left;
        font-size: 125%;
    }

        #mainFooter .footerEnd li:last-child {
            clear: both;
            text-align: center;
            width: 100%;
        }

    #mainFooter .footerEnd .Suggestion a {
        position: relative;
        float: left;
    }

    #mainFooter .footerEnd .onshorerCopyRight a {
        width: 100%;
    }

    #mainFooter .footerEnd .onshorerCopyRight div {
        width: 100%;
        color: #fff;
    }

    #footerMenu {
        width: 100%;
        padding-bottom: 20px;
        display: inline-block;
    }

        #footerMenu div {
            position: relative;
            float: left;
        }

            #footerMenu div li {
                text-align: left;
                line-height: 35px;
            }

                #footerMenu div li > a {
                    color: #dedede;
                    font-size: 120%;
                }

            #footerMenu div:last-child {
                position: relative;
                float: right;
            }

            #footerMenu div.footerA {
                width: 100%;
            }

            #footerMenu div.footerB {
                width: 100%;
            }

            #footerMenu div.footerC {
                width: 100%;
            }

            #footerMenu div.footerD {
                width: 100%;
            }

    .footerWebContainerC_Small {
        width: 100%;
    }

    .footerWebSubTitle {
        font-size: 150%;
    }
    /*End Mobile Master Footer CSS*/
    #mainbody {
        background-color: #f4f4f2;
        margin-bottom: 0
    }

    body {
        width: 100%;
        min-width: 100px;
        padding-top: 41px
    }

    .container {
        padding: 0
    }

    #sectionHeader {
        max-height: 280px
    }

    #sectionBody {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        top: 77px;
    }

    #header {
        min-height: 102px;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

        #header .headerLeft {
            width: 100%;
            float: left;
            clear: left;
            height: 72px;
            background-color: #fff;
            padding-left: 7px;
        }

            #header .headerLeft > a {
                width: 30%;
                top: 0px;
            }

                #header .headerLeft > a > img {
                    float: left;
                    position: relative;
                    width: 100%;
                }

    .menu_icon {
        color: #bbb;
        margin-right: 1px;
        top: 3px;
        position: relative
    }

    .titleOptional {
        padding: 0 !important;
        font-size: 95%;
        color: grey !important;
        text-shadow: 2px 4px 4px rgba(0,0,0,.3);
        font-weight: 400
    }

    ul li.headerMainTitle a {
        font-size: 100% !important;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: 400 !important;
        top: -4px;
        position: relative
    }

        ul li.headerMainTitle a:hover {
            text-decoration: none;
            color: #2d6fe2 !important
        }

    #mainFormLogin #LoginTitle div:first-child {
        float: left;
        color: #223791;
        left: 4%;
        position: relative;
        text-align: left;
        padding-bottom: 5px !important;
        margin-top: 11px;
        margin-bottom: 10px;
        font-size: 90%;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        font-weight: 400
    }

    #languageContainer ul li {
        position: relative;
        float: left;
        font-size: 75%
    }

    .langConfDIV {
        cursor: default;
        float: left;
        padding: 0 7px
    }

    #company_text {
        width: 68%;
        padding-left: 5px;
        margin-left: 5px;
        padding-top:0px;
    }

        #company_text div:not(:nth-child(2)) {
            font-size: 50%;
            min-width: 0
        }
 

    #HeaderPart2 {
        width: 100%;
        float: right;
        clear: left;
        height: 42px;
        background-color: #fff;
        right: 0px;
    }

    #header .headerRight {
        width: 100%;
        top: -17px;
        position: relative;
        display: none;
    }

    #HeaderPart2 {
        top: 0px;
    }

        #HeaderPart2 div a {
            width: auto;
        }

        #HeaderPart2 div:nth-child(2) {
            float: right;
            position: relative;
            margin-right: 20px;
            padding-top: 6px;
        }

            #HeaderPart2 div:nth-child(2) a {
                font-size: 90%;
                float: left;
                color: #808080;
            }

            #HeaderPart2 div:nth-child(2) span {
                float: left;
                top: 1px;
                position: relative;
                margin: 0px 3px;
                font-size: 80%;
            }

            #HeaderPart2 div:nth-child(2) a:last-child {
                float: left;
                margin-right: 0px !important;
                padding-right: 0px !important;
            }

    #BtnNavbarToggle {
        font-size: 80%;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.3) 2px 3px 3px;
        position: relative;
        border-radius: 5px;
        margin-bottom: 10px;
        height: 31px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
        margin-right: 5px !important;
        margin-top: 3px !important;
        background-color: rgb(45, 111, 226) !important;
        padding: 3px 11px 0 11px !important;
        display: block !important;
    }

        #BtnNavbarToggle .sr-only {
            top: -4px;
            position: relative;
        }

    .registrationLinkDIV {
        width: 50%;
        float: left;
        clear: left;
        height: auto;
        padding-bottom: 15px;
        text-align: center
    }

    .customerLinkDIV {
        width: 50%;
        float: left;
        height: auto;
        padding-bottom: 15px;
        text-align: center
    }

    #languageContainer {
        position: absolute;
        float: right;
        top: 45px;
        right: 5px
    }

    #leftBodyTop .headerMainBanner > a > img {
        margin-bottom: 6px;
        width: 100%;
        border-bottom: 0
    }

    #divLoginContainer {
        margin-top: 30px !important;
        margin-bottom: -10px
    }

    #mainFormLogin {
        min-height: 116px;
        display: inline-block
    }

        #mainFormLogin #LoginTitle div:first-child {
            position: relative;
            width: 83%
        }

        #mainFormLogin #LoginTitle div:nth-child(2) {
            position: relative;
            width: 60%;
            float: left;
            text-align: left;
            top: 18px;
            margin-left: 5%
        }

    #LoginId {
        max-width: 100%
    }

    #LoginTitle {
        width: 100%
    }

    #mainFormLogin #LoginTitle > img {
        display: none
    }

    #mainFormLogin #LoginTitle div:nth-child(2) {
        top: 10px;
        left: 0
    }

    .glyphicon-menu-hamburger:before {
        content: "\e236"
    }

    #forgotUserNamePwd {
        padding: 0;
        text-align: left;
        width: 60%;
        position: relative;
        float: left;
        margin-top: 5px;
        left: 4%;
        position: relative;
        font-size: 120%;
    }

    #loginForm .divform .registrationLoginLink {
        margin-top: 0
    }

    #loginForm .divform {
        float: left;
        text-align: left;
        font-size: 55%;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 5px;
        clear: left
    }

    #loginForm {
        margin: 0
    }

    #divFormationMenuHeader {
        display: block;
        width: 100%;
        position: relative
    }

    #divBodyContent {
        width: 100%;
        border: 1px solid red !important
    }

    #divBranchFotterAddrres {
        width: 100%
    }

    #divBodyContent .leftBodyContent {
        width: 100%
    }

    #divBodyContent .RightBodyContent {
        width: 100%
    }

    #leftBodyTop {
        display: inline-table
    }

    #leftBodyTopLeft {
        width: 100%;
        background-color: #c9dced;
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 8px
    }

        #leftBodyTopLeft ul {
            margin-bottom: 0;
            margin-right: 0
        }

    #leftBodyTopMiddle {
        width: 100%;
        background-color: #cccfc6;
        padding: 10px;
        border-radius: 5px;
        margin: 0 0 5px 0
    }

    #leftBodyTopRight {
        width: 100%;
        background-color: #c2c5e3;
        padding: 10px;
        border-radius: 5px;
        margin: 0
    }

    #divBanner > img {
        width: 98%;
        margin: 0 !important
    }

    ul li.headerMainTitle > i {
        display: inline-block
    }

    #divFormationMenu {
        width: 100%;
        padding-bottom: 0;
        background-color: none
    }

    #divFormationMenu {
        background-size: 100% 100%
    }

        #divFormationMenu ul {
            background-size: 100%
        }

            #divFormationMenu ul.openLi {
                background-size: 100%
            }

    .glyphicon-chevron-down {
        top: 1px;
        position: relative;
        margin-left: 10px;
        color: #2d6fe2;
        font-size: .75em;
        display: inline
    }

    .glyphicon-chevron-up {
        top: 1px;
        position: relative;
        margin-left: 10px;
        color: #2d6fe2;
        font-size: .75em;
        display: inline
    }

    #leftBodyTop ul li.border_separator {
        width: 88%
    }

    #divFormationMenu {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 0
    }

        #divFormationMenu ul li.headerMainTitle {
            text-align: left;
            padding: 28px 0 24px 0
        }

        #divFormationMenu .headerMainTitle {
            min-height: 0
        }

        #divFormationMenu .headerSubTitle {
            display: none
        }

        #divFormationMenu .headerContent {
            display: none
        }

    .module_sub_title2 {
        font-size: 105%;
        color: #515151;
        padding: 5px 0;
        display: block;
        height: 45px;
    }

    .itemsInter {
        height: 40px;
        font-size: 80% !important;
    }


    #divCompanyAnnualRenewal {
        width: 100%;
        background: bottom right url(/images/banners/corner_empty.png);
        border-left: none;
        padding: 10px 0 10px 0;
        margin: 2px 0 0 0
    }

    #divCompanyAlteration {
        width: 100%;
        background: bottom right url(/images/banners/corner_empty.png);
        border-left: none;
        padding: 10px 0 10px 0;
        margin: 2px 0 0 0
    }

    #divOpenCertification {
        width: 100%;
        padding-bottom: 0
    }

        #divOpenCertification ul {
            background-size: 100%
        }

            #divOpenCertification ul.openLi {
                background-size: 100%
            }

            #divOpenCertification ul li.headerMainTitle {
                text-align: left;
                padding: 25px 0 25px 0;
                margin-bottom: 0;
                text-shadow: 2px 4px 3px rgba(0,0,0,.3)
            }

            #divOpenCertification ul li.headerContent > a {
                top: 20px;
                position: relative
            }

        #divOpenCertification .headerMainTitle {
            min-height: 0
        }

        #divOpenCertification .headerSubTitle {
            display: none
        }

        #divOpenCertification .headerContent {
            display: none
        }

    #divTaxService {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divTaxService ul {
            background-size: 100%
        }

            #divTaxService ul.openLi {
                background-size: 100%
            }

            #divTaxService ul li.headerMainTitle {
                text-align: left;
                padding: 25px 0 25px 0;
                margin-bottom: 0
            }

        #divTaxService .headerMainTitle {
            min-height: 0
        }

        #divTaxService .headerSubTitle {
            display: none
        }

        #divTaxService .headerContent {
            display: none
        }

        #divTaxService ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divLicense {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 0
    }

    #divLicense {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        margin-top: 2px;
        border-top: 0 solid #d8d8d8
    }

        #divLicense ul {
            background-size: 100%
        }

            #divLicense ul.openLi {
                background-size: 100%
            }

            #divLicense ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divLicense .headerMainTitle {
            min-height: 0;
            margin-bottom: 0
        }

        #divLicense .headerSubTitle {
            display: none
        }

        #divLicense .headerContent {
            display: none
        }

        #divLicense ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divTrademark {
        width: 100%;
        padding-bottom: 0;
        margin-top: 0;
        border-top: 0
    }

        #divTrademark ul {
            background-size: 100%
        }

            #divTrademark ul.openLi {
                background-size: 100%
            }

            #divTrademark ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divTrademark .headerMainTitle {
            min-height: 0
        }

        #divTrademark .headerSubTitle {
            display: none
        }

        #divTrademark .headerContent {
            display: none
        }

        #divTrademark ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divCopyright {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divCopyright ul {
            background-size: 100%
        }

            #divCopyright ul.openLi {
                background-size: 100%
            }

            #divCopyright ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divCopyright .headerMainTitle {
            min-height: 0
        }

        #divCopyright .headerSubTitle {
            display: none
        }

        #divCopyright .headerContent {
            display: none
        }

        #divCopyright ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divCertification {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divCertification ul {
            background-size: 100%
        }

            #divCertification ul.openLi {
                background: no-repeat bottom right url(/images/banners/corner_cert.png);
                background-size: 100%
            }

            #divCertification ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divCertification .headerMainTitle {
            min-height: 0
        }

        #divCertification .headerSubTitle {
            display: none
        }

        #divCertification .headerContent:first-child {
            padding-top: 20px
        }

        #divCertification .headerContent {
            display: none
        }

        #divCertification ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divBanner {
        width: 100%;
        margin-bottom: 5px
    }

        #divBanner > img {
            width: 100%
        }

    #LinksContainer {
        width: 100%
    }

        #LinksContainer .LinksHeader {
            width: 100%;
            border-bottom: none
        }

            #LinksContainer .LinksHeader li {
                border-left: 3px solid #ea4e6c;
                text-align: left;
                width: 98%;
                padding-left: 10px;
                margin: 0 0 0 10px
            }

                #LinksContainer .LinksHeader li > a {
                    font-size: 130%;
                    color: #2d6fe2
                }

            #LinksContainer .LinksHeader .More {
                position: relative;
                float: right;
                right: 12px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2;
                display: inline-block
            }

        #LinksContainer .LinksContent {
            min-height: 175px
        }

            #LinksContainer .LinksContent li {
                text-align: center;
                font-size: 90%
            }

    .QuestionContainerHalf {
        padding: 5px;
        font-size: 65%;
        width: 50%;
        text-align: justify;
        float: left
    }

    .QuestionContainerHalfList {
        float: left;
        clear: left;
        width: 100%
    }

    .QuestionContainerHalfListNum {
        float: left;
        clear: left;
        width: 11%
    }

    .QuestionContainerHalfListText {
        float: left;
        width: 85%;
        display: block
    }

    #divNewsSeminars {
        width: 100%
    }

    #divNews {
        width: 100%;
        background-color: #cce3f7;
        border-radius: 5px
    }

    #divNewsTitle {
        margin: 10px 0 10px 0
    }

        #divNewsTitle a {
            border-left: 3px solid #ea4e6c;
            text-align: left;
            width: 100%;
            padding-left: 10px;
            margin: 0 0 0 10px;
            font-size: 130%;
            color: #2d6fe2
        }

            #divNewsTitle a .More {
                position: relative;
                float: right;
                right: 10px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2;
                display: inline-block
            }

    #divNewsContent {
        background-color: #cce3f7;
        border: none
    }

    #divNews ul li {
        width: 92%;
        position: relative;
        float: left;
        padding: 0;
        margin: 0 10px 5px 15px
    }

        #divNews ul li > div {
            padding-top: 15px;
            margin-left: 5px;
            text-align: center
        }

    #divSeminars .SeminarContentTop {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        margin-bottom: 6px;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        padding: 0;
        width: 100%;
        min-height: 0
    }

    #divSeminars {
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 5px 0;
        padding-bottom: 2px;
        width: 100%
    }

    #divSeminarsTitle {
        margin: 10px 0 10px 0
    }

        #divSeminarsTitle a {
            text-align: left;
            width: 100%;
            padding-left: 10px;
            font-size: 115%;
            color: #2d6fe2
        }

            #divSeminarsTitle a > span:first-child {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px;
                margin-left: 10px;
                color: #2d6fe2
            }

            #divSeminarsTitle a .More {
                position: relative;
                float: right;
                right: 10px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2
            }

    #divSeminarsContent .SeminarContentTop .mainSeminar2 {
        width: 48%;
        position: relative;
        float: left;
        min-height: 138px;
        left: 7px
    }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        min-height: 0;
        padding: 5px;
        margin: 0
    }

    #divSeminars .mainSeminar2 > div:first-child {
        padding: 0
    }

    #divSeminarsContent .SeminarContentTop .mainSeminar2 {
        width: 48%;
        position: relative;
        float: left;
        left: 7px
    }

        #divSeminarsContent .SeminarContentTop .mainSeminar2 > div {
            padding: 0;
            margin: 0
        }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        padding: 5px;
        width: 100%
    }

    #divSeminarsContent .SeminarContentTop .rightSeminarSub {
        width: 48%;
        position: relative;
        float: left;
        left: 7px
    }

        #divSeminarsContent .SeminarContentTop .rightSeminarSub > div {
            padding: 0;
            margin: 0
        }

    #divSeminarsContent .SeminarContentTop .bottomSeminarSub {
        width: 48%;
        position: relative;
        left: 7px;
        min-height: 139px
    }

        #divSeminarsContent .SeminarContentTop .bottomSeminarSub > div {
            padding: 0;
            margin: 0
        }

    .rightSeminarSubLast {
        display: none
    }

    .w3-button:hover {
        color: #2d6fe2 !important;
        background-color: #ccc !important
    }

    .w3-bar .w3-button {
        white-space: normal
    }

    .w3-bar .w3-bar-item {
        padding: 20px 10px;
        float: left;
        width: 100%;
        border: none;
        display: block;
        outline: 0;
        font-size: 58%;
        text-align: left;
        background: url(/images/banners/corner_calendar.png)
    }

    .w3-dark-gray, .w3-dark-grey, .w3-hover-dark-gray:hover, .w3-hover-dark-grey:hover {
        color: #fff !important;
        background-color: #616161 !important
    }

    #divBannerRecruit {
        display: inline-table;
        width: 100%;
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 5px 0;
        padding-bottom: 2px;
        padding-top: 10px;
        padding-left: 10px
    }

        #divBannerRecruit .Recruit {
            width: 100%;
            float: left;
            color: #2d6fe2 !important;
            text-decoration: none;
            padding-bottom: 5px;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3)
        }

            #divBannerRecruit .Recruit .divRecruit > div:first-child {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px;
                width: 100%;
                font-size: 110%;
                color: #2d6fe2
            }

                #divBannerRecruit .Recruit .divRecruit > div:first-child .More {
                    position: relative;
                    float: right;
                    right: 10px;
                    font-size: 65%;
                    color: #2d6fe2
                }

        #divBannerRecruit .imgRecruitBanner {
            padding: 10px 10px 10px 0
        }

        #divBannerRecruit .Recruit .divRecruit > div:nth-child(2) {
            width: 98%;
            display: inline-block;
            position: relative;
            left: 0
        }

            #divBannerRecruit .Recruit .divRecruit > div:nth-child(2) ul li {
                width: 20%;
                padding-left: 15px;
                color: #727272
            }

    .webFooterAddressContainer {
        display: none
    }

    .mobileFooterAddressContainer {
        display: block
    }

    .branch_address {
        margin-top: 10px;
        margin-bottom: 5px !important;
        font-size: 78%;
        line-height: 30px;
    }

    .addrTel {
        font-family: Verdana;
        color: #2d6fe2 !important;
        height: 52px;
        display: block;
        margin-top: 10px;
        font-size: 130%;
        padding: 13px 13px 13px 0px;
        /*border: 1px solid #fff;*/
    }

        .addrTel > span {
            font-family: Verdana;
            color: #2d6fe2 !important;
            height: 35px;
            display: block;
            margin-right: 10px;
            font-size: 75% ​ !important;
            float: left;
        }

    .prefixTel {
        font-size: 90% !important;
    }

    .emailBranchText > span {
        text-align: left;
        float: left;
        clear: both;
        font-size: 100%;
        line-height: 20px;
        margin-bottom: 6px;
        height: 52px;
        margin-top: 5px;
        font-size: 80%;
        /*border: 1px solid #fff;*/
        padding: 13px 13px 13px 0px;
    }


    .blue_color {
        font-size: 61%;
        color: #2d6fe2 !important
    }

    #divBranchFotterAddrres {
        display: inline-table;
        width: 100%;
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 10px;
        padding-bottom: 0;
        padding-top: 0
    }

        #divBranchFotterAddrres #divAddrresTitle {
            margin: 10px
        }

            #divBranchFotterAddrres #divAddrresTitle a {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px
            }

            #divBranchFotterAddrres #divAddrresTitle > a > span:first-child {
                font-size: 130%;
                color: #2d6fe2
            }

            #divBranchFotterAddrres #divAddrresTitle > a > span.More {
                position: relative;
                float: right;
                right: 0;
                font-size: 75%;
                color: #2d6fe2
            }

    .divFooterBranch > div:first-child .divHeader .BranchName {
        font-size: 120%;
        margin-bottom: 10px;
        margin-left: 10px
    }

    #divBranchFotterAddrres .divFooterBranch {
        width: 94%;
        position: relative;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        margin-top: 5px;
        background: bottom right url(/images/banners/corner_calendar.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 0 10px 0 10px
    }

    .divFooterBranch .divContent .branchContact {
        margin-bottom: 15px
    }

    .divFooterBranch .divContent div:first-child {
        margin-top: 10px;
        margin-left: 20px;
        font-size: 80%
    }

    .divFooterBranch .divContent div:nth-child(2) {
        margin-left: 20px
    }

    .divFooterBranch .divContent .branchQrcode > ul {
        font-size: 100%;
        margin-top: 20px;
        margin-left: 20px
    }

        .divFooterBranch .divContent .branchQrcode > ul li:first-child {
            margin-bottom: 10px
        }

    .divFooterBranch .divContent .branchContact {
        margin-left: 20px
    }

        .divFooterBranch .divContent .branchContact .Telephone {
            font-size: 100%
        }

            .divFooterBranch .divContent .branchContact .Telephone ul > li:first-child {
                font-size: 170%;
                min-width: 110px
            }

            .divFooterBranch .divContent .branchContact .Telephone ul > li:nth-child(2) {
                font-size: 170%;
                margin-bottom: 10px
            }

        .divFooterBranch .divContent .branchContact .Email > span {
            font-size: 170%;
            margin-top: 5px
        }

    #leftBodyBottom {
        width: 100%;
        display: inline-table
    }

    #divCalendar {
        width: 100%;
        display: inline-table;
        background: bottom right url(/images/banners/corner_calendar.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

        #divCalendar ul li {
            padding-left: 20px
        }

    #social_media #languageContainer {
        display: none
    }

    #social_media {
        width: 100%;
        display: none;
        background-color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        min-height: 130px;
        padding-bottom: 20px;
        margin-bottom: 24px;
        padding-top: 12px
    }

        #social_media #divSocial {
            position: relative;
            width: 69%;
            float: left;
            top: 28px
        }

            #social_media #divSocial .linkedin {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

            #social_media #divSocial .twitter {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

            #social_media #divSocial .facebook {
                position: relative;
                float: right;
                width: 11%;
                margin-right: 10%;
                font-size: 150%
            }

            #social_media #divSocial .instagram {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

        #social_media #logo {
            position: relative;
            width: 29%;
            float: right;
            height: auto
        }

            #social_media #logo > img {
                width: 70%;
                position: relative;
                float: right;
                right: 36px
            }

    #divLoginBody {
        width: 100%
    }

    #mainFormLogin {
        width: 100%
    }

    #divVerticalBranch {
        width: 100%;
        display: none
    }



    #mainFooter {
        width: 100%
    }



        #mainFooter .Privacy {
            float: left;
            margin-right: 30px;
            color: grey;
            font-size: 120%;
        }

            #mainFooter .Privacy:hover {
                color: #2d6fe2
            }


        #mainFooter .divSuggestion {
            float: left;
            clear: left;
            margin-top: 30px;
            font-size: 120%;
        }

        #mainFooter .container {
            margin-left: 5px;
            margin-right: 5px;
            padding-left: 0;
            padding-right: 0
        }

            #mainFooter .container > a {
                width: 100%;
                text-align: left
            }

            #mainFooter .container .divCopyRight {
                margin-top: 50px;
                margin-bottom: 50px;
                width: 100%
            }

                #mainFooter .container .divCopyRight .OnshorerUrl {
                    width: 100%;
                    margin: 5px 0 0 0
                }

                #mainFooter .container .divCopyRight .CopyRight {
                    width: 100%;
                    margin: 5px 0 0 0
                }

                #mainFooter .container .divCopyRight .CompanyCI {
                    width: 100%;
                    margin: 5px 0 0 0
                }

    #divBranchZoom .leftSide {
        width: 100%
    }

    #divBranchZoom .rightSide {
        width: 100%;
        margin-top: 20px
    }

    .modal-dialog {
        width: 90% !important;
        float: left;
        margin: 4px
    }

    .bootstrap-dialog .bootstrap-dialog-message {
        font-size: inherit
    }

    /*.li_langConfSelected {
        display: none
    }*/

    #divHeaderSubMenu {
        background-color: #fff;
        margin-top: 16px !important;
        width: 100% !important;
        height: 100%;
        position: relative;
        left: 0;
        top: 40px;
        padding-bottom: 5px;
        background-color: #ebebeb
    }

        #divHeaderSubMenu .navbar-collapse {
            padding: 0;
            margin: 0
        }

    .navbar-collapse {
        background-color: #ebebeb;
        position: relative
    }

    #myMenuOptions {
        margin: 38px 0px 0px 0px;
    }

        #myMenuOptions li {
            width: 100%;
        }

            #myMenuOptions li:not(.kopie) {
                font-size: 90%;
                background: no-repeat bottom right url(/images/banners/corner_empty.png);
                background-size: 100%;
                margin: 2px
            }

            #myMenuOptions li a {
                padding-left: 15px;
            }

                #myMenuOptions li a:hover {
                    color: #2d6fe2;
                    text-decoration: underline
                }

            #myMenuOptions li:not(:last-child) {
                border-bottom: 1px solid #d3d3d3
            }

    .dropdown-menu {
        width: 100%;
        position: relative;
        background-color: #ebebeb;
        margin-top: 10px;
        z-index: 10;
        display: none;
    }

    #myMenuOptions li.open {
        background: none !important;
    }

    .dropdown-menu li a {
        padding-left: 35px !important
    }

        .dropdown-menu li a :hover {
            text-decoration: underline;
            color: #2d6fe2;
        }

    #footerMenuMobile a {
        color: #dedede;
        font-size: 95%;
        line-height: 30px
    }

    .registrationLoginLink {
        background-color: #ea4e6c !important;
        padding: 4% 31%;
        border-radius: 5px;
        color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

    .userLoginLink {
        background-color: #2d6fe2 !important;
        padding: 3% 28%;
        border-radius: 5px;
        color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

    .footerMobileMainDIV {
        width: 100%;
        margin: auto;
        text-align: left
    }

    .footerMobileMainDIVSubDiv {
        width: 100%;
        margin: 0;
        text-align: center;
        margin: auto;
        clear: left;
        display: block
    }

    .footerMobileMainDIVSubDiv_Wrapper {
        width: 98%;
        margin: 0;
        text-align: center;
        margin: auto;
        clear: left;
        display: block
    }

    .footerMobileContainerA {
        float: left;
        text-align: left;
        width: 50%
    }

        .footerMobileContainerA ul {
            float: left;
            width: 100%
        }

    .footerMobileContainerB {
        float: left;
        text-align: left;
        width: 50%;
        clear: left
    }

    .footerMobileContainerB_title {
        float: left;
        padding-right: 10%
    }

    .footerMobileContainerB_Sub {
        float: left;
        width: 100%;
        clear: left
    }

    .footerMobileContainerC {
        float: right;
        text-align: left;
        width: 50%
    }

    .footerMobileCopyrightSection {
        border-top: 1px solid gray;
        text-align: left;
        font-size: 16px;
        float: left;
        clear: left;
        width: 100%
    }

    .footerMobileCopyrightSectionSub {
        text-align: left;
        width: 100%;
        float: left;
        padding-top: 10px
    }

    .mobileBranchContainer {
        border: 5px solid #ebebeb;
        height: auto;
        border-radius: 11px;
        padding-left: 5px;
        display: block;
        width: 100%;
        overflow-y: auto;
        padding-bottom: 5px
    }

    .mobileBranchContainer_even {
        background-color: #fff
    }

    .mobileBranchContainer_odd {
        background-color: #f5f5f5
    }

    .mobileBranchTitleSection {
        margin-top: 13px;
        text-align: justify;
        border-radius: 5px;
        line-height: 20px;
        display: block;
        padding: 5px
    }

    .mobileBranchTitleWrapper {
        float: left;
        width: 99%;
        border-bottom: 1px solid #bbbbb4
    }

    .BranchNameTitle {
        float: left;
        display: block;
        top: -5px;
        position: relative;
        text-align: left;
        font-size: 98%;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        color: #727272
    }

    .mapLinkBranch {
        float: right;
        cursor: pointer;
        display: block;
        top: -1px;
        position: relative;
        text-align: right;
        font-size: 15px
    }

    .mapLabel {
        float: right;
        color: #2d6fe2 !important
    }

    .mapGPSIcon {
        float: right;
        top: 1px;
        position: relative
    }

    .mobileBranchInfoWrapper {
        float: left;
        display: block;
        height: auto;
        width: 100%
    }

    .mobileBranchInfoWrapper_A {
        float: left;
        clear: both
    }

        .mobileBranchInfoWrapper_A div {
            margin-bottom: 0;
            float: left;
            border-top-left-radius: 6px
        }

    .mobileBranchInfoWrapper_B {
        text-align: center;
        display: block;
        height: auto;
        float: left;
        width: 60%;
        clear: left
    }

    .mobileBranchInfoWrapper_C {
        float: right;
        margin-right: 2px
    }

    .addrDetailsInfo {
        float: left;
        text-align: left;
        color: #727272;
        margin-top: 0;
        margin-bottom: 2px !important;
        padding-left: 0 !important
    }

        .addrDetailsInfo div {
            padding-right: 5px;
            margin-top: 0;
            float: left
        }

            .addrDetailsInfo div p:first-child {
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 0 !important;
                line-height: 15px
            }

            .addrDetailsInfo div p:nth-child(2) {
                margin-bottom: 0 !important
            }

    .addrTel > span:first-child {
        font-size: 12px;
    }

    .emailBranchText {
        text-align: left;
        float: left;
        clear: both;
        font-size: 100%;
        line-height: 20px;
        margin-bottom: 6px
    }

        .emailBranchText span {
            float: left
        }

    .QRCodeBranch {
        clear: left;
        float: left;
        width: 44%;
        margin-bottom: 5px;
        border-radius: 5px;
        border: 2px solid #fff;
        left: -1%;
        position: relative
    }

    .mobileBranchQrcodeContainer {
        float: left;
        text-align: left;
        position: relative;
        font-size: 17px;
        top: 48px;
        line-height: 20px
    }

        .mobileBranchQrcodeContainer li {
            color: #727272
        }

    .mobileBranchInfoWrapper_C a {
        cursor: pointer
    }

        .mobileBranchInfoWrapper_C a img {
            float: right;
            margin-bottom: 4px;
            border-radius: 5px;
            border: 2px solid #fff
        }

    #footerMenuWeb {
        display: none
    }

    #divAddrresTitle {
        display: none
    }

    #footerMenuMobile {
        display: block
    }

    #mainFooter .divCopyRight .OnshorerUrl {
        float: right;
        color: grey;
        font-size: 140%;
    }


    .CertificationQuestionText {
        width: 93%;
        font-size: 120%;
    }

    .QuestionContainerDIV {
        padding: 15px;
        font-size: 65%;
        width: 100%;
        text-align: justify;
        float: left;
        line-height: 25px;
    }

        .QuestionContainerDIV div {
            float: left
        }
}
/*CSS for IPAD Version*/
/*@media (max-width:801px and min-width:1188px) {  
}*/
@media (min-width: 992px) and (max-width: 1199px) {

     .tab {
        display: inline-block;
        margin-left: 640px;
    }

     .col-4B {
        width: 23%;
    }   

    .CertificationMainContainerItem{
        width:100%; margin-bottom:0; text-align:center; padding:10px !important; border: 1px solid gray; border-radius:5px; margin-right:1%; min-height:180px;
    }


    .itemBigContainer {
    clear: left;
    float: left;
    width: 100%;
    height: 149px;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    }


    .CertificationContainer{
        float:left; width:95%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px ; margin-right:2%; margin-bottom: 5%
    }
    .CertificationContainerType2{
        float:left; width:95%; text-align:center;  background-color:#fff; padding: 10px 0px; border-radius:10px ; margin-right:2%; margin-bottom: 5%
    }

    #divCertificationBodyRight {
        padding: 0px 15px 5px 15px !important;
    }

    .imgWEBM {
        display:none;
    }
    .imgGIF {
        display:none
    }

    .cotainer_button_apply {
         width:100%; display:block;  clear:both; margin-top:20px;margin-bottom:0px; height:90px;
    }

    .languageMenu {
        color: #2d6fe2 !important;
        padding:0px 15px;
    }

    .textUnderline div:first-child {
        height: 28px;
        border-bottom: 0px;
        color: #0d0d0d !important;
        margin-right: 1px;
    }

    .asideCertification {
        margin: 0px -5px 0px -5px;
    }

    .asideCertification h1 {
        font-size: 120%;
    }

    .asideCertification h2 {
        font-size: 100%;
    }

    .asideCertification h3 {
        font-size: 80%;
    }

    .asideCertification h4 {
        font-size: 60%;
    }

    .list_item_text {
        width: 86%;
    }
    .leftMenuMediaController {
        display: inline-block;
        width: 100% !important;
        padding-bottom: 40px;
    }

    .stickThis {
        width: 100% !important;
        position: relative !important;
    }

        .stickThis.stick {
            margin: 0px !important;
        }

    .leftMenuCertification {
        min-height: inherit !important;
    }

    .stickThis ul li {
        width: 100%;
    }

    #stick-here_Certification {
        height: 30px !important;
    }

    .rightBodyCertification {
        width: 100% !important;
    }

    #HeaderMenu {
        margin-top: 40px;
        display: none;
    }
    /*Start Mobile Master Footer CSS*/
    #mainFooter .footerEnd li {
        margin-left: 2%;
        line-height: 40px;
        width: 100%;
        float: left;
        text-align: left;
        font-size: 125%;
    }

        #mainFooter .footerEnd li:last-child {
            clear: both;
            text-align: center;
            width: 100%;
        }

    #mainFooter .footerEnd .Suggestion a {
        position: relative;
        float: left;
    }

    #mainFooter .footerEnd .onshorerCopyRight a {
        width: 100%;
    }

    #mainFooter .footerEnd .onshorerCopyRight div {
        width: 100%;
    }

    #footerMenu {
        width: 100%;
        padding-bottom: 20px;
        display: inline-block;
    }

        #footerMenu div {
            position: relative;
            float: left;
        }

            #footerMenu div li {
                text-align: left;
                line-height: 35px;
            }

                #footerMenu div li > a {
                    color: #dedede;
                    font-size: 120%;
                }

            #footerMenu div:last-child {
                position: relative;
                float: right;
            }

            #footerMenu div.footerA {
                width: 100%;
            }

            #footerMenu div.footerB {
                width: 100%;
            }

            #footerMenu div.footerC {
                width: 100%;
            }

            #footerMenu div.footerD {
                width: 100%;
            }

    .footerWebContainerC_Small {
        width: 100%;
    }

    .footerWebSubTitle {
        font-size: 150%;
    }
    /*End Mobile Master Footer CSS*/
    #mainbody {
        background-color: #f4f4f2;
        margin-bottom: 0
    }

    body {
        width: 100%;
        min-width: 100px;
        padding-top: 41px
    }

    .container {
        padding: 0
    }

    #sectionHeader {
        max-height: 280px
    }

    #sectionBody {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        top: 77px;
    }

    #header {
        min-height: 102px;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

        #header .headerLeft {
            width: 100%;
            float: left;
            clear: left;
            height: 72px;
            background-color: #fff;
            padding-left: 7px;
        }

            #header .headerLeft > a {
                width: 20%;
                top: 0px;
            }

                #header .headerLeft > a > img {
                    float: left;
                    position: relative;
                    width: 100%;
                }

    .menu_icon {
        color: #bbb;
        margin-right: 1px;
        top: 3px;
        position: relative
    }

    .titleOptional {
        padding: 0 !important;
        font-size: 95%;
        color: grey !important;
        text-shadow: 2px 4px 4px rgba(0,0,0,.3);
        font-weight: 400
    }

    ul li.headerMainTitle a {
        font-size: 100% !important;
        color: #223791;
        padding-top: 5px !important;
        margin-bottom: 16px;
        font-weight: 400 !important;
        top: -4px;
        position: relative
    }

        ul li.headerMainTitle a:hover {
            text-decoration: none;
            color: #2d6fe2 !important
        }

    #mainFormLogin #LoginTitle div:first-child {
        float: left;
        color: #223791;
        left: 4%;
        position: relative;
        text-align: left;
        padding-bottom: 5px !important;
        margin-top: 11px;
        margin-bottom: 10px;
        font-size: 90%;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        font-weight: 400
    }

    #languageContainer ul li {
        position: relative;
        float: left;
        font-size: 75%
    }

    .langConfDIV {
        cursor: default;
        float: left;
        padding: 0 7px
    }

    #company_text {
        width: 75%;
        padding-left: 15px;
        margin-left: 5px;
        padding-top:0px;
    }

        #company_text div:not(:nth-child(2)) {
            font-size: 70%;
            min-width: 0
        }

        #company_text div:nth-child(2) {
            font-size: 105%;
            margin-right: 3px;
            margin-left: 3px;
            font-weight: bold;
            font-family: Arial;
        }

    #HeaderPart2 {
        width: 100%;
        float: right;
        clear: left;
        height: 42px;
        background-color: #fff;
        right: 0px;
    }

    #header .headerRight {
        width: 100%;
        top: -17px;
        position: relative;
        display: none;
    }

    #HeaderPart2 {
        top: 0px;
    }

        #HeaderPart2 div a {
            width: auto;
        }

        #HeaderPart2 div:nth-child(2) {
            float: right;
            position: relative;
            margin-right: 20px;
            padding-top: 6px;
        }

            #HeaderPart2 div:nth-child(2) a {
                font-size: 90%;
                float: left;
                color: #808080;
            }

            #HeaderPart2 div:nth-child(2) span {
                float: left;
                top: 1px;
                position: relative;
                margin: 0px 3px;
                font-size: 80%;
            }

            #HeaderPart2 div:nth-child(2) a:last-child {
                float: left;
                margin-right: 0px !important;
                padding-right: 0px !important;
            }

    #BtnNavbarToggle {
        font-size: 80%;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.3) 2px 3px 3px;
        position: relative;
        border-radius: 5px;
        margin-bottom: 10px;
        height: 31px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
        margin-right: 5px !important;
        margin-top: 3px !important;
        background-color: rgb(45, 111, 226) !important;
        padding: 3px 11px 0 11px !important;
        display: block !important;
    }

        #BtnNavbarToggle .sr-only {
            top: -4px;
            position: relative;
        }

    .registrationLinkDIV {
        width: 50%;
        float: left;
        clear: left;
        height: auto;
        padding-bottom: 15px;
        text-align: center
    }

    .customerLinkDIV {
        width: 50%;
        float: left;
        height: auto;
        padding-bottom: 15px;
        text-align: center
    }

    #languageContainer {
        position: absolute;
        float: right;
        top: 45px;
        right: 5px
    }

    #leftBodyTop .headerMainBanner > a > img {
        margin-bottom: 6px;
        width: 100%;
        border-bottom: 0
    }

    #divLoginContainer {
        margin-top: 30px !important;
        margin-bottom: -10px
    }

    #mainFormLogin {
        min-height: 116px;
        display: inline-block
    }

        #mainFormLogin #LoginTitle div:first-child {
            position: relative;
            width: 83%
        }

        #mainFormLogin #LoginTitle div:nth-child(2) {
            position: relative;
            width: 60%;
            float: left;
            text-align: left;
            top: 18px;
            margin-left: 5%
        }

    #LoginId {
        max-width: 100%
    }

    #LoginTitle {
        width: 100%
    }

    #mainFormLogin #LoginTitle > img {
        display: none
    }

    #mainFormLogin #LoginTitle div:nth-child(2) {
        top: 10px;
        left: 0
    }

    .glyphicon-menu-hamburger:before {
        content: "\e236"
    }

    #forgotUserNamePwd {
        padding: 0;
        text-align: left;
        width: 60%;
        position: relative;
        float: left;
        margin-top: 5px;
        left: 4%;
        position: relative;
        font-size: 120%;
    }

    #loginForm .divform .registrationLoginLink {
        margin-top: 0
    }

    #loginForm .divform {
        float: left;
        text-align: left;
        font-size: 55%;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 5px;
        clear: left
    }

    #loginForm {
        margin: 0
    }

    #divFormationMenuHeader {
        display: block;
        width: 100%;
        position: relative
    }

    #divBodyContent {
        width: 100%;
        border: 1px solid red !important
    }

    #divBranchFotterAddrres {
        width: 100%
    }

    #divBodyContent .leftBodyContent {
        width: 100%
    }

    #divBodyContent .RightBodyContent {
        width: 100%
    }

    #leftBodyTop {
        display: inline-table
    }

    #leftBodyTopLeft {
        width: 100%;
        background-color: #c9dced;
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 8px
    }

        #leftBodyTopLeft ul {
            margin-bottom: 0;
            margin-right: 0
        }

    #leftBodyTopMiddle {
        width: 100%;
        background-color: #cccfc6;
        padding: 10px;
        border-radius: 5px;
        margin: 0 0 5px 0
    }

    #leftBodyTopRight {
        width: 100%;
        background-color: #c2c5e3;
        padding: 10px;
        border-radius: 5px;
        margin: 0
    }

    #divBanner > img {
        width: 98%;
        margin: 0 !important
    }

    ul li.headerMainTitle > i {
        display: inline-block
    }

    #divFormationMenu {
        width: 100%;
        padding-bottom: 0;
        background-color: none
    }

    #divFormationMenu {
        background-size: 100% 100%
    }

        #divFormationMenu ul {
            background-size: 100%
        }

            #divFormationMenu ul.openLi {
                background-size: 100%
            }

    .glyphicon-chevron-down {
        top: 1px;
        position: relative;
        margin-left: 10px;
        color: #2d6fe2;
        font-size: .75em;
        display: inline
    }

    .glyphicon-chevron-up {
        top: 1px;
        position: relative;
        margin-left: 10px;
        color: #2d6fe2;
        font-size: .75em;
        display: inline
    }

    #leftBodyTop ul li.border_separator {
        width: 88%
    }

    #divFormationMenu {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 0
    }

        #divFormationMenu ul li.headerMainTitle {
            text-align: left;
            padding: 28px 0 24px 0
        }

        #divFormationMenu .headerMainTitle {
            min-height: 0
        }

        #divFormationMenu .headerSubTitle {
            display: none
        }

        #divFormationMenu .headerContent {
            display: none
        }

    .module_sub_title2 {
        font-size: 105%;
        color: #515151;
        padding: 5px 0;
        display: block;
        height: 45px;
    }

    .itemsInter {
        height: 40px;
        font-size: 80% !important;
    }


    #divCompanyAnnualRenewal {
        width: 100%;
        background: bottom right url(/images/banners/corner_empty.png);
        border-left: none;
        padding: 10px 0 10px 0;
        margin: 2px 0 0 0
    }

    #divCompanyAlteration {
        width: 100%;
        background: bottom right url(/images/banners/corner_empty.png);
        border-left: none;
        padding: 10px 0 10px 0;
        margin: 2px 0 0 0
    }

    #divOpenCertification {
        width: 100%;
        padding-bottom: 0
    }

        #divOpenCertification ul {
            background-size: 100%
        }

            #divOpenCertification ul.openLi {
                background-size: 100%
            }

            #divOpenCertification ul li.headerMainTitle {
                text-align: left;
                padding: 25px 0 25px 0;
                margin-bottom: 0;
                text-shadow: 2px 4px 3px rgba(0,0,0,.3)
            }

            #divOpenCertification ul li.headerContent > a {
                top: 20px;
                position: relative
            }

        #divOpenCertification .headerMainTitle {
            min-height: 0
        }

        #divOpenCertification .headerSubTitle {
            display: none
        }

        #divOpenCertification .headerContent {
            display: none
        }

    #divTaxService {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divTaxService ul {
            background-size: 100%
        }

            #divTaxService ul.openLi {
                background-size: 100%
            }

            #divTaxService ul li.headerMainTitle {
                text-align: left;
                padding: 25px 0 25px 0;
                margin-bottom: 0
            }

        #divTaxService .headerMainTitle {
            min-height: 0
        }

        #divTaxService .headerSubTitle {
            display: none
        }

        #divTaxService .headerContent {
            display: none
        }

        #divTaxService ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divLicense {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        padding-bottom: 0
    }

    #divLicense {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: 100%;
        margin-top: 2px;
        border-top: 0 solid #d8d8d8
    }

        #divLicense ul {
            background-size: 100%
        }

            #divLicense ul.openLi {
                background-size: 100%
            }

            #divLicense ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divLicense .headerMainTitle {
            min-height: 0;
            margin-bottom: 0
        }

        #divLicense .headerSubTitle {
            display: none
        }

        #divLicense .headerContent {
            display: none
        }

        #divLicense ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divTrademark {
        width: 100%;
        padding-bottom: 0;
        margin-top: 0;
        border-top: 0
    }

        #divTrademark ul {
            background-size: 100%
        }

            #divTrademark ul.openLi {
                background-size: 100%
            }

            #divTrademark ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divTrademark .headerMainTitle {
            min-height: 0
        }

        #divTrademark .headerSubTitle {
            display: none
        }

        #divTrademark .headerContent {
            display: none
        }

        #divTrademark ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divCopyright {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divCopyright ul {
            background-size: 100%
        }

            #divCopyright ul.openLi {
                background-size: 100%
            }

            #divCopyright ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divCopyright .headerMainTitle {
            min-height: 0
        }

        #divCopyright .headerSubTitle {
            display: none
        }

        #divCopyright .headerContent {
            display: none
        }

        #divCopyright ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divCertification {
        width: 100%;
        padding-bottom: 0;
        margin-top: 2px;
        border-top: 0
    }

        #divCertification ul {
            background-size: 100%
        }

            #divCertification ul.openLi {
                background: no-repeat bottom right url(/images/banners/corner_cert.png);
                background-size: 100%
            }

            #divCertification ul li.headerMainTitle {
                text-align: left;
                padding: 28px 0 24px 0;
                margin-bottom: 0
            }

        #divCertification .headerMainTitle {
            min-height: 0
        }

        #divCertification .headerSubTitle {
            display: none
        }

        #divCertification .headerContent:first-child {
            padding-top: 20px
        }

        #divCertification .headerContent {
            display: none
        }

        #divCertification ul li.headerContent > a {
            top: 20px;
            position: relative
        }

    #divBanner {
        width: 100%;
        margin-bottom: 5px
    }

        #divBanner > img {
            width: 100%
        }

    #LinksContainer {
        width: 100%
    }

        #LinksContainer .LinksHeader {
            width: 100%;
            border-bottom: none
        }

            #LinksContainer .LinksHeader li {
                border-left: 3px solid #ea4e6c;
                text-align: left;
                width: 98%;
                padding-left: 10px;
                margin: 0 0 0 10px
            }

                #LinksContainer .LinksHeader li > a {
                    font-size: 130%;
                    color: #2d6fe2
                }

            #LinksContainer .LinksHeader .More {
                position: relative;
                float: right;
                right: 12px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2;
                display: inline-block
            }

        #LinksContainer .LinksContent {
            min-height: 175px
        }

            #LinksContainer .LinksContent li {
                text-align: center;
                font-size: 90%
            }

    .QuestionContainerHalf {
        padding: 5px;
        font-size: 65%;
        width: 50%;
        text-align: justify;
        float: left
    }

    .QuestionContainerHalfList {
        float: left;
        clear: left;
        width: 100%
    }

    .QuestionContainerHalfListNum {
        float: left;
        clear: left;
        width: 11%
    }

    .QuestionContainerHalfListText {
        float: left;
        width: 85%;
        display: block
    }

    #divNewsSeminars {
        width: 100%
    }

    #divNews {
        width: 100%;
        background-color: #cce3f7;
        border-radius: 5px
    }

    #divNewsTitle {
        margin: 10px 0 10px 0
    }

        #divNewsTitle a {
            border-left: 3px solid #ea4e6c;
            text-align: left;
            width: 100%;
            padding-left: 10px;
            margin: 0 0 0 10px;
            font-size: 130%;
            color: #2d6fe2
        }

            #divNewsTitle a .More {
                position: relative;
                float: right;
                right: 10px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2;
                display: inline-block
            }

    #divNewsContent {
        background-color: #cce3f7;
        border: none
    }

    #divNews ul li {
        width: 92%;
        position: relative;
        float: left;
        padding: 0;
        margin: 0 10px 5px 15px
    }

        #divNews ul li > div {
            padding-top: 15px;
            margin-left: 5px;
            text-align: center
        }

    #divSeminars .SeminarContentTop {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        margin-bottom: 6px;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        padding: 0;
        width: 100%;
        min-height: 0
    }

    #divSeminars {
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 5px 0;
        padding-bottom: 2px;
        width: 100%
    }

    #divSeminarsTitle {
        margin: 10px 0 10px 0
    }

        #divSeminarsTitle a {
            text-align: left;
            width: 100%;
            padding-left: 10px;
            font-size: 115%;
            color: #2d6fe2
        }

            #divSeminarsTitle a > span:first-child {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px;
                margin-left: 10px;
                color: #2d6fe2
            }

            #divSeminarsTitle a .More {
                position: relative;
                float: right;
                right: 10px;
                font-size: 65%;
                top: 10px;
                color: #2d6fe2
            }

    #divSeminarsContent .SeminarContentTop .mainSeminar2 {
        width: 48%;
        position: relative;
        float: left;
        min-height: 138px;
        left: 7px
    }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        min-height: 0;
        padding: 5px;
        margin: 0
    }

    #divSeminars .mainSeminar2 > div:first-child {
        padding: 0
    }

    #divSeminarsContent .SeminarContentTop .mainSeminar2 {
        width: 48%;
        position: relative;
        float: left;
        left: 7px
    }

        #divSeminarsContent .SeminarContentTop .mainSeminar2 > div {
            padding: 0;
            margin: 0
        }

    #divSeminars .mainSeminar2 > div:first-child > a > img {
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        padding: 5px;
        width: 100%
    }

    #divSeminarsContent .SeminarContentTop .rightSeminarSub {
        width: 48%;
        position: relative;
        float: left;
        left: 7px
    }

        #divSeminarsContent .SeminarContentTop .rightSeminarSub > div {
            padding: 0;
            margin: 0
        }

    #divSeminarsContent .SeminarContentTop .bottomSeminarSub {
        width: 48%;
        position: relative;
        left: 7px;
        min-height: 139px
    }

        #divSeminarsContent .SeminarContentTop .bottomSeminarSub > div {
            padding: 0;
            margin: 0
        }

    .rightSeminarSubLast {
        display: none
    }

    .w3-button:hover {
        color: #2d6fe2 !important;
        background-color: #ccc !important
    }

    .w3-bar .w3-button {
        white-space: normal
    }

    .w3-bar .w3-bar-item {
        padding: 20px 10px;
        float: left;
        width: 100%;
        border: none;
        display: block;
        outline: 0;
        font-size: 58%;
        text-align: left;
        background: url(/images/banners/corner_calendar.png)
    }

    .w3-dark-gray, .w3-dark-grey, .w3-hover-dark-gray:hover, .w3-hover-dark-grey:hover {
        color: #fff !important;
        background-color: #616161 !important
    }

    #divBannerRecruit {
        display: inline-table;
        width: 100%;
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 5px 0;
        padding-bottom: 2px;
        padding-top: 10px;
        padding-left: 10px
    }

        #divBannerRecruit .Recruit {
            width: 100%;
            float: left;
            color: #2d6fe2 !important;
            text-decoration: none;
            padding-bottom: 5px;
            text-shadow: 2px 3px 3px rgba(0,0,0,.3)
        }

            #divBannerRecruit .Recruit .divRecruit > div:first-child {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px;
                width: 100%;
                font-size: 110%;
                color: #2d6fe2
            }

                #divBannerRecruit .Recruit .divRecruit > div:first-child .More {
                    position: relative;
                    float: right;
                    right: 10px;
                    font-size: 65%;
                    color: #2d6fe2
                }

        #divBannerRecruit .imgRecruitBanner {
            padding: 10px 10px 10px 0
        }

        #divBannerRecruit .Recruit .divRecruit > div:nth-child(2) {
            width: 98%;
            display: inline-block;
            position: relative;
            left: 0
        }

            #divBannerRecruit .Recruit .divRecruit > div:nth-child(2) ul li {
                width: 20%;
                padding-left: 15px;
                color: #727272
            }

    .webFooterAddressContainer {
        display: none
    }

    .mobileFooterAddressContainer {
        display: block
    }

    .branch_address {
        margin-top: 10px;
        margin-bottom: 5px !important;
        font-size: 78%;
        line-height: 30px;
    }

    .addrTel {
        font-family: Verdana;
        color: #2d6fe2 !important;
        height: 52px;
        display: block;
        margin-top: 10px;
        font-size: 130%;
        padding: 13px 13px 13px 0px;
        /*border: 1px solid #fff;*/
    }

        .addrTel > span {
            font-family: Verdana;
            color: #2d6fe2 !important;
            height: 35px;
            display: block;
            margin-right: 10px;
            font-size: 75% ​ !important;
            float: left;
        }

    .prefixTel {
        font-size: 90% !important;
    }

    .emailBranchText > span {
        text-align: left;
        float: left;
        clear: both;
        font-size: 100%;
        line-height: 20px;
        margin-bottom: 6px;
        height: 52px;
        margin-top: 5px;
        font-size: 80%;
        /*border: 1px solid #fff;*/
        padding: 13px 13px 13px 0px;
    }


    .blue_color {
        font-size: 61%;
        color: #2d6fe2 !important
    }

    #divBranchFotterAddrres {
        display: inline-table;
        width: 100%;
        background-color: #e2e6ea;
        border-radius: 5px;
        margin: 0 0 10px;
        padding-bottom: 0;
        padding-top: 0
    }

        #divBranchFotterAddrres #divAddrresTitle {
            margin: 10px
        }

            #divBranchFotterAddrres #divAddrresTitle a {
                border-left: 3px solid #ea4e6c;
                padding-left: 10px
            }

            #divBranchFotterAddrres #divAddrresTitle > a > span:first-child {
                font-size: 130%;
                color: #2d6fe2
            }

            #divBranchFotterAddrres #divAddrresTitle > a > span.More {
                position: relative;
                float: right;
                right: 0;
                font-size: 75%;
                color: #2d6fe2
            }

    .divFooterBranch > div:first-child .divHeader .BranchName {
        font-size: 120%;
        margin-bottom: 10px;
        margin-left: 10px
    }

    #divBranchFotterAddrres .divFooterBranch {
        width: 94%;
        position: relative;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        margin-top: 5px;
        background: bottom right url(/images/banners/corner_calendar.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 0 10px 0 10px
    }

    .divFooterBranch .divContent .branchContact {
        margin-bottom: 15px
    }

    .divFooterBranch .divContent div:first-child {
        margin-top: 10px;
        margin-left: 20px;
        font-size: 80%
    }

    .divFooterBranch .divContent div:nth-child(2) {
        margin-left: 20px
    }

    .divFooterBranch .divContent .branchQrcode > ul {
        font-size: 100%;
        margin-top: 20px;
        margin-left: 20px
    }

        .divFooterBranch .divContent .branchQrcode > ul li:first-child {
            margin-bottom: 10px
        }

    .divFooterBranch .divContent .branchContact {
        margin-left: 20px
    }

        .divFooterBranch .divContent .branchContact .Telephone {
            font-size: 100%
        }

            .divFooterBranch .divContent .branchContact .Telephone ul > li:first-child {
                font-size: 170%;
                min-width: 110px
            }

            .divFooterBranch .divContent .branchContact .Telephone ul > li:nth-child(2) {
                font-size: 170%;
                margin-bottom: 10px
            }

        .divFooterBranch .divContent .branchContact .Email > span {
            font-size: 170%;
            margin-top: 5px
        }

    #leftBodyBottom {
        width: 100%;
        display: inline-table
    }

    #divCalendar {
        width: 100%;
        display: inline-table;
        background: bottom right url(/images/banners/corner_calendar.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

        #divCalendar ul li {
            padding-left: 20px
        }

    #social_media #languageContainer {
        display: none
    }

    #social_media {
        width: 100%;
        display: none;
        background-color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px;
        min-height: 130px;
        padding-bottom: 20px;
        margin-bottom: 24px;
        padding-top: 12px
    }

        #social_media #divSocial {
            position: relative;
            width: 69%;
            float: left;
            top: 28px
        }

            #social_media #divSocial .linkedin {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

            #social_media #divSocial .twitter {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

            #social_media #divSocial .facebook {
                position: relative;
                float: right;
                width: 11%;
                margin-right: 10%;
                font-size: 150%
            }

            #social_media #divSocial .instagram {
                position: relative;
                float: right;
                width: 15%;
                margin-right: 7%;
                font-size: 150%
            }

        #social_media #logo {
            position: relative;
            width: 29%;
            float: right;
            height: auto
        }

            #social_media #logo > img {
                width: 70%;
                position: relative;
                float: right;
                right: 36px
            }

    #divLoginBody {
        width: 100%
    }

    #mainFormLogin {
        width: 100%
    }

    #divVerticalBranch {
        width: 100%;
        display: none
    }



    #mainFooter {
        width: 100%
    }



        #mainFooter .Privacy {
            float: left;
            margin-right: 30px;
            color: grey;
            font-size: 120%;
        }

            #mainFooter .Privacy:hover {
                color: #2d6fe2
            }


        #mainFooter .divSuggestion {
            float: left;
            clear: left;
            margin-top: 30px;
            font-size: 120%;
        }

        #mainFooter .container {
            margin-left: 5px;
            margin-right: 5px;
            padding-left: 0;
            padding-right: 0
        }

            #mainFooter .container > a {
                width: 100%;
                text-align: left
            }

            #mainFooter .container .divCopyRight {
                margin-top: 50px;
                margin-bottom: 50px;
                width: 100%
            }

                #mainFooter .container .divCopyRight .OnshorerUrl {
                    width: 100%;
                    margin: 5px 0 0 0
                }

                #mainFooter .container .divCopyRight .CopyRight {
                    width: 100%;
                    margin: 5px 0 0 0
                }

                #mainFooter .container .divCopyRight .CompanyCI {
                    width: 100%;
                    margin: 5px 0 0 0
                }

    #divBranchZoom .leftSide {
        width: 100%
    }

    #divBranchZoom .rightSide {
        width: 100%;
        margin-top: 20px
    }

    .modal-dialog {
        width: 90% !important;
        float: left;
        margin: 4px
    }

    .bootstrap-dialog .bootstrap-dialog-message {
        font-size: inherit
    }

    /*.li_langConfSelected {
        display: none
    }*/

    #divHeaderSubMenu {
        background-color: #fff;
        margin-top: 16px !important;
        width: 100% !important;
        height: 100%;
        position: relative;
        left: 0;
        top: 40px;
        padding-bottom: 5px;
        background-color: #ebebeb
    }

        #divHeaderSubMenu .navbar-collapse {
            padding: 0;
            margin: 0
        }

    .navbar-collapse {
        background-color: #ebebeb;
        position: relative
    }

    #myMenuOptions {
        margin: 38px 0px 0px 0px;
    }

        #myMenuOptions li {
            width: 100%;
        }

            #myMenuOptions li:not(.kopie) {
                font-size: 90%;
                background: no-repeat bottom right url(/images/banners/corner_empty.png);
                background-size: 100%;
                margin: 2px
            }

            #myMenuOptions li a {
                padding-left: 15px;
            }

                #myMenuOptions li a:hover {
                    color: #2d6fe2;
                    text-decoration: underline
                }

            #myMenuOptions li:not(:last-child) {
                border-bottom: 1px solid #d3d3d3
            }

    .dropdown-menu {
        width: 100%;
        position: relative;
        background-color: #ebebeb;
        margin-top: 10px;
        z-index: 10;
        display: none;
    }

    #myMenuOptions li.open {
        background: none !important;
    }

    .dropdown-menu li a {
        padding-left: 35px !important
    }

        .dropdown-menu li a :hover {
            text-decoration: underline;
            color: #2d6fe2;
        }

    #footerMenuMobile a {
        color: #dedede;
        font-size: 95%;
        line-height: 30px
    }

    .registrationLoginLink {
        background-color: #ea4e6c !important;
        padding: 4% 31%;
        border-radius: 5px;
        color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

    .userLoginLink {
        background-color: #2d6fe2 !important;
        padding: 3% 28%;
        border-radius: 5px;
        color: #fff;
        box-shadow: rgba(0,0,0,.1) 0 1px 2px 1px
    }

    .footerMobileMainDIV {
        width: 100%;
        margin: auto;
        text-align: left
    }

    .footerMobileMainDIVSubDiv {
        width: 100%;
        margin: 0;
        text-align: center;
        margin: auto;
        clear: left;
        display: block
    }

    .footerMobileMainDIVSubDiv_Wrapper {
        width: 98%;
        margin: 0;
        text-align: center;
        margin: auto;
        clear: left;
        display: block
    }

    .footerMobileContainerA {
        float: left;
        text-align: left;
        width: 50%
    }

        .footerMobileContainerA ul {
            float: left;
            width: 100%
        }

    .footerMobileContainerB {
        float: left;
        text-align: left;
        width: 50%;
        clear: left
    }

    .footerMobileContainerB_title {
        float: left;
        padding-right: 10%
    }

    .footerMobileContainerB_Sub {
        float: left;
        width: 100%;
        clear: left
    }

    .footerMobileContainerC {
        float: right;
        text-align: left;
        width: 50%
    }

    .footerMobileCopyrightSection {
        border-top: 1px solid gray;
        text-align: left;
        font-size: 16px;
        float: left;
        clear: left;
        width: 100%
    }

    .footerMobileCopyrightSectionSub {
        text-align: left;
        width: 100%;
        float: left;
        padding-top: 10px
    }

    .mobileBranchContainer {
        border: 5px solid #ebebeb;
        height: auto;
        border-radius: 11px;
        padding-left: 5px;
        display: block;
        width: 100%;
        overflow-y: auto;
        padding-bottom: 5px
    }

    .mobileBranchContainer_even {
        background-color: #fff
    }

    .mobileBranchContainer_odd {
        background-color: #f5f5f5
    }

    .mobileBranchTitleSection {
        margin-top: 13px;
        text-align: justify;
        border-radius: 5px;
        line-height: 20px;
        display: block;
        padding: 5px
    }

    .mobileBranchTitleWrapper {
        float: left;
        width: 99%;
        border-bottom: 1px solid #bbbbb4
    }

    .BranchNameTitle {
        float: left;
        display: block;
        top: -5px;
        position: relative;
        text-align: left;
        font-size: 98%;
        text-shadow: 2px 3px 3px rgba(0,0,0,.3);
        color: #727272
    }

    .mapLinkBranch {
        float: right;
        cursor: pointer;
        display: block;
        top: -1px;
        position: relative;
        text-align: right;
        font-size: 15px
    }

    .mapLabel {
        float: right;
        color: #2d6fe2 !important
    }

    .mapGPSIcon {
        float: right;
        top: 1px;
        position: relative
    }

    .mobileBranchInfoWrapper {
        float: left;
        display: block;
        height: auto;
        width: 100%
    }

    .mobileBranchInfoWrapper_A {
        float: left;
        clear: both
    }

        .mobileBranchInfoWrapper_A div {
            margin-bottom: 0;
            float: left;
            border-top-left-radius: 6px
        }

    .mobileBranchInfoWrapper_B {
        text-align: center;
        display: block;
        height: auto;
        float: left;
        width: 60%;
        clear: left
    }

    .mobileBranchInfoWrapper_C {
        float: right;
        margin-right: 2px
    }

    .addrDetailsInfo {
        float: left;
        text-align: left;
        color: #727272;
        margin-top: 0;
        margin-bottom: 2px !important;
        padding-left: 0 !important
    }

        .addrDetailsInfo div {
            padding-right: 5px;
            margin-top: 0;
            float: left
        }

            .addrDetailsInfo div p:first-child {
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 0 !important;
                line-height: 15px
            }

            .addrDetailsInfo div p:nth-child(2) {
                margin-bottom: 0 !important
            }

    .addrTel > span:first-child {
        font-size: 12px;
    }

    .emailBranchText {
        text-align: left;
        float: left;
        clear: both;
        font-size: 100%;
        line-height: 20px;
        margin-bottom: 6px
    }

        .emailBranchText span {
            float: left
        }

    .QRCodeBranch {
        clear: left;
        float: left;
        width: 44%;
        margin-bottom: 5px;
        border-radius: 5px;
        border: 2px solid #fff;
        left: -1%;
        position: relative
    }

    .mobileBranchQrcodeContainer {
        float: left;
        text-align: left;
        position: relative;
        font-size: 17px;
        top: 48px;
        line-height: 20px
    }

        .mobileBranchQrcodeContainer li {
            color: #727272
        }

    .mobileBranchInfoWrapper_C a {
        cursor: pointer
    }

        .mobileBranchInfoWrapper_C a img {
            float: right;
            margin-bottom: 4px;
            border-radius: 5px;
            border: 2px solid #fff
        }

    #footerMenuWeb {
        display: none
    }

    #divAddrresTitle {
        display: none
    }

    #footerMenuMobile {
        display: block
    }

    #mainFooter .divCopyRight .OnshorerUrl {
        float: right;
        color: grey;
        font-size: 140%;
    }


    .CertificationQuestionText {
        width: 93%;
        font-size: 120%;
    }

    .QuestionContainerDIV {
        padding: 15px;
        font-size: 65%;
        width: 100%;
        text-align: justify;
        float: left;
        line-height: 25px;
    }

        .QuestionContainerDIV div {
            float: left
        }
}