@import url("../../../icon_new_6.2/css/all.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: 3px solid #b3382a;}
.bg0{background: #b3382a2c;}
/* .bg1{background: #b3382a6a;} */

.group{text-align: left;padding: 0 1rem 1rem;margin: 3rem 1.5rem 2rem 3rem;background: #ffffff;filter: drop-shadow( 1px 3px 3px #0000002f);}
.group:nth-child(1){border-bottom: 2px solid #53999a;}
.group:nth-child(2){border-bottom: 2px solid #7d5d87;}
.group:nth-child(3){border-bottom: 2px solid #b4392a;}
.group .grou_bgA{color: #105552;background: linear-gradient(90deg, #b0cfd1, transparent);position: relative;left: -1rem;}
.group .grou_bgB{color: #60346b;background: linear-gradient(90deg, #dcd5e8, transparent);position: relative;left: -1rem;}
.group .grou_bgC{color: #9a3529;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: #53999a;filter: drop-shadow( 1px 3px 3px #0000002f);}
.title_bg2 {background-color: #7d5d87;filter: drop-shadow( 1px 3px 3px #0000002f);}
.title_bg3 {background-color: #b4392a;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 #045551 transparent transparent;border-width: 0px 50px 13px 0px;border-style: solid solid solid solid;}
.title_bg2::after {border-color: transparent #53254e transparent transparent;border-width: 0px 50px 13px 0px;border-style: solid solid solid solid;}
.title_bg3::after {border-color: transparent #6e2b23 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:1.9rem;color:#7d5d87;font-family:"Meiryo UI";font-weight:700;padding:.5rem 0 0 0}
.reserv{margin: 0.5rem auto;}
.oral_lecSubtitle,.oral_lec_list dt{margin:.5rem 0 .25em;}
.oral_lecSubtitle,.oral_lec_list dt,.reserv{font-size:1.3rem;color:#fffb85;text-align:left;background-color:#7d5d87;border-radius:3rem;width:max-content;padding:.25rem 1rem}
.oral_lec_list50{width:calc(100%/3.2);background:#dfd4de;padding:.5% 2%;margin:.5rem;border-radius:7px;text-align:center}
.oral_lec_list50 dt{font-size: 1.2rem;}
.oral_lec_list50 .close{background-color:#d84747;color: #FFF;padding:0rem .8rem;margin-left: 1rem;border-radius: 20px;}
.note {font-size: 1rem;padding: .25rem 1rem ;}

#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:#fff;padding: 0 1rem .125rem;margin:0 0 .2rem .5rem;background-color:#b4392a;border-radius:3rem;}
.content a{color:#fff;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 #fff dotted;border-top:1px dotted;padding: .25rem 0 1rem;}


/*DIV END*/

/* .bg0{background:#b3382a;} */

:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}



/*各大相容檢視*/
@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: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.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;}

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;}
#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: 0.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.6rem;}
	.oral_lecSubtitle, .oral_lec_list dt, .reserv {font-size: 1.2rem;padding: .15rem 1rem;}
	.oral_lec_list50 {width: 100%;}
	.oral_lecSubtitle, .oral_lec_list dt, .reserv {font-size: 1rem;}
	#experience {padding: .5rem 0 0;}
	#experience .stuednt {font-size: 1.35rem;}
	#experience .subject {font-size: 1.1rem;}
	.content {font-size: 1rem;}

}