@charset"utf-8";
 /*-----手機板header-----*/
.mobile {
	display: none;
}
/** 電腦版Layout **/
.artical {
    width: 100%;
    padding: 0 15px;
}
/*-----header-----*/
.addon ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
}
 /*選單*/
.header_inside {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}
.menu li a {
    padding: 0 15px;
    font-size: 19px;
}
/*-----頁腳-----*/
footer{
    padding:10px 0 15px 0;
}
.pd_pic {
    float: left;
    width: 34%;
    height: 120px;
}
/*輪播*/
.banner img {
    width: 100%;
    height: auto;
}
.banner_s{
    width: 100%;
    height: auto;
}
 /*品牌腰帶*/
.brand_list {
    float: left;
    width: 230px;
    margin: 0 24px 0 0;
}
.b_img img{
    width: 100%;
}
/*料理*/
.cook_list{
    width: 48%;
    margin: 0 0 20px 36px;s
}
.cook_list img {
    width: 100%;
    height: 184px;
}
#media, #widget4 ,#widget2 {
    width: 100%;
    height: 184px;
}
.media_text {
    color: #8a1213;
    font-size: 19px;
    height: 22px;
}
/*專欄*/
.news_pic {
    width: 46%;
    height: auto;
}
.news_pic img {
    width: 100%;
    height: 186px;
}
.news_text span a {
    font-size: 23px;
}
.news_text p {
    font-size: 16px;
}
/*廣告*/
#media_s {
    width: 100%;
    height: 200px;
}
/*熱銷商品*/
.pd_pic {
    float: left;
    width: 33%;
    height: 120px;
}
/*-----產品分類-----*/
.no_list {
    width: 31%;
}
.no_pic img{
    width: 178px;
    height: 178px;
}
.more {
    background: #f0f0f0 url(../images/more.png) no-repeat 63% center;
}
/*產品分類(四個)*/
.small_item {
    width: 31%;
    min-height: 423px;
    margin: 0px 34px 10px 0px;
}
.small_item:nth-child(3n+0) {
    margin: 0 0 10px 0;
}
.small_item .pd_pic{ 
    width:100%;
    height: auto;
}
.small_item .pd_pic img {
    width:100%;
    height: 306px;
}
.small_item .p_text{
    padding:5px 0;
}
.pd_list{
    padding:10px;
}
.more_s {
    text-align: right;
    display: block;
    background:url(../images/more.png) no-repeat 40% center;
    background-size: 8px auto;
    color: #666666;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 15px 10px 0px;
}
.more_s a {
    color: #666666;
}
/*註冊*/
a.submit {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    padding: 5px 50px 5px 50px;
    color: #fff;
    border-radius: 4px;
    display: block;
    background: #8a1213;
    border: 1px #98cf67 solid;
    margin: 20px auto;
    width: 40%;
}
  /*產品內頁*/
.pd_img{
    width:350px;
}
.view .swiper-container {
    width: 99%;
    height: auto;
    border: 1px solid #efefef;
}
.preview .swiper-container {
    width: 100%;
    height: 78px;
}
.preview .slide6 {
    height:84px;
}
.product_text {
    width: 60%;
}
.pd_brand{
    width:100%;
    margin:0 0 10px 0;
}
.pd_memo{
    width:100%;
}
.main_video{
    width:470px;
}
.other_pd .small_item {
    width: 100%;
    float: left;
    margin: 10px 20px 20px 0;
    border:none;
}
.other_pd .small_item .pd_pic img {
    width: 100%;
    height: 331px;
}
.pd_info #tabscontent img {
    max-width: 643px;
}
/*-----最新消息-----*/
.news_content .news_pic {
    width: 40%;
    height: auto;
}
.news_content .news_pic{
    width: 38%;
    height: auto;
}
.news_content .news_pic img{
    width: 100%;
    height: 241px;
}
.news_content .news_text {
    width: 62%;
}
/*-----關於我們-----*/
.about_item a {
    color: #8a1213;
    word-break: break-all;
}
.about_item img{
    display: block;
    margin:0 auto;
    max-width:100%;
}
/*-----購買地方-----*/
.sale_01, .sale_02, .sale_03, .sale_04 {
    width: 50%;
    margin: 0 0 20px 0;
}
/*購物車頁面*/
.step{
    width: 100%;
    text-align: center;
    margin: 15px auto;
}
.step_bar .step_box .step {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.step_bar .step_box.active .step_number {
    background: url(../images/step_number_bg_active.png) center center no-repeat;
    background-size: 20%;
}
.step_bar .step_box .step_number {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    background: url(../images/step_number_bg.png) center center no-repeat;
    padding: 25px 0;
    background-size: 20%;
    color: #fff;
    height: auto;
}
/*結帳*/
.coupon_msg{
    font-size: 15px;
}
/*活動*/
.event_item img {
    max-width: 712px;
}
/*搜尋*/
.s_product .small_item {
    width: 30%;
    margin: 0px 26px 15px 0;
}
.s_product .small_item .pd_pic{
    width: 100%;
    height: auto;
}
.s_product .small_item .pd_pic img {
    width: 100%;
    height: auto;    
}
.item ,.s_product .small_item.item{
    width: 100%;
    float: left;
    margin: 10px 20px 20px 0;
    border-bottom: 1px solid #ccc;
}
.item .pd_pic ,.s_product .small_item.item .pd_pic{
    width: 20%;
    float: left;
}
.s_product .small_item.item .pd_pic{
    width: 20%;
    height: 158px;
    float: left;
}
.s_product .small_item.item .pd_pic img {
    width: 100%;
    height: 158px;
}
.item .pd_list ,.s_product .small_item.item .pd_list {
    float: right;
    width: 78%;
}
.item .p_tit ,.s_product .small_item.item .p_tit {
    color: #777;
    font-size: 19px;
    margin: 5px 0;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
}
/*購物車項目*/
.cart_area {
    width: 54%;
}
.cart_list div.cart_name{
    width:38%;
    margin: 0 0 0 100px;
}
.cart_tit div.cart_name{
    width:50%;
}
.cart_num{
    width:20%;
}
.add_item .small_item {
    width: 21%;
    margin: 10px 36px 20px 0;
}
.cart_tit div.cart_num {
    width: 15%;
}
.cart_tit div.cart_name_order {
    width: 47%;
}
/*電子報*/
.epaper_R ,.epaper_L {
    float: left;
    width: 100%;
    padding: 0 30px;
}
/*會員中心*/
.login {
    margin: 0 0 10px 0;
}
.sign_list{
    width: 88%;
}
.member {
    margin: 15px 0px;
    padding: 0 15px;
}
ul.member_sub a li {
    font-size: 14px;
}
ul.member_sub a:hover li , ul.member_sub a.select li{
    border-bottom: 5px solid #8a1213;
}
ul.member_sub li.order {
    background: url(../images/icon_order.png) no-repeat 20% center;
}
ul.member_sub li.profile {
    background: url(../images/icon_profile.png) no-repeat 3% center;
}
ul.member_sub li.inter {
    background: url(../images/icon_inter.png) no-repeat 20% center;
}
ul.member_sub li.ticket {
    background: url(../images/icon_ticket.png) no-repeat 25% center;
}
ul.member_sub li.bonus {
    background: url(../images/icon_bonus.png) no-repeat 25% center;
}
.member_item {
    margin: 0 10px 30px 10px;
}
.member_tit{
    font-size: 15px;
}
.m_tit{
    padding:10px 3px;
    min-width: 10%;
}
.member_area {
    font-size: 15px;
}
.m_text{
    min-width: 10%;
}
.m_text a {
    color: #8a1213;
    font-size: 15px;
    font-weight: bold;
}
.order_num {
    width: 16%;
    text-align: left;
}
.return {
    width: 18%;
}
.ticket_num{
    width: 14%;
}
/*禮卷*/
.ticket_item{
    width:96%;
}
.t_tit,.t_text{
    width:14%;
}
/*退貨*/
.return_name{
    width:30%;
}
.return_backnum{
    width:20%;
    padding: 0 15px;
}
@media screen and (max-width:768px) {
/*header*/
.logo {
    width: 78px;
    height: 101px;
    margin: 5px 0px 5px 20px;
}
.logo img{
    width:100%;
    height: auto;
}
.menu {
    width: 47%;
}
.menu li a{
    font-size: 15px;
    padding: 0 5px;
}
.menu .options {
    font-size: 15px;
    text-align: left;
    padding: 10px;
    color: #fff;
    position: absolute;
    top: 24px;
    padding: 0px 2px 0px 1px;
    display: none;
    z-index: 400;
    width:106px;
}
.options div a {
    width: 100px;
    padding: 0 6px;
}
.board {
    font-size: 15px;
    min-width: 166px;
}
/*footer*/
.footer_inside{
    width: 660px;
}
.footer_inside ul li a {
    font-size: 17px;
    padding: 0 10px;
}
.copyright {
    font-size: 15px;
}
/*下方區域*/
.artical{
    margin:0;
}
.title span {
    font-size: 23px;
}
/*品牌腰帶*/
.brand_list {
    width: 166px;
}
.b_tit a {
    font-size: 19px;
    height: 26px;
}
.brand_text p {
    font-size: 15px;
    height: 40px;
}
/*料理*/
.cook_list {
    width: 48%;
    margin: 0 0 20px 28px;
}
.cook_list .pic{
    width:332px;
    height: 185px;
}
/*專欄*/
.date {
    margin: 0 0 15px 0;
}
.news_pic img {
    width: 100%;
    height: 134px;
}
.news_text span a {
    font-size: 21px;
}
.news_text p {
    font-size: 15px;
    height: 68px;
}
/*熱銷商品*/
.pd_tit a {
    font-size: 17px;
}
.pd_text span.pd_price {
    font-size: 21px;
}
.pd_btn a {
    font-size: 15px;
    padding: 5px 15px;
}
ul.index_pd li {
    padding: 0 0 5px 0;
}
/*廣告*/
#media_s {
    width: 100%;
    height: 150px;
    margin: 0;
}
/*-----產品分類-----*/
.label {
    width: 135px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}
.label:after {
    position: absolute;
    content: "";
    right: -30px;
    top: 0;
    border: 15px solid #e5c3b2;
    border-color: transparent transparent transparent #e90000;
}
.small_item {
    width: 31%;
    min-height: 423px;
    margin: 0px 25px 10px 0px;
}
.small_item .pd_pic img {
    width: 100%;
    height: 227px;
}
/*產品內頁*/
.pd_img{
    width:100%;
}
.pd_img img {
     max-width: 100%;
}
.other_pd .small_item .pd_pic img {
    width: 100%;
    height: 247px;
}
.pd_btn a{
    float: left;
}
.quantity {
    width: 24%;
    margin:15px 15px 15px 0px;
}
.product_text {
    width: 100%;
}
.pd_info #tabs > ul > li {
    width: 160px;
}
/*品牌總覽*/
.brand_item .unit_s {
    width: 100%;
}
/*最新消息*/
.news_content .news_pic img {
    width: 100%;
    height: 179px;
}
/*連絡客服*/
.c_L {
    float: left;
    width: 30%;
}
.c_R {
    float: right;
    width: 70%;
}
/*-----購物問與答-----*/
.snCategory {
    margin: 20px 0;
    display: block;
    clear: both;
}
select#pSelect {
    width: 100%;
    font-size: 16px;
    color: #666666;
    height: 36px;
    padding: 0 0 0 10px;
    border: 1px solid #666666;
}
/*搜尋*/
.s_product .small_item {
    width: 31%;
    margin: 0px 16px 10px 0px;
}
.s_product .small_item .pd_pic{
    width:100%;
    height: auto;
}
.s_product .small_item .pd_pic img {
    width: 100%;
    height: auto;
}
.s_product .small_item.item .pd_pic {
    width: 30%;
    height: auto;
}
.s_product .small_item.item .pd_pic img {
    width: 100%;
    height: 176px;
}
.item .pd_list, .s_product .small_item.item .pd_list {
    float: right;
    width: 68%;
}
/*-----登入會員-----*/
.one_area{
    padding: 15px 0;
}
.login .L, .login .R {
    float: right;
    width: 100%;
}
.login .L{
    display: block;
    background:none;
}
.login_text {
    margin: 0 15px;
}
/*結帳*/
.coupon_msg{
    margin: 7px 0;
    font-size: 17px;
}
/*購物車項目*/
.cart_area {
    width: 45%;
}
.cart_item {
    margin: 20px;
    line-height: 150%;
}
.cart_list .cart_area {
    width: 57%;
    float: right;
}
.cart_list div.cart_no, .cart_tit div.cart_no {
    width: 16%;
    text-align: left;
}
.cart_tit div.cart_name{
    width:43%;
    text-align: left;
}
.cart_list div.cart_name {
    width:25%;
    text-align: left;
}
.cart_tit div.cart_num {
    width: 17%;
    color: #000;
}
.cart_list div .cart_num {
    width: 30%;
    color: #000;
}
.cart_name p {
    width: 92%;
    margin: 0 5px 0 5px;
}
.cart_list div.cart_img, .cart_tit div.cart_img {
    width: 14%;
    float: left;
}
.cart_msg {
    padding: 0 15px;
}
.add_item .small_item {
    width: 20%;
    float: left;
    margin: 10px 32px 20px 0;
}
.cart_tit div.cart_del {
    width: 8%;
}
.cart_2 .cart_list div.cart_name {
    width: 35%;
    text-align: left;
}
.cart_2 .cart_list .cart_area {
    width: 47%;
    float: right;
}
/*會員中心*/
.member_block {
    margin: 15px 0px;
    padding: 0 5px;
}
ul.member_sub {
    margin: 20px auto;
}
ul.member_sub li {
    width: 20%;
    margin: 0 0px 10px 0px;
    padding: 8px 0px 8px 20px;
}
ul.member_sub a li {
    color: #666;
    font-size: 14px;
    height:55px;
    line-height: 150%;
}
ul.member_sub li.order {
    background: url(../images/icon_order.png) no-repeat 20% center;
}
ul.member_sub li.profile {
    background: url(../images/icon_profile.png) no-repeat 3% center;
}
ul.member_sub li.inter {
    background: url(../images/icon_inter.png) no-repeat 3% center;
}
ul.member_sub li.ticket {
    background: url(../images/icon_ticket.png) no-repeat 20% center;
}
ul.member_sub li.bonus {
    background: url(../images/icon_bonus.png) no-repeat 20% center;
}
.member_item {
    margin: 0 10px 30px 10px;
}
.member_tit{
    font-size: 13px;
    margin:15px auto;
}
.m_tit{
    min-width: 8%;
    padding:10px 3px;
    font-size: 13px;
}
.member_area {
    font-size: 14px;
    padding: 10px 0;
    margin: 5px 0;
}
.m_text{
    font-size: 13px;
    min-width: 9%;
    padding:5px 3px;
}
.m_text a{
    font-size: 13px;
    font-weight: bold;
}
.order_date {
    width: 14%;
}
.order_num {
    width: 14%;
}
.return {
    width: 19%;
}
.ticket_num {
    width: 15%;
}
.cart_tit div.cart_name_order {
    width: 47%;
    text-align: left;
}
.cart_list div.cart_name_order {
    width: 34%;
    text-align: left;
    float: left;
    margin: 0;
}
.cart_name_order a {
    color: #000;
}
.cart_list div.cart_name_order p {
    width: 100%;
}
.ticket_item {
    width: 100%;
}
.t_tit, .t_text{
    width: 12%;
}
.bonus_tit, .b_text {
    margin: 0 8px;
    width: 10%;
}
.b_text.bonus_memo {
    width: 20%;
}
/*退貨*/
.return_item{
    margin: 20px 10px;
    line-height: 150%;
}
.return_tit {
    font-size: 17px;
}
.return_box{
    width:6%;
}
.return_name{
    width:25%;
}
.return_num{
    width:6%;
}
.return_price{
    width:10%;
}
.return_backnum{
    width:20%;
}
.r_number {
    padding: 0 5px;
    font-size: 20px;
    color: #ff5722;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    width: 60%;
}
.return_backnum .less, .return_backnum .plus{
    padding: 6px;
}
.return_result{
    width:16%;
}
select#reason_id {
    width: 100%;
}
input#return_explain {
    width: 100%;
}
.return_explain{
    width:16%;
}
/*活動*/
.event_item img {
    max-width: 696px;
}
}