html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/************************************************************/
/************************************************************/
/*the end of css frame ***************************************************************************************************************************/
@font-face{
font-family: Roboto-Regular;
src:url(Font/OpenSans-Regular.ttf);
}
/* The general setting for css of Main Page******************************************************************************************************/
/*Main frame*/
span#prodna_micononbotmainworkonmenu{background-color: #0076F2;}
div#main_frame{float: left;position: relative;width: 100%;min-height: 0px;font-family: Roboto-Regular;background-color: white; }
div#mmain_frame{width: 1350px;position: relative;font-family: Roboto-Regular;margin-left: calc(50% - 675px);}
div#top_mmf_o{float: left;width: 100%;}
div#top_mmf_o img{float: left;width: 100%;object-position: center;object-fit: contain;height: auto;}
div#top_mmfdiv#bottom_mmf{float: left;width: 100%;position: relative;}
div#left_tmmf{float: left;width:160px; }
span#title_ltmmf{float: right;margin-top: 15px;color: #3e3e3f;font-weight: bolder;text-align: center;}
div#right_tmmf{float: left;width:calc(100% - 160px);margin-bottom: 40px;}
div#head_rtmmf,div#bottom_rtmmf{float: left;width: 100%;}
div#head_rtmmf h2{float: right;padding: 11px 8px 12px 10px;margin-right: 8px;background-color: #0183fc;margin-top: 5px;color: white;font-size: 11pt;border-radius: 30px;}
div#head_rtmmf h2:after{content: 'M';padding: 7px 10px 7px 10px;background-color: white;color: #0183fc;border-radius: 100%;margin-left: 10px;font-weight: bolder;font-size: 7pt;position: relative;top: -2px;}
div#head_rtmmf h2:hover{filter: grayscale(100%);cursor: pointer;}
div#center_mmf{float: left;width: 100%;position: relative;}
form#form_scmmf{width: 400px;float: left;margin-left: calc(50% - 200px);margin-right: calc(50% - 200px);margin-top: 20px;margin-bottom: 20px;}
input#inputsearch_fscmmf{float: left;width: calc(100% - 85px);padding:0px 10px 0px 10px;font-size: 12pt;background-color: white;border:none;box-shadow: .1px .1px 15px -13px #4d4d4d;border:1px solid #0183fc;height: 38px;outline: none;}
input#inputsearch_fscmmf::placeholder{color:#0183fc;font-style: italic;}
button#button_fscmmf{float: left;margin-left:5px;background-color:#0183fc;color: white;border: none;outline: none;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-image: url(Photos/Icon_32/searchw.png);width: 40px;height: 40px;border-radius: 2px;}
button#button_fscmmf:hover{filter: grayscale(100%);cursor: pointer;}
h1.title_cmmf,span.title_cmmf{float: left;color: #6D6D6D;font-weight: bolder;padding: 10px 12px 10px 12px;border-bottom: 1px solid #CFCFCF;}
span.title_cmmf a{text-decoration: none;color: #00A0F2;transition: .4s all;}
span.title_cmmf a:hover{filter: grayscale(100%);}
div#content_cmmf,div.content_cmmf{float: left;width:100%;margin-top: 12px;}
div.product_ccmmf{float: left;width: calc(20% - 22px);margin-left:10px;position: relative;margin-bottom: 50px;background-color:#FBFBFB;padding: 5px;border-radius: 8px;transition: .4s all;}
div.product1_ccmmf{display: none;}
div.product_ccmmf:hover{box-shadow: 0px 5px 5px -1px #D0D0D0;}
div.head_pccmmf{float: left;width: 100%;position: relative;height: 250px;overflow: hidden;box-shadow: 3px -2px 10px -5px white;border-radius: 8px;}
div.head_pccmmf img{float: left;width: 100%;height: 100%;transform: scale(1);object-position: center;object-fit: cover;transition: .8s all;}
div.head_pccmmf:hover img{transform: scale(2);}
div.product_ccmmf:hover span.infor_hccmmf{top:100px;left: inherit;right: 20%;width: 70px;}
div.product_ccmmf:hover span.infor_hccmmf:before{width: 60px;content: 'Báo giá';}
span.infor_hccmmf{float: left;position: absolute;top: -50px;width: 100%;left: 0%;transition: 1s all;transition-timing-function: ease;}
span.infor_hccmmf:before{content: '';float: left;width: 0px;left: 5%;bottom: -20px;padding: 10px 20px 10px 20px;background-color:rgba(224,0,98,.9);color: white;position: absolute; text-align: center;border-radius: 4px;}
div.bottom_pccmmf{float: left;width: 92%;min-height: 0px;padding: 4px 4% 5px 4%;}
h6.span_bpccmmf{float: left;width: 100%;color: #222222;font-size: 11pt;line-height: 22px;height: 90px;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
h6.brand_bpccmmf{float: left;width: 100%;font-weight: bolder;margin-top: 12px;font-style: italic;color: #444444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 2px;padding-bottom: 7px;}
h6.brand_bpccmmf:before{content: 'B';border-radius: 100%;padding:6px 9px 6px 9px;background-color: #d9dada;font-weight: bolder;color: #1a1a1a;font-size: 7pt;margin-right: 10px; }
span.price_bpccmmf{float: left;color: #333333;font-size: 10pt;font-weight: bolder;width: 100%;height:30px;display: flex;justify-content: center;align-items: center;}
span.price_bpccmmf i{padding: 4px 6px 4px 6px;font-size: 6pt;background-color: #28DC00;color: white;border-radius: 4px;margin-left: 10px;}
span.click_bpccmmf{float:left;width: 100%;background-color:#0095E1;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 4px;transition: .4s all;filter: grayscale(100%);}
span.click_bpccmmf:before{content: 'Hiển Thị Chi Tiết';float: left;color:white;font-size:11pt;}
span.click_bpccmmf:hover{filter: grayscale(0%);}
div#bottom_mmf{float: left;width: 900px;margin-top: 25px;margin-bottom: 10px;margin-left: calc(50% - 450px);}
span.href_bottmmf{float: left;background-color:#2CC700;box-shadow:0px 0px 12px -5px #dedfe0;transition: 1s all;width: calc(20% - 12px);margin-left: 10px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 1px;}
span.href_bottmmf:hover{background-color: #d00539;cursor: pointer;}
img.img_hrebottmmf{float: left;width: 36px;height: 36px;object-position: center;object-fit: contain;background-color:#5EB100;border-radius: 1px;border:2px solid #5EB100;}
span.te_hrebottmmf{float: left;width: calc(100% - 45px);margin-left: 5px;height: 40px;display: flex;justify-content: center;align-items: center;color:white;line-height: 18px;}
/******************************************************/
/******************************************************/
span#watchmorepro,span#watchmorepronext{float: left;width:47%;margin-top: 50px;margin-bottom: 10px;text-align: right;margin-left: 2%;}
span#watchmorepro:before,span#watchmorepronext:before{content: 'VỀ TRANG TRƯỚC';padding: 10px 20px 10px 20px;background-color: #f2f0f0;color: #1a1a1a;border: 1px solid #1a1a1a;font-weight: bolder;border-radius: 10px;}
span#watchmorepronext{text-align: left;}
span#watchmorepronext:before{content: 'XEM TRANG TIẾP';}
span#numberforsearchproduct{float: left;width: 100%;padding: 10px 0px 10px 0px;text-align: center;font-weight: bolder;margin-bottom: 20px;color: #6ECF00;}
span#numberforsearchproduct:before{content:'EAMGROUP Tìm Kiếm đã tìm được ';color:#4F4F4F; font-weight: 100;}
span#numberforsearchproduct:after{content:' Sản phẩm'; color:#4F4F4F;font-weight: 100; }
@media screen and (max-width:1350px){
div#mmain_frame{width: 100%;margin-left: 0px;}
div.product_ccmmf{margin-bottom: 20px;}
}
@media screen and (max-width:1000px){
div.product_ccmmf{width: calc(33.33% - 23.33px);margin-bottom: 50px;}
div.product1_ccmmf{display: block;}
}
@media screen and (max-width:900px){
div#bottom_mmf{width: 100%;margin-left: 0px;}
div#left_tmmf{display: none;}
div#right_tmmf{width:100%;}
}
@media screen and (max-width:800px){
span.href_bottmmf{width: calc(50% - 60px);margin-bottom: 12px;margin-left: 40px;}
span#fastquo_hrefbottmmf{display: none;}
}
@media screen and (max-width:700px){
div.product_ccmmf{width: calc(50% - 25px);}
}
@media screen and (max-width:800px){
span.href_bottmmf{width: calc(50% - 15px);margin-left: 10px;}
}
@media screen and (max-width:450px){
div.product_ccmmf{width: calc(100% - 30px);}
form#form_scmmf{width: calc(100% - 20px);margin-left:20px;margin-right: 0px;margin-bottom: 50px;}
}
@media screen and (max-width:360px){
span.href_bottmmf{width: calc(100% - 20px);margin-bottom: 8px;margin-left: 10px;}
span#fastquo_hrefbottmmf{display: block;}
}