/*
 2020/02/26 (S) （明）20-0220-002
 20110823 (怡如) 加入input標籤的屬性設定
 Redefine tag's attribute and Html5 has been included. coding by kimberly 2012/06/25.

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd,fieldset, form, label, legend, caption, input,buttom{
    margin:0; 
    padding:0; 
    outline: 0; 
    font-size: 100%; 
}
table,  tbody, tfoot, thead, th, td{margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
img{border:none; display:inline;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
body{background-color:#FFFFFF;}

/*HTML5*/
abbr,article,aside,audio,canvas,command,datalist,details,dailog,embed,
figure,figcaption,footer,header,hgroup,mark,meter,nav,output,progress,
section,summary,source,video,keygen
{margin:0; padding:0;display:block;}

/*qrcode圖片尺寸*/
.qrcode img { width: 100%; }

/*按鈕*/
.btnBox {
  width: 100%;
  margin: 0px auto 15px auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btnBox a {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 0;
  margin: 5px 0;
  border-radius: 35px;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-decoration:none;
  color: #fff;
  border: 2px solid #ff0000;
  -webkit-box-shadow: 0px 3px 3px #000;
        box-shadow: 0px 3px 3px #000;
  background-image: #f60000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d60000), color-stop(20%, #d60000), color-stop(40%, #f60000), color-stop(60%, #f60000), color-stop(80%, #d60000), to(#d60000));
  background-image: linear-gradient(to bottom, #d60000 0%, #d60000 20%, #f60000 40%, #f60000 60%, #d60000 80%, #d60000 100%);
}
.btnBox a:hover {
  top: 2px;
  text-decoration:none;
  background-image: #ff0000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#df0000), color-stop(20%, #df0000), color-stop(40%, #ff0000), color-stop(60%, #ff0000), color-stop(80%, #df0000), to(#df0000));
  background-image: linear-gradient(to bottom, #df0000 0%, #df0000 20%, #ff0000 40%, #ff0000 60%, #df0000 80%, #df0000 100%);
  -webkit-box-shadow: 0px 2px #2c0000,inset 0 2px 2px 2px #ac0000 ,inset 0 -10px 10px 0px #960000;
          box-shadow: 0px 2px #2c0000,inset 0 2px 2px 2px #ac0000 ,inset 0 -10px 10px 0px #960000;
}