/* CSS Document */

.amg_hover_icon {position: fixed; right: 0; bottom: 20px; z-index: 9999;}
.amg_hover_icon > a {text-indent: -9999px!important; cursor: pointer; width: 42px; height: 42px; border-radius: 42px; background: #44cb28; display: flex; flex-flow: wrap; justify-content: center; align-items: center;}
.amg_hover_icon_box {visibility: hidden; opacity: 0; position: absolute; bottom: calc(100% - 7px); right: 20px; z-index: 5; width: 302px; border-radius: 9px; background: #fff; overflow: hidden; box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px; font-size: 14px; transition: all 0.25s ease 0s;}
.amg_hover_icon_box > .tit {height: 50px; background: rgb(0, 195, 0); display: flex; flex-flow: wrap; align-items: center; justify-content: flex-start; text-align: left; color: #fff; font-weight: 600; padding: 0 12px;}
.amg_hover_icon_box > .tit > img {height: 20px!important; margin: 0 7px 0 0;}
.amg_hover_icon_close {width: 24px; height: 24px; position: absolute; top: 13px; right: 10px; z-index: 5; cursor: pointer;}
.amg_hover_icon_close::before {content: ''; background: #fff; width: 20px; height: 3px; border-radius: 3px; position: absolute; top: 11px; right: 2px; transform: rotate(-45deg);}
.amg_hover_icon_close::after {content: ''; background: #fff; width: 20px; height: 3px; border-radius: 3px; position: absolute; top: 11px; right: 2px; transform: rotate(45deg);}
.amg_hover_icon_box > .con {text-align: center; padding: 25px 20px;}
.amg_hover_icon_box > .con > a {background: none!important; width: auto!important; height: auto!important; border-radius: 0!important; display: block!important; text-indent: inherit!important; color: #000!important; transition: all 0.5s;}
.amg_hover_icon_box > .con > a:hover {transform: scale(0.9);}
.amg_hover_icon_box > .con > .txt {font-weight: bold; display: none;}
.amg_hover_icon_show {visibility: visible; opacity: 1; bottom: calc(100% + 7px); transition: all 0.25s ease 0s;}

@media only screen and (max-width:1024px){
    .amg_hover_icon_box > .con > .txt {display: block;}
}
@media only screen and (max-width:430px){
    .amg_hover_icon_box {width: 250px;}
    .amg_hover_icon_box > .con {padding: 20px 15px;}
}
@media only screen and (max-width:350px){
    .amg_hover_icon_box {width: 200px;}
    .amg_hover_icon_box > .con {padding: 15px 10px;}
}