* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

body {
    margin: 0;
    min-width: 300px;
    overflow-x: hidden;
    /*    overflow: scroll;*/
    font-family: 微軟正黑體, 黑體, Arial, Helvetica, sans-serif;
    position: relative;
}

body, h1 {
    /*    padding: 0;
    margin: 0;*/
    font-size: 1em;
    line-height: 1.5em;
}

p {
    font-size: 1em;
}

a {
    text-decoration: none;
}

img {
    width: 100%;
}
/*show or hide*/
.showbox {
    display: block;
}

.hidebox {
    display: none;
}


/*分隔線*/
.PageSeparate {
    margin: 7em auto;
}

.PageSeparate_topsmall {
    margin: 3em auto 3em auto;
}

.PageSeparateL {
    height: 2px;
    width: 7em;
    background-color: #d9d2e2;
    margin: auto;
}

.PageSeparateH {
    margin: 3px auto;
    height: 2px;
    width: 34em;
    background-color: #b7afca;
}




/* General */
#page-container {
    width: 100%;
}

.width1200-adj {
    margin: 0 auto;
    width: 1200px;
}

.width1024-adj {
    margin: 0 auto;
    width: 1024px;
}

.width700-adj {
    margin: 0 auto;
    width: 700px;
}

@media (min-width: 1041px) and (max-width: 1217px) {
    .width1200-adj {
        width: 1024px;
    }
}

@media (min-width:717px) and (max-width: 1040px) {
    .width1200-adj, .width1024-adj {
        width: 100%;
    }
}

@media screen and (max-width: 716px) {
    .width1200-adj, .width1024-adj, .width700-adj {
        width: 100% !important;
    }
}

/*top logo(blue bar)*/
#logo {
    position: relative;
    z-index: 5;
    border-top: solid 7px #102c78;
}


/*show & hide in screen width 1218px*/
.showbox1100 {
    display: block;
}

.hidebox1100 {
    display: none !important;
}

@media screen and (max-width: 1218px) {
    .showbox1100 {
        display: none;
    }

    .hidebox1100 {
        display: flex !important;
    }
}


/*show & hide in screen width 999px*/
.showbox999 {
    display: block;
}

.hidebox999 {
    display: none !important;
}

.smallbox999 {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .showbox999 {
        display: none;
    }

    .hidebox999 {
        display: block !important;
    }

    .smallbox999 {
        display: none !important;
    }
}

@media screen and (max-width: 499px) {
    .showbox999 {
        display: none;
    }

    .hidebox999 {
        display: none !important;
    }

    .smallbox999 {
        display: block !important;
    }
}
/*show & hide in screen width 800 px(all mobile size)*/
.showbox800 {
    display: none;
}

.hidebox800 {
    display: block;
}

@media screen and (max-width: 800px) {
    .showbox800 {
        display: block;
    }

    .hidebox800 {
        display: none;
    }
}


/*show & hide in screen width 740 px(all mobile size)*/
.showbox740 {
    display: none;
}

.hidebox740 {
    display: block;
}

@media screen and (max-width: 740px) {
    .showbox740 {
        display: block;
    }

    .hidebox740 {
        display: none;
    }
}

/*show & hide in screen width 717 px(all mobile size)*/
.showbox717 {
    display: none;
}

.hidebox717 {
    display: block;
}

@media screen and (max-width: 716px) {
    .showbox717 {
        display: block;
    }

    .hidebox717 {
        display: none;
    }
}

/*show & hide in screen width 620 px(all mobile size)*/
.showbox620 {
    display: none;
}

.hidebox620 {
    display: block;
}

@media screen and (max-width: 620px) {
    .showbox620 {
        display: block;
    }

    .hidebox620 {
        display: none;
    }
}


/*show & hide in screen width 600 px(all mobile size)*/
.showbox600 {
    display: none;
}

.hidebox600 {
    display: block;
}

@media screen and (max-width: 599px) {
    .showbox600 {
        display: block;
    }

    .hidebox600 {
        display: none;
    }
}


/*show & hide in screen width 520 px*/
.showbox521 {
    display: none;
}

.hidebox521 {
    display: block;
}

@media screen and (max-width: 520px) {
    .showbox521 {
        display: block;
    }

    .hidebox521 {
        display: none;
    }
}

/*show & hide in screen width 479 px(all mobile size)*/
.showbox479 {
    display: none;
}

.hidebox479 {
    display: block;
}

@media screen and (max-width: 478px) {
    .showbox479 {
        display: block;
    }

    .hidebox479 {
        display: none;
    }
}

/*show & hide in screen width 374 px(all mobile size)*/
.showbox374 {
    display: none;
}

.hidebox374 {
    display: block;
}

@media screen and (max-width: 374px) {
    .showbox374 {
        display: block;
    }

    .hidebox374 {
        display: none;
    }
}


/* display block of YOUTUBE*/
.vip_testimonials {
    text-align: center;
    margin: 6em auto 0em auto;
    position: relative;
    padding-bottom: 37.105%;
    width: 66%;
    max-width: 1200px;
}

    .vip_testimonials iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

iframe {
    max-width: 100%;
}

@media screen and (max-width: 478px) {
    .vip_testimonials {
        padding-bottom: 56.5%;
        width: 100%;
    }
}













/*one very big area*/
#header {
    position: relative;
    z-index: 2;
    top: -20px;
    margin-bottom: 15px;
}

/*立即訂閱*/
#topbar {
    height: 66px;
    width: 100%;
    position: fixed;
    background-color: #FFF;
    padding: 15px 10px 5px 10px;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.51);
}

/*    #topbar img {
        display: block;
        float: left;
        height: 40px;
        max-width: 228px;
    }*/
#epoch_logo {
    display: block;
    float: left;
    /*height: 40px;*/
    max-width: 198px;
}

#TWOrderNowBtn0_M {
    width: 36px;
}

#topbar a.tel {
    display: none;
    position: relative;
    float: right;
    right: 10px;
    top: 10px;
    color: #222;
    font-size: 1.3em;
}

#topbar a.orderbtn {
    float: right;
    margin: -0.3em 0 0 0;
    width: 190px;
    font-family: 'Noto Serif TC',NSimSun,STSong,SimSun,Serif,'微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
}

a.orderbtn {
    /*background-color: #313065;*/
    color: #fff;
    text-align: center;
    /*padding: 7px 60px;*/
    border-radius: 0px;
}

    a.orderbtn:active {
        background-color: #fff;
        color: #313065;
        border: 1px solid #313065;
    }

.topbartelphoneicon {
    float: right;
    padding-right: 1em;
    padding-top: 0.25em;
}

@media screen and (max-width: 717px) {
    #topbar {
        height: 47px;
        padding: 5px 15px;
    }

    /*    #topbar img {
        width: 25%;
        padding-top: 0px;
        height: auto;
    }*/
    #epoch_logo {
        width: 25%;
        padding-top: 0px;
        height: auto;
        margin: 0.5em 0 0 0;
    }


    #topbar a.tel {
        float: left;
        font-size: 1.1em;
    }

    #topbar a.orderbtn {
        padding: 7px 0px;
        width: auto;
        border-radius: 2px;
    }

    .topbartelphoneicon {
        padding-top: 0.18em;
    }
}

@media screen and (max-width: 466px) {
    /*    #topbar img {
        width: 30%;
        padding-top: 5px;
        height: auto;
    }*/
    #epoch_logo {
        width: 36%;
        padding-top: 5px;
        height: auto;
        margin: 0.5em 0 0 0;
    }

    .topbartelphoneicon {
        padding-top: 0.18em;
    }
}



/*TOP大紀元時報BANNER*/
.flex100p {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-top: 7.5em;
    color: #313065;
}

.flex100pdown {
    margin-top: 0em;
    justify-content: center;
}

.subtitleboxO {
    padding-top: 1.3em;
    /*    width: 194px;*/
}

.subtitleboxI {
    width: 100%;
    border-top: 1px solid #313065;
    border-bottom: 1px solid #313065;
    text-align: center;
}

.subL {
    letter-spacing: 0.00em;
    font-family: Arial, 微軟正黑體, 黑體, 'Microsoft JhengHei' !important;
    font-weight: 400;
    font-size: 1.0em;
    line-height: 2.1em;
    width: 194px;
}

.subR {
    letter-spacing: 0.07em;
    font-family: 微軟正黑體, 黑體, 'Noto Sans TC', 'Microsoft JhengHei' !important;
    font-weight: 400;
    font-size: 1.2em;
    padding: 0.24em 0;
    width: 194px;
}

@media screen and (max-width: 700px) {
    .flex100p {
        margin-top: 4.5em;
    }

    .flex100pdown {
        margin-top: 0.0em;
    }

    .subR {
        letter-spacing: 0.1em;
        font-size: 0.8em;
        padding: 0.04em 0;
        width: 145px;
        padding: 0.14em 0;
    }

    .subL {
        font-size: 0.75em;
        width: 145px;
        padding: 0.1em 0;
    }
}
/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone X in landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 6, 7, & 8 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 6, 7, & 8 in landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .subR {
        font-size: 0.8em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}
/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .subR {
        font-size: 1.0em;
        width: 155px;
    }

    .subL {
        font-size: 0.85em;
        width: 155px;
    }
}

.pic100p {
    width: 100%;
}

.max700 {
    max-width: 646px;
}

@media screen and (max-width: 700px) {
    .max700 {
        padding: 0 0.5em;
    }
}



/*這是台灣的時刻*/
.TWmoment {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    /*    background-color: #f7f5cd;*/
    margin-top: 7em;
}

.TWpic {
    width: 800px;
    /*    background-color: lightblue;*/
}

.TWpaper {
    width: 100%;
    max-width: 768px;
    margin-left: auto;
    padding-left: 8px;
    /*微調用*/
    position: relative;
    top: -25px;
}

.TWtxt {
    width: 400px;
    max-width: 400px;
    /*    background-color: #b6ff00;*/
    text-align: right;
    padding-right: 2.0em;
}

.TWrelative {
    z-index: 5;
    position: relative;
    left: -28px;
    top: -14px;
}

.TWtxtA {
    /*    font-size: 3.2em;
    letter-spacing: 0.15em;*/
    font-size: 4.2em;
    letter-spacing: 0.1em;
    color: black;
    line-height: 1.3em;
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    margin-bottom: 0.65em;
    text-align: right;
}

.TWtxtB {
    font-size: 1.5em;
    color: #333;
    line-height: 1.3em;
    letter-spacing: 0.07em;
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei' !important;
    font-weight: normal;
    margin-bottom: 0.8em;
}

.TWtxtC {
    font-size: 1.2em;
    color: black;
    line-height: 1.3em;
    letter-spacing: 0.0em;
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei' !important;
    font-weight: normal;
    margin-bottom: 0.8em;
}

    .TWtxtC a {
        color: black;
        font-weight: lighter !important;
        background-color: #DDD;
        font-size: 1.0em;
    }

.TWmomentpic {
    width: 100%;
    max-width: 460px;
    position: relative;
    left: -5px;
}

.TWOrderNow {
    font-size: 2.4em;
    color: white;
    background-color: #313065;
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    border-radius: 0.25em;
    margin: 0.5em 0 0.1em 0;
    display: inline-block;
    padding: 0.65em 2em 0.75em 2em;
    letter-spacing: 0.25em;
    cursor: pointer;
}

    .TWOrderNow:active {
        color: #313065;
        background-color: white;
        border: 1px solid #313065;
    }

.TWOrderNowMore {
    font-size: 1.5em;
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    padding-left: 0;
    padding-right: 0;
}

.TWSellspot {
    font-family: 'Noto Serif TC', 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.06em;
}

@media (min-width: 1041px) and (max-width: 1217px) {
    .TWtxt {
        padding-right: 0.0em;
    }

    .TWtxtA {
        font-size: 4.2em;
    }

    .TWtxtB {
        font-size: 1.5em;
        letter-spacing: 0.00em;
    }

    .TWtxtC {
        padding: 0 2.5em 0 0;
    }
}

@media (min-width:880px) and (max-width: 1041px) {
    .TWtxt {
        padding-right: 0.0em;
    }

    .TWrelative {
        top: -4px;
    }

    .TWtxtA {
        font-size: 4em;
        letter-spacing: 0.05em;
    }

    .TWtxtB {
        font-size: 1.2em;
    }

    .TWtxtC {
        padding: 0 1.5em 0 0;
    }

    .TWOrderNow {
        font-size: 2.0em;
    }

    .TWOrderNowMore {
        font-size: 1.5em;
    }

    .TWSellspot {
        font-size: 0.9em;
    }
}

@media (min-width:520px) and (max-width: 880px) {
    .TWtxt {
        text-align: center;
        padding-right: 0em;
    }

    .TWmoment {
        display: block;
        margin: 3em auto 0em auto;
    }

    .TWpic {
        width: 90%;
        margin: 0em auto;
    }

    .TWtxt {
        width: 425px;
        max-width: 425px;
        margin: auto;
    }

    .TWrelative {
        left: 0px;
        top: 0px;
        text-align: center;
    }

    .TWtxtA {
        font-size: 4.2em;
        text-align: center;
    }

    .TWtxtB {
        font-size: 1.6em;
        letter-spacing: 0.15em;
    }

    .TWtxtC {
        text-align: left;
        padding: 0 1.2em 0 1.2em;
    }

    .TWOrderNow {
        font-size: 2.0em;
    }

    .TWOrderNowMore {
        font-size: 1.5em;
    }

    .TWSellspot {
        font-size: 0.9em;
    }

    .TWmomentpic {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

@media (max-width: 520px) {
    .TWtxt {
        text-align: center;
        padding-right: 0em;
    }

    .TWmoment {
        display: block;
        margin: 3em auto 0em auto;
    }

    .TWpic {
        width: 98%;
        margin: 0em auto;
    }

    .TWtxt {
        width: 320px;
        max-width: 320px;
        margin: auto;
    }

    .TWrelative {
        left: 0px;
        top: 0px;
        text-align: center;
    }

    .TWtxtA {
        font-size: 3.3em;
        text-align: center;
    }

    .TWtxtB {
        font-size: 1.4em;
        letter-spacing: 0.15em;
    }

    .TWtxtC {
        text-align: left;
        padding: 0 0.8em;
    }


    .TWOrderNow {
        font-size: 1.6em;
        padding: 0.65em 0.5em 0.75em 0.5em;
    }

    .TWOrderNowMore {
        font-size: 1.5em;
    }

    .TWSellspot {
        font-size: 0.9em;
    }

    .TWmomentpic {
        margin-top: 2em;
        margin-bottom: 2em;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0.5em;
    }
}

@media (max-width: 420px) {
    .TWOrderNow {
        letter-spacing: 0.05em;
    }
}
/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    .TWtxtA {
        /* iphone issue */
        font-size: 2.1em;
    }

    .TWOrderNow {
        /* iphone issue */
        font-size: 1.2em;
    }
}
/* iPhone 6, 7, & 8 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .TWtxtA {
        /* iphone issue */
        font-size: 2.1em;
    }

    .TWOrderNow {
        /* iphone issue */
        font-size: 1.2em;
    }
}
/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    .TWtxtA {
        /* iphone issue */
        font-size: 2.1em;
    }

    .TWOrderNow {
        /* iphone issue */
        font-size: 1.2em;
    }
}
/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .TWtxtA {
        /* iphone issue */
        font-size: 2.1em;
    }

    .TWOrderNow {
        /* iphone issue */
        font-size: 1.2em;
    }
}

.pinkcolor {
    color: #ca1926;
    font-size: 1.5em;
    font-weight: 900;
    margin-top: 10px;
}



/*撐鳳梨 護台灣*/
.pineapple {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 880px) {
    .pineapple {
        margin-top: 3.8em;
    }
}









/* From :    https://subscribe.theepochtimes.com/p/?page=general   */
.dark_blue {
    background: linear-gradient(180deg, #606C85 0%, #404B64 100%);
}

.our_editorial {
    padding-bottom: 60px;
    display: table;
    margin: auto;
}

    .our_editorial .bold_title {
        color: #FFFFFF;
        font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
        font-size: 40px;
        font-weight: 700;
        /*letter-spacing: -1.19px;*/
        line-height: 46px;
        text-align: center;
        padding-top: 50px; /*!!!!! q's question !!!!*/
        margin-bottom: 50px;
    }

@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
    .our_editorial .bold_title {
        padding-top: 40px; /*!!!!! q's question !!!!*/
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
    .our_editorial .bold_title {
        font-size: 28px;
        /*        font-weight: normal;*/
        letter-spacing: -0.5px;
        line-height: 36px;
        text-align: center;
        padding-left: 2px;
        padding-right: 2px;
    }
}

.editorial_bottom {
    width: 1200px; /*!!!!!!! j's question !!!!!*/
    max-width: 100vw;
    display: block;
    margin: auto;
    text-align: center;
}

.media_img {
    display: inline-flex;
    width: 370px;
    max-width: 90vw;
    border: 10px solid #fff;
}

.focuses_sliders {
    display: inline-block;
    width: 500px;
    text-align: left;
}

.focuses_sliders {
    width: 712px;
    max-width: 100vw;
    margin: auto;
    float: right; /*!!!!!!! j's question !!!!!*/
    padding: 0 20px;
}

@media only screen and (max-width: 1080px) {
    .focuses_sliders {
        float: none;
        padding-top: 25px;
    }
}

.our_editorial .one_focus {
    display: block;
    padding: 20px 0;
    color: #fff;
    border-bottom: 1px solid #CCC;
}

    .our_editorial .one_focus:first-child {
        padding-top: 0;
    }

    .our_editorial .one_focus:last-child {
        border-bottom: none;
    }

@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
    .our_editorial .one_focus {
        grid-template-columns: 100%;
        margin-bottom: 0;
    }

    .media_img {
        display: none;
    }

    .focuses_sliders {
        margin-top: 0;
        padding-top: 0;
    }
}

.one_focus .prod {
    margin-top: 20px;
}

.one_focus .TETtitle {
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: cornsilk;
    line-height: 35px;
    margin-bottom: 10px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    cursor: pointer;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
    .one_focus .prod {
        margin-top: 15px;
    }

    .one_focus .base .TETtitle {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        line-height: 25px;
    }

    .one_focus .base .TETdesc {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .one_focus .TETtitle {
        font-size: 22px;
    }
}

.one_focus .TETtitle, .one_focus .in_logo {
    display: block;
}

@media screen and (min-width: 1024px) {
    .one_focus .prod {
        margin-top: 30px;
    }

    .one_focus .in_logo {
        margin-bottom: 10px;
    }
}


.one_focus .TETcontent .TETdesc {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    position: relative;
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
}

.one_focus .long {
    display: none;
}

.one_focus.show-long .long {
    display: block;
}

.one_focus.show-long .TETshort {
    display: none;
}

.one_focus .TETtitle {
    position: relative;
}

    .one_focus .TETtitle:after {
        position: absolute;
        top: 8px;
        right: 3px;
        display: block;
        width: 10px;
        height: 10px;
        content: '';
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
    }

.one_focus.show-long .TETtitle:after {
    top: 13px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media screen and (max-width: 620px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-height: 720px) and (max-device-width: 1280px) and (max-width: 999px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1000px) and (max-width: 999px) {
    .one_focus .prod {
        padding-top: 15px;
    }

    .one_focus .TETcontent .TETdesc {
        font-size: 16px;
        padding-right: 0;
        margin-top: 12px;
    }
}

@media screen and (max-width: 1400px) {
    .one_focus .prod .see_more {
        position: relative;
        bottom: auto;
    }
}











/*大紀元的重要報導*/
.DJYImportantSection {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 8em;
    padding-bottom: 6em;
    /*background-color: lightgray;*/ /***/
}

.DJYIS_title {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    font-size: 2.9em;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-bottom: 2.0em;
}

.DJYIS_timeblock {
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    /*background-color: lightgreen;*/ /***/
    height: 100vh; /***/
}

.DJYIS_midgray {
    z-index: 1;
    background-color: #ccc;
    width: 4px;
    position: absolute;
    left: calc(50% - 2px);
    height: 0px; /***/
}

.DJYIS_years {
    z-index: 9;
    color: white;
    background-color: #5f6b83;
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    font-size: 1.2em;
    width: 140px;
    text-align: center;
    line-height: 1.66;
    letter-spacing: 0.08em;
    margin: 0px auto;
    position: absolute;
    left: calc(50% - 70px);
}

#y2003 {
    top: 0px;
}

#y2006 {
    top: 0px; /***/
}

#y2012 {
    top: 0px; /***/
}

#y2016 {
    top: 0px; /***/
}

#y2017 {
    top: 0px; /***/
}

#y2018 {
    top: 0px; /***/
}

#y2019 {
    top: 0px; /***/
}

#y2020 {
    top: 0px; /***/
}

#y2021 {
    top: 0px; /***/
}

.DJYIN_cBox {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.25em;
    width: 425px;
    text-align: justify;
    line-height: 1.5;
    letter-spacing: 0.08em;
    position: absolute;
    padding: 0 8px;
    /*background-color: azure;*/ /***/
}

@media (max-width: 1010px) {
    .DJYIN_cBox {
        width: calc(50% - 70px);
        padding: 0 8px;
    }
}

.DJYIN_cBox_right {
    right: 0px;
}

.DJYIN_cBox_left {
    left: 0px;
}

@media (max-width: 750px) {
    /*此尺寸以下改成手機版*/
    .DJYImportantSection {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .DJYIS_title {
        font-size: 2.68em;
        padding-bottom: 2.0em;
    }

    .DJYIS_years {
        font-size: 1.2em;
        width: 100px;
        text-align: center;
        line-height: 1.66;
        letter-spacing: 0.08em;
        margin: 0px auto;
        position: absolute;
        left: 30px;
    }

    .DJYIS_midgray {
        width: 3px;
        position: absolute;
        left: 30px;
        height: 0px; /***/
    }

    .DJYIN_cBox {
        font-size: 1.2em;
        width: calc( 100% - 2 * 30px ); /***/
        position: absolute;
        left: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 540px) {
    /*此尺寸以下改成手機版*/
    .DJYImportantSection {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .DJYIS_title {
        font-size: 2.0em;
        padding-bottom: 1.5em;
    }
}













/* 國際動盪的時局 */
.midGray {
    background-color: #EEEEEE;
    padding-top: 8.88em;
}

.movingTitle {
    font-family: 'Noto Serif TC', Serif, 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    font-size: 2.9em;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.movingFlex {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 4.5em;
}

.MovingPic1 {
    flex: 0 0 220px;
}

.MovingTxt1 {
    flex: 0 0 536px;
    font-family: 'Noto Serif TC', Serif, 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.15em;
    line-height: 2.1;
    letter-spacing: 0.01em;
    padding-left: 3.5em;
    text-align: justify;
}

@media (max-width: 1000px) {
    .movingTitle {
        font-size: 2.2em;
    }
}

@media (max-width: 800px) {
    .midGray {
        padding-top: 3.88em;
    }

    .movingFlex {
        flex-wrap: wrap;
        margin-top: 0em;
    }

    .MovingPic1 {
        margin-bottom: 2.5em;
    }

    .MovingTxt1 {
        flex: 0 0 100%;
        padding-left: unset;
        padding: 0 1.5em;
        margin: 0 auto;
    }
}

@media (max-width: 540px) {
    .movingTitle {
        font-size: 1.6em;
    }
}

.globalDJY {
    max-width: 1120px;
    width: 100%;
    margin: 2em auto 10em auto;
}

.globalDJY2 {
    margin: 0em auto 0em auto;
}

@media (max-width: 1120px) {
    .globalDJY {
        max-width: 100%;
        width: 96%;
        margin: 2em auto 10em auto;
    }

    .globalDJY2 {
        margin: 0em auto 0em auto;
    }
}

@media (max-width: 800px) {
    .globalDJY {
        margin: 2em auto 0em auto;
    }

    .globalDJY2 {
        margin: 2em auto 0em auto;
    }
}



.movingFlex2 {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 5em;
}

.MovingPic2 {
    flex: 0 0 450px;
}

.MovingTxt2box {
    flex: 0 0 410px;
    padding-left: 3em;
}

.MovingTxt2title {
    font-family: 微軟正黑體, 黑體, Serif, 'Microsoft JhengHei', sans-serif;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-size: 1.5em;
    text-align: justify;
    margin-bottom: 1.25em;
}

.MovingTxt2content {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.15em;
    line-height: 2.1;
    letter-spacing: 0.01em;
    text-align: justify;
}

.redspan {
    color: #921f00;
}

.MovingTxt3 {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.15em;
    line-height: 2.1;
    letter-spacing: 0.01em;
    text-align: justify;
    max-width: 860px;
    margin: 2em auto 0 auto;
}

@media (max-width: 900px) {
    .movingFlex2 {
        flex-wrap: wrap;
        margin-top: 2.5em;
    }

    .MovingPic2 {
        margin-bottom: 2.5em;
    }

    .MovingTxt2box {
        padding-left: unset;
    }

    .MovingTxt2title {
        text-align: center;
    }

    .MovingTxt3 {
        width: 410px;
    }
}

@media (max-width: 428px) {
    .MovingPic2 {
        flex: 0 0 100%;
    }

    .MovingTxt2box {
        flex: 0 0 100%;
        padding-left: unset;
        padding: 0 1.5em;
    }

    .MovingTxt3 {
        width: 100%;
        padding: 0 1.5em;
    }

    .MovingTxt2title {
        letter-spacing: 0.0em;
        font-size: 1.35em;
    }
}


.seeOrder2 {
    width: 100%;
    margin: 8.6em auto 12em auto;
    text-align: center;
    padding-bottom: 11.8em;
}

.seeChance2 {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    letter-spacing: 0.1em;
    font-size: 2.75em;
    width: 100%;
    margin: 1em auto 0.4em auto;
    line-height: 1.5;
}

.TWOrderMoving {
    font-size: 2.2em;
    padding: 0.65em 0em 0.75em 0em;
}

@media (max-width: 888px) {
    .seeOrder2 {
        margin: 5.6em auto 6em auto;
        padding-bottom: 6.8em;
    }
}

@media (max-width: 566px) {
    .seeOrder2 {
        margin: 5.6em auto 6em auto;
        padding-bottom: 6.8em;
    }

    .seeChance2 {
        font-size: 2.35em;
    }
}



/* 讀者反饋 */
.midGrayf {
    background-color: #EEEEEE;
    width: 100%;
    padding: 0.5em 0 2em 0;
}

@media (max-width: 716px) {
    .midGrayf {
        padding: 0.5em 1em 2em 1em;
    }
}

.feedbackTitle {
    font-family: 微軟正黑體, 黑體, Arial,'Noto Sans TC', sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0.75em auto;
}

.feedbackText {
    font-family: 微軟正黑體, 黑體, Arial,'Noto Sans TC', sans-serif;
    font-size: 1em;
    margin: 0.75em auto;
    text-align: justify;
}

.feedbackAuthor {
    font-family: 微軟正黑體, 黑體, Arial,'Noto Sans TC', sans-serif;
    font-size: 1em;
    margin: 0.75em auto;
    text-align: right;
}

.feedbackBtn {
    font-family: 微軟正黑體, 黑體, Arial,'Noto Sans TC', sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    background-color: #9b9b97;
    color: white;
    padding: 0.5em 0.75em;
    margin: 1em auto;
    cursor: pointer;
    width: 6em;
    text-align: center;
    border-radius: 1.25em;
    height: 2.5em;
    line-height: 1.36em;
}




/*台灣超前防疫*/
.TWadvance {
    max-width: 970px;
    width: 100%;
    margin: -66px auto 0 auto;
}

.TWadvanceBox {
    display: flex;
    width: 970px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 2.88em auto 13em auto;
}

.TWadvancePic {
    flex: 0 0 450px;
}

.TWadvanceTxt {
    flex: 0 0 548px;
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.15em;
    line-height: 1.8;
    letter-spacing: 0.01em;
    text-align: justify;
    margin: -0.5em auto 0 0;
    padding-left: 4.2em;
}

.redspan2 {
    color: #921f00;
    font-style: italic;
}

.TWadvancePicShadow {
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.51);
    -moz-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.51);
    box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.51);
}


@media (max-width: 1066px) {
    .TWadvanceBox {
        flex-wrap: wrap;
        margin: 2.88em auto 8em auto;
        width: 100%;
    }

    .TWadvanceTxt {
        text-align: justify;
        margin: -0.5em auto 0 0;
        padding-left: unset;
        margin: 2.5em auto 0 auto;
    }
}

@media (max-width: 566px) {
    .TWadvanceTxt {
        flex: 0 0 100%;
        padding: 0 1em;
    }
}

@media (max-width: 466px) {
    .TWadvancePic {
        flex: 0 0 100%;
    }
}









/*《大紀元時報》沒有財團包袱*/
.NoConsortium {
    width: 100%;
    margin-bottom: 11.8em;
}

.NoConsortiumPic {
    margin: 2em auto 2em auto;
    width: 600px;
}

.NoConsortiumTxt {
    width: 720px;
    margin: 0 auto 0 auto;
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 500;
    font-size: 1.15em;
    line-height: 1.8;
    letter-spacing: 0.01em;
    text-align: justify;
}

.seeOrder3 {
    width: 100%;
    margin: 8.6em auto 12em auto;
    text-align: center;
    padding-bottom: 5.8em;
}

.seeChance3 {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    letter-spacing: 0.1em;
    font-size: 1.5em;
    width: 100%;
    margin: 1em auto 1.75em auto;
    line-height: 1.5;
}

@media (max-width:740px) {
    .NoConsortium {
        margin-bottom: 6em;
    }

    .NoConsortiumTxt {
        width: 100%;
        padding: 0 1em;
    }

    .seeOrder3 {
        margin: 4.6em auto 6em auto;
        padding-bottom: 3.8em;
    }
}

@media (max-width:606px) {
    .NoConsortiumPic {
        width: 100%;
    }
}









/*讀懂真相 破解中共謊言*/
.KnowTruth {
    text-align: center;
    margin: 2.4em auto 1.2em auto;
    font-family: 'Noto Serif TC', Serif, 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 3.7em;
    font-weight: 900;
    color: #1a2e5d;
    /*    letter-spacing: 0.00em;*/
}

.KnowTruthBlock {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    /*    background-color: #f7f5cd;*/
    /*    margin-top: 7em;*/
}

.KnowTruthBlock2 {
    /*    width: 100%;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    /*    background-color: #808080;*/
}

.KnowTruthBlock1 {
    width: 256px;
    /*    max-width: 270px;*/
    /*    background-color: #b8eba7;*/
}

.KnowTruthTxtB {
    text-align: center;
    margin: 0em auto 0.5em auto;
    font-family: 'Noto Serif TC', 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 2.8em;
    font-weight: bolder;
    color: black;
    line-height: 1.1em;
    /*    word-spacing:0.01em;*/
}

.KnowTruthTxtS {
    text-align: center;
    margin: 0em auto 0em auto;
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei';
    font-size: 1.5em;
    /*    font-weight: bolder;*/
    color: black;
    line-height: 1.1em;
}

.KnowTruthPic {
    width: 100%;
    max-width: 640px;
    margin: 5.8em auto 2.9em auto;
}

.block41 {
    border-right: 1px solid #d9d2e2;
}

.block42 {
    border-right: 1px solid #d9d2e2;
}

.block43 {
    border-right: 1px solid #d9d2e2;
}

.block44 {
    border-right: none;
}

@media (max-width: 1024px) {
    .KnowTruthBlock {
        flex-wrap: wrap;
    }

    .KnowTruthBlock1 {
        margin-bottom: 1.2em;
    }

    .block42 {
        border-right: none;
    }

    .KnowTruthPic {
        padding: 0 0.5em;
    }
}

@media (max-width: 666px) {
    .KnowTruth {
        font-size: 1.75em;
        margin: 1.5em auto 1.2em auto;
    }

    .KnowTruthBlock {
        flex-wrap: wrap;
    }

    .KnowTruthBlock1 {
        width: 160px;
        margin-bottom: 1.2em;
    }

    .KnowTruthTxtB {
        font-size: 1.5em;
    }

    .KnowTruthTxtS {
        font-size: 1.0em;
    }

    .block42 {
        border-right: none;
    }

    .KnowTruthPic {
        padding: 0 0.5em;
    }
}









/*有見解的全方位內容*/
.Npage {
    width: 25%;
    float: left;
    text-align: center;
}

#DemoPaper .Npage img {
    width: 80%;
    margin: 0 auto;
}

.Npage img {
    width: 96%;
    margin: 0 auto;
}

@media screen and (max-width: 700px) {
    .Npage {
        width: 50%;
        float: left;
        text-align: center;
        margin-bottom: 2em;
    }

    #DemoPaper .Npage img {
        width: 96%;
    }

    .Npage img {
        width: 96%;
    }
}


.alltopic {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    text-align: center;
    margin: 0em auto 0em auto;
    font-size: 3.7em;
    color: #1a2e5d;
}

@media (max-width: 666px) {
    .alltopic {
        font-size: 1.75em;
        margin: 1.5em auto 1.2em auto;
    }
}

.alltopicPic {
    width: 100%;
    max-width: 550px;
    margin: 5.8em auto 2.9em auto;
}

@media (max-width: 666px) {
    .alltopicPic {
        padding: 0 0.5em;
    }
}


.alltopicSub {
    text-align: center;
    margin: 2.5em auto 1em auto;
    font-family: 微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.7em;
    font-weight: 400;
    color: black;
    line-height: 1.5;
}

    .alltopicSub > p {
        margin: 1em auto;
    }

@media (max-width: 666px) {
    .alltopicSub {
        font-size: 1.2em;
    }
}

@media (max-width: 500px) {
    .alltopicSub {
        font-size: 1.0em;
    }
}

.cateTopic {
    text-align: center;
    margin: 0em auto 0em auto;
    font-family: 微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: black;
    line-height: 1.5em;
    width: 80%;
    border-bottom: 1px solid #eee;
}

@media (max-width: 666px) {
    .cateTopic {
        font-size: 1.1em;
    }
}

.clear {
    clear: both;
}

/*菁英必讀 洞澈全局*/
.seeOrder {
    width: 100%;
    /*    margin: 10em auto 10em auto;*/
    margin: 7em auto 12em auto;
    text-align: center;
}

.seeChance {
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    word-spacing: 0.8em;
    font-size: 2.5em;
    width: 100%;
    margin: 1em auto;
    text-align: center;
    line-height: 1.5;
}

@media (max-width: 666px) {
    .seeOrder {
        margin: 6em auto 5em auto;
    }
}

@media (max-width: 441px) {
    .seeChance {
        font-size: 2.0em;
    }
}
/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .seeChance {
        font-size: 2.0em;
    }
}




/*我們的故事*/
.ourstoryFont {
    font-weight: bolder;
}





/*讀者對大紀元的看法*/
#Recommendation {
    font-family: 'Noto Serif TC',微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    /*    font-family: 微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;*/
    padding: 0 15px;
    font-size: 1em;
    margin-top: 50px;
}

    #Recommendation h3 {
        margin: 0 auto;
        background: #333;
        margin-bottom: 50px;
        border: 0.5px solid #d8d8d8;
        color: #fff;
        padding: 5px 10px;
        width: 200px;
    }

.somebody_container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 55% 40%;
}

#Recommendation .Celebrity {
    display: grid;
    grid-template-columns: 25% 65%;
}

.Celebrity .color_1 {
    font-weight: bolder;
}


.Celebrity {
    margin-bottom: 50px;
}

    .Celebrity img {
        width: 75px;
        float: left;
        margin: 0 15px 30px 0;
    }

    .Celebrity .title {
        text-align: right;
        margin-top: 10px;
        font-size: 0.85em;
        color: #2c2c2c;
    }

#everyday {
    margin: 30px 0 60px 0;
    border: 1px solid #c8c8c8;
    padding: 10px 15px;
    background-color: #eee;
}

@media screen and (max-width: 1024px) {
    .somebody_container {
        grid-template-columns: 50% 50%;
        grid-template-rows: 35% 35% 30%;
    }

    .Celebrity {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:650px) {
    .somebody_container {
        grid-template-columns: 100%;
        grid-template-rows: 18% 18% 18% 15% 15% 15%;
        max-width: 500px;
    }

    #Recommendation .Celebrity {
        display: grid;
        grid-template-columns: 24% 75%;
        margin-bottom: 30px;
    }
}

.Celebrity .text .desc {
    line-height: 1.5em;
}

@media screen and (max-width:400px) {
    .Celebrity .text .desc {
        padding-left: 0.5em;
    }
}

.opinionFromReader {
    text-align: center;
    margin: 2.1em auto 1.3em auto;
    font-family: 'Noto Serif TC', Serif,微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    font-size: 3.7em;
    color: #1a2e5d;
}

@media (max-width: 666px) {
    .opinionFromReader {
        font-size: 1.75em;
        margin: 1.5em auto 1.2em auto;
    }
}

.opinionFromReaderPic {
    width: 100%;
    max-width: 566px;
    margin: 5.8em auto 2.9em auto;
}

@media (max-width: 666px) {
    .opinionFromReaderPic {
        padding: 0 0.5em;
    }
}






/*常見問題*/
.width860-adj {
    width: 860px;
    margin: 0 auto;
}

@media screen and (max-width: 900px) {
    .width860-adj {
        width: 100%;
        padding: 0 1em;
    }
}

.questions {
    text-align: center;
    margin: 5em auto 1.3em auto;
    font-family: 'Noto Serif TC', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-size: 2.7em;
    font-weight: 700;
    color: #1a2e5d;
}

@media (max-width: 666px) {
    .questions {
        font-size: 1.75em;
        margin: 1.5em auto 1.2em auto;
    }
}

.questionsPic {
    width: 100%;
    max-width: 256px;
    margin: 5.8em auto 2.9em auto;
}

@media (max-width: 966px) {
    .questionsPic {
        padding: 0 0.5em;
    }
}

@media (max-width: 666px) {
    .questionsPic {
        padding: 0 3.5em;
    }
}

.h4text {
    letter-spacing: 0.1em;
    font-size: 1.5em;
    font-family: 'Noto Serif TC', 微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    line-height: 1.5em;
    color: #1a2e5d;
    font-weight: 500;
}

@media (max-width: 666px) {
    .h4text {
        font-size: 1.2em;
    }
}

.ansText {
    font-family: 微軟正黑體,黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.2em;
    line-height: 1.6em;
}

@media (max-width: 666px) {
    .ansText {
        font-size: 1.0em;
    }
}

#FAQ {
    /*            background-color:#cecece; 
            padding:2em 0;*/
}

.qa {
    line-height: 1;
    margin: 30px 0 0;
    position: relative;
    cursor: pointer;
    border: 1px solid #3e384c;
    padding: 2em 5em 2em 5em;
}

    .qa .h4text {
        font-weight: bold;
    }

        .qa .h4text:after {
            position: absolute;
            top: 0.6em;
            right: 1.6em;
            display: block;
            content: '▾';
            font-size: 2em;
            /*            position: absolute;
            top: -2px;
            right: 3px;
            display: block;
            width: 10px;
            height: 10px;
            content: '▾';
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            border-bottom: 2px solid #666;
            border-left: 2px solid #666;*/
        }

.ans {
    display: none;
    padding: 0.5em 0.6em 0 0.8em;
}

@media screen and (max-width:650px) {
    /*         #FAQ {padding:1em 1em 2em 1em;}   */
    .qa .h4text {
        padding-right: 15px;
    }

        .qa .h4text:after {
            right: 1.0em;
            top: 0.4em;
            font-size: 1.5em;
        }
}

@media screen and (max-width:600px) {
    .qa {
        padding: 1em 2em 1em 2em;
    }
}

#idJShowHide {
    -webkit-appearance: button;
    cursor: pointer;
    box-sizing: border-box;
    font-family: 微軟正黑體, 黑體,'Microsoft JhengHei', sans-serif;
    font-size: 1em;
    font-weight: 900;
}














/*頁尾*/
#footer {
    text-align: center;
    width: 100%;
    font-size: 1.70em;
    color: white;
    background-color: #313065;
    margin-top: 2.5em;
    padding: 0.45em 0.0em;
    letter-spacing: 0.15em;
    line-height: 1.7em;
    font-family: 'Noto Serif TC', Serif,'微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-weight: normal;
}

    #footer a {
        color: white;
    }

        #footer a:hover {
            color: lightblue;
        }

@media screen and (max-width: 767px) {
    #footer {
        font-size: 1.35em;
        line-height: 1.35em;
        padding: 0.30em 0.0em;
    }
}

@media screen and (max-width: 479px) {
    #footer {
        font-size: 1.0em;
        line-height: 1.0em;
        padding: 0.25em 0.0em;
    }
}
.FootNameUniNo {
    width: 100%;
    font-size: x-small;
    font-weight: bold;
    color: #46669A;
    /* padding: 6px 0; */
    position: absolute;
    bottom: 0px;
    text-align: center;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.headbottom {
    margin-top: -10px;
    width: 100%;
    padding-top: 2em;
    background-color: #FFFAF1;
    /*height: 100vh;*/
}

.goldTitle {
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    color: #C99534;
    font-size: 3.1em;
    text-align: center;
    letter-spacing: 0.05em;
    /*line-height: 1em;*/
}


.Descrption1 {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.4em;
    line-height: 1.675em;
    font-weight: 600;
    text-align: center;
    margin-top: 2.5em;
    padding: 0 1em;
}

.Descrption2 {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.6em;
    color: #555;
    line-height: 1.6em;
    font-weight: 600;
    text-align: center;
    margin-top: 0.25em;
}

.subscribeflag {
    margin: 5em auto 0em auto;
    max-width: 513px;
    width: 66%;
    padding-bottom: 14.75em;
    padding-top: 0px;
    position: relative;
}

.subscribeflagimg {
    cursor: pointer;
    position: absolute;
    top: 0px;
}

    .subscribeflagimg:hover {
        top: -3px;
    }



.paperblock {
    /*background-color: yellowgreen;*/
    background-image: url("https://www.epochtimes.com.tw/NetOrderImages/Dpic03.jpg");
    background-size: cover
    /*height: 50vh;*/
}

.truthandtradition {
    top: 10px;
    left: calc(50% - 14%);
    width: 28%;
}

#Dpic01TopContainer > .more10000books {
    left: calc(50% );
    width: 46%;
    bottom: 0;
}


.goldTitleBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    /*height: 7.0em;*/
    padding-top: 3.6em;
}

.leftBrace, .rightBrace {
    font-size: 3.7em;
}

.leftBrace {
    padding-right: 0.2em;
}

.rightBrace {
    padding-left: 0.2em;
}

.brace1line {
    height: 1.4em;
}


.beautyOfDjy {
    width: 100%;
    background-color: #FFFAF1;
    /*padding-bottom: 3em;*/
    padding: 0 1em 3em 1em;
}

.bookmarkPic {
    background-size: cover;
    background: round;
    max-width: 1000px;
    height: 252px;
    margin: 3em auto;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 0px 9px 0px rgb(223 121 20 / 58%);
    -moz-box-shadow: 0px 0px 9px 0px rgb(223 121 20 / 58%);
    box-shadow: 0px 0px 9px 0px rgb(223 121 20 / 58%);
}

.bookmarkPic_RightTextBlock {
    text-align: left;
    margin-left: 36%;
    flex: 0 0 37%;
}

.bookmarkPic_LeftTextBlock {
    text-align: left;
    margin-left: 29%;
    flex: 0 0 37%;
}

.bookmarkPic_Title {
    font-family: 'Noto Serif TC', Serif,微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-weight: 900;
    color: #C99534;
    font-size: 1.9em;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1em;
}

.bookmarkPic_Text {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.25em;
    line-height: 1.6em;
    font-weight: 600;
    color: #555;
    text-align: left;
    margin-top: 1.05em;
    letter-spacing: 0.08em;
}


.coffeeblock {
    height: 800px;
    padding-top: 4.8em;
    /* padding-bottom: 5em; */
    background-image: url(https://www.epochtimes.com.tw/NetOrderImages/Dpic09.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.coffeeTitlePic {
    max-width: 383px;
    margin: 0 auto;
    width: 66%;
}

.coffeeTitle {
    padding-top: 0.0em;
}

.coffeeDescrption {
    margin-top: 0.2em;
}

.coffeeIconGroup {
    max-width: calc(196px * 4);
    margin: 3em auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.coffeeIconBlock {
    flex: 0 0 196px;
    text-align: center;
    margin-top: 1em;
}

.coffeeIcon {
    width: 69%;
}

.coffeeIconTxtGroup {
    width: 100%;
    text-align: center;
    margin: 1em auto 1em auto;
}

.coffeeIconTxt {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.25em;
    color: #666;
    font-weight: 600;
    text-align: center;
    margin: 0.25em auto;
}

.coffeeIconTxtLine {
    width: 66%;
    height: 1px;
    background-color: #999;
    margin: 0 auto;
}

.moreDecision {
    background-color: #FFFAF1;
    padding-bottom: 3em;
}

.moreDecisionBlock {
    height: 14.0em;
    padding-top: 3.5em;
}

.moreDecisionTitle {
    line-height: 1.35em;
}

.moreDecisionBrace {
    height: 2.5em;
}

.moreDecisionDescrption {
    margin-top: 0.75em;
}

.moreDecisionPic {
    max-width: 900px;
    margin: auto;
    margin-top: 3em;
}

.readeFirst {
    padding-bottom: 6.6em;
}

.forChildren {
    background-image: url(/../images/Dpic11.jpg);
    background-size: cover;
    position: relative;
}

.forChildrenTitle {
    color: white;
    z-index: 10;
    text-shadow: 3px 3px 3px #555;
    padding-bottom: .2em;
}

.forChildrenDescrption {
    color: white;
    z-index: 10;
    text-shadow: 3px 3px 3px #555;
    margin-top: 1.0em;
}

.forChildren2 {
    background-color: #FFFAF1;
    width: 100%;
    padding-top: 2.5em;
    padding-bottom: 5em;
}

.promiseForTW {
    background-image: url(/../images/Dpic12.jpg);
    background-size: cover;
    background-position: right bottom;
    position: relative;
    height: 912px;
}

@media (min-width:500px) and (max-width: 900px) {
    .promiseForTW {
        background-image: url(/../images/Dpic12m.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 1168px;
    }
}

@media (min-width:320px) and (max-width: 499px) {
    .promiseForTW {
        background-size: cover;
        background-image: url(/../images/Dpic12m.jpg);
        background-repeat: no-repeat;
        height: 888px;
    }
}






.promiseForTWIconGroup {
    max-width: calc(218px * 4);
    margin: 3.66em auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.promiseForTWIconBlock {
    flex: 0 0 218px;
    text-align: center;
    margin-top: 1em;
}

.promiseForTWIcon {
    width: 72.88%;
}

.promiseForTWIconTxtGroup {
    width: 100%;
    text-align: center;
    margin: 1em auto 1em auto;
}

.promiseForTWIconTxt {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.35em;
    color: rgb(156 80 71);
    font-weight: 600;
    text-align: center;
    margin: 0.36em auto;
}

.promiseForTWIconTxtWhite {
    color: rgb(156 80 71);
}

.promiseForTWIconTxtLine {
    width: 80%;
    height: 1px;
    background-color: rgb(156 80 71);
    margin: 0 auto;
}

.promiseForTWIconTxtLineWhite {
    background-color: rgb(156 80 71);
}


.subscribeflagFinal {
    margin: 4em auto 0em auto;
    max-width: 513px;
    padding-bottom: 1em;
    padding-top: 1px;
    position: relative;
    width: 66%;
}

.subscribeflagimgFinal {
    cursor: pointer;
    position: absolute;
    top: 0px;
}

    .subscribeflagimgFinal:hover {
        top: -3px;
    }


.slideContainer {
    /*width: calc( 500px * 2 + 60px + 60px);*/
    margin: 4.36em auto 0 auto;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.slideBlockFixed {
    /*    width: calc( 500px * 2 );
    height: 500px;*/
    position: relative;
    overflow: hidden;
}

.slideBlockMoved {
    position: absolute;
    display: flex;
    top: 0px;
    left: 0px;
}

.slideOneItem {
    /*    width: 500px;
    height: 500px;*/
    display: flex;
    justify-content: center;
    align-content: center;
}

    .slideOneItem > img {
        max-width: 86.8%;
    }

.slideRightArrow, .slideLeftArrow {
    flex: 0 0 26px;
    max-width: 26px;
    cursor: pointer;
}

.slideLeftArrow {
    margin: 0 auto 0 0;
}

.slideRightArrow {
    margin: 0 0 0 auto;
}


.slideCircles {
    display: flex;
    justify-content: center;
    margin: 2em auto 0em auto;
    padding-bottom: 3.6em;
}

.slideCircleItem {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: solid 2px rgb(96,191,170);
    background-color: white;
    margin: 0 15px;
}

.slideCircleItemActive {
    background-color: rgb(96,191,170);
}

.slideCircleItemUnActive {
    background-color: white;
}


.topSpace {
    width: 100%;
    height: 66px;
}




@media (min-width:717px) and (max-width: 1040px) {
    .goldTitleBlock {
        padding-top: 3.6em;
    }

    .goldTitle {
        font-size: 2.3em;
    }

        .goldTitle > p {
            line-height: 1.25em;
        }

    .Descrption1 {
        font-size: 1.4em;
    }

    .Descrption2 {
        font-size: 1.6em;
    }

    .brace1line {
        height: 1.2em;
    }

    .moreDecisionBrace {
        height: 2.5em;
    }

    .subscribeflag {
        margin: 5em auto 0em auto;
        padding-bottom: 12.75em;
    }

    .slideContainer {
        margin: 1.36em auto 0 auto;
    }

    .slideCircles {
        margin: 2em auto 0em auto;
        padding-bottom: 3.6em;
    }

    .slideCircleItem {
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    .bookmarkPic {
        background-size: contain;
    }

    .coffeeTitle {
        padding-top: 0.8em;
    }

    .coffeeblock {
        height: unset;
        padding-bottom: 5em;
    }

    .topSpace {
        width: 100%;
        height: 66px;
    }
}

@media (min-width:500px) and (max-width: 716px) {
    .truthandtradition {
        top: -30px;
        left: calc(50% - 14%);
        width: 28%;
    }

    .goldTitleBlock {
        padding-top: 1.6em;
    }

    .goldTitle {
        font-size: 2.3em;
    }

        .goldTitle > p {
            line-height: 1.25em;
        }

    .Descrption1 {
        font-size: 1.1em;
    }

    .Descrption2 {
        font-size: 1.2em;
    }

    .brace1line {
        height: 1.2em;
    }

    .moreDecisionBrace {
        height: 4.28em;
    }

    .brace1line1to2 {
        height: 2.5em;
    }


    .subscribeflag {
        margin: 3em auto 0em auto;
        padding-bottom: 10.75em;
    }

    .slideContainer {
        margin: 0.36em auto 0 auto;
    }

    .slideCircles {
        margin: 1em auto 0em auto;
        padding-bottom: 3.6em;
    }

    .slideCircleItem {
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

    .coffeeTitle {
        padding-top: 0.8em;
    }

    .coffeeblock {
        height: unset;
        padding-bottom: 5em;
        background-size: contain;
        background-image: url(https://www.epochtimes.com.tw/NetOrderImages/Dpic09.jpg), url(https://www.epochtimes.com.tw/NetOrderImages/Dpic03.jpg);
        background-position: left top, left top;
        background-repeat: no-repeat, repeat;
    }

    .topSpace {
        width: 100%;
        height: 44px;
    }
}

@media (min-width:320px) and (max-width: 499px) {

    .truthandtradition {
        top: -16px;
        left: calc(50% - 12.5%);
        width: 25%;
    }


    .goldTitleBlock {
        padding-top: 1.6em;
    }

    .goldTitle {
        font-size: 1.5em;
    }

    .Descrption1 {
        font-size: 1.0em;
    }

    .Descrption2 {
        font-size: 1.1em;
    }

    .brace1line {
        height: 1.2em;
    }

    .moreDecisionBrace {
        height: 4.28em;
    }

    .brace1line1to2 {
        height: 2.5em;
    }

    .subscribeflag {
        margin: 2.5em auto 0em auto;
        padding-bottom: 8.75em;
    }

    .slideContainer {
        margin: 1.36em auto 0 auto;
    }

    .slideCircles {
        margin: 1em auto 0em auto;
        padding-bottom: 2.6em;
    }

    .slideCircleItem {
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

    .coffeeTitle {
        padding-top: 0.8em;
    }

    .coffeeblock {
        height: unset;
        padding-bottom: 5em;
        background-size: contain;
        background-image: url(https://www.epochtimes.com.tw/NetOrderImages/Dpic09.jpg), url(https://www.epochtimes.com.tw/NetOrderImages/Dpic03.jpg);
        background-position: left top, left top;
        background-repeat: no-repeat, repeat;
    }

    .coffeeIconBlock {
        flex: 0 0 150px;
    }

    .coffeeIconTxt {
        font-size: 1.0em;
    }

    .moreDecisionBlock {
        height: unset;
    }

    .vip_testimonials {
        margin: 2em auto 0em auto;
    }

    .readeFirst {
        padding-bottom: 2.6em;
    }

    .promiseForTWIconBlock {
        flex: 0 0 150px;
    }

    .promiseForTWIconTxt {
        font-size: 1.05em;
    }

    .promiseForTWIconTxtWhite {
        color: white;
    }

    .promiseForTWIconTxtLineWhite {
        background-color: white;
    }

    .topSpace {
        width: 100%;
        height: 22px;
    }
}




.bookmarkPicM {
    padding-bottom: 0.8em;
    padding-top: 1.6em;
}

.bookmarkPic_Text_M {
    font-family: 微軟正黑體, 黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 1.25em;
    line-height: 1.6em;
    font-weight: 600;
    color: #555;
    text-align: justify;
    margin: 0.28em auto 0 auto;
    letter-spacing: 0.08em;
    max-width: 426px;
    padding: 0 1em 1.66em 1em;
}

@media (min-width:500px) and (max-width: 800px) {
    .beautyOfDjy {
        padding: 0 0 3em 0;
    }

    .bookmarkPicM {
        padding-bottom: 0.8em;
    }

    .bookmarkPic_Title {
        text-align: center;
        font-size: 1.5em;
    }

    .bookmarkPic_Text_M {
        font-size: 1.25em;
    }
}

@media (min-width:320px) and (max-width: 499px) {
    .beautyOfDjy {
        padding: 0 0 3em 0;
    }

    .bookmarkPicM {
        padding-bottom: 0.8em;
    }

    .bookmarkPic_Title {
        text-align: center;
        font-size: 1.2em;
    }

    .bookmarkPic_Text_M {
        font-size: 1.05em;
    }
}









/*for forms*/
/*-- subscribe form styles */
#box_order_before {
    height: 1.5em;
    width: 100%;
    margin: 0 auto;
}

#NetOrderFormInstance2020Oct_SEDCityList,
#NetOrderFormInstance2020Oct_SEDAreaList {
    height: 1.8em;
}

#NetOrderFormInstance2020Oct_TxtHPhone,
#NetOrderFormInstance2020Oct_TxtOPhone,
#NetOrderFormInstance2020Oct_TxtMPhone {
    height: 2em;
}

@media screen and (max-width: 456px) {
    #NetOrderFormInstance2020Oct_TxtHPhone,
    #NetOrderFormInstance2020Oct_TxtOPhone,
    #NetOrderFormInstance2020Oct_TxtMPhone {
        width: 100%;
    }
}

#NetOrderFormInstance2020Oct_Label12,
#NetOrderFormInstance2020Oct_Label16,
#NetOrderFormInstance2020Oct_Label23 {
    flex: 0 0 auto;
}

#NetOrderFormInstance2020Oct_RadCaptcha1_CaptchaTextBox {
    font-size: 1.6em;
    text-align: center;
}

#NetOrderFormInstance2020Oct_RadCaptcha1 {
    width: 40%;
}

@media screen and (max-width: 512px) {
    #NetOrderFormInstance2020Oct_RadCaptcha1 {
        width: 80%;
    }
}
.nopadding {
    padding: 15px 0 25px 0 !important;
}