.color1{color:#CE0E72;}
.color2{color:#B8816C;}/*同時用於留言者姓名標題,討論區*/
.color3{color:#66B462;}
.color4{color:#A36CB8;}
hr {
	border-top:1px solid #ddd;/*水平線color*/
}
h3.stitle {
	color:#D33C72;/*小標題color*/
	background:url(../images/h3-dot.png) no-repeat 0px 9px;
}
.img-thumbnail {
	background-color:#fff;/*圖框背景color*/
	border:1px solid #ddd;/*圖框框線color*/
}
.col-style{/*member column*/
  border:5px solid #eee;
}
.notice:after {
	color:#F00;/*注意事項符*號color*/
}
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #ccc;/*預設表單框線color*/
	background-color:#fff;/*預設表單背景color*/
	color:#666;/*預設表單字color*/
}
.form-control::-moz-placeholder {
	color:#ccc;
}
.form-control:-ms-input-placeholder {
	color:#ccc;
}
.form-control::-webkit-input-placeholder {
	color:#ccc;
}
.help-block {
	color:#777;/*附註說明字color*/
}
.progress {
	background-color:#f2f2f2;/*長條圖背景color*/
}
.progress-bar {
	background-color:#CE0E72;/*長條圖color*/
}
.pagenav>li>a{
	color:#CD0E64;/*頁碼字color*/
	background-color:#fff;
	border:1px solid #ddd;
}
.pagenav>li>a:hover, .pagenav>li>a:focus{
	color:#CD0E64;/*頁碼hover 字color*/
	background-color:#eee;
	border-color:#ddd
}
.pagenav>.active>a,.pagenav>.active>a:hover, .pagenav>.active>a:focus{
	color:#fff;/*頁碼選擇中字color*/
	background-color:#CD0E64;
	border-color:#CD0E64
}
.p-single .p-tit {
	color:#CD0E64;/*產品列表-產品名color*/
}
.p-single .p-txt {
	color:#666;/*產品列表-其他文字color*/
}
.p-price-original{
	color:#B93204;/*產品詳細-原價color*/
}
.p-price-member{
	color:#F00;/*產品詳細-會員網路價color*/
}
.btn-addcart{
	color:#fff;/*加入購物車字color*/
	background-color:#CD0E64;/*加入購物車背景color*/
    border:2px transparent solid;/*加入購物車線框color*/
	box-shadow:3px 3px 1px #ddd;
}
.btn-addcart:hover{
	background-color:#FF1A6C;
	color:#fff;
    border:2px #FF1A6C 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:#999;
	border:1px #999 solid;
	color:#fff;
}
ul.member-ul li:hover{
	background:#CD0E64;
	border:1px #CD0E64 solid;
}
ul.member-ul li a{
	color:#fff;
}
ul.member-ul li a:hover{
	color:#fff;
}
.panel {
	background-color:#fff;/*panel背景color*/
	border:1px solid #CD0E64;/*panel線框color*/
}
.panel2 {
	background-color:#fff;/*panel背景color*/
	border:1px solid #CCCCCC;/*panel線框color*/
}
.panel .panel-heading {
	color:#fff;/*panel標題字color*/
	background-color:#D41E6E;/*panel標題背景color*/
	border-color:#D41E6E;/*panel標題線框color*/
}
.panel2 .panel-heading {
	color:#666;/*panel標題字color*/
	background-color:#E6E1E2;/*panel標題背景color*/
	border-color:#E6E1E2;/*panel標題線框color*/
}

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

/*=====================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){
}
@media (min-width: 0px) and (max-width: 450px){ /*Same as above except the ".photo-gallery li"*/
}