@charset "utf-8";
body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0,0,0,0.3); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); -webkit-box-shadow: inset006pxrgba(0,0,0,0.5); }

table { border-collapse: collapse; border-spacing: 0; }
label { font-weight: 400; margin-bottom: 0; }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
img { border: 0; }
ol, ul { list-style: none; }
a, a:focus, a:hover { text-decoration: none; }
button, input, select, textarea { outline: 0; border-radius: 0; font-family: arial,"微軟正黑體"; }
body, html { overflow-x: hidden; width: 100%; background: #fff; color: #1B1B1B; font-size: 1em; font-family: arial,"微軟正黑體"; }
body { position: relative; min-height: 100%; overflow: inherit !important; }
img { max-width: 100%; max-height: 100%; }

.footer .row { margin-left: 0; margin-right: 0; }
.visible { position: absolute; left: -99999px; top: -99999px; }
select::-ms-expand { display: none; }
.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis-2 { min-height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
/* ing web */
a { color: #1B1B1B; }
a:hover, a:focus { color: #1B1B1B; }
/* bootstrap reset */
.input-group-addon { border: none; }
.btn { border-radius: 0; }
.breadcrumb { background: transparent; margin-top: 10px; margin-bottom: 40px; }
.breadcrumb > li + li:before { content: "/" }
.breadcrumb > li { font-size: .95em; }
.breadcrumb > .active { color: #000; }
.breadcrumb { padding: 0; margin-top: 0; }
.form-control { height: 36px;; }
/* container */
.container-full { min-height: 100%; position: relative; }
.container-full .web-bg-img { position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; background-size: 100% 100%; }
.web-bg-img.bg_1 { background-image: url(../images/bg_1.jpg); }
.web-bg-img.bg_2 { background-image: url(../images/bg_2.jpg); }
.web-bg-img.bg_3 { background-image: url(../images/bg_3.jpg); }
.web-bg-img.bg_4 { background-image: url(../images/bg_4.jpg); }
.web-bg-img.bg_5 { background-image: url(../images/bg_5.jpg); }
.web-bg-img.bg_6 { background-image: url(../images/bg_6.jpg); }
.web-bg-img.bg_7 { background-image: url(../images/bg_7.jpg); }
.web-bg-img.bg_8 { background-image: url(../images/bg_8.jpg); }
.web-bg-img.bg_9 { background-image: url(../images/bg_9.jpg); }
.web-bg-img.bg_10 { background-image: url(../images/bg_10.jpg); }
.web-bg-img.bg_11 { background-image: url(../images/bg_11.jpg); }
.wrap { width: 1420px; position: relative; z-index: 2; margin: 0 auto; }
.concert .wrap { z-index: 1; }
.box { margin: 0 40px; }

/* container end */

/* margin padding */
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-b-10 { margin-bottom: 10px; }
.margin-l-15 { margin-left: 15px; }
.margin-r-15 { margin-right: 15px; }
.margin-t-15 { margin-top: 15px; }
.margin-b-15 { margin-bottom: 15px; }
.margin-l-20 { margin-left: 20px; }
.margin-r-20 { margin-right: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-l-30 { margin-left: 30px; }
.margin-r-30 { margin-right: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-b-30 { margin-bottom: 30px; }
.padding-l-30 { padding-left: 30px; }
.padding-r-30 { padding-right: 30px; }
.padding-t-30 { padding-top: 30px; }
.padding-b-30 { padding-bottom: 30px; }
.padding-l-20 { padding-left: 20px; }
.padding-r-20 { padding-right: 20px; }
.padding-t-20 { padding-top: 20px; }
.padding-b-20 { padding-bottom: 20px; }
.padding-l-15 { padding-left: 15px; }
.padding-r-15 { padding-right: 15px; }
.padding-t-15 { padding-top: 15px; }
.padding-b-15 { padding-bottom: 15px; }
.margin-y-10 { margin: 10px 0; }
.padding-20 { padding: 20px }
.margin-b-100 { margin-bottom: 100px; }
.padding-0 { padding: 0; }
.refrsh-img { /* height: 36px; */ }
/* margin padding end */

/* font color */
.font-14 { font-size: .875em; }
.font-18 { font-size: 1.125em; }
.font-24 { font-size: 1.5em; }
.font-20 { font-size: 1.25em; }
.bg-main { background-color: #CE8A25; }
.text-color { color: #f54039; }
.text-black { color: #000; }
.danger-text { color: #EB0000; font-style: normal; font-size: .8em; }
.cl:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.border-b { padding-bottom: 5px; border-bottom: 1px solid #acacac; }

/* font color end */
.swiper-container { width: 100%; /* min-height: 300px; */ margin-left: auto; margin-right: auto; }

/* header */
.header { background: #1B1B1B; }
.header-logo { margin-bottom: 40px; }
.header-logo a { display: inline-block; }
.header-logo > h1 { display: inline-block; }
.header-logo > a { float: right }
.header-lang { font-size: .875em; margin-bottom: 32px; }
.header-lang a { transition: .2s all; }
.header-lang a:hover { color: #CE8A25; }
.header-middle { margin-bottom: 30px; }
.header-middle .search-wrapper { float: right; margin-top: -30px; }
.search-wrapper .search-put { position: relative; border-bottom: 2px solid #b0b0b0; padding: 5px; }
.search-wrapper .search-key { margin-top: 5px; font-size: .875em; }
.search-wrapper .search-put input { width: 230px; background: transparent; border: none; }
.search-wrapper .search-put button { position: absolute; right: 0; top: 0; display: inline-block; width: 22px; height: 22px; background: url(../images/icon.png) no-repeat; background-position: -25px -24px; border: none; }
.header-mid-nav { float: left; }
.header-mid-nav li { float: left; margin-right: 30px; }
.header-mid-nav li a { font-size: 1.125em; transition: .2s all; }
.header-mid-nav li a:hover { color: #CE8A25 }
.header { background: #1B1B1B; /* position: fixed; */ z-index: 999; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; }
.header.fixed-header { -webkit-box-shadow: 0 0 8px -1px rgba(0,0,0,0.6); box-shadow: 0 0 8px -1px rgba(0,0,0,0.6); }
.header .header-right { float: right; }
.header .nav { float: left; }
.nav > li { float: left; margin-right: 35px; position: relative; }
.nav > li:last-child { margin-right: 30px; }
.nav li .sub-menu { position: absolute; left: -40px; background: rgba(255, 255, 255, .9); z-index: 2; min-width: 100%; min-width: 140px; max-width: 350px; max-height: 0; transition: max-height ease-out 0.5s; box-shadow: 2px 5px 19px 1px rgba(0, 0, 0, 0.15); overflow-y: hidden; }
.nav li .sub-menu li:first-child { margin-top: 10px; }
.nav li .sub-menu li:last-child { margin-bottom: 10px; }
.nav li .sub-menu a { line-height: 33px; font-size: .95em; display: block; white-space: nowrap; color: #292929; text-align: center; padding: 0 10px; }
.nav li .sub-menu li:hover { background: #8F713D; }
.nav li .sub-menu li:hover a { color: #fff; }

.nav > li:hover > a { color: #8F713D }
.nav li:hover .sub-menu { max-height: 500px; transition: max-height ease-in 0.5s; }
.nav li:last-child { border: none; }
.nav > li > a { font-size: 1em; line-height: 65px; display: block; width: 100%; text-align: center; padding: 0; color: #fff; }
.header .logo-header { float: left; }
.header .logo-header a { display: block; margin-top: 10px; }
#mobile-toggle { position: fixed; right: 15px; top: 13px; display: none; width: 45px; height: 40px; border-radius: 5px; text-indent: -9999px; z-index: 999; }
#mobile-toggle::before,
#mobile-toggle hr,
#mobile-toggle::after { content: ""; position: absolute; left: 10px; display: block; width: 25px; height: 2px; margin: 0; padding: 0; background: #fff; border: none; border-radius: 3px; transition: all .3s; }

#mobile-toggle::before { top: 8px; }

#mobile-toggle hr { top: 18px; }

#mobile-toggle::after { top: 28px; }

#mobile-toggle.active::before { top: 50%; transform: rotate(45deg); }

#mobile-toggle.active hr { opacity: 0; }

#mobile-toggle.active::after { top: 50%; transform: rotate(-45deg); }
#mobile { display: none; position: fixed; left: 0; bottom: 0; top: 65px; display: none; width: 100%; height: auto; background: #fff; z-index: 10; overflow-x: hidden; }
.lang { height: 65px; line-height: 65px; float: left; margin-right: 20px; }
.lang a { padding-left: 20px; border-left: 1px solid #fff; color: #fff; transition: .2s all; }
.lang a:hover { color: #8F713D; }
.mobile-nav .mobile-lang a { display: inline-block; background: #8F713D; padding: 4px 10px; color: #fff; }
.search-top-box { float: right; height: 65px; position: relative; }
.nav > li > a:hover, .nav > li > a:focus { background: transparent; }
.search-top-box .search-form form { padding: 20px; }
.search-top-box .search-form { color: #232323; box-shadow: 2px 5px 19px 1px rgba(0, 0, 0, 0.15); position: absolute; left: -100%; background: #fff; z-index: 2; width: 450px; left: -415px; top: 55px; max-height: 0; transition: max-height ease-in 0.5s; overflow-y: hidden; }
.search-top-box:hover .search-form { max-height: 400px; }
.search-form p.title { color: #000; font-weight: bold; margin-bottom: 15px; }
.search-form .btn { width: 100%; background: #e0c599; height: 36px; border-color: #e0c599; }
.search-form .btn:hover { background: #8F713D; }
.search-form a { color: #e0c599; }
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { background-color: #8F713D; border-color: #8F713D; }
.search-form .form-group:last-child { margin-bottom: 0; }
.search-top-box a.search-icon { display: inline-block; width: 17px; background-image: url(../images/icons/search_icon.png); background-repeat: no-repeat; background-size: 100% 100%; height: 17px; margin-top: 23px; cursor: pointer; }
.hot-keys a { margin-right: 10px; }
.hot-keys a:hover { color: #8F713D; }
/* header end */

/* position */
.position .share-lists { float: right; margin-top: -65px; }
.position .share-lists ul { height: 32px;; }
.position .share-lists li { float: left; width: 28px; height: 28px; margin-right: 10px; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; transition: .2s all; }
.position .share-lists li a { display: block; width: 100%; height: 100%; text-indent: -99999px; }
.share-lists li.font-s { background-image: url(../images/share/font1.png); }
.share-lists li.font-s:hover, .share-lists li.font-s.active { background-image: url(../images/share/font11.png); }
.share-lists li.font-m { background-image: url(../images/share/font2.png); }
.share-lists li.font-m:hover, .share-lists li.font-m.active { background-image: url(../images/share/font22.png); }
.share-lists li.font-l { background-image: url(../images/share/font3.png); }
.share-lists li.font-l:hover, .share-lists li.font-l.active { background-image: url(../images/share/font33.png); }

.share-lists li.share1 { background-image: url(../images/share/share1.png); }
.share-lists li.share1:hover, .share-lists li.share1.active { background-image: url(../images/share/share11.png); }
.share-lists li.share2 { background-image: url(../images/share/share2.png); }
.share-lists li.share2:hover, .share-lists li.share2.active { background-image: url(../images/share/share22.png); }
.share-lists li.share3 { background-image: url(../images/share/share3.png); }
.share-lists li.share3:hover, .share-lists li.share3.active { background-image: url(../images/share/share33.png); }
.share-lists li.share4 { background-image: url(../images/share/share4.png); }
.share-lists li.share4:hover, .share-lists li.share4.active { background-image: url(../images/share/share44.png); }
.share-lists li.share5 { background-image: url(../images/share/share5.png); }
.share-lists li.share5:hover, .share-lists li.share5.active { background-image: url(../images/share/share55.png); }
.share-lists li.share-line { width: 26px; background-image: url(../images/share/share-line.png); }
/* position end */

/* footer */
.footer { margin-top: 100px; }
.footer-top { background: #EEEEEE; padding: 80px 0; position: relative; transition: .8s all; }
.hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.footer-top .hvr-sink { width: 60px; height: 60px; background: #EAD1A7; position: absolute; left: 0; top: -29px; border-radius: 50%; cursor: pointer; border: 1px solid #fff; color: #fff; right: 0; margin: 0 auto; text-align: center; padding-top: 20px; box-sizing: border-box; z-index: 99; background: url(../images/icons/arrow_top.png) #EAD1A7; background-repeat: no-repeat; background-position: center center; background-size: 23px; text-indent: -99999px; }
.footer-top .hvr-sink.active { background: url(../images/icons/arrow_bottom.png) #EAD1A7; background-repeat: no-repeat; background-position: center center; background-size: 23px; text-indent: -99999px; }
.footer-top .hvr-sink img { width: 23px; }
.hvr-sink:hover { -webkit-transform: translateY(8px); transform: translateY(8px); }
.footer-bottom { background: #1B1B1B; }
.footer-top { }
.footer-top.closeMenu { padding: 0; }
.footer-top.closeMenu { padding: 0; position: relative; z-index: 2; }
.footer-top .footer-nav .col-xs-1 { max-width: 177px; width: auto; margin-right: 100px; padding: 0; padding-right: 1px; }
.footer-top .footer-nav .col-xs-1:last-child { margin-right: 0; }
.footer-top .footer-nav .col-xs-1 > a { font-size: 1em; font-weight: bold; display: block; padding-bottom: 10px; color: #292929; border-bottom: 1px solid #292929; }
.footer a { transition: .2s all; }
.footer a:hover { color: #CE8A25; }
.footer-top .footer-nav .col-xs-1:last-child { padding-right: 0; }
.footer-top .sub-menu { margin-top: 20px; }
.footer-top .sub-menu li { margin-bottom: 10px; }
.footer-top .sub-menu a { font-size: .95em; color: #1B1B1B; }
.footer-top .sub-menu a:hover { color: #CE8A25 }
.footer-bottom { position: relative; padding: 20px 0; font-size: .875em; color: #fff; }
.footer-bottom .footer-bottom-middle, .footer-bottom-left { float: left; }
.footer-bottom-left { margin-right: 60px; }
.footer-bottom-left a { display: block; margin-top: 10px; }
.footer-bottom .footer-bottom-middle p { margin-bottom: 3px; }
.footer-bottom-middle p.contact-info { margin-bottom: 5px; }
.footer-bottom a { color: #fff; }
.footer-bottom a:hover { color: #CE8A25 }
.footer-bottom .footer-bottom-right { float: right; text-align: right; padding-top: 30px; }
.footer-bottom .footer-bottom-right li { float: left; margin-right: 20px; margin-bottom: 10px; }
.footer-bottom .footer-bottom-right li:nth-of-type(2){
    display: none;
}
.friend-link li a { width: 21px; height: 20px; display: block; margin-top: 6px; }
.friend-link { margin-left: 155px; }
.friend-link li a img { /* display: none; */ }

.friend-link li:nth-of-type(1) a { background: url(../images/icons/icons.png) no-repeat; background-position: -30px -17px; }
.friend-link li:nth-of-type(2) a { background: url(../images/icons/icons.png) no-repeat; background-position: -66px -17px; }
.friend-link li:nth-of-type(3) a { background: url(../images/icons/icons.png) no-repeat; background-position: -104px -17px; }
.friend-link li:nth-of-type(4) a { width: 22px; background: url(../images/icons/icons.png) no-repeat; background-position: -143px -17px; }
.friend-link li:nth-of-type(5) a { background: url(../images/icons/icons.png) no-repeat; background-position: -179px -17px; }
.friend-link li:nth-of-type(6) a { background: url(../images/icons/icons.png) no-repeat; background-position: -212px -17px; }
.friend-link li:nth-of-type(7) a { background: url(../images/icons/icons.png) no-repeat; background-position: -247px -17px; }
.friend-link li:nth-of-type(8) a { width: 94px; height: 33px; margin-top: 0; }
.friend-link li:nth-of-type(9) a { width: 31px; height: 32px; margin-top: 0; }


.right-top { height: 1px; }
.side-toolbar { right: 0; bottom: 0; z-index: 1001; position: fixed; }
.home-toolbar { display: none; z-index: 1001; position: fixed; }
.side-toolbar li { width: 60px; height: 60px; border-top: 1px solid #fff; }
.side-toolbar li a { display: block; height: 100%; width: 100%; transition: .2s all; }
.side-toolbar li a:hover { opacity: .7; }
.side-toolbar li a i { display: inline-block; width: 21px; height: 20px; margin-top: 20px; margin-left: 20px; }
.side-toolbar li a img { display: none; }
.side-toolbar li:nth-of-type(4) a img { display: inline-block; width: 22px; height: 22px;; margin-top: 19px; margin-left: 19px; }
.side-toolbar li:nth-of-type(1) i { background: url(../images/icons/icons.png) no-repeat; background-position: -179px -17px; }
.side-toolbar li:nth-of-type(2) i { background: url(../images/icons/icons.png) no-repeat; background-position: -212px -17px; }
.side-toolbar li:nth-of-type(3) i { background: url(../images/icons/icons.png) no-repeat; background-position: -247px -17px; }
.side-toolbar li:first-child { border-top: none; }
.side-toolbar li:nth-of-type(1) { background-color: #C0A97F; }

.side-toolbar li:nth-of-type(2) { background-color: #B29D77; }

.side-toolbar li:nth-of-type(3) { background-color: #A5916E; }

.side-toolbar li:nth-of-type(4) { background-color: #978565; border-bottom: none; }

/* footer end */

.content { /* margin-top: 65px; */ min-height: 500px; position: relative; z-index: 1; }

/* index page */

.home-banner a { display: block; text-align: center; }
.banner .swiper-container { --swiper-theme-color: #8F713D; --swiper-pagination-color: #8F713D; }
.banner .swiper-container .swiper-pagination { display: none; }
.banner .swiper-button-next { text-indent: -9999px; width: 15px; height: 34px; background-image: url(../images/icons/arrow_right_on.png); background-size: 100% 100%; background-repeat: no-repeat; opacity: .8; transition: .2s all; position: absolute; z-index: 3; }
.banner .swiper-button-next:hover { /* background-image: url(../images/icons/arrow_right_on.png); */ }
.swiper-button-next:after, .swiper-button-prev:after { font-size: inherit; }
.banner .swiper-button-prev { text-indent: -9999px; width: 15px; height: 34px; background-image: url(../images/icons/arrow_left_on.png); background-size: 100% 100%; background-repeat: no-repeat; opacity: .8; transition: .2s all; }
.banner .swiper-button-prev:hover { /* background-image: url(../images/icons/arrow_left_on.png); */ }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { opacity: .6; }
.home-banner .owl-prev { background-position: -78px -12px; left: 20px; }
.home-banner .owl-next { background-position: -152px -12px; right: 20px; }
.home-banner .owl-controls .owl-page { display: inline-block; margin-right: 2px; }
.home-banner .owl-numbers { display: inline-block; width: 36px; height: 36px; font-size: 1.125em; text-align: center; line-height: 36px; background-color: #3e3e3e; }
.home-banner .owl-page.active .owl-numbers { background-color: #cccccc; }
.home-banner .owl-pagination { position: absolute; right: 20px; bottom: 20px; }
.calendar { position: relative; z-index: 2; }
.calendar-wrap { height: 142px; background: #8F713D; margin-top: -45px; padding: 1px 0; }
.left-change { padding: 34px 20px; width: 178px; height: 140px; border-right: 1px solid #fff; float: left; color: #fff }
.left-change .left-year { margin-bottom: 5px; }
.left-change .left-year > a, .left-change .left-year > span, .left-change .left-month > a, .left-change .left-month > span { float: left; }
.left-change a.prev { cursor: pointer; display: inline-block; opacity: .6; width: 30px; height: 35px; background: url(../images/icons/prev.png) no-repeat; background-position: center center; text-indent: -9999px; }
.left-change a.prev:hover, .left-change a.next:hover { opacity: 1; }
.left-change a.next { cursor: pointer; display: inline-block; opacity: .6; width: 30px; height: 35px; background: url(../images/icons/next.png) no-repeat; background-position: center center; text-indent: -9999px; }
.current-left { font-size: 1.75em; margin: 0 5px; display: inline-block; width: 62px; }
.right-days { margin-left: 178px; height: 140px; position: relative; }
.right-days .event-lists { position: absolute; /* display: none; */ left: -118px; z-index: 2; }
.right-days .event-lists.top { margin-bottom: 65px; bottom: 0; }
.right-days .event-lists.top .event-lists-wrap::before { position: absolute; bottom: -10px; top: inherit; left: 125px; content: ''; width: 20px; height: 20px; background: #fff; transform: rotate(225deg); box-shadow: 0px 0px 0px rgba(0, 0, 0, .1); }
.right-days .event-lists p.title { font-weight: bold; }
.event-lists-wrap { position: relative; width: 265px; padding: 20px 15px; margin-top: 45px; box-shadow: 2px 5px 14px 1px rgba(0, 0, 0, 0.2); background: #fff; }
/* drop-shadow */
/* .event-lists-wrap::after {
    position: absolute;
    top: -10px;
    left: 125px;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .2));
} */

/* tranform */
.event-lists-wrap::before { position: absolute; top: -8px; left: 125px; content: ''; width: 20px; height: 20px; background: #fff; transform: rotate(225deg); box-shadow: 2px 2px 5px rgba(0, 0, 0, .1); }

/* .event-lists-wrap::after {
    position: absolute;
    bottom: 0px;
    left: 40px;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
} */
.event-lists-container { display: none; }
.calendar .wrap { z-index: 3; }
.right-days .event-lists li { padding: 0 10px; border-bottom: 1px solid #CE8A25; }
.right-days .event-lists li:last-child { border-bottom: none; margin-bottom: 0; }
.right-days .event-lists li a { display: block; padding: 20px 0; transition: .2s all; text-align: left; }
.right-days .event-lists li a:hover { background: #EAD1A7 !important; }
/* .right-days .event-lists li:hover,.right-days .event-lists li:hover a { background: #EAD1A7; } */
.right-days .event-lists li .title { font-size: 1.125em; color: #292929; margin-bottom: 5px; }
.week-day > li { float: left; width: 40px; font-size: .875em; text-align: center; transition: .2s all; cursor: pointer; z-index: 33; position: relative; }
.week-day > li a { display: inline-block; width: 100%; }
.data-lists .week-day { height: 70px; }
.data-lists .week-day > li { padding: 25px 0; }
.data-lists .week-day li.week-one { color: #B81E1E }
.data-lists .week-day li.current-day a { color: #fff; background: #f54039; }
.data-lists .week-day li.has-activity a { background: #fff; color: #000; }
.week-day > li.hasActivity .day-one, .week-day > li .day-one.hasActivity { background: #f54039; color: #fff; }
.week-day.day-lists > li:hover a, .week-day.day-lists > li.hover_on a { background: #fff; color: #000; }
.week-day.day-lists > li.current-day:hover { /* background: #fff; */ }
.week-lists li.hover_on, .week-lists li.has-activity { /* background: #fff; */ color: #1B1B1B; }


.week-day > li:hover .day-one { color: #CE8A25; }
.week-day > li.weeks .week-one, .week-day li .week-one.weeks { color: #B81E1E }
.week-day > li > div:first-child { margin-bottom: 30px; }
i.arrow-top { float: left; width: 0; height: 0; border-width: 15px; border-style: solid; position: absolute; top: -30px; left: 50%; margin-left: -15px; border-color: transparent #fff transparent transparent; transform: rotate(90deg); }

.cont-tit { margin-top: 60px; margin-bottom: 20px; position: relative; }
.cont-tit > a { right: 0; top: 10px; position: absolute; color: #B81E1E; padding-bottom: 5px; border-bottom: 1px solid #B81E1E; transition: .2s all; }
.cont-tit > a:hover { color: #CE8A25; border-bottom: 1px solid #CE8A25; }
.tit-h3 { font-size: 2em; font-weight: bold; color: #1B1B1B; }
.tit-h3 small { font-size: .5em; font-weight: 400; letter-spacing: .5px; color: #B81E1E; }
.concert .item > a { display: block; transition: .2s all; width: 100%; }
.concert .item .banner-img-wrapper { overflow: hidden; border: 1px solid #eee; text-align: center; }
.concert .item > a img{
    position: relative;
}
.concert .item .banner-img-wrapper {display: block;border: 1px solid #dedede;overflow: hidden;position: relative;height: 250px;}
.concert .owl-nav { position: absolute; top: 125px; width: 100%; }
.owl-carousel .owl-nav button.owl-next { position: absolute; right: 0; }
.owl-carousel .owl-nav button.owl-prev span { display: inline-block; text-indent: -9999px; width: 15px; height: 34px; background-image: url(../images/icons/arrow_left.png); background-size: 100% 100%; background-repeat: no-repeat; opacity: .8; transition: .2s all; }
.owl-carousel .owl-nav button.owl-next span { display: inline-block; text-indent: -9999px; width: 15px; height: 34px; background-image: url(../images/icons/arrow_right.png); background-size: 100% 100%; background-repeat: no-repeat; opacity: .8; transition: .2s all; }
.owl-carousel .owl-nav button.owl-prev span:hover, .owl-carousel .owl-nav button.owl-next span:hover { opacity: 1; }
.concert .item > a img {transition: .2s all;position: absolute;display: block;max-width: 100%;max-height: 100%;top: 0px;width: inherit;left: 0px;right: 0px;bottom: 0px;margin: auto;}
.concert .item > a:hover .concert-info { background: #EAD1A7; }
.concert .item > a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.concert .concert-info { background: #EEEEEE; padding: 15px; height: 110px; transition: .2s all; }
.concert .item > a { display: block; }
.concert .concert-info .title { font-size: 1.25em; height: 55px; margin-bottom: 5px; color: #1B1B1B; }
.online-concert .tit-h3 { visibility: hidden; }
.concert .concert-info .performer { margin-top: 3px; color: #1B1B1B; margin-bottom: 20px; }
.concert .concert-info .date { text-align: right; letter-spacing: 1px }
.concert .concert-info .date span { font-size: 2em; }
.home-section .news-left { float: left; width: 660px; }
.home-section .event-right { float: right; width: 630px; }
.event-banner a { display: block; }
.event-banner a:hover, .event-banner a:hover .info .title { color: #d1860c; }

.event-banner a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.online-banner { position: relative; min-height: 500px; }
.online-banner .video-tit { text-align: center; color: #fff; bottom: 0; height: 90px; font-size: 1.25em; line-height: 130px; cursor: pointer; position: absolute; width: 100%; }
.online-banner .video-tit:hover { color: #EAD1A7; }
.online-banner .video-box { /* position: absolute; */ top: 0; left: 0; width: 100%; height: 100%; }
.online-banner .video-box.isShow { z-index: 1; cursor: pointer; background: #fff; }
.video-wrapper.isVideo { }
.video-wrapper i { display: inline-block; margin-top: 20px; background: url(../images/icons/play.png) no-repeat; width: 30px; height: 30px; }
.banner.online-banner .swiper-slide { text-align: center; height: 565px; }
.banner.online-banner .swiper-container { max-height: 666px; }
.iframe-wrap { width: 1000px; height: 100%; margin: 0 auto; }
.video-wrapper .play-btn { display: block; width: 280px; height: 280px; text-indent: -9999px; background: url(../images/online.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -140px; margin-top: -140px; top: 50%; transition: .2s all; z-index: 2; }
.video-wrapper .play-btn:hover { /* background: url(../images/online_on.png) no-repeat; */ }
.video_name { font-size: 1.25em; color: #fff; margin-top: 15px; }
.player-wrapper { /* display: none; */ width: 880px; margin: 0 auto; height: 100%; }
.video-wrapper.isVideo .play-btn { display: none; }
.video-wrapper.isVideo .video_name { margin-top: 0; }
.video-wrapper.isVideo .player-wrapper { visibility: visible }

.flowplayer { width: 420px; height: 200px; }
#video_title { position: relative; padding: 15px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 1.125em; font-weight: bold; -webkit-text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); margin-top: 35px; margin-bottom: 12px; border-top: 2px solid rgba(255, 255, 255, 0.8); border-bottom: 2px solid rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.online-concert { position: relative; }
.name_cn { font-size: 2.25em; color: #292929; }
.event-banner a img { transition: .2s all; }
.banner.event-banner { }
.event-banner .banner-img-wrapper { max-height: 415px; min-height: 415px; overflow: hidden; border: 1px solid #eee; position: relative; overflow: hidden; text-align: center; }
.event-banner .banner-img-wrapper img { position: absolute; display: block; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.event-banner .info { margin-top: 5px; }
.event-banner .info .title { float: left; font-size: 1.25em; color: #292929; line-height: 50px; }
.event-banner .info .date { float: right; font-size: 1.5em; }
.event-banner .info .date span { font-size: 1.5em; }
.news-lists .swiper-container { height: 520px; }
.swiper-container-vertical > .swiper-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.news-lists .dowebok { height: 460px; }
.h-20 { height: 13px; text-indent: -9999px; }
.news-lists li { box-sizing: border-box; background: #fff; border-top: 1px solid #eee; transition: .2s all; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.news-lists li:hover { background: #EAD1A7; }
.news-lists li a { display: block; padding: 0 35px; }
.news-lists li .title { font-size: 1.25em; height: 35px; color: #292929; }
.news-lists li .date { margin: 5px 0; }
.news-lists li .des { font-size: .875em; }
/* index page end */

/*  informationlist */
.main-content { padding-top: 20px; }
.left-menu { min-width: 115px; max-width: 300px; padding: 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045); box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045); }

.left-menu .current-menu { width: 100%; line-height: 50px; font-size: 1.125em; cursor: pointer; color: #fff;; text-align: center; background: #8F713D; font-weight: bold; }
.left-menu > ul > li { width: 100%; text-align: left; border-top: 1px solid #eee; }
.left-menu li a { display: block; width: 100%; min-height: 46px; line-height: 45px; transition: .2s all; padding: 0 20px; text-align: center; border-left: 4px solid transparent; }
.left-menu li a.hasMenu { font-weight: 400; }
.left-menu li a.hasMenu.open { font-weight: bold; }
.left-menu li a.hasMenu::after { content: ''; margin-top: 15px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons/triangle.png) no-repeat; background-size: 100% 100%; float: right; }
.left-menu li a.hasMenu.open::after { background: url(../images/icons/triangle_open.png) no-repeat; background-size: 100% 100%; }
.left-menu .sub-menu { max-height: 0; background: #F5F3F3; overflow: hidden; transition: max-height ease-out 0.5s; }
.left-menu .sub-menu.open { max-height: 500px; transition: max-height ease-in 0.5s; }
.left-menu .sub-menu li { border-bottom: 1px solid #eee; }
.left-menu .sub-menu li:last-child { border: none; }
.left-menu .sub-menu li a { min-height: 45px; line-height: 45px; display: block; }

.left-menu li.active a, .left-menu li a.active { color: #8F713D; border-left: 4px solid #8F713D; }
.left-menu .sub-menu li.active a, .left-menu .sub-menu li a.active { }
.left-menu li a:hover { color: #CE8A25; }
.left-menu li.active a:hover, .left-menu li a.active:hover { color: #CE8A25; border-left: 4px solid #8F713D; }
.right-content { width: 1050px; margin-left: 70px; padding: 0; }
.right-content .right-tit { margin-bottom: 20px; }
.right-content .right-tit i.border-line { display: inline-block; height: 30px; background: #802332; width: 10px; float: left; }
.right-content .right-tit p { font-size: 1.475em; padding-bottom: 10px; margin-left: 20px; border-bottom: 1px solid #acacac; padding-right: 200px; }
.current-title { font-size: 2em; font-weight: bold; color: #292929; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.lists { margin-top: 20px; }
.bottom-content { padding: 20px 0; }
.img-wrapper { display: block; border: 1px solid #eee; height: 176px; overflow: hidden; position: relative; }
.img-wrapper img { position: absolute; display: block; max-width: 100%; max-height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.bottom-content .albums { margin-top: 40px; }
.albums .item { margin-bottom: 40px; padding: 0 10px; }
.albums .item a { display: block; }
.albums .item a img { transition: .2s all; }
.albums .img-wrapper { height: 255px; }
.albums .info { margin-top: 10px; }
.albums .item a:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.file-download { margin-top: 70px; }
.file-download li { margin-top: 20px; }
.file-download li a { display: block; transition: .2s all; padding-left: 40px; }
.file-download li a i { display: inline-block; width: 23px; height: 30px; float: left; margin-right: 10px; transition: .2s all; margin-left: -30px; margin-top: -5px; background: url(../images/icons/dl_icon.png) no-repeat; background-position: -4px 0; }
.file-download li a:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -4px 0; }
.file-download li a:hover { color: #CE8A25; }
.file-download li a.pdf i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -34px 0; }
.file-download li a.doc i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -124px 0; }
.file-download li a.docx i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -154px 0; }
.file-download li a.xls i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -64px 0; }
.file-download li a.xlsx i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -94px 0; }
.file-download li a.zip i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -64px -30px; }
.file-download li a.ppt i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -4px -30px; }
.file-download li a.pptx i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -34px -30px; }
.file-download li a.rar i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -94px -30px; }
.file-download li a.jpg i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -124px -30px; }
.file-download li a.tiff i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -154px -30px; }

.file-download li a.png i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -4px -60px; }
.file-download li a.gif i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -34px -60px; }
.file-download li a.wwv i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -64px -60px; }
.file-download li a.txt i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -94px -60px; }
.file-download li a.text i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -124px -60px; }
.file-download li a.opt i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -154px -60px; }
.file-download li a.odt i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -4px -90px; }
.file-download li a.ods i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -34px -90px; }
.file-download li a.odp i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -64px -90px; }
.file-download li a.odf i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -95px -90px; }

.file-download li a.odg i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -124px -90px; }
.file-download li a.odb i { background: url(../images/icons/dl_icon.png) no-repeat; background-position: -154px -90px; }


.file-download li a.odt:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -4px -90px; }
.file-download li a.ods:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -34px -90px; }
.file-download li a.odp:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -64px -90px; }
.file-download li a.odf:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -94px -90px; }
.file-download li a.odg:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -124px -90px; }
.file-download li a.odb:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -154px -90px; }
.file-download li a.opt:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -154px -60px; }
.file-download li a.text:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -124px -60px; }
.file-download li a.txt:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -94px -60px; }
.file-download li a.wwv:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -64px -60px; }
.file-download li a.gif:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -34px -60px; }
.file-download li a.png:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -4px -60px; }
.file-download li a.tiff:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -154px -30px; }
.file-download li a.jpg:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -124px -30px; }
.file-download li a.xlsx:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -94px -30px; }
.file-download li a.xlsx:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -34px -30px; }
.file-download li a.xlsx:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -4px -30px; }
.file-download li a.pdf:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -34px 0; }
.file-download li a.doc:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -124px 0; }
.file-download li a.docx:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -154px 0; }
.file-download li a.zip:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -64px -30px; }
.file-download li a.xls:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -64px 0; }
.file-download li a.xlsx:hover i { background: url(../images/icons/dl_icon_on.png) no-repeat; background-position: -94px 0; }

.cmall-tit { font-weight: bold; color: #292929; font-size: 1.125em; padding-bottom: 10px; border-bottom: 1px solid #eee; }

.detail { margin-bottom: 0 }
.date-wrap { background: #EEEEEE; padding: 15px 20px; margin-bottom: 20px; }
.date-wrap label { line-height: 32px; }
.date-wrap input { background: #fff; border: none; height: 32px; margin-left: 10px; padding-left: 10px; }
.date-wrap > div.date-left { float: left; margin-right: 40px; }
.date-wrap > div.search-right { float: right; }
.date-wrap > div.search-right.only-search { float: left; }
.date-wrap > div.search-right input { width: 245px; }
.date-wrap
.data-input { width: 200px; }
.search-icon { text-indent: -999px; margin-left: 10px; background-color: transparent; border: none; display: inline-block; width: 32px; background-image: url(../images/icons/search_white_icon.png); background-repeat: no-repeat; background-position: center center; height: 32px; padding: 5px 0; float: right; }
.category-wrap { margin-top: 20px; margin-bottom: 20px; }
.category-wrap li { float: left; margin-right: 20px; margin-bottom: 20px; }
.category-wrap li a { display: inline-block; padding: 8px 13px; border: 1px solid #eee; color: #1B1B1B; transition: .2s all; }
.category-wrap li a.active, .category-wrap li a:hover { color: #fff; background:#8F713D; border-color: #8F713D; }
.return-btn { display: inline-block; padding: 8px 10px; font-size: .875em; color: #000; transition: .2s all; border: 1px solid #eee; }
.return-page { margin-top: 40px; }
.return-btn:hover { background: #8F713D; color: #fff; border-color: #8F713D; }
.msg-lists li { border-bottom: 1px solid #eee; padding: 20px 0; }
.msg-lists > li > a { display: block; transition: .2s all; }
.msg-lists li a > p { margin-right: 140px; }
.lists-tip { height: 40px; background: #8F713D; color: #fff; text-align: center; font-weight: bold; font-size: 1.125em; }
.lists-tip > span { display: inline-block; line-height: 40px; }
.lists-tip .right { float: right; width: 120px; border-left: 1px solid #fff; }
.msg-lists li a:hover { color: #CE8A25; }
.msg-lists li a span { float: right; width: 120px; display: inline-block; margin-top: -22px; text-align: center; }
.ordinary-des { line-height: 2.1; }
/* informationlist end */

/* links */
.links .img-wrapper { height: 81px; }
.links li { margin-bottom: 20px; transition: transform .2s ease-in-out; -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; -ms-transition: -ms-transform .2s ease-in-out; }
.links li:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); }
.links li a { display: block; }
.links li a .link-tit { margin-top: 10px; text-align: center; }
/* links page end */



/* qa page */
.qa-type li, .type-tab li, .tab-nav li { width: 160px; height: 42px; float: left; margin-right: 10px; }
.qa-type, .type-tab, .tab-nav { margin-bottom: 30px; }
.qa-type li a, .type-tab li a, .tab-nav li a { display: block; text-align: center; line-height: 42px; font-size: 1.125em; }
.qa-type li.current, .type-tab li.current { background: #6485ff; }
.qa-type li.current, .qa-type li a.current, .type-tab li a.current, .tab-nav li a.current { background: #6485ff; }

.qa-content { position: relative; overflow: hidden; min-height: 300px; }


.qa-item { border-bottom: 1px solid #eee; margin-bottom: 3px; }
.qa-item .qa-tit { font-size: 1.125em; line-height: 36px; padding: 20px 0; cursor: pointer; padding-left: 50px; }
.question-letter { display: inline-block; float: left; width: 36px; height: 36px; margin-right: 15px; background: url(../images/icons/qa_icon.png) no-repeat; background-size: 100% 100%; margin-left: -50px; }
.qa-item .qa-answer { margin-left: 50px; line-height: 1.7; max-height: 0; overflow-y: hidden; transition: max-height ease-out 0.3s; }
.answer-letter { color: #CE8A25; font-size: 1.5em; display: block; margin-bottom: 20px; font-weight: bold; }
.qa-item .qa-answer .qa-box { padding: 20px; background: #f5f5f5; margin-bottom: 5px; }
.qa-item .qa-answer > span { float: left; }
.qa-item .qa-answer .answer-bottom { line-height: 1.9; word-break: break-all; }
.qa-item .qa-answer.open { max-height: 1000px; transition: max-height ease-in 0.3s; box-sizing: border-box; }
/* qa page end */

.archive-detail { margin-top: 50px; line-height: 2.1; }
.big-tit { margin-bottom: 15px; font-weight: bold; font-size: 1.5em; color: #CE8A25; }
.contnet-stit { font-size: 1.125em; margin-bottom: 10px; }
.font-bold, .content-list-tit { font-weight: bold; }
.content-list-tit { margin: 5px 0; }

.download-lists-tip { background: #8F713D; color: #fff; font-weight: bold; line-height: 40px; text-align: center; }
.download-lists-tip > span { display: inline-block; border-left: 2px solid #fff; }
.download-lists-tip > .left { width: 525px; border-left: none; }
.download-lists-tip > .mid { width: 389px; }
.download-lists-tip > .right { width: 122px; }
.download-msg-lists.msg-lists li > p { float: left; width: 530px; line-height: 40px; /*position: absolute;
    top: 50%;
    margin-top: -20px;*/ }
.download-msg-lists.msg-lists li .mid { float: left; width: 394px; margin-left: 530px; }
.download-msg-lists.msg-lists li { position: relative; padding: 13px 0; }
.download-msg-lists.msg-lists .mid li { margin-bottom: 15px }
.download-msg-lists.msg-lists li > span { position: absolute; right: 0; top: 50%; width: 122px; display: inline-block; text-align: center; margin-top: -10px; }
.msg-lists .mid li { border: none; }
.msg-lists .mid a { display: inline-block; padding: 3px 12px; transition: .2s all; border: 1px solid #eee; margin-left: 10px; }
.msg-lists .mid li { padding: 0; margin-bottom: 30px; }
.msg-lists .mid li:last-child { margin-bottom: 0; }
.msg-lists .mid a:hover { border-color: #8F713D; background: #8F713D; color: #fff; }
.my-20 { margin: 20px 0; }
.concert-lists { margin: 0 -39px; margin-top: 40px; }
.concert-lists > li { padding: 0 39px; margin-bottom: 70px; min-height: 350px; }
.concert-lists.activity-lists > li { min-height: 347px; }
.concert-lists li a { display: block; }
.concert-lists li .img-wrapper { height: 192px; }
.concert-lists li .tit { font-size: 1.125em; transition: .2s all; margin-bottom: 5px; height: 45px; }
.concert-lists li .tit:hover { color: #CE8A25; }
.concert-lists li .info { margin-top: 10px; }
.concert-lists li .info .tag { display: inline-block; padding: 5px 12px; font-size: .75em; float: left; background: #EEEEEE; }
.concert-lists li .info .sence-lists { /*margin-left: 60px;*/ max-height: 98px; overflow: hidden; transition: max-height ease-out 0.5s; }
.concert-lists li .info .sence-lists.open { max-height: 5000px; transition: max-height ease-in 0.5s; }
.concert-lists li .info .sence-lists li { margin-bottom: 10px; }
.big-more { width: 100%; height: 28px; line-height: 28px; text-align: center; font-size: .875em; transition: .2s all; border: 1px solid #eee; cursor: pointer; }
.big-more:hover { color: #fff; background: #8F713D; border-color: #8F713D; }
.big-more.disable { color: #E5E5E5; }
.big-more.disable:hover { color: #E5E5E5; background: #fff; border-color: #eee; }
.concert-lists.activity-lists li .info .tag { float: inherit; margin-right: 10px; }
.concert-lists.activity-lists li .info > p { margin-bottom: 5px; }
.concert-lists.activity-lists li .info > p:last-child { margin-bottom: 10px; }
.concert-lists.activity-lists li .img-wrapper { height: 190px; }
/* email page */
.email-des { line-height: 2.1; }
.email-form input[type='text'] { padding-left: 8px; border: 1px solid #E5E5E5; }
.form-tip { color: #888; margin-top: 5px; font-size: .95em; }
.form-file { margin-bottom: 15px; }
.form-file:last-child { margin-bottom: 0; }
.file-input { width: 200px; float: left; margin-right: 5px; background: #f7f7f7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-form textarea { border: 1px solid #E5E5E5; }
#supplement { background: transparent; width: 100%; }
#supplement::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
#supplement:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
#supplement::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
#supplement:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
.form-control { border-radius: 0; padding-left: 3px; }
.form-file input[type="file"] { visibility: hidden; height: 0; }
.btn-file { border: 1px solid #eee; height: 36px; background: transparent; transition: .2s all; }
.btn-file:hover { border: 1px solid #8F713D; color: #8F713D; }
.form-horizontal .control-label { font-size: .95em; color: #000; text-align: left; margin-bottom: 5px; }
.radio-item { display: inline-block; margin-right: 10px; cursor: pointer; }
.code-input { width: 120px; }
.form-horizontal .form-group.code-group { margin-bottom: 40px; padding: 0 15px; }
.sound-icon { text-indent: -99999px; width: 32px; height: 32px; background: url(../images/icons/sound_icon.png) no-repeat; background-position: center center; }
.repeat-icon { text-indent: -99999px; width: 32px; margin-left: 5px; height: 32px; background: url(../images/icons/repeat_icon.png) no-repeat; background-position: center center; }
.code-group a { display: inline-block; }
.code-group .code-img { margin: 0 10px; }
.code-group .code-input { display: inline-block; margin-left: 20px; }
.radio-box .radio-item label { padding-left: 3px; }
.form-horizontal .form-group { margin-bottom: 15px; }
.input-half { width: 50%; }
.form-control.code { width: 200px; float: left; }
.lease_content_refresh { float: left; margin-left: 15px; }
.half { width: 50%; }
.lease_content_refresh a { margin-right: 10px; }
.margin-t-30 { margin-top: 30px; }
.send-btn, .reset-btn { padding: 0 30px; line-height: 40px; height: 38px; margin-right: 20px; transition: .2s all; cursor: pointer; font-size: .9em; }
.btn-footer { margin-top: 30px; }
.send-btn { color: #fff; background: #8F713D; border: 1px solid #8F713D; }
.send-btn:hover { background: #8F713D; }
.reset-btn { border: 1px solid #eee; background: #fff; }
.reset-btn:hover { color: #8F713D; }
.form-horizontal .look-group .control-label { width: 11%; padding-right: 0; }
.form-horizontal .look-group .col-sm-10 { width: 89%; }
.look-btn { display: inline-block; padding: 5px 15px; border: 1px solid #eee; transition: .2s all; margin-top: -85px; float: right; }
.look-btn.look-btn2 { margin-top: -55px; }
.look-btn:hover { background: #8F713D; border-color: #8F713D; color: #fff; }

.rss-tit { color: #8F713D; margin-bottom: 10px; font-size: 1.25em; font-weight: bold; }
.rss-lists { margin: 20px 0; }
.rss-lists a { display: inline-block; padding: 4px 12px; border: 1px solid #eee; transition: .2s all; margin-right: 10px; margin-bottom: 10px; }
.rss-lists a:hover { border-color: #8F713D; background: #8F713D; color: #fff; }
.site_map { margin: 0; padding: 0 }

.site_map_li { padding: 10px; border: 1px #e0c599 solid; padding: 0 }

.site_map li a { text-decoration: none; display: block; padding: 5px 10px; font-weight: 700; font-size: 1.125em; background: #f6f6f6 }

.site_map ul li a { font-weight: 400; background: #fff; font-size: 1em; }

.site_map ul li a ul li { font-weight: 400; font-weight: 400; }

.site_map li a:hover { background: #f6f6f6 }

.site_map li ul { border: 0; background: #fff; padding: 0; margin-left: 20px; margin-top: 3px; }

.site_map { -webkit-column-width: 340px; -moz-column-width: 340px; -o-colum-width: 340px; -webkit-column-gap: 1px; -moz-column-gap: 1px; -o-column-gap: 1px }

.site_map_li:not(.site-map) { display: inline-block; width: 97%; position: relative; margin: 5px 5px; padding: 5px; box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2) }

/* email page end */
.category-top { background: #EEEEEE; padding: 20px 0 0 20px; }
.category-top ul li { float: left; width: 16.66%; margin-bottom: 20px; }
.category-top li a { display: inline-block; padding-left: 20px; background: url(../images/icons/category_icon.png) no-repeat; background-position: left center; transition: .2s all; }
.category-top li a:hover { color: #8F713D; background: url(../images/icons/category_icon_on.png) no-repeat; background-position: left center; }
.member-tit { color: #CE8A25; font-weight: bold; font-size: 1.5em; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.member-lists li { width: 216px; padding: 0 13px; height: 277px; margin-bottom: 40px; }
.member-lists a { display: block; transition: .2s all; color: #292929; }
.member-lists a:hover { color: #8F713D; }
.member-lists a .info { margin-top: 10px; }
.member-lists a .info .name, .member-lists a .info .en { font-size: 1.125em; }
.member-lists a .info .flag { margin-top: 5px; }
.member-lists li .img-wrapper { height: 190px; }
.change-member { float: right; margin-top: -50px; }
.change-member a { display: inline-block; text-indent: -9999px; width: 30px; height: 30px; margin-right: 10px; }
.change-member a.prev-btn { background: url(../images/icons/prev_icon.png) no-repeat; background-size: 100% 100%; }
.change-member a.next-btn { background: url(../images/icons/next_icon.png) no-repeat; background-size: 100% 100%; }
.member-detail { padding-top: 20px; }
.member-detail > .time { font-size: .95em; margin-bottom: 20px; }
.member-detail .intro-box .intro-left { float: left; width: 180px; border: 1px solid #eee; text-align: center; }
.member-detail .intro-box .intro-right { margin-left: 180px; padding-left: 40px; }
.member-detail .intro-box .intro-right .category-tit, .member-detail .intro-box .intro-right .work-position { font-size: 1.25em; font-weight: bold; color: #292929; }
.member-detail .intro-box .intro-right .category-tit { margin-bottom: 5px; }
.select-box::before { content: ''; text-indent: -99999px; background: url(../images/icons/triangle.png) no-repeat; background-size: 100% 100%; background-position: right center; width: 14px; height: 14px; position: absolute; right: 10px; top: 10px; background: none; width: 0; height: 0; }

.select-box { position: relative; float: left; }
.select-box select { height: 32px; padding-left: 10px; border: none; width: 205px; margin-left: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../images/icons/triangle.png") no-repeat scroll right center transparent; padding-right: 0; background-color: #ffffff; }
.select-box select::-ms-expand { display: none; }
.select-box ul { position: absolute; z-index: 2; left: 10px; display: none; }
.select-box ul.open { display: block; }
.data-left.year-left { height: 32px; float: left; }
.year-left .select-box ul { min-width: 205px; background: #fff; max-height: 300px; overflow-y: auto; border-radius: 3px; margin-top: 2px; }
.year-left .select-box ul li { line-height: 25px; margin-top: 5px; transition: .2s all; cursor: pointer; font-size: .875em; padding-left: 10px; }
.year-left .select-box ul li:hover { background: #e0c599; }
.year-left .search-icon { float: right; margin-left: 20px; margin-top: 3px; display: inline-block; background-color: transparent; width: 22px; height: 22px; background: url(../images/icons/triangle.png) no-repeat; background-position: -25px -24px; border: none; }
.date-wrap .year-left label { float: left; }
.look-lists { margin: 0 -41.5px; }
.look-lists li { margin-bottom: 50px; padding: 0 41.5px; }
.look-lists li a { display: block; }
.look-lists li .img-wrapper { height: 267px; }
.look-lists li .info { margin-top: 10px; height: 45px; }
.look-detail { margin-top: 30px; }
.look-detail .left { float: left; width: 341px; height: 456px; }
.look-detail .right { margin-left: 341px; padding-left: 32px; }
.look-detail .right .name { color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 15px; }
.look-detail .right .detail-info > div { margin-bottom: 10px; }
.look-detail .right .detail-info span.flag { padding: 0 10px; display: inline-block; line-height: 25px; margin-right: 15px; font-size: .9em; background: #EEEEEE; }
.look-detail .right .detail-info span.prices { color: #FF0000; font-size: 1.125em; }
.prices-box { display: inline-block; vertical-align: middle; }
.prices-box input { width: 60px; height: 25px; text-align: center; border: 1px solid #e5e5e5; margin: 0 5px; float: left; }
.prices-box .reduce, .prices-box .add { display: inline-block; width: 25px; height: 25px; float: left; cursor: pointer; }
.prices-box .reduce { background: url(../images/icons/reduce_icon.png) no-repeat; background-position: center center; border: none; }
.prices-box .add { background: url(../images/icons/add_icon.png) no-repeat; background-position: center center; border: none; }
.look-btns { margin-top: 205px; margin-bottom: 20px; }
.look-btns > a { display: inline-block; width: 205px; text-align: center; line-height: 38px; height: 40px; transition: .2s all; margin-right: 23px; font-size: 1.125em; }
.look-btns > a:last-child { margin-right: 0; }
.look-btns > a.onlone-look { border: 1px solid #eee; }
.look-btns > a.onlone-look:hover { color: #8F713D; }
.look-btns > a.add-cart { border: 1px solid #E5E5E5; background: #E5E5E5; }
.look-btns > a.add-cart:hover { background: #8F713D; color: #fff; }
.look-btns > a.shopping { background: #8F713D; color: #fff; border: 1px solid #8F713D; }
.look-btns > a.shopping:hover { background: #CE8A25; }
.look-tip { text-align: right; font-size: .95em; }
.catalogue-item { margin-bottom: 30px; }
.catalogue-item > p { margin-top: 20px; font-size: 1.125em; font-weight: bold; }
.line-dashed { border-top: 1px dashed #CE8A25; margin-bottom: 40px; }
.text-main { color: #CE8A25; font-weight: bold; font-size: 1.125em; }
.form-linklists { margin-bottom: 40px; }
.form-linklists li { margin-top: 10px; }
.shopstep { padding: 15px 5px; border-bottom: 1px solid #eee; color: #1B1B1B; }
.shopstep .step-box span.active { color: #CE8A25; font-size: 1.125em; font-weight: bold; }
.shopstep .step-box b { margin: 0 33px; }
.contact-box { padding-bottom: 30px; border-bottom: 1px dashed #CE8A25; margin-top: 40px; }
.contact-box:last-child { border: none; }
.contact-box .button { margin-top: 50px; margin: 50px auto; }
.contact-box .button a { padding: 0 20px; line-height: 40px; float: left; margin: 10px; display: inline-block; text-align: center; font-weight: bold; cursor: pointer; transition: all 0.3s; }
.contact-box .button a.cancel { background: #E5E5E5; }
.btn-u { padding: 0 20px; background: #8F713D; color: #fff; transition: all 0.3s; margin: 10px; display: inline-block; border: none; color: #fff; text-align: center; font-weight: bold; cursor: pointer; transition: all 0.3s; height: 40px; }
.btn-u:hover, .contact-box .button a.cancel:hover { opacity: .8; }
#cart-list h3, #cart-list .h3 { font-size: .9em; color: #000; line-height: 25px; padding: 0 15px; background: #EEEEEE; margin-bottom: 20px; display: inline-block; }
.contact-box dl { margin-bottom: 25px; }
.contact-box dl dt > label, .contact-box .label-name { margin-bottom: 5px; font-weight: bold; font-size: .9em; }
.contact-box .half { display: inline-block; float: left; }
.contact-box .half:nth-of-type(1) { padding-right: 10px; }
.contact-box .half:nth-of-type(2) { padding-left: 10px; }
.contact-box dd input, .contact-box dd textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: .875em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; height: 36px; padding-left: 8px; border: 1px solid #E5E5E5; }
.contact-box dl dt span { color: #EB0000; font-size: .8em; }
.contact-box dl b { color: #3E3E3E; display: inline-block; margin-left: 10px; font-size: .8em; font-weight: normal; }
.chksame-box { font-size: .9em; }
#cart-list .list-info { margin-top: 40px; padding-bottom: 10px; border-bottom: 1px dashed #CE8A25; }

#cart-list #shoppingcart { margin-top: 10px; overflow-x: auto; }
.tabel-wrap { min-width: 700px; }
#cart-list table th, #cart-list table td:nth-of-type(1) { padding: 10px; border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; text-align: center; }
#cart-list table td { padding: 20px; }
#cart-list table tr { border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
#cart-list .btnplus { background-color: transparent; border: none; text-indent: -9999px; display: inline-block; width: 25px; height: 25px; background: url(../images/icons/reduce_icon.png) no-repeat; background-position: center center; }
#cart-list .btnplus:last-child { background: url(../images/icons/add_icon.png) no-repeat; background-position: center center; }
.order-info { margin: 20px 0; }
.order-info > div { margin-bottom: 10px; padding-right: 20px; }
.order-info > div .flag { font-size: .9em; color: #000; width: 85px; display: inline-block; line-height: 25px; text-align: center; background: #EEEEEE; margin-right: 20px; }
.order-info > div .val { width: 70px; display: inline-block; text-align: center; }
.order-info > div #total { color: #FF0000; }
#cart-list .button { margin: 40px auto 0 auto; width: 370px; }
#cart-list .button a { float: left; margin: 10px; }
.grey-btn { padding: 0 20px; line-height: 40px; display: inline-block; color: #000; font-size: .9em; transition: .3s all; background: #E5E5E5; }
.mcolor-btn { padding: 0 20px; line-height: 40px; display: inline-block; font-size: .9em; transition: .3s all; color: #fff; background: #8F713D; }
.mcolor-btn:hover { color: #fff; opacity: .8; }
.grey-btn:hover { opacity: .8; }
#payinfo { margin-top: 40px; }
#TransferInfo, #Idno { height: 34px; padding: 6px 12px; margin: 0 5px; font-size: .875em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#cart-list table.paytype tr td:first-child { background: #F5F3F3; }
#cart-list table.paytype { font-size: .95em; }
.shop-tip { font-size: .95em; color: #000000; line-height: 1.9; }
#divloading { display: none; text-align: center; }
#cart-list table { width: 100%; }
#cart-list table th { font-weight: normal; background: #F5F3F3; text-align: center; }
.empty-wrap { padding: 100px 0; text-align: center; }
.empty-tip { font-size: 1.125em; font-weight: bold; margin-top: 20px; margin-bottom: 50px; color: #A1A1A1; }
.go-shopBtn { display: inline-block; color: #fff; background: #8F713D; padding: 0 60px; font-size: 1.125em; line-height: 50px; transition: .3s all; font-weight: bold; }
.go-shopBtn:hover { opacity: .8; color: #fff; }
.btn-footer .col-xs-12 { margin-left: 15px; }
.btn-footer .col-xs-12 button { margin-left: 10%; }
.ordinary-des h2 { margin-bottom: 15px; }

/* page */
#page { padding: 40px; text-align: center; clear: both; }
#page .page { padding: 20px 0; overflow: hidden; text-align: center; }
#page .page a { position: relative; display: inline-block; width: 35px; margin: 0 1px 1px 0; font-size: 1.125em; color: #232323; line-height: 35px; text-align: center; cursor: pointer; box-sizing: border-box; transition: all .3s; }
#page .page a.prev,
#page .page a.next,
#page .page a.first,
#page .page a.last { text-indent: -9999px; }
#page .page a.prev:before,
#page .page a.next:before,
#page .page a.first:before,
#page .page a.last:before { content: ""; position: absolute; left: 50%; top: 50%; display: block; height: 14px; margin-top: -7px; background: url(../images/page.png); }
#page .page a.prev:before,
#page .page a.next:before { width: 10px; margin-left: -5px; }
#page .page a.prev:before { background-position: -33px top; }
#page .page a.next:before { background-position: -43px top; }
#page .page a.first:before,
#page .page a.last:before { width: 13px; margin-left: -6px; }
#page .page a.first:before { background-position: left top; }
#page .page a.last:before { background-position: right top; }
#page .page a.num:hover,
#page .page a.num.active { background: #8F713D; color: #fff; }
#page .page a.prev:hover,
#page .page a.next:hover,
#page .page a.first:hover,
#page .page a.last:hover { background-color: #8F713D; }

/* page end */


/* layui */
/* 20190926新增 */
.laydate-day-mark { cursor: not-allowed; background: #CBCBCB; color: #002857; /* height: 25px!important; */ }
.notClick { }
.laydate-day-mark { /* line-height: 25px!important; */ }
.laydate-day-next { display: none; }
.layui-laydate-content { }
.layui-laydate-list > li { height: 30px !important; line-height: 30px !important; }
.date-mask { position: absolute; background: transparent; width: 36px; height: 30px; z-index: 1; cursor: not-allowed; left: 0; top: 0; }
.layui-laydate-content td, .layui-laydate-content th { font-size: .75em; /* height: 25px!important; */ }
.layui-laydate .layui-this { background-color: #ED8703 !important; }
.layui-laydate .layui-this.hasActivity { /* background: #6493FF!important; */ color: #fff; }
.laydate-day-mark::after { background: transparent !important; }
.layui-laydate-content td.hasActivity { background: #6493FF; color: #fff; }
.hover-activity { position: absolute; display: none; z-index: 99; box-shadow: 0px 4px 19px 1px rgba(105,105,105,0.2); background: #fff; color: #000; width: 254px; padding: 0 20px; }
.hover-activity a { color: #000; }
.hover-activity .item > a { display: block; padding: 15px 0; border-bottom: 1px solid #dedede; font-size: .95em; text-align: left; }
.hover-activity .close-tip { line-height: 30px; font-size: .875em; color: #888; cursor: pointer; }
.layui-laydate-content tr { padding-bottom: 3px }
.hover-activity .close-tip:hover { color: #333; }
.hover-activity .footer-btns { font-size: .875em; padding: 10px 0; }
.hover-activity .footer-btns a, .hover-activity .footer-btns span { display: inline-block; width: 60px; text-align: center; line-height: 20px; height: 20px; margin: 0 20px; cursor: pointer; color: #888; }
.hover-activity .footer-btns span:hover { color: #333; }
.d4 { float: left; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #fff transparent transparent; margin-left: -40px; position: absolute; top: 70px; }
.hover-activity .time { text-align: right; font-size: .875em; margin-top: 5px; color: #666; }
.hover-activity .activity-wrapper { max-height: 325px; overflow-y: scroll; }
.hover-activity .footer-btns a { background: #802332; }
.order-links { float: left; margin-left: 100px; margin-top: -40px; color: #8F713D; text-decoration: underline; }
.order-links:hover { font-weight: bold; color: #8F713D; text-decoration: underline; }

/* layui data end */


/* new css */
.cont-big-tit { color: #CE8A25; font-weight: bold; font-size: 1.5em; margin-bottom: 25px; }
.traffic-info { font-size: 1.25em; line-height: 1.9; margin-bottom: 30px; }
.dot { font-size: 1.25em; font-weight: bold; margin-bottom: 10px; }
.dot span { font-size: 2em; line-height: 19px; margin-right: 5px; float: left; }
/* 20200107 */
/* RWD */
@media(max-width:1460px) {
}

@media(max-width:1380px) {
    .message-link { display: none }
    .message-link a { position: relative; }
    .message-link a.prev-message { margin-left: 0; float: left; }
    .message-link a.next-message { margin-left: 0; float: right; }
}

@media(max-width:1420px) {

    .header-right > a { visibility: hidden; }
    .accesskey { visibility: hidden; }
    .footer-bottom .footer-bottom-right li:nth-of-type(8) { margin-left: 60px; }
    .friend-link { width: 290px; margin: 0 auto; }
    .qa-item .qa-answer, .qa-item .qa-answer .answer-bottom { margin-left: 0; }
    .date-wrap > div.date-left { width: 50%; margin-right: 0; margin-bottom: 20px; }
    .date-wrap > div.search-right { float: left; }
    .date-wrap .search-right label { padding-right: 12px; }
    .date-wrap > div.search-right input { width: 196px; }
    .calendar { display: none; }
    .cont-tit { margin-top: 30px; }


    .footer-top .hvr-sink { width: 30px; height: 30px; background-size: 15px; top: -18px; /* display: none; */ }
    .footer-top .hvr-sink.active { background-size: 15px; }
    .online-banner .video-tit { font-size: 1em;; }
    .player-wrapper { width: 100%; }
    .video-wrapper { width: 80px; height: 80px; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; }
    .video-wrapper .play-btn { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; background-size: 100% 100%; }
    .event-banner { width: 100%; /* overflow-x: hidden; */ }
    .home-section .news-left { float: inherit; width: 100%; }
    .news-lists li a { padding: 0 10px; }
    .home-section .event-right { float: inherit; width: 100%; }
    .swiper-container { min-height: inherit; }
    .banner .swiper-container .swiper-pagination { display: block; bottom: -20px; }
    .banner.event-banner .swiper-container .swiper-pagination { bottom: 0; }

    .swiper-container { overflow: inherit; }
    .banner .swiper-button-next, .banner .swiper-button-prev { /* display: none; */ }
    .home-toolbar { position: relative; }
    .side-toolbar { display: block; position: relative; margin: 0 auto; margin-top: 80px; height: 60px; width: 240px; bottom: inherit; z-index: 0; }

    .side-toolbar li { float: left; border-top: none; }

    .form-group.text-right button { margin-right: 15px; }


    .video-guide audio { width: 280px; margin-left: 0; }
    .both-sides-left, .both-sides-left.select-left, .current-left, .publications-des .img-wrapper-left, .publications-des.scholarship_detail .img-wrapper-left { float: inherit; width: 100%; }
    .both-sides-right, .both-sides-right.select-right, .current-right, .publications-des.scholarship_detail .des-right { width: 100%; margin-left: 0; padding-left: 0; }
    .right-detail .album { max-width: 100%; margin: 20px auto; }
    .current-right { margin-top: 20px; }
    .current-right > img { display: block; margin: 0 auto; }
    .right-lists .item a .img-wrapper { margin: 0 auto; }
    .right-lists .item .info { text-align: center; }
    .section-recommend .recommend-item, .section-oteher .recommend-item { margin-right: 15px; }

    .home-banner .owl-pagination { bottom: 10px; right: 10px; }
    .home-banner .owl-numbers { width: 25px; height: 25px; line-height: 25px; font-size: 1em; }

    .left-menu { max-width: inherit; width: 100%; overflow: hidden; margin-bottom: 30px; border: 1px dashed #fff; max-height: 50px; transition: max-height ease-out 0.5s; }

    .left-menu.open { max-height: 1500px; transition: max-height ease-in 0.5s; }
    .left-menu li { float: left; text-align: center; width: 50%; }
    .left-menu .sub-menu li a { padding: 0 10px; }
    .left-menu .sub-menu { display: block; text-align: center; }
    .left-menu li a.hasMenu::after { float: inherit; margin-left: 5px; }
    .left-menu.two-menu li { width: 25%; }
    .left-menu .current-menu { display: block; margin-bottom: 20px; border-bottom: 1px dashed #fff; text-align: center; padding-left: 50px; }
    .left-menu .current-menu::before { content: '+'; float: right; width: 50px; cursor: pointer; text-align: center; }
    .left-menu.open .current-menu::before { content: '-' }
    .right-content { width: 100%; margin-left: 0; }

    body { font-size: .95em; }

    .wrap { width: 100%; padding: 0 10px; }
    .wrap.main-content { padding: 20px 10px; }
    .row { margin: 0; }
    .box { margin: 0 15px; }
    .footer-bottom .footer-bottom-middle, .footer-bottom .footer-bottom-left, .footer-bottom .footer-bottom-right { float: inherit; text-align: center; margin-bottom: 20px; }
    .footer > div.footer-bottom { padding: 20px 15px; }
    .footer-bottom .footer-bottom-left { margin-right: 0; }
    .footer-bottom .footer-bottom-right { position: inherit; right: 0;; margin: 0 auto; padding-top: 0; }
    .footer-top .footer-nav .col-xs-1 { width: auto; min-width: 120px; margin-right: 40px; }
    .footer-nav { display: none; }
    .footer-top .footer-nav .col-xs-1 .sub-menu { overflow: hidden; }
    .footer-top .footer-nav .col-xs-1 .sub-menu.open { max-height: inherit; }
    .footer-top .footer-nav .col-xs-1:last-child { text-align: left; }
    .footer-top .footer-nav .col-xs-1 > a { display: block; border-bottom: 1px dashed #000; }

    .banner.event-banner .swiper-container { overflow-x: hidden; }
    .event-banner .info { padding-bottom: 20px; }
}

@media(max-width:1360px) {
    .content { margin-top: 65px; }
    #mobile-toggle { display: block; }
    .header { position: fixed; top: 0; width: 100%; height: 65px; padding: 10px 10px; background: #8F713D; z-index: 999; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); box-shadow: 0 0 6px rgba(0,0,0,0.1); }
    .header .logo-header a { margin-top: 0; }
    .nav, .mobile-nav { background: #fff; }
    .header > .wrap .search-top-box, .header > .wrap .nav, .lang { display: none; }
    .search-top-box { height: auto; float: inherit; }
    .search-top-box a.search-icon { display: none; }
    .search-top-box .search-form form { padding: 10px; }
    .search-top-box .search-form { position: relative; max-height: inherit; width: 100%; left: 0; box-shadow: inherit }
    .header-logo > a:last-child, .header-middle { display: none; }
    .nav li { width: 100%; border: none; }
    .nav li:hover { background: #8F713D; }
    .nav li:hover a { color: #585f69; }
    .nav > li:hover > a { color: #fff; }
    .nav li .sub-menu { padding-left: 10px; }
    .nav li .sub-menu a { text-align: left; padding-left: 20px; border-bottom: 1px solid #fff; }
    .nav li .sub-menu li:last-child a { border: none }
    .nav > li > a { line-height: 43px; font-size: 1.125em; text-align: left; padding-left: 20px; color: #4a4a4a; border-bottom: 1px solid #ccc; }
    .nav > li > a.has-menu::before { content: "+"; float: right; margin-right: 15px; }
    .nav > li > a.has-menu.isOpen::before { content: "-"; }
    .nav li .sub-menu a { line-height: 40px; }

    .nav li .sub-menu { left: 0; position: relative; background: #f8f8f8; box-shadow: inherit; max-width: inherit; }
    .nav li:hover .sub-menu { display: none; max-height: 0; transition: max-height ease-out 0.5s; overflow-y: hidden; }
    .nav li .sub-menu.open { display: block; max-height: 500px; transition: max-height ease-in 0.5s; }
    .mobile-nav, .mobile-nav a { color: #4a4a4a; }
    .mobile-nav .hot-keys a { color: #CE8A25; }
    .mobile-nav { position: absolute; overflow: auto; width: 100%; height: 100%; }
    .search-top-box .search-form { top: 0; left: inherit; }
    .search-form p.title { display: none; }
    .mobile-lang { text-align: center; margin: 20px auto; letter-spacing: 1px; margin-bottom: 0; }
    .header-mid-nav, .search-wrapper { float: inherit; margin: 20px; }

    .header-mid-nav li { margin-bottom: 10px; margin-right: 20px; }
    .search-wrapper .search-put input { border: 1px solid #eee; height: 40px; padding-left: 12px; width: 80%; }
    .search-wrapper .search-put { border: none; }
    .search-wrapper .search-put button { height: 40px; width: 20%; position: inherit; background: #CE8A25; color: #fff; float: right; }
    .search-wrapper .search-key { text-align: center; }
    .search-wrapper .search-put button::before { content: '搜尋' }
}

@media(max-width:1100px) {
    .look-btns > a { width: 100px; }
    .activity-join-item.message-item > a.tit, .message-item > a.tit { width: 100%; }
    .section-news-right, .section-news-left { margin-left: 0; width: 100%; }
    .volunteer-login .control-label { display: none; }
    .banner.online-banner .swiper-slide { height: 400px; }
    .iframe-wrap { width: 80%; }
}

@media(max-width:992px) {
    .volunteer-form-footer .col-xs-8, .volunteer-form-footer .col-xs-3 { margin-bottom: 20px }
    .right-lists .item { width: 50%; }
    .list-choose .col-xs-12 { width: 100%; margin-bottom: 15px; }
    .list-choose2 .col-xs-12:nth-of-type(3), .list-choose2 .col-xs-12:nth-of-type(4) { margin-bottom: 15px; }
    .list-choose .margin-r-15.pull-left { width: 70px }
    .list-choose .search-icon { float: none; margin-top: 0; }
}

@media(max-width:769px) {

    .online-banner img { height: 160px; }
    .event-banner .banner-img-wrapper { min-height: 300px; height: 300px; }

    .volunteer-login { width: 100%; }
    .pdf-item span { display: block; text-align: right; margin-top: 10px; position: relative; top: 0; }
    .pdf-item a { padding-right: 0; }
    .image-text-item .info { text-align: center; }
    .ellipsis-2 { min-height: auto; }
    .concert-lists li .tit { height: auto; }
    .concert-lists > li { min-height: inherit; }
    .concert-lists.activity-lists > li { min-height: inherit; }
    .notice .lists li a { padding-bottom: 40px; padding-right: 0; }
    .notice .lists.media-lists li a p.report-tit { padding-right: 0; }
    .notice .lists li a span { top: inherit; bottom: 10px; }
    .form-horizontal .form-group { margin-bottom: 20px; }
    .input-half { width: 100%; }
    .form-horizontal .control-label { margin-bottom: 10px; }
    .publications-des .des-right { margin-left: 0; padding-left: 0; margin-top: 20px; }
    .publications-des .img-wrapper-left { float: inherit; width: 200px; margin: 0 auto; }
    .collection-item .info, .hover-item .info { text-align: center }
    .detail-btn, .online-btn { position: relative; }
    .footer { margin-top: 30px; }
    .footer > div { padding: 25px 15px; }
    .message-album { margin: 40px 0; }
    .message-footer { margin-top: 40px; }
    .position .share-lists { margin-top: -20px; margin-bottom: 20px; float: inherit; }
    .message-item { padding: 15px 0; }
    .message-item > div { width: 100% }
    .message-item > div.date { text-align: right; }
    .message-tit { display: none; }
    .message-item > div.type { margin-bottom: 10px; border-bottom: 1px dashed; width: auto; padding-bottom: 5px; }
    .message-item > a.tit { width: 100%; margin-bottom: 5px; }
    .activity-item .img-wrapper, .image-text-item .img-wrapper { float: inherit; margin: 0 auto; margin-bottom: 20px; width: auto; }
    .collection2-item .img-wrapper i { display: inline-block; }
    .activity-item .info { text-align: center; }
    .activity-item .des { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .detail-btn { float: inherit; margin: 0 auto; }
    .list-choose .col-xs-12 > label, .list-choose .col-xs-12 label { width: 100%; margin-bottom: 10px; }
    .right-lists .item { width: 100%; }
    .footer-top .footer-nav .col-xs-1 { width: auto; margin-right: 25px; }
    .section-recommend .recommend-item, .section-oteher .recommend-item, .section-recommend .recommend-item:last-child { width: 100%; margin: 20px auto; }
    .recommend-box .img-wrapper { height: auto; }
    .recommend-box .img-wrapper img { position: relative; width: 100%; height: auto; }
}

@media(max-width:768px) {
    .video-wrapper .play-btn { /* display: none; */ }
    .online-banner .video-tit { line-height: inherit; height: 30px; color: #000; padding: 0 10px; }
    .banner.online-banner .swiper-slide { height: 240px; }
    .online-banner { min-height: 200px; }
    #TransferInfo, #Idno { display: block; }
    .order-info.text-right { text-align: left; }
    .look-detail .left { width: 120px; height: 300px; }
    .look-detail .right { margin-left: 120px; padding-left: 10px; }
    .prices-box { margin-top: 10px; display: block; }
    .look-btns { margin-top: 20px; margin-bottom: 0; }
    .look-btns > a { margin-right: 10px; margin-bottom: 10px; line-height: 32px; font-size: 1em; }
    .change-member { margin-top: 20px; float: inherit; }
    .member-detail .intro-box .intro-left { width: 100%; text-align: center; }
    .member-detail .intro-box .intro-right { margin-left: 0; padding-left: 0; }
    .concert .concert-info { /* display: none; */ }
    .concert .concert-info .performer { margin-bottom: 10px; }
    .concert .concert-info { padding: 5px; }
    .concert .concert-info .date span { font-size: 1em; }
    .site_map { width: 100% }

    .site_map_li { width: 100%; margin: auto; float: none }
    .current-title { font-size: 1.5em; }
    .form-horizontal .look-group .control-label, .form-horizontal .look-group .col-sm-10 { width: 100%; }
    .download-lists-tip > .left, .download-lists-tip > .mid, .download-lists-tip > .right { width: 32%; }
    .download-msg-lists.msg-lists li > p { position: inherit; margin-top: 0; width: 100%; }
    .download-msg-lists.msg-lists li .mid { float: inherit; width: 100%; margin-left: 0; }
    .download-msg-lists.msg-lists li > span { position: relative; top: 0; margin-top: 10px; text-align: left; }
    .concert-lists > li { padding: 0; margin-bottom: 20px; }
    .footer-top .sub-menu a { font-size: .9em; }
    .detail { margin-bottom: 50px; }
    .date-wrap > div.date-left, .date-wrap > div.year-left { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .date-wrap > div.search-right { float: left; }
    .date-wrap > div.search-right input { width: 196px; }
}
/*  */
@media(max-width:420px) {
    .contact-box dl { margin-bottom: 15px; }
    #cart-list .button { margin-top: 20px; height: 50px; }
    .contact-box { margin-top: 20px; }
    .shopstep .step-box b { margin: 0 20px; }
    .contact-box .half:nth-of-type(1) { padding-right: 0; }
    .contact-box .half:nth-of-type(2) { padding-left: 0; }
    .contact-box .half { width: 100%; }
    .breadcrumb { margin-bottom: 25px; }
    .category-top ul li { width: 33.33%; }
    .member-tit { font-size: 1.3em; }
    .member-lists li { width: 50%; height: 250px; padding: 0 5px; margin-bottom: 25px; }
    .member-lists li .img-wrapper { height: 160px; }
    .member-lists a .info .name, .member-lists a .info .en { font-size: 1em; }
    .concert .owl-nav { top: 85px; }
    .concert .item .banner-img-wrapper {height: 206px;}
    .concert .concert-info .date { letter-spacing: 0; }
    .concert .swiper-slide .banner-img-wrapper { min-height: 150px; height: 180px; }
    .concert .swiper-slide .banner-img-wrapper { min-height: 180px; height: 180px; }
    .btn { padding: 0; }
    .right-content .right-tit p { padding-right: 0; }
    .login-person { position: relative; margin-top: 0; margin-bottom: 20px; }
    .position .share-lists li { width: 28px; height: 28px; }
    .form-control.code { width: 140px; }
    .qa-type li, .type-tab li, .tab-nav li { width: 130px }
    .header-logo a:first-child img { width: 220px; margin-top: 7px; }
    .footer-top .footer-nav .col-xs-1 { width: auto; margin-right: 20px; }
    .list-choose input { width: 120px; }
}

@media(max-width:330px) {
    .category-top ul li { width: 50%; }
    #mobile-toggle { right: 10px; }
    .date-wrap .data-input { width: 170px; }
    .date-wrap { padding: 15px 5px; }
    .date-wrap > div.search-right input { width: 167px; }
    .concert-banner.banner .swiper-container .swiper-pagination { display: block; bottom: -50px; }
    .banner.event-banner .swiper-container .swiper-pagination { bottom: 0; }

    .event-banner .info { padding-bottom: 30px; }
    .header .logo-header a img { height: 28px; }
    .code-group a { margin-top: 10px; }
    .code-group a:last-child { line-height: 32px; margin-left: 10px; }
}


/*--- preloader ---*/
.dark #preloader { background-color: #232323; }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; z-index: 999999; }

.preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; }

.preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #802332; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite; }

.preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; }

@keyframes preloader {
    0% { transform: scale(0, 0); opacity: 0.5; }

    100% { transform: scale(1, 1); opacity: 0; }
}

@-webkit-keyframes preloader {
    0% { -webkit-transform: scale(0, 0); opacity: 0.5; }

    100% { -webkit-transform: scale(1, 1); opacity: 0; }
}

/*--- end of preloader ---*/

input[type=checkbox], input[type=radio] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 16px; width: 16px; vertical-align: -0.8rem; transition: all .15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin: 10px 0; outline: none; border-radius: 10%; }

/* Checkbox */
input[type=checkbox]:before, input[type=checkbox]:after { position: absolute; content: ""; background: #fff; transition: all .2s ease-in-out; }
input[type=checkbox]:before { left: 2px; top: 6px; width: 0; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
input[type=checkbox]:after { right: 9px; bottom: 3px; width: 2px; height: 0; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transition-delay: .2s; }
input[type=checkbox]:checked:before { left: 1px; top: 10px; width: 6px; height: 2px; }
input[type=checkbox]:checked:after { right: 5px; bottom: 1px; width: 2px; height: 14px; }
input[type=checkbox]:indeterminate:before, input[type=checkbox]:indeterminate:after { width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
input[type=checkbox]:indeterminate:before { left: 1px; top: 7px; }
input[type=checkbox]:indeterminate:after { right: 1px; bottom: 7px; }

/* Radio */
input[type=radio] { border-radius: 50%; }

input[type=radio]:checked:before { transform: scale(1); }

input[type=radio]:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; margin: 3px; transform: scale(0); transition: all ease-out 250ms; }

/* Colors */
input[type=checkbox], input[type=radio] { border: 2px solid #4caf50; }

input[type=checkbox]:checked, input[type=checkbox]:indeterminate, input[type=radio]:checked:before { background: #4caf50; }

/* Complement colors */
input[type=checkbox].blue, input[type=radio].blue { border: 2px solid #2196f3; }

input[type=checkbox].blue:checked, input[type=checkbox].blue:indeterminate, input[type=radio].blue:checked:before { background: #2196f3; }
input[type=checkbox].white, input[type=radio].white { border: 1px solid #E5E5E5; background: #fff; }

input[type=checkbox].white:checked, input[type=checkbox].white:indeterminate, input[type=radio].white:checked:before { background: #666666; }

input[type=checkbox].red, input[type=radio].red { border: 2px solid #f44336; }

input[type=checkbox].red:checked, input[type=checkbox].red:indeterminate, input[type=radio].red:checked:before { background: #f44336; }

input[type=checkbox].orange, input[type=radio].orange { border: 2px solid #ffc107; }

input[type=checkbox].orange:checked, input[type=checkbox].orange:indeterminate, input[type=radio].orange:checked:before { background: #ffc107; }

/*a標籤等加focus標籤*/
a:focus, button:focus, input:focus, select:focus, input[type=checkbox]:focus, input[type=radio]:focus, textarea:focus, video:focus { outline: 2px dashed red !important; }

/*無障礙-跳到主要內容區塊*/
a.sr-only { background: red; color: #fff; z-index: 9; }
.sr-only { position: absolute; padding: 0; margin: -0.063rem; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; width: 0.063rem; height: 0.063rem; }
.sr-only-focusable:active, .sr-only-focusable:focus { width: auto; height: auto; margin: 0; overflow: visible; clip: auto; color: #fff; }