﻿


/*picture*/

.pictureslider {width: 100%;position: relative;margin: 0 auto;}


/*
.pictureslider input[name='slide_switch'] { display: none; }
.pictureslider label {display:block; width:15%; float:left; transition: all 0.5s;opacity: 0.6; margin-right:1%; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border:1px solid #ccc;border-radius:2px; background:#fff;}
.pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
.pictureslider input[name='slide_switch']:checked + label { border-color: #666; opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}
.pictureslider input[name='slide_switch'] ~ img { opacity: 0; transform: scale(1.1); display:block;}
.pictureslider input[name='slide_switch']:checked + label + img {opacity: 1; transform: scale(1); }
*/
.pictureslider > img { transition: all 0.5s;width:100%;}
.big_preview_img{  display:none}
.pictureslider input {display: none;}
.pictureslider label {display:block; width:14.8%; float:left; transition: all 0.5s;opacity: 0.6; margin-right:1%; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border:1px solid #ccc;border-radius:2px; background:#fff;}
.pictureslider label:last-child{ margin-right:0;border:1px solid #f00;}

.pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
.pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
.pictureslider input:checked + label { border-color: #666; opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}
.pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
.pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

#preview_id1:checked ~  #preview_img_1,
#preview_id2:checked ~  #preview_img_2,
#preview_id3:checked ~  #preview_img_3,
#preview_id4:checked ~  #preview_img_4,
#preview_id5:checked ~  #preview_img_5,
#preview_id6:checked ~  #preview_img_6,
#preview_id7:checked ~  #preview_img_7,
#preview_id8:checked ~  #preview_img_8,
#preview_id9:checked ~  #preview_img_9,
#preview_id10:checked ~  #preview_img_10,
#preview_id11:checked ~  #preview_img_11,
#preview_id12:checked ~  #preview_img_12 {display: block;}


/* 条款 - 选项卡效果*/

.tabs .template_terms_head{}
.tabs .template_terms_content {display: none;background:#fff; width:100%; float:left;}
.tabs .template_terms_contentin{ padding:10px;}
.tabs .template_terms_contentin_t{ display:none;}

.tabs input {display: none;margin:0; padding:0}
.tabs label {display: inline-block; width:20%; float:left; margin:0;padding: 12px 0;font-weight: 600;text-align: center;color: #fff;background:url(images/nav_bg.png) repeat-x; cursor:pointer;}
.tabs label.headlabel5{ width:20%; margin-right:0;}
.tabs label:hover {color: #fff;background:#666; cursor:pointer;}
.tabs input:checked + label {color: #fff;}

#tab1:checked ~ #patemplate_termscontent_1,
#tab2:checked ~ #patemplate_termscontent_2,
#tab3:checked ~ #patemplate_termscontent_3,
#tab4:checked ~ #patemplate_termscontent_4,
#tab5:checked ~ #patemplate_termscontent_5 {display: block;}

/* 条款 - 选项卡 风格包*/
.tabs input {display: none;} 
.tabs label{background:#1b1b1b;color:#ffffff; text-transform:uppercase;}
.tabs label:hover{background:#666;color:#fff}
.tabs input:checked + label{background:#C2272D;color:#fff; position:relative;}

.tabs input:checked + label span{width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;
    border-top: 10px solid #C2272D;  position:absolute; bottom:-9px; left:50%; margin-left:-12px;}


.mobile_menu{ display:none;}





@media (min-width: 240px) and (max-width: 479px){
#patemplate_description table{ width:100%!important}
#patemplate_description{word-break:break-all;word-wrap:break-word!important;}
#patemplate_description img{ width:100%!important;word-break:break-all;word-wrap:break-word!important; height:auto;}
}

@media (min-width: 480px) and (max-width: 797px) {
  #patemplate_description img{ max-width:100%!important;}
#patemplate_description table{ width:100%!important}
}       
                                              
@media (min-width: 797px) and (max-width: 1100px){
 #patemplate_description img{ max-width:100%!important;}
#patemplate_description table{ width:100%!important}
}
@media (min-width: 1100px){
#patemplate_description img{ max-width:100%!important;}
#patemplate_description table{ width:100%!important}
}



@media (min-width: 240px) and (max-width: 479px){

    .patemplate_bgin{ padding:0 10px}

    .patemplate_header_nav{ display:none;}

   
    .patemplate_center{ width:100%;padding:0;}
    .patemplate_content{width:100%;padding:0; }
    .patemplate_content_left{ display:none;}
    .patemplate_content_right{ margin-left:0;}

    .patemplate_headertop{ position:relative;}
    .template_viewall{ display:none;}
    .patemplate_header_logo{ text-align:center;}
    .patemplate_header_logo img{  margin:0 auto;}

    .pastore_header_background{ height:auto;min-height:auto;  background:#000;}
    .patemplate_header_nav{ display:none;}

    .patemplate_head_right{ display:none;}



      /* 条款 - 列表效果 */
    .sellerdetail input {display: none;}
    .sellerdetail label{ width:auto; float:left;}
    .sellerdetail label.headlabel1 {display: none;}
    .sellerdetail label.headlabel2 {display: none;}
    .sellerdetail label.headlabel3 {display: none;}
    .sellerdetail label.headlabel4 {display: none;}
    .sellerdetail label.headlabel5 {display: none;}
    .sellerdetail #patemplate_termscontent_1,
    .sellerdetail #patemplate_termscontent_2,
    .sellerdetail #patemplate_termscontent_3,
    .sellerdetail #patemplate_termscontent_4{display: block; margin-bottom:10px;}
    .sellerdetail #patemplate_termscontent_5{display: block; }

    .sellerdetail #tab1:checked ~ #patemplate_termscontent_1 .template_terms_contentin,
    .sellerdetail #tab2:checked ~ #patemplate_termscontent_2 .template_terms_contentin,
    .sellerdetail #tab3:checked ~ #patemplate_termscontent_3 .template_terms_contentin,
    .sellerdetail #tab4:checked ~ #patemplate_termscontent_4 .template_terms_contentin,
    .sellerdetail #tab5:checked ~ #patemplate_termscontent_5 .template_terms_contentin {display: block;}

    .sellerdetail #tab1:checked ~ #patemplate_termscontent_1 label i,
    .sellerdetail #tab2:checked ~ #patemplate_termscontent_2 label i,
    .sellerdetail #tab3:checked ~ #patemplate_termscontent_3 label i,
    .sellerdetail #tab4:checked ~ #patemplate_termscontent_4 label i,
    .sellerdetail #tab5:checked ~ #patemplate_termscontent_5 label i {background:url(images/showhide_bg.png) 0 -40px no-repeat;}
    .sellerdetail .template_terms_contentin_t{ display:block; width:100%; overflow:hidden; float:left; margin:0; height:36px; padding-left:10px; line-height:36px; background:#C2272D;color:#fff; position:relative; text-align:left;}

    /* 条款 - 列表效果手风琴效果 */
    .sellerdetail  label i{ display:block; width:16px;height:16px;background:url(images/showhide_bg.png) 0 -10px no-repeat; position:absolute; top:10px; right:20px}
    .sellerdetail  label {display: inline-block;padding:0;font-weight: 600;text-align: center;color: #fff;background:none; cursor:pointer; margin-left:10px;}
    .sellerdetail  label:hover {color: #fff; cursor:pointer;}
    .sellerdetail .template_terms_contentin{ display:none; }
    .template_terms_content .template_terms_contentin img{ margin-top:10px; }

    
    .store_background{ background:none;}
    
    .template_header_nav{ display:none;}
    .template_head_right{ display:none;}
    #template_footer{ display:none}

    #patemplate_top_cp{display:none}
    #patemplate_bottom_cp{ display:none}

    .template_header{ background:none;}
    .brandslider{ display:none}
    .template_header_nav_search{ display:none}

    .templatebox_tabmenu1{ display:none}
    .template_desbody{padding:10px;}
    .patemplatebox_bodyin1{padding:0;border:none; background:#fff;}
    .template_desbody{border:1px solid #ccc;border-top:none;}
    .template_desbody img{width:100%}

    .patemplatebox_bodyin img{width:100%}


   #patemplate_itemspecifics table{ width:100%}
   #patemplate_description img{ width:100%!important;}

   .ctmp_picture_left{ width:100%; }
    .ctmp_picture_right{ display:none;}
    #customerfeedback{ width:100%; background-size:100% }

    .pagecontainer table table{ width:100%!important}
    .stBadge{ display:none}
     #LeftPanel{display:none}
    #CentralArea{ padding-right:13px;}
    .prev, .next{ display:none;}
    .grid td.gallery{ width:100%; float:left; padding:0; padding-bottom:5px;}
    .r3_c .r3_cm .rs_box div.cmpBr{ display:none;}
    td#CentralArea div.v4stabl{ display:none;}

    .pagecontainer table table.pgbc .l, 
    .pagecontainer table table.pgbc .m, 
    .pagecontainer table table.pgbc .r{ width:100%;float:left; text-align:center;}
    .pagecontainer table table.pgbc .l{ padding-top:10px;text-transform:uppercase;}
    .pagecontainer table table.pgbc .m{ padding:10px 0;}
    .pagecontainer table table.pgbc .r{ display:none}
    .r3_c .r3_cm .rs_box div.ctrlbr{ height:auto;}
}

@media (min-width: 480px) and (max-width: 797px) {
    #LeftPanel{display:none}
    #CentralArea{ padding-right:13px;}
    .patemplate_bgin{ padding:0 10px}
     .patemplate_center{ width:100%;padding:0;}
    .patemplate_content{width:100%;padding:0; }
    .patemplate_content_left{ display:none;}
    .patemplate_content_right{ margin-left:0;}

     .store_background{ background:none;}
    .template_header{ height:110px;}

/*计算logo位置*/
 .patemplate_headertop{ position:relative;}
    .patemplate_header_logo{ width:220px; max-width:240px; margin:0 auto; position:absolute; left:50%; margin-left:-110px; top:50%; margin-top:-45px;}
    .patemplate_header_logo img{ max-width:220px; margin:0 auto;}
    .pastore_header_background{ height:120px;min-height:120px;  background:#000;}
    .patemplate_head_right{ display:none;}
    .patemplate_header_nav{ display:none;}
    .template_content_left{ display:none;}
    .template_content_right{ margin-left:0;}
    .template_center{ width:100%;padding:0;}
    .template_content{width:100%;padding:0;}
    .template_head_right{ display:none;}
    .template_header_nav{ display:none;}
   


    .template_header{ background:none;}
    .brandslider{ display:none}


    #patemplate_itemspecifics table{ width:100%}
    #patemplate_description img{ width:100%!important;}

    .patemplate_header_nav{ overflow:hidden;}
    .horizontalmenu{ display:block;}
    .megamenu{ display:none;}
    .ctmp_picture_left{ width:100%; }
    .ctmp_picture_right{  display:none;}

    .stBadge{ display:none}
}       
                                              
@media (min-width: 797px) and (max-width: 1100px){
    .patemplate_bgin{ padding:0 10px}
    #mobile_promotion_bottom{display:none;}

     .patemplate_center{ width:100%;padding:0;}
    .patemplate_content{width:100%;padding:0; }

    
    .template_center{ width:100%;padding:0;}
    .template_content{width:100%;padding:0;}
    
 
     .patemplate_headertop{ position:relative;}
     .patemplate_header_logo{ width:220px; max-width:240px; float:left;}

    .pastore_header_background{ }
    .patemplate_head_right{ display:none;}
    #patemplate_itemspecifics table{ width:100%}

 
    #patemplate_description img{ width:100%!important;}


    .pagecontainer table table{ width:100%!important}
    .patemplate_header_nav{ width:100%; padding:0;}
    .patemplate_header_nav ul li a{padding:0 5px; }

    .ctmp_picture_left{ width:100%; }
    .ctmp_picture_right{  display:none;}
}
@media (min-width: 1100px){

  #mobile_promotion_bottom{display:none;}

.patemplatebox_terms{border:1px solid #ccc; width:100%; float:left; background:url(images/terms_bg.jpg)  bottom repeat-x;}
.patemplatebox_terms_list{ float:left; width:31%; margin:0 1%;border:none;}
.patemplatebox_terms_list .patemplatebox_terms_cnt{ margin-left:10px; margin-right:10px;}

/*计算logo位置*/
.patemplate_headertop{ position:relative;}
 .patemplate_header_logo{ width:220px; max-width:240px; float:left;}

.pictureslider > img { transition: all 0.5s;width:100%; max-width:620px;}
.big_preview_img{  display:none}
.pictureslider input {display: none;}
.pictureslider label {display:block; width:8%; float:left; transition: all 0.5s;opacity: 0.6; margin-right:1%; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border:1px solid #ccc;border-radius:2px; background:#fff;}
.pictureslider label:last-child{ margin-right:0;border:1px solid #f00;}

#patemplate_featurecategory .patemplatebox_bodynone{ padding-bottom:10px;}
#patemplate_featurecategory a{ width:32%; float:left; margin-left:1%; margin-top:1%;}
#patemplate_featurecategory a:nth-child(3n){ margin-right:0;}
#patemplate_featurecategory a img{ width:100%}
}

.template_terms_contentin ul, .template_terms_contentin  ul li{  list-style-type:none; padding:0; margin:0; list-style-type:none;}
.template_terms_contentin  ul{ padding-bottom:10px;}
.template_terms_contentin  ul li{  background:url(images/store_category_menu.png) 0px 12px no-repeat; line-height:23px; padding-left:14px; font-size:16px;}
.template_terms_contentin  ul.ul1{ padding-bottom:10px;}
.template_terms_contentin  ul.ul1 li{  background:url(images/store_category_menu.png) 0 10px no-repeat; line-height:23px; padding-left:14px; font-size:14px;}

.patemplatebox_bodyin table{ max-width:900px!important}