@charset "utf-8";
html,body{
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  font-family: "微軟正黑體","儷黑 Pro", "蘋果儷中黑","新細明體","Tahoma Lihei Pro", "Lucida Grande";
  font-size:1.1em;
  background-Color:#111911;
  color:#eaeaff;
  /*background-image : url(http://3wa.tw/pic/cmsback.png);
  background-Color: transparent;
  background-repeat : repeat;
  background-attachment : fixed;
  background-position:50% 0%;*/
  /*cursor:url("/pic/wagtail.ani");*/ 
}
.overflow_show{
  overflow:hidden;
}
.opacity_0{
  opacity:0;
  filter:Alpha(opacity=0);
}
.opacity_10{
  opacity:0.1;
  filter:Alpha(opacity=10);
}
.opacity_20{
  opacity:0.2;
  filter:Alpha(opacity=20);
}
.opacity_30{
  opacity:0.3;
  filter:Alpha(opacity=30);
}
.opacity_40{
  opacity:0.4;
  filter:Alpha(opacity=40);
}
.opacity_50{
  opacity:0.5;
  filter:Alpha(opacity=50);
}
.opacity_60{
  opacity:0.6;
  filter:Alpha(opacity=60);
}
.opacity_70{
  opacity:0.7;
  filter:Alpha(opacity=70);
}
.opacity_80{
  opacity:0.8;
  filter:Alpha(opacity=80);
}
.opacity_90{
  opacity:0.9;
  filter:Alpha(opacity=90);
}
.opacity_100{
  opacity:1;
  filter:Alpha(opacity=100);
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
a:active { color: #FFFFFF;text-decoration: underline;}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover { color: #ffffff;
          text-decoration:underline;
}
a:link {
	color: #ffffff;
	text-decoration: underline;
}
.textcontents{font-size: 0.85em;}


input[type='text'],input[type='password'],input[type='file'],input[type='email'],.text_3wa {
    BORDER-RIGHT: #008080 1px solid;
    BORDER-TOP: #008080 1px solid;
    BORDER-LEFT: #008080 1px solid;
    BORDER-BOTTOM: #008080 1px solid;
    background-color:#000000;
    color:#ffffff;
    padding:1px;
    cursor:pointer;    
}

/*input[type='button']:hover {
           color:#ffaaaa;
      }*/
select,textarea,button {
    BORDER-RIGHT: #008080 1px solid;
    BORDER-TOP: #008080 1px solid; 
    BORDER-LEFT: #008080 1px solid; 
    BORDER-BOTTOM: #008080 1px solid; 
    background-color:#000000; color:#ffffff;    
} 
.t_size_12 {font-size:1em;}

img{ 
    vertical-align:top;
    border:0px;
}

#quicklinks {
    clear: left;
    color: #fff;
    font-size: 0.8em;
    padding: 16px 0 0 30px;
}
pre{
    background-Color:transparent; 
    white-space: pre-wrap; /* css-3 */
    color: white;
    font-size:16px;
    font-family: verdana;
    border: 0px;
}
.pre_wrap {
    white-space: pre-wrap; /* css-3 */
    /* white-space: -moz-pre-wrap !important; */
    /* white-space: -pre-wrap; /* Opera 4-6 */
    /* white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: normal;
}
th{
  text-align:center;
  background-color:brown;
  color:white;
  font-weight:bold;
}

.top_menu{
  text-align:center;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  /*padding-left:auto;
  padding-right:auto;*/
}
/* 邊框發光效果 */
input[type=text]:focus,input[type=password]:focus,textarea:focus{

 transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(241,39,242,.75);
 box-shadow:0 0 8px rgba(241,39,232,.5);
 -moz-box-shadow:0 0 8px rgba(241,39,232,.5);
 -webkit-box-shadow:0 0 8px rgba(241,39,232,3);
}

.cssBTN {
	-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
	-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fce9b0), color-stop(1, #fac32a));
	background:-moz-linear-gradient(top, #fce9b0 5%, #fac32a 100%);
	background:-webkit-linear-gradient(top, #fce9b0 5%, #fac32a 100%);
	background:-o-linear-gradient(top, #fce9b0 5%, #fac32a 100%);
	background:-ms-linear-gradient(top, #fce9b0 5%, #fac32a 100%);
	background:linear-gradient(to bottom, #fce9b0 5%, #fac32a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce9b0', endColorstr='#fac32a',GradientType=0);
	background-color:#fce9b0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#7d6905;
	font-family:arial;
	font-size:1.1em;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #8aff98;
} 
.cssBTN:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fac32a), color-stop(1, #fce9b0));
	background:-moz-linear-gradient(top, #fac32a 5%, #fce9b0 100%);
	background:-webkit-linear-gradient(top, #fac32a 5%, #fce9b0 100%);
	background:-o-linear-gradient(top, #fac32a 5%, #fce9b0 100%);
	background:-ms-linear-gradient(top, #fac32a 5%, #fce9b0 100%);
	background:linear-gradient(to bottom, #fac32a 5%, #fce9b0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac32a', endColorstr='#fce9b0',GradientType=0);
	background-color:#fac32a;
}
.cssBTN:active {
	position:relative;
	top:1px;
}
h3{  
  color:orange;
}
h4{  
  color:white;
}
.green{
  color:green;
}
.light_green{
  color:rgb(122,255,122);
}
.orange{
  color:orange;
}
.pink{
  color:pink;
}
.white{
  color:white;
}
.bold{
  font-weight:bold !important;
}

input[type='button']{
  color:#000;
}
input[type='submit']{
  color:#000;
}
input[type='reset']{
  color:#000;
}
@media (min-width: 1600px) {
    .container-fluid{
        max-width: 1580px;
    }
}
table {
    transform: rotateX(0deg);
}
.reply_img_class{
  max-width:80px;
  max-height:80px;
  cursor:pointer;
}
.cursor_pointer{
  cursor:pointer;
}
.cursor_move{
  cursor:move;
}
.red{
  color:red !important;
}
.textaligncenter{
  text-align:center;
}
.none{
  display: none;
}
.textalignright{
  text-align: right;
}
.paddingright10px{
  padding-right:10px;
}
.floatright{
  float:right;
}
.width100p{
  width:100%;
}
.textalignleft{
  text-align:left !important;
}
.positionabsolute{
  position:absolute;
}

.positionfixed{
  position:fixed;
}
.left0px{
  left: 0px;
}
.right0px{
  right: 0px;
}
.top0px{
  top: 0px;
}
.right_16px{
  right: -16px;
}
.top_16px{
  top: -16px;
}
.right_8px{
  right: -8px;
}
.top_8px{
  top: -8px;
}
.cursorpointer{
  cursor:pointer;
}
.zindex999{
  z-index:999;
}
.coloryellow{
  color:yellow;
}
.bgblack{
  background-color: #000;
}


.dark {
  background-color: #121212;
  color: #eee;
}

.dark .panel {
  background-color: #1e1e1e;
  border-color: #333;
  color: #eee;
}

.dark .modal-content {
  background-color: #1e1e1e;
  color: #eee;
}

.dark .form-control {
  background-color: #2c2c2c;
  color: #fff;
  border: 1px solid #555;
}

.dark .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.dark .nav-tabs {
    border-bottom: 1px solid #444;
}

.dark .nav-tabs>li>a {
    color: #ddd;
    background-color: #1e1e1e;
    border: 1px solid #444;
    border-bottom-color: transparent; /* 保持選中效果 */
}

.dark .nav-tabs>li.active>a,
.dark .nav-tabs>li.active>a:hover,
.dark .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #333;
    border: 1px solid #555;
    border-bottom-color: #333; /* 讓 active tab 與內容區同色 */
}

.dark .tab-content {
    background-color: #1e1e1e;
    color: #eee;
    padding: 15px;
    border: 1px solid #444;
    border-top: none; /* 連接 tab */
}
.positionrelative{
    position: relative;
}