body{font-family: 'Open Sans', sans-serif; font-size:13px;} a:link, a:visited{color:#f67400; transition:all 0.3s ease} a:hover, a:focus{transition:all 0.3s ease; color:#086b2a} .btn-download:hover{transition:all 0.3s ease; color:#fff; background-color:#086b2a !important} div.bootstrap-select button.bs-placeholder, div.bootstrap-select button.dropdown-toggle{display:none !important} .form-control {height: 35px; color: #fff; border:none; border-bottom: 1px solid #96c6b0; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:12px;} #mc-form input{color:#fff; width:100%; padding-right:10px;} #mc-form input::placeholder, #mc-form select::placeholder{color:#fff;} #mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946} #form_dangkytuvan input{color:#fff; width:100%; padding-right:10px;} #form_dangkytuvan input::placeholder, #form_dangkytuvan select::placeholder{color:#fff;} #form_dangkytuvan input:hover, #form_dangkytuvan select:hover{border-bottom: 1px solid #f0b946} select.form-control{background: none; -webkit-appearance: none;} /* .dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;} */ /*STYLE BLINK TEXT - EFFECT TEXT*/ .blinktext{ -webkit-animation: color-change 0.8s infinite; -moz-animation: color-change 0.8s infinite; -o-animation: color-change 0.8s infinite; -ms-animation: color-change 0.8s infinite; animation: color-change 0.8s infinite; } @-webkit-keyframes color-change { 0% { color: #ffffff; } 50% { color: #086b2a; } 100% { color: #ffffff; } } @-moz-keyframes color-change { 0% { color: #ffffff; } 50% { color: #086b2a; } 100% { color: #ffffff; } } @-ms-keyframes color-change { 0% { color: #ffffff; } 50% { color: #086b2a; } 100% { color: #ffffff; } } @-o-keyframes color-change { 0% { color: #ffffff; } 50% { color: #086b2a; } 100% { color: #ffffff; } } @keyframes color-change { 0% { color: #ffffff; } 50% { color: #086b2a; } 100% { color: #ffffff; } } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } /*STYLE BLINK TEXT - EFFECT TEXT*/ /*BALLOON*/ .balloon { position: fixed; left: 2%; bottom: 30px; cursor: pointer; z-index:99999; -webkit-animation: balloon 5s ease-in-out infinite; -moz-animation: balloon 5s ease-in-out infinite; -o-animation: balloon 5s ease-in-out infinite; animation: balloon 5s ease-in-out infinite; } @-webkit-keyframes balloon { 0%,100% { /*! -webkit-transform: translateY(0) rotate(-2deg); */ } 50% { /*! -webkit-transform: translateY(-20px) rotate(2deg); */ } } @-moz-keyframes balloon { 0%,100% { /*! -moz-transform: translateY(0) rotate(-2deg); */ } 50% { /*! -moz-transform: translateY(-20px) rotate(2deg); */ } } @-o-keyframes balloon { 0%,100% { -o-transform: translateY(0) rotate(-2deg); } 50% { -o-transform: translateY(-20px) rotate(2deg); } } @keyframes balloon { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-20px) rotate(2deg); } } /*END BALLOON*/ /*BUTTON STYLE*/ .btn{border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000; background:none; padding:0;} .btn-custom{background-color:#ff3366 !important; background:none; border:none; text-shadow:none; color:#fff; font-size:18px; padding:10px 15px; font-weight:bold} .btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #106c37; color:#fff;} div.button-dangkytuvan{padding-top:10px;} div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;} div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;} /*END BUTTON STYLE*/ .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background-color:#fff !important; background-image:none} .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 20px;height: 20px; background: transparent no-repeat center center; background-image: none; background-size: auto; background-size: 100% 100%; } .carousel-control-next, .carousel-control-prev {position: absolute; top: 0; bottom: 0; width:10%; color: #000; text-align: center; opacity: 1; font-size: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } a.carousel-control-prev:hover, a.carousel-control-next:hover, a.carousel-control-prev:link, a.carousel-control-prev:visited, a.carousel-control-next:link, a.carousel-control-next:visited{text-decoration:none!important} .carousel-control-prev {left: -45px;} .carousel-control-next {right: -45px;} .carousel-inner .active.left {left: -33%;} .carousel-inner .next {left: 33%;} .carousel-inner .prev {left: -33%;} .carousel-control.left, .carousel-control.right {background-image: none; width:1%} .carousel-multi .carousel-inner > .item {transition: 500ms ease-in-out left;} .carousel-multi .carousel-inner > .item > .media-card { display: table-cell; width: 1%; } .carousel-multi .carousel-inner > .item > .media-card:last-of-type {border-right: none;} .carousel-multi .carousel-inner .active {display: table;} .carousel-multi .carousel-inner .active.left {left: -33%;} .carousel-multi .carousel-inner .active.right {left: 33%;} .carousel-multi .carousel-inner .next {left: 33%;} .carousel-multi .carousel-inner .prev {left: -33%;} .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media screen and (max-width: 768px) { ul#myTab{max-width: 100% !important;} .navbar-inverse .navbar-toggle{background-color:transparent;} .navbar-inverse .navbar-toggle .icon-bar{background-color:#4db748} .navbar-inverse .navbar-toggle{border:none} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#004f2b;} .navbar-toggle .icon-bar{width:30px; height:3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .navbar-toggle .icon-bar + .icon-bar{margin-top: 6px;} } @media screen and (min-width: 321px){ /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:100%; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:100%; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:15px; top:0px; margin-top:100px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 30px 20px 30px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:40px 30px 20px 30px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:0px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:0px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px; overflow:hidden} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:15px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:30px 25px 20px 25px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-6px; width:70px; height:70px;} div#hinhthuc-section .hinhthuc p.stt1 br{display:block} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs-2.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:15px; padding:20px 20px 20px 20px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:auto;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:20px; font-weight:700; line-height:25px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:15px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:0px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:0px; width:100%; height:auto;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:50px 0px 50px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:38%} .carousel-control.left{left:15px; opacity:1} .carousel-control.right{right:15px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:0px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 10px 0px 10px;} #section-one .row2{padding:0px 10px 50px 10px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-xs.jpg) #fff center center no-repeat; width:100%; height:409px; font-family: 'Noto Serif', serif; font-size:18px; line-height:26px;} #section-two img.quote2{position:absolute; top:-50px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:30px 10px 0px 10px;} #section-three .row2{padding:0px 10px 0px 10px;} #section-three .row3{padding:0px 10px 0px 10px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:18px; line-height:26px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 0px 0px; padding:20px 10px 0px 10px;} /*END SECTION THREE*/ } @media screen and (min-width: 375px){ /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:100%; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:100%; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:16px; top:0px; margin-top:100px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 30px 20px 30px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:30px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:10px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:20px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:10px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px; overflow:hidden} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:15px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:30px 25px 20px 25px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-6px; width:70px; height:70px;} div#hinhthuc-section .hinhthuc p.stt1 br{display:block} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs-2.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:15px; padding:20px 20px 20px 20px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:auto;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:20px; font-weight:700; line-height:25px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:10px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:0px; width:100%; height:auto;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:50px 0px 50px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:40%} .carousel-control.left{left:15px; opacity:1} .carousel-control.right{right:15px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:0px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 10px 0px 10px;} #section-one .row2{padding:0px 10px 50px 10px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-xs.jpg) #fff center center no-repeat; width:100%; height:409px; font-family: 'Noto Serif', serif; font-size:18px; line-height:26px;} #section-two img.quote2{position:absolute; top:-60px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:30px 10px 0px 10px;} #section-three .row2{padding:0px 10px 0px 10px;} #section-three .row3{padding:0px 10px 0px 10px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:18px; line-height:26px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 0px 0px; padding:30px 20px 10px 20px;} /*END SECTION THREE*/ } @media screen and (min-width: 414px){ /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:100%; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:100%; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:15px; top:0px; margin-top:100px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 30px 20px 30px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:40px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:20px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:40px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:20px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px; overflow:hidden} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:15px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:30px 25px 20px 25px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-10px; width:70px; height:70px;} div#hinhthuc-section .hinhthuc p.stt1 br{display:none} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs-2.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:15px; padding:20px 20px 20px 20px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:auto;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:20px; font-weight:700; line-height:25px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:10px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:-5px; width:100%; height:auto;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:50px 0px 50px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:45%} .carousel-control.left{left:15px; opacity:1} .carousel-control.right{right:15px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:0px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 25px 0px 25px;} #section-one .row2{padding:0px 25px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-xs.jpg) #fff center center no-repeat; width:100%; height:409px; font-family: 'Noto Serif', serif; font-size:20px; line-height:30px;} #section-two img.quote2{position:absolute; top:-60px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:30px 30px 0px 30px;} #section-three .row2{padding:0px 30px 0px 30px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:20px; line-height:30px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 0px 0px; padding:40px 30px 20px 30px;} /*END SECTION THREE*/ } @media screen and (min-width: 480px){ /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:390px; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:100%; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:16px; top:0px; margin-top:100px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 50px 20px 50px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 50px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:50px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 50px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 50px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:50px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px; overflow:hidden} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:15px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:30px 25px 20px 25px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-10px; width:70px; height:70px; display:block} div#hinhthuc-section .hinhthuc p.stt1 br{display:none} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs-2.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:14px; padding:20px 20px 20px 20px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:auto;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:20px; font-weight:700; line-height:15px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:10px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:-20px; width:100%; height:auto;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:50px 0px 50px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:45%} .carousel-control.left{left:20px; opacity:1} .carousel-control.right{right:20px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:0px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 25px 0px 25px;} #section-one .row2{padding:0px 25px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-xs.jpg) #fff center center no-repeat; width:100%; height:409px; font-family: 'Noto Serif', serif; font-size:20px; line-height:30px;} #section-two img.quote2{position:absolute; top:-60px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:50px 30px 0px 30px;} #section-three .row2{padding:0px 30px 0px 30px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:20px; line-height:30px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 0px 0px; padding:40px 30px 20px 30px;} /*END SECTION THREE*/ } @media screen and (min-width: 640px) { /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:0px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:390px; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:430px; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:16px; top:0px; margin-top:0px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 50px 20px 50px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:30px 50px 20px 50px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:50px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 50px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:30px 50px 20px 50px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:50px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px;} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:16px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:40px 35px 20px 35px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-10px; width:90px; height:90px; display:block} div#hinhthuc-section .hinhthuc p.stt1 br{display:none} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:16px; padding:20px 0px 20px 40px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:45px;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:24px; font-weight:700; line-height:15px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:20px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:-20px; width:400px; height:395px;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:80px 0px 80px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:45%} .carousel-control.left{left:20px; opacity:1} .carousel-control.right{right:20px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:20px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 25px 0px 25px;} #section-one .row2{padding:0px 25px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-md.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:20px; line-height:30px;} #section-two img.quote2{position:absolute; top:-60px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:50px 30px 0px 30px;} #section-three .row2{padding:0px 30px 0px 30px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:20px; line-height:30px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 50px 0px; padding:40px 30px 20px 30px;} /*END SECTION THREE*/ } @media screen and (min-width: 768px) { /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 0px 20px; text-align:center; font-size:18px; top:-100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:390px; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:430px; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:16px; top:-20px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:block;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:60px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:30px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 50px 20px 50px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:30px 50px 20px 50px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:50px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 50px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:50px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:30px 50px 20px 50px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:50px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-150px;} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:16px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:40px 35px 20px 35px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:120px; top:-10px; width:90px; height:90px; display:block} div#hinhthuc-section .hinhthuc p.stt1 br{display:none} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:-100px;} div#giaithuong-section .container{background:url(../../images/flag-xs.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:16px; padding:20px 0px 20px 40px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:45px;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:24px; font-weight:700; line-height:15px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:20px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:0px; padding-bottom:50px;} div#thongtin-section img.kid{position:relative; top:0px; left:-20px; width:400px; height:395px;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:0px 0px 80px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:50px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:50px; height:77px; top:45%} .carousel-control.left{left:30px; opacity:1} .carousel-control.right{right:30px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:60px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 25px 0px 25px;} #section-one .row2{padding:0px 25px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-md.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:20px; line-height:30px;} #section-two img.quote2{position:absolute; top:-100px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:30px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:50px 30px 0px 30px;} #section-three .row2{padding:0px 30px 0px 30px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:20px; line-height:30px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 50px 0px; padding:40px 30px 20px 30px;} /*END SECTION THREE*/ } @media screen and (min-width: 1024px) { /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 0px 20px; text-align:center; font-size:18px; top:-60px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:block;} div#intro-section .info{background-color:#8153d0; width:390px; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:right;} div#intro-section .info2{float:left;} div#intro-section .infobox{background-color:#8153d0; width:430px; height:420px; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:right;} div#intro-section .infobox2{float:left;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 500px 20px; text-align:left; font-size:15px; top:-20px;} div#intro-section-new .row0{display:none} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:block;} div#intro-section-new .label-desktop{display:block;} div#intro-section-new .label-mobile{display:none;} div#intro-section-new .label1{width:360px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 20px 20px 50px; margin-left:65px; margin-bottom:40px;} .label1-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label2{width:460px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 20px 20px 75px; margin-left:70px; margin-bottom:40px;} .label2-title{position:absolute; top:-60px; left:45px;} div#intro-section-new .label3{width:360px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:70px 20px 20px 50px; margin-left:65px; margin-bottom:40px; height:280px;} .label3-title{position:absolute; top:220px; left:0px;} div#intro-section-new .label4{width:460px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 20px 20px 75px; margin-left:70px; margin-bottom:40px;} .label4-title{position:absolute; top:110px; left:45px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:0px; background:url(../../images/shadow.png) 100px -80px no-repeat;} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-70px; display:block} div#hinhthuc-section .hinhthuc-img-mobile{display:none} div#hinhthuc-section .hinhthuc{float:right; position:absolute; right:0; color:#333333; font-size:15px; width:890px; height:470px; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:20px 35px 20px 410px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{display:none} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:16px; padding:100px 0px 20px 30px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:45px;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:24px; font-weight:700; line-height:15px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:inline-block} div#giaithuong-section p.vong{display:inline-block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; width:auto;} div#giaithuong-section p{padding-left:20px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:none} div#giaithuong-section .row-quatang-desktop{display:block} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:0px; padding-bottom:50px;} div#thongtin-section img.kid{position:absolute; top:-30px; left:-20px; width:666px; height:525px;} div#thongtin-section img.cuocthi-info{padding-top:60px; padding-bottom:0px; display:block} div#thongtin-section img.cuocthi-info0{display:none} div#thongtin-section img.cuocthi-info1{display:none; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:80px 0px 80px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat;} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:50px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:50px; height:77px; top:45%} .carousel-control.left{left:100px; opacity:1} .carousel-control.right{right:100px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:60px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:right; display: block; max-width: 100%; height: auto;} #section-one .row1{padding:80px 25px 0px 25px;} #section-one .row2{padding:0px 180px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:20px; line-height:30px;} #section-two img.quote2{position:absolute; top:-100px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:20px; line-height:30px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:35px; margin-bottom:80px;} #section-three img.quote4{float:right; display: block; max-width: 100%; height: auto; margin-left:40px;} #section-three img.quote5{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:60px 30px 0px 30px;} #section-three .row2{padding:0px 30px 0px 30px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:20px; line-height:30px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 20px 0px 20px; padding:50px 30px 30px 30px;} /*END SECTION THREE*/ } @media screen and (min-width: 1280px) { /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 0px 20px; text-align:center; font-size:18px; top:-20px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:block;} div#intro-section .info{background-color:#8153d0; width:390px; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:right;} div#intro-section .info2{float:left;} div#intro-section .infobox{background-color:#8153d0; width:430px; height:420px; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:right;} div#intro-section .infobox2{float:left;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 500px 20px; text-align:left; font-size:16px; top:-20px;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px;} div#intro-section-new .label1{width:430px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 50px 20px 50px; margin-left:65px; margin-bottom:40px;} .label1-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label2{width:560px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 50px 20px 75px; margin-left:70px; margin-bottom:40px;} .label2-title{position:absolute; top:-60px; left:45px;} div#intro-section-new .label3{width:430px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:70px 50px 20px 50px; margin-left:65px; margin-bottom:40px; height:250px;} .label3-title{position:absolute; top:230px; left:0px;} div#intro-section-new .label4{width:560px; background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 50px 20px 75px; margin-left:70px; margin-bottom:40px;} .label4-title{position:absolute; top:110px; left:45px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; background:url(../../images/shadow.png) 300px -50px no-repeat;} div#hinhthuc-section .container{padding-top:30px;} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px;} div#hinhthuc-section .hinhthuc{float:right; position:absolute; right:0; color:#333333; font-size:16px; width:890px; height:470px; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:20px 35px 20px 250px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3.png) 0 0 no-repeat; padding-left:50px; padding-top:8px; padding-bottom:8px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto;} div#giaithuong-section .container{background:url(../../images/flag.png) 0 -35px no-repeat; width:1181px;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:18px; padding:100px 10px 20px 40px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:45px;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:24px; font-weight:700; line-height:15px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:16px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:inline-block} div#giaithuong-section p.vong{display:inline-block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px;} div#giaithuong-section p{padding-left:20px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:0px;} div#thongtin-section img.kid{position:absolute; top:-60px; left:-50px; width:666px; height:566px;} div#thongtin-section img.cuocthi-info{padding-top:60px; padding-bottom:0px;} div#thongtin-section img.cuocthi-info0{display:none} div#thongtin-section img.cuocthi-info1{display:none; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:80px 0px 80px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat;} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:50px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:50px; height:77px; top:45%} .carousel-control.left{left:220px; opacity:1} .carousel-control.right{right:220px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:26px; line-height:34px; padding-bottom:60px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:right; display: block; max-width: 100%; height: auto;} #section-one .row1{padding:80px 25px 0px 25px;} #section-one .row2{padding:0px 180px 50px 25px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:26px; line-height:34px;} #section-two img.quote2{position:absolute; top:-100px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:26px; line-height:34px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:35px; margin-bottom:80px;} #section-three img.quote4{float:right; display: block; max-width: 100%; height: auto; margin-left:40px;} #section-three img.quote5{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:0px; margin-bottom:300px;} #section-three .row1{padding:80px 100px 0px 30px;} #section-three .row2{padding:0px 30px 0px 100px;} #section-three .row3{padding:0px 50px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:220px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:26px; line-height:34px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 70px 0px 70px; padding:50px 50px 30px 50px;} /*END SECTION THREE*/ } @media screen and (min-width: 1440px){ .carousel-control.left{left:300px;} .carousel-control.right{right:300px;} /*SECTION ONE*/ #section-one .row1{padding:80px 80px 0px 80px;} #section-one .row2{padding:0px 250px 50px 80px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:26px; line-height:34px;} #section-two img.quote2{position:absolute; top:-100px; left:60px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three img.quote3{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:35px; margin-bottom:0px;} #section-three img.quote4{float:right; display: block; max-width: 100%; height: auto; margin-left:40px;} #section-three img.quote5{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:0px; margin-bottom:150px;} #section-three .row1{padding:80px 150px 0px 30px;} #section-three .row2{padding:0px 30px 0px 220px;} #section-three .row3{padding:0px 80px 0px 30px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:250px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:26px; line-height:34px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 70px 0px 70px; padding:50px 70px 30px 70px;} /*END SECTION THREE*/ } @media screen and (min-width: 1600px){ .carousel-control.left{left:380px;} .carousel-control.right{right:380px;} /*SECTION ONE*/ #section-one .row1{padding:80px 120px 0px 120px;} #section-one .row2{padding:0px 250px 50px 120px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:26px; line-height:34px;} #section-two img.quote2{position:absolute; top:-100px; left:80px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three img.quote3{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:35px;} #section-three img.quote4{float:right; display: block; max-width: 100%; height: auto; margin-left:40px;} #section-three img.quote5{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:0px; margin-bottom:150px;} #section-three .row1{padding:80px 200px 0px 60px;} #section-three .row2{padding:0px 60px 0px 280px;} #section-three .row3{padding:0px 180px 0px 60px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:350px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:26px; line-height:34px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 120px 0px 120px; padding:50px 70px 30px 70px;} /*END SECTION THREE*/ } @media screen and (min-width: 1920px){ .carousel-control.left{left:530px;} .carousel-control.right{right:530px;} /*SECTION ONE*/ #section-one .row1{padding:80px 180px 0px 380px;} #section-one .row2{padding:0px 380px 50px 380px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg.jpg) #fff center center no-repeat; width:100%; height:930px; font-family: 'Noto Serif', serif; font-size:26px; line-height:34px;} #section-two img.quote2{position:absolute; top:-100px; left:350px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three img.quote3{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:35px;} #section-three img.quote4{float:right; display: block; max-width: 100%; height: auto; margin-left:40px;} #section-three img.quote5{float:left; display: block; max-width: 100%; height: auto; margin-right:40px; margin-top:0px; margin-bottom:0px;} #section-three .row1{padding:80px 380px 0px 180px;} #section-three .row2{padding:0px 250px 0px 380px;} #section-three .row3{padding:0px 250px 0px 180px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:365px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:26px; line-height:34px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 310px 0px 310px; padding:50px 70px 30px 70px;} /*END SECTION THREE*/ } @media screen and (max-width: 320px){ /*INTRO SECTION*/ div#intro-section{position:relative; color:#333333; padding:0px 20px 10px 20px; text-align:center; font-size:18px; top:0px; margin-top:100px;} div#intro-section p{margin-bottom:25px;} div#intro-section p br{display:none;} div#intro-section .info{background-color:#8153d0; width:100%; padding:8px 25px 8px 25px; margin-top:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;} div#intro-section .info1{float:none; margin:0 auto;} div#intro-section .info2{float:none; margin:0 auto; margin-top:15px;} div#intro-section .infobox{background-color:#8153d0; width:100%; height:auto; padding:0px 35px 20px 35px; margin-top:50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; -webkit-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2); box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.2);} div#intro-section .infobox .icon{position:relative; top:-30px;} div#intro-section .infobox1{float:none; margin:0 auto; margin-top:50px;} div#intro-section .infobox2{float:none; margin:0 auto; margin-top:60px;} /*END INTRO SECTION*/ /*INTRO SECTION NEW*/ div#intro-section-new{position:relative; color:#fff; padding:0px 20px 0px 20px; text-align:left; font-size:15px; top:0px; margin-top:100px;} div#intro-section-new .row0{display:block; text-align:center; color:#333; margin-bottom:20px;} div#intro-section-new .row0 br{display:none;} div#intro-section-new .row1{margin-bottom:50px;} div#intro-section-new .img-kid img{position:absolute; bottom:-20px; display:none} div#intro-section-new .img-kid-mobile img{position:relative; display:block; bottom:0px} div#intro-section-new .label-desktop{display:none;} div#intro-section-new .label-mobile{display:block; padding-right:15px;} div#intro-section-new .label1{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:60px 30px 20px 30px; margin-bottom:60px;} .label1-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label2{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:40px 30px 20px 30px; margin-bottom:60px;} .label2-title{position:absolute; top:-60px; right:0px;} div#intro-section-new .label3{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:60px;} .label3-title{position:absolute; top:-60px; left:0px;} div#intro-section-new .label4{background-color:#f171c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:50px 30px 20px 30px; margin-bottom:0px;} .label4-title{position:absolute; top:-40px; right:0px;} div#intro-section-new .label4 ul li{list-style-type:none;} /*END INTRO SECTION NEW*/ /*HÌNH THỨC NỘP BÀI SECTION*/ div#hinhthuc-section{position:relative; margin-top:0px; top:-30px; overflow:hidden} div#hinhthuc-section .hinhthuc-img{float:left; position:relative; z-index:10; left:-60px; display:none} div#hinhthuc-section .hinhthuc-img-mobile{float:none; position:relative; z-index:10; left:0px; display:block} div#hinhthuc-section .hinhthuc{float:right; position:relative; right:0; color:#333333; font-size:15px; width:100%; height:auto; background-color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3); padding:30px 25px 20px 25px;} div#hinhthuc-section .hinhthuc p.stt1{background:url(../../images/stt1-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px;} div#hinhthuc-section .hinhthuc p.stt2{background:url(../../images/stt2-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc p.stt3{background:url(../../images/stt3-xs.png) 0 0 no-repeat; padding-left:35px; padding-top:1px; padding-bottom:5px; margin-bottom:0;} div#hinhthuc-section .hinhthuc ul{margin-left:30px; margin-top:0;} div#hinhthuc-section .hinhthuc ul li{background:url(../../images/dot.png) 0 10px no-repeat; list-style-type:none; padding-left:15px;} div#hinhthuc-section .hinhthuc img.hinhthuc-icon{position:absolute; right:40px; top:-6px; width:70px; height:70px;} div#hinhthuc-section .hinhthuc p.stt1 br{display:block} /*END HÌNH THỨC NỘP BÀI SECTION*/ /*GIẢI THƯỞNG SECTION*/ div#giaithuong-section{position:relative; background:url(../../images/bg-giaithuong.jpg) #209c46 0 0 repeat-x; width:100%; height:auto; top:0px;} div#giaithuong-section .container{background:url(../../images/flag-xs-2.png) center -35px no-repeat; width:100%;} div#giaithuong-section .container .title{padding:40px 20px 20px 20px;} div#giaithuong-section .giaithuong{color:#fff; font-size:15px; padding:20px 20px 20px 20px} div#giaithuong-section .giaithuong p{border-left:9px solid #fff; padding-left:15px; padding-bottom:0px; margin-bottom:28px; height:auto;} div#giaithuong-section .giaithuong span.heading{display:block; font-size:20px; font-weight:700; line-height:25px; margin-bottom:10px;} /*END GIẢI THƯỞNG SECTION*/ div#giaithuong-section .row-new{color:#fff; font-size:15px;} div#giaithuong-section img.star,div#giaithuong-section img.star-title{display:block} div#giaithuong-section p.vong{display:block; padding:5px 20px 5px 15px; background-color:#fff; color:#3bb44a; font-style:italic; font-weight:bolder; font-size:18px; margin: 0 auto; text-align:center; width:150px; margin-bottom:20px;} div#giaithuong-section p{padding-left:0px;} div#giaithuong-section .row-note{padding-top:30px; padding-bottom:30px;} div#giaithuong-section .row-quatang-mobile{display:block} div#giaithuong-section .row-quatang-desktop{display:none} /*THÔNG TIN SECTION*/ div#thongtin-section{position:relative; width:100%; height:auto; top:50px; padding-bottom:80px;} div#thongtin-section img.kid{position:relative; top:0px; left:0px; width:100%; height:auto;} div#thongtin-section img.cuocthi-info{padding-top:10px; padding-bottom:10px; display:none} div#thongtin-section img.cuocthi-info0{display:block} div#thongtin-section img.cuocthi-info1{display:block; margin-bottom:15px;} /*END THÔNG TIN SECTION*/ /*GIAI THUONG*/ div#giai-thuong-desktop{padding:50px 0px 50px 0px; cursor: pointer; } div#giai-thuong-desktop #myCarousel_giaithuong{background:url(../../images/slide-bg.png) #fff center center no-repeat; background:none} div#giai-thuong-mobile{display:none} div#giai-thuong-desktop #myCarousel_giaithuong .col-md-12{padding:0px 40px 0px 40px;} div#giai-thuong-desktop #myCarousel_giaithuong .item img{-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);} div#giai-thuong-desktop .row-intro{font-size:17px; text-align:center; margin-bottom:30px;} div#giai-thuong-desktop .row-chucmung{margin-top:50px; margin-bottom:10px;} .carousel-control.left, .carousel-control.right{width:35px; height:54px; top:38%} .carousel-control.left{left:15px; opacity:1} .carousel-control.right{right:15px; opacity:1} /*END GIAI THUONG*/ /*SECTION ONE*/ #section-one{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:0px;} #section-one p{margin-bottom:25px;} #section-one img.quote1{float:none; display: block; max-width: 100%; height: auto; margin:0 auto;} #section-one .row1{padding:0px 10px 0px 10px;} #section-one .row2{padding:0px 10px 50px 10px;} /*END SECTION ONE*/ /*SECTION TWO*/ #section-two{background:url(../../images/section-2-bg-xs.jpg) #fff center center no-repeat; width:100%; height:409px; font-family: 'Noto Serif', serif; font-size:18px; line-height:26px;} #section-two img.quote2{position:absolute; top:-50px; left:5px;} /*END SECTION TWO*/ /*SECTION THREE*/ #section-three{font-family: 'Noto Serif', serif; color:#534741; background-color:#fff; font-size:18px; line-height:26px; padding-bottom:10px;} #section-three p{margin-bottom:25px;} #section-three img.quote3{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:15px; margin-bottom:20px;} #section-three img.quote4{float:none; display: block; max-width: 100%; height: auto; margin:0 auto; margin-left:auto;} #section-three img.quote5{float:none; display: block; max-width: 100%; height: auto; margin-right:40px; margin:0 auto; margin-top:0px; margin-bottom:20px;} #section-three .row1{padding:30px 10px 0px 10px;} #section-three .row2{padding:0px 10px 0px 10px;} #section-three .row3{padding:0px 10px 0px 10px;} #section-three .row1 span.rowspan1{margin-left:20px;} #section-three .row2 span.rowspan2{margin-left:20px;} #section-three .row3 span.rowspan3{margin-left:20px;} #section-three div.history{text-align:center; font-family: 'Noto Serif', serif; color:#534741; font-size:18px; line-height:26px; border:1px solid #d7d0c7; background-color:#fff2df; margin:0px 0px 0px 0px; padding:20px 10px 0px 10px;} /*END SECTION THREE*/ }