html, body {     
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;    
}
@font-face{ font-family: "web"; src: url('fonts/PT_Sans.woff') format('truetype');}
@font-face{ font-family: "bold"; src: url('fonts/PT_Sans-Bold.woff') format('truetype');}
@font-face{ font-family: "decima"; src: url('fonts/decima_nova_pro_light-webfont.ttf') format('truetype');}

@font-face{
	font-family:'textbook';	src:local('textbook');
	src:url("fonts/TextbookNew.woff"), url("fonts/TextbookNew.ttf")
        
}
@font-face{
	font-family:'textbook';	font-weight:700; font-style:normal;
	src:local('Textbook New Bold'),local('TextbookNew-Bold');
	src:url("fonts/TextbookNew-Bold.woff"),	url("fonts/TextbookNew-Bold.ttf")
}
@font-face{
	font-family:'textbook'; font-weight:300; font-style:normal;
	src:local('Textbook New Light'),local('TextbookNew-Light');
	src:url("fonts/TextbookNew-Light.woff"), url("fonts/tTextbookNew-Light.ttf")
}
@font-face {
    font-family: 'bold';
    src: url('fonts/MyriadPro-Bold.otf') format('truetype');
    /*font-weight: normal;  font-style: normal;*/
}


body{  
    margin: 0 auto;
    /*font-family: Tahoma;
    font-size: 12px;
    line-height: 16px;*/
    font-family: "textbook", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #454545;
}
a{color:#3A6DC2;
text-decoration: none;}
a:hover{color: #599CFF;}

b,strong{font-weight: 700; font-family: 'bold';}
*{outline: none;}
*:focus {outline: 0;}
img{border:none;}
h1{ font-family: Tahoma; font-size: 20px;}
h2{ font-family: Tahoma; font-size: 17px;}
h3{ font-family: Tahoma; font-size: 15px;}
hr{border-left:none; border-right:none; border-top:1px solid #CCC; border-bottom:1px solid #EEE;}
pre{font: 11px Consolas,monospace;}

input[type="text"],input[type="number"],input[type="password"],textarea,select{
    background: #FFF;
    color: #333;
    padding: 3px 4px 2px;
    border: 1px solid #ABABAB;
}
input:checked + label {
    font-weight: bold;
}
input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
    background: #FFFFF0;
    /*border:1px solid #599CFF;
    box-shadow: 0px 0px 5px #8CCAD9;*/
    border:1px solid #9ACD32;
    box-shadow: 0px 0px 5px greenyellow;
}
input:read-only,input:read-only:focus,input:disabled{
    background: #F6F6F6;
    border:1px solid #CCC;
    box-shadow: none;
    color: #999;    
}
input:read-only:hover,input:read-only:disabled{
    cursor: not-allowed;
}

select{min-width: 180px;}

textarea{
    max-width: 360px;
    min-width: 170px;
    min-height: 52px;
    max-height: 200px;
    margin: 0;
}
/*------------------------ button ----------------------*/
button,input[type="submit"]{
    z-index: 1;
    display: inline-block;
    position: relative;
    cursor: pointer; 
    height: 30px;    
    margin: 0px 1px 1px;
    min-width: 110px;    
    border-radius: 0px;
    color: #FFF;
    background: #299A0B;
    border: 1px solid green;
    /*border: 1px solid #B0D1F2;    
    box-shadow: 0px 0px 1px 1px #EDF5FB inset;
    text-shadow: 0px 1px 1px #FFF;
    color: #3A6DC2;
    background: #f2f8fc;
background: -moz-linear-gradient(top,  #f2f8fc 0%, #e5eff9 39%, #cde1f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8fc), color-stop(39%,#e5eff9), color-stop(100%,#cde1f5));
background: -webkit-linear-gradient(top,  #f2f8fc 0%,#e5eff9 39%,#cde1f5 100%);
background: -o-linear-gradient(top,  #f2f8fc 0%,#e5eff9 39%,#cde1f5 100%);
background: -ms-linear-gradient(top,  #f2f8fc 0%,#e5eff9 39%,#cde1f5 100%);
background: linear-gradient(to bottom,  #f2f8fc 0%,#e5eff9 39%,#cde1f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8fc', endColorstr='#cde1f5',GradientType=0 );*/
}
button:disabled,input[type="submit"]:disabled{
    background: #EEE !important;
    color: #ABABAB !important;
    border: 1px solid #CCC !important;
    border-radius: 0px;
    box-shadow: 0px 0px 1px 1px #F6F6F6 inset !important;
}
button:disabled:hover,input[type="submit"]:disabled:hover{
    cursor: not-allowed !important;
}

fieldset{
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 8px 12px 10px;
}
legend{
    font-size: 15px;
    margin-left: 8px;
    padding-left: 3px;
}
label{
    cursor: pointer;
}


.cart-functional-buttoms{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 700px) {
    .cart-functional-buttoms{
        flex-wrap: wrap;
    }
    .cart-functional-buttoms .nums{
        width: 100%;
        text-align: center;
    }
}





.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }