#pro_img { position: relative; }
   #pro_img svg{width:500px;height:500px}
    #sys_buy { float: right; width: 550px; }
    #sys_attrs img { width: 50px; padding: 1px; display: inline-block; margin: 5px 3px; cursor:pointer;}
        #sys_attrs img.active { outline: 2px solid #ff5252; cursor: default; }
    #sys_attrs #Type { display: inline-block; width: auto; border: 1px solid #ccc; padding: 10px 20px; border-radius: 5px; background-color: #fff; cursor: pointer; font-size: 18px; }
        #sys_attrs #Type:after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #000; width: 0; height: 0; vertical-align: middle; display: inline-block; margin-left: 10px; }
    #sys_attrs #Style2 { overflow: hidden; }
        #sys_attrs #Style2 ul {  float: left;}
        #sys_attrs #Style2 li { text-align: center; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.3); padding: 10px ; display: inline-block; margin: 5px; cursor: pointer; border: 0 none; white-space: nowrap;width:auto !important; }
    #sys_attrs #Style2 .active { background-color: #ff5252; color: #fff !important;cursor:default; }
    #sys_attrs #Style2 h3 { margin: 0; }
    #sys_attrs #Style2 li:hover{color:#ff5252}

    #Style2 + dd { position: relative;display:none !important; }
        #Style2 + dd button { position: absolute; top: -60px; background-color: #fff; width: 40px; height: 40px; border: 0; font-size: 40px; cursor: pointer; line-height: 40px;display:none; }

    #Style2prev { left: -40px; transform: rotate(180deg); }
    #Style2next { right: -40px; }
    #Style2 + dd button:hover{color:#ff5252}
    #qty, #Customize { display: none; }
    #sys_attrs dt.error{color:#f00}

    #plist>li:nth-child(4n+1){padding-left:0}
    #menu_cate{padding:15px 0;line-height:1}
    #menu_cate * { display: inline-block; }
    #menu_cate a { background-color: #FF5959; color:#fff;padding:8px;margin:5px 5px 5px 0;}
        #menu_cate .cancel {padding:7px;background-color:#fff;color:#808080;border:1px solid #808080}
        #menu_cate .cancel:hover {  background-color: #808080; color:  #fff; }
            #menu_cate .cancel:after { content: '✕';  vertical-align: middle; display: inline-block; margin-left: 7px; }




    #filter_tab div { position: relative;float:left;margin-right:20px }
    #filter_tab button { padding: 5px 12px; background-color: #fff; cursor: pointer;border:0 none; }

        #filter_tab button:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #808080; width: 0; height: 0; vertical-align: middle; display: inline-block; margin-left: 10px; }

    #filter_tab>div>ul { position: absolute; background-color: #fff; max-height: 360px; overflow: auto; display: none; box-shadow: 0 10px 20px rgba(0,0,0,.2); min-width:100%;}
    #filter_tab a { padding: 7px 12px; display: block; white-space: nowrap; }
        #filter_tab a:hover { background-color: #EDFCF6; }

    #filter_tab div.active > button { box-shadow: 0 0 20px rgba(0,0,0,.2); }
        #filter_tab .active > ul{display:block;}
    #filter_tab li li a{padding-left:22px}
    #filter_tab .active > a, #filter_tab li li.sltli>a { color: #FF5959; }

    #Brand.active button{box-shadow:0 0 0 rgba(255,255,255,0) !important;}