/* 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 JhengHei"}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{
    width:100%;margin:0 auto;
    background: rgb(255,246,124); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,246,124,1) 4%, rgba(244,241,227,1) 30%, rgba(255,255,255,1) 52%, rgba(244,241,227,1) 84%, rgba(255,246,124,1) 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,246,124,1) 4%,rgba(244,241,227,1) 30%,rgba(255,255,255,1) 52%,rgba(244,241,227,1) 84%,rgba(255,246,124,1) 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,246,124,1) 4%,rgba(244,241,227,1) 30%,rgba(255,255,255,1) 52%,rgba(244,241,227,1) 84%,rgba(255,246,124,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff67c', endColorstr='#fff67c',GradientType=0 ); /* IE6-9 */
}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block}
h3, h2{font-size: 2.2em;line-height: 1.5em;font-family: microsoft yahei;}
.fa,.fas{margin-right: 1.5%;}
/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}
#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}
#back-top a:hover{color:#000}
#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}
#back-top a:hover span{background-color:#777}/*Back to top button-end */
/*右邊小連結*/
/*.right_btn{position: fixed;bottom: 135px;right:0;z-index: 90;}
.right_btn a{width: 158px;height: 74px;display: block;transition: 1s;}*/

/* 主圖 */
#event_master{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
section:nth-of-type(2),section:nth-of-type(3),section:nth-of-type(5){border-bottom:1px dotted #eaa04e;}
section:nth-of-type(3) p a{color:#009688;}
#event_master h1{font-size: 2.5em;}
#event_master h3{color: #0756B7;font-weight: bold;text-align: center;    margin: 2% auto 3%}
#event_master h3 a{color: #0756B7;    line-height: 3.5rem;}
#event_master img{width: 100%;}
#event_master ul{
    font-size: 1.5em;
    list-style: none;
    width: 85%;
    height: 550px;
    margin: 2% 0 1% 15%;
    display: flex;
    position: relative;
    animation: move 0.7s ease-in-out alternate infinite;
}
#event_master ul li a{margin: 0 1%;display: block;border-radius:50%;width: 16%;height: 72px;padding-top: 5%;text-align: center;vertical-align: middle;position: absolute;content: "";z-index: 0;color: #fff;filter: drop-shadow(2px 4px 3px #999);animation: all 1s linear alternate;}
@keyframes move{0%{top:0;}100%{top:1%;}}
#event_master ul li a:hover{left: inherit;top:inherit;position: absolute;transform: scale(1.1);}
#event_master ul li:nth-of-type(1) a{background: #FA98BF;bottom:24%;left:-4%;}
#event_master ul li a:before{position: absolute;content: "";z-index: -1;}
#event_master ul li:nth-of-type(1) a:before{
    width: 0;
    height: 0;
    right:-80px;
    top:46%; 
    border-style: solid;
    border-width: 15px 0 0 90px;
    border-color: transparent transparent transparent #fa98bf;
}
#event_master ul li:nth-of-type(2) a{background: #A5CC58;bottom: 8%;left:9%;}
#event_master ul li:nth-of-type(2) a:before{
    width: 0;
    height: 0;
    right:-15px;
    top:8%;
    transform: rotate(-25deg);
    border-style: solid;
    border-width: 10px 0 10px 40px;
    border-color: transparent transparent transparent #a5cc58;
}
#event_master ul li:nth-of-type(3) a:before{
    width: 0;
    height: 0;
    top:15%;left:-60px;
    border-style: solid;
    transform: rotate(-5deg);
    border-width: 10px 90px 10px 0;
    border-color: transparent #79aada transparent transparent;
}
#event_master ul li:nth-of-type(4) a:before{
    width: 0;
    height: 0;
    top:-42px;left:10%;
    border-style: solid;
    border-width: 0 10px 60px 10px;
    border-color: transparent transparent #f28c0f transparent;
    transform: rotate(-25deg);
}
#event_master ul li:nth-of-type(3) a{background: #79A9DA;bottom: 16%;right:25%;padding-top: 3%;height: 88px;}
#event_master ul li:nth-of-type(4) a{background: #F28B0F;bottom: 24%;right:8%;padding-top: 3%;height: 88px;}
.banner{display: inline-block;width: 100%;height: 550px;position: relative;background-image: url(../images/0805047_1.png);background-repeat: no-repeat; background-size: 100% auto;}
.banner_title{position: absolute;content: "";width: 431px;height: 228px;top:3.5%;left: 9%;}

/* 資格+科目+經驗談 */
#event_sec, #event_third, #event_fourth{
    width: 90%;
    margin: 0;
    padding: 0 5% 5%;
}

#event_sec h3, #event_third h3{
    font-size: 1.2em;
    font-weight: bold;
    color: #0756b7;
}
#event_sec h2, #event_sec h3, #event_third h2, #event_third h3, #event_fourth h2{
    padding: 0 15px;
}

#event_sec h2{color: #fe2179;}

#event_sec #news_info{
    margin: 0px;
    padding: 2% 3% 0% 3%;
}
#event_sec #news_info p{
    display: -webkit-box;
    line-height: 1.6em;
    text-align: justify;
}
#event_sec #news_info p a{color: #4951b8;}
#event_sec #news_info .news_title {
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.6em;
    color: #fe6e21;
    font-family: microsoft yahei;
}
.news_txt{color: #4951b8;font-weight: bold;font-size: 1.2em;}
#event_sec #news_info .news_from {
    font-size: 0.9em;
    text-align: right;
}
#event_sec #news_info .news_from a{
    color: #000;
    font-weight: bold;
}
#event_sec #news_info .news_txt a{
    color: #000;
}

/* 科目 */
#event_third h2{color: #009688;}
#event_third p{text-align: right;}
#event_third #css_table{
    display: table;
    margin: 0 2%;
    border-collapse:collapse;line-height: 1.6em;    
}
#event_third .css_tr{
    display: table-row;background-color: white;
}
#event_third .css_tr:nth-of-type(odd){background-color: #f6f6f6;}
#event_third .css_th{
    font-weight: bold;
    display: table-cell;
    border:1px solid #8c8787;
    text-align: center;
    background-color: #ffca8f;
}
#event_third .css_td{
    display: table-cell;
    border:1px solid #8c8787;
    vertical-align: middle;
    padding: 2px 5px;
}
#event_third .css_td span a{
	font-size:0.85rem;
	background-color:#fff178;
	color:#000;
	padding:0 3%;
	text-decoration:none;
}

#event_third .item{width: 76%;}
#event_fourth h2{color: #BC002D;}

/* 自由度*/
#event_free{
    width: 90%;
    margin: 0;
    padding: 3% 5%;
}
#event_free h2{color: #3f51b5;}
#event_free p{font-size: 1.2em;margin: 2% 0;}
#event_free .mag{
    padding: 2%;
    border: 4px solid #e3d6ad;
    border-radius: 25px;background-color: #fff5e1;
}
#event_free .mag span{display: block;text-align: right;}
#event_free .mag a{color: #3F51B5;}
#news_info img{
    width:26%;
    box-shadow:5px 5px 5px #999;
    margin-right:1.5em;
    float: left;
    margin-bottom:2%;
}

/* 課程內容*/
#event_class{
    width: 90%;
    margin: 0;
    padding: 3% 5%;
}
#event_class > div:nth-of-type(1){display: flex;}
#event_class > div:nth-of-type(1) > div{flex-direction: column;line-height: 2.9em;margin: 4% 0;}
#event_class img{margin: auto;margin-top: -2%;}
#event_class h2{color: #ff5722;}
#event_class h3{
    font-size:1.8em;
    color: #0756B7;
    font-weight: bold;
}
#event_class h4{
    font-size: 1.3em;
    color:#cc3333;
    font-weight: bold;
}
#event_class span{
    font-size: 0.8em;
}
#event_class div{
    margin: 0% 3%;
    line-height: 1.5em;
}
#event_class p{
    width: auto;
}
#event_class ul{
    display: inline;
}
#event_class #css_table{
    display: table;
    margin: 0 2%;
    border-collapse:collapse;    
}
#event_class .css_tr{
    display: table-row;
}
#event_class .css_td{
    display: table-cell;
    border:1px solid #8c8787;
    vertical-align: middle;
    padding: 2px 5px;
}
#event_class .info{
    width: 20%;background-color: #ffca8f;text-align:center;
}
#event_class #buy {
    margin: 2% 0;
    font-size: 1.3em;
    line-height: 1.2em;
    text-align: center;
}
#event_class #buy a {
    color: #fff;
    font-size: 0.8em;
    padding: 0.3em 0.7em;
    margin: 0.3em;
    background-color: #d27f00;
    border-radius: 2em;
}
#event_class #more{
    margin: 5% 0;
    line-height: 1.2em;
    text-align: center;
}
#event_class a{
    width: 80%;
}
#event_class a.exp, #event_class a.board{
    text-decoration:none;
    padding: 0.3em 0.7em;
    margin: 0.3em;
    color:#fff;
    border-radius: 2em;
}
#event_class .exp{
    background-color: #3faae0;
}
#event_class .board{
    background-color: #9d63b7;
}

/* 經驗談 */
#event_fourth div{
    margin: 1% 2% 0;
    line-height: 1.5em;
    padding: 2%;
    background-color: rgba(255,255,255,.5);
}
#event_fourth div:nth-of-type(even){box-shadow: 2px 2px 3px #b4b4b4;z-index: 1;}
#event_fourth div:nth-of-type(odd){z-index: 0;box-shadow: 2px 2px 6px #b4b4b4;}
#event_fourth p{
    font-size: 1.2em;
    font-weight: bold;
    color: #ff6600;
}
#event_fourth span a{
    color: #000;
    font-weight: bold;
    padding-right: 0.1em;
}
#event_fourth span a:hover{
    background-color: #ffff00;
}

@media (max-width:767px){
    h3,h2{font-size: 1.3em;}
    #event img{width:100%;}
    #news_info img{display: block;float: none;}
    #event_sec, #event_third, #event_fourth{width: 94%;padding: 5% 3%;}
    #event_master img{width: 62%!important;}
    #event_master ul{height: auto;padding-bottom: 66%;font-size: 1.2rem;}
    #event_master ul li a{border-radius: 16px;height: auto!important;padding: 3% 0;}
    #event_master ul li:nth-of-type(1) a{left:-8%;bottom: 27%;}
    #event_master ul li:nth-of-type(2) a{bottom: 5%;}
    .banner{height: auto;}
    .banner_title{width: auto;height: auto;top:1%;}
    #event_sec #news_info .news_title,.news_txt{font-size: 1.1em;}
    #event_class > div:nth-of-type(1){display: inline-block;}
    #event_class h3,#event_class h4{font-size: 1.2rem;line-height: 1.5em;}
    #event_class #buy a,#event_class #more a{display: block;margin:2% auto;}
    .right_btn{content:"施敏稅會通專欄";left:0;bottom: 0;background-color:rgba(254, 87, 34, 0.4);width:90%;padding:2% 5% 0;}
    .right_btn a{transition:none;margin: auto;height: 74px;}
}