html,
body {
height: 100%;
background-image:url(http://www.goodshop.tw/sun8/Image/background.png);
}
body {
padding-top: 50px;
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
.nav a,.navbar-brand{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
.dropdown-menu a ,.dropdown-menu{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
.text-s{
text-decoration:line-through;
}
h2{
color:#333;
padding: 30px 0;
border:1px 1px #B01618;
}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
.navbar-bg{
border:0px;
box-shadow: 0px 2px 5px #2D2D2D;
}
.slide-image{
width: 100%;
}
/* page-header 頁首 廠商介紹 左選單 */
.product-page .page-header {
padding:15px;
text-align:center;
font-size: 24px;
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
font-weight: 400;
color:#fff4f0;
background-color:#8d5e4e;
}
.product-page small{
font-size:36px;
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
font-weight: bold;
color:#FDFDFD;
}
a.list-group-item{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
color:#555;
font-size: 14px;
}
.producer-intro {
letter-spacing: 1px;
line-height: 28px;
color: #5d5d5d;
padding: 15px 5px;
}
/* index Carousel 首頁輪播 */
header.carousel {
height: 400px;
widtqh:100%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
height: 100%;
background-position: center;
background-size: cover;
}
.carousel-inner .h2 {
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
/* product 產品model */
.modal-title {
text-align: center;
}
.modal-body{
background-image:url(http://www.goodshop.tw/sun8/Image/pro-bg.png);
}
.pro-detail{
border-radius: 5px;
padding:10px ;
background-color:rgba(000,000,000,0.1);
margin: 5px 0 15px 0;
}
.pro-detail p,.pro-detail a ,.pro-detail a:hover{
font-size: 13px;
color:#5d5d5d;
text-decoration:none;
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
.pro-img-group img{
float: left;
margin: 10px 5px;
width: 90px;
height: 60px;
}
.pro-img-show img{
text-align:center;
width: 100%;
}
.pro-info{
vertical-align:top;
padding: 0 15px 15px 15px;
}
.pro-info h4{
font-size: 24px;
text-shadow: 1px 1px 1px #333333;
}
.pro-price{
color:#742B2C;
font-weight: bold;
}
.pro-price span{
font-size: 20px;
font-family: cursive;
color:#DB2629;
}
/* index-panel 首頁介紹 */
.index-panel .page-header{
text-align:center;
font-size:32px;
color:#333;
font-weight:bold;
padding-bottom:30px;
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
}
.index-intro {
text-align:center;
vertical-align:central;
}
index-intro img:hover{
width:200px;
}
.index-intro h3{
color:#c82334;
text-shadow: 0 1px 0 rgba(0,0,0,0.25);
font-weight:bold;
}
.index-intro p{
color:#333;
}
/* 產品價格 */
.thumbnail img {
width: 100%;
}
.thumbnail img {
background-image:url(http://www.goodshop.tw/sun8/Image/thumbnai-potatol-bg.png);
}
.thumbnail h5 a, .thumbnail h5 a:hover{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
text-decoration: none;
font-size: 14px;
color:#676767;
}
.thumbnail p,.thumbnail p a:hover{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
color: #6f6f6f;
font-size: 14px;
line-height: 1.5em;
margin: 10px 0;
letter-spacing: 1px;
}
.product .product-name a{
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
position: relative;
letter-spacing: 1px;
font-size: 22px;
text-decoration:none;
color:#87643d;
font-weight:bold;
}
.product h3 {
font-family: Microsoft JhengHei, 'Raleway', sans-serif;
border-bottom: 1px dotted #3E3E3E;
padding-bottom: 10px;
margin: 0px;
}
.price {
display: block;
font-size: 25px;
font-weight:bold;
color:#CD1A1D;
}
.price span{
font-size:14px;
color:#646464;
margin: 5px;
}
.product s{
font-size: 18px;
padding:0 10px;
font-weight:100;
}
.product p{
line-height: 28px;
color:#5a5a5a;
}
.period {
display: block;
font-style: italic;
}
.caption {
height:230px;
}
/* Footer Styles */
footer {
margin: 50px 0;
}
/* Responsive Styles */
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 100%;
}
}