@charset "utf-8";
/* CSS Document */
body{
	background:#fff;
	color:#242424;
}
a{color:#2B375E;}
a:hover{color:#F42216;}
input, button, select, textarea {color:#242424;}

.btn-color,.btn-color:link,.btn-color:visited{color:#242424;border-color:#242424; border-width:2px;}
.btn-color:hover,.btn-color:focus,.btn-color.focus,.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{color:#fff;background-color:#242424;border-color:#242424;}
.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:#888;border-color:#888}

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

header .secondary{
	background: #242424; /* Old browsers */
	background: -moz-linear-gradient(top,  #555 0%, #242424 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#242424)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #555 0%,#242424 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #555 0%,#242424 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #555 0%,#242424 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #555 0%,#242424 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
	color:#fff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	vertical-align:middle;
}
header .secondary a{ color:#fff; }
header .secondary a:hover{color:#F42216; }
.webtitle{	color:#242424;}
.webtitle a{color:#242424;}
.webtitle a:hover{color:#666; }


/*-----------HEADER MENU-------------*/
.menu-ul > li{
	border-left:1px solid #d6d6d6;
	background-color:transparent;
}
.menu-ul > li:hover{background-color:#242424;}
.menu-ul > li > a{
	color:#242424;
	background-color:transparent;
}
.menu-ul > li > a:hover,.menu-ul > li:hover > a{
	color:#fff;
}
.menu-ul > li > a span{color:#333; text-transform:uppercase;}
.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{-webkit-box-shadow:0 6px 6px rgba(0,0,0,.175);}
.dropdown-menu>li{border-top:1px solid #555;}
.dropdown-menu>li>a{color:#fff;background-color:#333;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;background-color:#F42216;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;background-color:#333;}


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

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

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

.side-left h2.title{ 
	border-bottom: 2px #F42216 solid;
	padding: 20px 30px 20px 30px;
	margin: -21px -31px 21px -31px;
	color: #FFFFFF;
	background: #242424; /* Old browsers */
	background: -moz-linear-gradient(top,  #333 0%, #242424 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#242424)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333 0%,#242424 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333 0%,#242424 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333 0%,#242424 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333 0%,#242424 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

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

.sidebox-style{
	margin-bottom:20px;
	padding:20px 30px;
	border:1px solid #eee;
	background-color:#F7F7F7;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0 0 5px 0 rgba(0, 0, 0, 0.15);
	box-shadow:         0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.side-left .sidebox-style{border:1px solid #eee; background-color:#f8f8f8;}
#sidebox-login.sidebox-style{border:1px solid #242424; background-color:#242424; color:#fff;}
#sidebox-pcate.sidebox-style{border:1px solid #eee; background-color:#F7F7F7; border-bottom:4px solid #D6D6D6;}
#sidebox-news.sidebox-style{border:1px solid #eee; background-color:#F7F7F7; border-bottom:4px solid #D6D6D6;}
#sidebox-vote.sidebox-style{border:1px solid #eee; background-color:#F7F7F7; border-bottom:4px solid #D6D6D6;}

#sidebox-login.sidebox-style h3{ color:#fff; }
#sidebox-pcate.sidebox-style h3{ color:#fff; padding: 20px 30px 20px 30px;	margin: -20px -30px 20px -30px; border-bottom:2px solid #242424; background: #F42216; /* Old browsers */
	background: -moz-linear-gradient(top,  #F42216 0%, #C9130A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F42216), color-stop(100%,#C9130A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F42216 0%,#C9130A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F42216 0%,#C9130A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F42216 0%,#C9130A 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #F42216 0%,#C9130A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F42216', endColorstr='#C9130A',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;}
#sidebox-news.sidebox-style .sidetitle,#sidebox-vote.sidebox-style .sidetitle{color:#333;}

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

.vote-subject{color:#242424;}


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

.votelist li{ color:#242424; }
.product-menu > li{	 border-top:1px #ccc solid;}
.product-menu > li a{ color:#242424; background-color:transparent;}
.product-menu > li a:hover{color:#F42216;   background-color:rgba(255,255,255,0.05);}
.product-menu > li a.open{ color:#242424; 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(0,0,0,0.1);}
.product-menu > li a span.date{
	color:#666;
}

.product-menu li ul li a{	color:#666;background-color:transparent;}
#sidebox-news .product-menu > li > a::before, .product-menu > li > ul > li > a::before{  margin:0px 5px 2px 0px; border-style: solid; border-width: 3px; height:0; width:0; border-color: #666;}
#sidebox-news .product-menu > li > a:hover::before,.product-menu > li > ul > li > a:hover::before{border-color: #F42216;}

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


.footable {border: 1px solid #ccc; background: #fff;}
.footable.breakpoint > tbody > tr.footable-row-detail {  background: #f8f8f8;}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {  background: #f8f8f8;}
.footable > tbody > tr:hover:not(.footable-row-detail) {  background: #efefef;}
.footable > tbody > tr:hover:not(.footable-row-detail) > td {  color: #242424;}
.footable > tbody > tr > td {  border-top: 1px solid #ccc;}
.footable > thead > tr > th {  border-bottom: 1px solid #ccc;}
.footable > thead > tr > th,
.footable > thead > tr > td,
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #555;
  border: 1px solid #ccc;
  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: #F42216;}
.footable > tfoot .pagination ul > li.active > a {  border-color: #fff;}


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

footer{ color:#666;}
.footer-nav{ border-bottom:1px #ccc solid; }
.footer-nav ul li a{ color:#666;}
.footer-nav ul li a:hover{ color:#F42216; }

.footer-nav ul li::before{
	background:#ccc;
}

.social-icon li a{
	border:1px solid transparent;
	background-color:transparent;
}
.social-icon li a:hover{
	border:1px solid #ccc;
	background-color:transparent;
}