@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body { 
  font-family: 'Open Sans','Heiti TC','微軟正黑體',Helvetica,sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}



div.Error {
  background-color: #FFF;
  overflow: hidden;
  position: relative;
}
div.Error > div.Content {
  padding: 115px 50px;
  position: relative;
  border-top: solid 1px #EEE; 
}

div.Error > div.Content div.IMG { text-align: center; width: 100%; }
div.Error > div.Content div.IMG img { max-width: 150px; opacity: 0.15; }


div.Error > div.Content h1,
div.Error > div.Content h3,
div.Error > div.Content p { text-align: center; color: #666; }

div.Error > div.Content h1 {
  margin: 30px 0;
  padding: 0 0 0 0;
  color: #000;
  font-size: 2.7em;
  color: #333;
}
div.Error > div.Content h3 { margin: 15px 0 30px 0; padding: 0 0 0 0; font-size: 18px; }


div.Error > div.Content div.BTNs_BackHOMEPage { width: 100%; text-align: center; }
div.Error > div.Content div.BTNs_BackHOMEPage:hover a { opacity: 1; transition: 0.2s; }

div.Error > div.Content div.BTNs_BackHOMEPage,
div.Error > div.Content div.BTNs_BackHOMEPage a { color: #fff; text-decoration: none; }
div.Error > div.Content div.BTNs_BackHOMEPage a { 
  font-size: 15px; 
  margin: 8px auto;
  padding: 0 35px;
  text-align: center;
  background-color: #428bca;
  border-radius: 50px;
  opacity: 0.8;
  background-image: url('/dist/images/ICON/home_White.png');
  background-size: 20px;
  background-position: 20px center;
  background-repeat: no-repeat;
}



div.Error .TS_logo { width: 100%; height: 60px; padding: 25px 0 0 35px; }
div.Error .TS_logo img { width: 240px; height: 60px; }




@media screen and (min-width:680px) {
  div.Error { margin: 50px auto; width: 90%; min-height: 500px;  }

  div.Error > div.Content { margin: 20px 0 0 0; padding: 50px 50px 100px 50px; }

  div.Error > div.Content div.BTNs_BackHOMEPage a {
    padding: 8px 35px 8px 55px;
    background-size: 20px;
    background-position: 20px center;

  }
}


@media screen and (min-width:1150px) {

  body { background-color: #F9F9F9; }

  div.Error {
    margin: 100px auto;
    width: 950px; min-height: 500px;
    border: solid 1px #EEE;
    box-shadow: rgba(150, 150, 150, 0.1) 0 0 30px 0;
    border-radius: 20px;
  }

}




@media screen and (max-width:680px) {

  div.Error > div.Content { padding: 85px 30px; }
  div.Error > div.Content h3 { font-size: 15px; }
  div.Error > div.Content div.IMG { width: 100%; margin: 50px 0 40px 0; }
  div.Error > div.Content div.IMG img { max-width: 110px; }
  div.Error > div.Content div.BTNs_BackHOMEPage a {
    margin: 8px auto;
    padding: 8px 25px 8px 45px;
    background-size: 15px;
    background-position: 18px center;
    background-repeat: no-repeat;
    opacity: 1;
    font-size: 12px;
  }

  div.Error .TS_logo { width: 150px; padding: 15px 0 0 0; }
  div.Error .TS_logo img { height: 30px; }

}