body,.fp-tableCell{min-height: 840px;}
.content a:hover{opacity: 0.5; transition: all .3s; color: #FFF;}
/* .hall-control-info  a{display: inline-block;} */
.home #content, .page-template-cmuseum #content{background-image: none;}
.page-template-cmuseum .site-inner .wrap{background: #000;}
.page-template-cmuseum .site-header{position: absolute; top: 0; box-shadow: 0 0 5px rgba(0,0,0, .3);}
.home #content, .page-template-cmuseum #content{top: 0;}
.text_coner{height: 100%;}
.hall-view{width: calc(100% - 430px); float: right; height: 100%; overflow: hidden; position: relative;}
.hall-view ul{position: absolute; top: 0; width: 100%; }
.text_coner{float: right;}
.hall-view ul li{position: relative; width: 100%; text-align: center; overflow: hidden;}
.hall-view ul li img{max-width: 100%; width: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin:auto;}
.page-template-cmuseum .site-footer{position: absolute; bottom:0; visibility: visible;;}
.hall-info{height: 57px; width: 100%; position: absolute; bottom: 0;}
.hall-control{width:114px; float: left;}
.hall-control-info{float: left; width: calc(100% - 114px); height: 57px; color: #FFF; font-size: 16px; padding: 20px 0 0 20px;}

.control-prev, .control-next{width:57px; height: 57px; display: inline-block; float: left; background: rgba(149,152,154,0.7) url(../img/icon_70.png) no-repeat center; background-size: 30px;}
.control-next{background: rgba(149,152,154,0.8) url(../img/icon_71.png) no-repeat center;}

.animate-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear;  -o-transition: opacity 2s linear; transition: opacity 2s linear; opacity:0;}
.section{position: relative; }
#backg1 {background: url(../img/kv9.jpg) center no-repeat; background-size: cover;}
#backg2 {background: url(../img/kv2.jpg) center no-repeat; background-size: cover;}
#backg3 {background: url(../img/kv4.jpg) center no-repeat; background-size: cover;}
#backg4 {background: url(../img/kv10.jpg) 86% center no-repeat; background-size: cover;}
#camera-hall, #lens-hall{background: #f4f4f4;}
#lens-hall .ca_mark{background: #D0DCE7;}
#souvenir-halll{padding: 20px 0px;}
#souvenir-hall .col_3_l p, #souvenir-hall .col_3_c p, #souvenir-hall .col_3_r p, #souvenir-hall h4, #souvenir-hall .col_3_l a, #souvenir-hall .col_3_c a, #souvenir-hall .col_3_r a{margin:5px 20px;}
#souvenir-hall .col_3_c p, #souvenir-hall .col_3_c h4, #souvenir-hall .col_3_c a{margin: 5px 13.3px;}
#souvenir-hall .col_3_r p, #souvenir-hall .col_3_r h4, #souvenir-hall .col_3_r a{margin: 5px  20px 5px 6.7px;}
.col_3_l{width:33.33%; float: left; position: relative;}
.col_3_c{width:33.33%; float: left; position: relative;}
.col_3_r{width:33.33%; float: left; position: relative;}
.col_3_r .wpnew{left: 15px;}

/* set top page 2 cols */
.zh .col_3_c, .zh .col_3_l, .en .col_3_c, .en .col_3_l, .ja .col_3_c, .ja .col_3_l{width: 50%;} 
.zh .col_3_c .maxImg, .zh .col_3_l .maxImg, .en .col_3_c .maxImg, .en .col_3_l .maxImg{max-width: none; width: 100%;}
.fadein {opacity: 100; filter: alpha(opacity=100);}
.redButton{background: #CC0000; color: #FFF; padding: 10px 15px; border-radius: 5px; display: inline-block;}
.kaqButton, .pkButton, .dgButton, .lbButton{background: rgba(135,120,92,1); color: #FFF; padding: 10px 15px; border-radius: 5px; display: inline-block;}
.pkButton{background: #D5A6D2;}
.dgButton{background: #38393d;}
.lbButton{background: #536981;}
.h_p_i a:hover{color: #333;}
#footer a:hover{opacity: 1;}
.top_logo{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 60px 15px 30px; display: inline-block; width: 100%; background: #FFF;}
.top_logo img{width: 100%; max-width: 540px;}
.search_list{position: absolute;; z-index: 5; top: 0; bottom:0; left: 0; right: 0; margin: auto; height: 50px!important;}
.site-header{position: fixed;}
.nav-primary{display: none;}
.fixNav{border-bottom:1px solid #eaeaea; box-shadow: 0 0 5px #ddd; position: fixed!important;}
.sec_pal{width: 100px; position: fixed; right: 0; top: 50%; margin-top: -90px;}
.sec_pal ul{list-style:none;}
.sec_pal ul li{width: 100%; margin-bottom: 20px;}
.sec_pal ul li span{width:20px; height:20px; display:block; border-radius: 20px; background:#CCC;}
.sec_pal ul li.active span{background: #CC0000; transition: all 0.5s;}
.t_c_men{bottom: 70px;}
.col_3_l .maxImg{padding: 20px 6.7px 20px 20px;}
.col_3_c .maxImg{padding: 20px 13.3px;}
.col_3_r .maxImg{padding: 20px 20px 20px 6.7px;}
.hidd_box{width:100%; overflow: hidden;}
#souvenir-hall{height: auto!important;}
img.wpnew{position:absolute; top:30px; left:30px; width:60px; height:60px;}

/*COMMON*/
.whiteC{color: #FFF;}
.blackC{color: #000;}
.hr{margin: 0 20px; border-bottom: 1px solid #e5e5e5;}
.maxImg{width: auto; max-width: 100%; padding: 20px; margin: auto;}
.setumei{padding: 20px 40px 70px; width: 910px; margin:0 auto;  line-height: 1.5;}
.A_dlink{position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; text-align: center; background: rgba(204,0,0,.8);}
.A_dlink a{color: #FFF;}
.A_dlink img{display: inline-block; vertical-align: middle;}
.size22{font-size: 22px;}

/*201909*/
.asc-diagram{height: 1px; border-top: 2px dashed #f39501; vertical-align: middle; display: inline-block; width: 22px;}
.award-style-01 a:hover{color:#333;}

/* 202211 */
.cg-btn a { display: inline-block; font-weight: normal; padding: 0.8em 40px 0.8em; margin: 1px 0; font-size: 16px; line-height: 1em; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #333; background-image: url(../img/nav-arrow-g.png); background-repeat: no-repeat; background-position: right center; box-sizing: border-box; }
.cg-btn a.btn-white { color: #fff; border: 1px solid #fff; background-image: url(../img/nav-arrow-w.png); }
.index_top .section{min-height: 710px;}
.kv_info{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 15px; background: rgba(0, 0, 0, .8); color: #CCC; width: 80%; max-width: 970px; box-shadow: 0px 0px 20px rgba(255,255,255,0.8); border-radius: 5px;}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pad_li_c2{-moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari 和 Chrome */ column-count:2;}
}


@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .hall-view, .hall-name{width: 100%; float: none;}
    .section.wow{height: auto!important;}
    .hall-view{height:360px;}
    .hall-name{padding-bottom: 20px;}
    .hall-info{position: relative; height: auto;}
    .control-prev, .control-next{width: 50%;}
    .his_top_p{height: auto!important;}
    .sec_pal{display: none;}
    .t_c_men{bottom: 0;}
    #history-hall .special_box{height:57px; width: 100%; position: relative;}
    #top{padding-top: 50px;}
    .hall-control{width: 100%;}
    .hall-control-info{height: auto; width: 100%; padding: 20px;}
    /* .mobile_fix{width: 1024px; position: relative; margin-left: -512px; left: 50%;} */
    .mobile_fix{width: 1024px; position: relative; margin-left: 0; left: 0;}
    .text_coner{padding: 0 0 10px 20px;}
    .his_b{padding: 15px 20px 0;}
    .history_box{padding: 0 0 40px;}
    .setumei{width: auto; padding: 20px 20px 50px;}
    .t_c_men{width: 100%;}
    .kv_info p > span{display: inline;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .col_3_l, .col_3_c, .col_3_r, .zh .col_3_l, .zh .col_3_c, .en .col_3_l, .en .col_3_c, .ja .col_3_l, .ja .col_3_c{width:100%; float: none;}
    .search_box .search_list{bottom:-70px;}
    #top .search_input, #top .select_product{width: 470px; margin: auto auto 10px; float: none;}
    #top .search_input input[type="text"], .en.search_result .s_i_b{width: 385px;}
    .col_3_r .maxImg, .col_3_c .maxImg, .col_3_l .maxImg{padding: 20px;}
    #souvenir-hall .col_3_c p, #souvenir-hall .col_3_c h4, #souvenir-hall .col_3_c a, #souvenir-hall .col_3_r p, #souvenir-hall .col_3_r h4, #souvenir-hall .col_3_r a{margin: 5px 20px;}
    .index_top div.mf_sug_frame{margin-left: 0;}
    .col_3_r .wpnew{left: 30px;}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
    .top_logo{width: 100%;}
    #top .search_input, #top .select_product{width: 300px; margin: auto auto 10px; float: none;}
    #top .search_input input[type="text"], .en.search_result .s_i_b{width: 215px;}
    .A_dlink{line-height: 66px;}
    .A_dlink a.size22{font-size: 13px;}
    .A_dlink img{width: 6px; padding: 0;}
    #backg4{background-position: -200px center;}
}