/* 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: "Microsoft YaHei", Verdana,'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
/* .bgcolor1{background-color: #EBEBEB;}
.bgcolor2{background-color: #F6F6F6;}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;} */
.bg1 {background: url(../images/1301072_04.png) top fixed ,#cf0003;}
.flex{display: flex;flex-wrap: wrap;}
.w-full {width: 100%;}
.small {font-size: smaller;font-size: .8rem;}
.red {color: #cf0003;font-family: Verdana,"Microsoft JhengHei";font-weight: bold;}
.red_bg {background: #d10003; color: #ffffff;margin: 0.2rem;display: inline-block;font-size: 0.8em;border-radius: 6px;padding: 0 .3rem;line-height: 1.6;font-weight: normal;}
.sale {color: #ffc65a;font-family: Verdana,"Microsoft JhengHei";font-weight: bold;}
.info .red{font-size: 1.4rem;}
.green {color:green ;font-weight: bold;}
.text-center{text-align: center; margin-top: 0.5rem;}
.text-info {padding: 2%;color: beige;}
.text-info ul{list-style: none;}
.text-info ul li a{text-decoration: underline;}
.text-info ul ul{margin-top: 0.3rem;padding-left: 2rem;list-style: disc;}
h1{font-size: 3rem;}
h2{font-size: 2.3rem;}
h3{font-size: 2.1rem;}
small{font-size: 0.9rem;}
.small2{font-size: 1rem;}
caption,h5{text-align: center;margin: auto;border-radius: 0rem;border-bottom: 3px solid #cf0003;background: linear-gradient(95deg,#c4925300 0%,#c49253 7%, #e3b882 25%, #ffe9cc 70%, #c49253 93%,#c4925300 100%);}
caption,h5>span{font-family: 'Noto Serif TC', serif;font-weight: 900;line-height: 1.6;font-size: 3.5rem;color: #1f8485;position: relative;}
caption,h5>span::before{content: "◆◆◆";position: absolute;left: -4rem;font-size: 1.0rem;top: 40%;}
caption,h5>span::after{content: "◆◆◆";position: absolute;right: -4rem;font-size: 1.0rem;top: 40%;}
nav{font-size: 1.2rem;padding: 2%}
nav a{box-shadow: 3px 3px 5px #00000062;font-weight: bold;background: #c70002;color: #fff8e6;padding: 0.1rem 1rem 0.3rem;font-size: 1.3rem;border-radius: 50rem;margin: 1%;border: 3px solid #fee49a;text-decoration: none;display: inline-block;}
.info{text-align: center;padding: 1rem 0 0 0;font-size: 2.0rem;color: #f5e7cc;font-family: 'Noto Serif TC', serif;font-weight: 600;}
.info b{font-size: 2.3rem;color: #ffc65a;}

/* Event內容頁開始 */
.body_bg{background: #e9e6e6;background-size: 100%;}
.banner{justify-content: center;align-items: center;}
.banner img{width: 100%;}
.align{margin-left:11.0rem ;}

/*tab內容*/
h4{font-size: 2.5rem;color: #734702;font-family: DFMingXBold-B5 , MStiffHeiHK , sans-serif;padding: 0 0 0 .8rem;}
.group_box{display: flex;flex-direction: row;justify-content: center;}
.group{padding: 1% 0;display: flex;flex-direction: row;align-items: flex-start;}
.group dd{padding-left:1.0rem;line-height: 2.0rem;}
.group dd:before{content: "．"}
.group dt{font-size: 1.4rem;text-align: center;font-weight: 700;width: 130px;height: 130px;padding: 5px;border: 5px solid #f4deba;color: #734702;background: linear-gradient(-40deg,#c78e32 5%,#fff4e0 50%,#c78822 100%);border-radius: 50rem;display: flex;flex-direction: column;justify-content: center;}
.flex>div{width: calc(100%/2 - 2px);border-right: solid 3px #db6f61;}
.flex2>div{width: 75%;border-right: none;}
.flex>div:nth-of-type(2){border-right: none;}
.book_box:nth-last-child(1){border-right: solid 0px #db6f61;}
.group_info{text-align: center;padding: 1rem 0 0 0;font-size: 2.0rem;color: #f5e7cc;font-family: 'Noto Serif TC', serif;font-weight: 600;border-bottom: dotted 4px #fce3c3;}
.group_info2{text-align: center;font-size: 1.6rem;color: #f5e7cc;font-family: 'Noto Serif TC', serif;font-weight: 600;border-bottom: dotted 1px #fce3c3;background-color: #ffc65a54;margin-bottom: 0.5rem;}
.group_info2 b{font-size: 2.3rem;color: #ffc65a;}
.group a{text-decoration: underline}
.group a i{color: #484848;    padding: 4px;
    background-color: #ffffff;
    margin: auto 0 auto auto;
    border-radius: 50%;margin-left: 5px;margin-right: 2px}

/*Tab*/
.Vuecontainer {padding: 3% 0;}
.Vuetabs {}
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}
.Vuetabs a{cursor: pointer;color: #bb0009cb;font-weight: bold;border-radius: 1rem 1rem 0 0;padding: 0.5rem 5rem;border: 3px solid #ffeecf;border-bottom: 2px solid #e3ae4b;transition: 0.2s;border-right: none;background-color: #fff2d9;font-size: 1.5rem;/*width: calc(100%/3 - 3px)*/    margin-right: .3%;}
.Vuetabs a:last-child {border-right: 1px solid rgb(255, 255, 255);border: 2px solid #ffeecf;border-bottom: 2px solid #e3ae4b;}
.Vuetabs a:hover {background-color: #d49012; color: #fff;}
.Vuetabs a.active {background-color: #9d0008;color: #ffffff;font-weight: bold;border-bottom: 2px solid #c70002;cursor: default;border-radius: 1rem 1rem 0 0;}
.tabVuecontent { padding: 1rem;border: 2px solid #e3ae4b;border-radius: 0 1rem 1rem 1rem;background: #f5e7cce0;/*box-shadow: 3px 3px 6px #e1e1e1;*/}
.tabVuecontent>div{justify-content: space-between;}
.fade-enter-active, .fade-leave-active {transition: opacity .3s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0.15s;}

/*書單*/
.testplan{margin: 2% 0 0 0 }
.test_tb, .test_tb th, .test_tb td {margin-top: 1rem;line-height: 2.5rem;border: 1px solid #d39e3b;border-collapse: collapse;text-align: center;background: #f5e7ccab;}
.test_tb tr:nth-child(-n+7):nth-child(n+3){background-color: #ffffffed;}
.test_tb p{font-weight: 700;color: #734702;font-size: 1.1rem;}
.test_tb th{font-weight: 700;font-size: 1.2rem;background: #1f8485;color: #fffce8;}

/*轉職證照*/
.license{margin: 2% 0 0 0 }
.license dt{font-size: 1.4rem;font-weight: 700;color: #724400;padding: 5px;margin: 0.2rem;text-align:center; width: 170px;border: 3px solid #f4deba;border-radius: 50rem;background: linear-gradient(-40deg,#e4c086 5%,#ffeecf 50%,#cea563 100%);    align-content: center;    justify-content: center;}
.license dd{vertical-align: middle;align-items: center;padding: 0.5rem;color: beige;font-size: 1.4rem;}
.license dl ul{margin-left: 3%}
.license dl{padding: .5rem 0;border-bottom: dotted 1px #f5dcb3;align-items: center;}

/*福袋*/
.bag{margin: 2% 0 0 0;}
.bag_box{background: linear-gradient(180deg,#ffffff 5%,#ffffffd9 70%, #fde5c6bf 95%);margin: 2% auto;border-radius: 2rem;padding: 1rem;}
.bag_box:nth-of-type(1){width: 52%;}
.bag_box:nth-of-type(2){width: 48%;}
.bag_box ul{margin: 0 auto;padding: 2% 5%;font-size: 1.2rem;color: #9d5f11;}
.bag_box div{color: #9d5f11;}
.bag_box:nth-of-type(2) ul li{width: 50%;}
.bag_box_H{font-size: 2.4rem;color: #c70003;font-weight: bold;text-align: center;display: flex;justify-content: center;align-items: center;}
.bag_box ul li{list-style: disc;}
.bag_box a{text-decoration: underline;}

/*微課*/
.course{margin: 2% 0 0 0 }
.showlist{margin: 2% 0 0 0 }
.show_tb, .show_tb th, .show_tb td {line-height: 2.5rem;border: 1px solid #d39e3b;border-collapse: collapse;text-align: center;background: #f5e7cc;}
.show_tb th{background: #770002;color: #fffce8;font-size: 1.2rem;}
.show_tb p{font-weight: 700;color: #734702;font-size: 1.1rem;}
.show_tb td:last-child{color: #df0400;font-weight: bold;}
.show_tb td a{color: #000000;}
/* .show_tb tr:nth-child(2),.show_tb tr:nth-child(3),.show_tb tr:nth-child(4),.show_tb tr:nth-child(5),.show_tb tr:nth-child(6),.show_tb tr:nth-child(7),.show_tb tr:nth-child(8),.show_tb tr:nth-child(14),.show_tb tr:nth-child(15),.show_tb tr:nth-child(16),.show_tb tr:nth-child(20),.show_tb tr:nth-child(23),.show_tb tr:nth-child(24){background-color: #f5e7ccab;} */
/*#show {display: none;} 上線再開*/

.info a{color: #ffad47;font-weight: bold;}

/*書*/
.books{margin: 2% 0 0 0 }
.books dt{font-weight: 700;margin-right: 1%;font-size: 1.3rem;line-height: 2rem;font-weight: 700;color: #724400;padding: 5px;margin: 0.2rem;text-align: center;width: 150px;border: 3px solid #f4deba;border-radius: 50rem;background: linear-gradient(-40deg,#e4c086 5%,#ffeecf 50%,#cea563 100%);}
.books dd{justify-content: flex-start;}
.books dd a{padding-left: 0.5rem;color: beige;font-size: 1.3rem;font-weight: bold;}
.book_box .flex{margin: 0 auto;align-items: center;}
.book_box .flex:nth-of-type(1){justify-content: flex-start;margin: 0.3rem 0;}
.contact{font-size: 1.25rem;padding: 0 0 2rem 0;color: #f9b9b0;}
.contact a{color: #f9b9b0;font-weight: bold;}
.book_list{margin: 0 0 0.5% 0%;font-size: 1.3rem;background: linear-gradient(180deg,#ffffff 5%,#ffffffd9 70%, #fde5c6bf 95%);padding: 1.6rem 1rem;text-align: center;}
.book_list h1{font-size: 1.6rem;color: #c70003;font-weight: bold;text-align: center;}
.book_box li{width: calc(100%/4 - 4px);list-style: none;}
.book_box mark{font-size: 1.5rem;color: #fff;background-color:#c70003;padding: 0 0.8rem;margin-right: 0.5rem;border-radius: 0.7rem 0; }

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