/* css reset 歸0 */
html,body,div,span,flashcarlet,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,figure { 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 { list-style: none }
body { margin: 0 auto; padding: 0; background-image: url(../images/0201075_line-bg.gif); background-color: #faf6fa; font-family: "微軟正黑體" }
#BodyContainer,
#BodyContentEvent { margin: 0 auto }
.row100 { width: 100% }
.rowFlex { display: flex; flex-wrap: wrap; }
/*.rowFlex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}*/
.bgcolor0 { padding: 2% 0 0; background: #FFFCF0 }
h1,
h2 { font-family: "Microsoft YaHei" }
h1 { font-size: 1.5rem }
h2 { font-size: 1.7rem; line-height: 1.8em; color: #C1272D }
h2 strong { color: #ef6b24 }
h2 span { color: red }
.txt-lg { font-size: 2.4rem; vertical-align: sub; }
.bookList a.buycar:before,
.buybtn a:before,
.irttitle a:before,
#event_course ul li a:before { content: url(../images/0512050_buy.gif); margin-right: 3px }
i { margin: 0 2px }
small { font-size: smaller; }
#event { width: 100%; margin: 0 auto; background: #FFF; display: inline-block }
#event a:hover { left: 1px; top: 1px; position: relative; text-decoration: none }
.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 }
/*主圖*/
#event_master { margin: 0 auto }
#event_master img { width: 100%; height: auto; display: block }
/*日期*/
/*#event_date{width:84%;margin:0 auto 3% auto;padding:1% 0;border-radius:12px;background:#FFF;} */
#event_date { width: 84%; margin: 0 auto 0 auto; padding: 1% 0; border-radius: 12px;     /* background: #FFF; */ }
#event_date h2 { width: 100%; font-size: 2em; line-height: 1.65em; color: #EF4716; text-align: center; font-weight: bold; font-family: "Microsoft YaHei"; }
#event_date .tb1 { font-size: 1.85em; line-height: 1.6em; color: #3f27b4; font-weight: bold; text-align: center;font-family: microsoft yahei; }
#event_date .cubeRed { padding: 0.5% 2% 0.5% 4%; margin-right: 2%; border-radius: 8px; color: #FFF; background: #DA5282; font-size: .8em; font-weight: normal; }
#event_date p { font-size: 1.25em; line-height: 1.6em; font-weight: bold; }
#event_date .date { width: 94%; display: inline-block; margin: 1% 3% 0 3%; }
/*#event_date .test_type{width:49%;float:left}*/
#event_date .test_type { width: 43%; float: left; background-color: white; border-radius: 20px; margin: 0 2%; padding: 10px 0 10px 10px; border: 2px solid #ef6b24; }
#event_date .test_type2 { width: 7%; float: left; font-size: 3em; line-height: 2em; color: #0071ba; }
#event_date .test_type3 { width: 43%; float: left; }
/*#event_date{width:84%;margin:0 auto;padding:1.5% 0;border-radius:8px;background:#FFF;/text-align:center;box-shadow:0px 4px 7px #f3edd6;}
#event_date p{display:inline;margin:0 1%;font-size:1.55em;line-height:1.55em;font-weight:700;color: #9A344D;}*/
.text_purple { color: #5d3855; }
.text-left { text-align: left }
/*書單*/
/*#event_book{width:90%;padding:4% 5%;margin:0 auto;background:#FFFCF0;position:relative}*/
#event_book { width: 81%; padding: 0 5% 4%; margin: 0 auto; background: #FFFCF0; position: relative; border: 1px dashed #f29fff; }
.ribbon { width: 92%; position: relative; text-align: center; margin: 0 auto 5.5%; -webkit-box-shadow: rgba(000, 000, 000, 0.3) 0 1px 1px;
  -moz-box-shadow: rgba(000, 000, 000, 0.3) 0 1px 1px; box-shadow: rgba(000, 000, 000, 0.3) 0 1px 1px; z-index: 5;     /*animation:move alternate 1s infinite linear*/ }
@keyframes move{0%{left:0}100%{left:.3%}}
.ribbon h1 { padding: 1.5% 1rem; color: #FFF; margin: 0; z-index: 6; background: #ff6600; background: -webkit-gradient(linear, left top, left bottom,
  from(#ff6600), to(#ef6000)); background: -webkit-linear-gradient(top, #ff6600, #ef6000); background: -moz-linear-gradient(top, #ff6600, #ef6000);
  background: -ms-linear-gradient(top, #ff6600, #ef6000); background: -o-linear-gradient(top, #ff6600, #ef6000);
  background-image: -ms-linear-gradient(top, #ff6600 0%, #ef6000 100%) }
.ribbon h1 a { color: #FFF; }
.ribbon:before,
.ribbon:after { content: ''; position: absolute; display: block; bottom: -1em; border: 1.5em solid #ff6600; z-index: -1 }
.ribbon:before { left: -2em; border-right-width: 1.5em; border-left-color: transparent; -webkit-box-shadow: rgba(000, 000, 000, 0.4) 2px 1px 2px;
  -moz-box-shadow: rgba(000, 000, 000, 0.4) 2px 1px 2px; box-shadow: rgba(000, 000, 000, 0.4) 2px 1px 2px }
.ribbon:after { right: -2em; border-left-width: 1.5em; border-right-color: transparent; -webkit-box-shadow: rgba(000, 000, 000, 0.4) -1px 1px 1px;
  -moz-box-shadow: rgba(000, 000, 000, 0.4) -1px 1px 1px; box-shadow: rgba(000, 000, 000, 0.4) -1px 1px 1px }
.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after { border-color: #ab4500 transparent transparent; position: absolute; display: block; border-style: solid; bottom: -1em; content: '' }
.ribbon .ribbon-content:before { left: 0; border-width: 1em 0 0 1em }
.ribbon .ribbon-content:after { right: 0; border-width: 1em 1em 0 0 }
.text_yellow { color: #FF0; margin-right: .5%; font-size: 1.2em; }
.h1_2 { font-size: .8em; margin-left: 3% }
#event_book h2 { font-weight: 700; color: #0071BA; text-align: left }
#event_book h2 strong { margin-right: 2% }
.bookContent { width: 100%; margin: 2% auto 0 }
.bookContent .book { width: 100%; padding: 0 0 2rem; }
#event_book h3 { width: 100%; font-size: 1.25em; line-height: 1.5em; color: #FFF; margin: 0 auto 3% }
#event_book h3 strong { background: #0071BA; padding: .5% 9% 1%; border-radius: 20px; font-weight: 400 }
.bookList { width: 98%; margin: 0 auto }
.bookList ul { width: 96%; margin: 0 auto 1%; padding: 1% 2% .5%; border-radius: 10px }
.bookList ul li { font-size: 1.1em; line-height: 1.6em; color: #333; margin-bottom: 2% }
.bookList a.buycar { font-size: 1rem; color: #F60; margin-right: 1%; font-weight: 700 }
.bookList ul li p { font-size: 1rem; line-height: 1.9em }
.bookList ul li strong { color: #0071BA; font-size: 1.25rem }
.bookList .list { background: #FFF; margin: 0 auto; width: 96%; padding: 1%; border-radius: 8px }
.bookList .list a { color: #000; font-weight: normal; font-size: .96rem; margin: 0 }
.tablelist { margin-bottom: 2% }
.bookrow > table td { text-align: center }
.bookrow > table .title { background: #775614; padding-left: 1%; font-weight: 700; text-align: left; color: #ffffff; font-size: 1.4rem; line-height: 2.4rem; }
figure { /*width: 29%;margin: 2%;*/width: calc(100% / 3 - 2%); padding: 1%; }
figure img { margin: 0 auto; display: block;     /*height: 200px;*/ max-width: 100%; filter: drop-shadow(-2px 2px 2px #b3b1a8); }
figcaption { background: #ef6b24; text-align: center; padding: 0.3em; margin-bottom: 5%; }
figcaption a { color: #FFF; text-decoration: none; font-size: 1.3em; font-weight: bold; }
.irttitle { font-size: 1.55rem; }
.irtlist dd { display: inline-block; margin-right: 1rem; word-break: break-word; line-height: 2rem; font-size: 1.2rem; }
.irtlist dd:last-child { display: block; }
#book { margin: 0 auto }
#b2, #b3 { background-color: #fff !important; border: #765ed1 2px solid; border-radius: 15px; margin-bottom: 3%; }
ul.booklist { width: 89%; margin: 0 4% 0 5%; padding: 1% }
ul.booklist li { width: 100%; font-size: 1em; line-height: 1.8em; color: #333 }
ul.booklist p { margin-left: 2% }
.bookrow, .bookrow, .irtlist { width: 96%; margin: 0 auto; padding: 1% 2% 2%;     /* background: #ffffff; */ border-radius: 7px; }
.bookrow > dd, .bookrow2 > dd { line-height: 2rem; }
.row1 > dd:nth-child(n+3):nth-child(-n+7),
.row1 > dd:nth-child(n+9):nth-child(-n+12) { padding-left: 2.3rem; text-indent: -18px; }
.row2 > dd:nth-child(n+3):nth-child(-n+7),
.row2 > dd:nth-child(n+9):nth-child(-n+11) { padding-left: 2.3rem; text-indent: -18px; }
.bookrow > dd a { padding-left: .5rem; margin-right: 1%; font-size: 1rem; color: #F60; font-weight: normal; }
.bookrow > dd a:before { content: url(../images/0512050_buy.gif); margin-right: 3px; }
.booktitle { font-size: 1.2rem; line-height: 1.6em; color: #3f27b4; font-weight: bold }
.booktitle a { color: #0072BC }
a.buycar { margin-right: 1%; font-size: 1.2rem; color: #F60 !important }
.tablelist .title { background: #e53f04; padding: 0.7%; font-weight: 700; text-align: center; color: #ffffff; font-size: 1.3em; }
/*經驗談*/
#event_media { margin: 2% auto }
#event_media h2 { text-align: center }
#event_media ul { width: 82%; margin: 0 auto; padding: 2% 3%; background: #fffaf1; border: 2px dotted #765ed1; border-radius: 20px }
#event_media ul li { margin-bottom: 3%; color: #333; font-size: 1em; line-height: 1.5em }
#event_media .stu { font-weight: 700; color: #906; font-size: 1.1rem; display: block }
#event_media a { color: #333; font-weight: 700 }
#event_media li.more { text-align: right; margin-bottom: 0 }
/*課程*/
#event_course { width: 88%; margin: 2% auto }
#event_course h2 { color: #0071BA }
#event_course h2 strong { margin-right: 1% }
/*#event_course h2 span{font-size:1em}*/
#event_course table,#event_course th,#event_course td,.tablelist,.tablelist th,.tablelist td{border-collapse:collapse;border:1px solid #fc6}
#event_course table,
.tablelist { width: 100%; font-size: .95rem; line-height: 1.7em; color: #333; background: #FFF }
#event_course table th,
.tablelist tr:nth-of-type(1) th { background: #FC6; text-align: center }
.tablelist th { background: #ffecc6;     /*padding-left: 1rem;*/ }
#event_course table td,
.tablelist td { text-align: center }
.tablelist td:nth-of-type(3) { color: #FF0000 }
#event_course table a,
.tablelist a { font-size: .95rem; color: #333 }
#event_course table p,
.tablelist td p { margin-left: 1.5%; text-align: left }
#event_course table .title { background: #FFC; padding-left: 1%; font-weight: 700; text-align: left }
#event_course table .more { text-align: right; padding-right: 1% }
.sale { font-weight: 700; color: red; text-align: center; font-family: Verdana, Geneva, sans-serif }
.buybtn { width: 100%; margin: 1% auto 3%; text-align: center; font-size: 1.4em; line-height: 1.5em; font-weight: bold; color: #0072BC; }
.buybtn a { color: #F60 }
.ps { font-size: .85rem; margin: .5% auto 0 1% }
.ps a { color: #0072bc }
/*flashcar*/
#event_flashcar { width: 88%; padding: 1.5% 1%; margin: 3% auto; }
#event_flashcar a { color: #F60; }
#event_flashcar .flashcar { width: 92%; padding: 1.5% 4%; margin: 0 auto 5%; border-radius: 12px; background: #FFFCF0; border: 1px dotted #F99; text-align: center; }
ul.flashcar li { width: 24.5%; color: #0072BC; font-weight: 700; font-size: 1.4em; line-height: 1.55em; display: inline-block; text-align: center; }
ul.flashcar li:before { content: url(../images/0512050_buy.gif); margin-right: 3px; }
/*課連結*/
#event_classlink { width: 88%; margin: 3% auto }
#event_classlink ul { width: 94%; margin: 0 auto; padding: 1.5% 3%; background: #FFFCF0; border: 1px dotted #F99; border-radius: 12px }
#event_classlink ul li { font-size: 1.2em; line-height: 1.7em; color: #3f27b4 }
#event_classlink ul li a { color: #3f27b4 }
#event_menu { width: 190px; height: auto; font-weight: 400; right: 0%; bottom: 2%; position: fixed; text-align: left; z-index: 99; border-radius: 8px; background-color: #ffe0c3; padding: .5% 1% }
#event_menu p { font-size: 1rem; line-height: 1.8em; text-align: left; color: #932741 }
#event_menu a { color: #932741; text-decoration: none }
#event_menu a:hover,
#event_menu .top:hover { position: relative; top: 0; bottom: 1px; color: #000 }
#event_menu .top { cursor: pointer }
/*注意事項*/
#event_note { width: 70%; margin: 0 auto; text-align: left; margin: 0 auto; padding: 4% 0 }
#event_note p { font-size: .9em; line-height: 1.4em; color: #666 }
/*PC*/
@media all and (min-width:1201px) {
  #topbutton { display: none }
  #BodyContainer,
  #BodyContentEvent,
  #BodyFooter_rwd { width: 850px; background: #fff; }
  /*bodyHeader*/
  #BodyHeader #header-share { line-height: 2; font-size: 13px; color: #000 }
  #BodyHeader #header-share a { font-size: 13px; color: #000; text-decoration: underline }
  #BodyHeader_m { display: none }
  /*news*/
  #event_news { width: 100%; margin: auto; padding: 2% 0 3%; background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif }
  #event_news .NewsStyle_title { font-size: 1.2rem; }
  #event_news .NewsStyle { font-size: 1rem; color: #333; text-align: left; }
  #event_news .NewsStyle a { color: #333 }
  #event_news .NewsStyle a:hover { color: #666 }
  /* Footer */
  #BodyFooter_rwd { margin: 0 auto; color: #000; display: inline-block }
  #BodyFooter_rwd #footer_lineflashcar { width: 90%; margin: 2% 5%; float: left; text-align: center; border-top: thin solid #000 }
  #BodyFooter_rwd a { color: #000 }
  #BodyFooter_rwd #footer_inline ul { float: left; width: 100%; margin: 3% auto 0 }
  #BodyFooter_rwd #footer_inline ul li { display: inline; line-height: 2em; font-size: 1em; width: 100%; margin-right: 1% }
  #BodyFooter_rwd #footer_inline ul li img { width: 20%; height: auto; vertical-align: middle }
  #BodyFooter_rwd #footer_address { width: 100%; float: left; margin: 0 auto; text-align: center }
  #BodyFooter_rwd #footer_address ul { width: 100%; float: left; text-align: center }
  #BodyFooter_rwd #footer_address ul li { width: 100%; display: block; line-height: 2em; text-align: center; font-size: .8em }
  /* 舊版IE */
  #noie { background: #FFF; width: 100%; text-align: center }
}