@charset "utf-8";
/* CSS Document */
/* Default */
*{ font-family: Arial, Helvetica, sans-serif; outline:none; margin:0px; padding:0px; color:#3F5D7D}
body { background: url(../../other/pictures/bgTop.png) repeat-x 0 0;}
img{ border:none;}
a{ cursor:pointer; text-decoration:none; color: #313131}
table { border: none; width: 100%; font-size: 15px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;}
td, th { border: none; border-right: 1px solid #e4e4e4; padding: 5px !important; border-bottom: 1px solid #e4e4e4}
.clear { float:none; padding:0; margin:0; clear:both; width: 0px !important}
.dPages { text-align: center;}
.dPages a { padding: 10px; font-size: 18px; display: inline-block; *display: inline; *zoom: 1;}
.aPageAct { cursor: not-allowed;}
.sBTop, .sBBottom, .sBMidle, .sBRight {
    position: absolute;
    -webkit-backdrop-filter: saturate(160%) blur(6px);
    backdrop-filter: saturate(160%) blur(6px);
    background-color: rgba(100,100,100,0.66);
}
.sBTop {
    height: 39px;
    top: 0;
    left: 0;
    right: 18px;
    z-index: 1;
}
.sBBottom {
    height: 26px;
    bottom: 0;
    left: 0;
    right: 18px;
    z-index: 1;
}
.sBMidle {
    left: 0;
    right: 18px;
    top: 39px;
    bottom: 26px;
    z-index: -1;
}
.sBRight {
    right: 0;
    width: 18px;
    top: 0;
    bottom: 0;
    z-index: -1;
}

/* Default */

/* JS */
.dFrameSlide { position: relative}
.dFrameHidden { overflow: hidden; position: relative; z-index: 1;}
.dBanner .dFrameHidden { height: 430px !important;}
.dFrameScroll { overflow: auto; -webkit-overflow-scrolling: touch;}
.dFrameItem { text-align: center; overflow: hidden; float: left; width: 100%;}
.dBanner .dFrameItem { height: 430px;}
.dItems { float: left;}
.aBannerItem { height: 430px; display: block; position: relative; overflow: hidden; width: 100%;}
.dItem { position: relative; width: 100%; height: 100%; text-align: center;}
.dBanner {
    height: 430px;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; background: #000;
}
.aBackBanner { position: absolute; top: 50%; opacity: 1; z-index: 2; left:15px; margin-top:-25px}
.aNextBanner { position: absolute; top: 50%; opacity: 1; z-index: 2; right:15px; margin-top:-25px}
.dBanner .aBannerItem img { height: 100%; background: #4CB3CE; position: absolute; opacity: 0; min-height: 150px}
.d_page_banner { position: absolute; z-index: 2; left: 50%; bottom: 5px;}
.s_bg_focus_menu { background: #fff; position: fixed; display: block; opacity: 0; z-index: 17; pointer-events:none}
.dPagesBanner a { border: 1px solid; padding: 0 5px; color: #fff; margin: 0 1px; opacity: 0.6;}
.a_active_page { opacity: 0.6 !important;}
.d_page_article {
    width: auto !important; margin: 50px 0 0 !important;
}
.s_item_frame{ font-size:31px; font-weight:bold; color:#f7e071; text-shadow: 0 0 10px #8c6212}
.dDetail {
    width: auto !important;
    margin: 0 !important;
    overflow: hidden;
    position: relative; display: block !important
}
.dBtnlike {
    margin: 15px 0;
}
.error, .error a {
    color: #6BC2F1;
    margin-top: 5px;
    display: block;
}
/* JS */

.dHeader {
    background: #327d06;
    padding-top: 16px;
    z-index: 17;
    position: relative;
}
.dHeadMenu {
    text-align: center;
    color: #fff;
    padding: 0px 10px 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.dHeadMenu a, .sCur {
    font-size: 14px;
    color: #585858;
    font-weight: 700;
    margin-right: 15px;
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0s, 0s;
    margin-bottom: 15px;
    display: inline-block;
}
.dHeadMenu a:hover, .dHeadMenu a:nth-child(4) {
    color: #3997e0;
}
.dHeadMenu, .dHead2, .dHead3, .dBody {
    max-width: 1024px;
    margin: 0 auto; 
}
.dFooter .dHead2 {
    max-width: 1004px; height: auto; text-align: left;}
#iSearch {
    width: 417px;
    height: 42px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
}
.dSearch {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}
.dSearch a {
    position: absolute;
    right: 0;
    top: 0;
}
.dSearch a:hover img {
    opacity: 1 !important
}
.dSearch a img {
    position: absolute;
    right: 1px;
    top: 1px; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s;
}
.dSearch a img:nth-child(2) {
    opacity: 0
}
.dSide {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
.dMenu {
    display: none; margin-top: 0 !important
}
.dContent {
    text-align: center;
    margin: 80px 0 !important;
    width: auto !important;
    display: block !important;
}
.dCart {
    width: 270px;
    height: 42px;
    vertical-align: middle;
    display: inline-block;
    background: url(../../media/images/skin/cartBg.png) no-repeat 0 0; text-align: left;
}
.dCart a {
    width: 215px;
    height: 27px;
    display: block;
    padding: 15px 0 0 55px;
    color: #585858;
    font-size: 13px;
    font-weight: 700;
}
.dCart a b {
    color: #585858;
    font-size: 15px;
    line-height: 18px;
}
.dHead3 {
    margin-top: 17px; position: relative; z-index: 2;
}
.sMenu {
    background: url(../../media/images/skin/gradientDark1.png) repeat-x 0 0 #313131;
    width: 250px;
    height: 48px;
    border-radius: 5px;
    display: block;
    font-size: 22px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    padding-left: 20px;
}
.uMenu {
    text-align: center;
}
.uMenu > li {
    display: inline-block;
    background-color: transparent;
    padding-bottom: 16px;
    margin: 0 7px 0 6px;
    position: relative;
}
.uMenu > li > a {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
    text-shadow: 1px 1px 1px #464646;
    padding: 0 0 2px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(255,255,255,.2);
}
.uMenu > li:hover > a, .lActive > a {
    border-bottom: 2px solid #464646 !important;
}
.dBody {
    margin: 0 auto; z-index: 1;
}
.aMenuSide {
    background: url(../../media/images/skin/catBg.png) repeat-x 0 0;
    border: 1px solid #bfbfbf;
    line-height: 41px;
    display: block;
    border-radius: 5px;
    padding-left: 19px;
    font-size: 15px;
    font-weight: 700;
    color: #585858; position: relative; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s; margin-bottom: 3px;
}
.aMenuSide:hover {
    color: #3997e0
}
.aMenuSide span {
    background: url(../../media/images/skin/marker1.png) no-repeat 0 0;
    width: 6px;
    height: 11px;
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
}
.dBanner i { font-size: 50px; color: #585858; opacity: 0.5;}
.dBestSellers h3, .dProducts h3{
    padding: 11px 0 12px 18px;
    margin-bottom: 9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #bfbfbf;
    background: #fcfcfc;
    color: #585858;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    text-align: left;
}
.dBestSellers {
    margin: 30px 0 22px;
}
.dBestSellers a {
    font-size: 13px;
    line-height: 18px;
    color: #696969;
    font-weight: 700;
    display: block;
    background: url(../../media/images/skin/line2.png) repeat-x 0 0;
    padding: 5px 0 8px 20px; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s
}
.dBestSellers a:hover {
    color: #3997e0;
}
.dBestSellers a:nth-child(2) {
    background: none;
}
.uMenu li {
    line-height: 20px;
}
.uMenu > li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 195px; list-style: none; display: none; z-index: 2;
}
.uMenu > li > ul > li {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
    text-align: left;
}
.uMenu > li > ul > li > a {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
    padding: 8px 16px 9px;
    border: none;
    color: #fff;
    font-size: 13px; display: block;
    background: #464646;
}
.uMenu > li > ul > li:hover a {
    background: #676767;
}
.dFooter {
    padding: 12px 0;
    background: #292c30;
}
.dFooter a:hover {
    color: #3997e0;
}
.dFooter p span {
    padding: 0 5px;
}
.dProducts {
    text-align: center;
}
.dProduct {
    width: 48%;
    display: inline-block;
    text-align: left; margin: 0 3px 20px; vertical-align: top;
}
.dProduct a {
    display: inline-block;
}
.dProduct a img {
    width: 100%; display: block; opacity: 0
}
.dProduct p {
    background: #f6f6f6;
    padding: 5px 11px 6px 10px;
    display: inline-block;
    min-width: 93px;
    border-radius: 4px;
    color: #636363;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}
.dProduct > a {
    font-size: 13px; border-radius: 7px;
    overflow: hidden;
    line-height: 18px;
    color: #3997e0;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s; position: relative;
}
.dProduct > a:hover {
    color: #000;
}
.dProduct div a {
    background: url(../../media/images/skin/bttns.png) repeat-x 0 0 #f2f2f2;
    font-size: 13px;
    line-height: 16px;
    text-transform: none;
    color: #585858;
    font-weight: 700;
    text-decoration: none!important;
    float: left;
    padding: 7px 9px;
    cursor: pointer!important;
    border: 1px solid #bfbfbf!important; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s
}
.dProduct div a:hover {
    background: url(../../media/images/skin/bttnsHover.png) repeat-x 0 0 #f2f2f2;
}
.dProduct div a:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dProduct div a:nth-child(2) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none !important
}
.dInfo {
    margin: 30px 0 30px 10px; text-align: right;
}
.dInfo a {
    position: relative;
    display: inline-block; margin-right: 25px; transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s
}
.dInfo a:hover {
    box-shadow: 0 0 10px #c9c9c9;
}
.dInfo a span {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    left: 78px;
}
.dInfo a span:nth-child(2) {
    bottom: 36px;
    color: #3997e0;
}
.dInfo a span:nth-child(3) {
    top: 39px;
    color: #3997e0;
    font-size: 15px;
}
.sBig {
    color: #555 !important;
    font-size: 23px !important;
}
.dInfo a img {
    display: block;
}
.dHeadMenu .dCart {
    margin-right: 15px; display: none
}
.dHead2 {
    text-align: center;
    position: relative;
    height: 135px
}
.dLogo {
    display: inline-block;
}
.dLogo h1 {
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 23px;
}
h1 a { transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s;
    width: 100%;
    background: #fff;
    display: block;
}
h1 a:hover {

}
h1 a img {
    display: block;
    height: 131px;
}
.dContactHead {
    text-align: left;
    position: absolute;
    left: 0;
    top: 15px;
}
.dContactHead a, .dSocial a, .dSocial span { transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s;
    display: block;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    line-height: 2.2;
    letter-spacing: 0px;
}
.dSocial a {
    display: inline-block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #fff;
    border-radius: 50%; margin: 0 11px;
}
.dContactHead a i, .dSocial a i, .dSocial span i { transition-duration: 0.2s, 0.2s; transition-delay: 0s, 0s;
    display: inline-block;
    color: #ffffff;
    width: 16px;
    text-align: center;
    margin-right: 5px;
}
.dSocial a i {
    margin-right: 0;
    color: #327d06;
    width: auto;
}
.dContactHead a:hover, .dSocial a:hover, .dContactHead a:hover i {
    color: #464646;
}
.dSocial a:hover {
    background: #464646;
}
.dSocial {
    position: absolute;
    right: 0;
    top: 32.5px;
}
.dDichVu {
    text-align: center;
}
.dDichVu > div > div {
    float: right;
    width: 309px;
    vertical-align: top;
    border-left: 1px solid #afb7c2;
    padding-left: 5px;
}
.dDichVu > div > div {
    margin-top: -75px;
}
.dDichVu > div > div:nth-child(1), .dDichVu > div > div:nth-child(2), .dDichVu > div > div:nth-child(3) {
    margin-top: 0;
}
.dDichVu > div > div span {
    width: 260px;
    height: 260px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    margin: 75px 0 80px; background: #504d56
}
.dDichVu > div > div > h3 a {
    font-family: 'Oswald', sans-serif;
    color: #244e7d;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0px;
    display: block;
    margin: 0 5px 20px;
    text-decoration: none;
    font-weight: 500;
    font-style: normal; transition-duration: 0.3s, 0.3s; transition-delay: 0s, 0s;
}
.dDichVu > div > div > h3 a:hover {
    color: #292c30;
}
.dDichVu > div > div > p {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #292c30;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    margin: 0 5px 75px;
    display: block; text-align: left;
}
.dDichVu > div > div span img {
    width: 100%;
    position: absolute;
    opacity: 0
}
.dFooter .dHead2 > div > div a {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 9.5px;
}
.dFooter .dHead2 > div > div > div {
    display: inline-block;
    vertical-align: top; text-align: left
}
.dFooter .dHead2 > div > div:nth-child(1) > div {
    margin: 0 9.5px;
}
.dFooter .dHead2 > div > div > div h3, .dFooter .dHead2 > div > div h3 {
    color: #69a90e;
    font-weight: bold;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 2.1;
    letter-spacing: 0px;
}
.dFooter .dHead2 > div > div > div p, .dFooter .dHead2 > div > div > div p a {
    font-weight: 400;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    color: #848a93;
    font-size: 18px;
    line-height: 2.1;
    letter-spacing: 0px;
}
.dFooter .dHead2 > div > div {
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
}
.dFooter .dHead2 > div {
    text-align: center;
}
.dFooter .dHead2 > div > div:nth-child(2) {
    text-align: left;
}
.dFooter .dHead2 > p {
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0s, 0s;
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #848a93;
    font-size: 14px;
    margin-top: 30px;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: center
}
.dDichVu > div > div > p b {
    color: #292c30;
}
.dDichVu > div > div:last-child {
    margin-bottom: 80px; border-right: 1px solid #afb7c2
}
.dIntro {
    text-align: center !important;
    margin: 0 0 97px 0 !important;
    width: auto !important;
    width: 100% !important;
    display: inline-block;
}
.dIntro > div {
    display: inline-block;
    width: 49%; vertical-align: top; text-align: left;
}
.dIntro h3 {
    font: 44px/60px 'Oswald', sans-serif;
    color: #292c30;
    letter-spacing: 0px;
    display: block;
    margin: 0 5px 0.5em;
    text-decoration: none;
    font-weight: 500;
    font-style: normal;
}
.dIntro p {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #292c30;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0px;
    margin: 0 5px 55px;
    display: block;
}
.dIntro > div > span, .dPhone > span {
    margin: 0 0 21px 17px;
    vertical-align: top;
    display: inline-block;
    width: 45%;
    overflow: hidden;
    position: relative;
    background: #1e3048; border-radius: 5px;
}
.dIntro > div:nth-child(2), .dPhone {
    height: 450px;
}
.dPhone, #iproducts {
    display: none;
}
.dIntroContent .dPhone{
    display: block;
}
.dIntro > div > span:nth-child(1), .dPhone > span:nth-child(1) {
    height: 270px;
}
.dIntro > div > span:nth-child(2), .dPhone > span:nth-child(2) {
    height: 200px;
}
.dIntro > div > span:nth-child(3), .dPhone > span:nth-child(3) {
    height: 130px;
}
.dIntro > div > span:nth-child(4), .dPhone > span:nth-child(4) {
    height: 200px;
    bottom: 70px;
}
.dIntro > div > a, .dGeneral > div > div a:nth-child(4), .dLineControl input, .aAddCart, .aPlusStore1{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    background-color: transparent;
    font-size: 16px;
    padding: 17px 50px;
    position: relative;
    text-align: center;
    z-index: 1;
    transition: .3s;
    line-height: 25px;
    border: 1px solid #1e3048;
    background: #1e3048;
    border-radius: 30px; transition-duration: 0.3s, 0.3s; transition-delay: 0s, 0s;
}
.aAddCart, .aPlusStore1 {
    display: block;
    text-align: center;
    border: 1px solid #42b72a;
    background: #42b72a;
}
.aAddCart:hover, .aPlusStore1:hover {
    background: none;
    color: #42b72a;
}
.dIntro a:hover {
    background: none;
    color: #1e3048;
}
.dIntro > div > span img, .dPhone > span img {
    width: 100%;
    opacity: 0;
    position: absolute; margin-bottom: 80px;
}
.dGeneral > img {
    width: 100%; position: absolute; opacity: 0; z-index: 1;
}
.dGeneral {
    position: relative; overflow: hidden;
}
.dGeneral span img {
    opacity: 0; width: 100%; position: absolute
}
.dGeneral > .dBody > div > span {
    width: 260px;
    height: 260px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.dGeneral > div > div {
    display: inline-block;
    width: 300px;
    margin: 0 15px 38px;
}
.dGeneral > div {
    text-align: center; z-index: 2; position: relative;
}
.dGeneral > .dBody > div > span {
    width: 260px;
    height: 260px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    background: #244e7d;
    border: 5px solid #244e7d;
}
.dGeneral > div > div a:nth-child(2) {
    text-shadow: 0 4px 10px rgba(46,58,70,0.35);
    display: block;
    color: #244e7d;
    font-weight: 400;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0px;
    padding-top: 15px;
    display: block;
    position: relative;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
}
.dGeneral > div > div a:nth-child(2):hover {
    color: #292c30;
}
.dGeneral > div > div p {
    font-weight: 400;
    text-shadow: 0 4px 10px rgba(46,58,70,0.35);
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #292c30;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    margin-top: 24px;
}
.dGeneral > div > div a:nth-child(4) {
    display: inline-block;
    background: none;
    color: #292c30;
    border: 1px solid #afb7c2;
    margin-top: 38px;
}
.dGeneral > div > div a:nth-child(4):hover {
    background: #afb7c2;
    color: #fff;
    border: 1px solid #afb7c2;
}
.dNews {
    text-align: center;
    padding: 80px 0;
    background: #f7f7f7;
}
.dNews .dBody > div, .dContent > div {
    width: 320px;
    display: inline-block; text-align: left; vertical-align: top; margin-bottom: 20px
}
.dNews .dBody > div > a:nth-child(1), .dContent > div > a:nth-child(1) {
    width: 320px;
    height: 198px;
    display: block;
    position: relative;
    overflow: hidden;
    background: #afb7c2;
}
.dNews .dBody > div > a:nth-child(2), .dContent > div > a:nth-child(2) {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #327d06;
    font-size: 24px;
    display: block;
    margin: 15px 0;
    line-height: 1.2;
    letter-spacing: 0px;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
}
.dNews .dBody > div > a:nth-child(2):hover, .dContent > div > a:nth-child(2):hover {
    color: #69a90e;
}
.dContent > div > p:nth-child(3) {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #292c30;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    margin-bottom: 15px;
}
.dNews .dBody > div > p, .dContent > div > p {
    font-weight: bold;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #1e3048;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0px;
}
.dNews .dBody > div:nth-child(3) {
    margin: 0 15px 20px;
}
.dContent > div {
    margin: 0 7.5px 15px;
}
.dNews h3, .dContent h2, .dContent h3, .dIntroContent h2  {
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #244e7d;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: -1px;
}
.dContent h3  {
    margin: 15px 0
}
.dDetail h2 {
    color: #327d06;
}
.dNews .dBody > div > a:nth-child(1) img, .dContent > div > a:nth-child(1) img {
    position: absolute;
    opacity: 0;
    width: 100%
}
.dNews > div > a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    background-color: transparent;
    font-size: 16px;
    padding: 17px 50px;
    position: relative;
    text-align: center;
    z-index: 1;
    transition: .3s;
    line-height: 25px;
    border: 1px solid #69a90e;
    background: #69a90e;
    border-radius: 30px;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
    margin-top: 35px;
    display: inline-block;
}
.dNews > div > a:hover {
    background: none;
    color: #69a90e;
}
.dContent > div > div {
    margin-top: 15px;
}
.dContent > div > div, .dContent > div > div *, .dIntroDetail {
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #292c30;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
}
.dIntroDetail {
    display: block !important;
    width: auto !important; margin-bottom: 15px;
}
.dNavigate {
    margin: 0 0 5px 0 !important;
    display: block !important;
    width: auto !important;
    text-align: right !important;
}
.dNavigate > * {
    display: inline-block !important;
    font-size: 15px !important;
    color: #777 !important;
    margin: 0 0 0 5px !important;
    line-height: normal !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
}
.dNavigate > a:hover {
    color: #292c30 !important;
}
.dContent > div > div img {
    max-width: 100%;
}
#fContact > div {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    text-align: left;
}
.dGeneral h2 {
    margin-bottom: 15px;
}
#fContact {
    padding-bottom: 15px;
}
.dLine input, .dLine textarea {
    border: 1px solid #ffffff;
    color: #4b4b4b;
    font-weight: 300;
    min-height: 55px;
    margin-top: 25px;
    padding: 0 2%;
    width: 96%;
}
#fCart textarea {
    min-height: 55px;
}
#fCart { margin-top: 10px;}
#fContact label, #fCart label { display: block; margin-bottom: 5px;}
#fContact label span, #fCart label span { color: #6BC2F1;}
#fCart input, #fCart textarea { background: #ececec; padding: 16px 8px; border-radius: 0 5px 5px 0!important; min-width: 100%; height: 21px; padding: 5px 7px; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#fContact > div, #fCart > div { margin-bottom: 15px; padding-right: 16px;}
#fCart > a { color: #fff; background-color: #398439; border-color: #255625; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px;}
#fCart > a { margin-bottom: 10px;}
.tCart { margin-bottom: 10px;}
.tCart, .tCart th, .tCart td, .tCart a { text-align: center; border-color: #e4e4e4; font-size: 15px; color: #333;}
.tCart thead { background: aliceblue;}
.tCart thead th { font-weight: 700; padding: 10px; white-space: nowrap; vertical-align: middle; text-align: center; text-transform: capitalize; font-size: 14px}
.tCart input { border: 1px solid #ccc; width: 80%; height: 26px; text-align: center; padding: 2px; margin-bottom: 5px;}
.tCart i { color: red; font-size: 14px;}
.dPayType > p { margin: 7px 0 10px;}
.dLine textarea {
    resize: vertical; padding: 2%;
}
.dLineControl input {
    background: #6BC2F1;
    border: 1px solid #6BC2F1;
    margin: 15px 15px 0 0;
    cursor: pointer;
    display: inline-block;
}
.dLineControl input:hover {
    background: none;
    color: #6BC2F1
}
.dGeneral > .dBody > .dContent > span {
    width: auto;
    height: auto;
    background: no-repeat;
    border: none;
}
#fContact > div:nth-child(2) {
    background: #f7f7f7;
    padding: 2%;
    border-radius: 5px;
}
#fContact > div:nth-child(1) {
    min-height: 450px;
    background: #f7f7f7;
    padding: 2%;
    border-radius: 5px;
}
.dContent > span > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.5px;
    font-size: 28px;
    color: #6BC2F1;
}
.dContent > span > hr {
    width: 100px;
}
.dContent > span {
    margin: 5px 0 80px;
    display: block;
}
.dConnect {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19
}
.dContactDetail i {
    color: #327d06;
}
.aPhone {
    top: 87px;
    background: green;
    font-size: 18px;
    padding-left: 10px;
    line-height: 39px;
    border-radius: 40px;
    position: fixed;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
    right: 20px;
    z-index: 99999;
    height: 37px; opacity: 1
}
.aPhone i {
    font-size: 20px;
    line-height: 37px;
    background: #46b92f;
    border-radius: 100%;
    width: 37px;
    margin-left: 10px;
    height: 37px;
    text-align: center;
    float: right;
    color: #fff;
}
.aFacebook {
    top: 45px;
}
.aZalo, .aFacebook {
    background-color: #1e73be;
    border: 1px solid #fff;
    position: fixed;
    height: 37px;
    line-height: 37px;
    padding: 0 10px;
    border-radius: 40px;
    color: #fff;
    right: 20px;
    font-size: 14px;
    z-index: 99999;
    opacity: 0
}
.aZalo {
    top: 3px;
}
.aBackToTop {
    cursor: pointer;
    background: #327d06;
    width: 40px;
    position: fixed;
    right: -40px;
    top: 129px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear;
    color: #fff;
    opacity: .7;
    z-index: 8;
    border-radius: 40px;
}
.aBackToTop i {
    color: #fff;
}
.aAddCart, .aPlusStore1 {
    display: inline-block;
    text-align: center;
}
.dContent h2 {
    text-transform: uppercase;
}
.dDetail > .aAddCart,.dDetail >  .aPlusStore1 {
    float: right;
}
.uMenu > li > i {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
}
.dDetail a {
    text-decoration: underline;
}
@media (max-width:1100px){
    .dNavigate {
        margin: 0 15px 5px 0 !important;
    }
}
@media (max-width:1050px){
    .dContactHead{ display: none}
    .dSocial {
        right: 48.5px;
    }
}
@media (max-width:1023px){
    .uMenu > li > ul {
        left:unset;
        right: 0;
    }
    .dDetail {
        width: 97% !important;
        margin: 0 auto !important;
    }
}
@media (max-width: 971px) {
    .dDichVu > div > div:nth-child(3) {
        margin-top: -75px;
    }
}
@media (max-width: 800px){
    .dBanner {
        height: 250px;
    }
    .dBanner .dFrameHidden { height: 250px !important;}
    .dBanner .dFrameItem { height: 250px;}
    .aBannerItem { height: 250px;}
    .dPhone{ display: block}
    .dIntro > div:nth-child(2){
        display:none
    }
    .dIntro > div {
        width: auto;
        margin: 0 20px;
    }
}
@media (max-width: 697px){
    .dLogo {
        position: absolute;
        left: 16px;
        top: 0;
    }
}
@media (max-width: 652px){
    .dDichVu > div > div:nth-child(2) {
        margin-top: -75px;
    }
    .dDichVu > div > div{ border: none !important; display: inline-block; width: 311px;}
}
@media (max-width:450px){
    .dSocial {
        right: 16px;
    }
    .dPhone > span {
        width: 43%;
    }
    .dPhone > span:nth-child(1) {
        height: 220px;
    }
    .dPhone > span:nth-child(2) {
        height: 150px;
    }
    .dPhone > span:nth-child(3) {
        height: 80px;
    }
    .dPhone > span:nth-child(4) {
        height: 150px;
    }
    .dPhone {
        height: 340px;
    }
    .dDetail {
        width: 92% !important;
    }
    .dContent > div > p:nth-child(4) {
        top: 10px;
        position: relative;
    }
}

@media (max-height: 441px){
}

@media (max-width:540px){

}

@media (max-width:480px){

}

@media (max-width:415px){

}

@media (max-width:350px){

}