body{
font-family: Tahoma, Geneva, sans-serif;
margin:0;
font-size:14px;
line-height:20px;
}
h2{
color:#0160c4;
font-weight:300;
margin-top:30px;
background:#F0F0F0;
line-height: 26px;
}
h3{
color:black;
font-weight:400;
margin-top:10px;
text-align: left;
}
p{
text-align:justify;
font-family: Tahoma, Geneva, sans-serif;
}

td,tr{
    text-align:left;
    vertical-align:top;
    font-family: Tahoma, Geneva, sans-serif;
}

.menu
{
width:100%;
display:flex;
justify-content: center;
z-index:5;
position:fixed;
border-bottom:#f0f0f0 1px solid;
background:linear-gradient(to top, #eee 0%, #ffffff 10%);
}
.menu a{
 margin:10px 4px 14px 4px;
 font-size:14px;
 padding:2px 6px 2px 6px;
 height:32px;
 color:white;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
cursor:pointer;
}
.menu a:nth-child(1){opacity:1;}
.menu a:nth-child(2){background-color:#444;opacity:0.3;border:1px solid #ffff0099;  }
.menu a:nth-child(3){background-color:purple;opacity:0.3;border:1px solid #00000000;  }
/*.menu a:nth-child(3){background-color:#FE642E;opacity:0.3;border:1px solid #00000000;  }*/
.menu a:nth-child(4){background-color:#388E3C;opacity:0.3;border:1px solid #00000000;  }
.menu a:nth-child(5){background-color:#0000ff;opacity:0.3;border:1px solid #00000000;  }
.menu a:nth-child(6){background-color:#BF3BAB;opacity:0.3;border:1px solid #00000000;  }
.menu a:nth-child(7){background-color:#ff0000;opacity:0.3;border:1px solid #00000000;  }
.article{
overflow:hidden;
text-align: center;
margin:0 auto;
background:white;
border:0px green solid;
/*border:5px red solid;*/
}
.itemboxcontainer{
margin: 20px auto 0px auto;
text-align: center;
width:100%;
max-width:1600px;
min-width:360px;
/*border:2px blue solid;*/
}
.itembox{
display:inline-block;
text-align:center;
border:1px lightgray solid;
border-radius:4px;
box-shadow: 1px 1px lightgray;
width:320px;
padding:15px;
margin:10px;
height:930px;
}
.itembox1{
text-align:center;
border:1px lightgray solid;
border-radius:4px;
box-shadow: 1px 1px lightgray;
width:80%;
min-width:320px;
max-width:600px;
padding:25px;
font-size:15px;
line-height:22px;
margin:20px auto;

}
.pictureframe{
height:320px;
width:320px;
position:relative;
cursor:pointer;
display:table-cell;
text-align:center;
vertical-align:middle
/* border:1px red solid;*/
}
.picture{
max-width:100%;
max-height:100%;

/*border:1px solid blue;*/
}
.picturebar{
 text-align:center;
 width:100%;
 height:60px;
 margin-top:30px;
/*border:1px solid orange;*/
 }
.picture1{
display:inline-block;
width:45px;
height:45px;
overflow:hidden;
/*border:1px solid lightgray;*/
padding:2px;
position:relative;
cursor:pointer;
}
.picture1 img{
    max-height: 100%;
}
.picture1 img:hover{
    cursor:pointer;
}
.text1{
color:purple;
font-size:16px;
width:100%;
margin-top:20px;
height:60px;
/*border:1px pink solid;*/
}
.text2{
width: 100%;
border-collapse: collapse;
color:gray;
font-size:14px;
margin-top:0px;
}
.text2a
{
height:320px;
}

.price1{
width:100%;
border-collapse: collapse;
line-height:24px;
font: 18px;
color:purple;
margin-top:10px;
/*border:1px solid red;*/
height:120px;

}
.price{
font: px;
color:purple;
margin-top:10px;
height:80px;
}
.order{
display:inline-block;
background-color:purple;
color:white;
width:100%;
height:30px;
line-height:30px;
margin-top:10px;
text-decoration:none;
}
.bullet{
color:purple;
font-size:15px
}
.BtnCover{
position:absolute;
left:-1px;
width:100%;
height:100%;
}
.left {
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right:15px solid gray;
    margin-bottom:15px;margin-right:5px;
    cursor:pointer;
}
.right {
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid gray;
    margin-bottom:15px;margin-left:5px;
    cursor:pointer;
}
.left1 {
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right:25px solid #ffffffaa;
    cursor:pointer;
}
.right1 {
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 25px solid #ffffffaa;
    cursor:pointer;
}
.helptext{
    margin:0 auto;
    min-width:360px;
    max-width:720px;
    width:100%-20px;
    padding:0 20px 0 20px;
}



@media only screen and (max-width: 724px)
{
    .itembox
    {
        height:auto;
    }
    .text2a
    {
        height:auto;
    }
}