@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');


.meus_pyBgFixed{
  overflow: hidden;
}

.us_pyBgFixed{
  position:relative;
}

/*標題*/
.meus_pyBgFixed .meMsg_MsgMainTd .meMsg_MsgBlk .meMsg_MsgTitle {
    display: block;
    font-family: "Shadows Into Light", cursive;
    color: #ffffff;
    font-size: 27px;
    margin-bottom: 10px;
    position: relative;
}

.meus_pyBgFixed .meMsg_MsgMainTd .meMsg_MsgBlk .meMsg_MsgTitle::selection {
     background-color: var(--SelectBgColor);
    color: var(--SelectWdColor);
}

/*副標題*/
.meus_pyBgFixed .meMsg_MsgMain .meMsg_MsgMainTd .meMsg_MsgSubTitle{
  color: #ffffff;
    font-size: 55px;
   font-family: "Rubik", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    text-transform: capitalize;
    margin-bottom: 20px;
   position: relative;
}

.meus_pyBgFixed .meMsg_MsgMain .meMsg_MsgMainTd .meMsg_MsgSubTitle p strong::selection {
     background-color: var(--SelectBgColor);
    color: var(--SelectWdColor);
}


.meus_pyBgFixed .meMsg_MsgMainTd .meMsg_MsgBlk::selection {
    background-color: var(--SelectBgColor);
    color: var(--SelectWdColor);
}


/*背景*/
.meus_pyBgFixed .meMsg_MsgMain{
     background-position: 50% 50%;
    background-size: cover;
    padding-top: 400px;
    padding-bottom: 60px;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

.meus_pyBgFixed .meMsg_MsgMain:before{
   content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(27, 26, 26, 0.45);
}



.svgicon {
    position: absolute;
    bottom: 0;
    left: 50%; /*絕對位置置中*/
    transform: translate(-50%, 0); /*修正：絕對位置置中會稍微偏右的問題*/
    z-index:2;
}


@supports (-webkit-touch-callout: inherit) {
.meus_pyBgFixed .meMsg_MsgMain {
background-attachment: scroll !important;
}
}