/* CSS Document */
.amgMessenger {position: fixed; bottom: 0; right: 0; z-index: 200; transition: all 0.5s ease 0s;}
.amgMessenger > div:nth-child(1) {width: 142px; height: 77px; border-radius: 0px; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #000e9d;/*主要按鈕變底色*/ cursor: pointer; padding: 0 0 1px 0; transition: all 0.5s ease 0s;}
.amgMessenger > div:nth-child(1):hover {background: #91d500; transition: all 0.5s ease 0s;}
.amgMessenger > div:nth-child(1) img {max-width: 70px; transform: scale(1.0, 1.0); max-height: 100%; transition: all 0.5s ease 0s;}
.amgMessenger > div:nth-child(1):hover img {transform: scale(0.9, 0.9);}
.amgMessenger > ul, .amgMessenger > ul > li {list-style-type:none; margin: 0; padding: 0;}
.amgMessenger > ul {position: absolute; bottom: 35px; right: 50px; 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 5px 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: 84px; -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;}
.amgMessenger > ul img {width: 40px;}