@charset "utf-8";
.sesecson { padding: 20px; border: 1px solid #e2e2e2; margin-top: -1px; z-index: 1; } 
.sesecson{width:100%;float:left; display: grid;}
.page-heading {border-bottom: 1px solid #ececec;}
.page-heading span { color: #00165c; width: fit-content; font-size: 24px; text-transform: uppercase; margin-top: 20px; display: block; padding-bottom: 8px; border-bottom: 5px solid #ffc700; }

#box-vertical-menu{display: none;}
.bodyleft{width:865px;float:left;height:fit-content}
.bodyright{width:300px;float:left;height:fit-content}
.bodyright {border-left: 3px solid #f1f1f1;padding-left: 5px;}
.bodyleft img{max-width:100% }
.bodyright, .boxtinct30{ width:300px;float:left; height:fit-content; }
.bodyright img{ max-width:100%; }
.bodyleft, .bodyright, .boxtinct30 {padding: 6px;}
.linkyoutube { width: fit-content; display: block; border: 10px solid #ffd200; margin: 20px 0px; }
.linkyoutube img {padding: 0px !important;margin: 0px!important;}
.lisdmt { list-style: decimal; margin: 15px 0px; margin-left: 20px; padding: 10px 20px; border-radius: 10px; background: linear-gradient(45deg, #f3faff, #e5f7ff); }

.nav-tab-1 a, .list-danhmuc a {color: #000;text-transform: capitalize;}

/*table*/
.bangnew { border: 1px solid #515151; width: 100%;    margin: 20px 0px; }
.bangnew caption { font-size: 14px; color: #4b4b4b; caption-side: bottom; text-align: center; color: #ca002a; font-weight: 600; margin: 10px 0px; }
.bangnew thead tr, .bangnew tbody tr:not(.bangnew tbody tr:last-child){ border-bottom: 1px solid #515151;} 
.bangnew thead tr td,.bangnew thead tr th, .bangnew tbody td:not(.bangnew tbody tr:last-child){ border-bottom: 1px solid #515151;} 
.bangnew tr td {padding: 5px !important;text-align: left;font-size: 13px;}

/*table - end*/
#cl70 h2 { font-size: 22px;}
#cl70 h3 { font-size: 18px;}
#cl70 h4 { font-size: 16px;}
#cl70 h5 { font-size: 14px;}
body .page-heading {padding-bottom: 0 !important;}
#cl70 h2, #cl70 h3, #cl70 h4, #cl70 h5{text-align: left;font-weight: 600;line-height: normal;margin: 20px 0px;    padding: 5px;}

#spgioithieu1 { overflow: hidden;margin-bottom: 30px; position: relative; }

.wd-100 .wd-50 img { margin: 0; }

.img-send {width: 50px;}

.box-info-comment {margin: 20px 0px;}
.title-comment {font-size: 16px;text-transform: uppercase;font-weight: 600;color: #000;background-color: #ffdd00;padding: 5px;margin: 10px 0px;width: auto;}
.title-comment a {color: #0020c9;}
.info-comment {display: flex;flex-wrap: wrap;font-weight: 600; font-size: 14px;}
.txtinput { border-radius: 3px; margin: 5px 10px; }
.txtinputarea, .txtinput { border: 1px solid #c9c9c9; }
.txtinputarea { width: 100%; height: 80px;border-radius: 8px; margin: 5px 0px;  }
/*item tin hien thi*/
/*.box-flex-row { display: flex; flex-wrap: wrap; justify-content: space-around; }*/
.box-listtin100 { display: flex; flex-wrap: wrap; width: 100%; padding: 30px 0px;}
.box-tin100 { padding: 3px; margin: 10px 0px; }
.tin100 { border: 1px solid #eee; padding: 8px; border-radius: 10px; height: fit-content;}

.tin100-img { height: auto; border-radius: 15px; background: #f5f5f5; padding: 10px 0px; }
.tin100-img img { width: 250px; height: 165px;  border-radius: 10px; margin: auto; display: block; }
.title-tin100 { margin: 8px 0px; font-size: 15px; font-weight: 600; height: 50px; display: flex; }
.title-tin100 a { color: #000; display: block; margin: auto; }
.title-listtin100 { font-size: 24px; text-transform: uppercase; border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; }
.title-listtin100 a { color: #00449d; border-bottom: 5px solid #ffbe00; padding-bottom: 2px; }
.text-tin100, .text-tintuc-sty1 { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;  }
.text-tin100 { -webkit-line-clamp: 4;}


.title-timkiem {font-size: 18px;margin: 20px 0px;border-left: 6px solid #0f95ff;padding-left: 5px;}
.tintuc-sty1 { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; }
.tintuc-sty1-img { width: 30%; }
.tintuc-sty1-info {width: 70%;padding-left: 15px;}
.tintuc-sty1-img img { border-radius: 10px; border: 2px solid #fff; }
.text-tintuc-sty1 {font-size: 14px; -webkit-line-clamp: 3; }
.title-tintuc-sty1 { margin: 5px 0!important; padding: 0!important; }
.title-tintuc-sty1 a { color: #1a1a1a; font-size: 18px; }
.tintuc-sty1-view { color: #004565; }
.tintuc-sty1 { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; background: #f6f6f6; border-radius: 10px; margin: 20px 0px; padding: 10px; }
.tintuc-sty1-more { background: #c73700; width: fit-content; padding: 3px 5px; margin: 5px 0px; border-radius: 5px; }
.tintuc-sty1-more a, .tintuc-sty1-more span { color: #fff; font-size: 14px; } 
.tintuc-sty1-more span {font-weight: 600;}
/*end item tin hien thi*/

/*item san pham hien thi*/
.box-listspright {width: 100%;}
.spright { border: 1px solid #ebebeb; border-radius: 15px; padding: 8px; margin-bottom: 15px; }
.title-listspright { text-transform: uppercase; font-size: 18px; background: linear-gradient(0deg, #97d9ff, #66c8ff);border-radius: 5px; padding: 5px; text-align: center; margin-bottom: 15px; }
.spright-img img { border-radius: 15px; }
.title-spright { font-size: 14px; line-height: 20px; text-transform: capitalize; padding: 5px; margin: 5px 0px; border-bottom: 1px dashed #cfcfcf; text-align: left; }
.title-spright a, .title-listspright { color: #000;font-weight: 600; }
.info-spright ul { border: 1px solid #eee; border-radius: 8px;padding: 5px;font-size: 13px; }
.info-spright ul li {padding: 2px 0px;}
.info-spright ul li:not(.info-spright ul li:last-child) {border-bottom: 1px dotted #dedede;}
.boxgia-spright { padding: 5px 13px; background: #f1f1f1; display: flex; justify-content: space-around; width: 100%; }
.giakm-spright { color: #000;background: #ffd200; width: fit-content; padding: 3px 5px; font-size: 15px; font-weight: 600; }
.giatt-spright { padding: 4px 10px; text-decoration: line-through; font-size: 14px; color: #656565; }
/*end item san pham hien thi*/

/*item san pham hien thi 100*/
.box-listsp100 { clear: both; padding: 30px 0px; }
/*item san pham hien thi - end*/




.tindm { display: flex; flex-wrap: wrap;    align-items: center; width: 100%; padding: 20px; background: #f5f5f5; border-bottom: 3px solid #fff; box-shadow: 0px 7px 5px #eee; margin: 10px 0px 25px 0px; }
.tindm-img { width: 35%; background: #fff; border-radius: 15px; padding: 10px 0px; }
.tindm-info { width: 65%; padding: 15px; }

.tindm-img img { display: block; margin: auto; border-radius: 15px; }

.title-tindm { font-weight: 600; margin: 10px 0px; font-size: 18px;}
.title-tindm a { color: #000; }
.tindm-info-view span { font-size: 13px; color: #005cac; }
.text-tindm { font-size: 14px; margin: 5px 0px; }
.tindm-info-more { background: #ffd200; width: fit-content; padding: 3px 6px; border-radius: 3px; }
.tindm-info-more a { color: #002f60; }
/* list item tin tuc hien thi 100*/

.entry-detail .entry-photo img{border:1px solid #eaeaea}
.entry-detail .entry-meta-data{padding:10px 0;color:#666}
.entry-detail .entry-meta-data .fa{line-height:inherit}
.entry-detail .entry-meta-data span{margin-right:10px}
.entry-detail .entry-meta-data .post-star{float:right}
.entry-detail .entry-meta-data .post-star .fa{color:#f90}
.entry-detail .entry-meta-data .post-star span{margin:0}

/* usright*/
.title-usright { margin: 10px 0px 5px 0px;  text-transform: uppercase; color: black; border-left: 5px solid #006dff; padding-left: 5px; display: block;     font-size: 18px;}

/* usright-end*/

.menupage { width: 100%; background: #f2f2f2; padding: 15px; position: relative; display: block; margin: auto; }
.menupage li { width: 11.8%; height: 125px; background: #ffffff; padding: 5px; padding-top: 15px; box-shadow: 0px 0px 3px #eee; text-align: center; margin: 0.35%; }
.menupage ul { display: flex; flex-wrap: wrap; justify-content:start}
.menupage li a { font-size: 12px; color: #292929; text-transform: capitalize; }
.menupage li a img { width: 50%; display: block; margin: auto; }
.menupage li:hover img { transform: scale(1.6); transition: .5s all ease; background: #29b6ff; border-radius: 5px; }
.menupage li:hover a span { display: block; position: relative; background: #ffd200; border-radius: 5px; margin-top: 15px;    padding: 1px 3px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: .5s all ease; }
/*list menu trang danh mục*/
.menucon li {float: left;}
.menucon { margin: 15px 0px; float: left; width: 100%; }
.menucon a, .menucon li { font-size: 13px; color: #0e0e0e; padding: 5PX; border-left: 3px solid #ffd200; border-bottom: 3px solid #5ec2ff; border-radius: 3px; font-weight: 700; line-height: 33px; margin: 3px 4px 0px 0px; background: linear-gradient(45deg, #92ccff, #7ddeff); text-transform: uppercase; }
.menucon a:hover, .menucon li:hover { color: #222222; border-left: 3px solid #90ceff; border-bottom: 3px solid #ffca0f; background: #fff42d; transition: unset; }
.menucon > li > a {width: 100%;}
/*list menu trang danh mục*/
.bgmenu li {border-bottom: 3px solid #5ec2ff30 !important;     background: linear-gradient(287deg, #92ccff, #7ddeff17)  !important; }
.bgmenu a {border-bottom: 3px solid #ed781f !important;     background: linear-gradient(356deg, #92ccff, #7dd6ffe3) !important; }
.menucon2 a:hover, .menucon li:hover { color: #222222; border-left: 3px solid #90ceff; border-bottom: 3px solid #ffca0f; background: #fff42d; transition: unset; }
.menucon2 > li > a {width: 100%;}
/*list menu trang danh mục-end*/
.cloudkeytin { background: #f5f5f5; padding: 10px; border-radius: 10px; clear: both;}
.cloudkeytin a {background: #4DB5FF;color: #000000;text-transform: capitalize;font-size: 12px;padding: 5px;border-radius: 3px;line-height: 26px;}
.cloudkeytin a:hover { color: #2c2c2c; background: #ffd71d; transition: none; }


/*css heading element*/
.title-tintuc {text-transform: uppercase;border-bottom: 1px dotted #aaa;padding-bottom: 5px;margin: 15px 0px;font-weight: 600;}
.title-tintuc span{background: linear-gradient(to right, #0049ff 0%, #2f0068 100%); background-clip: text; color: transparent; }
.box-product-content .title-tintuc { font-weight: 600; margin: 25px 0px; }

.titletrongbai{color:#001652;background:#f9f9f9;border-left:10px solid #ffb100;padding:10px 5px;font-size:18px}
.titlehuongdan{color:#414141;background:#a4e9ff;width:100%;border-left:11px double #747474;border-bottom:5px solid #a9d9ff}
.titlebaiviet0{border-bottom:1px dashed #0089ff;text-align:left}
.titlebaiviet1{border-style:solid;border-color:#fe9600;border-width:0 0 5px 27px;background:#ffcb00}
.titlebaiviet2{border-top:5px solid #58dcb0;background:#7fffd4}
.titlebaiviet3{border-left:5px solid #ff7c00;background:linear-gradient(90deg,#ffd800 70%,transparent);border-radius:8px 0 0 8px}
.titlebaiviet4{background:#ffd800;border:3px solid #717171;border-width:6px 20px 0;border-bottom:6px solid #ffffff00;text-align:center}
.titlebaiviet5{color:#0052a9!important;border-bottom:1px dotted}
.titlebaiviet6{background:#366567!important;border:3px solid #ff6f00;border-width:0 10px}
.titlebaiviet7{background:#0fff9c;box-shadow:8px 6px 0 #089c5f;border:1px solid #fff;border-width:0 2px 2px 0}
.titlebaiviet8 { color: #ffffff !important; border-bottom: 5px solid #5babff; border-top: 3px double #fff; border-left: 3px double #fff; background: #0067d5; }
.titlebaiviet9{background:linear-gradient(45deg,#00f2ff,#d2ff6e);border-radius:5px;border-bottom:3px solid #ffbe00}
.titlebaiviet10{border:0 solid #009dc5;border-width:3px 0 0 15px;box-shadow:1px 3px 20px #c3c3c3}
.titlebaiviet11{border:0 solid #ffd800;border-width:0 0 1px 7px;background:linear-gradient(45deg,#44b2ff,#00e5ff);border-radius:0 0 0 16px}
.titlebaiviet12{background:linear-gradient(45deg,blue,#00b5bf);border:4px double #fff;text-shadow:0 2px 4px #464646}
.titlebaiviet13{background:linear-gradient(87deg,#da1100 0%,#580000 100%);border-bottom:1px dashed #ff6200}
.titlebaiviet14{background:linear-gradient(118deg,#e50006,#005299,red);border-bottom:1px dotted #0020b1}
.titlebaiviet15{border-left:8px solid #ffd800}
.titlebaiviet16{border-left:5px solid #d8ff00;background:linear-gradient(89deg,#42cd0b66 60%,white)}
.titlebaiviet17{border-left:9px solid #f2ff00;background:linear-gradient(266deg,#7affc2d6 30%,#00ff48)}
.titlebaiviet18{background-color:#024e60;border-radius:0 20px 0 20px;border:3px solid #00beff}
.titlebaiviet19{background:#deb887;border:0 double #fff;border-width:0 14px;box-shadow:0 2px 15px #aaa;border-bottom:5px solid #ffa300}
.titlebaiviet20{background-color:#ff003b;border-bottom:5px solid #ffde46;border-radius:28px}
.titlebaiviet6,.titlebaiviet12,.titlebaiviet18,.titlebaiviet20{color:#fff!important}
.titlebaiviet13,.titlebaiviet14{color:transparent!important;background-clip:text}

.titlebaiviet0, .titlebaiviet1, .titlebaiviet2, .titlebaiviet3, .titlebaiviet4, .titlebaiviet6, .titlebaiviet7, .titlebaiviet8, .titlebaiviet9, .titlebaiviet10, .titlebaiviet11, .titlebaiviet12, .titlebaiviet13, .titlebaiviet14, .titlebaiviet15, .titlebaiviet16, .titlebaiviet17, .titlebaiviet18, .titlebaiviet19, .titlebaiviet20 {color: #252525;clear: both;text-transform: uppercase;font-size: 18px;font-weight: 600;margin-bottom: 20px;}

.title-listlinkdmr a span, .title-listlinkdmr span { font-size: 16px; } 
.title-listlinkdmr a:hover { color: #fffc00; }
.title-listlinkdmr a, .title-listlinkdmr span { color: #fff; font-weight: 600; text-transform: uppercase;  } 
.title-listlinkdmr { margin: 10px 0px; background: #0b48b3; padding: 5px 6px 6px 6px; }
.linkdmr { padding: 5px 6px; list-style-type: circle; color: #0b48b3; margin-left: 10px; }
.linkdmr li { border-bottom: 1px dotted #eee; padding: 3px 0px; }
.linkdmr li:hover {list-style-type: disclosure-closed;}
.linkdmr li:hover a {transform: translateX(10px);transition: .5s all ease;}
.linkdmr li a span { color: #000d24; font-size: 13px; }

/*end- css heading element*/
.btn-xemthem { text-align: center; display: block; width: 100%; padding: 5px 0px 20px 0px; position: relative; margin: 5px 0px 15px; }
.btn-xemthem span {position: absolute;font-size: 18px;left: 47%; color: #000;background: #0fc2ff;padding: 6px 14px;border-radius: 50%;clear: both;animation: toasang 2s infinite;z-index: 99999;}
/*button all danh muc*/
.btn-alldanhmuc { position: absolute; background: #ececec; color: #000000; padding: 12px 17px; border-radius: 50%; top: 40%; right: 0; animation: toasang 2s infinite;z-index: 999; opacity: .5; }
.btn-alldanhmuc:hover {background: #ffd200;opacity: 1;}
/*end button all danh muc*/

 

@media (max-width: 1199px){
    .menucon a, .menucon li { font-size: 12px;line-height: 31px; }
}

@media (min-width: 992px) and (max-width: 1199px)
{ 
    .bodyleft{  width: 695px !important; }
    .bodyright, .boxtinct30{ width:270px!important;} 
    #cl70 h2 { font-size: 20px;}
    .menuoption ul li a {font-size: 12px;color: #222222;text-transform: capitalize;}
    .menuoption > ul > li { padding: 3px 5px;  margin-left: 5px;}
    .title-listspdm {font-size: 16px;}
    .title-listspright {  font-size: 16px;}
    .info-spright { font-size: 13px; }
}
@media (max-width: 991px){
    .menucon a, .menucon li {line-height: 31px; }
    .menucon a, .menupage li a, .tintuc-sty1-view, .tintuc-sty1-more a, .tintuc-sty1-more span {font-size: 12px;}
    .title-listspdm {text-align: left;   margin: 10px 0px;}
    .title-tintuc-sty1 a {font-size: 14px;}
    .text-tintuc-sty1 {font-size: 13px;-webkit-line-clamp: 2;}
    /*.menuoption > ul > li:after { content: "\f0d7"; font-family: 'Font Awesome 5 Free';width: 10%;display: block;right: 0;position: relative;float: right; padding: 0px 6px 0px 0px;}
   */

}
@media (min-width: 768px) and (max-width: 991px)

{ 
    .bodyleft{ width: 530px!important;  }
    .bodyright, .boxtinct30{ width:215px!important;} 
    .page-heading span { font-size: 18px; padding-bottom: 5px; }
    #cl70 h2 { font-size: 16px; }
    #cl70 h3 { font-size: 15px;}
    #cl70 h4 { font-size: 14px;}
    #cl70 h5 { font-size: 13px;}
    .title-listspright {font-size: 12px;}
    .boxgia-spright { flex-direction: column;}
    .giakm-spright, .giatt-spright {margin: auto;}
    .giakm-spright{font-size: 13px;}
    .giatt-spright{font-size: 12px;}
    .info-spright ul { padding: 2px; font-size: 10px; }

    .menupage li {height: 135px;}
    .menupage li:hover img { transform: scale(1.3);}
    .menupage li:hover a span {  margin-top: 10px;}

}

@media (max-width: 767px) 
{ 
.menupage li:hover img, .menupage li:hover a span{transition: none;}

.sesecson {padding: 0px;}
.content-tin {padding: 0px !important;}
.bodyleft { width:100% !important;margin-right: 0; } 
.bodyright, .boxtinct30 { width:100% !important; } 
.page-heading { font-size: 20px; padding-top: 10px; }
#cl70 h2 { font-size: 18px; }
#cl70 h3 { font-size: 16px;}
#cl70 h4, #cl70 h5 { font-size: 14px;}
.lisdmt {margin-left: 0px;}
.txtinput { width: 60%; }
.info-comment { flex-direction: column; width: 80%; float: left; padding-bottom: 15px; }
.send-comment { width: 15%; display: block; float: left; margin-top: 2px; }
.info-comment li:nth-child(1) .txtinput { margin-left: 20px; }
.info-comment li:nth-child(3) .txtinput {margin-left: 5px;}
.title-listtin100 { font-size: 20px; text-align: center;}
.tin100 {max-height: 350px;}
.text-tin100 {-webkit-line-clamp: 2;}
.menupage { padding: 10px;}
.menupage li {width: 24%;}

blockquote { font-size: 11px;}
/*list menu trang danh mục*/
.menucon { display: flex; flex-wrap: wrap; }
.menucon a, .menucon li { font-size: 10px; width: 48%; line-height: 15px; padding: 0; line-height: 22px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
/*list menu trang danh mục-end*/
.menuoption {margin: 20px 0px 10px 0px;}

.text-tindm {display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.title-tindm {font-size: 15px;}

.menuoption > ul > li:nth-child(5) ul, .menuoption > ul > li:nth-child(6) ul, .menuoption > ul > li:nth-child(7) ul, .menuoption > ul > li:nth-child(8) ul {left: 0;}
.title-timkiem {font-size: 14px;}
.title-comment  {font-size: 13px;}
}

@media (min-width: 480px) and (max-width: 767px) {
    .box-listspright {display: flex; flex-wrap: wrap;justify-content: space-around;}
    .box-listspright .spright{width: 49%;}
    .menupage li {height: 120px;margin: 0.5%;}
}

@media (max-width: 480px) 
{ 
.sesecson {display: block;}
#cl30 img{width: 100%;height: auto}
.bodyleft { width: 100% !important; } 
.bodyright, .boxtinct30 { width:100% !important; } 
.page-heading span{ font-size: 16px; }
#cl70 {font-size: 12px;}
#cl70 h2 { font-size: 14px; }
#cl70 h3, #cl70 h4, #cl70 h5 { font-size: 13px;}
.title-listtin100 { font-size: 18px;}
.tin100 {height: fit-content; overflow: unset; max-height: unset;}
.menupage li { height: 125px; height: 80px; padding: 1px; padding-top: 5px; }
.menupage li:hover a span { margin-top: 5px;padding: 0;}
.menupage li a span { display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 0px 2px;}
.menucon a, .menupage li a {font-size: 10px;}
.menupage li:hover img { transform: scale(1.2);}
.page-heading { font-size: 18px; padding-top: 10px; line-height: 23px; }
.page-heading a {padding-bottom: 10px;}
.tindm-img, .tindm-info {width: 100%;}
.text-tindm {-webkit-line-clamp: 3;}
.tintuc-sty1-info, .tintuc-sty1-img {width: 100%;padding: 0;}
.title-tintuc-sty1 {font-size: 13px;}
.title-tintuc-sty1 {margin: 10px 0 !important;}
.box-sp100 {padding: 5px;}
}

.spview0{border:1px solid #eee;width:23%;margin:5px;padding:5px}
.spview0 h3{background:#0f95ff;font-size:13px;padding:5px;height:55px}
.spview0 h3 a{color:#fff}
.spview0 .giaban{font-size:13px}
.spviwinfo{box-shadow:0 0 5px #ffdf68;padding:5px 8px;margin-top:10px;border-radius:5px}
.spviwinfo p{font-size:11px;line-height:20px;clear:both;padding:10px 0}
.box-flex > div > .spview0{float:left;height:520px}
.spview1{width:100%;border:1px dotted #0f95ff;border-left:6px solid #0fc6ff;padding:10px;transform:translateX(10px);border-radius:10px;margin:10px 0}
.spview1 h3 a{font-size:20px;text-transform:uppercase;color:#575757;text-align:center;display:block;padding:5px 0 20px}
.spview1 .spviwh{width:40%;float:left;display:block;padding-right:10px}
.spview1 .spviwinfo{background:#ffffd1;width:60%;float:left}
.box-flex > div > .spview1{float:left}
.spview2{margin:5px;width:47%;background:#eee}
.spview2 h3{font-size:16px;text-align:center;height:45px;margin:10px 0;border-bottom:3px double #d4d4d4}
.spview2 h3 a{color:#5d5d5d;text-transform:uppercase}
.spview2 .spviwinfo{background:#fff;margin:10px 0;box-shadow:5px 3px 10px #ffdc83}
.box-flex > div > .spview2,.box-flex > div > .spview4{float:left;height:500px;overflow:hidden}
.spview3{background:#7cedff;margin:10px 0;padding:10px;border-radius:10px;box-shadow:0 5px #53a9c4;width:100%;display:flex;flex-wrap:wrap;flex-direction:row-reverse}
.spview3 h3 a{color:#3a3a3a;padding:5px}
.spview3 h3{font-size:18px;width:100%;font-weight:500;text-transform:uppercase;text-align:center;padding:5px;margin:0 0 20px;border-bottom:1px double #fff}
.spview3 .spviwh{width:49%}
.spview3 .spviwinfo{width:49%;padding:10px;margin:0 auto;background:#fff;box-shadow:none}
.spview3 .spviwinfo p{font-size:12px;padding-top:32px}
.spview4{width:47%;margin:7px;display:flex;flex-wrap:wrap-reverse;border:1px solid #a7deff;border-radius:10px;padding:10px}
.spview4 h3{width:100%}
.spview4 h3 a{font-size:14px;color:#4f4f4f;text-align:center;display:block;background:#30d4ff;padding:5px;margin:0 10px}
.spview4 .spviwinfo{width:100%;margin:5px 0}
.spview4{width:47%;margin:7px;display:flex;flex-wrap:wrap-reverse;border:1px dotted #21acff}
.spview4:hover{transform:translateY(-15px);transition:.5s all ease;box-shadow:0 10px 15px #fff8bf;border:1px solid #fff625}
.spview5{width:48%;display:flex;flex-wrap:wrap;background:#fff8dc;margin:5px;padding:10px}
.spview5 h3{font-size:13px;text-transform:uppercase;color:#ff1493;margin:10px;text-align:center;width:100%}
.spview5 .spviwh{width:40%}
.spview5 .spviwinfo{width:60%;background:#fff}
.spview5 .giaban{font-size:14px}
.box-flex > div > .spview5{float:left;height:260px;overflow:hidden}
.view1spin1,.view1spin2,.view1spin3,.view1spin4,.view1spin5{width:100%;display:flex;flex-wrap:wrap}
.view1spin1 h3,.view1spin2 h3,.view1spin3 h3,.view1spin4 h3,.view1spin5 h3{padding:10px 0;margin:5px}
.view1spin0{background:#FFEB3B;padding:10px;border-left:13px double #fff;border-bottom:5px double #fff}
.view1spin0 h3{font-size:18px;text-transform:uppercase;border-bottom:1px solid #0fadff;padding:10px 0;margin-bottom:10px}
.view1spin0 h3 a{color:#414141}
.view1spin0 .spviwh{width:30%;float:right;padding-left:20px}
.view1spin0 .spviwinfo{background:#fff8dc;width:71%;padding:15px 10px}
.view1spin1{box-shadow:0 9px 15px #bceced;margin:20px}
.view1spin1 .spviwh{margin:15px auto;width:60%}
.view1spin1 .spviwinfo{padding:10px 39px;background:#ffd400;margin:13px;border:2px double #00d0ff}
.view1spin1 h3{background:#afeeee;width:100%;text-align:center;font-size:18px;text-transform:uppercase}
.view1spin1 h3 a{color:#3f3f3f}
.view1spin2{display:flex;flex-wrap:wrap-reverse;padding:10px;border:2px dotted #5edeff;border-radius:10px}
.view1spin2 .spviwh{width:50%;padding-right:10px}
.view1spin2 .spviwinfo{width:50%}
.view1spin2 h3{width:100%;background:#ffd200;border-radius:15px 0;padding:10px 20px;text-align:center;font-size:20px}
.view1spin2 h3 a{color:#ff176e;text-shadow:0 2px 3px #fff}
.view1spin3{flex-wrap:wrap-reverse;border:1px solid #9cdcff;padding:10px;background:#f5f5dc}
.view1spin3 h3{border-top:1px dotted #aaa;margin-top:15px;width:100%;text-align:center;font-size:18px}
.view1spin3 h3 a{color:#323232}
.view1spin3 .spviwh{width:50%;padding-right:10px}
.view1spin3 .spviwinfo{background:#ffe000;width:50%;padding:10px;border-bottom:5px solid #00a1ff;border-radius:0 0 20px 20px}
.view1spin3 .spviwh img{border-radius:10%}
.view1spin4{border-bottom:1px dotted #14a4fa;padding-bottom:12px}
.view1spin4 h3{width:100%;border-bottom:1px dotted #1cb9fe;margin-bottom:12px}
.view1spin4 h3 a{font-size:18px;color:#ffaf00}
.view1spin4 .spviwh{background:#0fc6ff;width:40%;padding:10px;margin-right:10px;box-shadow:4px 5px 5px #ddd}
.view1spin4 .spviwh img{background-color:#fff;padding:5px}
.view1spin4 .spviwinfo{width:58%;background:#cbf6ff;border:1px solid #fee900;padding:10px}
.view1spin5{background:#0abbff;padding:0 15px 15px;border-bottom:15px solid #ffd200}
.view1spin5 h3{width:100%;padding:15px 0!important}
.view1spin5 h3 a{color:#fff;text-transform:uppercase;font-size:18px;text-align:left;display:block}
.view1spin5 .spviwh{width:40%;padding-right:10px}
.view1spin5 .spviwinfo{width:60%;background:#fff}
.view1spin5 .spviwinfo p{padding:5px;text-align:left;border-bottom:1px dotted red;margin:0 10px}
.s0,.s1,.s2,.s3,.s4,.s5{color:#000}
.s0 strong,.s1 strong,.s2 strong,.s3 strong,.s4 strong,.s5 strong{color:#001830}
.bg0{background:linear-gradient(45deg,#ffbfe5,#7edbff)}
.bg1{background-color:#00ffb8}
.bg2{background-color:#90e659}
.bg3{background:linear-gradient(to bottom,#ff896c 0%,#fff702 100%)}
.bg4{background:linear-gradient(to left,#f90 0%,#ff9 100%)}
.bg5{background:linear-gradient(to bottom,#cfc 0%,#cff 100%)}
.bg6{background:linear-gradient(to bottom,#6cf 0%,#0f9 100%)}
.bg7{background:linear-gradient(to top right,#ff6 0%,#f69 100%)}
.bg8{background:linear-gradient(to bottom,#f93 0%,#fff6b5 100%)}
.bg9{background:linear-gradient(to bottom,#5ae8ff 0%,#ffa2a2 100%)}
.bg10{background:linear-gradient(to bottom,#6ff 0%,#6f9 100%)}
.bg11{background:linear-gradient(to bottom,#0c6 0%,#3cf 100%)}
.bg12{background:linear-gradient(to bottom,#6ff 0%,#59ff75 100%)}
.bg13{background:linear-gradient(to bottom,#83ffd1 0%,#f9e0a7 100%)}
.bg14{background:linear-gradient(to top right,#d2ffb0 29%,#00ffe7 100%)}
.bg15{background:linear-gradient(to top right,#9fc 29%,#fffc9d 100%)}
.bg16{background:linear-gradient(to top right,#93c8ff 29%,#f8ff8d 100%)}
.bg17{background:linear-gradient(to top right,#fc9 29%,#ffd747 100%)}
.bg18{background:linear-gradient(to top right,#ffa2a2 29%,#ffe4b1 100%)}
.bg19{background:#ff39ac}
.bg20{background:linear-gradient(180deg,#cbffd4 29%,#4affb4 100%)}
.bg21{background:#eeecd9}
.bg22{background:linear-gradient(to top right,#ffd7d7 29%,#fff5ad 100%)}
.bg23{background:linear-gradient(to top right,#23ffb8 29%,#ceff6e 100%)}
.bg24{background:linear-gradient(to bottom,#fcc 0%,#40ff40 100%)}
.bg25{background:#fffd7c}
.bg26{background:linear-gradient(to bottom,#e4ff4d 0%,#f9e8ff 100%)}
.bg0,.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9,.bg10,.bg11,.bg12,.bg13,.bg14,.bg15,.bg16,.bg17,.bg18,.bg19,.bg20,.bg21,.bg22,.bg23,.bg24,.bg25,.bg26{border-radius:15px;padding:20px;margin-top:20px;color:#1d1d1d;clear:both}


.list1dong { display: flex; flex-wrap: nowrap; padding: 15px; }
.list1dong li{text-align:center;margin:auto 2px;border-radius:10px;margin:0 2px;background:#00c6ff}
.list1dong li > a{position:relative;display:block;color:#000;z-index:99;padding:10px}
.list1dong li > a:before{content:"";font-weight:700;color:#f42708;border-radius:10px;position:absolute;z-index:-1;width:0;background:#e5f10870;height:100%;left:0;top:0;transition:all .5s ease}
.list1dong li > a:hover:before{width:100%}
.list1dong li > a:hover{color:#dd0909}


.title-background{line-height:25px;background-color:#40e0d0;font-size:16px}
.hinh-tintuc{border-radius:15px;width:98%;display:block;margin:20px auto}
.hinh-tintuc:hover{transform:scale(1.008)}


@media (min-width: 768px) and (max-width: 992px){.spview{width:47%}
.spview1 h3 a{font-size:14px}
.spview h3,.spview1 .spviwinfo p,.spview2 h3,.spview2 .spviwinfo p,.spview4 h3 a{font-size:12px;line-height:20px}
.spview3 h3{font-size:14px}
.spview3 .spviwinfo p{padding-top:10px}
.spview5{width:100%}
.spviwinfo p{font-size:12px}
.view1spin5 .spviwinfo p{font-size:12px}
.view1spin4 h3 a{font-size:16px}
.box-flex > div > .spview2,.box-flex > div > .spview4{height:410px}
.box-flex > div > .spview0{height:520px;width:47%}
.product-name1{font-size:16px}
}
@media (max-width: 767px){.spview{width:46%}
.spviwh img{display:block;margin:10px auto}
.spviwinfo p{font-size:11px}
.spview1 h3 a{font-size:14px}
.spview h3,.spview1 .spviwinfo p,.spview2 h3,.spview2 .spviwinfo p,.spview4 h3 a{font-size:12px;line-height:20px}
.spviwinfo p{font-size:11px}
.spview3 h3{font-size:13px}
.spview5{width:100%}
.spview4{margin:5px}
.view1spin5 h3 a{font-size:15px}
.view1spin2 .spviwinfo{padding:10px 0}
.box-flex > div > .spview0{width:46%}
.bg0, .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10, .bg11, .bg12, .bg13, .bg14, .bg15, .bg16, .bg17, .bg18, .bg19, .bg20, .bg21, .bg22, .bg23, .bg24, .bg25, .bg26 {padding: 10px;}
}
@media (max-width: 480px){.spview,.spview2{width:100%!important}
.spview1{transform:none}
.spview5 .spviwh,.spview2 .spviwh,.spview1 .spviwh,.spview0 .spviwh,.spview3 .spviwh,.spview3 .spviwinfo,.spview4,.spview5 .spviwinfo{width:100%}
.spview0,.spview1,.spview2,.spview3,.spview4,.spview5{width:100%!important}
.spview1 .spviwh img{display:block;margin:auto}
.spview1 .spviwinfo{width:100%;clear:both;padding:10px}
.spview1 h3 a{font-size:13px}
.spview h3,.spview1 .spviwinfo p,.spview2 h3,.spview2 .spviwinfo p,.spview5{height:fit-content!important}
.view1spin4 h3{text-align:center}
.view1spin5 h3 a{font-size:13px;text-align:center}
.view1spin3 h3 a,.view1spin4 h3 a{font-size:14px;font-weight:700;text-transform:uppercase}
.view1spin0 .spviwh,.view1spin0 .spviwinfo,.view1spin2 .spviwh,.view1spin2 .spviwinfo,.view1spin3 .spviwh,.view1spin3 .spviwinfo,.view1spin4 .spviwh,.view1spin4 .spviwinfo,.view1spin5 .spviwh,.view1spin5 .spviwinfo{width:100%}
.view1spin2{flex-wrap:wrap}
.view1spin3{flex-direction:column}
.product-name1{font-size:16px;text-align:center}
}