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

.color1{color:#3787FF;}
.color2{color:#fff;}/*同時用於留言者姓名標題,討論區*/
.color3{color:#FCB05C;}
.color4{color:#80D30E;}
hr{border-color:#666;}

h3.stitle {
	color:#fff;/*小標題color*/
}



/*======column it's different from bootstrap.min======*/

.col-style{
  border:5px solid #666;
}
.col-cross-line > span{
	border-right:1px solid #666;
}
.col-cross-line > p{
	color:#666;
}
	
/*======vote======*/
.progress {
	background-color:#555;/*長條圖背景color*/
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
	color:#fff;
	background-color:#ddd;/*長條圖color*/
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
}
/*======news-list======*/
/* Start For News List Css */


ul.singlepagelist li{
	background:#292929;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	border:#444 1px solid;
}
.singlepagelist-subhead{/* 單頁式列表標題 */

	text-shadow: 0px 0px 1px #ccc;
	border-bottom:1px solid #444;
	
}
.singlepagelist-subhead a:hover{
	color:#FFFF00;
}

.singlepagelist-date:after{/* 單頁式列表日期+此樣式 */
	color:#999;
}


/* End For News List Css */
/*======page======*/
.pagenav>li>a{
	color:#fff;/*頁碼字color*/
	background-color:#333;
	border:1px solid #666;
}
.pagenav>li>a:hover, .pagenav>li>a:focus{
	color:#fff;/*頁碼hover 字color*/
	background-color:#454545;
	border-color:#666
}
.pagenav>.active>a,.pagenav>.active>a:hover, .pagenav>.active>a:focus{
	color:#fff;/*頁碼選擇中字color*/
	background-color:#666;
	border-color:#666
}

/*======table_etc======*/
.table-subject {
	border:1px solid #666;
}
/*======breadcrumb======*/
.breadcrumb {
	background-color:transparent;
}
.breadcrumb table,.breadcrumb td{background-color:transparent;}

/*======productlist======*/
.img-thumbnail{border: 1px rgba(255,255,255,0.2) solid;}
.p-single .p-tit {
	color:#fff;/*產品列表-產品名color*/
}
/*======product-view======*/
.p-price-original{
	color:#fff;/*產品詳細-原價color*/
}
.p-price-member{
	color:#3787FF;/*產品詳細-會員網路價color*/
}
.btn-addcart{
	color:#fff;/*加入購物車字color*/
	background-color:#0044B3;/*加入購物車背景color*/
    border:3px #0044B3 solid;/*加入購物車線框color*/
}
.btn-addcart:hover{
	background-color:#3787FF;
	color:#fff;
    border:3px #3787FF solid;
}
.btn-addcart.disabled, .btn.disabled{
	color:#fff;
	background-color:#666;
    border:2px #666 solid;
}
.btn-addcart.disabled:hover, .btn.disabled:hover{
	background-color:#666;
    border:2px #666 solid;
}

/*======gallery======*/
.photo-gallery li .photo-box{
	background:rgba(0,0,0,0.5);/*相片hover 區塊color*/
}
.photo-gallery li .photo-subhead{
	color:#fff;/*相片標題字color*/
}
.photo-gallery li .photo-subhead a{
	color:#fff;/*相片標題連結字color*/
}
.photo-gallery li .photo-subhead a:hover{
	color:#eee;/*相片標題連結字hover color*/
}
.photo-gallery li .photo-subhead a p{
	border-bottom:1px rgba(255,255,255,0.6) solid;
}

/*======member======*/

ul.member-ul li{
	background:#666;
	border:1px #666 solid;
	color:#fff;
}
ul.member-ul li:hover{
	background:#3787FF;
	border:1px #3787FF solid;
}
ul.member-ul li a{
	color:#fff;
}
ul.member-ul li a:hover{
	color:#fff;
}

/*======panel======*/
.panel {
	background-color:#333;/*panel背景color*/
	border:1px solid #666;/*panel線框color*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.panel2 {
	background-color:#555;/*panel背景color*/
	border:1px solid #666;/*panel線框color*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.panel .panel-heading {
	border-bottom:1px solid transparent;
	color:#333;/*panel標題字color*/
	background-color:#999;/*panel標題背景color*/
	border-color:#666;/*panel標題線框color*/
}
.panel2 .panel-heading {
	border-bottom:1px solid transparent;
	color:#fff;/*panel標題字color*/
	background-color:#666;/*panel標題背景color*/
	border-color:#666;/*panel標題線框color*/
}

/*======news======*/
.news-date{
	color:#999;/*日期字color*/
}
.news-subhead{
	color:#fff;/*最新訊息標題字color*/
}


/*=====================responsives===========================*/
@media (min-width: 993px){
.p-view .p-row{border-top:1px solid #eee;}
}
@media (max-width: 992px){
.p-view .p-row{border-top:1px solid #eee;}
}
@media (max-width: 600px){
.col-cross-line > span{	border-bottom:1px solid #666;}
.col-cross-line > p{	color:#666;}
.p-view label{	color:#999;}

}