/* css reset 歸0 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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%;
    line-height: 1.5em
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* css reset 歸0 end */
body * {
    font-family: 'Noto Sans TC', sans-serif;
    line-height: 1.7;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

ul, li, h1, h2, h3, dd, dl, p {
    margin: 0;
    padding: 0;
}

ul, li, ol {
    list-style-type: none;
}
.bg_padding {padding: 1%;}
.bgcolor1 {position: relative;background: linear-gradient(to bottom, #e5dddd 30%, #d5d3bc 70%, #dfd9d1 100%);z-index: 0;overflow: hidden;}
.bgcolor1::before {position: absolute;content: '';background: url("../images/1407035_bg1.png") center top / cover no-repeat;inset: 0;z-index: -1;opacity: 0.4;}
.bgcolor2 {background-color: #F6F6F6;padding: 2rem 0;}
.bgcolor3 {background-color: #EBEBEB;}
.bgcolor4 {background-color: #F6F6F6;}
.bgcolor5 {background-color: #EBEBEB;}

/*所有元素漸變0.5秒*/

* {transition: all .5s;}

#event_master * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:root { --green_blue: #6d631e; --orange: #ef7903; --blue: #015281; --white1: #e7e5d9; --bg1: #d5d3bc; --dark_orange: #eb543f; }
.title { font-size: clamp(1.3rem, 3vw, 3rem); text-align: center; margin: 1rem 0; color: var(--green_blue); }
.title span {
    display: inline-block; padding: 0 3rem 0 1rem; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    margin-right: 0.5rem; color: var(--white1); background: var(--blue);
}
.subtitle { font-size: clamp(1.3rem, 3vw, 1.9rem); padding: .4rem 0 .4rem 2rem; }
.cross { margin-inline: clamp(2rem, 3vw, 5rem); font-size: clamp(1rem, 3vw, 1.1rem); text-align: justify; align-items: start; }
.cross strong { color: var(--blue); }
.cross dl { padding: 1.3rem 1.5rem; border: solid 1px var(--orange); background: white; }
.cross .law dl { border: solid 1px var(--blue); }
.cross dt { color: var(--dark_orange); font-size: clamp(1.15rem, 3vw, 1.3rem); }
.cross dd { margin-left: 1.5rem; }
.cross ul li { list-style-type: disc; margin-left: 1.5em; }
.cross_detail{margin: clamp(1.3rem, 3vw, 1.9rem);text-align: center;border-radius:30px;}
.cross_detail dt{font-size: clamp(1.2rem, 3vw, 1.5rem);padding-bottom: 0.4rem;margin-bottom: 0.8rem;border-bottom: solid 1px;color: inherit }
.cross_detail ul.cross_detail_list li{width:calc(100% / 2.1 - 10px);text-align: left;margin-bottom: 0.3rem;line-height: 1.85;}
.cross_detail ul.cross_detail_list span{display: inline-block;border: var(--blue) solid 2px;border-radius: 6px;margin: 0 .25rem;padding: 0 .2rem;}
.cross_detail ul.cross_detail_list span:nth-child(even){border: var(--orange) solid 2px;}
.cross_detail br{display: none;}
.cross_detail_text{color: var(--dark_orange);font-size: clamp(1.1rem, 3vw, 1.4rem);}
.expand { padding: 2.5rem 1rem; }
.experience, .course, .discount { padding: 3rem 5rem;font-size: 1rem; }
.cpa .subtitle { color: white; background: var(--orange); }
:is(.cpa, .law) .subtitle span {
    font-size: clamp(1.6rem, 3vw, 2.8rem); margin-right: 0.4rem;
    font-weight: bold; font-family: micosoft yahei, sans-serif;
}
.cpa, .law { width: min(100%, 690px); }
.law .subtitle { color: white; background: var(--blue); }
.law li:nth-child(1) { margin-bottom: 1rem; }
:is(.experience, .discount) .title { color: var(--blue); }
:is(.experience, .discount) .title span { background: var(--orange); color: white }
.video_box { padding: 1rem; border-radius: 30px; border: 1px solid #ccc; background: white; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.video_box iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 20px; }
.video_list{gap: 1rem;}
.text_list {
    text-align: justify; width: 82%; font-size: clamp(1rem, 3vw, 1.2rem); margin: 2rem auto 0; padding: 1rem; background: white;
    border: solid 2px var(--orange); border-radius: 20px; align-items: center;
}
.text_list dl { width: 86%; }
.text_list dt { font-weight: 900; color: var(--orange); }
.text_list dd { color: var(--green_blue); }
.more { margin: 1rem 0; }
.more a {
    color: white; font-size: clamp(1.2rem, 3vw, 1.5rem); display: inline-block; padding: 0 1.5rem; border-radius: 30px;
    background-color: var(--blue); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.learn-tool { padding: 0 10px; }
.learn-tool dl { text-align: center; padding: 1rem 0 .5rem; border-radius: 10px 10px 0 0; }
.learn-tool dl.bgcolor9 { padding: 1.2rem 0 .5rem; }
.learn-tool dt { font-size: clamp(1.35rem, 3vw, 1.8rem); color: #FFF;}
.learn-tool dt img { width: min(100%, 180px);margin: 0 auto .4rem; }
.learn-tool dd { color: white; font-size: clamp(1rem, 3vw, 1.1rem); }
.learn-tool .bgcolor9 dd { color: var(--blue); }
.learn-tool figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.learn-guide { padding: 0.5rem 0 .5rem 1rem; background-color: rgb(255, 246, 246); border-radius: 0 0 10px 10px; }
.discount { font-size: 1.2rem; }
.identity, .date { font-size: clamp(1rem, 4vw, 1.7rem); color: var(--blue); }
.identity span { background-color: orange; margin: 0 .2rem; padding: 0 .5rem; color: black }
.fa_bg1 { background-color: rgb(255, 67, 17); }
.bgcolor6 { background-color: rgb(240, 155, 26); }
.bgcolor8 { background-color: #4BAF4F; }
.bgcolor9 { background-color: white; }
.learn-guide a { position: relative; color: var(--blue); }
.learn-guide a::before { content: '\f144'; font-family: "Font Awesome 5 Free"; font-weight: bold; position: absolute; color: var(--orange); left: -1.2rem; }
.date span { color: red; } .discount_info { width: fit-content; align-items: center; margin: auto; }
.discount_info>span { font-size: clamp(3.5rem, 6vw, 7rem); color: orange; margin: -2rem 1rem 0; }
.discount_content{padding: 1rem 0;}
.discount table { width: 90%; border-collapse: collapse; border: var(--blue) solid 1px; background: white; margin: auto; }
.discount table th, .discount table td { border: var(--blue) solid 1px; }
.discount table th { background: var(--blue); color: white;letter-spacing: .1rem; }
.discount .price { color: red; margin: 0 .2rem; }


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

/*站內原有樣式*/
body {margin: 0;padding: 0;background-color: #edece7;}
#BodyContent {width: min(100%, 1620px);padding: 0;margin: 0 auto;}
#BodyContainer_event { width: 100%;margin: 0;}
#BodyHeader_event_rwd, #topli {display: none;}
/*資料集中1200px寬外框*/
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {margin: 0 auto;display: inline-block;width: 100%;padding: 0;text-align: center;}

#Master_title {display: block;}

/*主圖位置ID*/

/*瀏覽器相容性通知*/
#noie {
    color: #FFF;
    width: 100%;
    height: 60px;
    text-align: center;
    border: 1px solid #006699;
    background-color: #3399CC;
    _z-index: 9999;
    z-index: 9999;
    position: fixed;
    _top: expression(documentElement.scrollTop+"px");
    /*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
    left: 0;
    top: 0;
}

#noie a {
    color: #FC0;
}

.hottxt {
    color: #ffd942;
    font-size: 13px;
}

/* bodyHeader */
#BodyHeader_rwd, #Bodymenunav {
    display: none;
}

html body :is(#BodyHeader #header-share, #askarea_out) {width: 1620px;}

#BodyHeader_event, #header-share { width: 100%; margin: 0 auto; text-align: center; font-size: 1.1em; line-height: 1.8em; background-color: #FFF; }
#BodyHeader_event a, #BodyHeader_event #header-share { font-size: 1.1em; } #BodyHeader_event #header-share { margin: 0 auto; background-color: #FFF; }
#BodyHeader_event #header-share img { margin-bottom: 5px; display: inline; }
#header-share a { color: #333; }
#header-share a:hover { color: #666; /position: relative;top: 2px;bottom: 2px;/ }

/*ask*/
#askarea SELECT { color: black; background-color: white; }
#askarea_out { background-color: #339966; }
#askarea { width: auto; margin: 0 auto; padding: 1rem 5rem; text-align: left; }
#askarea .asktitle { color: white; text-align: center; font-size: 1.4rem; }
#formlist p { margin: .6rem auto; } #formlist SELECT, #formlist input { border-radius: 0.3rem; background-color: #FFF; border: #FFF; padding: 0.25rem; }
#formlist input[name="sContent"] { width: 80%; } #formlist label { display: block; margin: 1rem 0; color: white; font-size: 1.2rem; }
#formlist img { display: inline-block; }
#formlist input { color: #A1A1A1; }
#formlist input[type="submit"], #formlist input[type="reset"] { background-color: #eb543f; color: white; } label>select { margin: 0 1rem; }
#formlist { justify-content: space-around; }

/* Footer */
#BodyFooter_rwd, #footer_inline ul, #footer_inline ul li, #footer_address, #footer_address ul, #footer_address ul li { width: 100%; }
#BodyFooter_rwd { float: left; background-color: #FFF; }
#BodyFooter_rwd a:hover { text-decoration: none; }
#BodyFooter_rwd #footer_line { width: 90%; height: auto; margin: 1% 5%; display: block; float: left; text-align: center; border-top: thin solid #999; }
#BodyFooter_rwd #footer_inline a { color: #000; font-size: 1em; }
#BodyFooter_rwd #footer_inline ul { float: left; padding: 0; margin: 3% auto 0% auto; }
#BodyFooter_rwd #footer_inline ul li { display: inline; line-height: 2em; font-size: 1em; clear: both; margin-right: 0.5em; }
#BodyFooter_rwd #footer_inline ul li img { width: 10%; height: auto; vertical-align: middle; display: inline; }
#BodyFooter_rwd #footer_address { margin: 0% auto auto auto; text-align: center; }
#BodyFooter_rwd #footer_address a { color: #000; }
#BodyFooter_rwd #footer_address ul { padding: 0; margin-bottom: 1%; text-align: center; }
#BodyFooter_rwd #footer_address ul li { margin-right: 0; line-height: 2em; text-align: center; font-size: 1em; list-style-type: none; display: inline-block; }
.LINE, .FB { width: 50% !important }

/* Footer end */


@media all and (min-width: 1px) and (max-width: 1200px) {
    /*修正獨立event選單click按鈕大小*/
    /* .st-content img{
    width: unset!important;
    height:unset!important;
    }  */

    .feature_group { width: calc(100%/1); }
    .books>div:nth-child(1), .books>div:nth-child(2) { display: none; }
    #BodyHeader_event, .hottxt, #noie { display: none; }
    #BodyContent { width: 100%; padding: 0; }
    #BodyContainer_event { width: 100%; }
    #BodyHeader_event_rwd { text-align: center; width: 100%; height: auto; margin: 0 auto; background-color: #FFF; position: fixed; top: 0; float: left; z-index: 9; display: initial; }
    #BodyHeader_rwd, #Bodymenunav { display: block; }
    #BodyHeader_event_rwd img { height: auto; margin: 2.5% auto; }
    @media screen and (orientation:portrait) { #BodyHeader_event_rwd img { max-width: 50%; } }
    @media screen and (orientation:landscape) { #BodyHeader_event_rwd img { max-width: 25%; } }
    #Master_title { display: block; }
    @media all and (orientation : portrait) { #Master_title { margin-top: 15%; } }
    @media screen and (orientation:landscape) { #Master_title { margin-top: 10%; } }
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth { margin: 0 auto; display: inline-block; width: 100%; }    
    #askarea { padding: 0.8rem; }
    #askarea .asktitle { font-size: 1.1rem; }
    #askarea .asktitle>p { line-height: 2.2rem; }
    #formlist { margin: 0 auto; }
    #formlist label { font-size: 1.0rem; }
    #formlist input[name="sContent"], #formlist label, #formlist SELECT, #formlist input { width: 100%; margin: 0.25rem 0; }
    #formlist input[type="submit"], #formlist input[type="reset"] { width: calc(100%/4.5); }
    #topli, #topli a { color: #fff; text-decoration: none; }
    #topli { width: 50px; height: 50px; text-align: center; border-radius: 9999em; background-color: #000; opacity: .4; position: fixed; line-height: 50px; font-size: 15px; display: initial; }
    @media screen and (orientation:portrait) { #topli { right: 1%; bottom: 8%; } }
    @media screen and (orientation:landscape) { #topli { right: 1%; bottom: 15.8%; } }

    /* Footer */
    #BodyFooter_rwd, #footer_line, #footer_inline ul, #footer_inline ul li, #footer_address, #footer_address ul, #footer_address ul li { width: 100%; float: left; }
    #BodyFooter_rwd { background-color: #FFF; margin-top: 5%; }
    #BodyFooter_rwd #footer_line { margin: 5% auto 3%; display: block; height: auto; text-align: center; border-top: thin solid #999 }
    #BodyFooter_rwd #footer_inline a { color: #000; line-height: 2em; }
    #BodyFooter_rwd #footer_inline ul { padding: 0; margin-bottom: 1%; text-align: center }
    #BodyFooter_rwd #footer_inline ul li img { width: 40%; height: auto; margin-bottom: 2%; margin: 0 auto; }
    #BodyFooter_rwd #footer_inline ul li { display: inline-block; margin-right: auto; line-height: 2em; font-size: 1em; clear: both }
    #BodyFooter_rwd #footer_address { margin: 0% auto auto auto; text-align: center; }
    #BodyFooter_rwd #footer_address a { color: #000; line-height: 2em; }
    #BodyFooter_rwd #footer_address ul { padding: 0; text-align: center; margin-bottom: 1%; clear: both }
    #BodyFooter_rwd #footer_address ul li { display: block; line-height: 2em; text-align: center; font-size: .8em }
    /* Footer end */
}

@media (max-width: 1200px) {:is(.cpa, .law)::before{display: none;}.cross_detail br{display: block;}}

@media all and (min-width: 768px) and (max-width: 1501px) {
    .cpa, .law{max-width: 800px;width: calc(100%/2.05 - 4px);}
    :is(.cpa, .law)::before{display: none;}
    .text_list{width: 96%;padding: 2rem;}
    .text_list div{width: 13%;}
    .text_list dl{width: ;}
    .experience, .course, .discount { padding: 3rem 0; }
    .learn-tool{padding: 0 2px;}
}

@media(max-width:767px) {
    .expand{padding: 2rem 1rem;}
    .cross {margin: auto;}
    .cross_detail ul.cross_detail_list li{width: 100%;}    
    .experience, .course, .discount {padding: 3rem 0rem;}
    .discount_info>span {margin: -2rem auto 0;}
    @media screen and (max-width: 360px) {.discount_info>span {display: none;}}
    .title span{display:block;width:fit-content;margin:auto}
    .subtitle{padding: 1rem;}
    .video_box{margin:1rem auto}
    .learn-tool{padding:0}
    .text_list{width:inherit;gap:1rem;padding: 2rem 1rem;}
    .LINE,.FB{width:100%!important}
    html body :is(#BodyHeader #header-share, #askarea_out){width: 100%;}
}