section.header{ display: table; width: 100%; } #content1 .left{width:94%;margin:0 auto;float:none;padding:25px 0} #content1 h2 span{display:block;} #content1 .right{width:94%;margin:0 auto;float:none;padding:0 0 25px;} #content1 .right .video{max-width:94%; } #content1 .left .rows strong{ width:100%;float:none;display:block;padding:10px 16px;box-sizing:border-box; } #content1 .left .rows span{padding:10px 16px 16px;display:block;float:left;box-sizing:border-box;} #content2 { margin: 0; padding: 0 0 30px; position: relative; z-index: 1; background: #f5f5f5; color: #542F11; text-align: center; } #content2 .content2-center{margin:0 auto;padding:0;border-bottom:1px #b2b2b2 solid;max-width:582px;} #content2 .content2-center img { padding: 0 0 5px; box-sizing: border-box; } #content2 .content2-center .center-img{padding: 0 30px 5px;} #content2 h2 { font-size: 18px; line-height: 25px; } #content2 .cols:nth-child(1), #content2 .cols:nth-child(2){width:94%;float:none;margin:10px auto 0;text-align:center;} #content3 h2 { font-size: 18px; line-height: 25px; } #content3 .cols { width:94%;float:none;margin:0 auto; margin:0 1%;font-size:16px;line-height:22px;font-weight:700; text-transform:uppercase; color: #fff; } #content4 h2 { font-size: 18px; line-height: 25px; } #content4 h2 span{display:block;} #content4 .cols { width: 94%; margin:0 auto; float: none; min-height:180px; } #content4 .cols.bd_right, #content4 .cols.bd_top{border:none;} #content4 .cols p{padding:0 0 12px;} #content5 h2 { font-size: 18px; line-height: 25px; } #content5 h2 span{display:block;} #content5 > img{max-width:94%;margin:0 auto;} #content5 h3 { font-size: 16px; line-height: 25px; } #content5 h3 span{border-bottom: 2px #557981 solid;} #content5 .support-check{max-width:94%;margin:0 auto;} #content5 .main{padding:0;} #content5 .cols{ width:94%;float:none;margin:12px auto 0; } #content5 .tuvan{max-width:92%;margin: 0 auto} #content5 .cols .uncheck{ width:46px;height:46px;display:block;float:left;margin-right:16px; background:url(../images/bxh/icon4_nocheck.png) no-repeat 0 0; } #content6{padding: 0 0 20px;} #content6 h2 { font-size: 18px; line-height: 26px; } #content6 .cols{width:48%;float:left;margin:0 1%;color:#fff;text-align:center} #content6 .bottom{ background:url(../images/bxh/icon5_bg3_mobile.png) no-repeat center 0;padding-top:50px; } #content6 .bottom .social{background:#fff;padding:0;border-radius:10px;height:auto;max-width:224px;} #content6 .bottom .social:after{content:''; clear:both;} #content6 .bottom .social .col{margin:13px;display:inherit;} #content6 .bottom .social .col .hover-text{ display:none !important; } #content6 .bottom .social .col:hover .hover-text{display:block;} #content6 .bottom .social .col .hover-text .arrow{position:absolute;top:-15px;left:66px;} @media screen and (max-width:319px) { #content4 .rows1 .cols p { background-size: 100% !important; padding: 18px 10px 18px 24%; } #content1 .col1 img { margin-bottom: 10px; } } #main-menu-bxh { min-height: 50px; padding: 30px 0; margin: 0; background:#f5f5f5; border-bottom:1px #d6d6d6 solid; border-top:1px #d6d6d6 solid; display: table; width: 100%; } #main-menu-bxh .btn-readmore{width:96%;max-width:980px; padding:0;margin:0 auto 6px;position:relative;display:none;text-align:center;} #main-menu-bxh .btn-readmore span{ padding:12px 50px 12px 16px;border-radius:10px; font-size:18px;line-height:26px;text-transform:uppercase;color:#fff; cursor:pointer;display:block;background:url(../images/bxh/menuC_icon.png) no-repeat 96% center #cf8620; } #main-menu-bxh .arrow{ display:block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #cf8620; position:absolute;bottom:-6px;right:26px; } #main-menu-bxh > ul { width: 100%; padding:0; position: relative; } #main-menu-bxh > ul:after{content:'';clear:both;display:block;} #main-menu-bxh > ul > li { position: relative; margin: 0; text-align: center; display: block; width: 50%; box-sizing:border-box; float: left;padding:10px; border-right:1px #d3d3d3 dashed; } #main-menu-bxh > ul > li:after{content:'';display:block;clear:both;} #main-menu-bxh > ul > li:nth-child(2n){border-right:none;padding-right:0;} #main-menu-bxh > ul > li:nth-child(2n + 1){padding-left:0;} #main-menu-bxh > ul > li:nth-child(1), #main-menu-bxh > ul > li:nth-child(2){border-bottom:1px #d3d3d3 dashed;padding-top:0;} #main-menu-bxh > ul > li:nth-child(3), #main-menu-bxh > ul > li:nth-child(4){padding-bottom:0;} #main-menu-bxh > ul > li > a { display: block; width:41%;float:left;left:0;min-height: 96px; text-align:center; background:#ffa4a4; text-transform: uppercase; margin-top: 4px; } #main-menu-bxh > ul > li:nth-child(1) > a{background:#87bf69;} #main-menu-bxh > ul > li:nth-child(2) > a{background:#f78f8f;} #main-menu-bxh > ul > li:nth-child(3) > a{background:#e0a376;} #main-menu-bxh > ul > li:nth-child(4) > a{background:#6e9abf;} #main-menu-bxh > ul > li:nth-child(5) > a{background:#9ed695;} #main-menu-bxh > ul > li > a:hover { color: #fff; } #main-menu-bxh > ul > li > a span{ width: 130px;height:94px;display:table-cell;vertical-align:middle;padding:0 16px; font-size:13px;line-height:18px;color:#fff;position:relative;font-weight:700; } #main-menu-bxh > ul > li > a:before{ content:'';width:65px;height:65px;display:block;float:left; margin-right:6px;margin-top:14px;margin-left:10px; } #main-menu-bxh > ul > li.benh-sui-mao-ga > a:before{ background:url(../images/bxh/menu2_icon.png) no-repeat 0 0; } #main-menu-bxh > ul > li.benh-lau > a:before{ background:url(../images/bxh/menu2_icon.png) no-repeat 0 -130px; } #main-menu-bxh > ul > li.benh-giang-mai > a:before{ background:url(../images/bxh/menu2_icon.png) no-repeat 0 -65px; } #main-menu-bxh > ul > li.mun-rop-sinh-duc > a:before{ background:url(../images/bxh/menu2_icon.png) no-repeat 0 -195px; } #main-menu-bxh ul > li > ul { list-style: none; float: left; padding:0; color: #211f13; left: 0; width: 58%; float:right; z-index: 99; } #main-menu-bxh ul > li:hover > ul { margin-top: 0; } #main-menu-bxh ul > li > ul > li { text-align: center;width:47.5%;margin:1.5%;float:left; } #main-menu-bxh ul > li > ul > li:nth-child(2n){margin-right:0;} #main-menu-bxh ul > li > ul > li:after{content:'';clear:both;display:block;} #main-menu-bxh > ul > li > ul > li a{ display:block;color: #333;box-sizing:border-box;padding:4px; background:#dedede;font-size:14px;line-height:18px; } #main-menu-bxh > ul > li:nth-child(1) > ul > li a:hover{background:rgba(135, 191, 105, 0.5);} #main-menu-bxh > ul > li:nth-child(2) > ul > li a:hover{background:rgba(247, 143, 143, 0.5);} #main-menu-bxh > ul > li:nth-child(3) > ul > li a:hover{background:rgba(224, 163, 118, 0.5);} #main-menu-bxh > ul > li:nth-child(4) > ul > li a:hover{background:rgba(110, 154, 191, 0.5);} #main-menu-bxh > ul > li > ul > li a span{ display:table-cell;height:36px;vertical-align:middle;width:160px; text-align:center;margin:0 auto; } #main-menu-bxh > ul > li ul a { text-transform: none; line-height: 30px; } #main-menu-bxh > ul > li > ul > li:last-child .mtuvan{ width:132px;height:42px;display:block; background:url(../images/bxh/menu2_button.png) 0 -42px; } #main-menu-bxh > ul > li > ul > li:last-child a:hover .mtuvan{ width:132px;height:42px;display:block; background:url(../images/bxh/menu2_button.png) 0 0; } @media screen and (max-width: 800px){ #main-menu-bxh .btn-readmore{display:block;} #main-menu-bxh > ul{width:94%;max-width:338px;display:block;} #main-menu-bxh ul > li > ul{width:50%;} #main-menu-bxh > ul > li > a{width:48%;} #main-menu-bxh > ul > li{width:100%;padding:0 !important;margin:6px 0;border:none !important;} #main-menu-bxh ul > li > ul > li{width:100%;max-width:160px;} #main-menu-bxh > ul > li > a:before{float: none;margin:30px auto 0;} #main-menu-bxh > ul > li > a{min-height:196px;} #main-menu-bxh > ul > li > a span{ width: 100%;height:94px;display:block;vertical-align:middle;text-align:center; padding:12px;box-sizing:border-box; } #main-menu-bxh > ul > li > ul > li:last-child a{background:none;} } /*banner*/ #sub-banner {width: 100%;background: url(../images/bxh/banner_bg.png) no-repeat center;float: left;margin-top: -20px;} #sub-banner .left-bn {float: left;width: 38%;text-align: right;margin-top: 60px;} #sub-banner .left-bn > img:nth-child(1){} #sub-banner .left-bn > img:nth-child(2) {margin-top: 2%;max-width:100%;} #sub-banner .left-bn .sub-left-bn {width: 100%;float: right;margin-top: 7%;} #sub-banner .right-bn {float: right;width: 55%;text-align: center;margin-top: 0%;} #sub-banner .right-bn > img {float: left;max-width:100%;} @media screen and (max-width: 800px){ #sub-banner {margin: 0;background-size: 220% 100%;} #sub-banner .left-bn .sub-left-bn{display: none;} #sub-banner .left-bn {margin-left:2%;} #sub-banner .right-bn {margin-right:2%;} } /*content1*/ #content1 {width: 100%;float: left;background: #1ea593;} #content1 h1 {width: 100%;float: left;text-align: center;font-size: 18px;font-family: tahoma;font-weight: bold;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 30px;} #content1 img {float: left;margin-right: 10px;margin-top: 0px;position: relative;top: -8px;margin-left: 10px;} #content1 p {font-size: 15px;font-family: tahoma;text-align: justify;width: 96.5%;color: #fff;margin: 0px 1%;margin-bottom: 30px;} @media screen and (max-width: 800px){ #content1 p {width: 94%;margin: 0 3%;margin-bottom: 5%;} } /*content2*/ #content2 {width: 100%;float: left;background: #f5f5f5;padding-bottom: 30px;} #content2 h2 {width: 100%;text-align: center;margin-top: 20px;font-size: 18px;font-family: tahoma;font-weight: bold;color: #3c3c3c;} #content2 .sub-ct2 {width: 22%;float: left;margin: 0 14px;margin-top: 30px;} #content2 .sub-ct2 > a:nth-child(1) {width: 100%;float: left;height: 142px;} #content2 .sub-ct2 > a:nth-child(1) > span {width: 210px;height: 142px;float: left;margin: 0 2px;} #content2 .sub-ct2:nth-child(2) > a:nth-child(1) > span {background: url(../images/bxh/images210x142.png) no-repeat 0 0} #content2 .sub-ct2:nth-child(3) > a:nth-child(1) > span {background: url(../images/bxh/images210x142.png) no-repeat 0 -142px} #content2 .sub-ct2:nth-child(4) > a:nth-child(1) > span {background: url(../images/bxh/images210x142.png) no-repeat 0 -284px} #content2 .sub-ct2:nth-child(5) > a:nth-child(1) > span {background: url(../images/bxh/images210x142.png) no-repeat 0 -426px} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 {width: 210px;height: 142px;margin: 0 2px;text-align: center;position: absolute;} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 > span {vertical-align: baseline;width: 100%;float: left;height: 100%;background: #010101;opacity: 0.6;transition: 0.4s all ease-in-out;} #content2 .sub-ct2 > a:nth-child(1):hover .hover-ct2 > span{opacity: 0} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 > img{position: relative;top: -88px;z-index: 1;} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 > span > img {vertical-align: middle;margin: 54px 0;} #content2 .sub-ct2 h3 {width: 70%;float: left;text-align: center;font-size: 15px;font-family: tahoma;font-weight: bold;color: #eb6756;margin: 0 15%;margin-top: 30px;height: 50px;text-transform: uppercase;} #content2 .sub-ct2 > p {width: 100%;float: left;text-align: justify;font-size: 15px;font-family: tahoma;color: #3c3c3c;min-height: 120px;line-height: 23px;} #content2 .sub-ct2 > a:nth-child(4) {width: 100%;float: left;height: 42px;background: url(../images/bxh/button1_155x42.png) no-repeat center -42px;margin: 20px 0;} #content2 .sub-ct2 > a:nth-child(4):hover {width: 100%;float: left;height: 42px;background: url(../images/bxh/button1_155x42.png) no-repeat center 0px;margin: 20px 0;} @media screen and (max-width: 800px){ #content2 {width: 100%;margin: 0;} #content2 h2 {margin-top: 5%;} #content2 .sub-ct2 {width: 213px;float: left;margin: 0 36%;margin-top: 5%;} #content2 .sub-ct2 h3 {width: 100%;margin: 0;margin-top: 10%;} } @media screen and (max-width: 480px){ #content2 .sub-ct2 {width: 80%;float: left;margin: 0 10%;margin-top: 10%;} #content2 .sub-ct2 > a:nth-child(1) > span {width: 210px;height: 142px;float: left;margin: 0 20%;} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 {width: 210px;height: 142px;margin: 0 16%;text-align: center;position: absolute;} #content2 .sub-ct2 > p {min-height: 86px;} } @media screen and (max-width: 360px){ #content2 .sub-ct2 {width: 90%;float: left;margin: 0 5%;margin-top: 5%;} #content2 .sub-ct2 > a:nth-child(1) > span {width: 210px;height: 142px;float: left;margin: 0 14%;} #content2 .sub-ct2 > a:nth-child(1) .hover-ct2 {width: 210px;height: 142px;margin: 0 13%;text-align: center;position: absolute;} } /*content3*/ #content3 {width: 100%;float: left;} #content3 h2 {width: 100%;text-align: center;font-size: 18px;font-family: tahoma;font-weight: bold;color: #3c3c3c;float: left;margin-top: 30px;} #content3 p {font-size: 15px;font-family: tahoma;color: #535353;text-align: center;margin: 0 15%;width: 70%;float: left;margin-top: 15px;} #content3 .img-ct3 {width: 100%;float: left;margin-top: 30px;} #content3 .img-ct3 img:nth-child(1) {float: left;margin-left: 15px;} #content3 .img-ct3 img:nth-child(2) {float: left;margin-left: 30px;margin-top: 10px;} #content3 .a-ct3 {width: 100%;float: left;text-align: center;margin: 30px 0; } #content3 .a-ct3 > a:nth-child(1) {background: url(../images/bxh/button2.png) no-repeat center;float: left;padding: 42px 0px;width: 100%;} #content3 .a-ct3 > a:nth-child(1) > span:nth-child(1) {float: left;font-size: 15px;font-family: tahoma;color: #b70101;margin-left: 224px;} #content3 .a-ct3 a:nth-child(1) > span:nth-child(2) {float: left;font-size: 15px;font-family: tahoma;color: #b70101;margin-left: 190px;text-align: left;} #content3 .a-ct3 a:nth-child(1)>span:nth-child(3){float: left;font-size: 15px;font-family: tahoma;color: #b70101;margin-left: 190px;margin-right: 100px;} #content3 .a-ct3 a:nth-child(2){display: none;} #content3 .a-ct3 a:nth-child(2) > img{} @media screen and (max-width: 800px){ #content3 {width: 80%;margin: 0 10%;} #content3 h2 {margin-top: 5%;} #content3 .img-ct3 {margin-top: 5%;} #content3 .img-ct3 img:nth-child(1) {width: 100%;margin: 0;} #content3 .img-ct3 img:nth-child(2) {width: 28%;margin: 0;margin-top: 5%;} #content3 .a-ct3 > a:nth-child(1) {display: none;} #content3 .a-ct3 a:nth-child(2) {display: block;width: 70%;margin: 0 15%;} #content3 .a-ct3 a:nth-child(2) > img {width: 100%;} } @media screen and (max-width: 480px){ #content3 {width: 90%;margin: 0 5%;} #content3 p{width: 100%; margin: 0} #content3 .img-ct3 img:nth-child(2) {width: 40%;} #content3 .a-ct3 a:nth-child(2) {display: block;width: 100%;margin: 0;} } @media screen and (max-width: 360px){ #content3 {width: 98%;margin: 0px 1%;} } /*Content 4*/ #content4 {width: 100%;float: left;background: #f5f5f5;} #content4 h2 {text-align: center;float: left;width: 100%;margin-top: 30px;font-size: 18px;font-family: tahoma;font-weight: bold;text-transform: uppercase;color: #3c3c3c;} #content4 .sub-ct4 {width: 21%;float: left;margin: 0px 19px;margin-top: 30px;height: 300px;} #content4 .sub-ct4 span {float: left;width: 106px;height: 106px;margin: 0 49px;} #content4 .sub-ct4 h4 {width: 100%;float: left;text-align: center;margin-top: 20px;height: 45px;font-size: 15px;font-family: tahoma;font-weight: bold;} #content4 .sub-ct4 p {width: 100%;float: left;text-align: justify;font-size: 15px;font-family: tahoma;} #content4 .sub-ct4:nth-child(2) span {background: url(../images/bxh/icon2_106x106.png) no-repeat 0 0;} #content4 .sub-ct4:nth-child(3) span {background: url(../images/bxh/icon2_106x106.png) no-repeat 0 -106px;} #content4 .sub-ct4:nth-child(4) span {background: url(../images/bxh/icon2_106x106.png) no-repeat 0 -212px;} #content4 .sub-ct4:nth-child(5) span {background: url(../images/bxh/icon2_106x106.png) no-repeat 0 -318px;} @media screen and (max-width: 800px){ #content4 {} #content4 h2 {} #content4 .sub-ct4 {width: 210px;margin: 0 36%;margin-top: 5%;} #content4 .sub-ct4 span {} #content4 .sub-ct4 h4 {} #content4 .sub-ct4 p {} #content4 .sub-ct4:nth-child(2) span {} #content4 .sub-ct4:nth-child(3) span {} #content4 .sub-ct4:nth-child(4) span {} #content4 .sub-ct4:nth-child(5) span {} } @media screen and (max-width: 480px){ #content4 h2 {width: 90%;margin: 0 5%;margin-top: 5%;} #content4 .sub-ct4 {width: 100%;margin: 0px 0%;padding:0px 15px;box-sizing:border-box;} #content4 .sub-ct4 span {margin: 0 36%;} } @media screen and (max-width: 360px){ #content4 .sub-ct4 span {margin: 0 32%;} } /*content 5*/ #content5 {width: 100%;float: left;} #content5 h2 { width: 100%;float: left;text-align: center;text-transform: uppercase;font-size: 25px;line-height:32px; font-family: tahoma;font-weight: bold;color: #35978f;margin-top: 30px; } #content5 .div1-ct5 {width: 100%;float: left;margin-top: 30px;} #content5 .div1-ct5 h3 {font-size: 15px;font-family: tahoma;font-weight: bold;text-transform: uppercase;text-align: left;color: #667274;border-bottom: 2px solid #667274;width: 28%;margin-left: 20px;margin-right: 50%;} #content5 .div1-ct5 > p {margin-left: 20px;text-align: justify;font-size: 15px;font-family: tahoma;color: #535353;margin-top: 20px;width: 96%;} #content5 .div1-ct5 .sub-div1-ct5 {width: 50%;float: left;margin: 30px 0;} #content5 .div1-ct5 .sub-div1-ct5 span {float: left;width: 78px;height: 91px;margin-left: 60px;} #content5 .div1-ct5 .sub-div1-ct5 > p {float: left;width: 55%;font-size: 15px;font-family: tahoma;text-align: justify;margin-left: 20px;} #content5 .div1-ct5 .sub-div1-ct5:nth-child(3) > p{color: #31729f;} #content5 .div1-ct5 .sub-div1-ct5:nth-child(4) > p{color: #ce6c5f;} #content5 .div1-ct5 .sub-div1-ct5:nth-child(3) span{background: url(../images/bxh/icon3_78x91.png) no-repeat 0 0;} #content5 .div1-ct5 .sub-div1-ct5:nth-child(4) span{background: url(../images/bxh/icon3_78x91.png) no-repeat 0 -91px;} #content5 .div2-ct5 {width: 100%;float: left;text-align:center;} #content5 .div2-ct5 h3 {font-size: 15px;font-family: tahoma;font-weight: bold;text-transform: uppercase;text-align: left;color: #667274;border-bottom: 2px solid #667274;width: 16%;margin-left: 20px;margin-right: 50%;} #content5 .div2-ct5 > p {margin-left: 20px;text-align: justify;font-size: 15px;font-family: tahoma;color: #535353;margin-top: 20px;width: 96%;} #content5 .div2-ct5 img {float: left;margin: 30px 68px;} #content5 .div3-ct5 {width: 100%;float: left;} #content5 .div3-ct5 > a:nth-child(1) {width: 100%;float: left;background: url(../images/bxh/button2.png) no-repeat center;padding: 32px 0;margin-bottom: 30px;} #content5 .div3-ct5 > a:nth-child(1) > span:nth-child(1) { font-size: 15px; font-family: tahoma; color: #b70101; margin-left: 19%; float: left; display: block; text-indent: 28px; width: 42%; } #content5 .div3-ct5 >a:nth-child(1) > span:nth-child(2){font-size: 15px;font-family: tahoma;color: #b70101;margin-left: 186px;float: left;} #content5 .div3-ct5 >a:nth-child(1) > span:nth-child(3){font-size: 15px;font-family: tahoma;color: #b70101;margin-left: 186px;float: left;} #content5 .div3-ct5 >a:nth-child(2){display: none;} #content5 .div3-ct5 >a:nth-child(2) img{} @media screen and (max-width: 800px){ #content5 .div1-ct5 > p {width: 100%;margin: 0;margin-top: 5%;} #content5 {width: 80%;margin: 0 10%;} #content5 h2 {margin-top: 5%;} #content5 .div1-ct5 h3 {width: 100%;margin: 0;} #content5 .div1-ct5 h3 {width: 100%;margin: 0;} #content5 .div1-ct5 .sub-div1-ct5 {width: 100%;} #content5 .div1-ct5 .sub-div1-ct5 span {margin: 0;} #content5 .div1-ct5 .sub-div1-ct5 > p {width: 70%;margin-left: 5%;margin-top: 2%;} #content5 .div2-ct5 h3 {width: 100%;margin: 0;} #content5 .div2-ct5 > p {width: 100%;margin: 0;margin-top: 3%;} #content5 .div3-ct5 > a:nth-child(1) {display: none;} #content5 .div3-ct5 > a:nth-child(2) {display: block;width: 70%;margin: 3% 15%;} #content5 .div3-ct5 > a:nth-child(2) img {width: 100%;} #content5 .div2-ct5 img{float:none;margin:20px 0;} } @media screen and (max-width: 480px){ #content5 {width: 90%;margin: 0 5%;} #content5 .div3-ct5 > a:nth-child(2) {display: block;width: 100%;margin: 3% 0%;} } @media screen and (max-width: 360px){ #content5 .div1-ct5 .sub-div1-ct5 > p {width: 64%;margin-left: 5%;margin-top: 2%;} #content5 .div2-ct5 span {height: 84px} } @media screen and (max-width: 320px){ #content5 .div2-ct5 span {height: 74px;} #content5 .div2-ct5 span:nth-child(4) {background: url(../images/bxh/icon4_351x91.png) no-repeat 0 -74px;background-size: 100%;} } /*online*/ #online {margin: 0;padding: 0;text-align: center; background: #80c45e; /* Old browsers */ background: -moz-linear-gradient(left, #80c45e 0%, #20a692 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #80c45e 0%,#20a692 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #80c45e 0%,#20a692 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c45e', endColorstr='#589a92',GradientType=1 ); /* IE6-9 */ } #online h2 {width: 92%;max-width: 980px; margin: 0 auto;font-size: 25px;line-height: 32px;color: #fff;padding: 25px 0 2px;box-sizing:border-box;text-transform: uppercase;text-align: center;} #online .main{padding:30px 0;} #online .details {width: 94%;max-width: 980px;margin: 0 auto;font-size:15px;color: #fff;padding: 0 0 10px;box-sizing:border-box;text-transform: uppercase;text-align: center;} #online hr{border:none;height:3px;width:80%; max-width:200px;margin:0 auto;} #online .left, #online .right{width:26%;float:left;margin:0 1%;color:#fff;text-align:center;text-transform:uppercase;} #online .center{width:42%;float:left;margin:0 1%;color:#fff;text-align:center} #online .box{padding:22px 0;} .fact-number {font-size: 70px;line-height: 80px;} @media screen and (max-width: 800px){ #online .main { padding: 5px 0 20px; } #online .left, #online .right{width:96%;float:none;margin:0 auto;color:#fff;text-align:center;text-transform:uppercase;} #online .center{width:96%;float:none;margin:0 auto;} #online .box{padding:22px 0;} .fact-number{font-size:70px;line-height:80px;} } /*content6 - dieu tri nhu the nao*/ #content6 {width: 100%;float: left;background: #f5f5f5; padding-bottom: 40px} #content6 .img-topct6 {width: 100%;float: left;text-align: center;} #content6 .img-topct6 > img{} #content6 h2 { width: 100%;float: left;text-align: center;font-size: 25px;line-height:32px; font-family: tahoma; font-weight: bold;text-transform: uppercase;color: #35978f;margin: 30px 0; } #content6 .divr-ct6 {width: 100%;float: left;min-height: 235px;margin: 10px 0;} #content6 .divr-ct6 > img {float: left;margin-left: 20px;} #content6 .divr-ct6 h3 { float: left;width: 55%;font-size: 18px;line-height:23px; font-family: tahoma;color: #ec6060; text-align: justify;text-transform: uppercase;margin-left: 20px; } #content6 .divr-ct6 > span:nth-child(3) {float: left;width: 55%;font-size: 15px;font-family: tahoma;color: #93481f;margin-left: 20px;text-align: justify;} #content6 .divr-ct6 > p {float: left;width: 58%;font-size: 15px;font-family: tahoma;margin-top: 10px;margin-left: 20px;color: #535353;text-align: justify;} #content6 .divr-ct6 > a {float: left;width: 139px;height: 42px;background: url(../images/bxh/button3_139x42.png) no-repeat 0 -42px;margin-top: 15px;margin-left: 20px;} #content6 .divr-ct6 > a:hover {float: left;width: 139px;height: 42px;background: url(../images/bxh/button3_139x42.png) no-repeat 0 0;margin-top: 15px;margin-left: 20px;} #content6 .line-ct6 {width: 50%;float: left;height: 2px;border-bottom: 2px dashed #bdbdbd;margin: 15px 25%;} #content6 .divl-ct6 {width: 100%;float: left;min-width: 235px;margin: 10px 0;} #content6 .divl-ct6 > img {float: right;margin-right: 20px;} #content6 .divl-ct6 h3 { float: left;width: 55%;font-size: 18px;line-height:23px; font-family: tahoma;color: #ec6060; text-align: justify;text-transform: uppercase;margin-left: 20px; } #content6 .divl-ct6 > span:nth-child(3) {float: left;width: 55%;font-size: 15px;font-family: tahoma;color: #934820;margin-left: 20px;text-align: justify;} #content6 .divl-ct6 > p {float: left;width: 58%;font-size: 15px;font-family: tahoma;margin-top: 10px;margin-left: 20px;color: #535353;text-align: justify;} #content6 .divl-ct6 > a {float: left;margin-left: 20px;width: 139px;height: 42px;background: url(../images/bxh/button3_139x42.png) no-repeat 0 -42px;margin-top: 15px;} #content6 .divl-ct6 > a:hover {float: left;margin-left: 20px;width: 139px;height: 42px;background: url(../images/bxh/button3_139x42.png) no-repeat 0 0;margin-top: 15px;} @media screen and (max-width: 800px){ #content6 h2 {width: 100%;margin: 3% 0;} #content6 .divr-ct6 {width: 80%;margin: 0 10%;} #content6 .divr-ct6 > img {width: 60%;margin: 0 20%;} #content6 .divr-ct6 h3 {width: 100%;margin: 0;margin-top: 3%;} #content6 .divr-ct6 > span:nth-child(3) {width: 100%;margin: 0;} #content6 .divr-ct6 > p {width: 100%;margin: 0;margin-top: 3%;} #content6 .divr-ct6 > a {margin: 0;margin-top: 3%;} #content6 .divr-ct6 > a:hover {margin: 0;margin-top: 3%;} #content6 .line-ct6 {width: 80%;margin: 5% 10%;} #content6 .divl-ct6 {width: 80%;margin: 0 10%;} #content6 .divl-ct6 > img {width: 60%;margin: 0 20%;} #content6 .divl-ct6 h3 {width: 100%;margin: 0;margin-top: 3%;} #content6 .divl-ct6 > span:nth-child(3) {width: 100%;margin: 0;} #content6 .divl-ct6 > p {width: 100%;margin: 0;margin-top: 3%;} #content6 .divl-ct6 > a {margin: 0;margin-top: 3%;} #content6 .divl-ct6 > a:hover {margin: 0;margin-top: 3%;} } @media screen and (max-width: 480px){ #content6 .divr-ct6 {width: 90%;margin: 0 5%;} #content6 .divr-ct6 > img {width: 90%;margin: 0 5%;} #content6 .line-ct6 {width: 90%;margin: 5%;} #content6 .divl-ct6 {width: 90%;margin: 0 5%;} #content6 .divl-ct6 > img {width: 90%;margin: 0 5%;} } @media screen and (max-width: 360px){ #content6 .divr-ct6 > img {width: 100%;margin: 0;} #content6 .divl-ct6 > img {width: 100%;margin: 0;} } /*conten 7 - phia truoc*/ #content7 {width: 100%;float: left;} #content7 .div1-ct7 {width: 100%;float: left;text-align: center;margin-top: 30px;} #content7 .div1-ct7 h2 {width: 100%;font-weight: bold;text-transform: uppercase;font-size: 22px;line-height:32px; font-family: tahoma;color: #1e8685;margin-top: 10px;} #content7 .div2-ct7 {width: 100%;float: left;margin-top: 30px;padding-bottom: 30px;} #content7 .div2-ct7 .top-ct7 {width: 96%;float: left;text-align: center;background: #1ea593;margin: 1px 19px;margin-bottom: 20px;} #content7 .div2-ct7 .top-ct7 img {padding-top: 20px;} #content7 .div2-ct7 .top-ct7 p {width: 92%;font-size: 15px;font-family: tahoma;text-transform: uppercase;color: #fff6ce;margin: 0 4%;line-height: 25px;padding-bottom: 20px;} #content7 .sub-ct7 {width: 46%;float: left;overflow:hidden; border: 1px solid #d5d5d5;margin: 18px 18px;background: url(../images/pic7_bg.png) no-repeat right 2px bottom 2px;min-height: 170px;} #content7 .sub-ct7 span {float: left;width: 104px;height: 104px;margin: 25px 20px 20px 20px;} #content7 .sub-ct7 h3 {float: left;font-size: 15px;font-family: tahoma;font-weight: bold;text-transform: uppercase;color: #ec6060;margin-top: 20px;} #content7 .sub-ct7 p {font-size: 15px;font-family: tahoma;color: #535353;float: left;width: 62%;padding-right: 6%;margin-top: 3px;} #content7 .sub-ct7:nth-child(2) span{background: url(../images/bxh/pic7_104x104.png) no-repeat 0 0;} #content7 .sub-ct7:nth-child(3) span{background: url(../images/bxh/pic7_104x104.png) no-repeat 0 -104px;} #content7 .sub-ct7:nth-child(5) span{background: url(../images/bxh/pic7_104x104.png) no-repeat 0 -208px;} #content7 .sub-ct7:nth-child(6) span{background: url(../images/bxh/pic7_104x104.png) no-repeat 0 -312px;} @media screen and (max-width: 800px){ #content7 {width: 80%;margin: 0 10%;} #content7 .div2-ct7 .top-ct7 {width: 100%;margin: 0;} #content7 .sub-ct7 {width: 99%;margin: 5% 0;} #content7 .sub-ct7 span {margin: 3% 40%;} #content7 .sub-ct7 h3 {width: 100%;text-align: center;} #content7 .sub-ct7 p {width: 90%;padding: 0;margin: 3% 5%;} } @media screen and (max-width: 480px){ #content7 {width: 90%;margin: 0 5%;} #content7 .sub-ct7 span {margin: 3% 37%;} } @media screen and (max-width: 360px){ #content7 .sub-ct7 span {margin: 3% 32%;} } /*.....................-----------------................*/ #patient{width:100%;margin:0 auto;text-align:center;padding:30px 0;background: #f5f5f5;float: left;} #patient .cols {width: 30%;margin: 0 16px;float: left;} #patient .cols .pic{width:81px;height:81px;display:block;margin:0 auto;} #patient .cols:nth-child(2) .pic {background: url(../images/bxh/pic8_81x81.png) no-repeat 0 0;} #patient .cols:nth-child(3) .pic {background: url(../images/bxh/pic8_81x81.png) no-repeat 0 -81px;} #patient .cols:nth-child(4) .pic {background: url(../images/bxh/pic8_81x81.png) no-repeat 0 -162px;} #patient .cols strong{text-transform:uppercase;color:#3e4f63;padding:16px 12px;display:block;text-align:center;} #patient .cols p{padding:20px;border:1px #dfdfdf solid;border-radius:10px;text-align:justify; min-height:120px;position:relative;box-sizing:border-box;background: #fff;} #patient .cols .arrow {width: 22px;height: 12px;display: block;margin: -32px auto 20px;background: url(../images/bxh/pic8_arrow.png) no-repeat 0px 0px} #patient .top-patient {width: 100%;float: left;text-align: center;margin-bottom: 20px;} #patient .top-patient > img{} #patient .top-patient h2 {width: 100%;font-size: 18px;font-family: tahoma;font-weight: bold;text-transform: uppercase;color: #3c3c3c;margin-top: 10px;} #patient .bottom-patient {width: 100%;float: left;margin-top: 30px;} #patient .bottom-patient > a:nth-child(1) {width: 100%;float: left;background: url(../images/bxh/button2.png) no-repeat center;padding: 28px 0;} #patient .bottom-patient > a:nth-child(1) > span:nth-child(1) {font-size: 15px;font-family: tahoma;float: left;color: #b70101;margin-left: 215px;margin-top: 10px;} #patient .bottom-patient > a:nth-child(1) > span:nth-child(2){font-size: 15px;font-family: tahoma;float: left;color: #b70101;margin-left: 188px;} #patient .bottom-patient > a:nth-child(1) > span:nth-child(3){font-size: 15px;font-family: tahoma;float: left;color: #b70101;margin-left: 188px;} #patient .bottom-patient > a:nth-child(2){display: none;} #patient .bottom-patient > a > span{font-size: 14px;} @media screen and (max-width: 800px){ #patient{width:100%;max-width:980px;margin:0 auto;text-align:center;padding:30px 0;} #patient .cols{width:96%;margin:0 auto;float:none;display:none;} #patient .cols.active{display:inline-block;} #patient .pagi{text-align:center;width:90px;margin:10px auto 0;} #patient .pagi .nav-cols{width:20px;height:20px;display:block;background:#f2e7df;float:left;border-radius:50%;margin:0 5px;cursor:pointer;} #patient .pagi .nav-cols.active{background:#70ac4f;} #patient .bottom-patient {width: 80%;margin: 0 10%;margin-top: 5%;} #patient .bottom-patient > a:nth-child(1) {display: none;} #patient .bottom-patient > a:nth-child(2) {display: inline-block;width: 70%;} #patient .bottom-patient > a:nth-child(2) > img {width: 100%;} } @media screen and (max-width: 480px){ #patient .bottom-patient {width: 90%;margin: 0 5%;margin-top: 5%;} #patient .bottom-patient > a:nth-child(2) {display: inline-block;width: 100%;} }