.topmap-1 {background-image: url(../images/intro_topbg_map1.png?t=202407041400);}
.topmap-2 {background-image: url(../images/intro_topbg_map2.png);}
.topmap-3 {background-image: url(../images/intro_topbg_map3.png);}
.topmap-4 {background-image: url(../images/intro_topbg_map4.png);}
.mbgcolor1 {background-color: #eee8f3;}
.mbgcolor1 h3::after {background-color: #72adc9;}
.school-wrap .bgcolor1 {background-color: #72adc9;}
.school-wrap .bgcolor2 {background-color: #6870af;}
.school-wrap .bgcolor3 {background-color: #f88863;}
.school-wrap .bgcolor4 {background-color: #f088ba;}
.school-wrap .bgcolor5 {background-color: #f7c22c;}

/* 申請九大會計校系定向指引 */
.school-name {background-color: #4fb08e;color: white;font-weight: bold;padding: 0.25rem 1.5rem;border-radius: 2rem;font-size: 1.5rem;margin: auto 0 auto auto;}
.school-wrap {margin: 1.5rem auto 3rem;}
.match-pic {float: left;margin: auto 1rem auto auto;}
.match-pic-r {float: right;margin: auto auto auto 1rem;}
.school-wrap:nth-of-type(even) figure {float: right;margin: auto auto auto 1rem;}
.match-pic img, .match-pic-r img {width: 300px;height: 350px;object-fit: cover;}
.paragraph-list .sort-title:nth-of-type(1), .paragraph-list .sort-title:nth-of-type(5) {border-color: #9370DB;}
.paragraph-list .sort-title:nth-of-type(2), .paragraph-list .sort-title:nth-of-type(6) {border-color: #94d97f;}
.paragraph-list .sort-title:nth-of-type(3) {border-color: #f884a3;}
.paragraph-list .sort-title:nth-of-type(4) {border-color: #FFB01C;}
.info-job {width: calc(100%/2 - 1rem);padding-right: 2rem;}
#channel_sixth .info-job .sort-title {border-color: #00bcd4;}

@media (min-width: 1201px){		
    .md\:mb-24 {margin-bottom: 6rem !important;}
    .md\:mb-32 {margin-bottom: 8rem !important;}
}
@media (max-width: 1200px){		
    .match-pic img, .match-pic-r img {width: 200px;height: 200px;}
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:768px) and (max-width:991px){
}
/*手機_直式*/
@media (max-width: 767px) {		
    [id*="channel"] h1 {text-align: center;}
    .match-pic, .match-pic-r {width: 100%;float: initial;margin: auto;}
    .match-pic img, .match-pic-r img {margin: auto auto 1rem;}
    .school-wrap {margin: auto auto 2rem;}
    .school-name {display: block;text-align: center;}
    .info-job {width: 100%;padding: initial;}
}
/*手機_橫式*/
@media (min-width:600px) and (max-width:769px) {
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}