@charset "UTF-8";


/* 此為全站通吃的css */
/* 此為全站通吃的css */
/* 此為全站通吃的css */

/************************************* 共用設定 *************************************/

body {
    text-align: center;  /* 文字置中 */
    font-family: Times New Roman,'Noto Sans TC', sans-serif; /*字型訂定*/
    font-weight: 500; /*字重設定*/
    color: #252a38; /* 基本顏色設定*/
    font-size: 16px; /* 文字大小*/
    line-height: 1.7; /* 行距 */

}
h1 {
	font-size:2.2em;
	color: #404040;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none; /* 滑過不要有底線 */
}


/* 設定連結顏色與樣式 */
a {
    color: #111f98;
    text-decoration: none; 
}

/* 連結滑過顏色與樣式 */
a:hover {
    color: #111f98;
    text-decoration: none;
}

/* 多處可使用的樣式設定 */
.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

/* 多處可共用之顏色設定 */

.grey {
    color: #252a38;
}

.blue {
    color: #111f98;
}


/* 多處可共用之標題設定 */

.h2Title {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #111f98;
    padding-left: 15px;
    border-left: solid 5px #111f98;
}

/* 多處可共用之按鈕設定 */

a .blueBgBtn {
    background-color: #111f98;
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 15px;
}

/* 此按鈕滑過的設定 */
a:hover .blueBgBtn {
    opacity: 0.8;
}


/************************************* modal *************************************/
/* 共用的燈箱關閉按鈕 */
/* 共用的燈箱關閉按鈕 */
/* 共用的燈箱關閉按鈕 */

.myClose {
    margin-top: 0px;
    margin-right: 15px;
    text-align: right;
    cursor: pointer;
    color: #fff;
}
/* 燈箱關閉按鈕滑過 */
.myClose:hover {
    opacity: 0.7;
}


/************************************* modal #nav *************************************/
/* 手機版本的燈箱選單 這是非首頁的*/
/* 手機版本的燈箱選單 這是非首頁的*/
/* 手機版本的燈箱選單 這是非首頁的*/

#nav .logo {
    position: absolute;
    top: 13px;
    left: 15px;
    height: 31px;
    width: auto;
}

/*關閉按鈕*/
#nav .navClose {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
}

/*燈箱內部區塊*/
#nav .modal-dialog {
    margin: 0rem;
}
/*燈箱內部區塊*/
#nav .modal-dialog .modal-content {
    border-radius: 0px;
}
/*燈箱內部區塊*/
#nav .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

/*燈箱內部選單設定*/
#nav .modal-dialog .modal-content .modal-body .myNav {
    padding-top: 100px;
}

#nav .modal-dialog .modal-content .modal-body .myNav a {
    font-size: 24px;
    margin-bottom: 40px;
    text-decoration: underline;
    display: block;
}

#nav .modal-dialog .modal-content .modal-body .language {
    background-color: #111f97;
    padding: 15px;
}



/************************************* modal #navForIndex .navForIndex *************************************/
/* 手機版本的燈箱選單 這個是首頁專屬選單*/
/* 手機版本的燈箱選單 這個是首頁專屬選單*/
/* 手機版本的燈箱選單 這個是首頁專屬選單*/


/*關閉按鈕*/
#navForIndex .navClose {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
}

/*內部區塊與元件設定*/
#navForIndex .navForIndex {
    margin-top: 40px;
}

/*選單區塊設定*/
#navForIndex .navForIndex .navs {
    background-color: #e7e7e7;
    text-align: center;
    font-size: 0px;
}

/*上方的選單的一個選單*/
#navForIndex .navForIndex .navs .oneNav {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 33.33%;
    cursor: pointer;
    background-color: #e7e7e7;
    padding-top: 15px;
    padding-bottom: 15px;
}

#navForIndex .navForIndex .navs .oneNav span {
    display: none;
}

/*一個選單的互動*/
#navForIndex .navForIndex .navs .oneNav:hover,
#navForIndex .navForIndex .navs .oneNav.focus {
    background-color: #111f97;
    color: #fff;
}
/*下面的可以開合的區塊設定*/
#navForIndex .navForIndex .oneNavContent {
    background-size: cover;
    background-position: center center;
    color: #fff;
}


#navForIndex .navForIndex .oneNavContent .bgImg {
    background-color: rgba(0, 72, 174, 0.8);
}

#navForIndex .navForIndex .oneNavContent h4 {
    border-bottom: 2px solid #fff;
    padding: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

#navForIndex .navForIndex .oneNavContent ul {
    z-index: 1;
    padding: 0px;
    padding-bottom: 15px;
}

#navForIndex .navForIndex .oneNavContent ul a li {
    list-style-type: none;
    color: #fff;
    margin-bottom: 10px;
}

#navForIndex .navForIndex .oneNavContent ul a:hover li {
    text-decoration: underline;
}
/*下面的可以開合的區塊設定 的下面三個按鈕設定*/
#navForIndex .navForIndex a .section2ThreeBtn {
    background-color: #111f98;
    color: #fff;
    padding: 15px 0px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 15px;
}


#navForIndex .navForIndex a .section2ThreeBtn:hover {
    opacity: 0.7;
}

#navForIndex .navForIndex a .section2ThreeBtn img {
    position: relative;
    margin-right: 10px;
    height: 40px;
}




/************************************* carousel *************************************/

/* 多處共用的輪播設定 */
/* 多處共用的輪播設定 */
/* 多處共用的輪播設定 */

/* 點點 */
.carousel-indicators li {
    width: 9px;
    height: 9px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
}

/* 點點基本為藍色 */
.carousel-indicators .active {
    background-color: #111f98;
}
/* finance時橘色 */
.finance .carousel-indicators .active {
    background-color: #fd9700;
}
/* informatics紫色 */
.informatics .carousel-indicators .active {
    background-color: #bf7de4;
}

/*左右箭頭*/
.carousel .leftArrow,
.carousel .rightArrow {
    cursor: pointer;
    top: 50%;
    margin-top: -18px;
    position: absolute;
    z-index: 1;
    width: 13px;
    height: auto;
}

.carousel .leftArrow {
    left: 15px;
}

.carousel .rightArrow {
    right: 15px;
}

.carousel .leftArrow:hover,
.carousel .rightArrow:hover {
    opacity: 0.7;
}


/************************************* loading *************************************/
/*全站入場讀取畫面*/
/*全站入場讀取畫面*/
/*全站入場讀取畫面*/

.loading {
    background-color: #fff;
    z-index: 100;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
}

.loading img {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    left: 50%;
    margin-left: -165px;
    width: 331px;
    height: auto;
}

/************************************* header *************************************/
/*共用header*/
/*共用header*/
/*共用header*/

.header {
    text-align: left;
    height: 58px;
    padding: 15px;
    /*    border-bottom: 1px solid #333;*/
}

.header a .logo {
    position: absolute;
    top: 13px;
    left: 15px;
    height: 31px;
    width: auto;
}

.header a:hover .logo {
    opacity: 0.8;
}

/* 漢堡選單 */
.header .navTrigger {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 30px;
    height: auto;
    cursor: pointer;
}

.header .navTrigger:hover {
    opacity: 0.8;
}


/************************************* footerForInside GreyArea *************************************/
/*共用footer*/
/*共用footer*/
/*共用footer*/

.footer .greyArea {
    background-color: #e7e7e7;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer .greyArea p {
    margin-bottom: 0px;
}

.footer .greyArea p span {
    color: #111f98;
}


/************************************* footerUpArea *************************************/
/*共用footer 上方區塊*/
/*共用footer 上方區塊*/
/*共用footer 上方區塊*/

.footerUpArea .footerOpen,
.footerUpArea .footerClose {
    cursor: pointer;
    width: 75px;
    height: auto;
    margin-bottom: 30px;
}

.footerUpArea .footerOpen:hover,
.footerUpArea .footerClose:hover {
    opacity: 0.7;
}

.footerUpArea {
    background-image: url(../img/footerBg.jpg);
    background-position: top center;
    background-size: cover;
    text-align: left;
    padding-bottom: 15px;
}

.footerUpArea .oneIssue {
    color: #fff;
    margin-bottom: 30px;
}

.footerUpArea .oneIssue a {
    display: block;
    cursor: pointer;
}

.footerUpArea .oneIssue a:hover {
    opacity: 0.8;
}

.footerUpArea .oneIssue h6 {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.footerUpArea .oneIssue a .myBtn {
    text-align: center;
    display: block;
    background-color: #fff;
    color: #252a38;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.footerUpArea .oneIssue a:hover .myBtn {
    opacity: 0.8;
}


/************************************* footerMidArea *************************************/
/*共用footer 中間區塊*/
/*共用footer 中間區塊*/
/*共用footer 中間區塊*/

.footerMidArea {
    background-color: #e7e7e7;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.footerMidArea a .oneIssue {
    background-color: #111f98;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    height: 88px;
    width: 88px;
    padding-top: 5px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.footerMidArea a:hover .oneIssue {
    opacity: 0.7;
}

.footerMidArea a .oneIssue .footerIcon {
    width: 54px;
    height: 54px;
    display: block;
    margin: 0 auto;
}

.footerMidArea a .oneIssue p {
    margin-top: -10px;
    font-size: 15px;
    margin-bottom: 0px;
}

.footerMidArea .footerContactText {
    /*    margin-top: 15px;*/
    text-align: left;
    margin-bottom: 0px;
}

.footerMidArea .footerContactText span,
.footerMidArea .footerContactText a {
    color: #111f98;
}

.footerMidArea .footerContactText a:hover {
    text-decoration: underline;
}

/************************************* footerBottomArea *************************************/
/*共用footer 底部區塊*/
/*共用footer 底部區塊*/
/*共用footer 底部區塊*/

.footerBottomArea {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footerBottomArea .footerBottomAreaRight {
    margin-top: 15px;
}

.footerBottomArea p {
    margin-bottom: 0px;
}

.footerBottomArea a .myBtn {
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    background-color: #111f98;
    border-radius: 999px;
    line-height: 30px;
    position: relative;
    top: -8px;
}

.footerBottomArea a i {
    font-size: 40px;
    margin-left: 10px;
}

.footerBottomArea a:hover {
    opacity: 0.7;
}