*
{
  font-size: 16pt;
  font-family: "WenQuanYi Zen Hei","文泉驛正黑","Heiti TC","黑體-繁","LiHei Pro","儷黑 Pro","PingFang TC","Droid Sans","Roboto","標楷體","Microsoft JhengHei","微軟正黑體",sans-serif;
  /* 【linux的字型】【ios字型】【android字型】【微軟正黑體】【無襯線字=黑體】 */
  
  margin: 0;
  border-width: 0;
  padding: 0;
}

html, body
{
  width: 100%;
  height: 100%;
}

body
{
  margin-top: 16px;
  background: #ffffff;
  /* background: linear-gradient(45deg, rgba(252,250,242,1) 0%, rgba(255,255,255,1) 100%); */
  background: linear-gradient(0deg, rgba(180,165,130,1) 0%, rgba(255,255,255,1) 100%);
  background-attachment: fixed;
}

a:link, a:visited
{
  color: #170a7a;
  text-decoration: none;
}

#divWrapper
{
  text-align: center;
  padding: 16px;
}

#divHeader
{
  text-align: center;
}

#divHeader > div
{
  margin: 0 auto;
}

#divTitle
{
  padding-bottom: 16px;
}

#divTitle > a:link, #divTitle > a:visited
{
  padding-bottom: 16px;
  color: black;
}

#divTitle > a > img
{
  max-width: 36pt;
  border-radius: 50%;
  margin-right: 16px;
  vertical-align: bottom;
}

#divMenu1, #divMenu2x
{
  padding-bottom: 12px;
}

#divMenu1 > div
{
  display: inline-block;
}

#divMenu2x > div
{
  display: block;
}

#divMenu1 > div, #divMenu2x > div
{
  font-family: 標楷體, 微軟正黑體;
  margin: 6px;
  padding: 6px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #ffce6b;
  background-color: #ffce6b;
  cursor: pointer;
}

#divContent
{
  margin: 0 auto;
  display: inline-block;
  background-color: #ffe9bd;
  padding: 16px;
  text-align: left;
  /* border's style,width,radius,image 拆開寫，蘋果的瀏覽器才看得懂！  */
  border-style: solid;
  border-width: 47px;
  border-radius: 8px;
  border-image: url(../border_image.png) 47 47 round;
}

#divContent .classElementTitle
{
  font-size: 26pt;
  font-weight: bold;
  padding: 16px;
}

#divContent .classSubElementTitle
{
  font-size: 18pt;
  font-weight: bold;
}

#divContent button.classLocation
{
  font-family: 新細明體;
  font-size: 9pt;
  cursor: pointer;
}

#divContent .classBookCover
{
  max-width: 200px;
  max-height: 200px;
}

#divFooter
{
  text-align: center;
  margin-top: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #5F5449;
  color: white;
  
  border-radius: 12px;
}

#divFooter div, #divFooter a
{
  font-family: 新細明體;
}

#divFooter a:link, #divFooter a:visited
{
  color: white;
}

hr
{
  border-style: solid;
  border-width: 1px;
}

.classHidden
{
  display: none;
}

#divSub > .classSubElement
{
  background-color: #fdf2db;
  border-radius: 12px;
  padding: 6px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
}