body {
    font-family: 'Microsoft JhengHei', "微軟正黑體", 'Apple LiGothic Medium', Arial, Helvetica, sans-serif;
    color: #333333;
}

a {
    color: inherit;
    text-decoration: inherit;
}

ul {
    letter-spacing: -8px;
}

ul li {
    letter-spacing: normal;
}

.space-block {
    width: 100%;
    float: left;
    height: 1em;
    display: block;
}

.bold {
    font-weight: bold;
}

.purple {
    color: #c029ff;
}

.blue {
    color: #3a5584;
}

.red {
    color: #ff4747;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.rotated-90 {
    transform: rotate(90deg);
}

.arrow {
    border: solid #3a5584;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    margin: 0px 10px;
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.btn_arrow_r {
    width: 10px;
    height: 20px;
    vertical-align: text-top;
    margin-left: 5px;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/btn_arrow_r.png") no-repeat center center transparent;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


/* 主要頁面 */

.PC .Ptop_90 {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg.jpg);
    background-repeat: repeat;
    background-position: center;
    height: 90px;
}

.PC .Ptop_160 {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg.jpg);
    background-repeat: repeat;
    background-position: center;
    height: 160px;
}

.PC .Pmid {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg02.jpg);
    background-repeat: repeat;
    background-position: center;
}

.PC .content {
    position: relative;
    overflow: visible;
    height: auto;
    min-width: 375px;
    margin: 0 auto;
}

.PC .content-wrapper {
    float: left;
    position: relative;
    width: 100%;
    padding: 20px 5px;
    margin: 0 auto;
}

.PC .logo {
    display: none;
}

.PC .navbar {
    width: 100%;
    height: 45px;
    color: #c37732;
    background-color: #FFF;
    position: fixed;
    top: 45px;
    z-index: 3;
    overflow: hidden;
}

.PC .navbar ul {
    padding: 5px 10px 10px 10px;
}

.PC .navbar ul li {
    list-style-type: none;
    position: relative;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    text-align: center;
    border-right: 1px solid #c37732;
    font-size: 1.2em;
    font-weight: 600;
    display: inline-block;
}

.PC .navbar ul li a {
    padding: 5px 10px;
}

.PC .navbar ul li:last-child {
    border-right: 0;
}

/* .PC .navbar ul li a:hover {
    color: #FFF;
    background: #c37732;
    border-radius: 20px;
} */

.PC .navbar ul li a.nav-active {
    color: #FFF;
    background: #c37732;
    border-radius: 20px;
}

.PC .navbar_OPEN {
    float: left;
    position: fixed;
    width: 100%;
    padding-bottom: 10px;
    top: 45px;
    left: 0;
    z-index: 999;
    background: #FFF;
    -webkit-box-shadow: 0 2px 20px #666;
    -moz-box-shadow: 0 2px 20px #666;
    box-shadow: 0 2px 20px #666;
}

.PC .navbar_OPEN span {
    width: 100%;
    line-height: 45px;
    padding: 0px 5px;
    position: relative;
    float: left;
    text-align: left;
    color: #333;
    font-size: 1.5em;
    font-weight: 600;
    border-bottom: 1px solid #c37732;
}

.PC .navbar_OPEN ul li {
    list-style-type: none;
    position: relative;
    width: calc(33.333333% - 10px);
    padding: 5px;
    margin: 10px 5px 0px 5px;
    text-align: center;
    border: 1px solid #c37732;
    border-radius: 5px;
    color: #c37732;
    font-size: 1.2em;
    font-weight: 600;
    display: inline-block;
}

.PC .navbar_OPEN ul li:hover,
.PC .navbar_OPEN ul li:active,
.PC .navbar_OPEN ul li a:hover,
.PC .navbar_OPEN ul li a:active {
    color: #FFF;
    background: #c37732;
}

.navbar_arrow {
    background: url(../images/navbar_arrow.png) center center no-repeat;
    width: 45px;
    height: 45px;
    z-index: 4;
    float: right;
    top: 0px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.navbar_arrow_up {
    background: url(../images/navbar_arrow_up.png) center center no-repeat;
    width: 45px;
    height: 45px;
    z-index: 999;
    float: right;
    top: 0px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .calendar {
    background: url(../images/calendar.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 445px;
    float: left;
    position: relative;
}

.PC .daily-info-top {
    height: auto;
    float: left;
    padding: 10px 15px;
    position: relative;
}

.PC .daily-info-top ul li {
    font-size: 1.2em;
    line-height: 2.4em;
}

.PC .daily-info-top ul li:nth-child(1),
.PC .daily-info-top ul li:nth-child(2) {
    color: #3a5584;
}

.PC .solar {
    background: url(../images/solar_01.png);
    background-size: cover;
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
}

.PC .daily-info-bottom-1 {
    height: auto;
    float: right;
    padding: 15px 15px;
    position: relative;
    width: 632px;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-top: -40px;
    border-bottom: 1px solid #e0c383;
}

.PC .daily-info-bottom-2,
.PC .daily-info-bottom-3,
.PC .daily-info-bottom-4,
.PC .daily-info-bottom-5 {
    height: auto;
    float: right;
    padding: 15px 15px;
    position: relative;
    width: 632px;
    font-size: 1.2em;
    line-height: 1.5em;
    border-bottom: 1px solid #e0c383;
}

.PC .daily-info-bottom-2 ul li,
.PC .daily-info-bottom-3 ul li {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #333333;
}

.PC .daily-info-bottom-title {}

.PC .daily-share {
    height: auto;
    float: left;
    padding: 10px 15px;
    position: relative;
}


/* 你可能會想知道區塊 */

.PC .WantToKnow {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .WantToKnow-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -35px;
    margin-bottom: 25px;
}

.PC .WantToKnow-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fae5b7;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .WantToKnow-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .WantToKnow-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .WantToKnow-list {
    height: auto;
    float: left;
    position: relative;
}

.PC .WantToKnow-list ul li {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.8em;
    float: left;
    padding: 5px;
    position: relative;
    display: inline-block;
}

.PC .WantToKnow-list ul li a {
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
}

.PC .WantToKnow-list ul li a:active {
    border: 0;
}

/* .PC .WantToKnow-list ul li:nth-child(4),
.PC .WantToKnow-list ul li:nth-child(5),
.PC .WantToKnow-list ul li:nth-child(6) {
    display: none;
} */

.love-tag {
    float: left;
    position: relative;
    color: #FFFFFF;
    background-color: #bd4170;
    border: 1px solid #bd4170;
    border-radius: 20px;
    padding: 0px 10px;
    margin-right: 10px;
}

.zodiac-tag {
    float: left;
    position: relative;
    color: #FFFFFF;
    background-color: #84543a;
    border: 1px solid #84543a;
    border-radius: 20px;
    padding: 0px 10px;
    margin-right: 10px;
}


/* 精選熱門測算區塊 */

.PC .FeaturedFortune {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .FeaturedFortune-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -35px;
    margin-bottom: 25px;
}

.PC .FeaturedFortune-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fae5b7;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .FeaturedFortune-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .FeaturedFortune-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .FeaturedFortune-menu {
    display: none;
}

.PC .FeaturedFortune-menu ul li {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    border-right: 1px solid #c37732;
    font-size: 1.3em;
}

.PC .FeaturedFortune-menu ul li:first-child {
    border-left: 1px solid #c37732;
}

.PC .FeaturedFortune-menu ul li>a>.menu-hover {
    border: 0;
    padding: 5px 20px;
}

.PC .FeaturedFortune-menu ul li>a>.menu-hover:hover {
    border: 1px solid #d08e51;
    border-radius: 20px;
    background: #d08e51;
    color: #FFFFFF;
}

.PC .FeaturedFortune-list {
    height: auto;
    float: left;
    position: relative;
}

.PC .FeaturedFortune-list ul li {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    font-size: 1.1em;
    float: left;
    position: relative;
}

/* .PC .FeaturedFortune-list ul li:nth-child(4),
.PC .FeaturedFortune-list ul li:nth-child(5),
.PC .FeaturedFortune-list ul li:nth-child(6) {
    display: none;
} */

.PC .list-images img {
    position: relative;
    width: 100%;
}

.PC .FeaturedFortune-list ul li p {
    position: relative;
    word-break: break-all;
    padding: 0px 0px 10px 0px;
    line-height: 1.5em;
    text-align: left;
}


/* 宜忌名詞解釋 */

.PC .NounMenu {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    position: relative;
    background: #d08e51;
    border: 0px solid #fae5b7;
    box-sizing: border-box;
}

.PC .NounMenu ul {
    padding: 0px 10px;
}

.PC .NounMenu ul li {
    width: 50%;
    margin: 5px 0px;
    padding: 5px 0px;
    color: #FFF;
    text-align: center;
    display: inline-block;
    font-size: 1.3em;
    position: relative;
    border-right: 1px solid #FFF;
    box-sizing: border-box;
    cursor: pointer;
}

.PC .NounMenu ul li:nth-child(even) {
    border: 0;
}

.PC .NounMenu ul li>a>.menu-hover {
    border: 0;
    padding: 5px 20px;
    font-weight: 600;
}

.PC .NounMenu ul li>a>.menu-hover:hover {
    border: 1px solid #fae5b7;
    border-radius: 20px;
    background: #fae5b7;
    color: #333333;
}

.PC .NounList {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.NounList-table {
    display: table;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0c383;
}

.NounList-tr {
    display: table-row;
}

.NounList-td {
    display: table-cell;
    height: auto;
    padding: 10px;
    vertical-align: middle;
    word-wrap: break-word;
    font-size: 1.1em;
}

.NounList-tr:nth-child(even) {
    background-color: #f2d4a3;
}

.NounList-tr:last-child {
    border-radius: 20px;
}

.NounList-td:first-child {
    color: #b97332;
    font-weight: 600;
    border-right: 1px solid #e0c383;
}


/* 神明誕辰 */

.PC .GodsMenu-top {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px;
    position: absolute;
    top: -70px;
    left: 0;
    box-sizing: border-box;
}

.PC .GodsMenu-top select {
    border-radius: 10px;
    border: 3px solid #e0c383;
    font-size: 1.2em;
    cursor: pointer;
    padding: 11px 15px;
    width: 200px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-arrow.png") no-repeat right center transparent;
    background-color: #FFF;
    text-align: center;
    text-align-last: center;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .GodsMenu {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    margin-top: -30px;
    float: left;
    position: relative;
    background: #d08e51;
    box-sizing: border-box;
}

.PC .GodsMenu ul {
    padding: 0px 10px;
}

.PC .GodsMenu ul li {
    width: 25%;
    margin: 15px 0px;
    color: #FFF;
    text-align: center;
    display: inline-block;
    font-size: 1.3em;
    position: relative;
    border-right: 1px solid #FFF;
    border-top: 1px solid #d08e51;
    border-bottom: 1px solid #d08e51;
    border-left: 1px solid #d08e51;
    box-sizing: border-box;
    cursor: pointer;
}

.PC .GodsMenu ul li:nth-child(4),
.PC .GodsMenu ul li:nth-child(8),
.PC .GodsMenu ul li:last-child {
    border: 0;
}

.PC .GodsMenu ul li>a>.menu-hover {
    border: 0;
    padding: 5px 10px;
}

.PC .GodsMenu ul li>a>.menu-hover:hover {
    background: #fae5b7;
    color: #333333;
    border: 1px solid #fae5b7;
    border-radius: 20px;
}

.PC .GodsList {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.GodsList-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    border-top: 1px solid #e0c383;
    border-bottom: 1px solid #e0c383;
}

.GodsList-tr {
    display: table-row;
}

.GodsList-td {
    display: table-cell;
    border-top: 1px solid #e0c383;
    height: auto;
    padding: 10px 5px;
    vertical-align: middle;
    word-wrap: break-word;
    font-size: 1.1em;
}

.GodsList-td img {
    vertical-align: sub;
    width: 30px;
    height: 30px;
}

.GodsList-td:first-child {
    color: #b97332;
    font-weight: 600;
    width: 25%;
}

.GodsList-td:nth-child(2) {
    width: 1024px;
}

.GodsList-td:last-child {
    width: 25%;
}

@media (max-width: 480px) {
    .GodsList-td:first-child {
        color: #b97332;
        font-weight: 600;
        width: 33%;
    }
    .GodsList-td:last-child {
        width: 27%;
    }
    .GodsList-td {
        padding: 10px 2px;
    }
}

.GodsList-tr:active,
.GodsList-tr:hover {
    background-color: #f2d4a3;
}

.GodsWeek {
    background: #b97332;
    color: #FFF;
    margin: 0px 2px;
    padding: 5px 6px;
    border-radius: 999em;
}


/* 國農曆轉換 */

.PC .CalendarS {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .CalendarS-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -30px;
    margin-bottom: 25px;
}

.PC .CalendarS-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fae5b7;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .CalendarS-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .CalendarS-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .CalendarList {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.CalendarList-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
}

.CalendarList-tr {
    display: table-row;
}

.CalendarList-tr:last-child {
    padding: 10px 0px 30px 0px;
    text-align: left;
}

.CalendarList-td {
    display: table-cell;
    height: auto;
    padding: 5px 0px;
    word-wrap: break-word;
    font-size: 1.1em;
}

.CalendarList-td ul li {
    display: inline-block;
    height: auto;
    width: calc(50% - 10px);
    margin: 0px 5px;
}

.CalendarList-td button {
    height: auto;
    width: 100%;
    padding: 10px 20px;
    word-wrap: break-word;
    font-size: 1.1em;
    background: #e14342;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
}

.CalendarList-td button:hover,
.CalendarList-td button:active {
    background: #ff4544;
}

input[type="radio"].wq-radio {
    display: none;
}

input[type="radio"].wq-radio+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 5px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    color: #333;
    line-height: 30px;
    border: 3px solid #e0c383;
}

input[type="radio"].wq-radio+label::before {
    content: "\200B";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    transform: translateY(6px);
    background-color: #fff;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    border: 1px solid #aaa;
    font-size: 35px;
    text-align: center;
    line-height: 20px;
    font-family: Arial;
}

input[type="radio"].wq-radio:checked+label {
    background-color: #d08e51;
    color: #FFF;
}

input[type="radio"].wq-radio:checked+label::before {
    content: "\2022";
    color: #d08e51;
}

.CalendarList-td select {
    border-radius: 10px;
    border: 3px solid #e0c383;
    font-size: 1.1em;
    cursor: pointer;
    padding: 11px 15px;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-arrow.png") no-repeat right center transparent;
    background-color: #FFF;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.CalendarList-td>.selectY,
.CalendarList-td>.selectM,
.CalendarList-td>.selectD {
    display: inline-block;
    box-sizing: border-box;
    width: 32.5%;
    margin: 5px 0px;
}

@media (max-width: 480px) {
    .PC .CalendarS {
        padding: 5px;
    }
    .CalendarList-td select {
        padding: 8px 5px;
    }
    .CalendarList-td>.selectY {
        width: 98%;
    }
    .CalendarList-td>.selectM {
        width: 49%;
    }
    .CalendarList-td>.selectD {
        width: 49%;
    }
}

.CalendarResult1 {
    background: #fdefd1;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
    border-bottom: 1px solid #c37732;
}

.CalendarResult2 {
    background: #fdefd1;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 1.15em;
    line-height: 2em;
    text-align: left;
}


/* 二十四節氣區塊 */

.PC .SolarTerm {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .SolarTerm-top {
    width: 49%;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 0px;
    position: relative;
    box-sizing: border-box;
}

.PC .SolarTerm-top select {
    border-radius: 10px;
    border: 3px solid #e0c383;
    font-size: 1.2em;
    cursor: pointer;
    padding: 11px 15px;
    width: 90%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-arrow.png") no-repeat right center transparent;
    background-color: #FFF;
    text-align: center;
    text-align-last: center;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .SolarTerm-all {
    height: auto;
    width: 100%;
    padding: 5px 0px;
    margin-top: -100px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.PC .Termlist {
    height: auto;
    width: 100%;
    margin: 5px 0px;
    background: #FFF;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 0 3px 5px #e1cea4;
    border-top: 1px solid #fae5b7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.PC .Termlist-title {
    height: auto;
    float: left;
    width: 100%;
    padding: 15px 0px;
    color: #FFF;
    text-align: center;
    font-size: 1.3em;
    line-height: 2em;
    border-top: 1px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url(../images/btn_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.PC .Termlist ul li {
    display: inline-block;
    float: left;
    width: calc(33.333333% - 10px);
    padding: 15px;
    margin: 5px;
    border: 1px solid #FFF;
    border-radius: 5px;
    text-align: center;
    background: #FFF;
    font-weight: 600;
    cursor: pointer;
}

.PC .Termlist ul li:first-child,
.PC .Termlist ul li:nth-child(4) {
    margin-left: 5px;
}

.TermSpring {
    background: #6bb660;
}

.PC .Termlist.r-Spring ul li {
    color: #6bb660;
    background: #e7f3e5;
}

.PC .Termlist.r-Spring ul li:hover {
    color: #FFF;
    background: #6bb660;
}

.TermSummer {
    background: #d57559;
}

.PC .Termlist.r-Summer ul li {
    color: #d57559;
    background: #f8e9e4;
}

.PC .Termlist.r-Summer ul li:hover {
    color: #FFF;
    background: #d57559;
}

.TermFall {
    background: #bfa752;
}

.PC .Termlist.r-Fall ul li {
    color: #bfa752;
    background: #f6f0e0;
}

.PC .Termlist.r-Fall ul li:hover {
    color: #FFF;
    background: #bfa752;
}

.TermWinter {
    background: #5993ac;
}

.PC .Termlist.r-Winter ul li {
    color: #5993ac;
    background: #d9eaf1;
}

.PC .Termlist.r-Winter ul li:hover {
    color: #FFF;
    background: #5993ac;
}

.PC .SolarTerm-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -35px;
    margin-bottom: 25px;
}

.PC .SolarTerm-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fae5b7;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .SolarTerm-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .SolarTerm-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fae5b7;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .SolarTerm-list {
    height: auto;
    float: left;
    position: relative;
    padding: 20px 10px;
    width: 100%;
}

.PC .SolarTerm-img {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
    padding: 10px;
    z-index: 2;
}

.PC .SolarTerm-img img {
    height: 215px;
    width: 215px;
}

.PC .SolarTerm-cont {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -60px;
    padding: 60px 10px 30px 10px;
    position: relative;
    font-size: 1.2em;
    line-height: 2em;
    background-color: #fdefd1;
    font-weight: 600;
    border: 1px solid #fdefd1;
    border-radius: 50px;
    z-index: 1;
}

.PC .SolarTerm-cont p {
    margin-left: 10px;
}

.PC .SolarTerm-list>.listTitle {
    width: 100%;
    float: left;
    position: relative;
    border-left: 5px solid #d08e51;
    padding-left: 5px;
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: 600;
}

.PC .SolarTerm-list>.listSub {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 2em;
}

.PC .SolarTerm-list>.listCont {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 10px;
    font-size: 1.1em;
    line-height: 1.6em;
    word-break: break-all;
}


/* 首頁 */

.PC .Ptop_index {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    height: 70px;
    margin-top: 90px;
}

.PC .btn_calendar {
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    color: #FFF;
    font-size: 1.2em;
    line-height: 2em;
    background: #d08e51;
    border: 1px solid transparent;
    border-radius: 10px;
}

.PC .btn_calendar:hover,
.PC .btn_calendar:active {
    background: #e09550;
}

.PC .Gday-table-top {
    display: table;
    width: 100%;
    margin-top: -80px;
}

.icon_calendar {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: top;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/icon_calendar.png") no-repeat center center transparent;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_gods {
    padding: 5px 10px;
    color: #333;
    font-size: 1.1em;
    line-height: 1.6em;
}

.Gday_terms {
    padding: 5px 10px;
    color: #333;
    font-size: 1.1em;
    line-height: 1.6em;
}

.Gday_terms span {
    color: #333;
    font-size: 0.8em;
    line-height: 1.6em;
}

.Solar_img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.Solar_img img {
    width: 230px;
    height: 230px;
}

.index-table {
    display: table;
    width: 100%;
    margin: 10px 0px;
}

.table_top {
    display: table;
    width: 100%;
    margin: 0px;
}

.coming_hday {
    width: 100%;
    padding: 10px 5px;
}

.coming_hday ul li {
    width: calc(100% - 20px);
    display: inline-block;
    margin: 10px;
    padding: 10px;
    background: rgba(242, 212, 163, 0.5);
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: inset 0px 0px 12px #efc796;
}

.hday_title {
    font-size: 2em;
    line-height: 1.6em;
    font-family: '標楷體', 'STKaiti', 'DFKai-SB', serif;
    color: #333;
    font-weight: 600;
    text-align: center;
}

.hday_date {
    font-size: 1.1em;
    line-height: 1.6em;
    width: 100%;
    margin: 5px auto;
    text-align: center;
    color: #8b4300;
}

.hday_after {
    font-size: 1.1em;
    line-height: 1.6em;
    width: 80px;
    margin: 5px auto;
    text-align: center;
    color: #FFF;
    background: #d08e51;
    border: 1px solid transparent;
    border-radius: 20px;
}


/* float_icon */

#float_icon .icon_calendar {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 0px;
    bottom: 120px;
    z-index: 999;
}

#float_icon .icon_calendar a {
    display: block;
    height: 40px;
    width: 40px;
    background-color: #d08e51;
    border-radius: 10px;
    background-image: url(../images/icon_calendar.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}


/* 好日子 */

.PC .GdayMenu {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background: #fff9eb;
    box-sizing: border-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.PC .GdayMenu ul {
    padding: 0px 10px;
    margin: 0 auto;
}

.PC .GdayMenu ul li {
    width: 33.333333%;
    margin: 10px 0px;
    padding: 5px 0px;
    color: #333;
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
    position: relative;
    border-right: 1px solid #c7905b;
    box-sizing: border-box;
    cursor: pointer;
}

.PC .Gday-title {
    width: 100%;
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    color: #FFF000;
    padding: 10px 5px;
    background: #e14342;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.PC .GdayMenu ul li:nth-child(3),
.PC .GdayMenu ul li:last-child {
    border: 0;
}

.PC .GdayMenu ul li>a>.menu-hover {
    border: 0;
    padding: 5px 10px;
}

.PC .GdayMenu ul li>a>.menu-hover:hover {
    border: 1px solid #ff7c7b;
    border-radius: 20px;
    color: #FFF;
    background: #ff7c7b;
}

.Gday-arrow {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin: 0px 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/Gday_arrow.png") no-repeat right center transparent;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .Gday-table {
    display: table;
    width: 100%;
    margin: 10px 0px;
}

.Gday-tr {
    display: table-row;
}

.Gday-td {
    display: inline-block;
    float: left;
    padding: 5px;
    width: 100%;
    vertical-align: middle;
    word-break: break-all;
    font-size: 1.1em;
}

.Gday-td:first-child {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.6em;
    margin-top: 10px 0px;
    text-align: left;
    color: #000;
    font-weight: 600;
}

.Gday-td select {
    border: 2px solid #e0c383;
    border-radius: 5px;
    font-size: 1.1em;
    cursor: pointer;
    padding: 5px 12px;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-arrow.png") no-repeat right center transparent;
    background-color: #FFF;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    margin: 0px 1px;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday-td>.selectY,
.Gday-td>.selectM,
.Gday-td>.selectD {
    display: inline-block;
    box-sizing: border-box;
    width: 32.5%;
}

.Gday-tr:nth-child(3) select {
    width: 49%;
    margin-right: 2px;
}

@media (max-width: 480px) {
    .Gday-td>.selectY {
        width: 35%;
    }
    .Gday-td>.selectM {
        width: 30%;
    }
    .Gday-td>.selectD {
        width: 30%;
    }
    .Gday-td span {
        text-align: center;
    }
}

.Gday-td span {
    float: left;
    display: inline-block;
    margin: 2px 0px;
    width: 100%;
}

.Gday-td ul li {
    display: inline-block;
    padding: 5px 0px;
    font-size: 1.1em;
    width: 25%;
}


/* 找好日子_輸入頁 空白欄位 */

.Gday-td.no_show {
    display: none;
}

.Gday-td ul li label {
    padding: 0;
    cursor: pointer;
}

.Gday-td ul li input[type="checkbox"] {
    display: none;
}

.Gday-td ul li input[type="checkbox"]+span {
    display: inline-block;
    padding-left: 26px;
    line-height: 20px;
    background: url(../images/uncheck.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    text-align: left;
}

.Gday-td ul li input[type="checkbox"]:checked+span {
    background: url(../images/check.png) no-repeat left top;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    text-align: left;
}

.Gday-td .Noun_btn {
    height: auto;
    width: 100%;
    padding: 3px 10px;
    margin-top: 10px;
    font-size: 1.1em;
    text-align: center;
    background: #d08e51;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}

.Gday-td .Noun_btn:hover,
.Gday-td .Noun_btn:active {
    background: #e09550;
}

.PC .Gday-table .Search_btn {
    height: auto;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    text-align: center;
    background: #e14342;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
}

.PC .Gday-table .Search_btn:hover,
.PC .Gday-table .Search_btn:active {
    background: #ff4544;
}

.PC .Gday-table.result_title {
    font-size: 1.2em;
    line-height: 2em;
    font-weight: 600;
    margin: -8px 0px 10px -2%;
    padding: 0px 0px 0px 12px;
    width: 104%;
    color: #333333;
    text-align: left;
    border-bottom: 3px solid #d08e51;
}

.Gday_research {
    padding: 3px 10px;
    margin: 0px 10px;
    background: #d09052;
    font-size: 1em;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}

.Gday_research:hover {
    background: #c37732;
}

.PC .Gday-table.result_sum {
    text-align: left;
}

.Gday-td.result:first-child {
    text-align: left;
}

.Gday-td.result>div {
    display: inline-block;
    line-height: 2em;
}

.Gday-td.result .result3 {
    word-break: break-word;
}

.Gday-td.result .result3>span {
    color: #ff4747;
    margin: 0px 6px;
    float: none;
    text-align: center;
    width: auto;
}

.result_notice {
    font-size: 1.1em;
    font-weight: 600;
    padding: 0px 5px;
    color: #FF0000;
}

.result_slider {
    width: 100%;
    margin: 10px 0px;
    float: left;
    border: 1px solid transparent;
    border-radius: 10px;
}

.slider_left {
    position: relative;
    float: left;
    left: -15px;
    top: 65px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_left_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.slider_right {
    position: relative;
    float: right;
    right: -15px;
    top: 65px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_right_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hr_line {
    width: 100%;
    border-top: 1px solid #d08e51;
    float: left;
    margin: 10px 0px 0px 0px;
}

.Gday_solar {
    padding: 5px 10px;
    color: #3a5584;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 600;
}

.Gday_lunar {
    padding: 5px 10px;
    color: #3a5584;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 600;
}

.Gday_icon01 {
    width: 40px;
    height: 40px;
    padding: 8px 11px;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF;
    float: left;
    background: url(../images/icon01.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_icon01_cont,
.Gday_icon02_cont,
.Gday_icon03_cont,
.Gday_icon04_cont,
.Gday_icon05_cont,
.Gday_icon06_cont,
.Gday_icon07_cont,
.Gday_icon08_cont,
.Gday_icon09_cont {
    font-size: 1.1em;
    line-height: 40px;
    float: left;
    padding-left: 10px;
    width: calc(100% - 40px);
}

.Gday_icon02 {
    width: 40px;
    height: 40px;
    padding: 8px 11px;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF;
    float: left;
    background: url(../images/icon02.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_icon02_cont ul li {
    display: inline-block;
    float: left;
    background: #bd457f;
    color: #FFF;
    padding: 0px 10px;
    margin: 2px 5px;
    line-height: 2em;
    border: 1px solid #bd457f;
    border-radius: 10px;
}

.Gday_icon02_cont ul li:hover {
    background: #e863a3;
}

.Gday_icon02_p {
    font-size: 1em;
    line-height: 1.6em;
    float: left;
    color: #7d280e;
    width: calc(100% - 40px);
    padding-left: 50px;
    padding-right: 5px;
    margin-top: 10px;
}

.Gday_icon03 {
    width: 40px;
    height: 40px;
    padding: 8px 11px;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF;
    float: left;
    background: url(../images/icon03.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_icon03_cont ul li {
    display: inline-block;
    float: left;
    background: #3a5584;
    color: #FFF;
    padding: 0px 10px;
    margin: 2px 5px;
    line-height: 2em;
    border: 1px solid #3a5584;
    border-radius: 10px;
}

.Gday_icon03_cont ul li:hover {
    background: #597cb9;
}

.Gday_icon04 {
    width: 40px;
    height: 40px;
    padding: 8px 11px;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF;
    float: left;
    background: url(../images/icon04.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_icon05 {
    width: 40px;
    height: 40px;
    padding: 8px 2px;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF;
    float: left;
    background: url(../images/icon05.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Gday_icon06 {
    width: 40px;
    height: 40px;
    padding: 8px 2px;
    font-size: 1.1em;
    font-weight: 600;
    color: #e14342;
    float: left;
}

.Gday_icon07 {
    width: 40px;
    height: 40px;
    padding: 8px 2px;
    font-size: 1.1em;
    font-weight: 600;
    color: #555555;
    float: left;
}

.Gday_icon08 {
    width: 40px;
    height: 40px;
    padding: 8px 2px;
    font-size: 1.1em;
    font-weight: 600;
    color: #3a5584;
    float: left;
}

.Gday_icon09 {
    width: 40px;
    height: 40px;
    padding: 8px 2px;
    font-size: 1.1em;
    font-weight: 600;
    color: #789631;
    float: left;
}

.Gday_dailynote {
    height: auto;
    padding: 10px 20px;
    font-size: 1.1em;
    margin: 0px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #3a5487;
    display: inline-block;
    cursor: pointer;
}

.Gday_dailynote:hover,
.Gday_dailynote:active {
    border: 1px solid #3a5487;
    border-radius: 5px;
}

.btn_plus {
    width: 26px;
    height: 26px;
    color: #FFF;
    margin-right: 5px;
    background: #3a5487;
    border: 1px solid #3a5487;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
}

.Gday_noresult {
    font-size: 1.1em;
    line-height: 1.6em;
    text-align: center;
    margin: 20px auto;
    display: inline-block;
}

.icon_excla {
    height: 30px;
    width: 30px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/icon_excla.png);
    background-repeat: no-repeat;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


/* 當日時辰吉凶 */

.PC .Gday-table.time12_title {
    font-size: 1.5em;
    line-height: 2em;
    font-weight: 600;
    margin: 0px 0px 10px -2%;
    text-align: center;
    padding: 0px;
    width: 104%;
    color: #333333;
    border-top: 3px solid #d08e51;
    border-bottom: 3px solid #d08e51;
}

.PC .Gday-table.time12_table {
    padding: 10px 0px;
    border-bottom: 1px solid #d08e51;
}

.PC .Gday-table.time12_table:last-child {
    border-bottom: 0;
}

.time12_clock {
    width: 100%;
    display: inline-block;
    float: left;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
}

.time12_clock .time01 {
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
}

.time12_clock .text01 {
    font-size: 1em;
    text-align: center;
    margin: 0 auto;
    color: #555555;
}

.time12_cont {
    float: left;
    display: inline-block;
    margin: 0;
}

.time12_cont ul li {
    display: flex;
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px;
    font-size: 1.1em;
    line-height: 1.6em;
    word-break: break-all;
}

.time12_icon {
    width: 55px;
    text-align: center;
    float: left;
    font-weight: 600;
}

.time12_p {
    width: calc(100% - 55px);
    float: left;
}

.color_chong {
    color: #729817;
}

.color_yi {
    color: #bd457f;
}

.color_ji {
    color: #3a5584;
}

.color_jishen {
    color: #bd457f;
}

.color_sha {
    color: #555555;
}


/* 找好日子訂婚結婚版型 */

.PC .Ptop_wedding {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/wedding_bg01.jpg);
    background-repeat: repeat-x;
    background-position: center;
    height: 250px;
}

.PC .Pmid_wedding {
    float: left;
    width: 100%;
    position: relative;
    background: #fff9eb;
}

.PC .logo_wedding {
    display: none;
}

.PC .title_wedding {
    color: #FFF;
    font-size: 2em;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}

.PC .WeddingMenu {
    width: 100%;
    float: left;
    color: #000000;
    background: #d08e51;
    padding: 10px 0px;
}

.M_menu {
    width: 375px;
    margin: 0 auto;
}

.WeddingMenu .wedding_year {
    width: 15%;
    display: table-cell;
    position: relative;
    color: #fffc00;
    background: #d08e51;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: right;
    vertical-align: middle;
    font-weight: 600;
    float: left;
}

.WeddingMenu .holiday,
.WeddingMenu .totalday {
    width: 42%;
    display: inline-block;
    position: relative;
    background: #d08e51;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.WeddingMenu .holiday span {
    font-weight: 600;
}

.WeddingMenu .totalday span {
    font-weight: 600;
}

.wedding_slider {
    width: 100%;
    margin: 10px 0px;
    float: left;
    border: 1px solid transparent;
    border-radius: 10px;
}

.wedding_left {
    position: absolute;
    float: left;
    left: 0px;
    top: 125px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_left_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.wedding_right {
    position: absolute;
    float: right;
    right: 0px;
    top: 125px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_right_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .Weddingblock {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .Wedding-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -35px;
    margin-bottom: 25px;
}

.PC .Wedding-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fff9eb;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .Wedding-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fff9eb;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .Wedding-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fff9eb;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


/* 找好日子通用版型 */

.PC .Ptop_common {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/common_bg01.jpg);
    background-repeat: repeat-x;
    background-position: center;
    height: 250px;
}

.PC .Pmid_common {
    float: left;
    width: 100%;
    position: relative;
    background: #fff9eb;
}

.PC .logo_common {
    display: none;
}

.PC .title_common {
    color: #FFF;
    font-size: 2em;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}

.PC .CommonMenu {
    width: 100%;
    float: left;
    color: #000000;
    background: #d08e51;
    padding: 10px 0px;
}

.M_menu {
    width: 375px;
    margin: 0 auto;
}

.CommonMenu .common_year {
    width: 15%;
    display: table-cell;
    position: relative;
    color: #fffc00;
    background: #d08e51;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: right;
    vertical-align: middle;
    font-weight: 600;
    float: left;
}

.CommonMenu .holiday,
.CommonMenu .totalday {
    width: 42%;
    display: inline-block;
    position: relative;
    background: #d08e51;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.CommonMenu .holiday span {
    font-weight: 600;
}

.CommonMenu .totalday span {
    font-weight: 600;
}

.common_slider {
    width: 100%;
    margin: 10px 0px;
    float: left;
    border: 1px solid transparent;
    border-radius: 10px;
}

.common_left {
    position: absolute;
    float: left;
    left: 0px;
    top: 125px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_left_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.common_right {
    position: absolute;
    float: right;
    right: 0px;
    top: 125px;
    width: 36px;
    height: 70px;
    cursor: pointer;
    background: url(../images/result_right_bt.png) no-repeat left top;
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .Commonblock {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 5px;
    position: relative;
    border: 3px solid #d08e51;
    border-radius: 10px;
    box-sizing: border-box;
}

.PC .Common-title {
    text-align: center;
    width: 100%;
    height: 30px;
    margin-top: -35px;
    margin-bottom: 25px;
}

.PC .Common-title>.title-font {
    text-align: center;
    font-size: 1.5em;
    line-height: 2em;
    background-color: #fff9eb;
    vertical-align: super;
    padding: 0px 10px;
    font-weight: 600;
}

.PC .Common-title>.title-icon-before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fff9eb;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PC .Common-title>.title-icon-after {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background: url(../images/tit_ph.png);
    background-color: #fff9eb;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


/* 分享連結區塊 */

.share_link {
    padding: 10px;
    color: #3a5584;
}

.share_link ul li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #3a5584;
    border-radius: 30px;
    padding: 5px;
}

.share_fb {
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-image: url(../images/share_fb_a.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.share_fb:hover,
.share_fb:active {
    background-image: url(../images/share_fb_hover.png);
    background-color: #1877f2;
}

.share_line {
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-image: url(../images/share_line_a.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.share_line:hover,
.share_line:active {
    background-image: url(../images/share_line_hover.png);
    background-color: #00c300;
}

.share_lk {
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-image: url(../images/share_lk_a.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.share_lk:hover,
.share_lk:active {
    background-image: url(../images/share_lk_hover.png);
    background-color: #3a5584;
}

.Ptop_share {
    text-align: right;
    margin-top: 100px;
}

.Ptop_share .share_link {
    padding: 10px;
    color: #FFF;
}

.Ptop_share .share_link ul li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #FFF;
    border-radius: 20px;
    padding: 5px;
}

.Ptop_share .share_fb {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url(../images/share_fb_hover.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Ptop_share .share_fb:hover {
    background-color: #1877f2;
}

.Ptop_share .share_line {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url(../images/share_line_hover.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Ptop_share .share_line:hover {
    background-color: #00c300;
}

.Ptop_share .share_lk {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url(../images/share_lk_hover.png);
    user-select: none;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Ptop_share .share_lk:hover {
    background-color: #3a5584;
}