.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);}
.briefChapter i {padding: 0 0 0 0.25rem;}
.unitcont .title a {color: var(--violet-purple);}
.briefChapter {}
.briefChapter a:first-of-type {padding: 0 0 0 1rem;}
.unitcont .briefChapter a {text-decoration: none;color: var(--violet-purple);}
.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;}
@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 {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: 95%;margin: 2% auto auto;text-align: center;}
    .unitmenu a {padding: 0.1rem 0.3rem;}
    .unitmenu button.VueCarousel-navigation-button[data-v-453ad8cd] {font-size: 1.5rem;}
    .unitmenu button.VueCarousel-navigation-prev[data-v-453ad8cd] {left: 1.35rem;}
    .unitmenu button.VueCarousel-navigation-next[data-v-453ad8cd] {right: 1.35rem;}    
}

@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 {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);}
    .briefChapter {display: block;}
    .briefChapter a:first-of-type {padding: 0;}
    .unitcont {font-size: 1rem;}    
    .unitcont .title {font-size: 1.5rem;}
    .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%;}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
}