@charset "utf-8";
/* CSS Document */
/*20130218*/
input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    padding: 4px;
    margin: 0 3px;
    border: 1px solid #666666;
}

select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #999 1px solid;
    color: #333;
    padding: 4px;
    margin: 0 3px;
}

.body {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background: #FFF url(../image/bg123.jpg) repeat-x center top; /* bg123.jpg*/
    position: relative;
}

.body .top a {
    bottom: 100px;
    right: 20px;
    color: #FFFFFF;
    display: block;
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 50px;
    height: 50px;
    background: url(../image/top.png) no-repeat top;
    z-index: 4;
}

.body .top a:hover {
    background: url(../image/top.png) no-repeat bottom;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.padding20 {
    padding: 20px;
}

.padding1020 {
    padding: 10px 20px;
}

.margin-top-10px {
    margin-top: 10px;
}

.font-color-990 {
    color: #900;
}

.font-color-00F {
    color: #00F
}

.font-color-F00 {
    color: #F00;
}

.font-color-F60 {
    color: #F60;
}

.red {
    color: #F00;
}

.bg-color {
    background-color: #efefef;
}

.divider {
    color: #CCCCCC;
    font-size: 20px;
    padding: 0 2px;
}

.blue-link a {
    color: #00F;
    text-decoration: underline;
}

.blue-link a:hover, .blue-link a:link, .blue-link a:visited {
    color: #00F;
    text-decoration: underline;
}

a.link {
    text-decoration: underline;
}

a.link:hover {
    text-decoration: underline;
}

.link a {
    text-decoration: underline;
}

/*-----header-----*/
div.cite-header {
    background: url(../image/logo.png) no-repeat;
    width: 1005px;
    margin-right: auto;
    margin-left: auto;
    /* [disabled]margin-bottom:10px;
*/
    padding: 0;
}

div.header-banner {
    background-image: url(../image/logo/logo.png);
}

div.header-banner2 {
    background-image: url(../image/logo/102glory.gif);
}

/*div.header-banner3 {*/
    /*background-image: url(../image/logo/F9W4C.png);*/
/*}*/

div.header-banner-member {
    background-image: url(../image/logo/memberday20171006.png);
}

/*div.header-banner-vip {*/
    /*background-image: url(../image/logo/104ireading_header_20150816.jpg);*/
/*}*/

div.header-banner-A3B4C1043{
    background-image: url(../image/logo/A3B4C1043_20171003.png);
}

div.header-banner-2017citevip_1011{
    background-image: url(../image/logo/2017citevip_1011.png);
}


div.cite-header h1 a {
    width: 270px;
    height: 100px;
    float: left;
}

div.cite-header .banner1 a {
    width: 200px;
    height: 130px;
    float: left;
}

div.cite-header .banner2 {
    width: 468px;
    height: 60px;
    float: right;
    padding: 0;
}

.shopping-card {
    position: relative;
    width: 150px;
    height: 98px;
    background: url(../image/shopping-card.png) no-repeat;
}

.shopping-card-text {
    position: absolute;
    right: 18px;
    top: 42px;
    line-height: 1.5em;
}

.shopping-card-link {
    width: 150px;
    height: 98px;
    display: block;
}

.msg-area {
    line-height: 1.5em;
    /* [disabled]padding-top:35px;
*/
}

ul.menu-S {
    float: right;
    border: 1px solid #ccc;
    background: url(../image/search_bar_bg.png) repeat-x -2px -40px;
    margin-top: 5px;
    height: 30px;
}

ul.menu-S li {
    float: left;
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 5px 5px;
}

ul.menu-S li.fb {
    min-width: 70px;
}

p.fbPhoto {
    float: left;
    padding-left: 3px;
    width: 23px;
}

p.fbName {
    float: left;
    padding-left: 5px;
}

/*menu-L*/
ul.menu-L {
    padding: 0;
    margin: 0;
}

ul.menu-L li {
    float: left;
}

ul.menu-L li a {
    /*width: 136px;*/
    width: 165px;
    text-align: center;
    display: block;
    padding: 0;
    line-height: 33px;
    background: url("../image/bg-search-panel.jpg") repeat-x 0 20%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-left-color: #ccc;
    border-bottom-width: 0;
    border-bottom-style: none;
}

ul.menu-L li.index a.select {
    background-image: none;
    background-color: #FFE329;
}

ul.menu-L li.index a:hover {
    background-image: none;
    background-color: #FFE329;
    color: #FFF;
}

ul.menu-L li.library a.select {
    background: #d56959 none;
    color: #FFF;
}

ul.menu-L li.library a:hover {
    background: #d56959 none;
    color: #FFF;
}

ul.menu-L li.case_libary a:hover {
    background: #c16412 none;
    color: #FFF;
}

ul.menu-L li.case_libary a.select {
    background: #c16412 none;
    color: #FFF;
}

ul.menu-L li.cartoon a.select {
    background: #eaa93c none;
    color: #FFF;
}

ul.menu-L li.cartoon a:hover {
    background: #eaa93c none;
    color: #FFF;
}

ul.menu-L li.un_cite a:hover {
    background: #42b6aa none;
    color: #FFF;
}

ul.menu-L li.un_cite a.select {
    background: #42b6aa none;
    color: #FFF;
}

ul.menu-L li.mag a:hover {
    background: #fd91b2 none;
    color: #FFF;
}

ul.menu-L li.mag a.select {
    background: #fd91b2 none;
    color: #FFF;
}

ul.menu-L li.epaper a:hover {
    background: #ffbf70 none;
    color: #FFF;
}

ul.menu-L li.epaper a.select {
    background: #ffbf70 none;
    color: #FFF;
}

ul.menu-L li.magazine a:hover {
    background: #2d8d13 none;
    color: #FFF;
}

ul.menu-L li.magazine a.select {
    background: #2d8d13 none;
    color: #FFF;
}

.bg-color-FFE329 {
    background-color: #FFE329;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

.sub-menu-L ul li.index a {
    color: #666;
}

.bg-color-d56959 {
    background-color: #d56959;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-d56959 ul li a {
    color: #fff;
}

.bg-color-c16412 {
    background-color: #c16412;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-c16412 ul li a {
    color: #fff;
}

.bg-color-e9a93d {
    background-color: #e9a93d;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-e9a93d ul li a {
    color: #fff;
}

.bg-color-42b6aa {
    background-color: #42b6aa;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-42b6aa ul li a {
    color: #fff;
}

.bg-color-fd91b2 {
    background-color: #fd91b2;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-fd91b2 ul li a {
    color: #fff;
}

.bg-color-ffbf70 {
    background-color: #ffbf70;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-ffbf70 ul li a {
    color: #fff;
}

.bg-color-2d8d13 {
    background-color: #2d8d13;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

div.bg-color-2d8d13 ul li a {
    color: #fff;
}

ul.menu-L li.w16 a {
    /*width: 150px;*/
    width:168px;
    position: relative;
    /*padding-left:15px;*/
    background: url(../image/slogan-a-bg4.png) repeat-x;
}

ul.menu-L li.w16 a:hover {
    color: #FFF;
}

ul.menu-L .w16.radius-right-top .icon a img {
    position: absolute;
    left: 10px;
    top: 5px;
}

ul.menu-L li.w17 a {
    width: 160px;
    position: relative;
    /*padding-left:15px;*/
    background: url(../image/slogan-a-bg5.png) repeat-x;
}

ul.menu-L li.w17 a:hover {
    color: #FFF;
}

ul.search {
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #FFFFFF;
    display: block;
    height: 35px;
    background-repeat: repeat-x;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-image: url(../image/bg-search-panel.jpg);
    border: 1px solid #CCC;
    line-height: 24px;
}

ul.search li.float-L {
    float: left;
}

ul.search .float-L h4 a {
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
    background-image: url(../image/button2.png);
    padding: 0 10px;
    text-align: center;
    display: block;
    line-height: 24px;
    margin: 2px 5px;
    font-size: 13px;
    color: #FFF;
    border: 1px #666 solid;
}

ul.search .float-L h4 a:hover {
    background-image: url(../image/button.png);
}

ul.search li.float-R {
    float: right;
}

ul.search .float-R h4.ad-text a {
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
    background-color: #FFC;
    text-align: center;
    display: block;
    margin: 2px 2px;
    line-height: 24px;
    padding: 0 5px;
    border: 1px solid #CCC;
}

/*-----footer-----*/
div.cite-footer {
    background-color: #efefef;
}

div.footer-inner {
    width: 1005px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 20px;
    margin-right: auto;
    /* [disabled]margin-bottom: 20px;
*/
    margin-left: auto;
    padding-top: 10px;
}

div.cite-footer-inner {
    width: 1005px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    margin-top: 20px;
    margin-right: auto;
    /* [disabled]margin-bottom: 20px;
*/
    margin-left: auto;
    padding-top: 10px;
}

/*-----container-----*/
div.container {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 30px;
    position: relative;
    width: 1005px;
}

div.content-L {
    width: 155px;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

div.content-R {
    width: 155px;
    float: right;
    padding-right: 5px;
}

/*-----content-L-----*/
.content-L li {
    position: relative;
}

.content-L ul li {
    line-height: 24px;
    padding-left: 7px;
    padding-right: 7px;
}

.content-L ul.box {
    background-color: #FFF;
    border: #CCC 1px solid;
    margin-bottom: 20px;
    padding: 10px 0;
}

.content-L ul.box2 {
    background-color: #FFF;
    border: #CCC 1px solid;
    margin-bottom: 20px;
    padding: 10px 0;
}

.content-L ul.box2 li {
    background: url(../image/item.png) no-repeat;
    padding-left: 24px;
}

.content-L ul.box a img {
    border: 1px solid #CCC;
}

.content-L div.box-title {
    background-color: #FFE329;
    line-height: 33px;
    position: relative;
    padding: 0 8px;
    height: 33px;
    vertical-align: middle;
    font-weight: bolder;
}

.content-L ul.box li ul li ul li p {
    padding-left: 24px;
}

.padding-left-24 {
    padding-left: 24px
}

.content-L div.box-title span a {
    background-color: #FFE329;
    line-height: 33px;
    right: 5px;
    top: 0;
    position: absolute;
    color: #39F;
}

.content-L li.expansion p a {
    background-color: #EFEFEF;
    position: absolute;
    right: 5px;
    bottom: 0;
    line-height: 25px;
    padding: 0 3px;
    margin-bottom: 5px;
    border: #CCC 1px solid;
}

.sub-menu {
    height: 30px;
}

ul.sub-menu-L {
    height: 24px;
    margin: 0 auto;
    width: 810px;
}

ul.sub-menu-L li {
    border-right: 1px solid #FFFFFF;
    float: left;
    text-align: center;
    width: 80px;
}

ul.sub-menu-L li a {
    -moz-border-radius: 0 0 0 0;
    background-image: none;
    border: medium none;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

ul.sub-menu-L-uncite {
    height: 24px;
    margin: 0 auto;
    width: 810px;
}

ul.sub-menu-L-magazine {
    height: 24px;
    margin: 0 auto;
    width: 940px;
}

ul.sub-menu-L-magazine li {
    padding: 0 10px;
}

ul.sub-menu-L li a:hover {
    color: #FF6600;
}

ul.view-word li {
    float: left;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

ul.view-word li a {
    background-image: none;
    border: medium none;
    color: #333333;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
}

ul.view-word li a:hover {
    color: #FF6600;
}

.content-L ul .button2 a {
    background: #FFF url(../image/button2.png);
    border: 1px solid #666;
    margin: 0 auto;
    width: 110px;
    line-height: 24px;
    cursor: pointer;
    display: block;
    color: #FFF;
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
}

.content-L ul .button2 a:hover {
    border: 1px solid #666;
    margin: 0 auto;
    width: 110px;
    line-height: 24px;
    cursor: pointer;
    display: block;
    color: #FFF;
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
    background: #FFF url(../image/button.png) repeat-x;
}

.title3 {
    border: 1px solid #CCC;
    background-color: #efefef;
}

.content-L  ul.category-box{
    border-style:none;
}

.content-L  ul.category-box li:last-child{
    padding-bottom: 5px;
}

/*-----content-R-----*/
.content-R div.box-title span a {
    line-height: 30px;
    right: 5px;
    top: 0;
    position: absolute;
    color: #39F;
}

.content-R .box a img {
    border: #CCC 1px solid;
}

.content-R div.box-title {
    background-color: #FFE329;
    line-height: 30px;
    position: relative;
    padding: 0 8px;
    height: 30px;
    vertical-align: middle;
    font-weight: bolder;
}

.content-R div.box-title-first {
    background-color: #FFE329;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.content-R .box-title p.number {
    position: absolute;
    top: 7px;
    right: 5px;
}

.content-R .box-title .number .n {
    background-color: #FFC;
    padding: 2px 5px;
    margin-left: 8px;
    float: left;
    line-height: 12px;
}

.content-R .box-title .number a:hover.n {
    background-color: #CCC;
}

.content-R .box-title .number a.activeSlide {
    background-color: #CCC;
}

.content-R .box-title p.number {
    position: absolute;
    top: 7px;
    right: 5px;
}

.content-R .box-title .number .n {
    background-color: #FFC;
    /*padding:2px 5px;
    margin-left:8px;*/
    float: left;
    line-height: 12px;
    padding: 4px 4px;
    margin-left: 3px;
}

.content-L .box-title p.number {
    position: absolute;
    top: 7px;
    right: 5px;
}

.content-L .box-title .number .n {
    background-color: #FFC;
    /*padding:2px 5px;
    margin-left:8px;*/
    float: left;
    line-height: 12px;
    padding: 4px 4px;
    margin-left: 3px;
}

.content-L .box-title .number a:hover.n {
    background-color: #CCC;
}

.content-L .box-title .number a.activeSlide {
    background-color: #CCC;
}

.content-R ul.box {
    background-color: #FFF;
    border: #CCC 1px solid;
    padding: 7px;
    margin-bottom: 20px;
}

.content-R ul.box-first {
    margin-bottom: 20px;
    padding: 7px;
    line-height: 24px;
    position: relative;
    border: #CCC 1px solid;
    background: #FFF no-repeat bottom;
}

.content-R ul.box-first li {
    line-height: 24px;
}

.content-R .box-first li .blue-link a {
    color: #09F;
}

.box.top-list li {
    padding-bottom: 5px;
}

.box.top-list .more {
    list-style: none;
    text-align: right;
    border: 1px dashed #CCC;
    color: #FF6600;
}

.box.top-list .more a {
    display: block;
    background-color: #FFF;
}

.box.top-list .more a:hover {
    background-color: #efefef;
}

.content-R ul .button2 a {
    background: #FFF url(../image/button3.png);
    border: 1px solid #666;
    margin: 0 auto;
    width: 110px;
    line-height: 24px;
    cursor: pointer;
    display: block;
    color: #FFF;
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
}

.content-R ul .button2 a:hover {
    background: #FFF url(../image/button4.png);
    border: 1px solid #900;
    margin: 0 auto;
    width: 110px;
    line-height: 24px;
    cursor: pointer;
    display: block;
    color: #FFF;
    border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari ??Chrome */
}

/*-----notice-----*/
div.notice {
    margin-bottom: 20px;
    color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(../image/bg-search-panel.jpg) 50%;
    border: 1px solid #CCC;
}

div.notice p a {
    padding: 0;
    line-height: 24px;
}

div.notice p.notice-text.float-L {
    color: #333333;
    width: 118px;
    overflow: hidden;
    height: 28px;
}

div.notice p.notice-icon {
    float: left;
    width: 22px;
    padding-left: 4px;
    padding-top: 3px;
}

/*-----notice2-----*/
/*
div.notice2 {
    margin-bottom: 20px;
    color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image:url(../image/button3.png);
    background-position: 50%;
    border: 1px solid #CCC;
}
div.notice2 p a {
    padding:0;
    line-height: 24px;
}
div.notice2 p.notice-text.float-L {
    color: #333333;
    width: 118px;
    overflow: hidden;
    height: 28px;
}
div.notice2 p.notice-icon {
    float: left;
    width: 22px;
    padding-left: 4px;
    padding-top: 3px;
}*/
div.notice2 {
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(../image/button3.png) 50%;
    border: 1px solid #666;
}

div.notice2 a {
    color: #FFF;
    line-height: 24px;
}

div.notice2 p {
    padding: 3px;
    line-height: 24px;
}

div.notice2 p.notice2-text.float-L {
    width: 118px;
    overflow: hidden;
    height: 24px;
}

div.notice2 p.notice2-icon {
    float: left;
    width: 22px;
    padding-left: 4px;
    padding-top: 6px;
}

/*-----member-----*/

ul.top-tab li {
    float: left;
    border: 1px #CCC solid;
    background: url(../image/bg-search-panel.jpg) 0 50%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    margin: 0;
    padding: 0;
}

ul.top-tab li a {
    line-height: 33px;
    display: block;
}

ul.top-tab li a:hover {
    background: url(../image/bg-search-panel.jpg) repeat-x bottom;
    display: block;
    height: 33px;
}

ul.top-list {
    padding: 5px;
    min-height: 266px;
}

.top-list-number {
    float: left;
    width: 20px;
    text-align: right;
    font-weight: bold;
    color: #F60;
}

.top-list-text {
    float: left;
    width: 110px;
}

.top-list-text a {
    text-decoration: underline;
}

.top-list-text2 {
    float: left;
    width: 130px;
}

.top-list-text2 a {
    text-decoration: underline;
}

.lib_hit_parade li {
    padding-bottom: 3px;
}
.lib_hit_parade img {
    border: #CCC 1px solid;
}

div.button a {
    width: 160px;
    text-align: center;
    display: block;
    line-height: 24px;
    background-color: #FFF;
    width: 90%;
    margin: 5px auto;
}

ul.member-box li a {
    width: 150px;
    text-align: center;
    line-height: 30px;
    background-color: #FFE329;
    border: 1px dashed #CCC;
    margin-left: 10px;
}

ul.member-box li {
    padding-bottom: 5px;
    padding-top: 5px;
}

.content-R ul.member-tab h2 {
    background-image: url(/image/slogan-a-bg2.png);
    font-weight: bold;
    font-size: 14px;
}

.em {
    display: none
}

.pointer {
    cursor: pointer
}

/*un-cite*/
.header .search .keyword a {
    color: #42B6AA;
    line-height: 1.5em;
}

.header .search .keyword a:hover {
    text-decoration: underline;
}

.fraction {
    width: 95px;
    text-align: center;
}

#force_rec {
    margin-bottom: 20px
}

img.img_margin {
    border: 1px solid #CCC;
}

.hidden {
    display: none
}

.pointer {
    cursor: pointer
}

/*comics*/
ul.search .float-L.keyword h4 a {
    line-height: 24px;
    display: block;
    margin: 2px 5px;
    border: 0;
    padding: 0;
    color: #555555;
    background: 0;
    font-size: 13px;
}

ul.search .float-L.keyword h4 a:hover {
    color: #000000;
}

ul.search .float-L.keyword.static h4 a {
    line-height: 24px;
    display: block;
    margin: 2px 5px;
    border: 0;
    padding: 0;
    color: #555555;
    background: 0;
    font-size: 13px;
}

/*comics*/

div.mobile, div.mobile-cart-list {
    display: none;
}


/*newHeader-----------------------------------------------------------------*/

/*reset*/
div, a, img { margin: 0; padding: 0; border: 0; }
ul ol { list-style: none; }
body { line-height:1; color:#333; background-color: #FFFFFF; }
.body {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
}


/*citeHeader--------------------------------------*/
input,button,select,textarea {outline:none}
.citeHeader {
    width: 100%;
    font-family: 敺株?甇??擃? "Microsoft JhengHei", "LiHei Pro", sans-serif, ?啁敦??;
    margin-bottom: 3px;
    position: relative;
    z-index: 9;
}
@media screen and (max-width: 1005px) {
    .citeHeader { width: 1005px; }
    .cite-footer { width: 1005px; }
}
/*topnav*/
.citeTop {
    width: 100%;
    height: 30px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #E1E1E1;
}
.citeTopnav { width: 1005px; margin: 0 auto; }
.topnavLeft a {
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    background-color: #E7E7E7;
    padding: 0 13px;
    border-right: 1px solid #F7F7F7;
    display: block;
}
.topnavLeft a:hover {
    color: #FF6600;
    background-color: #FFFFFF;
}
.topnavUser a { float: right; height: 30px; line-height: 30px; font-size: 13px; font-weight: normal; color: #666666; margin: 0 8px; text-decoration: none; }
.topnavUser a:hover { color: #FF6600; }
.topnavUser a span { font-size: 13px; font-weight: bold; line-height: 14px; color: #FF6600; margin: 0 2px;}
.topnavName { float: right; font-size: 13px; font-weight: normal; line-height: 30px; color: #FF6600; margin: 0 8px; }
.topnavSc a {
    float: right;
    width: auto;
    height: 30px;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    color: #666666;
    text-decoration: none;
    background-image: url(../image/header_2017/images/navSc-1.png);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    margin-left: 8px;
    padding: 0 10px 0 30px;
    display: block;
}
.topnavSc a:hover {
    color: #FFFFFF;
    background-color: #FE9900;
    background-image: url(../image/header_2017/images/navSc-2.png);
}
.topnavSc span { font-size: 13px; font-weight: bold; line-height: 13px; color: #FF6600; margin: 0 3px;}
.topnavSc a:hover span {
    color: #FFFFFF;
}

/*middle*/
.citeMiddleArea {
    width: 100%;
    height: 105px;
    background-repeat: no-repeat;
    background-position: center center;
}
.citeMiddle { width: 1005px; height: 105px; margin: 0 auto; }
.citeLogo {
    float: left;
    width: 225px;
    height: 105px;
}

/*瘣餃?*/
.activity01 {
    float: left;
    width: 380px;
    height: 105px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
}
.activity02 {
    width: 1005px;
    text-align: center;
    margin: 0 auto 5px auto;
    position: relative;
}

.activity01 img, .activity02 img {
    width: 100%;
}

/*search*/
.searchArea {
    float: right;
    width: 380px;
    height: 80px;
    padding-top: 25px;
}
.search {
    float: left;
    width: 263px;
    height: 34px;
    font-size: 14px;
    font-family: 敺株?甇??擃? "Microsoft JhengHei", "LiHei Pro", sans-serif, ?啁敦??;
    color: #666666;
    background-color: #FFFFFF;
    border: 2px solid #FE9900;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
.searchBtn {
    float: left;
    width: 40px;
    height: 34px;
    background-color: #FE9900;
    background-image: url(../image/header_2017/images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #333;
    padding: 0;
    margin: 0;
    border: 0px solid #666666;
}
.searchsBtn a {
    float: left;
    width: 66px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    background-color: #FE9900;
    margin-left: 8px;
    display: block;
    cursor: pointer;
}
.hotSearch {
    width: 380px;
    height: 13px;
    margin-top: 10px;
    overflow: hidden;
    clear: both;
}
.hotSearch h2 {
    float: left;
    font-size: 13px;
    color: #FE9902;
    line-height: 13px;
}
.hotSearch li a:link, .hotSearch li a:visited {
    float: left;
    font-size: 13px;
    color: #666666;
    line-height: 13px;
    text-decoration: none;
    margin-right: 7px;
}
.hotSearch ul li a:hover {
    color: #FE9902;
    text-decoration: underline;
}


/*citeNav*/
.navArea {
    width: 100%;
    background-color: #5D5D5D;
    margin: 0 auto;
}
.navArea .oHome{display: block;}
.navArea .mobile_show{display: none;}
/* 蝚砌?撅斗見撘?---------*/
ul.citeNav {
    width: 1005px;
    height: 36px;
    margin: 0 auto;
}
ul.citeNav li {
    float: left;
}
ul.citeNav > li > a {
    width: 167.5px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    background-color: #5D5D5D;
    display: block;
}
ul.citeNav > li > a:hover {
    color: #FFFFFF;
    background-color: #727272;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    -o-transition: all .20s linear;
    -ms-transition: all .20s linear;
    transition: all .20s linear;
}
ul.citeNav > li > a.on {
    width: 167.5px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #333333;
    background-color: #FFE329;
    display: block;
}

/* 蝚砌?撅斗見撘?*/
.subnavArea {
    width: 100%;
}
ul.citeSubnav {
    width: 100%;
    height: 36px;
    background-color: #FFFFFF;
    /*border-right: 1px solid #E1E1E1;*/
    /*border-left: 1px solid #E1E1E1;*/
    border-bottom: 1px solid #E1E1E1;
    padding: 5px 10px;
    margin: 0 auto;
    box-sizing: border-box;
    justify-content:center;
    display: flex;
}
ul.citeSubnav > li > a {
    float: left;
    height: 26px;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}
ul.citeSubnav > li > a:hover {
    color: #FFFFFF;
    background-color: #FE9900;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    -o-transition: all .20s linear;
    -ms-transition: all .20s linear;
    transition: all .20s linear;
}

/*gotop*/
#gotop {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-left: 1020px;
    position: absolute;
    cursor: pointer;
    display: none;
    z-index: 999;
    background-color: #999999;
    background-image: url(../image/header_2017/images/gotop.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#gotop:hover {
    background-color: #666666;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    #gotop {
        margin-left: 0;
        right: 0;
        width: 45px;
        height: 45px;
        background-size: 45px;
    }
}

/*擐??€憛憓?/
.content-L h2 { margin-bottom: 10px; }
.news {
    background-color: #FFF;
    border: #CCC 1px solid;
    margin-bottom: 20px;
    padding: 10px 8px 5px 8px;
}
.news ul {
    list-style: square;
    padding-left: 15px;
}
.news li {
    font-size: 13px;
    line-height: 135%;
    color: #333333;
    margin-bottom: 5px;
}
.news li a:link, .news li a:visited {
    font-size: 13px;
    color: #333333;
}
.news li a:hover {
    font-size: 13px;
    color: #666666;
    text-decoration: underline;
}


/* headerBg */
.citeMiddleBg {
    background-image: url("/image/header_2017/bg/2019vip_20190326_bg.jpg");
}

/* headerBg END*/