/*Body Setting */
body { 
  text-align:center;
  }

/* font setting */
p, li.disc, .notes10, .notes11, .notes13, .notes14, .footnote, .light, .luck, h1, h2, h3, h4, h5, h6, .lightcontent, span.godlist, li.godlist, span.god, #calendar /* gerenal font setting */ {
  font-family: 標楷體, "FangSong","PMingLiU",標楷體,細明體,"SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman","Georgia,Serif";
  font-size:13pt;
  font-weight: normal;
  margin:0px;
  letter-spacing: 1.5px;
  line-height: 1.5em;
  letter-spacing: 2px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  }

/* general a her setting */
a {text-decoration:none}
a:link {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:13pt} /*設定超連結文字的顏色為綠色*/
a:visited {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:13pt;cursor:hand} /*設定己連結過之超連結文字的顏色為紅色*/
a:active {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:13pt} /*當Mouse按下連結後, 超連結文字的顏色為藍色*/
a:hover {color: red; font-family: ""FangSong",PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:13pt;text-decoration: underline;cursor: hand} /*當Mouse移到超連結上時, 超連結文字的顏色為黑色*/

h1 /* 社內外活動 */ {
  font-size:22pt;
   }
h2 /* 最新活動 */ {
  font-size:18pt;
   }
h3 /* 投燈的詩題 */ {
  font-size:18pt;
  text-align:center;
  }
h4  /* for 60 Movies */ {
  font-size:16pt;
  padding-left:5px;
  }
h5 /* for 各缶及節日的簡介 */ {
  line-height: 1.2em;
  font-size:14pt;
  color: #ff0000;
  padding-left:10px;
  }
h6 /* 社內外活動 */ {
/*  width:auto;*/
  font-size:26pt;
  padding:16px;
/*  border-style: solid 1 px;*/
  background-image:url(images/index_06.png);
  background-repeat:no-repeat;
  background-position:center;
/*  border-style: solid;*/
  background-origin:content-box;
/*  background-size:cover;*/
  background-size:120px;
  opacity : 0.2;
  border: thin dotted black;
  -webkit-box-shadow: 1px 3px 8px #444;
  -moz-box-shadow: 1px 3px 8px #444;
  box-shadow: 2px 3px 8px #444;
   }

a.h3:visited,a.h3:active,a.h3:hover {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:20pt} */
a.h3:visited,a.h3:active,a.h3:hover {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:20pt} */
/* a.h3:active {color:#0000ff; font-family: "FangSong","PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;font-size:16pt} */
/* a.h3:hover {color: red; font-family: ""FangSong",PMingLiU","標楷體","細明體","SimSun","DFKai-SB","MingLiU","SimHei","SimSun","Times New Roman",Georgia,Serif;;font-size:16pt;text-decoration: underline;cursor: hand} */

.notes10 {
  font-size:8pt;
  }
.notes11 {
  font-size:11pt;
  }
.notes13 {
  font-size:13pt;
  }
.notes14 /* 嘉言絮錄 */ {
  color:#ff0000;
  }
.short /* for font as 5activities_2012_b9 */ {
  text-indent: 2cm;
  }
.footnote {
  font-size: 11px;
  color: #fff;
  text-align: center;
  line-height:2em;
  }

.lucktap, .lightcontent, .light, .album, .mty_tours /* for shape and 影*/ {
  border-style: solid;
  border: thin dotted black;
  -webkit-box-shadow: 1px 3px 8px #444;
  -moz-box-shadow: 1px 3px 8px #444;
  box-shadow: 2px 3px 8px #444;
  }

.lucktap /*struction setting for 籤文 */ {
  display: inline-block;
  width:24%;
  height:850px;
  text-align: left;
  vertical-align: top;
  }
.light, span.light_index /*struction setting for 投燈 */ {
  margin:0px;
  padding: 5px;
  height: 185px;
  display: inline-block;
  vertical-align: top;
  }
.lightcontent /*struction setting for 投燈 */ {
  text-align:center;
  margin:0px;
  line-height: 1.5em;
  padding:13px;
  vertical-align:top;
  }
span.god /*special font setting for 7others.html*/ {
  font-size:13pt;
  display: inline-block;
  width:10%;
  padding: 2.5px;
  min-height:120px;
  max-height:170px;
  }

li.godlist /*for Setting of 7other5.html*/ {
  float: left;
  display: inline-block;
  list-style-type: none;
  letter-spacing: 1.8px;
  line-height: 1.5em;
  margin-left:10px;
  padding:0px;
  }

li.circle {
  list-style-type: circle;
  }
li.disc {
  list-style-type: disc;
  }
.center {
  text-align: center;
  }
.left {
  text-align: left;
  }
.right {
  text-align: right; 
  } 
.top {
  vertical-align:top;
  }
.height {
  height:100px;
  vertical-align:middle;
  )
.middle {
  vertical-align:middle;
  }
a.tooltip {
  position:relative; /*ensures that the tooltip is positioned relative to the link rather than the page - see the support section below for more info*/
  }
a.tooltip:hover{
  text-decoration:none; /*required or IE will underline the text in the tooltip*/
  }
  /****CREATE THE tooltip AND HIDE IT UNTIL THE LINK IS HOVERED OVER***/
a.tooltip:after{ /*see http://cssdemos.tupence.co.uk/before.htm for more info on :after and :before*/
  /***Add and style the tooltip text***/
  content: attr(tip); /*will display the content of the 'tip' attribute set in the html above*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:90%;
  line-height:1.2em;
  color:#fff;
  /***Position the tooltip***/
  position:absolute; /*see the support section below for more info*/
  top:27px; /*place the tooltip 27px below the top of the link*/
  left:-10px; /*place the tooltip -10px from the left side of the link*/
  /***Create and style the tooltip box***/
  width:200px; /*how wide you want the tooltip to be*/
  padding:5px 10px;
  /*add curved corners*/
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  /*add a gradient background*/
  background:#c00d3f; /*fallback colour for unsupporting browsers*/
  background:-webkit-linear-gradient(#c00d3f, #7b0a2a);
  background:-moz-linear-gradient(#c00d3f, #7b0a2a);
  background:-o-linear-gradient(#c00d3f, #7b0a2a);
  background:-ms-linear-gradient(#c00d3f, #7b0a2a);
  background:linear-gradient(#c00d3f, #7b0a2a);
  /*add a drop shadow*/
  -moz-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
  box-shadow: 3px 3px 4px rgba(0,0,0, .65);
  /***Hide the tooltip until it's hovered***/
  display:none;
  }

  /****DISPLAY THE tooltip ON HOVER****/
a.tooltip:hover{
  z-index:1000; /*see the support section below*/
  position:relative; /*see the support section below for more info*/
  color:#8325f7;
  }
a.tooltip:hover:after{
  display:block; /*show the tooltip by changing this from none to block*/
  }
  /***CREATE AND HIDE THE TRIANGE***/
a.tooltip:before{ /*see http://cssdemos.tupence.co.uk/before.htm for more info on :after and :before*/
  z-index:1000; /*see the support section below*/
  position:absolute; /*see the support section below*/
  content:""; /*because there's nothing between the "" the content of the psuedo elements will be blank*/
  top:15px; /*places the triangle 15px from the top of the link*/
  left:0px;
  /*we want the triangle to be 14px wide and high. To do this we'll use borders - the bottom will be 14px and the colour of the triangle; the left and right will be transparent and 7px each. This creates a square 14px by 14px, by setting the left and right border as transparent we remove the sides to create the triangle*/
  border-right:7px transparent solid;
  border-bottom:14px #c00d3f solid; /*same colour as the top background gradient for the tooltip*/
  border-left:7px transparent solid;
  /*hide the triangle until the link is hovered*/
  display:none;
  }
  /***DISPLAY THE TRIANGLE WHEN THE LINK IS HOVERED OVER***/
a.tooltip:hover:before{
  display:block;
  }
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}