@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@charset "utf-8";
/* CSS Document */
body {
	width: 100%;	
	overflow-x: hidden;
	margin:0;
	line-height: 1.5;
    padding:0;
    font-family: 'Noto Sans TC', sans-serif,"Microsoft JhengHei";	 
	}

a {
    text-decoration: none;
    color: #FFF;
}

#head {
    width: 100%;
    background: url(logo_amway.svg) #FFFFFF no-repeat center center;
    text-align: right;
    padding-top: 15px;
    margin: 0;
    height: 83px;
    position:fixed;
	top:0;
	border-bottom:1px solid #EFEFEF;
	
}
#footer {
    position: relative;
    left: 0px;
    bottom: 0px;
    height: 20px;
    width: 100%;
	text-align:center;
	padding:10px;
	position:fixed;
	background:#FFF;
	font-size: 12px;
}
.floatlayer {
position:fixed;
top:30px;
right:0;
margin-right:15rem;
z-index:99;
display: flex;
}
.noshow{
display:none;
}
.imgx{
width:100%;
max-width:500px;	
}
.shareb{
width:63px;
}

.lightbox_title{
    font-size: 28px;
    margin: 0;
}

.btn{    
    background: #6dc0ea;
    color: #FFF;
    border: 1px solid #3196e6;
    border-radius: 18px;
    font-size: 26px;
    margin: 0 auto;
    width: 85%;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 10px;  
}

@media only screen and (max-width: 1680px) {
.floatlayer {
margin-right:8rem;
}
}
@media only screen and (max-width: 1367px) {
.floatlayer {
margin-right:3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.floatlayer {
float:right;margin-right: 3.5rem;display: block !important;
}
}

@media screen and (max-width: 767px) {
.floatlayer {
float:right;margin-right:10px;
}
}

@media screen and (max-device-width: 480px) {
.noshow{
display:block;
}
.imgx{
width:100%;
max-width:1200px;	
}
.shareb{
width:126px;
}
.floatlayer {
float:right;margin-right:10px;display: block !important;
}
.btn {font-size: 53px;padding: 50px;}
.lightbox_title{font-size: 50px;}

}