@charset "UTF-8";

.bdr {border: 1px solid #f0f0f0;}

body {
  font-family: Tahoma;
}

#main {
  width: 600px;
  margin: 0 auto;
}

#logo {
  font-size: 24px;
  font-weight: bold;
  margin: 30px auto 10px;
  width: 220px;
}

#fm {
  width: 450px;
  margin: 0 auto;
}
.purple {color: #7b0099}
.green {color: green}
.dimgray {color: dimgray}
.white {color: white}
.huge {font: 22px "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;}
#qBtn {color: #7b0099; padding: 0 10px;}

#keywords {
  width: 550px;
  height: 160px;
  margin: 20px auto;
  text-align: center;
  overflow: hidden;
}
#clouds {
  width: 420px;
  float: left;
}
#clouds a {
  line-height:1.5em;
  padding:0 10px 0 0;
}

#newest {
  width: 120px;
  height: 9.2em;
  float: right;
  overflow: hidden;
  text-align: center;
}
#newest ul {
  padding-left: 15px;
  margin: 0;
}
#newest li {
  list-style:none;
  height: 1.32em;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#newest li a {
  color: gray;
  height: 1.2em;
  width: 500px;
}
#newest li a:visited {
  color: silver;
}

#sm_gallery, #use_api {
  width: 550px;
  margin: 20px auto;
}
#sm_gallery ul {
  padding: 0 0 0 20px;
}

.gallery_item {
  text-align: center;
  border: 1px solid gray;
  padding: 6px;
  margin: 10px 0;
  display: none;
  width: 520px;
  overflow: hidden;
}
.gallery_item img {
  padding: 1px;
  border: 1px solid #f0f0f0;
}
.gallery_item a {
  color: green;
}
#use_api a {
  color: dimgray;
}
#rights {
  text-align: center;
}

.tagC1{ font-size:12px; font-weight:normal; color:#646561;}
.tagC2{ font-size:12px; font-weight:normal; color:#688204;}
.tagC3{ font-size:15px; font-weight:bold;   color:#f44784;}
.tagC4{ font-size:15px; font-weight:bold;   color:#688204;}
.tagC5{ font-size:15px; font-weight:bold;   color:#1858a6;}
.tagC6{ font-size:17px; font-weight:normal; color:#c97a09;}
.tagC7{ font-size:21px; font-weight:normal; color:#cb0202;}

#about {
  display: block;
  padding-top: 6px;
  text-align: center;
  font-size: 12px;
  width: 100%;
}