/* CSS Document */
.amgMessenger {position: fixed; bottom: 110px; right: 20px; z-index: 600;}
.amgMessenger > div:nth-child(1) {width: 45px; height: 45px; border-radius: 45px; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #03a9f4;/*主要按鈕變底色*/ cursor: pointer;}
.amgMessenger > ul, .amgMessenger > ul > li {list-style-type:none; margin: 0; padding: 0;}
.amgMessenger > ul {position: absolute; bottom: 20px; right: 0; display: flex; flex-direction: column; max-height: 0; overflow: hidden; -moz-transform-origin:bottom; -moz-transform:rotate(-90deg); -webkit-transform-origin:bottom; -webkit-transform:rotate(-90deg); -o-transform-origin:bottom; -o-transform:rotate(-90deg); -ms-transform-origin:bottom; -ms-transform:rotate(-90deg); transform-origin:bottom; transform:rotate(-90deg); transition: all 0.5s ease 0s;}
.amgMessenger > ul > li {line-height: 0; margin: 0 0 3px 0; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.amgMessenger > ul > li:hover {transform: scale(0.8, 0.8);}
.amgMessenger > ul.open {max-height: 1000px; bottom: 45px; -moz-transform-origin:bottom; -moz-transform:rotate(0deg); -webkit-transform-origin:bottom; -webkit-transform:rotate(0deg); -o-transform-origin:bottom; -o-transform:rotate(0deg); -ms-transform-origin:bottom; -ms-transform:rotate(0deg); transform-origin:bottom; transform:rotate(0deg); transition: all 0.5s ease 0s;}

.amgMessengerEasy {position: fixed; bottom: 120px; right: 20px; z-index: 9999; width: 70px; display: none;}
.amgMessengerEasy a {display: block; margin: 10px 0 0 0; transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.amgMessengerEasy a:hover {transform: scale(0.9, 0.9);}
@media only screen and (max-width: 992px) {
    .amgMessengerEasy {width: 57px; right: 26px;}
}