/*FullStack by Rocker.vn (since 2008)*/  
html,h1,h2,h3,h4,h5,h6,button,input,textarea,select,p,span { font-weight: 400; font-size: 100%; font-family: Arial, Helvetica, sans-serif; } html {font-size: 15px} html{ color: #252525 } .color{color: #089612} .bg{ background: #089612} .border-color{ border-color: #089612} @media(min-width: 1024px){ .bg-hover:hover{ background: #1788c7 } } .bg-2{ background: #1788c7 } .color-2{color: #1788c7} .border-color-2,.border-color-hover-2:hover{ border-color: #1788c7} .pl-wrabauto { width: 90%; position: relative; margin: auto; max-width: calc(100% - 250px); } .bg-3 { background-color: #6fc4f3; } .color-3 { color: #6fc4f3; } .border-color-3{ border-color: #6fc4f3; } @media(max-width: 1200px){ .pl-wrabauto { max-width: 1100px } } .pl-info-details{ } .pl-info-details ul{ list-style-type: disc; margin-block-start: 10px; margin-block-end: 10px; margin-inline-start: unset; margin-inline-end: inherit; padding-inline-start: 35px; } .pl-wrabauto.smalls{ max-width: 1000px; } .pl-list-text-relate a{ display: block; background: #ffffff; padding: 10px; margin: 10px 0px; box-shadow: 2px 2px 3px #e0e0e0; text-transform: lowercase; } .pl-list-text-relate a::first-letter{ text-transform: uppercase; } #dot { width: 10px; height: 10px; background-color: #ce3227; border-radius: 100%; position: absolute; left: 0px; bottom: 5px; margin-top: -5px; display: block; top: 0; margin: auto; } #dot .ping { border: 1px solid #fff; width: 10px; height: 10px; opacity: 1; background-color: rgba(212, 49, 38, 0.45); border-radius: 100%; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-name: sonar; animation-name: sonar; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: block; }
.lbl-call-enter { background: #FFECB3 url(../pri_img/iconPHoneanimate.gif) no-repeat center left 10px; font-style: italic; background-size: 18px auto; padding: 6px 20px 10px 31px; font-weight: 400; max-width: 600px; border-radius: 5px; border: 1px solid #f89734; clear: left; margin-top: 20px; position: relative; } .lbl-call-enter a { color: #b61525; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #808080; font-style: italic; font-weight: bold; padding: 0px 5px; } @media(max-width: 600px){ .lbl-call-enter span{ display: block; } } /*bg review-des*/ .review-des{ padding: 10px; background: #f1fff2; border-radius: 5px; border: 1px dashed #119919; } .review-des.pblue{ margin:5px; background: #e2f4ff; border: 1px dashed #3f9ad0; } .review-des .sub-title{ font-weight: normal; } .review-des .title{ font-weight: bold; font-size: 25px; text-transform: uppercase; } .review-des h3{ display: inline-block; font-weight: bold; } .review-des .link-js{ color: #1888c9; text-decoration: underline; display: block; font-weight: bold; padding-top: 10px; } .review-des .des{ margin-top: 15px } .star{ width: 17px; height: 17px; background-image: url(../pri_img/star.png); display: inline-block; background-size: cover; } .star.line{ background-image: url(../pri_img/star-line.png); } /*ed review-des*/ .detailbox-articles img { max-width: 100%; height: auto; } .detailbox-articles .contents ul li{ margin-left: 50px; margin-bottom: 10px } .detailbox-articles iframe { max-width: 100%; height: auto; min-height: 360px } .detailbox-articles { font-size: 17px; line-height: 25px; text-align: justify; width: calc(70% - 15px); float: left; background: #fff; box-shadow: 0px 0px 7px 3px #e6e9f3; padding: 20px; } @media(max-width: 900px){ .detailbox-articles{ padding-top: 80px } } .detailbox-articles p{ margin: 5px 0; } .detailbox-articles .title { font-size: 30px; font-weight: bold; padding-bottom: 20px; line-height: 35px; } .des-contents { font-style: italic; background: #ffebd9; padding: 20px; border-radius: 5px; font-size: 17px; line-height: 25px; margin-bottom: 30px; } /*bg news-right-attacts*/ .detailbox-articles .info-des:first-letter { font-size: 60px; line-height: 40px; display: block; float: left; margin-top: 3px !important; margin-right: 10px; padding: 0 0px 5px 0px; color: inherit !important; font-weight: bold; } .verticle-attact a{ display: block; padding: 10px; background: #ffffff; margin: 10px 0px; position: relative; border: 1px solid #dadbde; text-transform: lowercase; } .verticle-attact a:first-letter{ text-transform: uppercase; font-weight: bold; } .verticle-attact a span{ position: relative; z-index: 1 } .verticle-attact a span.stt{ font-size: 31px; line-height: 30px; height: 30px; position: absolute; z-index: 0; top: 0; bottom: 0; left: 7px; margin: auto; color: #ed8328; font-weight: bold; } .article-box-attact{ padding: 10px; border: 1px solid #f3f4f7; /* margin-top: 30px; */ background: url(../pri_img/socdua.png); width: 30%; float: right; } @media(max-width: 1000px){ .detailbox-articles { width: 100%; float: none; } .article-box-attact{ width: 100%; float: none; margin-top: 20px } } .article-box-attact .projects-items-main .items .text { width: 100%; left: 0; bottom: 0; z-index: 2; padding: 18px 29px; min-height: 100px; position: absolute; background: #ffffffc4; padding-right: 82px; } .article-box-attact .projects-items-main .items .prices{ position: absolute; right: 21px; left: auto; padding: 4px; width: 82px } .attacts-items{ position: relative; } .attacts-items .link-viewdetails{ padding: 10px; padding-right: 140px; } .iframFace iframe{ width: 100% !important; height: auto } @media(max-width: 900px){ .attacts-items .link-viewdetails{ padding: 15px; padding-right: 120px; } .attacts-items .link-viewdetails .grbg{ display: none; } } /*ed news-right-attacts*/ /*bg group-view-all*/ .group-view-all{ margin: auto; text-align: center; border: 5px solid #e7ecf3; padding: 10px 5px; margin-top: 10px; max-width: 600px; width: 95%; } .group-view-all .pl-viewmore-center{ font-size: 30px; padding-top: 0px; } /*ed group-view-all*/ /**/ .ct-ftpages{ padding: 20px; background: #fbfffb; border: 1px solid #069619; } .ct-ftpages .ct-des{ margin-bottom: 20px; border-bottom: 1px dashed; padding-bottom: 20px; } .ct-ftpages .ct-title{ font-size: calc(100% + 8px); font-weight: bold; color: #ed2625; margin-bottom: 5px; margin-top: 5px; } /**/ .pl-post-tags { margin-top: 20px; padding-top: 10px; } .pl-post-tags span.tag-title, .pl-post-tags a { display: inline-block; padding: 2px 6px; margin-right: 5px; margin-bottom: 5px; color: #696969; font-size: 11px; border: 1px dashed #ccc; } /*items-products-main*/ .products-items-main .items .list-color-items{ text-align: center; height: auto; position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; background: #757575; overflow: hidden; } .products-items-main .items .list-color-items li{ list-style: none; display: inline-block; width: 40px; height: 40px; border: 1px solid #e8e6e6; position: relative; background: #cccccc2e; margin: 5px; background-size: cover; } .products-items-main .items .list-color-items li.lbg{ position: absolute; width: calc(100% + 14px) !important; height: calc(100% + 14px) !important; bottom: -7px; left: -7px; right: 0; margin: auto; background-size: 100% auto !important; background-position: bottom !important; filter: blur(10px); -webkit-filter: blur(10px); opacity: .7; } @media(max-width: 600px){ .products-items-main .items .list-color-items li{ width: 24px; height: 30px; margin: 3px; } } .products-items-main .items .list-color-items li.active span{ display: block; } .products-items-main .items .list-color-items li span{ position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border: 1px solid #ffffffeb; display: none; } .products-items-main .items { position: relative; background-color: #ffffff; background-repeat: repeat; border: 1px solid #989898; border-radius: 5px; padding: 5px; } .products-items-main .items .img { overflow: hidden; position: relative; background: #f6f6f6; border: 5px solid #f6f6f6; border-radius: 5px; } .products-items-main .items .img a{ position: relative; display: block; } .products-items-main .items .img a.padd{ padding-top: 100%; } .products-items-main .items .img img { transition: transform .2s; position: absolute; left: 0; right: 0; width: 100%; height: auto; top: 0px; max-width: 100%; max-height: 100%; margin: auto; bottom: 0; border-radius: 5px; } .products-items-main .items .img img.limit{ position: relative; } .products-items-main .items .img img.img-color.active{ display: block; } .products-items-main .items .img img.img-color{ display: none; } .products-items-main .items .text { padding: 10px; position: relative; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; text-align: left; } .products-items-main .items .text .subtitles{ font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: underline; height: 15px; overflow: hidden; } .products-items-main .items .text .titles { margin-bottom: 5px; height: auto; font-weight: 400; } .products-items-main .items .text .titles a{ -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; height: auto; overflow: hidden; color: #444; white-space: nowrap; text-overflow: ellipsis; } .products-items-main .items .text .prices .prices-official{ font-weight: bold; color: #ff3d00; display: inline-block; margin-bottom: 5px; } .products-items-main .items .text .prices .prices-old{ display: block; text-decoration: line-through; /* padding-right: 5px; */ margin-top: 0px; margin-bottom: 3px; } .products-items-main .items .text .prices .prices-official,.products-items-main .items .text .prices .prices-old{ line-height: 15px; } .products-items-main .items .text .titles a u{ display: block; font-weight: bold; text-decoration: none; margin-bottom: 5px; } @media(max-width: 602px) { .products-items-main .items .text .titles { } } .products-items-main .items .text .prices{ position: relative; } .products-items-main .items .discounts{ position: absolute; right: 0; bottom: 10px; width: auto; height: auto; background: #d61f36; color: #fff; padding: 5px; font-size: 18px; border-radius: 5px; font-weight: bold; text-align: right; } .products-items-main .items .discounts .dval{ padding-left: 13px; background: url(../pri_img/down.png); background-position: left; background-repeat: no-repeat; background-size: 13px; font-weight: normal; } .products-items-main .items .discounts .dlb{ font-weight: normal; font-size: 10px; } @media(max-width: 600px){ .products-items-main .items .text .prices, .products-items-main .items .text { position: unset; } .products-items-main .items .discounts{ bottom: auto; top:3px; right: 3px; font-size: 13px } .products-items-main .items .discounts .dlb { font-weight: normal; font-size: 8px; display: none; } } .products-items-main .items:hover .btn-views { } /*items-products-main*/ /*bg catalogue-items-main*/ .catalogue-items-main .items { position: relative; background-color: #ffffff; background-repeat: repeat; border: 1px solid #989898; border-radius: 5px; padding: 5px; } .catalogue-items-main .items .img { overflow: hidden; position: relative; background: #f6f6f6; border: 5px solid #f6f6f6; border-radius: 5px; } .catalogue-items-main .items .img img { transition: transform .2s; left: 0; right: 0; width: 100%; height: auto; top: 0px; max-width: 100%; max-height: 100%; margin: auto; bottom: 0; border-radius: 5px; } .catalogue-items-main .items .text { padding: 10px; position: relative; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; text-align: left; } .catalogue-items-main .items .text .subtitles{ font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: underline; height: 15px; overflow: hidden; line-height: initial; } .catalogue-items-main .items .text .titles { margin-bottom: 5px; height: auto; font-weight: 400; } .catalogue-items-main .items .text .titles a{ -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; height: auto; overflow: hidden; color: #444; white-space: nowrap; text-overflow: ellipsis; } /*ed catalogue-items-main*/ .catalogue-page .catalogue-items-main .items { width: calc(25% - 10px); float: left; margin: 5px } @media(max-width: 900px){ .catalogue-page .catalogue-items-main .items { width: calc(50% - 10px); float: left; margin: 5px } } /*detail*/ .products-view-details .description { margin-top: 11px; padding: 10px; border-radius: 5px; background: #1199190d; } .products-view-details .dleft { width: 100%; margin: auto; background: #fff; padding: 15px; }  .products-view-details .dleft .code-p { color: #119919; margin: 10px 0px; } .products-view-details .dleft .prices-p { font-size: calc(100% + 10px); } .products-view-details .dleft .prices-p b { color: red; } .products-view-details .dleft .img img { width: 100%; height: auto; } .callphone-p { margin-top: 17px; background: #f3f4f7; padding: 10px; border-radius: 5px; border: 1px solid #dadbde; } .callphone-p a { font-size: calc(100% + 10px ); font-weight: bold; color: #ff2905; } .callphone-p a i { line-height: 100%; display: contents; color: #119919; } .expands { list-style: none; border: 1px solid #a9aaad; margin-top: 12px; border-radius: 5px; overflow: hidden; padding: 0; margin: 10px auto; } .expands li { border-bottom: 1px solid #a9aaad; } .expands li:nth-child(2n) { background: #f3f4f7; } .expands li:last-child { border-bottom: none; } .expands li .lbl { width: 190px; height: auto; display: inline-block; padding: 5px 10px; } .expands li .value { border-left: 1px solid #a9aaad; width: calc(100% - 200px); display: inline-block; padding: 5px 10px; } .products-view-details .contents-d { text-align: justify; padding: 10px; border: 1px solid #a9aaad; margin-top: 10px; border-radius: 5px; } .products-view-details .contents-d img { max-width: 100%; height: auto; } .products-view-details .contents-d .public-bci { background-color: #1199190a; border: 0; padding: 0px; } .products-view-details .contents-d .public-bci p { padding-top: 10px; } .products-view-details .des-categories { margin-left: 0; margin-right: 0; } .products-view-details .contents-d .rows * { font-size: 18px !important; line-height: 25px !important; font-family: Arial !important; } .products-view-details .contents-d .rows { margin: 20px 0px; } .products-view-details .contents-d .rows .title { font-size: calc(100% + 5px) !important; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } /*ed detail*/ .view-details2{ position: fixed; width: 100%; max-width: 600px; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9; background: #049245; } .view-details2 a{ font-size: 14px } .view-details2 a.le{ width: 50%; float: left; color: #ffffff; padding: 20px 5px; display: block; text-align: center;; } .view-details2 a.ri{ width: 50%; float: right; color: #ffffff; padding: 20px 5px; display: block; text-align: center; background: #FF9800; } .rk-box-attact{ padding: 10px; margin: 20px 0px; background: #f3f4f7; } .rk-box-attact .rk-title{ font-size: calc(100% + 2px); padding: 10px 5px } .rk-box-attact .rk-pri-content{ } .rk-box-attact .rk-pri-title{ display: inline-block; width: calc(20% - 10px); float: left; height: auto; font-size: 20px; margin: 5px; background: #fff; padding: 12px; text-align: left; line-height: initial; position: relative; font-weight: bold; box-shadow: inset 0px 0px 1px #00000082; } .rk-box-attact .rk-pri-title::before{ content: ""; padding-top: 50%; display: block; } @media(min-width: 1024px){ .rk-box-attact .rk-pri-title:hover{ box-shadow: inset 0px 0px 5px #00000082; } .rk-box-attact .rk-pri-title:hover a{ color: #0e9919; text-decoration: underline; } } @media(max-width: 1200px){ .rk-box-attact .rk-pri-title{ width: calc(25% - 10px) } } @media(max-width: 800px){ .rk-box-attact .rk-pri-title{ width: calc(33.3% - 10px) } .rk-box-attact .rk-pri-title::before{ content: ""; padding-top: 70%; display: block; } } @media(max-width: 500px){ .rk-box-attact .rk-pri-title{ width: calc(50% - 10px) } .rk-box-attact .rk-pri-title::before{ content: ""; padding-top: 70%; display: block; } } .rk-box-attact .rk-pri-title a{ display: block; position: absolute; left: 0; top:0; right: 0; bottom: 0; padding: 10px } @media(max-width: 900px){ .categories-product-pages .products-items-verticle .items .text, .categories-product-pages .products-items-verticle .items .text .subtitles, .categories-product-pages .products-items-verticle .items .text .titles, .categories-product-pages .products-items-main .items .text, .categories-product-pages .products-items-main .items .text .subtitles, .categories-product-pages .products-items-main .items .text .titles{ font-size: 100%; line-height: 100%; height: auto; } .categories-product-pages .products-items-main .items{ min-height: 300px; } }
@-webkit-keyframes sonar { 0% { opacity: 1; - webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(4); transform: scale(4); opacity: 0; } } @keyframes sonar { 0% { opacity: 1; - webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(4); transform: scale(4); opacity: 0; } }
.basic{
	height: 18px
}