/* Template Name: Newserific File: Layout CSS Author: OS Templates Author URI: http://www.os-templates.com/ Licence: Website Template Licence */ @import url(global.css); @import url(grid_system.css); @import url(button.css); @import url(forms.css); @import url(tables.css); @import url(box.css); @import url(mobile.css); @media (max-width: 2000px) and (min-width: 800px) { .brand-text { position: absolute; left: 22%; top: 46px; z-index: 999; } .brand-text h2 { color: #0564b9; font-size: 23px; font-weight: bold; margin: 0; text-shadow: 2px 1px -1px #fff; text-transform: uppercase; text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff; text-align:center; } .brand-text span { text-align: center; font-size: 14px; font-style: italic; text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff; color: #007a28; } img.logo_olv { position: absolute; top: 0; z-index: 998; width: 100%; } .item-content p img {max-width: 100%;height: auto !important;} .box_group .group_box_l .box_item.first .short { min-height:100px; } #tth-wrapper { background-color:#f5f5f5 !important; } .full .wrapper { background-color:#fff !important; padding:5px; } } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible{display: block;} .scroll-element.scroll-y{height: 100%; right: 0; top: 0; width: 8px;} .scroll-element, .scroll-element div{border: none; margin: 0; padding: 0; position: absolute; z-index: 10;} .scroll-element, .scroll-element div{box-sizing: content-box;} .scroll-element{background-color: #fff} .scroll-element.scroll-y .scroll-element_outer{left: 2px; width: 8px;} .scroll-element .scroll-bar, .scroll-element .scroll-element_outer, .scroll-element .scroll-element_track{border-radius: 8px} .scroll-element .scroll-element_outer{overflow: hidden;} .scroll-element div{display: block; height: 100%; left: 0; top: 0; width: 100% } .scroll-element, .scroll-element div{border: none; margin: 0; padding: 0; position: absolute; z-index: 10;} .scroll-element, .scroll-element div{box-sizing: content-box;} .scroll-element .scroll-element_track{background-color: #eee} .scroll-element.scroll-y .scroll-bar{min-height: 10px} .scroll-element .scroll-bar{background-color: #d9d9d9} .tvhinhanh li { width:27%; overflow:hidden; float:left; margin-right:5%; } .tvhinhanh img { width:100%; max-height:142px; } #lienket1-menu li:first-child,#lienket2-menu li:first-child,#lienket3-menu li:first-child { display:none; } div.ui-selectmenu-open { max-height: 150px; overflow-y: scroll; overflow-x: hidden; } .lien_ket_ct { margin-top:10px; } .lien_ket { margin-top:10px; } .dksearch_box { width:100%; max-width:200px; border:1px solid #CCC; float:right; height:24px; margin-top:5px; overflow:hidden; border-radius:5px; } .top_search input { margin:0; padding:3px; border:none; } .top_btn_search::before { content: "\e986"; font-family: icomoon !important; color:#999 !important; font-size: 17px !important; } .top_btn_search{ width: 25px; display: block; float: left; cursor: pointer; text-align: center; padding-top: 2px; } ul.top_mn { margin: 0; padding: 0; max-width: 432px; float: right; } .list_item .col_item { border-bottom:1px solid rgba(172,172,172,.27); } .group_box_l { background-color:#fff; } @font-face{ font-family:icomoon; src:url(../fonts/icomoon.eot?xiap81); src:url(../fonts/icomoon.eot?xiap81#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf?xiap81) format('truetype'),url(../fonts/icomoon.woff?xiap81) format('woff'),url(../fonts/icomoon.svg?xiap81#icomoon) format('svg'); font-weight:400; font-style:normal } .top_menu { width:100%; min-height:36px; } ul.top_mn { margin:0; padding:0; } ul.top_mn li { list-style:none; float:right; margin-top:5px; margin-right:5px } ul.top_mn li a { padding:5px; display:block; } span.mn_title { text-transform: uppercase; font-weight: 700; } span.icon::before { content: "\ea86"; font-family: icomoon !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; color:#249f2a !important; } span.icon1::before { content: "\ea93" !important; } span.icon2::before { content: "\e904" !important; } span.icon3::before { content: "\e8a3" !important; } .contact_l { float:left;width:48%;padding:1%;overflow:hidden } .contact_r { float:left;width:48%;margin-left:2%;padding-top: 11px; } span.xemdanhmuc { color:#666; font-size:10px !important; float:right; text-transform:capitalize; margin-top: 6px; } #gui_cau_hoi { padding:0 10px;background-color:#fff; } .hoidap_content ul.formhdap input[type="text"] { width: 266px; } .home_hoidap { width:100%; } .home_hoidap .hd_l { width:100%; float:left; box-shadow:4px 5px 15px -3px rgba(172,172,172,.8); } .home_hoidap .hd_r { width:39%; float:left; margin-left:1%; } ul.hoidap_search li { list-style:none; padding:5px 0; } ul.hoidap_search label { min-width:100px; margin-right:10px; } ul.hoidap_list,ul.hoidap_search { margin:0; padding:0; } ul.hoidap_list li { list-style:none; border-bottom:1px solid #eee; padding:20px 0px; } ul.hoidap_list a.title { color: #333 !important; font-weight: bold !important; font-size: 12px !important; margin: 10px 0 !important; text-align: justify !important; } ul.hoidap_list span.hdrow { display:block; width:100%; padding:3px; } ul.hoidap_list span.hdrow a:hover { color: #365899 !important } .comment { padding-left:10px; } .comment li { list-style:none; margin-bottom:10px; } span.comment-date { font-size:90%; color:#999999; } /* menu */ #menu li { list-style:none; } #menu ul { padding:0; margin:0; list-style:none; } span.icon-word { display:block; width:16px; height:16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4MTNCMDlBQzhENzExRTI5ODM1RDM5Nzc5OEZDMkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4MTNCMDlCQzhENzExRTI5ODM1RDM5Nzc5OEZDMkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDgxM0IwOThDOEQ3MTFFMjk4MzVEMzk3Nzk4RkMyRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgxM0IwOTlDOEQ3MTFFMjk4MzVEMzk3Nzk4RkMyRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4toESFAAABuUlEQVR42pRTy0pCURRd93avoYbRAyuoQQ+soRg1ctDUSNCQoIFC4MQ+pIEfoAPBShCCGkYQBQ0KDAc9iLAnBQ7yNWmQ+eR299EjWpK1YLHhnL0Xe699jqAoCgiRSCSgBh9+R9Dj8ay3nJAAMRwOK9Vq9VdSjsoAryGKXKhSqbCYzWaRyWQY0+k0UqkUI8Fut1OeLxQKBXhdQ6BcLrMoCEILRVFkkVAqleB0OinXF1DB8m3uXQV/wP7WMpLJJGRZhkajQTQaZZ6ABDqBctp54vf7FQl/RC6XA98YRaPRyEZiAhubTygUFOi1BVjN/TiOv2BibBJH52/Q6uQWb6iYe1IsFmsmLswPqhcfMJv6cBB7x+NrBr09Cu4f4rBO59uay01lArMmAyT1LHb7icOzBIoVA7b3n2HQvsM6N1VbV30bzQKNDqQuAfmqDqeXz/A6xtGtH8FdIo5VmwWjQwMtHXxfq1gzBYhfX8G7NIw1hwU3iQtYZnqwsrgAuW5zuxGoA4l3cBJaaTh+veP+sQVe1Ax6fExg0bPXcY3tBGiExqdwuVzs0XT6UJwEqpGaPlNQfec+/A/BLwEGANcZSQSHP6v2AAAAAElFTkSuQmCC); } #menu {background:url(../images/menu-bg.jpg) repeat-x top center; display:inline-block; clear:both; width:100%;} #menu li {float:left;} #menu .menu-lv1, #menu .menu-lv2 {display:inline-block; clear:both; width:100%;} .menu-lv1 .left {float:left;} .menu-lv1 .left a, .menu-lv1 .left a:link, .menu-lv1 .left a:visited {text-transform:uppercase; font-weight:bold; display:block; color:#fff;} .menu-lv1 .left a span {display:block; padding:9px 15px; font: bold 13px Arial, Helvetica, sans-serif;} .menu-lv1 .left a:hover, .menu-lv1 .left a.actived {background:url(../images/menu-l.png) no-repeat top left;} .menu-lv1 .left a:hover span, .menu-lv1 .left a.actived span {background:#FFF; color:#4267b2;} /*.menu-lv1 .left a:hover span, .menu-lv1 .left a.actived span {background: #FFF no-repeat top right; color:#1765cd;}*/ .menu-lv1 .left ul {display:none;} .menu-lv1 .right {float:right; padding-right:10px;} .menu-lv1 .right li {padding:10px 0px; margin-right:5px; font: normal 11px Tahoma,Helvetica,sans-serif;} .menu-lv1 .right a, .menu-lv1 .right a:link, .menu-lv1 .right a:visited {color:#444; font: normal 11px Tahoma,Helvetica,sans-serif;} .menu-lv1 .right a:hover{text-decoration:underline;} .chuchay { float: right; width: 750px; line-height:15px; font-size: 10pt; font-weight: bold; color: #4267b2; } .menu-lv2 .left {float:left; padding:6px;} .menu-lv2 .right {float:right; padding:7px; color:#444; font: normal 11px Tahoma,Helvetica,sans-serif; } .menu-lv2 li {margin-right:14px;margin-left: 4px} .menu-lv2 li a, .menu-lv2 li a:link, .menu-lv2 li a:visited {font: normal 13px Arial, Helvetica, sans-serif; color:#333333;font-weight: bold; } .menu-lv2 li a:hover, .menu-lv2 li a.actived {color:#365899 !important;} .left-670 {width:693px; padding:11px 0px 11px 11px; float:left;} .right-275 {width:275px; /*padding:11px;*/ float:right;margin-top:12px;} .dmvanban { padding:0; margin:0; } .dmvanban li { list-style:none; padding:5px 0; background-color:#f2f2f2; border-bottom:1px solid #fff; } .dmvanban li a { color:#158BD5 !important; font-weight:bold; padding:10px; } .dvcong { width:100%; } .dvcong_title td { background-color:#F2F2F2; color:#222; padding:5px; font-weight:bold; text-align: center; } .dvcong_tbl td { border:1px solid #e5e5e5; } .dvcong_tbl td a:hover { color: #365899 !important; } span.dvc_dowload { cursor:pointer; display:block; width: 30px; height: 30px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY2OUJFNUI0MkQxMUUwODcwN0IxQkY3ODFEQzU4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY2OUJFNkI0MkQxMUUwODcwN0IxQkY3ODFEQzU4NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NjY5QkUzQjQyRDExRTA4NzA3QjFCRjc4MURDNTg0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5NjY5QkU0QjQyRDExRTA4NzA3QjFCRjc4MURDNTg0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CWgT6gAACF1JREFUeNqsV2tsHGcVPbPz2J2ZXe/6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); margin-left: 9px; } .dvcong_chitiet td { border:1px solid #999; padding:5px; } .dvcong_chitiet td:first-child { font-weight:bold; } .chi-tiet-publish-date{ color: #9c9c9c; font-size: 13px; display: block; padding-top: 3px; line-height: 20px; font-family: Arial; } .item-view{ color: #9c9c9c; } .chi-tiet-publish-date-wrap{ display: inline-block; } .chi-tiet-action{ display: inline-block; padding: 0 10px; } .chi-tiet-header-info{ display: block; padding: 5px 0; } .chi-tiet-action-btn{ padding: 3px; margin-right: 5px; text-decoration: none; cursor: pointer } .chi-tiet-action-btn i{ margin-bottom: -3px; } .chi-tiet-action-btn-text{ color: #0a4298; font-size: 13px; padding-left: 3px; line-height: 20px; font-family: Arial; } .dng-icon-print{ width: 16px; height: 16px; display: inline-block; background: url("../images/print.png") no-repeat left top; } .dng-icon-mail{ width: 19px; height: 14px; display: inline-block; background: url("../images/mail.png") no-repeat left top; } span.tknc_btn { display:block; width:250px; cursor:pointer; margin-top:10px; border: 1px solid #d9d9d9; padding: 4px; padding-right: 14px; color:#003333; background-color:#f0f0f0; background-repeat:no-repeat; background-position:right center; background-image: url(../images/muiten.png); } .tk_nangcao { width:250px; display:inline-block; padding:5px!important; color:#555; vertical-align:middle; background-image:none; -webkit-border-radius:3px!important; -moz-border-radius:3px!important; border-radius:3px!important; background-color:#fff!important; border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)!important; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)!important; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)!important; -webkit-transition:border linear .2s,box-shadow linear .2s!important; -moz-transition:border linear .2s,box-shadow linear .2s!important; -o-transition:border linear .2s,box-shadow linear .2s!important; transition:border linear .2s,box-shadow linear .2s!important; } .btn_search{ background-color:#f0f0f0; border: 1px solid; border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA; color: #003333; cursor: pointer; overflow: visible; padding: 5px; width: auto; border-radius: 4px; } .btn_search:hover{ background-color:#4f94bf !important; color: #fff; } .input_search { border-radius:4px; padding:5px; width:400px; border: 1px solid #ccc; } .vt_content { width:100%; max-width:1102px; margin:auto; padding:10px; } .header_bottom img.top_banner { width:100%; max-width:1102px; } .main_menu a { color: #fff; display: block; margin: 5px 9px; font-weight:bold; position:relative; text-transform: uppercase; font-size:13px; } ul.subs a { font-size:90%; } ul.subs::before { content: ''; display: block; position: absolute; top: -5px; left: 45%; border: 5px solid transparent; border-left-color: #0099ff; border-top-color: #0099ff; transform: rotate(45deg); } input.search { height: 22px; display: inline; float: left; width: 164px; } #fsearch { float:left; } span.btn_search { cursor:pointer; float:left; display:inline; width:40px; height:28px; background-repeat:no-repeat; background-position:0 5px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAIAAABwJOjsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhBRjlFMTYwRTEzMTFFN0JGMTFGQzQwMTI5RjcxRjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhBRjlFMTcwRTEzMTFFN0JGMTFGQzQwMTI5RjcxRjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOEFGOUUxNDBFMTMxMUU3QkYxMUZDNDAxMjlGNzFGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOEFGOUUxNTBFMTMxMUU3QkYxMUZDNDAxMjlGNzFGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpVo6ykAAALPSURBVHjaYpTKM2IYCMDEMECAhXilGpLKIaY+XvpO8iIyEJEfv3/uuXho7q6lp15eJtViZl5zSWLUGSvodUfUehs4c7CyH7x4bNuxXfdfPOLl5rFQNw6z8Xv/5t3FJ9cZGKntYxVxhZ6IGjVJ5bUHNk9YM/3F1zc//v9iZmLmYubwM3XvSKtrial8/vrlzodHqBzHURYBQFu3HttVs6j91qeHX1h//uVi/MX1/wP79yXnN6RNKGJkZKyKKBD6y0Nli/2N3D99/9y9YvK7Px+ZOFmYOJgZWZkYmRmB6D8b446bBw9eP64sqWAmpcfw7z81LZYQENt/9vDDj8+YOFiY2JkZGFEi8y8bQ//GmUBPGyjr/P/5j+H/f2pmpws3Lv9k+s3IwoRmKwRcvnsNSMpJyLD+YybOXqItFhUWYWZkZmDCnnA11DWA5Nfv3/79+0tkaBNl8d9//1zNHXmZubD5loGFmcVeyxLIuHjrym+Gv9SM450X9qtKKQFzDuMfLLJaUqp5rklvPr079xBcjDAyUs3iKZvm/Pz9C5hfvTQcGX8iQpKVmVVXRqMxsBhYqtx5dO/pp5eQ1E61kuvV97efP36y1jQLtPLSV9D6+/vvkwePzdSN/E09+qLqFURlgWpkxKT4OfkO3zj5l5moOGYksnZi/Mfgo+aY55+mJaeGLP7uy4e7j+6ZakENWXNkc/mK1h/Mv6lmMQQI/+M1l9bXkFHVUFJ78OjBk1fPzjy6/PTji6aY8hB7P4iaZQfWVq5s/8P2n5oWg8C///9+/uX4x/r9z08GcHQysjByMXH0xTf6W3gAuZ9/fLUv8n3J8gF/KiO2dkJyKiPQpr8s/0HpiIWJkY2ZiYX5D8u/fRePCHEKCAsIdSzoP3X/wj8WBkZmJqr6GE9N94tRkIHn1ee3/9gZQeU5CxN1GgIEATBeX///xMDLzMTEiN9WIAAIMABldwETG122IQAAAABJRU5ErkJggg=='); } .top_search { display:block; overflow:hidden; z-index:1000; } ul.subs { position:absolute; top:28px; left:-50%; width: auto; background-color:#0099ff; display:none; z-index:1000; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); } ul.subs li:hover { background-color:#007acc; width:100%; } ul.subs li>a { width:100%; padding-top:3px; padding-bottom:3px; display:block; } ul.subs li { width:auto; white-space: nowrap; } .main_menu li { position:relative; float:left; } .main_menu>ul>li:hover ul.subs { display:block; } .main_menu>ul>li:first-child a { color:#175809 !important; padding:5px 20px 0px 7px !important; } .menu_line span { padding: 6px; display: block; color: #000; } .main_menu>ul>li:first-child::before { content:""; position:absolute; top:0; left:0; width: 9px; height: 29px; } .main_menu>ul>li:first-child::after { content:""; position:absolute; top:0; right:0; width: 29px; height: 29px; background-repeat: no-repeat; background: rgba(0, 0, 0, 0) url("../images/index3.png") no-repeat scroll 0 0; } .menu_line { margin:auto; max-width:1102px; width:100%; height: 34px; background-repeat: repeat-x; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAiCAIAAAD6eJ9FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFEOTY2ODkwN0NEMTFFN0I3QUVBMzdBNjlFQzNBQjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFEOTY2OEEwN0NEMTFFN0I3QUVBMzdBNjlFQzNBQjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MUQ5NjY4NzA3Q0QxMUU3QjdBRUEzN0E2OUVDM0FCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUQ5NjY4ODA3Q0QxMUU3QjdBRUEzN0E2OUVDM0FCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt57CY4AAABlSURBVHjaVI5LCoAwDESjdKdYSkFw7f0PUzxNF0l02kTabB7JfMiiqkQURKVBgJXa2PZrPFgCMwMe70fbTHMID3E7zp1zi+e6hb16+qxbaq1AThkoTwHifQFpO4AzNi3t8cMrwAB/P1FWMRtTfQAAAABJRU5ErkJggg==); } .main_menu>ul>li:first-child{ position:relative; height: 29px; background-repeat: repeat-x; background: rgba(0, 0, 0, 0) url("../images/index121.png") repeat scroll 0 0; } .main_menu ul,.main_menu li { list-style:none; } .main_menu ul { padding:0; margin:0; } .main_menu { padding-left:0; min-height:20px; width:100%; margin-left: 0px; } body{ margin:0; padding:0; /*font-family: 'RobotoCondensed';*/ /*font-family:'arial', sans-serif;*/ font-family: 'Roboto Condensed',sans-serif; font-size: 15px; /*font-family: 'Open Sans', sans-serif;*/ /*font-family: Helvetica,Arial,sans-serif;*/ color:#444444; } #tth-loading{ display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:9990; background:#fff url(../images/loading.gif) no-repeat center center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; } #tth-wrapper{ position:absolute; width:100%; min-height:100%; overflow: hidden; } .detail-content table{ background:#01c2c6; border-spacing:1px; } .detail-content table tr{ background:#fff; } .detail-content table th, .detail-content table td{ padding:10px; } .detail-icon{ display: block; margin-top: 3px; float: right; color: black; font-size: 12px; } .icon_small{ margin-right: 2px; margin-top: 1px; margin-left: 5px; float: right; color: #0369d1; display: block; font-size: 15px; text-align: center; } .icon_large{ margin-right: 5px; float: right; display: block; font-size: 19px; text-align: center; color: #0369d1; margin-top: -3px; } /* --------------------------------Wrapper-------------------------------------*/ div.wrapper{ display:block; width:100%; max-width:1100px; margin:0 auto; text-align:left; } header div.wrapper{ max-width:1100px; } /* -------------------------------------Header-------------------------------------*/ header{ background-size: 100% 100%; min-height: 100px; width: 100%; max-width: 1170px; margin: auto; } header .wrapper{ position: relative; } header .wrapper:after{ content: ''; display: block; clear: both; } header .logo{ position: relative; display: inline-block; float: right; padding-bottom: 10px; padding-top: 15px; width: 30%; } header .logo a, header .logo img{ display:block; } header .logo img{ transition: all 0.5s; max-width: 100%; } header .slogan{ color: #333333; font-size: 13px; padding: 0px; min-height:30px; } header .slogan .follow{ float: right; } header .slogan .follow a{ color: #fff; margin: 0px 4px; font-size: 18px; } header .slogan > span{ float: left; } header .header-tool{ float:right; } header .header-tool .header_cart, header .header-tool .header_user{ float: left; } header .header-tool .header_cart > ul > li, header .header-tool .header_user > ul > li{ float: left; } header .header-tool .header_cart > ul > li > a, header .header-tool .header_user > ul > li > a{ display: block; color: #616161; margin: 0px 12px; padding: 5px 0px; position: relative; } header .header-tool .header_user > ul > li:last-child > a{ /*margin-right: 0px;*/ } header .header-tool .header_cart > ul > li:last-child > a{ margin-right: 0px; } header .header-tool .header_user > ul > li > a:after{ content: '|'; display: block; position: absolute; right: -10px; top: 4px; } header .header-tool .header_user > ul > li > a > i{ display: none; } header .header-tool .header_cart > ul > li > a{ position: relative; /*padding-left: 28px;*/ } header .header-tool .header_cart > ul > li > a > i{ margin-top: -5px; background: url('../images/icon-cart.png') no-repeat; height: 35px; width: 35px; display: inline-block; } header .header-tool .header_cart .num_cart{ position: absolute; right: -10px; top: -10px; background: #ed3237; color: #fff; font-weight: bold; padding: 2px 0px; border-radius: 50%; height: 22px; width: 22px; text-align: center; } header .bg_slogan{ background-repeat:repeat-x; background: #007acc url('../images/menutop.png') repeat-x scroll center top; max-width:1100px; margin:auto; } #header_account { position: relative; } #header_account > ul { display: none; position: absolute; border: 1px solid rgb(255, 255, 255); background: rgb(173, 66, 66); top: 100%; right: 0px; text-align: right; padding: 5px 0px; z-index: 3; background: #fff; position: absolute; top: 28px; right: 15px; z-index: 100; min-width: 135px; display: none; margin-left: 10px; border-radius: 3px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); } #header_account:hover > ul { display: block; } #header_account > ul:before { content: ''; display: block; position: absolute; top: -6px; right: 5px; border: 5px solid transparent; border-left-color: rgb(237, 50, 55); border-top-color: rgb(237, 50, 55); -webkit-transform: rotate(45deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(45deg); } #header_account > ul > li { box-sizing: border-box; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.8); } #header_account > ul > li:first-child { border-top: none; } #header_account > ul > li:last-child { border-bottom: none; } #header_account > ul a { color: #333; font-family: tahoma; font-size: 14px; padding: 2px 10px 2px 10px; display: block; transition: 0.3s; white-space: nowrap; } #header_account > ul a:hover{ color: #ed3237; text-decoration:none; background: rgba(255,255,255,1);; } header .box_search{ position: relative; float: right; margin-top: -5px; margin-bottom: 5px; } header .box_search .text_search{ width: 150px; height: 34px; border: 0px; background: none; padding: 0px 35px 0px 10px; font-size: 14px; outline: none; border-radius: 2px; color: #fff; border: 2px #fff solid; margin-right: 10px; } header .box_search .text_search::-webkit-input-placeholder { color: #fff; } header .box_search .text_search:-moz-placeholder { /* Firefox 18- */ color: #fff; } header .box_search .text_search::-moz-placeholder { /* Firefox 19+ */ color: #fff; } header .box_search .text_search:-ms-input-placeholder { color: #fff; } header .box_search .btn_search{ position: absolute; color: #828282; border: 0px; border-left: 0px; background: url(../images/icon_search.png) no-repeat 0px 6px; font-size: 18px; right: 10px; top: 0px; height: 100%; width: 35px; padding: 0px; cursor: pointer; } /* ------------------------------------tth-menu-main-------------------------------*/ #tth-main-menu{ display: inline-block; } #tth-main-menu > .menu-wrapper{ width:100%; max-width:1116px; margin:0px auto; } #tth-main-menu > .menu-wrapper:after{ content: ''; display: block; clear: both; } #tth-main-menu > .menu-wrapper > ul{ /*width:100%;*/ display:inline-block; } #tth-main-menu > .menu-wrapper > ul > li{ display:table-cell; float:none; height:100%; vertical-align:middle; } #tth-main-menu > .menu-wrapper > ul a{ color: #fff; padding: 10px 10px 10px 20px; display: block; text-transform: uppercase; } #tth-main-menu > .menu-wrapper > ul > li > ul > li > a{ padding: 7px 10px 7px 15px; font-weight: 400; text-transform: inherit; font-size: 14px; color: #fff; } #tth-main-menu > .menu-wrapper > ul > li > a{ font-size: 15px; margin: 0px 5px; padding: 4px 6px; position: static; text-align: center; white-space: normal; font-weight: normal; } #tth-main-menu > .menu-wrapper > ul > li > a{ font-family: 'Helvetica,Arial,sans-serif'; } #tth-main-menu > .menu-wrapper > ul > li > a:before{ /* content:''; border-left: 1px solid #ffffff; border-right: 1px solid #d4d4d4; position:absolute; left:-1px; width:2px; top:13px; bottom:13px;*/ } #tth-main-menu > .menu-wrapper > ul > li:first-child > a:before{ display:none; } #tth-main-menu > .menu-wrapper > ul > li > a > .sub-arrow{ display:none; } #tth-main-menu > .menu-wrapper > ul a:hover, #tth-main-menu > .menu-wrapper > ul a:focus, #tth-main-menu > .menu-wrapper > ul a:active, #tth-main-menu > .menu-wrapper > ul a.highlighted, #tth-main-menu > .menu-wrapper > ul a.current { background: white; border-radius: 4px; color: #175809; } #tth-main-menu > .menu-wrapper > ul ul li a.highlighted, #tth-main-menu > .menu-wrapper > ul ul li a.current { background: #58a828; border-radius: 0px; color: #ffffff; } #tth-main-menu > .menu-wrapper > ul ul a:hover{ background: #58a828; border-radius: 0px; color: #ffffff; } #tth-main-menu > .menu-wrapper > ul ul { background: rgba(0, 0, 0, 0.83); min-width: 200px !important; display: none; -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); z-index: 99; border: 0px; border-radius: 2px; } #tth-main-menu > .menu-wrapper > ul > li > ul { margin-top: 10px !important; } #tth-main-menu > .menu-wrapper > ul ul ul{ } #tth-main-menu > .menu-wrapper > ul > li > ul:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; position: absolute; top: -5px; left: 15%; border: 5px solid transparent; border-left-color: rgba(0, 0, 0, 0.68); border-top-color: rgba(0, 0, 0, 0.68); } #tth-main-menu > .menu-wrapper ul ul li a{ font-size: 15px; color: #444444; font-weight: bold; -webkit-transition: all 0ms ease-out 0s; -moz-transition: all 0ms ease-out 0s; -o-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s; } #tth-main-menu > .menu-wrapper > ul ul li:hover ul li a{ color: #ececec; } #tth-main-menu > .menu-wrapper > ul ul li ul li a{ padding: 7px 10px 7px 15px; font-weight: 400; text-transform: inherit; font-size: 14px; color: #d6d6d6; } #tth-main-menu > .menu-wrapper > ul ul li ul li:hover a{ color: #fff; } /* -----------------------------Content---------------------------------*/ #main_slide .owl-stage-outer{ height: auto !important; } /* -----------------------------Content---------------------------------*/ #container{ /*padding:10px 0px 20px;*/ position:relative; min-height: 460px; } #tth-content{ display: block; float: left; width: 100%; min-height: 1px; padding-right: 0px; } #tth-content img{ max-width:100%; height:auto !important; } /* -----------------------------Column------------------------------*/ #tth-column_left{ display: block; float: left; width: 25%; min-height: 1px; padding-left: 0px; padding-right: 17px; } #tth-column{ display: block; float: right; width: 30%; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #tth-column .banner_item, #tth-column .fb_iframe_widget{ margin-bottom:8px; position:relative; } #tth-column .banner_item > a{ display:block; } #tth-column .banner_item > a > img{ max-width:100%; } #tth-column .banner_item object{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:0; } #tth-column #column-right-bottom-ft{ position:relative; } #tth-column #column-right-bottom{ position:absolute; left:0px; width:100%; padding-left:4px; padding-right:4px; } /*--------------------fanpage_facebook---------------------*/ #fanpage_facebook{ background:#ffffff; -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75); } /*---------------paginate---------------*/ .paginate{ margin-right: 8px; margin-top: 3px; margin-bottom: 10px; float:right; } .paginate .pagetotal{ background:#000000; display:none; padding:0px 2px; color:#ffffff; } .paginate .pagelink, .paginate .pagecur, .paginate .btnPage{ display: inline-block; color: #888888; height: 21px; line-height: 21px; min-width: 21px; text-align: center; padding: 0px 2px; margin: 0px 1px; border: 1px solid #909090; vertical-align: top; border-radius:4px; } .paginate .btnPage i{ display: inline-block; margin-top: 4px; } .paginate .pagecur{ color: #fff; background: #4267b2; border-color: #4267b2; } .paginate .btnPage{ } span.page_end { display:block; width:8px; margin:5px 4px; height:9px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBMkIyOTY3NjVGMjExRTI5NTQ1QTJFMzYxODA0MDM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBMkIyOTY4NjVGMjExRTI5NTQ1QTJFMzYxODA0MDM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkEyQjI5NjU2NUYyMTFFMjk1NDVBMkUzNjE4MDQwMzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkEyQjI5NjY2NUYyMTFFMjk1NDVBMkUzNjE4MDQwMzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jMdhFAAAAOUlEQVR42mJkMBb/z8DAwMiACkBiDEzIHHTAhK4alySGAiYspv3HJ8mIS5IRl7GMuBzEiM0rAAEGAPp0Bltb+vVHAAAAAElFTkSuQmCC); } span.page_start { display:block; width:8px; margin:7px 4px; height:9px; background-image: url(data:image/png;base64,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); } /* ------------------------------------footer---------------------------------*/ .brand_scroll_ft{ float: left; display: inline-block; width: 60%; } .brand_scroll{ /*padding: 16px 0px;*/ float: left; display: inline-block; width: 100%; } .brand_scroll_footer{ padding: 25px 0px; } .brand_scroll_footer .follow{ display: inline-block; margin-left: 30px; } .brand_scroll_footer .title{ display: block; margin-bottom: 5px; } .brand_scroll_footer .dkbct{ display: inline-block; float: left; margin-left: 30px; } footer { background:#fff; color:#444444; padding: 0px; } footer .footer-content{ padding-top: 10px; } footer .footer-content .footer-col .banner_item p{ line-height: 24px; padding: 0px; text-align: justify; } footer .footer-col{ float: left; width: 71%; } footer .footer-col .title{ text-transform: uppercase; font-size: 16px; font-weight: bold; color: #444444; margin-bottom: 10px; } .brand_scroll_ft .title{ display: inline-block; } .box_group > .title { padding-bottom:0px !important; } footer .info { padding-bottom: 15px; } footer .info h2{ font-size: 14px; text-transform: uppercase; padding: 5px 0px; } footer .footer-contact{ width: 28%; float: left; color: #444; } span.online { background-repeat:no-repeat; padding-left:20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAflJREFUeNpi/P//PwM6aFkdpQikMoE4HIiZgXg9EE+vCV12DV0tI7oBdUuC5ZiYmB+aqzkxqEjqMDAyMjLcf3mD4fiN3Qx//v7Wa4pZexlZPRO6id+/fc/Uk7NkEOUTZHj8+hzDw1dnGPi5OBmMFO3AcujqWdAFvn7+ksDJzsxw+9lZuNirD08ZhHhlwXJAbhYhAxjuPr3E8J/xD4r4m4+vwXLEuGDBrfu3KgSFuVHEP777ApJbTIwB0+/evFchJMHLwCPACQxEoNjHHwxvnn9m+Pf373SCBpjZW5sBDTn+4ukzy3tXnjGAYklYTPS/qpb6SX4hQVD0XsAajZXz/PiBVLuChHqmvqIlg7SIIlzR////GJ68uc9w6f4Jhocvb4FckduetOkvigt+fP/ebqxul6mjZMDw9uMDhnN3LiFsAUJuTmEGS017BnZmzsxLd08wwGID7IKMbps0RSn1maY6lgxPXl9lwAfkxfQZDp7bw/Ds9YO4GaVHFoNd8P3rt0wVWQ2Gqw+OMBACl+4fYNBSMGC4++AaKFHBDdB9/PYqw5fv7xiIAf//XQPpMYCHATCJfnz86r4QExNR+hk+fPoE1gM3ABiA0x/dfVotLMXDwMjEiFfzv3//Gd49+wLWgxKN9tH8vdAszEnAAaD0PP3g0o9lIA5AgAEA1OPkeDeIXrEAAAAASUVORK5CYII=); } span.statistics { background-repeat:no-repeat; padding-left:20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNqkU11IFFEYPfOz7uKi4roaOaYiRa20JNGCYIYtahT0EPgWBUEIklQUVvTcQxi9GRIqhNBTL9VDRBFEGalESgU+iKZpuu7P7M7sz6wzc+90d03dZXrrg8PHfBzOnHvudznLsvA/Jf5reHcsGGStz2lZp3y6WeLXjUX2PcUw5rs+OVHI5Qod3BntkFgbaKiVrgUDZ1BVVg9N9UAq81pGMmyFP41lkz8/DzHO/eYbU/EigdsjJ1pEUZg53d6FQ1IbdJ3CJBSKIsJf6QIEN/NbDmXxq7H6ejBrUbPp8MB0lN/+O7VI39mT3aj3+hBNbEDNRJDZjCGlyYD6A1BmWf+GiroGh9R51UUJHdjJ4Obj1q4Djft6K901kNVQUR5JzQHwf2c8o2shVEgHHW7J3z977+jzvAChZl9zUyNkZd0WqJJmFC68O+Aj4AwNe44ES5SFmct5AUrJcY6jyBqyTSCZ4YsFcrWpwVXeIlCDtolXhvwCz3HV2mYChIVmc5BhIVvR4qGgQhCrOWJSL/+o/zsxiaGo6ShzkLCBFxW8S5jMSnQX6gZIfM2iBonnb4FYZCKqxKCbqg2BgANfnAJepZiTdHwLmTSUkGwyBx/4rQzM4ZVQHDpJ2bD0awWtARemSx14keaAVBIwOKwvhg2WwfjOIl162PCseX9pj9fjsOUgCDzq6qrw5v1vHIvE0c7VG3Nz8pOOkYXegkUyh+cWkojIuk0gF+7qagzdbNM/lrkxNR/TqUlHbW/hwoO9+UdU7XH21Na44KkoAcdc5yiyomMtnEXpkjHZsSxe7BxfnrcJbNf5wZpzrPUydOVOkDPB8JZh+Omt8MtC7h8BBgAHmFRRNSrLMQAAAABJRU5ErkJggg==); } footer .footer-news { width: 24%; } footer .footer-news > ul li, footer .footer-contact > ul li, footer .footer-product > ul li{ line-height: 24px; } footer .footer-contact > ul li a, footer .footer-product > ul li a{ position: relative; display: inline-block; /*padding-left: 18px;*/ position: relative; } footer .footer-contact > ul li a:before, footer .footer-product > ul li a:before{ /* content: ''; display: block; position: absolute; width: 5px; height: 5px; left: 0px; top: 9px; background: #08651e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;*/ } footer .footer-news .item{ background: #f3f3f3; margin-bottom: 7px; padding: 10px 18px; position: relative; min-height: 90px; } footer .footer-news .item:before{ content: ''; display: block; position: absolute; left: 90px; top: 10px; bottom: 10px; width: 1px; background: #999999; } footer .footer-news .item > .date{ position: absolute; } footer .footer-news .item > .date > .day{ font-size: 24px; line-height: 28px; font-weight: bold; } footer .footer-news .item > .info{ margin-left: 90px; } footer .footer-news .item > .info > h3 > a{ display: block; font-size: 15px; color: #08651e; line-height: 18px; max-height: 36px; overflow: hidden; } footer .footer-news .item > .info > h3 > a:hover{ color: #444; } footer .footer-news .item > .info > .short{ line-height: 20px; max-height: 40px; overflow: hidden; margin-top: 3px; } footer .solo-item{ float:left; display:block; text-align:center; margin-right:8px; } footer .solo-item > i{ display: block; font-size: 18px; height: 32px; line-height: 32px; text-align: center; width: 32px; color:#fff; background:#08651e; border: 1px solid #08651e; -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } footer .solo-item > i.ficon-facebook{ background:#1667e1; border-color: #1667e1; } footer .solo-item > i.ficon-gplus{ background:#d91a00; border-color: #d91a00; } footer .solo-item > i.ficon-youtube{ background:#b00000; border-color: #b00000; } footer .solo-item > i.ficon-twitter{ background:#00a0ce; border-color: #00a0ce; } footer .solo-item:hover > i{ color: #ed3237; background: #fff; border: 1px solid #ed3237; } footer .solo-item > i:before { padding-top: 3px; } footer { border-top: none; background-color:#fff; } #bottom{ color: #444; position: relative; padding: 10px 0px; border-top: 1px #ececec solid; border-bottom: 1px #ececec solid; } #bottom .copyright{ text-align: center; color: #737373; text-transform: uppercase; font-size: 13px; } #bottom .copyright a{ /*color:#ffffff;*/ } #bottom .copyright a:hover{ text-decoration: underline; } #tth-scrollup{ background:#3994b9; color:#fff; position:fixed; right:10px; bottom:50px; padding:10px; font-size:30px; } /* ------------------------------------scroll---------------------------------*/ #tth-scroll_left { position: absolute; width: 154px; z-index: 100; top: 120px; left: 12px; overflow: hidden; } #tth-scroll_right{ position:absolute; width:154px; z-index:100; top: 120px; right:0px; overflow:hidden; } .class_top{ top: 536px !important; } .fr{ float: right !important; } .menu-header-top ul li{ float: left; padding: 0px 7px; font-weight: normal; font-size: 14px; } .header_bottom{ padding: 0px; height: 132px; } .menu-header-top ul li a{ color: #9b9b9b; } .menu-header-top ul li a.current { color: #ed3237; } .menu-header-top ul li a:hover{ color: #ed3237; } /*product_item ===============================================================*/ .product_item .image{ padding-top: 100%; position: relative; overflow: hidden; height: 0px; } .product_item .image img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product_item{ /*border: 1px solid #e7e7e7;*/ /*background: #fff;*/ position: relative; } /*.product_item:after{ content: ''; position: absolute; left: -1px; right: -1px; bottom: -3px; height: 3px; background: #d2d2d2; }*/ .product_item .img{ text-align:center; position: relative; overflow: hidden; } .product_item .img a:first-child, .product_item .img img{ display: block; width: 100%; } .product_item .img:before{ content: ''; position: absolute; top: 50%; left: 50%; bottom: 50%; right: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 300ms ease-out 0s; z-index: 1; } .product_item .img:hover:before{ top: 0%; left: 0%; bottom: 0%; right: 0%; } .product_item .img .ficon-zoom-in, .product_item .img .ficon-cart-plus{ position: absolute; top: 50%; margin-top: -17px; height: 34px; line-height: 34px; width: 37px; border: 1px solid #ffffff; color: #fff; background: none; font-size: 22px; cursor: pointer; -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 300ms ease-out 0s; z-index: 2; } .product_item .img .ficon-zoom-in:hover, .product_item .img .ficon-cart-plus:hover{ background: #fff; color: #000; } .product_item .img .ficon-zoom-in{ right: 100%; margin-right: 6px; } .product_item .img .ficon-cart-plus{ left: 100%; margin-left: 6px; } .product_item .img:hover .ficon-zoom-in{ right: 50%; } .product_item .img:hover .ficon-cart-plus{ left: 50%; } .product_item .img .ficon-cart-plus:before{ margin-left: 0px; } .product_item .info{ padding: 0px 10px 8px; text-align: center; } .product_item .info .rate span{ color: red; float: left; margin-top: -1px; margin-left: 4px; } .product_item .info .info-title{ display: block; height: 40px; overflow: hidden; margin: 5px 0px; text-align: left; } .product_item .info h3{ display: inline-block; height: 100%; width: 100%; font-weight: normal; font-family: 'tahoma'; font-size: 14px; } .product_item .info h3 a{ line-height: 20px; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .product_item .info .price { text-align: left; font-size: 14px; color: #525252; text-decoration: line-through; } .product_item .info .price_buy{ font-size: 15px; font-weight: bold; color: #dd2222; text-align: left; } /*--------------------------------------------*/ .list_item_product{ } .list_item_product .row_item{ margin-left: -8px; margin-right: -8px; } .list_item_product .col_item{ float:left; padding:10px 8px; width: 100%; position: relative; } .list_item_product .row_empty{ text-align:center; } .star_img{ max-width: 16px; float: left; margin-right: 2px; } .list_item_product .col_item .on-ribbon{ position: absolute; z-index: 9; top: 0; left: 0; width: 59px; height: 59px; text-align: center; display: none; } .col_item .on-ribbon span { display: inline-block; width: auto; color: #fff; -webkit-transform: rotate(317deg); -moz-transform: rotate(317deg); -o-transform: rotate(317deg); writing-mode: lr-tb; font-weight: bold; font-size: 13px; margin-top: 8px; margin-left: -19px; } .product_scroll .col_item .on-ribbon span { display: inline-block; width: auto; color: #fff; -webkit-transform: rotate(314deg); -moz-transform: rotate(314deg); -o-transform: rotate(314deg); writing-mode: lr-tb; font-weight: bold; font-size: 13px; margin-top: 11px; margin-left: -25px; } .on-ribbon.sale{ display: block !important; background: url('../images/sale.png'); } .news_focus .row_first{ display: inline-block; width: 38%; vertical-align: top; } .news_focus .row_first .img{} .news_focus-row .info h3{ font-size: 15px; font-weight: normal; border-bottom: 1px #ececec solid; padding: 5px 0px; } .news_focus-row:last-child .info h3{ border-bottom: 0px; } .news_focus-row .info h3 a{ color: #666; } .news_focus-row .info h3 a:hover{ color: #ed3237; } .news_focus-row.row_first .info h3{ border: 0px; } .news_focus .row_first h3 a { font-weight: normal; font-size: 20px; color: #ed3237; line-height: 25px; } .news_focus .row_first h3 { margin: 5px 0px 5px 0px; height: 55px; overflow: hidden; } .news_focus .row_first .short { font-family: tahoma; font-size: 13px; } .news_right{ display: inline-block; width: 23%; border: 1px #e1e1e1 solid; padding: 15px; } .news_focus { margin-left: 17px; margin-right: 17px; } .title_new_focus{ position: relative; text-align: left; overflow: hidden; font-weight: normal; border-bottom: 2px #ececec solid; max-height: 40px; margin-bottom: 20px; } .title_new_focus span { font-size: 22px; line-height: 40px; font-weight: normal; color: #ffffff; display: inline-block; position: relative; background: #888888; padding: 0px 10px; } .resgister_email{ background: #1f4f03; height: 68px; line-height: 68px; } .title_register{ font-weight: bold; color: #fff; font-size: 16px; padding-top: 10px; display: inline-block; } .title_register span{ display: block; color: #fff; font-weight: normal; font-size: 15px; } #form_res_email{ margin-top: 17px; position: relative; } #form_res_email .email{ height: 34px; width: 370px; padding: 0px 10px; outline: none; border: 0px; padding-right: 105px; } #form_res_email .btn_search{ width: 94px; background: #ed3237; border: 0px; color: #fff; font-weight: bold; font-size: 16px; padding: 5px 0px 5px 0px; margin-left: 2px; cursor: pointer; display: inline-block; /* margin-top: 8px; */ position: absolute; right: 0; top: 0; } .owl-product{ margin-right: 17px; margin-left: 17px; margin-bottom: 40px; } #form_res_email .btn_search:hover{ background: red; } .owl-product .box_item{ display: inline-block; width: 31%; vertical-align: top; } .owl-product .box_item .product_item .image{ margin: 15px 50px; padding: 100px; } .owl-product .box_item:nth-child(2) { margin: 0px 30px; } .owl-product .box_item .product_item .name{ text-transform: uppercase; font-size: 17px; color: #444444; font-weight: bold; margin: 15px 0px 0px; max-height: 44px; line-height: 22px; overflow: hidden; } .owl-product .box_item .product_item .buy{ color: #e22525; font-weight: bold; font-size: 15px; } .owl-product .box_item .product_item .buy:hover{ color: red; } .owl-product .box_item .product_item .short{ font-family: tahoma; font-size: 14px; color: #777777; } .owl-product .box_item .title{ background: #888; color: #fff; font-size: 14px; text-transform: uppercase; margin-bottom: 12px; height: auto !important; padding: 1px 10px; } .owl-product .box_item .title .bg_sale{ font-size: 13px; margin: 5px 0px; padding-left: 5px; margin-left: -10px; padding-top: 4px; width: 47px; height: 26px; display: inline-block; vertical-align: middle; background: url('../images/bg_sale.png'); } .float-divider { clear: both; display: block; height: 5px; font-size: 1px; line-height: 1px; } .menu { float: left; padding: 50px 0 0 50px; } .menuTitle { float: left; border: solid 1px #C9D0D8; background-color: #F1F5F8; padding: 3px; cursor: pointer; width: 150px; } .menuImgClose { float: left; background: url('../Images/close_bt.png') right no-repeat; cursor: pointer; width: 30px; height: 25px; } .menuIconOpen { background: url('../Images/open_bt.png') right no-repeat; } .menuContent { float: left; padding: 3px; display: none; } .arrow-r { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #444; margin-bottom: 1%; margin-right: 7px; margin-left: 3px; display: inline-block; } .arrow-d { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #444; margin-bottom: 6px; margin-right: 5px; display: inline-block; } .collapse-container>:nth-child(odd) { padding: 5px; background-color: gray; background-image: linear-gradient(bottom, gray 14%, #969696 70%); background-image: -o-linear-gradient(bottom, gray 14%, #969696 70%); background-image: -moz-linear-gradient(bottom, gray 14%, #969696 70%); background-image: -webkit-linear-gradient(bottom, gray 14%, #969696 70%); background-image: -ms-linear-gradient(bottom, gray 14%, #969696 70%); border: 1px solid black; margin: auto; } .collapse-container>:nth-child(even) { background-color: white; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid black; } .collapse-container>:nth-child(even) p { padding: 0px 5px; } .collapse-container>:nth-child(odd):hover { cursor: pointer; -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit browsers */ } .form_add_cart{ height: 0px; display: inline; } .btn_custom{ color: #fff; padding: 8px 16px; border: 1px solid #65a71f; outline-color: #ccc; background: #6baf22; background: -webkit-gradient(linear,0 0,0 bottom,from(#6baf22),to(#196e31)); background: -webkit-linear-gradient(#6baf22,#196e31); background: -moz-linear-gradient(#6baf22,#196e31); background: -ms-linear-gradient(#6baf22,#196e31); background: -o-linear-gradient(#6baf22,#196e31); background: linear-gradient(#6baf22,#196e31); -webkit-transistion: all .5s linear; -moz-transistion: all .5s linear; -ms-transistion: all .5s linear; -o-transistion: all .5s linear; transistion: all .5s linear; margin-right: 5px; outline: none; border-radius: 0px; text-transform: uppercase; border: 1px #67a920 solid; } .btn_custom_1{ color: #fff; padding: 8px 12px; border: 1px solid #cd1233; outline-color: #ccc; background: #ed3237; background: -webkit-gradient(linear,0 0,0 bottom,from(#ed3237),to(#ed3237)); background: -webkit-linear-gradient(#ed3237,#b3161a); background: -moz-linear-gradient(#ed3237,#b3161a); background: -ms-linear-gradient(#ed3237,#b3161a); background: -o-linear-gradient(#ed3237,#b3161a); background: linear-gradient(#ed3237,#b3161a); -webkit-transistion: all .5s linear; -moz-transistion: all .5s linear; -ms-transistion: all .5s linear; -o-transistion: all .5s linear; transistion: all .5s linear; margin-right: 5px; } .btn_custom:hover { background: #73a240; color: #fff; } .btn_custom_1:hover { background: #e54d42; color: #fff; } #form_signin .row_btn{ display: inline-block; float: left; margin-right: 15px; } .waring_panel{ margin-bottom: 10px; border: 1px #ef5e09 solid; padding: 4px 9px; border-radius: 2px; } .skip_login_btn{ margin-top: 10px; border-radius: 2px; border: 1px #d6d6d6 solid; padding: 3px 10px; cursor: pointer; outline: none; background: #dddddd; } .skip_login_btn:hover{ background: #ecebeb; } .icon-cancel{ background: url(../images/close-x.png); height: 15px; width: 15px; display: inline-block; } /*NEWS*/ .full.news #tth-content{ width: 72%; } .full.news #tth-column{ width: 25%; } #group-detail{ padding: 0px 0px 15px; margin-bottom: 28px; } .news_content .box_menu_product ul li { float: left; width: auto; } .news_content .box_menu_product ul li a > div:before{ content: ''; } .news_content .box_menu{ font-size: 14px; background: #f1f2f2; line-height: 25px; position: relative; } .news_content .box_menu_product ul li a{ font-weight: bold; color: #404041; text-transform: inherit; } .news_content .box_menu_product li a > div{ padding-left: 0; } .news_content .box_menu li a:hover,.news_content .box_menu li a.current { color: #ed3237 !important; } .news_content .box_menu li a:before { background: none; } #user_forgot_pass .row_btn{ margin-top: 10px; } #form_change_pass{ margin-top: 10px; } #BactoTop { text-indent: -99999px; cursor: pointer; background: url(../images/backtotop.png) no-repeat scroll 11px 12px #365899; bottom: 40px; height: 40px; overflow: hidden; position: fixed; right: 20px; width: 41px; z-index: 400; -moz-border-radius: 50%; border: 3px #fff double; margin: 0px; } .box_check{ display: inline-block; float: left; position: relative; } .check_order{ display: inline-block; float: left; margin-left: 42px; background-color: #f7f7f7; padding: 2px 8px; font-size: 12px; cursor: pointer; outline: none; } .panel_check{ display: inline-block; position: absolute; width: 200px; background: #fff; z-index: 99; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); padding: 10px 15px; top: 25px; left: 42px; border-radius: 2px; display: none; } #check_order .text_input{ border: 1px #ccc solid; margin: 5px 0px; padding: 4px 5px; font-size: 13px; border-radius: 2px; width: 100%; outline: none; } #check_order_xs .text_input{ border: 1px #ccc solid; margin: 5px 0px; padding: 4px 5px; font-size: 13px; border-radius: 2px; width: 100%; outline: none; } .btn-check{ width: 100%; padding: 3px 10px; margin-top: 5px; background: #ed3237; border: 1px #ed3237 solid; color: #fff; font-size: 14px; outline: none; cursor: pointer; } .btn-check:hover{ background: #ec1319; } .danhgia-sp { height: 30px; line-height: 30px } .danhgia-sp .raty { display: inline-block; vertical-align: 2% } .captcha { line-height: 30px } .captcha input { max-width: 150px; display: inline-block; margin-left: 10px; color: #404041 } .captcha span { display: inline-block; background-color: #6d6e71; background-image: -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black); background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black); background-size: 10px 10px; background-position: 0 0, 5px 5px; padding: 0 15px; color: #fff; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; text-shadow: 1px 1px 0 #969696; position: relative; top: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .comments-filter { margin: 30px 0 20px; border-bottom: 1px solid #e2e3e4 } .comments-filter button { background: none; box-shadow: none; border: none } .comment { min-height: 20px; padding-right: 50px } .rating-scores { position: absolute; top: 0; right: 0px } .rating-scores i { margin-right: 15px; float: left } #tab-comment_rate{ margin-top: 15px; } #tab-comment_rate .media-body { position: relative } #tab-comment_rate .admin-name { font-weight: bold; color: #e81c24 } #tab-comment_rate .media { border-bottom: 1px solid #e2e3e4; padding-bottom: 25px; margin-bottom: 5px } #tab-comment_rate .media .media { background: #f9f9f9; padding: 10px 5px; border-radius: 5px; position: relative; overflow: visible } #tab-comment_rate .media .media:before { content: ' '; position: absolute; width: 0; height: 0; left: 30px; right: auto; top: -14px; border: 7px solid; border-color: transparent #f6f7f7 #f9f9f9 transparent } .small-star img { margin-top: 2px; display: block; float: left } .comment-meta>div { padding-right: 15px } .comment-meta>div a { font-size: 12px; color: #1f5ecc } .comment-meta>div a:hover { color: #184aa0 } .comment-meta>div .alert { color: #e81c24; display: none } .comment-meta>div .alert:hover { color: #be131a } .comment-meta:hover .alert { display: block } .sub-comment-input { border: 1px solid #e2e3e4; padding: 5px 10px; margin-top: 15px; max-width: 700px; display: none } .comments-loadmore { text-align: center; margin: 20px 0 } .comments-sub-loadmore { background: #f1f2f2; padding: 5px 5px; border-radius: 5px; border-bottom: 1px solid #e2e3e4; margin-bottom: 5px } .comments-sub-loadmore a { display: block } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-left, .media > .pull-left { padding-right: 10px; } #tab-comment_rate .media .input { padding: 5px 12px; height: 32px; font-size: 12px; border-radius: 3px; display: block; border: 1px solid #e2e3e4; width: 100%; outline: none; } #list_comment .media-left,#list_comment .media > .pull-left { padding-right: 10px; display: inline-block; float: left; vertical-align: bottom; } #list_comment .media-body p:first-child{ padding: 0px; } #list_comment .media-body p.comment{ font-size: 13px; color: #666; } #list_comment .div_more{ margin-top: 10px; } #list_comment i.date.small{ font-size: 12px; } #list_comment .media{ padding: 5px 0px; border-bottom: 1px #efefef dotted; } #tab-comment_rate .media input.input:-moz-read-only { /* For Firefox */ background-color: #e1e6e9; } #tab-comment_rate .media input.input:read-only { background-color: #e1e6e9; } .media-body { width: 10000px; } #tab-comment_rate .media textarea.input { height: 120px; max-height: 250px; resize: vertical; font-family: arial; outline: none; } .tg-line-form{ margin-bottom: 14px; } .button{ display: inline-block; padding: 5px 14px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; background: #f1f2f2; color: #404041; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none; border-radius: 0; } .button-blue { background: #898989; color: #fff; } .button-blue:hover { background: red; color: #fff; } #rate_select{ height: 30px; border-radius: 3px; padding: 0px 5px; border: 1px #e2e3e4 solid; } .captcha .captcha-group{ display: inline-block; vertical-align: bottom; } .btn_loadmore { color: #ed3237; cursor: pointer; outline: none; display: inline-block; } .btn_loadmore:hover { text-decoration: underline; } .list_comment img.star_img{ width: 12px; height: 12px; } .list_comment .comment{ padding-right: 0px; } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,0.2); } .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fb_gg .btn-social { padding-left: 5px; border-bottom: 2px rgba(0, 0, 0, 0.18) solid; border-radius: 1px; } .fb_gg .btn_c{ padding: 6px 10px 5px 10px; margin: 8px 0px; font-size: 12px; border-radius: 34px; color: white; display: block; } .fb_gg .btn-social span{ padding: 0px; } .btn-google:hover { color: #fff; background-color: #c23321; border-color: rgba(0,0,0,0.2); } .fb_gg{ display: inline-block; margin-top: 5px; } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0,0,0,0.2); } .btn-block + .btn-block { margin-top: 10px; } .btn-facebook:hover { color: #fff; background-color: #2d4373; border-color: rgba(0,0,0,0.2); } .btn-social span { padding-right: 5px; } .none{ display: none; } .slogan_xs{ display: none; } .view_no_product .image img{ max-width: 100%; } .check_btn_xs { display: none; } .full.signin, .full.signup{ background: #e9ebee; } #form_signin .row_btn { width: 100%; } .fixed { position: fixed !important; top: 75px !important; z-index: 999 !important; } .near_footer{ position: absolute !important; } .method_shipping{ display: inline-block; float: left; width: 65%; } #main_slide .owl-nav .owl-next .angle-right{ right: 20px; position: absolute; top: 40%; width: 30px; height: 58px; background: url('../images/right_main.png') no-repeat; } #main_slide .owl-nav .owl-prev .angle-left{ left: 30px; position: absolute; top: 40%; width: 30px; height: 58px; background: url('../images/left_main.png') no-repeat; } footer { border-top: none; } .ads-home{ display: block; padding: 20px 17px; } .ads-home .banner_item{ margin-bottom: 15px; } .ads-home .banner_item img{ max-width: 100%; } /*----------------------------------------fixed_menu*/ .fixed_menu{ position: fixed; top: 0px; background: #fff; z-index: 999; width: 100%; left: 0; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 -5px 10px #333; -moz-box-shadow: 0 -5px 10px #333; box-shadow: 0 -5px 10px #333; min-height: auto; height: 50px; } header.fixed_menu .logo img { max-width: 115px; } .fixed_menu .slogan{ display: none; } header.fixed_menu .logo { top: 15px; left: 50px; } .header-menu-big { height: 34px; display: block; line-height: 34px; width: 100%; border: 1px #fff solid; cursor: pointer; background: #ed3237; border-radius: 2px; left: 0px; top: 0px; } .header-menu-big:before, .header-menu-big:after { content: ''; } .header-menu-big:before, .header-menu-big:after, .header-menu-big > span { position: absolute; display: block; height: 2px; width: 23px; left: 7px; background: #fff; margin-top: -1px; -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .header-menu-big:after { top: 75%; } .header-menu-big > span { top: 50%; } .header-menu-big:before { top: 25%; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li > a:before{ border: 0px; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li.last{ display: none; } header.fixed_menu .box_search{ margin-top: -2px; } header.fixed_menu .header-tool .header_cart { margin-top: 3px; } header.fixed_menu .box_check.none{ display: block; margin-top: 4px; float: right; margin-right: 30px; width: auto; background: none; padding: 0px; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul >li > ul { left: 30px !important; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul >li > ul:before { left: 10px; right: auto !important; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul a, header.fixed_menu #tth-main-menu > .menu-wrapper > ul a:focus, header.fixed_menu #tth-main-menu > .menu-wrapper > ul a:active, header.fixed_menu #tth-main-menu > .menu-wrapper > ul a.highlighted, header.fixed_menu #tth-main-menu > .menu-wrapper > ul a.current { border-bottom: 0px; } header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li.first > a { width: 40px; margin-left: 30px; margin-top: -4px; margin-top: -4px; } header.fixed_menu #tth-main-menu{ margin-left: -45px; padding: 0px; } .news_scroll{ display: inline-block; width: 69%; background: #888888; padding: 25px; position: relative; margin-top: 7px; min-height: 253px; max-height: 253px; } .news_scroll_content { } .news_scroll > .title { font-size: 20px; font-weight: bold; color: #fff; border-bottom: 1px #fff solid; display: inline-block; position: absolute; width: 47%; height: 44px; padding-left: 88px; top: 8px; padding-top: 10px; background: url('../images/hotdeal.png') no-repeat 0px 0px; } .ads-home-right .banner_item{ display: inline-block; margin: 0px; vertical-align: top; text-align: right; max-height: 267px; float: right; overflow: hidden; } .news_scroll .info{ padding-top: 45px; display: inline-block; float: left; width: 55%; padding-right: 30px; } .news_scroll .image{ display: inline-block; float: left; width: 45%; } .news_scroll .image img{ max-width: 100%; border-radius: 2px; } .news_scroll .info .title{ font-weight: bold; font-size: 17px; color: #f9f9f9; } .news_scroll .info .short{ color: #f9f9f9; margin-top: 10px; } .view_now{ background: #ed3237; display: inline-block; padding: 6px 14px; margin-top: 15px; } .view_now a{ font-weight: bold; color: #fff; } .view_now:hover{ background: red; } #tabs img{ max-width: 100%; height: auto; } .flag_vi { width: 24px; height: 18px; display: inline-block; background: yellow url('../images/flag_vi.png') no-repeat; } .flag_en { width: 24px; height: 18px; display: inline-block; background: red url('../images/flag_en.png') no-repeat; } #box_lang ul li{ list-style: none; display: inline-block; float: left; margin: 0px 5px; } #box_lang { display: inline-block; float: right; margin-right: 0px; margin-top: 3px; } #box_lang ul { padding: 0px; margin: 0px; } #tth-main-menu #box_lang{ display: none; } .banner_footer{ width: 100%; text-align: center; position: fixed; bottom: 0px; z-index: 999; } .banner_footer .banner_item a{ background: #fff; } .close_banner{ float: right; background: #ed3237; color: #fff; padding: 2px; opacity: 0.8; cursor: pointer; margin-bottom: -25px; display: inline-block; position: relative; z-index: 99; } .close_banner:hover{ opacity: 1; } .owl-theme .owl-dots{ margin-top: -30px; position: relative; z-index: 99; padding: 4px 0px; } .guide_btn{ cursor: pointer; margin-top: -10px; display: block; margin-bottom: 6px; font-size: 14px; color: #1f5eb9; text-decoration: underline; } footer .menu_footer{ background-image: linear-gradient(to top,#365899 0,#365899 46%,#365899 100%); display: block; width: 100%; } footer .menu_footer ul li a{ display: inline-block; color: #fff; float: left; padding: 11px 12px; text-transform: uppercase; font-size: 14px; } footer .menu_footer ul li a:hover{ color: #fff !important; background-color: #008eed; } footer .menu_footer .online{ display: inline-block; color: #d2d2d2; float: left; padding: 1px 12px; text-transform: initial; font-size: 13px; float: right; } .box_group { margin-bottom: 0px; } .box_group .group_box_l{ display: inline-block; width: 74%; float: left; margin-right: 1%; border-radius: 4px; margin-top: 3px; } .box_group .group_box_l2{ display: inline-block; width:100%; margin-top: -6px; float: left; padding-right: 16px; } .box_group .group_box_r{ display: inline-block; width: 25%; margin-top: -8px; } .box_group .group_box_l .box_item.first{ display: inline-block; float: left; width: 55%; min-height: 375px; } .box_group .group_box_l .box_item.first .title_item a{ font-size: 14px; margin-top: 10px; display: block; line-height: 24px; color: #444444; } .box_group .group_box_l .box_item.first .title_item a:hover{ color: #365899; } .box_group .group_box_l .box_item.first .short{ margin: 4px 0px; margin-bottom: 2px; text-align: justify; } .box_group .group_box_l .box_item.first .date{ color: #999; } .box_group .group_box_l .box_item { padding: 5px 0px; display: inline-block; width: 43%; margin-left: 2%; } .box_group .group_box_l .box_item:nth-child(2) { padding-top: 0px; } .box_group .group_box_l .box_item.first { padding: 0; border: 0px; margin: 0px; } img.item_img { float:left; margin-right:5px; margin-top:4px; } .box_group .group_box_l .box_item.first .title_item:before{ background: no-repeat; display: none; } .box_group .group_box_l .box_item .title_item a{ padding-left: 0px; font-weight: bold; display: block; } .box_group .group_box_l .box_item.first .title_item a{ padding-left: 0px; } .box_group > .title{ position: relative; overflow: hidden; font-size: 14px; font-family: arial; text-transform: uppercase; padding: 6px 15px; margin: 0px; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0) url("../images/bar.png") no-repeat scroll left center; padding-left: 19px; } .box_group > .title_tinhot{ position: relative; overflow: hidden; font-size: 14px; font-family: arial; text-transform: uppercase; padding: 3px 10px; margin: 0px; font-weight: bold; color: #fff; background: #4267b2; } .box_group > .title_tinhot a{color: #fff;} .home_hoidap_title{ position: relative; overflow: hidden; font-size: 17px; font-family: arial; text-transform: uppercase; padding: 0px 15px; margin: 0px; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0) url("../images/bar.png") repeat-x scroll left center; padding-left: 19px; min-height:28px; /*box-shadow: 4px 5px 15px -3px rgba(172,172,172,.8);*/ } .home_hoidap_title a{ color: #444444; padding-left: 10px; } .home_hoidap_title:before{ content: ""; background:url("../images/bar22.png") no-repeat scroll left center; position: absolute; display: inline-block; width: 20px; left: 0px; top: 2px; height: 20px; } .box_group > .title a{ color: #004080; } .box_group > .title:before{ content: ""; background:url("../images/bar22.png") no-repeat scroll left center; position: absolute; display: inline-block; width: 20px; left: 0px; top: 2px; height: 24px; } .box_group .title .line { bottom: 0; height: 5px; margin-bottom: auto; margin-left: 193px; margin-top: 34px; position: absolute; top: 0; /*background: url(../images/dot.png) repeat-x;*/ width: 100%; } .box_group .box_green{ display: block; height: 34px; width: 100%; margin-bottom: 8px; } .box_group .box_green span.icon{ background: #b8b8b8; display: inline-block; height: 34px; width: 11%; color: #fff; float: left; position: relative; padding-top: 10px; text-align: center; line-height: 34px; vertical-align: middle; font-size: 16px; } .box_group .box_green span.title{ height: 34px; line-height: 34px; background: #1765cd; width: 87%; display: inline-block; color: #fff; font-size: 17px; padding-left: 12px; float: right; margin-left: 4px; position: relative; } .box_group .box_green span.title a{ height: 34px; line-height: 34px; background: #196e31; color: #fff; font-size: 16px; font-size: 14px; } .box_group .box_green span.icon:before { content: ''; display: block; position: absolute; top: 13px; right: -4px; border: 4px solid transparent; border-left-color: #b8b8b8; border-top-color: #b8b8b8; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .box_group .box_green span.title:after { content: ''; display: block; position: absolute; top: 13px; left: -4px; border: 4px solid transparent; border-left-color: #ffffff; border-top-color: #ffffff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .box_hotline{ display: block; margin-top: 8px; margin-bottom: 8px; border: 1px #196e31 solid; } .box_hotline .title{ height: 34px; background: #196e31; font-weight: bold; font-size: 14px; color: #fff; text-align: center; line-height: 34px; text-transform: uppercase; overflow: hidden; } .box_hotline .content p{ padding: 0px; margin: 0px; font-size: 15px; color: #222; font-weight: 500; } .box_hotline .content p span{ width: 140px; text-align: right; display: inline-block; margin-right: 10px; font-size: 14px; font-weight: normal; } .box_support_online{ margin-top: 15px; display: block; } .box_hotline .content{ padding: 10px; } .box_support_online{ display: block; margin-top: 0px; background: #f1f1f1; height: 34px; line-height: 34px; position: relative; border-bottom: 2px #007acc solid; } .box_support_online > i{ margin: 5px; margin-right: 10px; display: inline-block; float: left; width: 33px; height: 25px; background: url(../images/support_online.png) no-repeat; } .box_support_online .r{ position: absolute; right: 0px; top: 0px; background: #007acc; height: 34px; width: 25px; color: #fff; font-size: 20px; padding-top: 5px; border-radius: 4px; } .box_support_online .r:hover{ opacity: 0.8; } .box_support_online .title{ text-transform: uppercase; font-size: 15px; font-weight: bold; color: #007acc; line-height: 34px; text-align: left; padding-left: 10px; } .box_hotline .title i{ color: #196e31; background: #fff; padding: 0px; padding-top: 4px; margin-right: 10px; border-radius: 25px; font-size: 19px; height: 25px; width: 25px; display: inline-block; } .box_tour_service{ display: block; margin-top: 5px; max-height: 290px; overflow: hidden; } .box_tour_service .box_r .content .item div.icon.service_9, .box_tour_service .box_r .content .item div.icon.service_11{ margin-bottom: 0px; } .box_tour_service .box_l, .box_tour_service .box_r{ min-height: 225px; padding: 10px 10px; width: 100%; float: left; display: inline-block; box-shadow: inset 0px 0px 30px rgba(0,0,0, 0.16); -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.16); -moz-box-shadow: inset 0px 0px 30px rgba(0,0,0, 0.16); } .box_tour_service .box_r .content div.icon{ padding: 10px 8px; width: 45px; height: 40px; border: 1px #dfdfdf solid; display: inline-block; margin-bottom: 15px; margin-right: 3px; vertical-align: top; text-align: center; } .box_tour_service .box_r .content div.icon img{ max-width: 100%; } .box_tour_service .box_r .content .item:hover div.icon { background: #e0e0e0; } .box_tour_service .box_r .content .item{ display: inline-block; float: left; width: 100%; text-transform: initial; color: #196e31; line-height: 39px; font-size: 16px; } .box_tour_service .box_r.box_l .content .item{ width: 100%; } .box_tour_service .box_l > .title, .box_tour_service .box_r > .title { margin-bottom: 20px; padding: 0px 20px; padding-bottom: 4px; text-align: center; background: #cbe6ff; /*display: inline-block;*/ color: #fff; font-family: 'UVN_PT'; text-transform: initial; font-size: 20px; border-radius: 4px; -webkit-box-shadow: 3px 4px 3px -2px rgba(87,87,87,1); -moz-box-shadow: 3px 4px 3px -2px rgba(87,87,87,1); box-shadow: 3px 4px 3px -2px rgba(87,87,87,1); position: relative; } .box_tour_service .box_l > .title a, .box_tour_service .box_r > .title a{ color: #196e31; } .box_tour_service .box_l > .title:before, .box_tour_service .box_r > .title:before{ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); content: ''; display: block; position: absolute; bottom: -5px; left: 45%; border: 7px solid transparent; border-left-color: #cbe6ff; border-top-color: #cbe6ff; } .box_scroll_tour .item{ position: relative; } .box_scroll_tour .item .title{ position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.28); color: #fff; padding: 3px 6px; height: 40px; overflow: hidden; line-height: 17px; font-size: 13px; } .box_scroll_tour .item .view_map{ background: #fff; position: absolute; top: 30%; left: 10px; right: 10px; font-size: 13px; padding: 3px 6px; border-radius: 3px; opacity: 0; } .box_scroll_tour .item :hover .view_map{ opacity: 1; } .box_scroll_tour .owl-controls{ position: absolute; top: -45px; right: 0px; } .box_scroll_tour .owl-controls{ position: absolute; top: -45px; right: 0px; } .box_scroll_tour .owl-controls .owl-prev i, .box_scroll_tour .owl-controls .owl-next i{ background: white; border: 1px #196e31 solid; color: #196e31; border-radius: 25px; font-size: 16px; margin: 0px 1px; padding-top: 4px; height: 25px; width: 25px; display: inline-block; text-align: center; } .video_gallery .box_group{ display: inline-block; width: 49%; float: left; } .video_gallery .content{ margin-top: 12px; border: 1px #ededed solid; padding: 15px; position: relative; } ul.box_gallery{ padding: 0px; margin: 0px; } .video_gallery .content #bx-pager{ position: absolute; bottom: 25px; } .video_gallery .content #bx-pager img{ border: 2px #fff solid; } .video_gallery #bx-pager a:hover img, .video_gallery #bx-pager a.active img{ border: 2px #196e31 solid; } #box_video_thumb, #box_gallery_thumb{ margin-top: -33px; padding-bottom: 10px; } #box_video_thumb.owl-carousel .owl-item img, #box_gallery_thumb.owl-carousel .owl-item img{ max-width: 85px; border: 2px #fff solid; } #box_video_thumb, #box_gallery_thumb{ margin-left: 30px; padding-right: 50px; overflow: hidden; position: relative; max-width: 505px; } .video_gallery #box_video_thumb .owl-item.active.sync_cur img, .video_gallery #box_gallery_thumb .owl-item.active.sync_cur img{ border: 2px #faff00 solid; } #box_video .owl-controls, #box_gallery .owl-controls{ position: relative; bottom: 10px; } #box_video .owl-controls .owl-nav, #box_gallery .owl-controls .owl-nav{ width: 100%; position: relative; } #box_video .owl-controls .owl-nav .owl-prev, #box_gallery .owl-controls .owl-nav .owl-prev{ left: -13px; bottom: -9px; font-size: 38px; color: #9b999a; position: absolute; } #box_video .owl-controls .owl-nav .owl-next, #box_gallery .owl-controls .owl-nav .owl-next{ right: -16px; bottom: -9px; font-size: 38px; color: #9b999a; position: absolute; z-index: 999; display: inline-block; } #box_video.owl-carousel, #box_gallery.owl-carousel{ z-index: auto; } #box_gallery .owl-controls .owl-nav .owl-prev:hover, #box_gallery .owl-controls .owl-nav .owl-next:hover, #box_video .owl-controls .owl-nav .owl-prev:hover, #box_video .owl-controls .owl-nav .owl-next:hover{ color: #fff; } #box_video .item{ position: relative; } #box_video .item .load_iframe{ position: absolute; background: url('../images/unnamed.png'); height: 46px; width: 64px; display: inline-block; left: 45%; top: 42%; cursor: pointer; opacity: 0.8; } #box_video .item .load_iframe:hover{ opacity: 1; } .box_group_preservation .group{ width: 25%; display: inline-block; border: 1px #ededed solid; border-right: 0px; padding: 0px 10px; float: left; } .box_group_preservation.group_cooperation .group{ width: 33.3333%; } .box_group_preservation .group:last-child{ border-right: 1px #ededed solid; /*box-shadow:4px 5px 15px -3px rgba(172,172,172,.8);*/ /*-webkit-box-shadow:0px 2px 15px -1px rgba(172,172,172,.8);*/ } .box_group_preservation >.content{ margin-top: 0px; } .box_group_preservation .group > .title{ display: inline-block; background: #e9f5ff; text-transform: initial; font-size: 20px; padding: 2px 6px; margin: 5px 0px; border-radius: 4px; text-align:center; font-family: "UVN_PT"; } .box_group_preservation .group > .title a{ color: #1765cd; } .box_group_preservation .group .content_item{ padding-top: 4px; } .box_group_preservation .group .content_item_box{ height: 193px; width: 383px; overflow: auto; } .box_group_preservation .group .content_item.class_top .img { position: relative; margin-bottom: 10px; } .box_group_preservation .group .content_item .item.first{ border-bottom: 1px #ccc dotted; padding-bottom: 10px; margin-bottom: 10px; } .box_group_preservation .group .content_item .item.first .title{ color: #222222; font-weight: normal; margin: 8px 0px; min-height: 42px; text-align: justify; } .box_group_preservation .group .content_item.class_top .img .title{ position: absolute; bottom: 0px; min-height: 30px; background: rgba(0, 0, 0, 0.31); color: #fff; margin: 0px; width: 100%; padding: 5px; } .box_group_preservation .group .content_item .item.first .title a{ color: #333; font-weight: bold; display: inline-block; } .box_group_preservation .group .content_item .item.first .title a:hover{ color: #365899 ; } .box_group_preservation .group .content_item .item.first .date{ color: #999999; font-size: 12px; margin-top:-14px; } .box_group_preservation .group .content_item.class_top .img .title a{ color: #fff; font-weight: normal; } .box_group_preservation .group .content_item .item .title{ margin-bottom: 5px; } .box_group_preservation .group .content_item .item .title:before{ background: #196e31; height: 5px; width: 5px; display: inline-block; content: ""; margin-right: 10px; border-radius: 50%; vertical-align: middle; } .title_cm:before{ background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -83px -34px; height: 9px; width: 6px; display: inline-block; content: ""; margin-right: 2px; vertical-align: middle; } .title_cm_list:before{ background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -83px -34px; height: 9px; width: 6px; display: inline-block; content: ""; margin-right: 2px; vertical-align: middle; } .box_group_preservation .group .content_item .item.first .title:before{ background: none; margin: 0px; width: 0px; } .box_group_preservation .group .content_item .item_second{ display: block; border-bottom: 1px #ccc dotted; padding-bottom: 12px; margin-bottom: 12px; } .box_group_preservation .group .content_item .item_second .title{ font-size: 13px; } .box_group_preservation .group .content_item .item_second:last-child{ border-bottom: 0px; } .box_group_preservation .group .content_item .item_second .img{ display: inline-block; float: left; margin: 0px; margin-right: 10px; } .box_group_preservation.group_resources .group { min-height: 420px; max-height: 420px; overflow: hidden; } .box_group_preservation.group_resources .group.group_4 { border-right: 1px solid #ededed; } .box_group_preservation .group .content_item.class_4 .title{ padding-top: 19px; text-transform: uppercase; font-size: 16px; font-weight: 500; color: #4d4d4d; } #ads_home{ margin-bottom: 25px; } .full.news .box_menu li { display: inline-block; float: left; width: auto; } .full.news .box_menu li a:before { background: none; } .full.news .box_menu li a:hover, .box_menu li a.current { color: #196e31; } .full.news .box_menu li a{ border: 0px; } .full.news .box.box_menu_product{ background: #f7f7f7; margin-bottom: 10px; } .brand_scroll-content { padding: 25px 15px; background: #ececec; margin: 5px 0px; } .box_mid_info { transition: 0.3s; } .box_mid_booking { height: 0px; overflow: hidden; transition: 0.3s; } .box_show { height: auto; transition: 0.3s; } .box_hidden { margin: 0px; height: 0px; overflow: hidden; transition: 0.3s; } .bttn_book_tour_hidden { position: absolute; height: 30px; width: 30px; top: 0px; right: 48px; cursor: pointer; font-size: 20px; border-radius: 30px; background: #ffffff url(../images/close.png) no-repeat; padding-left: 35px; color: #d01717; z-index: 99; } /*----------------------box_right*/ .box_group.box_right .group_box_r{ display: inline-block; width: 100%; margin-top: 0px; } .box_group.box_right .box { margin-bottom: 14px; margin-top: 15px; border-top: 1px #ededed solid; } .box_group.box_right .box .title { text-transform: inherit; font-size: 18px; padding: 5px; display: inline-block; border-top: 3px #196e31 solid; margin-top: -2px; } .box_group.box_right .box .content { border-top: 1px #ccc dotted; padding: 15px 0px; } .box_group.box_right .box .content .list{ padding: 3px 0px; } .box_group.box_right .box .content .list .title_b{ display: inline-block; width: 150px; } .box_group.box_right .box .content .list .title_b a{ font-weight: bold; color: #111; text-decoration: underline; font-size: 14px; } .box_group.box_right .content div.icon { padding: 12px 10px; width: 55px; height: 45px; border: 1px #dfdfdf solid; display: inline-block; margin-bottom: 10px; margin-right: 15px; vertical-align: top; text-align: center; } .box_group.box_right .content div.icon img{ max-width: 100%; height: auto; } .box_group.box_right .content div.item{ padding-left: 35px; padding-top: 5px; display: inline-block; float: left; text-transform: inherit; color: #444444; line-height: 39px; font-size: 16px; width: 100%; } .box_group.box_right .content div.item.tour{ padding: 0px; margin-bottom: 10px; font-size: 14px; } .box_group.box_right .content div.item.tour .image{ display: inline-block; float: left; margin-right: 10px; } .box_group.box_right .content div.item.tour img{ max-width: 100%; } .box_group .box_green.box_gray{ margin-bottom: 10px; } .box_group .box_green.box_gray span.icon{ background: #007acc; font-size: 16px; } .box_group .box_green.box_gray span.title{ background: #ececec; color: #196e31; } .box_group .box_green.box_gray span.icon:before { content: ''; display: block; position: absolute; top: 13px; right: -4px; border: 4px solid transparent; border-left-color: #007acc; border-top-color: #007acc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #gallery_slider.owl-carousel .owl-item img{ border-radius: 4px; } #gallery_slider_thumb{ margin-top: 10px; } #gallery_slider_thumb .owl-item .item{ border: 2px transparent double; } #gallery_slider_thumb .owl-item.active.sync_cur .item{ border: 2px #196e31 double; } .box_group.box_right .group_box_r .box_drop .content li{ padding: 3px 0px; } .box_group.box_right .group_box_r .box_drop .content li a{ font-size: 15px; } .box_group .box_green.box_gray span.title .plus{ padding: 5px 10px; cursor: pointer; } .refresh_captcha { background: url(../images/refresh.png) no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; height: 16px; width: 16px; margin-bottom: 12px; margin-left: 5px; } #tth-main-menu > .menu-wrapper > ul > li.menu_li.first > a.menu_link { border-left: 0px solid #12806a; font-size: 0px; background: none; background-image: url(../images/home_icon.png); background-repeat: no-repeat; background-position: top -2px center; width: 24px; height: 24px; } .preservation_content{ margin: 0px -17px; } .box_operating .box{ display: inline-block; float: left; width: 25%; padding: 5px; margin: 0px; } .box_operating .box_group{ margin-bottom: 0px; } .box_operating .content{ margin: 5px -5px; } .box_operating .content .box .content_box ul{ padding: 0px; margin: 0px; } .box_operating .content .box .content_box ul li{ height: 36px; line-height: 38px; padding-left: 10px; background: #ececec; list-style: none; margin-bottom: 1px; } .box_operating .content .box .content_box ul li .img{ display: inline-block; min-width: 38px; vertical-align: top; } .box_operating .content .box .content_box ul li img{ margin-top: 8px; display: inline-block; margin-right: 5px; margin-left: 5px; vertical-align: top; } .box_operating .content .box .content_box ul li a{ font-size: 16px; color: #222; } .box_operating .content .box .content_box ul li a .pic{ margin-top: 7px; margin-right: 10px; margin-left: 5px; display: inline-block; float: left; } .box_operating .content .box .content_box ul li.manager_personnel i{ display: inline-block; height: 36px; width: 27px; background: url(../images/manager_personnel.png) no-repeat 0px 8px; margin: 0px 10px 0px 5px; float: left; } .box_operating .content .box .content_box ul li.manager_email i{ display: inline-block; height: 36px; width: 27px; background: url(../images/manager_email.png) no-repeat 0px 8px; margin: 0px 10px 0px 5px; float: left; } .box_operating .content .box .content_box ul li.manager_document i{ display: inline-block; height: 36px; width: 27px; background: url(../images/manager_document.png) no-repeat 0px 8px; margin: 0px 10px 0px 5px; float: left; } .content_box button{ height: 32px; width: 150px; background: #007acc; border: 1px #196e31 solid; color: #fff; font-size: 16px; display: block; margin: 10px auto; cursor: pointer; } .content_box button:hover{ background: #5a961a; } .content_box button a{ color: #fff; } .border_user{ padding: 7px; border: #ededed 1px solid; } .img_thematic_material{ height: 110px; overflow: hidden; width: 100%; display: inline-block; background: url(../images/tai-lieu-chuyen-de.png) no-repeat 0px 0px; } .img_thematic_material.en{ background: url(../images/tai-lieu-chuyen-de_en.png) no-repeat 0px 0px; } /*-----------------------box_download*/ .box_download{ } .box_download .title { border-bottom: 2px #00b3d4 solid; } .box_download .title span{ background: #00b3d4; color: #fff; text-transform: uppercase; padding: 8px 10px; font-size: 16px; font-weight: bold; min-width: 240px; display: inline-block; } .box_download .title span a{ color: #fff; } .box_download .box_item{ display: inline-block; float: left; margin: 15px 0px; width: 31.8%; margin-right: 15px; border: 1px #dddddd solid; } .box_download .box_item .item_title{ font-size: 14px; font-weight: 500; padding: 9px 10px; width: 100%; background: #d7d7d7; color: #FFF; height: 50px; overflow: hidden; } .box_download .box_item .item_title a{ font-weight: bold; color: #2d2d2d; font-size: 13px; line-height: 18px; } .box_download .box_item:nth-child(3n + 1){ margin-right: 0px; } .fr{ float: right; } .box_download .box_item .view{ padding: 10px; color: #717171; font-size: 13px; } .box_download .box_item:hover .item_title{ background: #00b3d4; } .box_download .box_item:hover .item_title a{ color: #FFF; } /*-----------------------box_download*/ /*-----------------------item_detail - TAI LIEU*/ #item_detail h1{ color: #365899; line-height: 32px; font-size: 22px; } #item_detail > .item-date > .time{ display: inline-block !important; } #item_detail .item-date{ background: #fff; margin-bottom: 15px; border: 0px; border-radius: 2px; padding: 0px; font-size: 13px; text-align: right; color: #999 !important; margin-top: 0px !important; margin-bottom: 0px !important; font-size: 12px; } #item_detail .item-date .icon-download{ margin-left: 20px; } #item_detail .item-short{ display: block; margin-bottom: 0px; } #item_detail .item-short .title{ font-size: 16px; color: #196e31; font-weight: bold; margin-bottom: 15px; } #item_detail .item-short .title .fl{ float: left; max-width: 75%; } #item_detail .item-short .title span a{ display: inline-block; background: #00b1d1; color: #fff; font-weight: normal; padding: 4px 10px; cursor: pointer; } #item_detail .item-short .title span a:hover{ background: #68cfe2; } @media print { #printContainer div { page-break-after: always; page-break-inside: avoid; } } #mozPrintCallback-shim { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999999; display: block; text-align: center; background-color: rgba(0, 0, 0, 0.5); } #mozPrintCallback-shim[hidden] { display: none; } @media print { #mozPrintCallback-shim { display: none; } } #mozPrintCallback-shim .mozPrintCallback-dialog-box { display: inline-block; margin: -50px auto 0; position: relative; top: 45%; left: 0; min-width: 220px; max-width: 400px; padding: 9px; border: 1px solid hsla(0, 0%, 0%, .5); border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); background-color: #474747; color: hsl(0, 0%, 85%); font-size: 16px; line-height: 20px; } #mozPrintCallback-shim .progress-row { clear: both; padding: 1em 0; } #mozPrintCallback-shim progress { width: 100%; } #mozPrintCallback-shim .relative-progress { clear: both; float: right; } #mozPrintCallback-shim .progress-actions { clear: both; } .viewer_pdf{ width: 600px; } #view_file{ margin: 0px 0px 15px; } .wrapper.download #tth-column{ padding-left: 15px; } .wrapper.download #container{ box-shadow: none; } #price_file{ border: 0px; padding: 2px; cursor: inherit; background: none; font-size: 16px; display: inline-block; max-width: 100px; color: #00b1d1; font-weight: bold; } .box_download_orther > .title{ background: #3f64af; padding: 8px 10px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; } .box_download_orther .item .title a{ font-size: 14px; } .box_download_orther .item .num_view{ color: #777777; padding-left: 50px; } .extension{ display: inline-block; height: 40px; width: 40px; float: left; margin-right: 8px; } .extension.docx, .extension.doc{ background: url('../images/doc.png') right no-repeat; } .extension.pdf{ background: url('../images/pdf.png') right no-repeat; } .extension.ppt, .extension.pptx{ background: url('../images/ppt.png') right no-repeat; } .extension.xlsx, .extension.xls{ background: url('../images/xls.png') right no-repeat; } .box_download_orther .item{ border-bottom: 1px solid #dddddd; padding: 10px; background: #fff; } .box_download_orther{ margin-bottom: 15px; } .banner_hear #main_slide{ margin-top: 10px; margin-bottom: 0; } /*-----------------------item_detail - TAI LIEU*/ /**/ .wrapper.download.c_m_c #tth-column_left{ width: 23%; padding: 0px; padding-right: 15px; } .wrapper.download.c_m_c #tth-content{ width: 57%; } .wrapper.download.c_m_c #tth-column{ width: 20%; padding: 0px; padding-left: 10px; } .wrapper.module_school #group-detail .row_item .col_item{ border: 0px; } #group-detail .row_item .col_item .img{ display: inline-block; float: left; text-align: center; } #group-detail .row_item .col_item h3{ margin-bottom: 8px; } .wrapper.download.c_m_c .tth_navigation li a{ font-weight: normal; color: #196e31; } .wrapper.download.c_m_c .tth_navigation li > i { color: #196e31; left: 5px; top: 0px; } .wrapper.download.c_m_c .row_item .col_item .info .short{ font-size: 13px; min-height: 85px; overflow: hidden; } .wrapper.download.c_m_c .row_item .col_item .info .date{ color: #777777; } .wrapper.download.c_m_c .row_item .col_item .info .date i.icon-eye{ margin-left: 10px; margin-right: 5px; } .wrapper.download.c_m_c .row_item .col_item .info .date .download_file{ background: #ffb805; color: #fff; text-transform: uppercase; padding: 4px 8px; cursor: pointer; } .wrapper.download.c_m_c .row_item .col_item .info .date .download_file:hover{ background: #ffca45; } .wrapper.download.c_m_c .row_item .col_item .info .date .price_show{ background: #f52b2b; padding: 0px; margin: 0px; margin-right: 10px; margin-top: 4px; border-radius: 10px; font-size: 11px; padding: 1px 5px; color: #fff; } .none{ display: none; } #group-detail .extension { display: inline-block; height: 32px; width: 27px; float: left; margin-right: 8px; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-title{ background: #ffc534; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > a { padding: 8px 0px 8px 23px; color: #fff; border-bottom: 1px solid #2b499a; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li { background: #203e8f; padding: 0px; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > a:before { font-family: "fontello"; content: '\e854'; display: block; position: absolute; top: 8px; left: 12px; color: #f4f4f4; font-size: 12px; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li a.current{ background: #bcc1c0; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > ul > li{ padding: 0px; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > ul > li a { padding: 5px 0px 5px 35px; color: #fff; background: #00b3d4; position: relative; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > ul > li a:before { font-family: "fontello"; content: '\f105'; display: block; position: absolute; top: 5px; left: 20px; color: #f4f4f4; font-size: 12px; } .wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > ul{ display: none; } .download_file_box{ display: inline-block; width: 300px; } .download_file_box input.form-control{ height: 35px; width: 100%; border: 1px #dddddd solid; margin-bottom: 10px; padding-left: 10px; font-size: 13px; } .download_file_box input.form-control:focus{ box-shadow: none; outline: none; } .download_file_box .img_captcha button{ display: inline-block; font-size: 15px; float: right; padding: 8px 20px; border: 1px #ff6000 solid; background: #ff6000; color: #fff; cursor: pointer; outline: none; } .download_file_box .img_captcha button:focus, .download_file_box .img_captcha button:hover{ outline: none; color: #fff; background: #ff863d; } .download_file_box .title{ background: #f3f3f3; padding: 10px; border-bottom: 1px #dddddd solid; margin-bottom: 10px; } .download.c_m_c #group-detail .row_item .col_item .img{ margin-right: 15px; } #banner_bottom_download { margin-bottom: 25px; } .box_operating .box_group .box_green.box_gray span.title { font-weight: 500; } .map .map_r{ display: inline-block; float: left; width: 50%; margin-top: 15px; max-height: 165px; } .map .map_r .pic_map{ display: inline-block; width: 100%; height: 140px; background: url(../images/map.png) no-repeat right; } .map .map_r .w_title{ text-transform: uppercase; font-size: 16px; font-weight: 400; color: #196e31; margin-bottom: 5px; } .map .map_r .w_date{ font-weight: bold; font-size: 13px; } .map .map_r .w_temp { font-size: 30px; } .al_r{ text-align: right; } /*DOWNLOAD------------*/ .box_title { position: relative; overflow: hidden; font-size: 22px; text-transform: initial; padding: 0px 15px; margin: 0px; background: #fff url(../images/bar.png) no-repeat scroll left center; width: 73.4%; } .box_title .title { font-size: 17px; line-height: 32px; font-weight: normal; color: #365899; display: inline-block; position: relative; padding-left: 2px; font-weight: bold; text-transform: uppercase; } .box_title .line { bottom: 0; height: 5px; margin-bottom: auto; margin-left: 12px; margin-top: 28px; position: absolute; top: 0; /*background: url(../images/dot.png) repeat-x;*/ width: 100%; } #owl-main_slide li{ list-style: none; } .fancybox_pd_0 i{ color: #fff; } .banner_item img{ max-width: 100%; height: auto; } .box_group .group_box_l .box_item.first img{ max-width: 100%; } #form_user { width: 680px; } #form_user .footer_form { background: #eeeeee; padding: 15px; } #form_user > .title { border-left: 4px solid #009a9a; color: #009a9a; margin: 8px 15px; padding-left: 10px; font-weight: 500; font-size: 18px; border-left: 4px solid #196e31; color: #196e31; } #form_user #tab-user{ padding: 15px; padding-top: 0px; padding-bottom: 0px; } .hr_header { position: relative; height: 25px; margin: 15px 0; } .hr_header .hr { border-top: 1px dotted #cacaca; position: absolute; top: 12px; z-index: 9; content: " "; width: 100%; } .hr_header .title_h { position: absolute; z-index: 9; width: 100%; text-align: center; } .hr_header .title_h span { background: #f9f9f9; padding: 3px 8px; line-height: 25px; font-size: 15px; font-weight: 300; border-radius: 0px; } .signin_social { max-width: 80%; text-align: center; width: 100%; margin: 10px auto; } .btn-social-fb { background-color: #3b5998; color: #fff; display: block; font-size: 14px; font-weight: 500; text-align: center; width: 48%; height: 40px; line-height: 40px; padding: 0; float: left; padding-top: 10px; margin-right: 8px; cursor: pointer; text-shadow: 1px 1px 1px #444; } .list_orther{ padding: 0px 17px; } .btn-social-gg { background-color: #dd4b39; color: #fff; display: block; font-size: 14px; font-weight: 500; text-align: center; width: 48%; height: 40px; line-height: 40px; padding: 0; padding-top: 10px; float: right; cursor: pointer; text-shadow: 1px 1px 1px #444; } .btn-social-fb a, .btn-social-gg a { color: #fff; } .signin_social i { font-size: 20px; display: inline-block; vertical-align: middle; } #form_user .content{ border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 0px 15px; } #form_user .content .form-group .title{ display: inline-block; float: left; line-height: 40px; text-align: right; width: 150px; font-weight: 500; } #form_user #form_signin { margin: 0px 20px; padding: 25px 0px 0px; } #form_user #form_signup { margin: 0px 20px; padding: 25px 0px 25px; } #form_user .content .form-group .rowcontent{ display: inline-block; margin-left: 25px; width: 60%; } #form_user .content .form-group input{ height: 38px; border-radius: 0px; box-shadow: none; font-size: 13px; border: 1px #dedede solid; } #form_user #tab-user #tab-user-nav{ text-align: center; } #form_user #tab-user #tab-user-nav li{ display: inline-block; padding: 6px 12px; display: inline-block; height: 36px; line-height: 27px; margin: 0; overflow: hidden; padding: 5px 15px; position: relative; text-align: center; width: 195px; background: white; font-size: 16px; margin: 0px -2px; border: 1px #196e31 solid; /* -webkit-transition: all 0ms ease-out 0s; -moz-transition: all 0ms ease-out 0s; -o-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s; background-image: -webkit-linear-gradient(top, #fff 0, #d6d6d6 100%); background-image: linear-gradient(to bottom, #fff 0, #d6d6d6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd6d6d6', GradientType=0); */ } #form_user #tab-user #tab-user-nav li.activeli{ background: #196e31; } #form_user #tab-user #tab-user-nav li a { color: #196e31; } #form_user #tab-user #tab-user-nav li.activeli a{ color: #fff; } #tab-signin,#tab-signup{ display: block; margin-top: 0px; border-radius: 2px; } .required { color: #f60201; } #box_hotline{ min-width: 400px; } #box_hotline .box_hotline{ margin: 30px; border: 0px } #box_hotline .box_hotline .content{ padding: 15px; font-size: 15px; } #box_hotline .box_hotline .content i{ font-size: 15px; } #box_hotline .box_hotline .item { margin-bottom: 15px; border: 1px #196e31 solid; } #box_hotline .box_hotline .title { background: #196e31; } .smooth_slogan{ width: 65%; overflow: hidden; float: left; color: #ffd400; } .rtecenter { text-align: center; } .rteright { text-align: right; } .w_cond{ display: inline-block; width: 100%; } .list_orther .title { color: #000; font-weight: 500; } .list_orther .title span{ display: inline-block; background: #196e31; color: #fff; padding: 2px 10px; } #main_slide { position: relative; overflow: hidden; max-height: 333px; margin-top: 0px; margin-bottom: -5px !important; } div.aw-widget-current-inner { margin-top: 5px; } .map .map_r .banner_item{ float: right; } .no_desktop { display: none; } .box_group.box_right .map .map_r { width: 100%; max-height: 227px; overflow: hidden; background: #fff; } .box_group.box_right .map .map_r.weather { width: 100%; max-height: 200px; padding: 1px; overflow: hidden; } .box_group.box_right .map .map_r .w_title { text-align: left; } .box_group.box_right .map .map_r .w_title { text-align: left; padding-bottom: 0px; } .box_group.box_right .map .map_r .banner_item { float: left; } /*.box_group.box_right .aw-widget-content.bg-su{ border-width: 1px !important; border: 1px #196e31 solid !important; padding: 1px !important; border-top-left-radius: 20px; }*/ .box_group.box_right div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p time { font-size: 10px!important; display: block!important; margin-top: 4px!important; text-align: center!important; display: inline-block !important; width: 100px; } .box_group.box_right div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today b { font-size: 30px; } div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-weather-description { display: inline-block !important; width: 100px; text-align: left!important; } .group_box_r .map .map_r.location{ border: 2px #007acc solid; border-top-left-radius: 20px; border-bottom-right-radius: 20px; position: relative; background: #007acc; } .group_box_r .map .map_r.location .w_title{ font-size: 17px; padding: 3px 19px 5px; text-transform: initial; text-align: left; background: #007acc; color: #fff; border-top-left-radius: 10px; } .group_box_r .map .map_r.location .banner_item{ overflow: hidden; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .group_box_r .map .map_r.location .banner_item img{ border: 0px; padding: 0px; border-radius: 1px; border-bottom-right-radius: 20px; } .hotline_mobile{ display: none; } .hotline_mobile { background: #ecbd00; height: 28px; padding: 2px 15px; color: #fff; } .hotline_mobile .hotline { display: inline-block; float: left; padding: 2px 0px; } header .header-tool .box_search{ display: none; } #item_detail .tth_navigation, .tth_navigation { margin-top: 0px; display: none; } .list_other .list_other-title, .list_orther .title{ display: block !important; border-bottom: 1px solid #4267b2 !important; } .list_other .list_other-title span{ display: inline-block; background: #4267b2; color: #fff; padding: 2px 10px; font-weight: bold; } .box_group_preservation .group .content_item .item_second .title, .box_group .group_box_l .box_item .title_item, .news_view_desc .box-content .news_item .title, .list_item .col_item h3 a, .list_item .col_item .short { text-align: justify; } .box_right.hidden_custom .tour, .box_right.hidden_custom .tour_1, .box_right.hidden_custom .tour_2{ display: none; } #item_detail > .item-short { font-weight: bold; text-align: justify; font-size: 16px; } div.aw-widget-current-inner a.aw-toggle{ display: none !important; } @media (max-width: 1330px) { #tth-scroll_right, #tth-scroll_left{ display: none; } } @media (max-width: 1260px) { } @media (max-width: 1169px) {} @media (max-width: 1079px) {} @media (max-width: 999px) {} @media (max-width: 979px) {} @media (max-width: 879px) {} @media (max-width: 849px) {} @media (max-width: 1000px) {} @media (max-width: 890px) {} @media (max-width: 769px) {} @media (max-width: 729px) {} @media (max-width: 690px) {} @media (max-width: 650px) {} @media (max-width: 599px) {} @media (max-width: 769px) {} @media (max-width: 599px) {} @media (max-width: 469px) {} @media (max-width: 361px){} @media (max-width: 320px) {} .resp-tabDrop { display: none; } .resp-tablist { display: block; padding: 0; border-bottom: 2px solid #ccc; padding-bottom: 0px; line-height: 1em; margin: 0px; } .resp-tablistItem { display: inline; cursor: pointer; padding: 10px 20px; display: inline-block; padding: 2px 10px; border: 1px #c5c5c5 solid; border-bottom: 0px; border-left: 0px; font-size: 17px; font-weight: bold; font-weight: normal; -webkit-transition: all 0ms ease-out 0s; -moz-transition: all 0ms ease-out 0s; -o-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s; background-image: -webkit-linear-gradient(top, #fff 0, #d6d6d6 100%); background-image: linear-gradient(to bottom, #fff 0, #d6d6d6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd6d6d6', GradientType=0); } .resp-tablistItem:hover{ color: #1f75d0; } .resp-tablistItem__active { background: #fff; color: #169e83; border-bottom-color: #fff; font-weight: 400; background: #f1f1f1; font-weight: bold; color: #1f75d0; } .resp-headings { display: none; } .resp-contents { margin-top: 15px; } @media (max-width: 1080px) { .resp-tablist { display: none; } .resp-tabDrop { display: block; width: 100%; height: 35px; font-size: 1.2em; margin: 1em 0 0 0; padding-left: 10px !important; } } ul.resp-tablist{ } .resp-contents table tr td { padding: 10px; word-wrap: break-word; }