@media screen and (min-width:1200px) {
  max-width:1200px;
}

body{
  background-image:url(/img/luckyflower.jpg);
  font-family:Microsoft JhengHei,DFKai-sb,Comic Sans MS,helvetica,arial,PMingLiU,SimSun,sans-serif;
}

div#top{
  background-image:url(/img/cloud.png);
  background-position:right;
  background-repeat:repeat;
  background-color:#2E6FB3;
  padding-top:8px;
  padding-bottom:5px;
  border-bottom-width:1px;
  border-bottom-color:black;
  border-bottom-style:dashed;
  height:100px;
  width:100%;
  color:orange;
  text-shadow: 0px  0px  0px #888,
              -1px -1px  0px #777,
              -2px -2px  1px #666,
              -3px -3px  1px #555,
              -4px -4px  2px #444,
              -5px -5px  3px #333,
              -6px -6px  4px #000;
  -ms-filter:"progid:DXImageTransform.Microsoft.shadow(color=#0000FF,direction=45)";
  filter:progid:DXImageTransform.Microsoft.shadow(color=#0000FF,direction=45);
  filter:shadow(color=#0000FF,direction=45);
}

div#top span.logo{
  display:block;
  float:left;
}

div#top span.title_tw{
  display:block;
  margin-left:110px;
  line-height:50px;
  font-size:40px;
  width:320px;
}

div#top span.title_en{
  display:block;
  margin-top:-50px;
  margin-left:440px;
  line-height:50px;
  font-size:32px;
  width:640px;
}

div#top span.comment{
  display:block;
  margin-top:0px;
  margin-left:120px;
  line-height:50px;
  font-size:28px;
  width:480px;
}

div#top span.found{
  display:block;
  margin-top:-10px;
  margin-left:440px;
  margin-right:10px;
  font-size:16px;
  text-align:right;
  text-shadow:none;
  filter:none;
}

div#menu{
  background-image:url(/img/dandelion.png);
  background-position:bottom;
  background-repeat:no-repeat;
  background-color:#2E6FB3;
  font-size:22px;
  float:left;
  padding:5px;
  border-right-width:1px;
  border-right-color:black;
  border-right-style:dashed;
  height:600px;
  width:120px;
}

div#content{
  line-height:28px;
  font-size:18px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:12px;
  padding-right:12px;
  flow:right;
  position:absolute;
  overflow:auto;
  margin-left:12px;
  -webkit-margin-start:132px;
  width:85%;
}

div.search{
  text-align:right;
  margin-top:-12px;
  float:right;
  position:relative;
  width:300px;
}

div.news{
  width:100%;
  float:left;
  position:relative;
}

div.news_article{
  overflow:hidden;
  width:395px;
  height:640px;
  margin:5px;
  float:left;
  position:relative;
}

div.news_category{
  width:100%;
}

div.news_title{
  width:100%;
}

div.news_content{
  width:100%;
}

@-moz-document url-prefix() {
  div#content{
    margin-left:132px;
  }
}

div#content h3{
  font-weight:bold;
  padding-top:12px;
  padding-bottom:12px;
  font-size:24px;
}

div#content h4{
  font-weight:bold;
  font-size:20px;
}

div#content ul{
  padding-left:28px;
  list-style-type:disc;
}

div#content ol{
  margin-left:42px;
  list-style-type:decimal;
}

div#info{
  line-height:18px;
  font-family:helvetica,arial,PMingLiU,SimSun,sans-serif;
  font-size:16px;
  border-top-width:1px;
  border-top-color:black;
  border-top-style:dashed;
  margin-top:24px;
  margin-bottom:24px;
  padding-top:12px;
  width:100%;
  float:left;
  position:relative;
}

p{
  text-indent:36px;
  margin-top:12px;
  margin-bottom:12px;
}

span.rule_date{
  display:block;
  font-size:16px;
  text-align:right;
}

img.logo{
  width:100px;
  height:100px;
}

img.fit{
  max-width:100%;
  max-height:100%;
}

img.thumb{
  width:390px;
}

div.wrap{
  float:left;
  margin-right:12px;
}

iframe{
  width:600px;
  height:450px;
}