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%; } }