html {
    border: 0;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-family: "Roboto", sans-serif, Arial;
    text-align: center;
}
body {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
ul.ulClear,
ul.ulClear li {
    list-style: none;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
img {
    border: 0px;
}
a {
    color: #002e96;
    text-decoration: none;
}
a:hover {
    color: #002e96;
    text-decoration: none;
}
a.none {
    color: #000000;
    text-decoration: none;
}
h1.none,
h2.none {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.clearUl ul,
.clearUl li {
    list-style: none;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
.clear {
    clear: both;
}
.clear5px {
    clear: both;
    height: 5px;
}
.clear10px {
    clear: both;
    height: 10px;
}
.clear15px {
    clear: both;
    height: 15px;
}
.clear20px {
    clear: both;
    height: 20px;
}
.clearLine {
    border-bottom: solid 1px #dcdcdc;
    clear: both;
}
input,
textarea,
select {
    outline: medium none;
    box-sizing: border-box;
}
.path {
    background-color: #ffffff;
    position: sticky;
    height: 30px;
    left: 0px;
    right: 0px;
    top: 52px;
    z-index: 3;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
}
.path .fix1 {
    padding-top: 7px;
}
.path a.name .symbolh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -242px top transparent;
    vertical-align: middle;
}
.path a.name {
    color: #707070;
    text-decoration: none;
    display: inline-block;
}
.path a.name:hover {
    color: #d70018;
}
.path a.cssName {
    color: #4e4e4e;
    text-decoration: none;
}
.path a.cssName:hover {
    color: #d70018;
}
.path span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -258px top transparent;
    vertical-align: middle;
}
.pageding {
    padding: 10px 0px;
    text-align: center;
}
.pageding li {
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #4e4e4e;
    display: inline-block;
    font-weight: bold;
    margin: 0 2px;
    padding: 5px 10px;
}
.pageding a {
    font-weight: bold;
    text-decoration: none;
    color: #565656;
}
.pageding .pageshover {
    background-color: #014c85;
    color: #ffffff;
}

.colorRed {
    color: Red;
}

.errorRs1 {
    padding: 10px;
    text-align: center;
    color: Red;
}

.fix {
    max-width: 1320px;
    margin: 0px auto;
    background-color: #ffffff;
}
.fix1 {
    max-width: 1320px;
    margin: 0px auto;
}
.fix2 {
    max-width: 1320px;
    margin: 0px auto;
}
.fixTitle {
    position: fixed;
    top: -150px;
    right: 0px;
    font-size: 12px;
    margin: 0px;
}

/*Header =============*/
.header-banner {
    text-align: center;
    background-color: #c9141c;
}
.header-banner img {
    max-width: 100%;
}
.header {
    background-color: #f9edd9;
    position: sticky;
    height: 52px;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9;
}
.header .logo {
    float: left;
    width: 25%;
}
.header .logo a.lg {
    float: left;
    padding-bottom: 3px;
}
.header .logo a.lg img {
    max-height: 50px;
    max-width: 200px;
}
.header .logo a.mn {
    float: left;
    margin-left: 20px;
    background-color: #df3346;
    border-radius: 8px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 13px;
    padding: 8px 10px;
}
.header .logo a.mn span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left top transparent;
    vertical-align: middle;
}
.header .logo a.mn.close span {
    background-position-x: -20px;
}

.header .search {
    float: left;
    width: 35%;
}
.header .info {
    float: right;
    width: 40%;
}
.header .tel {
    float: left;
}
.header .tel {
    padding-top: 8px;
}
.header .tel a {
    color: #80a4bf;
}
.header .tel .text {
    float: left;
    padding-left: 5px;
}
.header .tel .text b {
    font-size: 16px;
    color: #333;
}
.header .new {
    padding-left: 30px;
}

.fixmenu {
    position: fixed;
    top: 52px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    display: none;
}
.fixmenu .fix1 {
    padding-top: 20px;
    background: none;
    z-index: 1;
}
.fixmenu .menu {
    float: left;
    z-index: 1;
    background-color: #ffffff;
    width: 262px;
}
.fixmenu .bg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: black;
    z-index: 0;
    opacity: 0.5;
}
.fixmenu .bobmenu-wrapper .bobsubmenu-wrapper {
    top: 19px;
}

.fixsearch {
    position: fixed;
    top: 83px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    display: none;
    text-align: center;
    font-size: 13px;
}
.fixsearch .border {
    margin: 0px auto;
    max-width: 650px;
    background-color: #ffffff;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    text-align: left;
    padding: 20px;
}
.fixsearch .bg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: black;
    z-index: 0;
    opacity: 0.5;
}
.fixsearch .border .temp0 {
    padding: 5px 0px;
}
.fixsearch .border .temp0 .name {
    float: left;
    width: 80%;
}
.fixsearch .border .temp0 .img {
    float: right;
    width: 20%;
    text-align: right;
}
.fixsearch .border .temp0 .img img {
    max-height: 20px;
    max-width: 100%;
    border-radius: 4px;
}
.fixsearch .border .temp0 .name a {
    color: #333333;
    font-weight: bold;
}
.fixsearch .border .temp1 {
    border-bottom: dotted 1px #eeeeee;
    padding: 5px 0px;
}
.fixsearch .border .temp1 a {
    display: block;
    position: relative;
    padding: 6px 0px 6px 40px;
    color: #333333;
    font-weight: bold;
    border-radius: 12px;
}
.fixsearch .border .temp1 a:hover {
    background-color: #eff7fd;
}
.fixsearch .border .temp1 a img {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.fixsearch .border .temp1 a .img {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 24px;
    height: 24px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -274px -96px transparent;
}
.fixsearch .border .temp2 {
}
.fixsearch .border .temp2 .title {
    padding: 10px 0px;
    font-size: 14px;
}
.fixsearch .border .temp2 .title img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
}
.fixsearch .border .temp2 .list {
    float: left;
    width: calc(33.33% - 20px);
    margin: 5px 10px;
    background-color: #fafafa;
    border-bottom: solid 1px #fafafa;
}
.fixsearch .border .temp2 .list .img {
    float: left;
    width: 20%;
    height: 30px;
    overflow: hidden;
}
.fixsearch .border .temp2 .list .name {
    float: right;
    width: 75%;
}
.fixsearch .border .temp2 .list .img img {
    width: 100%;
}
.fixsearch .border .temp2 .list .name a {
    display: block;
    color: #333333;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}
.fixsearch .border .temp2 .list:hover {
    border-bottom: solid 1px #eeeeee;
}
.fixsearch .border .tempd .title {
    padding: 10px 0px;
    font-size: 14px;
}
.fixsearch .border .tempd .list {
    float: left;
    width: calc(25% - 20px);
    margin: 5px 10px;
    text-align: center;
}
.fixsearch .border .tempd .list .img {
    height: 70px;
}
.fixsearch .border .tempd .list .img img {
    max-width: 100%;
    max-height: 100%;
}
.fixsearch .border .tempd .list .name {
    padding: 5px 0px 0px;
}
.fixsearch .border .tempd .list .name a {
    color: #333333;
    height: 36px;
    overflow: hidden;
    display: block;
    line-height: 18px;
    padding: 0px 5px;
}
.fixsearch .border .tempd .list:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
}
div.fixsearch .searchauto {
    padding: 10px;
}
.searchauto .title {
    color: #0051ad;
    font-weight: bold;
    padding: 5px 0px;
    text-transform: uppercase;
}
.searchauto .stemp0 {
    float: left;
    width: 68%;
    max-height: 300px;
    overflow: auto;
}
.searchauto .stemp1 {
    float: right;
    width: 28%;
    max-height: 300px;
    overflow: auto;
}
.searchauto .stemp0 .list {
    border-bottom: solid 1px #f4f4f4;
}
.searchauto .stemp0 .list a {
    display: block;
    position: relative;
    padding: 7px 0px 7px 35px;
    color: #3b5998;
    text-decoration: none;
}
.searchauto .stemp0 .list a img {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    overflow: hidden;
}
.searchauto .stemp0 .list a:hover {
    color: #df3346;
}
.searchauto .stemp0 .list a .price {
    color: #666666;
    font-style: italic;
    font-size: 11px;
}
.searchauto .stemp0 .list a .price .pri {
    color: red;
}
.searchauto .stemp0 .list a .price .line {
    text-decoration: line-through;
    padding-left: 5px;
}
.searchauto .stemp1 .list {
    border-bottom: solid 1px #f4f4f4;
}
.searchauto .stemp1 .list a {
    display: block;
    position: relative;
    padding: 5px;
    color: #3b5998;
    text-decoration: none;
}
.searchauto .stemp1 .list a:hover {
    color: #df3346;
}
.searchauto .stemp2 .list {
    float: left;
    width: calc(25% - 20px);
    margin: 5px 10px;
    text-align: center;
}
.searchauto .stemp2 .list .img {
    height: 50px;
}
.searchauto .stemp2 .list .img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}
.searchauto .stemp2 .list .name {
    padding: 5px 0px 0px;
}
.searchauto .stemp2 .list .name a {
    color: #333333;
    height: 32px;
    overflow: hidden;
    display: block;
    line-height: 16px;
    padding: 0px 5px;
    font-size: 12px;
}
.searchauto .stemp2 .list:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
}
.searchauto .stemp3 {
    padding-top: 10px;
}
.searchauto .stemp3 .list {
    float: left;
    width: calc(25% - 20px);
    margin: 5px 10px;
    background-color: #fafafa;
    border-bottom: solid 1px #fafafa;
}
.searchauto .stemp3 .list .img {
    float: left;
    width: 20%;
    height: 25px;
    overflow: hidden;
}
.searchauto .stemp3 .list .name {
    float: right;
    width: 75%;
}
.searchauto .stemp3 .list .img img {
    max-width: 100%;
    max-height: 100%;
}
.searchauto .stemp3 .list .name a {
    display: block;
    color: #333333;
    height: 32px;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
}
.searchauto .stemp3 .list:hover {
    border-bottom: solid 1px #eeeeee;
}

.header .info ul li.tel {
    float: left;
    width: 24%;
}
.header .info ul li {
    float: left;
    width: 21%;
    padding-top: 10px;
}
.header .info ul li a {
    display: block;
    position: relative;
    color: #333;
    text-decoration: none;
}
.header .info ul li a:hover {
    color: #d8ffc6;
}
.header .info ul li span.symbol {
    filter: invert(1);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 28px;
    height: 28px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -76px top transparent;
    vertical-align: middle;
}
.header .info ul li.map span.symbol {
    background-position-x: -104px;
}
.header .info ul li.check span.symbol {
    background-position-x: -132px;
}
.header .info ul li.order {
    width: 13%;
}
.header .info ul li.order span.symbol {
    background-position-x: -160px;
}
.header .info ul li span.text {
    padding-left: 35px;
    display: block;
    font-size: 12px;
}
.header .info ul li span.num {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 11px;
    color: yellow;
}
.header .info ul li.tel a {
    color: #333;
}
.header .info ul li.tel a:hover {
    color: #d8ffc6;
}
.header .info ul li.login {
    text-align: center;
    padding-top: 5px;
}
.header .info ul li.login a {
    display: inline-block;
    background-color: #d41313;
    padding: 1px 10px;
    border-radius: 8px;
}
.header .info ul li.login span.symbol {
    position: relative;
    width: auto;
    height: auto;
    background: none;
}
.header .info ul li.login span.text {
    display: block;
    padding-left: 0px;
}
.header .info ul li.login span.symbol b {
    display: inline-block;
    width: 28px;
    height: 24px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -188px top transparent;
    vertical-align: middle;
}

.header-mn {
    background-color: #ed253c;
    box-shadow: 0px 2px 5px #c0c0c0;
    height: 43px;
}
.header-mn .left {
    float: left;
    width: 20%;
}
.header-mn .right {
    float: right;
    width: 80%;
    position: relative;
}

.header-mn .left .menu {
    background-color: #ededed;
}
.header-mn .left .menu .title {
    padding: 10px 0px;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    text-align: center;
}
.header-mn .left .menu .title a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}
.header-mn .left .menu .title .symbol1 {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -116px top transparent;
    vertical-align: middle;
}
.header-mn .left .menu .title .symbol2 {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -140px top transparent;
    vertical-align: middle;
}
.header-mn .left .menu .h_menu_sub {
    top: 36px;
    left: 0px;
    width: 100%;
}
.header-mn .left .menu .h_menu_sub #load_menu {
    margin-top: 5px;
}

.header-mn .right li {
    float: left;
    padding: 13px 20px;
    position: relative;
}
.header-mn .right li a.name {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
}
.header-mn .right li a.name span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -228px -211px transparent;
    vertical-align: middle;
}
.header-mn .right li:hover a.name {
    color: #fff000;
}
.header-mn .right li .subBrand {
    top: 40px;
    left: 0px;
}
.header-mn .right li .subBrand .border {
    background-color: #ed253c;
    margin-top: 3px;
    width: 250px;
}
.header-mn .right li .subBrand .border a {
    display: block;
    color: #ffffff;
    border-top: solid 1px #f4f4f4;
    padding: 10px;
}
.header-mn .right li .subBrand .border a:hover {
    color: #fff000;
}

.h-menuM {
    background-color: #f4f4f4;
}
.h-menuM .t {
    color: #4ab83d;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 10px 5px;
    font-size: 18px;
    text-align: center;
}
.h-menuM .c {
}
.h-menuM .c ul {
}
.h-menuM .c ul li {
    float: left;
    width: 25%;
    text-align: center;
}
.h-menuM .c ul li .border {
    background-color: #ffffff;
    margin: 3px;
}
.h-menuM .c ul li .border .img {
    height: 130px;
    overflow: hidden;
}
.h-menuM .c ul li .border .img img {
    max-width: 100%;
}
.h-menuM .c ul li .border .name {
    margin: 5px;
    height: 50px;
    overflow: hidden;
}
.h-menuM .c ul li .border .name a {
    color: #1b1b1b;
    text-decoration: none;
}
.h-menuM .c ul li .border:hover .name a {
    color: #4ab83d;
}

.headerM {
    background-color: #0051ad;
    position: sticky;
    height: 52px;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 3;
    display: none;
}
.headerM .left {
    float: left;
    width: 10%;
    text-align: center;
    padding-top: 8px;
}
.headerM .center {
    float: left;
    width: 65%;
    text-align: center;
    padding-top: 3px;
}
.headerM .right {
    float: left;
    width: 24%;
    text-align: center;
    padding-top: 8px;
}
.headerM .left a {
    display: block;
}
.headerM .left a img {
    max-height: 40px;
    width: 45px;
    object-fit: contain;
}

.headerM .center .form {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 8px 5px;
    margin: 5px;
    position: relative;
}
.headerM .center .form .textbox {
    background: none;
    width: 100%;
    border: none;
}
.headerM .center .form .submit {
    position: absolute;
    border: none;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -40px top transparent;
    cursor: pointer;
}

.headerM .center .form .textbox {
    background: none;
    width: 100%;
    border: none;
}
.headerM .right .menu {
    float: left;
}
.headerM .right .r-cart {
    float: right;
    position: relative;
    padding-top: 5px;
    margin-right: 2px;
}
.headerM .center .form .textbox {
    background: none;
    width: 100%;
    border: none;
}
.headerM .center .form .textbox {
    background: none;
    width: 100%;
    border: none;
}
.headerM .right .menu a {
    float: left;
    background-color: #df3346;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    padding: 8px 5px;
}
.headerM .center .form .textbox {
    background: none;
    width: 100%;
    border: none;
}
.headerM .right .menu a span.symbol {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left top transparent;
    vertical-align: middle;
}
.headerM .right .r-cart .symbol {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px top transparent;
    vertical-align: middle;
}
.headerM .right .r-cart .text {
    position: absolute;
    top: -5px;
    right: 5px;
    background-color: #f3b801;
    padding: 2px 5px;
    border-radius: 12px;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}

.menuM .l {
    float: left;
    width: 20%;
    background-color: #fee2e1;
    overflow: auto;
}
.menuM .r {
    float: right;
    width: 79%;
    overflow: auto;
}
.menuM .l ul li {
    text-align: center;
    padding: 5px;
    position: relative;
}
.menuM .l ul li span {
    display: block;
}
.menuM .l ul li span.img img {
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
.menuM .l ul li span.name {
    padding: 0px 2px;
}
.menuM .l ul li a {
    color: #214031;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
.menuM .l ul li .symbol {
    display: none;
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    height: 0;
    width: 0;
    transform: rotate(-90deg);
    margin: 10px 0;
}
div.menuM .l ul li.active .symbol {
    display: inline-block;
    position: absolute;
    top: 23px;
    right: -4px;
}

.menuM .l ul li.li0 {
    background-color: #fcb4b5;
}
.menuM .l ul li.li1 {
    background-color: #fee2e1;
}
.menuM .l ul li.li2 {
    background-color: #ffeed6;
}
.menuM .l ul li.li3 {
    background-color: #fff8c4;
}
.menuM .l ul li.li4 {
    background-color: #ecfccb;
}
.menuM .l ul li.li5 {
    background-color: #d1fbe5;
}
.menuM .l ul li.li6 {
    background-color: #e0f2fe;
}
.menuM .l ul li.li7 {
    background-color: #e1e7fd;
}
.menuM .l ul li.li8 {
    background-color: #edeaff;
}
.menuM .l ul li.li9 {
    background-color: #eaf9ff;
}
.menuM .l ul li.li10 {
    background-color: #eafff9;
}

.menuM .r .tabContent_menu {
}
.menuM .r .tabContent_menu .title a {
    display: block;
    padding: 5px;
    color: #333333;
    font-weight: bold;
}
.menuM .r .tabContent_menu .content ul {
}
.menuM .r .tabContent_menu .content ul li {
    float: left;
}
.menuM .r .tabContent_menu .content ul li a {
    display: inline-block;
    padding: 5px;
    border: solid 1px #d2d2d2;
    border-radius: 12px;
    color: #474747;
    margin: 5px;
    text-align: center;
}
.menuM .r .tabContent_menu .content ul li a span {
    display: block;
}
.menuM .r .tabContent_menu .content ul li a span.img img {
    width: 50px;
    height: 50px;
    border-radius: 12px;
}
.menuM .r .tabContent_menu .content ul li a span.name {
    padding: 5px 0px;
}

.aside {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f4f4f4;
    font-family: Helvetica, Arial, sans-serif;
    z-index: 2000;
    width: 0px;
    min-width: 0px;
    overflow: hidden;
    transition: 0.35s width ease, 0.35s min-width ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.aside .aside-header {
    color: #0051ad;
    padding: 0px 5px 5px;
    background-color: #d70018;
    position: relative;
}
.aside .aside-header .lg img {
    height: 35px;
    object-fit: scale-down;
    width: auto;
}
.aside .aside-header .close {
    position: absolute;
    top: 0px;
    right: 5px;
    background-color: #ffffff;
    color: #d70018;
    border-radius: 4px;
    box-shadow: 1px 1px #c0c0c0;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 10px;
    margin-top: 3px;
}
.aside .aside-contents {
}
.aside.in {
    width: 100%;
    overflow: auto;
}
.aside-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    transition: 0.2s opacity ease;
    opacity: 0;
    display: none;
}
.aside-backdrop.in {
    display: block;
    opacity: 0.5;
}

.aside-contents .pro {
}
.aside-contents .pro .list {
    float: left;
    width: 25%;
    text-align: center;
}
.aside-contents .pro .list a {
    display: block;
    margin: 5px;
    border: solid 1px #004c84;
    color: #004c84;
    padding: 5px;
    border-radius: 4px;
    background-color: #fbfbfb;
    height: 32px;
    overflow: hidden;
}
.aside-contents .pro-search {
    padding: 5px;
}
.aside-contents .pro-search .search {
    background-color: #ffffff;
    border: solid 1px #d1d1d1;
    padding: 10px 5px;
    border-radius: 4px;
    position: relative;
}
.aside-contents .pro-search .search .textbox {
    border: none;
    width: 100%;
}
.aside-contents .pro-search .search .submit {
    position: absolute;
    border: none;
    top: 2px;
    right: 0px;
    width: 36px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left top transparent;
    cursor: pointer;
}
.aside-contents .pro-search .content .b {
    padding: 5px 0px 10px;
    background-color: #ffffff;
    border-radius: 0px 0px 4px 4px;
}
.aside-contents .pro-search .content .list {
    padding: 10px 15px 0px;
}
.aside-contents .pro-search .content .list a {
    display: block;
    color: #004c84;
    text-decoration: none;
}

.aside-contents .brand {
    border-top: 5px solid #ffffff;
}
.aside-contents .brand .title {
    padding: 5px 0px;
}
.aside-contents .brand .title a {
    color: #353535;
    font-weight: bold;
    text-decoration: none;
}
.aside-contents .brand .list {
    float: left;
    width: 25%;
    text-align: left;
}
.aside-contents .brand .list .b {
    margin: 5px;
    border: solid 1px #004c84;
    color: #004c84;
    padding: 5px;
    border-radius: 4px;
    background-color: #fbfbfb;
}
.aside-contents .brand .list .b .img {
    float: left;
    width: 30%;
}
.aside-contents .brand .list .b .name {
    float: left;
    width: 70%;
}
.aside-contents .brand .list .b .name a {
    height: 20px;
    overflow: hidden;
    display: block;
}
.aside-contents .brand .list .b .img img {
    width: 90%;
}

.aside-contents .new {
    border-top: 5px solid #ffffff;
}
.aside-contents .new .title {
    padding: 5px 0px;
}
.aside-contents .new .title a {
    color: #353535;
    font-weight: bold;
    text-decoration: none;
}
.aside-contents .new .list {
    float: left;
    width: 50%;
}
.aside-contents .new .list a {
    display: block;
    padding: 5px;
    color: #004c84;
    text-decoration: none;
    border-bottom: solid 1px #dcdcdc;
    margin: 5px;
}
.aside-contents .support {
    border-top: solid 5px #d6d6d6;
    color: #333333;
    padding: 10px 0px;
}
.aside-contents .support p {
    margin: 0px;
    padding: 5px 10px;
}
.aside-contents .support p a {
    color: #004c84;
    font-weight: bold;
}

/*default=======================*/
.h-promotion {
    border-radius: 8px;
}
.h-promotion .img {
    position: relative;
}
.h-promotion .img img {
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}
.h-promotion .title {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 28px;
    color: #ffffff;
    text-shadow: 2px 2px 0px #333333;
}
.h-promotion .title-cate {
    padding: 10px 0px 0px;
}
.h-promotion .title-cate ul {
    padding-left: 300px;
    float: right;
    position: relative;
    z-index: 2;
}
.h-promotion .title-cate ul li {
    float: left;
    padding: 2px 5px;
}
.h-promotion .title-cate ul li a {
    display: block;
    background-color: #929292;
    border: solid 1px #333333;
    border-radius: 22px;
    padding: 5px 20px;
    color: #000000;
    box-shadow: 1px 1px 5px #666;
}
.h-promotion .title-cate ul li.active a {
    background-color: #ffe202;
}
.h-promotion .time-cate {
    color: #ffffff;
    padding: 20px 10px 5px;
    margin-top: -50px;
    z-index: 1;
    position: relative;
    font-size: 18px;
}
.h-promotion .time-cate .l {
    float: left;
    text-shadow: 1px 1px 0px #333;
    padding-top: 5px;
}
.h-promotion .time-cate .r {
    float: left;
}
.h-promotion .time-cate .r span {
    display: inline-block;
    padding: 0px 2px;
}
.h-promotion .time-cate .r span.countdown_amount {
    background-color: #ffffff;
    border-radius: 4px;
    color: #d70018;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 22px;
}
.h-promotion .time-cate .r span.countdown_text {
    text-shadow: 1px 1px 0px #333;
}
.h-promotion .pro {
    overflow: hidden;
    position: relative;
}
.h-promotion .pro .list {
    float: left;
    width: 16.666%;
}
.h-promotion .pro .list .b {
    margin: 10px 5px;
    background-color: #ffffff;
    border-radius: 8px;
}
.h-promotion .pro .list .img {
    height: 200px;
    text-align: center;
    position: relative;
}
.h-promotion .pro .list .img a.aimg {
    display: block;
    height: 200px;
}
.h-promotion .pro .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.h-promotion .pro .list .name {
    padding: 5px;
    text-align: center;
}
.h-promotion .pro .list .name a {
    color: #444444;
    text-decoration: none;
    display: block;
    height: 36px;
    overflow: hidden;
}
.h-promotion .pro .list .price {
    padding: 5px;
    text-align: center;
}
.h-promotion .pro .list .price p {
    margin: 0px;
}
.h-promotion .pro .list .price p.pri {
    color: #d0021c;
    font-size: 18px;
    font-weight: bold;
}
.h-promotion .pro .list .price p.line {
    padding: 5px 0px;
}
.h-promotion .pro .list .price p.line .numb {
    color: #a4a4a4;
    text-decoration: line-through;
}
.h-promotion .pro .list .price p.line .sale {
    color: #eb5757;
    background: #fff0e9;
    border-radius: 8px;
    display: inline-block;
    padding: 5px;
    font-weight: bold;
}
.h-promotion .pro .list .fscount {
    margin: 5px;
    position: relative;
    height: 25px;
}
.h-promotion .pro .list .fscount .symbol1 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    z-index: 3;
    padding: 2px 0px;
}
.h-promotion .pro .list .fscount .symbol2 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-color: #dddddd;
    border-radius: 8px;
    height: 20px;
}
.h-promotion .pro .list .fscount .symbol3 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #feca13;
    border-radius: 8px;
    height: 20px;
}
.h-promotion .pro .list .fscount .symbol4 {
    position: absolute;
    top: -7px;
    left: -5px;
    width: 28px;
    height: 28px;
    z-index: 3;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -178px -158px transparent;
}
.h-promotion .pro .list .fscount .symbol5 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-color: #dddddd;
    border-radius: 8px;
    text-align: center;
    padding: 2px;
}
.h-promotion .pro .list .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.h-promotion .pro .list .bannerJoin a {
    display: block;
    height: 200px;
}
.h-promotion .pro .list .bannerJoin img {
    width: 100%;
    height: 100%;
}

.h-promotion .pro .next {
    position: absolute;
    top: 45%;
    left: 0px;
}
.h-promotion .pro .prev {
    position: absolute;
    top: 45%;
    right: 0px;
}
.h-promotion .pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.h-promotion .pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}

.h-promotion .more {
    padding: 10px 0px;
    text-align: center;
}
.h-promotion .more a {
    display: inline-block;
    background-color: #ffffff;
    color: red;
    border: 1px solid #666666;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 22px;
}
.h-promotion .more a:hover {
    color: #333333;
}

.tab_promoMobile {
    position: relative;
    overflow: hidden;
    display: none;
}
.tab_promoMobile .swiper-slide {
    float: left;
    width: 50%;
    text-align: center;
}
.tab_promoMobile .swiper-slide .b {
    border-radius: 40px;
    border: 1px solid #d70018;
    margin: 2px 5px;
}
.tab_promoMobile .swiper-slide .b.active a {
    font-weight: 600;
    color: #d70018;
    border: 1px solid #d70018;
}
.tab_promoMobile .swiper-slide .b a {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    padding: 12px 5px;
    color: #000000;
    text-decoration: none;
}
.tab_promoMobileAll {
    text-align: center;
    padding: 5px;
    display: none;
}
.tab_promoMobileAll .b a {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    padding: 12px 5px;
    color: #000000;
    text-decoration: none;
}
.tab_promoMobileAll .b.active a {
    font-weight: 600;
    color: #d70018;
    border: 1px solid #d70018;
}

.h-brand .title {
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    padding: 10px 0px;
    font-size: 20px;
}
.h-brand .brand {
    overflow: hidden;
}
.h-brand .brand .list {
    float: left;
    width: 16.666%;
}
.h-brand .brand .list .b {
    padding: 5px;
}
.h-brand .brand .list .b img {
    width: 100%;
}

.menu-pro {
    background-color: #ed253c;
    position: absolute;
    top: -43px;
    left: 0px;
    width: 264px;
}
.menu-pro .title {
    padding: 12px 0px 10px;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    text-align: center;
}
.menu-pro .title .symbol1 {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -116px top transparent;
    vertical-align: middle;
}
.menu-pro .title a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}
.menu-pro .title .symbol2 {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -140px top transparent;
    vertical-align: middle;
}
.menu-pro .h_menu_sub {
    width: 100%;
}
.h-cols0 {
    padding-bottom: 10px;
}
.h-cols0 .left {
    float: left;
    width: 20%;
    position: relative;
    margin-top: 10px;
}
.h-cols0 .center {
    float: left;
    width: 60%;
}
.h-cols0 .right {
    float: left;
    width: 20%;
}
.h-cols0 .right ul {
    padding-top: 6px;
}
.h-cols0 .right ul li {
    margin: 2px 0px;
}
.h-cols0 .right ul li img {
    width: 100%;
    height: 175px;
    border-radius: 12px;
}
.h-cols0 .home {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.h-cols0 .home img {
    border-radius: 12px;
    width: 100%;
}
.h-cols0 .home .rows {
    float: left;
    width: calc(50% - 10px);
}
.h-cols0 .home .rows-0 {
    margin-right: 5px;
}
.h-cols0 .home .rows-1 {
    margin-left: 5px;
}
.h-cols0 .home .swiper-containerB .list {
    float: left;
    width: 50%;
}
.h-cols0 .home .swiper-containerB .img {
    margin: 0px 5px;
}

.bobmenu-wrapper {
    border-top: 0 none;
    position: relative;
    background-color: #ffffff;
    border-radius: 12px;
}
.bobmenu-wrapper ul.bobmenu {
    min-height: 468px;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 5px;
    box-shadow: 1px 1px 15px #0051ad;
}
.bobmenu-wrapper ul.bobmenu li.r {
    height: 36px;
}
.bobmenu-wrapper ul.bobmenu li.r .symbol {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -220px top transparent;
}
.bobmenu-wrapper ul.bobmenu li.r a.cssName {
    color: #343a40;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}
.bobmenu-wrapper ul.bobmenu li.r a.cssName .img {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 2px;
    top: 3px;
    overflow: hidden;
    border-radius: 50%;
}
.bobmenu-wrapper ul.bobmenu li.r a.cssName .img img {
    width: 28px;
    height: 28px;
}
.bobmenu-wrapper ul.bobmenu li.r a.cssName .info {
    float: left;
    padding: 8px 15px 0px 35px;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 {
    font-size: 13px;
    position: relative;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 .name {
    padding: 0px 10px 0px 35px;
    height: 30px;
    overflow: hidden;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 a.img1 {
    position: absolute;
    top: 0px;
    left: 0px;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 a.img1 img {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 2px;
    top: 3px;
    overflow: hidden;
    border-radius: 50%;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 a.cssName1 {
    font-weight: bold;
    color: #343a40;
    display: inline-block;
    padding: 10px 0px;
}
.bobmenu-wrapper ul.bobmenu li.r .r1 a.cssName1:hover {
    color: #d70018;
}

.bobmenu-wrapper ul.bobmenu li.r:hover {
    background-color: #f3f4f6;
}
.bobmenu-wrapper ul.bobmenu > li.r > a.cssName {
    display: block;
    text-decoration: none;
}

.bobmenu-wrapper .bobsubmenu-wrapper {
    display: none;
    left: 263px;
    position: absolute;
    top: 0px;
    width: 1052px;
    z-index: 2;
}
.bobmenu-wrapper ul.bobmenu > li:hover .bobsubmenu-wrapper {
    display: block;
}

.bobsubmenu-wrapper .border {
    min-height: 523px;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 1px 2px 4px #cccccc;
    background-color: #fff;
    margin-left: 2px;
}
.bobsubmenu-wrapper .border .cate {
    float: left;
    width: calc(25% - 20px);
    margin: 0px 10px;
}
.bobsubmenu-wrapper .border .cate .t {
    margin: 0px;
    border-bottom: solid 1px #eeeeee;
}
.bobsubmenu-wrapper .border .cate .t a.t1 {
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    text-transform: uppercase;
}
.bobsubmenu-wrapper .border .cate .t a.t2 {
    font-size: 13px;
    color: #0033ff;
    text-decoration: none;
    font-weight: normal;
}
.bobsubmenu-wrapper .border .cate .t a:hover {
    color: #d70018;
}
.bobsubmenu-wrapper .border .cate .c a {
    display: block;
    padding: 5px 10px;
    color: #333333;
}
.bobsubmenu-wrapper .border .cate .c a:hover {
    color: #d70018;
}
.bobsubmenu-wrapper .border .pro-title {
    border-top: solid 1px #eeeeee;
    padding: 10px 5px;
}
.bobsubmenu-wrapper .border .pro-title a.t1 {
    float: left;
    color: #003333;
    font-weight: bold;
}
.bobsubmenu-wrapper .border .pro-title a.t2 {
    float: right;
    font-size: 13px;
    color: #0033cc;
    text-decoration: none;
}
.bobsubmenu-wrapper .border .pro-title a.t1 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -238px -73px transparent;
    vertical-align: middle;
}
.bobsubmenu-wrapper .border .pro-title a:hover {
    color: #d70018;
}
.bobsubmenu-wrapper .border .pro {
    float: left;
    width: calc(20% - 10px);
    margin: 5px;
}
.bobsubmenu-wrapper .border .pro .img {
    border: solid 1px #e1e8ed;
    border-radius: 12px;
    text-align: center;
    height: 180px;
}
.bobsubmenu-wrapper .border .pro .img img {
    max-width: 95%;
    max-height: 95%;
}
.bobsubmenu-wrapper .border .pro .name {
    padding: 5px;
    font-size: 13px;
    text-align: center;
}
.bobsubmenu-wrapper .border .pro .name a {
    display: block;
    line-height: 18px;
    height: 52px;
    overflow: hidden;
    color: #39475a;
}
.bobsubmenu-wrapper .border .pro .name a:hover {
    color: #d70018;
}
.bobsubmenu-wrapper .border .pro .price {
    text-align: center;
    font-weight: bold;
}
.bobsubmenu-wrapper .border .pro .price .pri {
    color: #d70018;
    font-size: 14px;
}
.bobsubmenu-wrapper .border .pro .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 13px;
    display: inline-block;
    padding-left: 5px;
}

div.bobmenu-wrapper .wrapperbrand {
    width: 1050px;
}
.bobsubmenu-wrapper .brand .list {
    float: left;
    width: 10%;
    padding: 1px 0px;
}
.bobsubmenu-wrapper .brand .list a {
    display: block;
    padding: 2px;
    color: #ed253c;
    text-align: center;
    text-decoration: none;
}
.bobsubmenu-wrapper .brand .list a img {
    width: 85%;
    opacity: 0.7;
}
.bobsubmenu-wrapper .brand .list:hover {
    background-color: #ed253c;
}
.bobsubmenu-wrapper .brand .list:hover a {
    color: #ffffff;
}

.h-sale {
    background: rgba(0, 0, 0, 0) linear-gradient(#0051ad, rgb(248, 207, 214))
    repeat scroll 0% 0%;
    border-radius: 12px;
    position: relative;
    margin: 0px auto;
}
.h-sale .t {
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    padding: 15px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 1px 1px 5px #d70018;
    border-radius: 80px;
    background-color: #d70018;
}
.h-sale .t-img {
    text-align: center;
}
.h-sale .t-img img {
    max-width: 100%;
}
.h-sale .time {
    text-align: center;
}
.h-sale .time .b {
    display: inline-block;
    background-color: #d70018;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    border-radius: 0px 0px 12px 12px;
}
.h-sale .time .b .l {
    float: left;
}
.h-sale .time .b .r {
    float: left;
}
.h-sale .time .b .r span {
    display: inline-block;
    padding: 0px 2px;
}
.h-sale .time .b .r span.countdown_amount {
    background-color: #ffffff;
    border-radius: 4px;
    color: #d70018;
    font-weight: bold;
    padding: 0px 5px;
}
.h-sale .c {
    background-color: #f8e5e0;
    margin: 30px 0px 0px;
    border-radius: 65px 50px 12px 12px;
    position: relative;
    padding-top: 30px;
}
.h-sale .c .m {
    text-align: center;
    margin-top: -51px;
}
.h-sale .c .m ul {
    margin: 0px auto;
    display: inline-block;
}
.h-sale .c .m li {
    display: inline-block;
    margin: 5px 5px;
    border-radius: 40px;
    border: 1px solid #d70018;
}
.h-sale .c .m li a {
    display: block;
    border: 1px solid #ffffff;
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    color: #000000;
}
.h-sale .c .m li.active a {
    font-weight: 600;
    border-width: 2px;
    color: #d70018;
    border: 1px solid #d70018;
}
.h-sale .c .cb {
    overflow: hidden;
    height: 490px;
}
.tab_homeMobile {
    position: relative;
    overflow: hidden;
    display: none;
}
.tab_homeMobile .swiper-slide {
    float: left;
    width: 50%;
}
.tab_homeMobile .swiper-slide .b {
    border-radius: 40px;
    border: 1px solid #d70018;
    margin: 2px 5px;
}
.tab_homeMobile .swiper-slide .b.active a {
    font-weight: 600;
    color: #d70018;
    border: 1px solid #d70018;
}
.tab_homeMobile .swiper-slide .b a {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    padding: 7px 5px;
    color: #000000;
    text-decoration: none;
}

.h-sale .pro {
    overflow: hidden;
}
.h-sale .pro .list {
    float: left;
    width: calc(20% - 36px);
    margin: 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.h-sale .pro .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.h-sale .pro .list .img a.aimg {
    display: block;
    height: 230px;
}
.h-sale .pro .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.h-sale .pro .list .name {
    padding: 5px 0px;
    text-align: center;
}
.h-sale .pro .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.h-sale .pro .list .price {
    padding: 5px 0px 20px;
    text-align: center;
}
.h-sale .pro .list .price .pri {
    color: #fff;
    border-radius: 10px;
    padding: 8px 8px;
    background-image: linear-gradient(90deg, #be2830, #7b1a10);
    margin: 0px 15px;
    font-size: 16px;
}
.h-sale .pro .list .price .vline {
    color: #333333;
    font-size: 13px;
    padding-bottom: 2px;
}
.h-sale .pro .list .price .vline span {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 14px;
}
.h-sale .pro .list .price .vprice {
    color: #fff;
    border-radius: 10px;
    padding: 8px 0px;
    background-image: linear-gradient(90deg, #be2830, #7b1a10);
    margin: 0px 5px;
    font-size: 16px;
}
.h-sale .pro .list .price .vprice span {
    font-weight: bold;
    font-size: 18px;
}
.h-sale .pro .list .price .vsale {
    color: #d70018;
    border-radius: 4px 4px 10px 10px;
    margin: 0px 5px;
    font-size: 16px;
    background-image: linear-gradient(180deg, #fff, #7b1a10);
    padding: 0px 1px 1px 1px;
}
.h-sale .pro .list .price .vsale .vsaleb {
    background-color: #ffffff;
    padding: 5px 0px;
    border-radius: 4px 4px 10px 10px;
}
.h-sale .pro .list .detail {
    text-align: center;
}
.h-sale .pro .list .detail a {
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #b62516;
    background-image: linear-gradient(90deg, #d70018, #b62516);
}
.h-sale .pro .next {
    position: absolute;
    top: 40%;
    left: 0px;
}
.h-sale .pro .prev {
    position: absolute;
    top: 40%;
    right: 0px;
}
.h-sale .pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.h-sale .pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.h-sale .pro .more {
    text-align: center;
}
.h-sale .pro .more a {
    display: inline-block;
    color: #333333;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 8px 5px 10px;
}
.h-sale .pro .more a span {
    border-color: #0000 #0000 #333333;
    border-style: solid;
    border-width: 0 6px 6px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 5px;
}
.h-sale .pro .more a:hover {
    background-color: #ffffff;
    color: #000000;
}
.h-sale .pro .more a:hover span {
    border-color: #0000 #0000 #000;
}
.h-sale .pro .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.h-sale .pro .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.h-sale .pro .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.h-sale .pro .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.h-sale .pro .img .bannerJoin a {
    display: block;
    height: 230px;
}
.h-sale .pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.h-combol {
    background: rgba(0, 0, 0, 0) linear-gradient(#014c85, rgb(248, 207, 214))
    repeat scroll 0% 0%;
    border-radius: 12px;
    margin: 0px auto;
    padding-bottom: 5px;
}
.h-combol .t {
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    padding: 20px 0px 30px;
    text-transform: uppercase;
    font-weight: bold;
}
.h-combol .m {
    text-align: center;
    background-color: #fff;
    margin: 0px 10px;
    border-radius: 12px 12px 0px 0px;
}
.h-combol .m ul {
    margin: -25px auto 0px;
    display: inline-block;
}
.h-combol .m ul li {
    display: inline-block;
    margin: 5px 5px;
    border-radius: 40px;
    border: 1px solid #d70018;
}
.h-combol .m ul li a {
    display: block;
    border: 1px solid #ffffff;
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    color: #000000;
}
.h-combol .m ul li.active a {
    font-weight: 600;
    border-width: 2px;
    color: #d70018;
    border: 1px solid #d70018;
}
.h-combol .list {
    margin: 0px 10px 10px;
    background-color: #ffffff;
    border-radius: 0px 0px 12px 12px;
    padding-top: 5px;
}
.h-combol .list a {
    float: left;
    width: calc(33.33% - 10px);
    margin: 5px;
}
.h-combol .list a img {
    width: 100%;
    border-radius: 12px;
}
.tab_combolMobile {
    position: relative;
    overflow: hidden;
    display: none;
}
.tab_combolMobile .swiper-slide {
    float: left;
    width: 50%;
}
.tab_combolMobile .swiper-slide .b {
    border-radius: 40px;
    border: 1px solid #d70018;
    margin: 2px 5px;
}
.tab_combolMobile .swiper-slide .b.active a {
    font-weight: 600;
    color: #d70018;
    border: 1px solid #d70018;
}
.tab_combolMobile .swiper-slide .b a {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    padding: 12px 5px;
    color: #000000;
    text-decoration: none;
}
.h-pro {
    padding: 20px 0px;
    position: relative;
}
.h-pro .title {
    position: relative;
}
.h-pro .title h2 {
    margin: 0px;
}
.h-pro .title h2 a {
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    padding: 10px 0px;
    font-size: 20px;
}
.h-pro .r {
    position: absolute;
    top: 5px;
    right: 10px;
}
.h-pro .r a {
    margin: 0px 2px;
    border-radius: 10px;
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #444;
    padding: 5px 10px;
    font-size: 13px;
}
.tab_proMobile {
    display: none;
    overflow: hidden;
    border-bottom: 5px;
}
.tab_proMobile .swiper-wrapper .list {
    float: left;
    width: 33.33%;
    text-align: center;
}
.tab_proMobile .swiper-wrapper .list a {
    display: block;
    margin: 0px 2px;
    border-radius: 10px;
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #444;
    padding: 5px;
    font-size: 13px;
}

.h-pro .pro {
    overflow: hidden;
}
.h-pro .pro .list {
    float: left;
    width: 20%;
}
.h-pro .pro .list .b {
    margin: 10px 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.h-pro .pro .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.h-pro .pro .list .img a.aimg {
    display: block;
    height: 230px;
}
.h-pro .pro .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: scale-down;
    height: 100%;
    width: 100%;
}
.h-pro .pro .list .name {
    padding: 5px 0px;
    text-align: center;
}
.h-pro .pro .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.h-pro .pro .list .price {
    padding: 5px 0px 0px;
    text-align: center;
    font-weight: bold;
}
.h-pro .pro .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.h-pro .pro .list .price .pri .line,
.h-pro .pro .list .price .pri .line span {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.h-pro .pro .next {
    position: absolute;
    top: 48%;
    left: 0px;
}
.h-pro .pro .prev {
    position: absolute;
    top: 48%;
    right: 0px;
}
.h-pro .pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.h-pro .pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.h-pro .pro .more {
    position: absolute;
    top: 15px;
    right: 10px;
}
.h-pro .pro .more a {
    display: inline-block;
    background-color: #f3b801;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 8px 5px 10px;
    font-weight: bold;
}
.h-pro .pro .more a span {
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 7px 7px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
}
.h-pro .pro .more a:hover {
    background-color: #ffffff;
    color: #000000;
}
.h-pro .pro .more a:hover span {
    border-color: #0000 #0000 #000;
}
.h-pro .pro .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.h-pro .pro .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.h-pro .pro .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.h-pro .pro .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.h-pro .pro .img .bannerJoin a {
    display: block;
    height: 230px;
}
.h-pro .pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.h-cate {
    padding: 20px 0px;
    position: relative;
}
.h-cate .title {
    padding-bottom: 10px;
}
.h-cate .title h2 {
    margin: 0px;
    float: left;
}
.h-cate .title h2 a {
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    padding: 10px 0px;
}
.h-cate .title .more {
    float: right;
}
.h-cate .title .more a {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
}
.h-cate .list {
    float: left;
    width: calc(10% - 10px);
    margin: 5px;
    background-color: #ffa3a3;
    border-radius: 12px;
    position: relative;
    height: 130px;
}
.h-cate .list a.name {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 0px #014c85;
    font-size: 12px;
    text-align: center;
    width: 100%;
}
.h-cate .list .img {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.h-cate .list .img img {
    max-width: 100%;
    border-radius: 12px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.h-cate .list_1 {
    background-color: #ffb8b8;
}
.h-cate .list_2 {
    background-color: #ff94eb;
}
.h-cate .list_3 {
    background-color: #e0b3ff;
}
.h-cate .list_4 {
    background-color: #c6d8fb;
}
.h-cate .list_5 {
    background-color: #4d91ff;
}
.h-cate .list_6 {
    background-color: #85ffb1;
}
.h-cate .list_7 {
    background-color: #f5d63d;
}
.h-cate .list_8 {
    background-color: #fda363;
}
.h-cate .list_9 {
    background-color: #ff6666;
}
.h-cate .list_10 {
    background-color: #d6d6d6;
}
.h-cate .list_11 {
    background-color: #ffadb6;
}
.h-cate .list_12 {
    background-color: #96fdb5;
}
.h-cate .list_13 {
    background-color: #6bceff;
}
.h-cate .list_14 {
    background-color: #d8a8ff;
}
.h-cate .list_15 {
    background-color: #efc2ff;
}
.h-cate .list_16 {
    background-color: #ff85c0;
}
.h-cate .list_17 {
    background-color: #ffbdbd;
}
.h-cate .list_18 {
    background-color: #ffbdbd;
}
.h-cate .list_19 {
    background-color: #ffd1e1;
}
.h-cate .list_20 {
    background-color: #fb3c59;
}

.h-new {
}
.h-new .title {
    border-bottom: solid 2px #d70018;
    margin: 0px;
    padding: 2px 0px;
    height: 26px;
    overflow: hidden;
}
.h-new .title .name {
    float: left;
    color: #333333;
    text-transform: uppercase;
    vertical-align: middle;
}
.h-new .title .more {
    float: right;
    color: #0033ff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 100;
    padding-top: 5px;
}
.h-new .title .name:hover {
    color: #d70018;
}
.h-new .title .more:hover {
    color: #d70018;
}
.h-new .l {
    float: left;
    width: 70%;
}
.h-new .r {
    float: right;
    width: 28%;
}
.h-new .l .top {
    float: left;
    width: 60%;
    padding-top: 15px;
}
.h-new .l .other {
    float: right;
    width: 38%;
    padding-top: 10px;
}
.h-new .l .top .img a img {
    width: 100%;
    border-radius: 4px;
}
.h-new .l .top .name {
    padding: 5px 0px;
}
.h-new .l .top .name a {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.h-new .l .top .name a:hover {
    color: #d70018;
}
.h-new .l .other .list {
    padding: 5px 0px;
    border-top: 1px solid #ebebeb;
}
.h-new .l .other .list:first-child {
    border-top: none;
}
.h-new .l .other .list .img {
    float: left;
    width: 38%;
}
.h-new .l .other .list .name {
    float: right;
    width: 60%;
    text-align: justify;
}
.h-new .l .other .list .img img {
    width: 100%;
    border-radius: 4px;
}
.h-new .l .other .list .name a {
    color: #111111;
    text-decoration: none;
    line-height: 18px;
}
.h-new .l .other .list .name a:hover {
    color: #d70018;
}
.h-new .r .top-img {
    padding-top: 10px;
}
.h-new .r .top-img img {
    width: 100%;
    border-radius: 4px;
}
.h-new .r .top-name {
    padding: 5px 0px;
}
.h-new .r .top-name a {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 18px;
}
.h-new .r .top-name a:hover {
    color: #d70018;
}
.h-new .r .other-list {
    border-top: 1px solid #ebebeb;
    padding: 5px 0px;
}
.h-new .r .other-list .img {
    float: left;
    width: 30%;
}
.h-new .r .other-list .name {
    float: right;
    width: 68%;
}
.h-new .r .other-list .img img {
    width: 100%;
    border-radius: 4px;
}
.h-new .r .other-list .name a {
    display: block;
    text-align: justify;
    color: #333333;
}
.h-new .r .other-list .name a:hover {
    color: #d70018;
}

/*h_menu==========*/
.h_menu_item {
}
.h_menu_sub {
    position: absolute;
    z-index: 99;
    display: none;
}

/*category=================*/
.cate-title {
    position: relative;
    height: 35px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 30px;
}
.cate-title h1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    border: solid 1px #e5e5e5;
    padding: 10px;
}
.cate-title h1 span {
    color: #333333;
    text-decoration: none;
    margin: 0px;
}
.cate-title h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    border: solid 1px #e5e5e5;
    padding: 10px;
}
.cate-title h2 span {
    color: #333333;
    text-decoration: none;
    margin: 0px;
}

.cate-banner {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.cate-banner img {
    border-radius: 12px;
    width: 100%;
}
.cate-banner .rows {
    float: left;
    width: calc(50% - 10px);
}
.cate-banner .rows-0 {
    margin-right: 5px;
}
.cate-banner .rows-1 {
    margin-left: 5px;
}
.swiper-containerB {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.swiper-containerB .list {
    float: left;
    width: 50%;
}
.swiper-containerB .img {
    margin: 0px 5px;
}
.swiper-containerB .img img {
    width: 100%;
    border-radius: 12px;
}

.cate-menu {
    position: relative;
    overflow: hidden;
}
.cate-menu .list {
    float: left;
    width: 14.285%;
}
.cate-menu .list .b {
    margin: 10px;
    border-radius: 12px;
    position: relative;
    padding: 5px 0px 0px;
}
.cate-menu .list .name {
    margin: 0px;
    padding: 10px 0px 0px;
    text-align: center;
}
.cate-menu .list .img {
    text-align: center;
    height: 120px;
}
.cate-menu .list .name a {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    display: block;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
}
.cate-menu .list .img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
}
.cate-menu .list_0_0 .b,
.cate-menu .list_1_0 .b {
    box-shadow: 0 0 0 1px #e8f5fd;
    background-color: #e8f5fd;
}
.cate-menu .list_0_1 .b,
.cate-menu .list_1_1 .b {
    box-shadow: 0 0 0 1px #fef7dc;
    background-color: #fef7dc;
}
.cate-menu .list_0 .b,
div.cate-menu .list_1 .b_0,
div.cate-menu .list_1 .b_1 {
    box-shadow: 0 0 0 1px #e8f5fd;
    background-color: #e8f5fd;
}
.cate-menu .list_1 .b,
div.cate-menu .list_0 .b_0,
div.cate-menu .list_0 .b_1 {
    box-shadow: 0 0 0 1px #fef7dc;
    background-color: #fef7dc;
}
.cate-menu .next {
    position: absolute;
    top: 45%;
    left: 0px;
}
.cate-menu .prev {
    position: absolute;
    top: 45%;
    right: 0px;
}
.cate-menu .next a {
    display: inline-block;
    border: solid 1px #eeeeee;
    border-radius: 50%;
    padding: 5px;
}
.cate-menu .prev a {
    display: inline-block;
    border: solid 1px #eeeeee;
    border-radius: 50%;
    padding: 5px;
}
.cate-menu .next a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -220px top transparent;
    transform: rotate(180deg);
}
.cate-menu .prev a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -220px top transparent;
}
.cate-menu:hover .next a,
.cate-menu:hover .prev a {
    background-color: #ffffff;
}

.cate-content {
    float: left;
    width: 70%;
}
div.cate-contentFull {
    float: none;
    width: auto;
}
.cate-content .cate-border {
    padding: 10px 20px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
}
.cate-new {
    float: right;
    width: 28%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.cate-content img,
.cate-content iframe {
    max-width: 100%;
}
.cate-new .title {
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}
.cate-new ul {
    padding: 0px 10px;
}
.cate-new ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #e2e2e2;
}
.cate-new ul li .img {
    width: 35%;
    float: left;
    max-height: 100px;
    overflow: hidden;
}
.cate-new ul li .img img {
    width: 90%;
    border-radius: 4px;
}
.cate-new ul li .name {
    width: 65%;
    float: right;
    line-height: 22px;
    color: #666666;
    overflow: hidden;
    text-align: justify;
}
.cate-new ul li .name a {
    color: #434343;
    text-decoration: none;
    display: block;
    padding-right: 5px;
}
.cate-new ul li .name a:hover {
    color: #f7941e;
}
.cate-ContentOther {
    text-align: center;
    display: none;
}
.cate-ContentOther button {
    color: rgba(51, 51, 51, 0.5);
    text-align: center;
    margin: 0 5px 20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    display: inline-block;
    border: none;
    font-size: 19px;
    background-color: transparent;
    background-size: 26px 17px;
    padding-bottom: 0;
    padding-top: 40px;
    cursor: pointer;
}
.cate-ContentOther button .arrow:before {
    animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}
.cate-ContentOther button .arrow:after {
    animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}
.cate-ContentOther button .arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}
.cate-ContentOther button span,
.cate-ContentOther button span span {
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
}
.cate-ContentOther button span span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    width: 25px;
    top: 9px;
    height: 15px;
    opacity: 0.3;
    background-size: contain;
    background-repeat: no-repeat;
}
.cate-ContentOther button span.arrow {
    top: 22px;
}
.cate-ContentOther button span.arrow:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    right: 0;
    left: 0;
    top: -5px;
    margin: auto;
    position: absolute;
    opacity: 1;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.cate-ContentOther button span.arrow:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    top: 2px;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    opacity: 0.5;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pro-sale {
    background: rgba(0, 0, 0, 0)
    linear-gradient(rgb(1, 76, 133), rgb(248, 207, 214)) repeat scroll 0% 0%;
    border-radius: 12px;
    position: relative;
    margin: 20px 0px 10px;
}
.pro-sale .t {
    text-align: center;
    color: #f3db00;
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}
.pro-sale .t span {
    display: inline-block;
    width: 28px;
    height: 40px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -26px transparent;
    vertical-align: middle;
}
.pro-sale .pro {
    overflow: hidden;
}
.pro-sale .pro .list {
    float: left;
    width: calc(20% - 36px);
    margin: 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.pro-sale .pro .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.pro-sale .pro .list .img a.aimg {
    display: block;
    height: 230px;
}
.pro-sale .pro .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.pro-sale .pro .list .name {
    padding: 5px 0px;
    text-align: center;
}
.pro-sale .pro .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.pro-sale .pro .list .price {
    padding: 5px 0px 0px;
    text-align: center;
    font-weight: bold;
}
.pro-sale .pro .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.pro-sale .pro .list .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.pro-sale .pro .next {
    position: absolute;
    top: 40%;
    left: 0px;
}
.pro-sale .pro .prev {
    position: absolute;
    top: 40%;
    right: 0px;
}
.pro-sale .pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.pro-sale .pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.pro-sale .pro .more {
    position: absolute;
    top: 15px;
    right: 10px;
}
.pro-sale .pro .more a {
    display: inline-block;
    background-color: #f3b801;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 8px 5px 10px;
    font-weight: bold;
}
.pro-sale .pro .more a span {
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 7px 7px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
}
.pro-sale .pro .more a:hover {
    background-color: #ffffff;
    color: #000000;
}
.pro-sale .pro .more a:hover span {
    border-color: #0000 #0000 #000;
}
.pro-sale .pro .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.pro-sale .pro .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.pro-sale .pro .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.pro-sale .pro .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.pro-sale .pro .img .bannerJoin a {
    display: block;
    height: 230px;
}
.pro-sale .pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.pro-thums {
    float: left;
    width: calc(20% - 18px);
    margin: 8px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.pro-thums .img {
    height: 230px;
    text-align: center;
    position: relative;
    margin: 10px;
}
.pro-thums .img a.aimg {
    display: block;
    height: 230px;
}
.pro-thums .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.pro-thums .name {
    text-align: center;
}
.pro-thums .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.pro-thums .price {
    padding: 5px 0px 20px;
    text-align: center;
    font-weight: bold;
}
.pro-thums .price .pri {
    color: #d70018;
    font-size: 16px;
}
.pro-thums .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.pro-thums .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.pro-thums .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.pro-thums .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.pro-thums .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.pro-thums .img .bannerJoin a {
    display: block;
    height: 230px;
}
.pro-thums .img .bannerJoin img {
    width: 100%;
    height: 100%;
}
.more-page-img {
    text-align: center;
    display: none;
}
.pagePro {
    text-align: center;
}
.pagePro button {
    color: #666666;
    text-align: center;
    margin: 0 5px 20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    display: inline-block;
    border: none;
    font-size: 16px;
    background-color: transparent;
    background-size: 26px 17px;
    padding-bottom: 0;
    padding-top: 40px;
    cursor: pointer;
}
.pagePro button .arrow:before {
    animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}
.pagePro button .arrow:after {
    animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}
.pagePro button .arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}
.pagePro button span,
.proDetail-ContentOther button span span {
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
}
.pagePro button span span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    width: 25px;
    top: 9px;
    height: 15px;
    opacity: 0.3;
    background-size: contain;
    background-repeat: no-repeat;
}
.pagePro button span.arrow {
    top: 22px;
}
.pagePro button span.arrow:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    right: 0;
    left: 0;
    top: -5px;
    margin: auto;
    position: absolute;
    opacity: 1;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.pagePro button span.arrow:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    top: 2px;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    opacity: 0.5;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.filter-title {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px;
}
.filter-brand-list li {
    float: left;
    margin: 5px;
}
.filter-brand-list li a {
    display: block;
    position: relative;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    margin: 3px;
}
.filter-brand-list li a:hover {
    border: solid 1px #014c85;
}
.filter-brand-list li a img {
    border-radius: 12px;
}
.filter-brand-list li a span.count,
.filter-brand-list li a span.del {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 11px;
    background-color: red;
    padding: 2px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 12px;
}
.filter-brand-list li a.adel {
    border: solid 1px #014c85;
}
.filter-price-list li {
    float: left;
    margin: 5px;
}
.filter-price-list li a {
    display: block;
    position: relative;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    margin: 3px;
    background-color: #f3f4f6;
    padding: 5px;
    color: #444444;
    text-decoration: none;
    font-size: 13px;
}
.filter-price-list li a .count {
    display: inline-block;
    padding-left: 5px;
    color: #666666;
}
.filter-price-list li a:hover {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-price-list li a.adel {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-price-list li a.adel span.del {
    color: red;
    margin-left: 5px;
}
.filter-value {
    float: left;
    margin: 5px;
    position: relative;
}
.filter-value .title {
    display: block;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    padding: 5px 10px;
    color: #444444;
    font-size: 13px;
}
.filter-value .title span {
    border-color: #0000 #0000 #4a4a4a;
    border-style: solid;
    border-width: 0 5px 5px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(180deg);
    vertical-align: middle;
    margin-left: 5px;
}
.filter-value:hover .title {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-value:hover .title span {
    border-color: #0000 #0000 #014c85;
}
.filter-value .list {
    top: 20px;
    left: 0px;
}
.filter-value .list span.symbolfix {
    position: absolute;
    top: 1px;
    left: 20px;
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 10px 10px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(0deg);
    margin-left: 5px;
}
.filter-value .list .border {
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 10px;
    width: 450px;
    border: 1px solid #eee;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}
.filter-value .list ul {
    display: flex;
    flex-wrap: wrap;
}
.filter-value .list ul li {
    float: left;
    width: calc(50% - 10px);
    margin: 2px 5px;
}
.filter-value .list ul li a {
    display: block;
    position: relative;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    margin: 3px;
    background-color: #f3f4f6;
    padding: 5px;
    color: #444444;
    text-decoration: none;
    font-size: 13px;
}
.filter-value .list ul li a .count {
    display: inline-block;
    padding-left: 5px;
    color: #666666;
}
.filter-value .list ul li a:hover {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-value .list ul li a.adel {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-value .list ul li a.adel span.del {
    color: red;
    margin-left: 5px;
}
div.filter-value .list ul li.active a {
    border: solid 1px #df3346;
}
.filter-value .list .more {
    text-align: center;
    padding: 5px 0px;
}
.filter-value .list .more a {
    display: inline-block;
    padding: 5px 20px;
    margin: 0px 5px;
    border-radius: 12px;
}
.filter-value .list .more a.colse {
    border: solid 1px #df3346;
}
.filter-value .list .more a.open {
    border: solid 1px #0051ad;
    background-color: #0051ad;
    color: #ffffff;
}
.filter-order a {
    display: inline-block;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    margin: 3px;
    background-color: #f3f4f6;
    padding: 5px;
    color: #444444;
    text-decoration: none;
    font-size: 13px;
}
.filter-order a:hover {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-order a.active {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-active ul li {
    float: left;
}
.filter-active ul li a {
    display: block;
    position: relative;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    margin: 3px;
    background-color: #f3f4f6;
    padding: 5px;
    color: #444444;
    text-decoration: none;
    font-size: 13px;
}
.filter-active ul li a .count {
    display: inline-block;
    padding-left: 5px;
    color: #666666;
}
.filter-active ul li a:hover {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-active ul li a.adel {
    border: solid 1px #014c85;
    color: #014c85;
}
.filter-active ul li a.adel span.del {
    color: red;
    margin-left: 5px;
}
.filter-value .list ul.filter-brand-list li {
    width: calc(25% - 10px);
    text-align: center;
}
.filter-value .list ul.filter-brand-list li img {
    max-width: 100%;
}

.filter-value .list ul li.li_filter_thumb {
    width: calc(25% - 10px);
}
.filter-value .list ul li.li_filter_thumb .fimg {
    display: block;
    text-align: center;
}
.filter-value .list ul li.li_filter_thumb .fimg img {
    border-radius: 8px;
    width: 90%;
}
.filter-value .list ul li.li_filter_thumb .fname {
    display: block;
    text-align: center;
}

#filf .b {
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px 0px 10px;
    min-width: 1100px;
    border: 1px solid #eee;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}
#filf .b .b1 {
    display: flex;
    flex-wrap: wrap;
    max-height: 250px;
    overflow: auto;
}
#filf .list .b ul {
    width: auto;
    border: none;
    box-shadow: none;
    padding: 0px;
}
#filf .list .b span.symbolfix {
    display: none;
}
#filf .list .b .title {
    border: none;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: bold;
}
#filf .list .b .title span {
    display: none;
}
#filf .list .b .filter-value {
    float: left;
    width: calc(33.33% - 20px);
    margin: 0px 10px;
}
#filf .list .b .border {
    margin-top: auto;
    padding: 0px;
    width: auto;
    border: none;
    box-shadow: none;
}
#filf .list .more {
    display: none;
}
#filf .list .moreAll {
    text-align: center;
    padding: 5px 0px;
}
#filf .list .moreAll a {
    display: inline-block;
    padding: 5px 20px;
    margin: 0px 5px;
    border-radius: 12px;
}
#filf .list .moreAll a.colse {
    border: solid 1px #df3346;
}
#filf .list .moreAll a.open {
    border: solid 1px #0051ad;
    background-color: #0051ad;
    color: #ffffff;
}
#filf .b .filterSelect {
    padding: 0px 20px;
}
#filf .b .filterSelect .text {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: bold;
}
#filf .b .filterSelect a {
    display: inline-block;
    border: solid 1px #999;
    border-radius: 8px;
    color: #333333;
    padding: 5px;
    margin: 0px 5px;
}
#filf .b .filterSelect a span {
    color: #df3346;
    display: inline-block;
    font-size: 12px;
    padding: 0px 5px;
    font-weight: bold;
    border: solid 1px #eee;
    border-radius: 4px;
    background-color: #eee;
    margin-left: 5px;
}

.filterMobile {
    position: sticky;
    left: 0px;
    right: 0px;
    top: 0;
    z-index: 3;
    overflow: hidden;
    background-color: #eee;
}
.filterMobile .menuAll {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    padding: 5px 0px;
}
.filterMobile .menuAll a {
    display: block;
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    padding: 5px 10px;
    color: #444444;
    font-size: 13px;
    margin: 0px 5px;
    background-color: #ffffff;
}
.filterMobile .menuAll a span {
    border-color: #0000 #0000 #4a4a4a;
    border-style: solid;
    border-width: 0 5px 5px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(180deg);
    vertical-align: middle;
    margin-left: 5px;
}
.filterMobile .menu {
    position: relative;
    margin-left: 80px;
}
.filterMobile .menu .swiper-containerMenu {
    margin: 0px 20px;
    overflow: hidden;
}
.filterMobile .menu .swiper-slide {
    float: left;
    width: 50%;
}
.filterMobile .menu .swiper-slide .filter-value {
    float: none;
    text-align: center;
}
.filterMobile .menu .swiper-slide .filter-value .title {
    background-color: #ffffff;
}
.filterMobile .menu .next {
    position: absolute;
    top: 10px;
    left: 3px;
}
.filterMobile .menu .prev {
    position: absolute;
    top: 10px;
    right: 3px;
}
.filterMobile .menu .next a,
.filterMobile .menu .prev a {
    background-color: #df3346;
    border-radius: 50%;
    padding: 1px 4px 3px 6px;
}
.filterMobile .menu .next a span,
.filterMobile .menu .prev a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 5px 5px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
}
.filterMobile .menu .next a {
    padding: 1px 6px 3px 4px;
}
.filterMobile .menu .next a span {
    transform: rotate(-90deg);
}

.filterMShowhide {
    position: sticky;
    left: 0px;
    right: 0px;
    top: 118px;
    z-index: 3;
}
.filterMShowhide .filter-showHide {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #f2f2f2;
    z-index: 1;
    border-bottom: 1px solid #ddd;
}
.filterMShowhide .filter-showHide ul {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    border-top: 1px solid #ddd;
}
.filterMShowhide .filter-showHide ul li {
    float: left;
    margin: 2px 5px;
}
.filterMShowhide .filter-showHide ul li a {
    display: block;
    position: relative;
    border: solid 1px #e5e7eb;
    background-color: #ffffff;
    border-radius: 12px;
    margin: 3px;
    padding: 5px;
    color: #444444;
    text-decoration: none;
    font-size: 13px;
}
.filterMShowhide .filter-showHide ul li.active a {
    border: solid 1px #df3346;
    color: #014c85;
}
.filterMShowhide .filter-showHide .more {
    text-align: center;
    padding: 0px 0px 10px;
}
.filterMShowhide .filter-showHide .more a {
    display: inline-block;
    padding: 5px 20px;
    margin: 0px 5px;
    border-radius: 12px;
}
.filterMShowhide .filter-showHide .more a.colse {
    border: solid 1px #df3346;
}
.filterMShowhide .filter-showHide .more a.open {
    border: solid 1px #0051ad;
    background-color: #0051ad;
    color: #ffffff;
}
.filterMShowhide .filter-showHide ul li.li_filter_brand {
    width: calc(25% - 10px);
}
.filterMShowhide .filter-showHide ul li.li_filter_brand a img {
    width: 100%;
    border-radius: 8px;
}
.filterMShowhide .filter-showHide ul li.li_filter_thumb {
    width: calc(25% - 10px);
}
.filterMShowhide .filter-showHide ul li.li_filter_thumb a .fimg {
    display: block;
}
.filterMShowhide .filter-showHide ul li.li_filter_thumb a .fname {
    display: block;
    text-align: center;
}
.filterMShowhide .filter-showHide ul li.li_filter_thumb a .fimg img {
    width: 100%;
    border-radius: 8px;
}

.filterMShowhide .showHide_f .b {
    max-height: 450px;
    overflow: auto;
}
.filterMShowhide .showHide_f .title {
    padding: 5px;
    font-weight: bold;
}
.filterMShowhide .showHide_f .moreAll {
    text-align: center;
    padding: 0px 0px 10px;
}
.filterMShowhide .showHide_f .moreAll a {
    display: inline-block;
    padding: 5px 20px;
    margin: 0px 5px;
    border-radius: 12px;
}
.filterMShowhide .showHide_f .moreAll a.colse {
    border: solid 1px #df3346;
}
.filterMShowhide .showHide_f .moreAll a.open {
    border: solid 1px #0051ad;
    background-color: #0051ad;
    color: #ffffff;
}
.filterMShowhide .showHide_f .b .filterSelect {
    padding: 0px 5px;
}
.filterMShowhide .showHide_f .b .filterSelect .text {
    color: #4a4a4a;
    font-weight: bold;
}
.filterMShowhide .showHide_f .b .filterSelect a {
    display: inline-block;
    border: solid 1px #999;
    border-radius: 8px;
    color: #333333;
    padding: 3px 5px;
    margin: 2px;
    font-size: 13px;
}
.filterMShowhide .showHide_f .b .filterSelect a span {
    color: #df3346;
    display: inline-block;
    font-size: 12px;
    padding: 0px 5px;
    font-weight: bold;
    border: solid 1px #eee;
    border-radius: 4px;
    background-color: #eee;
    margin-left: 5px;
}

.cate-title1 {
    position: relative;
    text-align: right;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.cate-title1 a.name {
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    font-size: 18px;
    float: left;
}
.cate-title1 a.sub {
    margin: 0px 2px;
    border-radius: 10px;
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #444;
    padding: 5px 10px;
    font-size: 13px;
}

.cate-pro {
    overflow: hidden;
    position: relative;
}
.cate-pro .list {
    float: left;
    width: 20%;
}
.cate-pro .list .b {
    margin: 10px 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.cate-pro .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.cate-pro .list .img a.aimg {
    display: block;
    height: 230px;
}
.cate-pro .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.cate-pro .list .name {
    padding: 5px 0px;
    text-align: center;
}
.cate-pro .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.cate-pro .list .price {
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
}
.cate-pro .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.cate-pro .list .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.cate-pro .next {
    position: absolute;
    top: 45%;
    left: 0px;
}
.cate-pro .prev {
    position: absolute;
    top: 45%;
    right: 0px;
}
.cate-pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.cate-pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.cate-pro .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.cate-pro .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.cate-pro .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.cate-pro .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.cate-pro .img .bannerJoin a {
    display: block;
    height: 230px;
}
.cate-pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.cate-more {
    text-align: center;
    padding: 10px;
}
.cate-more a {
    display: inline-block;
    background-color: #d70018;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 20px 10px 25px;
    border-radius: 12px;
}
.cate-more a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 7px 7px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 5px;
}

.proMenuFix {
    background-color: #f5f5f5;
    padding: 5px 10px;
    position: sticky;
    left: 0px;
    right: 0px;
    top: 82px;
    z-index: 999;
    box-shadow: 1px 1px 2px #ccc;
    animation: slide-down 0.7s;
    text-align: center;
    display: none;
}
.proMenuFix .l {
    float: left;
    width: 48%;
}
.proMenuFix .r {
    float: right;
    width: 50%;
    border-left: solid 1px #cccccc;
}
.proMenuFix a.f {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.proMenuFix a.f span.symbol {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -233px -129px transparent;
    vertical-align: middle;
    margin-right: 10px;
}
.proMenuFix a.f span.symbol1 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -285px -129px transparent;
    vertical-align: middle;
    margin-left: 5px;
}
.proMenuFix .r a.o {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.proMenuFix .r a.o span.symbol {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -259px -129px transparent;
    vertical-align: middle;
}
.proMenuFix .r a.o span.symbol1 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -285px -129px transparent;
    vertical-align: middle;
    margin-left: 5px;
}
.proMenuFix .r .h_menu_sub {
    top: 27px;
    right: 0px;
}
.proMenuFix .r .h_menu_sub .border {
    background-color: #f5f5f5;
    width: 200px;
    margin-top: 10px;
}
.proMenuFix .r .h_menu_sub .border a {
    display: block;
    padding: 10px;
    color: #000000;
    text-decoration: none;
    border-bottom: solid 1px #e6e6e6;
}
.proMenuFix .r .h_menu_sub .border a.active {
    color: #ee2624;
}

.filter-titleMb {
    position: relative;
    text-transform: uppercase;
    padding: 5px 10px;
}
.filter-titleMb a.symbol {
    position: absolute;
    top: 10px;
    right: -10px;
    padding: 10px;
}
.filter-titleMb a.symbol span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -118px -34px transparent;
    vertical-align: middle;
}
div.filter-titleMb a.close span {
    background-position: -132px -34px;
}

ul.filter-list {
    padding: 0px 20px;
}
ul.filter-list li a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 8px 0px;
}
ul.filter-list li a:hover {
    color: #ee2624;
}
ul.filter-list li span.symbol {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: solid 1px #999999;
    margin-right: 5px;
}
ul.filter-list li span.count {
    color: #666666;
    font-size: 13px;
    margin-left: 3px;
}
ul.filter-list li:hover span.symbol {
    border: solid 1px #ee2624;
}

ul.filter-list li a.adel {
    color: #666666;
    text-decoration: none;
}
ul.filter-list li a.adel:hover {
    color: #ee2624;
}
ul.filter-list li a.adel span.count {
    color: #1e87c0;
    font-size: 13px;
}
ul.filter-list li a.adel span.symbol {
    border: solid 1px #ee2624;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -150px -161px transparent;
}
ul.filter-list li a.adel span.del {
    color: Red;
    font-size: 13px;
    margin-left: 5px;
}

.aside1 {
    min-width: 300px;
    width: 12%;
    position: fixed;
    top: 0;
    left: -1px;
    bottom: 0;
    background-color: #f5f5f5;
    font-family: Helvetica, Arial, sans-serif;
    z-index: 2000;
    width: 0px;
    min-width: 0px;
    overflow: hidden;
    transition: 0.35s width ease, 0.35s min-width ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.aside1.in {
    width: 12%;
    min-width: 300px;
}
.aside1-header {
    background-color: #ffffff;
    padding: 5px 10px;
}
.aside1-header .text {
    float: left;
    color: #000000;
    padding-top: 8px;
}
.aside1-header .close {
    float: right;
    color: #000000;
    font-size: 24px;
}
.aside1 .list {
    position: relative;
}
.aside1 .list a.r {
    display: block;
    border-top: dashed 1px #cccccc;
    padding: 12px 0px;
    color: #000000;
    text-decoration: none;
}
.aside1 .list a.symbol {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    padding: 10px;
}
.aside1 .list a.symbol span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -118px -34px transparent;
    vertical-align: middle;
}
div.aside1 .list a.close span {
    background-position: -132px -34px;
}
.aside1 .list a.r:hover {
    color: #ee2624;
}
.aside1 .title {
    position: relative;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.aside1 .title a.r {
    color: #000000;
    text-decoration: none;
    display: block;
}
.aside1 .title a.symbol {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
}
.aside1 .title a.symbol span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -118px -34px transparent;
    vertical-align: middle;
}
div.aside1 .title a.close span {
    background-position: -132px -34px;
}

/*prolist-left======*/
.cateTemp2 .cate-thumb {
    margin-top: 10px;
    border: solid 1px #ddd;
    padding: 0px 5px 5px;
    border-radius: 20px;
}
.cateTemp2 .cate-thumb .title {
    padding: 10px;
}
.cateTemp2 .cate-thumb .title h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    color: #333333;
}
.cateTemp2 .cate-thumb .menu li {
    float: left;
    text-align: center;
    width: 10%;
}
.cateTemp2 .cate-thumb .menu li .img {
}
.cateTemp2 .cate-thumb .menu li .img a {
    width: 60px;
    height: 60px;
    display: inline-block;
}
.cateTemp2 .cate-thumb .menu li .img a img {
    width: 100%;
    border-radius: 50%;
}
.cateTemp2 .cate-thumb .menu li .name {
    text-align: center;
    padding: 5px;
}
.cateTemp2 .cate-thumb .menu li .name a {
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 13px;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}
.cateTemp2 .left {
    float: left;
    width: 80%;
    background-color: #ffffff;
    margin: 10px 0px;
}
.cateTemp2 .right {
    float: right;
    width: 19%;
    background-color: #ffffff;
    margin: 10px 0px;
}
.cateTemp2 .left .title {
    padding: 5px 0px;
    border-bottom: solid 1px #dddddd;
}
.cateTemp2 .left .title .title-l {
    float: left;
    padding-left: 10px;
}
.cateTemp2 .left .title .title-r {
    float: right;
    padding-right: 5px;
}
.cateTemp2 .left .title .title-l h1 {
    color: #014c85;
    font-weight: 600;
    font-size: 20px;
    margin: 0px;
    padding-top: 5px;
}
.cateTemp2 .left .title .title-r a {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 4px;
    border: solid 1px #666666;
    background-color: #ffffff;
    text-decoration: none;
    color: #666666;
}
.cateTemp2 .left .title .title-r a:hover {
    background-color: #60bb46;
    border: solid 1px #60bb46;
    color: #ffffff;
}
.cateTemp2 .content {
}
.cateTemp2 .content .list {
    float: left;
    width: 25%;
}
.cateTemp2 .content .list .border {
    border: solid 1px #f4f4f4;
    margin: 5px;
    box-shadow: 1px 2px 5px #c0c0c0;
}
.cateTemp2 .content .list .border:hover {
    border: solid 1px #014c85;
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.cateTemp2 .content .list .border .img {
    position: relative;
    height: 252px;
    overflow: hidden;
}
.cateTemp2 .content .list .border .img a {
}
.cateTemp2 .content .list .border .img a img {
    width: 100%;
}
.cateTemp2 .content .list .border .img .fixsale {
    text-align: right;
}
.cateTemp2 .content .list .border .img .fixsale span {
    display: inline-block;
    color: #ffffff;
    width: 44px;
    height: 44px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -254px -443px transparent;
    text-align: center;
}
.cateTemp2 .content .list .border .img .fixsale span b {
    display: block;
    padding-top: 12px;
}
.cateTemp2 .content .list .border .img .icon {
    position: absolute;
    right: 0px;
    top: 1px;
    text-align: right;
    z-index: 1;
}
.cateTemp2 .content .list .border .img .icon .icon1 span {
    display: inline-block;
    width: 115px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -185px transparent;
    vertical-align: middle;
}
.cateTemp2 .content .list .border .img .icon .icon2 span {
    display: inline-block;
    width: 135px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -119px -185px transparent;
    vertical-align: middle;
}
.cateTemp2 .content .list .border .img .icon .icon3 span {
    display: inline-block;
    width: 136px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -209px transparent;
    vertical-align: middle;
}
.cateTemp2 .content .list .border .img .bannerJoin {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.cateTemp2 .content .list .border .img .bannerJoin img {
    width: 100%;
}
.cateTemp2 .content .list .border .name {
    margin: 10px 10px;
    height: 36px;
    overflow: hidden;
}
.cateTemp2 .content .list .border .name a {
    color: #000000;
    text-decoration: none;
    font-size: 16px;
}
.cateTemp2 .content .list .border .name a:hover {
    color: #004c84;
}
.cateTemp2 .content .list .border .price {
    padding: 5px 10px 20px;
}
.cateTemp2 .content .list .border .price .line {
    float: left;
}
.cateTemp2 .content .list .border .price .pri1 {
    float: right;
}
.cateTemp2 .content .list .border .price span {
    display: block;
}
.cateTemp2 .content .list .border .price span.t2 {
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.cateTemp2 .content .list .border .price span.t1 {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
.cateTemp2 .content .list .border .price .line span.t2 {
    color: #000000;
    text-decoration: line-through;
}

.cateTemp2 .right .title {
    padding: 20px 10px 5px;
}
.cateTemp2 .right .title h2 {
    color: #333333;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px;
}
.cateTemp2 .right .menu {
    padding: 0px 10px 10px;
    border-bottom: solid 1px #f3f3f3;
}
.cateTemp2 .right .menu li {
    padding: 5px 0px;
}
.cateTemp2 .right .menu li:hover {
    background-color: #f6f9f6;
}
.cateTemp2 .right .menu li a {
    color: #014c85;
    display: block;
    padding: 2px 10px 2px 25px;
    text-decoration: none;
    position: relative;
}
.cateTemp2 .right .menu li a span {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -254px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .menu li a:hover {
    color: #ed253c;
}
.cateTemp2 .right .menu li a:hover span {
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -274px -211px transparent;
}

.cateTemp2 .right .filter-title h3 {
    color: #333333;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px;
    padding: 20px 10px 5px;
    font-weight: bold;
}
.cateTemp2 .right .filter-list {
    padding: 0px 5px;
}
.cateTemp2 .right .filter-list li {
    position: relative;
    color: #666666;
}
.cateTemp2 .right .filter-list li.liNo {
    border-top: dotted 1px #ddd;
}
.cateTemp2 .right .filter-list:hover li.liNo {
    border-top: dotted 1px #014c85;
}
.cateTemp2 .right .filter-list li a {
    text-decoration: none;
    display: block;
    padding: 8px 5px 8px;
}
.cateTemp2 .right .filter-list li a span.symbol {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -254px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .filter-list li a span.text {
    color: #014c85;
}
.cateTemp2 .right .filter-list li a span.count {
    color: #666666;
    display: inline-block;
    padding-left: 5px;
}
.cateTemp2 .right .filter-list li a:hover {
    background-color: #f6f9f6;
}
.cateTemp2 .right .filter-list li a:hover span.text {
    color: #ed253c;
}
.cateTemp2 .right .filter-list li a.adel span.symbol {
    background-position: -274px -211px;
}
.cateTemp2 .right .filter-list li a.adel span.text {
    color: #666666;
}
.cateTemp2 .right .filter-list li a.adel span.count {
    color: #666666;
}
.cateTemp2 .right .filter-list li a.adel span.del {
    color: red;
    margin-left: 5px;
}
.cateTemp2 .right .filter-thumb {
    padding: 0px 7px;
}
.cateTemp2 .right .filter-thumb li {
    float: left;
    width: 50%;
    text-align: center;
}
.cateTemp2 .right .filter-thumb li a {
    margin: 3px;
    display: block;
    position: relative;
    border: solid 1px #004c84;
    border-radius: 4px;
}
.cateTemp2 .right .filter-thumb li a span.symbol {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ed253c;
    border-radius: 50px;
    padding: 2px 6px;
    font-size: 12px;
    color: #fff;
}
.cateTemp2 .right .filter-thumb li a img {
    max-width: 100%;
    border-radius: 4px;
}
.cateTemp2 .right .filter-thumb li a.adel {
    border: solid 1px #ed253c;
}

.cateTemp2 .right .cateMn-list {
    padding: 0px 10px 10px;
    border-bottom: solid 1px #f3f3f3;
}
.cateTemp2 .right .cateMn-list li {
    padding: 8px 5px 8px 25px;
    position: relative;
    color: #666666;
}
.cateTemp2 .right .cateMn-list li span.symbol {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -254px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .cateMn-list li:hover span.symbol {
    background-position: -274px -211px;
}
.cateTemp2 .right .cateMn-list li a {
    color: #014c85;
    text-decoration: none;
}
.cateTemp2 .right .cateMn-list li:hover {
    background-color: #f6f9f6;
}
.cateTemp2 .right .cateMn-list li a:hover {
    color: #ed253c;
}
.cateTemp2 .right .cateMn-list li span.symbola {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -274px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .p-text {
    color: #333333;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px;
    padding: 20px 10px 5px;
    font-weight: bold;
}
.cateTemp2 .right .p-list {
    padding: 0px 10px 10px;
    border-bottom: solid 1px #f3f3f3;
}
.cateTemp2 .right .p-list li {
    padding: 8px 5px 8px 25px;
    position: relative;
    color: #666666;
}
.cateTemp2 .right .p-list li:hover {
    background-color: #f6f9f6;
}
.cateTemp2 .right .p-list li span.symbol {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -254px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .p-list li:hover span.symbol {
    background-position: -274px -211px;
}
.cateTemp2 .right .p-list li a {
    color: #014c85;
    text-decoration: none;
}
.cateTemp2 .right .p-list li a:hover {
    color: #ed253c;
    background-color: #f6f9f6;
}
.cateTemp2 .right .p-list li span.symbola {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -274px -211px transparent;
    vertical-align: middle;
}
.cateTemp2 .right .p-thumb {
}
.cateTemp2 .right .p-thumb ul li {
    float: left;
    width: 50%;
    position: relative;
}
.cateTemp2 .right .p-thumb ul li a {
    display: block;
    padding: 5px;
}
.cateTemp2 .right .p-thumb ul li a img {
    width: 100%;
    border: solid 2px #ffffff;
    border-radius: 4px;
}
.cateTemp2 .right .p-thumb ul li span.count {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: red;
    display: inline-block;
    padding: 3px 0px;
    color: #ffffff;
    border-radius: 12px;
    width: 20px;
    text-align: center;
    font-size: 11px;
}
.cateTemp2 .right .p-thumb ul li:hover a img {
    opacity: 0.7;
}
.cateTemp2 .right .p-thumb ul li.del a img {
    border: solid 2px #ed253c;
}

.pagePro .more {
    padding: 10px 0px 0px;
    text-align: center;
}
.pagePro .more a span {
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -282px -15px transparent;
}
.pagePro .more a {
    color: #014c85;
    text-decoration: none;
    border: solid 1px #cccccc;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
}
.pagePro .more a:hover {
    color: #f47321;
}
.pagePro .more a:hover span {
    background-position: -155px -23px;
}

/*productDetail==========*/
.proDetail-title {
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0px;
}
.proDetail-title .l {
    float: left;
}
.proDetail-title .r {
    float: right;
    padding-top: 5px;
    position: relative;
    text-align: right;
}
.proDetail-title .l h1 {
    float: left;
    margin: 0px;
    font-size: 20px;
    color: #0a263c;
    font-weight: bold;
}
.proDetail-title .l .ratingv {
    float: left;
    padding-top: 0;
    padding-left: 10px;
}
.proDetail-title .l .ratingv img {
}
.proDetail-title .l .ratingv a {
    color: #288ad6;
    text-decoration: none;
}
.proDetail-title .l .ratingv a:hover {
    color: #ff9727;
}
.proDetail-title .l .ratingv ul {
    float: left;
}
.proDetail-title .l .ratingv ul li {
    float: left;
    padding: 0px 5px;
    border-left: solid 1px #dddddd;
    text-transform: uppercase;
    font-size: 10px;
}
.proDetail-title .l .ratingv ul li a {
    color: #000000;
    text-decoration: none;
}
.proDetail-title .l .ratingv ul li.li1 {
    border-left: 0px;
    padding-left: 0px;
}
.proDetail-title .l .ratingv ul li.li2 a b {
    color: #ec3400;
}
.proDetail-title .l .ratingv ul li b {
    font-size: 14px;
}

.proDetail-title .r .print {
    display: inline-block;
    background-color: #75bd22;
    padding: 5px 15px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}
.proDetail-title .r .print span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -235px -32px transparent;
}
.proDetail-title .r .print:hover {
    background-color: #004c84;
}
.proDetail-title .r .loadPrint {
    position: absolute;
    top: 25px;
    right: 0px;
    z-index: 99;
    display: none;
}
.proDetail-title .r .loadPrint .border {
    margin-top: 10px;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    width: 300px;
    border-radius: 4px 4px 4px 4px;
    text-align: left;
}
.proDetail-title .r .loadPrint .border .list {
    padding: 10px 30px;
    display: block;
    border-top: dotted 1px #eeeeee;
    position: relative;
}
.proDetail-title .r .loadPrint .border .list a.name {
    color: #004c84;
    text-decoration: none;
}
.proDetail-title .r .loadPrint .border .list .check {
    position: absolute;
    top: 8px;
    left: 5px;
}
.proDetail-title .r .loadPrint .border .list a.down {
    position: absolute;
    top: 8px;
    right: 5px;
}
.proDetail-title .r .loadPrint .border .list a.down span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -67px -608px transparent;
}
.proDetail-title .r .loadPrint .border .list a.down:hover span {
    background-position: -86px -608px;
}
.proDetail-title .r .loadPrint .border .downall {
    padding: 5px;
    font-size: 13px;
    text-align: right;
}
.proDetail-title .r .loadPrint .border .downall a {
    display: inline-block;
    padding: 2px 5px;
    background-color: #75bd22;
    border-radius: 4px;
    color: #ffffff;
}
.proDetail-title .r .loadPrint .border .downall a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -235px -32px transparent;
    vertical-align: middle;
}
.proDetail-title .r .loadPrint .border .downall a:hover {
    background-color: #004c84;
}

.proDetail-title {
    padding: 20px 0px 5px;
    border-bottom: solid 1px #e4e4e4;
}
.proDetail-title h1 {
    float: left;
    margin: 0px;
    font-size: 18px;
    font-weight: 300;
}
.proDetail-title .share {
    float: right;
}
.proDetail-title .rating {
    float: left;
    padding: 5px 0px 0px 10px;
}
.proDetail-title .rating .img {
    vertical-align: middle;
}
.proDetail-title .rating a {
    color: #ff9000;
    text-decoration: none;
}
.proDetail-title .rating a:hover {
    color: #229700;
}

.proDetail-img {
    float: left;
    width: 38%;
    margin-top: 20px;
    text-align: center;
    position: relative;
    z-index: 0;
}
.proDetail-info {
    float: left;
    width: calc(62% - 10px);
    margin: 20px 0px 0px 10px;
}
.proDetail-support {
    float: right;
    width: 25%;
    margin-top: 20px;
}
.proDetail-img .fix-countdown {
    left: -85px;
    z-index: 11;
}
.proDetail-img .border {
    padding: 0px 10px 0px 10px;
}
.proDetail-img .viewImg {
    display: none;
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 2;
}
.proDetail-img:hover .viewImg {
    display: block;
}
.proDetail-img .fixsale {
    position: absolute;
    right: 6px;
    top: 0px;
    text-align: center;
    z-index: 2;
}
.proDetail-img .fixsale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.proDetail-img .fixsale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.proDetail-img .productimg {
    position: relative;
}
.proDetail-img .productimg .img a,
.proDetail-img .productimg .you a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.proDetail-img .productimg img {
    width: 100%;
    padding-bottom: 10px;
    height: 550px;
    object-fit: scale-down;
}
.proDetail-img .productimg .you img {
    opacity: 1;
}
.proDetail-img .productimg .iconyou {
    position: absolute;
    top: 40%;
    text-align: center;
    left: 0px;
    right: 0px;
}
.proDetail-img .productimg .iconyou a {
    display: inline-block;
    background-color: #df3346;
    text-decoration: none;
    padding: 8px 32px;
    border-radius: 12px;
    opacity: 0.8;
}
.proDetail-img .productimg .iconyou a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 14px 20px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    margin: 10px 0;
}
.proDetail-img .productimg:hover .iconyou a {
    background-color: #0051ad;
    opacity: 1;
}

.proDetail-img .productimg .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}
.proDetail-img .productimg .bannerJoin img {
    width: 100%;
    height: 100%;
}
.proDetail-img .cimg {
    max-width: 100%;
}
.proImg-list {
}
.proImg-list .cols2 {
    float: left;
    width: 16%;
}
.proImg-list .cols3 {
    float: left;
    width: 16%;
}
.proImg-list .cols4 {
    float: left;
    width: 16%;
}
.proImg-list .cols1 ul {
}
.proImg-list .cols1 ul li {
    float: left;
    width: 14%;
}
.proImg-list .cols1 ul li a {
    display: block;
    margin: 0px 5px;
    border: solid 1px #e2e2e2;
    padding: 5px 0px;
    text-align: center;
}
.proImg-list .cols1 ul li img {
    width: 50px;
    height: 50px;
}
.proImg-list .cols1 .other {
    text-align: right;
    padding-right: 9px;
}
.proImg-list .cols1 .other a {
    color: #337ab7;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.proImg-list .cols1 .other a:hover {
    color: #f26722;
}
.proImg-list .cols2 .b {
}
.proImg-list .cols2 .b a {
    display: block;
    margin: 0px 5px;
    border: solid 1px #e2e2e2;
    padding: 5px 0px;
    text-align: center;
}
.proImg-list .cols2 .b a span {
    display: inline-block;
    margin: 6px 0px;
    width: 40px;
    height: 40px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -299px transparent;
}
.proImg-list .cols3 .b {
}
.proImg-list .cols3 .b a {
    display: block;
    margin: 0px 5px;
    border: solid 1px #e2e2e2;
    padding: 5px 0px;
    text-align: center;
}
.proImg-list .cols3 .b a span {
    display: inline-block;
    width: 50px;
    height: 51px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -38px -352px transparent;
}
.proImg-list .cols4 .b {
}
.proImg-list .cols4 .b a {
    display: block;
    margin: 0px 5px;
    border: solid 1px #e2e2e2;
    padding: 5px 0px;
    text-align: center;
}
.proImg-list .cols4 .b a span {
    display: inline-block;
    width: 50px;
    height: 51px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -89px -352px transparent;
}
.proImg-list .cols2 .t,
.proImg-list .cols3 .t,
.proImg-list .cols4 .t {
    font-size: 12px;
    text-align: center;
    padding-top: 3px;
    color: #666666;
}
.proImg-list .cols2 .t a,
.proImg-list .cols3 .t a,
.proImg-list .cols4 .t a {
    color: #337ab7;
    text-decoration: none;
    font-weight: bold;
}
.proImg-list .cols2 .t a:hover,
.proImg-list .cols3 .t a:hover,
.proImg-list .cols4 .t a:hover {
    color: #f26722;
}

.proDetail-info .price {
    padding: 10px 0px;
}
.proDetail-info .price .b {
    background-color: #dc3546;
    border-radius: 4px;
    padding: 8px 0px;
}
.proDetail-info .price .b .l {
    float: left;
    width: 75%;
}
.proDetail-info .price .b .r {
    float: left;
    width: 25%;
}
.proDetail-info .price .b .l .cols1 {
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 10px;
    border-right: solid 1px #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 0px #660000;
    font-size: 18px;
    font-style: italic;
}
div.proDetail-info .price .b .l .cols1Text {
    padding: 16px 10px;
}
.proDetail-info .price .b .l .cols2 {
    float: left;
}
.proDetail-info .price .b .l .cols2 .pri1 {
    float: left;
    padding-left: 10px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 0px #660000;
    font-size: 42px;
    padding-top: 5px;
}
.proDetail-info .price .b .l .cols2 .pri2 {
    float: left;
    color: #f4f4f4;
    padding: 10px 0px 0px 10px;
}
.proDetail-info .price .b .l .cols2 .pri2 span {
    display: block;
    text-decoration: line-through;
    font-size: 20px;
    padding-top: 3px;
}
.proDetail-info .price .b .r .r-b {
    border-left: solid 1px #ffffff;
    color: #ffffff;
    padding: 8px 0px 8px 10px;
}
.proDetail-info .price .b .r .r-b .cols2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}

.proDetail-info .price span {
    display: inline-block;
    padding-right: 10px;
}
.proDetail-info .price span.t1 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.proDetail-info .price span.t2 {
    color: red;
    font-size: 32px;
    font-weight: bold;
}
.proDetail-info .price .line {
    float: right;
}

.proDetail-info .price .line span.t2 {
    color: #7ccf4e;
    text-decoration: line-through;
}

.proDetail-info .info-l {
    float: left;
    width: 60%;
}
.proDetail-info .info-r {
    float: right;
    width: 38%;
}

.proDetail-info .info {
    border-bottom: dotted 1px #dddddd;
    position: relative;
}
.proDetail-info .info .qrcode {
    position: absolute;
    top: -5px;
    right: 5px;
}
.proDetail-info .info .qrcode img {
    width: 60px;
}
.proDetail-info .info .list1 {
    float: left;
    width: 45%;
}
.proDetail-info .info .list2 {
    float: left;
    width: 55%;
}
.proDetail-info .info .list {
    padding: 5px 0px;
}
.proDetail-info .info .list .cols1 {
    float: left;
    width: 35%;
}
.proDetail-info .info .list .cols2 {
    float: left;
    width: 65%;
}
.proDetail-info .info .list .cols2 a {
    color: #000000;
    text-decoration: none;
}
.proDetail-info .info .list .cols2 a:hover {
    text-decoration: underline;
}
.proDetail-info .info .list span.symbol {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -197px -52px transparent;
    vertical-align: middle;
}
.proDetail-info .info .list span.symbol1 {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -197px -52px transparent;
    vertical-align: middle;
}
.proDetail-info .info .list span.symbol2 {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -215px -52px transparent;
    vertical-align: middle;
}
.proDetail-info .info .list .txt1 {
    color: #7ccf4e;
    vertical-align: middle;
}
.proDetail-info .info .list .txt2 {
    color: #f3702f;
    vertical-align: middle;
}

.proDetail-saleoff {
    border: solid 1px #fee2e2;
    border-radius: 12px;
    overflow: hidden;
}
.proDetail-saleoff .title {
    background-color: #fee2e2;
    border-radius: 12px 12px 0px 0px;
    position: relative;
    padding: 5px 0px 5px 40px;
}
.proDetail-saleoff .title .text {
    font-weight: bold;
    color: #d70018;
    font-size: 18px;
    display: block;
}
.proDetail-saleoff .title .date {
    color: #d70018;
    display: block;
    font-style: italic;
    font-size: 13px;
}
.proDetail-saleoff .title .symbol {
    position: absolute;
    top: 4px;
    left: 10px;
    width: 22px;
    height: 22px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -276px top transparent;
    vertical-align: middle;
}
.proDetail-saleoff .saleoff {
    padding: 10px;
    overflow: hidden;
    display: none;
    line-height: 23px;
}
.proDetail-saleoff .saleoff ul.style li {
    position: relative;
    padding: 5px 0px 5px 25px;
    color: #333333;
}
.proDetail-saleoff .saleoff ul.style li span {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -197px -72px transparent;
    vertical-align: middle;
}
.proDetail-saleoff .saleoff a {
    color: #cc3333;
}
.proDetail-info .saleoff-other {
    position: relative;
    text-align: center;
    margin: 0px 1px;
    display: none;
}
.proDetail-info .saleoff-other .shadow {
    width: 100%;
    height: 40px;
    position: absolute;
    top: -41px;
    left: 0px;
    z-index: 1;
    background: transparent
    url("/wp-content/themes/flatsome-child/library/shadow.png") repeat-x scroll
    left top;
}
.proDetail-info .saleoff-other a {
    color: #333333;
    display: inline-block;
    padding: 7px 15px;
    text-decoration: none;
    font-size: 15px;
    background-color: #ddd;
    border-radius: 0px 0px 4px 4px;
}
.proDetail-info .saleoff-other a span {
    border-color: #0000 #0000 #4a4a4a;
    border-style: solid;
    border-width: 0 5px 5px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(180deg);
    vertical-align: middle;
    margin-left: 5px;
}

.proDetail-saleoff .other-sale {
    margin: 5px 10px 10px;
    background-color: #f2f2f2;
    border-radius: 4px 4px 8px 8px;
}
.proDetail-saleoff .other-sale .other-title span {
    background-color: #cc3333;
    border-radius: 4px 0px 4px 0px;
    color: #ffffff;
    display: inline-block;
    padding: 3px 5px;
}
.proDetail-saleoff .other-sale .other-list {
    padding: 5px 5px 10px;
}
.proDetail-saleoff .other-sale .other-list a {
    color: #cc3333;
}

.proDetail-info .order {
    padding: 10px 0px;
}
.proDetail-info .order a {
    text-decoration: none;
    display: inline-block;
    line-height: 22px;
}
.proDetail-info .order a.cart {
    display: block;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    padding: 13px 0px 5px 0px;
    text-decoration: none;
    border-radius: 4px;
}
.proDetail-info .order a.cart1 {
    display: block;
    background-color: #666666;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
}
.proDetail-info .order a b {
    font-weight: 100;
    font-size: 20px;
    font-family: Arial, sans-serif;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.proDetail-info .order a:hover {
    background-color: #ed253c;
}

div.bk-btn .bk-btn-box .bk-btn-paynow {
    display: none !important;
}
div.bk-btn .bk-btn-box .bk-btn-installment {
    float: left;
    width: 49%;
    padding: 12px 0px;
    margin: 0px 0px 10px;
}
div.bk-btn .bk-btn-box .bk-btn-installment-amigo {
    float: right;
    width: 49%;
    padding: 10px 0px 9px;
    margin: 0px 0px 10px;
}
.cart-bk {
    padding: 0px 10px;
}

.proDetail-info .order-ment-l {
    float: left;
    width: 49%;
}
.proDetail-info .order-ment-r {
    float: right;
    width: 100%;
}
.proDetail-info .order-ment a.ment1 {
    display: block;
    background-color: #2d559b;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    padding: 10px 0px;
    margin: 10px 0px;
}
.proDetail-info .order-ment a.ment1 .t1 {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
.proDetail-info .order-ment a.ment1 .t2 {
    display: block;
}
.proDetail-info .order-ment a.ment1:hover {
    background-color: #0d3985;
}

.proDetail-info .send {
    border: solid 1px #cdcdcd;
    background-color: #f1f1f1;
}
.proDetail-info .send .title {
    padding: 2px 10px 0px;
}
.proDetail-info .send .title a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.proDetail-info .send .content {
    padding: 10px 10px 10px;
}
.proDetail-info .send .content .text {
    float: left;
    width: 70%;
}
.proDetail-info .send .content .sub {
    float: right;
    width: 28%;
    position: relative;
}
.proDetail-info .send .content .text span {
    display: block;
    background-color: #ffffff;
    border: solid 1px #cdcdcd;
    color: #767676;
    padding: 3px 5px;
}
.proDetail-info .send .content .text .formTel {
    border: none;
    background-color: none;
    width: 100%;
    font-size: 13px;
    color: #666666;
}
.proDetail-info .send .content .sub .checkFromTel {
    background-color: #ed253c;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 6px 0px;
    cursor: pointer;
    width: 100%;
}
.proDetail-info .send .content .sub .checkFromTel:hover,
.proDetail-send .content .sub .checkFromTel1:hover,
.proDetail-send .content .sub .checkFromTel2:hover {
    background-color: #ed0202;
}
.proDetail-info .send .formTelSend {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f1f1f1;
    height: 40px;
    width: 100%;
    display: none;
}
.proDetail-info .send .cssFull {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
}

.proDetail-info .promo-l {
    float: left;
    width: 60%;
    background-color: #fb6848;
    border-radius: 4px;
}
.proDetail-info .promo-r {
    float: right;
    width: 39%;
}
.proDetail-info .promo-l .promo-header {
    background: url(/wp-content/themes/flatsome-child/library/pro-promo.png)
    no-repeat scroll top right transparent;
}
.proDetail-info .promo-l .promo-header .header-l {
    float: left;
    padding: 10px 0px;
}
.proDetail-info .promo-l .promo-header .header-r {
    float: right;
    padding-top: 8px;
}
.proDetail-info .promo-l .promo-header .header-l p {
    margin: 0px;
    padding: 0px 10px;
}
.proDetail-info .promo-l .promo-header .header-l .title {
    color: #ffffff;
    font-size: 16px;
}
.proDetail-info .promo-l .promo-header .header-l .pri {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
}
.proDetail-info .promo-l .promo-header .header-l .line {
    color: #ffffff;
}
.proDetail-info .promo-l .promo-header .header-l .line .numb {
    text-decoration: line-through;
}
.proDetail-info .promo-l .promo-header .header-r p {
    margin: 0px;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
}
.proDetail-info .promo-l .promo-header .header-r .countdown span {
    display: inline-block;
    padding: 0px 2px;
    color: #fff;
}
.proDetail-info
.promo-l
.promo-header
.header-r
.countdown
span.countdown_amount {
    background-color: #ffffff;
    border-radius: 4px;
    color: #d70018;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 16px;
}
.proDetail-info
.promo-l
.promo-header
.header-r
.countdown
span.countdown_text {
    text-shadow: 1px 1px 0px #333;
}
.proDetail-info .promo-l .promo-header .header-r .fscount {
    margin: 10px 5px 0px;
    position: relative;
    height: 25px;
}
.proDetail-info .promo-l .promo-header .header-r .fscount .symbol1 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    z-index: 3;
    padding: 2px 0px;
}
.proDetail-info .promo-l .promo-header .header-r .fscount .symbol2 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-color: #dddddd;
    border-radius: 8px;
    height: 20px;
}
.proDetail-info .promo-l .promo-header .header-r .fscount .symbol3 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #feca13;
    border-radius: 8px;
    height: 20px;
}
.proDetail-info .promo-l .promo-header .header-r .fscount .symbol4 {
    position: absolute;
    top: -7px;
    left: -5px;
    width: 28px;
    height: 28px;
    z-index: 3;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -178px -158px transparent;
}
.proDetail-info .promo-l .promo-header .header-r .fscount .symbol5 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-color: #dddddd;
    border-radius: 8px;
    text-align: center;
    padding: 2px;
}

.proDetail-info .promo-l .promo-border {
    margin: 0px 5px 5px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 5px;
}
.proDetail-info .promo-l .promo-border .proDetail-saleoff {
    border: none;
    border-radius: 0px;
    overflow: auto;
    padding: 10px 0px;
}
div.proDetail-info .promo-l .promo-border .proDetail-saleoff .title {
    background: none;
    border-radius: 0px;
}
div.proDetail-info .promo-l .promo-border .proDetail-summary {
    margin-top: 0px;
    border: none;
    border-radius: 0px;
}
div.proDetail-info .promo-l .promo-border .proDetail-summary .title {
    background: none;
    padding: 0px;
    text-transform: none;
}
.proDetail-info .promo-r .info {
    border: solid 1px #e5e7eb;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
}
.proDetail-info .promo-r .info .qrcode {
    top: 0px;
}
.proDetail-info .promo-r .info .list {
    float: none;
    width: auto;
}
.proDetail-info .promo-r .sector {
    margin-bottom: 10px;
    border: solid 1px #eeeeee;
    border-radius: 8px;
    display: none;
}
.proDetail-info .promo-r .province {
    float: left;
    width: 49%;
    border: solid 1px #eeeeee;
    border-radius: 8px;
}
.proDetail-info .promo-r .district {
    float: right;
    width: 49%;
    border: solid 1px #eeeeee;
    border-radius: 8px;
}
.proDetail-info .promo-r select {
    border: none;
    background: none;
    width: 100%;
    text-align: center;
    padding: 8px 0px;
}
.proDetail-info .promo-r .title {
    padding: 5px 0px;
}
.proDetail-info .promo-r .tel {
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    font-size: 12px;
    color: #4a4a4a;
    overflow: hidden;
}
.proDetail-info .promo-r .tel li {
    padding: 10px 5px 10px 25px;
    position: relative;
}
.proDetail-info .promo-r .tel li.bg {
    background-color: #f2f2f2;
}
.proDetail-info .promo-r .tel li a.atel {
    color: #d70018;
    font-weight: bold;
    text-decoration: none;
}
.proDetail-info .promo-r .tel li a.amap {
    color: #d70018;
    text-decoration: none;
    font-style: italic;
}
.proDetail-info .promo-r .tel li a.atel span.symbol {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 10px;
    left: 5px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -215px -72px transparent;
}
.proDetail-info .promo-r .proDetail-summary .title {
    border-radius: 4px 4px 0px 0px;
    padding-left: 10px;
}
.proDetail-info .promo-r .proDetail-summary .summary {
    height: 100px;
    overflow: hidden;
}
.proDetail-info .promo-r .more-summary {
    text-align: center;
}
.proDetail-info .promo-r .more-summary a {
    background-color: #d1d5db;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 0px 0px 4px 4px;
    font-size: 12px;
    color: #000;
}
.proDetail-info .promo-r .more-summary a span {
    border-color: #0000 #0000 #000;
    border-style: solid;
    border-width: 0 5px 5px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(180deg);
    vertical-align: middle;
}

.proDetail-coupons {
    padding: 5px;
}
.proDetail-coupons p {
    position: relative;
    border: 1px dashed rgb(219, 150, 20);
    border-radius: 4px;
    padding: 5px 5px;
    margin: 5px 0px;
}
.proDetail-coupons p span.key {
    color: Red;
    font-weight: bold;
}
.proDetail-coupons p span.key.active {
    background-color: yellow;
}
.proDetail-coupons p span.cprice {
    font-weight: bold;
}
.proDetail-coupons p a span.copy {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -206px -160px transparent;
    margin-left: 5px;
}
.proDetail-coupons p a span.copytext {
    font-style: italic;
    color: #666666;
    font-size: 12px;
}

.proDetail-support .sector {
    margin-bottom: 10px;
    border: solid 1px #eeeeee;
    border-radius: 8px;
    display: none;
}
.proDetail-support .province {
    float: left;
    width: 49%;
    border: solid 1px #eeeeee;
    border-radius: 8px;
}
.proDetail-support .district {
    float: right;
    width: 49%;
    border: solid 1px #eeeeee;
    border-radius: 8px;
}
.proDetail-support select {
    border: none;
    background: none;
    width: 100%;
    text-align: center;
    padding: 8px 0px;
}
.proDetail-support .title {
    padding: 5px 0px;
}
.proDetail-support .tel {
    border: solid 1px #e5e7eb;
    border-radius: 12px;
    font-size: 12px;
    color: #4a4a4a;
    overflow: hidden;
}
.proDetail-support .tel li {
    padding: 10px 5px 10px 25px;
    position: relative;
}
.proDetail-support .tel li.bg {
    background-color: #f2f2f2;
}
.proDetail-support .tel li a.atel {
    color: #d70018;
    font-weight: bold;
    text-decoration: none;
}
.proDetail-support .tel li a.amap {
    color: #d70018;
    text-decoration: none;
    font-style: italic;
}
.proDetail-support .tel li a.atel span.symbol {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 10px;
    left: 5px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -215px -72px transparent;
}

.proDetail-summary {
    margin-top: 10px;
    border: solid 1px #d1d5db;
    border-radius: 12px;
}
.proDetail-summary .title {
    background-color: #d1d5db;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 12px 12px 0px 0px;
}
.proDetail-summary .summary {
    padding: 10px;
}
.proDetail-summary .summary ul.style li {
    position: relative;
    padding: 5px 0px 5px 25px;
    color: #333333;
}
.proDetail-summary .summary ul.style li span {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    scroll -197px -52px transparent;
    vertical-align: middle;
}

ul.proDetail-cate-title li {
    float: left;
    margin: 5px;
    font-size: 12px;
}
ul.proDetail-cate-title li a {
    display: inline-block;
    border: solid 1px #ededed;
    background-color: #f3f3f3;
    padding: 8px 15px;
    color: #000000;
    text-transform: uppercase;
    border-radius: 12px;
    font-weight: bold;
}
ul.proDetail-cate-title li.active a {
    background-color: #fcf2f2;
    border: solid 1px #c51f27;
    color: #c51f27;
}
.proDetail-cate-pro {
    overflow: hidden;
    position: relative;
    background-color: #f4f4f4;
    border-radius: 12px;
}
.proDetail-cate-pro .title {
    text-transform: uppercase;
    color: #333333;
    padding: 20px 10px 10px;
    font-size: 18px;
    font-weight: bold;
}
.proDetail-cate-pro .border {
    background-color: #f4f4f4;
    border-radius: 12px;
}
.proDetail-cate-pro .list {
    float: left;
    width: calc(20% - 36px);
    margin: 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.proDetail-cate-pro .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.proDetail-cate-pro .list .img a {
    display: block;
    height: 230px;
}
.proDetail-cate-pro .list .img img {
    max-width: 100%;
    max-height: 100%;
}
.proDetail-cate-pro .list .name {
    padding: 5px 0px;
    text-align: center;
}
.proDetail-cate-pro .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.proDetail-cate-pro .list .price {
    padding: 5px 0px 20px;
    text-align: center;
    font-weight: bold;
}
.proDetail-cate-pro .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.proDetail-cate-pro .list .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.proDetail-cate-pro .next {
    position: absolute;
    top: 40%;
    left: 0px;
}
.proDetail-cate-pro .prev {
    position: absolute;
    top: 40%;
    right: 0px;
}
.proDetail-cate-pro .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.proDetail-cate-pro .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.proDetail-cate-pro .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.proDetail-cate-pro .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.proDetail-cate-pro .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.proDetail-cate-pro .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.proDetail-cate-pro .img .bannerJoin a {
    display: block;
    height: 230px;
}
.proDetail-cate-pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.pro-content {
    float: left;
    width: 70%;
    padding-top: 10px;
}
.pro-right {
    float: right;
    width: 28%;
    position: relative;
    padding-top: 10px;
}

.proDetailContent {
    padding: 20px 20px 0px 20px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.proDetailContent img,
.proDetailFilter img {
    max-width: 100% !important;
    height: auto !important;
}
.proDetailContent iframe {
    max-width: 100%;
}
.proDetailContent h2,
.proDetailContent h3 {
    line-height: normal;
}
.proDetailContent a {
    text-decoration: none;
}
.proDetailContent a:hover {
    text-decoration: underline;
}
.proDetailContent .other {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 12px;
}
.proDetailContent .other h2.t {
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
    color: #d70018;
    text-transform: uppercase;
    font-size: 22px;
}
.txt_area .devvn-popup-quickbuy {
    display: none;
}
.proDetailContent table {
    border-collapse: collapse;
    width: 100% !important;
}
.proDetailContent table tr {
}
.proDetailContent table tr:hover {
    background-color: #eefcf5;
}
.proDetailContent table tr td {
    border: solid 1px #cccccc;
    padding: 8px 10px;
    color: #000000;
}
.proDetailContent table tr.title {
    font-weight: bold;
    background-color: #fcf6f1;
}
table.style {
    border-collapse: collapse;
    max-width: 100% !important;
}
table.style tr {
}
table.style tr:hover {
    background-color: #eefcf5;
}
table.style tr td {
    border: solid 1px #cccccc;
    padding: 8px 10px;
    color: #000000;
}
table.style tr.title {
    font-weight: bold;
    background-color: #fcf6f1;
}

.proDetail-ContentOther {
    text-align: center;
    display: none;
}
.proDetail-ContentOther button {
    color: rgba(51, 51, 51, 0.5);
    text-align: center;
    margin: 0 5px 20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    display: inline-block;
    border: none;
    font-size: 19px;
    background-color: transparent;
    background-size: 26px 17px;
    padding-bottom: 0;
    padding-top: 40px;
    cursor: pointer;
}
.proDetail-ContentOther button .arrow:before {
    animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}
.proDetail-ContentOther button .arrow:after {
    animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}
.proDetail-ContentOther button .arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}
.proDetail-ContentOther button span,
.proDetail-ContentOther button span span {
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
}
.proDetail-ContentOther button span span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    width: 25px;
    top: 9px;
    height: 15px;
    opacity: 0.3;
    background-size: contain;
    background-repeat: no-repeat;
}
.proDetail-ContentOther button span.arrow {
    top: 22px;
}
.proDetail-ContentOther button span.arrow:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    right: 0;
    left: 0;
    top: -5px;
    margin: auto;
    position: absolute;
    opacity: 1;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.proDetail-ContentOther button span.arrow:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
    display: block;
    width: 25px;
    top: 2px;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    opacity: 0.5;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
@keyframes animate-arrow-1 {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    70%,
    to {
        transform: translateY(0);
        opacity: 0.3;
    }
}
@keyframes animate-arrow-2 {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    70%,
    to {
        transform: translateY(0);
        opacity: 0.5;
    }
}
@keyframes animate-arrow-3 {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    70%,
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
div.pro-contentFull {
    float: none;
    width: auto;
}
.pro-content .pDetail-filter {
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
}
.pro-content .pDetail-filter .title {
    text-transform: uppercase;
    border-left: solid 8px #d70018;
    color: #d70018;
    font-weight: bold;
    font-size: 20px;
    padding: 3px 10px;
}

.proDetailFilter img {
    max-width: 100% !important;
}
.proDetailFilter iframe {
    max-width: 100% !important;
}
.proDetailFilter {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 22px;
    overflow: auto;
}
.proDetailFilter table {
    border-collapse: collapse;
    max-width: 100% !important;
}
.proDetailFilter table tr {
}
.proDetailFilter table tr.title {
    background-color: #f9f9f9;
}
.proDetailFilter table tr:hover {
    background-color: #eefcf5;
}
.proDetailFilter table td {
    border-bottom: solid 1px #e3e3e3;
    padding: 5px 1px;
    color: #000000;
}
.proDetailFilter table td.td1 {
    width: 40%;
}
.proDetailFilter table td.td2 {
    width: 60%;
}

.pDetail-filter {
    padding: 10px 10px 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.pDetail-filter .title {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0px;
}
.pDetail-filter .content {
    font-size: 16px;
    line-height: 22px;
}
.pDetail-filter .list {
    border-bottom: solid 1px #e3e3e3;
}
.pDetail-filter .list_0 {
    background-color: #f9f9f9;
}
.pDetail-filter .list .cols1 {
    float: left;
    width: 30%;
}
.pDetail-filter .list .cols2 {
    float: left;
    width: 70%;
}
.pDetail-filter .list span {
    display: block;
    padding: 10px;
}

.pDetail-order {
    text-align: center;
}
.pDetail-order a {
    color: #ffffff;
    background-color: #d0021b;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
.pDetail-order a:hover {
    background-color: red;
}
.pDetail-tab {
    border-bottom: solid 1px #ebebeb;
    position: relative;
    background-color: #ffffff;
    height: 40px;
    border-radius: 4px 4px 0px 0px;
}
.pDetail-tab h2 {
    color: #2d559b;
    border-bottom: solid 1px #2d559b;
    position: absolute;
    margin: 0px;
    font-weight: 100;
    text-transform: uppercase;
}
.pDetail-tab h2 span {
    color: #2d559b;
    display: block;
    padding: 15px 5px 5px 2px;
    text-transform: uppercase;
    font-size: 20px;
}

.proDetail-pricelist {
    position: relative;
    overflow: hidden;
    border: solid 5px #d62128;
}
.proDetail-pricelist .swiper-button-next {
    left: 0px;
    top: 45%;
}
.proDetail-pricelist .swiper-button-prev {
    right: 0px;
    top: 45%;
}
.proDetail-pricelist .swiper-button-next span {
    display: inline-block;
    width: 33px;
    height: 59px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -37px transparent;
    vertical-align: middle;
}
.proDetail-pricelist .swiper-button-prev span {
    display: inline-block;
    width: 33px;
    height: 59px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -40px -37px transparent;
    vertical-align: middle;
}

.proDetail-pricelist .thumb .list {
    float: left;
    width: 20%;
    height: 370px;
}
.proDetail-pricelist .thumb .list .border {
    border-left: solid 1px #e1e1e1;
    background-color: #ffffff;
}
.proDetail-pricelist .thumb .list .border .img {
    height: 260px;
    overflow: hidden;
    position: relative;
}
.proDetail-pricelist .thumb .list .border .img a {
    padding: 10px;
    display: block;
}
.proDetail-pricelist .thumb .list .border .img img {
    width: 100%;
}
.proDetail-pricelist .thumb .list:hover .border .img img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
}
.proDetail-pricelist .thumb .list .border .img .icon {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}
.proDetail-pricelist .thumb .list .border .img .icon .icon1 span {
    display: inline-block;
    width: 115px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -185px transparent;
    vertical-align: middle;
}
.proDetail-pricelist .thumb .list .border .img .icon .icon2 span {
    display: inline-block;
    width: 135px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -119px -185px transparent;
    vertical-align: middle;
}
.proDetail-pricelist .thumb .list .border .img .icon .icon3 span {
    display: inline-block;
    width: 136px;
    height: 22px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -209px transparent;
    vertical-align: middle;
}
.proDetail-pricelist .thumb .list .border .img .bannerJoin {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.proDetail-pricelist .thumb .list .border .img .bannerJoin a {
    padding: 10px;
    display: block;
}
.proDetail-pricelist .thumb .list .border .img .bannerJoin img {
    max-width: 100%;
}
.proDetail-pricelist .thumb .list .border .name {
    margin: 5px;
    height: 34px;
    overflow: hidden;
    line-height: 18px;
}
.proDetail-pricelist .thumb .list .border .name a {
    color: #333333;
    text-decoration: none;
}
.proDetail-pricelist .thumb .list .border .name a:hover {
    color: #004c84;
}
.proDetail-pricelist .thumb .list .border .price {
    margin: 10px 5px;
    height: 60px;
}
.proDetail-pricelist .thumb .list .border .price .pri {
    color: #d0021b;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
}
.proDetail-pricelist .thumb .list .border .price .line {
    font-size: 14px;
    margin: 0px;
    padding-top: 5px;
}
.proDetail-pricelist .thumb .list .border .price .line .numb {
    color: #999999;
    text-decoration: underline;
    text-decoration: line-through;
}
.proDetail-pricelist .thumb .list .border .price .line .sale {
    font-weight: bold;
    color: #d0021b;
}

.pDetail-tel {
    border: solid 1px #eeeeee;
    background-color: #fefcfc;
    padding: 15px 0px;
    border-radius: 12px;
}
.pDetail-tel .left {
    float: left;
    width: 40%;
}
.pDetail-tel .right {
    float: left;
    width: 60%;
}
.pDetail-tel .left .img {
    float: left;
    width: 20%;
}
.pDetail-tel .left .img img {
    width: 100%;
}
.pDetail-tel .left .info {
    float: right;
    width: 79%;
}
.pDetail-tel .left .info .name {
    color: #333333;
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}
.pDetail-tel .left .info .price {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    color: red;
    font-size: 16px;
    font-weight: bold;
}
.pDetail-tel .left .info .price .line {
    color: #666666;
    text-decoration: line-through;
    font-weight: 100;
}
.pDetail-tel .right .order {
    float: left;
    padding-top: 3px;
    width: 35%;
}
.pDetail-tel .right .order .cart {
    display: inline-block;
    background-color: #d0021b;
    padding: 15px 30px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
}
.pDetail-tel .right .order .cart1 {
    display: inline-block;
    background-color: #666666;
    padding: 15px 30px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
}
.pDetail-tel .right .order .cart:hover {
    background-color: #f97d10;
}
.pDetail-tel .right .send {
    float: left;
    width: 65%;
    background-color: #f4f4f4;
}

.pDetail-tel .right .send .content {
    padding: 10px 10px 10px;
}
.pDetail-tel .right .send .text {
    float: left;
    width: 70%;
}
.pDetail-tel .right .send .sub {
    float: right;
    width: 28%;
    position: relative;
}
.pDetail-tel .right .send .text span {
    display: block;
    background-color: #ffffff;
    border: solid 1px #cdcdcd;
    color: #767676;
    padding: 3px 5px;
}
.pDetail-tel .right .send .text .formTel {
    border: none;
    background-color: initial;
    width: 100%;
    font-size: 13px;
    color: #666666;
}
.pDetail-tel .right .send .sub .checkFromTel,
.proDetail-send .content .sub .checkFromTel1 {
    background-color: #ff0000;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 6px 0px;
    cursor: pointer;
    width: 100%;
}
.pDetail-tel .right .send .sub .checkFromTel:hover,
.proDetail-send .content .sub .checkFromTel1:hover {
    background-color: #ed0202;
}
.pDetail-tel .right .send .formTelSend {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f1f1f1;
    height: 40px;
    width: 100%;
    display: none;
}
.pDetail-tel .right .send .cssFull {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
}

.pDetail-intro {
    padding: 10px;
    background-color: #fbf6ec;
    border: solid 2px #ff9900;
    border-radius: 12px;
}
.pDetail-you {
    padding: 5px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.pDetail-you .t {
    font-weight: bold;
    padding: 5px 0px;
}
.pDetail-you .t span {
    display: inline-block;
    width: 22px;
    height: 16px;
    background: transparent
    url("/wp-content/themes/flatsome-child/library/icon.png") no-repeat scroll -264px -74px;
    vertical-align: middle;
}
.pDetail-you .img {
    float: left;
    width: 30%;
}
.pDetail-you .name {
    float: right;
    width: 70%;
    color: #000000;
    text-decoration: none;
}
.pDetail-you .img img {
    border-radius: 4px;
    width: 95%;
}

.fun_from {
    padding: 20px;
}
.fun_from .cols {
    padding: 10px;
}
.fun_from .cols .cssTextBox {
    font-size: 14px;
    width: 100%;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    padding: 10px 0px;
    text-indent: 5px;
    border-radius: 4px;
}
.fun_from .captcha {
    padding: 10px;
}
.fun_from .captcha .cols1 {
    float: left;
}
.fun_from .captcha .cols2 {
    float: left;
}
.fun_from .captcha .cols3 {
    float: left;
    position: relative;
}
.fun_from .captcha .cols1 .b {
    border: 1px solid #c0c0c0;
    background: #ffffff;
    padding: 5px;
}
.fun_from .captcha .cols1 .b .cssTextBox {
    font-size: 14px;
    width: 100%;
    border: none;
    background: none;
}
.fun_from .captcha .cols3 .sub {
    background-color: #ff6600;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 6px 50px;
    border-radius: 4px;
    text-decoration: none;
}
.fun_from .captcha .cols3 .sub:hover {
    background-color: #ff0000;
}
.fun_from .captcha .cols3 #loadSendPro {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 250px;
    background-color: #fbf6ec;
    display: none;
}

.fix-menu {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #2d559b;
    z-index: 9;
    box-shadow: 0px 2px 5px #c0c0c0;
    display: none;
}
.fix-menu .l {
    float: left;
}
.fix-menu .r {
    float: right;
}
.fix-menu .l ul {
}
.fix-menu .l ul li {
    float: left;
}
.fix-menu .l ul li a {
    color: #ffffff;
    padding: 12px 15px;
    display: block;
    text-decoration: none;
    border-bottom: solid 3px #2d559b;
    margin-left: 1px;
}
.fix-menu .l ul li.active a {
    border-bottom: solid 3px #de2533;
}
.fix-menu .r .cols {
    float: left;
}
.fix-menu .r .cols1 {
    padding-top: 8px;
}
.fix-menu .r .cols1 span {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent
    url("/wp-content/themes/flatsome-child/library/icon.png") no-repeat scroll -43px
    top;
    vertical-align: middle;
}
.fix-menu .r .cols2 {
    padding: 0px 10px;
}
.fix-menu .r .cols2 p {
    margin: 0px;
}
.fix-menu .r .cols2 p.p1 {
    color: #f1f1f1;
    padding-bottom: 3px;
}
.fix-menu .r .cols2 p.p2 a {
    color: #ff9f00;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
}
.fix-menu .r .cols3 {
    padding-top: 3px;
}
.fix-menu .r .cols3 a {
    color: #ffffff;
    background-color: #d0021b;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
}
.fix-menu .r .cols3 a:hover {
    background-color: #ff9f00;
}

/*heading===*/
.heading {
    padding: 10px 0px;
    border-radius: 12px;
    font-size: 14px;
}
.heading-t {
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.heading-t .b {
    display: inline-block;
    background-color: #fffac2;
    padding: 4px 10px;
    border-radius: 8px;
}
.heading-t .text {
    font-size: 16px;
    vertical-align: middle;
}
.heading-t div#hide-show {
    display: inline-block;
    color: #999999;
    padding-left: 5px;
    vertical-align: middle;
}
.heading-t div#hide-show a {
    color: #666666;
}
.heading-c {
    padding: 10px;
    border: solid 1px #fffac2;
    border-radius: 12px;
    display: none;
}
.heading-c .list {
    padding: 5px 0px;
}
.heading-c .list span {
    font-weight: bold;
    padding-right: 5px;
    color: #666666;
}
.heading-c .list a {
    color: #e14d43;
    text-decoration: none;
}
.heading-c .list a:hover {
    text-decoration: underline;
}
.heading-c .list_2 {
    padding-left: 20px;
}
.heading-c .list_3 {
    padding-left: 40px;
}
.heading-c .list_4 {
    padding-left: 60px;
}
.heading-fix {
    position: fixed;
    top: 130px;
    left: 0px;
    z-index: 2;
    display: none;
}
.heading-fix .symbol {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -81px transparent;
    vertical-align: middle;
}
.heading-fix .h_menu_sub {
    top: 10px;
    left: 10px;
    font-size: 14px;
}
.heading-fix .h_menu_sub .border {
    margin: 0px 0px 0px 34px;
    width: 500px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    box-shadow: 1px 2px 5px #e2e2e2;
    padding: 10px;
    border-radius: 4px;
    position: relative;
}
.heading-fix .h_menu_sub .border .symbol1 {
    position: absolute;
    top: 4px;
    left: -7px;
    width: 8px;
    height: 12px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -46px -81px transparent;
    vertical-align: middle;
}
.heading-fix .h_menu_sub .border .list {
    padding: 5px 0px;
}
.heading-fix .h_menu_sub .border .list span {
    font-weight: bold;
    padding-right: 5px;
    color: #666666;
}
.heading-fix .h_menu_sub .border .list a {
    color: #e14d43;
    text-decoration: none;
}
.heading-fix .h_menu_sub .border .list a:hover {
    text-decoration: underline;
}
.heading-fix .h_menu_sub .border .list_2 {
    padding-left: 20px;
}
.heading-fix .h_menu_sub .border .list_3 {
    padding-left: 40px;
}
.heading-fix .h_menu_sub .border .list_4 {
    padding-left: 60px;
}

/*tags=====*/
.tagsTitle {
    padding-bottom: 10px;
}
.tagsTitle .title {
    height: 20px;
    position: relative;
    border-bottom: solid 4px #004c84;
}
.tagsTitle .title .b {
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
}
.tagsTitle .title .b h1,
.tagsTitle .title .b h2 {
    background-color: #ffffff;
    display: inline-block;
    color: #004c84;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 10px;
    font-size: 22px;
}
.tagsTitle .title .b h1 span,
.tagsTitle .title .b h2 span {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -246px -65px transparent;
    vertical-align: middle;
}

.tags-title {
    background-color: #de2533;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
}
ul.tags-list {
}
ul.tags-list li {
    float: left;
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #2d559b;
}
ul.tags-list li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.tagsProHot {
    padding-top: 360px;
}

/*proOther-video*/
.video-left {
    float: left;
}
.video-right {
    float: right;
}
.video-right .searh {
    padding: 5px 5px 0px;
    width: 300px;
}
.video-right .searh .form {
    background-color: #ffffff;
    border: solid 1px #ec253c;
    padding: 5px;
    position: relative;
    border-radius: 2px;
}
.video-right .searh .form .textbox {
    width: 100%;
    border: none;
    background: none;
}
.video-right .searh .form .submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 28px;
    background: #ec253c url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -156px -447px;
    border: none;
    cursor: pointer;
}
.proOther-video {
}
.proOther-video .top {
    padding-top: 2px;
}
.proOther-video .top iframe,
.proOther-video .top embed {
    width: 100%;
    height: 500px;
}
.proOther-video .left iframe,
.proOther-video .left embed {
    width: 100%;
    height: 325px;
}
.proOther-video .left {
    float: left;
    width: 63%;
    padding-top: 1px;
}
.proOther-video .right {
    float: right;
    width: 37%;
    padding-top: 1px;
    background-color: #f5f5f5;
}
.proOther-video .right ul {
    height: 278px;
    overflow: auto;
}
.proOther-video .right ul li {
    padding: 5px 10px;
}
.proOther-video .right ul li .index {
    float: left;
    width: 5%;
    color: #888888;
    padding-top: 16px;
}
.proOther-video .right ul li .img {
    float: left;
    width: 30%;
}
.proOther-video .right ul li .name {
    float: left;
    width: 65%;
}
.proOther-video .right ul li .name a {
    color: #6a6a6a;
    font-weight: bold;
    text-decoration: none;
}
.proOther-video .right ul li:hover {
    background-color: #e8e8e8;
}
.proOther-video .right ul li .img img {
    width: 90%;
    height: 50px;
}
.proOther-video .right .title {
    background-color: #2d559b;
    padding: 15px;
    color: #ffffff;
    font-size: 16px;
}
.proOther-video .right ul li.active {
    position: relative;
}
.proOther-video .right ul li.active .index span {
    position: absolute;
    top: 23px;
    left: 10px;
    width: 11px;
    height: 11px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -268px -219px transparent;
}
.proOther-video .right ul li.active .index {
    color: #f5f5f5;
}

.proDetail-history {
    padding: 20px 0px;
    background-color: #eeeeee;
}
.proDetail-history .nextprev {
    position: relative;
}
.proDetail-history .nextprev .next {
    position: absolute;
    top: 50px;
    left: -40px;
}
.proDetail-history .nextprev .prev {
    position: absolute;
    top: 50px;
    right: -40px;
}
.proDetail-history .nextprev a {
    display: inline-block;
    padding: 5px;
}
.proDetail-history .nextprev .next a span {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.proDetail-history .nextprev .prev a span {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}

.proDetail-history .title {
    padding: 10px 0px;
    font-size: 20px;
    font-weight: bold;
}
.proDetail-history .pro {
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 12px;
}
.proDetail-history .pro .list {
    float: left;
    width: 12.5%;
}
.proDetail-history .pro .list .border {
    padding: 5px;
    position: relative;
}
.proDetail-history .pro .list .border .move {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: #ffffff;
    z-index: 9;
    display: none;
    opacity: 0.9;
    border-radius: 12px;
}
.proDetail-history .pro .list .border .img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
}
.proDetail-history .pro .list .border .img a {
    display: block;
    border: solid 2px #ffffff;
}
.proDetail-history .pro .list .border:hover .img a {
    display: block;
    border: solid 2px #ee2624;
    border-radius: 12px;
}
.proDetail-history .pro .list .border:hover .move {
    display: inline-block;
    transition: 2s;
}
.proDetail-history .pro .list .border .move .name {
    padding: 5px;
}
.proDetail-history .pro .list .border .move .name a {
    color: #0066d1;
    text-decoration: none;
    display: block;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}
.proDetail-history .pro .list .border .move .price {
    color: #ff3300;
    font-size: 16px;
    padding: 5px;
}
.proDetail-history .pro .list .border .move .price span {
    color: #7a7a7a;
    display: block;
    font-size: 14px;
    text-decoration: line-through;
}
.proDetail-history .pro .swiper-notification {
    display: none;
}

/*img-rea===*/
.img-rea {
    background-color: #ffffff;
    position: relative;
    padding: 10px 0px;
}
.img-rea .border {
    overflow: hidden;
    text-align: center;
}
.img-rea ul li {
    float: left;
    width: 17%;
    text-align: center;
}
.img-rea ul li.other {
    width: 15%;
}
.img-rea ul li .b {
    margin: 0px 5px;
    border: solid 1px #f4f4f4;
    height: 100px;
    text-align: center;
}
.img-rea ul li .b a {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}
.img-rea ul li .b a img {
    max-width: 95%;
    max-height: 100px;
}
.img-rea ul li.other .b a {
    display: block;
    color: #5a7ab7;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.img-rea ul li.other .b a span.symbol {
    margin-top: 10px;
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -58px -82px transparent;
}
.img-rea ul li.other .b a span.text {
    display: block;
    color: #337ab7;
    text-decoration: none;
}

.pro-same {
    position: relative;
}
.pro-same ul {
}
.pro-same ul li {
    float: left;
    width: 25%;
}
.pro-same ul li .img {
    margin: 5px;
    height: 220px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.pro-same ul li .img a {
}
.pro-same ul li .img img {
    max-width: 95%;
    max-height: 95%;
}
.pro-same ul li .img .sale {
    z-index: 2;
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: #ff4300;
    border-radius: 30px;
}
.pro-same ul li .img .sale span {
    display: inline-block;
    color: #ffffff;
    width: 40px;
    height: 40px;
}
.pro-same ul li .img .sale span b {
    display: block;
    padding-top: 10px;
}
.pro-same ul li .img .bannerJoin {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.pro-same ul li .img .bannerJoin img {
    max-width: 100%;
    max-height: 220px;
}
.pro-same ul li .name {
    padding: 0px 10px;
    text-align: center;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}
.pro-same ul li .name a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.pro-same ul li .price {
    padding: 0px 10px;
    text-align: center;
    height: 50px;
    overflow: hidden;
}
.pro-same ul li .price .line {
    margin: 0px;
    padding: 5px 5px 0px;
}
.pro-same ul li .price .pri {
    color: Red;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 5px;
}
.pro-same ul li .price .line .numb {
    color: #999999;
    text-decoration: line-through;
}
.pro-same ul li .price .line .sale {
    color: Red;
}

/*proDetail-accessory===*/
.proDetail-accessory {
}
.proDetail-accessory .title {
    padding: 5px 0px;
}
.proDetail-accessory ul li {
    float: left;
    width: calc(25% - 12px);
    margin: 5px;
    border: solid 1px #eeeeee;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
}
.proDetail-accessory ul li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #333333;
}
.proDetail-accessory ul li a span {
    display: block;
}
.proDetail-accessory ul li a span.a-price {
    font-weight: bold;
    padding-top: 5px;
}
.proDetail-accessory ul li:hover {
    box-shadow: 1px 2px 5px #c0c0c0;
}
.proDetail-accessory ul li:first-child {
    border: solid 1px #2d559b;
}
.proDetail-accessory ul li:first-child a {
    color: #2d559b;
}

.proDetail-related {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
    padding: 5px;
}
.proDetail-related .title {
    font-weight: bold;
    padding: 10px 0px;
    font-size: 16px;
}
.proDetail-related .list {
    padding: 10px 0px;
    border-bottom: dashed 1px #eeeeee;
}
.proDetail-related .list .img {
    float: left;
    width: 30%;
}
.proDetail-related .list .info {
    float: left;
    width: 70%;
}
.proDetail-related .list .img img {
    width: 95%;
    border-radius: 4px;
}
.proDetail-related .list .info .name {
}
.proDetail-related .list .info .name a {
    color: #434343;
    font-weight: bold;
    text-decoration: none;
}
.proDetail-related .list .info .name a:hover {
    color: red;
}
.proDetail-related .list .info .sku {
    padding: 10px 0px 0px;
    color: #666666;
}
.proDetail-related .list .info .price {
    padding: 10px 0px 0px;
}
.proDetail-related .list .info .price .pri {
    margin: 0px;
    font-weight: bold;
    color: #e10c00;
    font-size: 16px;
    padding-bottom: 5px;
}
.proDetail-related .list .info .price .line {
    display: inline-block;
    color: #666666;
    text-decoration: line-through;
    font-size: 14px;
    margin: 0px;
}

.related .temp1 {
    color: #666666;
    font-weight: bold;
}
.related .temp1 a {
    color: #666666;
    text-decoration: none;
}
.related .temp1 a:hover {
    color: #0066b3;
}

.related .temp {
    border-top: 1px solid #e2e2e3;
    border-bottom: 1px solid #e2e2e3;
    padding: 5px 0px;
}
.related .temp .t {
    float: left;
    width: 20%;
    font-weight: bold;
}
.related .temp .c {
    float: left;
    width: 80%;
}
.related .temp .c a {
    display: block;
    text-decoration: none;
    color: #666666;
    padding: 0px 0px 5px;
}
.related .temp .c a:hover {
    color: #0066b3;
}

/*brand-group======*/
.brand-group .title {
    position: relative;
    height: 35px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 30px;
}
.brand-group .title h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    border: solid 1px #e5e5e5;
    padding: 0px 10px 0px 0px;
}
.brand-group .title h2 a {
    color: #333333;
    text-decoration: none;
    margin: 0px;
    vertical-align: middle;
}
.brand-group .title h2 a img {
    height: 35px;
    vertical-align: middle;
    margin-right: 5px;
}
.brand-group .title .r {
    position: absolute;
    top: 27px;
    right: 0px;
    background-color: #ffffff;
    padding-left: 10px;
}
.brand-group .title .r a {
    color: #333333;
    text-decoration: none;
    margin: 0px;
    font-weight: bold;
}
.brand-group .title .r a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -218px -8px transparent;
    vertical-align: middle;
}
.brand-group .title a:hover {
    color: #d62128;
}
.brand-group .content {
    border: solid 1px #aaaaaa;
    padding: 10px;
    background-color: #f9f9f9;
}
.brand-group .content img,
.h-cols3 .content iframe {
    max-width: 100%;
}

.brand-group .title1 {
    border: solid 1px #e7e7e7;
    margin-top: 20px;
}
.brand-group .title1 h3 {
    float: left;
    margin: 0px;
    font-weight: 100;
    padding: 0px 0px 0px 0px;
    background-color: #004c84;
    position: relative;
}
.brand-group .title1 .l {
    float: left;
    padding: 10px 0px 0px 20px;
}
.brand-group .title1 h3 a {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 10px;
    text-decoration: none;
    font-size: 18px;
}
.brand-group .title1 .l a {
    display: block;
    text-decoration: none;
    color: #333333;
}
.brand-group .title1 .l a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -218px -8px transparent;
    vertical-align: middle;
}
.brand-group .title1 .l a:hover,
.h-cols3 .title1 .r a:hover {
    color: #d62128;
}
.brand-group .title1 h3 .f1 {
    position: absolute;
    top: 0px;
    left: -2px;
    display: inline-block;
    width: 10px;
    height: 41px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -234px -125px transparent;
    vertical-align: middle;
}
.brand-group .title1 h3 .f2 {
    position: absolute;
    top: 0px;
    right: -15px;
    display: inline-block;
    width: 18px;
    height: 37px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -264px -125px transparent;
    vertical-align: middle;
}
.brand-group a.title1a {
    display: inline-block;
    margin: 2px 4px 2px 0px;
    background-color: #004c84;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
}
.brand-group a.title1a:hover {
    background-color: #c9141c;
}

/*search=========*/
.form-search {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 8px 5px;
    margin: 8px 15px 0px 10px;
    position: relative;
}
.form-search .textbox {
    background: none;
    width: 100%;
    border: solid 1px #ffffff;
    outline: medium none;
    box-sizing: border-box;
}
.form-search .submit {
    position: absolute;
    border: none;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -40px top transparent;
    cursor: pointer;
}

.productSearch-key {
    font-size: 12px;
    padding: 10px;
    color: #666666;
    text-align: right;
}

.SR-Q {
    background-color: yellow;
}

.ac_results {
    margin-top: 9px;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-radius: 0px 0px 4px 4px;
    background-color: #ffffff;
    box-shadow: 1px 3px 3px #555555;
    text-align: left;
    z-index: 99;
}
.ac_results ul {
    padding: 0px;
}
.ac_results ul,
.ac_results ul li {
    list-style: none;
    margin: 0px auto 0px auto;
}
.ac_results li {
    cursor: default;
    display: block;
    padding: 2px 5px;
}
.ac_results li .img {
    float: left;
    text-align: center;
    width: 10%;
    height: 25px;
    overflow: hidden;
}
.ac_results li .img img {
    max-width: 50px;
    height: 25px;
}
.ac_results li .name {
    float: left;
    padding-top: 5px;
    width: 90%;
    height: 25px;
    overflow: hidden;
    border-bottom: solid 1px #f4f4f4;
}
.ac_results li .name a {
    line-height: 22px;
}
.ac_loading {
}
.ac_odd {
}
.ac_odd i,
.ac_even i {
}
.ac_odd em,
.ac_even em {
}
.ac_odd a {
    color: #3b5998;
    text-decoration: none;
}
.ac_over a {
    color: #ed253c;
}
.ac_p {
}
.ac_rc {
}
.ac_rc a {
}
.ac_rc a:hover {
}
.ac_ads {
}

/*new============*/
.new-menu {
}
.new-menu ul {
}
.new-menu ul li {
    padding: 10px;
    border-bottom: solid 1px #ededed;
}
.new-menu ul li.r {
}
.new-menu ul li.s {
    padding-left: 30px;
}
.new-menu ul li a {
    color: #004c84;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.new-menu ul li a.active {
    color: #ff0000;
}
.new-menu ul li a:hover {
    color: #ff0000;
}
.new-title {
    border-bottom: solid 1px #ebebeb;
    position: relative;
    background-color: #ffffff;
    height: 42px;
    border-radius: 4px 4px 0px 0px;
}
.new-title h1,
.new-title h2 {
    color: #2d559b;
    border-bottom: solid 1px #2d559b;
    position: absolute;
    margin: 0px;
    font-weight: 100;
    text-transform: uppercase;
}
.new-title h1 a,
.new-title h1 span,
.new-title h2 span,
.new-title h2 a {
    color: #2d559b;
    display: block;
    padding: 15px 5px 5px 2px;
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: none;
}
.new-left {
    float: left;
    width: 65%;
    padding-top: 10px;
}
.new-right {
    float: right;
    width: 33%;
    padding-top: 10px;
}
.new-right .searh {
    background-color: #ececec;
    padding: 10px;
}
.new-right .searh .form {
    background-color: #ffffff;
    border: solid 1px #ec253c;
    padding: 5px;
    position: relative;
    border-radius: 2px;
}
.new-right .searh .form .textbox {
    width: 100%;
    border: none;
    background: none;
}
.new-right .searh .form .submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 28px;
    background: #ec253c url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -188px -131px;
    border: none;
    cursor: pointer;
}

.new-border {
    padding: 0px 5px;
}
.new-right .title {
    border-bottom: solid 1px #ebebeb;
    position: relative;
    background-color: #ffffff;
    height: 40px;
}
.new-right .title h2 {
    color: #2d559b;
    border-bottom: solid 1px #2d559b;
    position: absolute;
    margin: 0px;
    font-weight: 100;
    text-transform: uppercase;
}
.new-right .title h2 span {
    color: #2d559b;
    display: block;
    padding: 15px 5px 5px 2px;
    text-transform: uppercase;
    font-size: 18px;
}

.new-top {
}
.new-top .l {
    float: left;
    width: 62%;
}
.new-top .r {
    float: right;
    width: 35%;
}
.new-top .l .img {
    height: 300px;
    overflow: hidden;
}
.new-top .l .img img {
    width: 100%;
}
.new-top .l .name {
    padding: 5px 0px;
}
.new-top .l .name h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
}
.new-top .l .name a {
    color: #333333;
    text-decoration: none;
}
.new-top .l .name a:hover {
    color: #0066b3;
}
.new-top .l .summary {
    overflow: hidden;
    color: #333;
    line-height: 22px;
    height: 65px;
}
.new-top .r .top {
}
.new-top .r .top .img {
    height: 150px;
    overflow: hidden;
}
.new-top .r .top .img img {
    width: 100%;
}
.new-top .r .top .name {
    padding: 5px 0px;
}
.new-top .r .top .name a {
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    text-decoration: none;
}
.new-top .r .top .name a:hover {
    color: #0066b3;
}
.new-top .r .list {
    padding: 10px 0px;
    border-top: 1px solid #eee;
}
.new-top .r .list a {
    color: #333333;
    font-size: 16px;
    text-decoration: none;
}
.new-top .r .list a:hover {
    color: #0066b3;
}

.new-list {
    padding: 10px 0px;
    border-top: solid 1px #eee;
}
.new-list .img {
    max-height: 150px;
    overflow: hidden;
    width: 30%;
    float: left;
}
.new-list .img img {
    width: 95%;
}
.new-list .name {
    color: #666666;
    line-height: 20px;
    padding-bottom: 5px;
}
.new-list .name a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    line-height: normal;
    font-size: 20px;
    color: #333333;
}
.new-list .name a:hover {
    color: #0066b3;
}
.new-list .name p {
    margin: 0px;
    height: 120px;
    overflow: hidden;
}

.new-more {
    text-align: center;
}
.new-more a {
    background-color: #ed253c;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
}
.new-more a:hover {
    background-color: #004c84;
}

.new-view {
}
.new-view .list {
    padding: 10px 0px 0px;
}
.new-view .list .img {
    float: left;
    width: 10%;
    text-align: center;
}
.new-view .list .img span {
    display: inline-block;
    margin: 4px 10px 0px 0px;
    padding: 6px 10px;
    background: #f4f4f4;
    font-size: 20px;
    color: #cbcbcb;
    font-weight: 600;
}
.new-view .list .name {
    float: left;
    width: 90%;
}
.new-view .list .name a {
    color: #333;
    text-decoration: none;
}
.new-view .list .name a:hover {
    color: #0066b3;
}

.new-pro {
}
.new-pro .list {
    padding: 5px;
    border-bottom: solid 1px #eeeeee;
}
.new-pro .list .img {
    float: left;
    width: 30%;
}
.new-pro .list .img img {
    width: 100%;
}
.new-pro .list .info {
    float: right;
    width: 68%;
}
.new-pro .list .info .name {
    padding: 5px 0px;
}
.new-pro .list .info .name a {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.new-pro .list .info .price {
    padding: 5px 0px;
}
.new-pro .list .info .price .text {
    color: Red;
}
.new-pro .list .info .price .pri {
    color: red;
    font-weight: bold;
    margin: 0px;
    padding: 5px 0px;
}
.new-pro .list .info .price .line {
    color: #666666;
    margin: 0px;
}
.new-pro .list .info .price .line .numb {
    text-decoration: line-through;
}

.new-hot {
}
.new-hot .top {
    padding-bottom: 10px;
}
.new-hot .top .img {
    height: 250px;
    overflow: hidden;
}
.new-hot .top .img img {
    width: 100%;
}
.new-hot .top .name {
    padding: 5px 0px;
}
.new-hot .top .name a {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}
.new-hot .top .name a:hover {
    color: #eea616;
}
.new-hot .list {
    float: left;
    width: 50%;
    padding: 5px 0px;
}
.new-hot .list .img {
    height: 110px;
    overflow: hidden;
}
.new-hot .list .img img {
    width: 100%;
}
.new-hot .list .name {
    padding: 5px 0px;
}
.new-hot .list .name a {
    color: #333;
    text-decoration: none;
    text-decoration: none;
}
.new-hot .list .name a:hover {
    color: #eea616;
}
.new-hot .list_1 .border {
    padding-right: 5px;
}
.new-hot .list_0 .border {
    padding-left: 5px;
}

.newJoin {
    padding: 5px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.newJoin .title {
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0px;
}
.newJoin li {
    padding: 10px 0px;
    border-bottom: 1px dotted #e2e2e2;
}
.newJoin .img {
    width: 30%;
    float: left;
    max-height: 100px;
    overflow: hidden;
}
.newJoin .img img {
    width: 95%;
    border-radius: 4px;
}
.newJoin .name {
    width: 70%;
    float: right;
    line-height: 22px;
    color: #666666;
    overflow: hidden;
    text-align: justify;
}
.newJoin .name a {
    color: #434343;
    text-decoration: none;
    display: block;
    padding-right: 5px;
}
.newJoin .name a:hover {
    color: #f7941e;
}

.nDetail-h1 {
    margin: 0px;
    padding: 10px 0px 5px;
    font-size: 24px;
}
.nDetail-date {
    font-size: 13px;
    font-style: italic;
    padding: 5px 0px;
}
.nDetail-summary {
    font-weight: bold;
    line-height: 20px;
}
.nDetail-content {
    line-height: 22px;
    font-size: 16px;
}
.nDetail-content img,
.nDetail-content iframe {
    max-width: 100% !important;
}

.nDetail-content table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    max-width: 100% !important;
}
.nDetail-content table td {
    padding: 7px 10px;
    border: solid 1px #666666;
}
.nDetail-content table td.owner {
    font-weight: bold;
}
.nDetail-content table td.title {
    background: #ffe699 none repeat scroll 0 0;
}

.nDetail-video {
    padding: 0px 10px;
}
.nDetail-video .title {
    background-color: #f4f4f4;
    border-radius: 4px 4px 0px 0px;
    padding: 15px 20px 0px;
    text-transform: uppercase;
    font-weight: bold;
}
.nDetail-video .info {
    background-color: #f4f4f4;
    border-radius: 0px 0px 4px 4px;
    padding: 10px 20px 20px;
}
.nDetail-video .info iframe {
    height: 500px;
}

.nDetail-file .down {
    text-align: right;
    padding-bottom: 5px;
}
.nDetail-file .down a {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ed253c;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
}
.nDetail-file .down a:hover {
    background-color: #004c84;
}
.newNext {
}
.newNext .title {
    border-bottom: 1px solid #eee;
    padding: 10px 0px 5px;
}
.newNext h2 {
    font-size: 18px;
    color: #888;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    margin: 0px;
}
.newNext a {
    display: block;
    padding: 5px 0px;
    color: #666666;
    text-decoration: none;
}
.newNext a:hover {
    color: #0066b3;
}

.proDetail-hidden {
    text-align: center;
    border: solid 2px #ff9600;
    padding: 20px;
    background-color: #fffad8;
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}

/*video*/
.video-top {
    float: left;
    width: 50%;
}
.video-other {
    float: left;
    width: 50%;
}
.video-list {
}

.video-top .border {
    position: relative;
    margin: 5px 0px 0px 15px;
}
.video-top .border .more {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.video-top .border .more a {
    display: inline-block;
    background-color: #df3346;
    text-decoration: none;
    padding: 8px 32px;
    border-radius: 12px;
}
.video-top .border .more a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 14px 20px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    margin: 10px 0;
}
.video-top .border .img {
    height: 351px;
    overflow: hidden;
    border-radius: 4px;
}
.video-top .border .img img {
    width: 100%;
}
.video-top .border .name {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    background-color: #0066b3;
    border-radius: 0px 0px 4px 4px;
}
.video-top .border .name a {
    color: #ffffff;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
.video-top .border .more a:hover {
    background-color: #0051ad;
}

.video-other ul {
    padding-left: 10px;
}
.video-other ul li {
    float: left;
    width: 50%;
}
.video-other ul li .border {
    margin: 5px;
    position: relative;
}
div .video-other ul li .border_1 {
    margin: 5px 8px 5px 0px;
}
.video-other ul li .border .more {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.video-other ul li .border .more a {
    display: inline-block;
    background-color: #df3346;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 12px;
}
.video-other ul li .border .more a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 10px 15px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    margin: 10px 0;
}
.video-other ul li .border .more a:hover {
    background-color: #0051ad;
}
.video-other ul li .border .img {
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
}
.video-other ul li .border .img img {
    width: 100%;
    border-radius: 4px;
}
.video-other ul li .border .name {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #0066b3;
    border-radius: 0px 0px 4px 4px;
}
.video-other ul li .border .name a {
    color: #ffffff;
    padding: 10px;
    display: block;
    text-decoration: none;
}

.video-list ul {
    padding-left: 10px;
}
.video-list ul li {
    float: left;
    width: 25%;
}
.video-list ul li .border {
    margin: 5px;
    position: relative;
}
.video-list ul li .border .more {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.video-list ul li .border .more a {
    display: inline-block;
    background-color: #df3346;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 12px;
}
.video-list ul li .border .more a span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 10px 15px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    margin: 10px 0;
}
.video-list ul li .border .img {
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
}
.video-list ul li .border .img img {
    width: 100%;
    border-radius: 4px;
}
.video-list ul li .border .name {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #0066b3;
    border-radius: 0px 0px 4px 4px;
}
.video-list ul li .border .name a {
    color: #ffffff;
    padding: 10px;
    display: block;
    text-decoration: none;
}
.video-list ul li .border .more a:hover {
    background-color: #0051ad;
}
.video-list ul li.other {
}
.video-list ul li.other .b {
    background-color: #ec253c;
    border-radius: 4px;
    height: 174px;
    text-align: center;
}
.video-list ul li.other .b a {
    text-decoration: none;
}
.video-list ul li.other .b .a1 {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    padding: 50px 0px 10px;
    font-weight: bold;
    font-size: 16px;
}
.video-list ul li.other .b .a1 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -162px -130px transparent;
    text-decoration: none;
}
.video-list ul li.other .b .a2 span {
    display: inline-block;
    width: 162px;
    height: 46px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -130px transparent;
    text-decoration: none;
}

.videoDetail {
}
.videoDetail .video {
    background-color: #f7f7f7;
    margin-top: 10px;
}
.videoDetail .video iframe {
    width: 100%;
    height: 500px;
}
.videoDetail .video .left {
    float: left;
    width: 73%;
}
.videoDetail .video .right {
    float: right;
    width: 27%;
}
.videoDetail .video .right .title {
    font-size: 28px;
    margin: 0px;
    line-height: 32px;
    padding: 10px 20px;
}
.videoDetail .video .right .content {
    font-size: 15px;
    padding: 10px 20px;
    line-height: 22px;
    overflow: auto;
    height: 300px;
}
.videoDetail .video .right .content img {
    max-width: 100% !important;
    height: auto !important;
}
.videoDetail .video .right .date {
    color: #999999;
    padding: 5px 0px;
    margin: 0px 20px;
    border-bottom: solid 1px #cccccc;
    font-size: 12px;
}
.videoDetail .video .right .shear {
    padding: 5px 20px;
}
.videoDetail .video .right .shear .s-l {
    float: left;
}
.videoDetail .video .right .shear .s-r {
    float: right;
}
.videoDetail .video .right .shear .s-r a {
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
}
.videoDetail .video .right .shear .s-r a span {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png") repeat
    scroll left top transparent;
}
.videoDetail .video .right .shear .s-r a.face span {
    background-position: -147px -360px;
}
.videoDetail .video .right .shear .s-r a.you span {
    background-position: -223px -360px;
}
.videoDetail .video .right .shear .s-r a.zalo span {
    background-position: -262px -360px;
}

.video-title {
    border-bottom: 1px solid #eee;
    padding: 10px 5px 5px;
}
.video-title h2 {
    font-size: 18px;
    color: #888;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    margin: 0px;
}

/*newDefine====*/
.newDefine-border {
    text-align: center;
}
.newDefine-img {
    padding: 5px 0px;
    max-width: 860px;
    margin: 0px auto;
    display: inline-block;
}
.newDefine-img .d-left {
    float: left;
    width: 83%;
}
.newDefine-img .d-right {
    float: right;
    width: 15%;
}
.newDefine-img .d-right ul li {
    margin-bottom: 15px;
}
.newDefine-img .d-right ul li a {
    display: block;
}
.newDefine-img .d-right ul li a img {
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 4px;
}
.newDefine-img .d-right ul li.d-other {
    position: relative;
}
.newDefine-img .d-right ul li.d-other a span.s1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.newDefine-img .d-right ul li.d-other a span.s2 {
    position: absolute;
    top: 20px;
    left: 0px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.newDefine-pro {
    border: solid 1px #f4f4f4;
    padding: 10px;
    margin: 10px auto;
    max-width: 840px;
    display: inline-block;
    text-align: left;
}
.newDefine-pro .img {
    float: left;
    width: 40%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.newDefine-pro .info {
    float: right;
    width: 57%;
}
.newDefine-pro .img a.aimg {
    display: block;
    height: 355px;
    text-align: center;
}
.newDefine-pro .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.newDefine-pro .img .fixsale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.newDefine-pro .img .fixsale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.newDefine-pro .img .fixsale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}
.newDefine-pro .img .bannerJoin {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.newDefine-pro .img .bannerJoin a {
    display: block;
    height: 355px;
}
.newDefine-pro .img .bannerJoin img {
    width: 100%;
    height: 100%;
}
.newDefine-pro .info .name {
    font-weight: bold;
}
.newDefine-pro .info .name a {
    color: #040708;
    font-size: 16px;
    text-decoration: none;
}
.newDefine-pro .info .name a:hover {
    color: #002e96;
}
.newDefine-pro .info .summary {
    color: #333333;
    line-height: 20px;
    height: 205px;
    overflow: hidden;
}
.newDefine-pro .info .summary ul.style {
    font-size: 15px;
}
.newDefine-pro .info .summary ul.style li {
    position: relative;
    padding: 3px 5px 3px 22px;
}
.newDefine-pro .info .summary ul.style li span {
    position: absolute;
    top: 5px;
    left: 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -197px -52px transparent;
}
.newDefine-pro .info .price {
    padding: 8px 0px;
    font-weight: bold;
    color: #d70018;
    font-size: 22px;
}
.newDefine-pro .info .price .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 16px;
    display: inline-block;
    padding-left: 5px;
}
.newDefine-pro .info .more {
    padding: 10px 0px;
}
.newDefine-pro .info .more a {
    display: block;
    background-color: #f59000;
    background: -moz-linear-gradient(top, #f59000, #fd6e1d);
    border-radius: 4px;
    padding: 10px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.newproductrelated {
    overflow: hidden;
    position: relative;
    background-color: #f4f4f4;
    border-radius: 12px;
    text-align: center;
    line-height: normal;
}
.newproductrelated .list {
    float: left;
    width: calc(25% - 18px);
    margin: 4px;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.newproductrelated .list .img {
    height: 200px;
    text-align: center;
    position: relative;
}
.newproductrelated .list .img a {
    display: block;
    height: 200px;
}
.newproductrelated .list .img img {
    max-width: 100%;
    max-height: 100%;
}
.newproductrelated .list .name {
    padding: 5px 0px;
    text-align: center;
}
.newproductrelated .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.newproductrelated .list .price {
    padding: 5px 0px 20px;
    text-align: center;
    font-weight: bold;
}
.newproductrelated .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.newproductrelated .list .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.newproductrelated .next {
    position: absolute;
    top: 40%;
    left: 0px;
}
.newproductrelated .prev {
    position: absolute;
    top: 40%;
    right: 0px;
}
.newproductrelated .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
    text-decoration: none;
}
.newproductrelated .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
    text-decoration: none;
}
.newproductrelated .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    z-index: 1;
}
.newproductrelated .img .sale span.sale-b {
    display: inline-block;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
}
.newproductrelated .img .sale span.sale-t {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.newproductrelated .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.newproductrelated .img .bannerJoin a {
    display: block;
    height: 200px;
}
.newproductrelated .img .bannerJoin img {
    width: 100%;
    height: 100%;
}
div.newproductrelatedFull .list {
    width: calc(20% - 18px);
}
div.newproductrelatedFull .list .img {
    height: 245px;
    text-align: center;
    position: relative;
}
div.newproductrelatedFull .list .img a {
    display: block;
    height: 245px;
}
div.newproductrelatedFull .img .bannerJoin a {
    display: block;
    height: 245px;
}
/*job====*/
.job-border {
    margin: 0px 10%;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
}
.job-border .left {
    float: left;
    width: 30%;
}
.job-border .right {
    float: right;
    width: 70%;
}
.job-border .left .newSpecial {
    border: none;
}
.job-border .title {
    color: #666679;
    border-bottom: solid 1px #d6d6d6;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
}
.job-list {
    border-bottom: solid 1px #d6d6d6;
    padding: 15px;
    border-left: solid 1px #d6d6d6;
}
.job-list .cols1 {
    float: left;
    width: 70%;
}
.job-list .cols2 {
    float: right;
    color: #666666;
    font-size: 13px;
    text-align: right;
}
.job-list .cols1 a {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    display: block;
}
.job-list .cols1 a span {
    font-weight: bold;
}
.job-list .cols1 a:hover {
    color: red;
}
.job-list .cols2 .date3 {
    color: red;
}
.job-list .cols2 a.date1 {
    color: #666666;
    text-decoration: none;
}
.job-list .cols2 a.date1 .date11 {
    display: block;
}
.job-list .cols2 a.date1 .date12 {
    display: block;
    color: blue;
    padding-top: 5px;
}
.job-list .cols2 a.date2 {
    color: #666666;
    text-decoration: none;
}
.job-list .cols2 a.date2 .date21 {
    display: block;
}
.job-list .cols2 a.date2 .date22 {
    display: block;
    color: blue;
    padding-top: 5px;
    color: #2291ff;
    font-size: 14px;
    font-weight: bold;
}
.job-list .cols2 a.date2 .date22:hover {
    color: red;
}
.job-list .cols1 .info {
    padding: 10px 18px;
    color: #666666;
    font-size: 13px;
}
.job-list .cols1 .info .row1 {
    float: left;
    padding-right: 10px;
}
.job-list .cols1 .info .row2 {
    float: left;
    padding: 0px 10px;
    border-left: solid 1px #999999;
    border-right: solid 1px #cac8c8;
}
.job-list .cols1 .info .row3 {
    float: left;
    padding-left: 10px;
}
.job-list:hover {
    background-color: #fdf7dd;
}

.job-new li {
    padding: 10px 0px;
    border-bottom: 1px dotted #e2e2e2;
}
.job-new li .img {
    width: 40%;
    float: left;
    text-align: center;
}
.job-new li .img img {
    width: 95%;
    border-radius: 4px;
}
.job-new li .name {
    width: 60%;
    float: right;
    line-height: 22px;
    color: #666666;
    max-height: 90px;
    overflow: hidden;
}
.job-new li .name a {
    color: #000000;
    text-decoration: none;
    display: block;
    font-size: 15px;
}
.job-new li .name a:hover {
    color: #dd3333;
}

.jobDetail .left {
    float: right;
    width: 63%;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 7px 9px rgba(232, 232, 232, 0.5);
    padding: 10px 0px;
}
.jobDetail .right {
    float: left;
    width: 35%;
    position: relative;
}
.jobDetail .right .jobfix {
    position: fixed;
    width: 380px;
    top: 70px;
}
.jobDetail h1 {
    margin: 0px;
    font-size: 28px;
    padding: 10px 0px;
}
.jobDetail .left h2.t {
    margin: 0px;
    padding: 10px 20px;
    border-bottom: dotted 1px #cac8c8;
}
.jobDetail .left .content {
    font-size: 16px;
    line-height: 22px;
    padding: 0px 20px;
}
.jobDetail .right .border {
    background-color: #ffffff;
    padding: 20px;
}
.jobDetail .right .border .cols1 {
    float: left;
    width: 35%;
    padding: 10px 0px;
    border-bottom: dotted 1px #cac8c8;
}
.jobDetail .right .border .cols2 {
    float: right;
    width: 65%;
    padding: 10px 0px;
    font-weight: bold;
    border-bottom: dotted 1px #cac8c8;
}
.jobDetail .right .border .order {
    padding: 20px 0px 0px;
    text-align: center;
}
.jobDetail .right .border .order a {
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    text-decoration: none;
}
.jobDetail .right .border .order1 a {
    background-color: #666666;
}
.jobDetail .right .border .order2 a {
    background-color: #666666;
}
.jobDetail .right .border .order3 a {
    background: linear-gradient(180deg, #f69102 0%, #fc6e1e 100%);
    border: 1px solid #f5630c;
}

.jobForm form {
    margin: 10px 10% 20px;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    padding: 10px 0px;
}
.jobForm .title1 {
    padding: 10px;
    text-align: center;
    font-size: 20px;
}
.jobForm .title2 {
    padding: 0px 10px 10px;
    text-align: center;
    font-size: 32px;
    color: #0091ff;
    font-weight: bold;
    border-bottom: dotted 1px #d6d6d6;
}
.jobForm form .form {
    padding: 20px 50px;
}
.jobForm form .form .cosl {
    padding: 5px 0px;
}
.jobForm form .form .cosl .t {
    font-weight: bold;
    padding: 5px 0px;
}
.jobForm form .form .cosl .t span {
    color: red;
}
.jobForm form .form .cosl .b {
    border: solid 1px #cbcbcb;
    border-radius: 2px;
    padding: 5px;
}
.jobForm form .form .cosl .b .textarea {
    width: 100%;
    border: none;
    height: 200px;
}
.jobForm form .form .cosl .b .textbox {
    width: 100%;
    border: none;
    padding: 5px 0px;
}
.jobForm form .form .cosl21 {
    float: left;
    width: 48%;
}
.jobForm form .form .cosl22 {
    float: right;
    width: 48%;
}
.jobForm form .form .captcha .captcha-cols1 {
    float: left;
}
.jobForm form .form .captcha .captcha-cols2 {
    float: left;
}
.jobForm form .form .captcha .captcha-cols1 .captcha-b {
    border: solid 1px #cbcbcb;
    border-radius: 2px 0px 0px 2px;
    padding: 5px;
}
.jobForm form .form .captcha .captcha-cols1 .captcha-b .captcha-textBox {
    border: none;
}
.jobForm form .form .submit {
    padding: 10px;
    position: relative;
    text-align: center;
}
.jobForm form .form .submit .sub {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 18px;
    background: linear-gradient(180deg, #f69102 0%, #fc6e1e 100%);
    border: 1px solid #f5630c;
    cursor: pointer;
}
.jobForm form .form .submit .sub:hover {
    background: linear-gradient(180deg, #f69102 0%, #ff0000 100%);
}
.jobForm form .form .submit .loadSend {
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    background-color: #ffffff;
    height: 45px;
    display: none;
}
.jobForm form .full {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0px 50px;
}

@media screen and (max-width: 850px) {
    .job-border {
        margin: 0px 5px;
    }
    .job-border .left {
        float: none;
        width: auto;
    }
    .job-border .right {
        float: none;
        width: auto;
    }
    .jobDetail {
        padding: 0px 5px;
    }
    .jobDetail .left {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .jobDetail .right {
        float: none;
        width: auto;
    }
    .jobForm form {
        margin: 10px 5px 20px;
    }
}

/*about===========*/
.intro-title {
    border-bottom: solid 1px #004c84;
}
.intro-title h1 {
    text-transform: uppercase;
    font-size: 24px;
    color: #004c84;
    margin: 0px;
    padding: 5px 0px;
}

.intro-content {
    padding: 10px;
    font-size: 16px;
    line-height: 22px;
}
.intro-content img {
    max-width: 100%;
}
.intro-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f2f2f2;
}
.intro-content table tr td {
    border: 1px solid #f2f2f2;
    padding: 8px 10px;
}
.intro-content table tr:hover {
    background-color: #fafafa;
}

.agent-title {
    text-transform: uppercase;
    color: #014c85;
    text-align: center;
    margin: 0px;
    padding: 20px 0px 20px;
}
.agent-select {
    background-color: #014c85;
    padding: 10px;
}
.agent-select .left {
    float: left;
    width: calc(30% - 10px);
}
.agent-select .right {
    float: left;
    width: 70%;
}
.agent-select .left select {
    border: 1px solid #efeded;
    height: 38px;
    outline: none;
    box-sizing: border-box;
    padding-left: 10px;
    width: 100%;
    border-radius: 3px;
    background-color: #ffffff;
}
.agent-select .right select {
    margin-left: 10px;
    border: 1px solid #efeded;
    height: 38px;
    outline: none;
    box-sizing: border-box;
    padding-left: 10px;
    width: 50%;
    border-radius: 3px;
    background-color: #ffffff;
}
.agent-left {
    float: left;
    width: 30%;
    background-color: #f8f8f8;
    height: 800px;
    overflow: auto;
}
.agent-right {
    float: left;
    width: 70%;
}
.agent-left .list {
    border-bottom: solid 1px #d4d4d4;
    padding: 10px 0px 10px 10px;
    cursor: pointer;
    line-height: 20px;
}
.agent-left .list h3 {
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 0px;
}
.agent-left .list p {
    margin: 0px;
    padding: 5px 0px;
}
.agent-left .list:hover {
    background-color: #327b8a;
    color: #ffffff;
}
.agent-left .list.active {
    background-color: #327b8a;
    color: #ffffff;
}
.agent-right iframe {
    width: 100% !important;
    height: 800px !important;
}
.agent-banner {
    background-color: #014c85;
    padding: 20px;
}
.agent-banner .content {
    background: rgba(0, 0, 0, 0) linear-gradient(#d70018, rgb(248, 207, 214))
    repeat scroll 0% 0%;
    border-radius: 12px;
    margin: 20px auto;
    padding-bottom: 5px;
}
.agent-banner .content .t {
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    padding: 20px 0px 30px;
    text-transform: uppercase;
    font-weight: bold;
}
.agent-banner .content .m {
    text-align: center;
    background-color: #fff;
    margin: 0px 10px;
    border-radius: 12px 12px 0px 0px;
}
.agent-banner .content .m ul {
    margin: -25px auto 0px;
    display: inline-block;
}
.agent-banner .content .m ul li {
    display: inline-block;
    margin: 5px 5px;
    border-radius: 40px;
    border: 1px solid #d70018;
}
.agent-banner .content .m ul li a {
    display: block;
    border: 1px solid #ffffff;
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    color: #000000;
}
.agent-banner .content .m ul li.active a {
    font-weight: 600;
    border-width: 2px;
    color: #d70018;
    border: 1px solid #d70018;
}
.agent-banner .content .list {
    margin: 0px 10px 10px;
    background-color: #ffffff;
    border-radius: 0px 0px 12px 12px;
    padding-top: 5px;
}
.agent-banner .content .list a {
    float: left;
    width: calc(33.33% - 10px);
    margin: 5px;
}
.agent-banner .content .list a img {
    width: 100%;
    border-radius: 12px;
}
.agentframe {
    border: none;
    width: 100%;
    height: 1000px;
}
.agentframepro {
    border: none;
    width: 100%;
    height: 400px;
}
.onlineframe {
    border: none;
    width: 100%;
    height: 338px;
}
.onlineframehotline {
    border: none;
    width: 100%;
    height: 400px;
}
.onlineframehot-call {
    border: none;
    width: 100%;
    height: 270px;
}
.onlineframe-map {
    border: none;
    width: 100%;
    height: 220px;
}
.tab_agentMobile {
    position: relative;
    overflow: hidden;
    display: none;
}
.tab_agentMobile .swiper-slide {
    float: left;
    width: 50%;
}
.tab_agentMobile .swiper-slide .b {
    border-radius: 40px;
    border: 1px solid #d70018;
    margin: 2px 5px;
}
.tab_agentMobile .swiper-slide .b.active a {
    font-weight: 600;
    color: #d70018;
    border: 1px solid #d70018;
}
.tab_agentMobile .swiper-slide .b a {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    padding: 12px 5px;
    color: #000000;
    text-decoration: none;
}

/*prm-list*/
.prm-menuM {
    position: relative;
    z-index: 99999999;
    top: 0px;
    right: 0px;
    display: none;
}
.prm-menu {
    background-color: #ed253c;
    position: fixed;
    width: 100%;
    top: 52px;
    text-align: center;
    box-shadow: 0px 1px 5px #ffffff;
    display: none;
    z-index: 99999999;
}
.prm-menu .title {
    position: absolute;
    top: 0px;
    left: 10px;
}
.prm-menu .title span.text {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
    vertical-align: middle;
}
.prm-menu .title span.symbol {
    display: inline-block;
    width: 25px;
    height: 38px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll -108px -76px transparent;
    vertical-align: middle;
}
.prm-menu .info {
    padding: 5px 0px 5px 135px;
    text-align: left;
}
.prm-menu .info a {
    display: inline-block;
    padding: 5px 10px;
    color: #ffffff;
}
.prmMenu-fix {
    position: absolute;
    bottom: -46px;
    right: 5px;
}
.prmMenu-fix a.name {
    display: inline-block;
    padding: 10px;
    background-color: #ed253c;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #ffffff;
}
.prmMenu-fix a.name span {
    display: inline-block;
    width: 26px;
    height: 21px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll -128px -44px transparent;
}
.prmMenu-fix .sub {
    top: 35px;
    right: 0px;
}
.prmMenu-fix .sub .border {
    margin-top: 4px;
    background-color: #ed253c;
    width: 250px;
    border-radius: 4px 0px 4px 4px;
}
.prmMenu-fix .sub .border a {
    display: block;
    padding: 10px 15px;
    border-bottom: solid 1px #ef7e81;
    font-size: 16px;
    color: #ffffff;
}
.prmMenu-fix .sub .border a:hover {
    background-color: #cd040b;
}
.prm-banner {
    padding: 0px 0px;
    text-align: center;
}
.prm-banner img {
    max-width: 100%;
}
.prm-title {
    margin: 0px;
    color: #454744;
    padding: 10px 0px 0px;
    font-size: 22px;
    font-weight: 100;
}

.prmTemp0 .prm-content {
    font-size: 16px;
    line-height: 22px;
}
.prmTemp0 .prm-content img {
    max-width: 100%;
}
.prmTemp0 .prmCate-title {
    position: relative;
    height: 35px;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 30px;
}
.prmTemp0 .prmCate-title h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #004c84;
    text-transform: uppercase;
    font-size: 18px;
    border: solid 1px #ffffff;
    padding: 10px;
    font-weight: 100;
}
.prmTemp0 .prmCate-title h2 a {
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
}

.prmCate-list {
    float: left;
    width: 50%;
    margin: 10px 0px;
}
.prmCate-list .border {
    position: relative;
}
.prmCate-list0 .border {
    margin-right: 10px;
}
.prmCate-list1 .border {
    margin-left: 10px;
}
.prmCate-list .img {
    max-height: 310px;
    overflow: hidden;
    width: 100%;
}
.prmCate-list .img img {
    width: 100%;
}
.prmCate-list .img img:hover {
    opacity: 0.9;
}
.prmCate-list .info {
    background-color: #ed253c;
    padding: 10px;
}
.prmCate-list .info p {
    margin: 0px;
}
.prmCate-list .info .date {
    color: #ffff33;
    padding-bottom: 5px;
}
.prmCate-list .info .name a {
    color: #ffffff;
    text-decoration: none;
}
.prmCate-list .border .iSale1 {
    width: 117px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll left top transparent;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -4px;
    z-index: 1;
}
.prmCate-list .border .iSale2 {
    width: 117px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll -127px top transparent;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -4px;
    z-index: 1;
}
.prmCate-list .border .iSale3 {
    width: 117px;
    height: 36px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll left -40px transparent;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -4px;
    z-index: 1;
}

.prmTemp0 .prmPro {
    overflow: hidden;
    max-height: 1835px;
}
.prmTemp0 .prm-list {
    float: left;
    width: 40%;
}
.prmTemp0 .prm-list .b {
    background-color: #ffffff;
    margin: 10px 5px;
    border: solid 1px #ed253c;
    position: relative;
    border-radius: 18px;
    height: 435px;
    overflow: hidden;
}
.prmTemp0 .prm-list .b:hover {
    border: solid 1px #004c84;
    box-shadow: 2px 2px 5px #c0c0c0;
}
.prmTemp0 .prm-list .b .img {
}
.prmTemp0 .prm-list .b .img img {
    width: 100%;
}
.prmTemp0 .prm-list .b .img .iconsale {
    position: absolute;
    top: 5px;
    right: 10px;
}
.prmTemp0 .prm-list .b .img .iconsale .sale {
    text-align: right;
    padding-bottom: 5px;
}
.prmTemp0 .prm-list .b .img .iconsale .sale span {
    color: #ffffff;
    background-color: #f50b26;
    border-radius: 18px;
    display: inline-block;
    padding: 4px 8px;
}
.prmTemp0 .prm-list .b .img .iconsale .sale span b {
    font-size: 16px;
}
.prmTemp0 .prm-list .b .img .iconsale .symbol1 {
}
.prmTemp0 .prm-list .b .img .iconsale .symbol1 span {
    display: inline-block;
    width: 91px;
    height: 117px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll left -76px transparent;
}
.prmTemp0 .prm-list .b .img .bannerJoin {
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 100%;
}
.prmTemp0 .prm-list .b .img .bannerJoin img {
    width: 100%;
}
.prmTemp0 .prm-list .b .info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #ed253c;
    border-radius: 0px 0px 14px 14px;
}
.prmTemp0 .prm-list .b .info .l {
    float: left;
    width: 60%;
}
.prmTemp0 .prm-list .b .info .r {
    float: left;
    width: 40%;
}
.prmTemp0 .prm-list .b .info .l .name {
    padding: 5px 10px;
}
.prmTemp0 .prm-list .b .info .l .name a {
    color: #ffffff;
    font-size: 16px;
}
.prmTemp0 .prm-list .b .info .l .brst {
    padding: 0px 10px;
    color: #f8aeb7;
}
.prmTemp0 .prm-list .b .info .l .brst a {
    color: #d0d0bf;
    text-decoration: none;
}
.prmTemp0 .prm-list .b .info .l .brst a:hover {
    color: #ffffff;
}
.prmTemp0 .prm-list .b .info .r .price {
    text-align: center;
    padding: 5px 0px;
}
.prmTemp0 .prm-list .b .info .r .price .pri {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
}
.prmTemp0 .prm-list .b .info .r .price .line {
    color: #ebebeb;
    text-decoration: line-through;
    font-size: 15px;
}
.prmTemp0 .prm-list .b .info .r .order {
    padding: 5px 10px;
    text-align: center;
}
.prmTemp0 .prm-list .b .info .r .order a {
    background-color: #ffffff;
    display: inline-block;
    border-radius: 18px;
    padding: 6px 15px;
    color: #ed253c;
    font-weight: bold;
}
.prmTemp0 .prm-list .b .info .r .order a:hover {
    color: #004c84;
}

.prmTemp0 .prm-thums {
    width: 20%;
    float: left;
}
.prmTemp0 .prm-thums .b {
    background-color: #ffffff;
    margin: 10px 5px;
    border: solid 1px #ed253c;
    position: relative;
    border-radius: 18px;
    height: 435px;
}
.prmTemp0 .prm-thums .icon-off {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -251px -117px transparent;
    text-decoration: none;
}
.prmTemp0 .prm-thums .img {
    height: 250px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.prmTemp0 .prm-thums .img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 18px 18px 0px 0px;
}
.prmTemp0 .prm-thums .img .sale {
    position: absolute;
    top: 5px;
    right: 10px;
}
.prmTemp0 .prm-thums .img .sale span b {
    font-size: 16px;
}
.prmTemp0 .prm-thums .img .sale span {
    color: #ffffff;
    background-color: #f50b26;
    border-radius: 18px;
    display: inline-block;
    padding: 4px 8px;
}
.prmTemp0 .prm-thums .img .bannerJoin {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.prmTemp0 .prm-thums .img .bannerJoin img {
    width: 100%;
}
.prmTemp0 .prm-thums .name {
    padding: 0px 10px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    margin: 5px 0px;
}
.prmTemp0 .prm-thums .name a {
    color: #303030;
    font-size: 14px;
    text-decoration: none;
    line-height: 21px;
}
.prmTemp0 .prm-thums .name a:hover {
    color: #ed253c;
}
.prmTemp0 .prm-thums .brand {
    font-size: 13px;
    text-align: center;
    padding: 5px 0px;
}
.prmTemp0 .prm-thums .brand a {
    color: #004c84;
    text-decoration: none;
}
.prmTemp0 .prm-thums .brand a:hover {
    color: #f50b26;
}
.prmTemp0 .prm-thums .stars {
    padding: 2px 0px;
    text-align: center;
}
.prmTemp0 .prm-thums a.move {
    background-color: #e95e0b;
    position: absolute;
    text-decoration: none;
    display: none;
    bottom: 2px;
    left: 2px;
    width: 98%;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 6px 0px;
}
.prmTemp0 .prm-thums .b:hover {
    border: solid 1px #004c84;
    box-shadow: 2px 2px 5px #c0c0c0;
}
.prmTemp0 .prm-thums .price {
    text-align: center;
    padding: 5px 0px;
}
.prmTemp0 .prm-thums .price .pri {
    color: #f50b26;
    font-weight: bold;
    font-size: 18px;
}
.prmTemp0 .prm-thums .price .line {
    color: #666666;
    text-decoration: line-through;
    font-size: 16px;
}
.prmTemp0 .prm-thums .order {
    padding: 15px 10px;
    text-align: center;
}
.prmTemp0 .prm-thums .order a {
    background-color: #ed253c;
    display: inline-block;
    border-radius: 18px;
    padding: 6px 15px;
    color: #ffffff;
    font-weight: bold;
}
.prmTemp0 .prm-thums .order a:hover {
    background-color: #004c84;
}
.prmTemp0 .prmPro-more {
    text-align: center;
    padding: 10px 0px;
}
.prmTemp0 .prmPro-more a {
    border: solid 2px #ed253c;
    border-radius: 50px;
    display: inline-block;
}
.prmTemp0 .prmPro-more a span {
    display: inline-block;
    background-color: #ed253c;
    padding: 10px 40px;
    border: solid 4px #ffffff;
    border-radius: 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
}
.prmTemp0 .prmPro-more a span:hover {
    background-color: #004c84;
}

.prmTemp1 .pro {
    margin: 10px 0px;
}
.prmTemp1 .pro0 {
    background-color: #fc6b00;
    border-radius: 12px;
}
.prmTemp1 .title0 {
    padding: 10px 5px 0px 5px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.prmTemp1 .title0 span {
    display: inline-block;
    width: 24px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/prm-icon.png")
    no-repeat scroll -220px -41px transparent;
    vertical-align: middle;
}
.prmTemp1 .title {
}
.prmTemp1 .title .sperator {
    width: 280px;
    background: #ffff04;
    line-height: 40px;
    text-align: center;
    color: #d01311;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    margin: -10px auto 5px;
    position: relative;
}
.prmTemp1 .title .text {
}
.prmTemp1 .title .symbol1 {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #d01311;
    position: absolute;
    top: 5px;
    left: -18px;
}
.prmTemp1 .title .symbol2 {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #ffff04;
    position: absolute;
    top: 10px;
    left: -15px;
}
.prmTemp1 .title .symbol3 {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #ffff04;
    position: absolute;
    top: 13px;
    left: -38px;
}
.prmTemp1 .title .symbol4 {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #d01311;
    position: absolute;
    top: 5px;
    right: -18px;
}
.prmTemp1 .title .symbol5 {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #ffff04;
    position: absolute;
    top: 10px;
    right: -15px;
}
.prmTemp1 .title .symbol6 {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #ffff04;
    position: absolute;
    top: 13px;
    right: -38px;
}
.prmTemp1 .prmCate-img {
    text-align: center;
}
.prmTemp1 .prmCate-img img {
    max-width: 100%;
}
.prmTemp1 .prmCate-img-list .list {
    float: left;
    text-align: center;
    padding: 5px 0px;
}
.prmTemp1 .prmCate-img-list .list img {
    max-width: 98%;
}
.prmTemp1 .prm-thums {
    width: 20%;
    float: left;
}
.prmTemp1 .prm-thums .b {
    background-color: #ffffff;
    margin: 10px 5px;
    border: solid 1px #ed253c;
    position: relative;
    border-radius: 18px;
    height: 435px;
}
.prmTemp1 .prm-thums .icon-off {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -251px -117px transparent;
    text-decoration: none;
}
.prmTemp1 .prm-thums .img {
    height: 250px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.prmTemp1 .prm-thums .img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 18px 18px 0px 0px;
}
.prmTemp1 .prm-thums .img .sale {
    position: absolute;
    top: 5px;
    right: 10px;
}
.prmTemp1 .prm-thums .img .sale span b {
    font-size: 16px;
}
.prmTemp1 .prm-thums .img .sale span {
    color: #ffffff;
    background-color: #f50b26;
    border-radius: 18px;
    display: inline-block;
    padding: 4px 8px;
}
.prmTemp1 .prm-thums .img .bannerJoin {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.prmTemp1 .prm-thums .img .bannerJoin img {
    width: 100%;
}
.prmTemp1 .prm-thums .name {
    padding: 0px 10px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    margin: 5px 0px;
    line-height: 20px;
}
.prmTemp1 .prm-thums .name a {
    color: #303030;
    font-size: 14px;
    text-decoration: none;
}
.prmTemp1 .prm-thums .name a:hover {
    color: #ed253c;
}
.prmTemp1 .prm-thums .brand {
    font-size: 13px;
    text-align: center;
    padding: 5px 0px;
}
.prmTemp1 .prm-thums .brand a {
    color: #004c84;
    text-decoration: none;
}
.prmTemp1 .prm-thums .brand a:hover {
    color: #f50b26;
}
.prmTemp1 .prm-thums .stars {
    padding: 2px 0px;
    text-align: center;
}
.prmTemp1 .prm-thums a.move {
    background-color: #e95e0b;
    position: absolute;
    text-decoration: none;
    display: none;
    bottom: 2px;
    left: 2px;
    width: 98%;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 6px 0px;
}
.prmTemp1 .prm-thums .b:hover {
    border: solid 1px #004c84;
    box-shadow: 2px 2px 5px #c0c0c0;
}
.prmTemp1 .prm-thums .price {
    text-align: center;
    padding: 5px 0px;
}
.prmTemp1 .prm-thums .price .pri {
    color: #f50b26;
    font-weight: bold;
    font-size: 18px;
}
.prmTemp1 .prm-thums .price .line {
    color: #666666;
    text-decoration: line-through;
    font-size: 16px;
}
.prmTemp1 .prm-thums .order {
    padding: 15px 10px;
    text-align: center;
}
.prmTemp1 .prm-thums .order a {
    background-color: #ed253c;
    display: inline-block;
    border-radius: 18px;
    padding: 6px 15px;
    color: #ffffff;
    font-weight: bold;
}
.prmTemp1 .prm-thums .order a:hover {
    background-color: #004c84;
}
.prmTemp1 .prmPro-more {
    text-align: center;
    padding: 10px 0px;
}
.prmTemp1 .prmPro-more a {
    border: solid 2px #ed253c;
    border-radius: 50px;
    display: inline-block;
}
.prmTemp1 .prmPro-more a span {
    display: inline-block;
    background-color: #ed253c;
    padding: 10px 40px;
    border: solid 4px #ffffff;
    border-radius: 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
}
.prmTemp1 .prmPro-more a span:hover {
    background-color: #004c84;
}

.prmTemp2 .banner {
    position: relative;
}
.prmTemp2 .banner img {
    width: 100%;
}
.prmTemp2 .banner .time {
    font-size: 26px;
}
.prmTemp2 .banner .more {
    padding: 15px 10px;
    display: none;
}
.prmTemp2 .banner .more a {
    text-decoration: none;
    color: #fdf991;
    text-transform: uppercase;
    font-weight: bold;
}
.prmTemp2 .banner .time .l {
    float: left;
    width: 35%;
    text-align: right;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
}
.prmTemp2 .banner .time .r {
    float: left;
    width: 65%;
    position: relative;
}
.prmTemp2 .banner .time .r span {
    display: inline-block;
    margin: 0px 5px;
    text-transform: uppercase;
}
.prmTemp2 .banner .time .r span.countdown_amount {
    background-color: #ffffff;
    border-radius: 4px;
    color: #c41113;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    min-width: 25px;
}
.prmTemp2 .banner .time .r span.countdown_text {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
}

.prmTemp2 .menu {
    background-color: #fdf991;
    text-align: center;
}
.prmTemp2 .menu ul {
    display: inline-block;
}
.prmTemp2 .menu ul li {
    float: left;
    padding: 8px;
}
.prmTemp2 .menu ul li a {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #df1c1c;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
}
.prmTemp2 .menu ul li.active a {
    background-color: #df1c1c;
    color: #ffffff;
}

.prmTemp2 .prmCate-img {
    text-align: center;
}
.prmTemp2 .prmCate-img img {
    max-width: 100%;
    padding-top: 100px;
}
.prmTemp2 .prmCate-name {
    text-align: center;
}
.prmTemp2 .prmCate-name h2 {
    margin: 0px;
    padding: 5px;
    color: #fdf991;
    font-size: 28px;
    text-shadow: 0 2px 4px #3a3a3a;
    text-transform: uppercase;
}
.prmTemp2 .prmCate-content {
    text-align: center;
    color: #ffffff;
    padding: 5px 0px;
    font-size: 16px;
    line-height: 22px;
}
.prmTemp2 .prmCate-content img {
    max-width: 100%;
}
.prmTemp2 .prmCate-img {
    text-align: center;
}
.prmTemp2 .prmCate-img img {
    max-width: 100%;
}
.prmTemp2 .prmCate-img-list .list {
    float: left;
    text-align: center;
    padding: 5px 0px;
}
.prmTemp2 .prmCate-img-list .list img {
    max-width: 98%;
    border-radius: 20px;
}
.prmTemp2 .deal .prmTemp2Spe {
    background: url("/wp-content/themes/flatsome-child/library/prmTemp3-bg.png")
    repeat scroll top center transparent;
}
.prmTemp2 .deal-top {
    background: url("/wp-content/themes/flatsome-child/library/prmTemp3-bgt.png")
    no-repeat scroll top center transparent;
    height: 26px;
}
.prmTemp2 .deal-bottom {
    background: url("/wp-content/themes/flatsome-child/library/prmTemp3-bgb.png")
    no-repeat scroll top center transparent;
    height: 26px;
}
.prmTemp2 .pro {
    background-color: #f2f2f3;
    margin-top: 50px;
    position: relative;
    padding: 20px 0px;
    border-radius: 4px;
}
.prmTemp2 .pro .title1 {
    position: absolute;
    top: -40px;
    left: 0px;
    right: 0px;
    text-align: center;
}
.prmTemp2 .pro .title1 ul {
    display: inline-block;
}
.prmTemp2 .pro .title1 ul li {
    float: left;
    padding: 10px;
}
.prmTemp2 .pro .title1 ul li a {
    font-size: 16px;
    display: inline-block;
    border: solid 2px #df1c1c;
    color: #df1c1c;
    background-color: #ffffff;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: bold;
}
.prmTemp2 .pro .title1 ul li.active a {
    border: solid 2px #fdf991;
    color: #fdf991;
    background-color: #df1c1c;
}
.prmTemp2 .swiper-button-next,
.prmTemp2 .swiper-button-prev {
    background-color: #002e96;
    display: none;
}
.prmTemp2 .swiper-button-next {
    left: 0px;
    border-radius: 0px 4px 4px 0px;
}
.prmTemp2 .swiper-button-prev {
    right: 0px;
    border-radius: 4px 0px 0px 4px;
}
.prmTemp2 .swiper-button-next span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 8.5px 7px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(-90deg);
    margin: 10px 0px 10px;
    vertical-align: middle;
}
.prmTemp2 .swiper-button-prev span {
    border-color: #0000 #0000 #ffffff;
    border-style: solid;
    border-width: 0 8.5px 7px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    margin: 10px 0px 10px;
    vertical-align: middle;
}
.prmTemp2 .prmTemp2Spe:hover .swiper-button-next,
.prmTemp2 .prmTemp2Spe:hover .swiper-button-prev {
    display: flex;
}

.prmTemp2Spe .title {
    padding: 10px 50px 10px;
}
.prmTemp2Spe .title .left {
    float: left;
}
.prmTemp2Spe .title .right {
    float: right;
}
.prmTemp2Spe .title .left a {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 10px;
}
.prmTemp2Spe .title .left a.active {
    color: #fdf991;
}
.prmTemp2Spe .title .right {
    font-size: 20px;
}
.prmTemp2Spe .title .right .b {
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
}
.prmTemp2Spe .title .right .b .text2 {
    float: left;
}
.prmTemp2Spe .title .right .b .time {
    float: left;
}
.prmTemp2Spe .title .right .b .time span {
    display: inline-block;
    padding: 0px 1px;
    vertical-align: middle;
}
.prmTemp2Spe .title .right .b .time span.countdown_amount {
    background-color: #df1c1c;
    width: 30px;
    text-align: center;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 0px;
}
.prmTemp2Spe .content {
    padding: 0px 50px;
    overflow: hidden;
    position: relative;
}
.prmTemp2Spe .content .list {
    float: left;
    width: 20%;
}
.prmTemp2Spe .content .list .b {
    margin: 10px 8px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.prmTemp2Spe .content .list .img {
    height: 230px;
    text-align: center;
    position: relative;
}
.prmTemp2Spe .content .list .img a.aimg {
    display: block;
    height: 230px;
}
.prmTemp2Spe .content .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.prmTemp2Spe .content .list .name {
    padding: 5px 0px;
    text-align: center;
}
.prmTemp2Spe .content .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.prmTemp2Spe .content .list .price {
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
}
.prmTemp2Spe .content .list .price .pri {
    color: #d70018;
    font-size: 16px;
}
.prmTemp2Spe .content .list .price .pri .line {
    color: #707070;
    text-decoration: line-through;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.prmTemp2Spe .content .next {
    position: absolute;
    top: 45%;
    left: 0px;
}
.prmTemp2Spe .content .prev {
    position: absolute;
    top: 45%;
    right: 0px;
}
.prmTemp2Spe .content .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.prmTemp2Spe .content .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.prmTemp2Spe .content .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
    z-index: 1;
}
.prmTemp2Spe .content .img .sale span {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.prmTemp2Spe .content .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.prmTemp2Spe .content .img .bannerJoin a {
    display: block;
    height: 230px;
}
.prmTemp2Spe .content .img .bannerJoin img {
    width: 100%;
    height: 100%;
}

.prmTemp2 .pro .prmTemp2Spe .content .border .list .b {
    border: solid 1px #e7e7e7;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
}
.prmTemp2 .pro .prmTemp2Spe .content .border .list .b:hover {
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow: 0 1px 2px 0 #d5d5d5, 0 2px 6px 2px #d5d5d5;
}
.prmTemp2 .pro .prmTemp2Spe .content {
    padding: 0px 5px;
}
.prmTemp2 .pro .prmTemp2Spe .content .border .list .b .img {
    height: 215px;
}

.prm-other .title {
    height: 20px;
    position: relative;
    border-bottom: solid 4px #004c84;
    background-color: #ffffff;
    border-radius: 4px 4px 0px 0px;
}
.prm-other .title .b {
    position: absolute;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
}
.prm-other .title .b h2 {
    background-color: #ffffff;
    display: inline-block;
    color: #004c84;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 10px;
    font-size: 22px;
    border-radius: 0px 0px 4px 4px;
}
.prm-other .title .b h2 span {
    display: none;
    width: 22px;
    height: 20px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -246px -65px transparent;
    vertical-align: middle;
}
.prm-other .content {
    padding: 20px 0px 30px;
}
.prm-other .content ul {
}
.prm-other .content ul li {
    float: left;
    width: 33%;
    text-align: center;
}
.prm-other .content ul li.li1,
.prm-other .content ul li.li4,
.prm-other .content ul li.li7,
.prm-other .content ul li.li10,
.prm-other .content ul li.li13,
.prm-other .content ul li.li16,
.prm-other .content ul li.li19 {
    width: 34%;
}
.prm-other .content ul li a {
    display: block;
    margin: 5px;
    overflow: hidden;
}
.prm-other .content ul li img {
    width: 100%;
    height: 270px;
}
.prm-other .content ul li img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
}

/*combolDetail=========*/
.combolDetail {
    max-width: 1320px;
    margin: 0px auto;
}
.combolDetail-img {
    padding: 5px 0px;
    text-align: center;
}
.combolDetail-img img {
    width: 100%;
}
.combolDetail-pro {
    background: rgba(0, 0, 0, 0) linear-gradient(#d70018, rgb(248, 207, 214))
    repeat scroll 0% 0%;
    border-radius: 12px;
    margin: 0px auto;
    padding-bottom: 5px;
}
.combolDetail-pro .t {
    padding: 15px 0px;
    text-align: center;
}
.combolDetail-pro .t span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 40px;
    font-size: 20px;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1),
    0 2px 15px 4px rgba(0, 0, 0, 0.06);
    font-weight: 600;
    color: #d70018;
    border: 2px solid #d70018;
}
.combolDetail-pro .c {
    overflow: hidden;
    position: relative;
}
.combolDetail-pro .c .list {
    float: left;
    width: calc(25% - 30px);
    margin: 5px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #ffffff;
}
.combolDetail-pro .c .list .img {
    height: 250px;
    text-align: center;
    position: relative;
}
.combolDetail-pro .c .list .img a.aimg {
    display: block;
    height: 250px;
}
.combolDetail-pro .c .list .img a.aimg img {
    max-width: 100%;
    max-height: 100%;
}
.combolDetail-pro .c .list .name {
    padding: 5px 0px;
    text-align: center;
}
.combolDetail-pro .c .list .name a {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.combolDetail-pro .c .list .price {
    padding: 5px 0px 20px;
    text-align: center;
}
.combolDetail-pro .c .list .price .pri {
    color: #fff;
    border-radius: 10px;
    padding: 8px 8px;
    background-image: linear-gradient(90deg, #be2830, #7b1a10);
    margin: 0px 15px;
    font-size: 16px;
}
.combolDetail-pro .c .list .price .vline {
    color: #333333;
    font-size: 13px;
    padding-bottom: 2px;
}
.combolDetail-pro .c .list .price .vline span {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 14px;
}
.combolDetail-pro .c .list .price .vprice {
    color: #fff;
    border-radius: 10px;
    padding: 8px 0px;
    background-image: linear-gradient(90deg, #be2830, #7b1a10);
    margin: 0px 5px;
    font-size: 16px;
}
.combolDetail-pro .c .list .price .vprice span {
    font-weight: bold;
    font-size: 18px;
}
.combolDetail-pro .c .list .price .vsale {
    color: #d70018;
    border-radius: 4px 4px 10px 10px;
    margin: 0px 5px;
    font-size: 16px;
    background-image: linear-gradient(180deg, #fff, #7b1a10);
    padding: 0px 1px 1px 1px;
}
.combolDetail-pro .c .list .price .vsale .vsaleb {
    background-color: #ffffff;
    padding: 5px 0px;
    border-radius: 4px 4px 10px 10px;
}
.combolDetail-pro .c .list .detail {
    text-align: center;
}
.combolDetail-pro .c .list .detail a {
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #b62516;
    background-image: linear-gradient(90deg, #d70018, #b62516);
}
.combolDetail-pro .c .next {
    position: absolute;
    top: 40%;
    left: 0px;
}
.combolDetail-pro .c .prev {
    position: absolute;
    top: 40%;
    right: 0px;
}
.combolDetail-pro .c .next a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -125px -29px transparent;
}
.combolDetail-pro .c .prev a {
    display: inline-block;
    width: 35px;
    height: 64px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -160px -29px transparent;
}
.combolDetail-pro .c .more {
    text-align: center;
}
.combolDetail-pro .c .more a {
    display: inline-block;
    color: #333333;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 8px 5px 10px;
}
.combolDetail-pro .c .more a span {
    border-color: #0000 #0000 #333333;
    border-style: solid;
    border-width: 0 6px 6px;
    display: inline-block;
    height: 0;
    width: 0;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 5px;
}
.combolDetail-pro .c .more a:hover {
    background-color: #ffffff;
    color: #000000;
}
.combolDetail-pro .c .more a:hover span {
    border-color: #0000 #0000 #000;
}
.combolDetail-pro .c .img .sale {
    position: absolute;
    right: -4px;
    top: 0px;
    text-align: center;
    width: 77px;
    height: 30px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -41px -50px transparent;
    z-index: 1;
}
.combolDetail-pro .c .img .sale span {
    display: inline-block;
    padding-top: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.combolDetail-pro .c .img .bannerJoin {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.combolDetail-pro .c .img .bannerJoin a {
    display: block;
    height: 250px;
}
.combolDetail-pro .c .img .bannerJoin img {
    width: 100%;
    height: 100%;
}
.combolDetail-price .l {
    float: left;
    width: calc(50% - 30px);
    background-color: #d70018;
    border-radius: 12px;
    padding: 20px 10px;
    margin-right: 10px;
    position: relative;
}
.combolDetail-price .r {
    float: left;
    width: calc(50% - 30px);
    background-color: #014c85;
    border-radius: 12px;
    padding: 17px 10px;
    margin-left: 10px;
}
.combolDetail-price .l .text {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 0px 0px;
}
.combolDetail-price .l .line {
    float: right;
    width: 50%;
    padding: 5px 0px;
}
.combolDetail-price .l .price {
    float: right;
    width: 50%;
    padding: 5px 0px;
}
.combolDetail-price .l .line span {
    background-color: yellow;
    display: block;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 20px;
    text-decoration: line-through;
    margin-right: 80px;
}
.combolDetail-price .l .price span {
    background-color: #ffffff;
    display: block;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 20px;
    margin-right: 80px;
    color: #d70018;
}
.combolDetail-price .sale {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: yellow;
    border-radius: 12px 12px 50px 50px;
    width: 70px;
    height: 90px;
    color: #d70018;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.combolDetail-price .sale span {
    display: block;
    font-size: 26px;
    padding-top: 15px;
}
.combolDetail-price .r-l {
    float: left;
    width: 65%;
    text-align: center;
}
.combolDetail-price .order {
    float: left;
    width: 35%;
    text-align: center;
    padding-top: 15px;
}
.combolDetail-price .r-l .text {
    font-size: 22px;
    color: #ffffff;
    padding: 5px 0px;
}
.combolDetail-price .r-l .price {
    padding: 5px 0px;
}
.combolDetail-price .r-l .price span {
    display: inline-block;
    background-color: #ffffff;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    color: #d70018;
    padding: 5px 20px;
    border-radius: 12px;
}
.combolDetail-price .order a {
    display: inline-block;
    background-color: #d70018;
    border-radius: 12px;
    padding: 20px 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 1px 1px 2px #fff;
}
.combolDetail-price .order a:hover {
    background-color: yellow;
    color: #000000;
}
.comboldetail-content {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 12px;
}
.comboldetail-content .title {
    border-left: solid 5px #d70018;
    font-size: 20px;
    font-weight: bold;
    color: #d70018;
    padding-left: 5px;
}
.comboldetail-content img,
.comboldetail-content iframe {
    max-width: 100% !important;
}
.comboldetail-content table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    max-width: 100% !important;
}
.comboldetail-content table td {
    padding: 7px 10px;
    border: solid 1px #666666;
}
.comboldetail-content table td.owner {
    font-weight: bold;
}
.comboldetail-content table td.title {
    background: #ffe699 none repeat scroll 0 0;
}

/*rating==============*/
.modal {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}
.modal .modal-dialog {
    position: relative;
    margin: 30px auto;
    width: 1100px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-open {
    overflow: hidden;
}
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.in .modal-dialog {
    transform: translate(0px, 0px);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.modal {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}
.modal .modal-dialog {
    position: relative;
    margin: 30px auto;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog {
    width: 500px;
}
@media screen and (max-width: 550px) {
    .modal .modal-dialog {
        margin: 30px auto;
        width: 95%;
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}
.rating {
}
.rating .title {
    border-top: solid 1px #e4e4e4;
    padding: 10px 0px 0px 5px;
    font-size: 20px;
}
.rating .title .cols1 {
    padding-right: 10px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}
.rating .title .cols11 {
    padding: 10px 0px 5px;
}
.rating .title .cols2 {
    float: left;
    padding-left: 5px;
    font-size: 14px;
}
.rating .title .cols3 {
    float: left;
    padding-left: 20px;
    font-size: 14px;
}
.rating .title .cols2 a {
    background-color: #adadad;
    display: inline-block;
    padding: 8px 15px;
    color: #333333;
    text-decoration: none;
    border-radius: 4px;
    text-decoration: none;
}
.rating .title .cols3 a {
    background-color: #adadad;
    display: inline-block;
    padding: 8px 15px;
    color: #333333;
    text-decoration: none;
    border-radius: 4px;
    text-decoration: none;
}
.rating .title .cols2 a.active,
.rating .title .cols3 a.active {
    background-color: #f26722;
    color: #ffffff;
}

.rating .border {
    background-color: #ffffff;
    padding: 10px 20px;
}
.rating .form-content {
    padding: 10px 10px 5px 10px;
    border-bottom: solid 1px #f4f4f4;
}
.rating .form-content .content {
}
.rating .form-content .content .left {
    float: left;
    width: 80%;
}
.rating .form-content .content .right {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 22px;
}
.rating .form-content .content .left .border {
    border: 1px solid #d8d8d8;
    overflow: hidden;
    padding: 5px;
}
.rating .form-content .content .stars {
    padding-top: 5px;
}
.rating .form-content .content .submit {
    padding-top: 10px;
}
.rating .form-content .content .submit a {
    background-color: #f37021;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
}
.rating .form-content .total {
    padding: 5px 0px;
}
.rating .form-content .total img {
    vertical-align: middle;
}
.rating .form-content .txtContent {
    height: 60px;
    border: medium none;
    font-family: Arial;
    font-size: 12px;
    width: 100%;
}

.rating-list {
    padding: 5px 10px;
}
.rating-list .name {
}
.rating-list .name .cols1 {
    float: left;
    color: #666666;
    background-color: #cccccc;
    padding: 2px 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.rating-list .name .cols2 {
    float: left;
    padding-left: 5px;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}
.rating-list .name .cols3 {
    float: left;
    color: #989898;
    padding-left: 5px;
    padding-top: 4px;
    font-size: 11px;
}
.rating-list .name .cols4 {
    float: left;
    padding-left: 10px;
    padding-top: 3px;
    font-size: 13px;
    color: #7ccf4e;
}
.rating-list .name .cols4 span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -163px -168px
    transparent;
    margin-right: 3px;
}
.rating-list .content {
    padding-top: 5px;
    color: #3b3233;
}
.rating-list .like {
    padding: 5px 0px;
    color: #666666;
}
.rating-list .like .cols1 {
    float: left;
}
.rating-list .like .cols2 {
    float: left;
    padding-left: 5px;
}
.rating-list .like .cols3 {
    float: left;
    padding-left: 5px;
}
.rating-list .like .cols2 span.symbol {
    width: 14px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}
.rating-list .like .cols2:hover span.symbol {
    background-position: -7px top;
}
.rating-list .like .cols2 span.count {
    font-size: 11px;
    color: #666666;
}

.rating-list .like a {
    color: #4a90e2;
    text-decoration: none;
    font-size: 14px;
}
.rating .form-content .content .stars1,
.rating .form-content .content .stars2,
.rating .form-content .content .stars3,
.rating .form-content .content .stars4,
.rating .form-content .content .stars5 {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/wp-content/themes/flatsome-child/library/rating.png)
    no-repeat left top transparent;
    cursor: pointer;
}
.rating .form-content .content .starsActive.selected {
    background-position: left -22px;
}

.rating-list .reply {
    padding: 10px 20px;
}
.rating-list .reply .list {
    background-color: #f1f1f1;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 5px;
}
.rating-list .reply .list img {
    width: 100px;
    margin: 5px;
}
.rating-list .reply .list .cols1 {
    float: left;
    color: #666666;
    background-color: #cccccc;
    padding: 2px 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.rating-list .reply .list .cols2 {
    float: left;
    padding-left: 5px;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}
.rating-list .reply .list .cols3 {
    float: left;
    padding-left: 5px;
}
.rating-list .reply .list .cols3 span {
    background-color: #f1c40f;
    display: inline-block;
    border-radius: 2px;
    padding: 0px 5px;
    font-weight: bold;
}
.rating-list .reply .list .repContent {
    color: #333333;
    line-height: 18px;
    padding: 5px 0px 0px 0px;
}
.rating-list .repLike {
    padding: 5px 0px;
    color: #666666;
}
.rating-list .repLike .lkCols1 {
    float: left;
}
.rating-list .repLike .lkCols2 {
    float: left;
    padding-left: 5px;
}
.rating-list .repLike .lkCols3 {
    float: left;
    padding-left: 5px;
}
.rating-list .repLike a {
    color: #4a90e2;
    text-decoration: none;
    font-size: 14px;
}
.rating-list .repLike .lkCols2 span.symbol {
    width: 14px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}
.rating-list .repLike .lkCols3 span.symbol {
    width: 14px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}
.rating-list .repLike .lkCols2:hover span {
    background-position: -7px top;
}
.rating-list .repLike .lkCols3:hover span {
    background-position: -7px -22px;
}
.rating-list .repLike .lkCols2 span.count,
.rating-list .repLike .lkCols3 span.count {
    font-size: 11px;
    color: #666666;
}

.rating-modal {
}
.rating-modal .title {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(
            center top,
            #fafafa,
            #f2f2f2
    ) repeat scroll 0 0;
    display: block;
    padding: 10px 0px;
}
.rating-modal .title h2 {
    margin: 0px;
    padding: 0px 10px;
    font-size: 18px;
    font-weight: 100;
    float: left;
    color: #333;
}
.rating-modal .title a {
    float: right;
    font-size: 11px;
}
.rating-modal .title a span.symbol {
    display: block;
    color: #ccc;
    cursor: pointer;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    right: 5px;
    top: 0;
}
.rating-modal .title a span.esc {
    color: #cccccc;
    display: block;
    font-size: 10px;
    position: absolute;
    right: 3px;
    top: 23px;
}
.rating-modal .title a:hover span.symbol {
    color: #333333;
}

.rating-modal .note {
    padding: 5px 10px;
    color: #333333;
    font-size: 16px;
}
.rating-modal .cols {
    padding: 10px 10px;
}
.rating-modal .cols .border {
    border: 1px solid #d8d8d8;
    overflow: hidden;
    padding: 5px;
    border-radius: 2px;
}
.rating-modal .cols .border .textBox {
    border: medium none;
    font-family: Arial;
    font-size: 14px;
    width: 100%;
    color: #919191;
    height: 24px;
}
.rating-modal .cols .submit {
    background-color: #f37021;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
}
.rating-modal .cols .border .txtContent {
    border: medium none;
    font-family: Arial;
    font-size: 14px;
    width: 100%;
    height: 60px;
    color: #919191;
}
.rating-modal .cols4 {
    padding-bottom: 20px;
}

.rating-more {
    border-top: 1px solid #e4e4e4;
    position: relative;
    text-align: center;
}
.rating-more a {
    background-color: #e4e4e4;
    border-radius: 0 0 4px 4px;
    color: #f26722;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.rating-more a span {
    background: transparent
    url("/wp-content/themes/flatsome-child/library/icon.png") no-repeat scroll -267px -147px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

/*cart========*/
.cart {
    background-color: #f2f2f2;
}
.cart .border {
    margin: 0px auto;
    max-width: 800px;
    padding-bottom: 30px;
}
.cart .border .border1 {
    background-color: #ffffff;
}
.cart .title {
    padding: 20px 0px 0px;
}
.cart .title .left {
    float: left;
}
.cart .title .right {
    float: right;
}
.cart .title .left span {
    text-transform: uppercase;
    font-size: 18px;
}
.cart .title .left a {
    color: #ff0000;
    text-decoration: none;
    font-size: 12px;
}
.cart .title .left a:hover {
    text-decoration: underline;
}
.cart .title .right a {
    background-color: #ff9d00;
    display: inline-block;
    color: #ffffff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    font-size: 13px;
}
.cart .pro {
    border-bottom: 1px solid #ececec;
    background-color: #f8f8f8;
}
.cart .pro .list {
    border-bottom: 1px dashed #c0c0c0;
    padding: 10px;
    position: relative;
}
.cart .pro .list .cols1 {
    float: left;
    width: 20%;
}
.cart .pro .list .cols2 {
    float: left;
    width: 45%;
}
.cart .pro .list .cols3 {
    float: left;
    width: 17%;
    text-align: right;
}
.cart .pro .list .cols4 {
    float: left;
    width: 18%;
    text-align: right;
}
.cart .pro .list .cols1 img {
    width: 95%;
}
.cart .pro .list .cols2 .name {
    padding-bottom: 5px;
}
.cart .pro .list .cols2 .name a {
    color: #002e96;
    font-weight: bold;
}
.cart .pro .list .cols2 .sku {
    font-size: 12px;
    color: #666666;
}
.cart .pro .list .cols2 .sale {
    color: Red;
    font-size: 13px;
}
.cart .pro .list .cols2 .summary {
    color: #333333;
    font-size: 13px;
    max-height: 40px;
    overflow: hidden;
}
.cart .pro .list .cols3 .price {
    padding-right: 5px;
    padding-bottom: 5px;
}
.cart .pro .list .cols3 .quantity {
    padding-right: 5px;
}
.cart .pro .list .cols3 .quantity .quantity-border {
    float: right;
}
.cart .pro .list .cols3 .quantity .quantity-cols1 {
    float: left;
}
.cart .pro .list .cols3 .quantity .quantity-cols2 {
    float: left;
}
.cart .pro .list .cols3 .quantity .quantity-cols3 {
    float: left;
}
.cart .pro .list .cols3 .quantity .quantity-cols2 input {
    width: 30px;
    text-align: center;
    border: solid 1px #c0c0c0;
    border-radius: 4px;
    padding: 2px 0px;
}
.cart .pro .list .cols3 .quantity a {
    display: inline-block;
    padding: 2px 5px;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
}
.cart .pro .list .cols3 .price .line {
    color: #666666;
    text-decoration: line-through;
}
.cart .pro .list .cols3 .price .pri {
    color: Red;
}
.cart .pro .list .cols3 .price .voucher {
    font-style: italic;
    font-size: 13px;
}
.cart .pro .list .cols4 .money {
    padding-right: 10px;
    font-weight: bold;
    color: #ff0000;
}
.cart .pro .total {
    padding: 8px 0px;
    text-align: right;
    border-bottom: dotted 1px #c0c0c0;
}
.cart .pro .total .shippingTrue {
    display: none;
}
.cart .pro .total .total-cols1 {
    float: left;
    width: 65%;
    padding: 3px 0px;
}
.cart .pro .total .total-cols2 {
    float: right;
    padding: 3px 0px;
}
.cart .pro .total .orderPrice {
    padding-right: 20px;
    display: inline-block;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}
.cart .pro .total .orderPrice1 {
    padding-right: 20px;
    display: inline-block;
    font-size: 16px;
}
.cart .pro .total .orderPrice2 {
    padding-right: 20px;
    display: inline-block;
    font-size: 16px;
}
.cart .pro .list .del {
    position: absolute;
    top: 2px;
    right: 2px;
}
.totalFix {
    position: fixed;
    top: 80px;
    right: 2px;
    width: 300px;
    background-color: #ffffff;
    border-radius: 4px;
}
div.cart .pro .totalFix .total-cols1 {
    width: 40%;
}

.cart .cus {
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
}
.cart .cus .cus-tite {
    font-weight: bold;
}
.cart .cus .cus-note {
    color: #333;
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
}
.cart .cus .cus-note1 {
    color: red;
    padding: 5px 0px;
    line-height: 20px;
    font-style: italic;
}
.cart .cus .cus-text {
    padding: 0px 0px;
    border: solid 1px #eeeeee;
    margin: 0px 0px 5px;
}
.cart .cus .cus-text .list {
    padding: 3px 10px;
    border-top: solid 1px #eeeeee;
}
.cart .cus .cus-text .cols1 {
    float: left;
    width: 20%;
    padding: 5px 0px;
    font-weight: bold;
}
.cart .cus .cus-text .cols2 {
    float: left;
    width: 80%;
    padding: 5px 0px;
}
.cart .cus .cus-form {
    padding: 5px 0px;
}
.cart .cus .cus-form .form-cols1 {
    float: left;
    width: 33%;
    padding: 5px 0px;
}
.cart .cus .cus-form .form-cols2 {
    float: left;
    width: 33%;
    padding: 5px 0px;
}
.cart .cus .cus-form .form-cols3 {
    float: left;
    width: 33%;
    padding: 5px 0px;
}
.cart .cus .cus-form .form-note {
    padding: 0 10px;
    color: #999;
}
.cart .cus .cus-b {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 5px;
    margin: 0px 10px;
}
.cart .cus .cus-form .cus-b .textbox {
    width: 100%;
    border: none;
    background: none;
}
.cart .cus .cus-form .cus-b .select {
    width: 100%;
    border: none;
    background: none;
}
.cart .cus .cus-form .form-cols4 {
    padding-right: 7px;
    padding-bottom: 5px;
}
.cart .cus .form-cols5 {
    padding: 5px 0px;
}
.cart .cus .cus-form .form-cols6 .cols6-1 {
    padding-right: 5px;
}
.cart .cus .textarea {
    width: 100%;
    border: none;
    background: none;
    height: 30px;
    font-family: Arial;
    font-size: 13px;
}

.cart .cus .cus-other1 {
    font-weight: bold;
    color: #666666;
}
.cart .cus .cus-form1 {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 5px;
}
.cart .cus .cus-form1 .form-cols1 {
    float: left;
    width: 50%;
    padding: 5px 0px;
}
.cart .cus .cus-form1 .form-cols2 {
    float: left;
    width: 50%;
    padding: 5px 0px;
}
.cart .cus .cus-form1 .cus-b {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 5px;
    margin: 0px 10px;
    background-color: #ffffff;
}
.cart .cus .cus-form1 .cus-b .textbox {
    width: 100%;
    border: none;
    background: none;
}
.cart .cus .cus-other2 {
    font-weight: bold;
    color: #666666;
    padding: 5px 0px;
}
.cart .cus .cus-form2 {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 5px;
}
.cart .cus .cus-form2 .form-cols1 {
    padding: 5px 0px;
}
.cart .cus .cus-form2 .form-cols2 {
    padding: 5px 0px;
}
.cart .cus .cus-form2 .form-cols3 {
    padding: 5px 0px;
}
.cart .cus .cus-form2 .cus-b {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 5px;
    margin: 0px 10px;
    background: #ffffff;
}
.cart .cus .cus-form2 .cus-b .textbox {
    width: 100%;
    border: none;
}
.cart .shipping-payment {
    padding: 10px 20px;
    background-color: #f8f8f8;
    line-height: 26px;
}
.cart .shipping-title,
.cart .payment-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    padding-bottom: 5px;
}
.cart .shipping {
    float: left;
    width: 49%;
}
.cart .payment {
    float: right;
    width: 49%;
}
.cart .send {
    text-align: center;
    padding: 20px 10px;
}
.cart .send #cartLoadSend {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    height: 45px;
    padding-top: 20px;
    padding-right: 10px;
    display: none;
}
.cart .send a {
    display: inline-block;
    background-color: Red;
    padding: 15px 150px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 1px 1px 5px #c0c0c0;
}
.cart .send a:hover {
    box-shadow: 1px 1px 5px #000000;
    color: yellow;
}

.form-capt {
    padding: 10px 0px;
}
.form-capt .cols1 {
    float: left;
    border: solid 1px #d7d7d7;
    border-radius: 4px 0px 0px 4px;
    background-color: #ffffff;
    padding: 5px;
}
.form-capt .cols1 .textbox {
    font-size: 14px;
    border: none;
    background: none;
    outline: medium none;
    box-sizing: border-box;
}
.form-capt .cols2 {
    float: left;
}

.coupon-form {
    font-weight: bold;
    padding: 5px 20px;
    border-top: solid 1px #ececec;
}
.coupon-form .textbox {
    height: 26px;
    width: 200px;
    color: #666666;
    border-radius: 2px;
    border: solid 1px #cccccc;
    background-color: none;
    text-indent: 5px;
}
.coupon-form .sum {
    background-color: #ff6600;
    display: inline-block;
    padding: 5px 10px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 2px;
}

table.databanks {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    max-width: 100% !important;
}
table.databanks td {
    padding: 7px 10px;
    border: solid 1px #666666;
}
table.databanks td.owner {
    font-weight: bold;
}
table.databanks td.title {
    background: #ffe699 none repeat scroll 0 0;
}

.succ-cart {
    background-color: #ffffff;
    width: 55%;
    margin: 30px auto;
    text-align: left;
    border: solid 1px #e1e1e1;
    box-shadow: 0 -2px 10px #e1e1e1;
    border-radius: 4px;
    font-size: 14px;
}
.succ-cart .banner {
    text-align: center;
}
.succ-cart .banner img {
    max-width: 100%;
}
.succ-cart .border {
    padding: 20px;
}
.succ-cart .title {
    text-align: center;
    color: #0ab500;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px;
}
.succ-cart .title img {
    vertical-align: middle;
    height: 26px;
}
.succ-cart .thankyou {
    color: #1d1d1d;
    line-height: 22px;
    padding: 10px 0px;
}
.succ-cart .proTitle {
    background-color: #f3f3f3;
    text-transform: uppercase;
    padding: 8px 10px;
}
.succ-cart .proCus {
    padding: 0px 10px;
    color: #333333;
}
.succ-cart .proCus .total {
    color: Red;
}
.succ-cart .proCus .total b {
    font-size: 16px;
}
.succ-cart .note {
}
.succ-cart .list {
    overflow: auto;
}
.succ-cart .other {
    padding: 20px 0px;
    text-align: center;
}
.succ-cart .other a {
    border: 1px solid #3280a6;
    border-radius: 4px;
    color: #3280a6;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.succ-cart .other a:hover {
    color: Red;
}

.checkOrder {
}
.checkOrder .note {
    font-size: 14px;
    text-align: center;
    padding-top: 20px;
}
.checkOrder .form {
    text-align: center;
    padding: 20px 0px;
}
.checkOrder .form form {
    display: inline-block;
    width: 50%;
}
.checkOrder .form .f-text {
    border: 1px solid #f26722;
    border-radius: 4px;
    display: block;
    padding: 5px;
}
.checkOrder .form .f-text .text {
    font-size: 14px;
    font-family: Arial;
    background: none;
    border: none;
    width: 100%;
    height: 28px;
}
.checkOrder .form .f-captcha {
    padding-top: 10px;
}
.checkOrder .form .f-captcha .cols1 {
    float: left;
}
.checkOrder .form .f-captcha .cols1 .b {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}
.checkOrder .form .f-captcha .cols1 .b .cssTextBox {
    border: none;
    width: 110px;
}
.checkOrder .form .f-captcha .cols2 {
    float: left;
}
.checkOrder .form .f-submit {
    padding: 20px 0px 10px;
}
.checkOrder .form .f-submit .submit {
    background-color: #f26722;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px;
    text-transform: uppercase;
    cursor: pointer;
}
.checkOrder .form .f-submit .submit:hover {
    background-color: #e75005;
}
.checkOrder .list {
    padding-top: 10px;
}
.checkOrder .list table {
    font-size: 13px;
}
.checkOrder .list .title {
    font-size: 13px;
}
.checkOrder .list .cols2 {
    font-weight: bold;
}
.checkOrder .info {
}
.checkOrder .info .cols1 {
    float: left;
    text-align: right;
    width: 20%;
    padding: 8px 0px;
    border-bottom: solid 1px #f4f4f4;
}
.checkOrder .info .cols1 span {
    padding-right: 20px;
}
.checkOrder .info .cols2 {
    float: right;
    width: 80%;
    padding: 8px 0px;
    font-weight: bold;
    border-bottom: solid 1px #f4f4f4;
}

.checkOrder .oDetail .title {
    padding-top: 20px;
}
.checkOrder .oDetail .list {
    padding: 10px;
}
.checkOrder .oDetail .list_0 {
    background-color: #f4f4f4;
    border-radius: 4px;
}
.checkOrder .oDetail .list .fcols1 {
    float: left;
    text-align: right;
    width: 20%;
    padding: 8px 0px;
}
.checkOrder .oDetail .list .fcols1 span {
    padding-right: 20px;
}
.checkOrder .oDetail .list .fcols2 {
    float: right;
    width: 80%;
    padding: 8px 0px;
}

.cartPre-content {
    border: solid 1px #eee;
    margin: 15px 0px;
}
.cartPre-content .list {
    padding: 0px 5px;
    color: #333;
    border-bottom: solid 1px #eee;
}
.cartPre-content .list .cols1 {
    float: left;
    width: 50%;
    padding: 5px 0px;
}
.cartPre-content .list .cols2 {
    float: left;
    padding: 5px 0px;
    border-left: solid 1px #eee;
    padding-left: 5px;
    font-weight: bold;
}
.cartPre-content .none1 {
    padding: 10px 5px;
    color: red;
}
.cartPre-content .none {
    padding: 5px;
    background-color: #fffdec;
}

.banner-cart {
    text-align: center;
}
.banner-cart img {
    width: 100%;
}
@media screen and (max-width: 850px) {
    .cart .border {
        margin: 0px 5px;
    }
}
@media screen and (max-width: 500px) {
    .cart .pro .list .cols1 {
        width: 25%;
    }
    .cart .pro .list .cols1 img {
        max-height: 70px;
    }
    .cart .pro .list .cols2 {
        width: 75%;
        min-height: 70px;
    }
    .cart .pro .list .cols3 {
        width: 50%;
    }
    .cart .pro .list .cols4 {
        width: 50%;
    }
    .cart .pro .list .cols3 .price {
        float: left;
        width: 50%;
        padding: 0px;
    }
    .cart .pro .list .cols3 .quantity {
        float: right;
        width: 50%;
        padding: 0px;
    }
    .cart .pro .list .cols3 .quantity .quantity-border {
        float: none;
        padding-left: 10px;
    }
    .cart .cus .cus-form .form-cols5 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form .form-cols6 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form .form-cols6 .cols6-1 {
        padding-right: 0px;
    }
    .cart .cus .cus-form .form-cols1 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form .form-cols2 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form .form-cols3 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form1 .form-cols1 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form1 .form-cols2 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form2 .form-cols1 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form2 .form-cols2 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form2 .form-cols3 {
        float: none;
        width: auto;
    }
    .cart .cus .cus-form .form-cols4 {
        padding-right: 0px;
    }

    .cart .shipping {
        float: none;
        width: auto;
    }
    .cart .payment {
        float: none;
        width: auto;
        padding-bottom: 10px;
    }
    .cart .send a {
        padding: 15px;
        display: block;
    }
}

.cart .pro .list .cols2 .summary .combol-pro {
    margin: 0px;
    padding: 5px 0px;
}
.cart .pro .list .cols2 .summary .combol-pro a {
    color: #333333;
    text-decoration: none;
    font-style: italic;
}
.cart .pro .list .cols2 .summary .combol-pro a:hover {
    color: #000000;
    font-style: normal;
}

/*login ===================*/
.login-content {
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #ececec;
    padding: 0 7px;
}

.homeLogin-form li {
}
.homeLogin-form .cssCols1 {
    color: #504e4f;
    font-weight: bold;
    padding-top: 5px;
}
.homeLogin-form .cssCols2 {
}
.homeLogin-form .cssSubmit {
    padding-top: 5px;
    text-align: right;
}
.homeLogin-form .cssOther {
    text-align: right;
    font-size: 11px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.homeLogin-form .cssText {
    width: 180px;
}
.homeLogin-form .cssSubmit .cssInput {
    cursor: pointer;
    width: 96px;
    height: 28px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -184px -100px
    transparent;
    border: 0px;
}

.login-form {
    float: left;
    width: 50%;
}
.login-info {
    float: left;
    width: 40%;
    border-left: dotted 1px #c0c0c0;
    padding-left: 10px;
    height: 200px;
}
.login-form form {
    padding-top: 30px;
}
.login-form .cssCols1 {
    width: 20%;
    float: left;
    padding: 5px 0px;
    font-weight: bold;
}
.login-form .cssCols2 {
    width: 80%;
    float: left;
    padding: 5px 0px;
}
.login-form .cssText {
    width: 180px;
}
.login-info .cssTitle {
    font-weight: bold;
    color: #707001;
}
.login-info a {
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
}

/*Register========*/
.register {
    max-width: 870px;
    margin: 50px auto;
}
.register .border {
    box-shadow: 1px 1px 5px #c0c0c0;
    padding: 20px 50px;
    border: solid 1px #c0c0c0;
    background-color: #ffffff;
    border-radius: 4px;
}
.register .border .l {
    float: left;
    width: 62%;
}
.register .border .r {
    float: right;
    width: 35%;
}
.register .border .r .r-b {
    padding-top: 60px;
}
.register .border .r .regis {
    color: red;
}
.register .border .pass a {
    color: #333333;
    font-style: italic;
}
.register .border .title {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}
.register .border .note {
    font-style: italic;
    font-size: 13px;
    text-align: center;
    padding: 0px 0px 5px;
}
.register .border .t {
    font-weight: bold;
    padding: 20px 0px 20px;
    border-top: solid 1px #eeeeee;
}
.register .border .b {
    border: solid 1px #cccccccc;
    padding: 5px;
}
.register .border .b .cssTextBox {
    background: none;
    border: 0px;
    width: 100%;
    border-radius: 2px;
}
.register .border .cols1 {
    float: left;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 10px;
}
.register .border .cols2 {
    float: left;
    width: 70%;
    padding-bottom: 10px;
}
.register .border .cols31 {
    float: left;
    width: 30%;
    padding-bottom: 10px;
}
.register .border .cols32 {
    float: left;
    width: 34%;
    padding-bottom: 10px;
}
.register .border .cols33 {
    float: right;
    width: 34%;
    padding-bottom: 10px;
}
.register .border .capt-cols1 {
    float: left;
}
.register .border .capt-cols2 {
    float: left;
}
.register .border .capt-cols1 .capt-b {
    border: solid 1px #cccccccc;
    padding: 3px 5px;
}
.register .border .capt-cols1 .capt-b .capt-cssTextbox {
    background: none;
    border: none;
}
.register .border .cols2 .b .cssSelect {
    background: none;
    border: 0px;
    width: 100%;
    border-radius: 2px;
}
.register .border .cols32 .cssSelect,
.register .border .cols33 .cssSelect {
    background: none;
    border: 0px;
    width: 100%;
    border-radius: 2px;
}
.register .border .submit {
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}
.register .border .submit .sub {
    background-color: #ff6600;
    display: inline-block;
    padding: 15px 20px;
    color: #ffffffff;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.register .border .submit .sub:hover {
    background-color: red;
}
.register .border .submit .loadSubmit {
    position: absolute;
    top: 10px;
    left: 0px;
    background-color: #fff;
    right: 0px;
    height: 30px;
    padding: 20px 0px;
    display: none;
}
@media screen and (max-width: 550px) {
    .register .border {
        padding: 20px 5px;
    }
    .register .border .l {
        float: none;
        width: auto;
    }
    .register .border .r {
        float: none;
        width: auto;
    }
    .register .border .r .r-b {
        border-top: 1px solid #eeeeee;
        padding-top: 10px;
    }
}
/*customer==========*/
.customer {
    max-width: 1000px;
    margin: 20px auto;
}
.customer-left {
    float: left;
    width: 28%;
}
.customer-content {
    float: right;
    width: 70%;
}
.customer-title {
    margin: 0px 2px;
    background-color: #eeeeee;
    padding: 10px;
    color: #000000;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
    text-transform: uppercase;
}
.customer-menu {
    margin: 0px 2px;
    border: solid 1px #eeeeee;
    background-color: #ffffff;
}
.customer-menu a {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #eeeeee;
    color: #000000;
    text-decoration: none;
}
.customer-menu a span {
    border-color: #0000 #333333 #0000 #0000;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    display: inline-block;
    height: 0;
    margin: 0px 10px 5px;
    width: 0;
    color: #333333;
    white-space: nowrap;
    vertical-align: middle;
    transform: rotate(180deg);
}
.customer-menu a:hover {
    color: Red;
}
.customer-menu a:hover span {
    border-color: #0000 #ff0000 #0000 #0000;
    color: #ff0000;
}
.customer-content h1 {
    background-color: #eeeeee;
    margin: 0px;
    padding: 5px 10px;
    font-size: 20px;
    border-radius: 4px 4px 0px 0px;
}
.customer-content .border {
    background-color: #ffffff;
    border-radius: 0px 0px 4px 4px;
    padding: 0px 20px;
    border: solid 1px #eeeeee;
    min-height: 165px;
}
.customer-content .temp2 .b {
    border: solid 1px #cccccccc;
    padding: 5px;
}
.customer-content .temp2 .b .cssTextBox {
    background: none;
    border: 0px;
    width: 100%;
    border-radius: 2px;
}
.customer-content .temp2 .cols1 {
    float: left;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 10px;
}
.customer-content .temp2 .cols2 {
    float: left;
    width: 70%;
    padding-bottom: 10px;
}
.customer-content .temp2 .capt-cols1 {
    float: left;
}
.customer-content .temp2 .capt-cols2 {
    float: left;
}
.customer-content .temp2 .capt-cols1 .capt-b {
    border: solid 1px #cccccccc;
    padding: 3px 5px;
}
.customer-content .temp2 .capt-cols1 .capt-b .capt-cssTextbox {
    background: none;
    border: none;
}
.customer-content .temp2 .cols2 .b .cssSelect {
    background: none;
    border: 0px;
    width: 100%;
    border-radius: 2px;
}
.customer-content .temp2 .submit {
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}
.customer-content .temp2 .submit .sub {
    background-color: #ff6600;
    display: inline-block;
    padding: 15px 20px;
    color: #ffffffff;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.customer-content .temp2 .submit .sub:hover {
    background-color: red;
}
.customer-content .temp2 .submit .loadSubmit {
    position: absolute;
    top: 10px;
    left: 0px;
    background-color: #fff;
    right: 0px;
    height: 30px;
    padding: 20px 0px;
    display: none;
}
.customer-content .order-select {
    text-align: right;
    padding: 10px 0px;
}
.customer-order .title {
    border-bottom: solid 1px #eeeeee;
    padding: 10px 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.customer-order .cssCols1 {
    float: left;
    width: 40%;
    padding: 10px 0px;
}
.customer-order .cssCols2 {
    float: left;
    width: 60%;
    padding: 10px 0px;
}
.customer-order .title1 {
    font-weight: bold;
    padding: 10px 0px;
    text-transform: uppercase;
}
.customer-order .total {
    color: #ff0000;
    font-weight: bold;
}

table.styleCus {
    width: 100%;
    border-collapse: collapse;
    border-color: #d0d0bf;
    background-color: #ffffff;
}
table.styleCus tr.title {
    background-color: #bfcded;
    color: #4a639c;
    font-weight: bold;
}
table.styleCus tr.title td {
    border-color: #d0d0bf;
}
table.styleCus tr.content td {
    border-color: #d0d0bf;
}
table.styleCus tr.content:hover {
    background-color: #ebf1fe;
}
@media screen and (max-width: 550px) {
    .customer-left {
        float: none;
        width: auto;
    }
    .customer-content {
        float: none;
        width: auto;
        margin-top: 20px;
    }
}
/*Contact========*/
.contact-left {
    float: left;
    width: 50%;
}
.contact-right {
    float: right;
    width: 48%;
}
.contact-left .title {
    font-size: 20px;
    margin: 0px;
}

.contact-cols1 {
    float: left;
    width: 22%;
    color: #6f6f6f;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0px;
}
.contact-cols2 {
    float: left;
    width: 78%;
    text-align: right;
    padding: 10px 0px;
}
.contact-cols2 .b {
    border: solid 1px #c0c0c0;
    padding: 5px;
    background-color: #ffffff;
}
.contact-cols2 .cssTextBox {
    font-size: 13px;
    width: 100%;
    border: none;
    background: none;
}
.contact-cols2 .cssTextBox1 {
    font-size: 13px;
    height: 100px;
    width: 100%;
    border: none;
    background: none;
}
.contact-sendFull {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.contact-cols1n {
    float: left;
    width: 20%;
}
.contact-cols2n {
    float: left;
    width: 80%;
}
.contactCheck {
    color: #797979;
}
.contactCheck a {
    color: #797979;
}
.contact-cols2 .sub {
    display: inline-block;
    background-color: #f7941d;
    padding: 8px 30px;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}
.contact-cols2 .sub:hover {
    background: red;
}
.contact-form .type {
    font-size: 13px;
    color: #666666;
    border: none;
    background: none;
    width: 100%;
}
.contact-form .captcha {
    font-size: 13px;
    border: solid 1px #d1d1d1;
    height: 24px;
    color: #666666;
}
.contact-form #cartLoadSend {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    height: 49px;
    width: 100%;
    text-align: center;
    display: none;
    font-weight: bold;
}

div.contact-captcha {
}
div.contact-captcha .cols1 {
    float: left;
    width: 40%;
    text-align: left;
}
div.contact-captcha .cols2 {
    float: left;
    text-align: left;
}

/*media===========*/
.media-title {
    height: 27px;
    font-weight: bold;
    background-color: #f4f4f4;
    border: solid 1px #c0c0c0;
}
.media-title div {
    float: left;
    height: 22px;
    padding-top: 5px;
}
.media-title .cols1 {
    width: 15%;
}
.media-title .cols2 {
    width: 50%;
    border-left: solid 1px #c0c0c0;
}
.media-title .cols3 {
    width: 34%;
    text-align: center;
    border-left: solid 1px #c0c0c0;
}

.media-list {
    height: 70px;
    border-left: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
}
.media-list div {
    float: left;
}
.media-list .cols1 {
    width: 15%;
    padding: 25px 0px;
}
.media-list .cols2 {
    width: 50%;
    padding: 25px 0px;
    border-left: solid 1px #c0c0c0;
}
.media-list .cols3 {
    width: 34%;
    text-align: center;
    border-left: solid 1px #c0c0c0;
}
.media-list:hover {
    background-color: #f4f4f4;
}

/*photoCategory=================*/
.photoCategory-content {
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    padding: 10px 10px 0px;
}
.photoCategory-thumbnail {
    width: 33%;
    float: left;
}
.photoCategory-thumbnail .cssImg {
    text-align: center;
}
.photoCategory-thumbnail .cssName {
    text-align: center;
}
.photoCategory-thumbnail .cssName a {
    font-weight: bold;
    text-decoration: none;
}
.photoCategory-thumbnail .cssName a:hover {
    color: Red;
}

.maps-title {
    color: #009a4f;
    font-size: 18px;
    padding: 5px 0px;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
.maps-list {
    float: left;
    width: 33%;
    padding: 10px 0px 0px;
}
.maps-list .title {
    color: #009a4f;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0px;
}
.maps-list .info {
    color: #666666;
    line-height: 18px;
}
.maps-list .add {
    padding: 5px 0px;
}
.maps-list .add a {
    color: #29abe2;
    text-decoration: none;
    font-weight: bold;
}
.maps-list .add a:hover {
    color: #007f3d;
}
.maps-list .add a span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -181px -24px
    transparent;
    vertical-align: middle;
}

.maps-list1 {
    float: left;
    padding: 10px 0px 20px;
}
.maps-list1 .title {
    color: #009a4f;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0px;
}
.maps-list1 .info {
    color: #666666;
    line-height: 22px;
}
.maps-list1 .add {
    padding: 5px 0px;
}
.maps-list1 .add a {
    color: #29abe2;
    text-decoration: none;
    font-weight: bold;
}
.maps-list1 .add a:hover {
    color: #007f3d;
}
.maps-list1 .add a span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -181px -24px
    transparent;
    vertical-align: middle;
}

/*footer===========*/

.footer-pro {
    background-color: #fafafa;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #f4f4f4;
    box-shadow: 0 3px 6px #333333;
    display: none;
}
.footer-pro .cols {
    float: left;
    width: 19%;
}
.footer-pro .cols3 {
    float: left;
    width: 24%;
}
.footer-pro .cols a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 5px 0px;
    text-align: center;
}
.footer-pro .cols1 a {
    border-left: 0px;
}
.footer-pro .cols a span.symbol {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -720px transparent;
}
.footer-pro .cols a span.txt {
    display: block;
}
.footer-pro div.cols1 a span.symbol {
    background-position: -81px -720px;
}
.footer-pro div.cols2 a span.symbol {
    background-position: left -720px;
}
.footer-pro div.cols3 a span.symbol {
    background-position: -163px -720px;
    margin-top: 5px;
}
.footer-pro div.cols4 a span.symbol {
    background-position: -121px -720px;
}
.footer-pro div.cols5 a span.symbol {
    background-position: -40px -720px;
}
.footer-pro div.cols3 {
    position: relative;
    text-align: center;
}
.footer-pro div.cols3 .border {
    width: 100%;
    position: absolute;
    top: -20px;
}
.footer-pro div.cols3 a {
    background-color: #d32f2f;
    border-radius: 50px;
    height: 75px;
    margin: 0 auto;
    width: 85px;
    box-shadow: 1px 3px 5px #c0c0c0;
}
.footer-pro div.cols3 a span.txt {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}
.footer-pro div.cols4 a {
    position: relative;
}
.footer-pro div.cols4 a b {
    background-color: red;
    border-radius: 4px;
    color: #ffffff;
    font-size: 11px;
    padding: 0 4px;
    position: absolute;
    top: 2px;
}

.footer {
    background-color: #014c85;
    padding: 20px 0px;
    color: #dddddd;
}
.footer .cols1 {
    float: left;
    width: 33%;
}
.footer .cols2 {
    float: left;
    width: 34%;
}
.footer .cols3 {
    float: left;
    width: 33%;
}
.footer .cols2 .border {
    padding: 0px 10px;
}
.footer h3 {
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 0px;
    margin: 0px;
}
.footer .cols1 .rows2 {
    color: #ffffff;
    font-weight: bold;
    padding: 10px 0px;
}
.footer .cols1 .rows3 {
    color: #ffffff;
    padding: 0px 0px 10px;
    font-size: 18px;
    font-weight: bold;
}
.footer .cols1 .rows5 {
    padding: 10px 0px 20px;
}
.footer .cols1 .rows5 a {
    display: inline-block;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    color: #414141;
    border-radius: 4px;
    text-decoration: none;
}
.footer .cols1 .rows6 {
    text-align: center;
}
.footer .cols1 .rows7 {
    text-align: center;
    padding: 10px 0px;
}
.footer .cols1 .rows7 a {
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}
.footer .cols2 .rows3 {
    line-height: 24px;
}
.footer .cols2 .rows1 {
    max-height: 400px;
    overflow: scroll;
}
.footer .cols2 .rows1 .showroom {
    border-bottom: dotted 1px #4d85b0;
    padding-bottom: 5px;
}
.footer .cols2 .rows1 .showroom .t {
    color: #ffffff;
    font-weight: bold;
}
.footer .cols2 .rows1 .showroom .c p {
    margin: 0px;
    padding: 0px 0px;
}
.footer .cols2 .rows1 .showroom .c p a {
    color: #dddddd;
}
.footer .cols2 .rows1 .showroom .c p span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -273px -52px
    transparent;
    margin-right: 5px;
}
.footer .cols2 .rows1 .showroom .c p span.tel {
    background-position: -253px -52px;
}
.footer .cols2 .rows1 .showroom .c p span.email {
    background-position: -233px -52px;
}
.footer .cols3 .rows1 {
    line-height: 24px;
}
.footer .cols3 .rows3 {
    padding: 20px 0px;
}
.footer .cols3 .rows3 .hotile {
    margin: 0px;
    padding: 10px 0px;
    border-bottom: dotted 1px #4d85b0;
    font-size: 16px;
    color: #dddddd;
}
.footer .cols3 .rows3 .hotile span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -76px top transparent;
}
.footer .cols3 .rows3 .hotile a {
    font-size: 20px;
    color: #ffffff;
    padding: 5px 0px 0px;
    text-decoration: none;
}
.footer .cols3 .rows3 .hotile a:hover {
    color: #cccccc;
}
.footer .cols4 {
    padding: 5px;
    border-top: dashed 1px #888888;
    text-align: center;
    color: #cccccc;
}
.footer .cols4 a {
    color: #cccccc;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
}
.footer .cols4 a:hover {
    color: #888888;
}

.footer-bottom {
    background-color: #014c85;
    padding: 15px 15px 75px 15px;
    color: #ffffff;
}
.footer-bottom a {
    color: #ffffff;
    text-decoration: none;
}
.footer-bottom .cols1 {
    float: left;
    width: 30%;
}
.footer-bottom .cols2 {
    float: left;
    width: 45%;
    line-height: 24px;
    padding-top: 10px;
}
.footer-bottom .cols3 {
    float: left;
    width: 25%;
    text-align: right;
}
.footer-bottom .cols1 img {
    height: 80px;
    width: 220px;
    object-fit: scale-down;
}
.footer-bottom .cols2 .copyrignt {
    display: inline-block;
}
.footer-bottom .cols2 .copyrignt:hover a {
    color: #ffff88;
}
.footer-bottom .cols2 a:hover {
    color: #ffff88;
}
.footer-bottom .cols3 p {
    margin: 0px;
}
.footer-bottom .cols3 a {
    color: #dfb4b9;
    font-size: 11px;
    padding: 5px 0px 0px;
    display: inline-block;
}
.footer-bottom .cols3 ul li {
    float: left;
    width: calc(50% - 20px);
    margin: 5px 10px;
}
.footer-bottom .cols3 ul li img {
    height: 50px;
}
.form_newsletter {
    text-align: center;
}
.form_newsletter .title {
    padding: 10px 0px;
}
.form_newsletter .form {
    background-color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    position: relative;
    max-width: 300px;
    margin: 0px auto;
}
.form_newsletter .form .textbox {
    width: 100%;
    border: none;
    background: none;
}
.form_newsletter .form .submit {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #df3346;
    text-decoration: none;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 0px 4px 4px 0px;
}
.form_newsletter .form .newsletter-check {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #df3346;
    text-decoration: none;
    color: #ffffff;
    padding: 6px 5px;
    border-radius: 0px 4px 4px 0px;
    z-index: 1;
    display: none;
}

.copyright {
    text-align: left;
}
.footer .form-newsletter .copyright a {
    color: #282460;
    text-decoration: none;
    font-size: 11px;
    padding-top: 5px;
}

#toTop {
    background: url("/wp-content/themes/flatsome-child/library/topPage.png")
    no-repeat scroll left top transparent;
    bottom: 50px;
    cursor: pointer;
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 5px;
    width: 48px;
    z-index: 99;
    display: none;
}
#toTop:hover {
    opacity: 1;
}

.toCall {
    bottom: 70px;
    position: fixed;
    left: 5px;
    z-index: 99;
}
.toCall .rows {
    padding-bottom: 10px;
}
.toCall .rows a {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat
    left top transparent;
    text-decoration: none;
}
.toCall .zalo a {
    background-position: -88px -181px;
}
.toCall .face a {
    background-position: -132px -181px;
}
.toCall .cal a {
    background-position: left -181px;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.telfix {
    position: fixed;
    width: 100%;
    bottom: 0px;
    text-align: center;
    z-index: 99;
}
.telfix .border {
    display: inline-block;
    padding: 10px 5px;
    background-color: #ec253c;
    border-radius: 4px;
}
.telfix .border .li {
    background-color: #014c85;
    color: #ffffff;
    float: left;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0px 5px;
    position: relative;
}
.telfix .border .li a.r {
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
}
.telfix .border .li a.r span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("/wp-content/themes/flatsome-child/library/telfix.gif")
    no-repeat scroll left top transparent;
    vertical-align: middle;
}
.telfix .border div.tel a.r span {
    background-position: 0px 0px;
}
.telfix .border div.face a.r span {
    background-position: -28px 0px;
}
.telfix .border div.zalo a.r span {
    background-position: -56px 0px;
}
.telfix .border div.map a.r span {
    background-position: -84px 0px;
}
.telfix .border div.tel .h_menu_sub {
    position: absolute;
    bottom: 29px;
    left: -10px;
}
.telfix .border div.tel .h_menu_sub .b {
    padding: 20px 0px;
}
.telfix .border div.tel .h_menu_sub .b1 {
    background-color: #014c85;
    width: 280px;
    text-align: left;
    border-radius: 4px;
    padding: 10px 0px;
}
.telfix .border div.tel .h_menu_sub .b a {
    display: block;
    padding: 7px 10px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: dotted 1px #65a4d4;
}
.telfix .border div.tel .h_menu_sub .b a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -254px -33px
    transparent;
    vertical-align: middle;
}
.telfix .border div.tel .h_menu_sub .b a:hover {
    color: #ffff00;
}

.telfix .border div.map .h_menu_sub {
    position: absolute;
    bottom: 29px;
    right: -9px;
}
.telfix .border div.map .h_menu_sub .b {
    padding: 20px 0px;
}
.telfix .border div.map .h_menu_sub .b1 {
    background-color: #014c85;
    width: 510px;
    text-align: left;
    border-radius: 4px;
    padding: 10px 0px;
}
.telfix .border div.map .h_menu_sub .b a.showroom-map {
    display: block;
    padding: 6px 10px 6px 28px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: dotted 1px #65a4d4;
    position: relative;
}
.telfix .border div.map .h_menu_sub .b a.showroom-map span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/flatsome-child/library/icon.png) no-repeat -273px -52px
    transparent;
    vertical-align: middle;
    position: absolute;
    left: 5px;
    top: 6px;
}
.telfix .border div.map .h_menu_sub .b a:hover {
    color: #ffff00;
}

.telfixM {
    background-color: #fafafa;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #f4f4f4;
    box-shadow: 0 3px 6px #333333;
    display: none;
}
.telfixM .cols {
    float: left;
    width: 20%;
}
.telfixM .cols a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 5px 0px;
    text-align: center;
}
.telfixM .cols1 a {
    border-left: 0px;
}
.telfixM .cols a span.symbol {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -110px -98px transparent;
}
.telfixM .cols a span.txt {
    display: block;
}
.telfixM div.cols2 a span.symbol {
    background-position-x: -142px;
}
.telfixM div.cols3 a span.symbol {
    background-position-x: -174px;
}
.telfixM div.cols4 a span.symbol {
    background-position-x: -206px;
}
.telfixM div.cols5 a span.symbol {
    background-position-x: -238px;
}
.telfixM div.cols6 a span.symbol {
    background-position-x: -250px;
}

div.modaltel .border {
    position: absolute;
    bottom: 90px;
    width: 100%;
    text-align: center;
}
.modaltel .title {
    background-color: #f4f4f4;
    border-radius: 4px 4px 0px 0px;
}
.modaltel .title h2 {
    margin: 0px;
    padding: 10px 10px 0px;
    font-size: 18px;
    float: left;
    color: #333;
}
.modaltel .title a {
    float: right;
    font-size: 11px;
    color: red;
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    padding-right: 5px;
}
.modaltel .title a span {
    display: block;
}
.modaltel .title a span.symbol {
    font-weight: bold;
    font-size: 20px;
}
.modaltel .content {
    padding: 20px;
    text-align: left;
}
.modaltel .content .list {
    padding: 10px 0px;
    border-bottom: dotted 1px #c0c0c0;
}
.modaltel .content a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    color: #333;
}
.modaltel .content .cols1 {
    float: left;
    width: 45%;
}
.modaltel .content .cols2 {
    float: left;
    width: 55%;
    font-weight: bold;
}
.modaltel .content .cols3 {
    float: left;
    width: 25%;
    font-weight: bold;
}
.modaltel .content .cols4 {
    float: left;
    width: 75%;
}

#cartLoadOrder {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 100px;
    z-index: 99;
}
.popupOrder {
    position: relative;
    top: -25px;
    display: none;
    left: 10px;
}
.popupOrder .border {
    background-color: #004c84;
    opacity: 0.9;
    width: 320px;
    border-radius: 100px;
    border: solid 1px #004c84;
    padding: 5px;
}
.popupOrder .border .img {
    float: left;
    width: 70px;
}
.popupOrder .border .img img {
    width: 70px;
    height: 70px;
    border-radius: 100px;
}
.popupOrder .border .info {
    float: left;
    width: 250px;
}
.popupOrder .border .info a {
    display: block;
    padding: 5px 10px;
    color: yellow;
    text-decoration: none;
}
.popupOrder .border .info p {
    margin: 0px;
    padding: 0px 10px;
    color: #ffffff;
}
.popupOrder .border:hover {
    opacity: 1;
}

/*title6-temp2*/
.title6-temp2 {
    height: 22px;
    background-color: #bfcded;
    color: #4a639c;
    font-weight: bold;
    border: 1px solid #d0d0bf;
    border-bottom: 0px;
}
.title6-temp2 li {
    float: left;
    height: 19px;
    border-right: 1px solid #d0d0bf;
}
.title6-temp2 .cssCols1 {
    width: 8%;
    padding-top: 3px;
}
.title6-temp2 .cssCols2 {
    width: 10%;
    padding-top: 3px;
}
.title6-temp2 .cssCols3 {
    width: 40%;
    padding-top: 3px;
}
.title6-temp2 .cssCols4 {
    width: 15%;
    padding-top: 3px;
}
.title6-temp2 .cssCols5 {
    width: 10%;
    padding-top: 3px;
}
.title6-temp2 .cssCols6 {
    width: 15%;
    padding-top: 3px;
    border-right: 0px;
}

.orderDetail-list {
    border-left: 1px solid #d0d0bf;
    border-bottom: 1px solid #d0d0bf;
    border-right: 1px solid #d0d0bf;
    height: 70px;
}
.orderDetail-list li {
    float: left;
    border-right: 1px solid #d0d0bf;
    height: 68px;
}
.orderDetail-list .cssCols1 {
    width: 8%;
    padding-top: 3px;
    text-align: center;
    font-weight: bold;
}
.orderDetail-list .cssCols2 {
    width: 10%;
    padding-top: 3px;
    text-align: center;
}
.orderDetail-list .cssCols3 {
    width: 40%;
    padding-top: 3px;
}
.orderDetail-list .cssCols4 {
    width: 15%;
    padding-top: 3px;
    text-align: right;
}
.orderDetail-list .cssCols5 {
    width: 10%;
    padding-top: 3px;
    text-align: center;
}
.orderDetail-list .cssCols6 {
    width: 15%;
    padding-top: 3px;
    border-right: 0px;
    text-align: right;
    font-weight: bold;
    color: Blue;
}
.orderDetail-list:hover {
    background-color: #f7f9fd;
}
.orderDetail-list .cssCols2 img {
    width: 55px;
    height: 55px;
}
.orderDetail-list a {
    font-weight: bold;
    color: Blue;
}
.orderDetail-list .cssPriceLine {
    font-weight: bold;
    color: #333333;
    text-decoration: line-through;
    font-family: Arial;
    font-size: 13px;
}
.orderDetail-list .cssPriceSpecial {
    font-weight: bold;
    color: Red;
}
.orderDetail-list .cssPrice {
    font-weight: bold;
    color: Red;
}

/*form2-temp1*/
.orderDetail-from div {
    border: 1px solid #c0c0c0;
    margin-left: -1px;
    margin-top: -1px;
    padding: 3px 0;
}
.form2-temp1 .cssCols1 {
    float: left;
    width: 18%;
    padding: 5px 10px 5px 0px;
    text-align: right;
}
.form2-temp1 .cssCols2 {
    float: left;
    width: 78%;
    padding: 5px 0px;
}

/*form2-temp2*/
.form2-temp2 .cssCols1 {
    float: left;
    width: 18%;
    padding: 5px 10px 5px 0px;
    text-align: right;
    height: 22px;
}
.form2-temp2 .cssCols2 {
    float: left;
    width: 78%;
    padding: 5px 0px 5px 10px;
    height: 22px;
}

.customer-info {
    border: solid 1px #c0c0c0;
    background-color: #fffdf8;
}
.customer-info .cssCols1 {
    float: left;
    width: 20%;
    padding: 5px 10px;
    color: #6f6f6f;
    font-size: 13px;
}
.customer-info .cssCols2 {
    float: left;
    padding: 5px 0px;
    width: 75%;
}
.customer-info .cssTextBox {
    border-color: gray #e9e9e9 #e9e9e9 gray;
    border-left: 1px solid gray;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    height: 25px;
    width: 378px;
}
.customer-info .cssTextBox1 {
    border-color: gray #e9e9e9 #e9e9e9 gray;
    border-left: 1px solid gray;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    height: 25px;
    width: 300px;
}

/*Swiper=======*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
}
.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    flex-shrink: 0;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*fancybox*/
@charset "UTF-8";
body.fancybox-active {
    overflow: hidden;
}
body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}
.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}
.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    box-sizing: border-box;
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion;
}
.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0);
}
.fancybox-is-closing .fancybox-stage {
    overflow: visible;
}
.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}
.fancybox-slide--image {
    overflow: visible;
}
.fancybox-slide--image:before {
    display: none;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df;
}
.fancybox-slide--next {
    z-index: 99995;
}
.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    overflow: auto;
    box-sizing: border-box;
}
.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
    display: none;
}
.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
}
.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%;
}
.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
}
.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default;
}
.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px;
}
.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    transition: color 0.3s ease;
    cursor: pointer;
    outline: none;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: 0.6;
}
.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
.fancybox-button--share svg path {
    stroke-width: 1;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none;
}
.fancybox-button--zoom svg path {
    fill: transparent;
}
.fancybox-navigation {
    display: none;
}
.fancybox-show-nav .fancybox-navigation {
    display: block;
}
.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px;
}
.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}
.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color 0.25s;
    box-sizing: border-box;
    z-index: 2;
}
.fancybox-close-small:focus {
    outline: none;
}
.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}
.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(
            180deg,
            transparent 0,
            rgba(0, 0, 0, 0.1) 20%,
            rgba(0, 0, 0, 0.2) 40%,
            rgba(0, 0, 0, 0.6) 80%,
            rgba(0, 0, 0, 0.8)
    );
    pointer-events: none;
}
.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative;
}
.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}
.fancybox-slide > .fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, 0.4);
    border-top: 6px solid hsla(0, 0%, 100%, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a 0.8s infinite linear;
    animation: a 0.8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999;
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}
.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1;
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}
.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
}
.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 33px;
    font-weight: 700;
    text-align: center;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
    text-align: center;
}
.fancybox-share p:first-of-type {
    margin-right: -10px;
}
.fancybox-share_button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 140px;
    color: #707070;
    transition: all 0.2s;
}
.fancybox-share_button:focus,
.fancybox-share_button:hover {
    text-decoration: none;
    color: #333;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.fancybox-share_button svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}
.fancybox-share input {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #ebebeb;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
}
.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap;
}
.fancybox-thumbs-x > ul {
    overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}
.fancybox-thumbs > ul > li {
    border: solid 1px #c0c0c0;
    border-radius: 4px;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}
li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}
@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

@media screen and (max-width: 500px) {
    .fancybox-slide--iframe .fancybox-content {
        width: 100%;
        max-width: none;
    }
    .fancybox-slide--iframe .fancybox-content iframe {
        margin-top: 30px;
        max-width: 100% !important;
        height: 300px;
    }
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.banner-slide img {
    width: 100%;
}
.flexslider .slides {
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    list-style: none !important;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

/* Clearfix for the .slides element */
.slides:after {
    display: none;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/*FlexSlider===================*/
.flexslider {
    position: relative;
    clear: both;
    overflow: hidden;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 460px;
}
.flexslider .slides {
    margin: 0;
}

/* Direction Nav */
.flex-direction-nav {
    display: none;
    margin: 0 !important;
    z-index: 999;
}
.flex-direction-nav li {
    list-style: none;
}
.flexslider:hover .flex-direction-nav {
    display: block;
    margin: 0 !important;
}
.flex-direction-nav li a.flex-next {
    background: url("/wp-content/themes/flatsome-child/library/sprite.png")
    no-repeat scroll -47px -7px transparent;
    font-size: 0;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 40%;
    width: 40px;
}
.flex-direction-nav li a.flex-prev {
    background: url("/wp-content/themes/flatsome-child/library/sprite.png")
    no-repeat scroll left -7px transparent;
    height: 40px !important;
    left: 10px;
    position: absolute;
    top: 40%;
    width: 40px !important;
    font-size: 0;
}
.flex-direction-nav li a.flex-prev:hover {
    background-position: left -47px;
}
.flex-direction-nav li a.flex-next:hover {
    background-position: -47px -47px;
}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9;
    width: 100%;
    text-align: right;
    padding-right: 20px;
}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    font-size: 0;
}
.flex-control-paging li a {
    background: url("/wp-content/themes/flatsome-child/library/sprite.png") -98px -5px
    no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
    font-size: 0;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background-position: -98px -27px;
}
.flex-control-paging li a.flex-active {
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: 0.7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
.slides li {
    display: none;
}

/*eB_slide*/
.homebanner_new_slide {
    margin: 10px 10px 0px 15px;
}
.homebanner_new_slide .eB_slide {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 1px 1px 15px #0051ad;
}
.homebanner_new_slide .eB_slide ul.eB_slide_banner {
    height: 496px;
    overflow: hidden;
}
.homebanner_new_slide .eB_slide ul.eB_slide_banner li {
    float: left;
    width: 778px;
}
.homebanner_new_slide .eB_slide ul.eB_slide_banner li a {
    display: block;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action {
    float: left;
    overflow: hidden;
    background-color: #fff;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action li {
    border-top: 2px solid #fff;
    width: 142px;
    float: left;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action li a {
    height: 38px;
    text-decoration: none;
    border-right: 1px solid #dfdfdf;
    color: #646464;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 0px 10px;
    overflow: hidden;
    line-height: 18px;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action li.last-child a {
    border-right: none;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action li.active,
.homebanner_new_slide .eB_slide ul.eB_slide_action li:hover {
    border-top: 2px solid #f47321;
    color: #f47321;
}
.homebanner_new_slide .eB_slide ul.eB_slide_action li.active a,
.homebanner_new_slide .eB_slide ul.eB_slide_action li:hover a {
    color: #f47321;
}

.homebanner_new_slide .eB_slide .eB_slide_nav {
    background: url(/wp-content/themes/flatsome-child/library/eB_slide_nav.png)
    no-repeat 0px 0px transparent;
    position: absolute;
    z-index: 1;
    top: 160px;
    width: 30px;
    height: 51px;
}
.homebanner_new_slide .eB_slide .eB_slide_nav_left {
    left: 0;
}
.homebanner_new_slide .eB_slide .eB_slide_nav_right {
    background: url(/wp-content/themes/flatsome-child/library/eB_slide_nav.png)
    no-repeat -30px 0px transparent;
    right: 0;
}

/*thickbox---------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
}
#TB_window a:link {
    color: #3d3d3d;
    float: right;
}
#TB_window a:visited {
    color: #3d3d3d;
}
#TB_window a:hover {
    color: #3d3d3d;
}
#TB_window a:active {
    color: #3d3d3d;
}
#TB_window a:focus {
    color: #3d3d3d;
}
#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
* html #TB_overlay {
    /* ie6 hack */
    position: absolute;
    height: expression(
    document.body.scrollHeight > document.body.offsetHeight ?
      document.body.scrollHeight: document.body.offsetHeight + "px"
  );
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color: #000000;
    display: none;
    border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}
* html #TB_window {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(
    0 - parseInt(this.offsetHeight / 2) +
      (
        TBWindowMargin = document.documentElement &&
          document.documentElement.scrollTop || document.body.scrollTop
      ) + "px"
  );
}
#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}
#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}
#TB_closeAjaxWindow {
    height: 0px;
    overflow: hidden;
}
#TB_closeAjaxWindow a {
    background: url("/wp-content/themes/flatsome-child/library/thickbox-close.png")
    no-repeat scroll left top transparent;
    height: 30px;
    padding-left: 30px;
    position: absolute;
    right: -46px;
    top: -15px;
    width: 30px;
}
#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
    padding: 15px;
}
#TB_ajaxContent p {
    padding: 5px 0px 5px 0px;
}
#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(
    0 - parseInt(this.offsetHeight / 2) +
      (
        TBWindowMargin = document.documentElement &&
          document.documentElement.scrollTop || document.body.scrollTop
      ) + "px"
  );
}
#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}
* html #TB_HideSelect {
    /* ie6 hack */
    position: absolute;
    height: expression(
    document.body.scrollHeight > document.body.offsetHeight ?
      document.body.scrollHeight: document.body.offsetHeight + "px"
  );
}
#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

div#panel_chat_vatgia {
    z-index: 9;
}
.newchat {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 240px;
    z-index: 10;
}
.newchat .item {
    position: absolute;
    height: 0;
    width: 60px;
    top: -330px;
    right: 70px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    overflow: hidden;
    z-index: -1;
}
.newchat.active .item {
    height: 140px;
    top: -144px;
    overflow: visible;
}
.newchat .item .btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #4894ff;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    cursor: pointer;
    font-size: 32px;
    display: block;
}
.newchat .item .btn img {
    width: 42px;
    padding-top: 10px;
}
.newchat .btnHot {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -187px -480px #cd1818;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    cursor: pointer;
    border: 2px solid #ad0909;
    font-size: 32px;
}
.newchat .btnHot .txt {
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #cd1818;
    background: #fff;
    line-height: normal;
    bottom: -10px;
    left: 1px;
    width: 50px;
    border: 2px solid;
    border-radius: 5px;
    padding: 1px;
}
.newchat.active .btnHot {
    background-position: -125px -480px;
}
.newchat .btnHot::after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 60px;
    height: 60px;
    border: 4px solid #cd1818;
    content: "";
    border-radius: 50%;
    transform: scale(0.9);
    z-index: -1;
    animation: ripple 2s ease-out infinite;
}
.newchat .symbol1 {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -477px transparent;
}
.newchat .symbol2 {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -63px -477px transparent;
}
.newchat .symbol3 {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll left -542px transparent;
}
.newchat .symbol4 {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("/wp-content/themes/flatsome-child/library/icon.png")
    no-repeat scroll -67px -542px transparent;
}

@keyframes ripple {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
.overlay {
    background: #000;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}
.newchat .title {
    width: 100px;
    height: 35px;
    background: #ffffff;
    color: #000000;
    position: absolute;
    font-size: 14px;
    right: 73px;
    line-height: 35px;
    bottom: 10px;
    border-radius: 5px;
    top: unset;
    left: unset;
    text-align: center;
    z-index: -1;
}
.newchat .title .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
    top: 5px;
    position: absolute;
    display: block;
}
.newchat .title .arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #ffffff;
}

.desktop {
    display: block;
}
.desktop5 {
    display: block;
}
.mobile {
    display: none;
}
.mobile5 {
    display: none;
}
@media screen and (max-width: 1200px) {
    .header .logo {
        width: 35%;
    }
    .header .info {
        width: 35%;
    }
    .header .info ul li.tel {
        width: 50%;
    }
    .header .info ul li.order {
        width: 25%;
    }
    .header .info ul li.map {
        display: none;
    }
    .header .info ul li.check {
        display: none;
    }
    .header .logo a.lg img {
        max-width: 170px;
    }
    .bannerSliding {
        display: none;
    }
    .proDetail-history .nextprev {
        display: none;
    }
}
@media screen and (max-width: 850px) {
    .header {
        display: none;
    }
    .header-mn {
        display: none;
    }
    .headerM {
        display: block;
        background-color: #f9edd9;
    }
    #footer .desktop {
        display: none;
    }
    .h-promotion .title {
        position: relative;
        text-align: center;
        top: auto;
        left: auto;
        padding: 10px 0px;
    }
    .h-promotion .title-cate {
        position: relative;
    }
    .h-promotion .title-cate ul {
        padding-left: 0px;
        float: none;
    }
    .h-promotion .time-cate {
        margin: 0px;
        padding: 10px;
        text-align: right;
        float: right;
    }
    .h-promotion .pro .list {
        width: 25%;
    }

    .h-brand .brand .list {
        width: 25%;
    }

    .h-cols0 .left {
        display: none;
    }
    .h-cols0 .center {
        display: none;
    }
    .h-cols0 .right {
        display: none;
    }
    .h-sale .time {
        padding-bottom: 15px;
    }
    .h-sale .c {
        border-radius: 12px;
        margin: 5px 0px 0px;
    }
    .h-sale .c .m {
        position: relative;
    }
    .h-sale .c .m li {
        margin: 2px 2px;
    }
    .h-sale .c .m li a {
        font-size: 14px;
        overflow: hidden;
        padding: 7px 5px;
    }
    .h-sale .pro .list {
        width: calc(33.33% - 16px);
    }

    .agent-banner .content .m ul li {
        margin: 2px 2px;
    }
    .agent-banner .content .m ul li a {
        font-size: 14px;
        overflow: hidden;
        padding: 7px 5px;
    }
    .agent-banner .content .m ul li {
        margin: 2px 2px;
    }
    .agent-banner .content .m ul li a {
        font-size: 14px;
        overflow: hidden;
        padding: 7px 5px;
    }

    .h-new .l {
        float: none;
        width: auto;
    }
    .h-new .r {
        float: none;
        width: auto;
    }

    .cate-menu .list {
        width: 25%;
    }
    .cate-content {
        float: left;
        width: auto;
    }
    .cate-new {
        float: left;
        width: auto;
    }
    .proMenuFix {
        display: block;
    }
    .pro-sale .pro .list {
        width: calc(33.33% - 16px);
    }
    .cate-title1 a.sub {
        display: none;
    }
    .cate-pro .list {
        width: 33.33%;
    }
    .prmTemp2Spe .content .list {
        width: 33.33%;
    }

    .pro-thums .list {
        width: 33%;
    }
    .pro-thums .list .border {
        margin: 5px;
    }
    .pro-thums .list .border .img {
        height: 240px;
    }

    .proDetail-pricelist .thumb .list {
        width: 33.33%;
    }
    .proDetail-info .info {
        float: none;
        width: auto;
    }
    .proDetail-info .support {
        display: none;
    }
    .proDetail-img {
        width: 48%;
    }
    .proDetail-info {
        width: 50%;
    }
    .proDetail-info .info-l {
        float: none;
        width: auto;
    }
    .proDetail-info .info-r {
        display: none;
    }
    .proDetail-info .promo-l {
        float: none;
        width: auto;
    }
    .proDetail-info .promo-r {
        display: none;
    }
    .pro-content {
        float: none;
        width: auto;
    }
    .pro-right {
        display: none;
    }
    .proDetail-title .l {
        float: none;
        width: auto;
    }
    .proDetail-title .l h1 {
        font-weight: 500;
    }
    .proDetail-title .r .loadPrint .border .downall a.word {
        display: none;
    }
    .pDetail-tab h2 {
        font-weight: 500;
    }
    .pro-same ul li {
        width: 50%;
    }
    .paymentCart-pro .cartShopping .left {
        float: none;
        width: auto;
    }
    .paymentCart-pro .cartShopping .right {
        float: none;
        width: auto;
    }
    .paymentCart-cus .left {
        float: none;
        width: auto;
    }
    .paymentCart-cus .right {
        float: none;
        width: auto;
    }

    .cateTemp2 .cate-thumb {
        padding: 10px 0px;
        border-top: solid 10px #eeeeee;
        border-bottom: solid 10px #eeeeee;
        border-left: none;
        border-right: 0;
        border-radius: 0;
    }
    .cateTemp2 .cate-thumb .title {
        display: none;
    }
    .cateTemp2 .cate-thumb .menu li {
        width: 25%;
        padding: 5px 0px;
    }
    .cateTemp2 .left {
        float: none;
        width: auto;
    }
    .cateTemp2 .right {
        display: none;
    }
    .cateTemp2 .content .list {
        width: 33.3%;
    }
    .cateTemp2 .content .list .border .name {
        margin: 10px 5px;
    }
    .cateTemp2 .content .list .border .price {
        padding: 0px 5px;
        height: 50px;
    }
    .cateTemp2 .content .list .border .price span {
        display: inline-block;
        padding-right: 5px;
    }
    .cateTemp2 .content .list .border .price .line {
        float: none;
        color: #666666;
    }
    .cateTemp2 .content .list .border .price .pri1 {
        float: none;
    }
    .cateTemp2 .content .list .border .price .line span.t2 {
        font-size: 16px;
        color: #666666;
    }

    .combolDetail-price .l {
        float: none;
        width: auto;
        margin: 5px 5px;
        padding: 10px;
    }
    .combolDetail-price .r {
        float: none;
        width: auto;
        margin: 5px 5px;
        padding: 10px;
    }

    /*New==========*/
    .new-left {
        float: none;
        width: auto;
        padding: 0px 5px;
    }
    .new-right {
        float: none;
        width: auto;
    }
    .new-right .flexslider,
    .new-right .new-view,
    .new-right .new-pro,
    .new-right .new-hot {
        display: none;
    }
    .new-title h1,
    .new-title h2 {
        font-weight: 600;
    }
    .video-left {
        float: none;
    }
    .video-right {
        display: none;
    }
    .video-top {
        float: none;
        width: auto;
    }
    .video-top .border {
        margin: 0px 5px 0px 5px;
    }
    .video-other ul {
        padding-left: 0px;
        padding-top: 5px;
    }
    div .video-other ul li .border_1 {
        margin: 5px;
    }
    .video-other {
        float: none;
        width: auto;
    }
    .video-list ul li {
        width: 50%;
    }
    .video-list ul {
        padding-left: 0px;
    }
    .videoDetail .video .left {
        float: none;
        width: auto;
    }
    .videoDetail .video .left iframe {
        height: 300px;
    }
    .videoDetail .video .right {
        float: none;
        width: auto;
    }
    .videoDetail .video .right .title {
        height: auto;
        padding: 10px 5px;
    }
    .videoDetail .video .right .content {
        height: auto;
        padding: 10px 5px;
    }

    /*rating==========*/
    .rating {
        padding-right: 5px;
    }
    .rating .form-content .content .left {
        width: 75%;
    }
    .rating .form-content .content .right {
        width: 25%;
    }
    .rating .title .cols1 {
        display: none;
    }

    .agent-select .left {
        width: calc(50% - 10px);
    }
    .agent-select .right {
        width: calc(50% - 10px);
        margin-left: 10px;
    }
    .agent-select .right select {
        width: 100%;
        margin-left: 0px;
    }
    .agent-left {
        float: none;
        width: auto;
        height: auto;
    }
    .agent-right {
        float: none;
        width: auto;
    }
    .agent-banner ul li {
        float: left;
        width: calc(50% - 2px);
        margin: 1px;
    }

    /*prm===*/
    .prm-menuM {
        display: block;
    }
    .prm-other .content ul li img {
        height: auto;
    }
    .prmTemp0 .prm-list {
        float: none;
        width: auto;
    }
    .prmTemp0 .prm-list .b {
        height: 350px;
    }
    .prmTemp0 .prm-thums {
        width: 33.33%;
    }
    .prmTemp1 .prmCate-img-list .listM {
        float: left;
        width: 33.33%;
        text-align: center;
    }
    .prmTemp1 .prmCate-img-list .listM img {
        max-width: 100%;
    }
    .prmTemp1 .prm-thums {
        width: 33.33%;
    }

    .prmTemp2Spe .title .left {
        float: none;
        width: auto;
        text-align: center;
    }
    .prmTemp2Spe .title .right {
        float: none;
        width: auto;
        text-align: center;
        padding-top: 10px;
    }
    .prmTemp2Spe .title .right .b {
        display: inline-block;
    }
    .prmTemp2Spe .content {
        padding: 0px 5px;
    }
    .prmTemp2Spe .content .border .list {
        width: 33.33%;
    }
    .prmTemp2 .banner .time {
        position: relative;
        font-size: 16px;
    }
    .prmTemp2 .banner .time .r span.countdown_text {
        font-size: 16px;
    }
    .prmTemp2 .menu {
        display: none;
    }

    .newchat.active .item {
        top: -265px;
    }
    .contact-left {
        float: none;
        width: auto;
        padding: 10px 5px;
    }
    .contact-right {
        float: none;
        width: auto;
        padding: 10px 5px;
    }
    #vnp_chat {
        bottom: 70px !important;
    }
    .proDetail-history .title {
        font-size: 14px;
    }
    .footer {
        padding: 10px 5px;
    }
    .footer .cols1 {
        float: none;
        width: auto;
    }
    .footer .cols2 {
        float: none;
        width: auto;
    }
    .footer .cols3 {
        float: none;
        width: auto;
    }
    .footer .cols2 .border {
        padding: 0px;
    }
    .footer-bottom .cols1 {
        float: none;
        width: auto;
        text-align: center;
    }
    .footer-bottom .cols2 {
        float: none;
        width: auto;
    }
    .footer-bottom .cols3 {
        display: none;
    }
    .footer-bottom .cols1 img {
        max-width: 100%;
        height: auto;
    }
    .newchat {
        bottom: 80px;
    }
    .mobile {
        display: block;
    }
    .desktop {
        padding: 0 15px;
    }
    .filter-value .title {
        white-space: nowrap;
    }
    .filter-value .list .border {
        width: auto;
    }
    .filter-value {
        position: initial;
    }
    .filter-value .list {
        top: 180px;
    }
    .filter-value .list span.symbolfix {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .h-promotion .pro .list {
        width: 50%;
    }
    .h-promotion .title-cate ul {
        display: none;
    }
    .h-promotion .title {
        font-size: 18px;
        padding: 10px 0px;
    }
    .h-promotion .time-cate {
        font-size: 16px;
    }
    .h-brand .brand .list {
        width: 33.33%;
    }
    .tab_promoMobileAll {
        display: block;
    }
    .tab_promoMobile {
        display: block;
    }
    .h-sale .c .m ul.tab_homeDesktop {
        display: none;
    }
    .tab_homeMobile {
        display: block;
    }
    .tab_agentMobile {
        display: block;
    }
    .h-combol .m ul.tab_combol {
        display: none;
    }
    .agent-banner .content .m ul.tab_agentDesktop {
        display: none;
    }
    .tab_combolMobile {
        display: inline-block;
        margin: -25px auto 0px;
        width: 100%;
    }
    .h-sale .pro .list {
        width: calc(50% - 20px);
        margin: 5px;
        padding: 5px;
    }
    .h-sale .pro .list .img {
        height: 190px;
    }
    .h-sale .pro .list .img a.aimg {
        height: 190px;
    }
    .h-sale .pro .img .bannerJoin a {
        height: 190px;
    }
    .h-sale .pro .list .price .vprice {
        font-size: 12px;
    }
    .h-sale .pro .list .price .vprice span {
        font-size: 16px;
    }
    .h-sale .pro .list .price .vsale {
        font-size: 13px;
    }
    .h-sale .pro .list .detail a {
        font-size: 12px;
    }
    .h-sale .c .cb {
        height: 430px;
    }
    .h-combol .list a {
        width: calc(50% - 6px);
        margin: 3px;
    }
    .h-combol .list a.last-child {
        display: none;
    }
    .agent-banner {
        padding: 5px;
    }
    .agent-banner .content .list a {
        width: calc(50% - 6px);
        margin: 3px;
    }
    .agent-banner .content .list a.last-child {
        display: none;
    }

    .h-pro .title h2 {
        font-size: 18px;
        padding: 0px 5px 10px;
        text-align: center;
    }
    .h-pro .r {
        display: none;
    }
    .tab_proMobile {
        display: block;
    }
    .h-pro .pro .list {
        width: 50%;
    }
    .h-pro .pro .list .b {
        margin: 5px;
    }
    .h-pro .pro .list .img {
        height: 190px;
    }
    .h-pro .pro .list .img a.aimg {
        height: 190px;
    }
    .h-pro .pro .list .img .bannerJoin a {
        height: 190px;
    }
    .h-pro .pro .list .price .pri {
        font-size: 14px;
    }
    .h-pro .pro .list .price .pri .line {
        font-size: 12px;
    }
    .h-cate .title h2 a {
        padding: 0px 5px;
        font-size: 18px;
    }
    .h-cate .list {
        width: calc(25% - 4px);
        margin: 2px;
    }
    .h-new {
        padding: 0px 5px;
    }
    .h-new .l .top {
        float: left;
        width: auto;
    }
    .h-new .l .other {
        float: left;
        width: auto;
    }
    .h-new .title .more {
        display: none;
    }
    .h-new .title .name {
        font-size: 18px;
    }
    .h-new .r .other-list .img {
        width: 30%;
    }
    .h-new .r .other-list .name {
        width: 60%;
    }

    .cate-menu .list {
        width: 33.33%;
    }
    .cate-menu .list .img {
        height: 80px;
    }
    .cate-menu .list .b {
        margin: 5px;
    }
    .pro-sale .t {
        font-size: 18px;
    }
    .pro-sale .t span {
        display: none;
    }
    .pro-sale .pro .list {
        width: calc(50% - 16px);
        margin: 3px;
        padding: 5px;
    }
    .pro-sale .pro .list .img {
        height: 190px;
    }
    .pro-sale .pro .list .img a.aimg {
        height: 190px;
    }
    .pro-sale .pro .list .bannerJoin a {
        height: 190px;
    }
    .pro-sale .pro .list .price .pri {
        font-size: 15px;
    }
    .pro-sale .pro .list .price .pri .line {
        font-size: 13px;
    }
    .cate-pro .list {
        width: 50%;
    }
    .cate-pro .list .b {
        margin: 8px 5px;
        padding: 5px;
    }
    .cate-pro .list .img {
        height: 190px;
    }
    .cate-pro .list .img a.aimg {
        height: 190px;
    }
    .cate-pro .list .img .bannerJoin a {
        height: 190px;
    }
    .cate-pro .list .price .pri {
        font-size: 15px;
    }
    .cate-pro .list .price .pri .line {
        font-size: 13px;
    }
    .prmTemp2Spe .content .list {
        width: 50%;
    }
    .prmTemp2Spe .content .list .b {
        margin: 8px 5px;
        padding: 5px;
    }
    .prmTemp2Spe .content .list .img {
        height: 190px;
    }
    .prmTemp2Spe .content .list .img a.aimg {
        height: 190px;
    }
    .prmTemp2Spe .content .list .img .bannerJoin a {
        height: 190px;
    }
    .prmTemp2Spe .content .list .price .pri {
        font-size: 15px;
    }
    .prmTemp2Spe .content .list .price .pri .line {
        font-size: 13px;
    }

    .pro-thums {
        width: calc(50% - 6px);
        margin: 3px;
    }
    .pro-thums .img {
        height: 190px;
    }
    .pro-thums .img a.aimg {
        height: 190px;
    }
    .pro-thums .img .bannerJoin a {
        height: 190px;
    }
    .pro-thums .price .pri {
        font-size: 15px;
    }
    .pro-thums .price .pri .line {
        font-size: 13px;
    }

    .h-cols3 .right .list .border .price {
        height: 35px;
    }
    .h-cols3 .left .list .info .price span {
        display: inline-block;
    }
    .h-cols3 .left .list .info .price span.t1 {
        padding-right: 10px;
    }
    .pro-thums .list .border .price .line {
        float: none;
        width: auto;
    }
    .pro-thums .list .border .price .pri1 {
        float: none;
        width: auto;
    }
    .pro-thums .list .border .price {
        height: 60px;
    }
    .pro-thums .list .border .price span {
        display: inline-block;
    }
    .pro-thums .list .border .price span.t1 {
        padding-right: 10px;
    }
    .proDetail-pricelist .thumb .list {
        width: 50%;
    }
    .proDetail-img {
        float: none;
        width: auto;
    }
    .proDetail-img .imgJoin {
        min-height: 400px;
    }
    .pDetail-tel .left {
        float: none;
        width: auto;
    }
    .pDetail-tel .right {
        float: none;
        width: auto;
    }
    .pDetail-tel .right .order {
        float: none;
        width: auto;
        padding-bottom: 2px;
    }
    .pDetail-tel .right .order .cart {
        display: block;
        text-align: center;
    }
    .pDetail-tel .right .send {
        float: none;
        width: auto;
    }
    .proDetail-cate-pro .list {
        width: calc(50% - 16px);
        margin: 3px;
        padding: 5px;
    }
    .proDetail-cate-pro .list .img {
        height: 190px;
    }
    .proDetail-cate-pro .list .img a.aimg {
        height: 190px;
    }
    .proDetail-cate-pro .list .img .bannerJoin a {
        height: 190px;
    }
    .proDetail-cate-pro .list .price .pri {
        font-size: 15px;
    }
    .proDetail-cate-pro .list .price .pri .line {
        font-size: 13px;
    }
    .pro-same ul li .img {
        height: 208px;
    }
    .pro-same ul li .img .bannerJoin img {
        height: 208px;
    }
    .proDetail-info {
        margin: 10px 5px 0px;
    }
    .proDetail-info .info1 {
        float: none;
        width: auto;
        padding: 10px 5px;
    }
    .proDetail-info .info1 .list {
        float: none;
        width: auto;
    }
    .proDetail-info .price .b .l {
        float: none;
        width: auto;
    }
    .proDetail-info .price .b .r {
        display: none;
    }
    .proDetail-info .price .b .l .cols1 {
        border-right: none;
        float: none;
        padding: 10px 10px 0px;
    }
    .proDetail-info .info-l {
        float: none;
        width: auto;
    }
    .proDetail-info .info-r {
        float: none;
        width: auto;
    }
    .proDetail-info .info .qrcode {
        top: -3px;
    }
    .proDetail-info .line span.t1 {
        display: block;
    }
    .proDetail-info .line span.t2 {
        display: block;
    }
    .proDetail-info .info2 .left {
        float: none;
        width: auto;
    }
    .proDetail-info .info2 .right {
        display: none;
    }
    .proDetail-info .info3 .left {
        float: none;
        width: auto;
    }
    .proDetail-info .info3 .right {
        display: none;
    }
    .proDetail-info .promo-l .promo-header .header-l .pri {
        font-size: 24px;
    }
    .proDetail-info .promo-l .promo-header .header-r .countdown span {
        padding: 0px 1px;
    }
    .proDetail-info
    .promo-l
    .promo-header
    .header-r
    .countdown
    span.countdown_amount {
        padding: 2px 2px;
    }
    .proDetail-info
    .promo-l
    .promo-header
    .header-r
    .countdown
    span.countdown_text {
        font-size: 11px;
    }
    .proDetailContent {
        padding: 10px 10px 0px 10px;
    }
    .proOther-video .top iframe,
    .proOther-video .top embed {
        height: 300px;
    }

    .img-rea ul li {
        width: 33%;
    }
    .img-rea ul li.other {
        width: 33%;
    }
    .img-rea ul li .b {
        height: 80px;
        margin: 2px;
    }
    .img-rea ul li .b a {
        height: 80px;
    }
    .img-rea ul li .b a img {
        max-height: 80px;
    }

    .cateTemp2 .content .list {
        width: 50%;
    }
    .cateTemp2 .content .list .border .img {
        height: 190px;
    }
    .cateTemp2 .cate-thumb .menu li {
        width: 33.3%;
    }

    .combolDetail-pro .c .list {
        width: calc(50% - 14px);
        margin: 2px;
        padding: 5px;
    }
    /*New===*/
    .new-list .img {
        display: none;
    }
    .new-list .name {
        float: none;
        width: auto;
    }
    .new-list .name img {
        width: 150px;
        margin: 5px;
    }
    .newDefine-img .d-right ul li {
        margin-bottom: 5px;
    }
    .newDefine-pro .img {
        display: none;
    }
    .newDefine-pro .info {
        float: none;
        width: auto;
    }
    .newDefine-pro .info .name {
        height: auto;
        padding-bottom: 5px;
        font-weight: bold;
    }
    .newDefine-pro .info .price {
        padding: 5px 0px;
    }
    .newDefine-pro .info .summary {
        display: none;
    }
    .newDefine-pro .info .infoM {
    }
    .newDefine-pro .info .infoM .imgM {
        float: left;
        width: 40%;
        display: block;
        height: 150px;
        overflow: hidden;
    }
    .newDefine-pro .info .infoM .summaryM {
        float: left;
        width: 60%;
        color: #333333;
        line-height: 20px;
        height: 140px;
        overflow: hidden;
    }
    .newDefine-pro .info .infoM .summaryM ul.style {
        font-size: 15px;
    }
    .newDefine-pro .info .infoM .summaryM ul.style li {
        position: relative;
        padding: 3px 5px 3px 22px;
    }
    .newDefine-pro .info .infoM .summaryM ul.style li span {
        position: absolute;
        top: 5px;
        left: 0px;
        display: inline-block;
        width: 18px;
        height: 16px;
        background: url("/wp-content/themes/flatsome-child/library/icon.png")
        no-repeat scroll -147px -211px transparent;
    }
    .newDefine-img .d-right ul li.d-other a span.s2 {
        top: 5px;
        line-height: 14px;
        font-size: 11px;
    }

    .newproductrelated .list {
        width: calc(50% - 14px);
        margin: 2px;
        padding: 5px;
    }
    div.newproductrelatedFull .list {
        width: calc(50% - 14px);
        margin: 2px;
        padding: 5px;
    }
    .newproductrelated .list .img {
        height: 190px;
    }
    .newproductrelated .list .img a.aimg {
        height: 190px;
    }
    .newproductrelated .list .img .bannerJoin a {
        height: 190px;
    }
    .newproductrelated .list .price .pri {
        font-size: 15px;
    }
    .newproductrelated .list .price .pri .line {
        font-size: 13px;
    }

    /*Video===*/
    .video-top .border {
        position: relative;
    }
    .video-top .border .img {
        max-height: 250px;
        height: auto;
        border-radius: 4px 4px 0px 0px;
    }
    .video-top .border .img img {
        border-radius: 4px 4px 0px 0px;
    }
    .video-top .border .more {
        top: 70px;
    }
    .video-top .border .name {
        position: relative;
    }

    .video-other ul li {
        float: none;
        width: auto;
    }
    .video-other ul li .border .more {
        top: 70px;
    }
    .video-other ul li .border .more a {
        width: 74px;
        height: 74px;
        background-position: -126px -37px;
    }
    .video-other ul li .border .more a:hover {
        background-position: -201px -37px;
    }
    .video-other ul li .border .img {
        max-height: 250px;
        height: auto;
        border-radius: 4px 4px 0px 0px;
    }
    .video-other ul li .border .img img {
        border-radius: 4px 4px 0px 0px;
    }
    .video-other ul li .border .name {
        position: relative;
    }

    .video-list ul li {
        float: none;
        width: auto;
    }
    .video-list ul li .border .more {
        top: 70px;
    }
    .video-list ul li .border .more a {
        width: 74px;
        height: 74px;
        background-position: -126px -37px;
    }
    .video-list ul li .border .more a:hover {
        background-position: -201px -37px;
    }
    .video-list ul li .border .img {
        max-height: 250px;
        height: auto;
        border-radius: 4px 4px 0px 0px;
    }
    .video-list ul li .border .img img {
        border-radius: 4px 4px 0px 0px;
    }
    .video-list ul li .border .name {
        position: relative;
    }

    /*prm===*/
    .prmTemp0 .prmPro {
        max-height: 1550px;
    }
    .prmTemp0 .prmCate-list {
        float: none;
        width: auto;
        padding: 10px 5px;
    }
    .prmTemp0 .prmCate-title h2 {
        font-weight: bold;
    }
    .prmTemp0 .prm-thums {
        width: 50%;
    }
    .prmTemp0 .prm-thums .b {
        margin: 5px;
        height: 380px;
    }
    .prmTemp0 .prm-thums .img {
        height: 200px;
    }
    .prmTemp0 .prm-thums .price .pri {
        font-size: 16px;
    }
    .prmTemp0 .prm-thums .price .line {
        font-size: 15px;
    }
    .prmTemp0 .prm-other .content ul li {
        width: 50%;
        text-align: center;
    }
    .prmTemp0 .prm-other .content ul li.li1,
    .prm-other .content ul li.li4,
    .prm-other .content ul li.li7,
    .prm-other .content ul li.li10,
    .prm-other .content ul li.li13,
    .prm-other .content ul li.li16,
    .prm-other .content ul li.li9 {
        width: 50%;
    }
    .prmTemp0 .prm-other .content ul li img {
        width: 100%;
        height: auto;
    }

    .prmTemp1 .prmCate-img-list .listM {
        width: 50%;
        padding: 5px 0px;
    }
    .prmTemp1 .prmCate-img-list .listM img {
        max-width: 98%;
    }
    .prmTemp1 .prmPro {
        max-height: 1550px;
    }
    .prmTemp1 .prmCate-list {
        float: none;
        width: auto;
        padding: 10px 5px;
    }
    .prmTemp1 .prmCate-title h2 {
        font-weight: bold;
    }
    .prmTemp1 .prm-thums {
        width: 50%;
    }
    .prmTemp1 .prm-thums .b {
        margin: 5px;
        height: 380px;
    }
    .prmTemp1 .prm-thums .img {
        height: 200px;
    }
    .prmTemp1 .prm-thums .price .pri {
        font-size: 16px;
    }
    .prmTemp1 .prm-thums .price .line {
        font-size: 15px;
    }
    .prmTemp1 .prm-other .content ul li {
        width: 50%;
        text-align: center;
    }
    .prmTemp1 .prm-other .content ul li.li1,
    .prm-other .content ul li.li4,
    .prm-other .content ul li.li7,
    .prm-other .content ul li.li10,
    .prm-other .content ul li.li13,
    .prm-other .content ul li.li16,
    .prm-other .content ul li.li9 {
        width: 50%;
    }
    .prmTemp1 .prm-other .content ul li img {
        width: 100%;
        height: auto;
    }

    .prmTemp2 .banner .time .l {
        float: none;
        width: auto;
        text-align: center;
        padding-bottom: 5px;
    }
    .prmTemp2 .banner .time .r {
        float: none;
        width: auto;
        text-align: center;
    }
    .prmTemp2 .banner .time .r span.countdown_text {
        display: none;
    }
    .prmTemp2Spe .title {
        padding: 10px 0px;
    }
    .prmTemp2Spe .title .left a {
        font-size: 14px;
    }
    .prmTemp2Spe .title .right {
        font-size: 16px;
    }
    .prmTemp2Spe .content .border .list {
        width: 50%;
    }

    .prm-other .content ul li {
        width: 50%;
    }
    .prm-other .content ul li.li1,
    .prm-other .content ul li.li4,
    .prm-other .content ul li.li7,
    .prm-other .content ul li.li10,
    .prm-other .content ul li.li13,
    .prm-other .content ul li.li16,
    .prm-other .content ul li.li19 {
        width: 50%;
    }

    .tagsTitle {
        padding-top: 10px;
    }
    .tagsTitle .title {
        height: auto;
        border-bottom: none;
    }
    .tagsTitle .title .b {
        position: relative;
    }
    .proDetail-info {
        float: none;
        width: auto;
    }
    .proDetail-history .pro .list {
        width: 33.33%;
    }
    .desktop5 {
        display: none;
    }
    .mobile5 {
        display: block;
    }
}