.box-body .box-content {
}
.box-content h2 {
margin: 0px;
color: #333333;
font-size: 1.1em;
}
.b-content .b-right a {
color: #f58813;
}
.box-content h2.b2 {
color: #f58813;
}
.box-content hr {
border: 0;
border-bottom: 1px solid #e5e5e5;
margin: 20px 0px;
}
.box-content .b-land {
padding: 30px 0px;
background: #035c98;
color: #ffffff;
display: table;
border-radius: 10px;
}
.box-content .b-land .item {
float: left;
width: 25%;
padding: 15px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.17);
}
.box-content .b-land .item:first-child {
border: 0px;
}
.box-content .b-land .item h3 {
}
.box-content .b-InteriorSpace {
border: 1px solid rgba(0, 0, 0, 0.14);
background: #f7f7f7;
padding: 15px;
margin-bottom: 15px;
}
.box-content .b-InteriorSpace .item {
display: table;
width: 100%;
}
.box-content .b-InteriorSpace .item img {
float: left;
margin-right: 50px;
border: 8px solid rgba(245, 136, 19, 0.5);
border-radius: 17px;
}
.box-content .b-InteriorSpace .item .text {
vertical-align: middle;
display: table-cell;
width: 100%;
}
.box-content .b-InteriorSpace .item h3 {
margin: 0px;
color: #035c98;
}
.box-content .b-InteriorSpace h2 {
margin-top: 10px;
}
.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;
}
}
.b-right > img ,
.b-right > a > img {
max-width: 100%;
margin: auto;
display: block;
margin-bottom: 20px;
}
.b-right .grand-opening-img1 {
width: 300px;
}
.box-content .t-center {
text-align: center;
font-weight: bold;
}
.box-content .t-center h2 {
margin: 0px;
color: #333333;
}
.box-content .gallery {
display: table;
width: 100%;
}
.gallery a {
width: calc(33.33% - 10px);
border-radius: 15px;
margin: 5px;
overflow: hidden;
display: block;
float: left;
}
.gallery .img {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
transition: .5s;
}
@media only screen and (min-width: 1025px) {
.gallery a:hover .img {
transform: scale(1.05);
}
}
.gallery .img img {
display: block;
width: 100%;
opacity: 0;
}
.box-content q {
quotes: '"' '"';
color: #035c98;
}
.box-content q::before {
content: open-quote;
}
.box-content q::after {
content: close-quote;
}
.box-content .b-right ol {
list-style-type: decimal;
padding-left: 18px;
}
.box-content .b-right li[data-list]::before {
content: attr(data-list)".";
position: absolute;
right: calc(100% - 15px);
}
.box-content .b-right li[data-list]::marker {
display: none;
}
.box-content .b-right ul {
list-style-type: disc;
padding-left: 18px;
}
.box-content .b-right ul li[style="margin-left: 10px;"]::marker {
color: transparent;
}
.box-content .b-right ul.default {
padding-left: 0px;
list-style: none;
}
span.date {
color: #f58813;
font-size: 13px;
}
.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%;
}
.box-body .box-list .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 .img {
overflow: hidden;
border-radius: 15px;
display: table;
margin: auto;
border: 7px solid #e7eaec;
background-color: #ffffff;
}
.box-body .box-list .list img {
transition: .5s;
display: block;
width: 100%;
max-width: 160px;
}
.box-body .box-list .list:hover img {
transform: scale(1.1);
}
.box-body .box-list .list h3 {
margin: 0px;
margin-top: 21px;
color: #000000;
}
.box-body .box-list .list:first-child h3 {
color: #ffffff;
}
.box-body .box-list .list span {
color: #ffae10;
}
.box-body .box-list .list a {
margin: auto;
color: #000000;
margin-top: 7px;
}
.box-body .box-list .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 .box-list .list:first-child .img {
border-color: transparent;
display: block;
border: 7px solid #f6b000;
}
.box-body .box-list .list:first-child img {
max-width: none;
}
.box-body .box-list .list:first-child span {
color: #ffffff;
}
.box-content .file {
}
.box-content .file.LImg {
display: table;
width: 100%;
}
.box-content .file .list {
background: #e7eaec;
padding: 15px 20px;
border-radius: 11px;
margin-top: 10px;
position: relative;
padding-right: 160px;
display: table;
width: 100%;
}
.box-content .file.LImg .list {
padding: 15px;
width: calc(50% - 10px);
float: left;
margin: 5px;
}
.box-content .file img {
display: block;
float: left;
width: 50px;
margin: 12px;
margin-left: 0px;
}
.box-content .file.LImg img {
float: none;
margin: auto;
width: auto;
height: 210px;
}
.box-content .file span {
color: #f58813;
font-size: 0.8em;
}
.box-content .file p {
margin: 0px;
}
.box-content .file.LImg p {
height: 96px;
overflow: hidden;
}
.box-content .file .b-button {
position: absolute;
right: 0px;
top: 0px;
padding: 0px 15px;
height: 100%;
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.box-content .file.LImg .b-button {
position: relative;
border: 0;
}
.box-content .file .b-button .btn.b2 {
margin: 0px;
top: 50%;
transform: translateY(-50%);
position: relative;
}
.box-content .file.LImg .b-button .btn.b2 {
transform: none;
margin: auto;
margin-top: 10px;
}
.box-body .b-announce {
padding: 0px 5px;
padding-bottom: 10px;
}
.box-body .b-announce .box-list2 {
margin-bottom: 20px;
position: relative;
border-radius: 10px;
background: #fff;
border: 1px solid #c7c7c7;
overflow: hidden;
}
.box-body .b-announce .b-text {
width: 100%;
padding: 13px 20px;
font-size: 15px;
position: relative;
border-bottom: 1px solid #e5e5e5;
background: #ffc24d;
display: table;
width: 100%;
}
.box-body .b-announce h1 {
font-size: 1em;
color: #000000;
width: calc(100% - 122px);
float: left;
margin: 5px 0px;
}
.box-body .b-announce .b-text a {
float: right;
padding: 3px 20px;
margin: 2px 0px;
}
.box-body .b-announce .b-text.cursor-pointer {
cursor: pointer;
}
.box-body .b-announce .b-text.cursor-pointer::after {
content: "";
position: absolute;
border: 6px solid transparent;
border-top-color: #333;
display: block;
margin-right: 2px;
right: 10px;
top: calc(50% - 2px);
}
.box-body .b-announce .b-Viewed {
color: #7c7c7c;
padding: 10px 15px;
position: relative;
}
.box-body .b-announce .b-Viewed span {
font-size: 0.8em;
color: #7c7c7c;
}
.box-body .b-announce .b-Viewed .box-status {
position: absolute;
padding: 3px 10px;
right: 16px;
bottom: calc(50% - 15px);
color: #fff;
background: #e2be86;
}
.box-body .b-announce .b-Viewed .box-status.status2 {
background: #f58813;
}
.box-body .b-announce .box-download {
}
.box-body .b-announce .box-download .b-List {
width: 100%;
padding: 13px 0px;
color: #7c7c7c;
display: flex;
background: #f9fafa;
border-top: 1px solid #e0e1e1;
}
.box-body .b-announce .box-download .b-List:nth-child(even) {
background: #eceded;
}
.box-body .b-announce .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;
margin: -5px 27px -5px 22px;
float: left;
}
.box-body .b-announce .box-download .text {
width: calc(100% - 150px);
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 3px 10px 3px 0px;
}
.box-body .b-announce .box-download .botton {
width: 135px;
font-size: 12px;
text-align: center;
color: #959595;
}
.box-body .b-announce .box-download .botton a {
background: #ffc24c;
color: #000000;
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 .b-announce .box-download .botton a:hover {
background: #b57e31;
}
}
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
.box-body .b-announce .box-list2 {
width: 100%;
}
.box-body .b-content {
padding: 10px 15px;
}
.container-baby {
padding: 0px;
}
}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
@media screen and (orientation:portrait) {
.gallery a {
width: calc(50% - 10px);
}
}
@media screen and (orientation:landscape) {
}
}
/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.box-body .box-list .list:first-child{
width: 80% !important;
}
@media screen and (orientation:portrait) {
.box-content .b-land .item {
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.17);
}
.box-content .b-land .item h3 {
margin: 0px;
}
.box-content .b-land {
padding: 0px;
}
.box-content .b-InteriorSpace .item .text {
display: table;
}
.box-content .b-InteriorSpace .item img {
float: none;
margin: auto;
display: block;
}
.gallery a {
width: calc(50% - 10px);
}
.box-body .box-list .list {
width: 70% !important;
margin: 20px 0;
margin-right: 0% !important;
}
.box-content .file .b-button {
position: relative;
border: 0;
}
.box-content .file .list {
padding: 15px;
width: 100% !important;
}
.box-content .file .b-button .btn.b2 {
transform: none;
margin: auto;
margin-top: 10px;
}
.box-content .file img {
float: none;
margin: auto;
}
.box-body .b-announce .b-Viewed .box-status {
position: initial;
margin-top: 10px;
text-align: center;
}
.box-body .b-announce h1 {
width: 100%;
}
.box-body .b-announce .box-download .text {
width: 100%;
padding: 8px 10px;
word-break: normal;
white-space: normal;
}
.box-body .b-announce .box-download .botton {
width: 100%;
}
.box-body .b-announce .box-download .b-List {
display: block;
}
.box-body .b-announce .box-download .b-List > div:not(.botton) {
width: 100% !important;
padding: 5px;
}
.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) {
.gallery a {
width: calc(25% - 10px);
}
}
}