a,span{display:inline-block;}
.header {color: white;padding:0 100px ; position: fixed; top: 0; left: 0; width: 100%; z-index: 111111; box-sizing: border-box; transition:0.3s;}
.header.event{background-color:#000;}
.header.show{background: #000;}
.header-box{display: flex; justify-content: space-between; align-items: center;  padding:10px 0;}
.header .nav {display: flex;justify-content: space-around;gap:40px; align-items:center;}


.header .nav > li {position: relative;cursor: pointer;}
.header .nav > .call a{background-color:#DA2027; padding:10px 30px; border-radius:30px; z-index:111111;}
.header .nav > .call a{display:flex; align-items:center; gap:10px;  font-weight:600;}
.header .nav > .call:hover a{color:#fff;}
.header .nav > li > a{transition: 0.3s; font-size:1.8rem;padding:15px 0; font-weight:600;}
.header .nav > li:hover > a{color:#DA2027; font-weightl}
.header .logo img{max-width:175px;}
.header .two_dep{transition:0.3s;opacity: 0; visibility: hidden;position: absolute; top: 100%; left: 50%; transform:translateX(-50%); background: #000; color: black; min-width: 150px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); color:#fff; z-index:111111;}

.tidings-detail-title{margin:50px 0;}
.header .two_dep li{text-align:center;}
.header .two_dep li a{transition: 0.3s;}
.header .two_dep li:hover a{color:#DA2027;}
.header .two_dep li a{padding:10px ; font-size:1.6rem;}
.header .nav > li:hover > .two_dep{opacity: 1; visibility: visible; display:block;}
.header .m-menu, .header .unset{display:none;}
.header .nav > .call > a {font-size:1.6rem;}
.side-box{display: flex ; flex-direction: column; justify-content: space-between; height: calc(100% - 55px);}
.header .nav > .call > a strong{font-weight:800;}
.side-bar{position: fixed;    top: -150%;width: 100%;z-index: 11111111;background: #101010; transition: 0.3s; height: 100%;}
.side-bar.active{top:55px;}
.side-bar .side-nav{ box-sizing: border-box;}
.side-bar .side-nav > li > a{color: #fff; font-size: 1.6rem; padding: 20px; width: 100%; background-color: #101010;}  
.side-bar .side-nav  .m-two_dep{background-color: #1A1A1A;}
.side-bar .side-nav  .m-two_dep a{font-size: 1.6rem; color: #909090; padding: 20px;}
.side-bar .call{background-color:#ED1B23; color:#fff; font-size:1.6rem; text-align:center; padding:10px 0;}
.side-bar .call a {display:flex; justify-content:center; align-items:center;}
.side-bar .call a  img{margin-right:5px;}
.event-form table a img{width:100%; object-fit:cover;}
#webzine .webzine_type_text_td_left{padding-left:40px !important;}
.webzine_type2 > tbody > tr:nth-child(even){display:none;}
.webzine_type2 > tbody > tr:nth-child(odd){ border-bottom:1px solid #dadada; padding:20px 0;}
.webzine_type2 > tbody > tr:first-child{border-top:1px solid #dadada;}
.m-side-drop{display:flex; justify-content:space-between;}
.detail-title h3{font-size:4rem;max-width:1440px; margin:0 auto; font-weight:800; }
.detail-title p{font-size:2.6rem;max-width:1440px; margin:0 auto;; font-weight:600;}
.tidings-nav{border-bottom:1px solid #adadad;}
.tidings-nav .tidings-list{max-width:1024px; margin: 0 auto; }
.tidings-nav .tidings-list ul{display:flex; justify-content:space-between;}
.tidings-nav .tidings-list ul li{flex:1; }
.tidings-nav .tidings-list ul li a{width:100%;padding:20px 0;  text-align:center; font-size:1.8rem; font-weight:600;}  
.tidings-nav .tidings-list ul li a.active{border-bottom:5px solid #da2027;}
.m-menu{cursor: pointer;}
.m-drop-down{transition: 0.3s;}
.m-drop-down.active{transform: rotate(180deg);}
#goToSection{color: #fff; background: #000; border: none; outline: none; padding: 5px 15px; border-radius: 4px; font-size:20px; margin-left:30px; font-weight:600;}
@media(max-width:1024px){
.detail-title{margin:30px 0 0 0;}
#webzine .webzine_type_text_td_left{padding-left:0 !important;}
.webzine_type2 > tbody > tr:nth-child(odd){padding:10px 0;}
.detail-title{padding:20px;}
.detail-title h3{font-size:2.8rem; }
.detail-title p{font-size:1.8rem;}
.tidings-nav .tidings-list ul li a{font-size:1.4rem;}
.contribution-wrap .title{width:100%;}
.top-banner img{width:100%;}
.tidings-nav .tidings-list{max-width:95%;}
.top-banner .title h3{font-size:3.6rem !important;;}
.top-banner .title p{font-size:1.5rem !important;}
.contribution-wrap .top-banner img{width:100%;}
.header .unset{display:block; width:20px;}
.header .m-menu{display: block;}
.header .nav{display:none;}
.header {padding:4px 20px;}
.header  .logo img{max-width:136px;}
}
.foot-from .formmail_title_bgcolor{display:none;}


@media (max-width: 450px) {
#goToSection{margin-left:0;}
}