<style type="text/css">
html { height:100%; width:100%; margin: 0; padding:0;}
body { height:100%; width:100%; min-width:1000px; margin: 0; padding:0;-moz-user-select:none;-webkit-user-select:none; font-family:'Microsoft JhengHei', Verdana;}

.button_3d {float:left;margin-left:30px;margin-right:0px;width:calc(20vw - 170px);min-width:160px;height:50px;line-height:50px;border:4px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-80px;text-align:center;font-size:36px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}
.button_3ds {float:left;margin-left:30px;margin-right:0px;width:calc(15vw - 170px);min-width:120px;height:50px;line-height:50px;border:4px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-80px;text-align:center;font-size:36px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}

@media screen and (min-width: 1051px) and (max-width: 1400px)  {
.button_3d {float:left;margin-left:30px;margin-right:0px;width:calc(19vw - 170px);min-width:140px;height:45px;line-height:45px;border:3px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-75px;text-align:center;font-size:34px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}
.button_3ds {float:left;margin-left:30px;margin-right:0px;width:calc(14vw - 170px);min-width:100px;height:45px;line-height:45px;border:3px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-75px;text-align:center;font-size:34px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}
}

@media screen and (min-width: 641px) and (max-width: 1050px)  {
.button_3d {float:left;margin-left:30px;margin-right:0px;width:calc(18vw - 170px);min-width:120px;height:40px;line-height:40px;border:3px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-70px;text-align:center;font-size:30px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}
.button_3ds {float:left;margin-left:30px;margin-right:0px;width:calc(13vw - 170px);min-width:80px;height:40px;line-height:40px;border:3px #ffffff solid;background:rgba(0,0,0,0.5);border-radius:200px;position:relative;z-index:1000;top:-70px;text-align:center;font-size:30px;font-weight:bold;color:#ffffff;font-family:'Microsoft JhengHei', Verdana;box-Shadow:0px 0px 15px 0px #ffffff;}
}

</style>
