@import url("../../File/icon/css/fontawesome-all.css");
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 }
ul,li { margin: 0; padding: 0; list-style-type: none }
* { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
body { margin: 0 auto; padding: 0; font-family: Verdana,Geneva,sans-serif,"Microsoft YaHei"; background: #ffffff url(../images/bg_line.gif); font-family: Arial,Microsoft JhengHei,"微軟正黑體",LiHei Pro,"儷黑體",PMingLiu,"新細明體",sans-serif; position: relative; }
.row100 { width: 100% }
.rowflex { display: flex; flex-wrap: wrap; display: -ms-flexbox; -ms-flex-wrap: wrap }
.bgcolor0 { background: -moz-radial-gradient(50% 50%,circle cover,#FFF 69%,#b0d1df 100%); background: -webkit-radial-gradient(50% 50%,circle cover,#FFF 69%,#b0d1df 100%); background: -o-radial-gradient(50% 50%,circle cover,#FFF 69%,#b0d1df 100%); background: -ms-radial-gradient(50% 50%,circle cover,#FFF 69%,#b0d1df 100%); background: radial-gradient(50% 50%,circle cover,#FFF 69%,#b0d1df 100%) }
.bgpadding { padding: 3% 0 0.5%; position: relative; z-index: 0 }
.bgpadding:before { position: absolute; content: ""; background: url(../images/109176252_s.jpg) no-repeat top center/100% 100%; filter: blur(2px); width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: .2 }
h1 { font-size:1.7rem;line-height:2.2rem;color:#ee4900;text-align: center;}
h2 { font-size: 1.2em }
.banner_title{display: flex;justify-content: center;}
.banner_title h2{writing-mode: vertical-lr;color: red;}
.banner_title ul{font-size: 1.5em;margin-left: 3rem;}
.banner_title ul li{list-style-type:disc;}
#event { background: #FFF }
#event i { margin-right: 3px }
.lec_out { text-align: left; overflow: hidden; margin: 0 0 0;font-size: 1.4rem;}
.lec_row{align-items:flex-start;margin:0 auto 3%}
.lec_title{font-size:1.6rem;width:22%;text-align:left;color:#FFF;padding:1% 3% 1% 11%;margin:0 1% 0 -2%;transform:skew(-10deg,-1deg);background:#ef7c01;background:-moz-linear-gradient(left,#ef7c01 56%,rgba(255,193,3,0) 99%);background:-webkit-linear-gradient(left,#ef7c01 56%,rgba(255,193,3,0) 99%);background:linear-gradient(to right,#ef7c01 56%,rgba(255,193,3,0) 99%);background: linear-gradient(to right, #b5539e 56%, rgba(255, 193, 3, 0) 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef7c01',endColorstr='#ffc10300',GradientType=1);font-family: Verdana,"Microsoft YaHei";font-weight: bold}
.lec_list{width:78%;margin:0% auto;align-items:flex-start}
.lec_list li {
    font-size: 1.25rem;
    line-height: 1.4em;
    color: #2b2d2d;
    margin: 1rem .5%;
    padding: 1% 3.5% 0.5% 5%;text-align: center;
    /* transform: skew(-10deg,-1deg); */
    /* box-shadow: 0 3px 6px #0000002e, 0 3px 10px #fff; */
    /* clip-path: polygon(0% 0%,80% 0%,100% 50%,82% 100%,0% 100%); */
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ffec8c',GradientType=1);
    border-radius: 0px 70px 10px 50px;
    background-color: #ffffff87;
	border-bottom: 4px #b5539eb0 solid;
}
.lec_list li span{font-weight:700;font-size:2rem;line-height:2.6rem;color:#337598;display:block}

.object,.place,.feature,.ps,.course{margin-bottom: 1.5rem;}
.object h1{font-size:1.4rem;line-height:2.2rem;color:#ee4900;text-align: center;}

.imp{color: #ee4900;}
.imp_blue {color: #9C27B0;font-size: 2rem;}
.info {display: flex;justify-content: center;}
.info ul{padding: 1rem 1rem 1.2rem 1rem;border-left: #ef7c01 4px dotted;border-right: #2284b778 4px dotted;border-radius: 20px;background-color: #ffffff87;color: #234d65;}
/* .info ul li{list-style-type: '✔ ';margin-bottom: 0.5rem;} */
.info ul li{margin: 0.5rem;}
.info ul li a{color:#ef7c01;}
.info ul li ol li{list-style-type:decimal;list-style-position: inside;}
.info .indent{margin-left: 3em;}
.time table {border-collapse: collapse;width: 90%;text-align: center;background-color: #ffffff87;margin: 0 5% 2%;border: solid #b5539e 5px;color: #234d65;margin-bottom: 1.5rem;}
.time table td{border:#c987bb solid 1px;padding: 0.8rem;}
.time table td strong{color: #ef7c01;padding: 0 0.25rem;}
.time table th{border-bottom: #c987bb solid 1px;padding: 0.5rem;background-color: #c987bb3d;}
/*.time table tr {border-bottom: #c987bb solid 1px;padding: 0.5rem;background-color: #c987bb3d;}*/
/* .time table td:nth-child(2){text-align: justify;} */
.feature {display: flex;justify-content: center;}
.reserve,.ps{text-align: center;color: #234d65;}
.reserve{margin-bottom: 1rem;}
.reserve a{color: #234d65;text-decoration: none;background-color:#aa3b91;padding:.5rem 1rem;border-radius: 25px;color: #FFF;}
.ps{font-size:1.0rem;}
.course{display: flex;flex-wrap: wrap;justify-content: space-around;}

.course a {
    background-color: #00bcd4;
    color: #fff;
    padding: 1% 1.5%;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
}
.course div a:hover {background-color: #ef7c01;}
.navBtn { background: #00bcd4; position: fixed; bottom: 5%; right: 5%; font-size: 1.5em; line-height: 120px; border-radius: 50%; width: 120px; height: 120px; text-align: center }
.navBtn a { color: #FFF;text-decoration: none;}
.askarea { background: -moz-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -webkit-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -o-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -ms-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); }
#formlist input[type="submit"] { background: #ef5d01 }
#formlist input[type="reset"] { background: #34596e }
.reserve_title{text-align:center;font-size:1.2rem;line-height:1.8em;background:#00BCD4;border-radius:10px 10px 0 0;color:#FFF;padding:5px 0}
.reserve_list{display: flex;flex-wrap: wrap;padding:1% 0;}
.reserve_list li{width: calc(100%/4);}
.reserve_list input[type="checkbox"]{cursor: pointer;}
.reserve_box{width:100%;margin:1% auto;background:#f2f1f6;border-radius:10px;color: #000;text-align: center;}
.time-container{margin: 1rem 0;padding-top: 1rem;}
.time-tabs a{background-color:#7db4f19d;color:white;padding:0.2rem 1.5rem;margin:0.3rem 1rem;border-left:solid 7px #d3a243;border-radius:0 1.5rem;text-decoration:none;font-size: 1.2rem;}
.time-tabs a.active{}
.time-tabs{margin-bottom: 1rem;margin-left: 2rem;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

.nowrap{text-wrap: nowrap}

/* 整個頁籤及內容最外層區塊 */
.lecture_title,.meet_title{font-size: 2.4rem;margin-bottom: .5rem;font-weight: bold;}
.lecture_tab{}
/* 頁籤區塊 */
.lecture_tab .tab_list_block{position:relative;z-index:2;}
/* 頁籤列表 */
.lecture_tab .tab_list{display:flex;justify-content: space-around;margin:0;padding:0;align-items: flex-end;margin: 0 8.5%;}
.lecture_tab .tab_list > li{width: calc(100%/3);font-size: 1.8rem;text-align: center;}
.lecture_tab .tab_list > li > a{background-color:#367ca48e;color:white;padding:0.2rem 2.5rem;border-radius:0 0.5rem;text-decoration:none;font-size: 1.2rem;}
/* 頁籤選取樣式 */
.lecture_tab .tab_list > li > a.-on{background-color:#367CA4;font-weight: 900;border-left:solid 7px #d3a243;font-size: 1.4rem;}
/* 頁籤內容區塊 */
.lecture_tab .tab_contents{position:relative;top:-1px;z-index:1;border-radius:0 0 20px 20px;padding:0.5% 3% 0 3%;}
.lecture_tab .tab_contents .time_content{display:none;}
.lecture_tab .tab_contents .time_content.-on{display:block;}
/*-----1106097舊檔原樣式------*/
/* .lec_out { text-align: left; overflow: hidden; margin: 0 0 0 }
.lec_row { align-items: flex-start; margin: 0 auto 3% }
.lec_title { font-size: 1.6rem; width: 22%; text-align: left; color: #FFF; padding: 1% 3% 1% 11%; margin: 0 1% 0 -2%; transform: skew(-10deg,-1deg); background: #ef7c01; background: -moz-linear-gradient(left,#ef7c01 56%,rgba(255,193,3,0) 99%); background: -webkit-linear-gradient(left,#ef7c01 56%,rgba(255,193,3,0) 99%); background: linear-gradient(to right,#ef7c01 56%,rgba(255,193,3,0) 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef7c01',endColorstr='#ffc10300',GradientType=1); font-family: Verdana,"Microsoft YaHei"; font-weight: bold }
.lec_content { display: flex; text-align: center; font-size: 1.55rem; line-height: 1.3em; transform: skew(-10deg,-1deg) }
.lec_content small { font-size: 1.1rem }
.lec_list { width: 78%; margin: 1% auto; align-items: flex-start }
.lec_list li { font-size: 1.25rem; line-height: 1.4em; color: #2b2d2d; margin: 1rem .5%; padding: 2% 3.5% 2% 5%; background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ffec8c',GradientType=1); border-radius: 0px 70px 10px 50px; background-color: #ffffff87; border-bottom: 4px #ef7c01a6 solid; }
.lec_list li span { font-weight: 700; font-size: 2rem; line-height: 2.6rem; color: #337598; display: block }
.course_list a { color: #335e7c; font-size: 1.7rem; font-family: Verdana,"Microsoft YaHei"; }
.course_list a:hover { color: #ee4900; }
.course_list strong { font-family: Verdana,"Microsoft YaHei" }
.course_list li { font-size: 1.4em; text-align: left; ; margin: 2.5% 0 }
.ps { text-align: center }
.navBtn { background: #aa3b91; position: fixed; bottom: 5%; right: 5%; font-size: 1.5em; line-height: 120px; border-radius: 50%; width: 120px; height: 120px; text-align: center }
.navBtn a { color: #FFF }
.askarea { background: -moz-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -webkit-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -o-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: -ms-radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); background: radial-gradient(50% 45%,circle cover,#4b91bf 27%,#2b7195 120%); }
#formlist input[type="submit"] { background: #ef5d01 }
#formlist input[type="reset"] { background: #34596e }
.lec_time { display: flex; justify-content: center; width: 100%; padding: 1.5rem 0rem; }
.lec_time .classname { font-size: 1.45rem; font-weight: bold; color: #ef5f01; }
.lec_time dl { display: inline-block; padding: 0 1rem; border-left: #ef7c01 4px dotted; border-right: #357b9f57 4px dotted; margin: 0 0.5rem; border-radius: 20px 20px; width: 30.3%; background-color: #ffffff87; }
.lec_time dt { text-align: center; font-size: 2rem; font-weight: 700; padding: 0.5rem 0 0.3rem; border-bottom: #ef7c01 solid 1px; margin: 0 0.5rem; color: #234d65; }
.lec_time dd { text-align: center; font-size: 1.5rem; font-weight: 500; padding: 0.5rem 0; background-color: #f8ebe8; border-radius: 0px; }
.reserve { margin: 0rem 0 1.1rem; }
.reserve span { font-size: 0.94rem; }
.reserve a { background-color: #00bcd4; color: #fff; padding: 2.5% 4.5%; border-radius: 8px; text-decoration: none; margin-bottom: 0.2rem; display: inline-block; }
.reserve a:hover { background-color: #ef7c01; } */



/*PC*/
@media all and (min-width:1201px) {
  #BodyHeader_rwd,#topbutton { display: none }
  #EventContent { width: 850px; margin: 0 auto }
  /*header*/
  #EventHeader { width: 850px; margin: 0 auto; padding: 5px 0 }
  #EventHeader img.logo { width: 24% }
  #EventHeader .Eventheader_title { font-size: 1.05em; line-height: 1.6em }
  #EventHeader a,#EventFooter a { color: #000 }

  #event_master{margin:0% auto;display:block;padding:0px;}
  /*footer*/
  #EventFooter { width: 100%; margin: 0 auto; padding: 1% 0 }
  .footer_inline { padding: 2% 0; margin: 0 auto 2%; border-bottom: 1px solid #999 }
  .footer_inline li { display: inline; margin: 0 .7%; font-size: 1.05em; line-height: 1.8em }
  .footer_inline li:nth-of-type(1) img { width: 24% }
  .footer_address li { line-height: 1.8em; font-size: .9em }
  /*ask*/
  .askarea { width: 100%; padding: 3% 0 2%; margin: 0 auto; border-radius: 0 0 25px 25px }
  .asktitle { font-size: 2em; color: #f8e64e; text-align: center; font-weight: 700 }
  #formlist { width: 82%; font-size: 1.05rem; color: #FFF; line-height: 2.3em; margin: 3% auto 1.5%; text-align: left }
  #formlist p { margin: 0.7% auto }
  #formlist input,#formlist select { border-radius: 5px; background-color: #FFF; border: #FFF; padding: .5%; margin-bottom: 1%; margin-left: 1%; color: #585858; font-size: 1em; font-family: "Microsoft JhengHei" }
  #formlist .session { width: 100%; display: flex; justify-content: space-around; }
  #formlist .session div { width: 50%; }
  #formlist input[type="text"] { width: 38% }
  #formlist select,#formlist input[name="sRandomCode"] { width: 15% }
  #formlist input[type="submit"],#formlist input[type="reset"] { color: #FFF; padding: 1% 1.5% }
}
@media \0screen\,screen\9 {
  /*IE 6 7 8*/
  .lec_list li { border-radius: 50% }
}
@media screen\0 {
  /*IE 8 9 10 11*/
  .lec_list li { border-radius: 50% }
}