/*-----------------------------------------------------------------------頁身---*/

body > header{height:201px;background:url(../images/bg_01.jpg) 0 0 repeat;}

@media(max-width: 1024px) {
	body > header{height:201px}
}

@media(max-width: 767px) {
	body > header{height:45px}
	body > article{padding:0px 0 0px 0}
}

/*-----------------------------------------------------------------------分類---*/

#aside-left{text-align:center;}
#aside-left h5{background:url(../images/prd-02.png) center center repeat-y; height:30px;font-size:1.1em;padding-top:5px; color:#FFFFFF;}
#aside-left ul{margin:0 0 30px 0;}
#aside-left a{display:inline-block;min-width:140px;padding:8px 0 3px 0;
background-position:center bottom;color:#555; border-bottom:#d62672 solid 1px;}
#aside-left a:hover{/*background:url(../images/prd-01.png)*/ center bottom no-repeat; background-color:#d62672;text-decoration: none;
color:#fff;}

#aside-up .tab{background:#693003;overflow:hidden;margin:0;}
#aside-up .tab li{float:left;width:24%;padding:10px 0;}
#aside-up .tab li a{display:inline-block;width:100%;text-align:center;font:300 1em 'Microsoft JhengHei',Arial,微軟正黑體!important;
color:#e5d8d0;border-right:1px solid #e5d8d0;}
#aside-up .tab li a:hover,
#aside-up .tab .active a{color:#cf9901}
#aside-up .tab .active {background:url(../images/prd-08.gif) center bottom no-repeat;}

#aside-up .sub ul{margin:0;background:#ebebeb;border-bottom:1px solid #dbdbdb;padding:0 20px;}
#aside-up .sub li a{display:block;width:100%;padding:10px 20px;background:url(../images/prd-07.gif) 0 center no-repeat;
border-bottom:1px solid #dbdbdb;color:#73613d;}
#aside-up .sub li a:hover{color:#780606}

/*-----------------------------------------------------------------------列表---*/

#product-list h3{height:45px;background:url(../images/prd-03.png) 0 center no-repeat;
padding:8px 0 0 80px;font-size:1.8em;margin:0px 0 20px 0; color:#CC6600;}
.banner{padding:15% 0;background-position:top left;background-repeat:no-repeat;}
.visible-xs.banner{margin:0 0 5% 0}

.list .pull-left{width:100%; text-align:center;}
.list .pull-right{width:100%;font-size:1.1em;padding:1% 0 0 0; text-align:center;}

.list .pull-right span{font-size:.9em}
.clearfix{margin:0 0 0% 0}

.product_name_box a,
.product_name_box a:visited {
	color:#333;
	text-decoration: none;
}
.product_name_box a:hover{
	color:#d62672;
	text-decoration: none;
}

.special_offer {
	color:#d62672;
	text-decoration: none;
}

.special_offer a,
.special_offer a:visited {
	color:#d62672;
	font-size:1.6em;
	font-weight:bold;
	text-decoration: none;
}
.special_offer a:hover{
	color:#d62672;
	text-decoration: none;
}

@media(max-width: 767px) {
	.list .pull-left{width:33%}
	.list .pull-right{width:62%;padding:3% 0 0 0}
	.visible-xs.banner{margin:0 0 0 0}
	.list .pull-right{width:62%;padding:3% 0 0 0; text-align: left;}
	.clearfix{margin:0 0 5% 0}
}

/*-----------------------------------------------------------------------櫥窗---*/

#product-show{color:#492f18}

#photo{text-align:center;}
#photo img{display:inline}

#thumb li img{border:1px solid #B9B1AA}
#thumb li img:hover{border-color:#8D7D70}
.bx-controls-direction a{
	display:block;position:absolute;top:85%;width:17px;height:25px;text-indent:-7777px}
.bx-next{background:url(../images/prd-06.png) 0 0 no-repeat;right:-5px}
.bx-next:hover{right:-8px}
.bx-prev{background:url(../images/prd-05.png) 0 0 no-repeat;left:-5px}
.bx-prev:hover{left:-8px}

@media(max-width: 767px) {
.bx-next{right:15px}
.bx-next:hover{right:12px}
.bx-prev{left:15px}
.bx-prev:hover{left:12px}
}

/*-----------------------------------------------------------------------資訊---*/

/*標題*/
h3{padding:3% 0 0 0}

/*特色*/
#features{padding:0 0 3% 0}
#features li{background:url(../images/prd-04.png) 0 8px no-repeat;padding:0 0 0 20px;
font-size:.95em}

/*價格*/
#price{padding:1.5% 0}
#price span{font-size:.9em;margin-right:10px}
#price b{font-size:1.4em;font-weight:300}

/*磨豆*/
#grind{padding:1.5% 0}

/*按鈕*/
#buy-1{padding:3% 0}
.buy .btn{background:#FFCE54;box-shadow:0 3px 0 #CAA23D}
.buy .btn:active{box-shadow:0 1px 0 #CAA23D;position:relative;top:2px}

/*簡介*/
#intro{padding:5% 0}
#intro p{line-height:2em}

/*圖表*/
#chart{padding:5% 0;color:#231815}
#chart li{font-weight:900;font-size:1em;}
#chart img{display:inline}

/*照片*/
#gallery{padding:5% 0}
#gallery img{margin:0 0 5% 0}

/*按鈕*/
#buy-2{margin-top:5%}
.buy .btn{background:#FFCE54;box-shadow:0 3px 0 #CAA23D}
.buy .btn:active{box-shadow:0 1px 0 #CAA23D;position:relative;top:2px}

@media(max-width: 767px) {
#features li{background:url(../images/prd-04.png) 0 6px no-repeat;}
#chart img{margin:0 0 10% 0}
#chart{text-align:center}
#price,#grind{text-align:center}
#price select,#grind select{margin:5% auto;width:50%}
}

/*YouTube Responsive*/
.part[data-type=video]{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.part[data-type=video] iframe,
.part[data-type=video] object,
.part[data-type=video] embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.part img{margin:20px auto}