/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

input, select {
    vertical-align: middle;
    outline: 0;
    border: 0;
}
body {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #333333;
    background-color: #ffffff;
}
a {
    color: #2285c8;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #ed6630;
}
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex_center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex_end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex_start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex_top {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.flex_stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flex_vertical {
    flex-direction: column;
}
.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.yellow {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(189, 99, 47);
    background-image: -moz-linear-gradient( 90deg, #ee8706 0%, #f4b50a 100%);
    background-image: -webkit-linear-gradient( 90deg, #ee8706 0%, #f4b50a 100%);
    background-image: -ms-linear-gradient( 90deg, #ee8706 0%, #f4b50a 100%);
    box-shadow: 0px 1px 0px 0px #f39445, inset 0px 1px 0px 0px #fadb0f;
}
.orange {
    border-style: solid;
    border-width: 1px;
    border-color: #bd632f;
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, #ed6630 0%, #f39646 100%);
    background-image: -webkit-linear-gradient( 90deg, #ed6630 0%, #f39646 100%);
    background-image: -ms-linear-gradient( 90deg, #ed6630 0%, #f39646 100%);
    box-shadow: inset 0px 1px 0px 0px #f6b159;
    text-shadow: 0px -1px 0px rgba(189, 99, 47, 0.004);
}
.blue {
    border-color: #128ab3;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, #12a1df 0%, #1ec5eb 100%);
    background-image: -webkit-linear-gradient( 90deg, #12a1df 0%, #1ec5eb 100%);
    background-image: -ms-linear-gradient( 90deg, #12a1df 0%, #1ec5eb 100%);
    box-shadow: inset 0px 1px 0px 0px #7fdfff;
}
.orange .blue{
    border-color: rgb(189, 99, 47);
    box-shadow: 0px 1px 0px 0px #f39445, inset 0px 1px 0px 0px #7fdfff;
}
.green {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(104, 135, 24);
    background-image: -moz-linear-gradient( 90deg, #7aad1c 0%, #a4c728 100%);
    background-image: -webkit-linear-gradient( 90deg, #7aad1c 0%, #a4c728 100%);
    background-image: -ms-linear-gradient( 90deg, #7aad1c 0%, #a4c728 100%);
    box-shadow: inset 0px 1px 0px 0px #bcd533;
    text-shadow: 0px -1px 0px rgba(104, 135, 24, 0.004);
    color: #fff;
}
.gray {
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, #ebebeb 0%, #f2f2f2 100%);
    background-image: -webkit-linear-gradient( 90deg, #ebebeb 0%, #f2f2f2 100%);
    background-image: -ms-linear-gradient( 90deg, #ebebeb 0%, #f2f2f2 100%);
    box-shadow: 0px 1px 0px 0px #d9d9d9, inset 0px 1px 0px 0px #fff;
    border: 1px solid #d9d9d9;
}
.c_red{
    color: #ed1c24;
}
.i-login {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../img/i-login.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
.i-category {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-category.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
}
.i-right-white {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
}
.i-left-white {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
}
.i-slider-prev {
    width: 15px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-slider-prev.png');
    background-repeat: no-repeat;
    background-position: center;
}
.i-slider-next {
    width: 15px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-slider-next.png');
    background-repeat: no-repeat;
    background-position: center;
}
.i-gallery-prev {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-gallery-prev.png');
    background-repeat: no-repeat;
    background-position: center;
}
.i-gallery-next {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/i-gallery-next.png');
    background-repeat: no-repeat;
    background-position: center;
}
.fl_l {
    float: left;
}
.fl_r {
    float: right;
}
.ta_c{
    text-align: center;
}
.m_10{
    margin: 10px 0;
}
.m_20{
    margin: 20px 0;
}
/* ------------------- opacity effect ----------------------------- */

@keyframes"opacity" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes opacity {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes"opacity" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes"opacity" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes"opacity" {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 1;
    }
}