.bg-list{background:url(../Image/infotech_diversity_bg.png) no-repeat bottom center;}
.bg-cs{background:url(../Image/top_cs.png) no-repeat bottom center;}
.bg-mis{background:url(../Image/top_mis.png) no-repeat bottom center;}
.bg-ds{background:url(../Image/top_ds.png) no-repeat bottom center;}
.bg-stat{background:url(../Image/top_stat.png) no-repeat bottom center;}
.bg-light-blue{background-color:var(--light-blue);}
.bg-light-green{background-color:var(--light-green);}
.bg-icy-blue{background-color:var(--icy-blue);}
.text-peachpink{color:#d94c6e;}
.text-pink{color:#d06cc6;}
.text-purple{color:#7539bc;}
.text-teal{color:#009cd3;}
.text-pastelblue{color:#5386fb;}
.unitmain .title{font-size:4rem;font-weight:bold;color:var(--navy-blue);font-family:"Microsoft YaHei";line-height:4.5rem;}
.unitmain .titledes{font-size:2.75rem;color:#3563dc;}
.unitcont .title{font-size:2.25rem;position:relative;width:fit-content;padding:1rem 1rem 0.5rem;color:var(--navy-blue);}
.unitcont .title::after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:2px;background:linear-gradient(to right, #46dbbe 0%, #1744ba 100%);}
.unitcont .subtitle{font-size:1.5rem;color:var(--title-blue);padding:0 1rem 0.5rem;}
.unitcont .sectitle{font-size:2rem;color:#233b78;border-left:solid 10px;padding:1% 3%;margin:1rem 0;}
.unitcont{font-size:1.125rem;}
.unitcont p{padding:1rem 0;}
.unitcont p a{color:var(--violet-purple);}
.unitcont ul li a{color:var(--violet-purple);}
.unitcont .title a{color:var(--violet-purple);}
.unitcont .briefChapter a{text-decoration:none;background-color:var(--periwinkle);color:white;border-radius:2rem;padding: 0 0.75rem;margin: auto auto 0.5rem 0;font-size: 1.75rem;}
.situation_table td a{color:#1743b9;}
.heading{font-weight:bold;font-size:1.25rem;padding:0.25rem 0;}
.disc{padding:0 0 0 2rem;}
.disc li{list-style-type:disc;}
.disc li b, .cjk li b{display:block;font-size:1.25rem;}
.spacing > li{padding:0.5rem 0;}
.decimal{padding:0 0 0 1.5rem;}
.document_date{position:relative;margin-bottom:1rem;color:#1743b9;}
.document_date::before{content:'【繳交日期】\A';white-space:pre;}
.document_date::after{position:absolute;left:0px;bottom:-5px;content:"";width:100%;height:1px;background-color:var(--periwinkle);}
.cjk{padding:0 0 0 3rem;}
.decimal > li{list-style-type:decimal;text-align:left;}
.cjk > li{list-style-type:cjk-ideographic;}
.situation_table{margin:1rem auto 1rem 0;}
.situation_table th{background-color:var(--light-green);}
.module_table th:nth-of-type(1){width:25%;}
.module_table th:nth-of-type(n+3):nth-of-type(-n+4){width:10%;}
.module_table th:nth-of-type(5){width:15%;}
.situation_table th, .situation_table td{padding:0.5rem 1rem;border:1px solid var(--periwinkle);text-align:center;}
.situation_table td.text-left{text-align:left;}
.situation_table .subth{background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);}
.td-white td{background-color:white;}
.th-light-blue th{background-color:var(--light-blue);}
.situation_extend{padding:.5rem 0;}
.situation_extend a{text-decoration:none;background-color:#dd6e63;color:white;border-radius:2rem;padding:0.25rem 1.5rem;font-size:1.2rem;margin:0.25rem;display:inline-flex;flex-wrap:wrap;}
.th-fixed{table-layout:fixed;}
.th-fixed tr:first-of-type th{position:sticky;top:0;}
.table-wrap{overflow-x:scroll;scroll-behavior:auto;}
.unitmenu{margin:2% 0 auto auto;display:flex;}
.unitmenu .VueCarousel-slide{min-width:max-content;padding:1px 0;margin:auto;text-align:center;}
.unitmenu a{text-decoration:none;border:1px solid #83e1eb;padding:0.25rem 0.75rem;border-radius:2rem;color:#1743b9;display:inline-flex;flex-wrap:wrap;font-size:1rem;}
.unitmenu a:hover{background-color:#83e1eb;color:white;}
.rwd-table{width:100%;}
.unitmenu .key a{border-color:#eb92e8;color:#CE4795;}
.unitmenu .key a:hover{background-color:#eb92e8;color:white;}
.capsuletitle{font-weight:bold;font-size:1.5rem;border-radius:50rem;padding:.2rem .6rem;background:linear-gradient(90deg, #f1f1f1, #fff 30%, #fff 70%, #f1f1f1);box-shadow:0 0 1px 2px #f1f1f1;margin:1rem auto auto;display:inline-flex;flex-wrap:wrap;}
.know a{color:#1743b9;display:inline-block;font-size:1.3rem;margin:0 auto;background-color:#ececec;width:100%;padding:1%;text-align:center;border-bottom:solid 3px #dfdfdf;}
.dot{width:10px;height:10px;background-color:#233b78;margin:auto 1rem;}
.titledes .dot{width:5px;height:5px;background-color:#3563dc;margin:auto 1rem;}

/**/
.blog_man{padding:1rem 2rem;display:flex;align-items:center;justify-content:start;float:left;margin:1rem 3rem 1rem 0;width:fit-content;border-right:solid 4px #dfdfdf;/* background:linear-gradient(to left, #ffffff 32%, #ebebeb 95%);*/}
.blog_man img{background-color:#ffffff;}
.blog-pic-man{width:6rem;height:6rem;border-radius:50%;overflow:hidden;}
.blog-pic-man img{object-fit:cover;background:linear-gradient(to bottom, #ffffff 0%, #ebebeb 95%);}
.author{padding:0 0 0 1rem;font-size:1.3rem;color:#3563dc;}
.author span{border-bottom:2px solid ;display:block;color:#3563dc;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.youtube_cont{width:60%;}

/* Banner */
.banner-180{}
.banner-180 a{text-decoration:none;width:180px;height:120px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;}
.ibrain_single{text-decoration:none;background:linear-gradient(-65deg, #CE4795 10%, #BC5A9F 35%, #3051A2 55%, #353C95 90%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;}
.b_title{color:white;font-size:1.5rem;text-shadow:-1px 0 0 white;position:relative;padding:0 0 5px;}
.ibrain_single .b_title::after{content:'';width:100%;height:2px;background:linear-gradient(to right, rgb(255 255 255 / 25%) 0%, white 25%, white 75%, rgb(255 255 255 / 25%) 100%);position:absolute;bottom:0;left:0;}
.b_cont{color:#AAE8F9;font-size:1.25rem;text-shadow:-1px 0 0 #AAE8F9;padding:5px 0 0;display:block;letter-spacing:1px;}

/* news */
.news{position:fixed;bottom:0;left:0;width:100%;background-color:#3563dc;z-index:2;margin:auto;padding:0.5rem 0.5rem 1rem;}
.news ul{}
.news ul li{padding:0.3rem;text-align:center;width:100%;color:#eff4ff;font-size:1.2rem;}
.news ul li b{color:white;}
.news ul li::before{content:'推薦：';font-style:italic;padding:0 0.5rem 0 0;color:#d3f2e2;}

/*post*/
.toc{color:#000000;padding:.25rem 0 .25rem 1.5rem;margin:1rem 0 0;font-size:1.125rem;border-left:solid 5px #bc61e25a;}
.toc dt{font-size:1.3rem;font-weight:bold;margin:auto auto 0.5rem;color:var(--violet-purple);}
.toc dd{list-style-type:disc;display:list-item;margin:auto auto auto 1rem;}

/*投考組合*/
.faq{padding:2rem 1rem 1rem;}
.faq h2{font-size:1.6rem;color:var(--navy-blue);}
.faq ol{padding: 1rem 0 1rem 1.5rem;}
.faq ol>li{padding:0 0 0.5rem 0;}
.faq ol li strong{}
.faq .link{background-color:var(--black);color:white;text-decoration:none;border-radius:.5rem;padding:.125rem .5rem;margin:auto .25rem .25rem .25rem;display:inline-block;font-size: 1rem;}
.faq a.pr-0{padding-right:0;}
.brochure{display:inline-flex;flex-wrap:wrap;padding:0 0 0 1rem;}
.brochure li{margin:auto 1rem;}

@media (min-width:1281px){
    .unitmenu{width:max-content;}  
    .bg-list{height:216px;} 
}
@media (min-width:1180px){
    .unitmenu{width:max-content;}   
}

@media (min-width:1024px){    
    .unitmain .title{padding-top:1.5rem;}
    .unitmenu a{margin:auto 0.125rem;}
}

@media screen and (max-width:1535px){
    .unitmenu a,.brochure .toc dt a{padding:0.25rem 0.5rem;}
}

@media screen and (max-width:1280px){  
    .bg-list{background:url(../Image/infotech_diversity_bg.png) no-repeat bottom right / cover;} 
    .bg-cs{background:url(../Image/top_cs.png) no-repeat bottom right / cover;} 
    .bg-mis{background:url(../Image/top_mis.png) no-repeat bottom right / cover;}     
    .bg-ds{background:url(../Image/top_ds.png) no-repeat bottom right / cover;}     
    .bg-stat{background:url(../Image/top_stat.png) no-repeat bottom right / cover;}     
    .situation_table th, .situation_table td{padding:0.5rem;}
    .youtube_cont{width:80%;}
}

@media screen and (max-width:1023px){
    .unitmenu{width:90%;margin:2% auto auto;text-align:center;}
    .unitmenu a,.brochure .toc dt a{padding:0.1rem 0.5rem;}
    .unitmenu button.VueCarousel-navigation-button[data-v-453ad8cd]{font-size:1.5rem;}
    .unitmenu button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem;}
    .unitmenu button.VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem;}    
}

@media screen and (max-width:767px){
    .unitmain .title{font-size:2.25rem;line-height:3rem;text-wrap:pretty;}
    .unitmain .titledes{font-size:1.35rem;}
    .situation_table tr th, .situation_table tr td{padding:0.5rem;}
    .unitmenu{}
    .unitmenu a,.brochure .toc dt a{font-size:0.85rem;} 
    .unitmenu button.VueCarousel-navigation-button[data-v-453ad8cd]{font-size:1.5rem;}
    .rwd-table td.system-title{background-color:var(--indigo-blue);color:white;border:0;}   
    .rwd-table td.system-title a{color:white;}
    .rwd-table th{display:none;}
    .rwd-table td{display:block;border-bottom:0;}
    .rwd-table tr:last-of-type td:last-of-type{border-bottom:1px solid var(--periwinkle);}
    .rwd-table td:before{content:attr(data-th);font-weight:bold;display:block;color:var(--title-blue);}
    .situation_table ol{padding:0 0 0 1.5rem;}
    .rwd-table tr:not(:first-of-type){margin:auto auto 1rem;display:block;border-bottom:1px solid var(--periwinkle);}   
    .unitcont{font-size:1rem;}    
    .unitcont .title{font-size:1.5rem;}
    .unitcont .briefChapter a{font-size: 1.25rem;}
    .unitcont .subtitle{font-size:1.25rem;}    
    .capsuletitle{font-size:1.25rem;} 
    .disc li b, .cjk li b{font-size:1.125rem;}
    .heading{font-size:1.125rem;}     
	.dot{width:5px;height:5px;}
    .blog_man{border-bottom:solid 4px #dfdfdf;float:initial;margin:0 auto;}
    .news{padding:0.25rem 1rem 0.5rem;}
    .news ul li{font-size:1rem;}
    .youtube_cont{width:100%;}
    .faq h2{font-size:1.25rem}
}

@media screen and (max-width:767px) and (orientation:portrait){
}