/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */
body *{font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;font-weight: ;text-align: center;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
small{font-size: 0.8em;}
.bg_padding{padding:1%;}
.bgcolor1{background: url(../images/1011116_01.png) no-repeat center top;}
.bgcolor2{background: url(../images/1011116_bg.png) no-repeat center top fixed;}
.bgcolor3{background-color: #35d81d;}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*所有元素漸變0.5秒*/

*{transition: all .5s;}
#event_master{background-color: white;}
#event_master *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/*DIY--設計可增加用樣式*/
.feature,.media,.promotions,.person,.ProcessB,.ProcessA,.page_note{margin: 1rem 0;}
.media_title,.feature_title,.person_title{font-size: 3.6rem;font-weight: bold;text-shadow: 4px 4px 0px #e7e7e7;letter-spacing: 0.2em;color: #1F2937;}
.promt_title{font-size: 3.6rem;font-weight: bold;text-shadow: 4px 4px 0px #4e4e4e;line-height: 1.3em;color: white;}
.media_sub,.feature_sub,.feature_sub,.person_sub{font-size: 2.7rem;/* background-color: #2a59cf; */ color: #292929;border-bottom: dashed 2px;margin: 0 0 2%;}
.media_sub strong,.feature_sub strong,.feature_sub strong,.person_sub strong{color: #35d81d;}
.course_more {margin: 1% 0;}
.course_more a{font-size: 1.3rem;background-color: #e4e4e4;color: #292929;border-radius: 1em;padding: 0.5em 1.2em;text-decoration: none;}
.feature_group dt{font-size: 1.3rem;}
.feature_group dt{font-size: 1.4rem;font-weight: bold;color: #ffffff;background-color: #35d81d;padding: 0.2em 0;}
.feature_group dd{color: black;}
.feature_group dd a{font-size: 1.1rem;background-color: #9e9ea0;color: #FFF;border-radius: 1.5em;padding: 0.2em 0.8em;text-decoration: none;display: inline-block;margin-top: 2%;}
.color{animation: color 0.5s ease-in-out alternate infinite;}
.media_name{font-size: 1.5rem;font-weight: bold;text-align: left;color: black;}
.media_name a{color: #2a59cf;}
.media_name b{font-size: 1.3rem;color: #ffffff;background-color: #35d81d;padding: 0.2em 0.5em;border-radius: 0.5em;margin-right: 0.2em;display: inline-block;}
.media_name span{color: #35d81d;}
.media_show{line-height: 2rem;text-align: left;font-size: 1.2rem;color: #1F2937;}
.media_show strong{color: #000;}
.media_group  > div,.page_link{padding: 0 1.5rem 1.5rem 1.0em;}
.promt_sub {margin: 2% auto;width: 85%;}
.promt_sub li{list-style: none;margin: 0 0 1%;text-align: left;background-color: #2a59cf;padding: 0.2em 0.8em;color: white;font-size: 2.0em;border-radius: 1em;}
.promt_sub li strong{color: #35d81d;}
.books,.books th,.books td{border: 1px solid black;border-collapse: collapse;font-size: 1.1em;padding: 0.2em;}
.books td{color: black;}
.ProcessB > div,.ProcessA > div,.books > div:nth-child(1),.books > div:nth-child(2){background-color: rgb(202, 202, 202);text-align: center;}
.ProcessB {align-items: center;}
.feature_group{width: calc(100%/3);padding: 0.5rem;}
.feature_group dd:nth-child(2),.media_content{text-align: left;background-color: #f3f3f3;padding: 0.5em;margin: 0 0 2%;}
.feature_group dd > img{margin: 0 auto;}
.books th{color: #2a59cf;background-color: rgb(228 228 228);}
.books td:nth-child(-n+1){font-weight: 900;color: black;}
.books tr:nth-child(odd) {background-color: #f5f5f5;}
.books tr:nth-child(even) {background-color: #FFF;}
.page_link {margin: 2% 0;}
.page_link li a{font-size: 1.6rem;background-color: #e4e4e4;color: #292929;border-radius: 1em;padding: 0.5em 1.2em;text-decoration: none;}
@keyframes color {
from{background-color:#35d81d;}
to{background-color: #2a59cf;}
}

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

/*站內原有樣式*/

#askarea_out *{text-align: left;}
#askarea input[type="submit"],#askarea input[type="reset"]{text-align: center;}
#askarea SELECT {color: black;background-color: white;}
#askarea SELECT option:hover{background-color: black;}
@media all and (min-width: 1px) and (max-width: 1200px){
.feature_group{width: calc(100%/1);}
.books > div:nth-child(1),.books > div:nth-child(2){display: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) { 
	.media_title, .feature_title, .person_title {font-size: 2.4rem;letter-spacing: 0.1em;}
	.media_sub, .feature_sub, .feature_sub, .person_sub {font-size: 1.5rem;}
	.course_more {margin: 7% 0 2%;}
	.feature_group dt {font-size: 1.3rem;}
	.media_photo{margin: 0 auto;width: 50%;}
	.promt_title {font-size: 2.2rem;}
	.promt_sub li {font-size: 1.3em;}
	.promt_sub {width: 95%;}
	.page_link li a {font-size: 1.0rem;padding: 0.3em 0.5em;margin: 2% 1%;display: inline-block;}
}