@charset "utf-8";
/* CSS Document */
body{
	background:#EFEFEF;
	color:#333;
}
a{color:#BD2C00;}
a:hover{color:#CB4B0E}
input, button, select, textarea {color:#333;}

.btn-color,.btn-color:link,.btn-color:visited{color:#fff;background-color:#666;border-color:transparent}
.btn-color:hover,.btn-color:focus,.btn-color.focus,.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{color:#fff;background-color:#DB3100;border-color:rgba(0,0,0,0)}
.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{background-image:none}
.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:transparent}

/*-----------HEADER-------------*/
header{
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #ededeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#ededeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#ededeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#ededeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#ededeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#ededeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 3px #aaa,
               0 1px 3px rgba(0,0,0,.2),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 8px rgba(0,0,0,.15),
               0 10px 15px rgba(0,0,0,.15);
}
header .secondary{
	background:#333;
	color:#fff;
}
header .secondary a{ color:#fff; }
header .secondary a:hover{color:#BD2C00; }
.webtitle{	color:#333;}
.webtitle a{color:#333; }
.webtitle a:hover{color:#BD2C00;}

/*-----------HEADER MENU-------------*/
.menu-ul > li{	border-left:1px solid #dedede;	background-color:transparent;}
.menu-ul > li:hover{background-color:#BD2C00;}
.menu-ul > li > a{color:#666;	background-color:transparent;}
.menu-ul > li > a:hover,.menu-ul > li:hover > a{color:#fff;}
.menu-ul > li > a span{color:#666; }
.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 #ccc;
}
.navbar-toggle{background:rgba(255,255,255,0);}
.dropdown-menu{-webkit-box-shadow:0 6px 6px rgba(0,0,0,.175);}
.dropdown-menu>li>a{color:#fff;background-color:#333}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;background-color:#A82600;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;background-color:#A82600;}

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

.slider-arrow {
	background-color:#fff;
}
.slider-arrow:hover{
	background-color:#fff;
	opacity:1;
}
.slider-nav-item {
	border:2px #fff solid;
	background: #fff;/*slide點color*/
}
.slider-nav-item:hover {
	border:2px #ccc solid;
	background: #ccc;/*slide點hover color*/
}
.slider-nav-item-current {
	background: #BD2C00;/*slide點選擇中color*/
	border:2px #BD2C00 solid;
}


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

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

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

.sidebox-style{	
	border:1px solid #dedede;
	background-color:#fdfdfd;
}
.side-left .sidebox-style{border:1px solid #dedede; background-color:#fdfdfd;}
#sidebox-login.sidebox-style{border:1px solid #333333; background-color:#333333; color:#fff;}
#sidebox-pcate.sidebox-style{border:1px solid #dedede; background-color:#fdfdfd; color:#333;}
#sidebox-news.sidebox-style{border:1px solid #dedede; background-color:#fdfdfd; color:#333;}
#sidebox-vote.sidebox-style{border:1px solid #dedede; background-color:#fdfdfd; color:#333;}

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

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


.votelist li{ color:#333; }
.product-menu > li{	 border-top:1px #dedede solid;}
.product-menu > li a{color:#333; }
.product-menu > li a:hover{color:#BD2C00;  background-color:rgba(0,0,0,0.02);}
.product-menu > li a.open{ color:#333; background-color:rgba(0,0,0,0.05);}
.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:#aaa;
}

.product-menu li ul li a{	color:#BD2C00; background-color:transparent;}
#sidebox-news .product-menu > li > a::before, .product-menu > li > ul > li > a::before{border-color: transparent transparent transparent #666;}
.product-menu > li > ul > li > a::before{border-color: transparent transparent transparent #BD2C00;}

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


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

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

.footer-nav{ border-bottom:1px #dedede solid; }
.footer-nav ul li a{ color:#333;}
.footer-nav ul li a:hover{ color:#BD2C00;}

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

.social-icon li a{	border:1px solid #fff;}
.social-icon li a:hover{	border:1px solid #666;}