/* css reset */
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}



/* ////////////////////////////////////////////////////////////// */
/* Main-page mobile-display-control */
/* home */
#new-article-section {
    display: none;
}

#new-article-section2 {
    display: none;
}

#main-section-home {
    display: none;
}

/* han */
#main-section-han {
    display: none;
}

/* tsai */
#main-section-tsai {
    display: none;
}

/* ke */
#main-section-ke {
    display: none;
}

/* others */
#main-section-others {
    display: none;
}

/* ////////////////////////////////////////////////////////////// */
#three-btn-section {
    display: none;
}

#article1-main-div {
    display: none;
}

#article2-main-div {
    display: none;
}

#article3-main-div {
    display: none;
}

/* mobile-version-display-open */
/* home */
#Mobile-main-section-home {
    display: block;
}

/* han */
#Mobile-main-section-han {
    display: block;
}

/* tsai */
#Mobile-main-section-tsai {
    display: block;
}

/* ke */
#Mobile-main-section-ke {
    display: block;
}

/* others */
#Mobile-main-section-others {
    display: block;
}

/* ////////////////////////////////////////////////////////////// */
#Mobile-three-btn-section {
    display: block;
}

#Mobile-article1-main-div {
    display: block;
}

#Mobile-article2-main-div {
    display: block;
}

#Mobile-article3-main-div {
    display: block;
}

/* ////////////////////////////////////////////////////////////// */
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Serif TC', serif;
    font-weight: 400;
    font-style: normal;
    /* background: orchid; */
}



/* ////////////////////////////////////////////////////////////// */
/* main 主視覺 */
/* home */
#Mobile-main-section-home {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../img/mobile_banner_home_750x1334.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hot-news-title{
    font-size: 2em;
    margin-left: 35vw;
}

/* han */
#Mobile-main-section-han {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../img/mobile_banner_han_750x1334.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* tsai */
#Mobile-main-section-tsai {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../img/mobile_banner_tsai_750x1334.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ke */
#Mobile-main-section-ke {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../img/mobile_banner_others_750x1334.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* others */
#Mobile-main-section-others {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url("../img/mobile_banner_home_750x1334.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ////////////////////////////////////////////////////////////// */

#main-title {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 85vw;
    left: 9vw;
    top: 20vw;
}

#title {
    position: absolute;
    border-left: 12px solid #e52020;
    font-size: 2.5em;
    font-family: 'KozGoPr6N', 'Noto Sans TC', sans-serif;
    font-weight: bold;
    color: #ffffff;
}

#title .title-2020 {
    font-size: 5vw;
}


#title .title1 {
    padding-left: 4vw;
}

#title .title2 {
    padding-left: 4vw;
}

#title-des {
    position: absolute;
    top: 44vw;
    left: 8vw;

    font-size: 1em;
    font-family:'YuMin-Medium','Noto Serif TC', serif;
    font-style: 400;
    color: rgb(255, 255, 255);

    width: 70vw;
    /* overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; */
}

#title-btn {
    position: absolute;
     width: 7.8vw; 
    /* height: 2.5vw; */
    left: 80vw;
    top: 120vw;
    font-size: 1em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: rgba(255, 255, 255);
    border: none;
    text-decoration: none;
    cursor: pointer;
    margin-top: 2vw;
    background: border-box;
}

.text-straight {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    border-left: 1px solid rgb(255, 255, 255);
}

#title-btn img {
    width: 1em;
    margin-left: 0.25em;
}

/*寫信給總統 animation*/
title-btn:hover {
    color: #f5f0e9;
}

.ca3-scroll-down-link-Mobile {
    -webkit-animation: ca3_fade_move_down 1.5s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 1.5s ease-in-out infinite;
    animation: ca3_fade_move_down 1.5s ease-in-out infinite;
}

/*animated scroll arrow animation*/
    @-webkit-keyframes ca3_fade_move_down {
    0% { -webkit-transform:translate(0,-10px); opacity: 0; }
    50% { opacity: 1; }
    100% { -webkit-transform:translate(0,10px); opacity: 0; }
}

@-moz-keyframes ca3_fade_move_down {
    0% { -moz-transform:translate(0,-10px); opacity: 0; }
    50% { opacity: 1; }
    100% { -moz-transform:translate(0,10px); opacity: 0; }
    }

@keyframes ca3_fade_move_down {
    0% { transform:translate(0,-10px); opacity: 0; }
    50% { opacity: 1; }
    100% { transform:translate(0,10px); opacity: 0; }
}
/* ////////////////////////////////////////////////////////////// */
/* 三個後選人選單 */
#Mobile-three-btn-section {
    position: relative; 
    width: 100%; 
    height: 35vw;
    background: #000000; 
}

#Mobile-three-btn-section .btn1 {
    position: absolute; 
    width: 33.3%; 
    height: 35vw;
    /* left: 3vw; */
    border-right: 0.5px solid #ffffff;
}

#Mobile-three-btn-section .btn2 {
    position: absolute; 
    width: 33.3%; 
    height: 35vw; 
    left: 33.3vw;
    border-right: 0.5px solid #ffffff;
}

#Mobile-three-btn-section .btn3 {
    position: absolute;  
    width: 33.3%; 
    height: 35vw; 
    left: 66.6vw;
}

/* #Mobile-three-btn-section .btn3 iframe {
    width: 100%;
    height: 35vw;
} */

#Mobile-three-btn-section .btn1-mobile-bg {
    background-image: linear-gradient(0deg, #008F8D, #279e6b);
}

#Mobile-three-btn-section .btn2-mobile-bg {
    background-image: linear-gradient(0deg, #006be0, #7cb1ea);
}

#Mobile-three-btn-section .btn3-mobile-bg {
    background-image: linear-gradient(0deg, #a98a04, #e5f000);
}

#Mobile-three-btn-section .candidate {
    position: absolute;
    font-size: 1em;
    top: 10vw;
    left: 4vw;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    line-height: 3.5vw;
    color: #ffffff;
}

#Mobile-three-btn-section .candidate-btn3 {
    position: absolute;
    font-size: 1em;
    top: 10vw;
    left: 8vw;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    line-height: 3.5vw;
    color: #ffffff;
}

#Mobile-three-btn-section .name {
    position: absolute;
    top: 16vw;
    left: 4vw;
    font-size: 1.2em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: #ffffff;
}

#Mobile-three-btn-section .name-btn3 {
    position: absolute;
    top: 16vw;
    left: 8vw;
    font-size: 1.2em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: #ffffff;
}

/* ////////////////////////////////////////////////////////////// */
/* 第一篇文章 */
#Mobile-article1-main-div {
    position: relative;
    width: 100%;
    /* background: khaki; */
    margin: 0 auto;
}

#Mobile-article1-main-div .mobile-article1-img{
    width: 100%;
    height: 60vw;
    /* background-color: #de9657; */
    background-image: url(../img/content_pic_1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#Mobile-article1-main-div .num-div {
    font-size: 1em;
    padding-left: 2vw;
}

#Mobile-article1-main-div .text-div {
    padding: 5vw 2vw;
}

#news-title-catalog-1 {
    float: left;
    padding: 0 1vw;
    background-image: linear-gradient(0deg, #006be0, #7cb1ea);
    color: #ffffff;
    font-size: 1.3em;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

#Mobile-article1-main-div .text-div #news1-date {
    float: right;
    padding-top: 2vw;
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', sans-serif;
}

#Mobile-article1-main-div .text-div #news1-title {
    clear: both;
    font-size: 1.6em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: rgb(0, 0, 0);
    padding: 3.6vw 0.9vw 2.8vw 0.9vw;
}

#Mobile-article1-main-div .text-div #news1-content {
    /* width: 35vw; */
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(0, 0, 0);
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    padding-left: 1.1vw;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

#Mobile-article1-main-div .text-div #news1-read-more {
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    text-align: right;
    padding-top: 1em;
}

#Mobile-article1-main-div .text-div #news1-read-more a{
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 0.8em;
}

/* ////////////////////////////////////////////////////////////// */
/* 廣告 slider */
#ad-main-div {
    min-height: 100vw;
}

#ad-main-div #ad-title {
    font-size: 2em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
}

#ad-main-div #ad-text {
    width: 80vw;
    font-size: 1em;

    line-height: 1.5em;
    /* padding-bottom: 122px; */
}

.prev, .next {
    padding: 2vw;
    font-size: 1.2em;
    top: 40%;
}

.prev {
    margin-left: 2vw;
}

.next {
    margin-right: 2vw;
}

/* ////////////////////////////////////////////////////////////// */
/* 第二篇文章 */
#Mobile-article2-main-div {
    position: relative;
    width: 100%;
    /* background: yellow; */
    margin: 0 auto;
}

#Mobile-article2-main-div .mobile-article2-img {
    width: 100%;
    height: 60vw;

    /* background-color: pink; */
    background-image: url(../img/content_pic_2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#Mobile-article2-main-div .num-div {
    font-size: 1em;
        padding-left: 2vw;
}

#Mobile-article2-main-div .text-div {
    padding: 5vw 2vw;
}

#news-title-catalog-2 {
    float: left;
    padding: 0 1vw;
    background-image: linear-gradient(0deg, #008F8D, #279e6b);
    color: #ffffff;
    font-size: 1.3em;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

#Mobile-article2-main-div .text-div #news2-date {
    float: right;
    padding-top: 2vw;
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', sans-serif;
}

#Mobile-article2-main-div .text-div #news2-title {
    clear: both;
    font-size: 1.6em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: rgb(0, 0, 0);
    padding: 3.6vw 0.9vw 2.8vw 0.9vw;
}

#Mobile-article2-main-div .text-div #news2-content {
    /* width: 35vw; */
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(0, 0, 0);
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    padding-left: 1.1vw;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

#Mobile-article2-main-div .text-div #news2-read-more {
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    text-align: right;
    padding-top: 1em;
}

#Mobile-article2-main-div .text-div #news2-read-more a{
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 0.8em;
}

/* ////////////////////////////////////////////////////////////// */
/* 第三篇文章 */
#Mobile-article3-main-div {
    position: relative;
    width: 100%;
    /* background: khaki; */
    margin: 0 auto;
}

#Mobile-article3-main-div .mobile-article3-img {
    width: 100%;
    height: 60vw;

    /* background-color: yellow; */
    background-image: url(../img/content_pic_3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#Mobile-article3-main-div .num-div {
    font-size: 1em;
    padding-left: 2vw;
}

#Mobile-article3-main-div .text-div {
    padding: 5vw 2vw;
}

#news-title-catalog-3 {
    float: left;
    padding: 0 1vw;
    background-image: linear-gradient(0deg, #a98a04, #e5f000);
    color: #ffffff;
    font-size: 1.3em;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}

#Mobile-article3-main-div .text-div #news3-date {
    float: right;
    padding-top: 2vw;
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', sans-serif;
}

#Mobile-article3-main-div .text-div #news3-title {
    clear: both;
    font-size: 1.6em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    color: rgb(0, 0, 0);
    padding: 3.6vw 0.9vw 2.8vw 0.9vw;
}

#Mobile-article3-main-div .text-div #news3-content {
    /* width: 35vw; */
    font-size: 1em;
    line-height: 1.5em;
    color: rgb(0, 0, 0);
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    padding-left: 1.1vw;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

#Mobile-article3-main-div .text-div #news3-read-more {
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    text-align: right;
    padding-top: 1em;
}

#Mobile-article3-main-div .text-div #news3-read-more a{
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 0.8em;
}

/* ////////////////////////////////////////////////////////////// */
/* 閱讀更多 */
#btn-section .button {
    font-size: 1em;
    width: 80vw;
}

/* ////////////////////////////////////////////////////////////// */
/* btn-info */
#btn-logo-section img {
    width: 35vw;
}

#btn-logo-section h1 {
    vertical-align: 3vw;
    font-size: 1.2em;
}

.email img {
    width: 6vw;
    vertical-align: -2vw;
        margin-right: 0.4vw;
}

.phone img {
    width: 6vw;
    vertical-align: -2vw;
}

#btn-contact-section .email {
    font-size: 0.8em;
    margin-right: 0;
    /* background: pink; */
}

#btn-contact-section .phone {
    font-size: 0.8em;
    /* background: yellow; */
}

#btn-info-section {
    padding: 5vw 2vw;
}


.footer-style {
    font-size: 0.8em; 
}


/* ////////////////////////////////////////////////////////////// */
/* Timeline - mobile-display-css-adjust */
#timeline-main-div {
    top: 20vw;
    /* background: rgb(204, 194, 194); */
}

i {
    left: 90%;
}

#timeline-main-div .text-div {
    width: 100%;
    margin-left: 0;
    height: 50vw;
    /* background: yellow; */
}

#timeline-main-div #title1 {
    font-size: 1.2em;
    top: 10vw;
    left: 3vw;
}

#timeline-main-div #title2 {
    top: 20vw;
    font-size: 2em;
    left: 3vw;
}

#timeline-main-div #party-catalog {
    width: 100%;
    top: 40vw;
    padding-left: 0;
}

.party-content {
    width: 22%;
    padding-left: 2vw;;
    
}

.party-content img {
    width: 5vw;
}

.hr-dotted {
    width: 90%;
    margin-top: 0.8vw;
    margin: 0 auto;
}


/* timeline itself */
.timeline {
    width: 86%;
    margin-top: 10vw;
    margin-bottom: 40vw;

    position: relative;
}

.timeline::after {
    top: 5vw;
    bottom: 1vw;
    left: 0;
    /* margin-left: 0; */

}

.container-timeline {
    width: 100%;
}

.timeline .right {
    left: 0;
}

.party-content .party-name {
    font-size: 0.8em;
}

#timeline-top-content-btn, #timeline-bottom-content-btn  {
    display: none;
}

#month {
    left: -4vw;
    top: -2vw;
    font-size: 0.8em;
}

#month-bar {
    top: 5vw;
}


.timeline .content {
    padding: 3vw 3.5vw;
    margin-bottom: 5vw;
}

/* The news title img */
.timeline .content #news-block-top img {
    width: 4vw;
    padding-top: 3vw;
}

.timeline .content #news-block-bottom img {
    width: 4vw;
    padding-top: 3vw;
}

/* news block padding */
.timeline .content #news-block-top {
    padding-bottom: 1.3vw;
}

.timeline .content #news-block-bottom {
    padding-top: 1.3vw;
    padding-bottom: 2.5vw;
}

/* The number of news title limit  */
.timeline .content #news-title {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;   
}

.timeline .content #party-img {
    margin-right: 1vw;
}

.email img {
    width: 1.8em;
}


/* ////////////////////////////////////////////////////////////// */
/* email to president */
#write-to-president-main-div {
    background: #f5f0e9;
    width: 100%;
    padding: 10vw 4vw 0vw 4vw;
}

#write-to-president-main-div  .sub-div {
    width: 90vw;
}

.decoration-style {
    margin-right: 0;
    text-align: right;
}

#write-to-president-main-div .title {
    font-size: 1.6em;
}

#write-to-president-main-div .text {
    font-size: 1em;
    line-height: 1.5em;
    width: 80vw;
}

#write-to-president-main-div .input-style {
    margin-top: 10vw;
    padding-left: 0;
}

.text-input {
    width: 80vw;
    font-size: 0.8em;
    padding: 4vw;
    margin: 2vw 0;
}

textarea {
    width: 80vw;
    height: 30vw;
    font-size: 0.8em;
    padding: 4vw;

}

.submit-input {
    width: 80vw;
    font-size: 0.8em;
    padding: 3vw;
    margin: 5vw 0;
}

.submit-input:hover {
    color: #ebebeb;
    background: #585858; 
}

.require-icon {
    color: #b01212;
    padding: 0 1vw;
    font-size: 0.8em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
}

.input-item-name {
    font-size: 0.8em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
}


/* 投票區域 */
#mobile-vote-main-div {
    width: 100%;
    position: relative;
    /* background-color: #547ea8; */
        
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 13.9vw;
}

#mobile-vote-main-div .mobile-vote-title {
    font-size: 2em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    border-bottom: 2px solid #000;
    margin-left: 5vw;
    padding-bottom: 1vw;
    margin-bottom: 0.5em;
    display: inline-block;
}

.mobile-vote-box-container {
    display: flex;
    justify-content: center;
}


#mobile-vote-main-div .sub-div {
    width: 95%;
    /* background: #224da1; */
    margin: 0px auto;
    padding: 10vw 0;
}

.mobile-vote-box1 {
    width: 32%;
    /* background: gold; */
    margin: 1vw;
    box-shadow: 5px 5px 10px #bfbdbd;
    transition: transform .3s ease-out;
}

/* 蔡英文 */
.mobile-vote-img-tsai {
    width: 100%;
    height: 12vw;
    background-image: url(/lazyweb/election/img/mobile-vote-img-tsai.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background: yellowgreen; */
}

/* 韓國瑜 */
.mobile-vote-img-han {
    width: 100%;
    height: 12vw;
    background-image: url(/lazyweb/election/img/mobile-vote-img-han.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background: yellowgreen; */
}

/* 蔡英文 */
.mobile-vote-img-others {
    width: 100%;
    height: 12vw;
    background-image: url(/lazyweb/election/img/mobile-vote-img-others.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background: yellowgreen; */
}

/* candicate name */
.mobile-vote-content {
    width: 100%;
    height: 6vw;
    margin: 1vw 0;
    /* background: orange;     */
}

.mobile-vote-content-name {
    font-size: 0.9em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    text-align: center;
}

/* vote icon&stamp */
.mobile-vote-icon {
    /* background: salmon; */
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-vote-icon img {
    width: 15%;
    float: left;
    margin: 1vw 1vw 1vw 9vw;
}

.mobile-vote-icon .mobile-stamp-text {
    font-size: 0.9em;
    font-family: 'YuMin-Medium','Noto Serif TC', serif;
    padding-left: 1vw;
    padding-top: 0.5vw;
}

/* vote percent */
.mobile-vote-content-percent {
    margin-top: 1.1vw;
    text-align: center;
    padding: 4.5vw;
}

.mobile-vote-percent-tsai {
    background-image: linear-gradient(0deg, #008F8D, #279e6b);
}

.mobile-vote-percent-han {
    background-image: linear-gradient(0deg, #006be0, #7cb1ea);
}

.mobile-vote-percent-others {
    background-image: linear-gradient(0deg, #a98a04, #e5f000);
}

.mobile-vote-content-percent-name {
    font-size: 0.9em;
    font-family: 'KozGoPr6N', 'Noto Sans TC', sans-serif;
    padding-top: 1.1vw;
    padding-left: 1vw;
    color: #ffffff;
    /* background: tan;  */
}

.mobile-vote-content-percent-number {
    font-size: 1.5em;
    font-family: 'KozGoPr6N', 'Noto Sans TC', sans-serif;
    padding-left: 1vw;
    color: #ffffff;
    /* background: teal; */
}


/* popup modal */
.modal-content {
    width: 85%;
}

.vote-popup-title {
    font-size: 1.2em;
}

.popup-item-name {
    font-size: 1em;
    margin-right: 4vw;
}

.radio-item {
    font-size: 1em;
}

.checkmark {
    height: 1em;
    width: 1em;
    position: relative;
    top: 0.6vw;
    margin-right: 1vw;
}

.age-item {
    width: 30vw;
    font-size: 1em;
}

.location-item {
    width: 26vw;
    font-size: 1em;
}

.popup-item-block {
    padding: 3vw 0;
}

.popup-submit-input {
    width: 46vw;
    font-size: 1em;
    margin: 2vw 0;
}

.close {
    font-size: 1em;
}

.location-item option {
    font-size: 1em;
}

.age-item option {
    font-size: 1em;
}

#mobile-vote-main-div {
    display: block;
    margin-bottom: 0vw; 
}

#vote-main-div {
    display: none;
}

.mobile-vote-content-percent {
   display: none;   
}

#voteSubmit {
   width: 80%;
} 

/*menu*/
.main-title-style {
    font-size: 1.4em;
    padding-bottom: 1em;
}

.main-title-style2 {
    font-size: 1.2em;
}

.sub-title-style {
    font-size: 1em;
}

.menu .wrapper {
    padding-top: 8vh;
}


.article-hr {
    display: none;
}

.logo {
    display: inherit;
}


.container {
    margin-left: 50vw;
}

.menu {
    left: 100%;
}
.menu.active {
    left: 0vw;
}

#news-title-catalog-all {
    float: left;
    padding: 0 1vw;
    background-image: linear-gradient(0deg, #b19693, #eed9d7);
    color: #ffffff;
    font-size: 1.3em;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}