#slide { background: url("../images/TTPTich.jpg"); background-repeat: no-repeat; background-size: 100%; border-bottom: 4px solid #01a53c; } #slide .top { position: relative; background: rgba(67, 68, 68, 0.3); } #slide .top .logo { margin: 0; display: inline-block; } #slide .top .menu { display: inline-block; padding: 0; margin-left: 125px; margin-bottom: 0; } #slide .top .menu .items { display: inline-block; margin-right: 45px; height: 40px; } #slide .top .menu .items a { color: #ffffff; font-weight: 800; font-size: 13px; display: block; } #slide .top .menu .items a:hover { color: #f8f23e; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; } #slide .top .menu .items .hover-1 { display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #ffffff; z-index: 1996; } #slide .top .menu .items .hover-1 .head { background: #d8eee4; } #slide .top .menu .items .hover-1 .head p { color: #01a53c; margin: 0; font-weight: 800; padding-top: 20px; padding-bottom: 10px; } #slide .top .menu .items .hover-1 .head .arg, #slide .top .menu .items .hover-1 .head .new, #slide .top .menu .items .hover-1 .head .shareholders { border-right: 1px solid #a9d9c4; } #slide .top .menu .items .hover-1 .head .arg:before, #slide .top .menu .items .hover-1 .head .new:before, #slide .top .menu .items .hover-1 .head .shareholders:before, #slide .top .menu .items .hover-1 .head .job:before { background: url("../images/ca-nhan.png"); float: left; content: ""; width: 33px; height: 30px; margin-right: 10px; margin-top: -10px; margin-left: 20px; } #slide .top .menu .items .hover-1 .head .new:before { background: url("../images/Organizational.png"); width: 33px; } #slide .top .menu .items .hover-1 .head .shareholders:before { background: url("../images/setting.png"); height: 33px; } #slide .top .menu .items .hover-1 .head .job:before { background: url("../images/girl.png"); width: 33px; } #slide .top .menu .items .hover-1 .body .list { list-style-type: none; padding-top: 15px; min-height: 260px; } #slide .top .menu .items .hover-1 .body .list a { color: #333333; font-weight: normal; display: block; padding-bottom: 15px; font-size: 14px; } #slide .top .menu .items .hover-1 .body .list a:before { background: url("../images/bg.png") -961px -26px; float: left; content: ""; width: 6px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-1 .body .list a:hover { color: #01a53c; } #slide .top .menu .items .hover-1 .body .list a:hover:before { background: url("../images/bg.png") -967px -26px; float: left; content: ""; width: 6px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-1 .body .arg, #slide .top .menu .items .hover-1 .body .new, #slide .top .menu .items .hover-1 .body .shareholders { border-right: 1px solid #c5e5d7; } #slide .top .menu .items .hover-2 { display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #ffffff; z-index: 1996; } #slide .top .menu .items .hover-2 .head { background: #d8eee4; } #slide .top .menu .items .hover-2 .head p { color: #01a53c; margin: 0; font-weight: 800; padding-top: 20px; padding-bottom: 10px; } #slide .top .menu .items .hover-2 .head .arg, #slide .top .menu .items .hover-2 .head .shareholders { border-right: 1px solid #a9d9c4; } #slide .top .menu .items .hover-2 .head .arg:before, #slide .top .menu .items .hover-2 .head .new:before, #slide .top .menu .items .hover-2 .head .shareholders:before, #slide .top .menu .items .hover-2 .head .job:before { background: url("../images/baocao.png"); float: left; content: ""; width: 33px; height: 30px; margin-right: 10px; margin-top: -10px; margin-left: 20px; } #slide .top .menu .items .hover-2 .head .new:before { background: url("../images/setting.png"); width: 33px; height: 33px; } #slide .top .menu .items .hover-2 .head .shareholders:before { background: url("../images/setting.png"); height: 33px; } #slide .top .menu .items .hover-2 .head .job:before { background: url("../images/girl.png"); width: 33px; } #slide .top .menu .items .hover-2 .body .list { list-style-type: none; padding-top: 15px; min-height: 260px; } #slide .top .menu .items .hover-2 .body .list a { color: #333333; font-weight: normal; display: block; padding-bottom: 15px; font-size: 14px; } #slide .top .menu .items .hover-2 .body .list a:before { background: url("../images/right-blue.png"); float: left; content: ""; width: 10px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-2 .body .list a:hover { color: #01a53c; } #slide .top .menu .items .hover-2 .body .list a:hover:before { background: url("../images/right-blue.png"); float: left; content: ""; width: 10px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-2 .body .new { border-right: 1px solid #c5e5d7; } #slide .top .menu .items .hover-3 { display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #ffffff; z-index: 1996; } #slide .top .menu .items .hover-3 .head { background: #d8eee4; } #slide .top .menu .items .hover-3 .head p { color: #01a53c; margin: 0; font-weight: 800; padding-top: 20px; padding-bottom: 10px; } #slide .top .menu .items .hover-3 .head .arg, #slide .top .menu .items .hover-3 .head .new, #slide .top .menu .items .hover-3 .head .shareholders { border-right: 1px solid #a9d9c4; } #slide .top .menu .items .hover-3 .head .arg:before, #slide .top .menu .items .hover-3 .head .new:before, #slide .top .menu .items .hover-3 .head .shareholders:before, #slide .top .menu .items .hover-3 .head .job:before { background: url("../images/bg.png") -689px -162px; float: left; content: ""; width: 33px; height: 30px; margin-right: 10px; margin-top: -10px; margin-left: 20px; } #slide .top .menu .items .hover-3 .head .new:before { background: url("../images/bg.png") -722px -162px; width: 29px; } #slide .top .menu .items .hover-3 .head .shareholders:before { background: url("../images/bg.png") -751px -162px; } #slide .top .menu .items .hover-3 .head .job:before { background: url("../images/bg.png") -784px -162px; width: 29px; } #slide .top .menu .items .hover-3 .body .list { list-style-type: none; padding-top: 15px; min-height: 260px; } #slide .top .menu .items .hover-3 .body .list a { color: #333333; font-weight: normal; display: block; padding-bottom: 15px; font-size: 14px; } #slide .top .menu .items .hover-3 .body .list a:before { background: url("../images/bg.png") -961px -26px; float: left; content: ""; width: 6px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-3 .body .list a:hover { color: #01a53c; } #slide .top .menu .items .hover-3 .body .list a:hover:before { background: url("../images/bg.png") -967px -26px; float: left; content: ""; width: 6px; height: 9px; margin-left: 20px; margin-right: 5px; margin-top: 4px; } #slide .top .menu .items .hover-3 .body .arg, #slide .top .menu .items .hover-3 .body .new, #slide .top .menu .items .hover-3 .body .shareholders { border-right: 1px solid #c5e5d7; } #slide .top .menu .items:hover { border-bottom: 3px solid #f8f23e; } #slide .top .menu .item1:hover .hover-1 { display: block; } #slide .top .menu .item2:hover .hover-2 { display: block; } #slide .top .menu .item3:hover .hover-3 { display: block; } #slide .top .menu .active { border-bottom: 3px solid #f8f23e; } #slide .top .menu .active a { color: #f8f23e; } #slide .top form { float: right; margin-top: 10px; } #slide .top form .search { background: url("../images/icon_search.png") 15px center; background-repeat: no-repeat; background-color: #ffffff; opacity: 0.5; outline: none; height: 50px; border: none; -webkit-appearance: textfield; padding: 9px 10px 9px 32px; width: 50px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } #slide .top form .search::-webkit-search-decoration, #slide .top form .search::-webkit-search-cancel-button { display: none; } #slide .top form .search:focus { background: none; opacity: 0.8; width: 160px; padding-left: 32px; color: #000; background-color: #fff; cursor: auto; outline: none; } #slide .title { font-size: 41px; font-weight: 900; margin-top: 45px; padding-bottom: 100px; margin-bottom: 0px; } #content { padding-bottom: 40px; } #content .content-con .category-news { margin-top: -50px; } #content .content-con .category-news ul { list-style-type: none; padding: 0; border-bottom: 10px; } #content .content-con .category-news ul .title { display: block; font-weight: 800; font-size: 17px; color: #ffffff; background: #01a53c; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 15px; padding-bottom: 10px; text-align: center; } #content .content-con .category-news ul li { background: #f2f2f2; margin-top: 2px; } #content .content-con .category-news ul li a { font-size: 14px; font-weight: bold; color: #333333; } #content .content-con .category-news ul li a span { display: block; padding-top: 14px; padding-bottom: 12px; } #content .content-con .category-news ul li a span:before { background: url("../images/bg.png") 0px -33px; content: ""; float: left; width: 12px; height: 12px; margin-right: 5px; margin-left: 15px; margin-top: 4px; opacity: 0.5; } #content .content-con .category-news ul li:hover, #content .content-con .category-news ul li:active { background: #e5e5e5; } #content .content-con .category-news ul .active { background: #e5e5e5; } #content .content-con .category-news ul .active span:before { opacity: 1; } #content .content-con .category-news ul .active span { color: #01a53c; } #content .content-con .category-news ul .active .menu-child { background: #fff; display: none; } #content .content-con .category-news ul .active .menu-child .child-lists:before { background: url("../images/right-blue.png"); content: ""; width: 10px; height: 10px; margin-top: 5px; float: left; margin-right: 5px; } #content .content-con .category-news ul .active .menu-child .child-lists { display: block; padding-top: 14px; padding-bottom: 12px; padding-left: 30px; } #content .content-con .category-news ul .active .menu-child .child-lists a { color: #666666; } #content .content-con .category-news ul .bottom { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 5px 20px 2px #e5e5e5; } #content .content-con .category-right .title-detail { font-size: 26px; font-weight: 800; margin: 30px 0; padding: 0; } #content .content-con .category-right .overview { padding: 0; padding-bottom: 10px; padding-top: 12px; border: 1px solid #ccc; border-radius: 4px; } #content .content-con .category-right .overview .overview-table .customer th, #content .content-con .category-right .overview .overview-table .customer td { padding: 8px 52px 8px 5px; border-bottom: 1px solid #ccc; text-align: center; font-size: 14px; } #content .content-con .category-right .overview .overview-table .customer .color-gray { background: #f5f5f5; } #content .content-con .category-right .overview .overview-table .customer .color-gray .color-red { color: #e04747; } #content .content-con .category-right .overview .overview-table .customer .color-blue { color: #01a53c; } #content .content-con .category-right .overview .map-overview { padding-left: 0; } #content .content-con .category-right .overview .map-overview img { padding-top: 15px; } #content .content-con .category-right .overview1 { margin-top: 20px; padding: 0; border: 1px solid #ccc; border-radius: 4px; } #content .content-con .category-right .overview1 .button-header { padding: 0; margin: 20px 0; } #content .content-con .category-right .overview1 .button-header .button-table .btn-success:first-child { background-image: linear-gradient(to bottom, #00d34f 0, #01a53c 100%); background-repeat: repeat-x; border-color: #01a53c; color: #fff; background-color: #01a53c; text-shadow: none; font-weight: 700; margin-right: 5px; } #content .content-con .category-right .overview1 .button-header .button-table .btn-success:nth-child(2), #content .content-con .category-right .overview1 .button-header .button-table .btn-success:nth-child(3) { background-image: linear-gradient(to bottom, #f5f5f5 0, #e1e1e1 100%); background-repeat: repeat-x; border-color: #e1e1e1; background-color: #e1e1e1; text-shadow: none; color: #717171; font-weight: 700; margin-right: 5px; } #content .content-con .category-right .overview1 .button-header .button-table1 select { width: 140px; padding: 5px 5px; border-radius: 4px; float: right; } #content .content-con .category-right .overview1 .table-overview .customer1 th, #content .content-con .category-right .overview1 .table-overview .customer1 td { padding: 8px 97px 8px 5px; border-bottom: 1px solid #ccc; } #content .content-con .category-right .overview1 .table-overview .customer1 .color-gray { background: #f5f5f5; } #content .content-con .category-right .overview1 .table-overview .customer1 .color-blue { color: #01a53c; } #content .content-con .category-right .overview1 .table-overview .customer1 .color-red { color: #e04747; } #content .content-con .category-right .overview1 #pagination ul li a { margin-left: 5px; border-radius: 4px; color: #000; background: #eeeeee; border: none; } #content .content-con .category-right .overview1 #pagination ul li a:hover { background: #01a53c; color: #fff; } @media only screen and (max-width: 480px) { #content .content-con .category-right .overview .overview-table .customer td { padding: 8px 32px 8px 5px; } #content .content-con .category-right .overview .map-overview img { width: 100%; } #content .content-con .category-right .overview1 .button-header .button-table1 select { width: 90px; } #content .content-con .category-right .overview1 #pagination ul li a { margin-left: 1px; } #slide .top .menu { display: none; } #slide .top form { margin-top: 10px; padding-right: 5px; } #slide .top .custom-container .logo img { padding: 7px; } } @media only screen and (min-width: 1200px) { #content .content-con .detail-news .video .video-l1 { width: 850px; } #content .content-con .detail-news .video-title { width: 850px; } } /*# sourceMappingURL=trungtamphantich-thitruong.css.map */