@charset "UTF-8";
.pagebar {
    margin: 50px 0;
    padding-top: 20px
}

.pagebar a,
.pagebar a span,
.pagebar span.select {
    padding: 8px 18px;
    line-height: 24px;
    text-align: center
}

.pagebar input,
.pagebar input[type=text] {
    display: none
}

.pagebar span.select {
    text-decoration: none;
    display: inline-block;
    margin: 3px 2px;
    color: #fff;
    background-color: #00a4e9
}

.pagebar a,
.pagebar a[disabled=disabled]:hover {
    background-color: #E9E9E9;
    color: #333;
    text-decoration: none
}

.pagebar a[disabled=disabled] {
    display: none
}

.pagebar a,
.pagebar a span,
.pagebar ul li,
.pagebar ul li a {
    display: inline-block
}

.pagebar a {
    font-size: 1em;
    margin: 3px 2px
}

.pagebar a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00a4e9
}

.pagebar a:hover span {
    color: #fff
}

.pagebar a span {
    text-decoration: none;
    background-color: #E9E9E9;
    color: #333
}

.pagebar a span.yjian,
.pagebar a span.zjian {
    margin: 0;
    padding: 0
}

.pagebar p {
    text-align: center;
    color: #000;
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 10px
}

.pagebar ul {
    min-width: 660px;
    margin: 0 auto;
    text-align: left;
    font-size: 21.01px
}

.pagebar ul li {
    background: 0 0;
    padding-left: 0
}

.pagebar ul li a {
    text-decoration: none;
    text-align: center;
    background-color: #E9E9E9;
    padding: 8px 16px;
    line-height: 24px;
    color: #333
}

.pagebar ul li a:hover,
.pagebar ul li.press a {
    background-color: #00a4e9;
    text-decoration: none
}

.pagebar ul li a:hover {
    color: #fff
}

.pagebar ul li a.icon-arrow-left,
.pagebar ul li a.icon-arrow-right {
    color: #aaa;
    padding: 8px 13px
}

.pagebar ul li a.icon-arrow-left:before,
.pagebar ul li a.icon-arrow-right:before {
    position: relative;
    top: 2px;
    color: #aaa
}

.pagebar ul li a.icon-arrow-left:hover:before,
.pagebar ul li a.icon-arrow-right:hover:before {
    color: #FFF
}

.pagebar ul li.press a {
    cursor: default;
    color: #fff;
    font-weight: 700
}

.fixedBox {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 1210px;
    height: 100%;
    margin: 0 auto;
    text-align: right
}

.fixedBox .sideArea,
.fixedBox .sideAreaVideo {
    position: relative;
    top: 70px;
    right: 0;
    float: right;
    width: 300px;
    text-align: left
}

.fixedBox .sideArea section,
.fixedBox .sideAreaVideo section {
    margin-bottom: 27px
}

.fixedBox .sideArea h4,
.fixedBox .sideAreaVideo h4 {
    margin-bottom: 0;
    background: #00713d;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    line-height: 46px;
    color: #FFF
}

.fixedBox .sideArea .newsPoint table.sec tr td,
.fixedBox .sideAreaVideo .newsPoint table.sec tr td {
    padding: 0 1px
}

.fixedBox .sideArea .newsPoint table.sec tr:nth-child(3) td,
.fixedBox .sideAreaVideo .newsPoint table.sec tr:nth-child(3) td {
    padding-top: 15px
}

.fixedBox .sideArea .houseMate,
.fixedBox .sideAreaVideo .houseMate {
    background: #FFF
}

.fixedBox .sideArea .houseMate a.moreMate,
.fixedBox .sideAreaVideo .houseMate a.moreMate {
    color: #464646;
    display: block;
    text-align: right;
    font-size: 14px;
    text-decoration: underline;
    padding: 0 13px 15px 0
}

.fixedBox .sideArea .houseMate a.moreMate:visited,
.fixedBox .sideAreaVideo .houseMate a.moreMate:visited {
    color: #474646
}

.fixedBox .sideArea .houseMate a.moreMate:hover,
.fixedBox .sideArea .houseMate ul li:hover h2 a,
.fixedBox .sideAreaVideo .houseMate a.moreMate:hover,
.fixedBox .sideAreaVideo .houseMate ul li:hover h2 a {
    color: #009650
}

.fixedBox .sideArea .houseMate ul li,
.fixedBox .sideAreaVideo .houseMate ul li {
    position: relative;
    padding: 20px 13px;
    min-height: 110px;
    vertical-align: top;
    border-top: 1px solid #aaa;
    cursor: pointer
}

.fixedBox .sideArea .houseMate ul li:first-child,
.fixedBox .sideAreaVideo .houseMate ul li:first-child {
    border-top: 0 solid #aaa
}

.fixedBox .sideArea .houseMate ul li figure,
.fixedBox .sideAreaVideo .houseMate ul li figure {
    position: absolute;
    width: 125px;
    height: 108px;
    overflow: hidden;
    left: 13px;
    top: 20px;
    line-height: 0
}

.fixedBox .sideArea .houseMate ul li h2,
.fixedBox .sideArea .houseMate ul li h3,
.fixedBox .sideArea .houseMate ul li p,
.fixedBox .sideAreaVideo .houseMate ul li h2,
.fixedBox .sideAreaVideo .houseMate ul li h3,
.fixedBox .sideAreaVideo .houseMate ul li p {
    margin-left: 135px
}

.fixedBox .sideArea .houseMate ul li h2,
.fixedBox .sideAreaVideo .houseMate ul li h2 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2em;
    color: #0B8286;
    font-weight: 500
}

.fixedBox .sideArea .houseMate ul li h2 a,
.fixedBox .sideArea .houseMate ul li h2 a:visited,
.fixedBox .sideAreaVideo .houseMate ul li h2 a,
.fixedBox .sideAreaVideo .houseMate ul li h2 a:visited {
    color: #0b8286
}

.fixedBox .sideArea .houseMate ul li h2 a:hover,
.fixedBox .sideAreaVideo .houseMate ul li h2 a:hover {
    color: #333
}

.fixedBox .sideArea .houseMate ul li h3,
.fixedBox .sideAreaVideo .houseMate ul li h3 {
    font-size: 1em;
    color: #0AACB1;
    letter-spacing: 1px;
    font-weight: 500
}

.fixedBox .sideArea .houseMate ul li p,
.fixedBox .sideAreaVideo .houseMate ul li p {
    font-size: 16px;
    color: #7B7B7B;
    letter-spacing: 1px;
    line-height: 1.3em
}

.fixedBox .sideArea .relatedPrice,
.fixedBox .sideAreaVideo .relatedPrice {
    background: #008B4A;
    min-height: 430px
}

.fixedBox .sideArea .newClinch,
.fixedBox .sideAreaVideo .newClinch {
    background: #167C92;
    min-height: 475px;
    color: #e9e9e9
}

.fixedBox .sideArea .newClinch a.moreClinch,
.fixedBox .sideAreaVideo .newClinch a.moreClinch {
    color: #04dbe2;
    display: block;
    text-align: right;
    font-size: 14px;
    text-decoration: underline;
    padding: 0 13px 15px 0
}

.fixedBox .sideArea .newClinch a.moreClinch:visited,
.fixedBox .sideAreaVideo .newClinch a.moreClinch:visited {
    color: #04dbe2
}

.fixedBox .sideArea .newClinch a.moreClinch:hover,
.fixedBox .sideAreaVideo .newClinch a.moreClinch:hover {
    color: #fff
}

.fixedBox .sideArea .newClinch ul li,
.fixedBox .sideAreaVideo .newClinch ul li {
    position: relative;
    padding: 15px 20px;
    border-top: 1px solid #AAA
}

.fixedBox .sideArea .newClinch ul li:first-child,
.fixedBox .sideAreaVideo .newClinch ul li:first-child {
    border-top: 0 solid #AAA
}

.fixedBox .sideArea .newClinch ul li .clinchPrice,
.fixedBox .sideAreaVideo .newClinch ul li .clinchPrice {
    position: absolute;
    left: 20px;
    top: 20px
}

.fixedBox .sideArea .newClinch ul li .clinchPrice h2,
.fixedBox .sideAreaVideo .newClinch ul li .clinchPrice h2 {
    font-size: 1.438em;
    color: #04DBE2
}

.fixedBox .sideArea .newClinch ul li .clinchPrice span,
.fixedBox .sideAreaVideo .newClinch ul li .clinchPrice span {
    display: block;
    color: #FFF;
    font-size: 1em;
    background: #959595;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin-top: 10px
}

.fixedBox .sideArea .newClinch ul li h3,
.fixedBox .sideArea .newClinch ul li p,
.fixedBox .sideArea .newClinch ul li time,
.fixedBox .sideAreaVideo .newClinch ul li h3,
.fixedBox .sideAreaVideo .newClinch ul li p,
.fixedBox .sideAreaVideo .newClinch ul li time {
    margin-left: 95px
}

.fixedBox .sideArea .newClinch ul li h3,
.fixedBox .sideAreaVideo .newClinch ul li h3 {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #0c6679;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.fixedBox .sideArea .newClinch ul li h3 a,
.fixedBox .sideArea .newClinch ul li h3 a:visited,
.fixedBox .sideAreaVideo .newClinch ul li h3 a,
.fixedBox .sideAreaVideo .newClinch ul li h3 a:visited {
    color: #e9e9e9
}

.fixedBox .sideArea .newClinch ul li h3 a:hover,
.fixedBox .sideAreaVideo .newClinch ul li h3 a:hover {
    color: #fff000
}

.fixedBox .sideArea .newClinch ul li p,
.fixedBox .sideAreaVideo .newClinch ul li p {
    font-size: 14px
}

.fixedBox .sideArea .newClinch ul li time,
.fixedBox .sideAreaVideo .newClinch ul li time {
    font-size: 12px;
    color: #c8c8c8
}

.fixedBox .sideArea .hotCommunity ul li,
.fixedBox .sideAreaVideo .hotCommunity ul li {
    text-align: left
}

.fixedBox .sideArea .hotCommunity ul li:hover,
.fixedBox .sideAreaVideo .hotCommunity ul li:hover {
    cursor: pointer
}

.fixedBox .sideArea .hotCommunity ul li:hover figure a,
.fixedBox .sideAreaVideo .hotCommunity ul li:hover figure a {
    margin-top: 0
}

.fixedBox .sideArea .hotCommunity ul li:hover h2 a,
.fixedBox .sideArea .hotCommunity ul li:hover h2 a:visited,
.fixedBox .sideAreaVideo .hotCommunity ul li:hover h2 a,
.fixedBox .sideAreaVideo .hotCommunity ul li:hover h2 a:visited {
    color: #009650
}

.fixedBox .sideArea .hotCommunity ul li figure,
.fixedBox .sideAreaVideo .hotCommunity ul li figure {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: 125px;
    margin: 0;
    line-height: 0;
    overflow: hidden;
    border-bottom: 8px solid #00a4e9
}

.fixedBox .sideArea .hotCommunity ul li figure span,
.fixedBox .sideAreaVideo .hotCommunity ul li figure span {
    position: absolute;
    top: 10px;
    z-index: 5;
    font-size: 16px;
    line-height: 1.4em;
    background-color: #00a4e9;
    color: #FFF;
    padding: 3px 10px
}

.fixedBox .sideArea .hotCommunity ul li figure a,
.fixedBox .sideAreaVideo .hotCommunity ul li figure a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 100%;
    z-index: 3;
    padding: 25px 30px 40px;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 16px;
    line-height: 1.4em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fixedBox .sideArea .hotCommunity ul li figure a:visited,
.fixedBox .sideAreaVideo .hotCommunity ul li figure a:visited {
    color: #FFF
}

.fixedBox .sideArea .hotCommunity ul li figcaption h2 a,
.fixedBox .sideArea .hotCommunity ul li figcaption h2 a:visited,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption h2 a,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption h2 a:visited {
    color: #004a69
}

.fixedBox .sideArea .hotCommunity ul li figure img,
.fixedBox .sideAreaVideo .hotCommunity ul li figure img {
    position: relative;
    z-index: 2
}

.fixedBox .sideArea .hotCommunity ul li figcaption,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption {
    position: relative;
    background-color: #FFF;
    padding: 20px
}

.fixedBox .sideArea .hotCommunity ul li figcaption h2,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption h2 {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500
}

.fixedBox .sideArea .hotCommunity ul li figcaption h2 a span,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption h2 a span {
    right: auto;
    bottom: auto;
    font-size: 18px;
    position: relative;
    margin-right: 15px
}

.fixedBox .sideArea .hotCommunity ul li figcaption h2 a:hover,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption h2 a:hover {
    color: #009650
}

.fixedBox .sideArea .hotCommunity ul li figcaption p,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption p {
    font-size: 1em;
    color: #00a4e9
}

.fixedBox .sideArea .hotCommunity ul li figcaption span,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption span {
    position: absolute;
    right: 13px;
    bottom: 15px;
    font-size: 14px
}

.fixedBox .sideArea .hotCommunity ul li figcaption span a,
.fixedBox .sideAreaVideo .hotCommunity ul li figcaption span a {
    color: #999
}

.fixedBox .sideArea .asideAd a,
.fixedBox .sideAreaVideo .asideAd a {
    cursor: pointer;
    display: block
}

.fixedBox .sideArea .asideAd a img,
.fixedBox .sideAreaVideo .asideAd a img {
    width: 100%;
    height: auto
}

.fixedBox .sideArea .buyersSide h4,
.fixedBox .sideArea .knowledgeSide h4,
.fixedBox .sideArea .liveSide h4,
.fixedBox .sideArea .sellerSide h4,
.fixedBox .sideAreaVideo .buyersSide h4,
.fixedBox .sideAreaVideo .knowledgeSide h4,
.fixedBox .sideAreaVideo .liveSide h4,
.fixedBox .sideAreaVideo .sellerSide h4 {
    background: #064a60;
    line-height: 46px;
    text-align: left;
    padding-left: 63px
}

.fixedBox .sideArea .buyersSide h4:before,
.fixedBox .sideArea .knowledgeSide h4:before,
.fixedBox .sideArea .liveSide h4:before,
.fixedBox .sideArea .sellerSide h4:before,
.fixedBox .sideAreaVideo .buyersSide h4:before,
.fixedBox .sideAreaVideo .knowledgeSide h4:before,
.fixedBox .sideAreaVideo .liveSide h4:before,
.fixedBox .sideAreaVideo .sellerSide h4:before {
    position: relative;
    top: 10px;
    font-size: 35px;
    line-height: 0;
    margin-right: 10px
}

.fixedBox .sideArea .buyersSide ul li,
.fixedBox .sideArea .knowledgeSide ul li,
.fixedBox .sideArea .liveSide ul li,
.fixedBox .sideArea .sellerSide ul li,
.fixedBox .sideAreaVideo .buyersSide ul li,
.fixedBox .sideAreaVideo .knowledgeSide ul li,
.fixedBox .sideAreaVideo .liveSide ul li,
.fixedBox .sideAreaVideo .sellerSide ul li {
    background: #fff;
    border-bottom: 1px solid #005a77
}

.fixedBox .sideArea .buyersSide ul li:last-child,
.fixedBox .sideArea .knowledgeSide ul li:last-child,
.fixedBox .sideArea .liveSide ul li:last-child,
.fixedBox .sideArea .sellerSide ul li:last-child,
.fixedBox .sideAreaVideo .buyersSide ul li:last-child,
.fixedBox .sideAreaVideo .knowledgeSide ul li:last-child,
.fixedBox .sideAreaVideo .liveSide ul li:last-child,
.fixedBox .sideAreaVideo .sellerSide ul li:last-child {
    border-bottom: 0 solid #005a77
}

.fixedBox .sideArea .buyersSide ul li figure,
.fixedBox .sideArea .knowledgeSide ul li figure,
.fixedBox .sideArea .liveSide ul li figure,
.fixedBox .sideArea .sellerSide ul li figure,
.fixedBox .sideAreaVideo .buyersSide ul li figure,
.fixedBox .sideAreaVideo .knowledgeSide ul li figure,
.fixedBox .sideAreaVideo .liveSide ul li figure,
.fixedBox .sideAreaVideo .sellerSide ul li figure {
    line-height: 0
}

.fixedBox .sideArea .buyersSide ul li .titleArea,
.fixedBox .sideArea .knowledgeSide ul li .titleArea,
.fixedBox .sideArea .liveSide ul li .titleArea,
.fixedBox .sideArea .sellerSide ul li .titleArea,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea {
    position: relative;
    padding: 20px 26px
}

.fixedBox .sideArea .buyersSide ul li .titleArea p,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p,
.fixedBox .sideArea .liveSide ul li .titleArea p,
.fixedBox .sideArea .sellerSide ul li .titleArea p,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p {
    margin-bottom: 5px
}

.fixedBox .sideArea .buyersSide ul li .titleArea p mark,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark,
.fixedBox .sideArea .liveSide ul li .titleArea p mark,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark {
    background: 0 0;
    font-size: .85em;
    color: #005a77
}

.fixedBox .sideArea .buyersSide ul li .titleArea p mark:after,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark:after,
.fixedBox .sideArea .liveSide ul li .titleArea p mark:after,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark:after,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p mark:after,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark:after,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark:after,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark:after {
    content: '╱'
}

.fixedBox .sideArea .buyersSide ul li .titleArea p mark a,
.fixedBox .sideArea .buyersSide ul li .titleArea p mark a:visited,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a:visited,
.fixedBox .sideArea .liveSide ul li .titleArea p mark a,
.fixedBox .sideArea .liveSide ul li .titleArea p mark a:visited,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark a,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a:visited {
    color: #005a77
}

.fixedBox .sideArea .buyersSide ul li .titleArea p mark a:hover,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a:hover,
.fixedBox .sideArea .liveSide ul li .titleArea p mark a:hover,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a:hover {
    color: #009650
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2,
.fixedBox .sideArea .liveSide ul li .titleArea h2,
.fixedBox .sideArea .sellerSide ul li .titleArea h2,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 {
    position: relative;
    line-height: 1.4em;
    font-weight: 400;
    font-size: 1em
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 a,
.fixedBox .sideArea .buyersSide ul li .titleArea h2 a:visited,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 a,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 a:visited,
.fixedBox .sideArea .liveSide ul li .titleArea h2 a,
.fixedBox .sideArea .liveSide ul li .titleArea h2 a:visited,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 a,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 a:visited,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 a,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 a:visited,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 a,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 a:visited,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 a,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 a:visited,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 a,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 a:visited {
    color: #666
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 a:hover,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 a:hover,
.fixedBox .sideArea .liveSide ul li .titleArea h2 a:hover,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 a:hover,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 a:hover,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 a:hover,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 a:hover,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 a:hover {
    color: #009650
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideArea .liveSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-download {
    position: absolute;
    right: -6px;
    top: -3px;
    display: inline-block;
    color: #064a60;
    border: 2px solid #064a60;
    font-size: 18px;
    margin-left: 15px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    float: right;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideArea .liveSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 span.sinyi-download:before,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-download:before {
    margin-right: -2px;
    line-height: 26px
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideArea .liveSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right {
    position: absolute;
    right: -6px;
    top: -3px;
    display: inline-block;
    color: #064a60;
    border: 2px solid #064a60;
    font-size: 16px;
    margin-left: 15px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    float: right;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.fixedBox .sideArea .buyersSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideArea .liveSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right:before {
    margin-right: -2px;
    line-height: 26px
}

.fixedBox .sideArea .buyersSide ul li .titleArea time,
.fixedBox .sideArea .knowledgeSide ul li .titleArea time,
.fixedBox .sideArea .liveSide ul li .titleArea time,
.fixedBox .sideArea .sellerSide ul li .titleArea time,
.fixedBox .sideAreaVideo .buyersSide ul li .titleArea time,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea time,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea time,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea time {
    color: #b0b0b0;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400
}

.fixedBox .sideArea .sellerSide h4,
.fixedBox .sideAreaVideo .sellerSide h4 {
    background: #0a8fb6
}

.fixedBox .sideArea .sellerSide ul li,
.fixedBox .sideAreaVideo .sellerSide ul li {
    border-bottom: 1px solid #0a8fb6
}

.fixedBox .sideArea .sellerSide ul li .titleArea p mark,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark a,
.fixedBox .sideArea .sellerSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a:visited {
    color: #0a8fb6
}

.fixedBox .sideArea .sellerSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea p mark a:hover {
    color: #009650
}

.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideArea .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .sellerSide ul li .titleArea h2 span.sinyi-ios-arrow-right {
    border: 2px solid #0a8fb6;
    color: #0a8fb6
}

.fixedBox .sideArea .knowledgeSide h4,
.fixedBox .sideAreaVideo .knowledgeSide h4 {
    background: #14a68c
}

.fixedBox .sideArea .knowledgeSide ul li,
.fixedBox .sideAreaVideo .knowledgeSide ul li {
    border-bottom: 1px solid #14a68c
}

.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a,
.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a:visited {
    color: #14a68c
}

.fixedBox .sideArea .knowledgeSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea p mark a:hover {
    color: #009650
}

.fixedBox .sideArea .knowledgeSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .knowledgeSide ul li .titleArea h2 span.sinyi-download {
    border: 0 solid #14a68c;
    color: #14a68c
}

.fixedBox .sideArea .liveSide h4,
.fixedBox .sideAreaVideo .liveSide h4 {
    background: #a2d230
}

.fixedBox .sideArea .liveSide ul li,
.fixedBox .sideAreaVideo .liveSide ul li {
    border-bottom: 1px solid #a2d230
}

.fixedBox .sideArea .liveSide ul li .titleArea p mark,
.fixedBox .sideArea .liveSide ul li .titleArea p mark a,
.fixedBox .sideArea .liveSide ul li .titleArea p mark a:visited,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a:visited {
    color: #a2d230
}

.fixedBox .sideArea .liveSide ul li .titleArea p mark a:hover,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea p mark a:hover {
    color: #009650
}

.fixedBox .sideArea .liveSide ul li .titleArea h2 span.sinyi-download,
.fixedBox .sideAreaVideo .liveSide ul li .titleArea h2 span.sinyi-download {
    border: 0 solid #a2d230;
    color: #a2d230
}

.fixedBox .sideAreaVideo {
    width: 330px
}

.fixedBox .sideAreaVideo .videoSide {
    background: #FFF;
    padding: 10px
}

.fixedBox .sideAreaVideo .videoSide h4 {
    color: #00556E;
    background: 0 0;
    text-align: left;
    height: auto;
    line-height: 1.4em;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 2px solid #00556E
}

.fixedBox .sideAreaVideo .videoSide ul li {
    position: relative;
    min-height: 80px;
    margin-top: 10px
}

.fixedBox .sideAreaVideo .videoSide ul li figure {
    position: absolute;
    left: 0;
    width: 46%;
    height: 80px;
    overflow: hidden
}

.fixedBox .sideAreaVideo .videoSide ul li figure a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.fixedBox .sideAreaVideo .videoSide ul li figure a:before {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    font-family: sinyi;
    content: "v";
    width: 20px;
    height: 15px;
    margin-left: -10px;
    margin-top: -8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 17px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    background: rgba(0, 0, 0, .7)
}

.fixedBox .sideAreaVideo .videoSide ul li figure a:hover:before {
    background: #cc181e
}

.fixedBox .sideAreaVideo .videoSide ul li figure a img {
    position: relative;
    z-index: 3;
    top: -14px
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo {
    margin: 0 0 0 49%
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo h3 {
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 1.3em;
    height: 40px;
    overflow: hidden;
    font-weight: 500;
    margin: 5px 0 0;
    padding-top: 3px
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo h3 a {
    cursor: pointer;
    color: #555
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo h3 a:visited {
    color: #555
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo h3 a:hover {
    color: #009650
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo time {
    display: block;
    margin-top: 5px
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo span.sinyi-eye,
.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo time {
    font-size: 14px;
    color: #868686;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.1em
}

.fixedBox .sideAreaVideo .videoSide ul li .videoSideInfo span.sinyi-eye:before {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.editorArea {
    position: relative;
    line-height: 1.6em
}

.editorArea .hr {
    height: 30px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px
}

.editorArea .icon-exclamation:before {
    position: relative;
    top: 2px;
    margin: 0 5px
}

.editorArea img {
    max-width: 100%;
    height: auto;
    margin: 10px 20px 10px 0
}

.editorArea h1 {
    font-size: 26px;
    font-weight: 400;
    line-height: 36.4px;
    margin: 20px 0
}

.editorArea h2 {
    font-size: 25.21px;
    padding: 10px 0;
    font-weight: 400
}

.editorArea h3 {
    font-size: 21.01px;
    padding: 10px 0
}

.editorArea h4 {
    font-size: 18px;
    padding: 5px 0
}

.editorArea h5 {
    font-size: 22.4px;
    padding: 5px 0
}

.editorArea h6 {
    font-size: 16px;
    padding: 5px 0
}

.editorArea p {
    margin-bottom: 20px
}

.editorArea p .title {
    display: inline-block;
    min-width: 110px
}

.editorArea p a {
    color: #e14000;
    text-decoration: none
}

.editorArea p a:visited {
    color: #e14000
}

.editorArea p a:hover {
    color: #00a4e9
}

.editorArea ul {
    margin: 20px
}

.editorArea ol li,
.editorArea ul li {
    margin-bottom: 10px;
    list-style-position: outside
}

.editorArea ul li {
    padding-left: 0;
    color: #333;
    list-style-type: disc;
    border: 0
}

.editorArea ul li a {
    color: #e14000;
    text-decoration: none
}

.editorArea ul li a:visited {
    color: #e14000
}

.editorArea ul li a:hover {
    color: #00a4e9
}

.editorArea ol {
    margin-left: 20px;
    padding-top: 5px
}

.editorArea ol li {
    margin-left: 20px;
    color: #333;
    list-style-type: decimal
}

.editorArea ol li a {
    color: #e14000;
    text-decoration: none
}

.editorArea ol li a:visited {
    color: #e14000
}

.editorArea ol li a:hover {
    color: #00a4e9
}

.editorArea ol li ul li {
    list-style-type: disc
}

.editorArea table {
    width: 100%;
    margin: 30px 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.editorArea table tr:nth-child(odd) {
    background-color: #eaeaea
}

.editorArea table tr:first-child {
    background-color: #2660a9;
    color: #FFF
}

.editorArea table tr td {
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.editorArea table tr td input[type=radio] {
    margin-left: 10px
}

figure {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

.popupArea {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    font-size: 16px
}

.popupArea a.sinyi-cross-mark {
    display: inline-block;
    position: absolute;
    top: 7%;
    left: 91%;
    color: #fff;
    font-size: 25px;
    border: 2px solid #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    opacity: .7
}

.calculation8Column,
.calculation8Column dl:first-child {
    border-bottom: 2px solid #003B3C
}

.popupArea a.sinyi-cross-mark:before {
    line-height: 36px
}

.popupArea a.sinyi-cross-mark:visited {
    color: #fff
}

.popupArea a.sinyi-cross-mark:hover {
    opacity: 1
}

.popupArea .popupContent {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background: #fff;
    overflow-y: scroll
}

.popupArea .popupContent .calculation {
    padding: 20px 0;
    width: 95%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: top;
    overflow: visible
}

.popupArea .popupContent .calculation h1 {
    color: #009650;
    font-size: 1.75em;
    font-weight: 400;
    letter-spacing: 2.5px;
    margin-top: 35px;
    margin-bottom: 15px
}

.popupArea .popupContent .calculation h1:before {
    position: relative;
    top: 10px;
    font-size: 2.2em;
    margin-right: 10px
}

.popupArea .popupContent .calculation h1.sinyi-sinyi-capable:before {
    top: 17px;
    font-size: 2.8em
}

p.calculationInfo span {
    float: right
}

.calculation8Column {
    width: 100%;
    margin: 35px 0
}

.calculation8Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 1em
}

.calculation8Column dl dd,
.calculation8Column dl dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    position: relative
}

.calculation8Column dl dt,
.calculation8Column dl:first-child dd,
.calculation8Column dl:last-child dd {
    border-bottom: 0 solid #999
}

.calculation8Column dl:first-child p {
    color: #16989a
}

.calculation8Column dl:first-child dd ul li {
    border-left: 0 solid #a9a9a9
}

.calculation8Column dl p {
    margin: 0
}

.calculation8Column dl dt {
    width: 10%;
    color: #006d6e;
    font-weight: 500
}

.calculation8Column dl dd {
    width: 90%;
    margin-left: -4px;
    color: #666;
    border-bottom: 1px solid #999
}

.calculation8Column dl dd ul {
    display: table;
    width: 100%
}

.calculation8Column dl dd ul li {
    display: table-cell;
    width: 14.2%;
    margin-left: -4px;
    vertical-align: middle;
    color: #666
}

.calculation8Column dl dd ul li p {
    padding: 4px 10px;
    text-align: center;
}

.slideNewsType {
    position: relative;
    z-index: 20;
    min-height: 75px
}

.slideNewsType .tabContent {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 15;
    min-height: 200px;
    padding: 25px 50px;
    font-size: 16px
}

.slideNewsType .tabContent:before {
    position: absolute;
    z-index: 5;
    top: 60px;
    left: 0;
    right: 0;
    content: ' .';
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

.slideNewsType .tabContent .leftLink {
    position: relative;
    top: 60px;
    z-index: 10;
    width: 250px;
    min-height: 288px;
    float: left;
    border-right: 1px solid #777;
    text-align: left
}

.slideNewsType .tabContent .leftLink .linkGroup {
    vertical-align: top;
    text-align: left;
    font-size: .875em;
    width: 75px;
    display: inline-block
}

.slideNewsType .tabContent .leftLink .linkGroup span {
    display: block;
    padding: 8px 0;
    color: #777
}

.slideNewsType .tabContent .leftLink .linkGroup span a {
    display: block;
    padding: 0;
    color: #ccc
}

.slideNewsType .tabContent .leftLink .linkGroup span a:visited {
    color: #ccc
}

.slideNewsType .tabContent .leftLink .linkGroup span a:hover {
    color: #00BF4C
}

.slideNewsType .tabContent .rightNewNews {
    position: relative;
    top: 60px;
    z-index: 10;
    text-align: left;
    margin-left: 300px
}

.slideNewsType .tabContent .rightNewNews h1 {
    color: #00BF4C;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1em
}

.slideNewsType .tabContent .rightNewNews ul {
    color: #F0F0F0;
    font-size: 1em
}

.slideNewsType .tabContent .rightNewNews ul li {
    width: 100%;
    border-bottom: 1px solid #777;
    padding: 10px 0;
    margin: 0
}

.slideNewsType .tabContent .rightNewNews ul li:last-child {
    border-bottom: 0 solid #777
}

.slideNewsType .tabContent .rightNewNews ul li p time {
    font-family: Areal;
    line-height: 1.2em;
    letter-spacing: 1px
}

.slideNewsType .tabContent .rightNewNews ul li p span {
    color: #9C9C9C;
    font-size: 14px;
    margin-left: 10px
}

.slideNewsType .tabContent .rightNewNews ul li a {
    padding: 0;
    color: #F0F0F0;
    height: auto;
    cursor: pointer;
    font-size: 1.125em;
    line-height: 1.4em;
    letter-spacing: 2px
}

.slideNewsType .tabContent .rightNewNews ul li a:visited {
    color: #F0F0F0
}

.slideNewsType .tabContent .rightNewNews ul li a:hover {
    color: #00BF4C
}

.slideNewsType .arrowArea {
    position: relative;
    z-index: 22;
    top: 15%;
    width: 100%;
    margin: 0 auto
}

.slideNewsType .arrowArea .jssora03l,
.slideNewsType .arrowArea .jssora03r {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    opacity: .7;
    font-size: 25px;
    color: #666
}

.detailArea .detailArticle .shareArea a:hover,
.detailArea .detailArticle .shareVideoArea a:hover,
.slideNewsType .arrowArea .jssora03l.jssora03ldn,
.slideNewsType .arrowArea .jssora03l:hover,
.slideNewsType .arrowArea .jssora03r.jssora03rdn,
.slideNewsType .arrowArea .jssora03r:hover {
    opacity: 1
}

.slideNewsType .arrowArea .jssora03l {
    left: -10px
}

.slideNewsType .arrowArea .jssora03r {
    right: -10px
}

.slideNewsType .typeSlides {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 80px;
    overflow: hidden;
    margin: 0 auto 20px;
    text-align: center;
    left: 0
}

.crumbArea,
ol.crumbArea {
    text-align: left;
    z-index: 10
}

.slideNewsType .typeSlides div {
    line-height: 40px;
    padding: 10px 0
}

.slideNewsType .typeSlides div:hover .sinyi-caret-up {
    display: block
}

.slideNewsType .typeSlides div .sinyi-caret-up {
    display: none;
    position: relative;
    left: 50%;
    bottom: -45px;
    margin-left: -12.5px;
    z-index: 10;
    background: 0 0;
    width: 25px;
    height: 0;
    float: left;
    color: rgba(0, 0, 0, .9)
}

.slideNewsType .typeSlides div .sinyi-caret-up.select {
    display: block
}

.slideNewsType .typeSlides div .sinyi-caret-up:before {
    font-size: 25px
}

.slideNewsType .typeSlides div a {
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 11;
    color: #666;
    border-bottom: 2px solid #A3A3A3;
    cursor: pointer
}

.crumbArea,
ol.crumbArea {
    font-size: 14px;
    position: relative
}

.slideNewsType .typeSlides div a span {
    position: relative;
    top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 3px;
    margin-right: -24px;
    color: #FFF;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #F87948;
    display: inline-block;
    font-size: 14px
}

.slideNewsType .typeSlides div a span.hidden {
    display: none
}

.slideNewsType .typeSlides div a:visited {
    color: #333
}

.slideNewsType .typeSlides div a:hover {
    color: #FFF
}

.slideNewsType .typeSlides div.select a,
.slideNewsType .typeSlides div:hover a {
    color: #00954F;
    border-bottom: 2px solid #00954F
}

.slideNewsType .typeSlides div.select a:hover,
.slideNewsType .typeSlides div.select a:visited,
.slideNewsType .typeSlides div:hover a:hover,
.slideNewsType .typeSlides div:hover a:visited {
    color: #00954F
}

.crumbArea,
.crumbArea span,
.crumbArea span a,
.crumbArea span a:visited {
    color: #787878
}

.crumbArea span a:hover {
    color: #009650
}

.crumbArea span a:after {
    content: " > ";
    color: #787878;
    margin: 0 3px
}

ol.crumbArea {
    color: #787878
}

ol.crumbArea li {
    display: inline-grid;
    color: #787878
}

ol.crumbArea li:last-child a:after {
    content: ''
}

ol.crumbArea li a,
ol.crumbArea li a:visited {
    color: #787878
}

ol.crumbArea li a:hover,
ol.crumbArea li a:hover span {
    color: #009650
}

ol.crumbArea li a:after {
    content: " > ";
    color: #787878;
    margin: 0 3px
}

.insideContent {
    width: 1210px;
    margin: 0 auto;
    min-height: 300px
}

.insideContent a.showMore {
    color: #007E6E;
    border: 1px solid #007E6E;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 2px;
    padding: 15px 130px;
    display: inline-block;
    margin: 30px auto 100px
}

.insideContent a.showMore:visited {
    color: #007E6E
}

.insideContent a.showMore:hover {
    background: #007E6E;
    color: #FFF
}

.chartArea section.chartGroup {
    position: relative;
    min-height: 140px;
    color: #fff;
    letter-spacing: 1px;
    border-bottom: 1px solid #b4b4b4
}

.detailArea .fixedBox .sideAreaVideo .chartArea section.chartGroup,
.detailArea .sideArea .chartArea section.chartGroup,
.fixedBox .detailArea .sideAreaVideo .chartArea section.chartGroup {
    margin-bottom: 0
}

.chartArea section.chartGroup h1 {
    position: absolute;
    top: 15px;
    left: 25px;
    color: #32ea78;
    font-size: 15px
}

.chartArea section.chartGroup.newChart4 p,
.mainToday,
.mainToday a,
.mainToday a:visited {
    color: #FFF
}

.chartArea section.chartGroup h1 span {
    display: block;
    font-style: 14px;
    line-height: 1.3em
}

.chartArea section.chartGroup h2 {
    position: relative;
    left: 25px;
    font-size: 14px;
    font-weight: 300
}

.chartArea section.chartGroup .area {
    position: relative;
    float: right;
    top: -30px;
    right: -10px;
    width: 156px
}

.chartArea section.chartGroup .area .circle .pie_chart {
    min-width: 156px;
    height: 156px;
    margin: 0 auto
}

.chartArea section.chartGroup .area .circle span.noteNew {
    position: relative;
    top: -15px;
    display: block;
    text-align: center;
    font-size: 12px
}

.chartArea section.chartGroup .area .pie_data_show {
    position: absolute;
    top: 75px;
    width: 100%;
    text-align: center
}

.chartArea section.chartGroup.newChart2 h2,
.chartArea section.chartGroup.newChart2 h3.newPrice {
    left: 25px
}

.chartArea section.chartGroup.newChart2 h2 {
    position: absolute;
    top: 75px
}

.chartArea section.chartGroup.newChart2 h3.newPrice {
    position: absolute;
    top: 92px;
    font-size: 28px;
    font-weight: 300
}

.chartArea section.chartGroup.newChart2 h3.newPrice span {
    font-size: 13px;
    margin-left: 10px
}

.chartArea section.chartGroup .pie-single-percentage {
    position: absolute;
    top: -30px;
    right: -10px;
    min-width: 156px;
    height: 156px;
    margin: 0 auto
}

.chartArea section.chartGroup.newChart3 {
    min-height: 120px
}

.chartArea section.chartGroup.newChart3 h2 {
    margin-top: 15px
}

.chartArea section.chartGroup.newChart3 .highcharts-data-labels {
    margin-left: -5px
}

.chartArea section.chartGroup.newChart3 ul.label {
    position: relative;
    margin: 15px 0 0 25px;
    font-size: 12px;
    letter-spacing: 0;
    width: 180px;
    vertical-align: top;
    display: block
}

.chartArea section.chartGroup.newChart3 ul.label li {
    position: absolute;
    width: 80px;
    height: 25px;
    vertical-align: top;
    padding: 0;
    overflow: hidden;
    top: 0;
    left: 0
}

.chartArea section.chartGroup.newChart3 ul.label li:nth-child(2) {
    top: 0;
    left: 80px
}

.chartArea section.chartGroup.newChart3 ul.label li:nth-child(3) {
    top: 25px;
    left: 0
}

.chartArea section.chartGroup.newChart3 ul.label li:nth-child(4) {
    top: 25px;
    left: 80px
}

.chartArea section.chartGroup.newChart3 ul.label li:nth-child(5) {
    top: 50px;
    left: 0
}

.chartArea section.chartGroup.newChart3 ul.label li .color-label {
    position: relative;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    display: inline-block
}

.chartArea section.chartGroup.newChart3 ul.label li p {
    display: inline-block
}

.chartArea section.chartGroup.newChart4 {
    min-height: 100px;
    color: #FFF
}

.chartArea section.chartGroup.newChart4 h2 {
    margin-top: 15px
}

.chartArea section.chartGroup.newChart4 .bar-chart-sidebar {
    min-width: 200px;
    height: 100px;
    margin: 0 auto 0 10px
}

.chartArea section.chartGroup.newChart4 .bar-chart-sidebar .highcharts-series rect {
    width: 6px
}

.encyclopediaMainContent,
.newsMainContent {
    font-size: 14pt;
    font-weight: 300
}

.mainToday,
.mainToday h1,
.notePoint {
    font-size: 16px
}

.mainToday {
    position: relative;
    z-index: 10;
    min-width: 1210px;
    min-height: 340px;
    vertical-align: top;
    overflow: hidden;
    background: url(../images/mainArea_bg.jpg) left top repeat-x;
    -webkit-background-size: auto 105%;
    -o-background-size: auto 105%;
    background-size: auto 105%
}

.mainToday:before {
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .6);
    content: " "
}

.mainToday a:hover {
    color: #00bf4c;
    cursor: pointer
}

.mainToday h1 {
    position: absolute;
    top: 35px;
    right: 45px;
    line-height: 1.2em;
    padding: 5px 20px;
    letter-spacing: 3px;
    font-weight: 400;
    color: #00bf4c;
    border: 1px solid #00bf4c
}

.mainToday div.mainAllGroup {
    margin: 0 auto
}

.mainToday div.mainAllGroup section.todayHouse {
    position: relative;
    z-index: 12;
    width: 50%;
    height: 100%;
    float: left;
    text-align: left
}

.mainToday div.mainAllGroup section.todayHouse .groupBox {
    position: relative;
    max-width: 605px;
    float: right
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent {
    position: relative;
    width: 70%;
    margin: 55px auto 0
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time {
    position: absolute;
    top: -20px;
    left: -20%;
    font-family: 'Century Gothic', Arial;
    font-size: 50px;
    text-align: center
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time span {
    display: block;
    font-size: 20px;
    text-align: center;
    border-top: 1px solid #fff
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 {
    position: relative;
    line-height: 1.2em;
    padding: 0 0 15px 180px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 1.531em;
    letter-spacing: 5px;
    font-weight: 500;
    border-bottom: 1px solid #fff
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-cloud,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    padding-top: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.4em;
    padding-left: 48px;
    color: #FFF;
    border-right: 1px solid rgba(127, 127, 127, .5)
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-cloud:before,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain:before,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun:before {
    position: relative;
    display: inline-block;
    top: 20px;
    left: -25px;
    float: left;
    font-size: 3.5em;
    line-height: 0;
    color: #fff000
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent p {
    text-align: left;
    color: #c9c9c9;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 300;
    letter-spacing: 2px;
    max-height: 380px
}

.mainToday div.mainAllGroup section.todayNews {
    position: absolute;
    z-index: 12;
    width: 50%;
    height: 100%;
    float: left;
    padding-bottom: 30px;
    text-align: left;
    background: rgba(0, 0, 0, .1)
}

.mainToday div.mainAllGroup section.todayNews:hover {
    cursor: pointer
}

.mainToday div.mainAllGroup section.todayNews:hover .todayNewTitle h2 a {
    color: #00bf4c
}

.mainToday div.mainAllGroup section.todayNews .groupBox {
    position: relative;
    margin: 0 auto;
    max-width: 605px
}

.mainToday div.mainAllGroup section.todayNews .groupBox h3 {
    font-size: 16px
}

.mainToday div.mainAllGroup section.todayNews .groupBox p {
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 1.4em;
    color: #dfdfdf;
    margin: 10px 45px 0
}

.mainToday div.mainAllGroup section.todayNews .groupBox p.source {
    margin-top: 15px;
    font-weight: 300;
    letter-spacing: 1.5px;
    font-size: 14px
}

.mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle {
    position: relative;
    margin: 0 45px;
    padding: 100px 0 5px;
    border-bottom: 1px solid #c9c9c9
}

.mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure {
    position: absolute;
    top: 103px;
    left: 0;
    width: 158px
}

.mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle h2 {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400;
    margin-left: 160px;
    letter-spacing: 2px
}

.mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle time {
    font-size: 14px;
    margin-left: 160px;
    color: #CECECE
}

.mainToday div.mainAllGroup section.moreToday {
    position: absolute;
    z-index: 12;
    margin-left: 50%;
    width: 50%;
    height: 100%;
    text-align: left;
    background: rgba(0, 0, 0, .2)
}

.mainToday div.mainAllGroup section.moreToday .groupBox {
    position: relative;
    padding-top: 40px;
    margin: 0 auto;
    max-width: 605px
}

.mainToday div.mainAllGroup section.moreToday .groupBox h3 {
    font-size: 14px
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul {
    padding-top: 60px;
    margin: 0 45px
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li {
    position: relative;
    border-top: 1px solid #c9c9c9;
    padding: 8px 0
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li:hover {
    cursor: pointer
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li:hover a {
    color: #00bf4c
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li:first-child {
    padding-top: 0;
    border-top: 0 solid #c9c9c9
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li:first-child a.sinyi-ios-arrow-right,
.mainToday div.mainAllGroup section.moreToday .groupBox ul li:first-child a.sinyi-sinyi-go {
    top: 12px
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li a {
    margin-right: 40px;
    display: block
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li a.sinyi-ios-arrow-right,
.mainToday div.mainAllGroup section.moreToday .groupBox ul li a.sinyi-sinyi-go {
    margin: 0;
    position: absolute;
    top: 18px;
    right: 0;
    color: #00bf4c;
    font-size: 1.2em
}

.mainToday div.mainAllGroup section.moreToday .groupBox ul li time {
    display: block;
    font-weight: 300;
    letter-spacing: 1.5px;
    font-size: 14px;
    color: #dfdfdf
}

.fastLinkPhone {
    position: fixed;
    z-index: 50;
    left: 0;
    right: 0;
    bottom: 0;
    height: 105px;
    background: #00713d;
    text-align: center
}

.fastLinkPhone a {
    color: #fff;
    width: 25%;
    height: 100%;
    font-size: 16px;
    float: left;
    margin-left: -1px;
    border-left: 1px solid #fff
}

.fastLinkPhone a:first-child {
    border: none;
    margin-left: 0
}

.fastLinkPhone a:hover,
.fastLinkPhone a:visited {
    color: #fff
}

.fastLinkPhone a.dissable {
    background: #b9b9b9
}

.fastLinkPhone a span {
    display: block;
    font-size: 2.5em;
    margin-top: 10px;
    height: 50px
}

.fastLinkPhone a span:before {
    display: inline-block;
    line-height: 55px
}

section.historyArea {
    width: 1210px;
    margin: 50px auto 20px;
    text-align: left
}

section.historyArea div {
    display: inline-block;
    vertical-align: top;
    margin-left: -6px
}

section.historyArea div:nth-child(1),
section.historyArea div:nth-child(2) {
    width: 35.5%
}

section.historyArea div:nth-child(3) {
    width: 27%
}

section.historyArea h2 {
    font-size: 20px;
    color: #009650;
    font-weight: 500;
    letter-spacing: 3px;
    margin: 0 0 0 20px;
    height: 55px
}

section.historyArea .lastYear {
    margin-left: 0
}

section.historyArea .lastYear a {
    display: block;
    position: relative;
    cursor: pointer;
    background: #007E6E;
    color: #FFF
}

section.historyArea .lastYear a:visited {
    color: #FFF
}

section.historyArea .lastYear a h2 {
    color: #FFF;
    height: auto
}

section.historyArea .lastYear a h2:visited {
    color: #FFF
}

section.historyArea .lastYear a figure {
    height: 184px;
    overflow: hidden
}

section.historyArea .lastYear a figure img {
    width: 100%;
    height: auto
}

section.historyArea .lastYear a time {
    font-family: Areal;
    margin: 5px 33px 3px;
    line-height: 1.2em;
    display: block;
    letter-spacing: 1px
}

section.historyArea .lastYear a h2 {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    margin: 0 33px 0px;
    letter-spacing: 2px;
    line-height: 1.2em;
    overflow: hidden
}

section.historyArea .lastYear a p.source {
    margin: 0 33px;
    padding-bottom: 3px
}

section.historyArea .lastYear a span.more {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 0;
    border: 1px solid #999;
    padding: 9px 5px
}

section.historyArea .lastYear a span.sinyi-download {
    position: absolute;
    right: 30px;
    bottom: 12px;
    text-align: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border: 2px solid #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #fff;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

section.historyArea .lastWeek {
    padding-left: 18px
}

section.historyArea .lastWeek ul {
    background: #FFF
}

section.historyArea .lastWeek ul li {
    padding: 10.5px 40px 9.5px;
    border-top: 1px solid #B8B8B8
}

section.historyArea .lastWeek ul li:hover {
    cursor: pointer
}

section.historyArea .lastWeek ul li:hover a {
    color: #009650
}

section.historyArea .lastWeek ul li:first-child {
    border-top: 0 solid #B8B8B8
}

section.historyArea .lastWeek ul li a {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.4em
}

section.historyArea .lastWeek ul li p {
    font-family: Areal;
    color: #7C7C7C;
    font-size: 14px
}

section.historyArea .lastWeek ul li p time {
    margin-right: 7px;
    font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
}

section.historyArea .lastAD {
    position: relative;
    top: 56px;
    height: 250px
}

section.historyArea .lastAD figure {
    padding-left: 18px
}

section.historyArea .lastAD figure a img {
    max-width: 100%;
    max-height:250px;
}

section.typeAreaEveryday ul.typeListEveryday {
    position: relative;
    z-index: 15
}

section.typeAreaEveryday ul.typeListEveryday li {
    display: inline-block;
    width: 12.5%;
    margin: 0 0 25px -4px;
    border-bottom: 2px solid #A3A3A3;
    font-size: 16px;
    letter-spacing: 1px
}

section.typeAreaEveryday ul.typeListEveryday li a:hover .sinyi-caret-up,
section.typeAreaEveryday ul.typeListEveryday li:hover .sinyi-caret-up,
section.typeAreaEveryday ul.typeListEveryday li:hover .tabContent {
    display: block
}

section.typeAreaEveryday ul.typeListEveryday li.select,
section.typeAreaEveryday ul.typeListEveryday li:hover {
    border-bottom: 2px solid #00954F
}

section.typeAreaEveryday ul.typeListEveryday li.select a,
section.typeAreaEveryday ul.typeListEveryday li.select a:hover,
section.typeAreaEveryday ul.typeListEveryday li.select a:visited {
    color: #00954F
}

section.typeAreaEveryday ul.typeListEveryday li a {
    position: relative;
    z-index: 11;
    display: block;
    color: #666;
    height: 20px;
    padding-bottom: 15px;
    cursor: pointer
}

section.typeAreaEveryday ul.typeListEveryday li a:visited {
    color: #666
}

section.typeAreaEveryday ul.typeListEveryday li a:hover {
    color: #00954F
}

section.typeAreaEveryday ul.typeListEveryday li a span {
    position: relative;
    top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 3px;
    margin-right: -24px;
    color: #FFF;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #F87948;
    display: inline-block;
    font-size: 14px
}

section.typeAreaEveryday ul.typeListEveryday li a span.hidden {
    display: none
}

section.typeAreaEveryday ul.typeListEveryday li .sinyi-caret-up {
    display: none;
    position: relative;
    left: 50%;
    bottom: -6px;
    margin-left: -12.5px;
    z-index: 10;
    background: 0 0;
    width: 25px;
    height: 0;
    float: left;
    color: rgba(0, 0, 0, .9)
}

section.typeAreaEveryday ul.typeListEveryday li .sinyi-caret-up:before {
    font-size: 25px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 200px;
    padding: 25px 50px;
    font-size: 16px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent:before {
    position: absolute;
    z-index: 5;
    top: 60px;
    left: 0;
    right: 0;
    content: ' .';
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink {
    position: relative;
    top: 60px;
    z-index: 10;
    width: 250px;
    min-height: 288px;
    float: left;
    border-right: 1px solid #777;
    text-align: left
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink .linkGroup {
    vertical-align: top;
    text-align: left;
    font-size: .875em;
    width: 75px;
    display: inline-block
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink .linkGroup span {
    display: block;
    padding: 8px 0;
    color: #777
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink .linkGroup span a {
    display: block;
    padding: 0;
    color: #ccc
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink .linkGroup span a:visited {
    color: #ccc
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .leftLink .linkGroup span a:hover {
    color: #00BF4C
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews {
    position: relative;
    top: 60px;
    z-index: 10;
    text-align: left;
    margin-left: 300px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews h1 {
    color: #00BF4C;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1em
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul {
    color: #F0F0F0;
    font-size: 1em
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li {
    width: 100%;
    border-bottom: 1px solid #777;
    padding: 10px 0;
    margin: 0
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li:last-child {
    border-bottom: 0 solid #777
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li p time {
    font-family: Areal;
    line-height: 1.2em;
    letter-spacing: 1px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li p span {
    color: #9C9C9C;
    font-size: 14px;
    margin-left: 10px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li a {
    padding: 0;
    color: #F0F0F0;
    height: auto;
    cursor: pointer;
    font-size: 1.125em;
    line-height: 1.4em;
    letter-spacing: 2px
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li a:visited {
    color: #F0F0F0
}

section.typeAreaEveryday ul.typeListEveryday li .tabContent .rightNewNews ul li a:hover {
    color: #00BF4C
}

section.typeFastLink ul {
    font-size: 14px;
    text-align: left;
    margin-bottom: 35px
}

section.typeFastLink ul li {
    display: inline-block;
    padding-right: 8px
}

section.typeFastLink ul li:before {
    content: '|';
    display: inline-block;
    float: right;
    margin-left: 8px
}

section.typeFastLink ul li:last-child {
    padding-right: 0
}

section.typeFastLink ul li:last-child:before {
    content: ''
}

section.typeFastLink ul li a,
section.typeFastLink ul li a:visited {
    color: #a3a3a3
}

section.typeFastLink ul li a.select,
section.typeFastLink ul li a:hover {
    color: #00954f
}

section.newsAreaEveryday ul.newsListEveryday {
    text-align: left;
    margin-left: 3px
}

section.newsAreaEveryday ul.newsListEveryday li {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: top;
    margin: 0 3px 30px 0;
    width: calc(25% - 3px);
    height: 480px;
    overflow: hidden;
    cursor: pointer
}

section.newsAreaEveryday ul.newsListEveryday li img.bgImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: auto;
    height: 100%
}

section.newsAreaEveryday ul.newsListEveryday li:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .6)
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox {
    position: relative;
    background: rgba(255, 255, 255, 0)
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time {
    margin: -40px 18px 15px;
    color: #F2F2F2
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time span,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time span {
    color: #d2d2d2
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p {
    color: #DFDFDF
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p.source,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p.source {
    color: #ccc
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2,
section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:hover,
section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:visited,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:hover,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:visited {
    color: #FFF
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a {
    color: #FFF;
    display: inline-block
}

section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure img,
section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure img {
    position: relative;
    top: -102px
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox time {
    position: relative;
    z-index: 8;
    margin: 5px 18px;
    color: #7c7c7c;
    display: block;
    font-family: Areal;
    letter-spacing: 1px;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox time span {
    margin-left: 7px;
    font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 {
    position: relative;
    z-index: 8;
    margin: 0 18px 20px;
    padding: 0;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: 2px;
    min-height: 50px
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox p {
    position: relative;
    z-index: 8;
    margin: 0 18px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1.5px;
    color: #757575
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox p.source {
    font-size: 15px;
    margin-bottom: 10px;
    color: #8E8A8A
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea {
    position: absolute;
    bottom: 20px;
    z-index: 8;
    padding: 0 18px;
    letter-spacing: 1.5px
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 5px 10px;
    margin-right: 7px;
    color: #FFF;
    font-size: 14px
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:visited {
    color: #FFF
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:hover {
    color: #17f300
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox figure {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 102px;
    overflow: hidden
}

section.newsAreaEveryday ul.newsListEveryday li .newsBox figure img {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.newsArticleArea {
    font-size: 16px
}

section.newsArticleArea ul.articleList {
    width: 100.2%;
    text-align: left;
    margin: 0 13px 0 -4px
}

section.newsArticleArea ul.articleList li {
    position: relative;
    display: inline-block;
    margin: 0 0 30px 13px;
    width: 30%;
    padding: 10px;
    cursor: pointer;
    background: #FFF;
    border-top: 5px solid #00B38F
}

section.newsArticleArea ul.articleList li .keywordArea {
    color: #007E6E;
    font-size: 14px;
    margin: 8px 0 11px
}

section.newsArticleArea ul.articleList li .keywordArea a.keyword {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 2px 10px;
    margin-right: 7px;
    margin-bottom: 7px;
    color: #FFF;
    font-size: 14px
}

section.newsArticleArea ul.articleList li .keywordArea a.keyword:visited {
    color: #FFF
}

section.newsArticleArea ul.articleList li .keywordArea a.keyword:hover {
    color: #17f300
}

section.newsArticleArea ul.articleList li figure {
    position: relative
}

section.newsArticleArea ul.articleList li figure img {
    position: relative;
    z-index: 1;
    width: 100%
}

section.newsArticleArea ul.articleList li figure .figureInfo {
    position: absolute;
    bottom: 0;
    padding: 18px 18px 13px;
    z-index: 5;
    color: #FFF;
    background: url(../images/news_mask.png) left bottom repeat-x
}

section.newsArticleArea ul.articleList li figure .figureInfo p,
section.newsArticleArea ul.articleList li figure .figureInfo time {
    display: inline-block;
    font-size: 14px
}

section.newsArticleArea ul.articleList li figure .figureInfo time {
    margin-right: 10px;
    font-family: 'Century Gothic', Arial
}

section.newsArticleArea ul.articleList li figure .figureInfo h2 {
    font-size: 1.25em;
    font-weight: 500;
    margin-top: 3px;
    letter-spacing: 1.5px
}

section.newsArticleArea ul.articleList li figure .figureInfo h2 a {
    color: #FFF
}

section.newsArticleArea ul.articleList li h4 {
    color: #fff;
    background: #00B38F;
    font-size: 14px;
    display: inline-block;
    margin-top: 20px;
    padding: 2px 18px;
    font-weight: 300
}

section.newsArticleArea ul.articleList li .paragraphArea {
    position: relative;
    height: 290px;
    overflow: hidden
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li {
    width: auto;
    margin: 0;
    padding: 15px 10px;
    border-top: 1px solid #ccc
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li:hover h2 a,
section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li:hover h2 a:visited {
    color: #333
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li h2 {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.4em
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li h2 a,
section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li h2 a:visited {
    color: #00B38F
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li h2 a:hover {
    color: #333
}

section.newsArticleArea ul.articleList li .paragraphArea ul.paragraphList li p {
    font-size: 1em;
    color: #666
}

section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-down,
section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-up {
    position: absolute;
    bottom: -8px;
    width: 100%;
    background: #FFF;
    text-align: center;
    font-size: 1.5em;
    color: #666
}

.detailArea,
.listSection {
    width: 1210px;
    margin: 0 auto;
    font-size: 16px;
    position: relative
}

section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-down:visited,
section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-up:visited {
    color: #666
}

section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-down:hover,
section.newsArticleArea ul.articleList li .paragraphArea a.sinyi-ios-arrow-up:hover,
section.newsArticleArea+a.showMore:visited {
    color: #00B38F
}

section.newsArticleArea+a.showMore {
    color: #00B38F;
    border: 1px solid #00B38F
}

section.newsArticleArea+a.showMore:hover {
    background: #00B38F;
    color: #FFF
}

.listSection {
    padding: 10px 0 40px 60px
}

.detailArea .detailArticle {
    position: relative;
    z-index: 5;
    margin-right: 370px;
    padding-left: 60px;
    text-align: left
}

.detailArea .detailArticle.videoArticle {
    min-height: auto
}

.detailArea .detailArticle .shareArea,
.detailArea .detailArticle .shareVideoArea {
    position: fixed;
    z-index: 80;
    left: 55px;
    top: 360px;
    width: 55px;
    border: 1px solid #959595;
    background: #EFEFEF
}

.detailArea .detailArticle .loan.shareVideoArea,
.detailArea .detailArticle .shareArea.loan {
    top: 325px
}

.detailArea .detailArticle .shareArea h6,
.detailArea .detailArticle .shareVideoArea h6 {
    color: #fff;
    font-size: .75em;
    background: #959595;
    text-align: center;
    line-height: 20px
}

.detailArea .detailArticle .shareArea a,
.detailArea .detailArticle .shareVideoArea a {
    position: relative;
    margin: 5px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    opacity: 1
}

.detailArea .detailArticle .shareArea a.phoneUse,
.detailArea .detailArticle .shareVideoArea a.phoneUse {
    display: inline-block
}

.detailArea .detailArticle .shareArea a:before,
.detailArea .detailArticle .shareVideoArea a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 45px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled,
.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled {
    opacity: .4
}

.detailArea .detailArticle .shareArea a.sinyi-sinyi-fb,
.detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-fb {
    color: #3A559F
}

.detailArea .detailArticle .shareArea a.sinyi-sinyi-mail,
.detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-mail {
    color: #61a8de
}

.detailArea .detailArticle .shareArea a.sinyi-sinyi-line,
.detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-line {
    color: #00c200
}

.detailArea .detailArticle .shareArea a.sinyi-social-twitter,
.detailArea .detailArticle .shareVideoArea a.sinyi-social-twitter {
    color: #fff;
    background: #1da1f2;
    display: none;
}

.detailArea .detailArticle .shareVideoArea {
    top: 220px
}

.detailArea .detailArticle .encyclopediaMainContent,
.detailArea .detailArticle .loanMainContent,
.detailArea .detailArticle .newsMainContent {
    margin-bottom: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .downFunction,
.detailArea .detailArticle .loanMainContent .downFunction,
.detailArea .detailArticle .newsMainContent .downFunction {
    padding-bottom: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea,
.detailArea .detailArticle .loanMainContent .bannerArea,
.detailArea .detailArticle .newsMainContent .bannerArea {
    position: relative;
    top: 25px;
    margin-bottom: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList {
    position: relative;
    z-index: 5;
    height: 335px;
    overflow: hidden
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul {
    position: absolute;
    height: 100%;
    width: 9999px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li {
    width: 780px;
    height: 100%;
    position: relative;
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li img,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li img,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li img {
    width: 100%
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 60px 0 0;
    margin-bottom: 0;
    height: 70px;
    font-size: 1em;
    letter-spacing: 1px;
    color: #e8e8e8;
    display: table;
    background: url(../images/news_mask.png) left bottom repeat-x
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p span,
.detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p span,
.detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.numbers,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.numbers,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.numbers {
    display: none
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    width: 100%;
    height: 60px;
    color: #e8e8e8
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li {
    width: 50px;
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    font-size: 35px
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled:hover,
.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled:hover,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled:hover,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled:hover,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled:hover,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled:hover {
    cursor: default
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li:visited {
    color: rgba(255, 255, 255, .5)
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li:hover {
    color: rgba(255, 255, 255, .7)
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-left {
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea li.sinyi-ios-arrow-right {
    float: right
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea,
.detailArea .detailArticle .loanMainContent .article1BannerArea,
.detailArea .detailArticle .newsMainContent .article1BannerArea {
    position: relative;
    top: 25px;
    margin-bottom: 50px;
    overflow: hidden
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList,
.detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList,
.detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList {
    position: relative;
    z-index: 5;
    overflow: hidden
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul,
.detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul,
.detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul {
    position: absolute;
    height: 100%;
    width: 9999px
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li,
.detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li,
.detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li {
    height: 100%;
    position: relative;
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li img,
.detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li img,
.detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li img {
    width: 100%
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li p,
.detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li p,
.detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li p {
    position: absolute;
    bottom: 0;
    padding: 60px 50px 0;
    margin-bottom: 0;
    height: 60px;
    font-size: 1em;
    letter-spacing: 1px;
    color: #e8e8e8;
    background: url(../images/news_mask.png) left bottom repeat-x
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl {
    position: relative
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.numbers,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.numbers,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.numbers {
    display: none
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 60px;
    color: #e8e8e8
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li {
    width: 50px;
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    font-size: 35px
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:visited {
    color: rgba(255, 255, 255, .5)
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li:hover {
    color: rgba(255, 255, 255, .7)
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-left {
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .loanMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .newsMainContent .article1BannerArea .article1ArrowControl ul.arrowArea li.sinyi-ios-arrow-right {
    float: right
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea,
.detailArea .detailArticle .loanMainContent .article2BannerArea,
.detailArea .detailArticle .newsMainContent .article2BannerArea {
    position: relative;
    top: 25px;
    margin-bottom: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .bannerList,
.detailArea .detailArticle .loanMainContent .article2BannerArea .bannerList,
.detailArea .detailArticle .newsMainContent .article2BannerArea .bannerList {
    position: relative;
    z-index: 5;
    height: 335px;
    overflow: hidden
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .bannerList ul,
.detailArea .detailArticle .loanMainContent .article2BannerArea .bannerList ul,
.detailArea .detailArticle .newsMainContent .article2BannerArea .bannerList ul {
    position: absolute;
    height: 100%;
    width: 9999px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .bannerList ul li,
.detailArea .detailArticle .loanMainContent .article2BannerArea .bannerList ul li,
.detailArea .detailArticle .newsMainContent .article2BannerArea .bannerList ul li {
    width: 780px;
    height: 100%;
    position: relative;
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .bannerList ul li img,
.detailArea .detailArticle .loanMainContent .article2BannerArea .bannerList ul li img,
.detailArea .detailArticle .newsMainContent .article2BannerArea .bannerList ul li img {
    width: 100%
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .bannerList ul li p,
.detailArea .detailArticle .loanMainContent .article2BannerArea .bannerList ul li p,
.detailArea .detailArticle .newsMainContent .article2BannerArea .bannerList ul li p {
    position: absolute;
    bottom: 0;
    padding: 60px 50px 0;
    margin-bottom: 0;
    height: 60px;
    font-size: 1em;
    letter-spacing: 1px;
    color: #e8e8e8;
    background: url(../images/news_mask.png) left bottom repeat-x
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl {
    position: relative
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.numbers,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.numbers,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.numbers {
    position: relative;
    z-index: 3;
    margin-top: 6px;
    margin-right: -10px;
    opacity: 0
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.numbers li,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.numbers li,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.numbers li {
    display: inline-block;
    width: 153px;
    height: 70px;
    background: #CCC;
    margin-right: 4px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.numbers li:hover,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.numbers li:hover,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.numbers li:hover {
    cursor: pointer
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.thumbnail,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.thumbnail,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.thumbnail {
    position: absolute;
    z-index: 2;
    top: 0;
    margin-right: -10px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li {
    float: left;
    width: 153px;
    height: 70px;
    margin-right: 4px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li:hover,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li:hover,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li:hover {
    cursor: pointer
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li img,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li img,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.thumbnail li img {
    width: 100%
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 60px;
    color: #e8e8e8
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li {
    width: 50px;
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    font-size: 35px
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:visited,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:visited {
    color: rgba(255, 255, 255, .5)
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:hover,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li:hover {
    color: rgba(255, 255, 255, .7)
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-left,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-left {
    float: left
}

.detailArea .detailArticle .encyclopediaMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .loanMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-right,
.detailArea .detailArticle .newsMainContent .article2BannerArea .article2ArrowControl ul.arrowArea li.sinyi-ios-arrow-right {
    float: right
}

.detailArea .detailArticle .encyclopediaMainContent h1,
.detailArea .detailArticle .loanMainContent h1,
.detailArea .detailArticle .newsMainContent h1 {
    font-size: 1.75em;
    color: #008a49;
    letter-spacing: 2.5px;
    margin: 45px 0 25px
}

.detailArea .detailArticle .encyclopediaMainContent h2,
.detailArea .detailArticle .loanMainContent h2,
.detailArea .detailArticle .newsMainContent h2 {
    color: #434343;
    font-size: 1.125em;
    letter-spacing: 1px;
    margin: 38px 0 25px
}

.detailArea .detailArticle .encyclopediaMainContent p,
.detailArea .detailArticle .loanMainContent p,
.detailArea .detailArticle .newsMainContent p,
.detailArea .detailArticle .newsMainContent div{
    color: #6F6F6F;
    font-size: 1em;
    /*letter-spacing: 1px;*/
    margin-bottom: 5px;
    padding-bottom: 5px;

}

.detailArea .detailArticle .encyclopediaMainContent a,
.detailArea .detailArticle .loanMainContent a,
.detailArea .detailArticle .newsMainContent a {
    text-decoration: underline
}

.detailArea .detailArticle .encyclopediaMainContent a.nounderline,
.detailArea .detailArticle .loanMainContent a.nounderline,
.detailArea .detailArticle .newsMainContent a.nounderline {
    text-decoration: none
}

.detailArea .detailArticle .encyclopediaMainContent h3.point,
.detailArea .detailArticle .loanMainContent h3.point,
.detailArea .detailArticle .newsMainContent h3.point {
    color: #5C5B5B;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 400;
    letter-spacing: 1px;
    border-left: 9px solid #a0a0a0;
    background: #DCDCDC;
    padding: 20px 30px
}

.detailArea .detailArticle .encyclopediaMainContent h3.point+p,
.detailArea .detailArticle .loanMainContent h3.point+p,
.detailArea .detailArticle .newsMainContent h3.point+p {
    margin-top: 50px
}

.detailArea .detailArticle .encyclopediaMainContent h3.point+.paragraphLink,
.detailArea .detailArticle .loanMainContent h3.point+.paragraphLink,
.detailArea .detailArticle .newsMainContent h3.point+.paragraphLink {
    margin-top: 100px
}

.detailArea .detailArticle .encyclopediaMainContent h4,
.detailArea .detailArticle .loanMainContent h4,
.detailArea .detailArticle .newsMainContent h4 {
    color: #666;
    font-size: 1.25em;
    letter-spacing: 1.5px;
    margin: 30px 0 15px
}

.detailArea .detailArticle .encyclopediaMainContent h4+p,
.detailArea .detailArticle .loanMainContent h4+p,
.detailArea .detailArticle .newsMainContent h4+p {
    margin-bottom: 20px
}

.detailArea .detailArticle .encyclopediaMainContent img,
.detailArea .detailArticle .loanMainContent img,
.detailArea .detailArticle .newsMainContent img {
    max-width: 100%;
    height: auto;
    margin-right: 5px;
    margin-bottom: 10px
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo,
.detailArea .detailArticle .loanMainContent .detailInfo,
.detailArea .detailArticle .newsMainContent .detailInfo {
    position: relative;
    color: #7C7C7C;
    font-size: 16px
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span mark,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span mark,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span mark {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: 0 0;
    color: #7C7C7C
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span mark:after,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span mark:after,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span mark:after {
    content: ''
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span mark a,
.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span mark a:visited,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span mark a,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span mark a:visited,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span mark a,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span mark a:visited {
    color: #7C7C7C
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span mark a:hover,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span mark a:hover,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span mark a:hover {
    color: #009650
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span:last-child:after,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span:last-child:after,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span:last-child:after {
    content: '';
    margin: 0
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span.sinyi-eye,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span.sinyi-eye,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span.sinyi-eye {
    font-size: 14px;
    margin-left: 15px
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .sourceArea span.sinyi-eye:before,
.detailArea .detailArticle .loanMainContent .detailInfo .sourceArea span.sinyi-eye:before,
.detailArea .detailArticle .newsMainContent .detailInfo .sourceArea span.sinyi-eye:before {
    font-size: 16px;
    position: relative;
    top: 3px;
    margin-right: 5px
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea,
.detailArea .detailArticle .loanMainContent .detailInfo .functionArea,
.detailArea .detailArticle .newsMainContent .detailInfo .functionArea {
    position: absolute;
    right: 0;
    top: 0
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea p,
.detailArea .detailArticle .loanMainContent .detailInfo .functionArea p,
.detailArea .detailArticle .newsMainContent .detailInfo .functionArea p {
    display: inline-block
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea span,
.detailArea .detailArticle .loanMainContent .detailInfo .functionArea span,
.detailArea .detailArticle .newsMainContent .detailInfo .functionArea span {
    display: inline-block;
    border: 1px solid #d2d2d2;
    line-height: 1em;
    padding: 5px;
    margin-left: 5px;
    cursor: pointer
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea span.press,
.detailArea .detailArticle .loanMainContent .detailInfo .functionArea span.press,
.detailArea .detailArticle .newsMainContent .detailInfo .functionArea span.press {
    background: #7C7C7C;
    color: #FFF;
    cursor: default
}

.detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea a.sinyi-sinyi-print,
.detailArea .detailArticle .loanMainContent .detailInfo .functionArea a.sinyi-sinyi-print,
.detailArea .detailArticle .newsMainContent .detailInfo .functionArea a.sinyi-sinyi-print {
    position: relative;
    top: 8px;
    font-size: 2em;
    color: #7C7C7C;
    margin-left: 15px
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink,
.detailArea .detailArticle .loanMainContent .paragraphLink,
.detailArea .detailArticle .newsMainContent .paragraphLink {
    position: relative;
    margin-top: 23px;
    padding: 30px 0;
    border-top: 1px solid #777
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink:after,
.detailArea .detailArticle .loanMainContent .paragraphLink:after,
.detailArea .detailArticle .newsMainContent .paragraphLink:after {
    content: ' ';
    float: none;
    clear: both;
    display: block
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink+.downFunction,
.detailArea .detailArticle .loanMainContent .paragraphLink+.downFunction,
.detailArea .detailArticle .newsMainContent .paragraphLink+.downFunction {
    margin-top: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink mark,
.detailArea .detailArticle .loanMainContent .paragraphLink mark,
.detailArea .detailArticle .newsMainContent .paragraphLink mark {
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink mark span,
.detailArea .detailArticle .loanMainContent .paragraphLink mark span,
.detailArea .detailArticle .newsMainContent .paragraphLink mark span {
    padding: 5px 25px;
    color: #FFF;
    background: #777;
    font-size: 14px;
    letter-spacing: 2.5px
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul,
.detailArea .detailArticle .loanMainContent .paragraphLink ul,
.detailArea .detailArticle .newsMainContent .paragraphLink ul {
    margin-left: 170px;
    font-size: 1em
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li {
    margin-bottom: 10px;
    padding-left: 0;
    color: #333;
    float: left;
    vertical-align: top;
    width: 50%;
    list-style-position: outside;
    list-style-type: square
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li.select,
.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li.select a:hover,
.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li.select a:visited,
.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li:hover,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li.select,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li.select a:hover,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li.select a:visited,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li:hover,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li.select,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li.select a:hover,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li.select a:visited,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li:hover {
    color: #00B38F
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li.select a,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li.select a,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li.select a {
    cursor: default;
    color: #00B38F
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li a,
.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li a:visited,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li a,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li a:visited,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li a,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li a:visited {
    color: #666
}

.detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li a:hover,
.detailArea .detailArticle .loanMainContent .paragraphLink ul li a:hover,
.detailArea .detailArticle .newsMainContent .paragraphLink ul li a:hover {
    color: #00B38F
}

.detailArea .detailArticle .encyclopediaMainContent mark,
.detailArea .detailArticle .loanMainContent mark,
.detailArea .detailArticle .newsMainContent mark {
    display: block;
    background: 0 0;
    border-top: 1px solid #777
}

.detailArea .detailArticle .encyclopediaMainContent mark span,
.detailArea .detailArticle .loanMainContent mark span,
.detailArea .detailArticle .newsMainContent mark span {
    display: inline-block;
    color: #FFF;
    background: #777;
    font-size: 14px;
    letter-spacing: 2.5px;
    padding: 5px 25px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticle,
.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall,
.detailArea .detailArticle .loanMainContent .fisrtArticle,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall,
.detailArea .detailArticle .newsMainContent .fisrtArticle,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall {
    clear: both
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .loanMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .sinyi-bolt-1 {
    background: #007E6E;
    color: #FFF;
    display: inline-block;
    padding: 5px 12px;
    letter-spacing: 1px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticle .sinyi-bolt-1:before,
.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1:before,
.detailArea .detailArticle .loanMainContent .fisrtArticle .sinyi-bolt-1:before,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .sinyi-bolt-1:before,
.detailArea .detailArticle .newsMainContent .fisrtArticle .sinyi-bolt-1:before,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .sinyi-bolt-1:before {
    position: relative;
    left: -4px;
    top: 2px;
    margin-right: -4px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .loanMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .newsMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .notePoint {
    font-size: 0.85em;
    letter-spacing: 1px;
    color: #007E6E;
    padding: 10px 0 15px;
    border-bottom: 1px solid #007E6E
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall {
    vertical-align: top;
    position: relative;
    padding: 25px 0 0
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall+p,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall+p,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall+p {
    margin-top: 20px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea {
    margin-bottom: 0;
    width: 48%;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea img,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea img,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea img {
    display: block
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea .bannerList,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea .bannerList {
    width: 100%;
    height: auto
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea,
.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li {
    position: relative;
    width: 100%
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p {
    padding: 35px 10px 5px;
    height: 40px;
    font-size: 15px;
    line-height: 1.4em;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .sinyi-bolt-1 {
    position: absolute;
    top: 25px;
    margin: 0 0 10px 10px;
    padding: 2px 10px 4px;
    font-size: 14px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1+.notePoint,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .sinyi-bolt-1+.notePoint,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .sinyi-bolt-1+.notePoint {
    margin-top: 35px
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall .notePoint {
    margin-left: 10px;
    line-height: 1.4em;
    font-weight: 500;
    border-bottom: 0 solid #007E6E;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    top: 0
}

.detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall:after,
.detailArea .detailArticle .loanMainContent .fisrtArticleSmall:after,
.detailArea .detailArticle .newsMainContent .fisrtArticleSmall:after {
    content: ' ';
    display: block;
    clear: both
}

.detailArea .detailArticle .encyclopediaMainContent .pic3Group img,
.detailArea .detailArticle .loanMainContent .pic3Group img,
.detailArea .detailArticle .newsMainContent .pic3Group img {
    max-width: 32%;
    margin-right: 1%
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle,
.detailArea .detailArticle .loanMainContent .moreArticle,
.detailArea .detailArticle .newsMainContent .moreArticle {
    margin-top: 25px;
    border-top: 1px solid #7D7D7D;
    border-bottom: 1px solid #7D7D7D;
    vertical-align: top
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle+p,
.detailArea .detailArticle .loanMainContent .moreArticle+p,
.detailArea .detailArticle .newsMainContent .moreArticle+p {
    margin-top: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle h2,
.detailArea .detailArticle .loanMainContent .moreArticle h2,
.detailArea .detailArticle .newsMainContent .moreArticle h2 {
    border: none;
    display: inline-block;
    background: #7D7D7D;
    color: #FFF;
    margin: 0;
    padding: 10px 20px;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 400;
    vertical-align: top
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    padding-left: 10px
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li {
    display: inline-block
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a {
    display: inline-block;
    padding: 10px 15px 0;
    color: #464646
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a span,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a span,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a span {
    display: inline-block;
    background: #666;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a:visited,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a:visited,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a:visited {
    color: #464646
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a:hover,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a:hover,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a:hover {
    color: #008a49
}

.detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
.detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li:nth-child(2):before {
    position: relative;
    top: -2px;
    content: "|";
    font-size: 12px;
    color: #999
}

.detailArea .detailArticle .encyclopediaMainContent .newCopyright,
.detailArea .detailArticle .loanMainContent .newCopyright,
.detailArea .detailArticle .newsMainContent .newCopyright {
    margin-top: 30px;
    margin-bottom: 50px
}

.detailArea .detailArticle .encyclopediaMainContent .newCopyright p,
.detailArea .detailArticle .loanMainContent .newCopyright p,
.detailArea .detailArticle .newsMainContent .newCopyright p {
    color: #6F6F6F;
    font-size: 14px;
    margin-bottom: 0
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent h1,
.detailArea .detailArticle .bigStyle.loanMainContent h1,
.detailArea .detailArticle .newsMainContent.bigStyle h1 {
    font-size: 1.875em
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent h2,
.detailArea .detailArticle .bigStyle.loanMainContent h2,
.detailArea .detailArticle .newsMainContent.bigStyle h2 {
    font-size: 1.313em
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent h3.point,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent p,
.detailArea .detailArticle .bigStyle.loanMainContent h3.point,
.detailArea .detailArticle .bigStyle.loanMainContent p,
.detailArea .detailArticle .newsMainContent.bigStyle h3.point,
.detailArea .detailArticle .newsMainContent.bigStyle p,
.detailArea .detailArticle .newsMainContent.bigStyle div,
.detailArea .detailArticle .encyclopediaMainContent.bigStyle span ,
.detailArea .detailArticle .encyclopediaMainContent.bigStyle .sourceArea  span,
.detailArea .detailArticle .encyclopediaMainContent.bigStyle .keyWord {
    font-size: 1.2em
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticle .bannerList ul.listArea li p,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticleSmall .bannerList ul.listArea li p,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticle .bannerList ul.listArea li p,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticleSmall .bannerList ul.listArea li p,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticle .bannerList ul.listArea li p,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticleSmall .bannerList ul.listArea li p {
    font-size: 1em
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .bigStyle.encyclopediaMainContent .newCopyright,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .bigStyle.loanMainContent .newCopyright,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticle .notePoint,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent.bigStyle .newCopyright {
    font-size: 1.2em
}

.detailArea .detailArticle .bigStyle.encyclopediaMainContent .fisrtArticleSmall .bannerList ul.listArea li p,
.detailArea .detailArticle .bigStyle.loanMainContent .fisrtArticleSmall .bannerList ul.listArea li p,
.detailArea .detailArticle .newsMainContent.bigStyle .fisrtArticleSmall .bannerList ul.listArea li p {
    height: 50px
}

.detailArea .detailArticle .newsMainContent.smallStyle h1,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent h1,
.detailArea .detailArticle .smallStyle.loanMainContent h1 {
    font-size: 1.625em
}

.detailArea .detailArticle .newsMainContent.smallStyle h2,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent h2,
.detailArea .detailArticle .smallStyle.loanMainContent h2 {
    font-size: 1em
}

.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticle .notePoint,
.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .newsMainContent.smallStyle h3.point,
.detailArea .detailArticle .newsMainContent.smallStyle p,
.detailArea .detailArticle .newsMainContent.smallStyle div,
.detailArea .detailArticle .newsMainContent.smallStyle span,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent h3.point,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent p,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticle .notePoint,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticle .sinyi-bolt-1,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticleSmall .notePoint,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticleSmall .sinyi-bolt-1,
.detailArea .detailArticle .smallStyle.loanMainContent h3.point,
.detailArea .detailArticle .smallStyle.loanMainContent p ,
.detailArea .detailArticle .encyclopediaMainContent.smallStyle span ,
.detailArea .detailArticle .encyclopediaMainContent.smallStyle .sourceArea  span,
.detailArea .detailArticle .encyclopediaMainContent.smallStyle .keyWord {
    font-size: 14px
}

.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticle .bannerList ul li p,
.detailArea .detailArticle .newsMainContent.smallStyle .fisrtArticleSmall .bannerList ul li p,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticle .bannerList ul li p,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .fisrtArticleSmall .bannerList ul li p,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticle .bannerList ul li p,
.detailArea .detailArticle .smallStyle.loanMainContent .fisrtArticleSmall .bannerList ul li p {
    font-size: 14px;
    height: 55px
}

.detailArea .detailArticle .newsMainContent.smallStyle .newCopyright,
.detailArea .detailArticle .smallStyle.encyclopediaMainContent .newCopyright,
.detailArea .detailArticle .smallStyle.loanMainContent .newCopyright {
    font-size: 12px
}

.detailArea .detailArticle .loanMainContent+.encyclopediaExtend {
    padding-top: 0
}

.detailArea .detailArticle .loanMainContent h1 {
    color: #035B5C
}

.detailArea .detailArticle .loanMainContent p.loanInfo {
    margin-top: 25px;
    color: #035B5C
}

.detailArea .detailArticle .loanMainContent select {
    margin-bottom: 15px
}

.detailArea .detailArticle .loanMainContent .loanTable3Column {
    border-top: 1px solid #003B3C;
    border-bottom: 1px solid #003B3C
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #035B5C;
    font-size: 1em
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl dd p,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl dt p {
    width: 80%;
    margin: 25px 10%;
    word-break: break-all
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl dt {
    position: relative;
    display: table-cell;
    width: 20%;
    color: #035B5C;
    font-weight: 500;
    background: #E1E1E1;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl dt p {
    color: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl dd {
    position: relative;
    display: table-cell;
    width: 40%;
    margin-left: -4px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    word-break: break-all
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl dd:nth-child(2) {
    border-right: 1px solid #a9a9a9
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(1) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(10) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(13) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(16) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(19) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(22) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(4) dt,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(7) dt {
    padding-top: 55px
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(1) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(10) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(13) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(16) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(19) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(22) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(4) dt:before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(7) dt:before {
    position: absolute;
    z-index: 5;
    top: 0;
    display: block;
    color: #035B5C;
    background: #035B5C;
    border-right: 1px solid #a9a9a9;
    content: '000';
    width: 100%;
    padding: 10px 0
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(1) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(10) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(13) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(16) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(19) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(22) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(4) dd,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(7) dd {
    padding-top: 55px
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(1) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(10) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(13) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(16) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(19) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(22) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(4) dd:nth-child(2):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(7) dd:nth-child(2):before {
    position: absolute;
    top: 0;
    display: block;
    color: #fff;
    background: #035B5C;
    content: attr(data-content);
    width: 100%;
    text-align: center;
    padding: 10px 0;
    vertical-align: top
}

.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(1) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(10) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(13) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(16) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(19) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(22) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(4) dd:nth-child(3):before,
.detailArea .detailArticle .loanMainContent .loanTable3Column dl:nth-child(7) dd:nth-child(3):before {
    position: absolute;
    top: 0;
    display: block;
    color: #fff;
    background: #035B5C;
    content: attr(data-content);
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.detailArea .detailArticle .loanMainContent .loanTable2Column {
    border-top: 1px solid #003B3C;
    border-bottom: 1px solid #003B3C;
    margin-bottom: 40px
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #035B5C;
    font-size: 1em
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl.title {
    background: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl.title dt {
    z-index: 5;
    top: 0;
    border-right: 0 solid #a9a9a9;
    content: '000';
    width: 30%;
    padding: 15px 0;
    color: #fff;
    background: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl.title dd {
    color: #fff;
    width: auto;
    background: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl.title dd p {
    margin: 0 10px;
    color: #fff;
    width: auto;
    word-break: break-all
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl dd p,
.detailArea .detailArticle .loanMainContent .loanTable2Column dl dt p {
    width: 80%;
    margin: 25px 10%
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl dt {
    position: relative;
    display: table-cell;
    width: 30%;
    color: #035B5C;
    font-weight: 500;
    background: #E1E1E1;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl dt p {
    color: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl dd {
    position: relative;
    display: table-cell;
    width: auto;
    margin-left: -4px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    word-break: break-all
}

.detailArea .detailArticle .loanMainContent .loanTable2Column dl dd:nth-child(2) {
    border-right: 1px solid #a9a9a9
}

.detailArea .detailArticle .loanMainContent .loanTable6Column {
    width: 101%;
    border-bottom: 1px solid #003B3C
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 1em
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl p {
    margin: 0
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dt {
    position: relative;
    display: table-cell;
    width: 12%;
    color: #035B5C;
    font-weight: 500;
    background: #E1E1E1;
    text-align: center;
    vertical-align: middle;
    padding-top: 55px
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dt:before {
    position: absolute;
    display: block;
    z-index: 5;
    top: 0;
    width: 100%;
    content: '銀行';
    background: #035B5C;
    color: #FFF;
    border-right: 1px solid #a9a9a9;
    padding: 10px 0
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dt p {
    color: #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd {
    position: relative;
    display: table-cell;
    width: 88%;
    margin-left: -4px;
    color: #666;
    text-align: left;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul {
    display: table;
    width: 100%
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul:nth-child(2) {
    border-top: 1px solid #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li {
    display: table-cell;
    width: 20%;
    margin-left: -4px;
    border-left: 1px solid #a9a9a9;
    vertical-align: middle;
    padding-top: 55px
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:before {
    position: absolute;
    display: block;
    z-index: 5;
    top: 0;
    width: 20%;
    background: #035B5C;
    content: '.';
    color: #FFF;
    padding: 10px 0 10px 1px;
    border-left: 1px solid #a9a9a9;
    text-align: center
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:nth-child(1):before {
    content: '貸款利率'
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:nth-child(2):before {
    content: '額度成數'
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:nth-child(3):before {
    content: '寬限期'
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:nth-child(4):before {
    content: '違約金'
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:nth-child(5):before {
    content: '相關條件'
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li p {
    padding: 30px 12px
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li p.mark {
    color: #00407B
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:first-child {
    border-left: 0
}

.detailArea .detailArticle .loanMainContent .loanTable6Column dl dd ul li:last-child p {
    padding: 30px 0 30px 12px
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column {
    width: 100%;
    border-top: 1px solid #003B3C;
    border-bottom: 1px solid #003B3C
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #035B5C;
    border-top: 1px solid #035B5C;
    font-size: 1em
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl.loantitle {
    background: #a9a9a9
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl.loantitle dt {
    display: table-cell;
    position: relative;
    left: -1px;
    right: -1px;
    width: 12%;
    background: #035B5C;
    color: #FFF;
    padding: 10px 0;
    text-align: center
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl.loantitle dd {
    display: table-cell;
    width: 88%
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl.loantitle dd ul li {
    width: 50%;
    background: #035B5C;
    color: #FFF;
    padding: 10px 0;
    border-left: 1px solid #a9a9a9;
    text-align: center
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl p {
    margin: 0
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dt {
    position: relative;
    display: table-cell;
    width: 12%;
    color: #035B5C;
    font-weight: 500;
    background: #E1E1E1;
    text-align: center;
    vertical-align: top
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dt p {
    color: #035B5C;
    padding: 12px
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd {
    position: relative;
    display: table-cell;
    width: 88%;
    color: #666;
    text-align: left;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul {
    display: table;
    width: 100%;
    border-top: 1px solid #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul.loanT li {
    color: #fff;
    font-weight: 500;
    background: #035B5C;
    text-align: center;
    display: table-cell;
    width: 50%;
    border-left: 1px solid #a9a9a9;
    padding: 10px 0;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul.loanT li:first-child {
    border-left: 0
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul.loanT li p {
    color: #035B5C;
    padding: 12px
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul:first-child {
    border-top: 0 solid #035B5C
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul li {
    display: table-cell;
    width: 50%;
    border-left: 1px solid #a9a9a9;
    vertical-align: middle
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul li p {
    padding: 12px
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul li p.mark {
    color: #00407B
}

.detailArea .detailArticle .loanMainContent .loanTable3-1Column dl dd ul li:first-child {
    border-left: 0
}

.detailArea .detailArticle .loanMainContent .loanNote {
    font-size: 1em;
    color: #666;
    margin-top: 20px
}

.detailArea .detailArticle .exponentArea h2 {
    color: #006D6E
}

.detailArea .detailArticle .exponentArea .exponentTable6Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 3px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .exponentArea .exponentTable6Column ul li {
    position: relative;
    display: table-cell;
    width: 16.6%;
    margin-left: -4px;
    background: #0A7A7B;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 500;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable6Column ul li:nth-child(4),
.detailArea .detailArticle .exponentArea .exponentTable6Column ul li:nth-child(6) {
    background: #046566
}

.detailArea .detailArticle .exponentArea .exponentTable6Column ul li:nth-child(4) p,
.detailArea .detailArticle .exponentArea .exponentTable6Column ul li:nth-child(6) p {
    color: #1DF4C9
}

.detailArea .detailArticle .exponentArea .exponentTable6Column ul li p {
    width: 80%;
    margin: 10px 10%;
    color: #28f2f5
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd p,
.detailArea .detailArticle .exponentArea .exponentTable6Column dl dt p {
    width: 80%;
    text-align: right;
    margin: 7px 10%;
    color: #fff
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd p {
    font-family: Arial
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dt {
    position: relative;
    display: table-cell;
    width: 16.6%;
    color: #fff;
    background: #16989a;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dt p {
    color: #fff
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd {
    position: relative;
    display: table-cell;
    width: 16.6%;
    margin-left: -4px;
    color: #fff;
    background: #16989A;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd:nth-child(4),
.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd:nth-child(6) {
    background: #127e80
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd p.positive {
    color: #FFD668
}

.detailArea .detailArticle .exponentArea .exponentTable6Column dl dd p.negative {
    color: #3FFFD8
}

.detailArea .detailArticle .exponentArea .exponentTable4Column {
    margin-top: 20px
}

.detailArea .detailArticle .exponentArea .exponentTable4Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 3px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .exponentArea .exponentTable4Column ul li {
    position: relative;
    display: table-cell;
    width: 24%;
    margin-left: -4px;
    background: #0A7A7B;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 500;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable4Column ul li:nth-child(4),
.detailArea .detailArticle .exponentArea .exponentTable4Column ul li:nth-child(6) {
    background: #046566
}

.detailArea .detailArticle .exponentArea .exponentTable4Column ul li:nth-child(4) p,
.detailArea .detailArticle .exponentArea .exponentTable4Column ul li:nth-child(6) p {
    color: #1DF4C9
}

.detailArea .detailArticle .exponentArea .exponentTable4Column ul li p {
    width: auto;
    margin: 10px 0;
    color: #28f2f5;
    font-size: 14px
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd p,
.detailArea .detailArticle .exponentArea .exponentTable4Column dl dt p {
    width: 80%;
    margin: 7px 10%;
    color: #fff
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd p {
    font-family: Arial
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dt {
    position: relative;
    display: table-cell;
    width: 24%;
    color: #fff;
    background: #16989a;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dt p {
    color: #fff
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd {
    position: relative;
    display: table-cell;
    width: 24%;
    margin-left: -4px;
    color: #fff;
    background: #16989A;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd:nth-child(4),
.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd:nth-child(6) {
    background: #127e80
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd p.positive {
    color: #FFD668
}

.detailArea .detailArticle .exponentArea .exponentTable4Column dl dd p.negative {
    color: #3FFFD8
}

.detailArea .detailArticle .housePrice {
    border-top: 1px solid #007E6E;
    margin: 30px 0 50px;
    text-align: center
}

.detailArea .detailArticle .housePrice h2 {
    color: #006D6E;
    text-align: left
}

.detailArea .detailArticle .housePrice .houseTable7Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 3px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .housePrice .houseTable7Column ul li {
    position: relative;
    display: table-cell;
    width: 14.2%;
    margin-left: -4px;
    background: #086f8c;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 500;
    vertical-align: middle
}

.detailArea .detailArticle .housePrice .houseTable7Column ul li p {
    width: 80%;
    margin: 10px 10%;
    color: #00def2
}

.detailArea .detailArticle .housePrice .houseTable7Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .housePrice .houseTable7Column dl dd p,
.detailArea .detailArticle .housePrice .houseTable7Column dl dt p {
    width: 80%;
    margin: 7px 10%;
    color: #fff;
    font-family: Arial
}

.detailArea .detailArticle .housePrice .houseTable7Column dl dd,
.detailArea .detailArticle .housePrice .houseTable7Column dl dt {
    display: table-cell;
    width: 14.2%;
    background: #26849c;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.detailArea .detailArticle .housePrice .houseTable7Column dl dt {
    color: #fff;
    font-weight: 600
}

.detailArea .detailArticle .housePrice .houseTable7Column dl dt p {
    color: #00def2
}

.detailArea .detailArticle .housePrice .houseTable7Column dl dd {
    margin-left: -4px;
    color: #fff
}

.detailArea .detailArticle .housePrice .houseTable4Column {
    margin-bottom: 20px
}

.detailArea .detailArticle .housePrice .houseTable4Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 3px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .housePrice .houseTable4Column ul li {
    position: relative;
    display: table-cell;
    width: 24%;
    margin-left: -4px;
    background: #086f8c;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 500;
    vertical-align: middle
}

.detailArea .detailArticle .housePrice .houseTable4Column ul li:first-child {
    width: 27%
}

.detailArea .detailArticle .housePrice .houseTable4Column ul li p {
    width: auto;
    margin: 10px 5%;
    color: #00def2;
    text-align: center
}

.detailArea .detailArticle .housePrice .houseTable4Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #efefef;
    font-size: 1em
}

.detailArea .detailArticle .housePrice .houseTable4Column dl dd p,
.detailArea .detailArticle .housePrice .houseTable4Column dl dt p {
    width: auto;
    margin: 7px 5%;
    color: #fff;
    font-family: Arial
}

.detailArea .detailArticle .housePrice .houseTable4Column dl dt {
    position: relative;
    display: table-cell;
    width: 27%;
    color: #fff;
    background: #26849c;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle;
    font-weight: 600
}

.detailArea .detailArticle .housePrice .houseTable4Column dl dt p {
    color: #00def2
}

.detailArea .detailArticle .housePrice .houseTable4Column dl dd {
    position: relative;
    display: table-cell;
    width: 24%;
    margin-left: -4px;
    color: #fff;
    background: #26849c;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl:hover dd,
.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl:hover dd {
    background: #16989a
}

.detailArea .detailArticle .taiwanHistory {
    border-top: 1px solid #007E6E;
    margin: 30px 0
}

.detailArea .detailArticle .taiwanHistory+.moreArticle {
    margin-bottom: 150px
}

.detailArea .detailArticle .taiwanHistory .downFunction {
    border: 0 solid #ccc;
    padding-left: 10px
}

.detailArea .detailArticle .taiwanHistory h2 {
    color: #006D6E;
    margin: 38px 0 10px
}

.detailArea .detailArticle .taiwanHistory p.note {
    position: relative;
    z-index: 10;
    padding: 10px;
    border-top: 3px solid #006d6e;
    margin-top: -1px;
    margin-bottom: 10px
}

.detailArea .detailArticle .taiwanHistory .selectArea {
    font-size: 1em;
    margin-bottom: 25px
}

.detailArea .detailArticle .taiwanHistory .selectArea span {
    margin-right: 5px
}

.detailArea .detailArticle .taiwanHistory .selectArea select {
    min-width: 100px;
    margin-right: 30px
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-top: 5px;
    border-bottom: 3px solid #006d6e;
    font-size: 1em
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column ul li {
    position: relative;
    display: table-cell;
    width: 10%;
    margin-left: -4px;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 600;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column ul li p {
    margin: 7px 10%;
    color: #16989a;
    text-align: right
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column ul li:first-child {
    width: 10%
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 1em
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl dd p,
.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl dt p {
    text-align: right;
    margin: 7px 10%;
    font-family: Arial
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl:hover dd p {
    color: #FFF
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl dt {
    position: relative;
    display: table-cell;
    width: 10%;
    text-align: center;
    vertical-align: middle;
    font-weight: 600
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl dt p {
    color: #006d6e
}

.detailArea .detailArticle .taiwanHistory .taiwanTable8Column dl dd {
    position: relative;
    display: table-cell;
    width: 10%;
    margin-left: -4px;
    border-bottom: 1px solid #999;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-top: 5px;
    border-bottom: 3px solid #006d6e;
    font-size: 1em
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column ul li {
    position: relative;
    display: table-cell;
    width: 17%;
    margin-left: -4px;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 600;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column ul li p {
    margin: 7px 10%;
    color: #16989a;
    text-align: left
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column ul li:first-child {
    width: 25%
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 14px
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl dd p,
.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl dt p {
    text-align: left;
    margin: 7px 10%;
    font-family: Arial
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl:hover dd p {
    color: #FFF
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl dt {
    position: relative;
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    font-weight: 600
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl dt p {
    color: #006d6e
}

.detailArea .detailArticle .taiwanHistory .taiwanTable5Column dl dd {
    position: relative;
    display: table-cell;
    width: 17%;
    margin-left: -4px;
    border-bottom: 1px solid #999;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl {
    display: table;
    vertical-align: middle;
    width: 100%
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child {
    margin-top: 5px;
    border-bottom: 3px solid #006d6e
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child dd p,
.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child dt p {
    color: #16989a;
    font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1em;
    padding: 0
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child ul {
    border: none
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child ul:hover li {
    background: 0 0
}

.detailArea .detailArticle .commentTable5Column dl:hover dd,
.detailArea .detailArticle .commentTable5Column dl:hover dt,
.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd ul:hover li {
    background: #16989a
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child ul:hover li p {
    color: #16989a
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child ul li p {
    padding-left: 5px
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd p,
.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dt p {
    text-align: left;
    margin: 10px 0;
    font-family: Arial
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dt {
    position: relative;
    display: table-cell;
    width: 20%;
    text-align: center;
    vertical-align: top;
    font-weight: 600
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dt p {
    color: #006d6e;
    font-size: 1.25em;
    padding-left: 5px
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd {
    position: relative;
    display: table-cell;
    width: 80%;
    margin-left: -4px;
    text-align: center;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd ul {
    display: table;
    width: 100%;
    border-bottom: 1px solid #aaa
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd ul:hover li p {
    color: #FFF
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd ul li {
    display: table-cell;
    width: 20%;
    margin-left: -4px;
    vertical-align: middle
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl dd ul li p {
    padding-left: 5px;
    text-align: right
}

.detailArea .detailArticle .taiwanHistory .monthlyTable5Column:last-child dl dd ul:last-child {
    border: none
}

.detailArea .detailArticle .commentTable5Column {
    border-bottom: 2px solid #006d6e
}

.detailArea .detailArticle .commentTable5Column ul {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-top: 5px;
    border-top: 2px solid #16989a;
    border-bottom: 2px solid #16989a;
    font-size: 1em
}

.detailArea .detailArticle .commentTable5Column ul li {
    position: relative;
    display: table-cell;
    width: 14%;
    margin-left: -4px;
    border-left: 1px solid #efefef;
    text-align: center;
    font-weight: 600;
    vertical-align: middle
}

.detailArea .detailArticle .commentTable5Column ul li:nth-child(2) {
    width: 45%
}

.detailArea .detailArticle .commentTable5Column ul li:nth-child(4) p,
.detailArea .detailArticle .commentTable5Column ul li:nth-child(5) p {
    text-align: center
}

.detailArea .detailArticle .commentTable5Column ul li:nth-child(5) {
    width: 15%
}

.detailArea .detailArticle .commentTable5Column ul li p {
    margin: 10px 0;
    color: #16989a;
    text-align: left
}

.detailArea .detailArticle .commentTable5Column dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 1em
}

.detailArea .detailArticle .commentTable5Column dl a.sinyi-download {
    display: inline-block;
    position: relative;
    top: 8px
}

.detailArea .detailArticle .commentTable5Column dl a.sinyi-download:before {
    position: absolute;
    top: 8px;
    right: -15px;
    color: #52999A
}

.detailArea .detailArticle .commentTable5Column dl dd p,
.detailArea .detailArticle .commentTable5Column dl dt p {
    text-align: left;
    margin: 7px 5px;
    font-family: Arial
}

.detailArea .detailArticle .commentTable5Column dl dd:nth-child(2) p {
    font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
}

.detailArea .detailArticle .commentTable5Column dl:hover a.sinyi-download:before,
.detailArea .detailArticle .commentTable5Column dl:hover dd p,
.detailArea .detailArticle .commentTable5Column dl:hover dt p {
    color: #FFF
}

.detailArea .detailArticle .commentTable5Column dl dt {
    position: relative;
    display: table-cell;
    width: 15%;
    text-align: left;
    vertical-align: middle;
    font-weight: 600;
    border-bottom: 1px solid #999
}

.detailArea .detailArticle .commentTable5Column dl dt p {
    color: #006d6e
}

.detailArea .detailArticle .commentTable5Column dl dd {
    position: relative;
    display: table-cell;
    width: 15%;
    margin-left: -4px;
    border-bottom: 1px solid #999;
    text-align: left;
    vertical-align: middle
}

.detailArea .detailArticle .commentTable5Column dl dd:nth-child(4),
.detailArea .detailArticle .commentTable5Column dl dd:nth-child(5) p {
    text-align: center
}

.detailArea .detailArticle .commentTable5Column dl dd:nth-child(2) {
    width: 45%
}

.detailArea .detailArticle .commentTable5Column dl dd:nth-child(4) a {
    margin: 0 auto
}

.detailArea .detailArticle .commentTable5Column dl dd:nth-child(5) {
    width: 10%
}

.detailArea .detailArticle .adobeArea {
    position: relative;
    margin-top: 20px
}

.detailArea .detailArticle .barClustered,
.detailArea .detailArticle .barClusteredMonthly {
    margin-top: 40px
}

.detailArea .detailArticle .adobeArea+div.downFunction {
    border: none
}

.detailArea .detailArticle .adobeArea figure {
    position: absolute;
    top: 0;
    left: 0
}

.detailArea .detailArticle .adobeArea p {
    margin-left: 170px
}

.detailArea .detailArticle .adobeArea p span {
    color: #E85700
}

.detailArea .detailArticle .barClustered h2,
.detailArea .detailArticle .barClusteredMonthly h2 {
    color: #006D6E
}

.detailArea .detailArticle .barClustered .chartBox {
    width: 100%;
    height: 450px
}

.detailArea .detailArticle .barClusteredMonthly .chartBox {
    width: 100%;
    height: 400px;
    margin: 0 auto
}

.detailArea .detailArticle .exponentHistory {
    border-top: 1px solid #007E6E;
    margin: 30px 0;
    text-align: center
}

.detailArea .detailArticle .exponentHistory h2 {
    color: #006D6E;
    text-align: left
}

.detailArea .detailArticle .exponentHistory p {
    margin: 40px 0 10px
}

.detailArea .detailArticle .exponentHistory img {
    max-width: 100%
}

.detailArea .detailArticle .videoMainContent {
    margin: 53px 0 50px
}

.detailArea .detailArticle .videoMainContent iframe {
    width: 100%;
    height: 440px;
    margin-bottom: 10px
}

.detailArea .detailArticle .videoMainContent .vtitleArea {
    position: relative
}

.detailArea .detailArticle .videoMainContent .vtitleArea .vInfoArea {
    position: absolute;
    top: 0;
    right: 0
}

.detailArea .detailArticle .videoMainContent .vtitleArea span,
.detailArea .detailArticle .videoMainContent .vtitleArea time {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #6F6F6F;
    font-weight: 400;
    margin-top: 20px
}

.detailArea .detailArticle .videoMainContent .vtitleArea time:after {
    content: ' | ';
    margin: 0 8px
}

.detailArea .detailArticle .videoMainContent .vtitleArea .sinyi-eye:before {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.detailArea .detailArticle .videoMainContent h1 {
    color: #00A16F;
    font-size: 1.5em;
    line-height: 2em;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #00A16F
}

.detailArea .detailArticle .videoMainContent p {
    color: #6F6F6F;
    font-size: 17px;
    line-height: 1.6em;
    letter-spacing: 1px
}

.detailArea .detailArticle .relatedPrice {
    vertical-align: top;
    margin: 50px 0
}

.detailArea .detailArticle .relatedPrice h4 {
    color: #00713D;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px 0
}

.detailArea .detailArticle .relatedPrice .chartArea {
    border-top: 2px solid #00713d;
    border-bottom: 2px solid #00713d;
    padding: 2px 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup {
    color: #6A6A6A;
    height: 140px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h1 {
    position: absolute;
    top: 15px;
    left: 0;
    color: #6a6a6a;
    font-size: 15px;
    font-weight: 400
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h1 span {
    display: block;
    font-style: 14px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h2 {
    position: relative;
    left: 0;
    font-size: 14px;
    font-weight: 300
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .area {
    position: relative;
    float: right;
    top: -30px;
    right: -10px;
    width: 156px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .area .circle .pie_chart {
    min-width: 156px;
    height: 156px;
    margin: 0 auto
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .area .circle span.noteNew {
    position: relative;
    top: -15px;
    display: block;
    text-align: center;
    font-size: 12px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .area .pie_data_show {
    position: absolute;
    top: 75px;
    width: 100%;
    text-align: center
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 {
    width: 35%;
    border-right: 1px solid #B4B4B4
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 h2,
.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 h3.newPrice {
    left: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 h2 {
    position: absolute;
    top: 75px;
    color: #f87948
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 h3.newPrice {
    position: absolute;
    top: 92px;
    font-size: 28px;
    font-weight: 300;
    color: #f87948
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 h3.newPrice span {
    font-size: 13px;
    margin-left: 10px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 {
    width: 35%;
    min-height: 120px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 h2 {
    margin-top: 18px;
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 .highcharts-data-labels {
    margin-left: -5px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label {
    position: relative;
    margin: 15px 0 0 15px;
    font-size: 12px;
    letter-spacing: 0;
    width: 180px;
    vertical-align: top;
    display: block
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li {
    position: absolute;
    width: 80px;
    height: 25px;
    vertical-align: top;
    padding: 0;
    overflow: hidden;
    top: 0;
    left: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li:nth-child(2) {
    top: 0;
    left: 80px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li:nth-child(3) {
    top: 25px;
    left: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li:nth-child(4) {
    top: 25px;
    left: 80px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li:nth-child(5) {
    top: 50px;
    left: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li .color-label {
    position: relative;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    display: inline-block
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label li p {
    display: inline-block
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .pie-single-percentage {
    position: absolute;
    top: -10px;
    right: -25px;
    min-width: 156px;
    height: 156px;
    margin: 0 auto
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 {
    width: 28%
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 h2 {
    margin-top: 18px;
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 .bar-chart-sidebar {
    position: relative;
    left: -10px;
    min-width: 50px;
    height: 100px;
    margin: 0
}

.detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 .bar-chart-sidebar .highcharts-series rect {
    width: 6px
}

.detailArea .detailArticle .newClinch {
    color: #e9e9e9;
    margin: 70px 0
}

.detailArea .detailArticle .newClinch h4 {
    color: #00713D;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px 0
}

.detailArea .detailArticle .newClinch ul {
    height: 170px;
    vertical-align: top
}

.detailArea .detailArticle .newClinch ul li {
    width: 33.2%;
    float: left;
    line-height: 1.4em;
    vertical-align: top;
    display: block;
    position: relative;
    background: #096883;
    border-left: 1px solid #efefef
}

.detailArea .detailArticle .newClinch ul li:first-child {
    border-left: 0 solid #efefef
}

.detailArea .detailArticle .newClinch ul li .clinchPrice {
    margin: 18px 0 0 25px
}

.detailArea .detailArticle .newClinch ul li .clinchPrice h2 {
    font-size: 1.438em;
    line-height: 1.4em;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px
}

.detailArea .detailArticle .newClinch ul li .clinchPrice span {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 1em;
    background: #959595;
    text-align: center;
    margin: 0 0 0 10px;
    padding: 1px 10px
}

.detailArea .detailArticle .newClinch ul li h3 {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 0 20px 5px 25px;
    height: 40px
}

.detailArea .detailArticle .newClinch ul li h3 a,
.detailArea .detailArticle .newClinch ul li h3 a:visited {
    color: #efefef
}

.detailArea .detailArticle .newClinch ul li h3 a:hover {
    color: #fff000
}

.detailArea .detailArticle .newClinch ul li p {
    font-size: 14px;
    line-height: 1.4em;
    padding: 8px 0 0 25px;
    color: #7e7e7e;
    background: #FFF
}

.detailArea .detailArticle .newClinch ul li time {
    display: block;
    font-size: 12px;
    color: #7e7e7e;
    padding: 0 0 5px 25px;
    background: #FFF
}

.detailArea .detailArticle .newClinch a.moreClinch {
    color: #666;
    font-size: 16px;
    float: right;
    margin-top: 10px
}

.detailArea .detailArticle .newClinch a.moreClinch:visited {
    color: #666
}

.detailArea .detailArticle .newClinch a.moreClinch:hover {
    color: #00713D
}

.detailArea .detailArticle .houseMate {
    margin-bottom: 40px
}

.detailArea .detailArticle .houseMate:after {
    content: '';
    float: none;
    display: block;
    clear: both
}

.detailArea .detailArticle .houseMate h4 {
    color: #00713D;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px 0
}

.detailArea .detailArticle .houseMate ul {
    border-top: 2px solid #00713d;
    border-bottom: 2px solid #00713d;
    margin-bottom: 30px
}

.detailArea .detailArticle .houseMate ul:nth-child(3) {
    margin-bottom: 0
}

.detailArea .detailArticle .houseMate ul li {
    width: 33%;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.detailArea .detailArticle .houseMate ul li:hover {
    cursor: pointer
}

.detailArea .detailArticle .houseMate ul li:hover h2 a,
.detailArea .detailArticle .houseMate ul li:hover h2 a:visited {
    color: #0aacb1
}

.detailArea .detailArticle .houseMate ul li figure {
    overflow: hidden;
    left: 13px;
    top: 20px;
    line-height: 0
}

.detailArea .detailArticle .houseMate ul li figure a img {
    width: 100%
}

.detailArea .detailArticle .houseMate ul li h2 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2em;
    font-weight: 500;
    color: #0b8286;
    display: inline-block;
    margin: 10px 0
}

.detailArea .detailArticle .houseMate ul li h2 a,
.detailArea .detailArticle .houseMate ul li h2 a:visited {
    color: #0b8286
}

.detailArea .detailArticle .houseMate ul li h2 a:hover {
    color: #0aacb1
}

.detailArea .detailArticle .houseMate ul li h3 {
    font-size: 1em;
    color: #0aacb1;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0
}

.detailArea .detailArticle .houseMate ul li p {
    font-size: 1em;
    color: #7B7B7B;
    letter-spacing: 1px;
    line-height: 1.3em;
    border-top: 1px solid #AAA;
    padding: 10px 0
}

.detailArea .detailArticle .houseMate a.moreMate {
    color: #666;
    font-size: 16px;
    float: right;
    margin-top: 10px
}

.detailArea .detailArticle .houseMate a.moreMate:visited {
    color: #666
}

.detailArea .detailArticle .houseMate a.moreMate:hover {
    color: #00713D
}

.detailArea .detailArticle .hotCommunity {
    margin-top: 70px
}

.detailArea .detailArticle .hotCommunity h4 {
    color: #00713D;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 10px 0
}

.detailArea .detailArticle .hotCommunity ul {
    margin-bottom: 60px;
    margin-left: 6px
}

.detailArea .detailArticle .hotCommunity ul li {
    width: 33.6%;
    display: inline-block;
    margin-left: -6px;
    text-align: left;
    cursor: pointer
}

.detailArea .detailArticle .hotCommunity ul li:hover h2 a {
    color: #009650
}

.detailArea .detailArticle .hotCommunity ul li:hover figure a {
    margin-top: 0
}

.detailArea .detailArticle .hotCommunity ul li figure {
    position: relative;
    z-index: 2;
    max-width: 100%;
    margin: 0;
    line-height: 0;
    overflow: hidden;
    border-bottom: 8px solid #00a4e9
}

.detailArea .detailArticle .hotCommunity ul li figure span {
    position: absolute;
    top: 10px;
    z-index: 5;
    font-size: 16px;
    line-height: 1.4em;
    background-color: #00a4e9;
    color: #FFF;
    padding: 3px 10px
}

.detailArea .detailArticle .hotCommunity ul li figure a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 100%;
    z-index: 3;
    padding: 15px;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 16px;
    line-height: 1.4em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.detailArea .detailArticle .hotCommunity ul li figure a:visited {
    color: #FFF
}

.detailArea .detailArticle .hotCommunity ul li figure img {
    position: relative;
    z-index: 2
}

.detailArea .detailArticle .hotCommunity ul li figcaption {
    position: relative;
    background-color: #FFF
}

.detailArea .detailArticle .hotCommunity ul li figcaption h2 {
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 500;
    padding: 20px 20px 0
}

.detailArea .detailArticle .hotCommunity ul li figcaption h2 a {
    color: #004a69;
    display: block
}

.detailArea .detailArticle .hotCommunity ul li figcaption h2 a span {
    margin-right: 15px
}

.detailArea .detailArticle .hotCommunity ul li figcaption h2 a:visited {
    color: #004a69
}

.detailArea .detailArticle .hotCommunity ul li figcaption h2 a:hover {
    color: #009650
}

.detailArea .detailArticle .hotCommunity ul li figcaption p {
    font-size: 16px;
    color: #00a4e9;
    padding: 0 20px 20px
}

.detailArea .detailArticle .hotCommunity ul li figcaption span.know {
    position: absolute;
    right: 13px;
    bottom: 15px;
    font-size: 14px
}

.detailArea .detailArticle .hotCommunity ul li figcaption span.know a {
    color: #999
}

.detailArea .detailArticle .encyclopediaMainContent>.downFunction {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.detailArea .detailArticle .downFunction {
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.detailArea .detailArticle .downFunction+.extendLink,
.detailArea .detailArticle .downFunction+.extendLinkHalf {
    margin-top: 50px
}

.detailArea .detailArticle .downFunction .keyWord {
    color: #008a49
}

.detailArea .detailArticle .downFunction .keyWord span {
    margin-left: 7px;
    margin-bottom: 7px;
    display: inline-block
}

.detailArea .detailArticle .downFunction .keyWord span a {
    display: block;
    background: #008a49;
    padding: 3px 10px;
    color: #FFF;
    font-size: 14px;
    text-decoration: none
}

.detailArea .detailArticle .downFunction .keyWord span a:visited {
    color: #FFF
}

.detailArea .detailArticle .downFunction .keyWord span a:hover {
    color: #17f300
}

.detailArea .detailArticle .downFunction a.sinyi-heart {
    position: absolute;
    top: 45px;
    right: 0;
    color: #7C7C7C
}

.detailArea .detailArticle .downFunction a.sinyi-heart:before {
    margin-right: 5px
}

.detailArea .detailArticle .downFunction a.sinyi-heart.save {
    color: #008A49
}

.detailArea .detailArticle .expertPoint {
    position: relative;
    padding-bottom: 50px;
    min-height: 200px;
    border-bottom: 1px solid #666
}

.detailArea .detailArticle .expertPoint:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 112px;
    border-top: 1px solid #008a49;
    content: " "
}

.detailArea .detailArticle .expertPoint h4 {
    width: 112px;
    float: left;
    color: #008446;
    font-size: 1.125em;
    letter-spacing: 2px;
    margin-top: -1px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0
}

.detailArea .detailArticle .expertPoint .expertInfo {
    position: absolute;
    top: 30px;
    left: 0;
    width: 140px
}

.detailArea .detailArticle .expertPoint .expertInfo h5 {
    font-size: 18px;
    color: #666;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: 500
}

.detailArea .detailArticle .expertPoint .expertInfo h5 a {
    color: #666;
    text-decoration: none
}

.detailArea .detailArticle .expertPoint .expertInfo h5 a:visited {
    color: #666
}

.detailArea .detailArticle .expertPoint .expertInfo h5 a:hover {
    color: #008446
}

.detailArea .detailArticle .expertPoint .expertInfo p {
    color: #6F6F6F;
    font-size: .85em;
    font-weight: 500;
    line-height: 1.4em
}

.detailArea .detailArticle .expertPoint .expertContent {
    margin-left: 140px;
    padding-top: 28px
}

.detailArea .detailArticle .expertPoint .expertContent h3 {
    position: relative;
    float: left;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 18px;
    font-weight: 500;
    color: #666;
    padding-left: 0
}

.detailArea .detailArticle .expertPoint .expertContent h3 span.storeleader {
    color: green;
    display: inline-block;
    padding-right: 20px
}

.detailArea .detailArticle .expertPoint .expertContent h3 span.mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #008A49;
    margin-right: 10px
}

.detailArea .detailArticle .expertPoint .expertContent h3 a,
.detailArea .detailArticle .expertPoint .expertContent h3 a:visited {
    color: #666
}

.detailArea .detailArticle .expertPoint .expertContent h3 a:hover {
    color: #008446
}

.detailArea .detailArticle .expertPoint .expertContent p {
    color: #666;
    font-size: 16px;
    letter-spacing: 1px
}

.detailArea .detailArticle .extendArea,
.detailArea .detailArticle .extendVideoArea {
    margin: 25px 0 65px;
    vertical-align: top
}

.detailArea .detailArticle .extendArea figure,
.detailArea .detailArticle .extendVideoArea figure {
    display: inline-block;
    width: 85px;
    height: 50px;
    margin-right: 3px;
    margin-left: 5px;
    overflow: hidden
}

.detailArea .detailArticle .extendArea figure a:before,
.detailArea .detailArticle .extendVideoArea figure a:before {
    content: none
}

.detailArea .detailArticle .extendArea figure img,
.detailArea .detailArticle .extendVideoArea figure img {
    position: relative;
    top: -8px;
    max-width: 100%
}

.detailArea .detailArticle .extendArea p,
.detailArea .detailArticle .extendVideoArea p {
    display: inline-block;
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-weight: 500;
    width: 185px;
    vertical-align: top
}

.detailArea .detailArticle .extendArea span,
.detailArea .detailArticle .extendVideoArea span {
    color: #007189;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

.detailArea .detailArticle .extendArea a,
.detailArea .detailArticle .extendVideoArea a {
    position: relative;
    float: left;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 10px
}

.detailArea .detailArticle .extendArea a:before,
.detailArea .detailArticle .extendVideoArea a:before {
    position: relative;
    top: 3px;
    vertical-align: top;
    width: 40px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 40px;
    color: rgba(255, 255, 255, .7);
    background: #007E6E
}

.detailArea .detailArticle .extendArea a:visited,
.detailArea .detailArticle .extendVideoArea a:visited {
    color: rgba(0, 0, 0, .5)
}

.detailArea .detailArticle .extendArea a:hover,
.detailArea .detailArticle .extendVideoArea a:hover {
    color: rgba(0, 0, 0, .7)
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-left p,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left p {
    text-align: left;
    padding: 5px 0 0 10px
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right {
    float: right
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right figure,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right figure {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right p,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right p {
    text-align: right;
    padding: 5px 15px 5px 0
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right span,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right span {
    float: left
}

.detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right:before,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right:before {
    float: right
}

.detailArea .detailArticle .extendVideoArea p {
    max-width: 145px
}

.detailArea .detailArticle .extendVideoArea span {
    color: #007189
}

.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left:before,
.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right:before {
    top: 0
}

.detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right figure {
    margin-right: 5px;
    margin-left: 0
}

.detailArea .detailArticle .extendLink,
.detailArea .detailArticle .extendLinkHalf {
    margin-bottom: 50px
}

.detailArea .detailArticle .extendLink h5,
.detailArea .detailArticle .extendLinkHalf h5 {
    font-size: 1em;
    width: 100%;
    letter-spacing: 2px;
    font-weight: 500;
    color: #222;
    padding-bottom: 12px;
    border-bottom: 2px solid #222;
    padding-top: 10px;
}

.detailArea .detailArticle .extendLink h5 a,
.detailArea .detailArticle .extendLinkHalf h5 a {
    color: #222;
    cursor: pointer;
    text-decoration: none
}

.detailArea .detailArticle .extendLink h5 a:visited,
.detailArea .detailArticle .extendLinkHalf h5 a:visited {
    color: #222
}

.detailArea .detailArticle .extendLink h5 a:hover,
.detailArea .detailArticle .extendLinkHalf h5 a:hover {
    color: #008446
}

.detailArea .detailArticle .extendLink ul.otherArticle,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle {
    margin-bottom: 40px
}

.detailArea .detailArticle .extendLink ul.otherArticle li,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li {
    width: 48%;
    margin-left: 3%;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    color: #333;
    border-bottom: 1px solid #999;
    font-size: 1em;
    letter-spacing: 1px
}

.detailArea .detailArticle .extendLink ul.otherArticle li:nth-child(even),
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li:nth-child(even) {
    margin-left: 0
}

.detailArea .detailArticle .extendLink ul.otherArticle li a,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li a {
    position: relative;
    color: #555;
    cursor: pointer;
    padding-left: 35px;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0
}

.detailArea .detailArticle .extendLink ul.otherArticle li a:before,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li a:before {
    position: absolute;
    left: 10px;
    top: -2px;
    content: '■';
    font-size: 16px
}

.detailArea .detailArticle .extendLink ul.otherArticle li a:visited,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li a:visited {
    color: #555
}

.detailArea .detailArticle .extendLink ul.otherArticle li a:hover,
.detailArea .detailArticle .extendLinkHalf ul.otherArticle li a:hover {
    color: #008446
}

.detailArea .detailArticle .extendLinkHalf {
    width: 104%;
    margin-bottom: 40px
}

.detailArea .detailArticle .extendLinkHalf ul.otherArticle {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.detailArea .detailArticle .extendLinkHalf ul.otherArticle:nth-child(odd) {
    margin-right: 30px
}

.detailArea .detailArticle .extendLinkHalf ul.otherArticle li {
    display: block;
    width: auto;
    margin-left: 0
}

.detailArea .detailArticle .knowledgeBanner {
    position: relative;
    background: #007E6E
}

.detailArea .detailArticle .knowledgeBanner+a.back {
    margin-top: 35px
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList {
    width: 780px;
    overflow: hidden
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList {
    position: relative;
    height: 180px;
    overflow: hidden
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li {
    width: 780px;
    position: relative;
    float: left;
    height: 100%
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li:hover {
    cursor: pointer
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li h6 {
    line-height: 1em;
    padding: 0;
    border-bottom: 1px solid #aaa
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li h6 span {
    background: #00AAA4;
    display: inline-block;
    padding: 8px 25px;
    color: #fff;
    font-size: 1em;
    letter-spacing: 2px
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li h6 a {
    position: relative;
    top: 4px;
    color: #fff;
    font-size: 1.25em;
    margin-left: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    padding-bottom: 12px;
    line-height: 24px;
    text-decoration: none;
    width:100%;
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li h6 a:hover,
.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li h6 a:visited {
    color: #fff
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li p {
    color: #eee;
    font-size: 14px;
    padding: 18px 25px;
    letter-spacing: 1px;
    line-height: 2em;
    font-weight: 300
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more {
    position: absolute;
    z-index: 20;
    right: 34px;
    bottom: 12px;
    font-size: 12px;
    letter-spacing: 0
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more a {
    color: #FFF;
    border: 1px solid #fff;
    padding: 3px 12px;
    line-height: 1em;
    text-decoration: none
}

.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more a:hover,
.detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more a:visited {
    color: #fff
}

.detailArea .detailArticle .knowledgeBanner .arrowArea {
    position: absolute;
    z-index: 15;
    bottom: 12px;
    width: 100%;
    height: 15px;
    text-align: center
}

.detailArea .detailArticle .knowledgeBanner .arrowArea li {
    cursor: pointer;
    color: #fff;
    font-size: 25px
}

.detailArea .detailArticle .knowledgeBanner .arrowArea li.next,
.detailArea .detailArticle .knowledgeBanner .arrowArea li.prev {
    display: none
}

.detailArea .detailArticle .knowledgeBanner ul.knowledgeNum li {
    width: 20px;
    height: 8px;
    margin: 0 6px;
    background: #aaa;
    display: inline-block;
    cursor: pointer;
    content: ' ';
    -webkit-border-radius: 3px;
    border-radius: 3px
}

h1.weektitle,
h2.weeksubtitle p {
    width: 1210px;
    letter-spacing: 3px;
    text-align: left
}

.detailArea .detailArticle .knowledgeBanner ul.knowledgeNum li:visited {
    background: #aaa
}

.detailArea .detailArticle .knowledgeBanner ul.knowledgeNum li.current,
.detailArea .detailArticle .knowledgeBanner ul.knowledgeNum li:hover {
    background: #FFF
}

h1.weektitle {
    margin: -20px auto 25px;
    padding-left: 55px;
    font-size: 20px;
    color: #555;
    font-weight: 500
}

h2.weeksubtitle {
    background: #006276;
    font-size: 20px;
    color: #FFF
}

h2.weeksubtitle p {
    margin: 0 auto;
    font-weight: 400;
    padding: 5px 0 5px 50px
}

.mainWeek {
    position: relative;
    z-index: 10;
    min-width: 1210px;
    font-size: 16px;
    color: #FFF;
    vertical-align: top;
    background: #003F4C;
    text-align: left;
    height: 415px;
    overflow: hidden
}

.mainWeek figure {
    width: 33%;
    margin-right: 20px
}

.mainWeek figure img {
    width: 100%
}

.mainWeek .weekContent {
    position: absolute;
    top: 55px;
    left: 35%;
    right: 5%;
    max-width: 870px;
    text-align: left
}

.mainWeek .weekContent .wordSection h2 {
    position: relative;
    line-height: 1.4em;
    padding: 0 0 15px 180px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 1.531em;
    letter-spacing: 5px;
    font-weight: 500;
    border-bottom: 1px solid #fff
}

.mainWeek .weekContent .wordSection h2 a,
.mainWeek .weekContent .wordSection h2 a:visited {
    color: #FFF
}

.mainWeek .weekContent .wordSection h2 a:hover {
    color: #009650
}

.mainWeek .weekContent .wordSection h2 time {
    display: block;
    font-family: 'Century Gothic', Arial;
    font-size: 16px;
    letter-spacing: 2px;
    color: #CDCDCD;
    font-weight: 700
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun,
.mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
.mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-cloud,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    padding-top: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.4em;
    padding-left: 40px;
    color: #FFF;
    border-right: 1px solid rgba(127, 127, 127, .5)
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain:before,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun:before,
.mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain:before,
.mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun:before,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-cloud:before,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain:before,
.mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun:before {
    position: relative;
    display: inline-block;
    top: 20px;
    left: -25px;
    float: left;
    font-size: 3.5em;
    line-height: 0;
    color: #fff000
}

.mainWeek .weekContent .wordSection p {
    text-align: left;
    color: #c9c9c9;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 300;
    letter-spacing: 2px
}

.mainWeek .weekContent .wordSection .weekKeyword {
    float: right;
    margin-top: 20px
}

.mainWeek .weekContent .wordSection .weekKeyword p {
    font-size: 14px;
    color: #00DFF9
}

.mainWeek .weekContent .wordSection .weekKeyword p a {
    color: #fff;
    background: #00adc1;
    padding: 1px 5px;
    margin-right: 6px;
    margin-bottom: 6px;
    min-width: 80px;
    display: inline-block;
    text-align: center
}

.mainWeek .weekContent .wordSection .weekKeyword p a:visited {
    color: #fff
}

.mainWeek .weekContent .wordSection .weekKeyword p a:hover {
    color: #00adc1;
    background: #fff
}

.weekBannerArea {
    position: relative;
    background: #FFF;
    font-size: 18px;
    margin-bottom: 90px
}

.weekBannerArea .weekBannerList {
    position: relative;
    margin: 0 auto;
    z-index: 10;
    width: 1210px;
    height: 75px;
    padding: 20px 0;
    overflow: hidden
}

.weekBannerArea .weekBannerList ul.weekListArea {
    position: absolute;
    height: 100%;
    width: 9999px
}

.weekBannerArea .weekBannerList ul.weekListArea li {
    position: relative;
    display: inline-block;
    text-align: left;
    padding-top: 3px;
    border-left: 2px solid #B8B8B8;
    float: left
}

.weekBannerArea .weekBannerList ul.weekListArea li:first-child {
    border: none
}

.weekBannerArea .weekBannerList ul.weekListArea li a,
.weekBannerArea .weekBannerList ul.weekListArea li p {
    margin: 0 25px;
    display: block
}

.weekBannerArea .weekBannerList ul.weekListArea li a {
    color: #005060;
    min-height: 50px;
    line-height: 1.3em;
    font-size: 1em
}

.weekBannerArea .weekBannerList ul.weekListArea li a:visited {
    color: #005060
}

.weekBannerArea .weekBannerList ul.weekListArea li a:hover {
    color: #009650
}

.weekBannerArea .weekBannerList ul.weekListArea li p {
    font-size: 1em
}

.weekBannerArea .weekBannerList ul.weekListArea li p time {
    font-family: 'Century Gothic', Arial;
    font-weight: 700;
    margin-right: 10px
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li {
    width: 33%;
    display: inline-block;
    text-align: left;
    padding-top: 3px;
    border-left: 2px solid #B8B8B8
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li:first-child {
    border: none
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li a,
.weekBannerArea .weekBannerList ul.weekListArea li ol li p {
    margin: 0 25px;
    display: block
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li a {
    color: #005060;
    min-height: 50px;
    line-height: 1.3em;
    font-size: 1em
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li a:visited {
    color: #005060
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li a:hover {
    color: #009650
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li p {
    font-size: 1em
}

.weekBannerArea .weekBannerList ul.weekListArea li ol li p time {
    font-family: 'Century Gothic', Arial;
    font-weight: 700;
    margin-right: 10px
}

.weekBannerArea .weekArrowControl ul.numbers {
    display: none
}

.weekBannerArea .weekArrowControl ul.weekArrowArea {
    position: absolute;
    z-index: 9;
    top: 15px;
    width: 100%;
    height: 100%
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li {
    width: 65px;
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 65px
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li:visited {
    color: rgba(0, 0, 0, .2)
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li:hover {
    color: rgba(0, 0, 0, .7)
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-left {
    float: left;
    text-align: right
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-left:before {
    position: absolute;
    top: 11px;
    left: 1px
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-left:after {
    position: absolute;
    top: 8px;
    left: 4px;
    font-family: sinyi;
    content: "s";
    color: #fff
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-right {
    float: right;
    text-align: left
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-right:before {
    position: absolute;
    top: 11px;
    right: 1px
}

.weekBannerArea .weekArrowControl ul.weekArrowArea li.sinyi-ios-arrow-right:after {
    position: absolute;
    top: 8px;
    right: 4px;
    font-family: sinyi;
    content: "r";
    color: #fff
}

.weekArticle {
    width: 1210px;
    margin: 0 auto 130px;
    min-height: 300px;
    font-size: 16px;
    text-align: left
}

.weekArticle h1 {
    font-size: 20px;
    color: #555;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 26px
}

.weekArticle .weekRecent {
    position: relative;
    vertical-align: top;
    clear: both;
    padding-bottom: 25px
}

.weekArticle .weekRecent time {
    position: absolute;
    width: 46px;
    height: 100%;
    left: 38px;
    border-left: 1px solid #BFBFBF
}

.weekArticle .weekRecent time span {
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1em;
    color: #FFF;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #004345
}

.weekArticle .weekRecent figure {
    float: left;
    margin-left: 105px
}

.weekArticle .weekRecent .weekInfoGroup {
    padding-top: 10px;
    margin-left: 35%;
    text-align: left;
    min-height: 220px
}

.weekArticle .weekRecent .weekInfoGroup h3 {
    position: relative;
    line-height: 1.4em;
    padding: 0 0 0 160px;
    margin: 0 0 15px;
    font-size: 1.531em;
    letter-spacing: 5px;
    font-weight: 500;
    color: #595959
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun,
.weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
.weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-cloud,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.3em;
    padding-left: 25px;
    color: #6e6e6e;
    border-right: 1px solid rgba(127, 127, 127, .5)
}

.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain:before,
.mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun:before,
.weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain:before,
.weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun:before,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-cloud:before,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain:before,
.weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun:before {
    position: relative;
    display: inline-block;
    top: 18px;
    left: -25px;
    float: left;
    font-size: 3.5em;
    line-height: 0;
    color: #009195
}

.weekArticle .weekRecent .weekInfoGroup p {
    text-align: left;
    color: #777;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 2px
}

.weekArticle .weekRecent .weekInfoGroup time {
    position: relative;
    width: auto;
    height: auto;
    display: block;
    left: 0;
    border-left: 0;
    margin-top: 20px;
    text-align: right;
    font-family: 'Century Gothic', Arial;
    font-weight: 700;
    letter-spacing: 2px;
    color: #007275;
    font-size: 14px
}

.weekArticle .weekRecent .weekInfoGroup .keywordBox {
    margin: 20px 0 10px
}

.weekArticle .weekRecent .weekInfoGroup .keywordBox p {
    font-size: 14px;
    color: #009195
}

.weekArticle .weekRecent .weekInfoGroup .keywordBox p a {
    color: #fff;
    background: #009195;
    padding: 1px 5px;
    margin-right: 6px;
    margin-bottom: 6px;
    min-width: 80px;
    display: inline-block;
    text-align: center
}

.mainNewVideo,
h1.videotitle {
    text-align: left;
    width: 1210px
}

.weekArticle .weekRecent .weekInfoGroup .keywordBox p a:visited {
    color: #fff
}

.weekArticle .weekRecent .weekInfoGroup .keywordBox p a:hover {
    color: #009195;
    background: #fff
}

h1.videotitle {
    margin: -20px auto 25px;
    padding-left: 55px;
    font-size: 20px;
    color: #05742c;
    font-weight: 500;
    letter-spacing: 3px
}

.mainNewVideo {
    position: relative;
    margin: 0 auto 90px;
    height: 390px;
    background: #05742C;
    overflow: hidden;
    font-size: 16px
}

.mainNewVideo iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 690px;
    height: 100%
}

.mainNewVideo .newVinfo {
    margin-left: 690px;
    padding: 40px 30px 0;
    color: #FFF
}

.mainNewVideo .newVinfo .vKeyWord {
    position: absolute;
    left: 720px;
    bottom: 5px;
    color: #06ec00;
    margin: 15px 0 10px;
    font-size: 14px
}

.mainNewVideo .newVinfo .vKeyWord span {
    margin-right: 5px
}

.mainNewVideo .newVinfo .vKeyWord span a {
    border: 1px solid #06ec00;
    padding: 0 10px;
    display: inline-block;
    line-height: 22px;
    margin-right: 7px;
    margin-bottom: 10px;
    color: #06ec00;
    font-size: 14px
}

.mainNewVideo .newVinfo .vKeyWord span a:visited {
    color: #06ec00
}

.mainNewVideo .newVinfo .vKeyWord span a:hover {
    color: #333;
    background: #06ec00
}

.mainNewVideo .newVinfo h1 {
    position: relative;
    font-size: 1.75em;
    line-height: 1.2em;
    letter-spacing: 10px;
    font-weight: 500;
    border-bottom: 1px solid #2CAD59
}

.mainNewVideo .newVinfo h1+p {
    margin-top: 15px
}

.mainNewVideo .newVinfo h1 a {
    color: #FFF;
    cursor: pointer
}

.mainNewVideo .newVinfo h1 a:visited {
    color: #FFF
}

.mainNewVideo .newVinfo h1 a:hover {
    color: #06EC00
}

.mainNewVideo .newVinfo p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: 300
}

.mainNewVideo .newVinfo span.sinyi-eye,
.mainNewVideo .newVinfo time {
    letter-spacing: 0;
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}

.mainNewVideo .newVinfo p a,
.mainNewVideo .newVinfo p a:visited {
    color: #FFF
}

.mainNewVideo .newVinfo p a:hover {
    color: #eaeaea
}

.mainNewVideo .newVinfo p a:hover span {
    border: 2px solid #eaeaea
}

.mainNewVideo .newVinfo a.sinyi-download {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #FFF;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.mainNewVideo .newVinfo a.sinyi-download:before {
    position: relative;
    left: 1px;
    line-height: 20px
}

.mainNewVideo .newVinfo a.sinyi-download:visited {
    color: #fff
}

.mainNewVideo .newVinfo a.sinyi-download:hover {
    color: #06ec00;
    border: 1px solid #06ec00
}

.mainNewVideo .newVinfo time {
    font-size: 14px;
    line-height: 1.4em;
    color: #E8E8E8
}

.mainNewVideo .newVinfo time:after {
    content: ' | ';
    margin: 0 8px
}

.mainNewVideo .newVinfo span.sinyi-eye {
    color: #E8E8E8;
    font-size: 14px;
    line-height: 1.4em
}

.mainNewVideo .newVinfo span.sinyi-eye:before {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.mainNewVideo .newVinfo .vShare {
    font-size: 14px;
    margin-top: 15px
}

.mainNewVideo .newVinfo a.sinyi-sinyi-fb {
    position: absolute;
    right: -10px;
    color: #E8E8E8;
    cursor: pointer;
    line-height: 1.4em
}

.mainNewVideo .newVinfo a.sinyi-sinyi-fb:before {
    width: 0;
    position: relative;
    top: 3px;
    font-size: 16px
}

.mainNewVideo .newVinfo a.sinyi-sinyi-fb:visited {
    color: #E8E8E8
}

.mainNewVideo .newVinfo a.sinyi-sinyi-fb:hover {
    color: #06EC00
}

.videoTopic {
    background: #e9e9e9;
    font-size: 16px
}

.videoTopic div {
    position: relative;
    width: 1210px;
    height: 650px;
    margin: 0 auto;
    overflow: hidden
}

.videoTopic div .videoMain ol.vTab {
    height: 70px;
    padding-top: 30px
}

.videoTopic div .videoMain ol.vTab li {
    float: left;
    color: #939393;
    font-weight: 500;
    letter-spacing: 3px
}

.videoTopic div .videoMain ol.vTab li h2 {
    font-weight: 500;
    display: inline-block
}

.videoTopic div .videoMain ol.vTab li:hover {
    cursor: pointer
}

.videoTopic div .videoMain ol.vTab li:before {
    content: '|';
    margin: 0 18px;
    color: #939393
}

.videoTopic div .videoMain ol.vTab li:first-child:before {
    content: none;
    margin: 0
}

.videoTopic div .videoMain ol.vTab li.select,
.videoTopic div .videoMain ol.vTab li:hover {
    color: #05742C
}

ul.videoList {
    position: absolute;
    width: 100%;
    text-align: left;
    margin-right: -1.5%
}

ul.videoList li {
    width: 24%;
    margin: 0 .5% 35px 0;
    display: inline-block
}

ul.videoList li figure {
    width: 100%;
    height: 160px;
    overflow: hidden
}

ul.videoList li figure a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

ul.videoList li figure a:before {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    font-family: sinyi;
    content: "v";
    width: 40px;
    height: 26px;
    margin-left: -20px;
    margin-top: -13px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    line-height: 26px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, .7)
}

ul.videoList li figure a:hover:before {
    background: #cc181e
}

ul.videoList li figure a img {
    position: relative;
    z-index: 3;
    top: -32px
}

ul.videoList li h3 {
    position: relative;
    font-size: 1em;
    letter-spacing: .8px;
    line-height: 1.4em;
    font-weight: 500;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 30px
}

ul.videoList li h3 a {
    margin-right: 30px;
    cursor: pointer;
    color: #555
}

ul.videoList li h3 a:visited {
    color: #555
}

ul.videoList li h3 a:hover {
    color: #009650
}

ul.videoList li h3 a span {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border: 2px solid #555;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #000;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

ul.videoList li h3 a:hover span {
    border: 2px solid #009650;
    color: #009650
}

ul.videoList li h3 a.sinyi-sinyi-fb {
    position: absolute;
    margin-right: 0;
    right: 0;
    top: 3px;
    font-size: 1.2em;
    color: #1560a6
}

ul.videoList li h3 a.sinyi-sinyi-fb:visited {
    color: #1560a6
}

ul.videoList li h3 a.sinyi-sinyi-fb:hover {
    color: #333
}

ul.videoList li h4 {
    position: relative;
    font-weight: 400;
    font-size: 14.5px;
    margin-bottom: 5px;
    line-height: 1.3em
}

ul.videoList li h4 a,
ul.videoList li h4 a:visited {
    color: #5c5c5c
}

ul.videoList li h4 a:hover {
    color: #009650
}

ul.videoList li p {
    font-size: 16px;
    color: #9C9FAC;
    font-weight: 500;
    letter-spacing: 1px
}

ul.videoList li p .sinyi-eye {
    font-size: .85em
}

ul.videoList li p .sinyi-eye:before {
    position: relative;
    top: 2px;
    margin-right: 5px
}

ul.videoList li p a.sinyi-download {
    float: right;
    margin-right: -2px;
    text-align: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border: 2px solid #333;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #333;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

ul.videoList li p a.sinyi-download:visited {
    color: #333;
    border: 2px solid #333
}

ul.videoList li p a.sinyi-download:hover {
    color: #9C9FAC;
    border: 2px solid #9C9FAC
}

ul.videoList li p time {
    float: left
}

.videoContent {
    width: 1210px;
    margin: 0 auto;
    min-height: 300px;
    text-align: left;
    font-size: 16px
}

.videoContent h1 {
    font-size: 21.6px;
    padding: 45px 0 35px
}

.videoContent h1:first-child {
    padding: 85px 0 35px
}

.videoContent h1.vTitle {
    color: #05742c;
    font-weight: 500;
    letter-spacing: 5px;
    height: 20px
}

.videoContent h1 span.line {
    position: relative;
    bottom: 5px;
    display: inline-block;
    margin-left: 10px;
    width: 450px;
    border-bottom: 1px solid #05742c
}

.videoContent .videoSlide {
    position: relative;
    z-index: 11
}

.videoContent .videoSlide .slideList {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 250px;
    overflow: hidden
}

.videoContent .videoSlide .slideList ul {
    position: absolute;
    height: 100%;
    width: 9999px
}

.videoContent .videoSlide .slideList ul li {
    margin: 0;
    float: left
}

.videoContent .videoSlide .slideList ul li figure,
.videoContent .videoSlide .slideList ul li h3,
.videoContent .videoSlide .slideList ul li p {
    width: auto;
    margin-right: 10px
}

.videoContent .videoSlide .arrowControl ul.numbers {
    display: none
}

.videoContent .videoSlide .arrowControl ul.arrowArea {
    position: absolute;
    z-index: 1;
    top: 50px;
    width: 100%;
    height: 60px;
    color: #e8e8e8
}

.videoContent .videoSlide .arrowControl ul.arrowArea li {
    width: 50px;
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 45px
}

.videoContent .videoSlide .arrowControl ul.arrowArea li:visited {
    color: rgba(0, 0, 0, .2)
}

.videoContent .videoSlide .arrowControl ul.arrowArea li:hover {
    color: rgba(0, 0, 0, .4)
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-left {
    float: left;
    margin-left: -50px
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled {
    color: rgba(0, 0, 0, .1)
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled:hover {
    cursor: default;
    color: rgba(0, 0, 0, .1)
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-right {
    float: right;
    margin-right: -50px
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled {
    color: rgba(0, 0, 0, .1)
}

.videoContent .videoSlide .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled:hover {
    cursor: default;
    color: rgba(0, 0, 0, .1)
}

.videoContent .slide2 {
    margin-bottom: 95px
}

.expertArea {
    height: 245px;
    margin-bottom: 100px;
    color: #FFF;
    background: url(../images/expert_bg.png) left top repeat-x
}

.expertArea .expertBox {
    position: relative;
    width: 1210px;
    margin: 0 auto;
    text-align: left;
    font-size: 16px
}

.expertArea .expertBox .schannel {
    position: absolute
}

.expertArea .expertBox h1 {
    font-size: 1.563em;
    letter-spacing: 3px;
    font-weight: 400;
    padding: 45px 65px 10px;
    background: url(../images/schannel.png) center 15px no-repeat #00A16F
}

.expertArea .expertBox .expertContent {
    position: relative;
    width: 850px;
    margin-left: 12.5%
}

.expertArea .expertBox .expertContent .slideList {
    margin-left: 10%;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 245px;
    overflow: hidden
}

.expertArea .expertBox .expertContent .slideList ul.expertList {
    position: absolute;
    width: 100%
}

.expertArea .expertBox .expertContent .slideList ul.expertList li {
    float: left;
    vertical-align: top
}

.expertArea .expertBox .expertContent .slideList ul.expertList li.first {
    margin-left: 230px
}

.expertArea .expertBox .expertContent .slideList ul.expertList li figure {
    float: left;
    margin-right: 10px
}

.expertArea .expertBox .expertContent .slideList ul.expertList li h3 {
    font-size: 1.125em;
    font-weight: 400;
    padding-top: 40px
}

.expertArea .expertBox .expertContent .slideList ul.expertList li h2 {
    font-size: 2.375em;
    letter-spacing: 3px
}

.expertArea .expertBox .expertContent .slideList ul.expertList li p {
    font-size: 16px;
    color: #C5C5C5;
    letter-spacing: 1px
}

.expertArea .expertBox .expertContent .arrowControl ul.numbers {
    display: none
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea {
    position: absolute;
    z-index: 10;
    bottom: 20%;
    left: -20%;
    width: 145%;
    height: 60px;
    color: #e8e8e8
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li {
    width: 50px;
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    margin: 0 20px;
    font-size: 55px
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li:visited {
    color: rgba(255, 255, 255, .5)
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li:hover {
    color: rgba(255, 255, 255, .7)
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-left {
    float: left
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled {
    color: rgba(255, 255, 255, .1)
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-left.disabled:hover {
    cursor: default;
    color: rgba(255, 255, 255, .1)
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-right {
    float: right
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled {
    color: rgba(255, 255, 255, .1)
}

.expertArea .expertBox .expertContent .arrowControl ul.arrowArea li.sinyi-ios-arrow-right.disabled:hover {
    cursor: default;
    color: rgba(255, 255, 255, .1)
}

.expertArea .expertBox a.more {
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #00dc9c;
    cursor: pointer;
    font-size: 16px
}

.expertArea .expertBox a.more:visited {
    color: #00dc9c
}

.expertArea .expertBox a.more:hover {
    color: #fff000
}

.mainEncyclopedia {
    position: relative;
    width: 1210px;
    margin: 0 auto 50px;
    font-size: 16px
}

.mainEncyclopedia h1 {
    background: url(../images/encyclopedia_bg.jpg);
    font-size: 1.75em;
    height: 156px;
    line-height: 156px;
    font-weight: 400;
    letter-spacing: 1px
}

.mainEncyclopedia h1:hover {
    cursor: pointer
}

.mainEncyclopedia h1.sinyi-sinyi-buyers,
.mainEncyclopedia h1.sinyi-sinyi-buyers a,
.mainEncyclopedia h1.sinyi-sinyi-buyers a:visited {
    color: #064a60
}

.mainEncyclopedia h1.sinyi-sinyi-buyers a:hover {
    color: #009650
}

.mainEncyclopedia h1.sinyi-sinyi-seller,
.mainEncyclopedia h1.sinyi-sinyi-seller a,
.mainEncyclopedia h1.sinyi-sinyi-seller a:visited {
    color: #0a8fb6
}

.mainEncyclopedia h1.sinyi-sinyi-seller a:hover {
    color: #009650
}

.mainEncyclopedia h1:before {
    position: relative;
    top: 25px;
    font-size: 3.5em;
    margin-right: 5px
}

.mainEncyclopedia .mGroup {
    position: relative;
    background: #064A60;
    color: #fff;
    padding: 30px 35px 55px;
    min-height: 229px;
    text-align: left
}

.mainEncyclopedia .mGroup h2 {
    font-size: 1.125em;
    font-weight: 400;
    margin-bottom: 18px
}

.mainEncyclopedia .mGroup .keyWord {
    margin-bottom: 35px;
    margin-left: -20px;
    margin-right: -20px
}

.mainEncyclopedia .mGroup .keyWord span {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
    background: #0798C2;
    padding: 3px 15px;
    font-size: 1em
}

.mainEncyclopedia .mGroup .keyWord span a {
    display: inline-block;
    line-height: 1.4em;
    color: #fff
}

.mainEncyclopedia .mGroup .keyWord span a:hover,
.mainEncyclopedia .mGroup .keyWord span a:visited {
    color: #fff
}

.mainEncyclopedia .mGroup .fastLink {
    font-size: 1em
}

.mainEncyclopedia .mGroup .fastLink a {
    color: #dcdcdc;
    margin-right: 20px;
    border-bottom: 1px solid #dcdcdc
}

.mainEncyclopedia .mGroup .fastLink a:visited {
    color: #dcdcdc
}

.mainEncyclopedia .mGroup .fastLink a:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.mainEncyclopedia .mGroup .more {
    position: absolute;
    right: 40px;
    bottom: 17px;
    color: #FFF;
    font-size: 14px
}

.mainEncyclopedia .mGroup .more span {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-left: 5px;
    color: #064A60;
    background: #FFF;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.mainEncyclopedia .mGroup .more span:before {
    content: '+';
    font-size: 1.2em
}

.mainEncyclopedia .buyerArea,
.mainEncyclopedia .sellerArea {
    display: inline-block;
    float: left;
    width: 42%
}

.mainEncyclopedia .sellerArea .mGroup {
    border-left: 1px solid #BBB
}

.mainEncyclopedia .fastLickArea {
    display: inline-block;
    width: 16%;
    float: left;
    vertical-align: top
}

.mainEncyclopedia .fastLickArea a {
    text-align: center;
    height: 180px;
    overflow: hidden;
    display: block;
    color: #FFF;
    padding-top: 55px
}

.mainEncyclopedia .fastLickArea a:hover,
.mainEncyclopedia .fastLickArea a:visited {
    color: #FFF
}

.mainEncyclopedia .fastLickArea a:before {
    display: block;
    font-size: 4.5em;
    margin-bottom: 10px
}

.mainEncyclopedia .fastLickArea a span {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-left: 5px;
    font-size: 13px;
    color: #064A60;
    background: #FFF;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.mainEncyclopedia .fastLickArea a span:before {
    content: '+';
    font-size: 1.2em
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-knowledge {
    background: #14A68C
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-knowledge span {
    color: #14A68C
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-knowledge:hover {
    background: #666
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-knowledge:hover span {
    color: #666
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-live {
    background: #9ed127
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-live span {
    color: #9ed127
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-live:hover {
    background: #666
}

.mainEncyclopedia .fastLickArea a.sinyi-sinyi-live:hover span {
    color: #666
}

h1.encyclopediaTitle {

    top: 15px;
    position: relative;
    width: 1210px;
    margin: 20px auto 40px;
    font-size: 20px;
    color: #0e5e5b;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: left;
    z-index: -1;
}

.hotEncyclopedia {
    font-size: 16px
}

.hotEncyclopedia ul.issueList {
    width: 1210px;
    margin: 0 auto
}

.hotEncyclopedia ul.issueList li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 32.3%;
    min-height: 350px;
    background: #FFF;
    margin-left: 1%;
    border-top: 4px solid #007E6E
}

.hotEncyclopedia ul.issueList li:first-child {
    margin-left: 0
}

.hotEncyclopedia ul.issueList li h2 {
    color: #007E6E;
    font-size: 1.25em;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 10px 20px
}

.hotEncyclopedia ul.issueList li figure {
    text-align: center
}

.hotEncyclopedia ul.issueList li figure img {
    width: 96%;
    max-width: 100%
}

.hotEncyclopedia ul.issueList li dl {
    width: 88%;
    margin: 25px auto 0
}

.hotEncyclopedia ul.issueList li dl dd {
    position: relative;
    padding-right: 25px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDD;
    font-size: 1em
}

.hotEncyclopedia ul.issueList li dl dd:last-child {
    border-bottom: 0
}

.hotEncyclopedia ul.issueList li dl dd a,
.hotEncyclopedia ul.issueList li dl dd a:visited {
    color: #5C5C5C
}

.hotEncyclopedia ul.issueList li dl dd a:hover {
    color: #007E6E
}

.hotEncyclopedia ul.issueList li dl dd span {
    position: absolute;
    right: 0;
    display: inline-block;
    background: #007e6e;
    font-size: 14px;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.encyclopediaMost,
.encyclopediaNew {
    width: 50%;
    display: inline-block;
    font-size: 16px;
    margin-top: 55px;
    vertical-align: top
}

.encyclopediaMost h2,
.encyclopediaNew h2 {
    font-size: 20px;
    color: #0e5e5b;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom: 22px
}

.encyclopediaMost {
    margin-left: -4px
}

ul.encyclopediaList {
    font-size: 16px;
    text-align: left;
    margin-left: 3px
}

.encyclopediaMost ul.encyclopediaList .encyclopediaBox {
    background: #0c7179
}

ul.encyclopediaList li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 1% -3px;
    width: 49%;
    overflow: hidden
}

ul.encyclopediaList li mark {
    display: block;
    background: #064a60;
    line-height: 50px;
    text-align: left;
    padding-left: 35px;
    color: #fff
}

ul.encyclopediaList li mark:before {
    position: relative;
    top: 10px;
    font-size: 35px;
    line-height: 0;
    margin-right: 10px
}

ul.encyclopediaList li mark.sinyi-sinyi-knowledge {
    background: #14a68c
}

ul.encyclopediaList li mark.sinyi-sinyi-seller {
    background: #0a8fb6
}

ul.encyclopediaList li mark.sinyi-sinyi-live {
    background: #a2d230
}

ul.encyclopediaList li mark.sinyi-news {
    background: #959595;
    margin-bottom: 40px
}

ul.encyclopediaList li:hover {
    cursor: pointer
}

ul.encyclopediaList li:hover .encyclopediaBox p {
    color: #fff
}

ul.encyclopediaList li:hover .encyclopediaBox span.more a {
    opacity: 1
}

ul.encyclopediaList li figure {
    line-height: 0
}

ul.encyclopediaList li figure img {
    width: 100%
}

ul.encyclopediaList li .encyclopediaBox {
    position: relative;
    background: #118A94;
    height: 250px;
    padding: 30px 0;
    color: #FFF
}

ul.encyclopediaList li .encyclopediaBox h2 {
    padding: 0 20px;
    font-size: 1.125em;
    letter-spacing: 2px;
    font-weight: 400;
    min-height: 60px
}

ul.encyclopediaList li .encyclopediaBox h2 a,
ul.encyclopediaList li .encyclopediaBox h2 a:hover,
ul.encyclopediaList li .encyclopediaBox h2 a:visited {
    color: #FFF
}

ul.encyclopediaList li .encyclopediaBox p {
    color: #DFDFDF;
    font-size: 1em;
    letter-spacing: 1px;
    padding: 0 20px 0 19px
}

ul.encyclopediaList li .encyclopediaBox ul li {
    display: block;
    width: auto;
    color: #DFDFDF;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 20px;
    margin: 0;
    height: auto;
    min-height: 10px
}

ul.encyclopediaList li .encyclopediaBox ul li:before {
    position: relative;
    top: -5px;
    margin-right: 5px;
    line-height: 0;
    display: inline-block;
    content: '.';
    font-size: 1.5em
}

ul.encyclopediaList li .encyclopediaBox span.more {
    position: absolute;
    right: 22px;
    bottom: 15px
}

ul.encyclopediaList li .encyclopediaBox span.more a {
    display: block;
    text-align: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 2px solid #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #fff;
    opacity: .7;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

ul.encyclopediaList li .encyclopediaBox span.more a:visited {
    color: #fff
}

ul.encyclopediaList li .encyclopediaBox span.more a:hover {
    opacity: 1
}

ul.encyclopediaList li .encyclopediaBox span.more a:before {
    position: relative;
    left: 1px;
    line-height: 20px
}

ul.encyclopediaList li .encyclopediaBox a.more {
    position: absolute;
    right: 8%;
    bottom: 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 0;
    border: 1px solid #DFDFDF;
    padding: 9px 5px;
    color: #DFDFDF
}

ul.encyclopediaList li .encyclopediaBox a.more:visited {
    color: #DFDFDF
}

ul.encyclopediaList li .encyclopediaBox a.more:hover {
    color: #FFF;
    border: 1px solid #fff
}

.encyclopediaExtend {
    width: 1210px;
    margin: 0 auto;
    padding: 75px 0 140px;
    font-size: 16px
}

.encyclopediaExtend+.encyclopediaFastArea {
    margin: 60px auto 40px
}

.encyclopediaExtend ul {
    text-align: left
}

.encyclopediaExtend ul li {
    display: inline-block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 5px;
    font-size: 1em
}

.encyclopediaExtend ul li:after,
.encyclopediaExtend ul li:first-child:before {
    content: '|';
    font-size: .8em;
    color: #999;
    display: inline-block;
    position: relative;
    top: -2px
}

.encyclopediaExtend ul li:after {
    margin-left: 25px
}

.encyclopediaExtend ul li:first-child:before {
    margin-right: 25px
}

.encyclopediaExtend ul li a,
.encyclopediaExtend ul li a:visited {
    color: #5C5C5C
}

.encyclopediaExtend ul li a:hover {
    color: #007E6E
}

.encyclopediaExtend ul li span {
    display: inline-block;
    background: #666;
    font-size: 14px;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.encyclopediaSearch {
    position: relative;
    width: 1210px;
    height: 320px;
    overflow: hidden;
    font-size: 16px;
    margin: 0 auto 60px
}

.encyclopediaSearch img.mainBG {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%
}

.encyclopediaSearch img.mainBG.show {
    display: block
}

.encyclopediaSearch .keywordSearch {
    position: absolute;
    z-index: 10;
    width: 90%;
    height: 50px;
    top: 80px;
    left: 5%;
    text-align: center
}

.encyclopediaSearch .keywordSearch input[type=text] {
    font-size: 1.531em;
    font-weight: 300;
    background: 0 0;
    border: none;
    color: #FFF;
    border-bottom: 1px solid #fff;
    width: 420px;
    padding: 5px
}

.encyclopediaSearch .keywordSearch input[type=text]::-webkit-input-placeholder {
    color: #FFF
}

.encyclopediaSearch .keywordSearch input[type=text]::-moz-placeholder {
    color: #FFF
}

.encyclopediaSearch .keywordSearch input[type=text]::-ms-input-placeholder {
    color: #FFF
}

.encyclopediaSearch .keywordSearch a.sinyi-search {
    position: relative;
    left: -20px;
    color: #FFF
}

.encyclopediaSearch .keywordSearch a.sinyi-search:hover,
.encyclopediaSearch .keywordSearch a.sinyi-search:visited {
    color: #FFF
}

.encyclopediaSearch .key {
    display: none
}

.encyclopediaSearch .keywordTitle {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.encyclopediaSearch .keywordTitle a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFF
}

.encyclopediaSearch .keywordTitle a:hover,
.encyclopediaSearch .keywordTitle a:visited {
    color: #FFF
}

.encyclopediaSearch .keywordTitle a span {
    display: block;
    font-size: 1.531em;
    padding-top: 7%;
    font-weight: 300
}

.encyclopediaSearch ul.blurList {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 40px;
    text-align: center
}

.encyclopediaSearch ul.blurList img.barBG {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
}

.encyclopediaSearch ul.blurList img.barBG.show {
    display: block
}

.encyclopediaSearch ul.blurList li {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 33.3%;
    line-height: 40px;
    margin-left: -4px
}

.encyclopediaSearch ul.blurList li:before {
    position: absolute;
    top: 3px;
    left: -5px;
    content: "　";
    border-left: 1px solid #fff;
    color: #fff;
    height: 34px
}

.encyclopediaSearch ul.blurList li:first-child:before {
    border: none
}

.encyclopediaSearch ul.blurList li a,
.encyclopediaSearch ul.blurList li a:visited {
    color: #FFF
}

.encyclopediaSearch ul.blurList li a:hover {
    color: #5fe1d0
}

.encyclopediaFastArea {
    width: 1210px;
    margin: 0 auto;
    position: relative;
    font-size: 16px
}

.encyclopediaFastArea ul.encyclopediaFastLink {
    position: absolute;
    top: 0;
    left: 400px;
    width: 890px
}

.encyclopediaFastArea ul.encyclopediaFastLink li {
    position: relative;
    font-size: 1em;
    display: inline-block;
    text-align: left;
    width: 33%
}

.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-buyers:before,
.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-knowledge:before,
.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-live:before,
.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-seller:before {
    position: absolute;
    top: -13px;
    left: -55px;
    font-size: 3em;
    color: #098FB5
}

.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-knowledge:before {
    color: #13A68C
}

.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-live:before {
    color: #9DD127
}

.encyclopediaFastArea ul.encyclopediaFastLink li.sinyi-sinyi-buyers:before {
    color: #064a60
}

.encyclopediaFastArea ul.encyclopediaFastLink li a,
.encyclopediaFastArea ul.encyclopediaFastLink li a:visited {
    color: #6E6E6E
}

.encyclopediaFastArea ul.encyclopediaFastLink li a:hover {
    color: #009650
}

.encyclopediaInside {
    width: 1210px;
    margin: 0 auto;
    min-height: 300px;
    background: #013242;
    text-align: left
}

.encyclopediaInside+.encyclopediaExtend {
    padding: 35px 0 40px;
    border-bottom: 1px solid #CCC
}

.encyclopediaMenu {
    font-size: 16px;
    width: 22%;
    display: inline-block;
    vertical-align: top;
    background: #034257
}

.encyclopediaMenu ul.sideMenu li {
    text-align: center;
    letter-spacing: 1px
}

.encyclopediaMenu ul.sideMenu li.open ul {
    display: block
}

.encyclopediaMenu ul.sideMenu li a {
    color: #DFDFDF;
    display: block
}

.encyclopediaMenu ul.sideMenu li a:visited {
    color: #DFDFDF
}

.encyclopediaMenu ul.sideMenu li a:hover {
    color: #fff
}

.encyclopediaMenu ul.sideMenu li a.main {
    background: #013242;
    border-bottom: 1px solid #11637E
}

.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-down,
.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-up {
    font-size: 1.125em;
    padding: 20px 5px;
    display: inline-block;
    width: 100%;
    letter-spacing: 3px
}

.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-down:before,
.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-up:before {
    display: none
}

.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-down:after,
.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-up:after {
    position: relative;
    top: 3px;
    display: inline-block;
    font-size: 1.3em;
    margin-left: 3px;
    color: #aaa
}

.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-up:after {
    font-family: sinyi;
    content: 'w'
}

.encyclopediaMenu ul.sideMenu li a .sinyi-ios-arrow-down:after {
    font-family: sinyi;
    content: 'x'
}

.encyclopediaMenu ul.sideMenu li ul {
    display: none;
    padding: 12px 0
}

.encyclopediaMenu ul.sideMenu li ul li {
    text-align: left;
    font-size: 1em
}

.encyclopediaMenu ul.sideMenu li ul li.select {
    background: #005A77
}

.encyclopediaMenu ul.sideMenu li ul li a {
    display: block;
    padding: 8px 25px
}

.keywordSearchMainContent {
    text-align: left
}

.keywordSearchMainContent h1 {
    font-size: 1.8em;
    font-weight: 500;
    color: #035B5C;
    letter-spacing: 2.5px;
    margin: 30px 0 25px
}

.keywordSearchMainContent ul.keywordSearchTap {
    border-bottom: 2px solid #ccc
}

.keywordSearchMainContent ul.keywordSearchTap li {
    display: inline-block;
    padding: 0 60px;
    margin: 0 0 -2px -4px;
    border-bottom: 2px solid #ccc;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center
}

.keywordSearchMainContent ul.keywordSearchTap li a:hover .sinyi-caret-up,
.keywordSearchMainContent ul.keywordSearchTap li:hover .sinyi-caret-up,
.keywordSearchMainContent ul.keywordSearchTap li:hover .tabContent {
    display: block
}

.keywordSearchMainContent ul.keywordSearchTap li.select,
.keywordSearchMainContent ul.keywordSearchTap li:hover {
    border-bottom: 2px solid #007e6e
}

.keywordSearchMainContent ul.keywordSearchTap li h2 {
    font-weight: 500
}

.keywordSearchMainContent ul.keywordSearchTap li.select a,
.keywordSearchMainContent ul.keywordSearchTap li.select a:hover,
.keywordSearchMainContent ul.keywordSearchTap li.select a:visited {
    color: #007e6e
}

.keywordSearchMainContent ul.keywordSearchTap li a {
    position: relative;
    z-index: 11;
    display: block;
    color: #666;
    height: 20px;
    padding-bottom: 15px;
    cursor: pointer
}

.keywordSearchMainContent ul.keywordSearchTap li a:visited {
    color: #666
}

.keywordSearchMainContent ul.keywordSearchTap li a:hover {
    color: #007e6e
}

.keywordSearchMainContent ul.keywordSearchTap li a span {
    position: relative;
    top: -12px;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-right: -20px;
    color: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #F87948;
    display: inline-block;
    font-size: 12px
}

.keywordSearchMainContent ul.keywordSearchTap li a span.hidden {
    display: none
}

.keywordSearchMainContent ul.keywordSearchTap li .sinyi-caret-up {
    display: none;
    position: relative;
    left: 50%;
    bottom: -6px;
    margin-left: -12.5px;
    z-index: 10;
    background: 0 0;
    width: 25px;
    height: 0;
    float: left;
    color: rgba(0, 0, 0, .9)
}

.keywordSearchMainContent ul.keywordSearchTap li .sinyi-caret-up:before {
    font-size: 25px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 200px;
    padding: 25px 50px;
    font-size: 16px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent:before {
    position: absolute;
    z-index: 5;
    top: 60px;
    left: 0;
    right: 0;
    content: ' .';
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .leftLink {
    position: relative;
    top: 60px;
    z-index: 10;
    width: 250px;
    min-height: 288px;
    float: left;
    border-right: 1px solid #777;
    text-align: left;
    color: #aaa
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .leftLink .linkGroup {
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    width: 75px;
    display: inline-block
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .leftLink .linkGroup a {
    display: block;
    padding: 0;
    color: #ccc
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .leftLink .linkGroup a:visited {
    color: #ccc
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .leftLink .linkGroup a:hover {
    color: #00BF4C
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews {
    position: relative;
    top: 60px;
    z-index: 10;
    text-align: left;
    margin-left: 300px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews h1 {
    color: #00BF4C;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1em
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul {
    color: #F0F0F0;
    font-size: 14px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li {
    width: 100%;
    border-bottom: 1px solid #777;
    padding: 10px 0;
    margin: 0
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li:last-child {
    border-bottom: 0 solid #777
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li p time {
    font-family: Areal;
    line-height: 1.2em;
    letter-spacing: 1px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li p span {
    color: #9C9C9C;
    font-size: 14px;
    margin-left: 10px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li a {
    padding: 0;
    color: #F0F0F0;
    height: auto;
    cursor: pointer;
    font-size: 1.125em;
    line-height: 1.4em;
    letter-spacing: 2px
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li a:visited {
    color: #F0F0F0
}

.keywordSearchMainContent ul.keywordSearchTap li .tabContent .rightNewNews ul li a:hover {
    color: #00BF4C
}

.keywordSearchMainContent ul.keywordSinyipediaList li {
    padding: 40px 0;
    border-bottom: 1px solid #ccc
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 {
    letter-spacing: 1px;
    font-size: 1.25em;
    font-weight: 500
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a {
    color: #008a49;
    padding-right: 25px
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a:visited span:before {
    color: #007e6e
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a span {
    position: relative;
    top: -2px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding-right: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 15px;
    border: 2px solid #007e6e;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #007e6e;
    opacity: .7;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75)
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 a span:before {
    position: relative;
    left: 2px;
    line-height: 18px;
    color: #007e6e
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink {
    font-size: .9em;
    font-weight: 400;
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink+a {
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink:after {
    content: "╱"
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink a {
    color: #008a49;
    padding-right: 5px
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordSinyipediaList li h3 span.typeLink a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.tagArea {
    display: inline-block;
    font-size: 14px
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.tagArea span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 0 1px 12px
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.tagArea span.tag:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '|';
    text-align: center;
    color: #005a77
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord {
    position: relative;
    left: -2px;
    margin-top: 8px;
    padding: 5px 5px 5px 15px;
    display: inline-block;
    color: #007E6E;
    font-size: 14px
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord:before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '|';
    text-align: center;
    color: #005a77
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span {
    position: relative;
    display: inline-block
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span a:visited {
    color: #FFF
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span a:hover {
    color: #17f300
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag:nth-child(2) {
    margin-right: 18px
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag a:visited {
    color: #005a77
}

.keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord span.tag a:hover {
    color: #007E6E
}

.keywordSearchMainContent ul.keywordSinyipediaList li p {
    font-size: 1em;
    letter-spacing: 1px;
    color: #6F6F6F;
    margin-top: 10px
}

.keywordSearchMainContent ul.keywordSinyipediaList li p a,
.keywordSearchMainContent ul.keywordSinyipediaList li p a:visited {
    color: #6F6F6F
}

.keywordSearchMainContent ul.keywordSinyipediaList li p a:hover {
    color: #009650
}

.keywordSearchMainContent ul.keywordNewsList li {
    padding: 40px 0;
    border-bottom: 1px solid #ccc
}

.keywordSearchMainContent ul.keywordNewsList li h3 {
    letter-spacing: 1px;
    font-size: 1.25em;
    font-weight: 500
}

.keywordSearchMainContent ul.keywordNewsList li h3 a {
    color: #008a49;
    padding-right: 25px
}

.keywordSearchMainContent ul.keywordNewsList li h3 a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordNewsList li h3 a:visited span:before {
    color: #007e6e
}

.keywordSearchMainContent ul.keywordNewsList li h3 a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordNewsList li h3 a span {
    position: relative;
    top: -2px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding-right: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 15px;
    border: 2px solid #007e6e;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #007e6e;
    opacity: .7;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75)
}

.keywordSearchMainContent ul.keywordNewsList li h3 a span:before {
    position: relative;
    left: 2px;
    line-height: 18px;
    color: #007e6e
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink {
    font-size: .9em;
    font-weight: 400;
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink+a {
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink:after {
    content: "╱"
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink a {
    color: #008a49;
    padding-right: 5px
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordNewsList li h3 span.typeLink a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea {
    display: inline-block;
    font-size: .9em;
    color: #7c7c7c
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea span {
    position: relative;
    padding-right: 12px;
    margin-right: 8px
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea span:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '|';
    color: #7c7c7c
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea span.sinyi-eye {
    margin-right: 10px
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea span.sinyi-eye:before {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.keywordSearchMainContent ul.keywordNewsList li section.sourceArea span.sinyi-eye:after {
    content: none
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord {
    display: inline-block;
    padding: 5px;
    color: #007E6E;
    font-size: 14px
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span {
    position: relative;
    display: inline-block
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span a:visited {
    color: #FFF
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span a:hover {
    color: #17f300
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag:nth-child(2) {
    margin-right: 18px
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag a:visited {
    color: #005a77
}

.keywordSearchMainContent ul.keywordNewsList li section.keyWord span.tag a:hover {
    color: #007E6E
}

.keywordSearchMainContent ul.keywordNewsList li p {
    font-size: 1em;
    letter-spacing: 1px;
    color: #6F6F6F;
    margin-top: 10px
}

.keywordSearchMainContent ul.keywordNewsList li p a,
.keywordSearchMainContent ul.keywordNewsList li p a:visited {
    color: #6F6F6F
}

.keywordSearchMainContent ul.keywordNewsList li p a:hover {
    color: #009650
}

.keywordSearchMainContent ul.keywordVideoList li {
    position: relative;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
    min-height: 170px
}

.keywordSearchMainContent ul.keywordVideoList li figure {
    position: absolute;
    left: 0;
    top: 40px;
    width: 290px;
    height: 160px;
    overflow: hidden
}

.keywordSearchMainContent ul.keywordVideoList li figure a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.keywordSearchMainContent ul.keywordVideoList li figure a:before {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    font-family: sinyi;
    content: "v";
    width: 40px;
    height: 26px;
    margin-left: -20px;
    margin-top: -13px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    line-height: 26px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, .7)
}

.keywordSearchMainContent ul.keywordVideoList li figure a:hover:before {
    background: #cc181e
}

.keywordSearchMainContent ul.keywordVideoList li figure a img {
    position: relative;
    z-index: 3;
    top: -32px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent {
    margin-left: 310px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 {
    letter-spacing: 1px;
    font-size: 1.25em;
    font-weight: 500
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a {
    color: #008a49;
    padding-right: 25px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a:visited span:before {
    color: #007e6e
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a span {
    position: relative;
    top: -2px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding-right: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 15px;
    border: 2px solid #007e6e;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #007e6e;
    opacity: .7;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75)
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 a span:before {
    position: relative;
    left: 2px;
    line-height: 18px;
    color: #007e6e
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink {
    font-size: .9em;
    font-weight: 400;
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink+a {
    margin: 0 2px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink:after {
    content: "╱"
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink a {
    color: #008a49;
    padding-right: 5px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink a:visited {
    color: #008a49
}

.keywordSearchMainContent ul.keywordVideoList li .vContent h3 span.typeLink a:hover {
    color: #333
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.sourceArea {
    display: inline-block;
    font-size: .9em;
    color: #7c7c7c
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.sourceArea span {
    position: relative;
    padding-right: 8px;
    margin-right: 5px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.sourceArea span:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '|';
    color: #7c7c7c
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.sourceArea span:last-child {
    margin-right: 10px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.sourceArea span:last-child:after {
    content: none
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord {
    display: inline-block;
    padding: 5px;
    color: #007E6E;
    font-size: 14px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span {
    position: relative;
    display: inline-block
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF;
    cursor: pointer
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span a:visited {
    color: #FFF
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span a:hover {
    color: #17f300
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag:nth-child(2) {
    margin-right: 18px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag a:visited {
    color: #005a77
}

.keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord span.tag a:hover {
    color: #007E6E
}

.keywordSearchMainContent ul.keywordVideoList li .vContent p {
    font-size: 1em;
    letter-spacing: 1px;
    color: #6F6F6F;
    margin-top: 10px
}

.keywordSearchMainContent ul.keywordVideoList li .vContent p a,
.keywordSearchMainContent ul.keywordVideoList li .vContent p a:visited {
    color: #6F6F6F
}

.keywordSearchMainContent ul.keywordVideoList li .vContent p a:hover {
    color: #009650
}

.keywordSearchMainContent .keywordSearchPage ul {
    text-align: center;
    margin: 20px 0 10px
}

.keywordSearchMainContent .keywordSearchPage ul li {
    display: inline-block;
    font-size: 1em
}

.keywordSearchMainContent .keywordSearchPage ul li a {
    color: #626262;
    font-family: Arial;
    padding: 0 1px;
    cursor: pointer
}

.keywordSearchMainContent .keywordSearchPage ul li a:visited {
    color: #626262
}

.keywordSearchMainContent .keywordSearchPage ul li a.select,
.keywordSearchMainContent .keywordSearchPage ul li a:hover {
    color: #009650;
    text-decoration: underline
}

.keywordSearchMainContent .keywordSearchPage ul li a.next,
.keywordSearchMainContent .keywordSearchPage ul li a.prev {
    text-decoration: none
}

.keywordSearchMainContent .keywordSearchPage ul li a.prev:before {
    content: '<'
}

.keywordSearchMainContent .keywordSearchPage ul li a.next:before {
    content: '>'
}

.encyclopediaContent {
    width: 78%;
    margin-left: -2px;
    margin-right: -2px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    background: #FFF
}

.encyclopediaContent h1 {
    background: #005A77;
    color: #FFF;
    padding: 20px 10px;
    text-align: center;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 2px
}

.encyclopediaContent h1 span {
    font-size: 16px
}

.encyclopediaContent h1 span:after {
    content: '/';
    margin: 0 5px
}

.encyclopediaContent ul.encyclopediaContentList {
    padding: 70px 50px
}

.encyclopediaContent ul.encyclopediaContentList li {
    display: inline-block;
    width: 45%;
    margin: 0 0 40px;
    padding: 0 2%
}

.encyclopediaContent ul.encyclopediaContentList li:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.encyclopediaContent ul.encyclopediaContentList li h3 {
    padding: 5px;
    margin-bottom: 8px;
    border-bottom: 1px solid #AFAFAF;
    letter-spacing: 1px;
    font-size: 18px
}

.encyclopediaContent ul.encyclopediaContentList li h3 a {
    color: #6F6F6F;
    padding-right: 10px;
    display: block
}

.encyclopediaContent ul.encyclopediaContentList li h3 a:visited {
    color: #6F6F6F
}

.encyclopediaContent ul.encyclopediaContentList li h3 a:visited span:before {
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaContentList li h3 a:hover {
    color: #009650
}

.encyclopediaContent ul.encyclopediaContentList li h3 a span {
    position: relative;
    top: 3px;
    display: inline-block;
    float: right;
    text-align: center;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 2px solid #007e6e;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #007e6e;
    opacity: .7;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.encyclopediaContent ul.encyclopediaContentList li h3 a span:before {
    position: relative;
    left: 1px;
    line-height: 18px;
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea {
    position: relative;
    margin-left: 5px;
    margin-right: -12px;
    padding: 5px;
    color: #007E6E;
    display: inline-block;
    font-size: 14px
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span {
    position: relative;
    display: inline-block
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span:first-child:before {
    position: absolute;
    top: 0;
    left: -6px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span a:visited {
    color: #FFF
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span a:hover {
    color: #17f300
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag:nth-child(2) {
    margin-right: 18px
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag a:visited {
    color: #005a77
}

.encyclopediaContent ul.encyclopediaContentList li section.sourceArea span.tag a:hover {
    color: #007E6E
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord {
    position: relative;
    display: inline-block;
    padding: 5px;
    color: #007E6E;
    font-size: 14px
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span {
    position: relative;
    display: inline-block;
    margin-bottom: 7px
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span a:visited {
    color: #FFF
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span a:hover {
    color: #17f300
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag:nth-child(2) {
    margin-right: 18px
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag a:visited {
    color: #005a77
}

.encyclopediaContent ul.encyclopediaContentList li section.keyWord span.tag a:hover {
    color: #007E6E
}

.encyclopediaContent ul.encyclopediaContentList li p {
    padding: 5px;
    font-size: 1em;
    letter-spacing: 1px;
    min-height: 72px
}

.encyclopediaContent ul.encyclopediaContentList li p a,
.encyclopediaContent ul.encyclopediaContentList li p a:visited {
    color: #6F6F6F
}

.encyclopediaContent ul.encyclopediaContentList li p a:hover {
    color: #009650
}

.encyclopediaContent .encyclopediaSearchBox {
    padding: 70px 85px
}

.encyclopediaContent ul.encyclopediaSearchTap li {
    display: inline-block;
    width: 25%;
    margin: 0 0 20px -4px;
    border-bottom: 2px solid #A3A3A3;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center
}

.encyclopediaContent ul.encyclopediaSearchTap li a:hover .sinyi-caret-up,
.encyclopediaContent ul.encyclopediaSearchTap li:hover .sinyi-caret-up,
.encyclopediaContent ul.encyclopediaSearchTap li:hover .tabContent {
    display: block
}

.encyclopediaContent ul.encyclopediaSearchTap li.select,
.encyclopediaContent ul.encyclopediaSearchTap li:hover {
    border-bottom: 2px solid #007e6e
}

.encyclopediaContent ul.encyclopediaSearchTap li.select a,
.encyclopediaContent ul.encyclopediaSearchTap li.select a:hover,
.encyclopediaContent ul.encyclopediaSearchTap li.select a:visited {
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaSearchTap li a {
    position: relative;
    z-index: 11;
    display: block;
    color: #666;
    height: 20px;
    padding-bottom: 15px;
    cursor: pointer
}

.encyclopediaContent ul.encyclopediaSearchTap li a:visited {
    color: #666
}

.encyclopediaContent ul.encyclopediaSearchTap li a:hover {
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaSearchTap li a span {
    position: relative;
    top: -12px;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-right: -20px;
    color: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #F87948;
    display: inline-block;
    font-size: 12px
}

.encyclopediaContent ul.encyclopediaSearchTap li a span.hidden {
    display: none
}

.encyclopediaContent ul.encyclopediaSearchTap li .sinyi-caret-up {
    display: none;
    position: relative;
    left: 50%;
    bottom: -6px;
    margin-left: -12.5px;
    z-index: 10;
    background: 0 0;
    width: 25px;
    height: 0;
    float: left;
    color: rgba(0, 0, 0, .9)
}

.encyclopediaContent ul.encyclopediaSearchTap li .sinyi-caret-up:before {
    font-size: 25px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 200px;
    padding: 25px 50px;
    font-size: 16px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent:before {
    position: absolute;
    z-index: 5;
    top: 60px;
    left: 0;
    right: 0;
    content: ' .';
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .leftLink {
    position: relative;
    top: 60px;
    z-index: 10;
    width: 250px;
    min-height: 288px;
    float: left;
    border-right: 1px solid #777;
    text-align: left;
    color: #aaa
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .leftLink .linkGroup {
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    width: 75px;
    display: inline-block
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .leftLink .linkGroup a {
    display: block;
    padding: 0;
    color: #ccc
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .leftLink .linkGroup a:visited {
    color: #ccc
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .leftLink .linkGroup a:hover {
    color: #00BF4C
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews {
    position: relative;
    top: 60px;
    z-index: 10;
    text-align: left;
    margin-left: 300px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews h1 {
    color: #00BF4C;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1em
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul {
    color: #F0F0F0;
    font-size: 14px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li {
    width: 100%;
    border-bottom: 1px solid #777;
    padding: 10px 0;
    margin: 0
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li:last-child {
    border-bottom: 0 solid #777
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li p time {
    font-family: Areal;
    line-height: 1.2em;
    letter-spacing: 1px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li p span {
    color: #9C9C9C;
    font-size: 14px;
    margin-left: 10px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li a {
    padding: 0;
    color: #F0F0F0;
    height: auto;
    cursor: pointer;
    font-size: 1.125em;
    line-height: 1.4em;
    letter-spacing: 2px
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li a:visited {
    color: #F0F0F0
}

.encyclopediaContent ul.encyclopediaSearchTap li .tabContent .rightNewNews ul li a:hover {
    color: #00BF4C
}

.encyclopediaContent p.searchNote {
    font-size: 1em;
    color: #7E7E7E;
    margin-bottom: 40px
}

.encyclopediaContent .encyclopediaTapContent {
    position: relative;
    min-height: 375px
}

.encyclopediaContent .encyclopediaTapContent .loading {
    position: absolute;
    text-align: center;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

.encyclopediaContent .encyclopediaTapContent .loading img {
    width: 400px
}

.encyclopediaContent ul.encyclopediaSearchList {
    position: relative;
    z-index: 3
}

.encyclopediaContent ul.encyclopediaSearchList li {
    margin: 10px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

.encyclopediaContent ul.encyclopediaSearchList li h3 {
    letter-spacing: 1px
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a {
    color: #6F6F6F;
    padding-right: 25px
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a:visited {
    color: #6F6F6F
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a:visited span:before {
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a:hover {
    color: #009650
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a span {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding-right: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 15px;
    border: 2px solid #007e6e;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #007e6e;
    opacity: .7;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75)
}

.encyclopediaContent ul.encyclopediaSearchList li h3 a span:before {
    position: relative;
    left: 2px;
    line-height: 18px;
    color: #007e6e
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink {
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink+a {
    margin-left: 5px
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink:after {
    content: "╱"
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink a {
    color: #474747;
    padding-right: 0
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink a:visited {
    color: #474747
}

.encyclopediaContent ul.encyclopediaSearchList li h3 span.typeLink a:hover {
    color: #009650
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea {
    position: relative;
    margin-left: 5px;
    margin-right: -12px;
    padding: 5px;
    color: #007E6E;
    display: inline-block;
    font-size: 14px
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span {
    position: relative;
    display: inline-block
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span:first-child:before {
    position: absolute;
    top: 0;
    left: -6px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span a:visited {
    color: #FFF
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span a:hover {
    color: #17f300
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag:nth-child(2) {
    margin-right: 18px
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag a:visited {
    color: #005a77
}

.encyclopediaContent ul.encyclopediaSearchList li section.sourceArea span.tag a:hover {
    color: #007E6E
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord {
    position: relative;
    display: inline-block;
    padding: 5px;
    color: #007E6E;
    font-size: 14px
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span {
    position: relative;
    display: inline-block;
    margin-bottom: 7px
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span a {
    width: auto;
    height: auto;
    display: inline-block;
    background: #007E6E;
    padding: 0 10px;
    line-height: 1.8em;
    margin-right: 7px;
    color: #FFF
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span a:visited {
    color: #FFF
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span a:hover {
    color: #17f300
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag {
    position: relative;
    background: 0 0;
    color: #005a77;
    margin-right: 12px;
    text-align: center;
    line-height: 20px;
    padding: 0 7px 1px
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag:nth-child(2) {
    margin-right: 18px
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag:after {
    position: absolute;
    top: 0;
    right: -8px;
    content: '|';
    color: #005a77
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag a {
    color: #005a77;
    display: block;
    padding: 0 5px 1px;
    background: 0 0
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag a:visited {
    color: #005a77
}

.encyclopediaContent ul.encyclopediaSearchList li section.keyWord span.tag a:hover {
    color: #007E6E
}

.encyclopediaContent ul.encyclopediaSearchList li p {
    font-size: 1em;
    letter-spacing: 1px
}

.encyclopediaContent ul.encyclopediaSearchList li p a,
.encyclopediaContent ul.encyclopediaSearchList li p a:visited {
    color: #6F6F6F
}

.encyclopediaContent ul.encyclopediaSearchList li p a:hover {
    color: #009650
}

.encyclopediaContent .encyclopediaPage ul {
    text-align: center;
    margin: 40px 0 40px
}

.encyclopediaContent .encyclopediaPage ul li {
    display: inline-block;
    font-size: 1em
}

.encyclopediaContent .encyclopediaPage ul li a {
    color: #626262;
    font-family: Arial;
    padding: 0 1px;
    cursor: pointer
}

.encyclopediaContent .encyclopediaPage ul li a:visited {
    color: #626262
}

.encyclopediaContent .encyclopediaPage ul li a.select,
.encyclopediaContent .encyclopediaPage ul li a:hover {
    color: #009650;
    text-decoration: underline
}

.encyclopediaContent .encyclopediaPage ul li a.next,
.encyclopediaContent .encyclopediaPage ul li a.prev {
    text-decoration: none
}

.encyclopediaContent .encyclopediaPage ul li a.prev:before {
    content: '<'
}

.encyclopediaContent .encyclopediaPage ul li a.next:before {
    content: '>'
}

.encyclopediaQA {
    margin-top: 20px;
    padding-top: 20px
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist {
    vertical-align: top
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li {
    position: relative;
    padding: 20px 0 0;
    color: #333;
    vertical-align: top;
    border-top: 1px solid #ccc
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li h2 {
    position: relative;
    margin: 0 0 20px;
    padding: 0 40px 0 50px;
    display: block;
    text-align: left;
    vertical-align: top;
    font-weight: 500
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li h2:hover {
    cursor: pointer
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li h2 mark {
    position: absolute;
    top: -1px;
    left: 0;
    border-top: 0
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li h2 span {
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    font-size: 30px;
    color: #098d4e
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li .qaContent {
    position: relative;
    background: #e1e1e1;
    padding: 40px;
    display: none
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li .qaContent p {
    margin: 0
}

.detailArea .detailArticle .encyclopediaQA ol.encyclopediaQAlist li .qaContent p+p {
    margin-top: 20px
}

.detailCalculator {
    min-height: 500px
}

.detailCalculator .calculatorGroup {
    position: relative;
    text-align: left;
    vertical-align: top
}

.detailCalculator .calculatorGroup+.encyclopediaExtend {
    padding: 75px 0 40px
}

.detailCalculator .calculatorGroup h1 {
    color: #14776F;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-top: 35px;
    margin-bottom: 15px
}

.detailCalculator .calculatorGroup h1:before {
    position: relative;
    top: 10px;
    font-size: 2.2em;
    margin-right: 10px
}

.detailCalculator .calculatorGroup h1.sinyi-sinyi-capable:before {
    top: 17px;
    font-size: 2.8em
}

.detailCalculator .calculatorGroup p {
    color: #666;
    font-size: 1em;
    max-width: 635px
}

.detailCalculator .calculatorGroup p.qWord {
    color: #666;
    margin-top: 40px
}

.detailCalculator .calculatorGroup p.qWord span {
    color: #003E5E;
    margin-left: 5px
}

.detailCalculator .calculatorGroup .countArea {
    display: inline-block;
    width: 60%;
    vertical-align: top;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.detailCalculator .calculatorGroup .countArea span.sinyi-sinyi-banksearch:before {
    position: relative;
    top: 14px;
    font-size: 40px;
    margin-right: 10px;
    display: inline-block;
    color: #14776f
}

.detailCalculator .calculatorGroup .countArea a {
    display: inline-block;
    color: #14776f;
    text-decoration: underline;
    margin-right: 35px
}

.detailCalculator .calculatorGroup .countArea a:visited {
    color: #14776f
}

.detailCalculator .calculatorGroup .countArea a:hover {
    color: #333
}

.detailCalculator .calculatorGroup .countArea input[type=submit],
.detailCalculator .calculatorGroup .countArea input[type=button] {
    background: #14776F;
    border: none;
    display: inline-block;
    padding: 15px 55px;
    height: 50px;
    color: #FFF;
    font-size: 1em;
    margin: 35px 35px 35px 0
}

.detailCalculator .calculatorGroup .countArea input[type=submit]:hover,
.detailCalculator .calculatorGroup .countArea input[type=button]:hover {
    cursor: pointer;
    background: #666
}

.detailCalculator .calculatorGroup .countArea .countItem {
    margin-top: 40px;
    text-align: right
}

.detailCalculator .calculatorGroup .countArea .countItem p {
    position: relative;
    z-index: 5;
    width: 300px;
    float: left;
    color: #666;
    text-align: left
}

.detailCalculator .calculatorGroup .countArea .countItem p span {
    display: inline-block
}

.detailCalculator .calculatorGroup .countArea .countItem p span:first-child {
    width: 105px
}

.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup {
    position: relative;
    z-index: 3;
    top: -5px;
    text-align: left;
    color: #666;
    margin-left: -4px;
    height: 50px
}

.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup span {
    position: relative;
    top: 5px;
    margin: 0 15px
}

.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target {
    display: inline-block;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 3px;
    width: 170px;
    background: #A8A8A8;
    -webkit-border-radius: 0;
    border-radius: 0
}

.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target .noUi-base .noUi-origin .noUi-handle {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    background: #14776F;
    left: -7px
}

.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target .noUi-base .noUi-origin .noUi-handle:after,
.detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target .noUi-base .noUi-origin .noUi-handle:before {
    display: none
}

.detailCalculator .calculatorGroup .countArea .countItem input[type=text] {
    width: 105px;
    border: 1px solid #666;
    background: 0 0;
    padding: 5px;
    text-align: right;
    margin-right: 10px
}

.detailCalculator .calculatorGroup .countArea .countPlanning {
    margin-top: 30px;
    color: #666;
    text-align: right
}

.detailCalculator .calculatorGroup .countArea .countPlanning p {
    text-align: left
}

.detailCalculator .calculatorGroup .countArea .countPlanning input[type=text] {
    width: 78px;
    border: 1px solid #666;
    background: 0 0;
    padding: 5px;
    text-align: right;
    margin: 0 10px 20px
}

#countSum {
    width: 78px;
    border: 1px solid #efefef;
    background: 0 0;
    padding: 5px;
    text-align: right;
    margin: 0 10px 20px;
    -webkit-text-fill-color: rgb(76, 76, 76);
    -webkit-opacity: 1;
    color: rgba(76, 76, 76, 1);
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0px;
    border-bottom: 0.05em solid #666666;
}

.detailCalculator .calculatorGroup .resultArea {
    position: absolute;
    bottom: 0;
    width: 40%;
    height: 65%;
    display: inline-block;
    text-align: center;
    margin-left: -6px;
    border-bottom: 1px solid #d2d2d2
}

.bankArea {
    padding-bottom: 100px;
    font-size: 16px;
    text-align: left
}

.bankArea .moreBank {
    margin-top: 75px;
    margin-bottom: 50px
}

.bankArea .moreBank h1 {
    position: relative;
    top: 6px;
    border: none;
    display: inline-block;
    color: #14776f;
    letter-spacing: 2px;
    font-size: 1.25em;
    font-weight: 500
}

.bankArea .moreBank ul.moreBankList {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    padding-left: 10px
}

.bankArea .moreBank ul.moreBankList li {
    display: inline-block
}

.bankArea .moreBank ul.moreBankList li a {
    display: inline-block;
    padding: 10px 15px 0;
    color: #575757
}

.bankArea .moreBank ul.moreBankList li a span {
    display: inline-block;
    background: #666;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.bankArea .moreBank ul.moreBankList li a span:before {
    position: relative;
    top: 1px;
    left: 1px
}

.bankArea .moreBank ul.moreBankList li a:visited {
    color: #575757
}

.bankArea .moreBank ul.moreBankList li a:hover {
    color: #009650
}

.bankArea .moreBank ul.moreBankList li:before,
.bankArea .moreBank ul.moreBankList li:last-child:after {
    content: "|";
    font-size: 12px;
    color: #999
}

.bankArea figure {
    margin: 0;
    padding: 0
}

.bankArea div {
    position: relative;
    width: 1210px;
    margin: 0 auto
}

.bankArea img {
    max-width: 100%
}

.bankArea .bankList {
    text-align: left;
    margin-left: -80px;
    margin-right: -80px
}

.bankArea .bankList a {
    width: 175px;
    height: 45px;
    margin: 0 0 0 80px
}

.bankArea .bankList a img {
    max-width: 100%;
    border: 1px solid #e5e5e5
}

.calculatorMenuArea {
    margin: 40px 0
}

.calculatorMenuList h2 {
    font-size: 20px;
    padding: 15px;
    font-weight: 400;
    background: #00954f;
    color: #fff
}

.calculatorMenuList ul li {
    position: relative;
    background: #e5e5e5;
    border-bottom: 1px solid #fff;
    font-size: 18px
}

.calculatorMenuList ul li a {
    position: relative;
    display: block;
    color: #4b4b4b;
    line-height: 1.4em;
    padding: 15px 40px 25px 10px
}

.calculatorMenuList ul li a:before {
    position: relative;
    display: inline-block;
    left: 0;
    top: 8px;
    font-size: 2em;
    color: #14776f;
    margin-right: 10px
}

.calculatorMenuList ul li a span.sinyi-ios-arrow-right {
    position: absolute;
    top: 40%;
    right: 15px;
    width: 22px;
    height: 22px;
    opacity: .7;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.calculatorMenuList ul li a span.sinyi-ios-arrow-right:before {
    display: block;
    width: 99%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    color: #333;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #4b4b4b
}

.calculatorMenuList ul li a:visited {
    color: #4b4b4b
}

.calculatorMenuList ul li a:hover {
    color: #009650
}

.calculatorMenuWordList h2 {
    font-size: 20px;
    padding: 20px;
    font-weight: 400;
    background: #00954f;
    color: #fff
}

.calculatorMenuWordList ul li {
    position: relative;
    background: #e5e5e5;
    border-bottom: 1px solid #fff;
    font-size: 18px
}

.calculatorMenuWordList ul li a {
    position: relative;
    display: inline-block;
    color: #4b4b4b;
    line-height: 1.4em;
    padding: 25px 10px
}

.calculatorMenuWordList ul li a span.sinyi-ios-arrow-right {
    display: inline-block;
    margin-left: 30px;
    width: 22px;
    height: 22px;
    opacity: .7;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.calculatorMenuWordList ul li a span.sinyi-ios-arrow-right:before {
    display: block;
    width: 99%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    color: #333;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #4b4b4b
}

.calculatorMenuWordList ul li a:visited {
    color: #4b4b4b
}

.calculatorMenuWordList ul li a:hover {
    color: #009650
}

.detailArea .mortgagesArea .mortgagesText{
    color: #14776f;
    font-weight: bold;
    font-size: 22px;
}

.detailArea .mortgagesArea .mortgagesLine1{
    margin-top: 20px;
}

.detailArea .mortgagesArea .mortgagesLine2{
    margin-bottom: 20px;
}

.detailArea .mortgagesArea .mortgagesImg{
    margin-bottom: 20px;
}

.detailArea .mortgagesArea {
    border-bottom: 1px solid #d2d2d2;
}

.newsPoint table.sec tr td{
    padding: 0px;
}

.newsPoint table.sec{
    table-layout: fixed;
    width: 280px
}

.newsPoint table.sec tr td:nth-child(odd){
    width: 40px;
}
@media (min-width:1200px) and (max-width:1280px) {
    .detailArea,
    .expertArea .expertBox {
        width: auto
    }
    .videoContent .videoSlide .arrowControl ul.arrowArea {
        top: 110px
    }
    .expertArea .expertBox .expertContent .arrowControl ul.arrowArea {
        width: 135%;
        margin-left: 5%
    }
    .detailCalculator,
    .encyclopediaExtend,
    .encyclopediaInside,
    .hotEncyclopedia ul.issueList,
    .insideContent,
    .keywordSearchMainContent,
    .mainNewVideo,
    .videoContent,
    .videoTopic div {
        width: auto;
        margin: 0 50px
    }
    .detailArea .detailArticle .loanMainContent+.encyclopediaExtend {
        margin: 0 auto
    }
    .mainEncyclopedia {
        width: auto;
        margin: 0 50px 50px
    }
    .encyclopediaSearch {
        width: auto;
        margin: 0 50px 60px
    }
    .encyclopediaSearch ul.blurList {
        bottom: 5px
    }
    section.newsAreaEveryday ul.newsListEveryday li {
        height: 510px
    }
    .mainEncyclopedia .fastLickArea a {
        height: 180px
    }
    h1.encyclopediaTitle {
        width: auto;
        margin: 20px 50px 40px;
    }
    .fixedBox,
    ul.videoList li figure a img {
        width: 100%
    }
    ul.videoList li figure {
        height: 160px
    }
    .fixedBox {
        right: 50px
    }
    .detailArea .detailArticle {
        margin-right: 390px
    }
    .detailArea .detailArticle .shareArea,
    .detailArea .detailArticle .shareVideoArea {
        left: 0
    }
}

@media (max-width:1330px) and (min-width:1280px) {
    .detailArea .detailArticle .shareArea,
    .detailArea .detailArticle .shareVideoArea {
        left: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target {
        width: 90px;
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled {
        opacity: .4
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled:hover,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled:hover {
        cursor: default
    }
    .detailArea .detailArticle .barClustered .chartBox,
    .detailArea .detailArticle .barClusteredMonthly .chartBox {
        width: 110%;
        margin: 0 auto 0 -5%
    }
    h1.videotitle,
    h1.weektitle {
        width: auto;
        padding-left: 50px
    }
    .mainEncyclopedia {
        width: auto;
        margin: 0 25px 90px
    }
    .mainEncyclopedia .buyerArea,
    .mainEncyclopedia .sellerArea {
        width: 50%
    }
    .mainEncyclopedia .fastLickArea {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .mainEncyclopedia .fastLickArea a {
        display: inline-block;
        width: 50%
    }
    h1.encyclopediaTitle {
        width: auto;
        margin: 20px 25px 25px
    }
    .hotEncyclopedia ul.issueList {
        width: auto;
        margin: 0 25px
    }
    .encyclopediaExtend {
        width: 100%;
        float: left;
        margin: 0 25px
    }
    .encyclopediaExtend+.encyclopediaFastArea {
        margin: 60px 25px 40px;
        float: left
    }
    .encyclopediaSearch {
        width: auto
    }
    .encyclopediaSearch ul.blurList li {
        float: left
    }
    .encyclopediaSearch ul.blurList img.barBG {
        width: auto;
        height: 100%;
        max-width: 300%
    }
    .encyclopediaFastArea {
        width: auto;
        margin: 0 25px;
        text-align: left
    }
    .encyclopediaFastArea .encyclopediaTitle {
        float: left;
        margin: 0 0 25px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink {
        position: relative;
        left: 0;
        width: auto;
        margin-left: 150px;
        margin-bottom: 40px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink li {
        width: auto;
        margin-left: 70px;
        min-height: 60px
    }
    .encyclopediaInside {
        width: auto;
        margin: 0 25px;
        background: 0 0
    }
    .encyclopediaInside .encyclopediaMenu {
        display: block;
        width: auto;
        margin-bottom: 40px
    }
    .encyclopediaInside .encyclopediaMenu ul li ul li {
        text-align: center
    }
    .encyclopediaContent {
        display: block;
        width: auto;
        margin: 0
    }
    .encyclopediaContent .encyclopediaSearchBox,
    .encyclopediaContent ul.encyclopediaContentList {
        padding: 70px 40px
    }
    .encyclopediaContent .encyclopediaSearchBox li,
    .encyclopediaContent ul.encyclopediaContentList li {
        display: block;
        width: auto
    }
    .encyclopediaContent .encyclopediaSearchBox li:nth-child(even),
    .encyclopediaContent ul.encyclopediaContentList li,
    .encyclopediaContent ul.encyclopediaContentList li:nth-child(even) {
        margin-left: 0
    }
    .encyclopediaContent ul.encyclopediaSearchTap li {
        float: left
    }
    .listSection {
        width: auto;
        padding: 10px 0 40px 50px
    }
    .detailArea,
    .insideContent {
        width: auto;
        margin: 0 30px
    }
    .insideContent .newsArticleArea ul.articleList {
        width: auto;
        margin: 0
    }
    .insideContent .newsArticleArea ul.articleList li {
        width: 45%;
        margin: 0 0 30px;
        text-align: left
    }
    .insideContent .newsArticleArea ul.articleList li:nth-child(odd) {
        margin-right: 2%
    }
    .insideContent .newsArticleArea ul.articleList li .paragraphArea {
        height: 320px
    }
    .insideContent .encyclopediaMost,
    .insideContent .encyclopediaNew {
        display: block;
        width: 101.5%
    }
    .mainWeek {
        width: auto;
        height: auto;
        min-width: 100px
    }
    .mainWeek figure {
        width: auto;
        margin: 0
    }
    .mainWeek figure img {
        width: 100%
    }
    .mainWeek .weekContent {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding: 30px
    }
    .mainWeek .weekContent .wordSection .weekKeyword {
        float: none;
        text-align: right
    }
    .mainWeek .weekContent .wordSection .weekKeyword p {
        text-align: right;
        margin-bottom: 20px
    }
    .weekArticle {
        width: auto
    }
    .weekArticle h1 {
        margin: 0 30px 26px
    }
    .weekArticle .weekRecent time span {
        top: 110px
    }
    .weekArticle .weekRecent figure {
        float: none;
        width: auto;
        height: 200px;
        overflow: hidden;
        margin: 0 30px 10px 80px
    }
    .weekArticle .weekRecent figure img {
        width: 100%
    }
    .weekArticle .weekRecent .weekInfoGroup {
        margin: 0 30px 50px 80px
    }
    .mainToday {
        min-width: 100px;
        margin-bottom: 40px
    }
    .mainToday div.mainAllGroup {
        position: relative
    }
    .mainToday div.mainAllGroup section.todayHouse {
        position: relative;
        width: auto;
        float: none;
        background: url(../images/mainArea_bg.jpg) left bottom repeat-x;
        -webkit-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%
    }
    .mainToday div.mainAllGroup section.todayHouse:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .75)
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%;
        float: none
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent {
        margin: 0 auto;
        padding: 55px 0 70px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time {
        top: 8%;
        left: -15%
    }
    .mainToday div.mainAllGroup section.todayNews {
        position: relative;
        float: none;
        width: auto;
        margin-left: 0;
        min-height: 50px
    }
    .mainToday div.mainAllGroup section.todayNews:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle {
        padding: 20px 0 5px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure {
        position: relative;
        top: 47px
    }
    .mainToday div.mainAllGroup section.moreToday {
        position: relative;
        width: auto;
        margin-left: 0;
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox {
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox h1 {
        top: 25px
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox ul {
        padding: 45px 0 30px
    }
    .slideNewsType .typeSlides div:hover a {
        color: #333
    }
    .slideNewsType .typeSlides div:hover a .sinyi-caret-up {
        display: none
    }
    .slideNewsType .tabContent ul li,
    .slideNewsType .typeSlides div.select a .sinyi-caret-up {
        display: block
    }
    .slideNewsType .tabContent {
        z-index: 10
    }
    .slideNewsType .tabContent .leftLink {
        width: auto;
        float: none;
        border: none;
        min-height: 50px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #777
    }
    .slideNewsType .tabContent .leftLink .linkGroup {
        display: block;
        width: 106%;
        margin-left: -3%
    }
    .slideNewsType .tabContent .leftLink .linkGroup span {
        display: inline-block;
        padding: 10px 0;
        width: 12.5%;
        text-align: center
    }
    .slideNewsType .tabContent .rightNewNews {
        margin-left: 0
    }
    section.typeAreaEveryday ul.typeListEveryday li {
        width: 20%;
        display: none
    }
    section.typeAreaEveryday ul.typeListEveryday li.padShow {
        display: inline-block
    }
    section.historyArea {
        width: auto;
        display: none
    }
    section.historyArea h2 {
        margin: 0
    }
    section.historyArea div {
        width: auto;
        display: block
    }
    section.historyArea .lastYear {
        margin-bottom: 50px
    }
    section.historyArea .lastYear a figure {
        height: auto
    }
    section.historyArea .lastWeek {
        padding-left: 0
    }
    section.historyArea .lastWeek ul li {
        padding: 13px 15px 12px
    }
    section.historyArea .lastAD {
        top: 0;
        margin: 55px 0 80px;
        height: auto
    }
    section.historyArea .lastAD figure {
        padding-left: 0
    }
    section.historyArea .lastAD figure img {
        width: 100%;
        height: auto
    }
    section.newsAreaEveryday ul.newsListEveryday li {
        float: left;
        width: calc(50% - 3px)
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time {
        position: relative;
        z-index: 8;
        margin: 5px 18px;
        color: #7c7c7c;
        display: block;
        font-family: Areal;
        letter-spacing: 1px;
        font-size: 14px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time span {
        margin-left: 7px;
        color: #7c7c7c;
        font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 {
        position: relative;
        z-index: 8;
        margin: 0 18px 20px;
        padding: 0;
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 500;
        letter-spacing: 2px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:visited {
        color: #333
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p {
        position: relative;
        z-index: 8;
        margin: 0 18px;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 1.5px;
        color: #909090
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p .source {
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea {
        position: absolute;
        bottom: 20px;
        z-index: 8;
        padding: 0 18px;
        letter-spacing: 1.5px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword {
        width: auto;
        height: auto;
        display: inline-block;
        background: #007E6E;
        padding: 5px 10px;
        margin-right: 7px;
        color: #FFF;
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:visited {
        color: #FFF
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:hover {
        color: #17f300
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure {
        position: relative;
        z-index: 8;
        width: 100%;
        height: 102px;
        overflow: hidden
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure img {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .fixedBox {
        position: relative;
        width: auto;
        margin: 0
    }
    .fixedBox .sideAreaVideo .videoSide {
        display: inline-block;
        vertical-align: top;
        width: 45%
    }
    .fixedBox .sideAreaVideo .videoSide:first-child {
        margin-right: 1.5%
    }
    .fixedBox .sideArea,
    .fixedBox .sideAreaVideo {
        top: 0;
        float: none;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideArea .newClinch,
    .fixedBox .sideArea .relatedPrice,
    .fixedBox .sideAreaVideo .houseMate,
    .fixedBox .sideAreaVideo .newClinch,
    .fixedBox .sideAreaVideo .relatedPrice {
        display: block;
        vertical-align: top;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideAreaVideo .houseMate {
        display: none;
        margin-right: 4%
    }
    .fixedBox .sideArea .houseMate.rwdSingle,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle {
        position: relative;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 70px
    }
    .fixedBox .sideArea .hotCommunity ul li figure a,
    .fixedBox .sideArea .hotCommunity ul li:hover figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li:hover figure a {
        margin-top: 40%
    }
    .fixedBox .sideArea .houseMate.rwdSingle li,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li {
        display: inline-block;
        width: 30%;
        padding: 20px 1%;
        border-top: 0;
        border-left: 1px solid #ccc
    }
    .fixedBox .sideArea .houseMate.rwdSingle li:first-child,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li:first-child {
        border-left: 0 solid #ccc
    }
    .fixedBox .sideArea .houseMate.rwdSingle a.moreMate,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle a.moreMate {
        position: absolute;
        bottom: -50px;
        right: 0
    }
    .fixedBox .sideArea .hotCommunity ul li figure img,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure img {
        width: 100%
    }
    .fixedBox .sideArea .newsPoint,
    .fixedBox .sideAreaVideo .newsPoint {
        padding: 10px 0 15px;
        display: none
    }
    .fixedBox .sideArea .newsPoint h1,
    .fixedBox .sideAreaVideo .newsPoint h1 {
        margin: 0 10px
    }
    .fixedBox .sideArea .asideAd,
    .fixedBox .sideAreaVideo .asideAd {
        display: none;
        margin-bottom: 40px
    }
    .detailArea .detailArticle {
        margin: 0;
        padding: 0
    }
    .detailArea .detailArticle.hadShare {
        margin: 0
    }
    .detailArea .detailArticle .shareArea,
    .detailArea .detailArticle .shareVideoArea {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0 0;
        width: auto;
        height: auto;
        border: 0 solid #959595;
        background: 0 0
    }
    .detailArea .detailArticle .shareArea h6,
    .detailArea .detailArticle .shareVideoArea h6 {
        display: none;
        vertical-align: top;
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 16px
    }
    .detailArea .detailArticle .shareArea a,
    .detailArea .detailArticle .shareVideoArea a {
        display: inline-block
    }
    .detailArea .detailArticle .shareArea a.sinyi-sinyi-fb,
    .detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-fb {
        margin-left: 0
    }
    .detailArea .detailArticle .loan.shareVideoArea,
    .detailArea .detailArticle .shareArea.loan {
        top: 0
    }
    .detailArea .detailArticle .encyclopediaExtend {
        padding: 75px 0
    }
    .detailArea .detailArticle .loanMainContent+.encyclopediaExtend {
        margin: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent,
    .detailArea .detailArticle .loanMainContent,
    .detailArea .detailArticle .newsMainContent {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li {
        width: auto
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p {
        margin-bottom: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .loanMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .newsMainContent .detailInfo .functionArea {
        display: none
    }
    .detailArea .detailArticle .knowledgeBanner+a.back {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl {
        position: relative
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        position: absolute;
        display: block
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        left: 10px;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next {
        right: 10px;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList {
        position: relative;
        width: auto;
        height: 190px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList {
        position: absolute;
        width: 100%;
        padding-bottom: 30px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li {
        width: auto;
        display: block;
        height: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li:last-child,
    .detailArea .detailArticle .houseMate ul li:last-child,
    .detailArea .detailArticle .newClinch ul li:last-child {
        display: none
    }
    .detailArea .detailArticle .hotCommunity ul li {
        width: 50%
    }
    .detailArea .detailArticle .hotCommunity ul li:hover figure a {
        margin-top: 0
    }
    .detailArea .detailArticle .hotCommunity ul li figure img {
        width: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li figure a {
        margin-top: 0;
        bottom: 0;
        top: auto
    }
    .detailArea .detailArticle .houseMate ul {
        padding-left: 4px
    }
    .detailArea .detailArticle .houseMate ul li {
        width: 49.5%;
        margin-left: -4px
    }
    .detailArea .detailArticle .houseMate ul li:first-child {
        margin-right: 1.3%
    }
    .detailArea .detailArticle .houseMate ul li:nth-child(2) {
        position: relative;
        right: -2px
    }
    .detailArea .detailArticle .newClinch ul li {
        width: 49.5%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h1 span {
        width: 120px
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 {
        width: 39%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 {
        width: 24%
    }
    .detailArea .detailArticle .videoMainContent {
        margin: 25px 0 50px
    }
    .detailArea .detailArticle .videoMainContent iframe {
        height: 380px
    }
    .detailArea .detailArticle .shareVideoArea {
        margin: 20px 0 40px
    }
    .detailArea .detailArticle .taiwanHistory+.moreArticle {
        margin-bottom: 80px
    }
    .detailArea .detailArticle .encyclopediaMainContent {
        min-height: auto
    }
    .encyclopediaContent .encyclopediaPage ul li a.prev:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.prev:before {
        display: inline-block;
        content: '上一頁'
    }
    .encyclopediaContent .encyclopediaPage ul li a.next:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.next:before {
        display: inline-block;
        content: '下一頁'
    }
    .weekBannerArea .weekBannerList {
        width: auto;
        margin: 0 35px
    }
    .weekBannerArea .weekBannerList ul.weekListArea li {
        border: none
    }
    .expertArea {
        height: 305px;
        background: url(../images/expert_bg.png) left bottom repeat-x #118963
    }
    .expertArea .expertBox {
        width: auto
    }
    .expertArea .expertBox .schannel {
        left: 30px
    }
    .expertArea .expertBox .schannel h1 {
        position: relative;
        margin-top: -4%;
        margin-left: -8%;
        font-size: 1.3em;
        -ms-transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8)
    }
    .expertArea .expertBox .expertContent {
        width: auto;
        margin: 0 30px;
        padding-top: 60px
    }
    .expertArea .expertBox .expertContent .slideList {
        margin-left: 0
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li {
        width: auto
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h2 {
        font-size: 1.5em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h3 {
        font-size: 15px;
        line-height: 1.4em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li p {
        font-size: 15px
    }
    .expertArea .expertBox .expertContent .arrowControl ul.arrowArea {
        bottom: 20%;
        left: -5%;
        width: 110%
    }
    .mainNewVideo {
        width: auto;
        margin: 0 55px 55px;
        height: auto
    }
    .mainNewVideo iframe {
        position: relative;
        width: 100%;
        height: 350px
    }
    .videoContent,
    .videoTopic div {
        width: auto
    }
    .mainNewVideo .newVinfo {
        margin-left: 0;
        padding: 10px 30px 30px
    }
    .videoContent,
    .videoTopic {
        padding: 0 50px
    }
    .mainNewVideo .newVinfo .vKeyWord {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 25px 0 0
    }
    ul.videoList {
        text-align: center
    }
    ul.videoList li {
        width: 48.5%;
        margin: 0 1% 35px 0;
        text-align: left;
        display: none
    }
    ul.videoList li:nth-child(1),
    ul.videoList li:nth-child(2),
    ul.videoList li:nth-child(3),
    ul.videoList li:nth-child(4) {
        display: inline-block
    }
    .videoSlide ul.videoList li {
        display: block
    }
}

@media (max-width:650px) {
    .detailArea .detailArticle .extendArea figure,
    .detailArea .detailArticle .extendVideoArea figure {
        width: calc(100% - 60px);
        height: auto
    }
    .detailArea .detailArticle .encyclopediaMainContent .newCopyright p,
    .detailArea .detailArticle .loanMainContent .newCopyright p,
    .detailArea .detailArticle .newsMainContent .newCopyright p {
        font-size: 16px
    }

    .detailArea .mortgagesArea .mortgagesLine1{
        display: none;
    }

    .detailArea .mortgagesArea .mortgagesText{
        font-size: 18px;
        margin-top: 20px;
    }

    .detailArea .mortgagesArea .mortgagesLine2{
        overflow-wrap: break-word;
        word-break: keep-all;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .encyclopediaContent ul.encyclopediaSearchTap li,
    .encyclopediaSearch ul.blurList li {
        float: left
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled {
        opacity: .4
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled:hover,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled:hover {
        cursor: default
    }
    .detailArea .detailArticle .barClustered .chartBox,
    .detailArea .detailArticle .barClusteredMonthly .chartBox {
        width: 110%;
        margin: 0 auto 0 -5%
    }
    h1.videotitle,
    h1.weektitle {
        width: auto;
        padding-left: 50px
    }
    .mainEncyclopedia {
        width: auto;
        margin: 0 25px 90px
    }
    .mainEncyclopedia .buyerArea,
    .mainEncyclopedia .sellerArea {
        width: 50%
    }
    .mainEncyclopedia .fastLickArea {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .mainEncyclopedia .fastLickArea a {
        display: inline-block;
        width: 50%
    }
    h1.encyclopediaTitle {
        width: auto;
        margin: 20px 25px 40px
    }
    .encyclopediaExtend,
    .hotEncyclopedia ul.issueList {
        width: auto;
        margin: 0 25px
    }
    .encyclopediaExtend+.encyclopediaFastArea {
        margin: 60px 25px 40px
    }
    .encyclopediaSearch {
        width: auto
    }
    .encyclopediaSearch ul.blurList img.barBG {
        width: auto;
        height: 100%;
        max-width: 300%
    }
    .encyclopediaFastArea {
        width: auto;
        margin: 0 25px;
        text-align: left
    }
    .encyclopediaFastArea .encyclopediaTitle {
        float: left;
        margin: 0 0 25px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink {
        position: relative;
        left: 0;
        width: auto;
        margin-left: 150px;
        margin-bottom: 40px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink li {
        width: auto;
        margin-left: 70px;
        min-height: 60px
    }
    .encyclopediaInside {
        width: auto;
        margin: 0 25px;
        background: 0 0
    }
    .encyclopediaInside .encyclopediaMenu {
        display: block;
        width: auto;
        margin-bottom: 40px
    }
    .encyclopediaInside .encyclopediaMenu ul li ul li {
        text-align: center
    }
    .encyclopediaContent {
        display: block;
        width: auto;
        margin: 0
    }
    .encyclopediaContent .encyclopediaSearchBox,
    .encyclopediaContent ul.encyclopediaContentList {
        padding: 70px 40px
    }
    .encyclopediaContent .encyclopediaSearchBox li,
    .encyclopediaContent ul.encyclopediaContentList li {
        display: block;
        width: auto
    }
    .encyclopediaContent .encyclopediaSearchBox li:nth-child(even),
    .encyclopediaContent ul.encyclopediaContentList li:nth-child(even) {
        margin-left: 0
    }
    .listSection {
        width: auto;
        padding: 10px 0 40px 50px
    }
    .detailArea,
    .insideContent {
        width: auto;
        margin: 0 30px
    }
    .insideContent .newsArticleArea ul.articleList {
        width: auto;
        margin: 0
    }
    .insideContent .newsArticleArea ul.articleList li {
        width: 45%;
        margin: 0 0 30px;
        text-align: left
    }
    .insideContent .newsArticleArea ul.articleList li:nth-child(odd) {
        margin-right: 2%
    }
    .insideContent .newsArticleArea ul.articleList li .paragraphArea {
        height: 320px
    }
    .insideContent .encyclopediaMost,
    .insideContent .encyclopediaNew {
        display: block;
        width: 101.5%
    }
    .mainWeek {
        width: auto;
        height: auto;
        min-width: 100px
    }
    .mainWeek figure {
        width: auto;
        margin: 0
    }
    .mainWeek figure img {
        width: 100%
    }
    .mainWeek .weekContent {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding: 30px
    }
    .mainWeek .weekContent .wordSection .weekKeyword {
        float: none;
        text-align: right
    }
    .mainWeek .weekContent .wordSection .weekKeyword p {
        text-align: right;
        margin-bottom: 20px
    }
    .weekArticle {
        width: auto
    }
    .weekArticle h1 {
        margin: 0 30px 26px
    }
    .weekArticle .weekRecent time span {
        top: 110px
    }
    .weekArticle .weekRecent figure {
        float: none;
        width: auto;
        height: 200px;
        overflow: hidden;
        margin: 0 30px 10px 80px
    }
    .weekArticle .weekRecent figure img {
        width: 100%
    }
    .weekArticle .weekRecent .weekInfoGroup {
        margin: 0 30px 50px 80px
    }
    .mainToday {
        min-width: 100px;
        margin-bottom: 40px
    }
    .mainToday div.mainAllGroup {
        position: relative
    }
    .mainToday div.mainAllGroup section.todayHouse {
        position: relative;
        width: auto;
        float: none;
        background: url(../images/mainArea_bg.jpg) left bottom repeat-x;
        -webkit-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%
    }
    .mainToday div.mainAllGroup section.todayHouse:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .75)
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%;
        float: none
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent {
        margin: 0 auto;
        padding: 55px 0 70px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time {
        top: 8%;
        left: -15%
    }
    .mainToday div.mainAllGroup section.todayNews {
        position: relative;
        float: none;
        width: auto;
        margin-left: 0;
        min-height: 50px
    }
    .mainToday div.mainAllGroup section.todayNews:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle {
        padding: 20px 0 5px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure {
        position: relative;
        top: 47px
    }
    .mainToday div.mainAllGroup section.moreToday {
        position: relative;
        width: auto;
        margin-left: 0;
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox {
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox h1 {
        top: 25px
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox ul {
        padding: 45px 0 30px
    }
    .slideNewsType .typeSlides div:hover a {
        color: #333
    }
    .slideNewsType .typeSlides div:hover a .sinyi-caret-up {
        display: none
    }
    .slideNewsType .tabContent ul li,
    .slideNewsType .typeSlides div.select a .sinyi-caret-up {
        display: block
    }
    .slideNewsType .tabContent {
        z-index: 10
    }
    .slideNewsType .tabContent .leftLink {
        width: auto;
        float: none;
        border: none;
        min-height: 50px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #777
    }
    .slideNewsType .tabContent .leftLink .linkGroup {
        display: block;
        width: 106%;
        margin-left: -3%
    }
    .slideNewsType .tabContent .leftLink .linkGroup span {
        display: inline-block;
        padding: 10px 0;
        width: 12.5%;
        text-align: center
    }
    .slideNewsType .tabContent .rightNewNews {
        margin-left: 0
    }
    section.typeAreaEveryday ul.typeListEveryday li {
        width: 20%;
        display: none
    }
    section.typeAreaEveryday ul.typeListEveryday li.padShow {
        display: inline-block
    }
    section.historyArea {
        width: auto;
        display: none
    }
    section.historyArea h2 {
        margin: 0
    }
    section.historyArea div {
        width: auto;
        display: block
    }
    section.historyArea .lastYear {
        margin-bottom: 50px
    }
    section.historyArea .lastYear a figure {
        height: auto
    }
    section.historyArea .lastWeek {
        padding-left: 0
    }
    section.historyArea .lastWeek ul li {
        padding: 13px 15px 12px
    }
    section.historyArea .lastAD {
        top: 0;
        margin: 55px 0 80px;
        height: auto
    }
    section.historyArea .lastAD figure {
        padding-left: 0
    }
    section.historyArea .lastAD figure img {
        width: 100%;
        height: auto
    }
    section.newsAreaEveryday ul.newsListEveryday li {
        width: 49.5%
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time {
        position: relative;
        z-index: 8;
        margin: 5px 18px;
        color: #7c7c7c;
        display: block;
        font-family: Areal;
        letter-spacing: 1px;
        font-size: 14px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time span {
        margin-left: 7px;
        color: #7c7c7c;
        font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 {
        position: relative;
        z-index: 8;
        margin: 0 18px 20px;
        padding: 0;
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 500;
        letter-spacing: 2px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:visited {
        color: #333
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p {
        position: relative;
        z-index: 8;
        font-weight: 300;
        letter-spacing: 1.5px;
        color: #909090!important
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p .source {
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea {
        position: absolute;
        bottom: 20px;
        z-index: 8;
        padding: 0 18px;
        letter-spacing: 1.5px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword {
        width: auto;
        height: auto;
        display: inline-block;
        background: #007E6E;
        padding: 5px 10px;
        margin-right: 7px;
        color: #FFF;
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:visited {
        color: #FFF
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:hover {
        color: #17f300
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure {
        position: relative;
        z-index: 8;
        width: 100%;
        height: 102px;
        overflow: hidden
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure img {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .fixedBox {
        position: relative;
        width: auto;
        margin: 0
    }
    .fixedBox .sideAreaVideo .videoSide {
        display: inline-block;
        vertical-align: top;
        width: 45%
    }
    .fixedBox .sideAreaVideo .videoSide:first-child {
        margin-right: 1.5%
    }
    .fixedBox .sideArea,
    .fixedBox .sideAreaVideo {
        top: 0;
        float: none;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideArea .newClinch,
    .fixedBox .sideArea .relatedPrice,
    .fixedBox .sideAreaVideo .houseMate,
    .fixedBox .sideAreaVideo .newClinch,
    .fixedBox .sideAreaVideo .relatedPrice {
        display: block;
        vertical-align: top;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideAreaVideo .houseMate {
        display: none;
        margin-right: 4%
    }
    .fixedBox .sideArea .houseMate.rwdSingle,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle {
        margin-top: 40px
    }
    .fixedBox .sideArea .hotCommunity ul li figure a,
    .fixedBox .sideArea .hotCommunity ul li:hover figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li:hover figure a {
        margin-top: 40%
    }
    .fixedBox .sideArea .houseMate.rwdSingle li:first-child,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li:first-child {
        border-left: 0 solid #ccc
    }
    .fixedBox .sideArea .hotCommunity ul li figure img,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure img {
        width: 100%
    }
    .fixedBox .sideArea .newsPoint,
    .fixedBox .sideAreaVideo .newsPoint {
        padding: 10px 0 15px;
        display: none
    }
    .fixedBox .sideArea .newsPoint h1,
    .fixedBox .sideAreaVideo .newsPoint h1 {
        margin: 0 10px
    }
    .fixedBox .sideArea .asideAd,
    .fixedBox .sideAreaVideo .asideAd {
        display: none;
        margin-bottom: 40px
    }
    .detailArea .detailArticle {
        margin: 0;
        padding: 0
    }
    .detailArea .detailArticle.hadShare {
        margin: 0
    }
    .detailArea .detailArticle .shareArea,
    .detailArea .detailArticle .shareVideoArea {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0 0;
        width: auto;
        height: auto;
        border: 0 solid #959595;
        background: 0 0
    }
    .detailArea .detailArticle .shareArea h6,
    .detailArea .detailArticle .shareVideoArea h6 {
        display: none;
        vertical-align: top;
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 16px
    }
    .detailArea .detailArticle .shareArea a,
    .detailArea .detailArticle .shareVideoArea a {
        display: inline-block
    }
    .detailArea .detailArticle .shareArea a.sinyi-sinyi-fb,
    .detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-fb {
        margin-left: 0
    }
    .detailArea .detailArticle .loan.shareVideoArea,
    .detailArea .detailArticle .shareArea.loan {
        top: 0
    }
    .detailArea .detailArticle .encyclopediaExtend {
        padding: 75px 0
    }
    .detailArea .detailArticle .loanMainContent+.encyclopediaExtend {
        margin: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent,
    .detailArea .detailArticle .loanMainContent,
    .detailArea .detailArticle .newsMainContent {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li {
        width: auto
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p {
        margin-bottom: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .loanMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .newsMainContent .detailInfo .functionArea {
        display: none
    }
    .detailArea .detailArticle .knowledgeBanner+a.back {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl {
        position: relative
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        position: absolute;
        display: block
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        left: 10px;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next {
        right: 10px;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList {
        position: relative;
        width: auto;
        height: 190px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList {
        position: absolute;
        width: 100%;
        padding-bottom: 30px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li {
        width: auto;
        display: block;
        height: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li:last-child,
    .detailArea .detailArticle .houseMate ul li:last-child,
    .detailArea .detailArticle .newClinch ul li:last-child {
        display: none
    }
    .detailArea .detailArticle .hotCommunity ul li {
        width: 50%
    }
    .detailArea .detailArticle .hotCommunity ul li:hover figure a {
        margin-top: 0
    }
    .detailArea .detailArticle .hotCommunity ul li figure img {
        width: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li figure a {
        margin-top: 0;
        bottom: 0;
        top: auto
    }
    .detailArea .detailArticle .houseMate ul {
        padding-left: 4px
    }
    .detailArea .detailArticle .houseMate ul li {
        width: 49.5%;
        margin-left: -4px
    }
    .detailArea .detailArticle .houseMate ul li:first-child {
        margin-right: 1.3%
    }
    .detailArea .detailArticle .houseMate ul li:nth-child(2) {
        position: relative;
        right: -2px
    }
    .detailArea .detailArticle .newClinch ul li {
        width: 49.5%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h1 span {
        width: 120px
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 {
        width: 39%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 {
        width: 24%
    }
    .detailArea .detailArticle .videoMainContent {
        margin: 25px 0 50px
    }
    .detailArea .detailArticle .videoMainContent iframe {
        height: 380px
    }
    .detailArea .detailArticle .shareVideoArea {
        margin: 20px 0 40px
    }
    .detailArea .detailArticle .taiwanHistory+.moreArticle {
        margin-bottom: 80px
    }
    .detailArea .detailArticle .encyclopediaMainContent {
        min-height: auto
    }
    .encyclopediaContent .encyclopediaPage ul li a.prev:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.prev:before {
        display: inline-block;
        content: '上一頁'
    }
    .encyclopediaContent .encyclopediaPage ul li a.next:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.next:before {
        display: inline-block;
        content: '下一頁'
    }
    .weekBannerArea .weekBannerList {
        width: auto;
        margin: 0 35px
    }
    .weekBannerArea .weekBannerList ul.weekListArea li {
        border: none
    }
    .expertArea {
        height: 305px;
        background: url(../images/expert_bg.png) left bottom repeat-x #118963
    }
    .expertArea .expertBox {
        width: auto
    }
    .expertArea .expertBox .schannel {
        left: 30px
    }
    .expertArea .expertBox .schannel h1 {
        position: relative;
        margin-top: -4%;
        margin-left: -8%;
        font-size: 1.3em;
        -ms-transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8)
    }
    .expertArea .expertBox .expertContent {
        width: auto;
        margin: 0 30px;
        padding-top: 60px
    }
    .expertArea .expertBox .expertContent .slideList {
        margin-left: 0
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li {
        width: auto
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h2 {
        font-size: 1.5em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h3 {
        font-size: 15px;
        line-height: 1.4em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li p {
        font-size: 15px
    }
    .expertArea .expertBox .expertContent .arrowControl ul.arrowArea {
        bottom: 20%;
        left: -5%;
        width: 110%
    }
    .mainNewVideo {
        width: auto;
        margin: 0 55px 55px;
        height: auto
    }
    .mainNewVideo iframe {
        position: relative;
        width: 100%;
        height: 350px
    }
    .videoContent,
    .videoTopic div {
        width: auto
    }
    .mainNewVideo .newVinfo {
        margin-left: 0;
        padding: 10px 30px 30px
    }
    .videoContent,
    .videoTopic {
        padding: 0 50px
    }
    .mainNewVideo .newVinfo .vKeyWord {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 20px 0 0
    }
    ul.videoList {
        text-align: center
    }
    ul.videoList li {
        width: 48.5%;
        margin: 0 1% 35px 0;
        text-align: left;
        display: none
    }
    ul.videoList li:nth-child(1),
    ul.videoList li:nth-child(2),
    ul.videoList li:nth-child(3),
    ul.videoList li:nth-child(4) {
        display: inline-block
    }
    .videoSlide ul.videoList li {
        display: block
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle:after,
    .detailArea .detailArticle .loanMainContent .moreArticle:after,
    .detailArea .detailArticle .newsMainContent .moreArticle:after {
        content: ' ';
        display: block;
        clear: both;
        float: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle h2,
    .detailArea .detailArticle .loanMainContent .moreArticle h2,
    .detailArea .detailArticle .newsMainContent .moreArticle h2 {
        float: left;
        width: 145px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList {
        position: absolute;
        left: 190px;
        right: 0;
        padding-left: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li {
        position: relative;
        top: 2px;
        width: 49%;
        vertical-align: top;
        font-size: 15px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li:nth-child(2):before {
        position: absolute;
        top: 10px;
        left: -15px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a {
        padding: 10px 5px 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a span,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a span,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a span {
        margin-left: 5px
    }
    .fixedBox .sideArea .houseMate.rwdSingle,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle {
        position: relative;
        width: 100%;
        margin-bottom: 70px
    }
    .fixedBox .sideArea .houseMate.rwdSingle li,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li {
        display: block;
        width: auto;
        padding: 20px 1%;
        border-top: 1px solid #ccc;
        border-left: 0 solid #ccc
    }
    .fixedBox .sideArea .houseMate.rwdSingle li h2,
    .fixedBox .sideArea .houseMate.rwdSingle li h3,
    .fixedBox .sideArea .houseMate.rwdSingle li p,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li h2,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li h3,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li p {
        margin-left: 145px
    }
    .fixedBox .sideArea .houseMate.rwdSingle a.moreMate,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle a.moreMate {
        position: absolute;
        bottom: -50px;
        right: 0
    }
    .keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord {
        display: block;
        padding: 8px 8px 8px 0
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more {
        display: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul,
    .detailArea .detailArticle .loanMainContent .paragraphLink ul,
    .detailArea .detailArticle .newsMainContent .paragraphLink ul {
        margin-left: 20px;
        padding-top: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li p {
        font-size: 14px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle:last-child,
    .detailArea .detailArticle .loanMainContent .moreArticle:last-child,
    .detailArea .detailArticle .newsMainContent .moreArticle:last-child {
        margin-bottom: 60px
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea h1 {
        margin-bottom: 10px
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea .vInfoArea {
        position: relative;
        margin-bottom: 15px;
        height: 15px;
        text-align: left
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea span,
    .detailArea .detailArticle .videoMainContent .vtitleArea time {
        display: inline-block;
        margin: 0 0 5px
    }
    .detailCalculator a.back {
        margin: 0 auto 80px
    }
    .detailCalculator .calculatorGroup .countArea {
        width: auto;
        display: block;
        border: none
    }
    .detailCalculator .calculatorGroup .countArea .sinyi-sinyi-banksearch {
        /*display: block;*/
        /*margin-top: 50px;*/
        /*text-align: left*/
    }
    .detailCalculator .calculatorGroup .countArea .sinyi-sinyi-banksearch+a.openPopup {
        padding-top: 20px;
        margin-top: 50px
    }
    .detailCalculator .calculatorGroup .countArea input[type=submit] {
        display: block;
        width: 100%;
        margin: 35px 0
    }
    .detailCalculator .calculatorGroup .countArea .countItem p {
        width: 310px
    }
    .detailCalculator .calculatorGroup .countArea .countItem p span:first-child {
        width: 140px
    }
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup span:last-child {
        margin: 0 0 0 10px
    }
    .detailCalculator .calculatorGroup .resultArea {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        text-align: center;
        margin: 10px 0 50px;
        border: none
    }
    .detailCalculator .calculatorGroup .resultArea p span {
        font-size: 1.3em;
        margin: 0 10px
    }
    .hotEncyclopedia ul.issueList {
        text-align: left
    }
    .hotEncyclopedia ul.issueList li {
        width: 49%;
        margin-bottom: 20px;
        margin-left: 0
    }
    .hotEncyclopedia ul.issueList li:first-child {
        margin-right: 1%
    }


    .hotEncyclopedia ul.issueList li:nth-child(2) {
        display: none;
    }

    .detailArea .mortgagesArea .mortgagesLine1{
        display: none;
    }

    .detailArea .mortgagesArea .mortgagesText{
        font-size: 18px;
    }
}

@media (max-width:767px) {

    .hotEncyclopedia ul.issueList li:nth-child(2) {
        display: none;
    }
    .calculation8Column dl {
        width: 512px;
    }

    .calculation8Column dl li {
        width: 82px;
    }

    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled {
        opacity: .4
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next.disabled:hover,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev.disabled:hover {
        cursor: default
    }
    .detailArea .detailArticle .barClustered .chartBox,
    .detailArea .detailArticle .barClusteredMonthly .chartBox {
        width: 110%;
        margin: 0 auto 0 -5%
    }
    h1.videotitle,
    h1.weektitle {
        width: auto;
        padding-left: 50px
    }
    .mainEncyclopedia {
        width: auto;
        margin: 0 25px 90px
    }
    .mainEncyclopedia .buyerArea,
    .mainEncyclopedia .sellerArea {
        width: 50%
    }
    .mainEncyclopedia .fastLickArea {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .mainEncyclopedia .fastLickArea a {
        display: inline-block;
        width: 50%
    }
    h1.encyclopediaTitle {
        width: auto;
        margin: 20px 25px 40px
    }
    .encyclopediaExtend,
    .hotEncyclopedia ul.issueList {
        width: auto;
        margin: 0 25px
    }
    .encyclopediaExtend+.encyclopediaFastArea {
        float: left;
        margin: 60px 25px 40px
    }
    .encyclopediaSearch {
        width: auto
    }
    .encyclopediaSearch ul.blurList li {
        float: left
    }
    .encyclopediaSearch ul.blurList img.barBG {
        width: auto;
        height: 100%;
        max-width: 300%
    }
    .encyclopediaFastArea {
        width: auto;
        margin: 0 25px;
        text-align: left
    }
    .encyclopediaFastArea .encyclopediaTitle {
        float: left;
        margin: 0 0 25px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink {
        position: relative;
        left: 0;
        width: auto;
        margin-left: 150px;
        margin-bottom: 40px
    }
    .encyclopediaFastArea ul.encyclopediaFastLink li {
        width: auto;
        margin-left: 70px;
        min-height: 60px
    }
    .encyclopediaInside {
        width: auto;
        margin: 0 25px;
        background: 0 0
    }
    .encyclopediaInside .encyclopediaMenu {
        display: block;
        width: auto;
        margin-bottom: 40px
    }
    .encyclopediaInside .encyclopediaMenu ul li ul li {
        text-align: center
    }
    .encyclopediaContent {
        display: block;
        width: auto;
        margin: 0
    }
    .encyclopediaContent .encyclopediaSearchBox,
    .encyclopediaContent ul.encyclopediaContentList {
        padding: 70px 40px
    }
    .encyclopediaContent .encyclopediaSearchBox li,
    .encyclopediaContent ul.encyclopediaContentList li {
        display: block;
        width: auto
    }
    .encyclopediaContent .encyclopediaSearchBox li:nth-child(even),
    .encyclopediaContent ul.encyclopediaContentList li,
    .encyclopediaContent ul.encyclopediaContentList li:nth-child(even) {
        margin-left: 0
    }
    .encyclopediaContent ul.encyclopediaSearchTap li {
        float: left
    }
    .listSection {
        width: auto;
        padding: 10px 0 40px 50px
    }
    .detailArea,
    .insideContent {
        width: auto;
        margin: 0 30px
    }
    .insideContent .newsArticleArea ul.articleList {
        width: auto;
        margin: 0
    }
    .insideContent .newsArticleArea ul.articleList li {
        width: 45%;
        margin: 0 0 30px;
        text-align: left
    }
    .insideContent .newsArticleArea ul.articleList li:nth-child(odd) {
        margin-right: 2%
    }
    .insideContent .newsArticleArea ul.articleList li .paragraphArea {
        height: 320px
    }
    .insideContent .encyclopediaMost,
    .insideContent .encyclopediaNew {
        display: block;
        width: 101.5%
    }
    .mainWeek {
        width: auto;
        height: auto;
        min-width: 100px
    }
    .mainWeek figure {
        width: auto;
        margin: 0
    }
    .mainWeek figure img {
        width: 100%
    }
    .mainWeek .weekContent {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        padding: 30px
    }
    .mainWeek .weekContent .wordSection .weekKeyword {
        float: none;
        text-align: right
    }
    .mainWeek .weekContent .wordSection .weekKeyword p {
        text-align: right;
        margin-bottom: 20px
    }
    .weekArticle {
        width: auto
    }
    .weekArticle h1 {
        margin: 0 30px 26px
    }
    .weekArticle .weekRecent time span {
        top: 110px
    }
    .weekArticle .weekRecent figure {
        float: none;
        width: auto;
        height: 200px;
        overflow: hidden;
        margin: 0 30px 10px 80px
    }
    .weekArticle .weekRecent figure img {
        width: 100%
    }
    .weekArticle .weekRecent .weekInfoGroup {
        margin: 0 30px 50px 80px
    }
    .mainToday {
        min-width: 100px;
        margin-bottom: 40px
    }
    .mainToday div.mainAllGroup {
        position: relative
    }
    .mainToday div.mainAllGroup section.todayHouse {
        position: relative;
        width: auto;
        float: none;
        background: url(../images/mainArea_bg.jpg) left bottom repeat-x;
        -webkit-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%
    }
    .mainToday div.mainAllGroup section.todayHouse:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .75)
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%;
        float: none
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent {
        margin: 0 auto;
        padding: 55px 0 70px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time {
        top: 8%;
        left: -15%
    }
    .mainToday div.mainAllGroup section.todayNews {
        position: relative;
        float: none;
        width: auto;
        margin-left: 0;
        min-height: 50px
    }
    .mainToday div.mainAllGroup section.todayNews:before {
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox {
        position: relative;
        z-index: 3;
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle {
        padding: 20px 0 5px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure {
        position: relative;
        top: 47px
    }
    .mainToday div.mainAllGroup section.moreToday {
        position: relative;
        width: auto;
        margin-left: 0;
        background: rgba(0, 0, 0, .3)
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox {
        max-width: 100%
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox h1 {
        top: 25px
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox ul {
        padding: 45px 0 30px
    }
    .slideNewsType .typeSlides div:hover a {
        color: #333
    }
    .slideNewsType .typeSlides div:hover a .sinyi-caret-up {
        display: none
    }
    .slideNewsType .tabContent ul li,
    .slideNewsType .typeSlides div.select a .sinyi-caret-up {
        display: block
    }
    .slideNewsType .tabContent {
        z-index: 10
    }
    .slideNewsType .tabContent .leftLink {
        width: auto;
        float: none;
        border: none;
        min-height: 50px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #777
    }
    .slideNewsType .tabContent .leftLink .linkGroup {
        display: block;
        width: 106%;
        margin-left: -3%
    }
    .slideNewsType .tabContent .leftLink .linkGroup span {
        display: inline-block;
        padding: 10px 0;
        width: 12.5%;
        text-align: center
    }
    .slideNewsType .tabContent .rightNewNews {
        margin-left: 0
    }
    section.typeAreaEveryday ul.typeListEveryday li {
        width: 20%;
        display: none
    }
    section.typeAreaEveryday ul.typeListEveryday li.padShow {
        display: inline-block
    }
    section.historyArea {
        width: auto;
        display: none
    }
    section.historyArea h2 {
        margin: 0
    }
    section.historyArea div {
        width: auto;
        display: block
    }
    section.historyArea .lastYear {
        margin-bottom: 50px
    }
    section.historyArea .lastYear a figure {
        height: auto
    }
    section.historyArea .lastWeek {
        padding-left: 0
    }
    section.historyArea .lastWeek ul li {
        padding: 13px 15px 12px
    }
    section.historyArea .lastAD {
        top: 0;
        margin: 55px 0 80px;
        height: auto
    }
    section.historyArea .lastAD figure {
        padding-left: 0
    }
    section.historyArea .lastAD figure img {
        width: 100%;
        height: auto
    }
    section.newsAreaEveryday ul.newsListEveryday li {
        width: 49.5%
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
        display: block;
        background: #EFEFEF;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time {
        position: relative;
        z-index: 8;
        margin: 5px 18px;
        color: #7c7c7c;
        font-weight: 700;
        display: block;
        font-family: Areal;
        letter-spacing: 1px;
        font-size: 14px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox time span,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox time span {
        margin-left: 7px;
        font-weight: 400;
        color: #7c7c7c;
        font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 {
        position: relative;
        z-index: 8;
        margin: 0 18px 20px;
        padding: 0;
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 500;
        letter-spacing: 2px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox h2 a:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox h2 a:visited {
        color: #333
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p {
        position: relative;
        z-index: 8;
        /*margin: 0 18px;*/
        /*font-size: 16px;*/
        /*font-weight: 300;*/
        letter-spacing: 1.5px;
        color: #909090!important
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox p .source,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox p .source {
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea {
        position: absolute;
        bottom: 20px;
        z-index: 8;
        padding: 0 18px;
        letter-spacing: 1.5px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword {
        width: auto;
        height: auto;
        display: inline-block;
        background: #007E6E;
        padding: 5px 10px;
        margin-right: 7px;
        color: #FFF;
        font-size: 14px
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:visited,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:visited {
        color: #FFF
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox .keywordArea a.keyword:hover,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox .keywordArea a.keyword:hover {
        color: #17f300
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure {
        position: relative;
        z-index: 8;
        width: 100%;
        height: 102px;
        overflow: hidden
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li.press .newsBox figure img,
    section.newsAreaEveryday ul.newsListEveryday li:hover .newsBox figure img {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .fixedBox {
        position: relative;
        width: auto;
        margin: 0
    }
    .fixedBox .sideAreaVideo .videoSide {
        display: inline-block;
        vertical-align: top;
        width: 45%
    }
    .fixedBox .sideAreaVideo .videoSide:first-child {
        margin-right: 1.5%
    }
    .fixedBox .sideArea,
    .fixedBox .sideAreaVideo {
        top: 0;
        float: none;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideArea .newClinch,
    .fixedBox .sideArea .relatedPrice,
    .fixedBox .sideAreaVideo .houseMate,
    .fixedBox .sideAreaVideo .newClinch,
    .fixedBox .sideAreaVideo .relatedPrice {
        display: block;
        vertical-align: top;
        width: auto
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideAreaVideo .houseMate {
        display: none;
        margin-right: 4%
    }
    .fixedBox .sideArea .houseMate.rwdSingle,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle {
        margin-top: 40px
    }
    .fixedBox .sideArea .hotCommunity ul li figure a,
    .fixedBox .sideArea .hotCommunity ul li:hover figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li:hover figure a {
        margin-top: 40%
    }
    .fixedBox .sideArea .houseMate.rwdSingle li:first-child,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li:first-child {
        border-left: 0 solid #ccc
    }
    .fixedBox .sideArea .hotCommunity ul li figure img,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure img {
        width: 100%
    }
    .fixedBox .sideArea .newsPoint,
    .fixedBox .sideAreaVideo .newsPoint {
        padding: 10px 0 15px;
        display: none
    }
    .fixedBox .sideArea .newsPoint h1,
    .fixedBox .sideAreaVideo .newsPoint h1 {
        margin: 0 10px
    }
    .fixedBox .sideArea .asideAd,
    .fixedBox .sideAreaVideo .asideAd {
        display: none;
        margin-bottom: 40px
    }
    .detailArea .detailArticle {
        margin: 0;
        padding: 0
    }
    .detailArea .detailArticle.hadShare {
        margin: 0
    }
    .detailArea .detailArticle .shareArea,
    .detailArea .detailArticle .shareVideoArea {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0 0;
        width: auto;
        height: auto;
        border: 0 solid #959595;
        background: 0 0
    }
    .detailArea .detailArticle .shareArea h6,
    .detailArea .detailArticle .shareVideoArea h6 {
        display: none;
        vertical-align: top;
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 16px
    }
    .detailArea .detailArticle .shareArea a,
    .detailArea .detailArticle .shareVideoArea a {
        display: inline-block
    }
    .detailArea .detailArticle .shareArea a.sinyi-sinyi-fb,
    .detailArea .detailArticle .shareVideoArea a.sinyi-sinyi-fb {
        margin-left: 0
    }
    .detailArea .detailArticle .loan.shareVideoArea,
    .detailArea .detailArticle .shareArea.loan {
        top: 0
    }
    .detailArea .detailArticle .encyclopediaExtend {
        padding: 75px 0
    }
    .detailArea .detailArticle .loanMainContent+.encyclopediaExtend {
        margin: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent,
    .detailArea .detailArticle .loanMainContent,
    .detailArea .detailArticle .newsMainContent {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li {
        width: auto
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p {
        padding: 55px 50px 20px;
        margin-bottom: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .loanMainContent .detailInfo .functionArea,
    .detailArea .detailArticle .newsMainContent .detailInfo .functionArea {
        display: none
    }
    .detailArea .detailArticle .knowledgeBanner+a.back {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl {
        position: relative
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next,
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        position: absolute;
        display: block
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.prev {
        left: 0;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .arrowControl li.next {
        right: 0;
        bottom: -10px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList {
        position: relative;
        width: auto;
        height: 205px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList {
        position: absolute;
        width: 100%;
        padding-bottom: 30px
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li {
        width: auto;
        display: block;
        height: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li:last-child,
    .detailArea .detailArticle .houseMate ul li:last-child,
    .detailArea .detailArticle .newClinch ul li:last-child {
        display: none
    }
    .detailArea .detailArticle .hotCommunity ul li {
        width: 50%
    }
    .detailArea .detailArticle .hotCommunity ul li:hover figure a {
        margin-top: 0
    }
    .detailArea .detailArticle .hotCommunity ul li figure img {
        width: 100%
    }
    .detailArea .detailArticle .hotCommunity ul li figure a {
        margin-top: 0;
        bottom: 0;
        top: auto
    }
    .detailArea .detailArticle .houseMate ul {
        padding-left: 4px
    }
    .detailArea .detailArticle .houseMate ul li {
        width: 49.5%;
        margin-left: -4px
    }
    .detailArea .detailArticle .houseMate ul li:first-child {
        margin-right: 1.3%
    }
    .detailArea .detailArticle .houseMate ul li:nth-child(2) {
        position: relative;
        right: -2px
    }
    .detailArea .detailArticle .newClinch ul li {
        width: 49.5%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup h1 span {
        width: 120px
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 {
        width: 39%
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 {
        width: 24%
    }
    .detailArea .detailArticle .videoMainContent {
        margin: 25px 0 50px
    }
    .detailArea .detailArticle .videoMainContent iframe {
        height: 380px
    }
    .detailArea .detailArticle .shareVideoArea {
        margin: 20px 0 40px
    }
    .detailArea .detailArticle .taiwanHistory+.moreArticle {
        margin-bottom: 80px
    }
    .detailArea .detailArticle .encyclopediaMainContent {
        min-height: auto
    }
    .encyclopediaContent .encyclopediaPage ul {
        margin-top: 50px
    }
    .encyclopediaContent .encyclopediaPage ul li a.prev:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.prev:before {
        display: inline-block;
        content: '上一頁'
    }
    .encyclopediaContent .encyclopediaPage ul li a.next:before,
    .keywordSearchMainContent .keywordSearchPage ul li a.next:before {
        display: inline-block;
        content: '下一頁'
    }
    .weekBannerArea .weekBannerList {
        width: auto;
        margin: 0 35px
    }
    .weekBannerArea .weekBannerList ul.weekListArea li {
        border: none
    }
    .expertArea {
        height: 305px;
        background: url(../images/expert_bg.png) left bottom repeat-x #118963
    }
    .expertArea .expertBox {
        width: auto
    }
    .expertArea .expertBox .schannel {
        left: 30px
    }
    .expertArea .expertBox .schannel h1 {
        position: relative;
        margin-top: -4%;
        margin-left: -8%;
        font-size: 1.3em;
        -ms-transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8)
    }
    .expertArea .expertBox .expertContent {
        width: auto;
        margin: 0 30px;
        padding-top: 60px
    }
    .expertArea .expertBox .expertContent .slideList {
        margin-left: 0
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li {
        width: auto
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h2 {
        font-size: 1.5em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h3 {
        font-size: 15px;
        line-height: 1.4em
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li p {
        font-size: 15px
    }
    .expertArea .expertBox .expertContent .arrowControl ul.arrowArea {
        bottom: 20%;
        left: -5%;
        width: 110%
    }
    .mainNewVideo {
        width: auto;
        margin: 0 55px 55px;
        height: auto
    }
    .mainNewVideo iframe {
        position: relative;
        width: 100%;
        height: 350px
    }
    .videoContent,
    .videoTopic div {
        width: auto
    }
    .mainNewVideo .newVinfo {
        margin-left: 0;
        padding: 10px 30px 30px
    }
    .videoContent,
    .videoTopic {
        padding: 0 50px
    }
    .mainNewVideo .newVinfo .vKeyWord {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 20px 0 0
    }
    ul.videoList {
        text-align: center
    }
    ul.videoList li {
        width: 48.5%;
        margin: 0 1% 35px 0;
        text-align: left;
        display: none
    }
    ul.videoList li:nth-child(1),
    ul.videoList li:nth-child(2),
    ul.videoList li:nth-child(3),
    ul.videoList li:nth-child(4) {
        display: inline-block
    }
    .videoSlide ul.videoList li {
        display: block
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle:after,
    .detailArea .detailArticle .loanMainContent .moreArticle:after,
    .detailArea .detailArticle .newsMainContent .moreArticle:after {
        content: ' ';
        display: block;
        clear: both;
        float: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList {
        right: 0;
        padding-left: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li {
        vertical-align: top;
        font-size: 15px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li:nth-child(2):before,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li:nth-child(2):before {
        position: absolute;
        top: 10px;
        left: -15px;
        content: ''
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a span,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a span,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a span {
        margin-left: 5px
    }
    .fixedBox .sideArea .houseMate.rwdSingle,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle {
        position: relative;
        width: 100%;
        margin-bottom: 70px
    }
    .fixedBox .sideArea .houseMate.rwdSingle li,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li {
        display: block;
        width: auto;
        padding: 20px 1%;
        border-top: 1px solid #ccc;
        border-left: 0 solid #ccc
    }
    .fixedBox .sideArea .houseMate.rwdSingle li h2,
    .fixedBox .sideArea .houseMate.rwdSingle li h3,
    .fixedBox .sideArea .houseMate.rwdSingle li p,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li h2,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li h3,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle li p {
        margin-left: 145px
    }
    .fixedBox .sideArea .houseMate.rwdSingle a.moreMate,
    .fixedBox .sideAreaVideo .houseMate.rwdSingle a.moreMate {
        position: absolute;
        bottom: -50px;
        right: 0
    }
    .keywordSearchMainContent ul.keywordVideoList li .vContent section.keyWord {
        display: block;
        padding: 8px 8px 8px 0
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more {
        display: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul,
    .detailArea .detailArticle .loanMainContent .paragraphLink ul,
    .detailArea .detailArticle .newsMainContent .paragraphLink ul {
        margin-left: 20px;
        padding-top: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li p {
        font-size: 14px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle:last-child,
    .detailArea .detailArticle .loanMainContent .moreArticle:last-child,
    .detailArea .detailArticle .newsMainContent .moreArticle:last-child {
        margin-bottom: 60px
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea h1 {
        margin-bottom: 10px
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea .vInfoArea {
        position: relative;
        margin-bottom: 15px;
        height: 15px;
        text-align: left
    }
    .detailArea .detailArticle .videoMainContent .vtitleArea span,
    .detailArea .detailArticle .videoMainContent .vtitleArea time {
        display: inline-block;
        margin: 0 0 5px
    }
    .detailCalculator a.back {
        margin: 0 auto 80px
    }
    .detailCalculator .calculatorGroup .countArea {
        width: auto;
        display: block;
        border: none
    }
    .detailCalculator .calculatorGroup .countArea .sinyi-sinyi-banksearch {
        /*display: block;*/
        /*margin-top: 50px;*/
        /*text-align: left*/
    }
    .detailCalculator .calculatorGroup .countArea .sinyi-sinyi-banksearch+a.openPopup {
        padding-top: 20px;
        margin-top: 50px
    }
    .detailCalculator .calculatorGroup .countArea input[type=submit] {
        display: block;
        width: 100%;
        margin: 35px 0
    }
    .detailCalculator .calculatorGroup .countArea .countItem p {
        width: 310px
    }
    .detailCalculator .calculatorGroup .countArea .countItem p span:first-child {
        width: 90px
    }
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup span:last-child {
        margin: 0 0 0 10px
    }
    .detailCalculator .calculatorGroup .resultArea {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        text-align: center;
        margin: 10px 0 50px;
        border: none
    }
    .detailCalculator .calculatorGroup .resultArea p span {
        font-size: 1.3em;
        margin: 0 10px
    }
    .hotEncyclopedia ul.issueList {
        text-align: left
    }
    .hotEncyclopedia ul.issueList li {
        width: 49%;
        margin-bottom: 20px;
        margin-left: 0
    }
    .hotEncyclopedia ul.issueList li:first-child {
        margin-right: 1%
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle h2,
    .detailArea .detailArticle .loanMainContent .moreArticle h2,
    .detailArea .detailArticle .newsMainContent .moreArticle h2 {
        width: auto;
        float: none;
        display: block
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList {
        position: relative;
        left: 0;
        display: block
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li {
        position: relative;
        top: 0;
        width: auto;
        display: block
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li a,
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li a,
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li a {
        padding: 10px 5px 10px 22px
    }
    .detailArea .detailArticle .encyclopediaMainContent .moreArticle ul.moreArticleList li:nth-child(2),
    .detailArea .detailArticle .loanMainContent .moreArticle ul.moreArticleList li:nth-child(2),
    .detailArea .detailArticle .newsMainContent .moreArticle ul.moreArticleList li:nth-child(2) {
        border-top: 1px solid #7D7D7D;
        display: block
    }

    .detailArea .mortgagesArea .mortgagesLine1{
        display: none;
    }

    .detailArea .mortgagesArea .mortgagesLine2{
        overflow-wrap: break-word;
        word-break: keep-all;
    }

    .detailArea .mortgagesArea .mortgagesText{
        font-size: 18px;
        margin-top: 20px;
    }
}

@media all and (max-width:650px) {
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain:before,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun:before,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain:before,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun:before,
    .mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain:before,
    .mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun:before,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-cloud:before,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain:before,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun:before,
    .weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain:before,
    .weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun:before,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-cloud:before,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain:before,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun:before {
        left: -60px
    }
    .detailArea .detailArticle .shareArea a.phoneUse,
    .detailArea .detailArticle .shareVideoArea a.phoneUse {
        display: inline-block
    }
    h1.weektitle {
        width: auto;
        padding-left: 45px;
        margin: 0 auto 25px
    }
    .mainWeek .weekContent .wordSection h2 {
        padding-left: 0
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun,
    .mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
    .mainWeek .weekContent .wordSection .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-cloud,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-rain,
    .mainWeek .weekContent .wordSection h2 span.sinyi-sinyi-sun {
        position: relative;
        display: block;
        text-align: left;
        padding-left: 60px;
        border: none
    }
    .mainWeek .weekContent .wordSection .weekKeyword p {
        text-align: left
    }
    .mainWeek .weekContent .wordSection .weekKeyword p span {
        display: block;
        margin-bottom: 5px
    }
    .weekArticle .weekRecent .weekInfoGroup h3 {
        padding-left: 0
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun,
    .weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
    .weekArticle .weekRecent .weekInfoGroup h3 .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-cloud,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-rain,
    .weekArticle .weekRecent .weekInfoGroup h3 span.sinyi-sinyi-sun {
        position: relative;
        display: block;
        text-align: left;
        padding-left: 60px;
        border: none;
        margin-bottom: 10px
    }
    .weekArticle .weekRecent .weekInfoGroup .keywordBox p {
        text-align: left
    }
    .weekArticle .weekRecent .weekInfoGroup .keywordBox p span {
        display: block;
        margin-bottom: 5px
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea,
    .detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea,
    .detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea {
        bottom: auto;
        top: 20%
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-left:before,
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-right:before,
    .detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-left:before,
    .detailArea .detailArticle .loanMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-right:before,
    .detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-left:before,
    .detailArea .detailArticle .newsMainContent .bannerArea .arrowControl ul.arrowArea .sinyi-ios-arrow-right:before {
        text-shadow: 0 1px 2px #333
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList {
        height: 280px
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 1.2em;
        background-image: none;
        color: #333
    }
    .detailArea .detailArticle .encyclopediaMainContent .bannerArea .bannerList ul li p span,
    .detailArea .detailArticle .loanMainContent .bannerArea .bannerList ul li p span,
    .detailArea .detailArticle .newsMainContent .bannerArea .bannerList ul li p span {
        padding: 0;
        vertical-align: top
    }
    .detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul,
    .detailArea .detailArticle .loanMainContent .paragraphLink ul,
    .detailArea .detailArticle .newsMainContent .paragraphLink ul {
        margin-left: 20px;
        padding-top: 20px
    }
    .detailArea .detailArticle .encyclopediaMainContent .paragraphLink ul li,
    .detailArea .detailArticle .loanMainContent .paragraphLink ul li,
    .detailArea .detailArticle .newsMainContent .paragraphLink ul li {
        float: none;
        width: auto
    }
    .detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea,
    .detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea,
    .detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea {
        position: relative;
        width: auto;
        margin-bottom: -40px
    }
    .detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p,
    .detailArea .detailArticle .loanMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p,
    .detailArea .detailArticle .newsMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p {
        padding: 5px 10px;
        line-height: 1.3em
    }
    .detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .notePoint,
    .detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .sinyi-bolt-1,
    .detailArea .detailArticle .loanMainContent .fisrtArticleSmall .notePoint,
    .detailArea .detailArticle .loanMainContent .fisrtArticleSmall .sinyi-bolt-1,
    .detailArea .detailArticle .newsMainContent .fisrtArticleSmall .notePoint,
    .detailArea .detailArticle .newsMainContent .fisrtArticleSmall .sinyi-bolt-1 {
        margin-left: 0
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li p {
        max-height: 57px;
        line-height: 1.4em;
        overflow: hidden
    }
    .detailArea .detailArticle .knowledgeBanner .knowledgeList ul.kList li span.more {
        display: none
    }
    .detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child {
        font-size: 14px
    }
    .detailArea .detailArticle .taiwanHistory .monthlyTable5Column dl:first-child ul li p {
        margin-left: -4px;
        letter-spacing: -1px
    }
    .detailArea .detailArticle .taiwanHistory .selectArea span {
        margin-right: 0
    }
    .detailArea .detailArticle .taiwanHistory .selectArea select {
        min-width: 60px;
        margin-right: 5px
    }
    .detailArea .detailArticle .encyclopediaExtend ul li {
        font-size: 16px;
        display: block;
        width: auto
    }
    .detailArea .detailArticle .encyclopediaExtend ul li:after,
    .detailArea .detailArticle .encyclopediaExtend ul li:first-child:before {
        display: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .fisrtArticleSmall .bannerArea .bannerList ul.listArea li p {
        padding: 10px
    }
    .fastLinkPhone {
        height: 75px
    }
    .fastLinkPhone a {
        font-size: 14px
    }
    .fastLinkPhone a span {
        margin-top: 2px;
        font-size: 2.2em;
        height: 40px
    }
    .fastLinkPhone a span:before {
        line-height: 40px
    }
    .listSection {
        padding: 10px 0 20px
    }
    .mainToday h3 {
        top: 25px;
        right: 35px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent {
        width: auto;
        margin: 0 30px;
        padding: 140px 0 70px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 {
        position: relative;
        padding: 0 0 15px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span {
        margin-left: -20px
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-cloud,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-rain,
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent h2 span.sinyi-sinyi-sun {
        position: absolute;
        left: 80px;
        top: -70px;
        width: 150px;
        border: none
    }
    .mainToday div.mainAllGroup section.todayHouse .groupBox .todayContent time {
        top: 35px;
        left: 0
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle {
        margin: 0 35px;
        padding-top: 70px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure {
        top: 0;
        margin-bottom: 10px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle figure img {
        width: 100%;
        margin-top: 12px
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle h2,
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle time {
        margin-left: 0;
        line-height: 1.4em
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox .todayNewTitle time {
        display: block;
        margin: 10px 0
    }
    .mainToday div.mainAllGroup section.todayNews .groupBox p {
        margin: 10px 35px 0
    }
    .mainToday div.mainAllGroup section.moreToday .groupBox ul {
        margin: 0 35px
    }
    .insideContent {
        width: auto;
        margin: 0 30px
    }
    .insideContent a.showMore {
        display: block;
        padding: 15px 0;
        text-align: center
    }
    .insideContent .newsArticleArea ul.articleList li {
        width: auto
    }
    .insideContent .newsArticleArea ul.articleList li:nth-child(odd) {
        margin-right: 0
    }
    .slideNewsType .tabContent {
        padding: 25px 30px
    }
    .slideNewsType .tabContent .leftLink .linkGroup {
        width: auto;
        margin-left: 0;
        display: initial
    }
    .slideNewsType .tabContent .leftLink .linkGroup span {
        text-align: left;
        width: 60px;
        padding: 8px 0
    }
    section.typeAreaEveryday ul.typeListEveryday li {
        width: 33%;
        display: none
    }
    section.typeAreaEveryday ul.typeListEveryday li.padShow {
        display: none
    }
    section.typeAreaEveryday ul.typeListEveryday li.phoneShow {
        display: inline-block
    }
    section.newsAreaEveryday ul.newsListEveryday li {
        width: auto;
        display: block;
        height: auto
    }
    section.newsAreaEveryday ul.newsListEveryday li .newsBox {
        padding-bottom: 80px
    }
    .detailArea {
        margin: 0 16px
    }
    .detailArea .detailArticle.hadShare {
        margin: 0
    }
    .crumbArea {
        margin: 0 14px
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-left,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left {
        float: left;
        width: 50%;
        display: block
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-left:before,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left:before {
        margin-top: 20px
    }
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left.groupdy:before {
        margin-top: 40px
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-left p,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left p {
        width: auto;
        width: 120px;
        padding-right: 0;
        padding-left: 46px;
        margin-top: -20px
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-left span,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-left span {
        position: absolute;
        right: 0;
        border: 1px solid #007189;
        width: 80px;
        text-align: center;
        padding: 3px 0
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right {
        position: relative;
        display: block;
        width: 50%;
        float: right
    }
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right:before {
        margin-top: 20px
    }
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right.groupdy:before {
        margin-top: 40px
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right figure,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right figure {
        float: right;
        margin-left: 0;
        margin-right: 5px
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right p,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right p {
        width: auto;
        width: 116px;
        padding-right: 46px;
        padding-left: 15px;
        margin-top: -20px;
        text-align: left
    }
    .detailArea .detailArticle .extendArea a.sinyi-ios-arrow-right span,
    .detailArea .detailArticle .extendVideoArea a.sinyi-ios-arrow-right span {
        position: absolute;
        right: 0;
        border: 1px solid #007189;
        width: 80px;
        text-align: center;
        padding: 3px 0
    }
    .detailArea .detailArticle .expertPoint .expertInfo {
        position: relative;
        top: 0;
        width: auto
    }
    .detailArea .detailArticle .expertPoint .expertInfo h5 {
        position: absolute;
        top: 30px;
        left: 130px
    }
    .detailArea .detailArticle .expertPoint .expertInfo p {
        position: absolute;
        top: 60px;
        left: 130px
    }
    .detailArea .detailArticle .expertPoint .expertContent {
        margin-top: 0;
        margin-left: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent h1,
    .detailArea .detailArticle .loanMainContent h1,
    .detailArea .detailArticle .newsMainContent h1 {
        margin: 25px 14px
    }
    .detailArea .detailArticle .encyclopediaMainContent .detailInfo,
    .detailArea .detailArticle .loanMainContent .detailInfo,
    .detailArea .detailArticle .newsMainContent .detailInfo {
        margin: 0 14px
    }
    .detailArea .detailArticle .encyclopediaMainContent .pic3Group img,
    .detailArea .detailArticle .loanMainContent .pic3Group img,
    .detailArea .detailArticle .newsMainContent .pic3Group img {
        max-width: 47%
    }
    .detailArea .detailArticle .encyclopediaMainContent .pic3Group img:nth-child(1),
    .detailArea .detailArticle .loanMainContent .pic3Group img:nth-child(1),
    .detailArea .detailArticle .newsMainContent .pic3Group img:nth-child(1) {
        margin-right: 2%
    }
    .detailArea .detailArticle .extendLinkHalf ul.otherArticle:nth-child(odd),
    .detailArea .detailArticle .houseMate ul li:first-child,
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideArea .newClinch,
    .fixedBox .sideArea .newsPoint,
    .fixedBox .sideAreaVideo .houseMate,
    .fixedBox .sideAreaVideo .newClinch,
    .fixedBox .sideAreaVideo .newsPoint,
    .fixedBox .sideAreaVideo .videoSide:first-child {
        margin-right: 0
    }
    .detailArea .detailArticle .encyclopediaMainContent .pic3Group img:nth-child(3),
    .detailArea .detailArticle .loanMainContent .pic3Group img:nth-child(3),
    .detailArea .detailArticle .newsMainContent .pic3Group img:nth-child(3) {
        display: none
    }
    .detailArea .detailArticle .encyclopediaMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .loanMainContent .article1BannerArea .bannerList ul li p,
    .detailArea .detailArticle .newsMainContent .article1BannerArea .bannerList ul li p {
        padding: 30px 30px 30px 40px;
        line-height: 1.2em
    }
    .detailArea .detailArticle .extendLinkHalf {
        width: auto
    }
    .detailArea .detailArticle .extendLinkHalf ul.otherArticle {
        display: block;
        width: auto
    }
    .detailArea .detailArticle .hotCommunity ul {
        margin-left: 0
    }
    .detailArea .detailArticle .hotCommunity ul li {
        display: block;
        width: auto;
        margin-left: 0
    }
    .detailArea .detailArticle .houseMate a.moreMate {
        display: block;
        float: none;
        text-align: right;
        margin-bottom: 30px
    }
    .detailArea .detailArticle .houseMate ul {
        padding-left: 0
    }
    .detailArea .detailArticle .houseMate ul li {
        display: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 20px
    }
    .detailArea .detailArticle .houseMate ul li:nth-child(0),
    .detailArea .detailArticle .houseMate ul li:nth-child(1) {
        display: block
    }
    .detailArea .detailArticle .newClinch {
        margin-bottom: 20px
    }
    .detailArea .detailArticle .newClinch:after {
        content: '';
        clear: both;
        float: none;
        display: block
    }
    .detailArea .detailArticle .newClinch ul li {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .detailArea .detailArticle .extendLink ul.otherArticle li,
    .detailArea .detailArticle .extendLinkHalf ul.otherArticle li {
        display: block;
        width: auto;
        margin-left: 0
    }
    .detailArea .detailArticle .videoMainContent iframe {
        height: 200px
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup {
        display: block
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup .pie-single-percentage {
        right: -10px
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart2 {
        width: auto;
        border: none
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 {
        width: auto
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 .small-div h2 {
        margin-left: 0
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 {
        width: auto
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 h2 {
        margin-left: 0
    }
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart4 .bar-chart-sidebar {
        left: -15px
    }
    .detailArea .detailArticle .commentTable5Column ul li {
        width: 15%
    }
    .detailArea .detailArticle .commentTable5Column ul li:first-child {
        width: 21%
    }
    .detailArea .detailArticle .commentTable5Column ul li:nth-child(2) {
        width: 25%
    }
    .detailArea .detailArticle .commentTable5Column ul li:nth-child(3),
    .detailArea .detailArticle .commentTable5Column ul li:nth-child(4),
    .detailArea .detailArticle .commentTable5Column ul li:nth-child(5) {
        width: 12%
    }
    .detailArea .detailArticle .commentTable5Column ul li p {
        font-size: 13px;
        line-height: 1.4em;
        letter-spacing: 0
    }
    .detailArea .detailArticle .commentTable5Column dl dt {
        width: 28%;
        word-break: break-all;
        font-size: 14px;
        line-height: 1.4em
    }
    .detailArea .detailArticle .commentTable5Column dl dt p span {
        display: block
    }
    .detailArea .detailArticle .commentTable5Column dl dd {
        font-size: 14px;
        line-height: 1.4em
    }
    .detailArea .detailArticle .commentTable5Column dl dd .sinyi-download:before {
        display: none
    }
    .detailArea .detailArticle .commentTable5Column dl dd p {
        margin-left: 0
    }
    .detailArea .detailArticle .adobeArea figure {
        position: relative
    }
    .detailArea .detailArticle .adobeArea p,
    .detailArea .detailArticle .relatedPrice .chartArea section.chartGroup.newChart3 ul.label {
        margin-left: 0
    }
    .fixedBox {
        margin: 0
    }
    .fixedBox .sideArea .houseMate,
    .fixedBox .sideArea .newClinch,
    .fixedBox .sideArea .relatedPrice,
    .fixedBox .sideAreaVideo .houseMate,
    .fixedBox .sideAreaVideo .newClinch,
    .fixedBox .sideAreaVideo .relatedPrice {
        display: block;
        width: auto
    }
    .fixedBox .sideArea .asideAd,
    .fixedBox .sideArea .hotCommunity,
    .fixedBox .sideAreaVideo .asideAd,
    .fixedBox .sideAreaVideo .hotCommunity {
        display: none
    }
    .fixedBox .sideArea .hotCommunity ul li figure a,
    .fixedBox .sideAreaVideo .hotCommunity ul li figure a {
        margin-top: 0;
        padding: 13px 25px
    }
    .fixedBox .sideAreaVideo .videoSide {
        display: block;
        width: auto
    }
    .keywordSearchMainContent ul.keywordNewsList li section.keyWord,
    .keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord {
        display: block;
        padding: 8px 0;
        left: 0
    }
    .keywordSearchMainContent ul.keywordNewsList li section.keyWord:before,
    .keywordSearchMainContent ul.keywordSinyipediaList li section.keyWord:before {
        content: ''
    }
    .keywordSearchMainContent ul.keywordVideoList li figure {
        position: relative;
        top: 0;
        display: block;
        margin-bottom: 10px
    }
    .keywordSearchMainContent ul.keywordVideoList li .vContent {
        margin-left: 0
    }
    .weekBannerArea .weekBannerList {
        height: 85px
    }
    .weekBannerArea .weekBannerList ul.weekListArea li p span,
    .weekBannerArea .weekBannerList ul.weekListArea li p time {
        font-size: 14px
    }
    .detailCalculator .calculatorGroup .countArea .countItem p {
        width: auto;
        display: block;
        float: none
    }
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup {
        top: 0;
        margin: 25px 0
    }
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup .noUi-target {
        width: 55%
    }
    .detailCalculator .calculatorGroup .countArea .countItem .rangeGroup span:first-child {
        margin-left: 0
    }
    .detailCalculator .calculatorGroup .countArea .countItem input[type=text] {
        width: 45%
    }
    .expertArea .expertBox .schannel {
        left: 10px
    }
    .expertArea .expertBox .expertContent {
        margin: 0 10px
    }
    h1.videotitle {
        padding-left: 15px;
        margin-top: 0
    }
    .mainNewVideo {
        margin: 0 15px
    }
    .mainNewVideo .newVinfo .vKeyWord span.w {
        display: block;
        margin-bottom: 10px
    }
    .videoTopic {
        padding: 0 15px
    }
    .videoTopic div {
        height: auto
    }
    .videoTopic div .videoMain ol.vTab {
        position: relative;
        z-index: 15;
        height: 0;
        line-height: 35px;
        padding-top: 35px;
        margin: 35px 0
    }
    .videoTopic div .videoMain ol.vTab li:before {
        display: none
    }
    .videoTopic div .videoMain ol.vTab li {
        position: relative;
        width: auto;
        display: none;
        float: none;
        background: #055d24;
        color: #fff;
        text-align: left;
        padding: 0 0 0 10px
    }
    .videoTopic div .videoMain ol.vTab li:hover {
        background: #05742c;
        color: #fff
    }
    .videoTopic div .videoMain ol.vTab li.select {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        background: #05742c;
        color: #fff
    }
    .videoTopic div .videoMain ol.vTab li.select:after {
        margin-top: 5px;
        width: 35px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-family: sinyi;
        content: 'x';
        font-size: 1.5em;
        float: right;
        border-left: 1px solid #fff
    }
    .mainNewVideo iframe {
        height: 200px
    }
    .mainNewVideo .newVinfo .vShare p.view {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 10px
    }
    ul.videoList {
        position: relative
    }
    ul.videoList li {
        width: 100%;
        margin: 0 0 35px
    }
    .videoContent {
        position: relative;
        padding: 0 15px
    }
    .videoContent h1 span.line {
        display: none
    }
    .videoContent h1.vTitle:first-child {
        padding: 35px 0
    }
    .videoContent .videoSlide {
        width: 80%;
        left: 10%
    }
    .videoContent .videoSlide .slideList ul li figure {
        padding-right: 0
    }
    .expertArea {
        height: 250px
    }
    .expertArea .expertBox .expertContent .slideList {
        height: 190px
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li p {
        letter-spacing: 0;
        font-size: 14px
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li h3 {
        padding-top: 30px
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li figure {
        height: 190px;
        margin-right: 0
    }
    .expertArea .expertBox .expertContent .slideList ul.expertList li figure img {
        height: 100%;
        width: auto
    }
    .keywordSearchMainContent ul.keywordSearchTap li {
        padding: 0;
        width: 33.7%
    }
    .mainEncyclopedia .buyerArea,
    .mainEncyclopedia .sellerArea {
        width: auto;
        display: block;
        margin-left: 0;
        margin-bottom: 5px;
        border: none
    }
    .mainEncyclopedia .fastLickArea a {
        display: block;
        width: auto;
        margin-bottom: 5px
    }
    .hotEncyclopedia ul.issueList li {
        display: block;
        width: auto
    }
    .hotEncyclopedia ul.issueList li:first-child {
        margin-right: 0
    }
    ul.encyclopediaList {
        margin-left: 0
    }
    ul.encyclopediaList li {
        display: block;
        width: auto;
        margin: 0 1% 5px 0
    }
    ul.encyclopediaList li .encyclopediaBox {
        height: auto;
        padding-bottom: 50px
    }
    .encyclopediaExtend {
        padding: 45px 0 70px;
        width: 100%;
        float: left
    }
    .encyclopediaExtend ul li {
        display: block
    }
    .encyclopediaExtend ul li:after,
    .encyclopediaExtend ul li:first-child:before {
        display: none
    }
    .encyclopediaSearch .keywordSearch {
        top: 15%
    }
    .encyclopediaSearch .keywordSearch input[type=text] {
        width: 70%;
        font-size: 1.2em;
        font-weight: 400
    }
    .encyclopediaSearch .keywordTitle a span {
        font-size: 1.2em;
        line-height: 1.4em;
        padding-top: 15%;
        font-weight: 400
    }
    .encyclopediaSearch ul.blurList li a {
        margin: 1px 5px 0;
        display: inline-block;
        font-size: 14px;
        line-height: 1.3em
    }
    .encyclopediaSearch ul.blurList li:before {
        left: 2px
    }
    .encyclopediaFastArea .encyclopediaTitle {
        float: none
    }
    .encyclopediaFastArea ul.encyclopediaFastLink {
        position: relative;
        left: -15px;
        margin-left: 0
    }
    .encyclopediaContent .encyclopediaSearchBox,
    .encyclopediaContent ul.encyclopediaContentList {
        padding: 30px 10px
    }
    .encyclopediaContent ul.encyclopediaSearchTap {
        position: relative;
        padding-top: 35px;
        width: 80%;
        margin: 0 auto 20px
    }
    .encyclopediaContent ul.encyclopediaSearchTap li {
        display: none;
        float: none;
        color: #fff;
        background: #006457;
        margin: 0;
        width: 100%;
        border: none
    }
    .encyclopediaContent ul.encyclopediaSearchTap li:hover {
        border: none
    }
    .encyclopediaContent ul.encyclopediaSearchTap li a {
        height: auto;
        font-size: 16px;
        padding: 10px 0;
        color: #fff
    }
    .encyclopediaContent ul.encyclopediaSearchTap li a:hover,
    .encyclopediaContent ul.encyclopediaSearchTap li a:visited {
        color: #fff
    }
    .encyclopediaContent ul.encyclopediaSearchTap li.select {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 35px;
        background: #059c85;
        color: #fff;
        display: block;
        overflow: hidden;
        border: none
    }
    .encyclopediaContent ul.encyclopediaSearchTap li.select:hover {
        border: none
    }
    .encyclopediaContent ul.encyclopediaSearchTap li.select a {
        line-height: 35px;
        padding: 0;
        font-size: 16px;
        color: #fff
    }
    .encyclopediaContent ul.encyclopediaSearchTap li.select a:hover,
    .encyclopediaContent ul.encyclopediaSearchTap li.select a:visited {
        color: #fff
    }
    .encyclopediaContent ul.encyclopediaSearchTap li.select a:after {
        margin-top: 5px;
        width: 35px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-family: sinyi;
        content: 'x';
        font-size: 1.5em;
        float: right;
        border-left: 1px solid #fff
    }
}

@media (max-width:991px) {
    .recommendObjectSiteM {
        background-color: white;
        height: 420px;
        display: flex;
        flex-direction: column;
    }

    .recommendObjectSiteM>.recommendTitleMDiv {
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    .recommendObjectSiteM>.recommendTitleMDiv>div>h2 {
        color: #009650;
        font-size: 24px;
        letter-spacing: 0px;
        margin: 0;
    }

   .recommendObjectSiteM>.recommendObjectMDiv {
        padding: 0 10px 0 10px!important;
        margin: 0px;
    }

    .recommendObjectSiteM>.recommendTitleMDiv>.moreInfoDiv {
        font-size: 16px;
        margin: 0;
        padding: 0;
    }
}