/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  font-size: 13px;
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background: #278bbf;
  background: url(../images/bg.jpg);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center 120px;
  background-size: cover;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /* height: 60px; */
  background-color: #14537d;
  /* text-align: center; */
}
.text-muted{
  color: #fafafa;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  /* padding: 60px 15px 0; */
}
h1{font-size: 2em;}
h2{font-size: 1.5em;}
h3{font-size: 1.17em;}
h4{font-size: 13px;}
h5{font-size: 0.83em;}
h6{font-size: 0.67em;}
p{line-height: 1.6;}
.top {
  background-image: url('../images/topbg.png');
  background-position:bottom;
  padding-top: 10px;
  height: 130px;
}
.container .txtleft, .container .imgleft{
  float: left;
}
.container .txtleft{
  color: #fafafa;
  font-size: x-large;
  font-family: Microsoft JhengHei;
  margin: 24px 0 0 15px;
  line-height: 1.2em;
}
.container .txten{
  font-size: medium;
}
.container .text-muted {
  margin: 20px 0;
}
.toplink .btn-xs{
  float: right;
  min-width: 8em;
  margin-left: 2px;
}
.menu{
  text-align: right;
  font-family: Microsoft JhengHei;
  font-size: 18px;
  padding: 20px 10px;
}
.menu .btn{
  min-width: 9em;
  font-size: 17px;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 5px;
}
/* ǶÈë×ÖÐÍÔO¶¨ */
@font-face {
    font-family:wp010-05;
    src: url(wp010-05.ttf);
}

.txta{
  font-size: large;
  font-family:wp010-05;
  color: #ffffff;
  padding: 10px 20px;
  line-height: 1.7em;
}
.txtb{
  font-size: large;
  font-family: Microsoft JhengHei;
  color: #ffffff;
  padding: 10px 20px;
  line-height: 1.7em;
}
.txtblue{
  color: #38e1ff;
}
.txte{
  font-family: sans-serif;
  font-size: large;
}
.txth3{
    font-family: Microsoft JhengHei;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-top: 5px;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

/*紙張效果start*/
.newsDiv {
  position:relative;
  /*float:left;*/
  min-height: 400px;
  width: 100%;
  padding:1em;
  margin:25px auto;
  background:#fff;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

  /* -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}
.newsDiv:before,.newsDiv:after {
  content:"";
  position:absolute;
  z-index:-2;
}
.lifted {
  /*-moz-border-radius:4px;
  border-radius:4px;*/
}
.lifted:before,
.lifted:after {
  bottom:15px;
  left:10px;
  width:50%;
  height:20%;
  max-width:300px;
  max-height:100px;
  -webkit-box-shadow:0 20px 12px rgba(0, 0, 0, 0.6);
  -moz-box-shadow:0 20px 12px rgba(0, 0, 0, 0.6);
  box-shadow:0 20px 12px rgba(0, 0, 0, 0.6);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  transform:rotate(-3deg);
}
.lifted:after {
  right:10px;
  left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform:rotate(3deg);
}
/*紙張效果end*/

.loginDiv{
    width: 400px;
    padding: 10px;
    margin: 70px auto;
    border: 1px solid #6a777d;
}

.newstab{
  /* font-size:15px; */
  line-height:2em;
  margin-top:20px;
  border:1px solid #999999;
  border-collapse:collapse;
}
.newstab th{
  line-height:2em;
  text-align:center;
  border-bottom-width:2px;
}
.newstab td{
  line-height:1.5em;
  padding:5px 3px;
  height: 2em;
}

/*頁碼*/
.manu {
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  margin: 3px;
  padding-top: 3px;
  text-align: center
}
.manu A {
  border-right: #eee 1px solid;
  padding-right: 5px;
  border-top: #eee 1px solid;
  padding-left: 5px;
  padding-bottom: 2px;
  margin: 2px;
  border-left: #eee 1px solid;
  color: #036cb4;
  padding-top: 2px;
  border-bottom: #eee 1px solid;
  TEXT-DECORATION: none
}
.manu A:hover {
  border-right: #999 1px solid;
  border-top: #999 1px solid;
  border-left: #999 1px solid;
  color: #666;
  border-bottom: #999 1px solid
}
.manu A:active {
  border-right: #999 1px solid;
  border-top: #999 1px solid;
  border-left: #999 1px solid;
  color: #666;
  border-bottom: #999 1px solid
}
.manu .current {
  border-right: #036cb4 1px solid;
  padding-right: 5px;
  border-top: #036cb4 1px solid;
  padding-left: 5px;
  font-weight: bold;
  padding-bottom: 2px;
  margin: 2px;
  border-left: #036cb4 1px solid;
  color: #fff;
  padding-top: 2px;
  border-bottom: #036cb4 1px solid;
  background-color: #036cb4
}
.manu .disabled {
  border-right: #eee 1px solid;
  padding-right: 5px;
  border-top: #eee 1px solid;
  padding-left: 5px;
  padding-bottom: 2px;
  margin: 2px;
  border-left: #eee 1px solid;
  color: #ddd;
  padding-top: 2px;
  border-bottom: #eee 1px solid
}
/*頁碼*/

/*左選單*/
#mupic ul {list-style-type:none; margin:0px; padding:0px; line-height:26px; text-align:left;}
/*#mupic li {float: left;}*/
#mupic li a { width:182px; height:26px; display: block; font-size:small; text-decoration: none; margin-bottom:1px; padding-left:30px;}
#mupic li.bg a { background-image:url(../images/menu_ils_out.png); color:#555; background-repeat:no-repeat;}
#mupic li.bg a:hover{ background-image:url(../images/menu_ils_in.png); color:#007bb8;}
#mupic li.bg a:active{background: url(../images/menu_ils_over.png); color:#fff;}
#mupic li.on a{background: url(../images/menu_ils_over.png); color:#fff; background-repeat:no-repeat;}

* html #mupic { /*IE6*/
  margin:0 auto;
  clear:both;
  margin-bottom:7px;
  width:182px;
}
#mupic {
  margin:0 auto;
  clear:both;
  margin-bottom:7px;
  width:182px;
}
#mupic .mu2 { margin:0 auto 1px 1px; clear:both; color:#333; padding-bottom:2px;}
#mupic .mu2 .mu3 { margin:0 auto;}
#mupic .mu2 .mu3 a { width:none; line-height:20px; height:20px; font-size: small; text-decoration: none; margin:0px; background-color:#fff; background:none; color:#333; border-bottom:none;}
#mupic .mu2 .mu3 a:hover{ background:none; background-color:#d0d0d0}
/*左選單*/


/*首頁海撈*/
#aiDiv{
  min-height: 480px; border: 7px solid #1aade9;margin-top: 18px;
  /* -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; */
}
.aiM{
  margin:10em auto 2em auto; min-height:20em; text-align:center;
}
.aiMP{
  border:none; margin:20px
}
/*首頁海撈*/

code {
  font-size: 80%;
}

@media screen and (max-width:1199px) {
  .img-responsive{
    display: inherit;
  }
  .menu .btn {
    min-width: 8em;
  }
}
@media screen and (max-width: 991px) {
  .menu .btn {
    min-width: 12em;
  }
  /*首頁海撈*/
  #aiDiv{
    min-height: auto;
  }
  .aiM{
    margin:2em auto 2em auto; text-align:center; min-height: auto;
  }
  .aiMP{
    border:none; margin:10px
  }
  /*首頁海撈*/
}
@media screen and (max-width: 767px) {
  .container .txtleft{
    /* font-size: medium; */
    float: inherit;
    line-height: 1em;
  }
  .container .txten{
    /* font-size: small; */
  }
}
@media screen and (max-width: 687px) {
  .menu .btn {
    min-width: 10em;
  }
}
@media screen and (max-width: 615px) {
  .container .txtleft{
    font-size: medium;
    float: inherit;
    line-height: 1.5em;
  }
  .container .txten{
    /* font-size: small; */
  }
  .menu .btn {
    min-width: 9em;
  }
}
@media screen and (max-width: 483px) {
  .menu .btn {
    min-width: 10em;
  }
  .loginDiv{
    width: 95%;
  }
}

@media screen and (max-width: 467px) {
  .container .txtleft{
    font-size: medium;
    float: inherit;
    line-height: 1.2em;
  }
  .container .txten{
    font-size: small;
  }
  .menu .btn {
    min-width: 8.5em;
  }
  .newsDiv {
    min-height: 200px;
  }
  .loginDiv{
    margin: 20px auto;
  }
  /*首頁海撈*/
  .aiMP{
    border:none; margin:10px 30px;
  }
  /*首頁海撈*/
}
@media screen and (max-width: 392px) {
  .imgleft{
    width: 116px;
    margin-top: 11px;
  }
}