/*@import url('construction.css');*/
/*@import url('albummantakcs.css');*/
/*@import url('modaldialog.css');*/
/*@import url('lightbox.css');*/

/* 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 */
p {
  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;
  }
body, allcontact {
  text-align:center;
  width: 98%;
/*  padding-top :0px;*/
/*  padding-bottom :0px;*/
/*  margin-left: auto;*/
/*  margin-right: auto;*/
  padding : 8px;
  margin : auto;
  border-left: thin dotted gray;
  border-right: thin dotted gray;
  }
/*img*/
footnote {
  font-size: 11px;
  color: #fff;
  text-align: center;
  line-height:2em;
  }
#sidesbar {
  width:45%;
  padding: 0px;
  border: 0px;
  display: inline-block;
  text-align: left;
  margin-top: 5px;
  margin-right : 0px;
  margin-bottom : 0px;
  margin-left : 0px;
  float: left;
  }

#rightcol {
  width: 53%;
/*  position:relative;*/
/*  bottom:50px;*/
/*  right:-50px;*/
/*  float:right;*/
/*  zoom: 0;*/
/*  min-height:140px;*/
/*  max-height:500px;*/
  display:inline-block;
/*  display:inline;*/
  /* IE 7 hack */
/*  zoom:0;*/
/*  *display: inline; */
  vertical-align: middle;
  line-height:1200px;
/*  width: 5px; */
  padding: 10px;
  border: 0px;
  text-align: center;
/*  margin-top: 15px; */
/*  margin-right : 0px; */
/*  margin-bottom : 0px; */
/*  margin-left : 230px; */
  }

/* The expanding image container 
.container {
  position: relative;
  display: none;
}

Closable button inside the expanded image
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
 The grid: Four equal columns that floats next to each other
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

Style the images inside the grid
.column img {
  opacity: 0.8; 
  cursor: pointer; 
}

.column img:hover {
  opacity: 1;
}

Clear floats after the columns 
.row:after {
  content: "";
  display: table;
  clear: both;
}

The expanding image container
.container {
  position: relative;
  display: none;
}

Expanding image text 
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}
*/
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 120px;
  height:178px;
  padding: 5px;
}

/* Style the images inside the grid */
.column img {
/*  opacity: 0.8; */
  cursor: pointer; 
  max-width:100%;
  max-height:100%;
}