body {
    color: #333;
    -webkit-text-size-adjust: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration: none;
    font-size: 16px;
    /* background-color: #b6d95b; */
}


/* div.wq-pop.cover.confirm > div > div > div.COM > p.pop_t01.pop-data-container, */

div.wq-pop.cover.confirm>div>div>div.COM>p:nth-child(2),
div.wq-pop.cover.confirm>div>div>div.COM>p:nth-child(3),
#dateFormat,
div.wq-pop.cover.confirm>div>div>div.COM>p.pop_t03 {
    /* display: none; */
}

.PC #MY2020 h1 {
    height: 250px;
}

.PC #MY2020 .MO_MENU_BG,
.PC #MY2020 .MO_MENU_BG02 {
    display: block;
}

.PC #MY2020 .MENU {
    width: 750px;
}

.PC #MY2020 .MENU ul {
    width: 100%;
}

.PC #MY2020 .MENU li.active {
    width: calc(750px / 6);
    margin-left: -1px;
}

.PC #MY2020 .MENU li:first-child {
    margin-left: unset;
}

.PC #MY2020 .MENU li.active:last-child {
    width: calc(100% / 6 + 1px);
    margin-right: -1px;
}

.PC #MY2020 .MENU li.active a {
    color: #000000;
    font-weight: bold;
}

.PC #MY2020 .MENU li.active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a3ec65+0,62ac23+100 */
    background: #a3ec65;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a3ec65 0%, #62ac23 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a3ec65 0%, #62ac23 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a3ec65 0%, #62ac23 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a3ec65', endColorstr='#62ac23', GradientType=0);
    /* IE6-9 */
}

.PC #MY2020 .MENU li:hover:last-child {
   /* width: 125px;*/
    width: calc(100% / 6 + 1px);
    margin-right: -1px;
}

.PC #MY2020 .MENU li a:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#62ac23+0,a3ec65+100 */
    background: #62ac23;
    /* Old browsers */
    background: -moz-linear-gradient(top, #62ac23 0%, #a3ec65 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #62ac23 0%, #a3ec65 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #62ac23 0%, #a3ec65 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#62ac23', endColorstr='#a3ec65', GradientType=0);
    /* IE6-9 */
}

.PC #MY2020 .T_INFO,
.PC #MY2020 .T_INFOAREA .T_CON {
    width: 750px;
}

.PC #MY2020 .T_OPEN,
.PC #MY2020 .T_CLOSE {
    right: 10px;
}

.PC #MY2020 .T_INFOAREA .T_PBT a {
    display: block;
}

.MOBILE #MY2020 .T_INFOAREA .T_PBT {
    display: none;
}

.MOBILE #MY2020 #INPUT_BOX,
.MOBILE #MY2020 .MENU {
    display: block;
}

.MOBILE #nextBtn {
    background-image: url(../images/next.png) !important;
}

.MOBILE #prevBtn {
    background-image: url(../images/pre.png) !important;
}

.MOBILE #MY2020 .MO_MENU li.active {
    color: #FFF;
    line-height: 45px;
    background-color: #62ac23;
    background: -moz-linear-gradient( top, #62ac23 0%, #a3ec65);
    background: -webkit-gradient( linear, left top, left bottom, from(#62ac23), to(#a3ec65));
    font-weight: bold;
}

.MOBILE #MY2020 .MO_MENU li.active a {
    color: #000 !important;
}

.MOBILE #MY2020 .FORTUNE_PH,
.MOBILE #MY2020 .FORTUNE_PH img {
    height: auto !important;
}

.MOBILE #MY2020 .T_INFO {
    width: 100%;
}

.MOBILE #MY2020 .MO_MENU_BG {
    width: 100%;
}

.FOOT_MOBILE>div {
    margin-top: -1px !important;
}

.PC #MY2020 .T_ALL {
    height: 40px;
}

.PC #MY2020 .T01_B {
    line-height: 40px;
}

.PC #MY2020 .T_TEXT {
    padding-top: 0;
}


/* 命宮在手機版 格局 太小 */

.BOX03 .LORD04 {
    width: 25% !important;
}

.BOX03 .LORD02 {
    width: 50% !important;
}

.BOX03 .LORD07 {
    width: 60% !important;
    left: 20% !important;
}


/*=========================列印頁面區================*/

.PC #MY2020.PRINT_BG {
    background: none !important;
}

.PC #MY2020.PRINT_BG #CHART_YEAR {
    width: unset !important;
}

.PC #MY2020.PRINT_BG .VIDEO_2020_RE {
    display: none;
}

.PC #MY2020.PRINT_BG .T01_B.PURPLE {
    display: block;
}

.PC #MY2020.PRINT_BG .e_BT.pagi,

/* .PC #MY2020.PRINT_BG .T01_B, */

.PC #MY2020.PRINT_BG .T_PBT {
    display: none;
}

.PC #MY2020.PRINT_BG .CALENDAR .T01_B {
    display: block;
}

.PC #MY2020.PRINT_BG .BAR02>.T01_B {
    display: block !important;
}

.PC #MY2020.PRINT_BG .PRINT_TOP {
    width: 680px;
    height: 200px;
    background-image: url(../images/print_top.png);
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG {
    width: 680px;
    margin: 0 auto;
    border: 1px solid #62ac23;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.PC #MY2020.PRINT_BG .CONTENT {
    width: 678px;
    border: none;
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG .CON_BOX {
    width: 650px;
    margin: 0 auto;
    margin-top: 10px;
}

.PC #MY2020.PRINT_BG .T_TEXT {
    width: 100%;
}

.PC #MY2020.PRINT_BG .T_INFO {
    width: 678px;
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG .T_INFOAREA {
    width: 678px;
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG .T_CON {
    width: 678px;
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG .T_PBT {
    display: none;
}

.PC #MY2020.PRINT_BG .MONTHTIPS {
    width: 670px;
    height: auto;
    margin: 0 auto;
    padding-left: 5px;
}


/*命盤圖下方 五宮位區塊*/

.PC #MY2020.PRINT_BG .FOR_FATE {
    width: 650px;
    height: auto;
    margin: 0 auto;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_WOOD {
    width: 650px;
    height: 12px;
    background-image: url(../images/t01.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_BG {
    width: 650px;
    height: auto;
    background-color: #fffbf5;
    box-shadow: inset 0px 0px 50px 0px #E7D0B0;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON {
    width: 650px;
    margin: 0 auto;
    padding: 10px 0px;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .F_ALL {
    width: 95%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #ecd9ba;
    padding: 10px 0 10px 0;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .F_ALL:last-child {
    border-bottom-style: none;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .CARDID {
    float: left;
    width: 200px;
    height: 40px;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    margin-left: 70px;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .CARDALL {
    float: right;
    width: 300px;
    /*325px*/
    height: 38px;
    padding-top: 2px;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .CARDALL li {
    float: left;
    width: 70px;
    height: 40px;
    padding-right: 10px;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .CARDALL .CTIPS {
    font-size: 0.9em;
    line-height: 38px;
    height: 38px;
}

.PC #MY2020.PRINT_BG .FOR_FATE .F_CON .CARDALL img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}


/*命盤圖下方 五宮位區塊結束*/

.PC #MY2020.PRINT_BG .KEYFRAME {
    width: 100%;
    height: 0;
    padding-bottom: 26.865671%;
    background-size: cover;
    background-image: url(../images/re_ph_bg00.png);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top: 5px;
}

.PC #MY2020.PRINT_BG .KEYPOINT {
    width: 100%;
    height: 0;
    padding-bottom: 26.865671%;
    background-size: cover;
    position: relative;
    background-image: url(../images/re_ph_bg01.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 5px;
}

.PC #MY2020.PRINT_BG .REP_BOX {
    width: 650px;
    height: auto;
    overflow: hidden;
}

.PC #MY2020.PRINT_BG .REP_BOX li.R_LEFT {
    float: left;
    width: 270px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.PC #MY2020.PRINT_BG .REP_BOX li.R_RIGHT {
    float: right;
    width: 360px;
    height: auto;
}

.PC #MY2020.PRINT_BG .REP_BOX li.R_WORDS {
    /* width: 100px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 114px;
    right: 19px; */
    width: 115px;
    height: 80px;
    top: 130px;
    right: 10px;
}

.PC #MY2020.PRINT_BG .DOU_BOX li.R_BOX {
    float: right;
    width: 365px;
    height: auto;
    overflow: hidden;
}

.PC #MY2020.PRINT_BG .PEACH_BG {
    width: 100%;
    height: 0;
    padding-bottom: 22.388059%;
    background-size: cover;
    position: relative;
    background-image: url(../images/re_ph03_bg01.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.PC #MY2020.PRINT_BG .PEACH_BG02 {
    width: 650px;
    height: auto;
    overflow: hidden;
}

.PC #MY2020.PRINT_BG .PEACH_BG02 .PEACH_BOX02_BG {
   /* background: unset;*/
}

.PC #MY2020.PRINT_BG #div5 div.PEACH_BG02>ul>li:nth-child(1)>div>div.PEACH_BOX02,
.PC #MY2020.PRINT_BG #div5 div.PEACH_BG02>ul>li:nth-child(2)>div>div.PEACH_BOX02 {
    background-image: url(../images/dot02_bg.jpg) !important;
    background-repeat: no-repeat;
    background-size: 100% 200px;
    background-position: center center !important;
}

.PC #MY2020.PRINT_BG #div5 div.PEACH_BG02>ul>li.B>div>div.PEACH_BOX02 {
    background-image: url(../images/dot02_bgb.jpg) !important;
    background-repeat: no-repeat;
    background-size: 100% 220px;
    background-position: center !important;
}

.PC #MY2020.PRINT_BG .FOURSTARS .F_LEFT,
.PC #MY2020.PRINT_BG .FOURSTARS .F_LEFT2,
.PC #MY2020.PRINT_BG .FOURSTARS .F_LEFT3,
.PC #MY2020.PRINT_BG .FOURSTARS .F_LEFT4 {
    padding-top: 5px;
}


/*列印頁結束*/


/* input頁 */

.PC #MY2020 .VIDEO_2020_RE {
    margin-top: 20px;
}

#MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(8)>img {
    /* margin-bottom: 10px !important; */
}

.LINE_GREEN {
    border-bottom: 1px solid #9fca44;
    width: 100%;
    margin: 20px auto;
}

.PC #MY2020 .CONTENT.IP_CONTENT {
    border: none;
    background-image: url(../images/con_bg.jpg);
    background-size: 100% auto;
    padding: 0;
}

.PC #MY2020 .IN_LINE {
    width: 100%;
    height: 1px;
    background-image: url(../images/in_line.png);
    background-repeat: repeat-x;
    background-position: left center;
    margin: 25px auto;
}

.MOBILE #MY2020 .IP_FRAME_BG {
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    margin: 0 auto;
    /* z-index: 0;
  position: relative; */
}

.PC #MY2020 .IP_FRAME_BG {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.MOBILE #MY2020 .IP_FRAME {
    width: 100%;
    height: auto;
    position: absolute;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../images/in_bg.png);
    background-position: top center;
    background-size: 120% auto;
    background-repeat: no-repeat;
    /* left: 0.5%; */
}

.PC #MY2020 .IP_FRAME {
    width: 100%;
    height: 750px;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../images/in_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.MOBILE #MY2020 .IP_TOP {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.PC #MY2020 .IP_TOP {
    width: 980px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: -15%;
}

.MOBILE #MY2020 .IP_TOP h1 {
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    margin: 0 auto;
    background: url(../images/top_title.png) no-repeat center;
    background-size: cover;
    text-indent: -9999px;
    position: relative !important;
    /* top: -16px; */
    top: 0;
    left: 0;
}

.PC #MY2020 .IP_TOP h1 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    background: url(../images/in_top_title.png) no-repeat top center;
    text-indent: -9999px;
}

.MOBILE #MY2020 .CONTENT_FOOT,
.MOBILE #MY2020 .CONTENT_TOP {
    display: none;
}

.MOBILE #MY2020 .IP_TOP .IN_W_BG {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    position: absolute;
    top: 30%;
    margin: 0 auto;
    background: url(../images/in_animation_bg.png) no-repeat top center;
    background-size: cover;
}

.PC #MY2020 .IP_TOP .IN_W_BG {
    width: 100%;
    height: 450px;
    margin: 0 auto;
}

.MOBILE #MY2020 .IN_W_BG .IN_WORD {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    margin: 0 auto;
    position: absolute;
}

.PC #MY2020 .IN_W_BG .IN_WORD {
    width: 100%;
    height: 450px;
    position: relative;
    background: url(../images/in_animation_bg.png) no-repeat top center;
    background-size: 100% auto;
    top: -35%;
}

.PC #MY2020 .IN_W_BG .IN_WORD>img {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -150px;
}


/*球動畫*/

@keyframes FLASH {
    0% {
        filter: opacity(70%);
    }
    100% {
        filter: opacity(100%);
    }
}

@keyframes MOVEING {
    0% {
        -webkit-transform: translate(0, 0px);
        /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translate(0, 0px);
        /* IE 9 */
        transform: translate(0, 0px);
        /* IE 10, Fx 16+, Op 12.1+ */
    }
    100% {
        -webkit-transform: translate(0, -10px);
        /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translate(0, -10px);
        /* IE 9 */
        transform: translate(0, -10px);
        /* IE 10, Fx 16+, Op 12.1+ */
    }
}

@-webkit-keyframes MOVEING {
    0% {
        -webkit-transform: translate(0, 0px);
        /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translate(0, 0px);
        /* IE 9 */
        transform: translate(0, 0px);
        /* IE 10, Fx 16+, Op 12.1+ */
    }
    100% {
        -webkit-transform: translate(0, -10px);
        /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translate(0, -10px);
        /* IE 9 */
        transform: translate(0, -10px);
        /* IE 10, Fx 16+, Op 12.1+ */
    }
}


/*球動畫尾*/

.MOBILE #MY2020 .IP_TOP .IN_BOW01,
.PC #MY2020 .IP_TOP .IN_BOW01 {
    position: absolute;
    left: 16%;
    top: 3%;
    background-image: url(../images/in_bow01.png);
    background-size: 70%;
}

.MOBILE #MY2020 .IP_TOP .IN_BOW02,
.PC #MY2020 .IP_TOP .IN_BOW02 {
    position: absolute;
    left: 10%;
    top: 35%;
    background-image: url(../images/in_bow02.png);
    background-size: 87%;
}

.MOBILE #MY2020 .IP_TOP .IN_BOW03,
.PC #MY2020 .IP_TOP .IN_BOW03 {
    position: absolute;
    right: 38%;
    bottom: 2%;
    background-image: url(../images/in_bow03.png);
    background-size: 100%;
}

.MOBILE #MY2020 .IP_TOP .IN_BOW04,
.PC #MY2020 .IP_TOP .IN_BOW04 {
    position: absolute;
    right: 10%;
    top: 35%;
    background-image: url(../images/in_bow04.png);
    background-size: 90%;
}

.MOBILE #MY2020 .IP_TOP .IN_BOW05,
.PC #MY2020 .IP_TOP .IN_BOW05 {
    position: absolute;
    right: 18%;
    top: 0;
    background-image: url(../images/in_bow05.png);
    background-size: 70%;
}

.MOBILE #MY2020 .IP_TOP .IN_BOW_BG {
    width: 21vw;
    height: 21vw;
    background-repeat: no-repeat;
    background-position: center center;
}

.PC #MY2020 .IP_TOP .IN_BOW_BG {
    width: 175px;
    height: 175px;
    background-repeat: no-repeat;
    background-position: center center;
}


/* 動畫結束尾 */

.MOBILE #MY2020 .VLT.IMG3 img {
    display: block;
    width: 65%;
    margin-bottom: 20px;
}

.MOBILE #MY2020 .VLT.IMG4 img {
    display: inline-block;
    width: 45%;
}

.PC #MY2020 .HORZ {
    width: 100%;
    display: flex;
    /* justify-content: center;
  flex-direction: row; */
}

.PC #MY2020 .HORZ.IMG4>img {
    margin-left: -3% !important;
}

.PC #MY2020 .HORZ.IMG3>img {
    width: 31%;
}

.PC #MY2020 .HORZ.IMG4>img {
    width: 25%;
}

.PC #MY2020 .TITLEA {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* border: 1px solid #d66b31; */
}

.MOBILE #MY2020 .T_BAR {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    font-family: unset;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #709a49;
    box-shadow: 0 0 30px #518a1c inset;
}

.PC #MY2020 .T_BAR {
    width: 100%;
    font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica, Arial;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
    background-image: url(../images/ceiling.jpg);
    height: 73px;
    color: rgb(255, 255, 255);
    margin: 0px auto;
}

.MOBILE #MY2020 .T_BAR .DR_DOWN,
.PC #MY2020 .T_BAR .DR_DOWN {
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.MOBILE #MY2020 .T_BAR .DR_DOWN02,
.PC #MY2020 .T_BAR .DR_DOWN02 {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.MOBILE #MY2020 .T_CON>iframe {
    height: 200px;
}

.MOBILE #MY2020 .T_CON,
.PC #MY2020 .T_CON {
    width: 95%;
    margin: 20px auto;
}

.PC #MY2020 .CON_BOX+img {
    margin-top: 20px;
}

.MOBILE #MY2020 .LISTBOX li {
    overflow: hidden;
}

.PC #MY2020 .LISTBOX li {
    /* width: auto;
  height: auto; */
    overflow: hidden;
    margin-bottom: 5px;
}

#MY2020 .LISTBOX .LIST_ICON_A {
    background-image: url(../images/ul-1.png);
}

#MY2020 .LISTBOX .LIST_ICON_B {
    background-image: url(../images/ul-2.png);
}

#MY2020 .LISTBOX .LIST_ICON_C {
    background-image: url(../images/ul-3.png);
}

#MY2020 .LISTBOX .LIST_ICON_D {
    background-image: url(../images/ul-4.png);
}

#MY2020 .LISTBOX .LIST_ICON_E {
    background-image: url(../images/ul-5.png);
}

#MY2020 .LISTBOX .LIST_ICON {
    width: 30px;
    height: 30px;
    float: left;
    background-size: 100%;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 3px;
}

.PC #MY2020 .LISTBOX li>ul li {
    margin-bottom: 5px;
}

#MY2020 .IN_T02 {
    font-size: 1.5em;
    line-height: 1.6em;
    color: #333;
}

.MOBILE #MY2020 .LISTBOX li.LISTWORD {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(../images/ul-li.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 0 5px;
    margin-left: 35px;
}

.PC #MY2020 .LISTBOX li.LISTWORD {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(../images/ul-li.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 0 5px;
    margin-left: 40px;
}

#MY2020 .S,
#MY2020 .L {
    display: block;
    float: left;
}

#MY2020 .S::before,
#MY2020 .L::before {
    content: '\2514';
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 1.3rem;
    margin-top: 10px;
}

#MY2020 .S::before {
    content: '*';
}

#MY2020 .IN_T01 {
    font-size: 1.3em;
    line-height: 1.6em;
    color: #333;
}

.PC #MY2020 .LISTIMG {
    float: left;
    width: 35%;
}

#dd_below>div>ul>li>ul>ul>ul>li {
    margin-left: 65px;
}

.MOBILE #MY2020 .CONTENT {
    margin-bottom: 20px;
}

.PC #MY2020 .CONTENT {
    width: 750px;
    margin-bottom: 20px;
}

.PC #MY2020 .CONTENT img {
    clear: none;
    height: auto;
}

.PC #MY2020 .FORINPUT {
    width: 100%;
}

.MOBILE #MY2020 {
    width: 100%;
    background: url(../images/bg.png) no-repeat top center;
    background-size: contain;
}

.PC #MY2020 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/bg.png) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

.MOBILE .list-wrapper .list-aggregate span,
.PC .list-wrapper .list-aggregate span {
    float: left;
}

.MOBILE .list-wrapper .list-aggregate span.city,
.PC .list-wrapper .list-aggregate span.city {
    text-align: right;
    width: 50%;
    color: #999;
    font-size: 1.1rem;
}

.MOBILE .list-wrapper .list-aggregate p.feedback,
.PC .list-wrapper .list-aggregate p.feedback {
    clear: both;
    margin-top: 25px;
    font-size: 1.1rem;
    /* font-weight: bold; */
}

.MOBILE .list-wrapper .list-aggregate span.prefix,
.PC .list-wrapper .list-aggregate span.prefix {
    text-align: left;
    width: 50%;
    color: #468502;
    font-size: 1.1rem;
    /* font-weight: bold; */
}

.MOBILE .list-wrapper .list-aggregate li,
.PC .list-wrapper .list-aggregate li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    height: auto;
    overflow: hidden;
}

.MOBILE .list-wrapper,
.PC .list-wrapper {
    width: 100%;
    height: 261px;
}

.MOBILE .list-wrapper {
    margin: unset;
}

.MOBILE #MY2020 .LISTIMG>img {
    width: 75.68%;
    height: auto;
}

.PC #MY2020 .LISTIMG>img {
    width: 80%;
    height: auto;
}

.MOBILE #MY2020 .TITLEA,
.PC #MY2020 .TITLEA {
    border: 1px solid #8dc11e;
    border-top: none;
}

.PC #MY2020 .T_BAR {
    font-family: auto;
    font-size: 1.8rem;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-family: inherit;
}

.MOBILE .NEW_BT_F {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background-image: url(../images/bt_bg.png);
    background-repeat: repeat;
    padding-top: 7px;
    background-size: 15px 15px;
}

.MOBILE .NEW_BT_F a {
    margin: 0 auto;
    width: 90%;
    height: 47px;
    font-size: 1.5rem;
    line-height: 47px;
    text-decoration: none;
    position: static;
}

.PC .NEW_BT_F {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background-image: url(../images/bt_bg.png);
    background-repeat: repeat;
    padding-top: 4px;
}

.PC .NEW_BT_F a {
    display: block;
    margin: 0 auto;
    width: 320px;
    font-size: 1.5em;
    text-decoration: none;
    position: static;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .wq-iconx {
        display: none !important;
    }
}


/* input頁 */

.PC .INPUT_MY2020 #MY2020 .IN_W_BG .IN_WORD {
    height: 500px;
    background-size: 98% auto;
    top: -25%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW01,
.PC .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW01 {
    left: 23%;
    top: -2%;
    background-size: 100%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW02,
.PC .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW02 {
    top: 33%;
    background-size: 109%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW03,
.PC .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW03 {
    right: 39%;
    bottom: 9%;
    background-size: 120%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW04,
.PC .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW04 {
    top: 32%;
    background-size: 110%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW05,
.PC .INPUT_MY2020 #MY2020 .IP_TOP .IN_BOW05 {
    right: 22%;
    top: -3%;
    background-size: 98%;
}

.INPUT_MY2020 #MY2020 .CONTENT_TOP+.CON_BOX {
    margin-top: 0;
}

.MOBILE .INPUT_MY2020 #MY2020 .UL_S {
    margin-left: 65px;
    width: calc(100% - 65px);
}

.PC .INPUT_MY2020 #MY2020 .UL_S {
    margin-left: 11%;
    overflow: hidden;
}

.INPUT_MY2020 #MY2020 .S+.IN_T01,
.INPUT_MY2020 #MY2020 .S {
    color: red;
    font-size: 1.1em;
}

.INPUT_MY2020 #MY2020 .S,
.INPUT_MY2020 #MY2020 .L {
    display: inline-block;
}

.INPUT_MY2020 #MY2020 .LISTWORD+ul {
    clear: both;
}

.MOBILE .INPUT_MY2020 #MY2020 .LISTBOX li.LISTWORD,
.PC .INPUT_MY2020 #MY2020 .LISTBOX li.LISTWORD {
    clear: both;
    margin-left: 35px;
}

.PC .INPUT_MY2020 #MY2020 .BT_T01_S {
    font-size: 0.7em;
    color: unset;
}

#ZIWEI_BOX {
    margin-top: 20px !important;
}

.MOBILE .INPUT_MY2020 #MY2020 .BT_T01_S {
    font-size: 0.5em;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_FRAME {
    padding-bottom: 70%;
}

.MOBILE .INPUT_MY2020 #MY2020 .IP_FRAME_BG {
    padding-bottom: 80%;
}

@media screen and (max-width: 1100px) {
    .PC .INPUT_MY2020 #MY2020 {
        width: 1100px !important;
        transform-origin: 0 0;
    }
    .PC .FREE #MY2020 {
        width: 1100px !important;
        transform-origin: 0 0;
    }
    .PC .RESULT #MY2020 {
        width: 1100px !important;
        transform-origin: 0 0;
    }
}

div.e_BT.pagi>ul.ONE>li {
    float: none;
}


/* result頁 */

.PC .RESULT #MY2020 .IP_TOP h1,
.PC .FREE #MY2020 .IP_TOP h1 {
    background-size: auto;
    position: absolute;
    transform: translate(0%, 0%);
}

.PC .RESULT #MY2020 .IP_FRAME,
.PC .FREE #MY2020 .IP_FRAME {
    position: relative;
}

#div1>div:nth-child(1)+img,
#div2>div:nth-child(15)+img,
#div3>div:nth-child(1)+img,
#div3>div:nth-child(7)+img,
#div4>div:nth-child(1)+img,
#div4>div:nth-child(5)+img,
#div5>div:nth-child(9)+img,
#div5>div:nth-child(1)+img,
#div6>div:nth-child(1)+img {
    margin-top: 0 !important;
}

#div2>div:nth-child(3)>p:nth-child(3) {
    margin-bottom: 20px;
}

#MY2020 .CON_P {
    margin-top: 15px;
}

.T01_B>.CON_P {
    margin-top: 10px
}

.T01_B+p.T02 {
    margin-bottom: 20px !important
}

.BAR02+.T02,
.T01_B+.T02 {
    margin-top: 10px;
}

.PC #MY2020 .REP_BOX {
    margin-bottom: 20px;
}

.PC #MY2020 .FRAME>div.IP_FRAME_BG>div.IP_FRAME {
    height: 350px;
}

.PC .NFIX {
    transform: unset !important;
    left: calc(50vw - 375px);

}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { 
.PC .NFIX { 
    left: calc(50vw - 389px); 
}
.PC #MY2020 .PEACH_BG02 .PEACH_BOX02_BG{
    padding: 1px;
}
.PC #MY2020 .MENU ul li{
    width: 125px;
}
}
.PC #MY2020 .T_INFOAREA {
    width: 750px;
}


/* result頁 */


/* navbar 滾動軸 */

.MOBILE #MY2020 .MO_MENU_BG {
    margin-bottom: 5px;
}


/* navbar 滾動軸 */


/* free頁 */

.PC #MY2020 .REP_BOX li.R_WORDS {
    width: 115px;
    height: 80px;
    top: 128px;
    right: 20px;
}

.PC #MY2020 .REP_BOX li.R_WORDS p {
    line-height: 80px;
}

#MY2020 .T02 {
    width: 100%;
}

.PC .FREE #MY2020 .KEYPOINT .KCON_BOX {
    height: 80px;
    top: 80px;
}


/*球動畫尾*/

.MOBILE .FREE #MY2020 .SIXSTAGE,
.PC .FREE #MY2020 .SIXSTAGE {
    background-image: url(../images/f2-1-room-1.png);
}

.MOBILE .FREE #MY2020 .IN_BOW01,
.PC .FREE #MY2020 .IN_BOW01 {
    position: absolute;
    right: 16%;
    bottom: 0%;
    background-image: url(../images/f2-1-ball1.png);
    background-size: 95%;
}

.MOBILE .FREE #MY2020 .IN_BOW02,
.PC .FREE #MY2020 .IN_BOW02 {
    position: absolute;
    left: 4%;
    top: 48%;
    background-image: url(../images/f2-1-ball2.png);
    background-size: 87%;
}

.MOBILE .FREE #MY2020 .IN_BOW03,
.PC .FREE #MY2020 .IN_BOW03 {
    position: absolute;
    left: 12%;
    top: 7%;
    background-image: url(../images/f2-1-ball3.png);
    background-size: 75%;
}

.MOBILE .FREE #MY2020 .IN_BOW04,
.PC .FREE #MY2020 .IN_BOW04 {
    position: absolute;
    right: 3%;
    top: 33%;
    background-image: url(../images/f2-1-ball4.png);
    background-size: 69%;
}

.MOBILE .FREE #MY2020 .IN_BOW05,
.PC .FREE #MY2020 .IN_BOW05 {
    position: absolute;
    right: 15%;
    top: 0;
    background-image: url(../images/f2-1-ball5.png);
    background-size: 75%;
}

.MOBILE .FREE #MY2020 .IN_BOW_BG {
    width: 21vw;
    height: 21vw;
    background-repeat: no-repeat;
    background-position: center center;
}

.PC .FREE #MY2020 .IN_BOW_BG {
    width: 175px;
    height: 175px;
    background-repeat: no-repeat;
    background-position: center center;
}

.IN_BOW01,
.IN_BOW02,
.IN_BOW03,
.IN_BOW04,
.IN_BOW05 {
    -webkit-animation: MOVEING 1s infinite alternate-reverse, FLASH 0.2s infinite alternate-reverse;
    animation: MOVEING 1s infinite alternate-reverse, FLASH 0.2s infinite alternate-reverse;
}

.MOBILE .FREE .FOURSTARS,
.PC .FREE .FOURSTARS {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    display: flex;
}

.MOBILE .FREE .FOURSTARS>div:nth-child(2n+2) {
    margin: 3% 0% 1% 0% !important;
}

.MOBILE .FREE .FOURSTARS>div:nth-child(2n+1) {
    margin: 3% 4% 1% 3% !important;
}

.MOBILE .FREE .FOURSTARS {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 0;
}

.MOBILE .FREE .FOURSTARS [class^="F_LEFT"],
.PC .FREE .FOURSTARS [class^="F_LEFT"] {
    float: left;
    width: 140px !important;
    line-height: 70px;
    padding-top: 0 !important;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.MOBILE .FREE .FOURSTARS [class^="F_LEFT"] {
    width: 45% !important;
    margin: 0 auto !important;
}


/* 動畫結束尾 */


/* free頁 */


/* loblurem客製化 */

.MOBILE .f5-1-room-1 {
    top: 6rem !important;
}

.PC .f5-1-room-1 {
    /* top: -17vh !important; */
}

.MOBILE .f3-1-room-1 {
    top: 6rem !important;
}

.PC .f3-1-room-1 {
    /* top: -17vh !important; */
}

.MOBILE .f2-2-room {
    top: 6rem !important;
}

.PC .f2-2-room {
    /* top: -17vh !important; */
}

.MOBILE .f2-1-room-1[data-loblurem] {
    top: -10rem !important;
}

.PC .f2-1-room-1[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .f2-2-room[data-loblurem] {
    top: 10vh !important;
}

.PC .f2-2-room[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .f3-1-room-1[data-loblurem] {
    top: 10vh !important;
}

.PC .f3-1-room-1[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .re_top02_7[data-loblurem] {
    top: -10rem !important;
}

.PC .re_top02_7[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .re_top06_1[data-loblurem] {
    top: -145px !important;
}

.PC .re_top06_1[data-loblurem] {
    top: -13vh !important;
}

.MOBILE .re_top02_6[data-loblurem] {
    top: -10rem !important;
}

.PC .re_top02_6[data-loblurem] {
    top: -10rem !important;
}

.MOBILE .re_top02_4[data-loblurem] {
    top: -10rem !important;
}

.PC .re_top02_4[data-loblurem] {
    top: -10rem !important;
}

.MOBILE .re_top02_3[data-loblurem] {
    top: -35vh !important;
}

.PC .re_top02_3[data-loblurem] {
    /* top: -35vh !important; */
}

.MOBILE .re_top03_2[data-loblurem] {
    top: -15rem !important;
}

.PC .re_top03_2[data-loblurem] {
    top: -25vh !important;
}

.MOBILE .re_top04_1[data-loblurem] {
    top: -15rem !important;
}

.PC .re_top04_1[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .re_top04_2[data-loblurem] {
    top: -15rem !important;
}

.PC .re_top04_2[data-loblurem] {
    top: -25vh !important;
}

.MOBILE .re_top04_3[data-loblurem] {
    top: -15rem !important;
}

.PC .re_top04_3[data-loblurem] {
    top: -25vh !important;
}

.MOBILE .re_top05_4[data-loblurem] {
    top: -30vh !important;
}

.PC .re_top05_4[data-loblurem] {
    top: -17vh !important;
}

.MOBILE .re_top05_5[data-loblurem],
.PC .re_top05_5[data-loblurem] {
    top: -27vh !important;
}

.MOBILE .re_top05_2[data-loblurem] {
    top: -10rem !important;
}

.PC .re_top05_2[data-loblurem] {
    top: -10rem !important;
}

#MY2020 .CON_P>ul+div[data-loblurem] {
    top: -12vh;
    width: 100%;
    height: auto;
}

.A_TAG {
    width: 100%;
    color: #0088ff;
    padding-top: 5px;
    font-size: 1rem;
    text-align: center;
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    -webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    -moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    -o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
}

.MOBILE #MY2020 .CON_P[data-loblurem]>img+div,
.PC #MY2020 .CON_P[data-loblurem]>img+div {
    position: absolute;
    width: 100%;
    top: 30%;
}

.MOBILE #MY2020 .CON_P[data-loblurem]>img,
.PC #MY2020 .CON_P[data-loblurem]>img {
    width: 90%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 50%;
}


/* loblurem客製化 */


/* free06.inc */


/*免費頁-橫條BAR樣式*/

.COLOUR-PER1 {
    background-color: #ffadc4;
}

.COLOUR-PER2 {
    background-color: #a9c1fd;
}

.COLOUR-PER3 {
    background-color: #ffd28e;
}

.COLOUR-PER4 {
    background-color: #bae2a6;
}


/*免費頁-每月運勢區塊*/

.PC .FREE #MY2020 .PERMON {
    width: 640px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.MOBILE .FREE #MY2020 .PERMON {
    width: 98%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.PC .FREE #MY2020 .PERMON .GR01,
.PC .FREE #MY2020 .PERMON .GR02,
.PC .FREE #MY2020 .PERMON .GR03,
.PC .FREE #MY2020 .PERMON .GR04 {
    width: 640px;
    height: 60px;
    overflow: hidden;
    border-top: 2px solid #ffffff;
}

.MOBILE .FREE #MY2020 .PERMON .GR01,
.MOBILE .FREE #MY2020 .PERMON .GR02,
.MOBILE .FREE #MY2020 .PERMON .GR03,
.MOBILE .FREE #MY2020 .PERMON .GR04 {
    width: 100%;
    height: auto;
    overflow: hidden;
}


/*免費頁-每月運勢區塊-XX運*/

.PC .FREE #MY2020 .PERMON .SUBJECT {
    float: left;
    width: 140px;
    height: 60px;
    border-right: 2px solid #ffffff;
}

.MOBILE .FREE #MY2020 .PERMON .SUBJECT {
    width: 35%;
    height: 70px;
    float: left;
}

.PC .FREE #MY2020 .PERMON .SUBJECT li {
    width: 140px;
    height: 60px;
    overflow: hidden;
}

.MOBILE .FREE #MY2020 .PERMON .SUBJECT li {
    border-top: 3px solid #ffffff;
}

.PC .FREE #MY2020 .PERMON .SUBJECT p {
    font-size: 1.1em;
    line-height: 2em;
    font-weight: bold;
    text-align: left;
    padding-left: 8px;
}

.MOBILE .FREE #MY2020 .PERMON .SUBJECT p {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2em;
    padding-left: 12px;
    padding-top: 8px;
}


/*免費頁-每月運勢區塊-右邊區塊*/

.PC .FREE #MY2020 .PERMON .UNKNOW {
    width: 498px;
    height: 60px;
    float: right;
}

.MOBILE .FREE #MY2020 .PERMON .UNKNOW {
    width: 64%;
    height: auto;
    float: right;
    border-top: 3px solid #ffffff;
}

.PC .FREE #MY2020 .PERMON .UNKNOW li {
    width: 498px;
    height: 60px;
    overflow: hidden;
    padding: 5px;
}


/*免費頁-每月運勢區塊-控制UNKNOW下方模糊區塊*/

.PC .FREE #MY2020 .PERMON .UNKNOW .FUZZY_BOX {
    width: 70%;
    float: left;
    background-position: 2px 210px;
}


/*免費頁-每月運勢區塊-右邊區塊四色*/

#MY2020 .PERMON .UNKNOW li {
    height: 68px;
}

#MY2020 .PERMON .GR01 .UNKNOW li {
    background-color: #ffe6ec;
}

#MY2020 .PERMON .GR02 .UNKNOW li {
    background-color: #dae4ff;
}

#MY2020 .PERMON .GR03 .UNKNOW li {
    background-color: #ffefd6;
}

#MY2020 .PERMON .GR04 .UNKNOW li {
    background-color: #ddf5d5;
}

.PC #MY2020 .MAP .COLOR_BG {
    /* left: 35.5% !important;
    top: 37% !important; */
}

.PC #MY2020 .MAP .COLOR {
    width: 180px;
    height: 111px;
}

.PC .QMARK {
    background-color: #B00000;
}

.PC .QMARK p {
    font-size: 1.2em;
    line-height: 115px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}


/* free06.inc */


/* btns */

.PC #MY2020 .e_BT {
    width: 100% !important;
    margin: 20px 0 10px 0 !important;
}

.PC #MY2020 .e_BT ul.TOW {
    width: 70% !important;
}


/* btns */


/* PAD */

.PAD20 {
    width: 100%;
    height: 20px;
}

.PAD15 {
    width: 100%;
    height: 15px;
}

.PAD10 {
    width: 100%;
    height: 10px;
}

.PAD8 {
    width: 100%;
    height: 8px;
}


/* PAD */

.PC #MY2020 .IP_FRAME {
    height: 780px;
}

.PC #MY2020 .IP_TOP {
    width: 1100px;
}

.PC #MY2020 .IP_TOP h1 {
    top: -20px;
    left: -8px;
}

.PC #MY2020 .IP_TOP .IN_W_BG {
    height: 500px;
}

.PC .BT_AREA2 {
    width: 85%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}

.pq_e_BT ul.TWO li {
    display: inline-block;
    width: 48%;
}

.MOBILE #MY2020 .REP_BOX li.R_WORDS {
    top: 48%;
}

.MOBILE #MY2020 .REP_BOX li.R_WORDS>img {
    width: 60%;
}

.PC .MOBILE_SHOW,
.MOBILE .PC_SHOW {
    display: none;
}

#MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(9)>div>img {
    margin-top: 15px;
}

#CHART_YEAR .BOX .LORD .LT01 {
    height: 20px !important;
}

#CHART_YEAR .L_ICON {
    width: 23px !important;
    height: 23px !important;
}

.PC .FREE #div1 li.R_LEFT>ul>li>img {
    height: 80px;
    width: 80px;
}

.MOBILE #MY2020 .QMARK,
.PC #MY2020 .QMARK {
    /* z-index: 9 !important; */
}

.MOBILE .FREE #div6>div:nth-child(14)>div.MAP>div:nth-child(9) {
    top: 37% !important;
}

.MOBILE #MY2020 .QMARK {
    position: absolute;
    overflow: hidden;
    width: 60vw !important;
    background-color: #B00000;
    margin: 0 auto;
    left: -65%;
}

.MOBILE #MY2020 .MAP .COLOR_BG {
    width: 27.5%;
    /* left: 36% !important;
    top: 37% !important; */
}

.MOBILE #MY2020 .QMARK p {
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 16.5vw;
}

.MOBILE #MY2020 .REP_BOX li.R_WORDS p {
    /* height: 100%;
  line-height: 115%; */
}

.MOBILE #MY2020 .e_BT {
    margin: 10px auto;
}


/*輸入頁 手機版 動畫球*/

.MOBILE #MY2020 .IP_TOP .IN_BOW01 {
    left: 17% !important;
    top: -2%;
    background-size: 103% !important;
}


/*輸入頁 手機版 動畫球2*/

.MOBILE #MY2020 .IP_TOP .IN_BOW02 {
    left: -1% !important;
    top: 35% !important;
}


/*輸入頁 手機版 動畫球3*/

.MOBILE #MY2020 .IP_TOP .IN_BOW03 {
    left: 40% !important;
    top: 68%;
}


/*輸入頁 手機版 動畫球4*/

.MOBILE #MY2020 .IP_TOP .IN_BOW04 {
    right: 0 !important;
    top: 35% !important;
    background-size: 110% !important;
}


/*輸入頁 手機版 動畫球5*/

.MOBILE #MY2020 .IP_TOP .IN_BOW05 {
    right: 17% !important;
    top: -2% !important;
    background-size: 105% !important;
}


/*輸入頁 手機版 主視覺整塊高度*/

.MOBILE #MY2020>div.IP_FRAME_BG {
    margin-bottom: 10% !important;
}


/*輸入頁 手機版 神準*/

.MOBILE #MY2020 .HORZ.VLT.IMG3>img:nth-child(3) {
    margin-bottom: 0;
}


/*輸入頁 手機版 犯太歲 yes */

.MOBILE #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(10)>div>div.T_CON {
    margin-top: 0;
}


/*輸入頁 電腦版 犯太歲 yes*/

.PC #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(10)>div>div.T_CON {
    margin-top: 0;
}

.PC .FREE #MY2020 .ST2 {
    font-size: 1.2em;
    color: #323232;
    margin-bottom: 20px;
    text-align: center;
}

.MOBILE .FREE #MY2020 .ST2 {
    font-size: 1.1em;
    color: #323232;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.PC .FREE #MY2020 .END_PH {
    width: 550px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.MOBILE .FREE #MY2020 .END_PH {
    width: 100%;
    height: 0;
    padding-bottom: 36.363636%;
    background-size: cover;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.PC .FREE #MY2020 .JOIN_US_ALL {
    width: 98%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px dashed #CCC;
}

.MOBILE .FREE #MY2020 .JOIN_US_ALL {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    background-size: unset;
    margin: 0 auto;
    margin-top: 0;
    border-top: 1px dashed #CCC;
}

a.BT_COLOUR2,
.BT_AREA a.GOLD {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dbaa00;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe400+0,ffc600+100 */
    background: #ffe400;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffe400 0%, #ffc600 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffe400 0%, #ffc600 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe400 0%, #ffc600 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#ffc600', GradientType=0);
    /* IE6-9 */
    -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1)
}

a.BT_COLOUR2:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc600+0,ffe400+100 */
    background: #ffc600;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc600 0%, #ffe400 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc600 0%, #ffe400 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc600 0%, #ffe400 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ffe400', GradientType=0);
    /* IE6-9 */
}

.BT_T02,
.BT_T02_PRICE {
    color: #000;
}

.BT_T03,
.BT_T03_PRICE {
    color: #fff;
}

.MOBILE .FREE .BT_T03_PRICE,
.MOBILE .FREE .BT_T02_PRICE {
    font-size: 3vw;
}

.MOBILE .FREE .BT_T03,
.MOBILE .FREE .BT_T02 {
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    /* line-height: 47px; */
}

.pq_e_BT ul.TWO {
    width: 90%;
    margin: 0 auto;
}

.MOBILE .FREE .pq_e_BT .pq_BT_PRICE,
.MOBILE .FREE .pq_e_BT .pq_BT_SROUND {
    font-size: 5vw;
}

.PC .FREE .pq_e_BT ul.TWO {
    width: 640px;
}

.PC .FREE .NEW_BT_F a {
    width: 100%;
}

.pq_e_BT ul.TWO li:first-child {
    margin-right: 3%;
}

.PC #MY2020 .BR {
    font-size: 0.7em;
}

.MOBILE .FREE #target .pq_e_BT ul.TWO li:first-child {
    margin-right: auto;
}

.MOBILE .FREE #target .NEW_BT_F a {
    width: 95%;
}

.MOBILE .FREE #target .pq_e_BT ul.TWO li {
    width: 50%;
}

.MOBILE .RESULT #MY2020 .IP_FRAME_BG {
    z-index: unset;
    position: unset;
}

.MOBILE .RESULT #MY2020 .IP_FRAME {
    width: 110%;
    position: unset;
    background-size: 125% auto;
    left: unset;
}

.MOBILE .RESULT #MY2020 .IP_TOP h1 {
    padding-bottom: 43%;
    top: -13px;
    left: -10px;
}

.MOBILE .RESULT #MY2020 .T_INFO {
    margin-top: -10px;
}

.MOBILE #MY2020 .REP_BOX .R_PIC>img {
    width: 90%;
}


/*20190917-art*/


/*手機橫向按鈕字級樣式*/

@media only screen and (orientation: landscape) {
    .MOBILE .f2-2-room,
    .MOBILE .f3-1-room-1,
    .MOBILE .f5-1-room-1 {
        top: 5.3rem !important;
    }
    .MOBILE .A_TAG {
        margin-top: -1% !important;
    }
    .MOBILE .pq_BT_FREE1 {
        width: 220px;
        height: 53px;
        font-size: 1.3rem;
        line-height: 53px;
    }
    .MOBILE #MY2020 .CON_P[data-loblurem]>img {
        width: 50%;
    }
    .MOBILE .re_top03_2[data-loblurem],
    .MOBILE .re_top04_1[data-loblurem],
    .MOBILE .re_top04_2[data-loblurem],
    .MOBILE .re_top04_3[data-loblurem] {
        top: -9rem !important;
    }
    .MOBILE .re_top05_2[data-loblurem],
    .MOBILE .re_top02_4[data-loblurem],
    .MOBILE .re_top02_6[data-loblurem],
    .MOBILE .re_top02_7[data-loblurem] {
        top: -5rem !important;
    }
    .MOBILE #div6 span.BR {
        display: block !important;
        font-size: 1rem;
        line-height: 1.35rem;
    }
    .MOBILE #div6 ul.TWO>li>a,
    .MOBILE #div6 span.BT_T02,
    .MOBILE #div6 span.BT_T03,
    .MOBILE #target span.BT_T02,
    .MOBILE #target span.BT_T03 {
        font-size: 23px;
    }
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
    .PC #MY2020 .IP_TOP {
        width: 100%;
    }
    .PC #MY2020 .IP_FRAME {
        background-size: 110% auto;
    }
    .PC #MY2020 .FRAME>div.IP_FRAME_BG>div.IP_FRAME {
        height: 280px;
    }
    .PC #MY2020 .IP_TOP h1 {
        background-size: 75% auto!important;
        position: unset !important;
    }
}


/* Portrait */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .PC #MY2020 .FRAME>div.IP_FRAME_BG>div.IP_FRAME {
        height: 350px;
    }
}

a.BT_COLOUR {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eb6d54+0,bf3539+100 */
    background: #eb6d54;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eb6d54 0%, #bf3539 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eb6d54 0%, #bf3539 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eb6d54 0%, #bf3539 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb6d54', endColorstr='#bf3539', GradientType=0);
    /* IE6-9 */
}

a.BT_COLOUR:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf3539+0,eb6d54+100 */
    background: #bf3539;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bf3539 0%, #eb6d54 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bf3539 0%, #eb6d54 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bf3539 0%, #eb6d54 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bf3539', endColorstr='#eb6d54', GradientType=0);
    /* IE6-9 */
}

@media screen and (device-aspect-ratio: 360/640) {
    /* Styles */
    .MOBILE #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(8)>div.TITLEA>div.T_BAR.T_BAR_1 {
        font-size: 1.4em;
    }
}

@media screen and (device-aspect-ratio: 375/667) {
    /* Styles */
    .MOBILE #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(8)>div.TITLEA>div.T_BAR.T_BAR_1 {
        font-size: 1.4em;
    }
}

@media screen and (device-aspect-ratio: 320/460) {
    .MOBILE #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(8)>div.TITLEA>div.T_BAR.T_BAR_1 {
        font-size: 1.2em;
    }
}

@media screen and (device-aspect-ratio: 320/480) {
    .MOBILE #MY2020>div.FRAME>div>div.CON_BOX>div:nth-child(8)>div.TITLEA>div.T_BAR.T_BAR_1 {
        font-size: 1.2em;
    }
}
.FOOT_MOBILE > div {
  margin-top: -10px !important;
}