@charset "utf-8";
/*****************************************************************************

  獨衣無二 css 
  -----------------------
  用途: 論壇模組

******************************************************************************* */ 

/* ==
　熱門討論
=============================================================================== */
.box-message { display: inherit !important; }
#forum-hot { margin: 0 0 20px; }
#forum-hot .bar {
  text-indent: -9999px;
  background: url(images/forum-hot.bar.png) left no-repeat;
  margin: 0 0 10px;
  border-bottom: 1px #ADACAC solid;
  overflow: hidden;
}
#forum-hot .more {
  position:relative;
  top:7px;
  float:right;
  line-height:30px;
  text-indent:0;
  color:#fff;
  background:#44403f;  
  display:block;
  padding:0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(pie/pie.php);
  height:30px; 
}
#forum-hot .more:hover {
  background:#999;
}
#forum-hot section { padding: 5px 44px 10px; }
#forum-hot .container {
  background: #fff7f9;
  padding: 13px 13px 6px;
  border: 1px #f0f0f0 solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(pie/pie.php);
}
#forum-hot table th {
  text-align: left;
  padding: 0 13px;
}
#forum-hot table:nth-child(1) { background: #fff; }
#forum-hot table tr th:nth-child(1), #forum-hot table tr td:nth-child(1) { width: 80px; }
#forum-hot table tr th:nth-child(2), #forum-hot table tr td:nth-child(2) {
  text-align: left;
  width: 150px;
}
#forum-hot table tr th:nth-child(3), #forum-hot table tr td:nth-child(3), #forum-hot table tr th:nth-child(4), #forum-hot table tr td:nth-child(4) { width: 110px; }
#forum-hot table td {
  text-align: center;
  border-bottom: 1px #eee solid;
}
#forum-hot table td:nth-last-child(1) { border-bottom: 0 !important; }
#forum-hot .new {
  float: left;
  font-size: 10px;
  -webkit-text-size-adjust: none;
  font-style: inherit;
  color: #e60113;
  padding: 2px 5px;
  margin: 0 10px 0 0;
}
#forum-hot .topic {
  float: left;
  display: inline-block;
  width: 80%;
  overflow: hidden;
}
#forum-hot .date { }


#forum-hot #pagination a {
  background:none;
}
/*------結束------*/

@media screen and (max-width: 829px) {
#forum-hot table td:nth-child(4){
  display:none;
}
}

/* ==
　留言列表
=============================================================================== */
/* ==
  載入表單
============================ */
#forget-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0,0,0,.5);
  display: none;
  padding: 10% 0 0;
}
#forget-box .heading { display: none; }
#forget-box > .container {
  position: relative;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  padding: 25px 15px 15px;
  border: 10px #eee solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(pie/pie.php);
  margin: auto;
  max-width: 600px;
  width: 100%;
}
#forget-box .text { width: 100%; }
#forget-box .button { }
#colse {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 9999;
  font-size: 15px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  behavior: url(pie/pie.php);
  width: 30px;
  height: 30px;
}
/*------結束------*/

[id^="forum-"] .button[href^="javascript:"] {
  position: relative;
  top: 2px;
}
[id^="forum-"] .button {
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #000;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #fefefe), color-stop(99%, #d6d7d7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d7d7', GradientType=0 ); /* IE6-9 */
  display: inline-block;
  border: 1px #ebecec solid;
  margin: 0 0 15px;
  width: 120px;
  height: 30px;
}
[id^="forum-"] .container table {
  font-size: 14px;
  margin: 0 0 10px;
}
[id^="forum-"] .container table tr {
  padding: 0 0 15px;
  border-bottom: 1px #ddd solid;
}
[id^="forum-"] .container table th, [id^="forum-"] .container table td {
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 1px;
  padding: 7px 15px;
}
[id^="forum-"] .container table th {
  text-align: left;
  color: #e91a2a;
  background: #fff5f8;
}
#forum-lists .topic {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
/* --
  留言表單
--------- */
#forum-post { padding: 20px; }
/*------end------*/

/* ==
　留言詳細
=============================================================================== */
#forum-topic-detail .h3 {
  color:#fff;
  line-height:30px;
  background:#5facb8;
  padding:0 0 0 15px;
  margin:0 0 15px;
  height:30px;
}
#forum-topic-detail .topic h3, #forum-topic-detail .reply h3 {
  padding: 5px 0;
  margin: 0 0 5px;
}

#forum-topic-detail .topic h3{
}

#forum-topic-detail .topic table {
  margin:0 0 50px;
}

#forum-topic-detail .topic table th {
  color:#fff;
  background:#a2d935;
}

#forum-topic-detail .reply h3 {
}

/*------end------*/


@media screen and (max-width: 829px) {
/* --
  熱門討論
============== */ 
#forum-hot .bar { background: url(images/forum-hot.bar.png) top left 20px no-repeat; ; }
#forum-hot .container table tr th:nth-child(1) { width: 100px; }
#forum-hot .topic {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
#forum-hot section { padding:0; }
#forum-hot .container {
  background:none;
  padding:0;
  border:0;
  width:100%;
}
#forum-hot table , #forum-hot table tr , #forum-hot table tbody {
  width:100% !important; 
}
#forum-hot table tr th {
  display:none; 
}
#forum-hot table tr td {
  text-align:left;
  display:block;
  margin:auto;
  width:92% !important; 
}
[id^="forum-"] .container table tr {
  border-bottom:0;
}

/* --
  hot
============== */ 
#forum-hot table tr td:nth-child(1) {
  background:#eee;
}
#forum-hot table tr td:nth-child(1):before {
  content: '主題:'; 
}
#forum-hot table tr td:nth-child(2):before {
  content: '更新時間:';  
}
#forum-hot table tr td:nth-child(3):before {
  content: '回應:'; 
 
}
#forum-hot table tr td:nth-child(4):before {
  content: '點閱:'; 
}
#forum-hot table tr td:nth-child(5):before {
  content: '發表人:'; 
}

/* --
  留言版
============== */ 
#forum-lists table tr {
  display:block;
  margin:0 0 10px;
}
#forum-lists table tr td {
  font-size:12px;
  line-height:22px;
  padding:0;
}
#forum-lists table tr td:nth-child(1) {
  float:left;
  padding:0 20px 0 0;
  width:100px;
  height:200px;
}
#forum-lists .child {
  margin:0 0 20px;
  border-bottom:1px #eee solid;
}
#forum-lists .description {
  display:block;
  margin:0 0 10px; 
}
#forum-lists table tr td:before {
  text-align:center;
  color:#fff;
  background:#d9736f;
  content: ''; 
  display:inline-block;
  margin:0 10px 5px 0;
  width:50px;
}
#forum-lists table tr td:nth-child(2):before {
  content: '主題:'; 
}
#forum-lists table tr td:nth-child(3):before {
  content: '回應:'; 
 
}
#forum-lists table tr td:nth-child(4):before {
  content: '點閱:'; 
}
#forum-lists table tr td:nth-child(5):before {
  content: '發表人:'; 
}
#forum-lists table , #forum-lists table tr , #forum-lists table tbody {
  width:100% !important; 
}
#forum-lists table tr th {
  display:none; 
}
#forum-lists table tr td {
  display:block !important;
  margin:auto;
}
@charset "utf-8";
/*****************************************************************************

  獨衣無二 css 
  -----------------------
  用途: 論壇模組

******************************************************************************* */ 

/* ==
　熱門討論
=============================================================================== */
.box-message { display: inherit !important; }
#forum-hot { margin: 0 0 20px; }
#forum-hot .bar {
  text-indent: -9999px;
  background: url(images/forum-hot.bar.png) left no-repeat;
  margin: 0 0 10px;
  border-bottom: 1px #ADACAC solid;
  overflow: hidden;
}
#forum-hot .more { }
#forum-hot section { padding: 5px 13px 10px; }
#forum-hot .container {
  background: #fff7f9;
  padding: 13px 13px 6px;
  border: 1px #f0f0f0 solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(pie/pie.php);
}
#forum-hot table th {
  text-align: left;
  padding: 0 15px;
}
#forum-hot table:nth-child(1) { background: #fff; }
#forum-hot table tr th:nth-child(1), #forum-hot table tr td:nth-child(1) { width: 150px; }
#forum-hot table tr th:nth-child(2), #forum-hot table tr td:nth-child(2) {
  text-align: left;
  width: 250px;
}
#forum-hot table tr th:nth-child(3), #forum-hot table tr td:nth-child(3), #forum-hot table tr th:nth-child(4), #forum-hot table tr td:nth-child(4) { width: 30px; }
#forum-hot table td {
  text-align: center;
  border-bottom: 1px #eee solid;
}
#forum-hot table td:nth-last-child(1) { border-bottom: 0 !important; }
#forum-hot .new {
  float: left;
  font-size: 10px;
  -webkit-text-size-adjust: none;
  font-style: inherit;
  color: #e60113;
  padding: 2px 5px;
  margin: 0 10px 0 0;
}
#forum-hot .topic {
  float: left;
  display: inline-block;
  width: 80%;
  overflow: hidden;
}
#forum-hot .date { }
/*------結束------*/



/* ==
　留言列表
=============================================================================== */
/* ==
  載入表單
============================ */
#forget-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0,0,0,.5);
  display: none;
  padding: 10% 0 0;
}
#forget-box .heading { display: none; }
#forget-box > .container {
  position: relative;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  padding: 25px 15px 15px;
  border: 10px #eee solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(pie/pie.php);
  margin: auto;
  max-width: 600px;
  width: 100%;
}
#forget-box .text { width: 100%; }
#forget-box .button { }
#colse {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 9999;
  font-size: 15px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  behavior: url(pie/pie.php);
  width: 30px;
  height: 30px;
}
/*------結束------*/

[id^="forum-"] .button[href^="javascript:"] {
  position: relative;
  top: 2px;
}
[id^="forum-"] .button {
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #000;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #fefefe), color-stop(99%, #d6d7d7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fefefe 49%, #d6d7d7 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d7d7', GradientType=0 ); /* IE6-9 */
  display: inline-block;
  border: 1px #ebecec solid;
  margin: 0 0 15px;
  width: 120px;
  height: 30px;
}
[id^="forum-"] .container table {
  font-size: 14px;
  margin: 0 0 10px;
}
[id^="forum-"] .container table tr {
  padding: 0 0 15px;
  border-bottom: 1px #ddd solid;
}
[id^="forum-"] .container table th, [id^="forum-"] .container table td {
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 1px;
  padding: 7px 15px;
}
[id^="forum-"] .container table th {
  text-align: left;
  color: #e91a2a;
  background: #fff5f8;
}
#forum-lists .topic {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
/* --
  留言表單
--------- */
#forum-post { padding: 20px; }
/*------end------*/

/* ==
　留言詳細
=============================================================================== */
#forum-topic-detail .topic h2, #forum-topic-detail .topic h3, #forum-topic-detail .reply h3 {
  padding: 5px 0;
  margin: 0 0 15px;
}

/*------end------*/


@media screen and (max-width: 829px) {
/* --
  熱門討論
============== */ 
#forum-hot .bar { background: url(images/forum-hot.bar.png) top 20px left 0px no-repeat;  background-size:180px auto; }
#forum-hot .container table tr th:nth-child(1) { width: 100px; }
#forum-hot .topic {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
#forum-hot section { padding:0; }
#forum-hot .container {
  background:none;
  padding:0;
  border:0;
  width:100%;
}
#forum-hot table , #forum-hot table tr , #forum-hot table tbody {
  width:100% !important; 
}
#forum-hot table tr th {
  display:none; 
}
#forum-hot table tr td {
  text-align:left;
  display:block;
  margin:auto;
  width:92% !important; 
}
[id^="forum-"] .container table tr {
  border-bottom:0;
}

/* --
  hot
============== */ 
#forum-hot table tr td:nth-child(1) {
  background:#eee;
}
#forum-hot table tr td:nth-child(1):before {
  content: '主題:'; 
}
#forum-hot table tr td:nth-child(2):before {
  content: '更新時間:';  
}
#forum-hot table tr td:nth-child(3):before {
  content: '回應:'; 
 
}
#forum-hot table tr td:nth-child(4):before {
  content: '點閱:'; 
}
#forum-hot table tr td:nth-child(5):before {
  content: '發表人:'; 
}

/* --
  留言版
============== */ 
#forum-lists table tr {
  display:block;
  margin:0 0 10px;
}
#forum-lists table tr td {
  font-size:12px;
  line-height:22px;
  padding:0;
}
#forum-lists table tr td:nth-child(1) {
  float:left;
  padding:0 20px 0 0;
  width:100px;
  height:200px;
}
#forum-lists .child {
  margin:0 0 20px;
  border-bottom:1px #eee solid;
}
#forum-lists .description {
  display:block;
  margin:0 0 10px; 
}
#forum-lists table tr td:before {
  text-align:center;
  color:#fff;
  background:#d9736f;
  content: ''; 
  display:inline-block;
  margin:0 10px 5px 0;
  width:50px;
}
#forum-lists table tr td:nth-child(2):before {
  content: '主題:'; 
}
#forum-lists table tr td:nth-child(3):before {
  content: '回應:'; 
 
}
#forum-lists table tr td:nth-child(4):before {
  content: '點閱:'; 
}
#forum-lists table tr td:nth-child(5):before {
  content: '發表人:'; 
}
#forum-lists table , #forum-lists table tr , #forum-lists table tbody {
  width:100% !important; 
}
#forum-lists table tr th {
  display:none; 
}
#forum-lists table tr td {
  display:block !important;
  margin:auto;
}

/* --
  留言列表
============== */ 
.search  {
  text-align:center;
  margin:0 0 5px; 
  overflow:hidden; 
}
.search .text {
  margin:0 0 5px;
  width:78%;
  height:30px;
}
.search .button[href^="javascript:"] {
}
#forum-topic-lists table tr th {
  display:none;
}
#forum-topic-lists table tr td {
  padding:2px 10px;
  display:block;
}
#forum-topic-lists table tr td:before {
  text-align:center;
  color:#fff;
  background:#d9736f;
  content: ''; 
  display:inline-block;
  margin:0 10px 0 0;
  width:100px;
}
#forum-topic-lists .tbody {
  display:block;
  margin:0 0 20px;
  border-bottom:1px #eee solid;
}
#forum-topic-lists table tr td:nth-child(1):before {
  content: '主題:'; 
}
#forum-topic-lists table tr td:nth-child(2):before {
  content: '點閱:';  
}
#forum-topic-lists table tr td:nth-child(3):before {
  content: '回應:'; 

}
#forum-topic-lists table tr td:nth-child(4):before {
  content: '發表人:'; 
}
#forum-topic-lists table tr td:nth-child(5):before {
  content: '最後發表:'; 
}

#forum-hot .new { display: inline-block; }
/* --

  留言表單
============== */ 
[id^="forum-"] .container { padding: 0; }
#forget-box > .container {
  padding: 0;
  max-width: inherit;
  width: 80%;
}
#forget-box .text { width: 95%; }
#forget-box th {
  background: none;
  width: 45px;
}
#forget-box td { padding: 10px; }
[id^="forum-"] .button {
  line-height: 35px;
  display: block;
  margin: 0 auto 10px;
  width: 80%;
  height: 35px;
}

}


#forum-hot .new { display: inline-block; }
/* --
  留言表單
============== */ 
[id^="forum-"] .container { padding: 0; }
#forget-box > .container {
  padding: 0;
  max-width: inherit;
  width: 80%;
}
#forget-box .text { width: 95%; }
#forget-box th {
  background: none;
  width: 45px;
}
#forget-box td { padding: 10px; }
	
[id^="forum-"] .button {
  line-height: 35px;
  display: block;
  margin: 0 auto 10px;
  width: 80%;
  height: 35px;
}