#gotop { width:50px; height:50px; display:none; position:fixed; z-index:999; right:20px; bottom:20px; cursor:pointer; text-align:center; line-height:1.3; font-size:10px; color:#ffffff; background:url(../images/top.png) no-repeat center center rgba(0,0,0,0.6); background-size:34px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
#gotop:hover { width:60px; height:60px; right:15px; bottom:15px; background:url(../images/top.png) no-repeat center center rgba(0,0,0,0.9); background-size:38px; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.allbg{ margin:0 auto; width:1000px;}
.a01{ width:100%; overflow:hidden;}
.a01 img{ width:100%;}
.a02_bg{ width:100%; overflow:hidden;}
.a02_01{display:inline-block; vertical-align:top; width:500px;}
.a02_01 img{ width:100%;}
.a02_02{display:inline-block; vertical-align:top; width:500px;}
.a02_02 img{ width:100%;}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 1050px) {
#gotop { width:40px; height:40px; right:20px; bottom:20px; background-size:30px;}
#gotop:hover { width:50px; height:50px; right:15px; bottom:15px;}
.allbg{ width:100%;}
.a01{ width:100%;}
.a02_bg{ width:100%;}
.a02_01{ width:50%;}
.a02_02{ width:50%;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
#gotop { width:30px; height:30px; right:15px; bottom:15px; background-size:28px;}
#gotop:hover { width:40px; height:40px; right:10px; bottom:10px;}
.allbg{ width:100%;}
.a01{ width:100%;}
.a02_bg{ width:100%;}
.a02_01{ width:50%;}
.a02_02{ width:50%;}
}
