.special-pop {
position: fixed;
bottom:190px;
right: -590px;
z-index: 1;
width: 650px;
padding:0 30px 0 0 ;
overflow: hidden;
background-color: transparent;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.btn-pop {
position: absolute;
left: 0;
top: 0;
padding: 0;
border: none;
border-radius: 5px 0 0 5px;
width: 60px;
height: 60px;
text-align: center;
color: #fff;
font-size: 24px;
display: block;
background-color: transparent;
outline: none;
}
.btn-pop:hover {
}
.btn-pop span {
height: 100%;
width: 100%;
border-radius: 5px 0 0 5px;
font-size: 30px;
line-height: 30px;
overflow: hidden;
display: block;
position: absolute;
background-color: #a1967e;
padding: 15px;
right: 0;
top: 0;
background-image: url(bullhorn.svg);
background-size: 30px;
background-position: 15px;
background-repeat: no-repeat;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.btn-pop span:hover{
background-color: #a1967e; 
}
span.btn-o {
position: absolute;
background-color: #a1967e;
padding: 0;
width: 20px;
height: 20px;
background-image: url(close.svg);
background-size: 10px;
background-position: 5px;
background-repeat: no-repeat;
}
span.btn-o:hover {background-color: #a1967e;}
.special-pop-header {
position: absolute;
width: 100%;
height: 70px;
left: 0;
top: 0;
}
.special-pop-body {
padding: 0;
background-color:#fff;
float: left;
width: calc(100% - 60px);
margin-left: 60px;
}
.special-pop-body ul:last-child {
margin-bottom: 0;
padding-left: 25px;
}
.pop-title {padding: 20px 20px 15px 20px; margin: 0}
.pop-content {padding: 20px}
.special-pop-body li {
list-style: none;
}
.special-pop-body a,.special-pop-body a:hover,.special-pop-body a:active {
text-decoration:none;
}
.special-pop-content {width:70%;padding:15px}
.special-pop-img {width:30%; height: 100%; position: absolute;right: 0;top: 0;background-size: cover;}
.special-pop-img a {display: block;}
.special-pop-img img {position: absolute;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.showpop {right: 0}
.showpop .btn-pop {left: initial;right: 30px;z-index: 1}
.d-none {display: none;}

.top-noti {display: flex;justify-content: center;align-items: center;padding: 0 15px;font-weight:bold;color: #fff;text-align: center;background-color:#a7894b;height: 50px;position: fixed;top: 0;width: 100%;z-index:16;}

.close-noti {background: transparent;border: none;font-size: 20px;line-height: 20px;width: 30px;height: 30px;color: #fff;position: absolute!important;right: 30px!important;padding: 0 !important}
.show-noti {padding-top:50px}
.show-noti .logo{top: 50px}
.show-noti.scrollto {height: auto }
.top-noti span,.top-noti .txt-link {margin-right: 30px;color: #fff}

@media (max-width: 992px) {
.special-pop {right: -590px;padding:0 0 0 0 ;}
.showpop {width: 300px;right: 5px;}
.showpop .special-pop-body {width:100%;margin-left: 0}
.show-noti {padding-top: 0;top: 50px;}
.show-noti #wstoggle {top: 43px;}
.show-noti .logo {top: 7px;}
.showpop .btn-pop {right: 0;}
.top-noti {padding: 0 30px 0 15px}
.top-noti span,.top-noti .txt-link {margin-right: 10px;font-size: 1.2rem;line-height: .7;text-align: left;}
.close-noti {right: 0px!important}
}