@import url("/Other/ec.ibrain/Publish/www/file/css/ani.css");
@import url("/Other/ec.ibrain/Publish/www/icon_new/css/all.min.css");
@import url("/Other/ec.ibrain/Publish/www/MDesign_Icon/css/materialdesignicons.min.css");
.border1px{border:1px #000 solid;}/*®Ø½u´ú¸Õ¥Î*/
a:hover{text-decoration: none;}
.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
.container{margin:0 auto;}
/*¸m³»°Ï°ìBar*/
.top_bg{border-left: #78b6de solid 1px;
    /* padding: 0% 0 0% 9%; */
    margin: 4% auto 0 auto;} 
/* .top_bg > li{margin:0 0.2%;} */
/* .top_bg > li:nth-child(-n+4):after{content:' | '} */
.top_bg li,.top_bg a{color: #0075c1;font-size: 0.95rem;font-family: "·L³n¥¿¶ÂÅé";line-height: 1.8rem;    list-style: none;}
.top_bg a{text-decoration: ;}
.top_bg .fa,.top_bg li:nth-child(-n+4) .fas{font-size: 1.0rem;}

/*·j´M¤ÞÀº*/
.search{width: 90%;margin-top: 22px;}
.search input[type="text"]{width:50%;}
.search input[type="submit"]{background-color: #f38f00;color: white;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',Arial, sans-serif;font-size: 0.9rem;font-weight: 700;}
.search input[type="submit"]{padding: 1.2% 3%;}
.search select{padding: 1.2% 0.4%;}

.search input[type="text"],.search input[type="submit"],.search select{border-radius: 4px;}
.search input[type="text"],.search select{border:1px #f38f00 solid;color: #828282;font-family:Arial, sans-serif;font-weight:normal;font-size: 1.0rem;height: 2.5rem;}

/*¥D¿ï³æ*/
.bg-Nvmenu,.NavMenu,.Chcolor{background:#004679;background:-moz-linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%);background:-webkit-linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%);background:linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%)}
[class*="nav_click"]{color: white;}
#Menucolor li a:hover,.act_on{color:#f38f00;list-style: none;} 
/* .MenurowBar {height: 2.5rem;} */
#Menucolor li a{color: white;}
.MenurowBar li{
    list-style: none;

    /* padding: rem;line-height: 2.5rem; */
    font-size: 1.05rem;}
#Menucolor li a:hover{border-bottom: #f38f00 3px solid ;padding-bottom: 0;}
[class*="nav_show"]{display: none;} 

/*¿ï³æ¤Á´«*/
.NavMenu,.Chcolor{color:white;}
.NavMenu{white-space: nowrap;}
.NavMenuOut,.Navcontent,.NavMenu,[class*="inNav"],[class*="NavsecC"],.NavMenu li div,[class*="nav_show"]{z-index: 100;top: -0.5rem;font-family: "·L³n¥¿¶ÂÅé";}
.NavMenu li{list-style: none;}
.NavMenu li div{color:black;}
.NavMenuOut li:hover{cursor:pointer;}
[class*="inNav"]{background-color: white;padding: 0.5%;}
[class*="inNav"] ul{padding: 0.5rem;}
[class*="NavsecC"] dt .fa-caret-right{color: #015B98;    margin: 0;}
[class*="NavsecC"] dd{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin: 0;}
[class*="NavsecC"] dd a:hover{color: rgb(8, 149, 214);}
[class*="NavsecC"]{margin-top: 0.5rem;}
[class*="NavsecC"] dl:hover{color:;background-color: #f3f3f3;}
[class*="inNav"],[class*="NavsecC"]{display:none;}
[class*="inNav"]{overflow: hidden;}
.Chcolor{padding: 0 0.4rem;}
.active,.active2,.active3,.act_firstGo{display: flex; }
.active3{animation:ani1 0.5s;}
.active2,.active{animation: ani2 0.3s;box-shadow: 1px 1px 3px #999;}
@keyframes ani1{from {opacity: 0; 
    /* transform: translate3d(100%, 0, 0); */
}
    to {opacity: 1;
        /* transform: none; */
    }}
@keyframes ani2{from {opacity: 0;
    /* transform: translate3d(0, -100%, 0);  */
}
to {opacity: 1;
    /* transform: none; */
}}
@keyframes ani3{from {opacity: 0; }to {opacity: 1;}}
[class*="NavsecC"] dt{border-bottom: solid 3px #017bc9 ;    background: #c9e9ff;}
[class*="NavsecC"] dl{margin: 0.5rem;text-align: left;}
[class*="NavsecC"] dl a{/*white-space: pre;*/}

/*¦¬¦X¿ï³æ¼Ë¦¡(mobile¤~Åã¥Ü)*/
.closeMenu .closeText{margin: 1.5rem auto;}
.fa-angle-double-up{animation:ani_updown 0.6s ease 0.6s infinite alternate;top:0;position: absolute;left:50%;transform: translate(-50%, 0);}
@keyframes ani_updown{from {top:0.5rem;opacity: 1; }to {top:0rem;opacity: 0.5;}}
/*¦¬¦X¿ï³æ¼Ë¦¡(mobile¤~Åã¥Ü)END*/

/*°w¹ï¤º­¶»y¨¥¼e«×ÅÜ´«*/
#indide_lan{display: flex;flex-wrap: wrap;}
#indide_lan dt{width: 100%;}
#indide_lan dd{width: calc(100%/2);}

/*¿ï³æ¼e«×ÅÜ´«*/
[class*="NavsecC"] dl{width:calc(100%/2.2);
}

[class*="NavsecC"] dd a img{max-width: 100%;}
[class*="inNav"] li{width:calc(auto);list-style: none;}

@media all and (min-width: 1px) and (max-width: 1023px){       
    [class*="inNav"] li{width:calc(100%/1.5);}
    .NavMenuOut{top:1%;}
    /*¦æ°Ê¸Ë¸mÂI½Òµ{Á`Äý­I´º³z©ú¦Ç*/
    .navGray{width: 100%;left:0;top:0; position: absolute;z-index:100;height: 100%;background-color: rgb(97, 97, 97 ,0.9);animation: ani3 0.2s;}
}
@media all and (min-width: 1024px){
    [class*="NavsecC"] dl{width: calc(100%/7);}
}
@media all and (min-width: 768px){
    [class*="NavsecC"] dl{max-width:calc(100%/3.22);min-width:auto;}
}
/*¿ï³æ¼e«×ÅÜ´« END*/


/*¥ª¥k¨â°¼¯B°Ê*/
aside *{transition: all .5s;}
.top-2{top:25%;}
/* .top-96 {
    top: 24rem;
  } */
.bottom-2{bottom:20%;}.bottom-3{bottom:30%;}
.bottom-4{bottom:40%;}.bottom-5{bottom:50%;}
.aside_bgL,.aside_bgR{z-index: 99;}
.aside_bgL{background:#e76900;background:-moz-linear-gradient(top,#e76900 0,#ed7e00 22%,#f5960e 54%,#feaf40 87%);background:-webkit-linear-gradient(top,#e76900 0,#ed7e00 22%,#f5960e 54%,#feaf40 87%);background:linear-gradient(to bottom,#e76900 0,#ed7e00 22%,#f5960e 54%,#feaf40 87%)}
.aside_bgL dl:hover{transform: scale(1.2);}
.aside_bgR dl div,.aside_bgR dl > dd{align-items: center;justify-content: center;}
.circle{width:70px;height:70px;}
.circle{border:8px solid;z-index: 2;position: relative;left:-70px;}
.circle::after{content:'';position: absolute;border:2px #fff solid;box-shadow: 0px 0px 3px #000;z-index: -1;width:70px;height:70px;border-radius: 9999px;}
.aside_bgR dl dd{left:-55px;top:15px;padding:10px 0 10px 15px;width:100px;}
.aside_bgR dl{right:-80px;}
.aside_bgR dl:hover{right:0;}
.aside_bgR a{color: white;}
.cirY {--border-opacity: 1;border-color: #0075c1;border-color: rgba(0, 117, 193, var(--border-opacity));}
.cirR {--border-opacity: 1;border-color: #f38f00;border-color: rgba(243, 143, 0, var(--border-opacity));}

.circleOut .fas:nth-child(1){color: #167bb4;}
    .circleOut .fas:nth-child(2),.learnLineA dd a:hover,.learnLineA dd:hover::before{color: #2e93c4;}
    .circleOut .fas:nth-child(3),.learnLineB dd a:hover,.learnLineB dd:hover::before{color: #eb9316;}
    .circleOut .fas{transform: scale(0.75);margin: 0 0.1rem;}

    /*µn¤J«á°T®§*/
.loginShow {position: fixed;right: 0;top: 10%;color: #037CCB;width: 9rem;border: 5px #037CCB solid;border-radius: 0.25rem;background: white;padding: 0.25rem;z-index: 15;}
.closeLogin:hover{cursor: pointer;transform:translateX(-8px);}

/*footer and siteMap(ºô¯¸¾ÉÄý)*/
footer{background-color: #fef1e0;}
footer *{transition: .5s;}
footer dt{font-weight: 900;}
footer dd{color:rgb(85, 85, 85));font-weight: normal;}
footer dd > a{white-space: nowrap;}
footer dd:hover{transform: translateX(8px);}
/* footer dd::before{"Font Awesome 5 Free"; content: "\f138";} */
footer .nobefore::before,.noteIMG dd::before{content: '';}
footer li::before{content: '';}
/* .address{border-top: 1px #ddd solid;} */
.contact dd a{white-space: normal;}
.contact dd{text-indent: 0rem;margin-left: 1rem;}
[class*="siteMap"]{z-index: 100;
    box-shadow: 0px 0px 15px #000;
    top:1%;left:50%;transform: translate(-50%, 1%);display: none; background-color: #fff;border-radius: 5px;}
.sitebgact{left:0;top:0; position: absolute;z-index:99;height: 100%;
    /* background-color: rgb(97, 97, 97 ,0.9); */
    animation: ani3 0.2s;}
.mapgo{display: flex;}
.Map1 .fa-bars:hover{ box-shadow: 0px 0px 3px #000 ;}

/*ºô¯¸¾ÉÄý¼Ë¦¡³]­p*/
.siteMap1 dl dd{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.siteMap1 dt,.siteMap1 dt a{color: white;}
.siteMap1 dd a,footer dd .fas,.Map_title{color: #004679;}
.siteMap1 dd{text-indent: -0.65rem;margin-left:1.5rem;}
.siteMap1 dl{border:0.5px #0075c1 solid;border-radius: 0.25rem;}
.siteMap1 dl dt{background: #004679;
    background: -moz-linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%);
    background: -webkit-linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%);
    background: linear-gradient(to right,#004679 0,#0075c1 65%,#0f94eb 100%);}

/*¤½§i±M¥Î°Ï°ì*/
/* body{position: relative;}
.Annout{position: fixed;} */
.closeAnn{top:-2rem; z-index: 999;}
.Announcement{ transform: translate(-50%, -50%);position: fixed;z-index: 99;width:95%;}
.Announcement{ top:30%;left: 50%;}
.Announcement div img,.Announcement div font{margin:0 auto;text-align: center; }
.Announcement div{
    /* box-shadow: 3px 3px 9px black;  */
    /* border-radius: 3px; */
    background-color: white;padding: 0.5rem;position: relative;z-index: 954;
    box-shadow: 1px 1px 30px black;}
/* .Announcement div::after{
    content:'';
    width: 100%;height: 100%;left:0;top:0; position: absolute;z-index:1;
    box-shadow: 1px 1px 30px black;
     background-color: rgb(97, 97, 97 ,0.5); 
} */


/*¦Û­qÃC¦â*/
.orange-custom{color: #f05501;}
.books-yellow-300{color:#f6a300;}
.blue-custom{color: #007cc6;}
.gray-custom{color: #6f6f6f;}
.bg-blue-custom{background-color: #0075c1;}
.bg-yellow-custom{background-color:#f38f00;}
.bg-master{background-color: #f5f5f5;}

/*¦Û­q¤å¦r¤j¤p*/
.text-93rm{font-size:0.93rem;}

/*¸É¥Rtw·sª©¥»¼e«×*/
.w-11 {
    width: 2.75rem;
  }

/*³sµ²ÅÜ´«°ÊºA*/
.hover-transX-8px:hover{transform: translateX(8px);}



/*¦U¤j¬Û®eÀ˵ø*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
    #noie{display: none;}
}
@-moz-document url-prefix(){/*Firefox*/
    #noie{display: none;}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
    
    #noie{position: relative;margin: 0.5rem auto;display: block;text-align: center;font-weight: 100;border:3px #f8ae37 solid;padding: 0.5rem 0;width:65%;background-color: #fffaf1;color: rgb(17, 113, 202);}
    #noie a{color:#0b5c92;font-weight: 900;text-decoration: underline;}
    #noie .fas{color: red;font-size:1.4rem;}
    
}

@media screen\0 {/*IE 8 9 10 11*/
    .Inside_footerlist li,.Inside_footerlist{display: block;}
    .Inside_footerlist{width: 170px;}
    .NavMenuOut, .Navcontent, .NavMenu, [class*='inNav'], [class*='NavsecC'], .NavMenu li div, [class*='nav_show'] {
        top: 0rem;
    }
    .circle::after {
       border:0px;
       box-shadow: none;
    }
    #noie{position: relative;margin: 0.5rem auto;display: block;text-align: center;font-weight: 100;border:3px #f8ae37 solid;padding: 0.5rem 0;width:70%;background-color: #fffaf1;color: rgb(17, 113, 202);}
    #noie a{color:#0b5c92;font-weight: 900;text-decoration: underline;}
    #noie .fas{color: red;font-size:1.4rem;}
    .NavCircle li,[class*="inNav"],[class*="NavM"],[class*="Navsec"],.NavMenu,.NavMenu li,ul,li{list-style-position: inside;
    list-style-type: none;}
    body * {list-style-type: none;}
}

@media print {
}