@charset "utf-8";
/* CSS Document */
.color1{color:#F88301;}
.color2{color:#333;}/*同時用於留言者姓名標題,討論區*/
.color3{color:#BD2C01;}
.color4{color:#547C16;}

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

/*======column it's different from bootstrap.min======*/
.col-style{  border:5px solid #ddd;}
.col-cross-line > span{	border-right:1px solid #ddd;}
.col-cross-line > p{ color:#ddd;}	


/*======vote======*/
.progress {
	background-color:#f2f2f2;/*長條圖背景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:#F88301;/*長條圖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:#fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.singlepagelist-subhead{/* 單頁式列表標題 */

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

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


/* End For News List Css */
/*======page======*/

.pagenav>li>a{
	color:#555;/*頁碼字color*/
	background-color:#fff;
	border:1px solid #ddd;
}
.pagenav>li>a:hover, .pagenav>li>a:focus{
	color:#555;/*頁碼hover 字color*/
	background-color:#eee;
	border-color:#ddd
}
.pagenav>.active>a,.pagenav>.active>a:hover, .pagenav>.active>a:focus{
	color:#fff;/*頁碼選擇中字color*/
	background-color:#888;
	border-color:#888
}


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

/*======productlist======*/
.p-single .p-tit {	color:#555;/*產品列表-產品名color*/}
/*======product-view======*/
.p-price-original{	color:#333;/*產品詳細-原價color*/}
.p-price-member{color:#F88301;/*產品詳細-會員網路價color*/}
.btn-addcart{
	color:#fff;/*加入購物車字color*/
	background-color:#F88301;/*加入購物車背景color*/
    border:3px #F88301 solid;/*加入購物車線框color*/
}
.btn-addcart:hover{
	background-color:#D76D04;
	color:#fff;
    border:3px #D76D04 solid;
}
.btn-addcart.disabled, .btn.disabled{
	color:#fff;
	background-color:#ddd;
    border:2px transparent solid;
}
.btn-addcart.disabled:hover, .btn.disabled:hover{
	background-color:#ddd;
    border:2px transparent solid;
}

/*======gallery======*/

.photo-gallery li .photo-box{
	background:rgba(0,0,0,0.4);/*相片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:#F88301;/*相片標題連結字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:#555;
	border:1px #555 solid;
	color:#fff;
}
ul.member-ul li:hover{
	background:#F88301;
	border:1px #F88301 solid;
}
ul.member-ul li a{
	color:#fff;
}
ul.member-ul li a:hover{
	color:#fff;
}

/*======panel======*/
.panel {
	background-color:#fff;/*panel背景color*/
	border:1px solid #CCCCCC;/*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:#fff;/*panel背景color*/
	border:1px solid #CCCCCC;/*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:#fff;/*panel標題字color*/
	background-color:#555;/*panel標題背景color*/
	border-color:#ccc;/*panel標題線框color*/
}
.panel2 .panel-heading {
	border-bottom:1px solid transparent;
	color:#555;/*panel標題字color*/
	background-color:#F0F0F0;/*panel標題背景color*/
	border-color:#ccc;/*panel標題線框color*/
}

/*======news======*/
.news-date{	color:#999;/*日期字color*/}
.news-subhead{	color:#555;/*最新訊息標題字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 #ddd;}
.col-cross-line > p{	color:#999;}
.p-view label{	color:#999;}
}