@import url("../../../icon_new_6.2/css/all.min.css");
/*DIY*/

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
#event_master *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#Master_title{max-width: 1200px;margin: auto;}
#Master_title img {width: 100%;border-bottom: 5px solid #1476bd;}
/*所有元素漸變0.5秒*/ *{transition: all .5s;}
.bg_padding{padding:1%;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
.bg0{background: #1476bd2c;}
/* .bg1{background: #b3382a6a;} */
:root{--bgcolor1:#EEE8E0;--bgcolor2:#FFFCE9;--white:#fff;--red:#b40e0e;--join1:#b4392a;--join1_dark:#92291d;--join2:#53999a;--join2_dark:#045551;--join3:#7d5d87;--join3_dark:#53254e;--join4:#fffb85;}
.red{color:var(--red);}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

.group{text-align: left;padding: 0 1rem 1rem;margin: 3rem 1.5rem 2rem 3rem;background:var(--white);filter: drop-shadow( 1px 3px 3px #0000002f);}
.group:nth-child(1){border-bottom: 4px solid var(--join2);}
.group:nth-child(2){border-bottom: 4px solid var(--join3);}
.group:nth-child(3){border-bottom: 4px solid var(--join1);}
.group .grou_bgA{color: var(--join2_dark);background: linear-gradient(90deg, #b0cfd1, transparent);position: relative;left: -1rem;}
.group .grou_bgB{color: var(--join3_dark);background: linear-gradient(90deg, #dcd5e8, transparent);position: relative;left: -1rem;}
.group .grou_bgC{color: var(--join1_dark);background: linear-gradient(90deg, #efd8cb, transparent);position: relative;left: -1rem;}
.group .grou_title {font-size: 2.2em;line-height: 1.4em;position: relative;font-weight: 900;margin-top: 2rem;}
.group p , .oral_lec_list dd  {font-size: 1.2rem;padding: .25rem 1rem 0;}
.title_bg1,.title_bg2,.title_bg3{position: absolute;top: -.5rem;left: -2.55rem;display: inline-table;font-size: 1.2em;z-index: 3;transform: skewX(-10deg);color: #fffffff5;padding:.35rem 1.5rem .65rem;}
.title_bg1 b,.title_bg2 b,.title_bg3 b{font-size: larger;}
.title_bg1 {background-color: var(--join2);filter: drop-shadow( 1px 3px 3px #0000002f);}
.title_bg2 {background-color: var(--join3);filter: drop-shadow( 1px 3px 3px #0000002f);}
.title_bg3 {background-color: var(--join1);filter: drop-shadow( 1px 3px 3px #0000002f);}

/* 小三角形 */
.title_bg1::after,.title_bg2::after,.title_bg3::after{content: '';position: absolute;top: 68px;left: 0;}
.title_bg1::after {border-color: transparent var(--join2_dark) transparent transparent;border-width: 0px 50px 13px 0px;border-style: solid solid solid solid;}
.title_bg2::after {border-color: transparent var(--join3_dark) transparent transparent;border-width: 0px 50px 13px 0px;border-style: solid solid solid solid;}
.title_bg3::after {border-color: transparent var(--join1_dark) transparent transparent;border-width: 0px 50px 13px 0px;border-style: solid solid solid solid;}
.title_text{line-height: 4.55rem;text-align: center;margin: 0 0 1rem 0;}
.i_color{color:#ffc107;font-size: 1.3em;padding-right: 4px;}
.i_color2{color:#045551;font-size: 1.25em;}
.i_color3{color:#684780;font-size: 1.25em;}
.deta_big{color: #9d3985;font-size: 1.25rem;}
.text_black{color: #000;font-weight: lighter;}

.oral_lec_title{font-size:2rem;color:#53254e;font-family:"Meiryo UI";font-weight:700;padding:1rem 0 0 0}
.reserv{width: fit-content;margin: .5rem auto;}
.oral_lecSubtitle,.oral_lec_list dt{margin:.5rem 0 .25em;}
.oral_lecSubtitle,.oral_lec_list dt{font-size: 1.3em;color: var(--join4);margin: .5em 0 .25em;background-color: var(--join3);border-radius: 3rem;width: max-content;padding: .25rem 1rem;}
.reserv_title ,.reserv a{text-align: center;border-radius: .5rem;color:var(--white);padding: .25rem;background-color:var(--join3);padding:.25rem 1rem .5rem;font-size:1.3rem;}
.oral_lec_site b{font-size: 1.3rem;}
.oral_lec_time{padding: 1rem 0 0;}
.oral_lec_time dl{width:calc(100%/2.05);}
.oral_lec_list50{/*width:calc(100%/3.2);*/background:#dfd4de;padding:1% 2% 1.25%;margin:.5rem auto;border-radius:7px;text-align:center}
.oral_lec_list50 dt{font-size: 1.2rem;padding: .25rem 0 0;}
.oral_lec_list50 .close{background-color:var(--join1);color:var(--white);padding:0rem .8rem;margin-left: 1rem;border-radius: 20px;}
.oral_lec_list dd b {background: var(--join3);color:var(--white);border-radius: 50rem;padding: 0 .6rem .1rem;margin: 0 .3rem 0 0;}

.note {font-size: 1rem;padding: .25rem 1rem;}
.angle{width: fit-content;background: var(--join4);border-radius: .5rem;text-align: center;font-size: 1.3rem;padding: .5rem .5rem .5rem 1.5rem;margin: 1rem auto;}
.angle,.angle a{color:#53254e}
.grade_title{font-size:1.35rem;text-align:center;padding:0 0 1rem}
.grade_title,.grade_title a{color:var(--join1)}
#experience{padding: .5rem 1rem 0;}
#experience .stuednt{font-size:1.6rem;color:#000;text-align:left;line-height:1.6em;padding: 0 0 .25rem;}
#experience .subject{font-size:1.4rem;width:max-content;color:var(--white);padding: 0 1rem .125rem;margin:0 .5rem .2rem;background-color:var(--join1);border-radius:3rem;}
.content a{color:var(--white);padding:0 8px 1px;border-radius:50px;text-decoration:none;background-color:#9c87aa;font-size:.9rem}
.content{font-size:1.1rem;text-align:left;color:#000;border-left:2px var(--white) dotted;border-top:1px dotted;padding: .25rem 1rem 1rem;}

.qrcode {margin: .5rem 0 0;}
.qrcode a {padding: .5rem 0 0;}

/*DIV END*/

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #b3382a;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 1.9rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: .3rem;background-color: #FFF;border: #FFF;padding: .25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: .5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: .5em 1em;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){
	.oral_lec_list50{margin: .5rem auto;}
	.note {font-size: .95rem;padding: .25rem 0;}

	/*ask*/
	#askarea{width: 100%;padding: .8rem;}
	#askarea .asktitle{font-size: 1.4rem;}
	#askarea .asktitle > p{line-height: 2.2rem;}
	#formlist{margin: 0 auto;}
	#askarea input[type="text"],#askarea select{width:100%;}
	#askarea input[type="checkbox"]{width: initial;}
	#formlist label{font-size: 1.0rem;}
	#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: .25rem 0;}
	/* #formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);} */
}

@media all and (min-width: 1px) and (max-width: 767px){
	.title_bg1, .title_bg2, .title_bg3 {position: absolute;top: -1.5rem;left: -1.5rem;font-size: .95em;}
	.group {margin: 3rem 1.5rem 2rem 2rem;}
	.group .grou_title {font-size: 1.8em;}
	.title_text {line-height: 3.55rem;padding: 0 0 0 4.5rem;}
	.title_bg1::after, .title_bg2::after, .title_bg3::after {top: 58px;border-width: 0px 31px 13px 0px;}
	.title_bg1, .title_bg2, .title_bg3{top: -.9rem;}
	.group p, .oral_lec_list dd {font-size: 1.05rem;padding: .25rem 0 0;}
	.oral_lec_title {font-size: 1.65rem;}
	.oral_lecSubtitle, .oral_lec_list dt, .reserv {font-size: 1.25rem;padding: .15rem 1rem;}
	.oral_lec_list50 ,.oral_lec_time dl{width: 100%;}
	.oral_lecSubtitle, .oral_lec_list dt, .reserv {font-size: 1.15rem;}
	.reserv_title, .reserv a ,.deta_big  {font-size: 1.05rem;}
	.oral_lec_list50 {padding: 1% 2% 2%;}
	.oral_lec_list50 dt , .angle ,#experience .subject {font-size: 1.1rem;}
	.grade_title , #experience .stuednt {font-size: 1.2rem;}

	#experience {padding: .5rem 0 0;}
	.content {font-size: 1rem;}
    .column button {top: .5em;}
}