/*共用*/
body {font-family:"Microsoft YaHei", 微軟正黑體, Arial;background: var(--orange2);}
.bgcolor0 {background: var(--orange2);}
.bgcolor0_1 {position: relative;overflow: hidden;z-index: 0;}
.bgcolor0_1::before {position: absolute;content: '';background: url("../images/1208061_dot_bg.png") -28% 160% no-repeat,url("../images/1208061_dot_bg.png") 128% 40% no-repeat;width: 100%;height: 100%;left: 0;right: 0;top: 0;z-index: -1;}
.bgcolor1 {
    background: -moz-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 39px, #ABABAB 40px);/* FF3.6+ */
    background: -webkit-repeating-gradient(linear, 0deg, color-stop(39px, FDFDFD), color-stop(40px, ABABAB));/* Chrome,Safari4+ */
    background: -webkit-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 39px, #ABABAB 40px);/* Chrome10+,Safari5.1+ */
    background: -o-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 39px, #ABABAB 40px);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #FDFDFD, #FDFDFD 39px, #ABABAB 40px);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 39px, #ABABAB 40px);/* W3C */
}
.bgcolor2 {background:linear-gradient(0deg,var(--orange2) 20%,#fff5e4 100%)}
.bgcolor3 {background-color: #6ac1be;clip-path: polygon(6% 0, 94% 0, 100% 6%, 100% 100%, 0 100%, 0 6%);text-align: center;}
header.headerbg {background: linear-gradient(-45deg, #F9C04D 0%, #FDE6B8 20%, #D7577E 80%);}
.channelsocial .icongroup > a, .channelsocial .menu_btn {background-color: var(--orange);}
* {transition: all .5s;/*所有元素漸變0.5秒*/}
.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;}

/*設計專用樣式Start*/
:root {
    --text-red:#C62077;
    --yellow:#fff000;
    --orange:#fb695a;
    --orange2:#f7ad19;
    --purple:#823e93;
    --gray_dark:#272727;
    --linear1:-webkit-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 33%, var(--orange2) 69%);
    --linear2:-webkit-radial-gradient(50% 50%, circle closest-corner, var(--yellow) 33%,#FFFFFF 69%);
}
.banner {justify-content: center;max-width: 1920px;margin: auto;}
.banner img {max-width: 100%;}
.each_title {width: fit-content;margin: auto auto 1rem;font-size: 3.5rem;font-family: "MStiffHeiHK UltraBold",microsoft yahei;font-weight: bold;border-bottom:solid 3px var(--gray_dark);color: var(--gray_dark);}
.each_title span {color:var(--text-red) ;}
.books {text-align: center;}
.object {position: relative;z-index: 0;padding: 1rem 0 2.5rem;text-align: center;}
.object:before {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url("../images/1208061_line_bg.png") no-repeat center top / 100% auto;z-index: -1;}
.object:after {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: -2;background: var(--linear1);}
.object_list {width: calc(100%/3.08);font-size: 1.2rem;border-top:solid 2px black;border-bottom:solid 2px black;border-left:solid 5px black;border-right:solid 5px black;box-shadow: -16px 15px 8px -8px rgb(113 113 113 / 30%);}
.photolist_img {margin: auto;}
#event_master .photolist::before {content: none;}
#event_master .photolist {background: initial;}
.object_list {background-color: white;border-radius: 2rem 1.3rem;}
.object_list dt {font-size: 2rem;color:var(--text-red);text-align: center;font-weight: 900;}
.object_list dd:first-of-type {font-weight:900;font-size: 1.6rem;}
.object_list dd:first-of-type a {color:var(--text-red);}
.object_list dd:nth-of-type(2),.stu_hit {color:#1888b8;font-size: 1.3rem;}
.object_list dd small,.stu_name small {font-size: 0.8em;font-weight: normal;}
.object_list > dd {text-align: left;}
.object_list dd > span {color: var(--orange);}
.subject_intro li {text-align: left;list-style-type: disc;margin-left: 2rem;}
.subject_list li {font-size: 1.3rem;background-color:var(--orange);border-radius: 0.5rem;padding: 0.2rem 1rem;}
.subject_list li,.subject_list li a {color:white;}
.subject_intro li {font-size: 1.2rem;line-height: 2.2rem;}
.subject_intro {padding: 0.5rem;}
.photolist,.photolist img {text-align: center;margin: 0 auto;border-radius:16px 16px 0 0;}
.photolist figcaption {background: var(--gray_dark);color: white;border-radius:0 0 16px 16px;padding: 0.3rem;width: 220px;margin: auto;}
.photolist_container {padding: 1rem 4rem 0;}
.subject_list {width:30%;align-content:flex-end;gap: 1rem;margin:auto;flex-direction: column;}
.books img,.books dd {text-align: center;margin: 0 auto;}
.books dt {margin-bottom: .5rem;}
.books dd:nth-of-type(1) {font-size: 1.35rem;background: var(--orange);color: white;display: inline-block;border-radius:8px;}
.books dd {font-size: 1.2rem;margin: .5rem auto;padding: 0.2rem 0;}
.books_list li {list-style-type: disc;margin-left: 2rem;text-align: left;font-size: 1.1rem;}
.student {align-items: center;text-align: left;padding:2rem 1rem; background-color: white;border-radius: 1rem;margin: 0 .5rem;
    background: -moz-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #ABABAB 26px);/* FF3.6+ */
    background: -webkit-repeating-gradient(linear, 0deg, color-stop(25px, FDFDFD), color-stop(26px, ABABAB));/* Chrome,Safari4+ */
    background: -webkit-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #ABABAB 26px);/* Chrome10+,Safari5.1+ */
    background: -o-repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #ABABAB 26px);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #ABABAB 26px);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: repeating-linear-gradient(0deg, #FDFDFD, #FDFDFD 25px, #ABABAB 26px);/* W3C */    
}
.student a {color:var(--text-red);}
.stu_name {font-size: 1.6rem;font-weight: bold;}
.stu_content {font-size: 1.1rem;}
.stu_content span {color: var(--orange);}
.student img {height: max-content;border-radius: 9999rem;}
.stu_R {width: calc(100%/1.4);padding: 0 0.5rem;}
.stu_sub {color: var(--purple);font-size:1.3rem;font-weight: 900;}
.offer {background: linear-gradient(0deg, #fff5e4 20%, white 100%);padding: 1rem 6rem;border-radius: 2rem;margin: 2.5rem auto 0;width:fit-content;}
.offer_title {color: #fd513e;border-bottom: solid 1px #fd513e;font-size: 2.8rem;margin: 1rem 0;font-weight: 900;}
.offer_list span {color:var(--text-red);font-weight: 900;}
.offer_list li {list-style-type: none;font-size: 1.7rem;text-align: center;color:var(--purple);text-align: left;margin-block: .5rem;}
.offer_note,.offer_ask {font-size: 1.3rem;text-align: center;}
.others a,.offer_ask a {background: var(--purple);color: var(--yellow);border-radius:10px;display: inline-block;padding: .8rem 2rem;text-decoration: none;transition: .5s ease-in-out;font-size: 1.4rem;}
.others a:hover,.subject_list li:hover {letter-spacing: 0.15rem;}
.offer_ask a {font-size: 1.2rem;text-decoration: none;padding: 0.2rem 2rem;margin-top: 0.8rem;cursor: pointer;}
.FB_LINE_event .Community dt a,.FB_LINE_event .Community dd {color: black;}
.FB_LINE_event .Community dt {font-size: 1.5rem;}
.FB_LINE_event .Community dd {font-size: 1.2rem;}
.FB_LINE_event .Line dt a {color: #10AC84;}
.FB_LINE_event .FB {border-left:solid 2px #6ac1be;border-right:solid 2px #6ac1be;}
.FB_LINE_event .FB dt a {color: #155190;}
.FB_LINE_event .IG dt a {color: #6722a8;}
.FB_LINE_event i {margin-right: 0.3rem;}
.FB_LINE_event .Line,.FB_LINE_event .FB,.FB_LINE_event .IG {background-color: #fff5ba;background-image: none;}

/*vue輪播控制*/
#app {width:100%;margin:2rem auto}
#app > div {margin:1rem 0}
.VueCarousel-slide {display:flex;justify-content:center;box-sizing:border-box;align-items: stretch;background: linear-gradient(0deg, #fff5e4 20%, white 100%);padding:0 1rem 0.5rem;}
.VueCarousel-slide:nth-of-type(odd) { border-radius: 0 0 0 20px; }
.VueCarousel-slide:nth-of-type(even) { border-radius: 0 20px 20px 0; }
.carousel2 .VueCarousel-slide {background: none;}

@media (min-width: 1201px) {
    .photolist_img {width: fit-content;}
    .object_list {width: calc(100%/3.08) !important;}
    /*資料集中1200px寬外框*/
    #Master_title {width: 100%;margin: auto;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:auto;;width:1280px;padding:2% 0;}     
}
@media (max-width: 1200px) {   
    /*body*/
    #Master_title {width:100%;padding:0;}/*主圖位置ID*/    
    .each_title {}
    .photolist_container {padding: 1rem;} 
    .offer {padding: 1rem;}    
    .subject_list {width: 100%;}
    #event_master {padding: 1rem;}
    .object {padding: 0;}
    .object_list {margin: 1rem auto .5rem;width: 90%;}
    .each_title {text-align: center;}
    .photolist figcaption {max-width: 220px;}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {width:100%;}    
    #event_sixth nav a { font-size: 1.2em;}   
}
@media (max-width: 1750px) {.bgcolor0_1::before {display: none;}}
@media (min-width: 768px) and (max-width: 1199px) {
    .offer_title,.each_title {font-size: 2.8rem;}    
    #app {width: 90%;}
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {    
    .books {width: initial;margin: 1rem auto;}
    .offer_title,.each_title {font-size: 2.2rem;}
    .object_list dt {font-size: 1.6rem;}
    .FB_LINE_event .FB {border-left:none;border-right:none;}    
    .student img {margin: 0 auto;}
    .stu_R {width: calc(100%/1);}
}