@charset "UTF-8";

/* html { font-size: calc(1em + 1vw); } */

/*index.html*/

ol li{
list-style-type:none;
}

a{
    text-decoration: none;
    color:rgb(4, 127, 131);
    font-size:  calc(0.8em + 0.3vw);
}


a:hover{
    text-decoration:underline;
    color:rgb(48, 111, 114);
    /* font-size:  calc(1em + 0.5vw); */
}

#navText{
    font-size: calc(1em + 0.3vw);
}

#topMenuBlock{
    background-color: rgb(23, 164, 199) ;
}

#topMenu{
    /* background: rgb(1, 17, 87); */
    min-width: 5vh;
    height: 4vh;
}

#searchBox{
    width:8vw;
    min-width: 6vw;
}

#mainMenu ul li{

    display:inline;
       
}

@media only screen and (max-width: 1024px) {
    #TopBlock {
        position: relative;
        padding-top: 10vw;
    }
}


@media only screen and (max-width: 768px) {
    #TopBlock {
        position: relative;
        padding-top: 14vw;
    }
}

#mainMenu{
    /* float: left; */
    position:absolute; /*讓子區塊固定在父區塊 */
    /* background: rgb(1, 125, 182); */
    background: rgb(21, 191, 233);
    min-width: 100%;
    height:auto;
    /* max-height: 13vh; */
    z-index: 10;
    opacity: 0.9;
    /* pointer-events: auto; */
    /* float:initial; */
}

.menuText a{
    font-size: calc(1em + 0.8vw);
    color:aliceblue;
}

#menuBtnBlock{
    padding-top: 0.5vh;
}

.menuBtn{
    padding-top: 0.15vw;
    width: calc(8% + 5vh); /*calc(15% + 1vh);*/
    /* width: 6vmax; */
    /* min-width:15%; */
    cursor: pointer;
    float: right;  
}

.menuSlice{
    padding-top: 1vh;
    /* padding-top: calc(0.05% + 0.65vw); */
    width: calc(2% + 0.5vh); /*calc(2% + 1vh);*/
    float: right;
    /* min-width: 1vh; */
    /* width:1.2vw; */
    /* height:6vh; */
}



#mainBanner{
    /* position:relative; */
    position: relative;
}

#speakBlock{
    /* background-image: url("../images/xxl/back001.png"); */
    /* background-repeat: repeat-x; */
    /* background-size: contain; */
    background: rgb(213, 243, 247);
    /* height: 14vh;   */
    height:auto;
    /* max-height: auto; */
}

#speakTitle{
    padding-top: 1.5vh;
    color: rgb(2, 90, 141); 
    font-size: calc(1em + 1.1vw);
    
}


#speakTxt{
    text-align: center;
     display: block;
    color: rgb(65, 64, 64);
    /* line-height: 3.3vw; */
    /*font-size: calc(1em + 0.95vmin); 3.5以上字排版會跑掉*/
    font-size: calc(1em + 0.5vw);
}

#firstLine{
    padding-top: 0px;
    
    }

#newsBlock{
    padding: 2vw;
    background-color: rgb(159, 226, 235);
    height: auto;
    /* float:left; */
    /* width:98vw; */
    /* height:50vh; */
    /* min-height: auto; */
  
}


#newsTitleTxt{
    /* float: left; */
    color: rgb(255, 255, 255);
}

#newsTellTxt{
    /* position: relative; */
    color: rgb(130, 130, 130);
}

/*限制只顯示一行字*/
.newsLimit{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newsList{
    padding-top: 3vh;
    color: rgb(130, 130, 130);
    font-size: calc(1em + 0.3vw);
}

#newsLastArea{
    padding: 1vw;
   /*下面兩者值互相擷抗*/
    height: auto;
    min-height: 20vw;
}

#recordBlock{
    padding: 2vw;
    /* background-color: rgb(136, 219, 240); */
    background-color: rgb(159, 226, 235);
    height: auto;
    /* float:left; */
    /* width:98vw; */
    /* height:50vh; */
    /* min-height: auto; */
  
}

#recordTitleTxt{
    /* float: left; */
    color: rgb(255, 255, 255);
}

#recordTellTxt{
    /* position: relative; */
    color: rgb(130, 130, 130);
}

#recordLastArea{
    
    /* padding: 3vh; */
   /*下面兩者值互相擷抗*/
    height: auto;
    min-height: 20vw;
}

#relationBlock{
    padding: 2vw;
    /* background-color: rgb(136, 219, 240); */
    /* background-color: rgb(41, 138, 151); */
    background-color: rgb(60, 166, 192) ;
    height: auto;
    /* float:left; */
    /* width:98vw; */
    /* height:50vh; */
    /* min-height: auto; */
  
}

#relationTitleTxt{
    /* float: left; */
    color: rgb(255, 255, 255);
}

#relationContent{
    padding-top: 4vw;
}

#activityLastArea{
    padding: 3vh;
   /*下面兩者值互相擷抗*/
    height: auto;
    min-height: 20vw;
 
}


#moreLink{
    color: rgb(0, 75, 145);
    font-size: calc(0.8em + 0.5vw);
    /* padding-bottom: 0.5vh; */
    float:right;
}

.insImg{
    width: 8vmax;
    /* background-color: ivory; */
}


#insTitle{
    padding-top: 5%;
    width: 8vmax;
    /* background-color: ivory; */
}

#industryBlock{
    height: auto;
    padding: 5vh;
    background-color:rgb(182, 221, 231);
}


#industryTitleTxt{
    /* float: left; */
    color: rgb(130, 130, 130);
}

#industryArea{
  
    padding: 3vh;
    /*下面兩者值互相擷抗*/
    height: auto;
    min-height: 20vw;

}

#firstArea{
    padding-top: 1vh;
 
}

#secondArea{
    padding-top: 1.5vh;
    
}

#guideTxt{
    color: rgb(246, 252, 162);
    font-size: calc(1em + 0.2vmin); /*3.5以上字排版會跑掉*/
}

#infoBlock{
    height: auto;
    padding: 1vh;
    background-color:rgb(148, 178, 215);
}

#infoTxt{
    /* color: rgb(124, 124, 124); */
    /* line-height: 3.3vw; */
    /*font-size: calc(1em + 0.95vmin); 3.5以上字排版會跑掉*/
    font-size: calc(1em + 0.5vw);
}

#connectBlock{
    font-size: 1.5vw;
    height: auto;
    min-height: 4vw;
    padding: 1vh;
    background-color:rgb(85, 134, 141);
    color: rgb(255, 255, 255);
}



#footBlock{
    height: auto;
    min-height: 4vw;
    padding: 2vh;
    background-color:rgb(50, 50, 50);
    color: rgb(110, 100, 100);
}


.menuSearch{
    color: ivory;
    position:inherit;
    float:right;
    padding-right: 1vw;
    padding-top: 0.5vh;
}

.menuLogo{
    width: 42vh;
    min-width: 42vh;
}

.menuTxt{
    color: ivory;
    padding-top: 1vh;
    position:inherit;
    float:right;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

/*intro.html*/
#leftArea{
    padding: 1vh;
    /*下面兩者值互相擷抗*/
    height:auto;
    min-height: 15vh;
}

#titleIntro{
background-color: cadetblue;
}

#introNavButtom{
    padding-top: 2vh;
}

#introNavArea{
    padding-top: 1vh;
    line-height: 5vh;
    /* padding-top: 2vh; */
}