@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/160% 100%; filter: blur(3px); width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: .12 }
h1 { font-size:1.7rem;line-height:2.2rem;color:var(--dark_orange);text-align: center;}
h2 { font-size: 1.2em }
:root{
  --orange: #ef7c01;
  --dark_orange: #ee4900;
}
small{font-size: 0.9em;padding-left: 1rem;}
.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: clamp(1rem, 3vw, 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:var(--orange);background:-moz-linear-gradient(left,var(--orange) 56%,rgba(255,193,3,0) 99%);background:-webkit-linear-gradient(left,var(--orange) 56%,rgba(255,193,3,0) 99%);background:linear-gradient(to right,var(--orange) 56%,rgba(255,193,3,0) 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--orange)',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;
    background: #fff;border-radius: 0px 70px 10px 50px;background-color: #ffffff87;border-bottom: 4px var(--orange)a6 solid;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ffec8c',GradientType=1); 
}
.lec_list li span{font-weight:700;font-size:clamp(1.3rem, 5vw, 1.8rem);line-height:1.8;color:#337598;display:block}
.object, .ps, .course{margin-bottom: 1.5rem;}
.object h1{font-size:1.7rem;line-height:2.2rem;color:var(--dark_orange);text-align: center;}
.object .wrap_all{line-height: 1.5em;}
.object a,.place a{color: var(--dark_orange);border-radius: 10px;margin: 0 .1rem;}
.object a:hover{text-decoration: none;}
.imp{color: var(--dark_orange);}
.imp_blue{color: #2283b7;}
.info {display: flex;justify-content: center;flex-wrap: wrap;}
.info ul{padding: 1.5rem 1rem 1.5rem 1rem;margin-top: 1rem;border-left: var(--orange) 4px dotted;border-right: #2284b778 4px dotted;border-radius: 20px;background-color: #ffffff87;color: #234d65;width: 80%;margin-bottom: 1rem;}
.info ul li{margin: 0.5rem;}
.info ul>li:nth-child(1){color: var(--dark_orange);}
.info ul li a,.feature a{color:var(--orange);}
.info .indent{margin-left: 3em;}
.info ul li ol li{list-style-position:inside;}
.info ul li ol li::before{content: '▶ ';font-size: 0.8em;color: var(--orange);}
.feature{display:flex;justify-content:center;width: 100%;flex-wrap: wrap;margin: 1rem 0;}
.feature p{width: 80%;}
.note{color: #aa3b91;padding: 0.2rem .6rem;border: thin solid var(--orange);margin-top: 0.8rem;border-radius:6px;display: inline-block;animation: note .8s ease-in-out forwards;opacity: 0;}
@keyframes note{0%{opacity: 0;transform: translateX(-10px);}100%{opacity: 1;transform: translateX(0);}} 
.feature span{color: #aa3b91;font-weight: bold;}
.reserve,.ps{text-align: center;color: #234d65;}
.reserve{margin: 1.5rem 1rem auto;}
.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: var(--orange);}
.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 }

/* 整個頁籤及內容最外層區塊 */
.place{width: 100%;}
.place_tab{}
/* 頁籤區塊 */
.place_tab .tab_list_block{position:relative;z-index:2;}
/* 頁籤列表 */
.place_tab .tab_list{display:flex;justify-content: space-around;margin:0;padding:0;align-items: flex-end;}
.place_tab .tab_list > li{width: calc(100%/3);font-size: clamp(1.3rem, 3vw, 1.8rem);}
.place_tab .tab_list > li > a{line-height:1.7em;margin:0;cursor:pointer;background:#ffffffaa;transition:background-color 0.2s;border:1px solid #c99e698a;border-bottom:none;text-align:center;display: block;text-decoration: none;border-radius:12px 12px 0 0;font-weight: 900;box-shadow: 0px -16px 14px -11px rgba(214,214,214,0.5) inset;}
/* 頁籤選取樣式 */
.place_tab .tab_list > li > a.-on{cursor:default;font-weight:bold;color:#fff;box-shadow: 0 -2px 10px 2px #0000002a;}
.place_tab .tab_list > li > a.ccu_tab.-on{background:#ff9292;}
.place_tab .tab_list > li > a.tainan_tab.-on{background:#69a2e4;}
.place_tab .tab_list > li > a.nsysu_tab.-on{background:#13946d;}
/* 頁籤內容區塊 */
.place_tab .tab_contents{position:relative;top:-1px;z-index:1;background:#ffffffee;border-radius:0 0 20px 20px;padding:3.5% 3%;}
.place_tab .tab_contents .place_content{display:none;}
.place_tab .tab_contents .place_content.-on{display:block}
.place_detail{display: flex;justify-content: space-around;flex-wrap: wrap;align-items: center;text-align: justify;gap: 1rem;}
.place_detail img{border-radius: 6px;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

/*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% }
}