@charset "UTF-8";



@media (min-width: 1200px) {
    .container {
        width: 1090px;
    }
}



@media (min-width: 1200px) {
    .paddingLeftAndRight90 {
        padding-left: 90px;
        padding-right: 90px;
    }
}


/*兩欄式5/7分，讓右邊接近600px*/
/*

@media (min-width: 1200px) {
    .ifScreenBigger1200MarginLeft68 {
        margin-left:68px;
    }
}
*/


/*************************************  共用元件 *************************************/

.modal-body {
    padding: 60px;
}





/*************************************  header *************************************/

.header {
    display: none;
}

.headerD {
    font-size: 15px;
    text-align: left;
    display: inherit;
    background-color: rgba(255, 255, 255, 0.90);
    position: fixed;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    z-index: 100;
}


.headerD a:hover {
    opacity: 1 !important;
}


.headerD .nav {
    float: right;
    margin-top: 16px;
}

.headerD .nav .oneNav {
    text-align: right;
    margin-left: 20px;
    margin-right: 0px;
}

@media (min-width: 1200px) {
    .headerD .nav .oneNav {
        margin-left: 30px;
    }
}

.headerD .nav .oneNav,
.headerD .nav .oneNav a {
    color: black;
    cursor: pointer;
}


.headerD .nav .oneNav .search {
    cursor: pointer;
}

.headerD .nav .oneNav a:hover,
.headerD .nav .oneNav:hover,
.headerD .nav .oneNav .search:hover {
    /*    opacity: 0.7;*/
    color: #0093AE;
}

/*note: 這裡桌機版是V header選單的圖示 */
.headerD .nav .oneNav:nth-child(3):after,
.headerD .nav .oneNav:nth-child(4):after,
.headerD .nav .oneNav:nth-child(5):after,
.headerD .nav .oneNav:nth-child(6):after {
    content: url(../img/icons/navDropDownArrow.svg);
    float: right;
    margin-left: 5px;
    margin-top: -2px;
}




.headerD .rightTopArea {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 0px;
    right: 30px;
    background-color: white;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .1));
}

.headerD .rightTopArea a {
    color: black;
    font-weight: 300;
    padding-left: 3px;
    padding-right: 3px;
    display: inline;
}

.headerD .rightTopArea a:hover {
    color: #0093AE;
}

.headerD .rightTopArea .lang {
    display: inline;
    padding-left: 5px;
}

.headerD .rightTopArea .lang a:hover,
.headerD .rightTopArea .lang a.focus {
    color: black;
    background-color: #eee;
    border-radius: 999px;
}


.headerD .notLoggedIn,
.headerD .loggedIn {
    display: inline-block;
}


.headerD .rightTopArea .loggedInMember {
    display: inline-block;
    cursor: pointer;
}

.headerD .rightTopArea .loggedInMember:before {
    content: url(../img/icons/loggedInHumanIcon.svg);
    float: left;
    margin-right: 7px;
    margin-top: 1px;
}



/*************************************  header articlesSubmenu *************************************/

.articlesSubmenu {
    display: none;
    width: 900px !important;
    min-width: 900px !important;
    margin-left: -450px;
    margin-top: 77px;
    padding: 30px;
    color: black;
    position: absolute;
    z-index: 10;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.90);
    top: 0px;
}


.straightLine {
    width: 1px;
    height: 380px;
    border-right: 1px solid black;
}

.articlesSubmenu .myTitle {
    display: inline-block;
}

.articlesSubmenu a .myTitle {
    color: black;
}

.articlesSubmenu a:hover .myTitle {
    color: #0093AE;
}

.articlesSubmenu .myTitle::after {
    content: url(../img/icons/articlesSubmenuRightArrow.svg);
    float: right;
    margin-top: -2px;
    margin-left: 7px;
}

.articlesSubmenu .articlesSubmenuSubmenu {}

.articlesSubmenu .ssTitle {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.articlesSubmenu .articlesSubmenuSubmenu a {
    display: block;
    color: black;
    margin-bottom: 0.5em;
}

.articlesSubmenu .articlesSubmenuSubmenu a:hover {
    display: block;
    color: #0093AE;
}

.articlesSubmenu .hotKeyWordsArea {
    margin-top: 120px;
    margin-bottom: -10px;
}

.articlesSubmenu .hotKeyWordsArea .keyWords a .oneKeyWord {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    background-color: white;
    padding: 5px 10px;
    border-radius: 999px;
    color: #0093AE;
}

.articlesSubmenu .featuredArticles a .oneFeaturedArticle {
    margin-bottom: 15px;
}

.articlesSubmenu .featuredArticles a:last-child .oneFeaturedArticle {
    margin-bottom: 0px;
}

.articlesSubmenu .featuredArticles a:hover .oneFeaturedArticle {
    opacity: 0.8;
}


.articlesSubmenu .featuredArticles a .oneFeaturedArticle {
    line-height: 1.6;
}

.articlesSubmenu .featuredArticles a .oneFeaturedArticle .tag {
    font-size: 13px;
    color: #0093AE;
    margin-bottom: 0px;
}

.articlesSubmenu .featuredArticles a .oneFeaturedArticle .content {
    font-size: 16px;
    color: black;
    margin-bottom: 0px;
}





/*************************************  header servicesSubmenu *************************************/

.servicesSubmenu {
    width: 350px;
    margin-left: -175px;
    margin-left: 85px;
    margin-top: 77px;
    padding: 30px;
    color: black;
    position: absolute;
    z-index: 10;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.90);
    top: 0px;
}

.servicesSubmenu .myTitle {
    display: inline-block;
}

.servicesSubmenu a .myTitle {
    color: black;
}

.servicesSubmenu a:hover .myTitle {
    color: #0093AE;
}

.servicesSubmenu .myTitle::after {
    content: url(../img/icons/articlesSubmenuRightArrow.svg);
    float: right;
    margin-top: -2px;
    margin-left: 7px;
}

.servicesSubmenu .servicesSubmenuSubmenu a {
    display: block;
    color: black;
    margin-bottom: 0.5em;
}

.servicesSubmenu .servicesSubmenuSubmenu a:hover {
    display: block;
    color: #0093AE;
}


/*************************************  header aboutSubmenu *************************************/

.aboutSubmenu {
    width: 190px;
    margin-left: -175px;
    margin-left: 193px;
    margin-top: 77px;
    padding: 30px;
    color: black;
    position: absolute;
    z-index: 10;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.90);
    top: 0px;
}


.aboutSubmenu .aboutSubmenuSubmenu a {
    display: block;
    color: black;
    margin-bottom: 0.5em;
}

.aboutSubmenu .aboutSubmenuSubmenu a:hover {
    display: block;
    color: #0093AE;
}


/*************************************  header peopleSubmenu *************************************/

.peopleSubmenu {
    width: 190px;
    margin-left: -175px;
    margin-left: 300px;
    margin-top: 77px;
    padding: 30px;
    color: black;
    position: absolute;
    z-index: 10;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.90);
    top: 0px;
}


.peopleSubmenu .peopleSubmenuSubmenu a {
    display: block;
    color: black;
    margin-bottom: 0.5em;
}

.peopleSubmenu .peopleSubmenuSubmenu a:hover {
    display: block;
    color: #0093AE;
}

/*************************************  header peopleSubmenu *************************************/

.loggedInSubmenu {
   
    width: 125px;
/*
    margin-left: 489px;
    margin-top: 32px;
*/
    padding: 20px;
    color: black;
    position: fixed;
/*    left: 50%;*/
    background-color: rgba(255, 255, 255, 0.90);
    top: 0px;

    font-size: 13px;
    
    top:32px;
    right:62px;
     z-index: 150;
}


.loggedInSubmenu .loggedInSubmenuSubmenu a {
    display: block;
    color: black;
    margin-bottom: 1em;
    display: block;
}

.loggedInSubmenu .loggedInSubmenuSubmenu a:last-child {
    margin-bottom: 0px;
}

.loggedInSubmenu .loggedInSubmenuSubmenu a:hover {
    display: block;
    color: #0093AE;
}

.loggedInSubmenu .loggedInSubmenuSubmenu a:before {
    margin-top: 4px;
    content: ''; /* Clear the content */
    float: left;
    margin-right: 10px; /* Set the desired distance from the right text */
    width: 15px; /* Set the desired width */
    height: 15px; /* Set the desired height */
    background-size: contain; /* Ensure the SVG scales correctly */
    background-repeat: no-repeat; /* Prevent repeating the SVG */
    background-position: center center; /* Center the SVG */
    display: inline-block; /* Ensure block-level element for width/height to take effect */
}

.loggedInSubmenu .loggedInSubmenuSubmenu a:first-child:before {
    background-image: url(../img/icons/loggedInSettings.svg);
}

.loggedInSubmenu .loggedInSubmenuSubmenu a:nth-child(2):before {
    background-image: url(../img/icons/logOut.svg);
}





/*************************************  headerD searchHoverArea *************************************/

.searchHoverArea {
    margin-top: 77px;
    padding: 30px;
}


.searchHoverArea .searchHoverAreaInner {
    /*
    max-width: 700px;
    margin: 0 auto;
*/
}

.searchHoverArea .hotKeyWordsArea {
    margin-left: 15px;
}


/*************************************  footerD *************************************/


.footerD {
    padding: 30px 15px;
    background-color: #004E75;
    color: #fff;
    font-weight: lighter;
}



.footerD .socials {
    text-align: left;
    position: absolute;
    left: 15px;
    bottom: 0px;
}

.footerD .socials .oneSocial {
    display: inline-block;
    margin-right: 5px;

}

.footerD .footerNavs {
    margin-top: 0px;
    margin-bottom: 15px;
}

.footerD .footerNavs a {
    font-size: 14px;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #fff;
}


}

.footerD .threeLogosAndCopyright {
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 0px;
}

.footerD .threeLogosAndCopyright .logos {
    margin-bottom: 15px;
}

.footerD .threeLogosAndCopyright .logos img {
    margin-left: 25px;
}


.footerD .telAndAddress {
    position: absolute;
    left: 15px;
    bottom: 0px;
}

.footerD .ruleArea {
    position: absolute;
    left: 15px;
    bottom: 0px;
}




.footerD .subscribeToNewsletter .btnInInputFormBtn {
    background-color: #5DC2D0 !important;
}

.footerD .subscribeToNewsletter .btnInInputFormBtn:hover {
    opacity: 1;
    background-color: #0093AE !important;
}


.footerD .subscribeToNewsletter input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}


.footerD .subscribeToNewsletter .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}


/*************************************  leftFixNav *************************************/

@media (min-width: 1280px) {
    .leftFixNav {
        display: inherit;
    }
}




/*************************************  interstingTags *************************************/

.interstingTags {
    padding: 0px;
    border-radius: 999px;
}

.interstingTags a .oneTag {
    margin-bottom: 0px;
}


/*************************************  tags *************************************/

.tags {
    text-align: right;
}

.tags a .oneTag {
    margin-left: 15px;
    margin-right: 0px;
}





/*************************************  threeBigNubmers *************************************/

.threeBigNubmers {
    margin-top: 0px;
}


.threeBigNubmers .oneBigNumber .bigNumber {
    margin-top: 0px;
    font-size: 96px;

}




/*************************************  Cookie通知条样式 *************************************/


#cookie-notice p {
    margin-bottom: 0px;
}