@media (min-width:2200px){
	.container{width: 70%;}
}

@media (min-width:1200px) and (max-width:1600px){
	.Vuetabs a::before {left: 13.8rem;}
	.Vuetabs a:hover::before ,.Vuetabs a.active::before{left: 21.5rem;}
	.year-title span::before{content: '';width: 49px;height: 49px;left: -20px;top: 7px;}
	.year-title span::after {content: '';width: 49px;height: 49px;right: -20px;top: 7px;}

	@media screen and (max-width:1550px){
		.man-box{width: calc(100%/3 - 30px/3*2);}
		.man-box .out_mask .stu_title{font-size: 1.1rem;}.man-box .out_mask .stu_title2 {font-size: 1.2rem;line-height: 1.6;}
	}
	
	#Master_title div:nth-of-type(4) img,#Master_title div:nth-of-type(5) img{max-width: 100%;height: auto;}
	#out{width: 100%;}
	.man-list{font-size: 1.4rem;}
	.year-title{font-size: 2.6rem;}
}

@media screen and (max-width:1280px){
	.VueCarousel {width: 95%;}
	.Vuetabs a::before {left: 11rem;}
	.Vuetabs a:hover::before ,.Vuetabs a.active::before {left: 14.5rem;}
	.man-list{padding: 0 0 1rem;}
	.media_student iframe {height: 12rem;}
	.hit_out {width: calc(100% / 3 - 1rem);}
	.VueCarousel button {font-size: 1rem;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-prev{left: 12%;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-next{left: 79%;}
	.year-list {width: 86%;}
	.year-day {font-size: 1.05rem;}
	.stu_content dt {font-size: 1.15rem;line-height: 1.55rem;}
	.stu_content dd {font-size: 1rem;line-height: 1.5rem;}
	.stu_content .arrow-right i {font-size: 1.5rem;}
	.test {width: 100%;}
	.fixedbtn dd {font-size: 1.3rem;margin: 1rem 0 ;}
}

@media screen and (max-width: 1200px) {
	#app {margin: 0 auto 1.5rem;}
	.all_area{padding: .5rem 0 0;}
	.VueCarousel {width: 88%;}
	.media_student iframe {height: 13rem;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-prev{left: 5%;}
	button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 89%;}
	.year-title span {margin: 0;}
	.year-title span::before {content: '';width: 46px;height: 46px;left: -19px;top: 6px;}
	.year-title span::after{content: '';width: 46px;height: 46px;right: -19px;top: 6px;}
	.student_out {width: calc(100% / 2 - 1rem);margin: .5rem auto;}
	.stu_photo {width: 50%;margin: .5rem auto;}

	.Vuetabs a {font-size: 1.8rem;}
	.VueCarousel button {font-size: .85rem;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 7%;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-next {left: 85%;}
	.hit_out {width: calc(100% / 1 - 5rem)}
	.hit_list dt br{display: none;}

	.year-list {width: 100%;}
	.cycle .year-day {font-size: 1.15rem;text-align: center;margin: 0 0 1rem;}
	
	.event-banner {width: 100%;padding: .5rem;}
	.event-banner a {width: calc(100% / 2 - 1rem);margin: 1rem auto;}

	#back-top {bottom: 10%;}
	.fixedbtn {width: 100%;bottom: 0;top: initial;padding: 0.5rem 0;text-align: center; display: flex;flex-wrap: wrap;justify-content: center;clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 0%, 100% 100%, 0 100%, 0% 100%, 0 15%);border-bottom: 0;border-right: solid 2px #eb7210;}	
	
	/* .m1 .stu_title{background-color:#bd7372;}
	.m2 .stu_title{background-color:#6ccdad;}
	.m3 .stu_title{background-color:#85b1cf;}
	.m4 .stu_title{background-color:#eb8ebc;}
	.m5 .stu_title{background-color:#5db5b7;}
	.m6 .stu_title{background-color:#bb7095;}
	.m7 .stu_title{background-color:#707ebd;}
	.m8 .stu_title{background-color:#a0b249;} */
	.successive li:nth-last-of-type(1) {padding: 0rem;}
	.man-list-ul li,.man-list-ul li i{margin: 0rem;text-indent: 0rem;padding: 0rem;}
	.content1 .successive li{width:calc(100%/2)}
	.man-box{/*height:305px; /*圖片高度*/display: inline;overflow:inherit ; position: relative;text-align:center;cursor: default; margin: 0;bottom:0;}
	.man-box .out_mask{width: 100%;position: relative;padding: 1rem 0;}
	.man-box .stu_list:hover .out_mask {position: relative;}
	/*隱藏的區塊*/
	#BodyHeader_event,.hottxt,#noie{display:none;}
	/*會撐開的版面控制*/
	#BodyContent {width: 100%;padding:0;}
	#BodyContainer_event{width: 100%;}
	/*header*/
	#BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
	@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
	@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}#Master_title{margin-top: 5%;}}
	#mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
	#mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
	/*body*/
	#Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
	#Master_title div:nth-of-type(4) img,#Master_title div:nth-of-type(5) img{max-width: 100%;height: auto;}
	/*滿百100%區域*/
	.row100{width:100%;}
	/*資料集中寬外框*/
	#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:100%;padding:0%;}
	#event_sec{width:90%;margin:5% 5% 0%;}
	#event_third{text-align: center;}
	/*div section標籤段落*/
	section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
	nav p{line-height:1.8rem;}
	/*標題大小*/
	h1{font-size: 2.4rem;padding: 0;}
	h2{font-size: 1.4rem;}
	h3{font-size: 1.3rem;}
	#event_sixth nav a{ font-size: 1.2em;}
	/*event*/
	.banner{height: auto;margin-top: 12%;}
	#next-year{text-align: center;padding: 1.5rem 0;row-gap: 1rem;}
	#next-year a{}
	.year-title, .others_title{margin: 0 auto 2%;text-align: center;}
	.year_notemb{font-size: .5em}
	.year_btnmb{display:block}
	.content3 .m4 .stu_school, .content3 .m5 .stu_school{padding: 0.5rem 0.5rem 2rem;} 
	.man-list {/*font-size: 1.2em;*/margin: 1% auto 5%;width: 92%;clip-path: none;}
	.man-list-ul {padding: 1rem 1rem;}
	.successive li {line-height: 1.9rem;}
	.billboard li {font-size: 1.3rem;margin: 0.3% 0.5%;text-align: center;}
	.cycle ul {height: auto;}
	.cycle-note{display: inherit;text-align: center;}
	.cycle-note-2{display: block;text-align: center;}
	.each_group{width: calc(100%/1); }
	.each_group dt {display: block;text-align: center;}
	#event_third li a{font-size: 1em}
	#event_third li i{position: absolute; right:-15px ;top:8px;}
	#event_third li :hover i{right:0 ;}
	.month,.develop{font-size: 1.7rem;}
	.test{margin: 2% auto;width: 100%;padding: 2% 0 0 0;}
	.test div span {width: 55%;font-size: 1.6rem;line-height: 2.25rem;}
	.test ul {padding: .5rem 0 0 1.25rem;}
    .test img{width: 25%;}
	.test:nth-of-type(3) ul li a span {font-size: 1.3rem;padding: 2% 8%;}
	
	/*footer*/
	#BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
	#BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
	#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
	#BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
	#BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
	#BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
	#BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
	#BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
	#BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
	#BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
	/*ask*/
	#askarea{background: linear-gradient(90deg, #306b88, #4a9794, #306b88);/*background-color:#d31010;*/width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
	#askarea .asktitle,#askarea .asktitle p{text-align: center;}
	#askarea .asktitle{font-size: 1.4em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
	#askarea p {margin:0% auto auto 5%;	width: 90%;}
	#formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
	input[name="sContent"]{width:50%;}
	input[type="text"]{	width:99%;}
	SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
	SELECT{width:100%;border: #FFF;	padding: 0.5%;}
	input{border: #FFF;padding: 1%;color: #C6C6C6;}
	input[type="submit"],input[type="reset"]{color:#FFF;background-color:#eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
	input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
	/*TOP按鈕*/
	#topli,#topli a{color: #fff;text-decoration: none;}
	#topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
	@media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
	@media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (min-width:992px) and (max-width:1199px){	
	.banner{margin-top: 10%;}
	.banner img{width: 100%;height: auto;}
	.man-list{width: 90%;font-size: 1rem;}	
	.man-box{width: calc(100%/3 - 102px/3*2);}
}

@media (min-width:768px) and (max-width:1199px){
	.Vuetabs a::before {left: 6.25rem;}
	.billboard li {width: calc(100%/2.1);}
	.fixedbtn dt {width: 100%;font-size: 1.8rem;}
}

@media (min-width:768px) and (max-width:991px){
	/* .banner{height: 420px;margin-top: 10%;} */
	/* .banner img{width: 100%!important;} */
	.year-title{font-size: 2.4rem;}  
	.billboard li {width: calc(90%/2 - 2px/3*2);}
	/* .man-list{width: 82%;font-size: 1rem;} */
	.man-box{width: calc(100%/3 - 75px/3*2);}
	.test{align-items: flex-start;}	
	.test:nth-of-type(3) ul li a{width: 100%;}	
	.test:nth-of-type(3) ul li ul{width: 80%;margin: 0 0 3%;}
	/* .hit_out{width: calc(100%/3);} */
}

@media screen and (max-width:767px){
	#app > div {margin: 1.25rem auto 0;}
	.Vuetabs a {font-size: 1.25rem;}
	.Vuetabs a::before {left: 8rem;}
	.Vuetabs a:hover::before, .Vuetabs a.active::before {left: 8.25rem;}
	.year-title span::before {content: '';width: 32px;height: 32px;left: -12px;top: 3px;}
	.year-title span::after{content: '';width: 32px;height: 32px;right: -12px;top: 3px;}
	.media_student {width: 100%;}
	button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 4%;}
	button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 88%;}
	.media_note {font-size: 1.2rem;}

	.student_out,.hit_out{width:92%;}
	.student_list dt {font-size: 1.2rem;line-height: 1.8rem;}
	.student_list dd {font-size: 1.1rem;}
	.stu_photo img {width: 70%;}
	.media_note a, .stu_more a {font-size: 1.125rem;}
	.hit_title {font-size: 1.35rem;}
	.hit_list {font-size: 1.125rem;padding: 1rem 2.25rem;}
	.hit_list dt br{display: block;}
	.hit_out {margin: .5rem;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-next {left: 83%;}
	.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 9%;}
	.VueCarousel button{font-size: .55rem;}

	h1 {font-size: 1.5rem;padding: 0.5rem 0 0;}
	.banner{margin-top: 1%;}
	.top_title {font-size: 1.8rem;letter-spacing: 0rem;}
	.top_title b {font-size: 2.2rem;}
	#Master_title{margin-top: 12%;}
	#next-year a {width: calc(100%);}
	.container{width: 80%;margin-top: -1rem;}
	.container div{width: 60%;}
	.container div:nth-of-type(2){animation: none;position: inherit;}
	.cycle-title {font-size: 1.3rem;}
	.month, .develop {font-size: 1.25rem;}
	.detailed_planning{display: inline-block;font-size: smaller;color: #fff;background: #ad2e2e;border-radius: .5rem;padding: .1rem .5rem;margin: 0 .5rem;}
	.year-day a, .year-day li {font-size: 1.1rem;}
	.test img {width: 15%;}

	@media screen and (max-width:320px){
		.banner div:nth-last-of-type(1) span:nth-of-type(2){display: block;}
	}
	@keyframes move{0%{top: 60%}100%{top: 58%}}
	@keyframes move2{0%{top:11%;}100%{top:13%;}}
	@keyframes move3{0%{top: 60%;}100%{top: 58%;}}

	.year-title{font-size: 1.4rem;} 
	.year-title span{display: inline-block;padding: .15rem 0 .2rem .25rem;}
	.man-list{font-size: 1rem;}
	.content1 .flex-box div:nth-of-type(8){font-size: 1.2rem;}
	.man-list li{margin: 1% 0 5%;}
	.successive{background: none;}
	.successive li span,
	.successive li span:nth-of-type(1), .man-list .man-list_sub{font-size: 1.3rem;text-align: center;}
	.successive li,.red{font-size: 1.1rem !important;}
	.man-box{width: 100%;padding: 2rem 0 0;margin: 2% 0;overflow: inherit;}
	#out{width: 100%;}
	.content1, .content2, .content3{margin-top: 0;}	
	.man-box .out_mask{bottom: 0;}
	.man-box .out_mask .stu_name{text-align: center;margin: 1% auto;background-color: #bf2461;color: white;padding: 0 1%;}
	.man-box .out_mask .stu_school{padding: 0.5rem;width: 100%;} 
	.man-box .stu_list img{border-radius: 16px;}
	.man-box .out_mask .stu_title2{font-size: 1.5rem;line-height: 1.7;}	
	.content3 .out_mask {justify-content: center;}
	.stu_title {line-height: 1.5em!important;margin: 1% 0;}
	.billboard li {width: calc(100%);margin: 1% 0;}
	.billboard li span{width:100%;}
	.bgcolor4:before{width: 30%;height: 30%;}
	.test div{justify-content: center;}
	.test:nth-of-type(3) ul li a,.test:nth-of-type(3) ul li ul{width:100%;}
	.test ul li{list-style-position: inside;text-align: left;}	
	.test ul,.test ul li{text-indent:0em;}
	.test div{width: 100%;}
	.test div span {width: auto;font-size: 1.25rem;line-height: 1.8rem;}
	.test ul {width: 100%;padding: .5rem 0 0 0;}
	.test_note {font-size: 1.1rem;border-top: dotted 1px;padding: 0.5em 0;}
	.event-banner {width: 100%;padding: 0;}
	#event_third li a {width: 80%;margin: 1rem auto;font-size: 1.2rem;display: block;}
	.fixedbtn i {display: none;}
	.fixedbtn dt {width: 100%;font-size: 1.25rem;}
	.fixedbtn dd {font-size: 1.1rem;margin: 0 0.25rem;}
	.fixedbtn a {line-height: 2.5rem;}
	#next-year a{width: 80%;}
	#askarea .asktitle {font-size: 1.2em;line-height: 1.6em;}
}