@charset "utf-8";
/* CSS Document */
/** Generated by FG **/
@font-face {
	font-display: block;
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'MyriadProBold';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'QuicksandBold';
    src: url('../fonts/Quicksand-Bold.woff2') format('woff2'),
        url('../fonts/Quicksand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-display: block;
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


/*Css toàn trang web*/
.grecaptcha-badge { display: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
.slick-slider *, input, textarea, select, button{ outline: none;}
.slick-slide { outline: none;}
img { max-width: 100%; box-sizing: border-box;}
.ckeditor { overflow-x: auto;}
.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important;}
.ckeditor iframe { max-width: 100% !important; }
.clear:after { content:''; clear: both; display:block;}
.clear_right:after { content:''; clear: right; display:block;}

._container { min-width: 1200px; max-width: 1366px; margin: 0px auto; position: relative;}
body { margin: 0px; font-family: 'MyriadProRegular'; font-size: 14px; background-color: #fff; }
.inherit { width: 1200px; margin: 0px auto;}

.message_none { font-weight: bold; width: 100%; text-align:center; color: #ed1c24; font-size: 18px; margin: 50px 0px;}
.textnina { font-size: 13px; color: #fff; text-align: center; margin-top: 20px; white-space: pre-line; line-height: 1.5; border-top: 1px solid #ffffff61; padding-top: 15px;}
.center { text-align: center;}
.centery, .centery-after:after, .centery-before:after { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.centerx, .centerx-after:after, .centerx-before:before { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.centerxy, .centerxy-after:after, .centerxy-before:before { -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.table-resp { overflow:auto;}
.table-resp table { min-width: 555px;}
a { text-decoration: none !important;}
input[type="date"]::-webkit-inner-spin-button{ display: none; }
/*Hiệu ứng*/
.ease-in{-webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.ease-in-200{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
/*Hiệu ứng tráng gương*/
.hover14 .thumb { position: relative; }
.hover14 .thumb::before { position: absolute; top: 0; left: -75%; z-index: 2; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.hover14:hover .thumb::before { -webkit-animation: shine .75s; animation: shine .75s; }
@-webkit-keyframes shine { 100% { 	left: 125%; } } 
@keyframes shine { 100% { left: 125%; } }
/*css breadcrumb*/
.breadcrumb { font-size: 16px; padding: 15px 0px; color: #333; }
.breadcrumb .fa-angle-right.fa-angle-right {padding: 0px 5px;}
.breadcrumb a {color: #333; margin-top: -4px;}
.breadcrumb p { display: inline-block; margin: 0px;}
.breadcrumb p:first-letter { text-transform: uppercase; display: block;}
/*Css flex*/
.flex-space-between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-space-left { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex-space-right { display: flex; justify-content: flex-end; flex-wrap: wrap;}
.flex-space-center { display: flex; justify-content: center; flex-wrap: wrap;}
.flex-center-y { align-self: center;}
/*Css phân trang*/
.pagingtintuc.pad15 { padding: 15px 0px;}
.pagingtintuc.padt15 { padding-top: 15px;}
.pagingtintuc.padt40 { padding-top: 40px;}
.pagingtintuc { text-align: center; overflow: hidden;}
.pagingtintuc .paging a { border: 1px solid #b2b2b2; border-radius: unset; background-color: #fff; font-family: 'Roboto-Bold'; font-size: 14px; float: none; line-height: 30px;}
.pagingtintuc .paging .active { background-color: #b2b2b2; border-color: #b2b2b2;}
.pagingtintuc .paging a.active:hover { background-color: #b2b2b2; border-color: #b2b2b2;}
.pagingtintuc .paging a:hover { background-color: #b2b2b2; border-color: #b2b2b2;}
.pagingtintuc .paging { width: auto; display: inline-block; position: relative;}


.pagingcircle { text-align: center;}
.pagingcircle.pad15 { padding: 15px 0px;}
.pagingcircle .paging a { padding: 0px 0px; border: 1px solid #dadada; background-color: #f4f4f4; border-radius: 50%; font-size: 14px; float: none; line-height: 28px;}
.pagingcircle .paging .active, .pagingcircle .paging a.active:hover, .pagingcircle .paging a:hover { background-color: #9f112d; border-color: #9f112d;}
/*Css tiêu đề*/
h3.border { margin: 0px; margin-top: 3px; position: relative;  padding: 10px 0px; border: 1px solid #ececec; border-bottom: none;font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color: #343434; padding-left: 45px; background: url(../images/h3-border.png) no-repeat 15px center;}
h3.border:after { content: ''; position: absolute; bottom: 100%; left: -1px; background-color: #e01d1d; width: calc(100% + 2px); width: -moz-calc(100% + 2px); width: -o-calc(100% + 2px); width: -webkit-calc(100% + 2px); width: -ms-calc(100% + 2px); height: 3px; }
.title-h3 { background: url(../images/h3-title.png) no-repeat top left, url(../images/h3-title.png) no-repeat bottom left;}
.title-h3 .title { float: left; padding: 6px 6px 6px 0px; background-color: #fe0000;  border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.title-h3 h3 {  position: relative; margin: 0px; font-family: Arial; font-weight: bold; font-size: 19px; text-transform: uppercase; color: #fff; border: 1px dashed #ff9dbf; border-left: 0px; padding: 8px 8px 8px 55px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: url(../images/h3-title-icon.png) no-repeat 8px center;}
.title-h3 span { position: absolute; top: 50%; left: 15px; width: 25px; height: 25px; border-radius: 50%; overflow: hidden;}
.title-h3 span a { position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; font-family: 'QuicksandBold'; font-size: 13px; color: #fe0000;}
.title-h3 a.lk { margin: 17px 0px; float: right; font-size: 15px; text-transform: capitalize; color: #ff0000;}
.title-h3.marb35 { margin-bottom: 35px;}
h3.normal { margin: 0px; font-family: 'Roboto-Bold'; font-size: 30px; text-transform: uppercase; text-align: center; color: #000;}
h3.normal.marb50 { margin-bottom: 50px;}
h3.normal.marb25 { margin-bottom: 25px;}
h3.normal.color { color: #f9a527; }
/*Css menu*/
.menufix { position: fixed !important; top: 0px; width: 100%; z-index: 99999;}
.menu { float: right;}
.menu ul { margin: 0px; padding: 0px; font-size: 16px; font-family: 'MyriadProRegular'; }
.menu ul > li { display: inline-block; position:relative;  padding: 18px 18px; text-transform: capitalize; }
.menu > ul > li { border-right: 1px solid #efefef; }
.menu ul > li > a { color: #333;}
.menu ul > li:hover > a, .menu  ul > li.active > a  { color: #c90000;}
/*.menu ul > li.active, .menu > ul > li:hover, .menu ul > li > ul { background-color: #e00000 !important;}*/
.menu ul > li > ul { background-color: #c90000; text-align: left; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; box-shadow: 3px 3px 3px #0000004d; -moz-box-shadow: 3px 3px 3px #0000004d; -o-box-shadow: 3px 3px 3px #0000004d; -webkit-box-shadow: 3px 3px 3px #0000004d; -ms-box-shadow: 3px 3px 3px #0000004d;}
.menu ul > li > ul{ display: none; position:absolute; width: 200px; height:auto; left: 0px; top: 100%; padding-top: 0px !important; padding-left: 0px; transition: all 2s; z-index: 9999; } 
.menu ul > li:hover > ul { display: block; padding: 0px; } 
.menu ul > li > ul > li:hover  { background-color: #1403124d !important;}
.menu ul > li > ul > li{ text-transform: none; list-style-type: none; display: block; padding: 10px 10px; margin-right: 0px !important; position:relative; margin-top: 0px; background: none !important; border-left: none; border-bottom: 1px solid #c7cfd187; }
.menu ul > li > ul > li:last-child { border: none; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.menu ul > li > ul > li > ul{ display: none; position:absolute; z-index: 1000; left: 100%; top: 0px; color:#000; padding-top: 0px; }
.menu #home { background: url(../images/home.png) no-repeat center;}
.menu #home a { color: transparent;}
.menu ul > li ul a { color: #fff;}
/*css baiviet*/
.content_1 { border: thin solid #eaeaea; border-radius: 5px; margin-bottom: 20px; background: #fdfdfd; padding: 15px; }

h3.tenbaiviet { margin: 0px; font-size: 22px; color: #334a69; text-transform: uppercase; text-align: left;}

ul.date { margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px; } 
ul.date li { display: inline-block; font-family: Helvetica,Arial,sans-serif; padding: 0px 10px; color: #999; } 

ul.nottype{ padding-left: 0px; }  
ul.nottype li{ list-style-type: none; margin-bottom: 10px; font-family: Arial; } 
ul.nottype a { color: #000;}
.icontinkhac { width: 14px; height: 12px; margin-left: 15px; background: url(../images/icon-tinkhac.png) no-repeat; background-size: cover; display: inline-block; } 

.download { padding: 15px 0px; text-align: center;}
.download img { display: inline-block;}
.download span{display: block;}
.download a { color: #334a69 }
.download:hover a{display: block; color: #ef570c;}

/*Css mail send*/
.fmail { height: 40px; box-sizing: border-box; background-color: #fff; margin-top: 15px;}
.fmail input[type='text'] {  width: 75%; font-size: 13px; color: #000; box-sizing: border-box; border: none; height: 100%; background-color: transparent; padding: 0px 15px; float: left;}
.fmail input[type='submit'] { float: right; width: 25%; height: 100%; border: none; cursor: pointer; background-color: #d50000; color: #fff; text-transform: uppercase; } 
.chanmail::-webkit-input-placeholder { color: #fff; }
.chanmail:-moz-placeholder { /* Firefox 18- */ color: #fff;  }
.chanmail::-moz-placeholder {  /* Firefox 19+ */ color: #fff;  }
.chanmail:-ms-input-placeholder {  color: #fff;  }
/*Css search*/
.fsearch { align-self: center; width: 73%; height: 42px; box-sizing: border-box; background-color: #fff; }
.fsearch input[type="search"] { width: 92%; height: 100%; float: left; font-size: 13px; box-sizing: border-box; padding: 0px 10px 0px 10px; color: #000; background-color: transparent; border: none;}
.fsearch input[type="submit"] { width: 8%; height: 100%; float: left; text-transform: uppercase; cursor: pointer; border: none; background: url(../images/search.png) no-repeat center, #ff3333; box-sizing: border-box; }
.fsearch .bgsearch { position: relative; width: 12%; height: 100%; background: url(../images/search.png) no-repeat center; float: left;}
.fsearch .bgsearch:after { content:''; position: absolute; width: 1px; height: 50%; background-color: #b4b4b4; right: 0px; top: 50%;}
.chansearch::-webkit-input-placeholder { color: #666; }
.chansearch:-moz-placeholder { color: #666;  }
.chansearch::-moz-placeholder { color: #666;  }
.chansearch:-ms-input-placeholder { color: #666; }
/*Css content jssor*/
#jssor_rotator a.phukhoi:after{ content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #0006; z-index: 1;}
#jssor_rotator .content { text-transform: uppercase; position: absolute; width: 50%; left: 50%; top: 50%; background-color: #00000096; padding: 20px; text-align: center; color: #fff;}
#jssor_rotator .title {  font-family: 'UTMAvo'; font-size: 36px;  }
#jssor_rotator .desc {  font-family: 'UTMFacebook'; font-size: 48px;}
/*Css tabs*/
ul.tabs { margin: 0px; padding: 10px 0px; list-style-type: none; text-transform: uppercase; display: inline-block; } 
ul.tabs li { color: #343434; cursor: pointer; display: inline-block; line-height: 1.5; margin: 6px 20px;}
ul.tabs li:last-child { margin-right: 0px;}
ul.tabs li:hover, ul.tabs li.active { border-color: #d8081d; color: #d8081d;}

.tab { display: none;}
.tab.active { display: block;}
/*Css tags*/
.tags a { display: inline; color: #efefef; line-height: 1.8;}
.tags a:after { content:'|'; display: inline; padding: 10px 10px; }
.tags a:hover { color: #c00606;}
.tags a:last-child:after { display: none;}
/*Css danh mục*/
.danhmucdrops { box-sizing: border-box; position: relative; background-color: #ffffff; float: left; width: 22.75%; padding: 0px 20px;}
.danhmucdrops .title { font-family: 'Roboto-Bold'; font-size: 16px; text-align: center; text-transform: uppercase; color: #000; padding: 20px 0px; padding-left: 25px; cursor: pointer; background: url(../images/bgmenu.png) no-repeat center left;}
.danhmucdrops a { color: #1e1d1d;}
.danhmucdrops ul { text-align: left; font-family: 'Roboto-Regular'; font-size: 15px; overflow-y: auto; box-sizing: border-box; background-color: #ececec; display: block; position: absolute; width: 100%; top: 100%; left: 0px; z-index: 1000; box-sizing: border-box; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin-block-start: 0em; margin-block-end: 0em;} 
.danhmucdrops ul > li { position: relative; padding: 10px 20px; border-bottom: 1px solid #fff;}
.danhmucdrops ul > li:hover a{ color: #c00606;} 
.danhmucdrops ul > li > div { background: url(../images/list-type.jpg) no-repeat left center; padding-left: 20px;}
.danhmucdrops ul ul { display: none;}
.danhmucdrops .fa-angle-right { float: right; margin-left: 5px; cursor: pointer;}

.hdanhmucdrops { box-sizing: border-box; position: relative; float: left; width: 22.5%; z-index: 9999;}
.hdanhmucdrops.ver1 > .nicescl { display: none; top: 100%;}
.hdanhmucdrops .title { cursor: pointer;}
.hdanhmucdrops .title-left { width: 20%; box-sizing: border-box; border-right: 1px solid #ffffff4a; background: url(../images/icon_menu.png) no-repeat center, #ff0000;}
.hdanhmucdrops .title-right { width: 80%; box-sizing: border-box;  text-align: center; padding: 19px 0px; font-family: 'Roboto-Bold'; font-size: 14px; text-transform: uppercase; color: #fff; background-color: #ff3333;}
.hdanhmucdrops a { color: #3a3a3a;}
.hdanhmucdrops ul { padding: 0px; margin: 0px; list-style: none; z-index: 1000; text-align: left; text-transform: uppercase; display: block; box-sizing: border-box;} 
.hdanhmucdrops .nicescl { position: absolute; box-sizing: border-box;  width: 100%; top: calc(100% + 12px); top: -moz-calc(100% + 12px); top: -o-calc(100% + 12px); top: -webkit-calc(100% + 12px); top: -ms-calc(100% + 12px); left: 0px;}
.hdanhmucdrops ul.content { background-color: #fff; overflow-y: auto; border: 1px solid #efefef;}
.hdanhmucdrops ul > li { padding: 15px 15px; border-bottom: 1px dashed #efefef;}
.hdanhmucdrops ul > li:hover > div > a{ color: #404040;} 
.hdanhmucdrops ul > li > div {}
.hdanhmucdrops ul ul { width: 100%; background-color: #fff; display: none; position: absolute; left: calc(100% - 4px); left: -moz-calc(100% - 3px); left: -o-calc(100% - 4px); left: -webkit-calc(100% - 4px);  left: -ms-calc(100% - 4px); z-index: 999999;}
.hdanhmucdrops ul > li:hover > ul { display: block;}
.hdanhmucdrops ul > li:last-child { border-bottom: none;}
.hdanhmucdrops ul ul ul { left: 100%; top: 0px !important;}
.hdanhmucdrops ul ul li { position: relative;}
.hdanhmucdrops img { float: right;}
.hdanhmucdrops ul li:after { content: ''; display: block; clear: both;}

ul.danhmucleft { list-style: none; margin: 0px; padding: 0px; font-size: 14px; position: relative; z-index: 100; background: url(../images/bgmain.jpg); background-size: cover;} 
ul.danhmucleft li { position: relative; padding: 15px 15px; border-bottom: 1px solid #ff8a52; text-transform: uppercase; }
ul.danhmucleft li:last-child { border-bottom: none;}
ul.danhmucleft li a { color: #fff;}
ul.danhmucleft li:hover > a { color: #e90000;}
ul.danhmucleft li > div { padding-left: 20px; background: url(../images/list-type.png) no-repeat left center;}
ul.danhmucleft li ul { display: none; background: url(../images/bgmain.jpg); background-size: cover;  position: absolute; width: 100%; left: 100%; top: 0px; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin-block-start: 0em; margin-block-end: 0em; margin: 0px;}
ul.danhmucleft li:hover > ul { display: block;}
ul.danhmucleft li:hover { background-color: #ff8a52;}


ul.menuleftdrop { list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin-block-start: 0em; margin-block-end: 0em; margin: 0px; padding: 10px; } 
ul.menuleftdrop li { font-family: 'Roboto-Regular'; font-size: 14px; padding: 15px 0px; position: relative; } 
ul.menuleftdrop > li { border-bottom: 1px solid #ffffff14; }
ul.menuleftdrop > li:last-child { border-bottom: none;}
ul.menuleftdrop li a { color: #fff; text-transform: uppercase; } 
ul.menuleftdrop li:hover > div > a { color: #f8b74e; } 
ul.menuleftdrop li div { padding: 0px 25px 0px 50px; background: url(../images/list-type.png) no-repeat 25px center;} 
ul.menuleftdrop li ul { list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; padding-top: 10px; padding-bottom: 10px; display: none; padding-left: 10px;} 
ul.menuleftdrop .fa{ float: right; cursor: pointer; color: #fff;}

ul.menuleftdropclick { list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin-block-start: 0em; margin-block-end: 0em; margin-top: 0px; } 
ul.menuleftdropclick li { font-family: Arial; font-size: 15px; padding: 12px 0px; position: relative; } 
ul.menuleftdropclick > li { border-top: 1px solid #087c2a; border-bottom: 1px solid #1bbe3e; }
ul.menuleftdropclick > li:last-child { border-bottom: none;} 
ul.menuleftdropclick > li:first-child { border-top: none;} 
ul.menuleftdropclick li a,  ul.menuleftdrop .fa-check-circle-o{ color: #fff; } 
ul.menuleftdropclick li:hover > div > a { color: #f7e300; } 
ul.menuleftdropclick li div { padding: 0px 25px;} 
ul.menuleftdropclick li ul { list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin: 0px; margin-top: 20px; display: none; padding-left: 15px;} 
ul.menuleftdropclick li#active ul { display:block; }
ul.menuleftdropclick li ul li { padding: 10px 0px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
ul.menuleftdropclick .fa-plus-square-o { margin-right: 5px;}
ul.menuleftdropclick li ul li:hover { margin-left: -15px;}
ul.menuleftdropclick li:after {content:''; display: block; clear: both;}
ul.menuleftdropclick .fa-chevron-right {float:right; color: #fff; font-size: 12px; line-height: 20px; cursor: pointer;}
ul.menuleftdropclick .fa-minus { font-size: 10px; margin-right: 5px; color: #fff;}
ul.menuleftdropclick .fa-circle { margin-right: 5px; font-size: 7px; color: #fff;}
/*Css khung tin tức*/
.bgtinvi { padding: 50px 0px }
.bgtinvi .title { font-family: 'Roboto-Medium'; font-size: 27px; color: #333; text-transform: uppercase; background: url(../images/bggioithieutop.png) no-repeat left bottom; padding: 15px 0px; padding-left: 20px;}
.bgtinvi .title.marb25 { margin-bottom: 25px;}
.bgtinvi .col { box-sizing: border-box; }
.bgtinvi .col.col-1 { float: left; width: 47.5%;}
.bgtinvi .col.col-2 { float: right; width: 48%;}
.bgtinvi .col:last-child { margin-right: 0px;}
.ftintuc { width: 47%; box-sizing: border-box; float: left; text-align: justify; } 
.ftintuc .thumb { box-sizing: border-box;}
.ftintuc .thumb a { position: relative; overflow: hidden; display: block;}
.ftintuc .thumb a:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent;}
.ftintuc:hover .thumb a:after { background-color: #00000073;}
.ftintuc img { display: block; width: 100%; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;} 
.ftintuc:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 	
.ftintuc h4 { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 13px; margin: 0px; margin-top: 20px;} 
.ftintuc h4 a { color: #212121; }
.ftintuc:hover h4 a { color: #ed1c24; }
.ftintuc .desc { font-size: 13px; color: #212121; margin-top: 5px; line-height: 2.0; } 
ul.tintuc { padding: 0px; margin: 0px; } 
ul.tintuc .thumb { float: left; width: 19%; margin-right: 15px; overflow: hidden; position: relative; }
ul.tintuc .thumb img { display: block; width: 100%; } 
ul.tintuc li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
ul.tintuc .thumb:after {content: ''; display: block;-webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;opacity: 0; z-index: -1;}
ul.tintuc li:hover .thumb:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #0006; opacity: 1; z-index: 1; }
ul.tintuc li { margin-bottom: 20px; box-sizing: border-box; background-color: #fff;} 
ul.tintuc h4 { margin: 0px; padding-top: 10px; font-family: 'Roboto-Bold'; font-size: 15px; line-height: 1.5;}
ul.tintuc h4 a { color: #434343;}
ul.tintuc li:hover h4 a { color: #ed1c24;} 
ul.tintuc .desc { line-height: 1.7; color: #5b5b5b; padding-bottom: 8px;}
/*Mạng xã hội*/
.mxh { align-self: center;}
.mxh .title { color: #595858;}
.mxh img { display: inline-block; padding: 2px 8px;}

.fmxh { position: relative; margin-top: 20px;}
.fmxh .title-mxh { color: #fff; display: inline-block; vertical-align: middle;}
.fmxh img { display: inline-block; padding: 2px 2px; vertical-align: middle;}
/*Video*/
.avd { display: block; width: 100%; height: 253px; box-sizing: border-box;}
.avd1 { display: block; width: 100%; height: 310px;}  
.subvideo { margin-top: 4px;} 
.asubvideo  { cursor: pointer; padding: 0px 2px;}  
.asubvideo img { display: block; width: 100%; box-sizing: border-box;}  
.asubvideo .active { position: relative; display: block;}
.asubvideo .active:after { content: ''; display: block; width: 100%; height: 100%; background-color: #0009; position: absolute; top: 0px; left: 0px; }
.submenuvideo { background-color: #000; padding: 15px;}
select.listVideo { width: 100%; height: 30px; margin: 0px auto 0px auto; display: block; }
/*Css googler dịch*/
#google_translate_element { height: 25px; text-align: right; margin-top: 21px; margin-bottom: 5px;}
/*Css bản đồ*/
#map_canvas { box-sizing: border-box; height: 200px;}
#map_canvas_1 { width: 100%; height: 550px; margin-top: 15px; margin-bottom: 15px;}
#map_canvas_1 iframe, #map_canvas iframe { width: 100% !important; height: 100% !important; display: block;}
/*Css liên hệ*/
.grid.contact { border-radius: 5px; border: 1px solid #CCC; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.16); padding: 0px 30px; margin-bottom: 5px; background-color: #fff; } 
.grid.contact  .col { width: 47%; min-height: 450px; margin-right: 5%; border-right: 1px solid #CCC; padding: 25px 0px; } 
.grid.contact  .col:last-child { margin-right: 0px; border-right: none; } 
.contact input { display: block; margin-bottom: 25px; width: 100%; height: 25px; border-radius: 5px; font-family: Arial; font-size: 14px; color: #000; padding: 15px 15px; box-sizing: border-box; } 
.contact textarea{ display:block; margin-bottom: 25px; width: 100% !important; border-radius: 5px; font-family: Arial; font-size: 14px; color: #000 !important; padding: 15px 15px; box-sizing: border-box; } 
.contact button{ border: none; padding: 10px 5px; color: #FFF; background-color: #DF0000; font-family: Arial; text-transform:uppercase; border-radius: 5px; cursor: pointer; } 
/*Css*/
.main {}
.main:after { content: ''; display: block; clear: both;}
.main .col-left { width: 27%;box-sizing: border-box;}
.main .col-left img { display: block; width: 100%; border-bottom: 1px solid #eeeeee;}
.main .col-right { width: 73%; float: right; box-sizing: border-box;}
.main.left .col-left, .main.right .col-right   {float: left;}
.main.left .col-right, .main.right .col-left { float: right;}
.main.right .images-content { border-left: none; border-right: 1px solid #ebebeb;}
.main.right .images-content .col { border-left: 1px solid #ebebeb; border-right: none;}
.main .col-left-1 { margin: 0px; padding: 0px; list-style: none; width: 18%; float: left;}
.main .col-left-1 li { padding: 10px 0px; border-bottom: 1px solid #ccc; text-transform: capitalize; font-size: 17px;}
.main .col-left-1 li a { color: #555; }
.main .col-left-1 li a:hover { color: #ff0000;}
.main .col-right-1 { width: 80%; float: right;}
/*Css box*/
.news { width: 100%; } 
.news .col { margin-right: 15px; width: calc((100% + 15px) / 2 - 15px); width: -moz-calc((100% + 15px) / 2 - 15px); width: -o-calc((100% + 15px) / 2 - 15px); width: -webkit-calc((100% + 15px) / 2 - 15px); width: -ms-calc((100% + 15px) / 2 - 15px); box-sizing: border-box; float: left; padding: 30px 0px; border-bottom: 1px dashed #CCCCCC; } 
.news .col:nth-child(2n) {margin-right: 0px;}
.news .col:nth-child(2n+1) {clear: both;}
.news .col .thumb { width: 35%; margin-right: 15px; float: left; overflow: hidden; border: 1px solid #CCCCCC; } 
.news .col:hover .thumb { border-color: #da251d; } 
.news .col img { width: 100%; display: block; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } 
.news .col:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.news .col h4 { font-family: 'Roboto-Bold'; font-size: 15px; margin-top: 0px; margin-bottom: 5px; line-height: 1.5; } 
.news .col a { color: #000; } 
.news .col:hover a { color: #da251d; } 
.news .col span { font-size: 14px; line-height: 2.0; display: block; text-align: justify; color: #000; }

.album_detail:after { content: ''; display: block; clear: both;}
.album_detail { margin-top: 15px;}
.album_detail .col { float: left; width: calc((100% + 15px) / 4 - 15px); width: -o-calc((100% + 15px) / 4 - 15px); width: -moz-calc((100% + 15px) / 4 - 15px); width: -webkit-calc((100% + 15px) / 4 - 15px); width: -ms-calc((100% + 15px) / 4 - 15px); margin: 7.5px 0px; margin-right: 15px;}
.album_detail .col:nth-child(4n) { margin-right: 0px;}
.album_detail .col:nth-child(4n+1) {clear: both;}
.album_detail img { display: block; width: 100%;}
.album_detail  a { display: block; position: relative;}
.album_detail  a:after {content: ''; position: absolute; top: 0px; left: 0px;  -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; width: 100%; height: 100%; background: url(../images/search1.png) no-repeat center, #0006 ; opacity: 0; z-index: -1;}
.album_detail .col:hover a:after { opacity: 1; z-index: 1; }

.video:after { content: ''; display: block; clear: both;}
.video .col { color: #0f0f0f; box-sizing: border-box; float: left; margin: 7.5px 15px 7.5px 0px; width: calc((100% +15px) / 4 - 15px); width: -moz-calc((100% +15px) / 4 - 15px); width: -o-calc((100% +15px) / 4 - 15px); width: -webkit-calc((100% +15px) / 4 - 15px); width: -ms-calc((100% +15px) / 4 - 15px);}
.video .col:nth-child(4n) { margin-right: 0px}
.video .col:nth-child(4n+1) { clear: both;}
.video .col .thumb { position: relative; display: block;}
.video .col .thumb:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center;}
.video .col img { display: block; width: 100%;}
.video .col h4 { margin: 12px 0px 0px 0px; text-transform: uppercase; text-align: center; text-transform: uppercase;}
.video .col { color: #0f0f0f;}
.video .col:hover { color: #d21515;}


.images-title:after { content: ''; display: block; clear: both;}
.images-title .col { box-sizing: border-box; position: relative; text-align: justify;} 
.images-title .align {padding: 0px 15px;}
.images-title .col.bt { float: left; margin: 15px 30px 15px 0px; width: calc((100% + 30px) / 3 - 30px); width: -moz-calc((100% + 30px) / 3 - 30px);  width: -o-calc((100% + 30px) / 3 - 30px);  width: -webkit-calc((100% + 30px) / 3 - 30px); width: -ms-calc((100% + 30px) / 3 - 30px);}
.images-title .col.bt:nth-child(3n) { margin-right: 0px;}
.images-title .col.bt:nth-child(3n+1) { clear: both;}
.images-title .col .thumb { display: block; overflow: hidden; position: relative; box-shadow: -2px 2px 2px #0000002e; -moz-box-shadow: -2px 2px 2px #0000002e; -o-box-shadow: -2px 2px 2px #0000002e; -webkit-box-shadow: -2px 2px 2px #0000002e; -ms-box-shadow: -2px 2px 2px #0000002e;}
.images-title .col .thumb:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.images-title .col:hover .thumb:after { background-color: #0000008a;}
.images-title .col img { display: block; width: 100%;}
.images-title .col:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.images-title .col .title { color: #343434; display: block; padding: 10px 0px; border-bottom: 1px solid #e0e0e0; font-family: 'OswaldMedium'; font-size: 20px; text-transform: uppercase; line-height: 1.5;}
.images-title .col h4 { position: relative; margin: 15px 0px 0px 0px; font-family: 'Roboto-Bold'; font-size: 16px; text-transform: uppercase; line-height: 2.0;}
.images-title .col h4 a { color: #000;}
.images-title .col .date { font-size: 15px; color: #808080; font-style: italic; margin-top: 5px;}
.images-title .col .desc { font-family: 'RobotoLight'; line-height: 2.0; font-size: 14px; color: #000; margin-top: 10px; }
.images-title .col:hover h4 a { color: #ff0000;}

.images-title-1:after { content: ''; display: block; clear: both;}
.images-title-1 .col { border-radius: 10px; background-color: #d5f3ff;  padding: 20px; text-align: center; box-sizing: border-box; position: relative; margin: 15px 30px 15px 0px; width: calc((100% + 30px) / 4 - 30px); width: -moz-calc((100% + 30px) / 4 - 30px);  width: -o-calc((100% + 30px) / 4 - 30px);  width: -webkit-calc((100% + 30px) / 4 - 30px); width: -ms-calc((100% + 30px) / 4 - 30px);}
.images-title-1 .col:nth-child(4n) { margin-right: 0px;}
.images-title-1 .col:nth-child(4n+1) { clear: both;}
.images-title-1 .col img.thumb { display: inline-block; background-color: #fff; border: 1px solid #027fca; border-radius: 50%;}
.images-title-1 .col .title { color: #343434; display: block; padding: 10px 0px; border-bottom: 1px solid #e0e0e0; font-family: 'OswaldMedium'; font-size: 20px; text-transform: uppercase; line-height: 1.5;}
.images-title-1 .col h4 { position: relative; margin: 15px 0px 0px 0px; font-family: 'Roboto-Bold'; font-size: 16px; text-transform: uppercase; line-height: 2.0;}
.images-title-1 .col h4 a { color: #000;}
.images-title-1 .col .date { font-size: 15px; color: #808080; font-style: italic; margin-top: 5px;}
.images-title-1 .col .desc { font-family: 'RobotoLight'; line-height: 2.0; font-size: 14px; color: #000; margin-top: 10px; }
.images-title-1 .col:hover h4 a { color: #fff;}
.images-title-1 .col:hover { background-color: #9ed628;}

.images-content.marb25 { margin-bottom: 25px;}
.images-content { border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb;}
.images-content:after {display: block; clear: both; content: '';}
.images-content .col { position: relative; box-sizing: border-box; text-align: center; border: 1px solid #ebebeb; border-left: none; border-top: none;}
.images-content .align {}
.images-content .col.bt { width: 25%;}
.images-content .col.bt1 { width: calc(100% / 5); width: -moz-calc(100% / 5); width: -o-calc(100% / 5); width: -webkit-calc(100% / 5); width: -ms-calc(100% / 5);}
.images-content .thumb { display: block; position: relative; overflow: hidden;}
.images-content .thumb img { display: block; width: 100%;}
.images-content .col:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.images-content .col h4 { margin: 0px; font-size: 16px; line-height: 1.5;  font-family: 'MyriadProBold'; }
.images-content .col h4 a {color: #2e2e2e;}
.images-content .col:hover h4 a { color: #c12100;}
.images-content .col .km { position: absolute; z-index: 2; top: 5px; right: 5px; width: 37px; height: 37px; background: url(../images/bgkm.png) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.images-content .col .km span { position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; font-family: 'Roboto-Bold'; font-size: 12px; color: #fff; }
.images-content .col .content { padding: 15px 15px 19px 15px;}
.images-content .col .giaban { margin-top: 10px; color: #000; }
.images-content .col .giaban span { color: #fe0000; text-transform: capitalize;}

.albums:after { content: ''; display: block; clear: both;}
.albums .col { box-sizing: border-box;}
.albums .align { padding: 0px 17.5px;}
.albums .col.bt { margin: 17.5px 35px 17.5px 0px; float: left; width: calc((100% + 35px) / 4 - 35px); width: -moz-calc((100% + 35px) / 4 - 35px); width: -webkit-calc((100% + 35px) / 4 - 35px); width: -o-calc((100% + 35px) / 4 - 35px); width: -ms-calc((100% + 35px) / 4 - 35px); }
.albums .col.bt:nth-child(4n) { margin-right: 0px;}
.albums .col.bt:nth-child(4n+1) { clear: both;}
.albums .col .thumb { display: block; overflow: hidden; position: relative;} 
.albums .col .thumb:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent;}
.albums .col img { display: block; width: 100%;}
.albums .col h4 { margin: 0px; margin-top: 15px; font-family: 'Roboto-Bold'; font-size: 15px; text-transform: uppercase; text-align: center; } 
.albums .col h4 a { color: #282023; }
.albums .col:hover h4 a { color: #ed1c24;}
.albums .col:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.albums .col:hover .thumb:after { background-color: #00000057;}


/*Css footer*/
.bgfootertop ul { padding: 15px 0px; list-style: none; text-align: center; font-family: 'Roboto-Medium';}
.bgfootertop ul li { display: inline-block; margin-right: 60px;}
.bgfootertop ul li:last-child { margin-right: 0px;}
.bgfootertop a { color: #fff;}
.bgfootertop a:hover { color: #f9a527;}

.bgfooter { padding: 35px 0px;}
.bgfooter .title { font-family: 'Arial'; font-size: 15px; font-weight: bold; padding: 0px !important; line-height: 1.2; margin-bottom: 15px;text-transform: uppercase;}
.bgfooter .title:after { content: ''; display: block; width: 32px; height: 1px; background-color: #fff; margin-top: 10px;}
.bgfooter .col { box-sizing: border-box; color: #fff;}
.bgfooter .col.col-1 { max-width: 32%;}
.bgfooter .col.col-2 { max-width: 16%;}
.bgfooter .col.col-3 { width: 28%; overflow: hidden;}
.bgfooterbot { padding: 15px 0px; background-color: #bf081a;}

ul.thongtincongty { text-align: left; margin: 0px; margin-bottom: 10px; padding: 0px; color: #fff; } 
ul.thongtincongty li.important { font-family: 'Arial'; font-size: 15px; font-weight: bold; padding: 0px !important; line-height: 1.2; margin-bottom: 15px;text-transform: uppercase;}
ul.thongtincongty li.important:after { content: ''; display: block; width: 32px; height: 1px; background-color: #fff; margin-top: 10px;}
ul.thongtincongty li { box-sizing: border-box; display: block; padding: 6px 0px; padding-left: 40px; margin-bottom: 10px;} 
ul.thongtincongty li.diachi { background: url(../images/map.png) no-repeat center left; }
ul.thongtincongty li.hotline { background: url(../images/phone.png) no-repeat center left; }
ul.thongtincongty li.email { background: url(../images/email.png) no-repeat center left;}
ul.thongtincongty li.website { background: url(../images/website.png) no-repeat center left; }
ul.thongtincongty li.zalo { background: url(../images/map.png) no-repeat center left; }
ul.thongtincongty li:last-child { margin-bottom: 0px;}

ul.thongketruycap { font-size: 13px; padding: 0px; margin: 0px; float: right;} 
ul.thongketruycap li { list-style-type: none; color: #fff; display: inline-block; }
ul.thongketruycap li span { color: #f6ff00;}
ul.thongketruycap li:after { content: '|'; padding: 0px 10px;}
ul.thongketruycap li:last-child:after { content: ''; padding-right: 0px;}
ul.thongketruycap li img { margin-right: 10px; float: left; }

ul.thongketruycapl { margin: 0px; list-style-type: none; background: url(../images/bgthongke.png) no-repeat left center; font-size: 13px; color: #fff; padding: 0px;} 
ul.thongketruycapl li { font-weight: bold; color: #fff; display: block; padding: 8px 0px; padding-left: 25px; border-bottom: 1px solid #ff4c5e;}
ul.thongketruycapl li:last-child {margin-bottom: 0px;}
ul.thongketruycapl li.online { background: url(../images/tk1.png) no-repeat center left; }
ul.thongketruycapl li.trongngay { background: url(../images/tk2.png) no-repeat center left;}
ul.thongketruycapl li.trongthang { background: url(../images/tk3.png) no-repeat center left; }
ul.thongketruycapl li.tongtruycap { background: url(../images/tk4.png) no-repeat center left;}
ul.thongketruycapl span { float: right;}

ul.sitemap { list-style-type: none; padding: 0px; margin: 0px; } 
ul.sitemap li { font-size: 13px; line-height: 1.5; margin-bottom: 10px;} 
ul.sitemap li:last-child { margin-bottom: 0px;}
ul.sitemap li a { color: #fff;}
ul.sitemap li:hover a {color: #f5e802;}
/*Css slick*/
.runbanchay { border-right: 1px solid #ebebeb;}
.runvideo .slick-list { margin: 0px -15px;}
.runvideo.slick-slider { overflow: hidden;}
.doitac .slick-list { margin: 0px 0px;}
.doitac.slick-slider { overflow: hidden;}
.doitac img { display: block; width: 100%}
.doitac .col {}
.subvideo .slick-list { margin: 0px -2px;}
.subvideo.slick-slider { overflow: hidden;}


.slick1 .slick-prev:before, .slick1 .slick-next:before { content: ''; }
.slick1 .slick-prev:hover, .slick1 .slick-prev:focus { background: url(../images/icon/icon_prev_black.png) no-repeat center; background-size: 100% 100%;} 
.slick1 .slick-next:hover, .slick1 .slick-next:focus { background: url(../images/icon/icon_next_black.png) no-repeat center; background-size: 100% 100%;} 
.slick1 .slick-prev, .slick1 .slick-next { top: 50%;  transform: translateY(-50%); width: 30px; height: 30px; } 
.slick1 .slick-prev { background: url(../images/icon/icon_prev_black.png) no-repeat center; background-size: 100% 100%; } 
.slick1.subvideo .slick-prev { left: 5px;}
.slick1.lr1 .slick-prev { left: 1px;}
.slick1.lr0 .slick-prev { left: 0px;}
.slick1 .slick-next { background: url(../images/icon/icon_next_black.png) no-repeat center; background-size: 100% 100%; }
.slick1.subvideo .slick-next { right: 5px;}
.slick1.lr1 .slick-next { right: 1px;}
.slick1.lr0 .slick-next { right: 0px;}

.slick2 .slick-prev:before, .slick2 .slick-next:before { content: ''; }
.slick2 .slick-prev:hover, .slick2 .slick-prev:focus { background: url(../images/icon/prev_slick2.png) no-repeat center; background-size: 100% 100%;} 
.slick2 .slick-next:hover, .slick2 .slick-next:focus { background: url(../images/icon/next_slick2.png) no-repeat center; background-size: 100% 100%;} 
.slick2 .slick-prev, .slick2 .slick-next { top: -25px; width: 10px; height: 20px; } 
.slick2 .slick-prev { background: url(../images/icon/prev_slick2.png) no-repeat center; background-size: 100% 100%; right: 20px;} 
.slick2 .slick-next { background: url(../images/icon/next_slick2.png) no-repeat center; background-size: 100% 100%; right: 0px;}
/*xoay tròn*/
@-webkit-keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate360 { 100% { -moz-transform: rotate(360deg); }}
@-ms-keyframes rotate360 { 100% { -ms-transform: rotate(360deg); }}
@-o-keyframes rotate360 {100% { -o-transform: rotate(360deg); }}
@keyframes rotate360 { 100% { transform: rotate(360deg); }}
.rotate360 { -webkit-animation: rotate360 2s; -moz-animation: rotate360 2s; -ms-animation: rotate360 2s; -o-animation: rotate360 2s; animation: rotate360 2s; }
/*Css index*/
.phuongthuc .noidung_tt { font-size: 14px; margin-bottom: 10px;}
.phuongthuc .pt { margin-bottom: 10px;}
#top { width: 45px; height: 45px;  position: fixed; bottom: 100px; right: 2px; text-indent: -99999px; cursor: pointer; background: url(../images/top.png) no-repeat; background-size: 100% 100%; z-index: 20;}
a.lkto { display: inline-block; padding: 10px 40px 10px 30px; border: 1px solid #fca50e; border-radius: 50px; color: #fca50e; font-family: 'UTMSeagullBold'; font-size: 15px; background: url(../images/bgalk.png) no-repeat; background-position: right 10px center;}
a.lkto.mart20 { margin-top: 20px;}
._logo { align-self: center; display: block;  max-width: 22.5%;}
._logo img { display: block;}
._banner { align-self: center; }
._banner img { display: block;}
img.bocongthuong { display: block; margin-top: 18px;}
.fbocongthuong { margin-top: 25px;}
/**/
.bgtop { margin-top: 40px;}
.bgheadertop { padding: 10px 0px;}
.bgslogan { font-family: Arial; font-weight: bold; font-size: 22px; text-transform: uppercase; color: #fff;}
.bgheader { padding: 10px 0px;}
.bgheader-right { width: 76.25%; align-self: center;}
.bgheader-right-top { padding: 10px; background-color: #f2f2f2;}
.bgheader-right-bot { list-style: none; padding: 12px 0px 0px 0px; margin: 0px;}
.bgheader-right-bot li { position: relative; max-width: 24%; text-align: center;}
.bgheader-right-bot li .title { color: #ff3333; font-weight: bold;}
.bgheader-right-bot .sub { display: none; font-family: 'Roboto-Bold'; text-align: center; font-size: 15px; position: absolute; z-index: 9999; top: 100%; left: 0px; width: 100%; background-color: #fff; padding: 15px; border: 1px solid #ff3333; box-sizing: border-box; color: #ff3333;}
.bgheader-right-bot li:hover .sub { display: block;}
.bgheader-right-bot img { display: inline-block; vertical-align: middle; margin-right: 15px;}
.bgheader-right-bot a { font-family: 'Roboto-Medium'; font-size: 13px; color: #333;text-transform: capitalize;}
.bgmenu {border-top: 1px solid #efefef; background-color: #fff;}
.bgslider { padding-top: 12px;}
.bgslider-right { width: 77.5%; padding-left: 12px; box-sizing: border-box; float: right;}
.bgslider-right-l { width: 68%; float: left;}
.bgslider-right-r { width: 32%; float: left; box-sizing: border-box; padding-left: 12px;}
.bgslider-right-r .title { color: #fff; font-family: 'Roboto-Bold'; text-transform: uppercase; padding: 10px; background: #ff3333; background-size: 100% 100%;}
.bgslider-right-r .content { padding: 15px; background-color: #fff; list-style: none; margin: 0px; box-sizing: border-box; overflow-y: auto;}
.bgslider-right-r .content li { margin-bottom: 15px; font-size: 16px; padding: 5px 0px 5px 35px;}
.bgslider-right-r .content li.title-sub { padding: 0px;}
.bgslider-right-r .content li.dienthoai { background: url(../images/f-hotro-1.png) no-repeat left center;}
.bgslider-right-r .content li.email { background: url(../images/f-hotro-2.png) no-repeat left center;}
.bgslider-right-r .content li:last-child { margin-bottom: 0px;}
.bgslider-right-b { float: left; width: 100%; margin: 12px 0px; border: 1px solid #dbdbdb;}
.bgchinhsach { padding: 35px 0px;}
.bgchinhsach .item { float: left; font-family: 'Arial'; cursor: pointer; margin-right: 30px; width: calc((100% + 30px) / 4 - 30px); width: -moz-calc((100% + 30px) / 4 - 30px); width: -o-calc((100% + 30px) / 4 - 30px); width: -webkit-calc((100% + 30px) / 4 - 30px); width: -ms-calc((100% + 30px) / 4 - 30px);}
.bgchinhsach .item .thumb { float: left; background-color: #fda41d; border-radius: 50%; margin-right: 10px;}
.bgchinhsach .item .thumb img { display: block;}
.bgchinhsach .item h4 { margin: 8px 0px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #f9a527;}
.bgchinhsach .item .desc { margin: 8px 0px; margin-top: 5px; line-height: 1.5; color: #fff;}
.bgchinhsach .item:nth-child(4n) { margin-right: 0px;}
.bgchinhsach .item:nth-child(4n+1) { clear: both;}
.bgchinhsach .item:hover .thumb { -webkit-animation: rotate360 2s; -moz-animation: rotate360 2s; -ms-animation: rotate360 2s; -o-animation: rotate360 2s; animation: rotate360 2s;}
.bgchinhsach .mar { margin: 60px 0px;}
.subchinhsachcongty { text-align: center; font-family: Arial; font-weight: bold;  font-size: 20px; text-transform: uppercase; color: #f9a527;}
.datdau { background-color: #f4f4f4;}
.datdau .marb15 { margin-bottom: 15px;}
.datdau h3 { margin: 0px; padding: 15px 0px; font-family: 'QuicksandBold'; text-align: center; text-transform: uppercase; font-size: 25px; background: #ff0000; color: #fff;  }
.datdau .content { padding: 15px; border: 1px solid #ccc;}
.datdau .col { width: 48%; box-sizing: border-box;}
.datdau .title-big { text-transform: uppercase; font-size: 18px; font-family: 'QuicksandBold'; color: #f00; margin-bottom: 7px;}
.datdau .title-small { font-family: 'RobotoLight'; color: #333; margin-bottom: 5px;}
.datdau .sub { font-style: Italic;}
.datdau .col:last-child { float: right;}
.datdau .col:first-child { float: left;}
.datdau .dis1 { border: 1px solid #ccc; font-family: 'Roboto-Regular'; line-height: 1.5; border-radius: 5px; background-color: #fff; display: block; width: 100% !important; box-sizing: border-box;}
.datdau textarea { padding: 15px; height: 400px; font-size: 13px;}
.datdau .btn-color span { position: relative; display: inline-block; padding: 10px; border: 1px solid #8c8c8c; margin-left: 10px;}
.datdau .btn-color input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0;}
.datdau .btn-color span.active { color: #fff; cursor: pointer;}
.datdau .btn-color span.do.active { background-color: red; border-color: red; }
.datdau .btn-color span.xanh.active { background-color: blue; border-color: blue;}
.datdau .btn-color span.den.active { background-color: black; border-color: black;}
.datdau .input { border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.datdau .input:focus { border-color: #189eff;}
.datdau .input .bg { width: 8%; position: relative; box-sizing: border-box; background-color: #eee; border-right: 1px solid #ccc;}
.datdau .input .fa { position: absolute;  top: 50%; left: 50%; }
.datdau .input .val-input { width: 92%; padding: 10px; box-sizing: border-box; background-color: #fff;}
.datdau .input input[type='text'] { border: none; width: 92%; height: 35px; padding: 10px; box-sizing: border-box; background-color: #fff; }
.datdau input[type="submit"] { float: right; border: none; padding: 15px; font-family: 'QuicksandBold'; color: #fff; background-color: #189eff; text-transform: uppercase; cursor: pointer;}
.datdau .info { color: #fff; display: inline-block; padding: 10px; border-radius: 5px; background-color: #ea7c11; margin-top: 10px;}
/*.manage-acc { text-align: left; position: relative; }
.manage-acc .title { cursor: pointer;}
.manage-acc .fa-user { margin-right: 5px;}
.manage-acc .fa-caret-down { margin-left: 5px;}
.manage-acc ul { display: none; position: absolute; z-index: 999999; right: 0px; top: 100%; padding: 0px; margin: 0px; list-style: none; width: 200px; background-color: #fff; box-sizing: border-box; border: 1px solid #cbcbcb;}
.manage-acc ul li { padding: 5px 10px; font-size: 14px;}
.manage-acc ul li:hover { background-color: #3a3a3a; color: #fff; cursor: pointer;}
.manage-acc ul li:hover a { color: #fff;}*/

/*range { display: block; width: 100%;}
.khoanggia { margin-top: 15px;}
.khoanggia input { width: 48%; height: 30px; box-sizing: border-box; padding: 0px 2px; border: 1px solid #c5c5c5;}
.khoanggia input.khoangdau { float: left;}
.khoanggia input.khoangcuoi { float: right;}*/

/*.product-tool { list-style: none; padding: 15px 0px; margin: 0px; font-size: 15px; text-align: right;}
.product-tool li {  display: inline-block; margin-right: 10px;}
.product-tool li.imp { font-weight: bold;}
.product-tool li.radio { cursor: pointer;}
.product-tool li.radio div { position: relative; display: inline-block; width: 10px; height: 10px; border: 1px solid #ccc; background-color: #fff; border-radius: 50%; margin-right: 5px;}
.product-tool li.radio.active div:after { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; background-color: #ed2024; border-radius: 50%; }
.product-tool li.radio.active div { border-color: #ed2024}*/
/**/
ul.tongquansanpham { width: 100%; list-style-type: none; padding: 0px; margin: 0px;} 
ul.tongquansanpham li { padding: 10px 0px; border-bottom: 1px solid #EEE; } 
ul.tongquansanpham li.masp { font-size: 16px; } 
ul.tongquansanpham li h3 { font-family: 'Roboto-Bold'; font-size: 22px; text-transform: uppercase; color: #e30000; margin: 0px; } 
ul.tongquansanpham li.luotxem { font-size: 14px; } 
ul.tongquansanpham li.mota { font-size: 14px; padding: 10px 10px; border: 1px solid #ebebeb; margin: 10px 0px; border-radius: 5px; white-space: pre-line; line-height: 1.5; } 
ul.tongquansanpham li:last-child {border: none;}
ul.tongquansanpham .giaban { display: inline-block; color: #e30000; font-size: 30px; } 
ul.tongquansanpham .giacu { display: inline-block; color: #c9c9c9; text-decoration: line-through; font-size: 22px; margin-left: 25px;} 
ul.tongquansanpham .tag { display: inline-block; padding: 5px 10px; font-size: 14px; background-color: #E4BC24; border-radius: 10px; color: #fff; margin: 2px;}
ul.tongquansanpham .tag:hover { background-color: #e30000;}
/**/
.btndathang { display: inline-block; padding: 7px 10px; background: #3a3a3a; font-size: 14px; color: #fff; text-transform: uppercase; cursor: pointer; vertical-align: middle; border-radius: 5px;}
.btndathang a {color: #fff;}
.map-contact{width: 100%;}

.tabactive { background-color: #e30000  !important; }  
.thongtinsanpham{ box-sizing: border-box; margin: 50px 0px; }  
.thongtinsanpham  .title{ padding: 10px 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #ddd; color:#FFF; font-size: 15px; float: left; margin-right: 15px; cursor: pointer; } 
.thongtinsanpham > .content{ width: 100%; border: 1px solid #CCC; box-sizing: border-box; padding: 20px; background-color: #fff;} 
.thongtinsanpham .tt { display: none;}
.thongtinsanpham .tt.active { display: block !important;}
/**/
.textprideold{ color: #626262; text-decoration: line-through;}
.grid.detailproduct{ width: 100%; box-sizing: border-box; margin: 0px auto; background-color: #fff; }
.grid.detailproduct > .row > .col-thumb {width: 45%;float: left;  border: 1px solid #CCC; box-sizing: border-box; text-align: center;}
.grid.detailproduct .anhkemtheo { margin-top: 2px;}
.grid.detailproduct > .row > .col-thumb .anhkemtheo img { display: block; width: 100%; padding: 0px 1px;} 
.grid.detailproduct > .row > .col-thumb img { width: 100%; height: 100%;}
.grid.detailproduct > .row > .col-title { float:right; width: 55%; box-sizing: border-box; padding-left: 45px;}
/**/
.grid.newdefault{ border: 1px solid #DEDEDE;  padding: 15px; background: #F7F7F7; margin: 50px 0px; }
.grid.newdefault .title { margin-top: 0px; text-transform:uppercase; margin-bottom: 25px; }
.grid.newdefault a:hover { color: #ff0000;}
/**/
.bannerquangcao { display: block; width: 100%;}
.listquangcao {}
.listquangcao img { float: left; margin: 7.5px 30px 7.5px 0px; width: calc((100% + 30px) / 2 - 30px); width: -moz-calc((100% + 30px) / 2 - 30px); width: -o-calc((100% + 30px) / 2 - 30px); width: -webkit-calc((100% + 30px) / 2 - 30px); width: -ms-calc((100% + 30px) / 2 - 30px);}
.listquangcao a:nth-child(2n) img { margin-right: 0px;}
.listquangcao a:nth-child(2n+1) img { clear: both;}
/**/
.tintuc .vert { margin-top: 0px; margin-bottom: 0px; height: 379px; } 
.tintuc .vert .simply-scroll-clip { height: 379px;  }

.subvideo .vert { margin-top: 0px; margin-bottom: 0px; height: 375px; } 
.subvideo .vert .simply-scroll-clip { height: 375px; }
/*nicescl*/
.nicescl::-webkit-scrollbar { width: 3px; height: 5px; }
.nicescl::-webkit-scrollbar-track { background: #f1f1f1; }
.nicescl::-webkit-scrollbar-thumb { background: #888;  }
.nicescl::-webkit-scrollbar-thumb:hover { background: #555;}

.nicescl .content::-webkit-scrollbar { width: 3px; height: 5px; }
.nicescl .content::-webkit-scrollbar-track { background: #f1f1f1; }
.nicescl .content::-webkit-scrollbar-thumb { background: #888;  }
.nicescl .content::-webkit-scrollbar-thumb:hover { background: #555;}
/**/
/*.login .error, .forget-login .error, .display-thanhtoan .error { border-color: red !important;}
.bglogin { display: none; position: fixed; z-index: 99999999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000a8;}
.login, .forget-login { display: none; position: fixed; top: 30px; left: 50%; width: 30%; background-color: #fff; z-index: 99999999; padding-bottom: 25px; }
.login .tab-login { font-family: 'SVN-Avo-bold'; text-transform: uppercase; color: #000; text-align: center; font-size: 20px;}
.login .tab-login .item { cursor: pointer; width: 50%; float: left; box-sizing: border-box; background-color: #f5f3f3; padding: 10px 25px; box-shadow: 0px 0px 2px #0000004a;}
.login .tab-login .item.active { color: #cf0656; background-color: #fff; box-shadow: unset;}
.login .align { padding: 0px 25px;}
.login .dis1, .forget-login .dis1 { display: block; box-sizing: border-box; width: 100%; height: 45px; margin-top: 15px; padding: 0px 15px;}
.login .dis2 { border: 1px solid #cbcbcb;}
.login .dis3, .forget-login .dis3 { border: none; height: auto; background-color: #cf0656;  font-family: 'SVN-Avo-bold'; text-transform: uppercase; color: #fff; font-size: 13px; text-align: center; cursor: pointer;}
.login .dis4 { margin-top: 15px;}
.login .bgfa, .forget-login .bgfa { position: relative;}
.login .bgfa .dis1, .forget-login .bgfa .dis1 { padding-left: 40px;}
.login .fa, .forget-login .fa { position: absolute; top: 50%; left: 15px; color: #999;}
.login .atab { display: none;}
.login .atab.active { display: block;}
.login .forget { margin-left: 5px; color: #0078ff; cursor: pointer;}
.login .note, .forget-login .note, .display-thanhtoan .note { font-size: 13px; line-height: 1.5; color: red; margin-top: 15px;}
.chanlogin::-webkit-input-placeholder { color: #8f8f8f; }
.chanlogin:-moz-placeholder { color: #8f8f8f;  }
.chanlogin::-moz-placeholder {  color: #8f8f8f;  }
.chanlogin:-ms-input-placeholder {  color: red;  }
.error::-webkit-input-placeholder { color: red; }
.error:-moz-placeholder { color: red;  }
.error::-moz-placeholder { color: red;  }
.error:-ms-input-placeholder {  color: red;  }
.forget-login { padding: 25px;}
.forget-login .title { text-align: center; text-transform: uppercase;  font-family: 'SVN-Avo-bold'; font-size: 20px; color: #cf0656;}
.forget-login .sub { line-height: 1.5; color: #999; font-size: 14px; margin-top: 15px;}
.forget-login .back-login { float: right; margin-top: 10px; color: #0078ff; font-size: 14px; cursor: pointer;}
.forget-login  .desc { margin-top: 15px; line-height: 2.0; font-size: 14px;}*/
/**/
/*.table-taikhoan .error { border-color: red;}
.table-taikhoan { width: 60%; padding: 25px; box-sizing: border-box; margin: 0px auto; background-color: #f1f1f1; margin-bottom: 50px;}
.table-taikhoan .tr { margin-bottom: 15px;}
.table-taikhoan span { color: red;}
.table-taikhoan .tr:after { content: ''; display: block; clear: both;}
.table-taikhoan .tr .td { box-sizing: border-box;}
.table-taikhoan .tr .td:first-child { width: 30%; float: left; padding-right: 10px;}
.table-taikhoan .tr .td:last-child { width: 70%; height: 35px; float: left; border: 1px solid #bebebe;}
.table-taikhoan .dis1 { height: 35px; padding: 0px 15px;}
.table-taikhoan button { float: right; height: 45px; padding: 0px 20px; border: none; background-color: #cf0656; text-transform: uppercase; font-size: 16px; color: #fff; cursor: pointer;}
.table-taikhoan .border-none { border: none !important;}*/
/**/
/*.danhgia_star { margin-top: 20px; font-size: 20px;}
.danhgia_star .item { margin-right: 5px;}
.danhgia_star .item:last-child { margin-right: 0px;}
.danhgia_star .fa.item.hover, .danhgia_star .fa.item.active { color: #ffd203;}

.comment .comment-title, .comment1 .comment-title { text-transform: uppercase; font-size: 16px; margin-bottom: 15px; }
.comment textarea, .comment1 textarea { font-family: Arial; font-size: 14px; display: block; width: 100% !important; min-height: 80px; box-sizing: border-box; padding: 15px; border-radius: 15px;}

.feed, .feed1  { margin-top: 15px;}
.feed .dis1, .feed1 .dis1 {  font-family: Arial; font-size: 14px; border: 1px solid #ddd; height: 50px; width: 40%; box-sizing: border-box; padding: 0px 15px; border-radius: 10px;}
.feed .dis2, .feed1 .dis2 { cursor: pointer; background-color: #929CA3; font-family: Arial; font-size: 14px; border: none; box-sizing: border-box; width: 15%; height: 50px; text-transform: uppercase; color: #fff; border-radius: 10px;}
.feed .dis2:hover, .feed1 .dis2:hover { background-color: #9d0000;}

ul.journal { margin: 0px; padding: 0px; margin-top: 20px; list-style: none; font-size: 15px;}
ul.journal ul { margin-top: 10px;}
ul.journal li {display: block; margin-bottom: 15px;}
ul.journal .journal-user { display: inline-block; width: 30px; height: 30px; background: url(../images/user.png) no-repeat center; background-size: 100% 100%; vertical-align: middle;}
ul.journal .journal-ten, ul.journal .journal-date { display: inline-block; line-height: 1.5; margin-left: 10px; vertical-align: middle;  }
ul.journal .journal-content { margin-top: 10px;}
ul.journal .journal-reply { display: inline-block; margin-top: 5px; color: #226fed; font-size: 13px; cursor: pointer;}
ul.journal .journal-reply:hover { color: #9d0000;}
ul.journal .journal-reply .fa { margin-right: 5px;}*/
/**/
/*.filter-order { width: 50%; margin: 0px auto; margin-bottom: 15px;}
.filter-order .dis1{ border: none; height: 40px; box-sizing: border-box; padding: 0px 15px; font-family: 'SVN-Avo';}
.filter-order input[type="text"] { float: left; width: 74%; border: 1px solid #cbcbcb}
.filter-order input[type="submit"] { float: right; width: 24%; background-color: #3a3a3a; text-transform: uppercase; font-size: 18px; color: #fff;}

.title-tongquandonhang { font-family: 'SVN-Avo-bold'; text-transform: uppercase; color: #000; font-size: 22px; text-align: center; margin-bottom: 15px;}
.table-tongquandonhang {border: 1px solid #ddd; font-size: 15px; color: #2a2a2a; min-width: 555px; margin-top: 15px;}
.table-tongquandonhang .tr { color: #2a2a2a; text-align: center; border-bottom: 1px solid #ddd; }
.table-tongquandonhang .tr.th { background-color: #3a3a3a; color: #fff !important; text-transform: uppercase;}
.table-tongquandonhang .tr:last-child { border-bottom: none;}
.table-tongquandonhang .td { box-sizing: border-box; padding: 5px 10px;  border-right: 1px solid #ddd;}
.table-tongquandonhang .td1 { width: 25%;}
.table-tongquandonhang .td2 { width: 50%;}
.table-tongquandonhang .td3 {text-align: right; border-right: none;}
.table-tongquandonhang .td:last-child { border-right: none;}
.table-tongquandonhang.marb25 { margin-bottom: 25px;}

.table-order { text-align: center; color: #666;}
.table-order { margin-bottom: 5px;}
.table-order.madonhang span{ color: #333;}
.table-order.tinhtrang { margin-bottom: 0px;}
.table-order.tinhtrang span { color: #15b02a; font-family: 'SVN-Avo-bold';}

.progress-order { overflow-x: hidden; padding: 45px 0px; width: 100%;  margin: 25px 0px; margin-left: calc((25% - 40px) / 2); margin-left: -o-calc((25% - 40px) / 2); margin-left: -webkit-calc((25% - 40px) / 2); margin-left: -ms-calc((25% - 40px) / 2); }
.progress-order .item { position: relative; width: 25%; float: left;}
.progress-order .item:before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 3px; background-color: #cbcbcb;}
.progress-order .sl {position: relative;width: 40px; height: 40px; background-color: #cbcbcb; border-radius: 50%;}
.progress-order .sl i { position: absolute; top: 50%; left: 50%; font-size: 30px; color: #fff;}
.progress-order .item .sl.active, .progress-order .item.active:before { background-color: #15b02a;}
.progress-order .title { position: absolute; left: 0px;}
.progress-order .item.top .title { bottom: 100%;}
.progress-order .item.bot .title { top: 100%;}
.progress-order .item:last-child:before { display: none !important;}*/
/**/
/*.table-giohang { width: 85%; margin: 0px auto;}
.table-giohang .tr { border-top: 1px solid #efefef; padding: 20px 0px; color: #333; font-size: 14px; display: flex;}
.table-giohang .tr:nth-child(1) { color: #000; text-transform: uppercase;}
.table-giohang .tr .td { padding: 0px 15px; box-sizing: border-box; align-self: center;}
.table-giohang .tr .td:nth-child(1) { width: 40%; text-align: left;}
.table-giohang .tr .td:nth-child(2) { width: 20%; text-align: center;}
.table-giohang .tr .td:nth-child(3) { width: 20%; text-align: center; }
.table-giohang .tr .td:nth-child(4) { width: 20%; text-align: right; }
.table-giohang .thumb { width: 25%; display: inline-block; vertical-align: middle;}
.table-giohang .item-thumb { width: 75%; display: inline-block; box-sizing: border-box; padding-left: 20px; vertical-align: middle;}
.table-giohang .item-thumb h3 { margin: 0px; font-size: 15px; text-transform: uppercase; text-transform: uppercase;}
.table-giohang .item-thumb h3 a {color: #333;}
.table-giohang .item-thumb .delete { cursor: pointer; margin-top: 10px; display: inline-block; font-size: 14px; color: #ccc; text-decoration: underline; }
.table-giohang .item-thumb .delete:hover { color: #cf0656;}
.table-giohang .tonggia { display: inline-block; font-size: 18px; margin-top: 10px;}
.table-giohang .cart-count { float: none; display: inline-block;}
.table-giohang .total { display: block; text-align: right;}
.table-giohang-tool { text-align: right; width: 85%; margin: 0px auto; margin-bottom: 30px;}
.table-giohang-tool .button {display: inline-block; border: none; padding: 15px 15px; margin-left: 15px; background-color: #f72c73; color: #fff; cursor: pointer;}
*/
/**/
/*Thanh toán*/
/*.display-thanhtoan {}
.display-thanhtoan .left input, .display-thanhtoan .left textarea, .display-thanhtoan .left select, .display-thanhtoan .left input { font-family: 'Roboto-Regular';}
.display-thanhtoan .left { width: 70%; float: left; box-sizing: border-box;}
.display-thanhtoan .title { margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}
.display-thanhtoan .left .tr:after { content:''; display: block; clear: both;}
.display-thanhtoan .left label { display: block; font-size: 13px; margin-bottom: 5px;}
.display-thanhtoan .left .tr { margin-bottom: 15px;}
.display-thanhtoan .left .tr .td { float: left; margin-right: 30px; width: calc((100% + 30px) / 2 - 30px); width: -moz-calc((100% + 30px) / 2 - 30px); width: -o-calc((100% + 30px) / 2 - 30px); width: -webkit-calc((100% + 30px) / 2 - 30px); width: -ms-calc((100% + 30px) / 2 - 30px);}
.display-thanhtoan .left .tr .td:last-child { margin-right: 0px;}
.display-thanhtoan .left input { width: 100%; box-sizing: border-box; padding: 0px 15px; height: 35px; font-size: 13px;}
.display-thanhtoan .left textarea { width: 100% !important; height: 80px !important; box-sizing: border-box; padding: 15px 15px; font-size: 13px; }
.display-thanhtoan .left select { width: 100%; height: 35px; box-sizing: border-box; }
.display-thanhtoan .right { width: 28%; float: right; box-sizing: border-box;}
.display-thanhtoan .right .thumb { width: 25%; float: left;}
.display-thanhtoan .right .item { padding: 10px 0px; border-bottom: 1px solid #0003;}
.display-thanhtoan .right .item.foot { border-top: 1px solid #0003; text-align: right;}
.display-thanhtoan .right .item.foot > div { margin-bottom: 5px;}
.display-thanhtoan .right .item:last-child { border-bottom: none;}
.display-thanhtoan .right .content { float: right; width: 75%; padding-left: 10px; box-sizing: border-box;}
.display-thanhtoan .right .tt { margin-bottom: 5px;}
.display-thanhtoan .right .tt span.tieude { font-size: 13px;}
.display-thanhtoan .right .tt .bg { width: 20px; height: 20px; border-radius: 50%; display: inline-block; margin-right: 10px;}
.display-thanhtoan .right .hidden-thanhtoan { max-height: 400px; overflow: auto;}
.display-thanhtoan .button { width: auto !important; display: inline-block; border: none; padding: 15px 15px !important; height: auto !important; margin-left: 15px; background-color: #f72c73; color: #fff; cursor: pointer;}
.display-thanhtoan.display-xacnhan .left label { display: inline-block; margin-right: 15px;}
.display-thanhtoan .checkcode { display: inline-block; background-color: #cf0656; padding: 10px 20px; text-transform: uppercase; color: #fff; margin-top: 15px; cursor: pointer;}

.cart-count { display: inline-block;  height: 30px; border: 1px solid #a9a9a9; border-radius: 5px; vertical-align: middle;}
.cart-count .vol-plus, .cart-count .vol-minus { cursor: pointer; position: relative; float: left; width: 30px; height: 100%; box-sizing: border-box;}
.cart-count .vol-plus:hover, .cart-count .vol-minus:hover { background-color: #a9a9a9;}
.cart-count .fa { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.cart-count input { float: left; border: none; box-sizing: border-box; width: 50px; height: 30px; padding: 0px 5px; text-align: center;}
.cart-count .vol-plus { border-right: 1px solid #a9a9a9; }
.cart-count .vol-minus { border-left: 1px solid #a9a9a9;}*/