body, input, select, textarea, button { font-size: 12px; -webkit-text-size-adjust: none; font-family: 'Arial', 'hiragino sans gb', '微软雅黑', 'Microsoft Yahei' }

#navigation { float: left; margin: 0 0 0 48px }
	#navigation li { position: relative; float: left; height: 152px; overflow: hidden; margin: 0 28px 0 0; padding: 0 10px 0 13px }
	/* #home-page #navigation li:hover { _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#77000000',EndColorStr='#77000000')\9 } */
	#home-page #navigation li { margin-right: 15px; }
	    #home-page #navigation .nav-about { margin: 0 ; }
	    #home-page #navigation .nav-show { margin: 0 5px 0 -1px; }
	    #home-page #navigation .nav-collection { margin: 0 13px 0 1px; }
	    #home-page #navigation .nav-visitor-info { margin: 0 14px 0 10px; }
	    #home-page #navigation .nav-news { margin: 0 12px 0 13px }
	
	
	#navigation a, #navigation a:hover { color: #ffffff }
	/*font-weight: bold; */
	#navigation a { position: relative; top: 91px; font-size: 14px; text-shadow: -1px 1px 2px rgba(0, 0, 0, .55) }
	#navigation .overlay { position: absolute; bottom: 0; left: 0; width: 200px; height: 0; overflow: hidden; opacity: .68; filter: alpha(opacity=68) }
	#navigation .nav-home .overlay { background: #c2a76b }
	#navigation .nav-news .overlay { background: #3a8067 }
	#navigation .nav-show .overlay { background: #7fc2d1 }
	#navigation .nav-spread .overlay { background: #edb755 }
	#navigation .nav-swap .overlay { background: #b69306 }
	#navigation .nav-support .overlay { background: #959da5 }

    #navigation .nav-home a:hover { color: #e9e9e9 }
    #navigation .nav-news a:hover, #news-page .nav-news a { color: #E5F1D4 }
    #navigation .nav-show a:hover, #show-page .nav-show a { color: #9EE6FF }
    #navigation .nav-spread a:hover, #spread-page .nav-spread a { color: #FEE4A5 }
    #navigation .nav-swap a:hover, #swap-page .nav-swap a { color: #ffc896 }
    #navigation .nav-support a:hover, #support-page .nav-support a { color: #cfcfcf }
    
    #news-page .nav-news a:hover, #show-page .nav-show a:hover, #spread-page .nav-spread a:hover, #swap-page .nav-swap a:hover, #support-page .nav-support a:hover { color: White }

	#home-page #navigation li { height: auto; min-height: 152px; overflow: visible; padding-bottom: 3px; text-align: center }
	#home-page #navigation li { _height: auto; background-image: url('../images/blank.png')\9 }
	#home-page #navigation > li { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; -ms-transition: .3s ease-in-out; transition: background .3s ease-in-out }
	#home-page #navigation li ul { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out }
	#home-page #navigation li.hover { background: rgba(0, 0, 0, .6) }
	#home-page #navigation li.hover { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#77000000',EndColorStr='#77000000')\9 }
	#home-page #navigation li ul { position: relative; width: auto; z-index: -1; margin: 100px -4px 0; padding: 13px 0 0; border-top: 1px solid #ffffff; opacity: 0 }
	#home-page #navigation li ul { visibility: hidden\9 }
	#home-page #navigation li li { float: none; height: auto; width: auto; min-height: 18px; margin: 0; padding: 0 0 13px; white-space: nowrap }
	#home-page #navigation li li { _display: block }
	#home-page #navigation li.hover ul { z-index: auto; opacity: 1 }
	#home-page #navigation li.hover ul { visibility: visible\9 }
	#home-page #navigation li li a { position: static; font-size: 16px; text-shadow: none }
	#home-page .nav-news ul a:hover, #home-page .nav-news a:hover { color: #e5f1d4 }
	#home-page .nav-show ul a:hover, #home-page .nav-show a:hover { color: #9ee6ff }
	#home-page .nav-spread ul a:hover, #home-page .nav-spread a:hover { color: #fee4a5 }
	#home-page .nav-swap ul a:hover, #home-page .nav-swap a:hover  { color: #ffc896 }


#swap-page .overviewsort-list a:hover, #swap-page .overviewsort-list a:focus, 
#swap-page .rec-art-shop-wrap .inner a:hover, #swap-page .rec-art-shop-wrap .inner a:focus { color: #a24e03 }

.en #navigation { margin: 0 0 0 48px; }
    .en #navigation li a { font-weight: bold; }
    .en #navigation li ul li a { font-weight: normal; }
.en #home-page #navigation li li a { font-size: 12px }


#navigation .nav-visitor-info a:hover, #visitor-info-page .nav-visitor-info a { color: #ffc896 }
#visitor-info-page .current-location { background: #f29b4c }
#visitor-info-page .sub-nav { border-color: #f29b4c; color: #e9760d; }
#visitor-info-page .sub-nav a.current, #visitor-info-page .sub-nav a:hover { color: #a24e03; }
#visitor-info-page .sub-nav a { color: #e9760d; }


#navigation .nav-about a:hover, #about-page .nav-about a { color: #ffc896 }
#about-page .current-location { background: #f29b4c }
#about-page .sub-nav { border-color: #f29b4c; color: #e9760d; }
#about-page .sub-nav a.current, #about-page .sub-nav a:hover { color: #a24e03; }
#about-page .sub-nav a { color: #e9760d; }

#about-page .overviewsort-list { width: 354px }


#navigation .nav-collection a:hover, #collection-page .nav-collection a { color: #9EE6FF }
#collection-page .sub-nav a.current, #collection-page .sub-nav a:hover { color: #4395a8; }



.share-hide-btn { display: none; visibility: hidden; z-index: -10; position: absolute; left: -200px }


/* .details-wrap .content { line-height: 25px } */

.rec-exh-video-list .title span, .support-us .rec-list .title span, .rec-magazine-wrap .title span, .spread-wikipedia .title span, .exh-slider-wrap .title span, .rec-exh-video-list .title span, .support-us .rec-list .title span { padding: 6px 12px }
#news-page .rec-magazine-wrap .inner, #spread-page .rec-magazine-wrap .inner { margin: 35px auto 0 37px; }
.rec-magazine-wrap .content  { height: 270px }
.exh-slider-wrap .title, .rec-exh-video-list .title, .rec-magazine-wrap .title, .support-us .rec-list .title { width: auto; height: auto;  }


.open-time-chew { font-size: 12px }
    .open-time-chew  .open-time-chew-title, .visit-accordion h2 { font-size: 13px }
.slider-scoll-wrap .panel h3 { font-size: 20px; }

.news-list-wrap { height: auto; padding: 0 0 20px 0; }
    .news-list-wrap .pages { text-align: center }
    .news-details-wrap, .details-wrap, .details-related-news-wrap { width: auto; }
    .news-details-wrap .inner { padding: 30px 58px 14px 58px; }


.survey-wrap {  } /* background: #fff */
    .survey-wrap .message-content { padding: 15px }
    .survey-wrap .head .title { margin: 0 0 8px; color: #796300; font-size: 20px; line-height: 23px; }
    .s-message-wrap .i-box { border-bottom: none; border-bottom-style: none }
    .s-message-wrap .submit-box { margin: 0 }
    .s-message-wrap .submit-btn { width: 90px }
    
    
    
.site-map-wrap { }        
    .site-map-wrap .home { }
        .site-map-wrap .home .title { background: #978751 }
        .site-map-wrap .home .content { border: 1px solid #978751; }
    .site-map-wrap .news { }
        .site-map-wrap .news .title { background: #3a8067 }
        .site-map-wrap .news .content { border: 1px solid #3a8067; }
    .site-map-wrap .exh { }
        .site-map-wrap .exh .title { background: #7fc2d1 }
        .site-map-wrap .exh .content { border: 1px solid #7fc2d1; }
    .site-map-wrap .communication-education { }
        .site-map-wrap .communication-education .title { background: #dfc437 }
        .site-map-wrap .communication-education .content { border: 1px solid #dfc437; }
    .site-map-wrap .communication-services { }
        .site-map-wrap .communication-services .title { background: #f29b4c }
        .site-map-wrap .communication-services .content { border: 1px solid #f29b4c; }
    .site-map-wrap .support-us { }
        .site-map-wrap .support-us .title { background: #707c74 }
        .site-map-wrap .support-us .content { border: 1px solid #707c74; }