@import url("../../../icon_new_6.2/css/all.min.css");

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*DIY--設計可增加用樣式*/
:root {
    --ivory-gray: #f4f4f4;
    --orange-red: #c3452c;
    --dark-red: #b72e13;
    --skin-pink: #ffe2d7;
    --blue: #1074a6;
    --beige: #f7efda;
    --gold: #98734C;
    --light-brown: #DEC394;
    --black: #303030;
}

.bg1 {background: url(../../File/Image/1207045_2_01.png) no-repeat top center #ecdab3;}
.bg2 {background-color: ;}
.bg4 {background-color: var(--ivory-gray);}

/*Default*/
body {font-family: 'Noto Sans TC', sans-serif;}
#Master_title img {margin: 1.6% auto auto;}
#app {width:90%;margin:2rem auto}
#app > div{margin:1rem 0}
.VueCarousel-slide {display:flex;align-items:center;justify-content:center;align-items: flex-start;box-sizing:border-box;}
.text-white {color:white;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {right: 0%;}
.media_area * {transition: .3s;}
.media_area img{text-align: center;margin: 0 auto;width: 100%;border-radius: 15px 15px 0 0;}
.media_area dt {font-size: 1.2rem;font-weight: 900;text-align: center;font-family: 'Noto Sans TC', sans-serif;}
.media_show {left: 0;bottom:0rem;overflow: hidden;background-color: var(--skin-pink);color: var(--black);font-size: 1.0rem;padding: 0.5rem;text-align: justify;border-radius: 0 0 15px 15px;}
.media_area {position: relative;z-index:1 ;width: 215px;}
.media_area:hover .media_show {bottom:0rem;}
.medaia_video {position: relative;width: 87%;height: 0;padding-bottom: 52.25%;margin: auto 1rem;}
.medaia_video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.medaia_video img {width: 100%;border-radius: 10px;}
.title {font-size: 2.8rem;text-align: center;margin: 3% auto 2%;color: var(--dark-red);border-bottom: solid 4px;display: inline-block;}

/*Search*/
.search {padding: 1rem 0;text-align: end;}
.search input[type="text"] {background-color: white;border-radius: 1rem;border: 0;padding: 0.25rem 0.5rem;outline: 0;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.search input[type="submit"] {background-color: var(--black);border-radius: 1rem;padding: 0.15rem 0.35rem;margin-left: 0.15rem;color: white;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}

/*List*/
.MediaShowList {display: flex;flex-wrap: wrap;position: relative;z-index: 2;}
.media_group {margin: 0.5rem 0;background-color: rgb(255 255 255 / 30%);width: 100%;}
.media_group:nth-of-type(n+1):nth-of-type(-n+2) {}
.media_content {text-align: left;padding: 1rem 3rem 1rem 1rem;z-index: 1;position: relative;}
.media_photo {float: left;padding: 1rem;}
.breadcrumbList {text-align: left;}
.breadcrumbList a:not(:last-of-type)::after {content: '>';padding: 0 0.25rem;}
.media_title {font-family: 'Noto Serif TC', serif;font-weight: bold;color: var(--dark-red);border-top: 4px solid;border-bottom: 1px solid;padding: 0.35rem;font-size: 1.5rem;;}
.media_item {font-size: 1.05rem;}
.media_item dd {margin: 0.5rem 0;text-indent: -5.25rem;padding-left: 5.25rem;}
.degree a {border: var(--blue) dotted 1px;color:var(--blue);padding:0 0.35rem;border-radius: 5px;font-weight: 700;}
.degree a:first-of-type {margin-left: 0.5rem;}
.media_view {display: none;text-align: center;background-color: var(--skin-pink);color: var(--black);}
.keyword {color: var(--gold);}
.keyword a::before {content: '#';}
.media_photo .category {justify-content: center;padding: 0.5rem 0 0;}

/*ListDetail*/
.learn_type span {background-color: orange;color: #FFF;padding: 0 0.5rem;border-radius: 25px;}
.content_title {font-size: 2rem;font-weight: 900;}
.keyword dd,.keyword span {background-color: #dfefff;margin: auto 0.5rem;padding: 0.2rem 0.5rem;border-radius:10px;}
.experience {background-color: #fffaf5;padding: 1rem 2rem;font-size: 1.1rem;line-height: 1.75rem;color: #363434;word-break: break-word;}
.experience li{list-style: disc;margin-left: 1rem;}
.experience ul ul li{list-style:circle;}
.experience ul ul{margin-left: 2rem;}
.experience ol li {list-style-type: decimal;}
.experience p {margin: 1rem auto;}
.media_photo .category_detail {display: none;}
.category_detail {background-color: #CE7556;color: #FFF;padding: 0 0.5rem;}
.content_item dd {margin-bottom: 0.5rem;}
.experience a {color: var(--blue);}
.media_container .media_view {display: inline-flex;flex-wrap: wrap;justify-content: center;width: 80%;margin: auto;}
.media_container .media_title {margin: 1rem auto;font-size: 1.75rem;}
.media_container .category {font-size: 1.25rem;}
.media_container .category_detail {border-radius: 5px;margin: auto 0.5rem auto 0;}
.media_container .keyword {font-size: 1.25rem;}
.media_container .media_content {padding: 1rem 0 0;}
.media_container .media_item {width: 60%;margin: auto;font-size: 1.125rem;}
.media_container .media_item dd {text-indent: -5.5rem;padding-left: 5.5rem;}
.media_share {display: inline-flex;flex-wrap: wrap;justify-content: center;width: 80%;margin: auto;text-align: center;}
.media_share a {background-color: #395693;color: white;font-size: 0.95rem;width: 100%;}
.media_item2 {display: none;_display: flex;flex-wrap: wrap;padding: 0 0 1rem;width: 15%;align-items: center;margin: auto auto 0;}
.page_next {display: flex;flex-wrap: wrap;padding: 1rem 0;z-index: 2;position: relative;}
.page_next ol:first-of-type {margin: auto 3rem 0.5rem 0;}
.player_wrap {background-color: #fffaf5;padding: 1rem 0;}
#rmpPlayer {margin: auto;}
#notSupport {text-align:center;padding:30px;background-color:#EFED0A;}
.form-group {display: flex;flex-wrap: wrap;justify-content: center;background-color: #222222;width: 640px;margin: auto;padding: 0.5rem 0;}
.playerbar {margin: auto 1rem;}
.playerbar .btn {background-color: var(--blue);color: white;padding: 1.25px 5px;}
.playerbar select {margin: auto -3px;}

/*Footer*/
#BodyFooter_rwd {background-color: var(--light-brown);padding: 2rem 0;}
#footer_inline {margin: auto}
#footer_inline ul {display: flex;flex-wrap: wrap;justify-content: center;}
#footer_inline ul li {margin: auto 0.5rem;}
#footer_inline li:first-of-type {width: 100%;font-size: 1.25rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding-bottom: 0.5rem;}
#footer_inline li:first-of-type a {display: inline-flex;flex-wrap: wrap;align-items: center;}
#footer_inline li:first-of-type a:last-of-type {text-decoration: underline;}
#footer_inline li:first-of-type img {width: 35px;margin-right: 0.5rem;}
#footer_line {width: 90%;height: auto;margin:1% 5%;text-align: center;border-top: thin solid var(--gold);}
#footer_address ul {margin: auto;text-align: center;}
#footer_address ul li {text-align: center;list-style-type: none;display:inline-block;}

/*站內原有樣式*/
#BodyContent {width:100%;padding:0;margin:0;}
#BodyContainer_event {width:100%;margin:0;}
#BodyHeader_event_rwd,#topli {display:none;}

@media screen and (min-width: 1201px) {
    #channel_master {margin: auto;width:1200px;}
    .media-menu {width: 1200px;margin: auto;border-bottom: solid 5px #c3452c;padding-bottom: 1%;}    
    aside.banner_fixed {position: fixed;top: 0;width: 1200px;}
    aside.banner_fixed .w-full {width: 180px;margin: auto 0 auto auto;}
    .ad_box i {display: none;}
    .player_wrap {width: 83.333333%;}
}

@media screen and (max-width: 1200px) {
    /*Header MB*/
    .header_mb {font-weight: bold;font-size: 1.75rem;height: 55px;}
    /*Default*/
    .home_exp .VueCarousel {width: 90%;margin: auto;}
    /*List*/
    .media_content {padding: 0.5rem 1rem;}
    .media_item dd {text-indent: -5.25rem;padding-left: 5.25rem;}
    .banner_box {position: fixed;right: 0;bottom: 10%;width: 115px;z-index: 3;display: none;}
    .media_banner dt, .media_books dt {display: none;}    
    /*ListDetail*/
    .media_container .media_item {width: 55%;}
    .media_item2 {width: 20%;}
    .media_container .media_photo img {width: 150px;height: 150px;}

    /*****站內原有樣式Mobile*****/
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt {display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event {width: 100%;}
    /*會撐開的版面控制END*/
    /* Header */
    #BodyHeader_event_rwd {text-align:center;width:100%;height:auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;display: initial;}
    /*orientation: portrait   直式
    orientation: landscape  橫式*/
    #BodyHeader_event_rwd img {height: auto;margin:2.5% auto;}
    @media screen and (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;}}
    @media screen and (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;}}
    /*主圖位置ID*/
    #Master_title {margin-top: 55px;}
    /*TOP按鈕*/
    #topli,#topli a {color: #fff;text-decoration: none;}
    #topli {width:35px;height:35px;text-align:center;border-radius:9999em;background-color:#000;opacity:.35;position:fixed;line-height:35px;font-size:12px;display: initial;z-index: 4;right:1%;bottom:5%;}
}

@media screen and (max-width: 767px) {    
    .header_mb {font-weight: bold;font-size: 1.25rem;height: 45px;}    
    #Master_title {margin-top: 45px;}
    .media_photo {float: initial;margin: auto;padding: 1rem 1rem 0;}
    .media_area{width: 100%;margin: 0 0.2rem;}
    #Master_title h1, #Master_title h2 {padding: 0.5rem;}
    .media_container .media_item {width: 100%;padding: 0 1rem;}
    .media_item2 {width: 100%;justify-content: center;}
    .media_container .media_view {width: calc(100%/2 - 2rem);margin: 0;}
    .media_share {width: calc(100%/2 - 2rem);margin: 0;}
    .experience {padding: 1rem;}
    .form-group {width: 100%;}
    .playerbar {margin: 0 0.25rem;}
    .media_container .category {padding: 0 0.25rem;}
    .media_container .category_detail {margin: auto 0.5rem 0.25rem 0;}
}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix() {/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}