.color1{color:#CC0001;}
.color2{color:#2E9DC2;}/*同時用於留言者姓名標題,討論區*/
.color3{color:#78C346;}
.color4{color:#EB943D;}
hr {
	border-top:1px solid #555;/*水平線color*/
}
h3.stitle {
	color:#E7B03C;/*小標題color*/
	background:url(../images/h3-dot.png) no-repeat 0px 10px;
}
.img-thumbnail {
	background-color:transparent;/*圖框背景color*/
	border:1px solid #666;/*圖框框線color*/
}
.col-style{/*member column*/
  border:5px solid #666;
}
.col-cross-line > span {border-color:#666;}
.notice:after {
	color:#F03C3C;/*注意事項符*號color*/
}
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #666;/*預設表單框線color*/
	background-color:#222;/*預設表單背景color*/
	color:#fff;/*預設表單字color*/
}
.form-control{color:#fff;}
.form-control::-moz-placeholder {
	color:#777;
}
.form-control:-ms-input-placeholder {
	color:#777;
}
.form-control::-webkit-input-placeholder {
	color:#777;
}
.help-block {
	color:#888;/*附註說明字color*/
}
/*======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 #ccc;
	
}
.singlepagelist-subhead a:hover{
	color:#FFFF00;
}

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


/* End For News List Css */
.progress {
	background-color:#444444;/*長條圖背景color*/
}
.progress-bar {
	background-color:#F03C3C;/*長條圖color*/
}
.pagenav>li>a{
	color:#fff;/*頁碼字color*/
	background-color:#111;
	border:1px solid #444;
}
.pagenav>li>a:hover, .pagenav>li>a:focus{
	color:#fff;/*頁碼hover 字color*/
	background-color:#111;
	border-color:#444
}
.pagenav>.active>a,.pagenav>.active>a:hover, .pagenav>.active>a:focus{
	color:#fff;/*頁碼選擇中字color*/
	background-color:#555;
	border-color:#444
}
.p-single .p-tit {
	color:#fff;/*產品列表-產品名color*/
}
.p-single .p-txt {
	color:#ddd;/*產品列表-其他文字color*/
}
.p-price-original{
	color:#ddd;/*產品詳細-原價color*/
}
.p-price-member{
	color:#F00;/*產品詳細-會員網路價color*/
}
.btn-addcart{
	color:#fff;/*加入購物車字color*/
	background-color:#F03C3C;/*加入購物車背景color*/
    border:2px transparent solid;/*加入購物車線框color*/
	box-shadow:3px 3px 1px #A80606;
}
.btn-addcart:hover{
	background-color:#FF3300;
	color:#fff;
    border:2px #FF3300 solid;
}
.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:#fff;/*相片標題連結字hover color*/
}
.photo-gallery li .photo-subhead a p{
	border-bottom:1px rgba(255,255,255,0.8) solid;
}

ul.member-ul li{
	background:#333;
	border:1px #444 solid;
	color:#fff;
}
ul.member-ul li:hover{
	background:#F03C3C;
	border:1px #F03C3C solid;
}
ul.member-ul li a{
	color:#fff;
}
ul.member-ul li a:hover{
	color:#fff;
}
.panel {
	background-color:#555;/*panel背景color*/
	border:1px solid #666;/*panel線框color*/
}
.panel2 {
	background-color:#333;/*panel背景color*/
	border:1px solid #444;/*panel線框color*/
}
.panel .panel-heading {
	color:#fff;/*panel標題字color*/
	background-color:#555;/*panel標題背景color*/
	border-color:#666;/*panel標題線框color*/
}
.panel .panel-body {background-color:#222;}
.panel2 .panel-heading {
	color:#fff;/*panel標題字color*/
	background-color:#333;/*panel標題背景color*/
	border-color:#444;/*panel標題線框color*/
}
.panel2 .panel-body {background-color:#111;}

.news-date{
	color:#ddd;/*日期字color*/
}
.news-date span.news-month {
	border-bottom:1px solid #ddd;/*日期線color*/
}
.news-subhead{
	color:#fff;/*最新訊息標題字color*/
}
.news-content img{
	background-color:transparent;
	border:1px solid #666;
}
.table-subject{border:none;}

/*=====================responsives===========================*/
@media (min-width: 1100px) {
}
@media (min-width: 850px) and (max-width: 1100px){
}
@media (min-width: 600px) and (max-width: 850px){
}
@media (min-width: 450px) and (max-width: 600px){
.p-view label {
	color: #ddd;
	border-bottom: 1px #555 solid;
}
}
@media (min-width: 0px) and (max-width: 450px){ /*Same as above except the ".photo-gallery li"*/
.p-view label {
	color: #ddd;
	border-bottom: 1px #555 solid;
}
}
