.box-body .box-content {
}
.box-body .box-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-flow: row wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
padding: 40px 0px;
}
.box-body .list {
width: 33.33%;
text-align: center;
margin: 20px 0px;
color: #f7f7f7;
min-height: 250px;
}
.box-body .box-list[data-number="5"] .list ,
.box-body .box-list .list.col-2 {
width: 50%;
}
.box-body .box-list .list.col-4 {
width: 25%;
}
.box-body .box-list .list.col-1 {
width: 100%;
}
.box-body .list a {
color: #f7f7f7;
}
.box-body .list .img {
overflow: hidden;
border-radius: 15px;
display: table;
margin: auto;
border: 7px solid #e7eaec;
background-color: #ffffff;
}
.box-body .list img {
transition: .5s;
display: block;
width: 100%;
max-width: 160px;
}
.box-body .list:hover img {
transform: scale(1.1);
}
.box-body .list h3 {
width: 100% !important;
margin: 0px;
margin-top: 21px;
}
.box-body .list span {
color: #ffae10;
}
.box-body .list:first-child {
width: 270px !important;
float: none;
display: table;
margin: auto calc(50% - 165px);
background: #f9ae14;
border-radius: 10px;
padding-bottom: 25px;
color: #000000;
margin-bottom: 25px;
}
.box-body .list:first-child .img {
border-color: transparent;
display: block;
border: 7px solid #f6b000;
}
.box-body .list:first-child img {
max-width: none;
}
.box-body .list:first-child span {
color: #ffffff;
}
.box-body .box-text {
padding: 20px 0px;
color: #ffffff;
}
.container-baby {
padding: 0px 20px;
}
.box-body .box-text .banner {
min-height: 30vw;
display: flex;
align-items: center;
padding: 12px;
margin: 20px -20px;
overflow: hidden;
position: relative;
background-position: center;
background-size: cover;
}
.box-body .box-text .banner .b-banner {
text-align: center;
line-height: 37px;
color: #ffffff;
background: rgba(0, 0, 0, 0.4);
padding: 35px 20px;
width: 100%;
z-index: 1;
}
.box-body .box-text .banner h1 {
margin: 0px;
}
.BGyoutube {
position: absolute;
width: 100%;
height: 200%;
left: 0px;
-webkit-animation-name: BGyoutube; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
animation-name: BGyoutube;
animation-duration: 4s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes BGyoutube {
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}
/* Standard syntax */
@keyframes BGyoutube {
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}
.box-body .box-text h2 {
color: #cfb629;
text-align: center;
}
.box-body .box-text p {
padding: 0px 15px;
text-align: justify;
}
.box-body .box-text p a {
color: #f58813;
}
.box-body .box-text b {
color: #ff9a2d;
font-weight: normal;
}
.box-body .box-text i {
color: #ffc24c;
font-style: normal;
}
.box-body .box-text u {
color: #ffc24c;
margin-left: 15px;
}
.box-body .box-text .center {
text-align: center;
display: block;
}
.box-body .box-text span.b-date {
color: #9c9c9e;
}
.box-body .box-text img {
width: 92%;
margin: auto;
display: block;
padding-top: 5px;
padding-bottom: 15px;
}
.box-body .box-text ol {
list-style-type: decimal;
-webkit-margin-start: 20px;
margin-top: -15px;
}
.box-body .box-text hr {
border: 0;
margin: 30px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.box-body .box-download {
}
.box-body .box-download .b-List {
width: 100%;
padding: 13px 0px;
color: #7c7c7c;
display: flex;
background: #f9fafa;
border-top: 1px solid #e0e1e1;
}
.box-body .box-download .b-List:nth-child(even) {
background: #eceded;
}
.box-body .box-download .b-List::before {
content: "";
width: 30px;
height: 37px;
display: block;
background: url(../images/I-pdf.png) no-repeat center;
background-size: contain;
margin: -5px 27px -5px 22px;
}
.box-body .box-download .text {
width: calc(100% - 250px);
padding-right: 27px;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.box-body .box-download .botton {
width: 135px;
font-size: 12px;
text-align: center;
color: #959595;
}
.box-body .box-download .botton a {
background: #e2be86;
color: #ffffff;
padding: 3px 0px;
width: 100%;
max-width: 200px;
display: block;
text-align: center;
font-size: 16px;
border-radius: 20px;
margin: 0px auto ;
transition: .5s;
}
@media only screen and (min-width: 1025px) {
.box-body.box-download .botton a:hover {
background: #b57e31;
}
}
.box-body .b-InteriorSpace {
padding-top: 20px;
color: #fff;
}
.box-body .b-InteriorSpace h3 {
margin-bottom: 20px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.box-body .b-InteriorSpace .item-float {
display: table;
width: 100%;
}
.box-body .b-InteriorSpace .item {
display: table;
width: 100%;
padding: 15px 0px;
}
.box-body .b-InteriorSpace .item-float .item {
width: 50%;
float: left;
}
.box-body .b-InteriorSpace .item img {
float: left;
margin-right: 50px;
border: 10px solid rgba(255, 255, 255, 0.14);
border-radius: 17px;
}
.box-body .b-InteriorSpace .item .text {
vertical-align: middle;
display: table-cell;
width: 100%;
}
.box-body .b-InteriorSpace .item h2 {
margin: 0px;
}
.box-body .b-InteriorSpace .item h2.t1 {
color: #ffc24c;
}
.box-body .b-InteriorSpace .item a {
color: #fff;
}
.box-detailM{
color: #ffffff;
border-top: 1px solid #dcdcdc;
padding: 0 20px 20px;
}
.box-detailM ol{
list-style: decimal;
}
.box-detailM li[data-list]::before {
content: attr(data-list)".";
position: absolute;
right: calc(100% - 36px);
}
.box-detailM li[data-list]::marker {
display: none;
}
.box-body .b-download{
padding-bottom: 20px;
padding-top: 0px;
}
.box-detailM i {
color: #ffc24c;
font-style: normal;
}
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
.BGyoutube {
display: none;
}
.box-body .b-InteriorSpace .item {
width: 100% !important;
}
}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}
/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.box-body .b-InteriorSpace .item img {
margin: 5px auto;
float: none;
display: block;
}
.box-body .b-InteriorSpace .item .text {
display: block;
}
@media screen and (orientation:portrait) {
.box-body .list {
width: 70% !important;
margin: 20px 0;
margin-right: 0% !important;
}
.box-body .list h3 {
width: 108% !important;
/* margin: 0px;
margin-top: 21px;*/
}
.box-body .b-Viewed .box-status {
position: initial;
margin-top: 10px;
text-align: center;
}
.box-body .box-download .b-List::before {
display: none;
}
.box-body .box-download .b-List .text::before {
content: "";
width: 30px;
height: 37px;
display: block;
background: url(../images/I-pdf.png) no-repeat center;
background-size: contain;
float: left;
margin-top: -5px;
margin-right: 10px;
}
.box-body .box-download .text {
width: 100%;
padding: 8px 10px;
word-break: normal;
white-space: normal;
}
.box-body .box-download .botton {
width: 100%;
}
.box-body .box-download .b-List {
display: block;
}
}
@media screen and (orientation:landscape) {
}
}