@charset "utf-8";
/* CSS Document */
body{
	background:#111;
	color:#fff;
}
a{color:#3787FF;}a:hover{color:#4ED7F3; }
input, button, select, textarea {color:#333;}

.btn-color,.btn-color:link,.btn-color:visited{color:#fff;background-color:transparent; border-color:#fff; }
.btn-color:hover,.btn-color:focus,.btn-color.focus,.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{color:#fff;background-color:#3787FF;border-color:#3787FF}
.btn-color.disabled,.btn-color[disabled],fieldset[disabled] .btn-color,.btn-color.disabled:hover,.btn-color[disabled]:hover,fieldset[disabled] .btn-color:hover,.btn-color.disabled:focus,.btn-color[disabled]:focus,fieldset[disabled] .btn-color:focus,.btn-color.disabled.focus,.btn-color[disabled].focus,fieldset[disabled] .btn-color.focus,.btn-color.disabled:active,.btn-color[disabled]:active,fieldset[disabled] .btn-color:active,.btn-color.disabled.active,.btn-color[disabled].active,fieldset[disabled] .btn-color.active{background-color:#666;border-color:transparent}

#gotop {
	background-color:rgba(0,0,0,0.3);
}
#gotop:hover{
	background-color:rgba(0,0,0,0.8);
}
/*-----------HEADER-------------*/
header{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #646464 0%, #353535 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#353535)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #646464 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #646464 0%,#353535 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #646464 0%,#353535 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #646464 0%,#353535 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 0 #555,
               0 2px 0 #555,
               0 3px 0 #444,
               0 4px 0 #353535,
               0 5px 3px rgba(90,90,90,.3),
               0 1px 3px rgba(80,80,80,.3),
               0 3px 5px rgba(20,20,20,.3),
               0 5px 8px rgba(0,0,0,.2),
               0 10px 15px rgba(0,0,0,.15);
}

header .secondary{
	background:#444;
	color:#fff;
}
header .secondary a{ color:#fff; }
header .secondary a:hover{color:#3787FF; }
.webtitle{	color:#fff;}
.webtitle a{color:#fff;}
.webtitle a:hover{color:#3787FF; }

/*-----------HEADER MENU-------------*/
.menu-ul > li{
	border-left:1px solid #454545;
	background-color:transparent;
}
.menu-ul > li:hover{background-color:#0044B3;}
.menu-ul > li > a{
	color:#fff;
}
.menu-ul > li > a:hover,.menu-ul > li:hover > a{
	color:#fff;
}
.menu-ul > li > a span{color:#fff; }
.menu-ul > li > a:hover span,.menu-ul > li:hover > a span{color:#fff;}
.menu-arrow{
	border-left: 5px solid transparent;
	border-right:5px solid transparent;
	border-top: 7px solid #999;
}
.navbar-toggle{background:rgba(255,255,255,0);}
.dropdown-menu{background-color:transparent;-webkit-box-shadow:0 6px 6px rgba(0,0,0,.175);}
.dropdown-menu>li{border-top:1px solid #889AC8;}
.dropdown-menu>li>a{color:#fff;background-color:#0F2F82;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;background-color:#1B51E0;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;background-color:#0F2F82;}

/*-----------SLIDER-------------*/

.slider-arrow {
	background-color:#fff;
}
.slider-arrow:hover{
	background-color:#fff;
}
.slider-nav-item {
	border:2px #fff solid;
	background: #fff;/*slide點color*/
}
.slider-nav-item:hover {
	border:2px #ddd solid;
	background: #ddd;/*slide點hover color*/
}
.slider-nav-item-current {
	background: #0044B3;/*slide點選擇中color*/
	border:2px #0044B3 solid;
}



/*-----------CONTENT-RIGHT&LEFT-------------*/

.side-left h2.title{border-bottom:2px #666 solid; color:#fff;}

.side-left h2.title span,.sidebox-style h3 span{color:#999;	}

.sidebox-style{
	border:2px solid #333;
	background-color:#333;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0 0 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow:         0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.side-left .sidebox-style{border:2px solid #333; background-color:#333;}
#sidebox-login.sidebox-style{border:2px solid #333; background-color:#333; color:#fff;}
#sidebox-pcate.sidebox-style{border:2px solid #333; background-color:#333; color:#fff;}
#sidebox-news.sidebox-style{border:2px solid #333; background-color:#333; color:#fff;}
#sidebox-vote.sidebox-style{border:2px solid #333; background-color:#333; color:#fff;}

#sidebox-login.sidebox-style h3{ color:#fff;}
#sidebox-pcate.sidebox-style h3{ color:#fff; }
#sidebox-news.sidebox-style .sidetitle{ color:#fff; }
#sidebox-vote.sidebox-style .sidetitle{ color:#fff; }

#sidebox-login .btn-signup{ color:#fff; }
#sidebox-login .btn-signup:hover{ color:#3787FF;}
#sidebox-login .btn-color{ border:2px #fff solid; background-color:transparent; color:#fff;}
#sidebox-login .btn-color:hover{ border:2px #3787FF solid; background-color:#3787FF; color:#fff;}

#sidebox-href{	background:transparent;}

.icon-search{
	background-color:transparent;
}

.votelist li{ color:#fff;  }
.product-menu > li{	 border-top:1px #666 solid;}
.product-menu > li a{	color:#fff; background-color:transparent;}
.product-menu > li a:hover{color:#3787FF; background-color:rgba(255,255,255,0.05);}
.product-menu > li a.open{ color:#fff; background-color:rgba(255,255,255,0.08);}
.product-menu > li a span.btn-open{
	border:1px solid transparent;
	background-color: transparent;
}
.product-menu > li a span.btn-open:hover{border:1px solid rgba(255,255,255,0.1);}
.product-menu > li a span.date{
	color:#999;
}

.product-menu li ul li a{	color:#999; background-color:transparent;}
#sidebox-news .product-menu > li > a::before, .product-menu > li > ul > li > a::before{ border-color: transparent transparent transparent #fff;}
#sidebox-news .product-menu > li > a:hover::before,.product-menu > li > ul > li > a:hover::before{border-color: transparent transparent transparent #3787FF;}

/*-----------CONTENT-ARTICLE-ETC-SETTING-------------*/

.footable {border: 1px solid #666; background: #333; }
.footable.breakpoint > tbody > tr.footable-row-detail {  background: #666;}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {  background: #666;}
.footable > tbody > tr:hover:not(.footable-row-detail) {  background: #555;}
.footable > tbody > tr:hover:not(.footable-row-detail) > td {  color: #fff;}
.footable > tbody > tr > td {  border-top: 1px solid #666;}
.footable > thead > tr > th {  border-bottom: 1px solid #666;}
.footable > thead > tr > th,
.footable > thead > tr > td,
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #555;
  border: 1px solid #666;
  color: #fff;
}
.footable > tfoot .pagination ul > li > span {  border:2px solid transparent; color: #fff;  background-color: transparent;}
.footable > tfoot .pagination ul > li > a{color:#fff;}
.footable > tfoot .pagination ul > li > a:hover{color: #F9BF48;}
.footable > tfoot .pagination ul > li.active > a {  border-color: #fff;}





/*-----------FOOTER-------------*/

footer{color:#999;}
.footer-nav{  border-bottom:1px rgba(150,150,150,0.3) solid;}
.footer-nav ul li a{ color:#999;}
.footer-nav ul li a:hover{ color:#3787FF; }

.footer-nav ul li::before{
	background:rgba(150,150,150,0.3);
}

.social-icon li a{
	border:1px solid transparent;
	background-color:rgba(250,250,250,0.5);
}
.social-icon li a:hover{
	border:1px solid #ccc;
	background-color:rgba(250,250,250,0.8);
}