body{font-family:"微軟正黑體",Arial;}
.bgcolor{background-color: #a6ddda;background: linear-gradient(to bottom, #a6ddda 25%, #a179bc 60%);padding-top: 2%;padding-bottom: 1%}
.bgcolor1{background: linear-gradient(to bottom, #c79d5247 0%, #f5f4ea 22%)}
.bgcolor2{background-color: #f9f04b;}
.bgcolor3{background-color: #a179bc;padding-bottom: 3%}
.pl-4{padding-left: 1rem;}
.overflow-hidden{overflow: hidden;}
h1{font-size: 3em;}
h2{font-size: 2.5em;}
h3{font-size: 2.2em;}
.wrap_all{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
/* Event */
:root{
    --blue1:#3855A3;
    --orange_light1:#EF794B;
    --orange_light2:#ED6733;
    --orange_light3:#E94709;
	--blue_light1:#047599;
    --blue_light2:#0093c3;
    --blue_light3:#047599;
    --red_1:#c30d23;
    --red_2:#bd1023;
    --linear1:linear-gradient(to bottom,#74c6c7 60%,var(--blue1) 100%);
    --linear2:linear-gradient(to bottom,#fbef4d 55%, #f6c63d 90%);
}
.banner{font-size: 5rem;text-align: center;background-color: #a6ddda;}
.banner img{display: block;}
.banner_title{width: fit-content;}
.banner_des{font-size: 3rem;}
.banner ul{font-size: 2.5rem;width: fit-content;}
.paper_content .VueCarousel-inner{flex-wrap: wrap;}
.paper_content{padding-top: 3rem;background-color:#fff;margin:auto;padding:3.5rem 40px;border-radius:50px;border:10px #ee3a2b solid;border-left:15px #c79d52 solid;border-right:15px #ee3a2b99 solid;}
.paper_item a{font-size: 2.6rem;width: calc(100%/3);text-align: center;cursor: pointer;color: white;padding: .3rem 0;text-decoration: none;}
.paper_item a.active{background-color: #ed4032 !important;margin-top: -1rem;padding: .6rem 0 0;border-radius: 20px 20px 0 0;color: #fff !important;font-size: 3rem}
.paper_item a:nth-of-type(1){background: var(--blue_light1);border-radius:20px 20px 0 0px;color: #ffffffb3}
.paper_item a:nth-of-type(2){background: var(--blue_light2);border-radius: 20px 20px 0 0px;color: #ffffffb3}
.paper_item a:nth-of-type(3){background: var(--blue_light3);border-radius: 20px 20px 0px 0;color: #ffffffb3}
.hit-title{font-size: 3rem;position: relative;width: fit-content;margin: auto auto 2rem;font-family: 'Noto Serif TC', serif;font-weight: bold;color: #ed4032;}
.hit-title::after{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: 15px 0 0 20px;bottom: -2px;right: -2px;border-color: transparent transparent transparent #c79d52; display:none;}
.hit-title strong{color: #F44336;font-size: 5.3rem;line-height: 7rem;}
.hit-title img{vertical-align: text-bottom;margin-right: .3rem;display: inline-flex;}
.hit_cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.hit-stem{color: var(--blue1);font-size: 2rem;line-height: 2.75rem}
.hit-part{background-color: #fefdde;border-radius: 1.5rem;border: 2px solid var(--blue1);position: relative;margin-left: 8rem;padding: 0.25rem 1rem;}
.hit-part::after{position: absolute;content: "";top: 50%;left: -6rem;background: var(--blue1);width: 6rem;height: 3px;}
.hit-part::before{position: absolute;content: "";color: var(--blue1);top: 0;bottom: 0;margin: auto;left: -6.125rem;background: var(--blue1);width: 0.75rem;height: 0.75rem;border-radius: 50%;}
.hit-part dt{color: var(--red_1);font-size: 2.2rem;font-weight: bold;}
.hit-part dd{text-align: left;}
.hit_cont figure{padding: 1rem 0;margin: auto;}
.hit_cont img{width: 88%;margin: auto 0 3%;padding: 3%;border: 1px #607D8B solid;border-top: 0;border-radius: 0 0 10px 10px;}
small{margin: .6rem auto 0;font-size: 1.2rem;}
small span{color: var(--red_1);}
.experience_item{background: linear-gradient(to bottom, #c79d5263 0%, #f5f4ea 22%);padding:2rem 1.5rem;box-sizing: border-box;justify-content: space-around;align-items: flex-start;margin-top: 2rem;border-radius: 20px;}
.experience_item a:hover{position: relative;top: 3px;bottom: 3px;}
.extend-btn{text-align: center;}
.extend-btn a{display: inline-block;padding: .2rem 1.2rem;border-radius: 50px;font-size: 1.8rem;color: #009baf;border: 6px #00BCD4 solid;text-decoration: none;margin: 1rem 1.5rem auto;
background-color: #ffffff;}
.exp_title{ display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0.6rem;margin: -3.5rem auto 1rem;font-family: "Microsoft JhengHei", Arial, Verdana;justify-content: center;}
.experience-title{border-radius: 1.5rem;font-size: 2.3rem;display: inline-block;padding: .1rem 1rem;font-weight: bold;margin: 0 auto;color: #00BCD4;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;}
.exp_subtitle{clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);padding: .5rem 2.5rem;background: linear-gradient(to bottom, #F44336 0%, #f44336 100%);color: white;font-size: 2.6rem;font-weight: bolder;font-size: 2.39rem;line-height: 3.4rem;}
.exp_subtitle span{color: #f9f04b;}
.exp_cont{text-align: left;width: calc(100%/3);padding: 0.5rem 18px;}
.exp_cont img{border-radius: 50%;}
.exp_cont dl{padding: 0 0 0.5rem 1rem;}
.exp_cont:nth-of-type(3){border-left: #00bcd4 4px dotted;border-right: #00bcd4 4px dotted;}
.experience_item .triple dl{width: calc(100% - 150px);}
.exp-btn{background:radial-gradient(circle,#fFF 50%,#d6dbdf 100%);border-radius:9px;padding:.125rem .5rem;color:var(--orange_light3);font-weight:bold;display:inline-block;border:dotted 1px #e5993b;text-decoration:none;margin-left:.125rem;margin-bottom:1rem;}
.exp_cont dt{font-size: 1.5rem;}
.exp_cont dt a{color: black;}
.exp_cont small{font-size: .95rem;display: block;}
.exp_cont figure{font-size:1.5rem;width:100%;display:flex;flex-wrap:wrap;align-items:center;line-height:1.5rem;}
.exp_cont figure span{width:calc(100% - 200px);text-align:center;margin-left:-4px;margin-top:35px;}
.grade{color: #F44336;font-size: 1.35rem;line-height: 1.9rem;margin: 10px 0;font-weight: bold;font-weight: bold;font-family: "Microsoft YaHei";}
.grade b{background-color:#F44336;color:#fff;padding:1px 10px 2px;border-radius:4px;font-weight:normal;display:inline-table;margin:0 auto 4px;width:100%;text-align:center;border-bottom:4px #d0d0d0 solid;font-size:1.7rem;line-height:2.2rem;font-weight:bold;}
.exp_cont p{font-size: 1.1rem;line-height: 1.8rem;font-family: "Microsoft JhengHei", Arial, Verdana;text-align: justify;}
.exp_cont p strong{font-size: 1.25rem;}
.exp_cont+small{font-size: 0.85rem;margin: auto;}
/* 團報最實惠 */
.event_sec{padding: 2rem 2rem 1.5rem;}
.group-case{border-radius: 1.5rem;font-size: 3rem;width: 100%;text-align: center;font-family: "Microsoft YaHei";font-weight: bold;}
.group-case span{color: #6e4594;font-family: Verdana;}
.group-list{width: max-content;margin:1rem auto 0;line-height: 1.4;}
.group-list li{font-size: 1.7rem;list-style-type: none;text-align: left;margin: .7rem auto 0.5rem;padding-bottom: 0.5rem;border-bottom:solid 1px #6e4594;}
.group-list li span{color:#6e4594;background:#f5f4ea;border:5px #9247c445 solid;display:inline-block;padding:0 1.1rem .1rem;border-radius:4rem;margin-right:.5rem;font-size:1.8rem;font-weight:bold;font-family:"Microsoft YaHei";}
.group-list strong{color:#F44336;font-weight:bold;font-family:Verdana,"Microsoft JhengHei";}
.group-list dl{ font-size: 2rem;color: #6e4594;margin: 1.5rem auto;color: var(--red_1);}
/* 高點會計勝試計畫 */
.event_third h1{color: #00BCD4;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;font-weight: bold;font-family: "Microsoft YaHei";}
.plan-title{border-radius:0 70px 0 70px;font-size:2.46rem;line-height:4rem;padding:10px 0 6px 10px;width:99%;margin:-26px auto -7px;color:white;text-align:left;border-top:4px #f5f4ea70 dotted;font-family:"Microsoft YaHei";font-weight:bold;}
.plan-title b{font-weight:initial;color:#00bcd4;font-family:"Microsoft YaHei";font-weight:bold;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff;margin-right:8px;font-size:3.5rem;}
.plan_item{background-color: #f5f4ea;border-radius: 1.5rem;margin: 0.6rem 0.3rem;background: url(../images/1310032_icon1.png) repeat-y left 0, url(../images/1310032_icon2.png) repeat-y right 0, linear-gradient(to left, #c6b07f -10%, #f1f1f1 30%, #f1f1f1 60%, #c6b07f 110%)}
.plan_item:nth-of-type(2){width: calc(100%/2.1);}
.semester{display:block;background-color:#00BCD4;color:white;font-size:1.5em;font-weight:bold;border-radius:1.5rem 1.5rem 0 0;padding:1rem .5rem;text-align:center;font-size:1.7rem;font-family:"Microsoft YaHei";}
.plan_item .semester2{height: auto;}
.plan_item .plan-title{ border-radius: 1.5rem 1.5rem 0 0; }
.plan-note{display: block;font-size: 1.1rem;font-weight: initial;letter-spacing: 1px;}
.junior .semester{background-color: #009688;font-size: 1.9rem;font-family: "Microsoft YaHei"}
.senior .semester{background-color: #f44336;font-size: 1.9rem;font-family: "Microsoft YaHei"}
.calendar .VueCarousel{display:flex;flex-wrap: wrap;}
.calendar .VueCarousel-slide{display:flex;justify-content:center;flex-wrap: wrap;}
.month{font-size:2rem;color:#374045;border-bottom:1px dashed #47929bba;margin:1rem auto auto;width:82%;font-weight:bold;font-family:Verdana,"Microsoft JhengHei";}
.w-1\/2{width: calc(100%/2);}
.w-1\/4{width: calc(100%/4);}
.paper_item{width: 90%;margin: auto;}
.plan_item dt{background-color: #00BCD4;border-radius: 9px;box-shadow: 0px 4px 0px 0px #ccc;font-size: 1.5rem;color: white;display: inline-block;padding: 0 1rem;margin: auto;margin-bottom: 1rem;font-weight: bold;font-family: "Microsoft YaHei";}
.junior dt{background-color: #009688;}
.senior dt{background-color: #F44336}
.plan_item{height: 95%;width: 100%;text-align: center;font-family: "Microsoft JhengHei", Arial, Verdana;}
.plan_item dt a{color: white;}
.plan_item dl{padding: 1rem;}
.plan_item dl:nth-of-type(2) dt{background-color: var(--orange_light2);}
.plan_item dd{font-size: 1.1rem;}
.plan_item dd a{color: black;}
.plan_item dd small{font-size: 0.975rem;text-align: left;display: block;}
.plan_item dd strong{color: #9C27B0;font-size: 1.25rem;letter-spacing: -1px;}
.calendar button i{color: #FFEB3B;}
.plan_list dd{text-align: left;text-indent: -0.9rem;padding-left: 1rem;}
.plan_list dd::before{content: '•';color: #6cb6c2;font-size: 0.9rem;line-height: 0.9rem;padding-right: 0.5rem;}
.plan_item .list-none{text-align: center;}
.plan_item .list-none::before{content: none;}
.clickable-group .askclick{background: rgb(43 65 103 / 64%);}
@media screen and (min-width: 1201px){
    .event_master{}
    .w-1200{max-width: 1200px;margin: auto;}  
    .junior{padding-top: 6rem;}
    .july{margin: 0.6rem auto 0.6rem 0.3rem;border-radius: 1.5rem 1.5rem 0 1.5rem;}
    .november{margin: 0.6rem auto 0.6rem;border-radius: 0;}
    .january{margin: 0.6rem 0.3rem 0.6rem auto;border-radius: 1.5rem 1.5rem 1.5rem 0;}
    .july .semester{width: 692px;position: absolute;top: 0.6rem;font-size: 1.9rem;font-family: "Microsoft YaHei"}
    .november .semester, .january .semester{display: none;}    
    .calendar .VueCarousel{width: 100%;}
}
@media screen and (max-width: 1200px){
    .w-1200{padding:1%;}
    #Master_title img,.event_master img{max-width: 100%;}    
    .banner{width: 100%;}
    .exp_cont{width: 100%;}
    .exp_cont:nth-of-type(3){border-left: 0;border-right: 0;border-top: #00bcd4 4px dotted;border-bottom: #00bcd4 4px dotted;}    
    .hit-part{width: 100%;margin:0 auto 1.2rem;}
    .hit-part::after{position: absolute;content: "";bottom: -2rem;top: auto;left: 50%;background: #6b4592;width: 3px;height: 2rem;}
    .hit-part::before{position: absolute;content: "";color: #6b4592;bottom: -2rem;top: auto;left: 49.7%;background: #6b4592;width: 0.6rem;height: 0.6rem;border-radius: 50%;}
	.hit_cont img{width: 100%;}
    .banner_1{width: 50%;left: 0;}
    .banner_2{width: 50%;left: -6.3%;}  
    .calendar .VueCarousel{width: 95%;margin: auto;}
    .calendar .VueCarousel-navigation-prev[data-v-453ad8cd]{left: 25px;z-index: 2;}
    .calendar .VueCarousel-navigation-next[data-v-453ad8cd]{right: 25px;z-index: 2;}
    .hit-title{text-align: center;}
    .hit-title strong{font-size: 3rem;display: block;width: 100%;margin: -2% 0 -2%;line-height: 4rem;}
}
@media screen and (min-width:768px) and (max-width:1200px){
    h1,h2{font-size: 2.2em;}
    .event_sec h1,.event_third h2{padding: 3%;margin: 0 6%;width: 82%;text-align: center;}
    .event_sec_qr{margin: 2% 0 0 0;}
}
@media screen and (min-width:992px) and (max-width:1200px){
    section p, div p{font-size: 1.9em;}
    .touch_tabs{width: 100%;}
    .swiper-container_11-tab{height: 200vh!important;} 
    .event_sec ul{font-size: 1.25em;margin: 2% 0 2% 15%;}
}
@media screen and (max-width: 767px) and (orientation: portrait){
    .hit-part::before{left: 49%;}
	.hit-part dd{font-size: 1.06rem;line-height: 1.6rem;margin-bottom: 10px;}
    .hit-part dt{font-size: 2rem;}
    .banner_1{top:0;left:-3%;}
    .banner_2{top:0;left:-9%;}    	
    .exp_cont figure img{width: 120px;}
    .exp_cont figure span{width: calc(100% - 120px);}
    .exp_cont dl, .plan_item{width: 90% !important;height: auto;}
    .plan_item{margin: 0.6rem auto;}
    .exp_cont figure{margin: auto;}
    .exp_title{ justify-content: center;line-height: 2rem;}
    .exp_subtitle{font-size: 1.3rem;line-height: 1.7rem;padding: 0.5rem .5rem 0.5rem 1rem;}
    .experience-title{padding: 0.2rem;font-size: 1.6rem;line-height: 2.5rem;}
    .experience-title span{ display: block; }
	.paper_content{padding: 1%;border-radius:12px;border-width:6px 7px;border-style:solid;border-color:rgb(238,58,43) rgba(238,58,43,.6) rgb(238,58,43) rgb(199,157,82);border-image:initial;border-left:7px solid rgb(199,157,82);border-right:7px solid rgba(238,58,43,.6);}
	.paper_item{z-index: 3;position: relative;width: 95%;}
    .paper_item a{font-size: 1.25rem; padding: .3rem 0 0;}
	.paper_item a.active{font-size: 1.2rem;padding: .5rem 4px 0;letter-spacing: -1px; font-weight:bold;}	
	.plan_item dd{font-size: 1.25rem;}
    .hit-title,.group-case,.plan-title,.group-list dl{font-size: 1.65rem;border-radius: .5rem;}
	.group-case{font-size: 2.5rem;line-height: 3rem;text-align: left;margin: auto;width: min-content;}
    .group-list li span{font-size: 1.65rem;display: table;margin: 0 auto;}
	.hit-title{border-radius: 0;margin: auto auto 0;text-align: center;padding: 0 0 1.2rem 0;font-size: 2.2rem;width: 100%} 
    .hit-title img{width: 20%;margin: 3% 0 2%;}
	.hit-stem{font-size: 1.5rem;line-height: 2rem;margin: 0 5.5% 1%;}
	.hit_cont img{width: 320px;}
    .event_sec{padding: 1rem 1.5rem;} 
    .semester{height: auto;}
    .group-list{width: initial;}  
	.group-list li{font-size: 1.5rem;text-align: center;}   
	.group-list strong{font-size: 1.5rem;}  
    #footer_inline ul li{width: 100%;margin: auto;} 
	.extend-btn a{display: block;border: 4px #00BCD4 solid;}
    .extend-btn a{padding: 0.2rem 0.2rem;font-size: 1.15rem;margin: 1rem auto auto;width: 70%;}
	.calendar button i{color: #FFEB3B;}
	.exp_cont+small{margin: auto -2%;}
	.plan_item dd strong{font-size: 1.35rem;}
	
}
@media screen and (max-width: 767px){
    .exp_subtitle .sm\:block{display: block;}
    .experience_item{padding: 2rem 1rem;}
}
@media screen and (min-width:600px) and (max-width:769px){
	#Master_title{padding-top: 0%;}
	.paper_item a{font-size: 2.2rem;}
	.paper_content{padding-top: 0;}
	.paper_item a.active{font-size: 2.2rem; font-weight:bold;}
	.paper_item a{font-size: 2.05rem;}
	.hit-title strong{font-size: 3.5rem;line-height: 6rem;}
	.hit-title{padding: 0 0 0 0;font-size: 2.5rem;margin: auto auto 1rem;}
	.exp_subtitle{line-height: 3rem;}
	.extend-btn a{padding: .2rem 0;font-size: 1.4rem;}
	.experience-title{font-size: 2.2rem;}
}