/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bg1{background: url(../images/1312058_01.png) no-repeat top #f5f6f4;background-size: cover;}
.bg2{background-color: #f5f6f4;}
.bg3{background-color: #efffed;}
.bg4{background-color: #edffff;}
.bg5{background-color: #fff2fa;}
.bg{background: linear-gradient(to right, #6d02b7 0% , #c456e1 50%, #6d02b7 100%); }
.bg{background: linear-gradient(to right, #611fbf 0% , #995aef 50%, #611fbf 100%);}
.fcolor4{color: #76c1ff;}
.fcolor5{color: #ffc152;}
.fcolor6{color: #f9812e;}
.fcolor7{color: #FFEE38 !important;}
:root{
	--orange1: #DD561B;
	--tiffany_green: #00ABB5;
}
small{font-size: 1em; }
h2{font-size: 3.8rem;color: #000;margin: 0 auto;font-weight: bold;text-align: center;}
h2::before{position: relative;content: '\f0da';font-family: "Font Awesome 5 Free";font-weight: bold;margin: auto 1rem;color: var(--tiffany_green);}

h4{text-align: center;font-size: 3.7rem;font-weight: 700;padding: 1rem 0;color: #cb0c7e;}


/*課程*/
.item_group{padding: 1%}
.title{background: linear-gradient(to right, #b71074 0%, #0781ad 60%, #5cb6a6 100%);font-size: 2.2rem;color: #ffffff;display: block;padding: 0.2em 1em;border-radius: 2em 0em;text-align: center;}
.title::before{position: relative;content: '\f05a';font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 0.5rem;}
.item_group div div{font-weight: bold;padding: 0.25rem 0.3rem;color: #ffffff;font-size: 1.5em;background: linear-gradient(to right, #97d39f 0%, var(--tiffany_green) 100%);text-align: center;border-bottom: #ffffff 1px dotted;display: flex;align-items: center;justify-content: center;}
.item_group div ol{border-bottom: #000000 1px dotted;list-style: disc;background-color: white;padding: 1rem 1rem 1rem 3rem;font-size: 1.2rem;}
.item_group div ol li{line-height: 2.3rem;}
.item_group div ol li a i{color: #68bba4;font-size: 1.5rem;}

/*.item_group div li::before {content: '‧ ';}*/
.price{color: #cb0c7e;font-size: 1.6rem;font-weight: bold;}

/*經驗談*/
.exp_group dl{padding: 1%;}
.exp_group dl dt{margin-bottom: 0.5rem;font-size: 1.4rem;border-bottom: solid 1px;}
.exp_group dl dt strong{font-size: 1.6rem;margin-right: 0.3rem;border-bottom: solid 4px #cb0c7e;letter-spacing: 0.3rem;}
.exp_group dl dd:nth-of-type(1){font-weight: 700;border: solid 0px #cb0c7e;padding: 0.2rem 0.0rem;font-size: 1.3rem;background-color: #fff2fa;color: #cb0c7e;margin-bottom: 1.0rem;}
.exp_group dl dd mark{font-weight: 700;color: white;background: linear-gradient(to right, #f06eb1 0%, #cf0482 100%);padding: 0.2rem 1.5rem;margin-right: 0.5rem;border-radius: 1em 0em;}
.exp_group dl dd{border: solid 0px #cb0c7e;padding: 1rem 2rem;font-size: 1.1rem;background-color: white;color: #555;margin-bottom: 1.0rem;}
/*書單*/
.booklist{margin: 5%}
.books, .books th, .books td {border: 1px solid black;border-collapse: collapse;text-align: center}
.books td:nth-child(4){color: red}
.books p{text-align: left}

@media (max-width:767px){
	.title {font-size: 1.4rem;padding: 0.2em 0.5em;border-radius: 1em 0em;}
	h2 {font-size: 2.2rem;}
	.item_group div div {font-size: 1.2em;}
	.item_group div ol {padding: 1rem 1rem 1rem 2rem;font-size: 1.1rem;}
	h4 {font-size: 1.8rem;}
	
}	

/*各大相容檢視*/
@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 {
}