:root {
    --rose: #cd5056;
    --blood: #ac2d1f;
    --sea: #395c8a;
    --sky:#52a5c7;
    --indigo: #14394d;
    --brown: #b67a1a;
    --pink: #fff2f0;
    --peony: #f0f0f7;
}
.font-brown{color: var(--brown);}
.border-brown{border:1px var(--brown) dotted;padding: 0 .8rem .15rem;border-radius: 1rem;margin: 0 .5rem 0 0;}
.bg_blood{background: linear-gradient(15deg, #9e2924, #c33a24,#9e2924);}
.bg_indigo{background: linear-gradient(15deg, #37567c, #4e74a3,#37567c);}
.bg_brown{background: linear-gradient(15deg,#b67a1a, #d89b45,#b67a1a);}
.bg-sea{background: linear-gradient(15deg, #def9fb, #f9ffff,#def9fb);}
.bg-gold {background:linear-gradient(20deg, #fff3dc, #fffef9,#fff3dc);border-top: 3px dotted #fff;border-bottom: 3px dotted #fff;}
.bg-orange {background: linear-gradient(10deg, #ffe7dd, #fffbf9, #ffe7dd);}
.bg-peony {background:linear-gradient(180deg, #ffeee7 30%, #ecfdff 80%,#a5d3e3 90%,#77c2ef 100%);}
.bg-white-skin {background: linear-gradient(to right, white 0%, #FDF9ED 100%);}
.font-family-dfkai{font-family:DFKai-sb}
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {padding: 2rem;margin: auto;}
/* 封神文昌君 */
.banner{display: block;width: 100%;}
.banner img{width: 100%;}
.banner_m , .banner_ipad{display: none;}
/* .blog_banner {background-image: url(../images/.png);background-position: right;background-repeat: no-repeat;background-size: auto 285px;height: 285px;text-align: left;padding: 3rem 0 0;} */
.blog_title {font-size: 6rem;font-family: 'Noto Serif TC', serif;line-height: 6rem;text-align: center;margin: auto;width: fit-content;text-align: right;letter-spacing: 0.5rem;}
.blog_title > div {font-size: 4rem;line-height: 4rem;}
.blog_title span {font-size: rem;color: white;width: 7rem;height: 7rem;border-radius: 50%;display: inline-flex;align-items: flex-start;justify-content: center;margin: 0 0.5rem;letter-spacing: 0;}
.blog_title span:first-of-type {background-color: var(--indigo);margin: auto 0.25rem auto auto;}
.blog_title span:last-of-type {background-color: var(--blood);}
.god_title h1 {text-align: left;position: relative;width: fit-content;font-size: 3em;/*font-family: 'Noto Serif TC', serif;*/}
.god_title .bg_blood , .god_title .bg_brown {color: #fff;border-radius: 3rem;padding: 0 1.5rem .25rem;}
.god_title h1::after {position: absolute;width: 150px;height: 6px;top: 50%;right: -50%;background: linear-gradient(-90deg,#fff0 0%, var(--blood) 100%);content: " ";border-radius: 3rem;}
.god_book h1::after {background: linear-gradient(-90deg,#fff0 0%, var(--brown) 100%);}
.blog_intro{padding: 2rem 0;}
.blog_intro p {font-size: 1.25rem;text-align: left;text-align: justify;padding: 0.5rem 0;}
.blog_intro p strong {color: ;}
.god_subtitle h1 {padding: .3rem 0 .5rem;text-align: left;position: relative;width: fit-content;font-size: 3em;color: #1a394e;/*font-family: 'Noto Serif TC', serif;*/}
.god_subtitle h1::after {position: absolute;width: 150px;height: 6px;top: 50%;right: -40%;background: linear-gradient(-90deg,#fff0 0%, var(--indigo) 100%);content: " ";border-radius: 3rem;}
#event_fourth .god_subtitle h1::after {position: absolute;width: 150px;height: 6px;top: 50%;right: -50%;background: linear-gradient(-90deg,#fff0 0%, var(--indigo) 100%);content: " ";border-radius: 3rem;}
#event_fourth .VueCarousel i{color: #1a394e;}
.blog_period {background-color: #ffffff;border: 1px solid var(--sea);padding: 1.5rem 3rem;border-radius: 1rem;margin: 1.5rem auto;}
.blog_period dl dt {font-size: 1.9rem;padding: .5rem ;color: var(--sea);}
.blog_period dl dd {font-size: 1.25rem;padding: .5rem 0;}
.blog_period .preface{padding: 0.5rem 0 0.5rem 5rem;text-indent: -5rem;}
.blog_period dl dd:last-of-type {text-align: center;border-top: 1px dotted #395c8a7a;padding: 0.5rem 0 0;margin: 1rem auto auto;color: #395c8a;}
.blog_period ol {font-size: 1.25rem;padding: 0 0 0 5rem;}
.god_pen {color: var(--blood);}
.god_book {color: #b67a1a;}
.history {text-align: center;padding: 0 0 .5rem;}
.history a {font-size: 1.25rem;position: relative;padding: 0 0.5rem;width: 5rem;height: 5rem;border-radius: 50%;background-color: var(--indigo);color: white;display: inline-flex;align-items: center;justify-content: center;margin: auto;}
.apply_to {display: inline-flex;flex-wrap: wrap;margin: 0.5rem auto;}
.apply_to dt {background-color: #fed599;padding: 0.25rem 1rem;border-radius: 0.5rem 0 0 0.5rem;}
.apply_to dd {background-color: #fef0d7;padding: 0.25rem 1rem;border-radius: 0 0.5rem 0.5rem 0;}
.key_tag {background-color: white;border-radius: 2rem;padding:.125rem .3rem .125rem 0;margin: .125rem auto;display: inline-block;}
.key_tag::before {content: '#';color: var(--brown);padding: 0 0.125rem 0 0.5rem;}

/*讀者有話要說*/
.youtube_comment {width: 50%;padding:1rem 0;}
.embed-container{padding-bottom: 50.6% !important;width: 90%;height: auto;margin: auto;}
.comment_list {width: 50%;}
.comment_list dl {width: calc(100%/2);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: auto;}
.comment_list .w-full {width: 100%;}
.comment_list dl dt {width: fit-content;padding: 1.2rem 0;}
.comment_list dl dt img {width: 100%;height: 230px;margin: auto;filter: drop-shadow(1px 1px 5px #0000003f);}
.comment_list dl dd {width:calc(100% - 180px);padding: .5rem 1.5rem;}
.comment_list ul{font-size: 1.1rem;/*background-color: rgb(255 255 255 / 70%);border-radius: 1rem;border: 2px dotted #14394d3f;padding:1rem;*/}
.comment_list ul li{display: flex;}
.comment_list ul li div {position: relative;/*text-indent: -1.25rem;padding: 0.5rem 0.5rem 0.5rem 3rem;padding: .25rem;margin: 0 auto ;background-color: rgb(255 255 255 / 70%);border-radius: 1rem;border: 2px dotted #14394d3f;*/    padding: 1rem 1rem 1rem 2rem;width: 100%;display: inline-block;margin: 0.5rem auto;background: linear-gradient(50deg, white 20%, #ffffff8f 80%);border-top: 2px solid #fff;border-bottom: 2px solid #bb90408f;border-right: 1px solid #bb90408f;clip-path: polygon(3% 0, 100% 0%, 100% 100%, 3% 100%, 3% 30%, 0 23%, 3% 15%);}
.comment_list ul li img{display: inline-block;width: 45px;height: 45px;margin: 1rem 0.5rem 0 0;}
/* .comment_list ul li::before {content: '\f4ad';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;font-size: 0.8rem;position: relative;top: -6px;color: #14394d;}
.comment_list ul li::after {content: '\f007';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;position: absolute;left: 2rem;top: 0.5rem;color: #14394d;} */

/**/
.taxIrt_banner .VueCarousel-slide {padding: .5rem 0.5rem;}
.taxIrt_banner img {margin: auto;}

/*全方位會計考試用書*/
.books_item {width: 100%;padding: .5rem;margin: auto;}
.books_item_tabs a {text-align: center;font-size: 1.8rem;background: linear-gradient(90deg, #bf831a, #d9a64c,#bf831a);text-shadow: 1px 1px 3px #0000003f;position: relative;background-color:#69418b;text-decoration: none;width: fit-content;margin: .5rem auto 0;padding: 0 2rem 0.25rem;border-radius: 2rem;color: white;cursor: pointer;}
.books_item_tabs .active{position: relative;left: 0;bottom: 0;}
.books_item_tabs .active::after{content: '';z-index: 0;width: 30px;height: 15px;position: absolute;left: 0;right: 0;margin: auto;bottom: -15px;/*background-color: #d7a348;*/background-color: #BF1F2F;clip-path: polygon(100% 0, 0 0, 50% 100%);}
.books_item_tabs a:hover, .books_item_tabs a.active {background: linear-gradient(90deg, #ad1323, #c01f2f,#ad1323);}
.books_item dl {width: calc(100%/2);display: flex;flex-wrap: wrap;align-items:flex-start;justify-content: center;}
/* .books_item dl:first-child , .books_item dl:nth-child(2) {border-bottom: 2px dotted #163b4f3f;}
.books_item dl:first-child , .books_item dl:nth-child(3) {border-right: 2px dotted #163b4f3f;} */
.books_item dl dd {margin: .5rem;}
.books_item dl dd img {/*max-height: 200px;*/height: 210px;width: auto;padding: 0 0.5rem 1rem;}
/* 記帳士-工具書*/.books_item .bookArea1 .book_img3 img{height: 200px;width: auto;margin: 2rem auto 0;}
/* 會計師-工具書*/.books_item .bookArea2 .book_img3 img{height: 170px;width: auto;margin: 2.5rem auto 0;}
.books_item .series{padding: 0.25rem;border-bottom: 1px #c28720 dotted;margin: 0 auto 0.8rem;}
.height-170 {height: 170px;}
.carousel{width: 80%;}
.books_item .VueCarousel-slide{align-items: flex-start;margin: auto;padding: .5rem;}
.books_shelf {padding: 1rem 0 0;text-align: center;}
.books_shelf a img{margin: auto;}

/*Detail*/

.blog_banner {cursor: pointer;}
.columnsDetail_table {padding: 0 0 1rem;}
.columnsDetail_tableRow {display: table-row;}
.columnsDetail_tableth, .columnsDetail_tabletd {border-top: 1px dotted #e6cea4;display: table-cell;}
.columnsDetail_tableth {background-color: #fef6f3;padding: 0.5rem;width: 5rem;text-align: center;}
.columnsDetail_tabletd {font-size: 1.125rem;padding: 0.5rem 1.5rem;}
.columnsDetail_tabletd p {padding: 0.5rem 0;}
.exam_answer {padding: 0.5rem 0;}
.ans_detail {padding: 0.5rem 0;}
.exam_topic {background-color: #ddf0f5;padding: 1rem 1.5rem;margin: 1rem auto 0;border-bottom: 1px solid white;border-radius: 1rem 1rem 0 0;}
.exam_topic dt {color:var(--sea);padding: 0 0 0.5rem;}
.exam_topic .pb-0 {padding-bottom: 0;}
.exam_topic table tr td {border: 1px solid;padding: 0 0.5rem;}
.exam_choice {background-color: #ddf0f5;padding: 1rem 1.5rem;margin: 0 auto 1rem;border-radius: 0 0 1rem 1rem;}
.exam_choice dt {color:var(--sea);padding: 0 0 0.5rem;}
.exam_answer {background-color: #f7e8ea;padding: 1rem 1.5rem;margin: 0.5rem auto 0;border-bottom: 1px solid white;color: var(--rose);display: inline-block;width: 100%;border-radius: 1rem 1rem 0 0;}
.ans_detail {background-color: #f7e8ea;padding: 1rem 1.5rem;border-bottom: 1px solid white;}
.ans_detail dt {color: var(--rose);}
.ans_detail dd, .exam_choice dd {padding: 0.5rem 0;}
.source {border-radius: 0 0 1rem 1rem;margin: 0 auto 1rem;padding: 1rem 1.5rem;background-color: #f7e8ea;color: var(--rose);}
.decimal {padding: 0 0 0 1rem;}
.decimal li {display: list-item;list-style-type: decimal;}
.disc {padding: 0 0 0 1rem;}
.disc li {list-style-type: disc;text-indent: initial;}
.blog_reference {border-top: 1px solid;display: inline-block;font-size: 0.9rem;margin: 1rem auto;padding: 0.5rem 0 0;}
.border-bottom {border-bottom: 1px solid;}
.rounded-2xl {border-radius: 1rem;}
.indent-cjk {text-indent: -3.5rem;margin-left: 3.5rem;}

#BodyFooter{background: linear-gradient(20deg, #fff3dc, #fffef9,#fff3dc);}

@media (min-width: 1px) and (max-width: 1200px){
    .banner_ipad{display: block;width: 100%;}
    .banner_ipad img{width: 100%;}
    .banner , .banner_m {display: none;}

    .god_title h1::after ,#event_fourth .god_subtitle h1::after {right: -60%;}
    .god_subtitle h1::after {right: -48%;}
    .god_subtitle h1{font-size: 2.5rem;}
    .blog_intro p {padding: .5rem;}

    .books_item dl dd img {max-height: 200px;}
    .comment_list dl {align-items: center;padding: 0.25rem 0;}
    
}
@media screen and (min-width: 1536px) {
    .pic-rwd {width: 53%;}
}
@media screen and (min-width: 1281px) and (max-width: 1535px) {
    .pic-rwd {width: 63%;}
    .youtube_comment {padding:1rem 1rem 1rem 0;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) { 
    #Master_title {padding: 2rem;margin: auto;}
    .pic-rwd {width: 83%;}
}
@media screen and (min-width: 1024px) { 
    #Master_title {padding: 2rem;margin: auto;}
}
@media screen and (max-width: 1280px) { 
    .youtube_comment {width: 85%;margin: auto;}
    .comment_list {width: 100%;}
}
@media screen and (max-width: 1023px) {
    .blog_banner {background-size: auto 235px;height: 235px;}    
    .god_title h1 {font-size: 2.5rem;padding: 0 .5rem;}
    .blog_period {padding: 0.5rem 1.5rem;}
    .taxIrt_banner {width: 85%;margin: auto;}
    .taxIrt_banner a img {margin: auto;}    
    
    .comment_list dl {width: 100%;padding: .5rem 0;}   
    .books_item dl {width: 100%;}
    .VueCarousel {padding: 0;}
    .VueCarousel-inner {display: flex;margin: auto;}
    .columnsDetail_tableRow {display: flex;flex-wrap: wrap;}
    .columnsDetail_tableth, .columnsDetail_tabletd {width: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) { 
    .books_item {width: 90%;margin: auto;}
}

@media screen and (max-width: 767px) {
    .columnsDetail_table {padding: 2rem 0 1rem;}
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
    .banner , .banner_ipad{display: none;}
    .banner_m{display: block;width: 100%;}
    .banner_m img{width: 100%;}

    .god_title h1::after ,#event_fourth .god_subtitle h1::after ,.god_subtitle h1::after {display: none;}
    .god_title h1 ,.god_subtitle h1{font-size: 2rem;}
    .blog_title {font-size: 4rem;line-height: 4rem;margin: auto auto auto 5%;padding: 25px 0 0;}
    .blog_title span {font-size: 4rem;width: 4.5rem;height: 4.5rem;align-items: center;}
    .blog_title > div {font-size: 3rem;text-shadow: 0 0 10px #FDF9ED, 0 0 10px #FDF9ED, 0 0 10px #FDF9ED, 0 0 10px #FDF9ED, 0 0 10px #FDF9ED;}    
    .blog_intro p {font-size: 1.05rem;}
    .blog_period {padding: 0.5rem 1rem;}
    .blog_period dl dt {font-size: 1.5rem;padding: 0.25rem;}
    .blog_period dl dd {font-size: 1.05rem;}
    .blog_period ol {font-size: 1.05rem;padding: 0 0 0 1rem;}
    .blog_period .preface {padding: 0;text-indent: 0;}
    .blog_period .border-brown {display: block;text-align: center;margin: .3rem auto .15rem;}

    .youtube_comment{width: 100%;padding: 0;}
    .comment_list dl dt {width: fit-content;padding: 1rem 0 .25rem;margin: auto;}
    .comment_list dl dd {width: 100%;padding: 0;}
    .comment_list dl dt img {width: auto;height: 230px;}
    #event_fourth .VueCarousel i {font-size: 1rem;}
    .taxIrt_banner {width: 85%;margin: auto;}
    
    #event_fifth .VueCarousel i {font-size: 1rem;}  
    .books_item .VueCarousel {width: 90%;margin: auto;}
    .books_item_tabs a {font-size: 1.15rem;padding: 0.1rem 0.6rem 0.2rem;}
    .books_item button.VueCarousel-navigation-button.VueCarousel-navigation-next, .books_item button.VueCarousel-navigation-button.VueCarousel-navigation-prev {padding: 0 !important;}
    .books_item_tabs .active::after {width: 20px;height: 10px;bottom: -10px;} 
    button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 100%;}
}

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