@charset "UTF-8";
/* @import url(//fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

@font-face {
    font-family: fontello;
    src: url(../font/fontello.eot?11543146);
    src: url(../font/fontello.eot?11543146#iefix) format("embedded-opentype"), url(../font/fontello.woff2?11543146) format("woff2"), url(../font/fontello.woff?11543146) format("woff"), url(../font/fontello.ttf?11543146) format("truetype"), url(../font/fontello.svg?11543146#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sr-only {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}
.accesskey{
    opacity: 0;
}
.accesskey:focus{
    overflow: visible;
    z-index: 5;
    width: auto;
    height: auto;
    opacity: 1;
}

a:focus,input:focus{
	border: 3px dotted !important;

}

.icon-search:before {
    content: '\e800'
}

.icon-home:before {
    content: '\e801'
}

.icon-dot:before {
    content: '\e802'
}

.icon-down-open:before {
    content: '\e803'
}

.icon-left-open:before {
    content: '\e804'
}

.icon-right-open:before {
    content: '\e805'
}

.icon-up-open:before {
    content: '\e806'
}

.icon-eye:before {
    content: '\e807'
}

.icon-calendar:before {
    content: '\e808'
}

.icon-pencil:before {
    content: '\e809'
}

.icon-keyboard:before {
    content: '\e80a'
}

.icon-line:before {
    content: '\e80b'
}

.icon-user:before {
    content: '\e80c'
}

.icon-download:before {
    content: '\e80d'
}

.icon-plus:before {
    content: '\e80e'
}

.icon-cancel:before {
    content: '\e80f'
}

.icon-ok:before {
    content: '\e810'
}

.icon-minus:before {
    content: '\e811'
}

.icon-logout:before {
    content: '\e813'
}

.icon-sort:before {
    content: '\f0dc'
}

.icon-mail:before {
    content: '\f0e0'
}

.icon-trash:before {
    content: '\f1f8'
}

.icon-facebook:before {
    content: '\f300'
}

.icon-twitter:before {
    content: '\f302'
}

.icon-lock:before {
    content: '\f512'
}

* {
    box-sizing: border-box
}

body,
html {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none
}

html {
    min-height: 100vh;
    height: 100%;
    font-family: Arial, '微軟正黑體', 'Microsoft JhengHei', 'LiHei Pro';
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 1rem;
    font-display: swap;
    line-height: 1.5;
    touch-action: manipulation
}

@media all and (max-width:420px) {
    html {
        font-size: 0.95rem;
    }
}

@media all and (min-width:1281px) {
    html {
        font-size: 1rem;
    }
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden
}

section {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 1200px;
    min-width: 320px;
    width: 100%
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0
}

img {
    display: block;
    border-style: none
}

img[usemap],
map area {
    outline: 0
}

figcaption,
figure {
    margin: 0;
    padding: 0
}

iframe {
    display: block
}

input,
select {
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 400
}

p {
    display: block;
    margin: 0;
    padding: 1em 0
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%
}

[v-cloak] {
    opacity: 0
}

#container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh
}

ul li {
    margin: 15px 0;
    width: 100%;
    line-height: 1.5;
    color: #111
}

@media all and (max-width:767px) {
    ul ul {
        margin-left: -15px;
        width: calc(100% + 15px)
    }
}

ul[data-style=fadeUp-num]>li {
    position: relative
}

ul[data-style=fadeUp-num]>li .fadeInUp {
    position: relative;
    padding-left: 30px
}

ul[data-style=fadeUp-num]>li .fadeInUp:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif
}

ul[data-style=fadeUp-num]>li:nth-child(0) .fadeInUp:before {
    content: "00."
}

ul[data-style=fadeUp-num]>li:nth-child(1) .fadeInUp:before {
    content: "01."
}

ul[data-style=fadeUp-num]>li:nth-child(2) .fadeInUp:before {
    content: "02."
}

ul[data-style=fadeUp-num]>li:nth-child(3) .fadeInUp:before {
    content: "03."
}

ul[data-style=fadeUp-num]>li:nth-child(4) .fadeInUp:before {
    content: "04."
}

ul[data-style=fadeUp-num]>li:nth-child(5) .fadeInUp:before {
    content: "05."
}

ul[data-style=fadeUp-num]>li:nth-child(6) .fadeInUp:before {
    content: "06."
}

ul[data-style=fadeUp-num]>li:nth-child(7) .fadeInUp:before {
    content: "07."
}

ul[data-style=fadeUp-num]>li:nth-child(8) .fadeInUp:before {
    content: "08."
}

ul[data-style=fadeUp-num]>li:nth-child(9) .fadeInUp:before {
    content: "09."
}

ul[data-style=fadeUp-num]>li:nth-child(10) .fadeInUp:before {
    content: "10."
}

ul[data-style=fadeUp-num]>li:nth-child(11) .fadeInUp:before {
    content: "11."
}

ul[data-style=fadeUp-num]>li:nth-child(12) .fadeInUp:before {
    content: "12."
}

ul[data-style=fadeUp-num]>li:nth-child(13) .fadeInUp:before {
    content: "13."
}

ul[data-style=fadeUp-num]>li:nth-child(14) .fadeInUp:before {
    content: "14."
}

ul[data-style=fadeUp-num]>li:nth-child(15) .fadeInUp:before {
    content: "15."
}

ul[data-style=fadeUp-num]>li:nth-child(16) .fadeInUp:before {
    content: "16."
}

ul[data-style=fadeUp-num]>li:nth-child(17) .fadeInUp:before {
    content: "17."
}

ul[data-style=fadeUp-num]>li:nth-child(18) .fadeInUp:before {
    content: "18."
}

ul[data-style=fadeUp-num]>li:nth-child(19) .fadeInUp:before {
    content: "19."
}

ul[data-style=fadeUp-num]>li:nth-child(20) .fadeInUp:before {
    content: "20."
}

ul[data-style=fadeUp-num]>li:nth-child(21) .fadeInUp:before {
    content: "21."
}

ul[data-style=fadeUp-num]>li:nth-child(22) .fadeInUp:before {
    content: "22."
}

ul[data-style=fadeUp-num]>li:nth-child(23) .fadeInUp:before {
    content: "23."
}

ul[data-style=fadeUp-num]>li:nth-child(24) .fadeInUp:before {
    content: "24."
}

ul[data-style=fadeUp-num]>li:nth-child(25) .fadeInUp:before {
    content: "25."
}

ul[data-style=fadeUp-num]>li:nth-child(26) .fadeInUp:before {
    content: "26."
}

ul[data-style=fadeUp-num]>li:nth-child(27) .fadeInUp:before {
    content: "27."
}

ul[data-style=fadeUp-num]>li:nth-child(28) .fadeInUp:before {
    content: "28."
}

ul[data-style=fadeUp-num]>li:nth-child(29) .fadeInUp:before {
    content: "29."
}

ul[data-style=fadeUp-num]>li:nth-child(30) .fadeInUp:before {
    content: "30."
}

ul[data-style=fadeUp-num]>li:nth-child(31) .fadeInUp:before {
    content: "31."
}

ul[data-style=fadeUp-num]>li:nth-child(32) .fadeInUp:before {
    content: "32."
}

ul[data-style=fadeUp-num]>li:nth-child(33) .fadeInUp:before {
    content: "33."
}

ul[data-style=fadeUp-num]>li:nth-child(34) .fadeInUp:before {
    content: "34."
}

ul[data-style=fadeUp-num]>li:nth-child(35) .fadeInUp:before {
    content: "35."
}

ul[data-style=fadeUp-num]>li:nth-child(36) .fadeInUp:before {
    content: "36."
}

ul[data-style=fadeUp-num]>li:nth-child(37) .fadeInUp:before {
    content: "37."
}

ul[data-style=fadeUp-num]>li:nth-child(38) .fadeInUp:before {
    content: "38."
}

ul[data-style=fadeUp-num]>li:nth-child(39) .fadeInUp:before {
    content: "39."
}

ul[data-style=fadeUp-num]>li:nth-child(40) .fadeInUp:before {
    content: "40."
}

ul[data-style=fadeUp-num]>li:nth-child(41) .fadeInUp:before {
    content: "41."
}

ul[data-style=fadeUp-num]>li:nth-child(42) .fadeInUp:before {
    content: "42."
}

ul[data-style=fadeUp-num]>li:nth-child(43) .fadeInUp:before {
    content: "43."
}

ul[data-style=fadeUp-num]>li:nth-child(44) .fadeInUp:before {
    content: "44."
}

ul[data-style=fadeUp-num]>li:nth-child(45) .fadeInUp:before {
    content: "45."
}

ul[data-style=fadeUp-num]>li:nth-child(46) .fadeInUp:before {
    content: "46."
}

ul[data-style=fadeUp-num]>li:nth-child(47) .fadeInUp:before {
    content: "47."
}

ul[data-style=fadeUp-num]>li:nth-child(48) .fadeInUp:before {
    content: "48."
}

ul[data-style=fadeUp-num]>li:nth-child(49) .fadeInUp:before {
    content: "49."
}

ul[data-style=fadeUp-num]>li:nth-child(50) .fadeInUp:before {
    content: "50."
}

ul[data-style=fadeUp-num]>li:nth-child(51) .fadeInUp:before {
    content: "51."
}

ul[data-style=fadeUp-num]>li:nth-child(52) .fadeInUp:before {
    content: "52."
}

ul[data-style=fadeUp-num]>li:nth-child(53) .fadeInUp:before {
    content: "53."
}

ul[data-style=fadeUp-num]>li:nth-child(54) .fadeInUp:before {
    content: "54."
}

ul[data-style=fadeUp-num]>li:nth-child(55) .fadeInUp:before {
    content: "55."
}

ul[data-style=fadeUp-num]>li:nth-child(56) .fadeInUp:before {
    content: "56."
}

ul[data-style=fadeUp-num]>li:nth-child(57) .fadeInUp:before {
    content: "57."
}

ul[data-style=fadeUp-num]>li:nth-child(58) .fadeInUp:before {
    content: "58."
}

ul[data-style=fadeUp-num]>li:nth-child(59) .fadeInUp:before {
    content: "59."
}

ul[data-style=fadeUp-num]>li:nth-child(60) .fadeInUp:before {
    content: "60."
}

ul[data-style=fadeUp-num]>li:nth-child(61) .fadeInUp:before {
    content: "61."
}

ul[data-style=fadeUp-num]>li:nth-child(62) .fadeInUp:before {
    content: "62."
}

ul[data-style=fadeUp-num]>li:nth-child(63) .fadeInUp:before {
    content: "63."
}

ul[data-style=fadeUp-num]>li:nth-child(64) .fadeInUp:before {
    content: "64."
}

ul[data-style=fadeUp-num]>li:nth-child(65) .fadeInUp:before {
    content: "65."
}

ul[data-style=fadeUp-num]>li:nth-child(66) .fadeInUp:before {
    content: "66."
}

ul[data-style=fadeUp-num]>li:nth-child(67) .fadeInUp:before {
    content: "67."
}

ul[data-style=fadeUp-num]>li:nth-child(68) .fadeInUp:before {
    content: "68."
}

ul[data-style=fadeUp-num]>li:nth-child(69) .fadeInUp:before {
    content: "69."
}

ul[data-style=fadeUp-num]>li:nth-child(70) .fadeInUp:before {
    content: "70."
}

ul[data-style=fadeUp-num]>li:nth-child(71) .fadeInUp:before {
    content: "71."
}

ul[data-style=fadeUp-num]>li:nth-child(72) .fadeInUp:before {
    content: "72."
}

ul[data-style=fadeUp-num]>li:nth-child(73) .fadeInUp:before {
    content: "73."
}

ul[data-style=fadeUp-num]>li:nth-child(74) .fadeInUp:before {
    content: "74."
}

ul[data-style=fadeUp-num]>li:nth-child(75) .fadeInUp:before {
    content: "75."
}

ul[data-style=fadeUp-num]>li:nth-child(76) .fadeInUp:before {
    content: "76."
}

ul[data-style=fadeUp-num]>li:nth-child(77) .fadeInUp:before {
    content: "77."
}

ul[data-style=fadeUp-num]>li:nth-child(78) .fadeInUp:before {
    content: "78."
}

ul[data-style=fadeUp-num]>li:nth-child(79) .fadeInUp:before {
    content: "79."
}

ul[data-style=fadeUp-num]>li:nth-child(80) .fadeInUp:before {
    content: "80."
}

ul[data-style=fadeUp-num]>li:nth-child(81) .fadeInUp:before {
    content: "81."
}

ul[data-style=fadeUp-num]>li:nth-child(82) .fadeInUp:before {
    content: "82."
}

ul[data-style=fadeUp-num]>li:nth-child(83) .fadeInUp:before {
    content: "83."
}

ul[data-style=fadeUp-num]>li:nth-child(84) .fadeInUp:before {
    content: "84."
}

ul[data-style=fadeUp-num]>li:nth-child(85) .fadeInUp:before {
    content: "85."
}

ul[data-style=fadeUp-num]>li:nth-child(86) .fadeInUp:before {
    content: "86."
}

ul[data-style=fadeUp-num]>li:nth-child(87) .fadeInUp:before {
    content: "87."
}

ul[data-style=fadeUp-num]>li:nth-child(88) .fadeInUp:before {
    content: "88."
}

ul[data-style=fadeUp-num]>li:nth-child(89) .fadeInUp:before {
    content: "89."
}

ul[data-style=fadeUp-num]>li:nth-child(90) .fadeInUp:before {
    content: "90."
}

ul[data-style=fadeUp-num]>li:nth-child(91) .fadeInUp:before {
    content: "91."
}

ul[data-style=fadeUp-num]>li:nth-child(92) .fadeInUp:before {
    content: "92."
}

ul[data-style=fadeUp-num]>li:nth-child(93) .fadeInUp:before {
    content: "93."
}

ul[data-style=fadeUp-num]>li:nth-child(94) .fadeInUp:before {
    content: "94."
}

ul[data-style=fadeUp-num]>li:nth-child(95) .fadeInUp:before {
    content: "95."
}

ul[data-style=fadeUp-num]>li:nth-child(96) .fadeInUp:before {
    content: "96."
}

ul[data-style=fadeUp-num]>li:nth-child(97) .fadeInUp:before {
    content: "97."
}

ul[data-style=fadeUp-num]>li:nth-child(98) .fadeInUp:before {
    content: "98."
}

ul[data-style=fadeUp-num]>li:nth-child(99) .fadeInUp:before {
    content: "99."
}

ul[data-style=num]>li {
    position: relative;
    padding-left: 30px
}

ul[data-style=num]>li:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif
}

ul[data-style=num]>li:nth-child(0):before {
    content: "00."
}

ul[data-style=num]>li:nth-child(1):before {
    content: "01."
}

ul[data-style=num]>li:nth-child(2):before {
    content: "02."
}

ul[data-style=num]>li:nth-child(3):before {
    content: "03."
}

ul[data-style=num]>li:nth-child(4):before {
    content: "04."
}

ul[data-style=num]>li:nth-child(5):before {
    content: "05."
}

ul[data-style=num]>li:nth-child(6):before {
    content: "06."
}

ul[data-style=num]>li:nth-child(7):before {
    content: "07."
}

ul[data-style=num]>li:nth-child(8):before {
    content: "08."
}

ul[data-style=num]>li:nth-child(9):before {
    content: "09."
}

ul[data-style=num]>li:nth-child(10):before {
    content: "10."
}

ul[data-style=num]>li:nth-child(11):before {
    content: "11."
}

ul[data-style=num]>li:nth-child(12):before {
    content: "12."
}

ul[data-style=num]>li:nth-child(13):before {
    content: "13."
}

ul[data-style=num]>li:nth-child(14):before {
    content: "14."
}

ul[data-style=num]>li:nth-child(15):before {
    content: "15."
}

ul[data-style=num]>li:nth-child(16):before {
    content: "16."
}

ul[data-style=num]>li:nth-child(17):before {
    content: "17."
}

ul[data-style=num]>li:nth-child(18):before {
    content: "18."
}

ul[data-style=num]>li:nth-child(19):before {
    content: "19."
}

ul[data-style=num]>li:nth-child(20):before {
    content: "20."
}

ul[data-style=num]>li:nth-child(21):before {
    content: "21."
}

ul[data-style=num]>li:nth-child(22):before {
    content: "22."
}

ul[data-style=num]>li:nth-child(23):before {
    content: "23."
}

ul[data-style=num]>li:nth-child(24):before {
    content: "24."
}

ul[data-style=num]>li:nth-child(25):before {
    content: "25."
}

ul[data-style=num]>li:nth-child(26):before {
    content: "26."
}

ul[data-style=num]>li:nth-child(27):before {
    content: "27."
}

ul[data-style=num]>li:nth-child(28):before {
    content: "28."
}

ul[data-style=num]>li:nth-child(29):before {
    content: "29."
}

ul[data-style=num]>li:nth-child(30):before {
    content: "30."
}

ul[data-style=num]>li:nth-child(31):before {
    content: "31."
}

ul[data-style=num]>li:nth-child(32):before {
    content: "32."
}

ul[data-style=num]>li:nth-child(33):before {
    content: "33."
}

ul[data-style=num]>li:nth-child(34):before {
    content: "34."
}

ul[data-style=num]>li:nth-child(35):before {
    content: "35."
}

ul[data-style=num]>li:nth-child(36):before {
    content: "36."
}

ul[data-style=num]>li:nth-child(37):before {
    content: "37."
}

ul[data-style=num]>li:nth-child(38):before {
    content: "38."
}

ul[data-style=num]>li:nth-child(39):before {
    content: "39."
}

ul[data-style=num]>li:nth-child(40):before {
    content: "40."
}

ul[data-style=num]>li:nth-child(41):before {
    content: "41."
}

ul[data-style=num]>li:nth-child(42):before {
    content: "42."
}

ul[data-style=num]>li:nth-child(43):before {
    content: "43."
}

ul[data-style=num]>li:nth-child(44):before {
    content: "44."
}

ul[data-style=num]>li:nth-child(45):before {
    content: "45."
}

ul[data-style=num]>li:nth-child(46):before {
    content: "46."
}

ul[data-style=num]>li:nth-child(47):before {
    content: "47."
}

ul[data-style=num]>li:nth-child(48):before {
    content: "48."
}

ul[data-style=num]>li:nth-child(49):before {
    content: "49."
}

ul[data-style=num]>li:nth-child(50):before {
    content: "50."
}

ul[data-style=num]>li:nth-child(51):before {
    content: "51."
}

ul[data-style=num]>li:nth-child(52):before {
    content: "52."
}

ul[data-style=num]>li:nth-child(53):before {
    content: "53."
}

ul[data-style=num]>li:nth-child(54):before {
    content: "54."
}

ul[data-style=num]>li:nth-child(55):before {
    content: "55."
}

ul[data-style=num]>li:nth-child(56):before {
    content: "56."
}

ul[data-style=num]>li:nth-child(57):before {
    content: "57."
}

ul[data-style=num]>li:nth-child(58):before {
    content: "58."
}

ul[data-style=num]>li:nth-child(59):before {
    content: "59."
}

ul[data-style=num]>li:nth-child(60):before {
    content: "60."
}

ul[data-style=num]>li:nth-child(61):before {
    content: "61."
}

ul[data-style=num]>li:nth-child(62):before {
    content: "62."
}

ul[data-style=num]>li:nth-child(63):before {
    content: "63."
}

ul[data-style=num]>li:nth-child(64):before {
    content: "64."
}

ul[data-style=num]>li:nth-child(65):before {
    content: "65."
}

ul[data-style=num]>li:nth-child(66):before {
    content: "66."
}

ul[data-style=num]>li:nth-child(67):before {
    content: "67."
}

ul[data-style=num]>li:nth-child(68):before {
    content: "68."
}

ul[data-style=num]>li:nth-child(69):before {
    content: "69."
}

ul[data-style=num]>li:nth-child(70):before {
    content: "70."
}

ul[data-style=num]>li:nth-child(71):before {
    content: "71."
}

ul[data-style=num]>li:nth-child(72):before {
    content: "72."
}

ul[data-style=num]>li:nth-child(73):before {
    content: "73."
}

ul[data-style=num]>li:nth-child(74):before {
    content: "74."
}

ul[data-style=num]>li:nth-child(75):before {
    content: "75."
}

ul[data-style=num]>li:nth-child(76):before {
    content: "76."
}

ul[data-style=num]>li:nth-child(77):before {
    content: "77."
}

ul[data-style=num]>li:nth-child(78):before {
    content: "78."
}

ul[data-style=num]>li:nth-child(79):before {
    content: "79."
}

ul[data-style=num]>li:nth-child(80):before {
    content: "80."
}

ul[data-style=num]>li:nth-child(81):before {
    content: "81."
}

ul[data-style=num]>li:nth-child(82):before {
    content: "82."
}

ul[data-style=num]>li:nth-child(83):before {
    content: "83."
}

ul[data-style=num]>li:nth-child(84):before {
    content: "84."
}

ul[data-style=num]>li:nth-child(85):before {
    content: "85."
}

ul[data-style=num]>li:nth-child(86):before {
    content: "86."
}

ul[data-style=num]>li:nth-child(87):before {
    content: "87."
}

ul[data-style=num]>li:nth-child(88):before {
    content: "88."
}

ul[data-style=num]>li:nth-child(89):before {
    content: "89."
}

ul[data-style=num]>li:nth-child(90):before {
    content: "90."
}

ul[data-style=num]>li:nth-child(91):before {
    content: "91."
}

ul[data-style=num]>li:nth-child(92):before {
    content: "92."
}

ul[data-style=num]>li:nth-child(93):before {
    content: "93."
}

ul[data-style=num]>li:nth-child(94):before {
    content: "94."
}

ul[data-style=num]>li:nth-child(95):before {
    content: "95."
}

ul[data-style=num]>li:nth-child(96):before {
    content: "96."
}

ul[data-style=num]>li:nth-child(97):before {
    content: "97."
}

ul[data-style=num]>li:nth-child(98):before {
    content: "98."
}

ul[data-style=num]>li:nth-child(99):before {
    content: "99."
}

ul[data-style=decimal]>li {
    position: relative;
    padding-left: 30px
}

ul[data-style=decimal]>li:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif
}

ul[data-style=decimal]>li:nth-child(0):before {
    content: "(0)"
}

ul[data-style=decimal]>li:nth-child(1):before {
    content: "(1)"
}

ul[data-style=decimal]>li:nth-child(2):before {
    content: "(2)"
}

ul[data-style=decimal]>li:nth-child(3):before {
    content: "(3)"
}

ul[data-style=decimal]>li:nth-child(4):before {
    content: "(4)"
}

ul[data-style=decimal]>li:nth-child(5):before {
    content: "(5)"
}

ul[data-style=decimal]>li:nth-child(6):before {
    content: "(6)"
}

ul[data-style=decimal]>li:nth-child(7):before {
    content: "(7)"
}

ul[data-style=decimal]>li:nth-child(8):before {
    content: "(8)"
}

ul[data-style=decimal]>li:nth-child(9):before {
    content: "(9)"
}

ul[data-style=decimal]>li:nth-child(10):before {
    content: "(10)"
}

ul[data-style=decimal]>li:nth-child(11):before {
    content: "(11)"
}

ul[data-style=decimal]>li:nth-child(12):before {
    content: "(12)"
}

ul[data-style=decimal]>li:nth-child(13):before {
    content: "(13)"
}

ul[data-style=decimal]>li:nth-child(14):before {
    content: "(14)"
}

ul[data-style=decimal]>li:nth-child(15):before {
    content: "(15)"
}

ul[data-style=decimal]>li:nth-child(16):before {
    content: "(16)"
}

ul[data-style=decimal]>li:nth-child(17):before {
    content: "(17)"
}

ul[data-style=decimal]>li:nth-child(18):before {
    content: "(18)"
}

ul[data-style=decimal]>li:nth-child(19):before {
    content: "(19)"
}

ul[data-style=disc]>li {
    position: relative;
    padding-left: 15px
}

ul[data-style=disc]>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 99em;
    background-color: #a0a0a0
}

ul[data-style=star]>li {
    position: relative;
    padding-left: 25px
}

ul[data-style=star]>li:before {
    content: '★';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #a0a0a0
}

ul[data-style=cjk-ideographic]>li {
    position: relative;
    padding-left: 30px
}

ul[data-style=cjk-ideographic]>li:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    text-align: center
}

ul[data-style=cjk-ideographic]>li:nth-child(1):before {
    content: '一.'
}

ul[data-style=cjk-ideographic]>li:nth-child(2):before {
    content: '二.'
}

ul[data-style=cjk-ideographic]>li:nth-child(3):before {
    content: '三.'
}

ul[data-style=cjk-ideographic]>li:nth-child(4):before {
    content: '四.'
}

ul[data-style=cjk-ideographic]>li:nth-child(5):before {
    content: '五.'
}

ul[data-style=cjk-ideographic]>li:nth-child(6):before {
    content: '六.'
}

ul[data-style=cjk-ideographic]>li:nth-child(7):before {
    content: '七.'
}

ul[data-style=cjk-ideographic]>li:nth-child(8):before {
    content: '八.'
}

ul[data-style=cjk-ideographic]>li:nth-child(9):before {
    content: '九.'
}

ul[data-style=cjk-ideographic]>li:nth-child(10):before {
    content: '十.'
}

ul[data-style=chinese-formal]>li {
    position: relative;
    padding-left: 30px
}

ul[data-style=chinese-formal]>li:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    text-align: center
}

ul[data-style=chinese-formal]>li:nth-child(1):before {
    content: '壹.'
}

ul[data-style=chinese-formal]>li:nth-child(2):before {
    content: '貳.'
}

ul[data-style=chinese-formal]>li:nth-child(3):before {
    content: '參.'
}

ul[data-style=chinese-formal]>li:nth-child(4):before {
    content: '肆.'
}

ul[data-style=chinese-formal]>li:nth-child(5):before {
    content: '伍.'
}

ul[data-style=chinese-formal]>li:nth-child(6):before {
    content: '陸.'
}

ul[data-style=chinese-formal]>li:nth-child(7):before {
    content: '柒.'
}

ul[data-style=chinese-formal]>li:nth-child(8):before {
    content: '捌.'
}

ul[data-style=chinese-formal]>li:nth-child(9):before {
    content: '玖.'
}

ul[data-style=chinese-formal]>li:nth-child(10):before {
    content: '拾.'
}

.navigation {
    display: block;
    color: #737373;
    font-size: 1em;
    margin-bottom: 1rem;
}

.navigation a {
    margin: 0 5px
}

.navigation a:first-of-type {
    margin-left: 0
}

.info-entry {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    color: #737373;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 15px
}

.info-entry>:not(:last-of-type) {
    margin-right: 20px
}

@media all and (orientation:portrait) {
    .info-entry>:not(:last-of-type) {
        margin-right: 0;
        width: 100%
    }
}

.entry-date {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

@media all and (orientation:portrait) {
    .entry-date {
        margin-bottom: 15px
    }
}

.entry-date:before {
    content: '\e808';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 16px;
    width: 16px;
    color: #737373;
    font-size: 1rem;
}

.entry-author {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

@media all and (orientation:portrait) {
    .entry-author {
        align-items: flex-start
    }
}

.entry-author:before {
    content: '\e80a';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 16px;
    width: 16px;
    color: #737373;
    font-size: 1rem;
}

.entry-count {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.entry-count:before {
    content: '\e807';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 16px;
    width: 16px;
    color: #737373;
    font-size: 1rem;
}

#wrapper_select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto;
    padding: 0 calc(50% - 520px);
    width: calc(100% - 30px)
}

@media all and (orientation:portrait) {
    #wrapper_select {
        width: calc(100% - 50px)
    }
}

.toolbar_reading {
    display: inline-block;
    color: #444;
    font-size: 1rem;
}

@media all and (orientation:portrait) {
    .toolbar_reading {
        width: 100%
    }
}

.toolbar_reading strong {
    color: #b00
}

.toolbar_select {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    padding: 20px 0 0;
    width: 100%
}

@media all and (orientation:landscape) {
    .toolbar_select {
        padding: 0;
        width: auto
    }
}

.select-item {
    position: relative;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin: 0 5px
}

.select-item select {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0
}

@media all and (orientation:landscape) {
    .select-item select:hover+.select-text {
        color: #ec6711
    }

    .select-item select:hover+.select-text:after {
        color: #ec6711;
        font-size: 1.25rem;
    }
}

.select-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 100%;
    color: #737373;
    font-size: 1.25rem;
    font-weight: 400;
    pointer-events: none;
    margin-left: 10px
}

.select-text:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%, 0);
    display: block;
    margin-left: -5px;
    width: 50%;
    height: 2px;
    background: #ff8535
}

.select-text:after {
    content: '\f0dc';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    color: #111;
    font-size: 1rem;
    transition: .2s
}

.select-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 100%;
    color: #737373;
    font-size: 1.25rem;
    font-weight: 400;
    margin-left: 10px
}

.select-btn:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%, 0);
    display: block;
    margin-left: -5px;
    width: 50%;
    height: 2px;
    background: #ff8535
}

.select-btn:after {
    content: '\e80e';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    color: #111;
    font-size: 1rem;
    transition: .2s
}

@media all and (orientation:landscape) {
    .select-btn:hover {
        color: #ec6711
    }

    .select-btn:hover:after {
        color: #ec6711;
        font-size: 1.25rem;
    }
}

#header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 10px;
    width: 100%;
    text-align: center
}

.header_title {
    padding: 5px 10px;
    font-size: 1.875rem;
    font-weight: 500;
    color: #c75000;
    text-align: center
}

@media all and (orientation:landscape) {
    .header_title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        width: 100%;
        height: 70px;
        font-size: 2.125rem;
    }
}

.header_title a {
    position: relative;
    color: inherit
}

.header_title a:before {
    content: "\e801";
    position: absolute;
    bottom: 0;
    right: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 1rem;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    background: #ff8535;
    border-radius: 99em;
    z-index: -1
}

#logo {
    padding: 10px;
    width: 100%;
    text-align: center
}

@media all and (orientation:landscape) {
    #logo {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: auto
    }
}

@media all and (min-width:1024px) {
    #logo {
        padding: 10px 20px
    }
}

#logo img {
    display: block;
    margin: 0 auto;
    width: 200px
}

#find {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    background: #ff761c
}

#find section {
    display: flex;
    align-items: center;
    justify-content: center
}

#find form {
    position: relative;
    display: flex;
    align-items: stretch;
    max-width: 300px;
    width: 80%;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 0 8px #ffa468
}

#find form:active #section_btn,
#find form:focus #section_btn,
#find form:hover #section_btn {
    outline: 0;
    opacity: 1;
    right: 0
}

#find #find_enter {
    padding: 0 15px;
    width: 100%;
    height: 50px;
    color: #111;
    font-size: 1rem;
    border: none;
    background: #fff;
    transition: .4s
}

#find #find_enter:-moz-placeholder,
#find #find_enter:-ms-input-placeholder,
#find #find_enter::-moz-placeholder,
#find #find_enter::-webkit-input-placeholder {
    color: #a0a0a0;
    font-size: 10pt
}

#find #find_enter::-webkit-search-cancel-button,
#find #find_enter::-webkit-search-decoration {
    display: none
}

#find #find_enter:focus {
    outline: 0;
    padding-right: 55px
}
#find_btn:focus{
    opacity: 1;
    right: 0;
}

#find #find_enter:focus+#find_btn {
    opacity: 1;
    right: 0
}

.touchDevice #find #find_enter {
    padding-right: 55px
}

#find_btn {
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    color: #fff;
    font-size: 1.25rem;
    background: #737373;
    opacity: 0;
    outline: 0;
    border: none;
    transition: all .55s ease
}

#find_btn:hover {
    background: #676767
}

.touchDevice #find_btn {
    opacity: 1;
    right: 0
}

.touchDevice #find_btn:hover {
    background: grey
}

.touchDevice #find_btn:active {
    background: #676767
}

.menu {
    display: none
}

@media all and (orientation:landscape) {
    .menu {
        display: block;
        padding: 15px;
        min-width: 180px;
        width: 20%;
        background: #eaeaea
    }

    .menu nav {
        position: -webkit-sticky;
        position: sticky;
        top: 15px
    }

    .menu small {
        margin-left: 3px;
        font-size: 0.95rem;
        font-family: 'Noto Sans TC', sans-serif;
        font-weight: 300
    }

    .menu_btn {
        position: relative;
        display: block;
        padding: 10px 0;
        width: 100%;
        color: #575353;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.25rem;
        text-align: center;
        background: #fff;
        transition: .4s
    }

    .menu_btn:not(:last-of-type) {
        border-bottom: 1px solid #eaeaea
    }

    .menu_btn:not(.menu_btn-active):hover {
        color: #000;
        background: #ff8535
    }

    .menu_btn-active {
        cursor: default;
        color: #000;
        background: #ffcdad
    }

    .menu_btn-active:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translate(0, -50%);
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 15px;
        border-color: transparent transparent transparent #ffcdad
    }
}

#pagelink {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 50px 0;
    width: 100%;
    font-size: 0.95rem;
}

#pagelink a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    color: #111;
    text-decoration: none;
    border: 1px solid #737373
}

#pagelink .on,
#pagelink a:hover {
    color: #fff;
    text-decoration: none;
    background: #737373
}

#footer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 0;
    background: #ec6711
}

#footer ul {
    padding: 0 20px
}

#footer ul li {
    margin: 5px 0;
    color: #000;
    font-size: 1rem;
}

#footer ul a {
    color: #000;
}

#footer ul a:focus {
    border: 2px dotted #000 !important;
}

#footer ul[data-style=disc]>li:before {
    top: 7px;
    background-color: #000;
}

.copyright {
    margin-top: 20px;
    padding: 20px 0;
    width: 100%;
    color: #000;
    font-size: 1rem;
    text-align: center;
    background: #ff761c
}

.copyright a:focus{
    border: 2px dotted #000 !important;
}


#gotop {
    position: fixed;
    bottom: 0;
    right: 20px;
    display: inline-block;
    width: 50px;
    height: 40px;
    pointer-events: none;
    background: 0 0;
    z-index: 3
}

@media all and (max-width:767px) {
    #gotop {
        right: 5px
    }
}

#gotop.gotop_show-stop {
    position: absolute;
    top: -40px;
    bottom: auto
}

#gotop i {
    position: relative;
    display: block;
    width: 50px;
    height: 40px;
    overflow: hidden
}

#gotop i:before {
    position: absolute;
    bottom: -40px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.25rem;
    background-color: #ff8e44;
    transition: .4s
}

#gotop.gotop_hide i:before {
    bottom: -40px
}

#gotop.gotop_show i:before,
#gotop.gotop_show-stop i:before {
    bottom: 0;
    pointer-events: auto
}

#goback {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 30px auto;
    padding: 10px;
    width: 100%;
    color: #737373;
    font-weight: 700;
    font-size: 1rem;
    background: #eaeaea;
    border: none;
    outline: 0
}

#goback:hover {
    color: #fff;
    background: grey
}

#goback:active,
#goback:focus {
    outline: 0
}

#wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-grow: 1;
    background: #f5f6f8
}

#wrapper section {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.nav_title {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    background: #555
}

.nav_btn {
    display: flex;
    align-items: stretch
}

.nav_btn .nav_btn_next,
.nav_btn .nav_btn_prev {
    display: block;
    padding: 10px 0;
    width: 50%;
    color: #000;
    font-size: 1rem;
    text-align: center;
    background: #fff;
    border-top: 1px solid #eaeaea;
    transition: .4s
}

.nav_btn .nav_btn_next:hover,
.nav_btn .nav_btn_prev:hover {
    color: #000;
    background: #ff8535
}

.nav_btn .nav_btn_next:hover:after,
.nav_btn .nav_btn_next:hover:before,
.nav_btn .nav_btn_prev:hover:after,
.nav_btn .nav_btn_prev:hover:before {
    color: #000
}

.nav_btn .nav_btn_next:after,
.nav_btn .nav_btn_next:before,
.nav_btn .nav_btn_prev:after,
.nav_btn .nav_btn_prev:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #000;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5
}

.nav_btn .nav_btn_prev {
    border-right: 1px solid #eaeaea
}

.nav_btn .nav_btn_prev:before {
    content: '\e804';
    margin: 0 5px 0 0
}

.nav_btn .nav_btn_next:after {
    content: '\e805';
    margin: 0 0 0 5px
}

.nav_btn .invalid {
    color: #4c4c4c;
    background: #fff;
    pointer-events: none
}

.nav_btn .invalid:after,
.nav_btn .invalid:before {
    color: #a5a5a5
}

#wrapper_select {
    display: none
}

@media all and (orientation:portrait) {
    #wrapper_select {
        display: flex
    }
}

#wrapper_main {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 45px calc(50% - 520px) 0
}

@media all and (min-width:414px) {
    #wrapper_main {
        width: 90%
    }
}

@media all and (orientation:landscape) {
    #wrapper_main {
        max-width: calc(100% - 180px);
        width: 80%
    }
}

@media screen and (orientation:portrait) {
    .touchDevice #wrapper_main {
        padding-top: 10px
    }
}

.monthly_img {
    position: relative;
    display: inline-block;
    width: 100%
}

.monthly_img:before {
    content: '';
    display: block;
    padding-bottom: 140%;
    width: 100%;
    height: 0
}

.monthly_img img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.monthly_img_btn {
    display: block;
    margin: 10px 0 0;
    padding: 10px;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    color: #000;
    background: #5ec8e5;
    border-radius: 4px
}

@media all and (orientation:landscape) {
    .monthly_img_btn {
        transition: .4s
    }

    .monthly_img_btn:hover {
        color: #fff;
        background: #13b5ea
    }
}

.monthly {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0 auto 50px;
    padding: 10px 0 0;
    width: calc(100% - 40px)
}

.monthly figcaption {
    position: relative;
    max-width: calc(100% - 120px);
    width: 70%;
    padding-bottom: 30px
}

.monthly_cover {
    padding-right: 20px;
    min-width: 120px;
    width: 30%
}

@media all and (orientation:landscape) {
    .monthly_cover {
        padding-right: 40px
    }
}

.monthly_title {
    margin: 0 0 20px;
    padding: 0 0 20px;
    color: #c24a1b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    border-bottom: 1px solid #a0a0a0
}

@media all and (orientation:landscape) {
    .monthly_title {
        font-size: 1.5rem;
    }
}

.monthly_title strong {
    margin-left: 5px;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 500
}

@media all and (orientation:landscape) {
    .monthly_title strong {
        font-size: 1em
    }
}

.monthly_text p {
    display: block;
    margin: 0 0 .6em;
    padding: 0;
    color: #444;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

@media all and (orientation:landscape) {
    .monthly_text p {
        font-size: .7em
    }
}

.monthly_text p:empty {
    display: none
}

.monthly_total {
    position: relative;
    display: block;
    margin-top: 15px;
    color: #111;
    font-size: 1rem;
    font-weight: 300
}

@media all and (orientation:landscape) {
    .monthly_total {
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-block;
        margin-top: 0;
        padding-bottom: 5px
    }
}

.monthly_total strong {
    margin: 0 5px;
    color: #c75000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 500
}

.monthly_date {
    position: absolute;
    left: 0;
    bottom: 5px;
    display: block;
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 300
}

@media all and (orientation:landscape) {
    .monthly_date {
        font-size: 1rem;
    }
}

.monthly_date:before {
    content: '\e808';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 14px;
    width: 14px;
    color: #737373;
    font-size: 1rem;
}

.monthly_author {
    position: absolute;
    right: 0;
    bottom: 5px;
    display: block;
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 300
}

@media all and (orientation:landscape) {
    .monthly_author {
        font-size: 1rem;
    }
}

.monthly_author:before {
    content: '\e80a';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 14px;
    width: 14px;
    color: #737373;
    font-size: 1rem;
}

.article_list {
    position: relative;
    display: block
}


.article_list li {
    margin: 0 0 50px;
    padding-top: 50px;
    width: 100%;
    border-top: 1px solid #d3d3d3
}
.article_list .list_link:focus{
    border: 2px dotted #777;
    display: block;
}

.article_list figure {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 0 10px
}

@media all and (min-width:414px) {
    .article_list figure {
        padding: 0 20px
    }
}

.article_list figcaption {
    position: relative;
    max-width: calc(100% - 100px);
    width: 70%;
    padding-bottom: 40px
}

.article_img {
    position: relative;
    margin-right: 20px;
    min-width: 100px;
    width: calc(30% - 20px);
    overflow: hidden
}

@media all and (orientation:landscape) {
    .article_img {
        margin-right: 40px;
        width: calc(30% - 40px)
    }
}

.article_img:before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0
}

.article_img img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.article_img strong {
    position: absolute;
    top: 3px;
    right: 0;
    min-width: 35px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    text-align: center;
    z-index: 2;
    transform: scale(.7) translate(10px, -5px)
}

@media all and (min-width:768px) {
    .article_img strong {
        transform: scale(1)
    }
}

.article_img:after {
    content: "";
    position: absolute;
    top: -25px;
    right: -35px;
    width: 100px;
    height: 50px;
    background-color: #c24a1b;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: rotate(35deg) scale(.7)
}

@media all and (min-width:768px) {
    .article_img:after {
        transform: rotate(35deg) scale(1);
        right: -30px
    }
}

.article_img:hover+figcaption .article_title a {
    color: #c24a1b
}

.article_title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5
}

@media all and (orientation:landscape) {
    .article_title {
        font-size: 1.25rem;
    }
}

.article_title span {
    display: block;
    margin: 0;
    padding-bottom: 5px;
    color: #007aa2;
    font-size: 1rem;
    font-weight: 400
}

.article_title span:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 5px;
    height: 12px;
    background: #007aa2
}

.article_title a {
    color: inherit;
    transition: .4s
}

@media all and (orientation:landscape) {
    .article_title a:hover {
        color: #c24a1b
    }
}

.article_title small {
    display: block;
    padding-top: 5px;
    color: #737373;
    font-size: .85rem;
    font-weight: 300
}

.article_text p {
    display: block;
    margin: 0 0 .6em;
    padding: 0;
    color: #444;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

@media all and (orientation:landscape) {
    .article_text p {
        font-size: 1rem
    }
}

.article_text p:empty {
    display: none
}